html {   scroll-behavior: smooth;    }

/*   PROJEKT-EINSTELLUNGEN  */
/*   PROJEKT-EINSTELLUNGEN  */
/*   PROJEKT-EINSTELLUNGEN  */



/*   NEU 2023-08  */

div::first-letter {
  font-size:115%;
}




/*   STANDARD  */
/*   STANDARD  */
/*   STANDARD  */


/*   PROJEKT-Schriftgroesse (als Basis, alle anderen mit %)   */
body {
  font-family: Palatino, Georgia, Times New Roman, Times, serif;
  color: #000000; 
  font-size: 14px;
         }


/*   PROJEKT-Farbe, fuer Ueberschriften, Links...  Orange f26601 */
.designfarbe { color: #F26601; }     /*    class="designfarbe"  #5c040e;  */

/*   Standard-Blau: 0033CC   */
a:link { color: #F26601; text-decoration-color: #d95c03;  text-decoration-style: dotted;  transition: all .20s;}
a:visited { color: #F26601; }
a:hover  { color: #0033CC; text-decoration-color: #022aa1; background-color: #FFFFFF; text-decoration: underline; }     
a:active {color: #0033CC; text-decoration: underline; background-color: #FFFFFF; }
/*   Leuchtstift z.B. guen 66FF33, gelb FFFF33   */
/*   ohne Dekoration   */
a.non_dec_link:link {color: #000000; text-decoration: none; }
a.non_dec_link:visited {color: #000000; text-decoration: none; }
a.non_dec_link:hover {color: #F26601; text-decoration: underline; background-color: #FFFFFF; transition: all .10s;}
a.non_dec_link:active {color: #993300; text-decoration: underline; background-color: #AAAAAA; }


/*   Ausrichtung   */
.links { text-align: left; }             /*    class="links"    */
.mittig {  text-align: center; }          /*    class="mittig"    */


/*   Trennlinie   */
hr {
  border-top: 1px solid #000000; box-shadow: 6px 4px 3px 0.4px #FFFFFF;  /*   x, y, blur, perspektivische Vergroesserung   */
}

hr.line_weiss {
  border-top: 1px solid white;
  opacity: 0.00;    /*   muss sein, sonst nicht unsichtbar  */
}






/*   TECHNIK IM HINTERGRUND   */
/*   TECHNIK IM HINTERGRUND   */
/*   TECHNIK IM HINTERGRUND   */

table, th, td {
  border: 0px solid black;
  border-collapse: collapse;   /*  Das Beste von CSS!  */
                   }
th, td {
  padding: 0px;
  text-align: left;    
         }

 /*   Link-Map   */
#link_map_a {
  width: 100%;
  max-width: 1280px;         /*actual width of image-- behaves strangely if exceeding this*/
  position: relative;
}

#link_map_a img {
  max-width: 100%;
}

#anchor_link_a_a {
  border: 1px solid black;
  opacity: 0.50;
  height: 40px;
  width: 15%;
  position: absolute;
  left: 0.5%;
  top: 40px;
}

#anchor_link_a_b {
  border: 1px solid black;
  opacity: 0.50;
  height: 3%;
  width: 21%;
  position: absolute;
  left: 23.0%;
  top: 1%;
}

#anchor_link_a_c {
  border: 1px solid black;
  opacity: 0.50;
  height: 2%;
  width: 24%;
  position: absolute;
  left: 50.0%;
  top: 1%;
}

#anchor_link_a_d {
  border: 1px solid black;
  opacity: 0.50;
  height: 1%;
  width: 18%;
  position: absolute;
  left: 81.0%;
  top: 0%;
}


/*     FADE - IN     */
.fade-in {
  animation: fadeIn 15s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/*   ZEIGEN, VERSTECKEN   */
/*   ZEIGEN, VERSTECKEN   */
/*   ZEIGEN, VERSTECKEN   */
/*                                  Vorsicht, mit none alles umgekehrt + geht auch mit altem Safari                                   */

/*     schmal - Rand (grau) verschwindet     */
@media screen and (max-width: 800px) { body {   background-image: url("z_weiss_auch_im_css.gif");  } }
@media screen and (min-width: 800px) { body {   background-image: url("z_papier_nur_im_css.gif");  } }


/*     Rand 1, Rand 2, kein Rand    */
.hide_bild_1 { }
@media screen and (max-width: 800px) { div.hide_bild_1 { display: none; } }
.hide_bild_2 { }
@media screen and (max-width: 1000px) { div.hide_bild_2 { display: none; } }



/*     Ein / aus     */
.aus_ein { }     /*    Aus unter 705px   class="container"    */
@media screen and (min-width: 705px) { .aus_ein { display: none; } }
.ein_aus { }     /*    Ein Ÿber 705px   class="container"    */
@media screen and (max-width: 705px) { .ein_aus { display: none; } }


/*     hochformat ein vs breitformat aus     */
.hochformat { }     /*    class="hochformat"    */
@media screen and (min-width: 1155px)  { .hochformat { display: none; } }
.breitformat { }     /*    class="breitformat"    */
@media screen and (max-width: 1155px)  { .breitformat { display: none; } }







/*  -------------------------------------------------------------  SCHRIFTEN -------------------------------------------------------------  */
/*  -------------------------------------------------------------  SCHRIFTEN -------------------------------------------------------------  */
/*  -------------------------------------------------------------  SCHRIFTEN -------------------------------------------------------------  */
/*  -------------------------------------------------------------  SCHRIFTEN -------------------------------------------------------------  */
/*  -------------------------------------------------------------  SCHRIFTEN -------------------------------------------------------------  */



/*        Hochformat, 0-755px          */

@media screen and (max-width: 755px)
{  body {

/*  NEIN:    font-family: Helvetica, Arial, Trebuchet MS, Tahoma, Arial Narrow, Verdana, sans-serif;        */


  font-size-adjust: 0.58;     /*     Faktor Gross-Kleinbuchstaben, Standard 0.58     */
  letter-spacing: 0.0em;
  word-spacing: 0.0em;
  line-height: 1.65;
             }   }


/*             Mittel, 756px-1520px         */

@media screen and (min-width: 755px) and (max-width: 1520px)
{  body {
  font-size: 20px; /* Fallback fŸr Browser, die rem nicht kennen */
  font-size: 1.25rem;
  font-size-adjust: 0.58;     /*     Faktor Gross-Kleinbuchstaben, Standard 0.58     */
  letter-spacing: 0.085em;
  word-spacing: 0.085em;
  line-height: 1.4;

             }   }


/*            Breitformat   -  mehr als 1520px          */

@media screen and (min-width: 1520px)
{  body {
  font-size: 22px; /* Fallback fŸr Browser, die rem nicht kennen */
  font-size: 1.40rem;
  font-size-adjust: 0.58;     /*     Faktor Gross-Kleinbuchstaben, Standard 0.58     */
  letter-spacing: 0.085em;
  word-spacing: 0.085em;
  line-height: 1.4;
             }   }


/*     -------   1. HAUPT†BERSCHRIFT SACHLICH (schmal/breit)   -------     */
h1 {
  line-height: 1.3;
     }

/*      schmal      */
@media screen and (max-width: 705px)
{  h1 {
  text-align: center;
  font-size: 120%;
  font-weight: normal; /* default ist bold! */
  font-size-adjust: 0.58;
        } }


/*             breit             */

@media screen and (min-width: 705px)
{  h1 {
  text-align: center;
  font-size: 22px; /* Fallback fŸr Browser, die rem nicht kennen */
  font-size: 110%;
  font-weight: normal; /* default ist bold! */
  font-size-adjust: 0.58;
  letter-spacing: 0.005em;
  word-spacing: 0.005em;
        } }


/*     -------   UNTER†BERSCHRIFT LEICHT (schmal/breit)   -------     */
h2 {

  font-size: inherit;
  opacity: 0.55;
  font-weight: normal; /* default ist bold! */
  line-height: 1.3;
       }



/*     -------   UNTER†BERSCHRIFT LEICHT (schmal/breit)   -------     */
h3 {
  text-align: left;
     }

/*      schmal      */
@media screen and (max-width: 705px) 
{  h3 {
  opacity: 0.55;
  font-size: 16px; /* Fallback fŸr Browser, die rem nicht kennen */
  font-size: 1.10rem;
  font-weight: normal; /* default ist bold! */
  line-height: 1.3;
         } }


/*             breit             */

@media screen and (min-width: 705px)
{  h3 {
  opacity: 0.45;
  font-size: 20px; /* Fallback fŸr Browser, die rem nicht kennen */
  font-size: 1.22rem;
  font-weight: normal; /* default ist bold! */
  line-height: 1.2;
  letter-spacing: 0.03em;
  word-spacing: 0.03em;

       } }





/*     -------   FLIESSEND -  TEXT GUT LESBAR (schmal/breit)  -------     */
p {
 text-align: justify;
   }



/*   Farben, Ausrichtung - unabhŠngige Formate mit Gatterzeichen # wirken normalerweise additiv id="text_center"   */



#text_left { text-align: left; }
#text_center { text-align: center; }
#text_right { text-align: right; }








/*     -------   FLIESSEND -  FARBIG (schmal/breit)  -------     */


.textfarbig {
  color: #5c040e; 
  text-align: center;
  font-style: normal;
  font-weight: lighter; /* default ist bold! */
  opacity: 1.00; 
  line-height: 1.6;

   }


#p_links {  text-align: left; }     /*    id="p_links"    */
#p_mittig {  text-align: center; }     /*    id="p_mittig"    */
#p_zeilenweit {  line-height: 1.6; }     /*    id="p_zeilenweit"    */




/*     -------   FUSSNOTEN, NICHT FLIESSEND (schmal/breit)   -------     */
.text_fuss {
  opacity: 0.50;
  text-align: center;
  font-size: 85%;
}

/*     schmal    */
@media screen and (max-width: 705px)
{  .text_fuss {
  font-size: 85%;
                   } }

/*  ---------breit------------------   */

@media screen and (min-width: 705px)
{  .text_fuss {
  font-size: 14px; /* Fallback fŸr Browser, die rem nicht kennen */
  font-size: 1.00rem;
  letter-spacing: 0.03em;
  word-spacing: 0.03em;
                    } }




/*   AUS   */
/*   AUS   */
/*   AUS   */
/*   AUS   */
/*   AUS   */
/*   AUS   */
/*   AUS   */
/*   AUS   */