@charset "utf-8";
body, html {margin:0 0; padding:0 0; font-family:'OpenSansRegular', arial, serif;  font-size:14px; color:#fff; width:100%; height:100%; }
@font-face {font-family: 'OpenSansRegular'; src: url('font/OpenSans-Regular-webfont.eot'); src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'), url('font/OpenSans-Regular-webfont.woff') format('woff'), url('font/OpenSans-Regular-webfont.ttf') format('truetype'); font-weight: normal;font-style: normal;}


a {color: #b4a5ac; text-decoration:none;}
a:hover	{color: #fff; text-decoration:none;}
a:focus { outline: none;}
p {line-height: 25px; margin:0px 0px 26px 0px; padding:0px;}
ul {line-height: 32px; margin:0px 0px 24px 40px; padding:0 0;}
li {line-height: 23px; margin:0px 0px 0px 0px; padding:0 0;}
h1 {font-size:2.3em; padding:0 0; margin:65px 0 16px 0; font-family:'OpenSansRegular', arial, serif; color:#b4a5ac;text-transform:uppercase; text-align:center; font-weight:normal;}
h2 {font-size:2em; padding:0 0; margin:45px 0 16px 0; font-family:'OpenSansRegular', arial, serif; color:#b4a5ac;text-transform:uppercase; text-align:center; font-weight:normal;}
h3 {font-size:1.8em; padding:0 0; margin:0 0 30px 0; font-family:'OpenSansRegular', arial, serif; color:#fff;text-transform:uppercase; font-weight:normal;}
h4 {font-size:1.8em; padding:0 0; margin:0 0 20px 0; font-family:'OpenSansRegular', arial, serif; color:#fff;text-transform:uppercase; font-weight:normal;}
h5 {font-size:1.5em; padding:0 0; margin:32px 0 20px 0; font-family:'OpenSansRegular', arial, serif; color:#fff;text-transform:uppercase; font-weight:normal;}

.clr {clear:both; padding:0px; margin:0px; height:0px;}
.trenner {height:1px; width:100%; border-top:1px dotted #b4a5ac; display:block; margin:50px 0;}
.wrap {width:1140px; margin:auto;}

#wrap_header {	position: realtive;	height: 100%; width: 100%; top: 0; overflow: auto; z-index:100; }
#header {background:url(../media/aufbau/bg_header_schatten.png) 50% 50% no-repeat #b4a5ac; height:100%; }
#header .logo {background:url(../media/aufbau/logo_ella_3.png) 50% 50% no-repeat; width:100%; height:100%;}
#header .logo_blank {width:360px; height:300px; top:50%; left:50%; margin-top:-150px; margin-left:-180px; position:absolute;}
#header .logo_blank a {width:360px; height:300px; display:block; top:50%; left:50%; margin-top:-150px; margin-left:-180px; position:absolute; text-indent:-9999px;}  

.top_wrap_fixed {height:70px;  width:100%; position:relative; top:0; z-index:110;background:url(../media/aufbau/bg_header.jpg) top center no-repeat #4e3381; box-shadow:0 0 10px #140433; text-align:center; padding-top:30px;} 
.top_wrap_fixed img {width:440px; height:auto; margin:auto; }
.fixed {position: fixed; top:0px; display:block; background:url(../media/aufbau/bg_header.jpg) top center no-repeat #4e3381; box-shadow:0 0 10px #140433;}

#sec1 { }
#bg_slider {background:#7e6d9e; height:auto; padding:0 0 1.5% 0; }
.setup {padding:15% 0 10% 0;}

#content {}
#content #marken {margin:0 auto 60px auto; width:1140px; background:#b4a5ac; padding:0 0 2.28% 0;}
#content #marken ul {margin:0; padding:0;}
#content #marken ul li {list-style:none; float:left; margin:2.28% 0 0 2.28%;  background:none; width:11.7%; line-height:auto; padding:0;}
#content #marken ul li img {width:100%; height:auto; padding:0;}
/*#content #marken ul li:nth-child(7n+0) {margin:0 0px 30px 15px; }
*/
#footer {background:#4e3381; height:670px; padding:55px 0 20px 0;}
#footer .col_map {width:765px; height:300px; float:left; margin:0 120px 0 0;}
#footer .col_map .iframe_google_map {border:1px solid #fff; padding:5px 5px 1px 5px; }
#footer .col_kontaktdaten {float:left; width:255px;}
#footer .col_kontaktdaten li {list-style:none; color:#fff; font-size:14px; line-height:29px;}
#footer .col_kontaktdaten li.blank {display:block; height:29px; }
#footer .col_kontaktdaten li.logo_footer {display:block; margin:35px 0 0 0;}
#footer .imprint {border-top:1px dotted #b4a5ac; height:50px; margin:45px 0 0 0; color:#fff; padding:7px 0 0 0;}
#footer .imprint .date {float:left;}
#footer .imprint .decor1 {float:right;}
#footer .imprint .decor1 a {color:#fff;}
#footer .imprint .decor1 a:hover {color:#b4a5ac;}


.overlay {background-color: rgba(77, 58, 140, 0.5); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 300; -webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {background-color: #4e3381;display: inline-block;left: 50%;opacity: 0;padding: 15px;position: fixed;text-align: justify;top: 40%;visibility: hidden;z-index: 300000;color:#fff;
-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;
box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
-webkit-transition: opacity .5s, top .5s;-moz-transition: opacity .5s, top .5s;-ms-transition: opacity .5s, top .5s;-o-transition: opacity .5s, top .5s;transition: opacity .5s, top .5s;}
.overlay:target+.popup {top: 50%;opacity: 1;visibility: visible;}
.close {background-color: #b4a5ac;height: 30px;line-height: 30px;position: absolute;right: -17px;text-align: center;text-decoration: none;top: -15px;width: 30px;
-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.close:before {color: rgba(255, 255, 255, 0.9);content: "X";font-size: 24px;text-shadow: 0 -1px rgba(0, 0, 0, 0.9);}
.close:hover {background-color: rgba(48, 48, 48, 0.8);}


@media screen and (max-width:1212px){
.wrap {width:94%; padding:0 3%; margin:auto;}

#content img {width:100%; height:auto;}
#content #marken {width:100%; }


#footer {background:#4e3381; display:block; height:930px; padding:55px 0 20px 0;}
#footer span.mobile_float {float:left; width:30%; }
h5 {font-size:1.8em; margin:0px 0 20px 0;}
#footer .col_map {width:100%; height:auto; float:none; margin:0 0 50px 0;}
#footer .col_map .iframe_google_map {border:1px solid #fff; width:100%;}
#footer .col_kontaktdaten {float:none; width:100%; }
#footer .col_kontaktdaten li {line-height:25px;}
#footer .col_kontaktdaten li.logo_footer {display:block; margin:70px 80px 0 0px; float:right;}
}

@media screen and (max-width:799px){
h3 {font-size:1.7em;}
.top_wrap_fixed {height:50px;  width:100%; position:relative; top:0; z-index:110;background:url(../media/aufbau/bg_header.jpg) top center no-repeat #4e3381; box-shadow:0 0 10px #140433; text-align:center; padding-top:0px;} 
.top_wrap_fixed img {width:50%; height:auto; margin:auto; }
#content #marken ul li {list-style:none; float:left; margin:2.28% 0 0 2.28%;  background:none; width:17.2%; line-height:auto; padding:0;}
#footer {height:auto;}
#footer span.mobile_float {float:left; width:40%; }
#footer .col_kontaktdaten li.logo_footer {margin:0px 50px 50px 0px; float:left;}
#footer .col_kontaktdaten {font-size:15px;}
#footer .imprint {border-top:1px dotted #b4a5ac; margin:0px 0 0 0; color:#fff; padding:7px 0 0 0;}
.setup {padding:25% 0 10% 0;}
}

@media screen and (max-width:601px){
#content #marken ul li {list-style:none; float:left; margin:4.28% 0 0 4.28%;  background:none; width:27.6%; line-height:auto; padding:0;}
#footer {display:block; height:auto;}
#footer span.mobile_float {float:left; width:42%; }
#footer .col_kontaktdaten li.logo_footer {margin:0px 0px 0 0px; float:left;}

}

@media screen and (max-width:480px){
#header {background:#b4a5ac; height:100%; }
#header .logo {background:url(../media/aufbau/mobile_logo.png) 50% 50% no-repeat; width:100%; height:100%;}
#header .logo_blank {width:250px; height:250px;  top:50%; left:50%;  position:absolute;}
#header .logo_blank a {width:250px; height:250px; display:block; top:50%; left:50%; margin-top:-125px; margin-left:-125px; position:absolute; text-indent:-9999px; }  
#content #marken ul li {list-style:none; float:left; margin:4.28% 0 0 4.28%;  background:none; width:43.6%; line-height:auto; padding:0;}

.top_wrap_fixed img {width:84%; height:auto; margin:auto; }
h1 {font-size:1.6em; margin:25px 0 16px 0;}	
h2 {font-size:1.6em; margin:15px 0 16px 0;}	
h3 {font-size:1.4em; margin:35px 0 20px 0;}	
h4 {font-size:1.4em; margin:0px 0 20px 0;}	
h5 {font-size:1.4em; margin:35px 0 20px 0;}	
#footer {padding:25px 0 20px 0;}
#footer .col_map {display:none;}
#footer span.mobile_float {float:none; width:100%;}
#footer .imprint .date {float:none; padding-top:10px;}
#footer .imprint .decor1 {float:none; padding-top:10px;}
#footer .col_kontaktdaten li.logo_footer {margin:0px 0px 0 0px; float:none; display:block; text-align:center;}
#footer .col_kontaktdaten li.logo_footer img {margin:auto; width:50%; height:auto;}
}