body#body {height: 100%; width: 100%; margin: 0px auto; padding: 0; text-rendering: optimizelegibility; position:relative; z-index:0; font-family: Mukta, nunito, arial, helvetica; font-size:100%; -ms-overflow-style: -ms-autohiding-scrollbar; min-width:360px;}
 div#bodyBG {position:fixed; top:80px; z-index:-1; width:100%; height:100%; background-image:url(../bilder/bg3.jpg); background-size:cover; background-repeat:no-repeat; background-position:center top; left: 50%; transform: translate(-50%, 0px);}
 MAIN#MainSeite {width:100%; height:100%; margin:0 auto; position:relative;}
 div#Maus {position: absolute; left:50%; top:73.7vh; z-index:100; margin-left:-0.575vw; overflow:hidden; width:1.15vw; height:0%; transition:height 2.5s ease-in;}
 div#HeaderImage {position:relative; background-color:#fff; line-height:0px; overflow:hidden; height:100vh; background-image:url(../bilder/ullis-tabula-vini.jpg); background-size: cover; background-position: center center;}
 NAV#HeaderDesktopSmall {position: fixed; height: 80px; width: 100%; margin: 0px auto; display: none; background-color: #fff; overflow: hidden; top: 0px; z-index: 1; max-width:2400px; left: 50%; transform: translate(-50%, 0px);}
 DIV#HeaderWrapper {margin: 0 auto; width: 50%; overflow: hidden; padding:0px; min-width: 960px; position:relative; height:80px; max-width:960px;}
 NAV#topmenuSmall {position:absolute; right:0px; bottom:0px; margin: 0px 0px 0px 0px; padding: 0px; background-color: #fff; z-index:10; font-size:1em; display: flex; color="#727677"; font-family: corporate-s, 'Source Sans Pro', serif;}
 DIV#MainLogoSmall {position:absolute; top:10px; z-index:100; left:0; height:60px; line-height:0px;}
 NAV#HeaderDesktop {position:relative; height:170px; width:100%; margin:0px auto; background-color:#fff;}
 DIV#HeaderWrapperDesktop {position:relative; height:170px; width:50%; margin:0px auto; min-width:960px; background-color:#fff; max-width:960px;}
 NAV#topmenu {position:absolute; right:0px; bottom:45px; margin: 0px 0px 0px 0px; background-color: #fff; z-index:10; font-size:1em; display: flex; color:#727677; font-family: corporate-s, 'Source Sans Pro', serif;}
 DIV#MainLogo {width:auto; position: absolute; left: 0px; bottom: 45px; z-index: 100; max-width:20%;}
 NAV#HeaderSmartphone {display: none; width: 90%; height: 64px; position: fixed; background-color: #fff; top: 0px; z-index: -3; padding:0px 5%;}
 DIV#LogoSmartphone {display:none; position:absolute; top:10px; left:5%; clear:both; padding: 0; margin:0; z-index:2; height:40px; line-height:0px;}
 DIV#MenuContainerSmartphone {display:none; position:fixed; top:64px; left:0px; z-index:40; overflow:auto; max-height:70%; width:100%;}
 DIV#MenuSmartphone {display:none; overflow:visible;}
 DIV#content {width:100%; overflow: hidden; margin: 0px auto ; padding: 0px; color:#333;}
 FOOTER#footer {position: relative; width: 100%; height:170px; clear: both; padding: 0px 0px 0px 0px; overflow:hidden; background-color:#fff;}
 DIV#footerWrapper {margin:0px auto; width:50%; height:170px; font-size:0.75em; color:#727677; display:flex; min-width:960px; position:relative; align-items:baseline; max-width:960px;}
 FOOTER#footerData {right:0px; bottom:46px; font-size:1em; color:#727677; display:flex; position:absolute; width:62.5%; justify-content: space-between; flex-wrap:nowrap;}
 DIV#footer_kontakt1 {font-style: normal;}
 ADDRESS#footer_adresse {padding: 0px; font-style: normal;}
 ADDRESS#footer_kontakt2 {font-style: normal;}
 DIV#footer_telefon {padding: 0px;}
 DIV#footer_agb {}
 div#submenu {text-align:left;}
 DIV#FooterLogo {position:absolute; bottom:50px; z-index:100; left:0; height:60px; line-height:0px;}
 div#SubmenuContainerSmartphone {position: relative; text-align: center; padding: 10px 0px; margin: 0px auto; color: #888; font-size: 11px; display:none; background-color:#f3f2f0;}
 DIV#Branding {text-align:center; font-size:13px; padding:10px 0px; letter-spacing:1px; width:100%; clear:both; color:#fff; background-color:#373737;}
 DIV#zumAnfang {text-align:right; font-size:14px; padding:0px; float:right; position:fixed; bottom:0px; right:0px; background:url(../bilder/top.png); background-repeat:no-repeat; background-position:center; background-color: #727677; cursor:pointer; z-index:50; box-shadow:0px 0px 5px #999999; width:40px; height:40px; display:none;}
 DIV#SmartphoneMenuButton {display:none; position:fixed; top:30px; right:20px; z-index:10; width:30px;}
 div#topGalerie {position:absolute; top:0px; left:0px; z-index:1000; width:100%; height:100vh; background-image:url(../bilder/background-black-80.png); background-size:cover; background-repeat:no-repeat; background-position:center top; display:none; align-items: center; left: 50%; transform: translate(-50%, 0px);}
 @media screen and (max-width: 1300px) {
 DIV#HeaderWrapper {min-width:unset; width:90%;}
 DIV#HeaderWrapperDesktop {min-width:unset; width:90%;}
 NAV#HeaderSmartphone {display:none;}
 DIV#LogoSmartphone {display:none;}
 DIV#footerWrapper {min-width:unset; width:90%}
 div#submenu {left: 23%;}
 }
 @media screen and (max-width: 900px) {
 DIV#LogoSmartphone {display:block;}
 DIV#MenuContainerSmartphone {display:block;}
 div#submenu {left: 20%;}
 }
 @media screen and (max-width: 680px) {
 div#Maus {display:none;}
 div#HeaderImage {height:100vh; z-index:3; background-image:url(../bilder/ullis_tabula_vini-s.jpg);}
 NAV#HeaderDesktopSmall {display:none;}
 DIV#HeaderWrapper {width:96%;}
 NAV#topmenuSmall {display:none;}
 DIV#MainLogoSmall {display:none !important;}
 NAV#HeaderDesktop {display:none;}
 DIV#HeaderWrapperDesktop {width:96%;}
 NAV#topmenu {display:none;}
 DIV#MainLogo {display:none;}
 NAV#HeaderSmartphone {z-index:2; display:block;}
 DIV#LogoSmartphone {display:block;}
 DIV#MenuContainerSmartphone {display:block;}
 DIV#MenuSmartphone {display:none; max-width:600px; margin:0px auto; width:100%; min-height:600px;}
 FOOTER#footer {height:40px; padding:20px 0px;}
 DIV#footerWrapper {height:40px;}
 FOOTER#footerData {bottom:2px; max-width:250px; min-width:225px;}
 DIV#footer_agb {display:none;}
 div#submenu {display:none;}
 DIV#FooterLogo {height:40px; bottom:5px;}
 div#SubmenuContainerSmartphone {display:block;}
 DIV#SmartphoneMenuButton {display:block; z-index:4;}
 }