#overlaysmall {
    display:none
}
@media (max-width:800px) and (orientation:landscape) {
    
    #overlaysmall {
        display:block;
        position: fixed !important;
        top:0;
        left:0;
        width:100%;
        height:100%; 
        background-color:#ffffff !important;
        z-index: 999999999 !important;
        text-align: center;

        
    }
    
    #overlaysmall p {  
    font-family: 'bolditalic', sans-serif !important;
    color:#92C136 !important}
    
    #overlaysmall img {
        width:100px !important;
        height:100px;
        margin-top:25px !important;
    }
    
}


@media (max-width:1160px) and (min-width:1050px) {

    #factbox {
    position: absolute;
    bottom:170px;
    right:0px;
    width:350px !important;
   
}
    
}


@media (max-width:1100px) and (min-width:800px) {
    
   
    
    body, html {
        display:block !important;
        flex-wrap: nowrap !important;
        align-items: inherit !important;
       height:auto !important;
        width:100% !important
    }
    
  
#start {
    background-image: url("images/bronchostop-family-1100.webp");
    background-image: image-set(url("images/bronchostop-family-1100.webp") 2x);
    background-size:cover;
    background-position: center top;
    top:0;
    height:100%;
    width:100%;
}
    
    .dj-mobile-open-btn {
        font-size:30px !important
    }
    
    #videobox {
        bottom:20px !important;
        max-height:220px !important;
        left:10px !important
    }
    
    #nitebanner {
        width:180px !important;
        left:250px !important;
    }
    
    #videobox video {
        width:350px !important
    }

    .nextsection {
        display:none !important
    }
    
    #overlay_container {
        transform: scale(1)
    }
    
#factbox {
    position: absolute;
    bottom:170px;
    right:20px;
    width:350px !important;
   
}  #mobilehead {
        background-color:transparent;
        height:70px;
        top:0px;
        left:0;
        position: fixed;
        width:100%;
        visibility: hidden;
    z-index: 1000000 !important;
    }
    
    #logostart {
        transform:scale(0.6);
        top:-20px !important;
        left:-80px !important
    }
     

    
    #logosmall {
        transform:scale(0.6);
        top:10px !important;
        left:-50px !important
    }
    #navigation {
position: fixed;
top: 15px;
right: 15px;
visibility: hidden;
z-index: 10000000 !important;
}
    
    #medicinal .mann {
        display:none !important;
position: absolute;
bottom: 0px !important;
max-height:50%;
max-width:inherit !important;
min-width:inherit !important;        
width: auto;
height: auto;
left: 0px !important;
visibility: hidden;
}
    h1 {
color: #BD78A9 !important;
font-family: 'blackItalic', sans-serif !important;
font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (2000 - 320)));
line-height: calc(25px + (40 - 25) * ((100vw - 320px) / (2000 - 320)));
}
 
    
    #medicinal .content_medicinal {
height:90% !important;
top: 10%;
width: 90%;
left: inherit;
        right:7% !important
}
    #medicinal .content_medicinal p {
        margin-bottom:0 !important
    }
    
    
#medicinal .productfamily {
  height:55% !important;
    margin-top:-30px !important
}
    .flascherl, .flascherl2 {
        top: 10% !important;
        width:170px !important;
        margin-left:-85px !important;
        display:none !important;

}
    .flascherl-mobile {
        width:30% !important;
        margin-left:-15% !important;
        left:50%;
        height:auto !important;
        visibility: hidden;
        position: absolute;
        top:25% !important;
        z-index: 1000000 !important
    }

.content_purely {
top: 15% !important;
width: 35%!important;
left: 3%;
    right:inherit !important;
    margin-right:inherit !important;
    z-index:  100000 !important;
    padding-left:0 !important;
visibility: hidden;
}

    .content_purely_thyme {

top: 20% !important;
width: 28%!important;
        right:5%;
        text-align: right !important;
left: inherit !important;
margin-left: inherit !important;
z-index: 100000 !important;
visibility: hidden;
}

.content_purely_raspberry {
    width: 28%!important;
        right:5%;
        text-align: right !important;
left: inherit !important;
margin-left: inherit !important;
}

.content_purely_marshmallow {
bottom: 3% !important;
    left: 3%;
width: 30%!important;
padding-left: inherit !important;
right: inherit !important;
margin-right: inherit!important;
z-index: 100000 !important;
visibility: hidden;
}
    
    .himbeeren {
   display:none;
}
.thyme {
 
   display:none;
}
.marshmallow {
   
   display:none;
}

    #howitworks_animation {


height: 53%!important;

}
    .content_how {
        top:5% !important;
    }

    
    .content_how_thyme {

bottom: inherit !important;
        top:15% !important;
width: 33%!important;
left: 2% !important;

}
    .thyme2 {
        width:70% !important
    }
    .content_how_marshmallow {
position: absolute;
top: 20% !important;
width: 30%!important;
right: 5% !important;
z-index: 100000 !important;
visibility: hidden;
text-align: left;
}
    
    .content_sites_action {
        top:5% !important
    }

#sitesofactioncontainer {
    bottom:5% !important
}
    
    .sitesofactionanimation {
position: absolute !important;
width: 100% !important;
left: 0% !important;
margin-left: inherit;
height:100% !important;
background-color: #fff !important;
bottom: 0% !important;
z-index: 1000 !important;
}
 .sitesofactionanimation #sitesofaction_hype_container {
        bottom:0 !important;
        position: absolute !important
    }
    .content_sites_action_marshmallow {
position: absolute !important;
top: inherit !important;
        bottom:0% !important;
left: 2% !important;
z-index: 100000 !important;
visibility: hidden;
text-align: left;
        width:280px !important;
        text-align: left !important;
right: inherit !important;
margin-right: inherit !important;
}
    
    .content_sites_action_thyme {
position: absolute !important;
top: inherit !important;
bottom: 0% !important;
right: 2% !important;
z-index: 100000 !important;
visibility: hidden;
margin-top: 10%;
        text-align: right;
        width:280px !important;
        left: inherit !important;
margin-left: inherit !important;
}
   
    
    .lastcontent ul li {
width: 48%;
text-align: left;
float: left;
margin-left: 2%;
           font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2000 - 320)));
line-height: calc(17px + (28 - 17) * ((100vw - 320px) / (2000 - 320)));
}
    #slides__3 .lastcontent {
width: 48% !important;
position: absolute;
right: 2% !important;
top: 15% !important;
visibility: hidden;
}

 #topicsection1 {
       background-color:#ffffff !important;

width: 100% !important;
display: block !important;
align-items: inherit !important;
justify-content: inherit !important;
       height:auto !important;
    
}
    
    .lastitems {
        height:600px !important;
    }


 .lastcontent img {
    
    max-width:80% !important;
        width: inherit !important;
    height:auto !important;
    }
    
.lastimg {
        background-position: top center !important;}
    

.lastitems:nth-child(odd) .lastimg {
 height:600px !important;
float:left;
    width:50%;
background-size: cover; 
      visibility: hidden;
    background-position: center center;
}

    footer {
        clear:Both !important;
        height:auto !important
    }

.lastitems:nth-child(odd) .lastcontent {
    width:40% !important;
text-align: center;
    margin-right:5%;
    float:right;
      visibility: hidden;
     height:auto !important;
    padding-top:110px !important;
    box-sizing: border-box;
}
.lastitems:nth-child(even) .lastimg {
  height:600px !important;
float:right;
    width:50%;
background-size: cover; 
      visibility: hidden;
    background-position: center center;
}


.lastitems:nth-child(even) .lastcontent {
    width:40% !important;
text-align: center;
    margin-left:5%;
    float:left;
      visibility: hidden;
         height:auto !important;
    padding-top:110px !important;
    box-sizing: border-box;
}
  

    
.lastcontent ul li {
    width:90% !important;
    text-align: left;
    float:none;
    margin-left:5%;
    padding-bottom:8px !important
}

    footer.section {
        bottom:14% !important;
        height:150px !important;
        position: relative !important
    }
    
    .footerleft, .footerright {
        width:100% !important;
        display: block !important;
        float:none !important;
        text-align: center !important;
        position: inherit !important
    }

    .footerright {
   
        border-top:1px solid #fff
    }
  
    .footerright {
        top:inherit!important
    }

    #mod-custom129 {
        background-image:url("images/adults-kl.jpg") !important
    }
    
    
}

@media (-webkit-device-pixel-ratio: 1.5) {
     
p, li {
color: #666 !important;
font-family: 'regular', sans-serif !important;
font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(14px + (22 - 14) * ((100vw - 320px) / (2000 - 320))) !important;
}    
       h1 {
color: #BD78A9 !important;
font-family: 'blackItalic', sans-serif !important;
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(22px + (40 - 22) * ((100vw - 320px) / (2000 - 320))) !important;
}   
}

@media (-webkit-device-pixel-ratio: 1.25) {

p, li {
color: #666 !important;
font-family: 'regular', sans-serif !important;
font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(14px + (22 - 14) * ((100vw - 320px) / (2000 - 320))) !important;
}    
       h1 {
color: #BD78A9 !important;
font-family: 'blackItalic', sans-serif !important;
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(22px + (40 - 22) * ((100vw - 320px) / (2000 - 320))) !important;
}
    
  

  
    

}