/* Body */
#empix{background:url(background.jpg) center -220px; font-family:Lato, Arial, Helvetica, sans-serif;font-size:15px;line-height:21px;color:#222624;}
#empix > div{background:rgba(0,0,0,0.3);}
#empix p, #empix h1, #empix h2, #empix h3 {padding-bottom:20px;}
#empix .etabs h3 {margin-top:20px;}
#empix h2 {line-height:30px}
#empix img {max-width:100%; height:auto}
#empix a{color:#5E9B78;outline:medium none;text-decoration:none;transition:all .4s ease 0;}
#empix a:hover{color:#999;}
#empix .icon_flag{vertical-align:bottom; padding-right:5px;}

.econtainer *{margin:0;padding:0;}
.econtainer  {max-width:1200px;}


#empix {overflow:hidden}
.edit-html, .edit-line {overflow:hidden}

#eheader{padding:40px 0 30px;}
.logo h1,.logo h2,.logo h3,.logo h4{font-family:Lobster, Arial, Helvetica, sans-serif;color:rgba(255,255,255,0.90);text-shadow:0 0 5px #2E3330;line-height:80px;font-weight:400;}
.logo h1{font-size:90px;}
.logo h2{font-size:80px;}
.logo h3{font-size:70px;}
.logo h4{font-size:50px;}

#ebody{background:#F4F7F4;box-shadow:0 2px 3px rgba(0,0,0,0.5);}
#ebody.econtainer {padding:0}
#ebody > .erow{overflow: hidden;} /* height */
@media(min-width: 950px){
	#ebody > .erow > div {padding-bottom: 10030px; margin-bottom: -10000px; /* heigth */}
}
#ebody > .erow > .ecol-3{background-color:#515753;}

/* Menü-Btn */
.menubtn {border:1px solid red; display:none; width:50px; height:auto; float:right; margin:30px; border:1px solid #fff; border-radius:3px; padding:5px;}
.menubtn hr {margin:5px}
@media(max-width: 950px){
	.menubtn {display:block}
}

/* Header */
#eheader form#shopsuche{float:right;}
#eheader input.suchfeld{float:left;border:0 none;background:#DFE1E9 none repeat scroll 0 0;height:40px;font-size:13px;font-family:Lato;line-height:40px;width:254px;margin:0;padding:0 10px;}
#eheader input.suchbutton{width:36px!important;height:40px!important;border:medium none;background:#DFE1E9 url(lupe2.png) center center no-repeat;font-size:0;cursor:pointer;float:left;position:relative;top:0;left:0;transition:all .4s ease 0;margin:0;padding:0;}
#eheader input.suchbutton:hover{background:#DFE1E9 url(lupe.png) center center no-repeat;}
#eheader ul li,span.last-line a + a{float:left;}
@media(max-width: 750px){
	#eheader > div > div {text-align:center}
	#eheader ul{display:table;width:100%; margin-top:10px}
	#eheader ul li{display:table-cell;}
	#eheader form#shopsuche {float:none; width:290px; margin:auto}
	#eheader .logo h1{font-size:70px;}
	#eheader .logo h2{font-size:60px;}
	#eheader .logo h3{font-size:50px;}
	#eheader .logo h4{font-size:40px;}
}
@media(max-width: 350px){
	#eheader ul li{display:table-cell;}
	#eheader form#shopsuche {float:none; width:240px; margin:auto}
	#eheader input.suchfeld {width:204px}
	#eheader .logo h1{font-size:50px;}
	#eheader .logo h2{font-size:40px;}
	#eheader .logo h3{font-size:30px;}
	#eheader .logo h4{font-size:20px;}
}

/* TopMenü */
#eheader ul {list-style:none; float:right;	margin-bottom:10px;	margin-right:-10px}
#eheader ul li {color:#DFE1E9; display:block; padding:5px; margin:-5px 5px 10px; text-transform:uppercase}
@media(min-width: 751px){
	#eheader ul li {float:left}
}

/* Menü */
#empix #emenu{background:#2E3330;}
#empix #emenu .econtainer {padding:0}
#empix #emenu .ecol-12, .kategorien {padding:0;}
#empix #emenu ul{display:table;width:100%;}
#empix #emenu ul li{display:table-cell;border-left:1px solid #000;}
#empix #emenu ul li:last-child{border-right:1px solid #000;}
#empix #emenu ul a{display:block;text-align:center; font:400 19px Lato, Arial, Helvetica, sans-serif;color:#FFF;text-transform:uppercase;margin:0;}
#empix #emenu ul li:hover, #empix .kategorien li:hover{background:#463D3A;}
@media(min-width: 950px){
   #empix #emenu ul a {padding:20px 5px}
}
@media(max-width: 950px){
	#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 #000;}
	#empix #emenu ul li:last-child{border: none}
	#empix #emenu ul a {line-height:40px}
   
}

/* Slider */
.econtainer .eslider {margin: 0 -15px;}
.eslider {border-bottom:3px solid #930000; background:rgba(255,255,255,0.8);} 
.eslider > div {height: 220px; padding:10px; display: flex;  justify-content: center;  flex-direction: column; background-color:transparent !important; }
.eslider > div:first-child {text-align:right; background:url(arrows.png) center right no-repeat}
.eslider h1 {text-transform:uppercase; font: 700 60px/50px "Lato", Arial, Helvetica, sans-serif; color:#fff; text-shadow: 0 2px 3px #848C88; opacity:0.6}
#empix .eslider a, #empix .eslider a:visited {text-align:center;color:#fff}
.eslider img {max-width:100%; height:auto !important}
.eslider div div img {width:200px; height:auto; border:1px solid #DFDFDF; box-shadow: 0 0 3px #DBD6D2; border-radius:4px}
@media(max-width: 1050px){
	.eslider h1 {font-size:50px; line-height:45px}
}
@media(max-width: 950px){
	.eslider h1 {font-size:40px; line-height:40px}
	.eslider > div + div + div {text-align:center;}
	.eslider {clear:both; margin-top:20px}
}
@media(max-width: 750px){
	.eslider > div, .eslider > div h1  {text-align:center}
	.eslider > div {height:auto}
}
@media(min-width: 750px){
	.econtainer .eslider {height:220px}
}

/* Button */
#empix .ebutton {padding:8px 20px; font-size:18px; color:#fff; background: #930; box-shadow: 0 1px 2px #848C88; border-radius:2px; background: linear-gradient(to bottom, rgba(195,0,0,1) 0%,rgba(147,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30000', endColorstr='#930000',GradientType=0 ); /* IE6-9 */}
#empix .ebutton:hover {background:#c30000}
#empix .ebutton:visited {color:#fff}

/* Galerie */
#slides_container .lupe{border:0 solid red;position:absolute;z-index:101;bottom:0;cursor:pointer;padding:3px;}

/* Menü left */
div.kategorien, ul.kategorien {padding: 0px;}
#empix div.kategorien h3{display:block;font-size:27px;line-height:30px;border-bottom:1px solid #000;/* background:#848C88 none repeat scroll 0 0;*/ text-transform:uppercase;font:400 26px/30px Lato, Arial; padding:20px;}
#empix div.kategorien h3 ~ h3{border-top:0 solid #000;}
#empix div.kategorien ul{list-style:outside none none;color:#222624;margin:0;padding:0;}
#empix div.kategorien ul li{font:400 19px Lato, Arial; /* background:#515753;*/ text-transform:uppercase;border-bottom:1px solid #222624;padding:15px 10px 15px 20px;}
#empix div.kategorien > ul:last-child li:last-child{border:none;}
#empix div.kategorien a, #empix div.kategorien a:active, #empix div.kategorien a:visited{font:400 19px Lato, Arial;text-transform:uppercase;position:relative;display:block;}
#empix ul.kategorien > li a, #empix div.kategorien > ul > li a{margin:-15px -10px -15px -20px;padding:15px 10px 15px 20px;}

/* #empix .kategorien ul ul{padding:0 0 0 0; margin-top:-1px; border-top:3px solid #515753;}*/ 
#empix div.kategorien ul ul li, ul.kategorien ul li {border-bottom:none; padding:10px 0 0 10px}
#empix div.kategorien ul ul li:last-child, div.kategorien ul li:last-child {padding-bottom: 0px;}
#empix div.kategorien ul ul li:last-child a, div.kategorien ul li:last-child a {padding-bottom:10px}
#empix div.kategorien ul ul li a, ul.kategorien ul li a{padding:0; margin:0}
#empix div.kategorien ul > ul li a, ul.kategorien > ul li a{}
#empix div.kategorien ul ul li a:first-child, ul.kategorien ul li a:first-child{}
#empix div.kategorien ul ul li a:before, #empix ul.kategorien ul li a:before{content:"\00b7 \00a0 ";}
#empix div.kategorien ul ul li a:hover, ul.kategorien ul li a:hover{background:inherit; color:#fff; text-shadow:0 0 2px #000;}
#empix div.kategorien ul ul ul:not(:last-child) li, ul.kategorien ul ul:not(:last-child) li  {border-bottom:none}
#empix div.kategorien ul ul ul li, #empix ul.kategorien ul ul li {padding:10px 0 0 10px}
#empix div.kategorien ul ul ul li a:first-child, ul.kategorien ul ul li a:first-child {padding-top:5px;}
#empix div.kategorien ul ul ul li a:before, #empix ul.kategorien  ul ul li a:before{content:"\203A \00a0 ";}

/* Beschreibung */
#empix h1.produktname{clear:both;background:#DFE1E9 none repeat scroll 0 0;color:#2E3330;text-transform:uppercase;font:400 27px/30px Lato, Arial;display:block;border-bottom:1px solid #000;margin:-20px -20px 0;padding:20px;}
#empix .beschreibung{border:0 solid red;padding:20px;}
#empix .beschreibung ul{padding-left:20px;}
#empix .beschreibung h3{border-bottom:1px solid #DFE1E9;margin-bottom:10px;padding-bottom:5px;}
@media(min-width: 751px) and (max-width: 1200px) {
	#empix .beschreibung .ecol-4 {padding-left:30px}
}
@media(max-width: 950px){
	#empix .kategorien {width: 100%}
	#empix .beschreibung{float:none; width:100%}
	}
@media(min-width: 951px){
	#empix .beschreibung{float:right}
}
@media(max-width: 750px){
	/* RSlider 
	#empix #slider_container {margin-left:-15px}*/
}

/* Galerie */
#empix #slider_container img {max-width: 100%; max-height: 100%; height: auto; width: auto;}

/* Sofortkauf */
div.sofortbox{width:95%;border-radius:3px;border:0 solid #999!important;max-width:100%;text-align:left;padding:5px 15px 0 10px;}
div.sofortbox .sofortpreis{color:#333;text-align:right;}
div.sofortbox .sofortpreis>span{float:left;font-size:12px;padding-top:14px;display:inline;}
div.sofortbox .sofortpreis>h1{display:inline;}
div.sofortbox .sofortpreis+span{font-size:12px;display:block;text-align:right;padding:0;}
div.sofortbox .soforttext{display:block;border-bottom:1px solid #666;padding:10px 0;}
div.sofortbox .soforttext ul{padding-left:15px;}
div.sofortbox a.sofortbutton{color:#fff!important;background:#0079BC;border:1px solid #00509D;border-radius:3px;text-decoration:none;font:16px Arial, Helvetica, sans-serif;font-weight:400;margin-top:15px;display:inline-block;float:right;background-image:linear-gradient(tobottom,#0079BC0%,#00509D100%);padding:7px 15px;}
div.sofortbox a.sofortbutton:hover{background:#00509D;text-decoration:none;}
span.last-line{margin-top:10px;line-height:18px;float:left;}
span.last-line a{font-size:12px;text-decoration:none;color:#666;padding-top:2px;}
span.last-line a:hover{color:#333;text-decoration:underline;}
@media(max-width: 1050px){
	div.sofortbox .sofortpreis > h1 {font-size:20px}
}

/* Tabs */
.etabs {/* background:rgba(139,131,120,0.1)*/}
.tabs-wrapper {margin: 30px 0}
.tabs-wrapper label {background: #fff; border:1px solid #D5D5D5; color:#888; 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: #515753; color: #fff; transition:none}
.tab-head:checked + label.tab-label {background: #2E3330; color: #fff; border:none}
.tab-body {padding: 20px;}
.tab-body-wrapper { margin-top:-1px; background: #fff; box-sizing:border-box; border: #D5D5D5 1px solid; border-top: #2E3330 3px solid; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0;}

/* Cross */
#empix fieldset {border:1px solid #D5D5D5; margin:0; width:100%; padding: 0 15px; margin:1%; text-align:center;}
#empix fieldset legend {font-size:18px;}
#empix fieldset a.ebutton {margin-top:20px; display:inline-block}
@media(min-width: 1050px){
	#empix fieldset {float:left; width:48%;}
}

/* Copyright */
.ecopy {color:#515753; padding:20px; text-align:center}

/* weitere Angebote */
#empix h3.weitereAngebote {text-align:center;}
#empix h3.weitereAngebote span {float:none;}
#empix div.weitereAngebote {white-space:nowrap; height:250px; background:#fff; max-width:100% !important; overflow:scroll; overflow-y:hidden; border:1px dotted #7E8998; border-left:none; border-right:none; padding:15px 0; margin:30px 0 15px; display:block;}
#empix div.weitereAngebote img {height:auto; width:auto; max-height:200px; max-width:200px;}
#empix div.weitereAngebote div {vertical-align:top; display: inline-block; padding:0 20px; border-right:1px dotted #ccc; max-width:400px; width:auto; height:200px}
#empix div.weitereAngebote a {padding:0; margin:0 10px 0; float:left}
#empix div.weitereAngebote a.ebutton {padding:3px 5px; margin:10px 0; float:left; font-size:12px}
#empix div.weitereAngebote div span {width:110px; font-size:0.8em; white-space:normal; text-align:left !important;word-wrap: break-word; display:inline-block; line-height:1.5em}

/* Allgemeines */
.eclear{clear:both;}
#empix .ebutton{font-size:18px;color:#fff;box-shadow:0 1px 2px #848C88;border-radius:2px;background:linear-gradient(tobottom,rgba(195,0,0,1) 0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30000',endColorstr='#930000',GradientType=0);padding:8px 20px;}
#empix .ebutton:hover{background:#c30000;}


.text-center{text-align:center;}
.text-right{text-align:right;}