.container {
      width: 100%;
    }
    
    @media (min-width: 576px) {
      .container {
        max-width: 576px;
      }
    }
    
    @media (min-width: 768px) {
      .container {
        max-width: 768px;
      }
    }
    
    @media (min-width: 992px) {
      .container {
        max-width: 992px;
      }
    }
    
    @media (min-width: 1200px) {
      .container {
        max-width: 1200px;
      }
    }
    
    img {
      max-width: 100%;
      height: auto;
    }
    
    
    @font-face {
        font-family: Eurostile;
        font-display: swap;
        src: url(font/Eurostile.ttf); 
    }
    
    
    .masthead {
     background-image:url(../img/tw4u_kl.png);
     
     min-height:450px;
     background-position:center top;
     background-repeat:no-repeat;
     /* background-size:cover; */
     -o-object-fit:contain;
 object-fit:contain;
    }
    
    @media (min-width: 576px) {
    .masthead {
     background-image:url(../img/tw4u_400.png);
     
     min-height:600px;
     background-position:center top;
     background-repeat:no-repeat;
     background-size:auto;
     
    }
   }
   
    @media (min-width: 380px) {
    .masthead {
     background-image:url(../img/tw4u_400.png);
     
     min-height:580px;
     background-position:center top;
     background-repeat:no-repeat;
     background-size:auto;
     
    }
   }
    
     @media (min-width: 768px) {
    /* .masthead {
       background-image:url(../tw4u_gr.png);
     
     min-height:550px;
     background-position:center center;
     background-repeat:no-repeat;
     background-size:auto; */
    /*  -o-object-fit:scale-down;
 object-fit:scale-down; */
      }
    } 
    
    
   /*  @media screen and (min-width:510px) {
     .masthead {
     background-image:url(../img/leiter.png);
      min-height:670px;
      background-position:right top;
      background-size:auto;
     }
    } */
    
    /* @media screen {
     .masthead {
     background-image:url(../img/leiter.png);
      min-height:670px;
      background-position:right top;
      background-size:auto;
     }
    } */
    
    
    
     /* Zeilenumbruch fuer mobile */
        @media (max-width: 640px) {
        .before::before, .after::after {
            content: "\A";
            white-space: pre;
            }
        }