NAV.topmenu div.menu0 {float:left; padding: 0px 0px 0px 0px; margin: 0 .8%; height:100%; display:contents;}
 NAV.topmenu a.menu {display:block; padding:6px 8px 2px 8px; color:#727677; white-space:nowrap;}
 NAV.topmenu a.menu-aktiv {font-weight:bold; padding-bottom:3px; border-bottom:3px solid #727677;}
 NAV.topmenu a.menu:hover {color:#8a2739;}
 div.SubmenuContainerSmartphone nav#SubmenuContainer {background:#ffffff;}
 div.SubmenuContainerSmartphone a {text-decoration:none;font-size:12px;font-weight:normal;text-decoration:none;letter-spacing:0px;color:#333; padding:0px 12px;}
 div.HeaderImage h1 {padding-top:0px; padding-bottom:0px; margin-bottom:5px; margin-top:0px; font-size:18px;}
 div.HeaderImage h1 {font-family: Roboto Condensed, nunito, arial; color: #efefef; xtext-shadow: 2px 3px #777; font-size: 30px; font-weight: normal; padding: 20px 0 20px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; text-align: left; line-height: 37px; clear: both;}
 div.HeaderImage div.teasertext {position: absolute; right: 30px; top: 25%; width: 450px; height: 110px; z-index:2;}
 div.HeaderImage div.spotlight_teaser_start h2 {font-family: Nunito, arial, helvetica; text-transform: none; font-size: 20px; color: #fff; font-weight: normal; font-style: normal; text-align: left; padding: 0 0 0px 0; margin: 0px 0px 3px 0px; letter-spacing: 0.04em;}
 div.HeaderImage div.spotlight_teaser h2 {font-family: Nunito, arial, helvetica; text-transform: none; font-size: 16px; color: #fff; font-weight: normal; font-style: normal; text-align: left; padding: 0 0 0px 0; margin: 0px 0px 5px 0px; letter-spacing: 0.04em;}
 div.HeaderImage div.spotlight_teaser_start_headline {margin:0px 0px 5px 0px; line-height:18px; color:#fff;}
 div.HeaderImage div.spotlight_teaser_publikationen h2 {font-family: Nunito, arial, helvetica; text-transform: none; font-size: 18px; color: #23436a; font-weight: normal; font-style: normal; text-align: left; padding: 0 0 0px 0; margin: 8px 0px 3px 0px; xletter-spacing: 0.04em;;}
 body.body div.verkostung {}
 body.body div.verkostung-links {width: 33.33% !important; margin-right: 8.33% !important; padding: 0px;}
 body.body div.bildmargin {}
 body.body .ulli {padding-left:0px;padding-right:0px;min-width:960px;margin:0 auto;padding-top:98px;padding-bottom:110px;}
 body.body .Xwrapper {height: 100vh; overflow-x: hidden; overflow-y: auto; perspective: 2px;}
 body.body .static {background: red;}
 body.body .bg1::after {background-image: url('../bilder/bg1.jpg');}
 body.body .bg2::after {background-image: url('../bilder/bg2.jpg');}
 body.body .bg3::after {background-image: url('../bilder/bg3.jpg');}
 body.body .section {position: relative; height: 100vh; perspective:1px; transform-style: preserve-3d; display: flex; align-items: center; justify-content: center; color: white; text-shadow: 0 0 5px #000;}
 body.body .parallax::after {content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateZ(-1px) scale(2); background-size: cover; z-index: -1;}
 body.body .parallax-container {width: 100%; height: 100vh; overflow-x: hidden; overflow-y: scroll; perspective: 1px; perspective-origin: 0 0; background-image:url('../bilder/bg3.jpg');}
 body.body .parallax-child {transform-origin: 0 0; transform: translateZ(-2px) scale(3);}
 body.body div.headerbild {background-position:center; background-repeat:no-repeat; background-size: cover; height:100%; width:100%;}
 body.body div.aktbild {xfloat: left; overflow: visible; position: relative;}
 body.body div.previous {margin: 0 0 0 0; text-align: center; float: left; width: 40px; height: 200px; position: absolute; left: 0px; top: 0px;}
 body.body div.next {margin: 0 0 0 0; text-align: center; float: right; width: 40px; height: 200px; position: absolute; right: 0px; top: 0px;}
 body.body div.streckenbild img {display:inline-block; margin:5px; height:100%; width:auto;}
 body.body div.streckenbild {width:80%; &::-webkit-scrollbar { display: none; } -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0 auto; scrollbar-width:none;}
 body.body a {color:#727677; text-decoration:none;}
 body.body div.wechselheaderteaser div {line-height:22px;position: absolute; z-index:10;overflow:hidden;bottom: 10px; right: 25px; border-radius: 6px; background-color: #000000; padding: 4px 0px 2px 0px; font-style: italic; font-weight: bold; box-shadow:1px 1px #a0a0a0;}
 body.body div.wechselheaderteaser p {color:#000; font-size: 22px; line-height: 26px; padding: 0px; margin:15px 0px 10px 0px; text-align:right;}
 body.body div.wechselheaderteaser h1 {color:#000; font-size:54px; line-height:56px; font-weight:400; text-align:right;}
 body.body div.wechselheaderteaser {position:absolute; z-index:3; top: 15%; right:10%; padding: 0px; text-align:left; cursor:pointer;}
 body.body div.wechselheaderlayer {position:absolute; top: 0; right:0; width:100%; height:100%; z-index:2; background-image:url(../bilder/layer-verlauf-hell-2.png); background-position:top right; background-size:100% 100%; background-repeat:no-repeat;}
 body.body div.wechselheaderbild {position:absolute; top: 0; right:0; width:100%; height:100%; z-index:2; background-position:center; background-size:cover; background-repeat:no-repeat;}
 body.body div.wechselheader-nav-point-aktiv {display:inline-block; align:center; margin:10px; width:15px; height:15px; border-radius:50%; border:1px solid #fff; background-color:#ffcc01;}
 body.body div.wechselheader-nav-point {display:inline-block; align:center; margin:10px; width:15px; height:15px; border-radius:50%; border:1px solid #fff; xbackground-color:#bbb; cursor:pointer;}
 body.body div.wechselheader-nav {margin: 0px auto; text-align:center; z-index:4; position: absolute; bottom:0px; left: 0%; width: 100%;}
 body.body div.spotlight_teaser_publikationen {}
 body.body div.spotlight_teaser_start {cursor:pointer; float:right; color:#fff; background-color:#3d3b53; text-align:left; margin:6px 0 0 5px; width:268px; height:50px; overflow:hidden; padding:10px 10px;}
 body.body div.spotlight_teaser {cursor:pointer; color:#fff; background-color:#3d3b53; text-align:left; margin:4px 0 0 5px; width:200px; height:50px; overflow:hidden; padding:6px 6px; float:right;}
 body.body div.spotlight_teaser_start_text {color:#fff; font-size: 12px; line-height: 18px;}
 body.body div.container25 {background-color:#ffffff; overflow:hidden; padding: 0; background-size:100%;}
 DIV.content div.wrapper50 {margin:0 auto; width:50%; overflow:hidden; padding-left:0px; padding-right:0px; min-width:960px; padding-top:110px; padding-bottom:110px; display: flex; background-color:#fff; max-width:960px;}
 DIV.content div.ambiente {width:58.33%; padding-left:160px;; min-width:1120px;}
 DIV.content p.Slogan {text-align:center; color:#fff; font-size:5.83vw; display:block; margin-top:30vh; font-family: corporate-a, 'Old Standard TT', sans-serif; position:relative;}
 DIV.content div.pfeil {margin-left:-30px; position:absolute; top:52%; left:50%; height:60px; width:60px; border:1px solid #dedede;z-index:5; border-radius:50%; background-color:#fff; background-image:url(../bilder/pfeil-schwarz.png); background-size: 55%; background-position:center; background-repeat:no-repeat; box-shadow: 0px 5px 5px #888; padding:0.5%; transition:opacity 4s 2.5s; opacity:0;}
 DIV.content div.weinItem {width: 100%; display: flex; margin: 50px 0px; overflow: hidden; flex-flow: row; align-items: flex-end;}
 DIV.content div.weinBild {width:29.16%; margin-right:4.16%; padding:0px; line-height:0px;}
 DIV.content div.imagebild {height:70vh;background-position:top center;background-size:100%;position:relative;}
 DIV.content div.weinBeschreibung {width:66.68%;}
 DIV.content div.weinName {font-size:1.0em; letter-spacing:1px; padding:20px 0px 10px 0px; color:#8a2739; font-weight:300; font-family: corporate-a, 'Old Standard TT', sans-serif;}
 DIV.content div.weinLink {margin-top:30px; font-family: corporate-s, 'Source Sans Pro', sans-serif;}
 DIV.content .WeinRot {color:#8a2739;}
 DIV.content div.weinText {font-size:1em; margin:0px; line-height:1.875; overflow:hidden; text-align:left; clear:both; color:#727677; font-weight:300; font-family: corporate-s, 'Source Sans Pro', sans-serif;}
 DIV.content div.pdfkategoriewrapper {overflow:hidden;}
 DIV.content div.wrapperRandlos {width:100%; padding:0; overflow:hidden; display: -webkit-flex; display:flex;}
 DIV.content div.wrapper {width:96%; overflow:hidden; padding:0 2%; display: -webkit-flex; display:flex; background-size:cover;}
 DIV.content div.wrapperStart {background-color:#f2c719; xmargin-bottom:20px; height:18vh; cursor:pointer;}
 DIV.content div.bild-jobs-weiss {background:url(../bilder/bg-jobs.jpg); background-repeat:no-repeat; background-size:cover; color:#fff;}
 DIV.content div.bild-aktuelles-weiss {background:url(../bilder/bg-aktuelles.jpg); background-size:100% 100%; color:#fff; text-align:center;}
 DIV.content div.mittelgrau-weiss {background-color:#cfd1d4; color:#000000;}
 DIV.content div.mittelgrau-schwarz-bild {xcolor:#fff; xbackground-color:#cfd1d4; background-image:url(../bilder/bildersammlung.jpg); background-repeat:no-repeat; background-size:55%; background-position:left center;}
 DIV.content div.aktuelles-bild {background-image:url(../bilder/aktuelles-2.jpg); background-repeat:no-repeat; background-position:right top; background-size:25%; text-align:center;}
 DIV.content div.weiss-gelb {background-color:#ffffff; color:#ffd906;}
 DIV.content div.mittelgrau-weiss-klein {background-color:#cfd1d4; color:#000000; font-size: 0.7em;}
 DIV.content div.zentriert {text-align:center;}
 DIV.content div.grau-weiss-bild-2 {background-color:#333; background-image:url(../bilder/bg-bild-2.jpg); background-position:top right; background-repeat:no-repeat; color:#ffffff;}
 DIV.content div.weiss-schwarz-bruecke {background-color:#fff; background-image:url(../bilder/bg-bruecke-4.jpg); background-position:top left; background-repeat:no-repeat; background-size:auto 100%; color:#000;}
 DIV.content div.weiss-schwarz-industrie {background-color:#fff; background-image:url(../bilder/bg-industrie-2.jpg); background-position:top left; background-repeat:no-repeat; background-size:auto 100%; color:#000;}
 DIV.content div.weiss-schwarz-energie {background-color:#fff; background-image:url(../bilder/bg-energie-3.jpg); background-position:top right; background-repeat:no-repeat; background-size:auto 100%; color:#000;}
 DIV.content div.weiss-schwarz-ingenieurbau {background-color:#fff; background-image:url(../bilder/bg-ingenieurbau-2.jpg); background-position:top left; background-repeat:no-repeat; background-size:auto 100%; color:#000;}
 DIV.content div.weiss-schwarz-rathaus {background-color:#fff; background-image:url(../bilder/bg-rathaus-3.jpg); background-position:top right; background-repeat:no-repeat; background-size:auto 100%; color:#000;}
 DIV.content div.weiss-schwarz-asphalt {background-color:#fff; background-image:url(../bilder/bg-asphalt-1.jpg); background-position:top right; background-repeat:no-repeat; background-size:auto 100%; color:#000;}
 DIV.content div.weiss-schwarz {background-color:#fff; color:#000;}
 DIV.content a.button {text-decoration: none; color: #8b2736; border: 1px solid #8b2736; padding: 10px 18px 10px 18px; display: inline-block; text-align: center; font-family: corporate-s, 'Source Sans Pro', sans-serif; font-weight:400;}
 DIV.content a.button:hover {}
 DIV.content div.grau-weiss-bild {background-color:#424242; background-image:url(../bilder/bg-bild-5.jpg); background-position:top right; background-repeat:no-repeat; color:#ffffff;}
 DIV.content div.gelb {background-color:#ffd906; color:#000000;}
 DIV.content div.grau-weiss {background-color:#333; color:#fff;}
 DIV.content div.bg-dunkel-2 {background-image:url(../bilder/bg-dunkel-2.jpg); background-size:100%; color:#fff;}
 DIV.content div.bg-dunkel-1 {background-image:url(../bilder/bg-dunkel-1.jpg); background-size:100%; color:#fff;}
 DIV.content div.bg-dunkelgrau-weiss {background-color:#424242; color:#fff;}
 DIV.content div.bg-dunkel-1 p {font-size:20px;}
 DIV.content div.bg-dunkel-1 h1 {text-align:center;}
 DIV.content div.bg-dunkel-1 h2 {color:#fff; font-size:32px; text-align:center;}
 DIV.content div.pdfthumb {clear:both; overflow:hidden; width:100%; margin:auto; padding:0px; cursor:pointer; position:relative; text-align:center; display:flex;}
 DIV.content img.pdfthumb {max-width:90%; max-height: 100%; margin:auto; padding:0px; border:1px solid #ccc;}
 DIV.content div.StartseitenTeaser {float:left;width:29.3%; padding:0 2% 15px 2%}
 DIV.content div.StartseitenTeaser img {padding:20px 0px 15px 0px;}
 DIV.content div.landespartner {overflow:auto; margin:10px 0 15px 10px; padding:0px 0 0 43px; width:250px; height:190px; border:1px solid #cbcbcb;background:url(../bilder/h_partner.jpg) no-repeat; float:left;}
 DIV.content div.landespartnerName a, div.landespartnerName a:h {background-image:none !important; color:#333333 !important; padding:0 !important; margin:0 !important;}
 DIV.content div.ansprechpartner p.funktion {font-style: italic; clear: both; font-size: 11px; width: 260px; height: 18px;}
 DIV.content div.ansprechpartner p.titel {float: left; font-size: 10px; text-align: left; height: 16px; width: 260px; color: #777;}
 DIV.content div.ansprechpartner p.telefon {background: url(../bilder/icon_kontakt_tel.png) 0px 10px no-repeat; padding: 10px 0 0 25px; height: 22px; margin: 0px 0 0 0;}
 DIV.content div.ansprechpartner p.mobil {background: url(../bilder/icon_kontakt_mobil.png) 0px 0px no-repeat; padding: 0px 0 0 25px; height: 22px; margin: 0px 0 0 0;}
 DIV.content div.ansprechpartner p.email {background: url(../bilder/icon_kontakt_mail.png) no-repeat; padding: 0 0 0 25px; height: 28px; color: #8BBC06; font-size: 10px !important;}
 DIV.content div.ansprechpartner p.fax {background: url(../bilder/icon_kontakt_fax.png) no-repeat; padding: 0 0 0 25px; height: 22px;}
 DIV.content div.ansprechpartner p.name {float: left; font-size: 13px; text-align: left; height: 16px; width: 260px; font-weight: bold;}
 DIV.content div.lpLogo {padding: 10px 20px 10px 0px !important;}
 DIV.content div.selectwrapper select {height: 30px; background-color: #fff; border: none; font-family: arial narrow; width: 280px; font-size: 22px; color: #8BBC06;}
 DIV.content div.ansprechpartner p {padding: 0px;}
 DIV.content div.content25 p {}
 DIV.content div.ansprechpartner {text-align: left; overflow: auto; margin: 10px 0 15px 10px; padding: 10px 0 0 23px; width: 270px; height: 180px; border: 1px solid #cbcbcb; background: #fff; float:left;}
 DIV.content div.ansprechpartner div.ap_rechts {float: left; padding: 10px 0px 10px 4px; border: 0px solid #999; margin: 0px 0px 0px 10px; width: 170px;}
 DIV.content div.containerAT {float:left; height:225px; width:287px; background-repeat:no-repeat; background-position:bottom right; max-width:100%; background-size: 100%;}
 DIV.content div.containerAT p.spruch {font-size:11px; padding:20px 30px 0 8px; width:170px; text-align:left;}
 DIV.content div.containerAT p.name {font-size: 10px; font-style: italic; margin: 10px 0 0 10px; font-weight: bold;}
 DIV.content div.containerAT p.funktion {font-size: 10px; font-style: italic; line-height: 13px; margin: 0 120px 0 10px; text-align: left;}
 DIV.content div.content35_trenner_bottom {background:url(../bilder/h_trenner35.jpg); height:12px; width:100%; margin-left:0px; clear:both;}
 DIV.content div.content30mitte {width:28%; padding:10px 2.5% 20px 2.5%; float:left; margin-top:0px;}
 DIV.content div.content30rechts {width: 28%; padding: 10px 2%; float: left; margin-top: 0px; margin-right: 0px;}
 DIV.content div.content30rechts-1 {}
 DIV.content div.content30rechts-2 {}
 DIV.content div.content30rechts-3 {}
 DIV.content div.content33 {width: 29.33%; margin: 0px; float: left; padding:10px 2%; position:relative;}
 DIV.content div.content33rechts {width: 29%; padding: 10px 2% 20px 2%; float: left; margin-top: 0px;}
 DIV.content div.content33mitte {width: 29%; padding: 10px 2.5% 20px 2.5%; float: left; margin-top: 0px;}
 DIV.content div.content35 {width: 28%; padding: 20px 2% 20px 3%; float: left; margin-top: 0px;}
 DIV.content div.content30 {width: 23%; padding: 10px 5% 10px 2%; float: left; margin-top: 0px; margin-right: 0px; text-align: left;}
 DIV.content div.content50 {width:50%; margin:0px; text-align: left; position:relative;}
 DIV.content div.content50links {width:44%; margin:0px; float:left; padding:10px 2% 10px 4%; text-align: left; position:relative;}
 DIV.content div.content50rechts {width:44%; margin:0px 0px 0px 50%; float:right; padding:10px 4% 10px 2%; text-align: left; position:relative;}
 DIV.content div.content40grau {width: 40%; padding: 0 0 2% 0; float: left; margin-top: 0px; margin-right: 0px; text-align: left; background: #F5F5F5; box-shadow:-1px 0px 1px #9F9F9F;}
 DIV.content div.content40grau h3 {padding: 10px 20px 10px 20px;}
 DIV.content div.content40 {width: 33%; padding: 10px 5% 10px 2%;; float: left; margin-top: 0px; margin-right: 0px; text-align: left;}
 DIV.content div.content60 {width: 53%; padding: 10px 2% 10px 5% !important;; float: left; margin-top: 0px; margin-right: 0px; text-align: left;}
 DIV.content div.content80 {width: 73%; padding: 10px 2% 10px 5%; float: left; margin-top: 0px; margin-right: 0px; text-align: left;}
 DIV.content div.content25 {width: 21%; margin: 0px; float: left; padding:10px 2%; text-align: left;}
 DIV.content div.content20 {width: 16%; margin: 0px; float: left; padding:10px 2%; text-align: left;}
 DIV.content div.content30grau {width: 372px; padding: 0 0 20px 0; float: left; margin-top: 0px; margin-right: 0px; text-align: left; background: #F5F5F5; border-left:1px solid #9F9F9F;}
 DIV.content div.content40grau div.contentbild {display:block; width:70%; margin: 30px auto;}
 DIV.content div.content40grau img {}
 DIV.content div.content60links {width: 56%; padding: 10px 2% 0 2%; float: left; margin-top: 0px;}
 DIV.content div.content60links div.contentbild {padding-right:20px; float:left;}
 DIV.content div.content70 {width: 63%; padding: 10px 2% 10px 5% !important; float: left; margin-top: 0px; margin-right: 0px; text-align: left;}
 DIV.content div.content100 {margin: 0px; padding: 0px; width: 100%; clear: both; overflow:hidden; position:relative;}
 DIV.content div.suchergebnis {padding: 15px 2% 10px 2% !important; margin-top: 0px; width: 96%; clear: both;}
 DIV.content div.content60links img {}
 DIV.content div.content_teaserimg {float:left; overflow:hidden; clear:both; width:100%; height:235px; cursor:pointer; margin-bottom:20px;}
 DIV.content div.content_teaserheadline {clear:both; height:78px;}
 DIV.content div.content_teaser h2 {margin: 0px;}
 DIV.content div.content_teasersubline h1 {font-size:15px; margin:10px 0px;}
 DIV.content div.content_teaserimg {float:left; overflow:hidden; clear:both; width:100%; height:235px; cursor:pointer;}
 DIV.content div.content_teasersubline {font-size:15px; color:#999999; margin:0px; float:left; width:100%; text-transform:uppercase;}
 DIV.content div.pdf {overflow: hidden; width: 20%; max-height:500px; margin: 10px 2.5%; padding: 0px 0% 5px 0%; float:left; position:relative;}
 DIV.content img {max-width:100%;}
 DIV.content div.pdfheadline {clear:both; margin-top:10px; padding:0px; text-align:center; color:#000; height:70px;}
 DIV.content div.pdfsize {display:none;}
 DIV.content div.pdftext {display:none;}
 DIV.content div.pdfheadline a {font-family: Nunito, Arial; font-size:18px; color:#000; font-weight:bold; display:inline-block; overflow:visible;}
 DIV.content div.content_teasertext {font-size:15px; line-height:23px; float:left; width:100%;}
 DIV.content div.contentbild {float: unset; border: 0px solid #666 !important; margin: 0px; padding: 0px 0px 0px 0px;}
 DIV.content img {margin: 0px auto; padding: 0px 0px 0px 0px;}
 DIV.content .formButton {background-color:#6A6E6C; color:#fff; font-size:18px; padding:12px 18px; border:none; cursor:pointer; text-transform:uppercase;}
 DIV.content  {Overflow:hidden; color:#727677;}
 DIV.content a {text-decoration:none; color: #8c2739;}
 DIV.content h1 {font-size: 1em; font-weight: normal; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px; line-heigt:1; font-family: corporate-s, 'Source Sans Pro', sans-serif;}
 DIV.content ul {padding-left: 0px; font-weight: normal; margin: 20px;}
 DIV.content ul li {line-height: 1.4em; margin:0px 10px 0px 30px; padding: 0px 0px 7px 25px; color: #333; text-align: left;}
 DIV.content p {font-size:1em; margin:0px; line-height:1.875; overflow:hidden; text-align:left; clear:both; color:#727677; font-weight:300; font-family: corporate-s, 'Source Sans Pro', sans-serif;}
 DIV.content p.Einleitung {font-size: 1.84em; margin: 0px 0px 30px 0px; line-height: 1.33; overflow:hidden; text-align:left; clear:both; color:#727677; font-family: corporate-a, 'Old Standard TT', serif; letter-spacing:0.02em;}
 DIV.content h2 {text-transform:none; font-size: 1.8em; font-weight: 300; font-style:normal; text-align: left; padding:10px 0 5px 0; margin:2px 0px 29px 0px; color:#8a2739; border-top:1px solid #8a2739; display:inline-flex; letter-spacing:1px; font-family: corporate-a, 'Old Standard TT', sans-serif;}
 DIV.content h3 {font-size: 1.3em; font-weight: normal; padding: 20px 0 20px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; clear:both;}
 DIV.content h4 {font-size: 1.2em; font-weight: normal; padding: 10px 0 10px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; text-align: left; clear:both;}
 DIV.content h6 {font-family: Roboto Condensed, nunito, arial ; font-size: 3.125em; font-weight: normal; padding: 10px 0 10px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 0px; text-align: center; clear:both;}
 DIV.content div.content40grau p, div.content40grau h2 {padding: 10px 20px 10px 20px;}
 DIV.content a.ankerlink_manuell {color: #000000; font-family: AkkoProLight, AkkoProLight_IE, georgia, verdana; font-size: 14px; margin: 0; padding: 0px 0px; text-decoration: none; text-align:center; text-transform:uppercase;}
 DIV.MenuContainerSmartphone a {text-decoration:none; color:#ffffff; font-size:18px; text-align:center; padding:15px 0 15px 0; float:left; width:100%; background-color: #451322; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; font-family: corporate-s,'Source Sans Pro',serif;}
 DIV.MenuContainerSmartphone li {list-style-type:none; width:100%; float:left; xmax-width:480px;}
 DIV.MenuContainerSmartphone ul ul li a {list-style-type:none; width:100%; background:#fff; border-bottom:1px solid #23436a; float:left; color: #23436a;}
 DIV.MenuContainerSmartphone ul ul li {list-style-type:none; width:100%;}
 DIV.MenuContainerSmartphone ul {width:100%; padding:0; margin:0; color:#ffffff;}
 div.submenu a {text-decoration: none; display: block; padding: 0px; color:#727677;}
 div.Maus input {margin: 0 0 0 3px; height: 16px; width: 120px; float: left; border: 1px solid #888888; ;}
 div.Maus a {float: left; margin: 0px 0 0 4px; ;}
 div.Maus p {font-size: 11px; margin: 4px 9px 0 0; float: left; color: #666666; float: left;}
 div.bodyBG h1 {padding-top:0px; padding-bottom:0px; margin-bottom:5px; margin-top:0px; font-size:18px;}
 div.bodyBG h1 {font-family: arial; color: #efefef; text-shadow: 2px 3px #777; font-size: 30px; font-weight: normal; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; text-align: left; line-height: 37px; clear: both;}
 div.bodyBG div.teasertext {position: absolute; right: 30px; top: 25%; width: 450px; height: 110px; z-index:2;}
 div.bodyBG div.teasertext h1 {font-family: arial narrow; font-weight: normal; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; line-height: 30px; clear: both; color: #333; font-size: 28px; font-style: italic; text-align: right; text-shadow:none;}
 NAV.topmenuSmall a.menu {display:block; padding:4px 8px 5px 8px;}
 NAV.topmenuSmall a.menu-aktiv {font-weight:bold;}
 NAV.topmenuSmall a.menu:hover {color:#8a2739;}
 div.topGalerie .galerieNext {display:flex; height:100%; justify-content:center; flex-direction:column; z-index:2; position:absolute; right:0px; max-width:50px; width: 6%; font-size: 60px; text-align: center;}
 div.topGalerie .galeriePrev {display:flex;height:100%;justify-content:center;flex-direction:column;z-index:2;position:absolute;left:0px;max-width:50px;width: 6%;font-size: 60px;text-align: center;}
 div.topGalerie a.buttonWhite {text-decoration: none; color: #fff; border: 1px solid #fff; padding: 10px 18px 10px 18px; display: inline-block; text-align: center; font-family: corporate-s, 'Source Sans Pro', sans-serif; font-weight:400; margin-top:10px;}
 div.topGalerie div.streckeHistorie {width:100%; height:100%; -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0 auto; scrollbar-width:none; position: relative; display: flex; align-items: center; scroll-snap-type: x mandatory;}
 div.topGalerie div.historieItem {white-space:normal; width: 100vw !important; height:100%; display:inline-table; padding:0px; background-position: center; background-size:contain; background-repeat:no-repeat; scroll-snap-align: start;}
 div.topGalerie div.historieJahr {font-size:1.7em; letter-spacing:5px; padding:15px; font-family: Lato, Raleway,arial; font-weight: bold;}
 div.topGalerie div.historieText {padding:15px; font-family: lato,arial,helvetica; font-weight:400; font-size:0.87em; line-height:1.5em; letter-spacing:0.08em;}
 div.topGalerie div.wrapperHistorie {position:relative; background-repeat: no-repeat; background-position:center center; background-size: 100%; overflow:hidden; height:70vh; display:flex;}
 div.topGalerie div.wrapperHistorie h3 {margin:0px auto 20px auto; color:#000; font-size: 4.0vw; background-color:#fff; padding: 1.8vw 0px;}
 div.topGalerie img.historieBild {max-height:100%; max-width:100%;}
 div.topGalerie h1 {padding-top:0px; padding-bottom:0px; margin-bottom:5px; margin-top:0px; font-size:18px;}
 div.topGalerie h1 {font-family: arial; color: #efefef; text-shadow: 2px 3px #777; font-size: 30px; font-weight: normal; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; text-align: left; line-height: 37px; clear: both;}
 div.topGalerie div.teasertext {position: absolute; right: 30px; top: 25%; width: 450px; height: 110px; z-index:2;}
 div.topGalerie div.teasertext h1 {font-family: arial narrow; font-weight: normal; padding: 0px 0 0px 0px; margin: 0px 0px 0px 0px; vertical-align: bottom; letter-spacing: 1px; line-height: 30px; clear: both; color: #333; font-size: 28px; font-style: italic; text-align: right; text-shadow:none;}
 @media screen and (max-width: 1300px) {
 div.HeaderImage div.spotlight_teaser_start h2 {font-size:18px; line-height:18px; margin: 0 0 2px 0px;}
 body.body div.spotlight_teaser_start {height:30px;}
 body.body div.spotlight_teaser {height:30px;}
 DIV.content div.wrapper50 {min-width:unset; width:90%;}
 DIV.content div.ambiente {padding-left:0px;}
 DIV.content div.content30mitte {width:42%; padding:10px 2% 20px 2%;}
 DIV.content div.content30rechts {float:unset; width:96%; clear:both;}
 DIV.content div.content30rechts-1 {clear:both; float:unset;}
 DIV.content div.content30rechts-2 {width:52%; padding:0px 4% 0px 0px; float:left;}
 DIV.content div.content30rechts-3 {padding:0px 0px 0px 0px; float:left;}
 DIV.content div.content25 {width:46%; height:auto !important;}
 DIV.content h6 {font-size:21px;}
 }
 @media screen and (max-width: 900px) {
 NAV.topmenu div.menu0 {margin: 0 .3%;}
 div.HeaderImage div.teasertext {top: 25%; width: 360px; right:20px}
 div.HeaderImage div.spotlight_teaser_start h2 {font-size:16px;}
 div.HeaderImage div.spotlight_teaser h2 {font-size:16px;}
 body.body .ulli {min-width:70%;}
 body.body div.spotlight_teaser_start {height:20px; width:180px;}
 body.body div.spotlight_teaser {height:18px; width:160px;}
 body.body div.spotlight_teaser_start_text {display:none;}
 DIV.content div.wrapper50 {flex-wrap: wrap; flex-direction: column; padding-top:60px; padding-bottom:20px;}
 DIV.content div.weinBild {width:34.16%;}
 DIV.content div.weinBeschreibung {width:61.68%;}
 DIV.content div.wrapper {flex-wrap:wrap-reverse;}
 DIV.content div.containerAT p.spruch {font-size:10px;}
 DIV.content div.containerAT p.name {font-size:10px;}
 DIV.content div.containerAT p.funktion {font-size:10px;}
 DIV.content div.content50 {width:100% !important; clear:both; height:auto !important; margin:15px 0px;}
 DIV.content div.content60links div.contentbild {max-width: 100%; padding-right:0px; float:unset; float:none; padding-bottom:20px;}
 DIV.content div.content60links img {display:block; float:none; clear:both;}
 DIV.content div.content_teaserheadline {height:50px;}
 DIV.content h1 {font-size: 1em;}
 DIV.content p.Einleitung {font-size: 1.4em;}
 DIV.content h6 {font-size:18px;}
 DIV.content a.ankerlink_manuell {font-size: 14px;}
 div.bodyBG div.teasertext {top: 25%; width: 360px; right:20px}
 div.bodyBG div.teasertext h1 {font-size:22px; line-height:24px; text-shadow:none;}
 div.topGalerie div.teasertext {top: 25%; width: 360px; right:20px}
 div.topGalerie div.teasertext h1 {font-size:22px; line-height:24px; text-shadow:none;}
 }
 @media screen and (max-width: 680px) {
 div.HeaderImage div.teasertext {top: 25%; width: 280px; right:20px;}
 body.body div.verkostung {flex-direction: column-reverse !important;}
 body.body div.verkostung-links {margin-right:0px !important; margin:0;}
 body.body div.bildmargin {margin-left:0px !important; margin-right:0px !important; margin:0 !important;}
 body.body div.wechselheaderteaser div {padding: 2px 0px 1px 0px; line-height:18px;}
 body.body div.wechselheaderteaser p {display:none;}
 body.body div.wechselheaderteaser h1 {font-size: 18px; line-height:20px; padding-bottom:5px;}
 body.body div.spotlight_teaser_publikationen {display:none;}
 body.body div.spotlight_teaser_start_text {display:none;}
 DIV.content p.Slogan {margin-top:22vh !important; font-size: 7vw !important;}
 DIV.content div.weinItem {flex-wrap:wrap;}
 DIV.content div.weinBild {width:96%;}
 DIV.content div.imagebild {height:50vh;}
 DIV.content div.weinBeschreibung {width:96%}
 DIV.content div.StartseitenTeaser {width:275px; float:unset; float:none; margin:0 auto; padding: 0 0 15px 0;}
 DIV.content div.landespartner {font-size:12px; margin: 10px auto; float:none; float:unset; clear:both;}
 DIV.content div.ansprechpartner p {font-size:12px;}
 DIV.content div.ansprechpartner {font-size:12px; margin: 10px auto; float:none; clear:both;}
 DIV.content div.containerAT {clear:both; margin: 0px auto; float:none;}
 DIV.content div.containerAT p.spruch {font-size:11px;}
 DIV.content div.content30mitte {float:unset; width:96%; clear:both;}
 DIV.content div.content30rechts {float:unset; width:96%; clear:both;}
 DIV.content div.content30rechts-2 {float:unset; width:96%; clear:both; padding:0px 2%;}
 DIV.content div.content30rechts-3 {float:unset; width:96%; clear:both; padding:0px 2%;}
 DIV.content div.content33 {float:unset; width:96%; clear:both;}
 DIV.content div.content33rechts {float:unset; width:96%; clear:both; padding: 10px 2% 15px 2%; margin:0px auto;}
 DIV.content div.content33mitte {float:unset; width:95%; clear:both; padding:0px 2.5% 0px 2.5%; margin:0px auto;}
 DIV.content div.content30 {padding: 10px 2%; float: left; margin-top: 0px; margin-right: 0px; text-align: left;}
 DIV.content div.content50 {width:100% !important; clear:both; height:auto !important; margin:15px 0px;}
 DIV.content div.content50links {width:96%; clear:both; height:auto !important; padding:10px 2%;}
 DIV.content div.content50rechts {width:96%; clear:both; height:auto !important; padding:10px 2%; margin: 0px;}
 DIV.content div.content40grau {width:100%; clear:both; height:auto !important; padding:0px;}
 DIV.content div.content40 {width:96%; clear:both; height:auto !important; padding:0px 2%;}
 DIV.content div.content60 {width:96%; clear:both; height:auto !important; padding:0px 2%;}
 DIV.content div.content80 {width:96%; clear:both; height:auto !important; padding:0px 2%;}
 DIV.content div.content25 {width:96%; clear:both; height:auto !important; border-top:6px solid #ffffff;}
 DIV.content div.content20 {width:96%; clear:both; height:auto !important;}
 DIV.content div.content60links {float:unset; width:96%; clear:both; height:auto !important;}
 DIV.content div.content60links div.contentbild {max-width: 100%; padding-right:0px; float:unset; float:none;}
 DIV.content div.content70 {width:96%; clear:both; height:auto !important; padding:0px 2%;}
 DIV.content div.content60links img {padding:0px;}
 DIV.content div.content_teaserimg {height:185px;}
 DIV.content div.content_teaserheadline {height:auto; padding-bottom:8px;}
 DIV.content div.contentbild {margin: 0px auto; padding: 0px; float:none; clear:both; width:100%; text-align:center; overflow:hidden;}
 DIV.content p.Einleitung {padding: 0px 2%; font-size: 1.2em;}
 DIV.content h6 {text-align:center; font-size:17px;}
 div.bodyBG div.teasertext {top: 25%; width: 280px; right:20px;}
 div.bodyBG div.teasertext h1 {font-size:16px; line-height:18px; text-shadow:none;}
 div.topGalerie .galerieNext {display:none;}
 div.topGalerie .galeriePrev {display:none;}
 div.topGalerie div.teasertext {top: 25%; width: 280px; right:20px;}
 div.topGalerie div.teasertext h1 {font-size:16px; line-height:18px; text-shadow:none;}
 }