config_kopfzeilen

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

.zeile1, .zeile2, .zeile3, .hinweise {
    font-family: Rajdhani; /* Standartschrift */
    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: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);

/* Eigene Schriftart ohne color und font-size eingeben*/
    font-family: Antonio;
    }

/* 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: 25px;
   font-weight: bold;  /*normal|bold|bolder|lighter|number|initial|inherit;*/ 
   color:#fdfdfd;
   line-height:1.1;

}
/* ========== 2. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .zeile2{
   font-size: 17px;
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/ 
   color:#fdfdfd;
   }
/* ========== 3. Zeile - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .zeile3{
   font-size: 13px; 
   font-weight: normal;  /*normal|bold|bolder|lighter|number|initial|inherit;*/
   color:#8affc2;
   }

/* ========== Hinweise - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .hinweise{
   font-size: 15px;
   font-weight: bold;  /*normal|bold|bolder|lighter|number|initial|inherit;*/ 
   color:#fdfdfd;
   }
 }

/* 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: 100px; 
   font-weight: bold;  /*normal|bold|bolder|lighter|number|initial|inherit;*/
   color:#fdfdfd;  
   line-height:1.1;
   }
/* ========== 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;*/ 
   color:#fdfdfd;
   }
/* ========== 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;*/
   color:#8affc2;
   }

/* ========== Hinweise - Text im Bereich unter der oberen Grafik - Schriftart, Textgröße, Textfarbe, Textschatten  ===========  */
   .hinweise{
   font-size: 40px; 
   font-weight: bold;  /*normal|bold|bolder|lighter|number|initial|inherit;*/
   color:#fdfdfd;
   }
 }

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