/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

header {
    position: relative;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

header.overScroll {
    position: fixed;
    background: #000000;
}

h3 {
    /*font-size: 1.2em;*/
    /*letter-spacing: 0.025em;*/
    text-align: center;
    color: #58585a;
}

p {
    font-size: 0.875em;
}

/* VIDEO */
video {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.loadSmallImage img {
    width: 100%;
}

#content {
    position: relative;
    /*overflow: hidden;*/
}

.header_container {
    margin-top: -100px;
}

/* SORTIMENT */
.sortiment {
    margin-bottom: 100px;
    position: relative;
}
.lang_en .sortiment .bg,
.sortiment .bg {
    background: url('img/start_sortiment_large_2022.jpg') center top no-repeat transparent;
    height: 750px;
    display: block;

}


.sortiment h2 {
    color: #58585a;
    text-align: center;
    display: none;
}

.sortiment h3 {
    display: none;
}

/*.sortiment .text_container{
    padding-top:425px;
}*/
.sortiment .text_container .center {
    text-align: center;

}

.sortiment .text_container .center .text {
    background: rgba(217, 203, 185, 0.65);
    position: relative;
    height: 145px;
}

.sortiment .text_container .center .text .flasche {
    /*float: left;*/
    position: absolute;
    height: 145px;
}

.sortiment .text_container .center .text .flasche a {
    background: #ffffff;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -65px;
}

.sortiment .text_container .center .text .flasche.classic {
    left: 288px;
    width: 230px;

}

.sortiment .text_container .center .text .flasche.rouge {
    left: 665px;
    width: 280px;
}

.sortiment .text_container .center .text .flasche.caramel {
    left: 815px;
    width: 250px;
}

.sortiment .text_container .center .text .flasche.rouge a {
    /*margin-left: -14px;*/
}

.sortiment .text_container .center .text .flasche.classic p {
    /*padding-bottom: 42px;*/
    /*margin: 0.5em auto;*/
}

.sortiment .text_container .center .text .flasche.rouge p {
    /*width: 320px;*/
    /*padding-left: 98px;*/
    /*padding-bottom: 42px;*/
}

.sortiment .text_container .center .text .flasche.caramel {
    /*position: relative;*/
    /*width: 250px;*/
    /*float: left;*/
    /*padding-left: 20px;*/
    /*padding-right: 0;*/
}

.sortiment .text_container .center .text .flasche.caramel p {
    /*margin-bottom: 45px;*/
}

.sortiment .text_container .center .text .flasche.caramel a {
    /*margin-left: -53px;*/
}

/* HISTORY BANNER */
.history {
    margin-bottom: 100px;
}
.history h2 {
    text-align: center;
    margin-bottom: 10px;
}

.history h3 {
    /*font-size: 1.4em;*/
    /*text-align: center;*/
}

.history .head_container .center .text {
    background: #eeece5;
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

.history .bg {
    height: 380px;
    background: url('img/start_historie_header.jpg') center top no-repeat transparent;
}

.history .text_container {
    background: #d8c39b;
    padding-bottom: 85px;
    font-size: 1.13em;
}

.history .text_container .center .text {
    background: #eeece5;
    padding-top: 34px;
    padding-bottom: 85px;
    position: relative;
}

.history .text_container .center .text p {
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    max-width: 940px;
}

.history .text_container .center .text a {
    position: absolute;
    bottom: 0;
    left: 50%;
    /*margin-left:-92px;*/
    width: 185px;
    text-align: center;
    background: #d8c39b;
    color: #7f8080;
    padding-top: 10px;
    padding-bottom: 5px;
}

.history .text_container .center .text a:nth-child(2) {
    margin-left: -350px;
}

.history .text_container .center .text a:nth-child(3) {
    margin-left: 140px;
}

/* REZEPTE BANNER */
.rezepte .head_container {
    background: #dcc9cb;
    padding-top: 110px;
}

.rezepte .head_container .center .text {
    background: #ffdfea;
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

.rezepte .bg {
    height: 360px;
    background: url("img/start_drinks-large.jpg") center top no-repeat transparent;
}

.rezepte .bg.food {
    background: url("img/start_food_center_large.jpg") center top no-repeat transparent;
}

.rezepte .mid_container {
    background: #cdcdcd;
}

.rezepte .mid_container .center .text {
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center;
}

.rezepte .mid_container .center .text h2 {
    color: #a1001a;
}

.rezepte .text_container {
    background: #dbcebc;
    padding-bottom: 85px;
}

.rezepte .text_container .center .text {
    background: #eae5de;
    padding-top: 34px;
    padding-bottom: 85px;
    position: relative;
}

.rezepte .text_container .center .text p {
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    max-width: 750px;
}

.rezepte .text_container .center .text h2 {
    text-align: center;
    padding-bottom: 10px;
}

.rezepte .text_container .center .text a {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -92px;
    width: 185px;
    text-align: center;
    background: #dbcebc;
    color: #7f8080;
    padding-top: 10px;
    padding-bottom: 5px;
}

/* SHOP BANNER */
.shop {
    display: none;
}

.shop h2 {
    text-align: center;
    margin-bottom: 10px;
}

.shop h3 {
    /*font-size: 1.4em;*/
    /*text-align: center;*/
}

.shop .head_container .center .text {
    padding-top: 75px;
    padding-bottom: 30px;
    text-align: center;
}

.shop .bg {
    height: 380px;
    background: url('img/start_shop_center_large.jpg') center top no-repeat transparent;
}

.shop .text_container {
    padding-bottom: 85px;
    font-size: 1.13em;
}

.shop .text_container .center .text p {
    text-align: center;
}





/* small */
@media only screen and (max-width: 1440px) {
    .sortiment .bg {
        background: url('img/start_sortiment_medium_2022.jpg') center top no-repeat transparent;
        height: 690px;
        display: block;
    }
    .lang_en .sortiment .bg {
        background: url('img/start_sortiment_medium_2022.jpg') center top no-repeat transparent;
    }

    .history .bg {
        height: 380px;
        background: url('img/start_historie_center_medium.jpg') center top no-repeat transparent;
    }

    .rezepte .bg {
        height: 380px;
        background: url("img/start_drinks-medium.jpg") center top no-repeat transparent;
    }

    .rezepte .bg.food {
        background: url("img/start_food_center_medium.jpg") center top no-repeat transparent;
    }

    .sortiment .text_container .center .text .flasche.classic {
        left: 154px;
        width: 230px;

    }

    .sortiment .text_container .center .text .flasche.rouge {
        left: 493px;
        width: 280px;
    }

    .sortiment .text_container .center .text .flasche.caramel {
        left: 598px;
        width: 250px;
    }

}

@media only screen and (max-width: 1024px) {
    .sortiment .bg {
        background: url('img/start_sortiment_small_2022.jpg') center bottom no-repeat transparent;
        height: 610px;
        display: block;
    }
    .lang_en .sortiment .bg {
        background: url('img/start_sortiment_small_2022.jpg') center bottom no-repeat transparent;
    }


    .history .bg {
        height: 300px;
        background: url('img/start_historie_center_small.jpg') center top no-repeat transparent;
    }

    .rezepte .bg {
        height: 300px;
        background: url("img/start_drinks-small.jpg") center top no-repeat transparent;
    }

    .rezepte .bg.food {
        background: url("img/start_food_center_small.jpg") center top no-repeat transparent;
    }

    .history .text_container .center .text a:nth-child(2) {
        margin-left: 0;
        left: 20px;
    }

    .history .text_container .center .text a:nth-child(3) {
        margin-left: 0;
        right: 20px;
        left: auto;
    }

    h3 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .rezepte .head_container .center .text {
        padding-left: 24px;
        padding-right: 24px;
    }

    .sortiment h2 {
        padding-top: 150px;
        margin-left: 0;
        display:block;
    }

    .sortiment .bg {
        background-color:rgba(217,203,185,0.65);
    }
    .sortiment h3 {
        margin-left: 0;
        display:none;
    }

    .sortiment .text_container .center .text .flasche.caramel p,
    .sortiment .text_container .center .text .flasche.rouge p,
    .sortiment .text_container .center .text .flasche.classic p {
        display: none;
    }



    .sortiment .text_container .center .text .flasche a {
        position: absolute;
        top: 205px;
        left: 50%;
        margin-left: -222px;
        height: 405px;
        background: transparent;
        text-indent: -10000px;
        padding: 0;
        width: 122px;
        z-index: 1;
    }

    .sortiment .text_container .center .text .flasche.rouge a {
        position: absolute;
        top: 205px;
        left: 50%;
        margin-left: -84px;
        height: 405px;
        background: transparent;
        text-indent: -10000px;
        padding: 0;
        width: 134px;
        z-index: 1;
    }

    .sortiment .text_container .center .text .flasche.caramel a {
        position: absolute;
        top: 205px;
        left: 50%;
        margin-left: 45px;
        height: 405px;
        background: transparent;
        text-indent: -10000px;
        padding: 0;
        width: 132px;
        z-index: 1;
    }

    .sortiment .text_container .center .text .flasche.classic,
    .sortiment .text_container .center .text .flasche.rouge,
    .sortiment .text_container .center .text .flasche.caramel,
    .sortiment .text_container .center .text,
    .sortiment .text_container .center {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 0 none;
    }

    .sammelglas .text_container .center {
        width: auto;
    }
    .sammelglas .bg .border_bg {
        width: auto;
        margin-left:auto;
        margin-right:auto;
    }
}

@media only screen and (max-width: 640px) {
    .lang_en .sortiment .bg,
    .sortiment .bg {
        background: url('img/start_sortiment_xsmall_2022.jpg') center bottom no-repeat rgba(217,203,185,0.65);
        height: 525px;
        background-size: 640px auto;
    }

    .history .bg {
        height: 300px;
        background: url('img/start_historie_center_xsmall.jpg') center top no-repeat transparent;
        background-size: 640px auto;
    }


    .rezepte .bg {
        height: 300px;
        background: url("img/start_drinks-xsmall.jpg") center top no-repeat transparent;
        background-size: 640px auto;
    }

    .rezepte .bg.food {
        background: url("img/start_food_center_xsmall.jpg") center top no-repeat transparent;
        background-size: 640px auto;
    }


    .history .text_container .center .text a:nth-child(2) {
        left: 0;
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 40px;
    }

    .history .text_container .center .text a:nth-child(3) {
        left: 0;
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 1px;
    }

    .history .text_container .center .text {
        padding-bottom: 0;
    }

    .sortiment .text_container .center .text .flasche a {
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -195px;
        height: 325px;
        background: transparent;
        text-indent: -10000px;
        padding: 0;
        width: 106px;
        z-index: 1;
    }

    .sortiment .text_container .center .text .flasche.rouge a {
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -60px;
        height: 325px;
        background: transparent;
        text-indent: -10000px;
        padding: 0;
        width: 77px;
        z-index: 1;
    }

    .sortiment .text_container .center .text .flasche.caramel a {
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: 47px;
        height: 325px;
        background: transparent;
        text-indent: -10000px;
        padding: 0;
        width: 75px;
        z-index: 1;
    }

    .sammelglas .bg {
        height: auto;
    }
    .sammelglas .bg .border_bg {
        background-size:680px auto;
        height: 328px;
        margin-top:-1px;
    }
    .sammelglas .text_container {
        margin-top: 0;
    }
    .sammelglas {
        margin-bottom: 100px;
        margin-top: 0;
    }
}