 body#body {height: 100%; width: 100%; max-width: var(--maxWidth); margin: 0px auto; padding: 0; text-rendering: optimizelegibility; position:relative; z-index:0; font-family: Lato, Roboto, Roboto, Condensed, Arial, Helvetica; font-size: 1.5rem; color: #000; line-height: 1.5;} DIV#Banner {margin:0 4% 0 4%; clear:both;} DIV#MainSeite {margin:0 5% 2rem 5%; width:90%; z-index:1; position:relative; overflow:hidden; float:left;} DIV#smallWrapper {position: fixed; top: 0px; left:0; z-index: 110; padding: 0px; xdisplay:none; width:100%;} NAV#topmenuSmall {margin: 0px auto; padding:25px 0px 0px 0; z-index:15; font-size:1.25rem; position:relative; background-color:#fff; display:none; border-bottom:.5px solid #ff332c; height:35px; width:80%; width: 100%; margin: 0 auto; max-width: var(--maxWidth);} DIV#MainLogoSmall {width:auto; position:absolute; left:4%; top:10px; z-index:100; display:none; height:40px; max-width:20%;} DIV#header_top {position:relative; height:11.19vw; margin:0px auto; overflow:hidden; min-height:150px;} DIV#topmenu {position: absolute; left: 0%; bottom: 1rem; margin: 0px 0px 0px 0px; padding: 0px; z-index: 10; width: 100%;} div#submenu {position: absolute; top: 30px; right: 11.5%; z-index:3; text-align:right;} DIV#MainLogo {width:12rem; position:absolute; left:0px; top:2rem; z-index:100;} DIV#HeaderSmartphone {display:none; width:100%; position:fixed; z-index:25; overflow:visible; margin:0; background-color:#fff;} DIV#BannerSmartphone {width:100%; margin:0; clear:both; display:none;} DIV#WrapperSmartphone {position:relative; width:100%; display:none; overflow:hidden; height:80px;} DIV#LogoSmartphone {display:none; position:absolute; bottom:20px; left:2%; height:40px; clear:both; padding: 0; margin:0; z-index:2;} DIV#SmartphoneMenuButton {display:none; position:absolute; top:47px; right:20px; z-index:10; width:30px;} DIV#MenuContainerSmartphone {display:none; position:fixed; top:120px; left:0px; z-index:40; overflow:auto; max-height:90%; width:100%;} DIV#MenuSmartphone {display:none; overflow:visible;} div#header {position:relative; background-color:#fff; xbox-shadow: 0px 4px 6px 0px #bbb; line-height:0px; xborder-bottom: 2px solid #aaa; overflow:hidden;} DIV#MenuContainer2 {width: 100%; display: flex; position: relative; overflow: hidden; flex-direction: row; justify-content: left; border-top: .5px solid #333; border-bottom: .5px solid #333;} DIV#content {width:100%; overflow: hidden; margin: 0px auto ; padding: 0px; xcolor:#555; line-height: auto;} div#SubmenuContainerSmartphone {display:none; position: fixed; bottom: 0; width: 100%; text-align: center; padding: 0; margin: 0px auto; color: #888;} DIV#MainSeiteWerbung {width:22.958%; margin:0; z-index:1; position:relative; overflow:visible; float:left; height:700px; display:none;} div#superbanner {width:inherit; padding: 0px; position:fixed; height:700px;} DIV#footer {position: relative; width: 92%; clear: both; padding: .25rem 0px 1.5rem 0px; margin: 2rem auto 0px auto; background-color:#d8d8d8; min-height:200px; overflow:hidden;} DIV#footerWrapper {width:100%; position:relative; overflow:hidden;} NAV#sitemap {margin: 0px; padding: 10px 0 40px 0px; width:100%; overflow:hidden; display:block;} DIV#footerLogos {width:100%; padding:20px 0px; border-top:1px solid #fff; border-bottom:1px solid #fff; overflow:hidden; display:block;} DIV#footer_adresse {margin: 40px auto; width:100%; color: #434343; font-size: 1.125rem; text-align:center; clear:both; font-family:'Roboto';} DIV#Branding {text-align:center; font-size:0.875rem; padding:20px 0 60px 0; width:100%; clear:both; font-family:'Roboto'; text-transform:uppercase;} DIV#zumAnfang {text-align:right; font-size:12px; padding:0px; float:right; position:fixed; bottom:2rem; right:10px; background-color: #555; cursor:pointer; z-index:50; box-shadow:0px 0px 5px #999999; width:40px; height:40px; opacity:0; background-size:100%; color:#fff; font-weight:bold; display:flex; justify-content:center;} @media screen and (max-width: 1300px) { DIV#MainSeite {width:92%; margin:0 4% 0 4%;} DIV#header_top {height:15.34vw;} div#submenu {left: 23%;} DIV#HeaderSmartphone {display:none;} DIV#LogoSmartphone {display:none;} } @media screen and (max-width: 900px) { DIV#Banner {width:100%; margin:0;} DIV#MainSeite {width:96%; margin:0 2% 0 2%;} DIV#smallWrapper {display:block;} div#submenu {left: 20%;} DIV#HeaderSmartphone {display:none;} DIV#LogoSmartphone {display:none;} DIV#MainSeiteWerbung {display:none;} DIV#footerWrapper {width:98%; margin:0 1% 0 1%;} } @media screen and (max-width: 680px) { DIV#Banner {display:none;} DIV#MainSeite {max-width:600px; width:100%; margin:0;} DIV#smallWrapper {display:none !important;} NAV#topmenuSmall {display:none;} DIV#MainLogoSmall {display:none !important;} DIV#header_top {display:none;} DIV#topmenu {display:none;} div#submenu {display:none;} DIV#MainLogo {display:none;} DIV#HeaderSmartphone {display:block; max-width:600px;} DIV#BannerSmartphone {display:block;} DIV#WrapperSmartphone {display:block;} DIV#LogoSmartphone {display:block;} DIV#SmartphoneMenuButton {display:block;} DIV#MenuContainerSmartphone {display:block;} DIV#MenuSmartphone {display:none; max-width:600px; margin:0px auto; width:100%; min-height:600px;} DIV#MenuContainer2 {display:none;} DIV#content {margin:140px auto 0px auto; width:96%;} div#SubmenuContainerSmartphone {display: flex; font-size: 1rem; z-index: 5; align-items: center; text-transform: uppercase; font-weight: bold; background: #555; justify-content: space-around;} DIV#footer {background-position: top right;} DIV#zumAnfang {bottom:8rem;} }