/* !important ueberschreibt auch ansonsten hoeherwertige Child-Einstellungen
   uebergeordnete Elemente mit class='drucken' wuerde sonst nicht reichen
   bzw. wurde die reine class-Redefinition von z.B. span.zeilegrau ueberschrieben
*/

/* Inhaltsbreite setzen, Floats und Margins aufheben */
#content, #page {
width: 100%; 
margin: 0; 
float: none;
}
    
/** Seitenränder einstellen */       
@page { margin: 2cm }

body {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 line-height: 1.3;
 color: #FFFFFF;
 width: 100%;
 background: transparent; /* machen die Browser dzt. sowieso */
}

/* Standardwerte fuer Druck */
:root {
   font-family: Georgia, "Times New Roman", Times, serif;
   --main-bg-color: #FFFFFF;
   --version: web;
   --fs: 16px;
/* rem definieren */
   font-size: var(--fs);

}
.drucken {
  display: none !important;
}
button {
  display: none;
}
 
/* 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 }
    
/* ^="zeile" geht nicht, weil die normale Zeile (zeile und zeileweiss) ja nicht veraendert werden soll
*/
div[class*="grau"] {
  color: #DDDDDD !important;
  border: 1 !important;
  border-color: #000000 !important;
  border-style: solid !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
div[class*="gruen"] {
  color: #009933 !important;
  border: 1 !important;
  border-color: #000000 !important;
  border-style: solid !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
div[class*="gelb"] {
  color: #FFF000 !important;
  border: 1 !important;
  border-color: #000000 !important;
  border-style: solid !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
div[class*="blau"] {
  color: #0066FF !important;
  border: 1 !important;
  border-color: #000000 !important;
  border-style: solid !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
div[class*="orange"] {
  color: #F57E20 !important;
  border: 1 !important;
  border-color: #000000 !important;
  border-style: solid !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
div[class*="rot"] {
  color: #FF0000 !important;
  border: 1 !important;
  border-color: #000000 !important;
  border-style: solid !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
span[class*="nowrap"] {
 white-space: normal;
}
span[class*="grau"] {
  color: #DDDDDD !important;
  border: 1 !important;
  border-style: solid !important;
  border-color: #000000 !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
span[class*="gruen"] {
  color: #009933 !important;
  border: 1 !important;
  border-style: solid !important;
  border-color: #000000 !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
span[class*="gelb"] {
  color: #FFF000 !important;
  border: 1 !important;
  border-style: solid !important;
  border-color: #000000 !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
span[class*="blau"] {
  color: #0066FF !important;
  border: 1 !important;
  border-style: solid !important;
  border-color: #000000 !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
span[class*="orange"] {
  color: #F57E20 !important;
  border: 1 !important;
  border-style: solid !important;
  border-color: #000000 !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}
span[class*="rot"] {
  color: #FF0000 !important;
  border: 1 !important;
  border-style: solid !important;
  border-color: #000000 !important;
  font-family: Comic Sans MS, Comic Sans !important;
  font-weight: bold !important;
}