/*!
 * Copyright 2019 PLANET NETWORK modular websites
 * Kai Felgenhauer
 * www.planet-network.com
 */

body{font-family: 'Nunito Sans', sans-serif; font-size:14px; letter-spacing:normal; min-width:320px; background:#ffffff; margin-top:80px;}
h1{font-family: 'Nazare-Bold'; font-size:2.571428571428571em; text-transform:uppercase; margin-bottom:.75em; letter-spacing:normal;}
h2{font-family: 'Nazare-Bold'; font-size:2.571428571428571em; text-transform:uppercase; margin-bottom:.75em; letter-spacing:normal;}
h3{font-family: 'Nazare-Regular'; font-size:1.571428571428571em; text-transform:uppercase; margin-bottom:.75em; letter-spacing:normal;}

.erecht24 h1{font-family: 'Nazare-Bold'; font-size:2.571428571428571em; text-transform:uppercase; margin-bottom:.75em; letter-spacing:normal;}
.erecht24 h2{font-family: 'Nazare-Bold'; font-size:1.571428571428571em; text-transform:uppercase; margin-bottom:1em; margin-top:1em; letter-spacing:normal;}
.erecht24 h3{font-family: 'Nazare-Regular'; font-size:1.571428571428571em; text-transform:uppercase; margin-bottom:.75em; margin-top:1em; letter-spacing:normal;}

img{width:100%}

a, a:hover{color:#141414; text-decoration: underline;}

footer a, a:hover{color:#141414; text-decoration: none !important;}


@media (min-width:768px){
body{font-size:13px; margin-top:80px;}
}

@media (min-width:992px){
body{font-size:14px; margin-top:90px;}
}

@media (min-width:1200px){
body{font-size:18px; margin-top:108px;}
}

#map {
  height: 500px;
}

/* Slick Slider */

.lagen .right{padding-left: 45px; padding-right: 45px;}

@media (min-width:768px){
  .lagen .left{padding-right: 30px;}
  .lagen .right{padding-left: 30px; padding-right: 15px;}
}

@media (min-width:992px){
  .lagen .left{padding-right: 45px;}
  .lagen .right{padding-left: 45px; padding-right: 15px;}
}

@media (min-width:1200px){
  .lagen .left{padding-right: 60px;}
  .lagen .right{padding-left: 60px; padding-right: 15px;}
}




.slick-next:before {content: "\f105";}
.slick-prev:before {content: '\f104';}


.slick-prev, .slick-next {
transform: scaleX(.5) !important;
  top: calc(50% - 30px);
    z-index:1000000;


    height: 68px;

}


.slick-prev:before, .slick-next:before {
  font-family: 'FontAwesome';
  font-size: 60px;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}









.slick-prev {left: -5px;}
.slick-next {right: -5px;}

@media (min-width:768px){
  .slick-prev {left: 0;}
  .slick-next {right: 0;}
}

@media (min-width:992px){
  .slick-prev {left: -60px;}
  .slick-next {right: -60px;}
}

@media (min-width:1200px){
  .slick-prev {left: -60px;}
  .slick-next {right: -60px;}
}









.lagen .ort{text-transform:uppercase;}

.lagen .daten{border-bottom: 1px solid #6a6a6a; text-transform:uppercase; padding-bottom:.25em; margin-bottom:.25em;}
.lagen .daten .links{width:50%; display:inline-block;}
.lagen .daten .rechts{width:50%; text-align: right; display:inline-block;}

.lagen a{font-style: italic; color:#ffffff; text-decoration: none; transition: .3s;}
.lagen a:hover{color:#CCCCCC;}

.lagen hr {
  border-top: 3px solid #ffffff;
  margin: 60px 0;
}









.alle-lagen {
  background-image: url("../img/Alle-Lagen.jpg");
  background-repeat: no-repeat;
  height:704px;
}
.lage-blume {
  background-image: url("../img/Lage-Blume.jpg");
  background-repeat: no-repeat;
}
.lage-bockstein {
  background-image: url("../img/Lage-Bockstein.jpg");
  background-repeat: no-repeat;
}
.lage-teufelspfad {
  background-image: url("../img/Lage-Teufelspfad.jpg");
  background-repeat: no-repeat;
}
.lage-spitzberg {
  background-image: url("../img/Lage-Spitzberg.jpg");
  background-repeat: no-repeat;
}

a.hiwweltour{
  background-image: url("../img/hiwweltour.png");
  background-repeat: no-repeat;
  background-size:cover;
  width:40px;
  height: 59px;
  display:block;
  outline:none;
  margin: 1.5em 0 .5em 0;
}

@media (min-width:768px){
  .lage-blume, .lage-bockstein, .lage-teufelspfad, .lage-spitzberg {background-size:315px 448px;  min-height:448px;}
  .alle-lagen {background-size:315px 448px;}
}

@media (min-width:992px){
  .lage-blume, .lage-bockstein, .lage-teufelspfad, .lage-spitzberg {background-size:420px 597px;  min-height:597px;}
  .alle-lagen {background-size:315px 448px;}
}

@media (min-width:1200px){
  .lage-blume, .lage-bockstein, .lage-teufelspfad, .lage-spitzberg {background-size:495px 704px;  min-height:704px;}
  .alle-lagen {background-size:1140px 704px;}
}







.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* Slick Slider */


/* Bootstrap-Slideshow vollflächig */

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-image: none;
  font-family: 'FontAwesome';
  font-size: 60px;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: scaleX(.5) !important;
  text-decoration: none;
}

.carousel-control-prev-icon:before{content: '\f104';}
.carousel-control-next-icon:before{content: '\f105';}

.carousel-control-next, .carousel-control-prev {
  text-decoration: none;
}

.carousel-inner>.item{
  /*disables white flash*/
  -webkit-transition: -webkit-transform .5s ease-in-out;
  -o-transition: -o-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

/* Bootstrap-Slideshow vollflächig */








section.das-sind-wir p{text-indent: 50px; margin-bottom:0;}
section.das-sind-wir .timo .person-info{margin:15px 0 30px 0;}
section.das-sind-wir .simone .person-info{margin:15px 0 30px 0;}
section.das-sind-wir .corinna .person-info{margin:15px 0 30px 0;}
section.das-sind-wir .christian .person-info{margin:15px 0 30px 0;}
section.das-sind-wir .elisabeth-udo .person-info{margin:15px 0 30px 0;}
section.das-sind-wir .elisabeth-udo img:nth-child(1){width:calc(50% - 7.5px);}
section.das-sind-wir .elisabeth-udo img:nth-child(2){width:calc(50% - 7.5px); margin-left:15px;}

@media (min-width:768px){
  section.das-sind-wir .timo img{width:260px;}
  section.das-sind-wir .timo .person-info{margin:30px 0 45px 0;}
  section.das-sind-wir .simone .person-info{margin:30px 0 30px 30px;}
  section.das-sind-wir .corinna .person-info{margin:30px 0 30px 0;}
  section.das-sind-wir .christian img:nth-child(1){width:160px; margin-left:100px; margin-top:-60px;}
  section.das-sind-wir .christian img:nth-child(2){width:260px; margin-left:50px; margin-top:60px;}
  section.das-sind-wir .christian .person-info{margin:30px 0 30px 50px;}
  section.das-sind-wir .elisabeth-udo{margin-top:-150px;}
  section.das-sind-wir .elisabeth-udo .person-info{margin:30px 0 0 0;}
  section.das-sind-wir .elisabeth-udo img:nth-child(1){width:calc(50% - 30px);}
  section.das-sind-wir .elisabeth-udo img:nth-child(2){width:calc(50% - 30px); margin-left:15px;}
  section.das-sind-wir .mitarbeiter .person-info{margin:30px 0 0 50px;}
}

@media (min-width:992px){
  section.das-sind-wir .timo img{width:310px;}
  section.das-sind-wir .timo .person-info{margin:30px 0 45px 0; width:400px;}
  section.das-sind-wir .simone .person-info{margin:30px 0 30px 50px;}
  section.das-sind-wir .corinna .person-info{margin:30px 0 30px 50px; width:350px;}
  section.das-sind-wir .christian img:nth-child(1){width:180px; margin-left:135px; margin-top:60px;}
  section.das-sind-wir .christian img:nth-child(2){width:310px; margin-left:70px; margin-top:75px;}
  section.das-sind-wir .christian .person-info{margin:30px 0 30px 70px;}
  section.das-sind-wir .elisabeth-udo{margin-top:-130px;}
  section.das-sind-wir .elisabeth-udo img:nth-child(1){width:calc(50% - 45px);}
  section.das-sind-wir .elisabeth-udo img:nth-child(2){width:calc(50% - 45px); margin-left:30px;}
  section.das-sind-wir .elisabeth-udo .person-info{margin:30px 0 0 50px; width:350px;}
  section.das-sind-wir .mitarbeiter .person-info{margin:60px 0 0 70px;}
}


@media (min-width:1200px){
  section.das-sind-wir .timo img{width:365px;}
  section.das-sind-wir .timo .person-info{margin:30px 0 75px 0; width:450px;}
  section.das-sind-wir .simone .person-info{margin:30px 0 30px 75px;}
  section.das-sind-wir .corinna .person-info{margin:30px 0 30px 50px; width:450px;}
  section.das-sind-wir .christian img:nth-child(1){width:220px; margin-left:160px; margin-top:30px;}
  section.das-sind-wir .christian img:nth-child(2){width:365px; margin-left:87.5px; margin-top:90px;}
  section.das-sind-wir .christian .person-info{margin:30px 0 30px 87.5px;}
  section.das-sind-wir .elisabeth-udo{margin-top:-150px;}
  section.das-sind-wir .elisabeth-udo img:nth-child(1){width:calc(50% - 30px);}
  section.das-sind-wir .elisabeth-udo img:nth-child(2){width:calc(50% - 30px); margin-left:15px;}
  section.das-sind-wir .elisabeth-udo .person-info{margin:30px 0 0 50px; width:450px;}
  section.das-sind-wir .mitarbeiter .person-info{margin:90px 0 0 87.5px;}
}








/* Linie dunkel, hintergrund hell */
.frame-layout-130 h3{font-family: 'Nazare-Bold'; text-transform: none; margin:-.5em 0 .25em 0;}
.frame-layout-130 h4{font-size: 1.1em; margin-bottom:1em;}



/* Linie dunkel, hintergrund hell */
.frame-layout-120{background:#141414;}
.frame-layout-120 hr{
  margin:30px 0;
  border: 0;
  border-top: 2px solid #ffffff;
  background:#141414;
}

/* Linie hell, hintergrund dunkel */
.frame-layout-121{background:#ffffff;}
.frame-layout-121 hr{
  margin:30px 0;
  border: 0;
  border-top: 2px solid #141414;
  background:#ffffff;
}






/* Trenner dunkel */
.frame-layout-100{height:60px; background:#141414;}
.frame-layout-100 hr{display:none;}

.frame-layout-101{display:none;}
@media (min-width:768px){
  .frame-layout-101{display:block; height:60px; background:#141414;}
  .frame-layout-101 hr{display:none;}
}

.frame-layout-102{display:block; height:30px; background:#141414;}
.frame-layout-102 hr{display:none;}
@media (min-width:768px){
  .frame-layout-102{display:block; height:60px; background:#141414;}
}



/* Trenner hell */
.frame-layout-110{height:60px; background:#ffffff;}
.frame-layout-110 hr{display:none;}

.frame-layout-111{display:none;}
@media (min-width:768px){
  .frame-layout-111{display:block; height:60px; background:#ffffff;}
  .frame-layout-111 hr{display:none;}
}

.frame-layout-112{display:block; height:30px; background:#ffffff;}
.frame-layout-112 hr{display:none;}
@media (min-width:768px){
  .frame-layout-112{display:block; height:60px; background:#ffffff;}
}




.carousel-item {
  height: calc(100vh - 80px);
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media (min-width:768px){
  .carousel-item {height: calc(100vh - 80px);}
}

@media (min-width:992px){
  .carousel-item {height: calc(100vh - 90px);}
}

@media (min-width:1200px){
  .carousel-item {height: calc(100vh - 108px);}
    }

span.claim{width: 240px; height: 151px; background-image:url(../img/claim-600.png); background-position: center center; background-size: contain; background-repeat: no-repeat; display: inline-block; z-index: 10; position: absolute; top: calc(50% - 75.5px); left: calc(50% - 120px); transition: 0.3s;}

@media (min-width:480px){
  span.claim {width: 320px; height: 202px; background-image: url(../img/claim-600.png); top: calc(50% - 101px); left: calc(50% - 160px);}
}

@media (min-width:768px){
  span.claim {width: 480px; height: 302px; background-image: url(../img/claim-900.png); top: calc(50% - 151px); left: calc(50% - 240px);}
}

@media (min-width:768px){
  span.claim {width: 480px; height: 302px; background-image: url(../img/claim-900.png); top: calc(50% - 151px); left: calc(50% - 240px);}
}

@media (min-width:992px){
  span.claim {width: 562px; height: 354px; background-image: url(../img/claim-1200.png); top: calc(50% - 177px); left: calc(50% - 281px);}
}

@media (min-width:1200px){
  span.claim{width: 638px; height: 402px;  background-image:url(../img/claim-1200.png); top: calc(50% - 201px); left: calc(50% - 319px);}
}



blockquote{font-family: 'Nazare-Regular'; font-size:1.571428571428571em; text-transform:uppercase; letter-spacing:normal; margin:0;}
@media (min-width:768px){
blockquote{font-size:2.571428571428571em;}
}
blockquote p{margin-bottom:0;}
blockquote:before {font-family: 'Nazare-Regular'; font-size:1em; content: "—"; display:block;}
blockquote:after {font-family: 'Nazare-Regular'; font-size:1em; content: "—"; display:block;}



.overlap{z-index:20;}
.underlap{z-index:10;}

.overlap{padding:30px 15px;}

@media (min-width:576px){
    section.wir{padding-bottom:45px;}
}



.wir-mobil{background-image:url(../img/wir-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%;}
.vinothek-mobil{background-image:url(../img/vinothek-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}
.events-mobil{background-image:url(../img/events-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}
.weinberg-mobil{background-image:url(../img/weinberg-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}
.familienweingut-mobil{background-image:url(../img/wir-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}
.unsere-lagen-mobil{background-image:url(../img/unsere-lagen-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}
.im-keller-mobil{background-image:url(../img/im-keller-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}
.scheune-mobil{background-image:url(../img/scheune-mobil.jpg); background-position: center center; background-repeat: no-repeat; height:0; padding-bottom:106.3829787234043%}


@media (min-width:768px){
.wir-mobil{display:none;}
.weinberg-mobil{display:none;}


.vinothek-mobil{display:none;}
.events-mobil{display:none;}

.familienweingut-mobil{display:none;}
.unsere-lagen-mobil{display:none;}
.im-keller-mobil{display:none;}
.scheune-mobil{display:none;}

.wir{background-image:url(../img/wir-tablet.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
.weinberg{background-image:url(../img/weinberg-tablet.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
.vinothek{background-image:url(../img/vinothek-tablet.jpg); background-position: 0 50%; background-repeat: no-repeat; background-size: 58.333333%;}
.events{background-image:url(../img/events-tablet.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 58.333333%;}
.unsere-lagen{background-image:url(../img/unsere-lagen-tablet.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
.im-keller{background-image:url(../img/im-keller-tablet.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
.familienweingut{background-image:url(../img/familienweingut-seit-1954_neu.jpg); background-position: 60px 50%; background-repeat: no-repeat; background-size: 58.333333%;}
.scheune{background-image:url(../img/scheune-tablet.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}


section.wir{padding-bottom:0;}	

.txt-left .col-md-9{margin-left:-25%}
.txt-right .col-md-6{margin-left:75%}
.bg-dark.txt-left .overlap{background:#141414; margin:30px 0 30px 15px; padding:15px 60px 15px 0;}
.bg-dark.txt-right .overlap{background:#141414; margin:30px 0 30px 50%; padding:15px 0 15px 60px;}
.bg-light.txt-left .overlap{background:#FFFFFF; margin:30px 0 30px 15px; padding:15px 60px 15px 0;}
.bg-light.txt-right .overlap{background:#FFFFFF; margin:30px 0 30px 50%; padding:15px 0 15px 60px;}

}



/* Bildvarianten Desktop */

@media (min-width:1200px) {
  .wir{background-image:url(../img/wir.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
  .weinberg{background-image:url(../img/weinberg.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
  .vinothek{background-image:url(../img/vinothek.jpg); background-position: 0 50%; background-repeat: no-repeat; background-size: 58.333333%;}
  .events{background-image:url(../img/events.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 58.333333%;}
  .unsere-lagen{background-image:url(../img/unsere-lagen.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
  .im-keller{background-image:url(../img/im-keller.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}
  .scheune{background-image:url(../img/scheune.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 66.6667%;}

}











@media (min-width:992px){	
.bg-dark.txt-left .overlap{background:#141414; margin:60px 0; padding:60px 90px 60px 0;}
.bg-dark.txt-right .overlap{background:#141414; margin:60px 0 60px 50%; padding:60px 0 60px 60px;}
.bg-light.txt-left .overlap{background:#FFFFFF; margin:60px 0; padding:60px 90px 60px 0;}
.bg-light.txt-right .overlap{background:#FFFFFF; margin:60px 0 60px 50%; padding:60px 0 60px 60px;}
}

@media (min-width:1200px){	
.bg-dark.txt-left .overlap{background:#141414; margin:60px 0; padding:60px 130px 60px 0;}
.bg-dark.txt-right .overlap{background:#141414; margin:60px 0 60px 50%; padding:60px 0 60px 130px;}
.bg-light.txt-left .overlap{background:#FFFFFF; margin:60px 0; padding:60px 130px 60px 0;}
.bg-light.txt-right .overlap{background:#FFFFFF; margin:60px 0 60px 50%; padding:60px 0 60px 130px;}
}

p.indent70{text-indent: 70px;}

.big{font-size: 15px; text-transform: uppercase; letter-spacing:.125em}

footer{background:#FFFFFF; padding-top:30px;}
footer a{color:#141414 !important;}
footer hr{border-top: 3px solid #141414; margin:30px 0;}

footer p{font-size:14px;}

@media (min-width:992px){
  footer{background:#FFFFFF; padding-top:60px;}
  }

#map{width:100%; height:0; padding-bottom:100%; background:#ccc; margin-bottom:30px;}

@media (min-width:768px){
footer .col-md-6.left{padding-right: 30px;}
footer .col-md-6.right{padding-left: 30px; padding-top:30px;}
}

@media (min-width:992px){
footer .col-md-6.left{padding-right: 45px;}
footer .col-md-6.right{padding-left: 45px;}
}

@media (min-width:1200px){
footer .col-md-6.left{padding-right: 60px;}
footer .col-md-6.right{padding-left: 60px;}
}

@media (min-width:768px){
.mehr-abstand .left{padding-right: 30px;}
.mehr-abstand .right{padding-left: 30px;}
}

@media (min-width:992px){
.mehr-abstand .left{padding-right: 45px;}
.mehr-abstand .right{padding-left: 45px;}
}

@media (min-width:1200px){
.mehr-abstand .left{padding-right: 60px;}
.mehr-abstand .right{padding-left: 60px;}
}

.row.logos{margin:30px 0 30px 0; transition: 0.3s;}
.row.logos ul{margin:0 auto; padding:0;}
.row.logos li{list-style:none; display:inline-block; margin: 0 7px;}
footer a.logo-1{width:25px; height:25px; display:block; background-image:url(../img/home-mobile.png); background-size:cover; background-repeat:no-repeat; text-indent:-9999px;}
footer a.logo-2{width:23px; height:25px; display:block; background-image:url(../img/generation-riesling-mobile.png); background-size:cover; background-repeat:no-repeat; text-indent:-9999px;}
footer a.logo-3{width:55px; height:25px; display:block; background-image:url(../img/maxime-herkunft-mobil.png); background-size:cover; background-repeat:no-repeat; text-indent:-9999px;}
footer a.logo-4{width:20px; height:25px; display:block; background-image:url(../img/mainzer-weinsalon-mobil.png); background-size:cover; background-repeat:no-repeat; text-indent:-9999px;}
footer a.logo-5{width:105px; height:25px; display:block; background-image:url(../img/wine-in-moderation-mobile.png); background-size:cover; background-repeat:no-repeat; text-indent:-9999px;}

@media (min-width:768px){
.row.logos{margin:45px 0 45px 0; transition: 0.3s;}
.row.logos li{list-style:none; display:inline-block; margin: 0 10px;}
footer a.logo-1{width:50px; height:50px; display:block; background-image:url(../img/home.png);}
footer a.logo-2{width:46px; height:50px; display:block; background-image:url(../img/generation-riesling.png);}
footer a.logo-3{width:109px; height:50px; display:block; background-image:url(../img/maxime-herkunft.png);}
footer a.logo-4{width:39px; height:50px; display:block; background-image:url(../img/mainzer-weinsalon.png);}
footer a.logo-5{width:210px; height:50px; display:block; background-image:url(../img/wine-in-moderation.png);}
}

@media (min-width:1200px){
.row.logos{margin:60px 0 60px 0; transition: 0.3s;}
.row.logos li{list-style:none; display:inline-block; margin: 0 15px;}
footer a.logo-1{width:70px; height:70px; display:block; background-image:url(../img/home.png);}
footer a.logo-2{width:65px; height:70px; display:block; background-image:url(../img/generation-riesling.png);}
footer a.logo-3{width:153px; height:70px; display:block; background-image:url(../img/maxime-herkunft.png);}
footer a.logo-4{width:55px; height:70px; display:block; background-image:url(../img/mainzer-weinsalon.png);}
footer a.logo-5{width:294px; height:70px; display:block; background-image:url(../img/wine-in-moderation.png);}
}

.row.footer-navi{margin:0 0 30px 0; transition: 0.3s;}
.row.footer-navi ul{margin:0 auto; padding:0; text-transform: uppercase; color:#141414; font-size:12px;}
.row.footer-navi li{list-style:none; display:inline-block;}
.row.footer-navi li + li::before {content:"|"; margin: 0 7px;}
.row.footer-navi a {color:#141414; text-decoration:none;}
.row.footer-navi a:hover, .row.footer-navi a:focus{color:#000;}

@media (min-width:768px){
.row.footer-navi ul{font-size:14px;}
}

.navbar {padding: 10px 15px; background:#FFFFFF;
  /*
  -moz-box-shadow: 0px 3px 3px #CCC; -webkit-box-shadow: 0px 3px 3px #CCC; box-shadow-bottom: 5px #CCC; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#CCC')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#CCC');
  */
  }

.navbar{height:80px; transition: 0.3s;}
.navbar-brand{width:121px; height: 60px; background-image:url(../img/logo-mobile.jpg); background-size:contain; background-repeat:no-repeat; text-indent:-9999px; position:absolute; transition: 0.3s;}

@media (min-width:992px){
.navbar{height:90px; transition: 0.3s;}
.navbar-brand{width:140px; height: 70px; background-image:url(../img/logo.jpg); background-size:contain; background-repeat:no-repeat; text-indent:-9999px; position:absolute; transition: 0.3s;}
}

@media (min-width:1200px){
.navbar{height:108px; transition: 0.3s;}
.navbar-brand{width:177px; height: 88px; background-image:url(../img/logo.jpg); background-size:contain; background-repeat:no-repeat; text-indent:-9999px; position:absolute; transition: 0.3s;}
}

ul.main-navi-mobile{margin-bottom:0; padding:0; font-size:18px; font-weight:700; text-transform:uppercase;}
.main-navi-mobile li{list-style:none; margin:20px 0;}

ul.main-navi{padding:0; margin: 0 auto; position: relative;}
.main-navi li{float:left; margin-right:50px; list-style:none;}
.main-navi li:last-child{margin-right:0;}

.main-navi a{color:#141414; text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:300; letter-spacing: .125em; transition: .3s;}
.main-navi a:hover, .lang-navi a:focus{color:#000;}

.main-navi a:after {
  display:block;
  clear:both;
  content : "";
  position: relative;
  left    : 0;
  bottom  : 0;
  max-width:250px;
  height  : 3px;
  width   : 20px;  /* or 100px */
  border-bottom:2px solid #ffffff;
  margin:0 auto;
  padding:3px 0px 0px 0px;
  transition: .3s;
}

.main-navi a:hover:after {
  display:block;
  clear:both;
  content : "";
  position: relative;
  left    : 0;
  bottom  : 0;
  max-width:250px;
  height  : 3px;
  width   : 20px;  /* or 100px */
  border-bottom:2px solid #141414;
  margin:0 auto;
  padding:3px 0px 0px 0px;
  transition: .3s;
}

.main-navi li.active a:after {
  display:block;
  clear:both;
  content : "";
  position: relative;
  left    : 0;
  bottom  : 0;
  max-width:250px;
  height  : 3px;
  width   : 20px;  /* or 100px */
  border-bottom:2px solid #141414;
  margin:0 auto;
  padding:3px 0px 0px 0px;
  transition: .3s;
}

@media (min-width:1200px){
.main-navi a{font-size:16px;}
}

ul.lang-navi-mobile{margin-top:60px; margin-bottom:30px; padding:0;}
.lang-navi-mobile li{list-style:none; display:inline}
.lang-navi-mobile li + li::before {content: " | "; color:#FFFFFF}
.lang-navi-mobile a.active{font-weight:700;}

ul.lang-navi{margin-bottom:0; padding:0; position: absolute; right: 85px; font-size:14px;}
.lang-navi li{float:left; margin-right:5px; list-style:none;}
.lang-navi li + li::before {content: " | ";}
.lang-navi li:last-child{margin-right:0;}
.lang-navi a{color:#000000; text-decoration:none;}
.lang-navi a:hover, .lang-navi a:focus{text-decoration:underline;}
.lang-navi a.active{font-weight:700;}

ul.social-navi-mobile{margin-bottom:0; padding:0; display:inline-block;}
ul.social-navi-mobile li{float:left; margin-right:5px; list-style:none;}
ul.social-navi-mobile li:last-child{margin-right:0;}
ul.social-navi-mobile a.facebook{width:16px; height: 16px; background-image:url(../img/facebook-mobile.png); background-size:contain; text-indent:-9999px; display:block;}
ul.social-navi-mobile a.facebook:hover, ul.social-navi-mobile a.facebook:focus{background-image:url(../img/facebook-mobile-hover.png);}
ul.social-navi-mobile a.instagram{width:16px; height: 16px; background-image:url(../img/instagram-mobile.png); background-size:contain; text-indent:-9999px; display:block;}
ul.social-navi-mobile a.instagram:hover, ul.social-navi-mobile a.instagram:focus{background-image:url(../img/instagram-mobile-hover.png);}

ul.social-navi{margin-bottom:0; padding:0; position: absolute; right: 15px;}
ul.social-navi li{float:left; margin-right:5px; list-style:none;}
ul.social-navi a.facebook{width:16px; height: 16px; background-image:url(../img/facebook.png); background-size:contain; text-indent:-9999px; display:block;}
ul.social-navi a.instagram{width:16px; height: 16px; background-image:url(../img/instagram.png); background-size:contain; text-indent:-9999px; display:block;}

#openbtn{position:absolute; top:16px; right:15px; font-size:32px; cursor:pointer;}

.overlay {height: 100%; width: 100%; display: none; position: fixed; z-index: 100000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9);}
.overlay-content {position: relative; top: 120px; width: 100%; text-align: center; margin-top: 30px;}
.overlay a {text-decoration: none; color: #FFFFFF; transition: 0.3s; letter-spacing:.15em}
.overlay a:hover, .overlay a:focus{color:#CCCCCC;}
.overlay .closebtn{position:absolute; top:7px; right:10px; font-size:44px;}

.bg-dark {background-color: #141414 !important; color:#FFFFFF;}
.bg-dark a.cta{color:#FFFFFF; text-decoration:none; border: 1px solid #FFFFFF; padding: 5px 20px; text-transform:uppercase; font-size:.9em; letter-spacing:.125em; transition: 0.3s; font-weight:700;}
.bg-dark a.cta:hover, .bg-dark a.cta:focus{color:#CCCCCC; border: 1px solid #CCCCCC; transition: 0.3s;}

.bg-light {background-color: #FFFFFF !important; color:#141414;}
.bg-light a.cta{color:#141414; text-decoration:none; border: 1px solid #141414; padding: 5px 20px; text-transform:uppercase; font-size:.9em; letter-spacing:.125em; transition: 0.3s; font-weight:700;}
.bg-light a.cta:hover, .bg-dark a.cta:focus{color:#000000; border: 1px solid #000000; transition: 0.3s;}

.weine-bg-hellgruen {background-color: #d0d6a7 !important; color:#141414; padding-top:30px; padding-bottom:30px}
.weine-bg-hellbraun {background-color: #cdb496 !important; color:#141414; padding-top:30px; padding-bottom:30px}
.weine-bg-dark {background-color: #232323 !important; color:#ffffff; padding-top:30px; padding-bottom:30px}
.weine-bg-dark a{color:#ffffff;}


.weine-bg-dunkelbraun {background-color: #d4a471 !important; color:#141414; padding-top:30px; padding-bottom:30px}
.weine-bg-light {background-color: #ffffff !important; color:#141414; padding-top:30px; padding-bottom:30px}

@media (min-width:768px){
.weine-bg-hellgruen, .weine-bg-hellbraun, .weine-bg-dark, .weine-bg-dunkelbraun, .weine-bg-light{padding-top:60px; padding-bottom:60px}
}

.produktliste{border-bottom:2px solid #141414; padding: 5px; margin-bottom:10px; font-size:0.75em;}
.weine-bg-dark .produktliste{border-bottom:2px solid #ffffff; padding: 5px; margin-bottom:10px; font-size:0.75em;}

.listennummer{display:inline-block; width:25px;}
.listenbezeichnung{display:inline-block; text-transform:uppercase;}

.produkt{border-bottom:1px solid #141414; padding: 5px; line-height:normal; margin-bottom:10px;}
.weine-bg-dark .produkt{border-bottom:1px solid #ffffff; padding: 5px; line-height:normal; margin-bottom:10px;}

.produkt p{margin-bottom:0;}

.produkt-bezeichnung{text-transform:uppercase; margin-bottom: .5em;}
.produkt-bezeichnung:after{clear:both;}
.produkt-nummer{font-size:0.75em; width:20px; display:inline-block; top: -1em; position: relative;}
.produkt-name{display:inline-block; width:calc(100% - 150px)}

.produkt-expertise{float:right; font-size:0.75em;}
.produkt-expertise a.download{color:#141414; text-decoration:none; margin-right:10px;}
.produkt-expertise a.download:hover{color:#000000;}

/*
.produkt-expertise a.download:after{margin-left:7px; margin-right:15px; background-image: url(../img/download-141414.png); background-size: 8px 12px; display: inline-block; width: 8px; height: 12px; content:"";}
.produkt-expertise a.download:after{margin-left:7px; margin-right:10px; background-image: url(../img/cart.png); background-size: 14px 14px; display: inline-block; width: 14px; height: 14px; content:"";}
*/




.weine-bg-dark .produkt-expertise{float:right; font-size:0.75em;}
.weine-bg-dark .produkt-expertise a.download{color:#ffffff; text-decoration:none;}
.weine-bg-dark .produkt-expertise a.download:hover{color:#ffffff;}

/*
.weine-bg-dark .produkt-expertise a.download:after{margin-left:7px; margin-right:15px; background-image: url(../img/download-FFFFFF.png); background-size: 8px 12px; display: inline-block; width: 8px; height: 12px; content:"";}
 */

.produkt button{float:right; width:15px; height:15px; background:url(../img/arrow-down-141414.png) center center; background-size:15px 15px; background-repeat: no-repeat; border: none; text-indent:-9999px; cursor: pointer; outline: inherit;}
.produkt button:hover{display:inline-block; width:15px; height:15px; background:url(../img/arrow-down-000000.png) center center; background-size:15px 15px; background-repeat: no-repeat; border: none; text-indent:-9999px; cursor: pointer; outline: inherit;}
.produkt button[aria-expanded="true"] {background:url(../img/arrow-up-141414.png) center center; background-size:15px 15px; background-repeat: no-repeat;}
.produkt button[aria-expanded="true"] {background:url(../img/arrow-up-141414.png) center center; background-size:15px 15px; background-repeat: no-repeat;}
.produkt button[aria-expanded="true"]:hover {background:url(../img/arrow-up-000000.png); background-size:15px 15px; background-repeat: no-repeat;}

.weine-bg-dark .produkt button{float:right; width:15px; height:15px; background:url(../img/arrow-down-FFFFFF.png) center center; background-size:15px 15px; background-repeat: no-repeat; border: none; text-indent:-9999px; cursor: pointer; outline: inherit;}
.weine-bg-dark .produkt button:hover{display:inline-block; width:15px; height:15px; background:url(../img/arrow-down-CCCCCC.png) center center; background-size:15px 15px; background-repeat: no-repeat; border: none; text-indent:-9999px; cursor: pointer; outline: inherit;}
.weine-bg-dark .produkt button[aria-expanded="true"] {background:url(../img/arrow-up-FFFFFF.png) center center; background-size:15px 15px; background-repeat: no-repeat;}
.weine-bg-dark .produkt button[aria-expanded="true"]:hover {background:url(../img/arrow-up-CCCCCC.png) center center; background-size:15px 15px; background-repeat: no-repeat;}

.produkt-details{display:block; font-size:0.75em;}
.produkt-text{display:inline-block; width:calc(100% - 145px); margin-left:25px; padding-bottom:10px;}
.produkt-info{display:inline-block; width:60px; text-align:right;}
.produkt-preis{display:inline-block; width:50px; text-align:right;}

@media (min-width:1200px){
  .produkt-text{display:inline-block; width:calc(100% - 165px); margin-left:25px; padding-bottom:10px;}
  .produkt-info{display:inline-block; width:70px; text-align:right;}
  .produkt-preis{display:inline-block; width:60px; text-align:right;}
}

.partnerliste{border-bottom:2px solid #ffffff; padding: 5px; margin-bottom:10px; font-size:0.75em;}

.partner{border-bottom:1px solid #ffffff; padding: 5px; line-height:normal; margin-bottom:10px;}
.partner h4{text-transform:uppercase; font-weight:bold; font-size:1.1em;}

.partner p{margin-bottom:0; font-size:.9em}
.partner a{color:#ffffff; text-decoration: none;}

.partnerlink{text-align:right; margin-top: -1.1em; font-size:.9em; font-weight: bold;}

.parallax-trauben {
  background-image: url("../img/trauben.jpg");
  height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for all tablets and phones. */
@media only screen and (max-device-width: 1199px) {
  .parallax-trauben {
    background-attachment: scroll;
  }
}

.parallax-trauben_2 {
  background-image: url("../img/trauben_2.jpg");
  height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for all tablets and phones. */
@media only screen and (max-device-width: 1199px) {
  .parallax-trauben_2 {
    background-attachment: scroll;
  }
}

.parallax-trauben_3 {
  background-image: url("../img/trauben_3.jpg");
  height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for all tablets and phones. */
@media only screen and (max-device-width: 1199px) {
  .parallax-trauben_3 {background-attachment: scroll;}
}

.parallax-events {
  background-image: url("../img/events_3.jpg");
  height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for all tablets and phones. */
@media only screen and (max-device-width: 1199px) {
  .parallax-events{background-attachment: scroll;}
}

/* Cookie-Layer */
div#cookieNotice{position:fixed; bottom: 0; width: 100%; padding:2em; text-align:center; color:#ffffff; background:#141414; z-index: 10000000;}
span#cookieNoticeCloser{display: inline-block; color: #FFFFFF; text-decoration: none; border: 1px solid #FFFFFF; padding: 5px 20px; text-transform: uppercase; font-size: .75em; letter-spacing: .125em; transition: 0.3s; font-weight: 700; cursor:pointer;}
span#cookieNoticeCloser:hover{color: #CCCCCC; border: 1px solid #CCCCCC;}
div#cookieNotice a{display: inline-block; color: #FFFFFF; text-decoration: none; border: 1px solid #FFFFFF; padding: 5px 20px; text-transform: uppercase; font-size: .75em; letter-spacing: .125em; transition: 0.3s; font-weight: 700; cursor:pointer; border-radius:0;}
div#cookieNotice a:hover{color: #CCCCCC; border: 1px solid #CCCCCC;}

/* Buttons Startseite */
.bg-dark .frame-layout-140 a{font-size:.9em; text-transform: uppercase; padding: .5em 1em; background: #141414; color: #ffffff; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #ffffff; transition: .3s; margin-top:2em; display:inline-block;}
.bg-dark .frame-layout-140 a:hover{font-size:.9em; text-transform: uppercase; padding: .5em 1em; background: inherit; color: #CCCCCC; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #CCCCCC;}

/* Buttons Startseite */
.bg-light .frame-layout-140 a{font-size:.9em; text-transform: uppercase; padding: .5em 1em; background: inherit; color: #141414; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #141414; transition: .3s; margin-top:2em; display:inline-block;}
.bg-light .frame-layout-140 a:hover{font-size:.9em; text-transform: uppercase; padding: .5em 1em; background: inherit; color: #000000; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #000000;}

/* Button Bestellformular */
.frame-layout-150 a{font-size:.9em; text-transform: uppercase; padding: .5em 1em; background: #141414; color: #ffffff; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #141414; transition: .3s}
.frame-layout-150 a:hover{font-size:.9em; text-transform: uppercase; padding: .5em 1em; background: inherit; color: #141414; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #141414;}

/* Button Newsletter */
.frame-layout-160 {margin:2em 0; display: block;}
.frame-layout-160 a{font-size:1em; text-transform: uppercase; padding: .5em 1em; background: #141414; color: #ffffff !important; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #141414; transition: .3s;}
.frame-layout-160 a:hover{font-size:1em; text-transform: uppercase; padding: .5em 1em; background: inherit; color: #141414 !important; font-weight:bold; letter-spacing: .125em; text-decoration: none; border:1px solid #141414;}

/* CleverReach */
div.nlcheckboxen{margin-top:1em;}
div.nlcheckboxen input[type=checkbox]{-webkit-appearance:checkbox; margin-right:5px;}
div.nlcheckboxen.clever_form_error{border: 1px solid #ff5b23; padding: 1rem 1rem 0 1rem; margin-bottom: 1.5rem; transition: .3s}
div.nlcheckboxen p {text-align: left !important;}
.radiobuttons{padding-bottom:1em;}
.radiobuttons.clever_form_error{border: 1px solid #ff0000; padding: 1rem; margin-bottom: 1.5rem; transition: .3s}
#text4892085, #text4892087{margin-bottom:.5em;}
#text4892080{margin-bottom:2em;}
#text4892085, #text4892087, #text4892080, #text4892081{border: 1px solid #f9f9f9; text-decoration:none; padding: .5em; color:#141414; line-height:20px; text-align:left; outline: none; background-color: #f9f9f9; -webkit-border-radius:0; -webkit-appearance: none; width:100%; width: -webkit-fill-available; width: -moz-available; margin-bottom:1.5em;}
#text4892085.clever_form_error, #text4892087.clever_form_error, #text4892080.clever_form_error, #text4892081.clever_form_error{background-color: #f9f9f9; border: 1px solid #ff0000; color:#141414;}
input[type=submit] {-webkit-appearance: button; cursor: pointer; display: inherit;}
.senden {text-shadow:none !important; border:none !important; box-shadow:none !important; display: inherit; font-size: .9em; text-transform: uppercase; padding: .5em 1em; background: #141414; color: #ffffff !important; font-weight: bold; letter-spacing: .125em; text-decoration: none; border: 1px solid #141414 !important; transition: .3s; margin-top:2em; outline:none;}
.senden:hover {background-color: #ffffff; text-decoration:none; border: 1px solid #141414 !important; color:#141414 !important;}