/* CSS Document */ 
@media(min-width:300px){
	.container{width:275px}}@media(min-width:350px){.container{width:325px}}@media(min-width:400px){.container{width:375px}}@media(min-width:450px){.container{width:425px}}@media(min-width:500px){.container{width:475px}}@media(min-width:550px){.container{width:525px}}@media(min-width:600px){.container{width:575px}}@media(min-width:650px){.container{width:625px}}@media(min-width:700px){.container{width:675px}}@media(min-width:750px){.container{width:725px}}@media(min-width:800px){
	.container{width:775px}}@media(min-width:850px){.container{width:825px}}@media(min-width:900px){.container{width:875px}}@media(min-width:950px){.container{width:925px}}@media(min-width:1000px){.container{width:975px}}@media(min-width:1050px){.container{width:1025px}}@media(min-width:1100px){.container{width:1075px}}@media(min-width:1150px){.container{width:1125px}}@media(min-width:1200px){.container{width:1175px}}@media(min-width:1250px){
	.container{width:1225px}}@media(min-width:1300px){.container{width:1275px}}@media(min-width:1350px){.container{width:1325px}}@media(min-width:1400px){.container{width:1375px}
	}
#desc_div table td #empix .container {max-width: 1120px;}

#empix {border-bottom:none; border-top:none; padding-bottom:50px; font: 15px 'Open Sans', sans-serif; background: #EAEAEA url(bg.png) fixed repeat;}
#empix .container {}
#empix img, #empix object, #empix video {max-width:100%; height:auto}

#empix {color:#4D4D4D; overflow:hidden}
.edit-html {overflow:hidden}


/* Features */
.efeatures {background-color:#868989;}
.efeatures *, .efeatures a, .efeatures i {color:#FFF}
.efeatures > div { padding: 10px;}
.efeatures ul {list-style:none; margin:0; padding:0}
.efeatures ul li {float:left; margin:0 15px}
@media(max-width:991px){
	.efeatures > div { border:0px solid red; text-align: center;clear:both}
	.efeatures ul {list-style: none outside none; margin:0; padding: 0; text-align: center; }
	.efeatures ul li {margin: 0 10px; display: inline; float:none;  }
}

/* eStage */
.estage {background:#FFF; border:0px solid #868989; border-top:0; padding:20px 0; border-bottom:10px solid #ddd;}
.estage > div {border:0px solid red; padding:15px 20px;}
.estage > div:nth-child(2) {border:0px solid red; padding-left:30px; padding-right:30px;}
@media(max-width: 991px){
	.estage > div{padding: 10px !important;}
	}
@media(max-width: 1200px){
	
	}
/*
@media (min-width: 992px) and (max-width: 1199px) {
	.estage > div:nth-child(2) {width:56%}
	.estage > div:last-child {display:none}
	}
*/
.estage > div:last-child {border-left:1px solid #EDEDED; color:#868989}
.estage > div:last-child ul {list-style:none; margin:0; padding: 5px 0}
.estage > div:last-child ul li {border:none; padding:0; font-size:inherit; float:none; margin-left:20px; line-height:25px;}
.estage > div:last-child ul li i {border:0px solid #868989; background-color: #009966; color:#FFF; font-size:14px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; margin-right:10px}
@media(max-width:991px){
	.estage #slider_container {margin:auto}
}
.estage #slides_container .lupe {border: 0px solid #F00; position: absolute; z-index: 101; bottom: 0px; cursor: pointer; padding: 3px;}
.estage #slides_container .lupe img {border:0}
.estage ul.eoptions + * {clear:both}
.estage ul.eoptions {list-style:none; margin:0;  padding:0;}
.estage ul.eoptions li {float:left; padding:2px 6px; margin-right:5px; border:1px solid #868989; font-size:smaller; margin-bottom:15px;}
.estage ul.eoptions li:last-child {margin-right:0}
.estage ul.eoptions li a {display:block;  padding:2px 6px; margin:-2px -6px; text-decoration:none; color:#666}
.estage .epreis {background: url(bg.png) fixed; border:0px solid #D5D5D5; padding: 5px 15px; /* box-shadow:0 0 10px -3px #868989 */}
.estage .epreis .row {padding: 0 15px;}
.estage .epreis .btn {width:100%;}
@media(max-width:650px){.estage .epreis .btn {display:none;}}
.estage .epreis > p {font-size:30px; text-align:left; letter-spacing:-3px; padding-top:10px;}
.estage .epreis > p span {font-size:12px; letter-spacing:0; text-transform:uppercase; opacity:0.7; margin-left:10px}
.estage .epreis ul {list-style:none; margin:0; padding: 5px 0}
.estage .epreis ul li {border:none; padding:0; font-size:inherit; float:none; margin:0; color:#6C6C6C}
.estage .epreis ul li i {border:0px solid #868989; color:#096; width:16px; height:16px; line-height:16px; text-align:center; border-radius:50%; margin-right:5px}
@media(min-width: 992px){
	.estage .epreis > div > div {padding:0}
	.estage #beobachtenlink {width:97%}
	.estage #fragenlink  {width:97%; float:right}
}
#empix .btn {border-radius:0}


/* efeatured */
#empix .efeatured {background:#868989; padding:15px 0; margin-top:10px}
@media (min-width: 450px) and (max-width: 991px) {#empix .efeatured {max-width:400px; margin:auto}}
#empix .featured-box {padding:20px; background-color:#FFF}
@media(max-width: 991px){
	#empix .featured-box {border-bottom:10px solid #868989}
}
#empix .featured-box * {text-align:center}
#empix .featured-box > span {display:block}
#empix .featured-box h4 {color:#868989}
/* eshadow */
.eshadow {margin-top:0; min-height:50px; border:0px solid red; background:url(../../../pix/shadow.png) 0 -15px no-repeat; background-size:cover; opacity:0.8}

/* #empix h1 {font-family: 'Architects Daughter', cursive, sans-serif; font-size:75px; letter-spacing:-1px; color:#444; text-shadow:0 3px 3px #ccc} */
#empix h1 {margin-top:0; font-family: 'Lobster', cursive;   font-size:55px; letter-spacing:-3px; text-shadow:0 3px 3px #ccc}
@media(max-width: 750px){#empix h1 {font-size:45px;}}
#empix h2 {margin-top:0; font-family: 'Lobster', cursive;   font-size:30px; letter-spacing:0px; /* text-shadow:0 2px 2px #ccc*/ }
#empix h3 {margin-top:0; font-family: 'Open Sans', cursive;   font-size:18px; letter-spacing:0px;/* text-shadow:0 2px 2px #ccc*/ }
#empix h4 + p + h4 {margin-top:50px}

#empix hr {margin: 15px 0; border: 0; height: 1px; background:#868989}

#empix h1, #empix h2, #empix h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

/* Logo */ 
.elogo {max-width:100%; overflow:hidden}
div.elogo a, div.efooter a {color:#666666; text-decoration:none}
.elogo  span.elogo {
	font-family: 'Lobster', cursive;   font-size:45px; float:left; width:100%;
}
div.elogo > div {padding:40px 0;}
/* -- */


/* Content Breite */
#empix .econtent {max-width:1000px; margin:auto; padding:40px}
/* -- */


/* Tabs */
.etabs {/* background:rgba(139,131,120,0.1)*/}
.tabs-wrapper {margin: 10px 0}
.tabs-wrapper label {transition:none; background: #fff; border:0px solid #868989; color:#888; margin-bottom:0; margin-right:5px; border-bottom:none; height: 3em; border-top-left-radius: 0; border-top-right-radius: 0; text-align: center; line-height: 3em;}
.tabs-wrapper label:hover {background: #fff; color: #868989; transition:none}
.tab-head:checked + label.tab-label {background: #868989; color: #fff; border:none}
.tab-body {padding: 50px; line-height:25px;}
#empix .tab-body .underlined {display:inline-block}
.tab-body .fa {color: #868989;}
@media(max-width: 991px){
	.tab-body {padding: 10px;}
	}
@media(min-width: 992px){
	#empix .tab-body > h1, #empix .tab-body > h2 {
		margin-bottom: 40px;
		}
	}
.tab-body-wrapper {margin-top:-0px; background: #fff; box-sizing:border-box; border: #868989 0px solid; border-top: #868989 3px solid; border-bottom:10px solid #ddd; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0;}
/* */

/* Top-Menü */
#empix #emenu{}
#empix #emenu > div {padding:0;}
#empix #emenu ul{display:table;width:100%;border-bottom:1px solid #4385B5; padding:0; box-shadow: 0 4px 3px #e2e2e2;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2e2e2 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}
#empix #emenu ul li{display:table-cell;border-left:1px solid #4385B5;}
#empix #emenu ul li:last-child{border-right:1px solid #4385B5;}
#empix #emenu ul a{display:block;text-align:center; font:400 19px 'Lobster', Arial, Helvetica, sans-serif; margin:0; padding:10px 5px}
#empix #emenu ul a:hover, #empix .kategorien a:hover{background:#e2e2e2; text-decoration:none}

@media(max-width: 950px){
	#empix #emenu > div {padding:0;}
	#empix #emenu{background: none !important;}
	#empix #emenu ul{display:block;}
	#empix #emenu ul li, #empix #emenu ul li:last-child{display:block; border:none; border-bottom:1px solid #4385B5;}
	#empix #emenu ul li:last-child{border: none}
	#empix #emenu ul a {}
}
/* */


/* eMain */
div.emain {padding-top:25px; padding-bottom:25px; background-color:rgba(255,255,255,0.4); border:1px solid #ddd}


/* eFooter */
div.efooter {padding:20px; border-bottom:10px solid #ddd; color:#666666; font-size:small; background:#FFF}
div.efooter ul {list-style:none; margin:0; padding: 5px 0}
div.efooter ul li {border:none; padding:0; font-size:inherit; float:none; margin-left:0; line-height:25px;}
div.efooter ul li i {border:0px solid #868989; background-color: #009966; color:#FFF; font-size:14px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; margin-right:10px}

#empix .ecopy, #empix .ecopy a {font-size:9px; letter-spacing:2px; color:#999; padding:10px}


small {color:#444444 !important}
.nowrap {white-space: nowrap;}
.underlined {border-bottom:1px dotted #868989; padding-bottom:10px}

#empix .mtests {border:5px solid #F96; position:absolute; padding:10px 20px; margin:40px; transform: rotate(0deg); background:rgba(255,255,255,0.85);}
#empix .mtests ul {margin:0; padding:0; list-style:none}
#empix .mtests i.fa {color:#690}
#empix .mtests small {color:#FF9966 !important}
#empix .legende {max-width:100%; margin:0 20px 5px 0; float:left; border:1px solid #CCC}
#empix .legende + * {clear:both}

object.xseller {width:100%}