/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
*/

@media print {
 
/* Inhaltsbreite setzen, Floats und Margins aufheben */
/* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
#container, #header {
width: 100%; 
margin: 0; 
float: none;
}
    
/** Seitenränder einstellen */       
@page { margin: 2cm }

/* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
/* Das spart Tinte */
body {
font: 13pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
}

h1 {
font-size: 24pt;
}

h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
}    
 
/* Alle Seitenumbrüche definieren */
a {
    page-break-inside:avoid
}
blockquote {
    page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
     page-break-inside:avoid }
img { page-break-inside:avoid; 
     page-break-after:avoid; }
table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
    
/* Linkfarbe und Linkverhalten darstellen */
a:link, a:visited, a {
background: transparent;
color: #0096d9;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

a {
    page-break-inside:avoid
}

a[href^=http]:after {
      content:" <" attr(href) "> ";
}

$a:after > img {
   content: "";
}

article a[href^="#"]:after {
   content: "";
}

a:not(:local-link):after {
   content:" <" attr(href) "> ";
}
    
/**
 * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
 */
.entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
}
.embed-youtube, .embed-responsive {
  position: absolute;
  height: 0;
  overflow: hidden;
}
    
/* Unnötige Elemente ausblenden für den Druck */
header .ce_ctsslider, header .ce_ctssliderstart,.bx-wrapper .bx-viewport,
nav,
.mod_breadcrumb,
#footer,
#header .navi-section.nav--slide_in a.nav-mobile,
#header .ce_ctsanimatedmodal.infocenter .linkm a,
#header .ce_ctsanimatedmodal.topsearch .linkm a
{
width: :0;
height: 0;
display: none !important;
}

.top #metamenu ul > li:hover a, .top #metamenu ul > li span, .top .ce_ctsanimatedmodal.amicontopbar .linkm a, .top .ce_ctsanimatedmodal.amicontopbar .linkm a:hover .ce_ctsanimatedmodal.topsearch .linkm:hover a, .ce_ctsanimatedmodal.topsearch .linkm a, .top .ce_ctsanimatedmodal.infocenter .linkm a, .top .mod_customnav ul li a:hover, .top .mod_customnav ul li span, .top .mod_customnav ul li a, .top li[class*="fa-"]:before, .top li[class^="fa-"]:before
{
  display:none !important;
}
    
/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */
#container:after {
content: "\ Alle Rechte vorbehalten. (c) 2014 - 2017 Meine Firma GmbH - meine-domain.de";
color: #999 !important;
font-size: 1em;
padding-top: 30px;
}
#header:before {
content: "\ Vielen herzlichen Dank für das Ausdrucken unseres Artikels. Wir hoffen, dass auch andere Artikel von uns Ihr Interesse wecken können.";
color: #777 !important;
font-size: 1em;
padding-top: 30px;
text-align: center !important;    
}

/* Wichtige Elemente definieren */    
p, address, li, dt, dd, blockquote {
font-size: 100%
}

/* Zeichensatz fuer Code Beispiele */
code, pre { font-family: "Courier New", Courier, mono}

ul, ol {
list-style: square; margin-left: 18pt;
margin-bottom: 20pt;    
}

li {
line-height: 1.6em;
}    
    
}