config_kopfzeilen

/* gleiche Anzeige für alle Geräte */

.zeile1, .zeile2, .zeile3, .hinweise {
    font-family: 'Rajdhani';
    letter-spacing: 2px; /* Buchstabenabstand */
    word-spacing: 0px;  /* Wortabstand */
    text-decoration: none;
    font-style: normal;   /*normal|italic|oblique|initial|inherit;*/
    font-variant: normal;  /*normal|small-caps|initial|inherit;*/

text-shadow: -2px -2px 2px rgba(255,255,255,.1), 2px 2px 2px rgba(0,0,0,.5);
    color: rgba(255,255,255,.8);

}

/* Anzeige für Smartphon und Tablett */

/* ========== 1. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
@media screen and (min-width: 200px) and (max-width: 1100px) {
   
   .zeile1{
   font-size: 30px;
   font-weight: bolder;  /*normal|bold|bolder|lighter|number|initial|inherit;*/

}
/* ========== 2. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .zeile2{
   font-size: 20px;
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/

}
/* ========== 3. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .zeile3{
   font-size: 20px; 
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/

}

/* ========== Hinweise - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .hinweise{
   font-size: 13px;
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/ 
   text-shadow:1px 2px 2px rgba(242,8,242, 0.9);
-moz-text-shadow:1px 2px 2px rgba(242,8,242, 0.9);
-webkit-text-shadow:1px 2px 2px rgba(242,8,242, 0.9);
   }
 }

/* Anzeige für PC */

/* =========== 1. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten ==========*/
@media screen and (min-width: 1100px) {
   .zeile1{
   font-size: 60px; 
   font-weight: bolder;  /*normal|bold|bolder|lighter|number|initial|inherit;*/
  
   }
/* ========== 2. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .zeile2{
   font-size: 40px;
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/

}
/* ========== 3. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .zeile3{
   font-size: 30px; 
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/

}

/* ========== Hinweise - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .hinweise{
   font-size: 20px; 
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/
text-shadow:2px 4px 5px rgba(255,255,255, 0.9);
-moz-text-shadow:2px 4px 5px rgba(255,255,255, 0.9);
-webkit-text-shadow:2px 4px 5px rgba(255,255,255, 0.9);
   }
 }

/* ===================================   Ende     ===========================  */