/* Grüne Balken */
@media (min-width: 200px) {
    .bar-green-dark {background: #94c11c;width: 100%;height: 42px;}
    .bar-green-dunkel {background: #94c11c;width: 100%;height: 42px;}
    
}


@media (min-width: 200px) {
    .bar-green-bright {background: #cfe09a;width: 100%;height: 180px;}
    .bar-green-hell {background: #cfe09a;width: 100%;height: 180px;}
    .bar-green-hell-small {background: #cfe09a;width: 100%;height: 40px;}
    
}




/* BOXEN */
@media (min-width: 992px) {
    
    .width-45p {width: 40%;}
    .width-55p {width: 60%;}
}



/* Buttons in BOXEN */
@media (min-width:992px) {
    .btn-default {
        font-family: 'Oswald', sans-serif;
        width: 50%;
        text-align:center;
        font-size: 1em;
    }
    .btn-info {
        font-family: 'Oswald', sans-serif; width: 200px; text-align:center; font-size: 1em;
    }
}


@media (min-width: 992px) {
    
    .boxteaser-container {
     border: 0px dotted  green;
     position: absolute;
     /* width: 600px; */
     /* left: 50vw; */
     /* margin-left: -600px; */
    }
    
    .frame-teaser1 {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .boxteaser-content {
       position: relative;
       
    }
    

    .boxteaser-content h1 {
        font-size: 11.5em;
        font-weight:400;
        z-index: 1005;
        background: white;
        position: relative;
        margin: 0;
    }
    .boxteaser-content h2 {
        font-size: 6em;font-weight:300;
        z-index: 1005;
       background: white;
       position: relative;
       margin: 0;
       
    }
    .boxteaser-content h3 {
        font-size: 3.7em;
        font-weight: 300;
        z-index: 1005;
       background: white;
       position: relative;
       margin: 0;
    }
  
}

/* Anpassung an die Größte des Fensters */


@media (min-width: 992px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 { font-size: 9em;}
    .boxteaser-content h3 { font-size: 3em;}
}

@media (min-width: 992px) {
    
    .boxteaser-container {
       width: calc(48vw);
       padding-left: 0px;
       padding-left: calc(8vw);
    }
}

@media (min-width: 992px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
    .boxteaser-content h1 { font-size: 9em;}
    .boxteaser-content h3 { font-size: 3em;}
}
@media (min-width: 1100px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 { font-size: 9em;}
    .boxteaser-content h3 { font-size: 3em;}
}
@media (min-width: 1200px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 {font-size: 10.5em;}
    .boxteaser-content h3 {font-size: 3.5em;}
}

@media (min-width: 1300px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 {font-size: 11em;}
    .boxteaser-content h3 {font-size: 3.5em;}
}


@media (min-width: 1400px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 {font-size: 10em;}
    .boxteaser-content h3 {font-size: 3.5em;}
}

/*
@media (min-width: 1500px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 {}
    .boxteaser-content h3 { font-size: 4.2em;}
}

@media (min-width: 1600px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 { font-size: 13em;}
    .boxteaser-content h3 { font-size: 4.2em;}
}
*/
@media (min-width: 1700px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 { font-size: 12em;}
    .boxteaser-content h3 { font-size: 4em;}
}
/*
@media (min-width: 1800px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 { font-size: 14.5em;}
    .boxteaser-content h3 { font-size: 4.7em;}
}
@media (min-width: 1890px) {
        
    .btn-default {font-size: 1.5em; width: 60%; font-weight: 300;}
    .btn-info { font-size: 1.5em;  width: 60%; font-weight: 300;}
     
    .boxteaser-content h1 { font-size: 15em;}
    .boxteaser-content h3 { font-size: 4.9em;}
}
*/


/* Teaser2 grüner balkten Text weiss */

@media (min-width: 768px) {
    
    .frame-teaser2 {
            padding-top: 40px;
            padding-bottom: 40px;
    }
    
    .frame-teaser2 { color: white; }
    .frame-teaser2  h1 { color: white; font-weight: 300;}
    .frame-teaser2  h2 { color: white;font-weight: 300;}
    .frame-teaser2  h3 { color: white;font-weight: 300;}
    .frame-teaser2  h4 { color: white;font-weight: 300;}
    .frame-teaser2  h5 { color: white; font-weight: 300;}
    .frame-teaser2  p { color: white; font-weight: 300;}
    .frame-teaser2  a { color: white; font-weight: 300;}
    
    .rand-links   { padding-left: calc(8vw); }
    .rand-rechts  { padding-right: calc(8vw); }
    .rand-links2x   { padding-left: calc(14vw); }
    .rand-rechts2x  { padding-right: calc(14vw); }
    
}


.frame-vcenter {
    
    display: flex;
    align-items: center;
}

    
    


.bg-gruen-hell {background: #cfe09a;}
.bg-gruen-dunkel { background: #94c11c; }
.bg-gruen-dunkel2 { background: #4e8134; }