body{background-color:#eff3ec;margin:0;padding:0;font-size:16px;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:helvetica,arial,verdana,sans-serif;color:#000;transition:all 0.5s}
.wrapper{max-width:1250px;width:100%;margin:auto;transition:all 0.5s}
.bg_green{background-color:#ddf0b1 !important}
.bg_pink{background-color:#f3e7e0 !important}
#top{background-color:#eff3ec;position:relative;border-bottom:5px solid #639a34;transition:all 0.5s}
#logo{margin:25px auto 15px 0;height:110px;width:auto;transition:all 0.5s}
#nav{padding:0;margin:98px 0 auto auto;float:right;transition:all 0.5s}
#nav li{display:inline-block;margin:0 0 0 35px;transition:all 0.5s}
#nav li:first-child{margin-left:0}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{text-decoration:none;color:#878787;font-size:130%;border-bottom:2px solid transparent;transition:all 0.5s}
#nav li a[href]:hover{text-decoration:none;color:#83aa2a;border-bottom:2px solid transparent}
#nav li a[href].active{text-decoration:none;color:#639a34;border-bottom:2px solid #639a34}
#mobilenav{display:none;font-size:250%;color:#639a34;cursor:pointer;float:right;margin:45px 20px auto auto;transition:all 0.5s}
#main{padding:0 0 50px 0;transition:all 0.5s}
#headerimage{background-color:#eff3ec;width:100%;height:auto;aspect-ratio:3 / 1;margin:0 0 50px 0;padding:0;position:relative;border-bottom:3px solid #639a34}
#headerimage li{background-color:#eff3ec;background-size:cover;background-repeat:no-repeat;background-position:center;margin:0;padding:0;width:100%;height:100%;position:absolute;list-style-type:none;display:none}
#headerimage li:first-child{display:list-item;opacity:1}
.content{padding:0;line-height:150%;transition:all 0.5s}
.content2{max-width:950px;width:100%;margin:auto auto 50px auto;transition:all 0.5s}
.content h1{color:#639a34;font-weight:normal;font-size:220%;line-height:120%;margin:50px auto 30px auto}
.content h1:first-child{margin:0 auto 30px auto}
.content h1::after{background-image:url('/images/blatt.png');background-size:contain;background-repeat:no-repeat;display:inline-block;width:45px;height:45px;margin:auto auto -15px -5px;content:""}
.content h2{color:#878787;font-size:160%;line-height:125%;font-weight:normal;margin:50px auto 20px auto}
.content h2:first-child{margin:0 auto 20px auto}
.content h3{font-size:100%;color:#639a34;font-weight:bold;margin:50px auto 20px auto}
.content h3:first-child{margin:0 auto 20px auto}
.content .CMSImage,.content img{max-width:100%;height:auto;transition:all 0.5s}
.content hr{height:2px;border-width:0;background-color:#eff3ec}
.content a[href]:link,.content a[href]:visited,.content a[href]:focus,.content a[href]:active{color:#639a34;text-decoration:none;transition:all 0.5s}
.content a[href]:hover{color:#83aa2a;text-decoration:none;transition:all 0.5s}
.content .CMSPictureBox span{font-style:italic}
.zoom{padding:50px 0 0 0;transition:all 0.5s}
.zoom h1{display:none}
#winecontainer{background-color:#fff;margin:50px 0 0 0}
#wines{margin:0 0 -50px 0;padding:0 0 50px 0;transition:all 0.5s;background-color:#fff}
#wines li{display:flex;align-items:center;justify-content:space-between;transition:all 0.5s}
#wines li .wineimg{width:calc(66% - 25px);display:inline-block;margin:25px 0;position:relative;height:250px;transition:all 0.5s}
#wines li .wineimg .img{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);height:700px;width:auto;transition:all 0.5s}
#wines li .winetxt{width:calc(34% - 25px);display:inline-block;margin:25px 0;line-height:150%;text-align:center;transition:all 0.5s}
#wines li:nth-child(odd) .wineimg{order:2}
#wines li:nth-child(odd) .wineimg .img{transform:translate(-50%,-50%) rotate(-90deg)}
#wines li:nth-child(odd) .winetxt{order:1}
#anfrage{margin-top:50px;max-width:400px;width:100%;position:relative;transition:all 0.5s}
#anfrage button{padding:10px 20px;width:100%;max-width:220px;background-color:#639a34;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#eff3ec;font-size:120%;cursor:pointer;text-transform:uppercase;font-family:helvetica,arial,verdana,sans-serif;transition:all 0.5s}
#anfrage button .fa-solid{margin-right:8px}
#anfrage label{margin-top:5px;margin-bottom:1px;display:block;font-size:80%;color:#878787;transition:all 0.5s}
#anfrage #plzort{white-space:nowrap}
#anfrage a[href]:link,#anfrage a[href]:visited{text-decoration:none;color:#639a34;transition:all 0.5s}
#anfrage a[href]:hover{text-decoration:none;transition:all 0.5s;color:#e36c0a}
#anfrage input,#anfrage textarea{width:calc(100% - 12px);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;margin-bottom:10px;transition:all 0.5s;border:1px solid #639a34;font-size:120%}
#anfrage textarea{font-family:arial,verdana,sans-serif;font-size:95%;resize:none;height:140px;font-size:120%;transition:all 0.5s}
#anfrage input:focus,#anfrage textarea:focus{outline:none}
#anfrage input[name=plz]{width:55px}
#anfrage input[name=ort]{width:calc(100% - 90px)}
#anfrage input[type=checkbox]{width:20px;height:20px;margin-top:2px;margin-left:0;margin-bottom:10px;border:1px solid #639a34;display:block;float:left;background-color:#fff;transition:all 0.5s}
#anfrage input[type=checkbox]:checked{background-color:#639a34}
#anfrage input::placeholder{color:#83aa2a;transition:all 0.5s}
#anfrage textarea::placeholder{color:#83aa2a;font-family:helvetica,arial,verdana,sans-serif;transition:all 0.5s}
#anfrage .errormessage{color:#fff;background-color:#b30000;padding:20px;margin:20px auto 20px auto;transition:all 0.5s}
.gallery{padding:50px 0 50px 0;transition:all 0.5s}
.glist{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:stretch;padding:0;margin:0 0 0 40px;gap:40px;transition:all 0.5s}
.glist li{display:inline-block;width:calc(25% - 40px);aspect-ratio:4/3;text-align:center;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all 0.5s}
#slogan{background-color:#fff;border-top:2px solid #878787;border-bottom:2px solid #878787;position:relative;color:#639a34;font-style:italic;text-align:center;padding:50px 0;margin:50px 0;font-size:150%;line-height:180%;transition:all 0.5s}
.contentslogan{max-width:950px;width:auto;margin:0 auto;position:relative;transition:all 0.5s}
#blatt{position:absolute;height:200px;width:auto;left:-220px;top:-56px;transition:all 0.5s}
#logo2{position:absolute;height:140px;width:auto;right:-220px;top:-50px;transition:all 0.5s}
#bottom2{background-color:#878787;color:#ededed;padding:25px 0;transition:all 0.5s}
#footer{margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;transition:all 0.5s}
#footer li{display:inline-block;margin-top:auto;transition:all 0.5s}
#footer a[href]:link,#footer a[href]:visited,#footer a[href]:hover,#footer a[href]:active,#footer a[href]:focus{text-decoration:none;color:#ededed;transition:all 0.5s}
#knav{margin:0;padding:0;transition:all 0.5s}
#knav li{display:block;text-align:left;transition:all 0.5s}
#knav li:nth-child(2){margin:10px auto}
#knav li:nth-child(5){margin:10px auto}
#knav li:nth-child(6){margin:10px auto 0 auto}
#knav li p{margin:0 auto}
#knav li .fa-solid{margin-right:5px}
#fnav{margin:0;padding:0;transition:all 0.5s}
#fnav li{display:block;text-align:right;margin:0 auto 5px auto;transition:all 0.5s}
#fnav li:last-child{margin:0 auto}
#logo_vinea{height:120px;width:auto;border:0;margin:0 0 30px auto}
#bottom3{background-color:#639a34;color:#ededed;padding:5px 0;transition:all 0.5s}
#bottom3 a[href]:link,#bottom3 a[href]:visited,#bottom3 a[href]:hover,#bottom3 a[href]:active,#bottom3 a[href]:focus{text-decoration:none;color:#ededed;transition:all 0.5s}
#credits{margin:0;padding:0;text-align:right;font-size:80%;transition:all 0.5s}
#credits li{display:inline-block;transition:all 0.5s}
@media only screen and (max-width:1400px){.wrapper{max-width:1200px}
#logo{height:105px}
#nav{margin:93px 0 auto auto}
#nav li{margin:0 0 0 30px}
#wines li .wineimg .img{height:650px}
.glist{gap:30px;margin:0 0 0 30px}
.glist li{width:calc(25% - 30px)}
#logo2{right:25px}}
@media only screen and (max-width:1300px){.wrapper{max-width:1100px}
#logo{height:100px}
#nav{margin:88px 0 auto auto}
#nav li{margin:0 0 0 25px}
#wines li .wineimg .img{height:600px}}
@media only screen and (max-width:1200px){.wrapper{max-width:1000px}
#logo{height:95px}
#nav{margin:83px 0 auto auto}
#nav li{margin:0 0 0 20px}
#wines li .wineimg{width:calc(60% - 25px)}
#wines li .wineimg .img{height:550px}
#wines li .winetxt{width:calc(40% - 25px)}
.glist{gap:20px;margin:0 0 0 20px}
.glist li{width:calc(25% - 20px)}}
@media only screen and (max-width:1100px){.wrapper{max-width:900px}
#logo{height:90px}
#nav{margin:78px 0 auto auto}
#nav li{margin:0 0 0 15px}
#wines li .wineimg{width:calc(55% - 25px)}
#wines li .wineimg .img{height:450px}
#wines li .winetxt{width:calc(45% - 25px)}}
@media only screen and (max-width:1000px){body{overflow-x:hidden}
.wrapper{max-width:unset}
#logo{margin:25px auto 15px 20px}
#nav{z-index:4500;display:none;position:absolute;background-color:rgba(255,255,255,0.97);right:-200px;top:57px;padding:15px 0 15px 0;transition:unset}
#nav li{display:block;margin:0;padding:5px 10px;transition:unset}
#mobilenav{display:inline-block}
.content{margin:0 20px}
.contentslogan{margin:0 20px}
#wines{margin:0 20px -50px 0}
.glist li{width:calc(50% - 20px)}
#blatt{display:none}
#logo2{display:none}
#footer{margin:0 20px}
#credits{margin:0 20px}}
@media only screen and (max-width:900px){.wrapper{max-width:unset}
.content table td{display:block;width:100% !important}
#wines li .wineimg{width:calc(50% - 25px)}
#wines li .wineimg .img{height:400px}
#wines li .winetxt{width:calc(50% - 25px)}}
@media only screen and (max-width:800px){.wrapper{max-width:unset}
#wines li .wineimg{width:calc(34% - 25px)}
#wines li .wineimg .img,#wines li:nth-child(2n+1) .wineimg .img{height:300px;transform:translate(-50%,-50%)}
#wines li .winetxt{width:calc(66% - 25px)}}
@media only screen and (max-width:650px){.wrapper{max-width:unset}
#wines li .wineimg{width:calc(25% - 25px)}
#wines li .winetxt{width:calc(75% - 25px)}
#footer{flex-direction:column;width:auto}
#footer li{display:block;width:auto;text-align:center}
#knav{margin:0 auto 20px auto}
#credits{text-align:center}}