@media (max-width:1480px) {
    #content.familienbrunnen #back-left .image-tooltip {
        display: none;
    }
}

.mobonly{
	display:none;
}

@media (max-width:1160px) {
	.mobonly{
	display:block;
}
	.mobnot{
	display:none;
}
    #zipsearch{
        position:absolute;
        top:62px;
        left:auto;
        right:0px;
        margin-left:0px;
    }

    HEADER UL.navigation > LI > A {
        font-size: 14px; /* 15 */
        line-height: 30px; /* 30 */
        margin: 2px 4px 0 4px; /* 0 10 */
        padding: 8px; /* 10 */
    }

    HEADER UL.navigation {
        padding-left:130px; /* 160 */
    }

    .wrapper {
        width: 930px; /* 1130 */
    }

    HEADER .eiszeit-inside {
        transform:scale(0.85,0.85);
    }

    HEADER .eiszeit-inside:hover {
        transform:scale(0.95,0.95);
    }

    HEADER .facebook {
        right: 108px; /* 163 */
    }

    HEADER .mail {
        right: 166px; /* 236 */
    }

    HEADER .phone {
        right: 221px; /* 301 */
    }

    H1.news{
        font-size: 30px;
        padding: 18px 32px;
        left: 130px;
        top: 70px;
    }

    /* PRODUKTE */
    #produktkategorien > UL > LI .bigbottle {
        height: 715px; /* 815 */
        width: 305px; /* 375 */
    }

    #produktkategorien > UL > LI .leftside {
        width: 315px; /* 380 */
    }

    #produktkategorien > UL > LI .rightside {
        width: 270px; /* 335 */
        font-size: 11.5px; /* 12.5 */
    }

    #produktkategorien > UL > LI .bigbottle IMG {
        height: 715px; /* 815 */
        left: 20px; /* 30 */
        width: 265px; /*315 */
    }
    
    #produktkategorien > UL > LI.kisten .bigbottle IMG {
        /*height: 403px;
        left: -90px;
        top: 40px;
        width: 420px;*/
        width:357px;
        height: 343px;
        left:-60px;
        top:70px;
    }

    #produktkategorien > UL > LI .content .top-bubble {
        -o-transform-origin: left center;
        -ms-transform-origin: left center;
        -moz-transform-origin: left center;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -o-transform:scale(0.85,0.85) translate(-65px,0);
        -ms-transform:scale(0.85,0.85) translate(-65px,0);
        -moz-transform:scale(0.85,0.85) translate(-65px,0);
        -webkit-transform:scale(0.85,0.85) translate(-65px,0);
        transform:scale(0.85,0.85) translate(-65px,0);
    }

    #produktkategorien > UL > LI .leftside .productinfo {
        background-image:none !important;
        height: auto !important;
        background:#ffed00;
        width:100% !important;
        border-radius:5px !important;
        margin-bottom:20px;
    }
}

@media (max-width:960px) {
    #produktkategorien {
        margin-top: -30px;
    }

    #produktkategorien > UL > LI DIV.slogan {
        display:none;
    }

    #produktkategorien > UL > LI .content .top-bubble {
        -o-transform:scale(0.85,0.85);
        -ms-transform:scale(0.85,0.85);
        -moz-transform:scale(0.85,0.85);
        -webkit-transform:scale(0.85,0.85);
        transform:scale(0.85,0.85);
        margin-left:-80px;
        left:50%;
    }

    #produktkategorien > UL > LI .leftside, #produktkategorien > UL > LI .rightside, .bottleselector {
        display:none;
    }

    #produktkategorien > UL > LI .bigbottle {
        left:50%;
        margin-left:-300px;
    }

    #zipsearch{
        top:0px;
    }

    .eiszeit-overlay .overlay{
        top:100px;
    }

    H1.news{
        font-size: 26px;
        padding: 12px 24px;
        left: 110px;
        top: 70px;
    }

    .wrapper {
        width: auto;
        margin-left:20px;
        margin-right:20px;
    }

    #content.home > .outerwrapper > .wrapper {
        padding: 0px;
        width: auto;
    }

    HEADER > .wrapper {
        margin-right:0px;
    }

    HEADER UL.navigation {
        display:none;
        padding:0px;
        margin:0px;
        position:absolute;
        left:auto;
        right:92px;
        top:90px;   
        border-top:1px solid #27348b;
        background:#ffed00;
        padding:10px 0px;
    }

    HEADER UL.navigation > LI {
        float: none;
    }

    HEADER UL.navigation > LI.newsitem, HEADER UL.navigation > LI.promoitem, HEADER UL.navigation > LI.indexpage{
        display:block;
    }

    HEADER UL.navigation > LI > A {
        font-size: 15px;
        line-height: 1;
        margin: 0px;
        padding: 10px 20px;
        background:#ffed00;
        text-align:right;
    }

    HEADER UL.navigation > LI > A:hover, HEADER UL.navigation > LI.active > A, HEADER UL.navigation > LI.active > A:hover {
        color: #ffed00;
        background: #27348b;
    }

    HEADER .facebook {
        right: 198px; /* 163 */
    }

    HEADER .mail {
        right: 256px; /* 236 */
    }

    HEADER .phone {
        right: 311px; /* 301 */
    }

    HEADER .eiszeit-inside {
        transform:scale(0.6,0.6);
    }

    HEADER .eiszeit-inside:hover {
        transform:scale(0.65,0.65);
    }

    HEADER .wrapper > A.news {
        display:none;
    }

     HEADER .wrapper > A.promobutton {
        display:none;
    }

    HEADER {
        height: 90px;
    }

    HEADER .logo {
        height: 78px; /* 106 */
        top: 9px; /* 11 */
        width: 97px; /* 132 */
    }

    .logo > IMG {
        height: 78px; /* 96 */
        width: 97px; /* 119 */
    }

    #content {
        margin-top: 90px;
    }

    #home-background {
        top: 90px;
    }

    HEADER .phone {
        top: 33px; /* 43 */
    }

    HEADER .mail {
        top: 36px; /* 46 */
    }

    HEADER .facebook {
        top: 30px; /* 40 */
    }

    HEADER .eiszeit-inside {
        top: 2px; /* 12 */
    }

    HEADER .mobile-menu{
        position:absolute;
        top:26px;
        right:111px; /* 271 */
        width:47px;
        height:40px;
        display:block;
        -o-transition:0.35s all ease;
        -moz-transition:0.35s all ease;
        -ms-transition:0.35s all ease;
        -webkit-transition:0.35s all ease;
        transition:0.35s all ease;
    }
    .mobile-menu > IMG{
        position:relative;
        width:47px;
        height:40px;
        display:block;
    }

    HEADER .mobile-menu:hover{
        -o-transform:scale(1.25,1.25);
        -moz-transform:scale(1.25,1.25);
        -ms-transform:scale(1.25,1.25);
        -webkit-transform:scale(1.25,1.25);
        transform:scale(1.25,1.25);
        -o-transition:0.35s all ease;
        -moz-transition:0.35s all ease;
        -ms-transition:0.35s all ease;
        -webkit-transition:0.35s all ease;
        transition:0.35s all ease;
    }

    FOOTER UL.meta {
        margin-top: 20px;
        margin-bottom:40px;
        position: relative;
        right: auto;
        top: auto;
		margin-left:auto;
		margin-right:auto;
        width:280px;
		display:table;
    }

    FOOTER UL.meta > LI {
        display: table-cell;
        float: none;
        width:auto;
        text-align:center;
    }

    FOOTER > .wrapper > SPAN {
        display: block;
        font-size: 11.8px;
        left: auto;
        position: relative;
        top: auto;
        margin-top:100px;
        text-align:center;
    }

    FOOTER.home > .wrapper > SPAN {
        margin-top: 0px;
    }

    FOOTER > .wrapper > SPAN > B:before{
        content:" ";
        display: block;
    }

    FOOTER > .wrapper > SPAN > B{
        opacity:0;
    }

    FOOTER {
        min-height: 195px;
        height: auto;
    }

    FOOTER.home{
        min-height: 15px;
        height: auto;
    }

    #content > .wrapper {
        width: auto;
        max-width:800px;
        margin-left:auto;
        margin-right:auto;
    }

    #content .content-distance {
        height: 30px;
    }
    
    HEADER .phone > SPAN {
        top: 57px;
    }

    H1 {
        font-size: 26px;
        margin-top: 20px;
        line-height:1.05;
    }
    
    #produktkategorien > UL > LI.kisten .bigbottle IMG {
        /*height: 403px;
        left: -90px;
        top: 40px;
        width: 420px;*/
        width:277px;
        height: 266px;
        left:-20px;
        top:90px;
    }
}

@media (max-width:840px) {
    .auto-border-image-370 .after, .auto-border-image-370 .before{
        display:none !important;
    }
    
    .auto-border-image-370{
        width:100% !important;
    }
    
    .auto-border-image-370 IMG{
        border:3px solid #27348b;
    }
    
    #content > .wrapper {
        margin-left:20px;
        margin-right:20px;
    }

    #content.familienbrunnen #back-left {
        display:none;
    }

    #content.familienbrunnen #back-right {
        display:none;
    }

    .bordered-image > IMG{
        width:100%;
        height:auto;
        margin-left: 0px;
        border:2px solid #27348b;
    }

    .news .bordered-image > IMG {
        border-color:#27348b;
    }

    .col-12 .bordered-image > IMG{
        border-color:#27348b;
    }

    .min-h{
        min-height:1px;
        padding-bottom:15px;
    }

    .bordered-image::after {
        display:none;
    }

    .bordered-image > .sublabel {
        font-size: 15px;
        line-height: 1.15;
        margin-top: 6px;
    }

    .leftcol-kontakt{
        width:calc(100% - 400px) !important;
    }

    .rightcol-kontakt{
        width:400px !important;
    }

    .kontakt-left-data .col-2{
        float:none !important;
        display:block !important;
        width:100%;
    }

    .kontakt-left-data .col-10{
        float:none !important;
        width:100%;
        display:block !important;
        margin-bottom:10px;
    }

    /* NEWS */
    .auto-border-image-360 {
        width: auto; /* 360 px */
    }

    .auto-border-image-360 > SPAN.before, .auto-border-image-360 > SPAN.after {
        display:none;
    }

    .auto-border-image-360 > IMG {
        border:3px solid #27348b;
    }

    .auto-border-image-360 > IFRAME {
        width: 100% !important;
        border:3px solid #27348b;
    }
}

@media (max-width:780px) {
    #produktkategorien > UL > LI {
        height: 270px; /* 330 */
        min-height: 270px; /* 330 */
    }

    #produktkategorien > UL > LI .content {
        height: 270px; /* 330 */
    }

    #produktkategorien > UL > LI:last-child .content, #produktkategorien > UL > LI:last-child {
        height: 310px; /* 370 */
    }

    #produktkategorien > UL > LI .content .top-bubble {
        margin-left: -90px;
        -o-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        -moz-transform: scale(0.75, 0.75);
        -webkit-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
        margin-top:25px;
    }

    A.morebutton {
        top:182px;
    }
}

@media (max-width:760px) {
    #produktseite .productinfo {
        width:auto !important;
        height:auto !important;
        background:#ffed00;
        border-radius:8px;
    }
    
    #content.haendler .content-distance {
        display:none;
    }

    #mapholder {
        display:none;
    }

    #zipsearch {
        background: #FFF;
        border-radius: 0px;
        box-shadow: none;
        left: auto;
        right:auto;
        margin:0px;
        margin-bottom:60px;
        padding:20px;
        position: relative;
        top: auto;
        width: auto;
    }

    #haendler-result {
        padding-bottom:50px;
    }
    
    HEADER {
        position:relative;
    }

    #content {
        margin-top: 0px;
    }
    
    .pk-kisten .bottle A IMG{
        width: 180px;
    }
    
    #produktkategorie.pk-kisten LI {
        height: 220px;
    }
}

.haendler.haendler-small

.haendler.haendler-small #produktseite .productinfo {
    width:auto !important;
    height:auto !important;
    background:#ffed00;
    border-radius:8px;
}

.haendler.haendler-small #content.haendler .content-distance {
    display:none;
}

.haendler.haendler-small #mapholder {
    display:none;
}

.haendler.haendler-small #zipsearch {
    background: #FFF;
    border-radius: 0px;
    box-shadow: none;
    left: auto;
    right:auto;
    margin:0px;
    margin-bottom:60px;
    padding:20px;
    position: relative;
    top: auto;
    width: auto;
}

.haendler.haendler-small #haendler-result {
    padding-bottom:50px;
}

@media (max-width:660px){
    .leftcol-kontakt, .rightcol-kontakt{
        width:auto !important;
        float:none;
    }

    .rightcol-kontakt{
        margin-top:20px;
    }

    .kontakt-totop{
        margin-top:0px;
    }
}

@media (max-width:665px){
    .pk-kisten .bottle A IMG{
        width: 160px;
    }
}

@media (max-width:700px){
    #produktseite .image IMG{
        width:230px; /* 280 */
    }

    #produktseite .image{
        width:260px; /* 320 */
    }

    #produktseite .text{
        width: calc( 100% - 260px); /* - 320 */
    }
}

@media (max-width:600px){
    #produktkategorie, #produktseite {
        padding: 20px 20px 130px 20px;
    }
    #clear_before_buttons{
        display:block;
    }
    .align-resp{
        text-align:center;
    }
    
    #produktseite .image IMG{
        width:180px; /* 280 */
    }

    #produktseite .image{
        width:200px; /* 320 */
    }

    #produktseite .text{
        width: calc( 100% - 200px); /* - 320 */
    }
    
    .rows > .col-6 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    #produktkategorie LI{
        height:320px;
    }

    #produktkategorie LI A IMG{
        width:100px;
        height:auto;
    }
    
    #produktkategorie.pk-kisten LI {
        height: 160px;
    }
}

@media (max-width:526px){
    .eiszeit-overlay .overlay{
        width:auto;
        background:url("../gfx/eiszeit-back-resp.png") no-repeat center bottom transparent;
        height:auto;
        min-height:485px;
        padding:18px 18px 168px 18px;
        overflow:hidden;
        border-radius:10px;        
    }

    .close-ov {
        right: 10px;
        top: 10px;
    }
}

@media (max-width:500px) {
    #haendler-suche {
        background:none;
        height: auto;
        padding-left:0px;
        padding-top:0px;
        padding-bottom:15px;
        min-height:50px;
        margin-bottom:50px;
    }
    
    #haendler-result {
         margin-top:-30px;
    }

    #haendler-suche > INPUT[type="number"] {
        border: 1px solid #27348b;
        font-size: 15px;
        height: 30px;
        left: 0px;
        position: relative;
        text-align: center;
        top: 0px;
        width: 120px;
        margin-right:10px;
        z-index:4444;
    }

    .suche-label{
        display:block;
        margin-bottom:3px;
        font-family:"Kalam",sans-serif;
        font-weight:600;
    }

}

@media (max-width:480px) {
    HEADER .phone > SPAN {
        top: 47px;
    }
    #produktseite .image IMG{
        width:120px; /* 280 */
    }

    #produktseite .image{
        width:130px; /* 320 */
    }

    #produktseite .text{
        width: calc( 100% - 130px); /* - 320 */
    }
    
    #produktkategorien > UL > LI .bigbottle {
        margin-left:-220px;
        height: auto;
        width: 225px;
        top:20px;
    }

    #produktkategorien > UL > LI .bigbottle IMG {
        height: auto;
        left: 0px;
        width: 225px;
    }

    A.morebutton {
        -o-transform: scale(0.6, 0.6);
        -moz-transform: scale(0.6, 0.6);
        -ms-transform: scale(0.6, 0.6);
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
    }

    #produktkategorien > UL > LI .content .top-bubble {
        -o-transform: scale(0.65, 0.65);
        -moz-transform: scale(0.65, 0.65);
        -ms-transform: scale(0.65, 0.65);
        -webkit-transform: scale(0.65, 0.65);
        transform: scale(0.65, 0.65);
        margin-left: -70px;
    }

    H1.news{
        font-size: 22px;
        padding: 10px 18px;
        left: 70px;
        top: 50px;
    }

    #content > .wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }

    #content .content-distance {
        display:none;
    }

    .wrapper {
        margin-left:15px;
        margin-rigth:15px;
    }

    HEADER .eiszeit-inside {
        display:none;
    }

    HEADER {
        height: 70px;
    }

    HEADER .logo {
        height: 66px; /* 106 */
        top: 2px; /* 11 */
        width: 82px; /* 132 */
    }

    .logo > IMG {
        height: 66px; /* 96 */
        width: 82px; /* 119 */
    }

    #content{
        /*margin-top: 70px;*/ /* FIXED */
    }

    #home-background {
        top: 70px;
    }

    HEADER .phone {
        top: 23px; /* 43 */
        right: 172px; /* 301 */
    }

    HEADER .mail {
        top: 26px; /* 46 */
        right: 130px; /* 236 */
    }

    HEADER .facebook {
        top: 20px; /* 40 */
        right: 85px; /* 163 */
    }

    HEADER .mobile-menu{
        right:15px; /* 111 */
        top:16px; /* 26 */
    }

    HEADER UL.navigation {
        right:0px;
        top:70px;   
        width:calc( 100% + 30px );
    }

    HEADER UL.navigation > LI > A {
        font-size: 15px;
        line-height: 1;
        margin: 0px;
        padding: 10px 20px;
        background:#ffed00;
        text-align:right;
    }

    HEADER UL.navigation > LI.eiszeit{
        display:block;
        padding-top:5px;
    }

    HEADER UL.navigation > LI.eiszeit A IMG{
        width:50px;
        height:auto;
        display:inline-block;
    }

    #produktkategorien {
        margin-top: 0px;
    }
}

@media (max-width:400px) {
    #produktkategorie, #produktseite {
        padding: 10px 10px 130px 10px;
    }

    #produktseite .image IMG{
        width:100px; /* 280 */
    }

    #produktseite .image{
        width:105px; /* 320 */
    }

    #produktseite .text{
        width: calc( 100% - 105px); /* - 320 */
    }
    
    #produktkategorien > UL > LI .bigbottle {
        margin-left:-180px;
        width: 160px;
    }

    #produktkategorien > UL > LI .bigbottle IMG {
        width: 160px;
    }

    #produktkategorien > UL > LI .content .top-bubble {
        -o-transform: scale(0.6, 0.6);
        -moz-transform: scale(0.6, 0.6);
        -ms-transform: scale(0.6, 0.6);
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        margin-left: -70px;
    }

    .rightcol-kontakt {
        margin-top: 0px;
        margin-bottom:0px;
    }
    .kontakt-form {
        background: #d5dff0;
        padding: 15px;
        width: auto;
        margin-left:-15px;
        margin-right:-15px;
        border-top:2px solid #27348b;
        border-bottom:2px solid #27348b;
    }
}

@media (max-width:340px) {
    .between-section{
        padding-left:0px;
    }
    .kontakt-form {
        height:auto;
    }

    #haendler-suche > INPUT[type="text"] {
        margin-right: 5px;
        width: 100px;
    }

    A.haendler-button {
        margin-right: 3px;
    }
}

/* ************************************************************* */
/* STARTSEITE */
@media (min-width:990px) and (max-width:1920px) {
    #content.home > #home-bottles {
        -o-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    #home-background > .bubble {
        -o-transform-origin: center top;
        -moz-transform-origin: center top;
        -ms-transform-origin: center top;
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}

@media (max-width:989px) {
    #home-background, #speaker-button, #next-button{
        display:none !important;   
    }

    #mobile-slider{
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width: 100%;
        display:block;
        overflow:hidden;
    }

    #mobile-slider > .inner-box{
        position:absolute;
        top:0px;
        left:0px;
        width: 100%;
        display:block;
    }

    #mobile-slider > .inner-box > DIV{
        position:absolute;
        top:0px;
        left:0px;
        width: 100%;
        display:block;
        background-position:center center;
        background-color:transparent;
        background-size: cover;
        height:200px;
    }

    #mobile-slider > .inner-box > DIV SPAN.box-label{
        position:absolute;
        top:50px;
        left:0px;
        width:100%;
        text-align:center;
        color:#FFF;
        font-size:56px;
        line-height:1;
        font-weight:600;
        text-shadow:5px 5px 10px rgba(0,0,0,0.35), 3px 3px 5px rgba(0,0,0,0.5);
    }

    #content.home > #home-slogan .mobile-lab{
        display:block;
        height:150px;
        background:#FFF;
        border-top:100px solid #ffed00;
    }

    #content.home > #home-bottles-mobile{
        display:block;
    }

    #home-mobile-sliderbuttons{
        display:block;
        position:relative;
        top:0px;
        left:0;
        width:100%;
        height:40px;
        padding-top:12px;
        text-align:center;
        background:#FFF;
    }

    #home-mobile-sliderbuttons > A {
        width:16px;
        height:16px;
        border-radius:50%;
        overflow:hidden;
        background:#27348b;
        display:inline-block;
        margin:0px 6px 0px 6px;
        opacity:0.25;
    }

    #home-mobile-sliderbuttons > A:hover {
        -o-transform:scale(1.1,1.1);
        -ms-transform:scale(1.1,1.1);
        -moz-transform:scale(1.1,1.1);
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }

    #home-mobile-sliderbuttons > A.active {
        opacity:1;
    }

    #home-slogan, #home-background-dummy, #home-bottles{
        display:none !important;
    }

}
/* ************************************************************* */

@media (min-width:961px) {
    HEADER UL.navigation{
        display:block !important;
    }
}