/*<![CDATA[*/
 .w100 { width:100% }
 .w20 { width:20% }
 .w80 { width:80% }
 .h700 { height:700px }
 .thg {
    background-image: url(../picz/gO1.png);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 50%;
 }
 .bhg {
    background-image: url(../picz/HG.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }
 .D1 { background-image: url(../picz/dunkler.png) }
 .D2 { background-image: url(../picz/dunkler2.png) }
 .D3 { background-image: url(picz/dunkler.png) }
 .D4 { background-image: url(picz/dunkler2.png) }
 a:link { font-family:'Lucida Sans Unicode'; color:rgb(255,255,255); text-decoration:none }
 a:hover { font-family:'Lucida Sans Unicode'; color:rgb(255,255,255); font-weight:bold; text-decoration:none }
 a:active { font-family:'Lucida Sans Unicode'; color:rgb(173,230,255); text-decoration:none }
 a:visited { font-family:'Lucida Sans Unicode'; color:rgb(255,255,255); text-decoration:none }
 a#tel:link { font-family:'Impact'; color:rgb(255,255,255); text-decoration:none }
 a#tel:hover { font-family:'Impact'; color:rgb(255,255,255); font-weight:bold; text-decoration:none }
 a#tel:active { font-family:'Impact'; color:rgb(173,230,255); text-decoration:none }
 a#tel:visited { font-family:'Impact'; color:rgb(255,255,255); text-decoration:none }
 a.tx:link { font-family:'New Times Roman'; color:rgb(255,255,255); text-decoration:none }
 a.tx:hover { font-family:'New Times Roman'; color:rgb(255,255,255); font-weight:bold; text-decoration:none }
 a.tx:active { font-family:'New Times Roman'; color:rgb(173,230,255); text-decoration:none }
 a.tx:visited { font-family:'New Times Roman'; color:rgb(255,255,255); text-decoration:none }
 #Tabelle { width:100% }
 .oO { visibility:hidden }
 .fO { color:transparent }
 .Fu { color:lightgreen }
 .Fy { color:yellow }
 .Fg { color:grey }
 .Fr { color:red }
 .Fw { color:white }
 .fq { font-style:oblique }
 .fd { font-weight:bold }
 .fw { color:rgb(255,255,255) }
 .ft { font-family:"Lucida Sans Unicode" }
 .f8 { font-size:8pt }
 .f10 { font-size:10pt }
 .f12 { font-size:12pt }
 .f14 { font-size:14pt }
 .f16 { font-size:16pt }
 .f18 { font-size:18pt }
 .f20 { font-size:20pt }
 .f23 { font-size:23pt }
 .f28 { font-size:28pt }
 .f32 { font-size:32pt }
 .f42 { font-size:42pt }
 .fD { font-weight:bolder }
 .bcLG { background-color:rgb(95%,95%,95%) }
 .g1 {
    background-image: url(../picz/snoe.png);
    background-attachment: scroll;
    background-position:center top;
    background-repeat: no-repeat;
    background-size: 60% 100%;
 }
 .g2 {
    background-image: url(../picz/hr.png);
    background-attachment: scroll;
    background-position:center top;
    background-repeat: no-repeat;
    background-size: 60% 100%;
 }
 .Ac { text-align:center }
 .Ar { text-align:right }
 .Aj { text-align:justify }
 .dU { text-decoration:underline }
 .hL { background-image: url(../picz/heller.png) }
 .hl { background-image: url(picz/heller.png) }
 .cp { cursor:pointer }
 .ci { cursor:help }
 .po { padding-top:10% }
 .zeig { display: none; }
 details:hover .zeig { display: block; }
 .ml10 { margin-left:10px }
 .ml20 { margin-left:20px }
 .b0 { border:none }
/*]]>*/

/* --- Responsive Anpassungen für mobile Geräte --- */
@media only screen and (max-width: 600px) {
  /* Erhöhte Basis-Schriftgröße */
  body { font-size: 18pt; padding: 10px; }

  /* Überschriften und spezielle Klassen skalieren */
  .f42 { font-size: 32pt !important; }
  .f32 { font-size: 28pt !important; }
  .f23 { font-size: 20pt !important; }
  .f18 { font-size: 16pt !important; }

  /* Tabelle auf volle Breite setzen und horizontal scrollbar machen */
  #Tabelle, .w100 { width: 100% !important; }
  table { display: block; overflow-x: auto; }

  /* Bilder responsive machen */
  img { max-width: 100% !important; height: auto; }
}