* {
	box-sizing:border-box;
}

body {
background:#333;
font-family:Arial, Helevtica, sans-serif;
font-size:13px;
text-align: center;
}

#page {
	margin:0 auto;
	max-width:1200px;
	padding:0;
}

form,body,html,h1,h2,h3,h4,h5,h6,#nav ul {
margin:0;
padding:0;
}

#suchmethode-popup, #keineartikel-popup, .versandkosten-popup, #cookie-popup, #news-popup,.desktop-only,.mobile-only {
display:none;
}

img,video,input,textarea,select {
height:auto;
max-width:100%;
vertical-align:top;
}

#simplemodal-overlay {
background-color:#000;
cursor:wait;
}

#simplemodal-container {
background-color:#111;
border:2px solid #999;
color:#ddd;
padding:1em;
width:640px;
height:540px;
max-height: 90%;
max-width: 90%;
}

#simplemodal-container a {
color:#ddd;
}

#simplemodal-container h1, #simplemodal-container h2, #simplemodal-container h3 {
color: #fff;
}

#simplemodal-container a.modalCloseImg {
background:url(../images/close.png) no-repeat;
cursor:pointer;
display:inline;
height:29px;
position:absolute;
right:-16px;
top:-15px;
width:25px;
z-index:10001;
}

#simplemodal-container .button {
line-height:150%;
width:75%;
}

.fixed {
font-family:"Courier New", Courier, monospace;
}

.productimg {
border:1px solid #d1d1d1;
height:auto;
margin-right:15px;
width:100px;
}

.productimg2 {
width:90%;
max-width: 400px;
height:auto;
}

.product {
border:1px solid #d1d1d1;
margin:10px 0;
padding:10px;
width:100%;
}

.bestellschritte {
color:#666;
}

.tooltip {
background:#111;
border:2px solid #900;
color:#ddd;
display:none;
width: 90%;
max-width:400px;
padding:1em;
}

.login {
color:#444;
margin-top:20px;
}

#footertext {
background-color:#000;
color:#eee;
padding:1em;
text-align:center;
}

.center {
text-align:center;
}

.sofortlieferbar {
background-color:#093;
color:#fff;
font-weight: bold;
padding:0.5em;
margin:0.5em 0;
display: inline-block;
}

.lieferbar {
background-color:#B1BD26;
color:#fff;
font-weight: bold;
padding:0.5em;
margin:0.5em 0;
display: inline-block;
}

.nichtlieferbar {
background-color:#C00;
color:#fff;
font-weight: bold;
padding:0.5em;
margin:0.5em 0;
display: inline-block;
}

.erw_preisinfo {
clear:both;
display:block;
text-align:right;
}

.headerlogo {
height:auto;
width:100%;
}

a {
color: #333399;
font-weight: bold;
text-decoration:none;
}

a:hover {
color: #3333cc;
text-decoration:none;
}

input, textarea, select {
	padding: 0.3em;
	border: 1px solid #ccc;
}

label {
	font-weight: bold;
}

.button {
font-family:Arial, Helvetica, sans-serif;
background-color:#ccc;
color:#fff;
border: none;
font-weight: bold;
font-size: 133%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
cursor: pointer;
white-space: normal;
}

.button:disabled {
background-color:#ccc;
}

.red.button {
	background-color: #990000;
}

.green.button {
	background-color: #009900;
}

.black.button {
	background-color: #222;
}

a.white {
	color: #fff !important;
	}
	
.button:hover, .button:focus {
	background-color:#bbb;
}

h1 {
color:#000;
font-size:230%;
text-transform:uppercase;
}

h2 {
font-size:180%;
}

h3 {
font-size:150%;
}

h4 {
font-size:120%;
}

h5 {
font-size:100%;
}

h6 {
font-size:100%;
}

.small {
font-size:75%;
}

.large {
font-size:133%;
}

.x-large {
font-weight: bold;
font-size:180%;
}

#container {
background:#fff;
clear:both;
padding:2em 2%;
text-align:left;
width:100%;
}

#container #nav {
border-right:1px dotted #d1d1d1;
float:left;
width:22%;
padding-right:1%;
}

#container #content2 {
float:right;
width:75%;
}

hr {
border:1px solid #ccc;
margin-bottom:20px;
width:100%;
}

.break {
clear:both;
}

#nav ul li {
margin:5px 0 5px 15px;
padding:0;
}

#nav ul li a {
display:block;
}

#nav ul li a:hover {
background:#fff;
}

.filterbox {
background-color:#f0f0f0;
border:1px solid #d1d1d1;
margin-bottom:15px;
padding:0.5em;
text-align:center;
}

.productimg_container {
float:left;
width:33%;
}

.productinfo_container {
float:left;
width:66%;
}

.product .producttitle a {
font-size:133%;
text-transform:uppercase;
}

.orderbox {
background-color:#f0f0f0;
border:1px solid #d1d1d1;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float:right;
padding:1em;
text-align:right;
width:55%;
margin:0;
max-width: 300px;
}

.orderbox .productprice {
color:#1b780d;
font-size:133%;
font-weight: bold;
}

.orderbox .productprice2 {
color:#d00;
font-size:150%;
font-weight: bold;
}

.orderbox .productprice3 {
color:#1b780d;
font-size:120%;
text-decoration:line-through;
}

.productinfo {
float:left;
width:45%;
}

.oddrow {
background-color:#f0f0f0;
}

.erfolg {
color:#090;
font-weight: bold;
}

.fehler {
color:#C00;
font-weight: bold;
}

.exp_heading,.lieferzeit-info {
cursor:pointer;
}

#warenkorb {
width:100%;
}

.padded {
padding: 1em;
}

.bordered {
border: 1px solid #ccc;
background-color: #eee;
}

#top-link, #nav-link, #tel-link, #cart-link {
	margin: 0;
 	display: none;
	position: fixed;
 	right: 10px;
	padding: 12px;
	background: #FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d0d0d0;
	box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
 	-webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
 	-moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

#top-link {
	bottom: 10px;
	}
	
#tel-link {
	background: #000;
	bottom: 80px;
	}

#cart-link {
	background: #900;
	bottom: 150px;
	}
	
#nav-link {
	top: 10px;
	}
	
#topline {
	background-color: #000;
}

#topline div {
	max-width: 1200px;
	margin: 0 auto;
}

#topline div div {
	text-align: center;
	color: #eee;
}

#loading {
background: #fff;
opacity: 0.8;
padding: 5em;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
text-align: center;
}

@media (min-width: 768px){
#main-menu > li,#footer-menu > li {
display:table-cell;
float:none;
text-align:center;
width:1%;
}

.desktop-only {
display:inherit;
}

.width25 {
float: left;
width: 25%;
padding: 1em;
}

.width33 {
float: left;
width: 33%;
padding: 1em;
}

.width50 {
float: left;
width: 50%;
padding: 1em;
}

.width66 {
float: left;
width: 66%;
padding: 1em;
}

.width75 {
float: left;
width: 75%;
padding: 1em;
}

}

@media (max-width: 767px){
body {
font-size: 14px;
}

h1 {
font-size:180%;
}

h2 {
font-size:150%;
}

h3 {
font-size:120%;
}

h4 {
font-size:100%;
}

.mobile-only {
display:inherit;
}

#header {
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: 0;
z-index: 9998;
}

#container #nav,#container #content2 {
border:none;
float:none;
width:100%;
}

#container #nav {
border-top: 4px dotted #ccc;
margin-top:4em;
padding:1em 0 0 0;
text-align: center;
}

.productimg_container, .productinfo_container, .orderbox, .productinfo {
float:none;
width:100%;
margin-bottom: 0.5em;
}

.productimg3 {
margin: 1em 0;
}

.orderbox {
float: right;
}

table.flextable, .flextable tr, .flextable td {
padding:0;
font-size: 1em;
}
table.flextable {
border:none !important;
}
.flextable thead {
display:none;
}
.flextable tr {
float: left;
width: 100%;
margin-bottom: 2em;
}
.flextable td {
float: left;
width: 100%;
padding:0.3em;
text-align: left;
}
.flextable td .container {
width: 66%;
float: right;
}
 .flextable td::before {
content:attr(data-label);
width: 30%;
float:left;
padding:0.3em;
margin:-0.3em 0.3em -0.3em -0.3em;
background: #ccc;
color: #fff;
font-weight: bold;
}

#topline {
	display: none;
}

.padded {
padding: 0.5em;
}

h6, .small {
font-size:100%;
}

.button {
	min-height: 2em;
}

}

@media (min-width: 1280px){
#page {
border:4px solid #fff;
margin:15px auto;
}
}

@media (max-width: 340px) {
body {
font-size: 14px;
}
#container {
padding:1em;
}
.small {
font-size:100%;
}
}