/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
	padding-bottom:60px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #454545;
	background-color: #fff;
}
/* Usercentrics */
#usercentrics-button .uc-banner-content {
    background-color: #EF8B46 !important;
}

#usercentrics-button .uc-btn-new.uc-btn-accept {
    background-color: #fff!important;
    color: #EF8B46 !important;
}
#usercentrics-button .uc-btn-new.uc-btn-deny {
    background-color: #fff!important;
    color: #EF8B46 !important;
}
#usercentrics-button .uc-btn-new.uc-btn-more {
    background-color: #fff!important;
    color: #EF8B46 !important;
}
#usercentrics-button #uc-consents-info-modal .uc-modal-header {
    background-color: #EF8B46 !important;
}
#usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input {
    background-color: #EF8B46 !important;
    border: 1px solid #7c7b7b!important;
}
#usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input:-moz-placeholder, #usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input::placeholder {
    color: #fff !important;
}
#usercentrics-button #uc-consents-info-modal .uc-modal-footer .uc-save-settings-and-close-button {
    background-color: #EF8B46 !important;
}
#usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar {
    background-color: #fff!important;
}
#usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar .uc-powered-by {
    background-color: #fff!important;
}
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header {
    background: #EF8B46 !important;
    background-color: #EF8B46 !important;
}
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs {
    background-color: #EF8B46 !important;
    background: #EF8B46 !important;
}
#uc-corner-modal a[href], #uc-center-modal a[href], #uc-banner-modal a[href], #uc-central-banner-modal a[href] {
    color: #EF8B46 !important;
}
.usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button {
    background: #EF8B46 !important;
    background-color: #EF8B46 !important;
}
#bto-path-1, #ico_button_close-b {
    fill: #EF8B46 !important;
}
#speechbubble, #fingerprint {
   fill: #fff!important;
}

.infotxt.legal h2 {
    margin: 0;
    font-size: 18px;
    color: #526383;
    letter-spacing: 2px;
    padding: 20px 0 15px 0;
    text-transform: uppercase;
}
.infotxt.legal h3 {
    font-size: 15px;
    color: #000000;
}
.infotxt.legal ul {
  list-style: disc;
}

h1, h2, h3, h4, .fett,
#NAValle, #NAVneu, #NAVsale,#NAVsupport, #NAVwarenkorb,
#NAVtel nobr {
	font-weight:bold;
}

h1 {
	margin:0;
	font-size:18px;
	color:#f7640f;
	letter-spacing:1px;
	padding:0 0 10px 0;
	text-transform:uppercase;
}

#intro {
	line-height:170%;
	padding:0 0 30px 0;
	letter-spacing:1px;
	text-align:justify;
}

h2 {
	margin:0;
	font-size:15px;
	color:#526383;
	letter-spacing:2px;
	padding:20px 0 15px 0;
	text-transform:uppercase;
}

h4 {
	margin:0;
	font-size:12px;
	color:#526383;
	letter-spacing:2px;
	padding:20px 0 15px 0;
	text-transform:uppercase;
}

p {
	line-height:170%;
	letter-spacing:1px;
}

a {
	color:#526383;
}

a.da {
	text-decoration:none;
	border-bottom:1px dashed #526383;
}

.blass { color:#787878; }


.cap1 {
	float:left; background:#eee; width:35px; height:35px; margin: 5px 15px 0 0;border-radius:2px;
	text-align:center;
	line-height:35px;
	color:#f7640f;
	font-size:140%;
}
.cap1 i {
	opacity:0.8;
}


.kwrap div {
	padding:5px 0 15px 0;
	line-height:150%;
	text-transform:uppercase;
	color:#aaa;
	font-size:90%;
}

a.dk {
	text-decoration:none;
	color:#aaa;
	border-bottom:1px dashed #ccc;
}

.sml1 {
	font-size: 75%;
}

.sml2, .xsmall {
	font-size: 70%;
}

.lrg1 {
  font-size: 110%;
}

.lrg2 {
  font-size: 120%;
}


.sp30 {
	padding-top:30px;
}
.spc30 {
	height:30px;
}

.infotxt {
	letter-spacing:1px;
	line-height:20px;
	text-align:justify;
	padding:0 0 30px 0;
}

/* --- -- - tooltips - -- --- */

.tt {}
.tti {}

.ttc { display:none; }


/* ----- ---- --- -- - LAYOUT - -- --- ---- ----- */

.LCRtop {
	height:110px;
}

.LC > .L, .LCR > .L, .LCRkat > .L  {
    position: relative;
    top: 0;
    left:auto;
    width: 250px;
	 float:left;
}

.LCR > .R, .LCRkat > .R, .CR > .R {
    position: relative;
    top: 0;
    left:auto;
	 float:right;
}

.LCR > .R, .LCRkat > .R {
    width: 220px;
}

.CR > .R {
    width: 240px;
}

.LCRtop > .L  {
	position: relative;
	top: 0;
	left:auto;
	width: 430px;
	float:left;
}

/* rot */
@media (max-width: 767px) {
	.LC > .C, .LCR > .C, .CR > .C {
    	/* min-width:650px; */
	}

	.LCRkat > .C {
		margin:0 0 0 0;
	}
}

/* rot */
@media (min-width: 768px) {
	.LC > .C, .LCR > .C  {
    	margin-left:280px;
	}

	.LCR > .C {
    	margin-right:240px;
	}

	.CR > .C {
    	margin-right:260px;
	}

	.LCRkat > .C {
		margin:0 0 0 280px;
	}
}

/* orange */
@media (max-width: 992px) {
	.LCRtop > .R {
	    display:none;
	}

	.LCRtop > .C {
		margin:0 0 0 430px;
	}
}

/* blau */
@media (min-width: 992px) {
	.LCRtop > .R {
	    position: relative;
	    top: 0;
	    left:auto;
	    width: 255px;
		 float:right;
	}

	.LCRkat > .C {
		margin:0 0 0 280px;
	}

	.LCRtop > .C {
		margin:0 255px 0 430px;
	}
}

/* grün */
@media (min-width: 1200px){
	.LCRkat > .C {
		margin:0 238px 0 280px;
	}
}

.left {float:left;}

.right {float:right;}

.clear {
	clear: both;
}


div.rhl {
	font-weight:bold;
	color:#526383;
	letter-spacing:2px;
	padding:40px 0 0 0;
	text-transform:uppercase;
}

.indexbannerL {
	padding-left:0;
}
.indexbannerL div, .indexbannerR div {
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .175);
	box-shadow: 2px 3px 3px rgba(0, 0, 0, .175);
	border-radius:2px;
	overflow:hidden;
	max-height:200px;
	margin-bottom:10px;
}

.indexbannerL img, .indexbannerR img {
	width:100%;border:none;
}

@media (max-width: 1200px) {
.indexbannerL {
	padding-right:0;
}}
.indexbannerR {
	padding-right:0;
}

/* ##### MISC ##### */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* scrollbalken im IE immer sichtbar, überdeckt sonst ggf. Seitenelemente*/
@-ms-viewport {
	width: auto !important;
	-ms-overflow-style property
}

/* mouseover für bootstrap 3 Navigation ab Breite von 767px, */
/* ggf. für mobile Endgeräte ausschalten */

@media (min-width: 767px) {
	ul.nav li.dropdown:hover ul.dropdown-menu,
	ul.nav li.multi-dropdown:hover ul.multi-level {
		display: block;
		margin-top:0px
	}
	.dropdown-toggle {cursor:pointer !important;}
}



/* ------ Sprechblasen -------- */

span.triangle {
	background: #eee;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	-webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
           transform: rotate(45deg);
}

span.pos1 { bottom: -5px; left: 25px; }
span.pos2 { top: 25px; left: -5px; }
span.pos3 { top: -5px; left: 25px; }
span.pos4 { top: 25px; right: -5px; }

span.trio {
   background: #EF8A45;
   display: block;
   width: 12px;
   height: 12px;
   position: absolute;
   -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
           transform: rotate(45deg);
}

#infobubble {
	position:absolute;
	top:28px;
	right:7px;
	width:233px;
	height:60px;
	background:#efeeee;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	font-size:95%;
}

#infobubble div {
	padding:7px 10px;
	color:#787878;
	line-height:150%;
}

#infobubble a {
	text-decoration:none;
	border-bottom:1px dashed #526383;
}

/* ----------------- */

#widerruf {
	line-height:150%;
	/* letter-spacing:1px;
	text-align:justify; */
}

ul.wdr {
	padding:0;
	margin:0;
}

ul.wdr li {
	list-style:none;
	margin:20px 0;
	/* padding:0 0 0 25px; */
}

ul.wdr a {
	line-height:25px;
}

/* ----------------- */

.cod {
	padding:30px 0 0 0;
}

.cod1 {
	background:url(/img/dhl.v2.gif) no-repeat -13px -5px;
	height:15px;
}

.cod2 {
	background:url(/img/dhl.v1.gif) no-repeat 0px 0px;
	height:50px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-top:5px;
}

/* ##### HEADER ##### */

#head {
	margin:0 auto;
}

#logo {
	width:90px;
	height:90px;
	border:none;
	position:absolute;
	top:12px;
	/* left:85px; */
	left:15px;
}

#meinshop {
	width:197px;
	height:64px;
	border:none;
	position:absolute;
	top:25px;
	/* left:203px; */
	left:125px;
}

/* ##### STICKY HEADER (NAV) ##### */

header {
	height:50px;
	background:#fff;
	z-index:90;
}

#menu {
	z-index:90;/*
	padding-left:0;
	padding-right:0; */
}

#menu.affix {
	position:fixed;
	top:0;
	width:100%;
	/* background-image: -webkit-linear-gradient(top left, #ff7e21 0%, #EF8B46 100%);
	background-image: -moz-linear-gradient(right bottom, #ff7e21 0%, #EF8B46 100%);
	background-image: -o-linear-gradient(#ff7e21 0%, #EF8B46 100%);
	background-image: linear-gradient(#ff7e21 0%, #EF8B46 100%);
	background:linear-gradient(to bottom left, #ff7e21, #EF8B46);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e21', endColorstr='#EF8B46'); */
	background:#EF8B46 url(/img/bgr.png) ;
}

/* ##### NAVIGATION (DESIGN:fp1) ##### */

.navbar {
	margin-bottom:0;
}

#menu .navbar-nav {
	margin: 10px 0 0 -15px;
}

.navbar-right {
	margin: 10px -15px 0 0;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 5px 20px 0 0;
  font-size: 18px;
  line-height: 20px;
}

.navbar-fp1 {
  border:none;
  z-index: 90;
  border-radius: 0px;
  margin:0 auto;
  /* padding:0 15px; */
  padding:0;
}

.navbar-fp1 .navbar-brand {
  color: #777;
}
.navbar-fp1 .navbar-brand:hover,
.navbar-fp1 .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-fp1 .navbar-text {
  color: #777;
}
.navbar-fp1 .navbar-nav > li > a {
  color: #777;
}
.navbar-fp1 .navbar-nav > li > a:hover,
.navbar-fp1 .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-fp1 .navbar-nav > .active > a,
.navbar-fp1 .navbar-nav > .active > a:hover,
.navbar-fp1 .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-fp1 .navbar-nav > .disabled > a,
.navbar-fp1 .navbar-nav > .disabled > a:hover,
.navbar-fp1 .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-fp1 .navbar-toggle {
  /* border-color: #ddd; */
  border:none;
  padding:0;
  margin-right:2px;
  color:#999;
}
.navbar-fp1 .navbar-toggle:hover,
.navbar-fp1 .navbar-toggle:focus {
  background-color: transparent;
  color:#808080;
}
.navbar-fp1 .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-fp1 .navbar-collapse,
.navbar-fp1 .navbar-form {
  border-color: #e7e7e7;
}
.navbar-fp1 .navbar-nav > .open > a,
.navbar-fp1 .navbar-nav > .open > a:hover,
.navbar-fp1 .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .navbar-fp1 .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-fp1 .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-fp1 .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-fp1 .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-fp1 .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-fp1 .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-fp1 .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-fp1 .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-fp1 .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-fp1 .navbar-link {
  color: #777;
}
.navbar-fp1 .navbar-link:hover {
  color: #333;
}
.navbar-fp1 .btn-link {
  color: #777;
}
.navbar-fp1 .btn-link:hover,
.navbar-fp1 .btn-link:focus {
  color: #333;
}
.navbar-fp1 .btn-link[disabled]:hover,
fieldset[disabled] .navbar-fp1 .btn-link:hover,
.navbar-fp1 .btn-link[disabled]:focus,
fieldset[disabled] .navbar-fp1 .btn-link:focus {
  color: #ccc;
}

@media (min-width: 768px) {

	#NAValle {
		background:#EF8B46;
		color:#fefefe;
		letter-spacing:1px;
		text-transform:uppercase;
		width:250px;
		margin:0 30px 0 0;
		padding-top: 5px;
	  	padding-bottom: 5px;
	  	line-height: 20px;
		border-radius: 2px;
		position:relative;
	}


	#NAValle .fa {
		margin:0 14px 0 0;
	}

	#NAValle span.dropdownarrow {
		position:absolute;
		right:14px;
		top:4px;
	}

	#NAVneu, #NAVsale {
		font-size: 85%;
		background:#e3e3e3;
		letter-spacing:1px;
		margin:2px 30px 0 0;
		padding-top: 3px;
	  	padding-bottom: 3px;
	  	line-height: 20px;
		border-radius: 2px;
	}

	#NAVsale {
		color:#F26542;
	}

	#NAVsupport {
		font-size: 95%;
		margin:0;
		letter-spacing:1px;
		padding: 5px 0px;
	  	line-height: 20px;
		text-transform:uppercase;
	}

	#NAVwarenkorb {
		background:#EF8B46;
		color:#fefefe;
		letter-spacing:2px;
		text-transform:uppercase;
		margin:1px 30px 0 0;
		padding-top: 3px;
	  	padding-bottom: 3px;
		padding-right:35px;
		padding-left:30px;
	  	line-height: 22px;
		border-radius: 2px;
		position:relative;
	}

	#NAVwarenkorb span {
		position:absolute;
		right:-40px;
		top:0px;
		width:40px;
		height:30px;
		background:url(/img/nav.cart.png) no-repeat;
	}

	#NAVtel {
		position:absolute;
		top:10px;
		right:95px;
		text-align:right;
		letter-spacing:2px;
		color:#787878;
		font-size:85%;
	}

	#NAV1 > li > a, #NAV2 > li > a,
	#NAV1 > li > ul > li > a, #NAV2 > li > ul > li > a,
	#NAV1 > li > ul > li > ul > li > a {
	/* #NAV1 li a, #NAV2 li a { */
  		padding-top:8px;
  		padding-bottom:8px;
		padding-left:15px;
		letter-spacing:1px;
	}

	#NAV1 > li > ul, #NAV1 > li > ul > li > ul,
	#NAV2 > li > ul, #NAV2 > li > ul > li > ul {
		border-top:3px solid #EF8B46;
		border-radius:0px 0px 2px 2px;
		margin-top:-8px;
		width:275px;
	}

	#NAVs2 {	}

	.NAVsubtext {
		font-size:10px;
		color:#999;
	}

	#NAV1, #NAV2, #NAV3, #NAVs2dropdown {
		border-top:3px solid #EF8B46;
		margin-top:-3px;
	}

	.dropdown-menu {
		background:#fcfcfc;
		-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .175);
              box-shadow: 2px 3px 3px rgba(0, 0, 0, .175);
	}

	#NAV1, #NAV2, #NAV1 ul {
		width:250px;
	}

	#NAV3 {
		margin-right:30px;
		min-width:250px;
		background:#fff;
	}

	#NAVs2wrap {
		display:none;
	}

	#NAVs2dropdown {
		margin:-14px 210px 0 0;
	}

	#menu.affix .navbar-fp1 {
		/* -webkit-box-shadow:inset 0 -3px 3px rgba(200, 200, 200, .175);
              box-shadow:inset 0 -3px 3px rgba(200, 200, 200, .175); */
	}

	#menu.affix #NAValle {
		background:transparent; /* #e3e3e3; */
		color:#fefefe;
		/*  -webkit-box-shadow: 1px 2px 2px rgba(100, 100, 100, .175);
              box-shadow: 1px 2px 2px rgba(100, 100, 100, .175); */
	}

	#menu.affix #NAVneu, #menu.affix #NAVsale {
		background:transparent;color:#fefefe;
	}

	#menu.affix #NAVsupport {
		color:#fcfcfc;
	}

	#menu.affix #NAVwarenkorb {
		background:transparent;
		color:#fefefe;
		/* -webkit-box-shadow: 2px 3px 3px rgba(100, 100, 100, .175);
              box-shadow: 2px 3px 3px rgba(100, 100, 100, .175);
		-webkit-box-shadow: 1px 2px 2px rgba(100, 100, 100, .175);
              box-shadow: 1px 2px 2px rgba(100, 100, 100, .175);*/
	}

	#menu.affix #NAVwarenkorb span {
		background:url(/img/nav.cart.fff.png) no-repeat;
	}

	#menu.affix #NAV1  {
		border-top:3px solid #cecece;
	}

	#menu.affix #NAV2  {
		border-top:3px solid #cecece;
	}

	#menu.affix #NAVs2wrap {
		display:block;
		padding:0 30px 0 0;
	}

}

#search-mobile {
	margin-top: 10px;
}

#NAVs1, #NAVs3, #q-mobile {
	background:#cecece;
	border:none;
	border-radius:3px;
	-webkit-box-shadow: none;
           box-shadow: none;
  	-webkit-transition: none;
        -o-transition: none;
           transition: none;
	padding:0 12px;
}

#NAVs1 {
  	height:34px;
	line-height:30px;
}

#NAVs3, #q-mobile {
  	height:28px;
	line-height28px;
	/*	-webkit-box-shadow: 1px 2px 2px rgba(100, 100, 100, .175);
              box-shadow: 1px 2px 2px rgba(100, 100, 100, .175);
	 border:4px solid #ccc; */
}

#menu.affix #NAVs3 {
  	background:#fcfcfc;
}

#NAVs3wrap {
	display:none;
	margin:1px 60px 0 20px;
	position:relative;
}

#menu.affix #NAVs3wrap {
	display:block;
}

#NAVs3wrap .NAVs3lupe {
	position:absolute;
	right:5px;
	top:1px;
	height:23px;
}

#search-mobile .lupe {
	display: none;
}

#search-mobile #q-mobile {
	width: 100%;
}

/* #NAVs1::-moz-placeholder, #NAVs1:-ms-input-placeholder, #NAVs1::-webkit-input-placeholder {
	font-size: 90%;
	color:#787878;
	line-height:30px;
	letter-spacing:1px;
	opacity: 1;
}
*/

#NAVs3::-webkit-input-placeholder {
	color:#aaa;
	font-size: 90%;
	line-height:28px;
	letter-spacing:1px;
}
#NAVs3:-moz-placeholder {
	color:#aaa;
   opacity:  1;
	font-size: 90%;
	line-height:28px;
	letter-spacing:1px;
}
#NAVs3::-moz-placeholder {
	color:#aaa;
   opacity:  1;
	font-size: 90%;
	line-height:28px;
	letter-spacing:1px;
}
#NAVs3:-ms-input-placeholder {
	color:#aaa;
	font-size: 90%;
	line-height:28px;
	letter-spacing:1px;
}


#pfad {
	color:#999;
	letter-spacing:2px;
	padding:7px 15px;
	background:#fff;
	margin:0 -15px;
}
#pfadwrap {
	margin:0 auto;
	padding:0;
}
#pfad a {
	color:#999;
	margin:0 8px 0 0px;
}

#menu.affix #pfad {
	/* margin-top:-1px; */
	/*background:#e3e3e3;  url(/img/bgr2.png) ;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #ccc;*/
	color:#787878;
	/* -webkit-box-shadow: 1px 2px 2px rgba(150, 150, 150, .175);
              box-shadow: 1px 2px 2px rgba(150, 150, 150, .175); */
}
#menu.affix #pfad a {
	color:#787878;
}

#pfad i.fa {
	font-size:10px;
	color:#ccc;
}

/* content Wrap */

.content {
	 min-width: 300px;
	 margin: 0 auto;
	 padding-top: 30px;
	 margin-bottom: 100px;
}

.allpages {
	 padding-top:50px;
}

 /* sticky footer */
#stickyfooter {
	/*height:35px;*/
	min-height:35px;
	background:#ccc url(/img/bgr.png);
	/* border-top:1px solid #bbb; */
	border-top:none;
	height: auto;
}

#stickyfooter .navbar-nav {
	margin: 0;
	font-size:80%;
}

#stickyfooter .navbar-text {
	font-size:80%;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#787878;
	line-height:35px;
	margin:0 20px 0 0;
}

#stickyfooter a.navbar-link {
	color:#787878;
}

#stickyfooter a.navbar-link:hover {
	text-decoration:none;
}

#stickyfooter .navbar-nav > li > a {
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:0 10px;
  	line-height:35px;
	color:#787878;
}

.navbar-fixed-bottom {
	/* */
}

#stickyfooter .dtfw {
	width:100%;
}


#NAVfoot1 > li > a,
#NAVfoot1 > li > ul > li > a,
#NAVfoot1 > li > ul > li > ul > li > a {
  	padding-top:8px;
  	padding-bottom:8px;
	padding-left:15px;
	letter-spacing:1px;
}

#NAVfoot1 {
	border-radius:2px 2px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom:3px solid #cecece;
}


#visitor {}

#visitor > li > ul,
#visitor > li > ul > li > ul {
	border-radius:2px 2px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background:#f3f3f3;
	border:none;
	/* border-top:3px solid #e3e3e3; */
}

#stickyfooter .visit {
	padding:20px 0;
	/* line-height:120%; */
}

/* menu styes */
/* .list-unstyled,
.list-unstyled ul { min-width: 200px }

@media ( min-width: 767px ) {
  .panel-group { width: 600px; }
  .thumbnail { margin: 0; }
} */

/* ##### animationen ##### */
/*
# weitere animationen: js/animation.css
*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}






/* ##### top sliding panel ##### */

#toppanel {
	position:fixed;   				/* panel will overlap content, no scrolling => open/close always visible */
	/* position:absolute; */		/* panel will overlap content, scrolling */
	/* position: relative; */   	/* panel will "push" content down */
	top: 0;
	width: 100%;
	z-index: 99;
	margin-left: auto;
	margin-right: auto;
}

#panel {
	width: 100%;
	height: 150px;
	color: #eee;
	background: #BFC0C2;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#toggler {
	position: relative;
	display:block;
}
/*
#toggler.affix {
	display:none;
}
 */
.hint {
	height:50px;
	width:50px;
	position: absolute;
	top:0;
	right:0;
	z-index: 99;
}

.hint a.panelopen, .hint a.panelclose {
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	position: relative;
	/* color:#EF8B46; */
	color:#fff;
	font-size:125%;
	text-decoration:none;
	text-align:right;
	padding:7px 9px 0 0;
}

#dreieckRO {
	width: 0;
	height: 0;
	border-top: 50px solid #BFC0C2;
	border-left: 50px solid transparent;
	position:absolute;
	top:0;
	left:0;
}



/* ##### star rating ##### */

.rating {
    float:left;
}

/*
:not(:checked) is a filter, so that browsers that don’t support :checked don’t
follow these rules. Every browser that supports :checked also supports :not(), so
it doesn’t make the test unnecessarily selective
*/

.rating:not(:checked) > input {
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    /* text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating:not(:checked) > label:before {
	/* content: "\f006"; */ /* Stern (nur Rand) */
   	content: "\f005";
	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
}

.rating > input:checked ~ label {
    color: #f70;
   /*  text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    /* text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    /* text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); */
}

.rating > label:active {
    position:relative;
}


/* ##### multi level menü für bootstrap 3 ##### */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
	min-width:320px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	position:absolute;
	right:12px;
	top:12px;
	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
	font-size:75%;
	content: "\f067";
	color:#d3d3d3;
}

.dropdown-submenu:hover>a:after {
   content: "\f0da";
	font-size:120%;
	color:#aaa;
	right:12px;
	top:6px;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* --- -- - Meldungen - -- --- */

.note {
	padding:10px 20px;
	background:#ffffff no-repeat 15px center;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	margin:20px 120px 20px 180px;
	/* width:80%;
	font:normal 12px arial;*/
	letter-spacing:1px;
}

#nyroModalContent .note {
	margin:20px 50px 0 100px;
}

td.tblinfo .note {
	margin-top:0px;
}

.note div.smbl {
	position:absolute;
	top:2px;
	left:-50px;
	width:30px;
	height:30px;
}

.info {
	background-color:#fafafa;
	/*  border:1px solid #a2b4ee !important; */
	border:1px dashed #BFC0C2 !important;
	color:#585b66;
}

.info div.smbl {
	background-image:url(/img/note.info.png);
}

.info a {
	color:#585b66;
	border-bottom:1px dashed #585b66;
}

/* --- -- - ACCORDION: sitemap, faq - -- --- */

#accordion {}

#accordion .panel-heading a {
	/* letter-spacing:1px;
	font-size:13px; */
	line-height:18px;
}

#accordion .panel-heading .accordion-toggle:after {
	font-family: 'FontAwesome';
	content: "\f068"; 	/* (-) */
   float: left;
   color: #aaa;
	margin-right:15px;
	font-size:11px;
	line-height:18px;
}

#accordion .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
	content: "\f067"; 	/* (+) */
}

#accordion .panel-default > .panel-heading {
	color: #333;
	border:none;
	background:#E3E3E3;
	border-radius:2px;
	padding-top:2px;
	padding-bottom:2px;
}

#accordion .panel-default > .panel-heading a {
	display:block;
	padding:8px 0;
	color:#666;
}

#accordion .panel-default {
	border:none;
	padding-bottom:15px;
	border-radius:0px;
  -webkit-box-shadow:none;
          box-shadow:none;
}

#accordion .panel-body {
	border-top:none;
}
#accordion .panel-group .panel-heading + #accordion .panel-collapse > .panel-body,
#accordion .panel-group .panel-heading + #accordion .panel-collapse > .list-group {
  border-top:none;
}

/* ----- ---- --- -- - Kategorien - -- --- ---- ----- */

/* --- sitemap --- */

.mwp {
	height:80px;
	line-height:80px;
	margin:0 10px 10px 10px;
	float:left;
	overflow: hidden;
	text-align:center;
   vertical-align: middle;
}

.mwp img {
	border:none;
	 -moz-transform:scale(0.75);
    -webkit-transform:scale(0.75);
    transform:scale(0.75);
}

/* ------------- */

div.iln {
	/* padding:0 0 4px 0; */padding:20px 0 15px 0;
}

div.iln h2 {
	display:inline;
}

div.iln span {
	/* font-size:10px; */
}

.h2sub {
	text-align:justify;
	color:#666;
	letter-spacing:1px;
	margin-top:-5px;
	padding:0 0 40px 0;
	line-height:150%;
}

div.mhrwrap {
	margin: 0 0 50px 0; padding-bottom:30px; border-bottom:2px dashed #e3e3e3;
}
div.mhrwrap i {
	border-radius:3px; width:26px; line-height:26px; background:#EF8B46; color:#fefefe; margin:0 10px 0 5px; text-align:center;
}
div.mhrwrap a {
	line-height:26px;
}

/* ------------ */
.brands {
	text-align:center;
	padding:10px 0;
}

.brands .brnd {
	margin:0 0 35px 0;
}

.brands div.brnd:hover {}

.brands img {}


.dsdbox {		/* Ebene e2 */
	padding: 14px 20px 16px 20px;
	border: 1px dashed #927c68;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:-40px 0 75px 0;
	line-height:20px;
}

.dsdbox2 {		/* Ebene e2 */
	padding: 14px 20px 16px 20px;
	border: 1px dashed #927c68;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:0 0 40px 0;
	line-height:20px;
}

.dsdbox3 {		/* übrige Seiten */
	padding: 14px 20px 16px 20px;
	border: 1px dashed #927c68;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:50px 0 40px 0;
	line-height:20px;
}



/* ----- ---- --- -- - PRODUKTLISTEN - -- --- ---- ----- */

.produkte {
  /* border: 1px solid #333;
  max-width: 1200px; */
  position:relative;
}

/* clear fix */
.produkte:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- STAMP ---- */

.produkte .stamp {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 90px;
	height: 220px;
	background:#fff;
  	margin:0 10px 40px 0;
}


/* ---- PRODUKT ---- */

.produkt, .contentbasic {
  position: relative;
  height: 220px;
  overflow:hidden;
}

.produkt {
  float: left;
  width: 200px;
  margin:0px 10px 40px 10px;
  background: #fff;
  color: #262524;
}

.produkt > * {
  margin: 0;
  padding: 0;
}

/* .produkt div.contentbasic .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}

.produkt div.contentbasic .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.produkt div.contentbasic .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
} */

div.produkt a {
	text-decoration:none;
}

div.produkt div.produktBILD {
	position: relative;
	text-align:center;
	padding-bottom:10px;
	margin:0 10px;
	border-bottom:1px dashed #ccc;
}

div.produkt div.produktBILD img {
	width:152px;
	height:94px;
}

div.produkt div.produktINFO {
	padding:0 12px;
}

div.produkt h3 {
	margin:0;
	padding:5px 0 10px 0;
	line-height:20px;
}

div.produkt h3 span {
	font-size:13px;
	color:#f7640f;
	text-decoration:none;
	border-bottom:1px dashed #f7640f;
	letter-spacing:1px;
}

div.produkt .preis {
	padding:5px 0 0 0;
	font:normal 10px arial;
	color:#787878;
}

.preisSORT {
	display:none
}

div.produkt .vk {
	font:bold 11px arial;
	letter-spacing:1px;
	/* color:#f7640f; */
	color:#666666;
}

div.produkt .grundpreis {
	font:normal 9px arial;
	color:#999;
	padding:2px 0 0 0;
}

div.produkt .preis span.sp {
	font:normal 10px verdana;
	color:#787878;
	letter-spacing:0px;
}

div.produkt .sterne {
	color:#FFAE00;
	padding:8px 0 50px 0;
}

div.produkt .keinesterne {
	color:#FFAE00;
	padding:0 0 35px 0;
}

.preisSORT, .sterneSORT {
	display:none
}

/* ---- button ---- */

.SRTbutton, .FLTRbutton {
  display: block;
  width:100%;
  text-align:left;
  padding: 7px 15px;
  background:#efefef;
  border: none;
  border-radius: 2px;
  /* background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) ); */
  color: #666;
  /* font-family: sans-serif; */
  font-size: 14px;
	line-height:18px;
  /* text-shadow: 0 1px white; */
  cursor: pointer;
  margin:0 0 15px 0;
}

.SRTbutton:hover, .FLTRbutton:hover {
  background-color: #e3e3e3;
  /* text-shadow: 0 1px hsla(0, 0%, 100%, 0.5); */
  color: #666;
}

.SRTbutton:active, .FLTRbutton:active,
.SRTbutton.is-checked, .FLTRbutton.is-checked {
  background-color: #e3e3e3;
}

.SRTbutton.is-checked, .FLTRbutton.is-checked {
  color: #666;
}

.SRTbutton.is-checked:after, .FLTRbutton.is-checked:after {
	font-family: 'FontAwesome';
	content: "\f00c"; 	/* haken "check" */
	float: left;
	color: #EF8B46;
	margin-right:15px;
	font-size:13px;
	line-height:18px;
}

#sorts .headline, #filters .headline, #markenfilter .headline {
	font-weight:bold;
	text-transform:uppercase;
	color:#ccc;
	padding:0 0 15px 0;
	letter-spacing:1px;
}

.KATbutton {
	display: block;
	/* width:100%; */
	text-align:left;
	padding: 7px 15px;
	background:#efefef;
	border: none;
	border-radius: 2px;
	color: #666;
	font-size: 14px;
	line-height:18px;
	cursor: pointer;
	margin:0 0 15px 0;
}

.KATbutton:hover {
	background-color: #e3e3e3;
	color: #666;
	text-decoration:none;
}

.KATbutton:active, .KATbutton.is-checked {
	background-color: #e3e3e3;
}

.KATbutton.is-checked {
	text-transform:uppercase;
	font-size: 85%;
	font-weight:bold;
	letter-spacing:1px;
	color: #777;
}

.KATsub {
	text-align:left;
	padding:10px 0 0 40px;
	line-height:18px;
	margin:0 0 10px 0;
	letter-spacing:2px;
	font-size: 90%;
}

.KATsub.is-checked {
	font-weight:bold;
	padding-left:15px;
	color: #777;
	text-transform:uppercase;
}

.KATsub.is-checked:after {
	font-family: 'FontAwesome';
	content: "\f00c"; 	/* haken "check" */
	float: left;
	color: #aaa;
	margin-right:13px;
	font-size:9px;
	line-height:18px;
}

.KATbutton.subkat:after {
	font-family: 'FontAwesome';
	content: "\f067"; 	/* plus */
	float: left;
	color: #aaa;
	margin-right:15px;
	font-size:10px;
	line-height:18px;
}

.KATbutton.is-checked:after {
	font-family: 'FontAwesome';
	content: "\f00c"; 	/* haken "check" */
	float: left;
	color: #EF8B46;
	margin-right:13px;
	font-size:10px;
	line-height:18px;
}

.KATbutton.zrck {
	text-transform:uppercase;
	font-size: 85%;
	font-weight:bold;
	letter-spacing:1px;
	color: #777;
}

.KATbutton.zrck:after {
	font-family: 'FontAwesome';
	content: "\f053"; 	/* pfeil nach links */
	float: left;
	color: #999;
	margin-right:15px;
	font-size:9px;
	line-height:18px;
}

.contenthover { padding:5px; display:none; }


/* ----- ---- --- -- - FAQ / BLOG - -- --- ---- ----- */

.frage {
	padding:10px 0 20px 0;
}

.antwort {
	padding:10px 0 40px 0;
	line-height:20px;
}


/* ----- ---- --- -- - Detailseite - -- --- ---- ----- */

#h1sub {
	/* font-size: 11px; */
	color:#999;
	letter-spacing:1px;
	padding:3px 0 12px 0;
}

#h1sub a {
	color:#999;
	text-decoration:none;
	border-bottom:1px dashed #999;
}

#h1sub a:hover {
	color:#787878;
	border-bottom:1px dashed #787878;
}

.imagewrap {
   width:400px;
   position:absolute;
   height:350px;
	top:0px;
	left:15px;
}

.infowrap {
	padding-left:430px;
	min-height:350px;
}

.imagewrap-xs {
	width:400px;
   position:absolute;
   height:350px;
	top:0px;
	left:50%;
}
.imagewrap-xs #produktslider {
	position:relative;
	left:-50%;
}
.infowrap-xs {
	margin-top:350px;
}

/* Detailseite => Warenkorb Box */

#warenkorbbox {
	position:relative;
	margin:20px 0 0 0;
	border:6px solid #e3e3e3;
	border-radius:12px;
	/* -webkit-border-radius:12px;
	-moz-border-radius:12px; */
	min-height:100px;
}

#warenkorbpfeil {
	position:absolute;
	top:-26px;
	left:15px;
}

#warenkorbinfo {
	line-height:170%;
	color:#666;
	padding:0 0 15px 0;
}

div.statuswrap {
	padding:5px 0 15px 0;
}

#warenkorbbox #btncrt {
	background:#EF8B46;
	color:#fefefe;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#warenkorbbox #artikel, #warenkorbbox #menge  {
	background:#E3E3E3;
	border:none;
	-webkit-box-shadow: none;
           box-shadow: none;
  	-webkit-transition: none;
        -o-transition: none;
           transition: none;
}

#warenkorbbox #lblmenge {
	text-align:left;
	color:#999;
}

#warenkorbbox #artikelwrap {
	padding:0 0 10px 0;
}

#warenkorbbox #artikelwrap div.onlyone {
	background:#E3E3E3;
	height: 34px;
  	padding: 6px 12px;
  	font-size: 14px;
  	line-height: 1.42857143;
  	color: #555;
  	border-radius: 4px;
}

#lagerstatus {
	width:28px;
	height:18px;
	margin-left:3px;
}

.status8, .status9 {
	background:url(/img/status0.png) no-repeat;
}
.status1 {
	background:url(/img/status1.png) no-repeat;
}
.status2 {
	background:url(/img/status2.png) no-repeat;
}
.status3 {
	background:url(/img/status3.png) no-repeat;
}


#warenkorbbox div#einzelpreis {
	text-align:right;
	padding:0 3px 5px 0;
	color:#666;
}

#warenkorbbox div#einzelpreis span.prs {
	font-weight:bold;
}

#warenkorbbox div#einzelpreis span.statt {
	color:#999;
}

#warenkorbbox div#einzelpreis span.statt span {
	text-decoration:line-through;
}

#warenkorbbox div#grundpreis {
	color:#999;
	padding:0 3px 0 0;
	text-align:right;
	/* letter-spacing:1px; */
}

.preisinfo {
	padding:10px 10px 30px 0;
	color:#999;
	text-align:right;
	line-height:150%;
}




/* Detailseite => Preise, Lieferstatus, Infobox */

#range .preis {
	padding-bottom:12px;
	color:#999;
}

#range .preis span.lbl {
	color:#787878;
	letter-spacing:1px;
}

#range .preis div.vk {
	display:inline;
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
	color:#666666;
	padding-right:5px;
}

#range .preis div.grund {
	display:inline;
	/* font:normal 10px arial; */
	color:#999999;
	padding:0 5px 0 0;
}

#range .preis div.jump {
	display:inline;
	/* font:normal 10px arial; */
	color:#999999;
	letter-spacing:1px;
	padding-left:5px;
}

#range .preis div.jump a {
	color:#999999;
	text-decoration:none;
	border-bottom:1px dashed #999999;
}

#range .preis div.jump a:hover {
	color:#787878;
	border-bottom:1px dashed #787878;
}

#range span.sonderpreis {
	text-decoration:line-through;
}

.lieferstatus {
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:15px;
}

.gruen { color:#89B33F; }
.orange { color:#f7640f; }
.rot { color:#DB0000; }

a.statusinfo {padding:3px 5px; margin:0 5px;}


.dashedbox {
	padding: 14px 20px 16px 20px;
	border: 1px dashed #666;
	font-weight:normal;
	font-size:90%;
	color:#666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:10px 0 30px 0;
	line-height:20px;
}


.varianten {
	margin:20px 0 30px 0;
	padding: 12px 10px 10px 10px;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	/* line-height:20px; */
	position:relative;
}

.varianten .vhl {
	position:absolute;
	left:20px;
	top:-6px;
	font-weight:bold;
	text-transform:uppercase;
	color:#004080;
	background:#ffffff;
	letter-spacing:1px;
	padding:0 5px;
	/* line-height: */
}

.varianten img {
	padding:0px 10px;
	border:none;
}


/* Detailseite => Tabelle "technische daten" */

table.techdata {
   padding:0;
   margin:0 0 40px 0;
}

table.techdata td {
	vertical-align:top;
	line-height:24px;
}

table.techdata td.spec {
   padding:0 30px 10px 0;
   font-weight:bold;
}

table.techdata td.val {
   padding:0 0 10px 0;
}

table.techdata ul {
   margin:0 0 0 12px;
   padding:0;
}

table.techdata li {
   padding:0 0 3px 5px;
	line-height:24px;
	list-style-type:circle;
}

/* Detailseite => Groessentabelle */

#grtab {
	margin-top:20px;
}

#grtab td {
	padding:5px 10px;
}

#grtab .grhl{
	background-color:#e3e3e3;
	text-align:center;
	font-weight:bold;
}

#grtab .grhl2{
	background-color:#e3e3e3;
	text-align:center;
}

#grtab .grc {
	text-align:center;
}

#grtab .grc2 {
	text-align:center;
	background-color:#efefef;
}

#grtab td.sz {
	font-weight:bold;
}




#produkttabelle {
	margin:20px 0 50px 0;
	/* font-size:11px; */
}

#produkttabelle table {
	width:100%;
}

#produkttabelle table table {
	width:175px;
}

#produkttabelle tr.hl td {
	font:bold 11px verdana;
	color:#999;
	border-bottom:none;
}

#produkttabelle td {
	padding:10px 30px 13px 0;
	border-bottom:1px solid #ccc;
}

#produkttabelle td.infotr  {
	padding:5px 0 0 0;
	font:normal 11px verdana;
	color:#666;
	border-bottom:none;
}

#produkttabelle td.infotr div {
	padding:5px 0;
}

#produkttabelle td td {
	padding:0;
	margin:0;
	border-bottom:none;
}

#produkttabelle .bestellnr {
	color:#777;
}

#produkttabelle span.sonderpreis {
	color:#999;
	text-decoration:line-through;
}
#produkttabelle div.grundpreis {
	padding:0;
	margin:-10px 0 -5px 0;
	color:#999;
}

#produkttabelle .order {
	text-align:right;
	padding-right:0px;
	font:normal 10px verdana;
	letter-spacing:1px;
	color:#787878;
}
/*
#produkttabelle .order a {
	font:bold 10px verdana;
	letter-spacing:1px;
	color:#517700;
	text-decoration:none;
	padding:2px 0 2px 50px;
	background:url(/img/cart.xs.png) no-repeat;
}

#produkttabelle .order a.na {
	color:#787878;
	text-decoration:underline;
	padding:2px 0;
	background-image:none;
}
*/
#produkttabelle .order div.abs {
	width:175px;
	float:right;
}

#produkttabelle .order form {
	margin:0;
	padding:0;
}

#produkttabelle .order input.anzahl {
	font:bold 11px verdana;
	padding:0px 7px;
	border:none;
	width:16px;
	height:26px;
	margin:1px 20px 0 5px;
	color:#999;
	background:transparent;
}

#produkttabelle .order input.btn-submit {
	width:75px;
	height:30px;
	border:none;
}

#produkttabelle .noorder {
	/* font:normal 11px verdana; */
	color:#999;
	text-align:right;
	padding-right:15px;
}


#produkttabelle .termin {
	text-align:center;
}

#produkttabelle .hinweise {
	text-align:right;
	padding-top:5px;
	font:normal 10px verdana;
}


/* Detailseiten => Modulares Popup, Anfragenformular ("Produktalarm") */

#pa {
	width:700px;
}

#paintro {
	padding:10px 15px 5px 15px;
}

#pabubble {
	background:#efeeee;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position:relative;
}

#pabubble div {
	padding:11px 15px;
	color:#787878;
	line-height:150%;
}


#produktalarm {
	position:relative;
	padding:20px 0 0 0;
}

#produktalarm ul {
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}

#produktalarm li {
    padding:12px;
    position:relative;
	/* background:blue; */
}

#produktalarm label.lblinfo {
   width:150px;
   margin-top: 3px;
   display:inline-block;
   float:left;
   padding:3px;
	font:bold 11px arial;
	color:#787878;
	letter-spacing:1px;
	text-transform:uppercase;
}

#produktalarm label.fehler {
	color:#f7640f;
}

#produktalarm div.inputwrap {
   margin:0 0 0 180px;
	position:relative;
	display:block;
}

#produktalarm .feld {
	height:30px;
	width:100%;
	padding: 5px 8px;
	margin:0;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

#produktalarm .feld {
	background:#cecece;
}

#produktalarm div.submitwrap {
   margin:0 0 0 180px;
	position:relative;
	padding-top:20px;
	text-align:right;
}



/* ------------------------------------ */


#versandkostentabelle {
	margin-top:20px;
}

#versandkostentabelle td {
	vertical-align:top;
	padding:0 0 12px 0;
}

#versandkostentabelle td.viland {
	width:170px;
}

#versandkostentabelle td.vibetrag {

}
#versandkostentabelle td.vi {
	color:#787878;
	/* font-size:11px; */
	line-height:170%;
}

#versandkostentabelle td.vibetrag div {
	padding:7px 0;
	color:#787878;
	/* font-size:11px; */
	line-height:170%;
}

/* - -- --- checkout Formular --- -- - */

.checkoutwrap {
	padding-left:0;
	padding-right:45px;
}

.checkoutwrap2 {
	padding-left:0;
}

#checkoutform {
	margin:0;
	padding:0;
}

#checkoutform ul {
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}

#checkoutform li {
    padding:12px 12px 12px 0;
    position:relative;
}

#checkoutform label {
	font-weight:normal;
}

#checkoutform label.lblinfo {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}

#checkoutform label.fehler, #checkoutform div.fehler, #checkoutform td.fehler {
    color:red;
}

#checkoutform div.inputinfo {
   padding:7px 0 0 180px;
	font-size:90%;
	color:#787878;
}

#checkoutform .feld, #checkoutform .optional  {
	height:30px;
	width:100%;
	padding: 5px 8px;
	margin:0;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

#checkoutform .feld {
	background:#cecece;
}

#checkoutform .hnws {
	/* font:normal 12px verdana; */
	height:100px;
	width:100%;
	background:#ececec;
	padding: 5px 8px;
	margin:0;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

#checkoutform .optional {
	background:#ececec;
}

#checkoutform div.inputwrap {
   margin:0 0 0 180px;
   /* margin:0 100px 0 180px; */
	position:relative;
	display:block;
	/* background:red; */
}

#checkoutform div.strwrap {
	margin:0 0 0 180px;
	/* margin:0 100px 0 180px;  */
	position:relative;
}

#checkoutform div.streetwrap {
	position:relative;
	margin-right:100px;
}

#checkoutform div.streetnumberwrap {
	position:absolute;
	right:0px;
	top:0px;
	width:70px;
	min-height:30px;
}
#checkoutform div.ctywrap {
	margin:0 0 0 180px;
	position:relative;
}

#checkoutform div.citywrap {
	position:relative;
	margin-left:150px;
}

#checkoutform div.zipwrap {
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	min-height:30px;
}

#checkoutform div.errorwrap {
	padding:5px 10px;
	margin-left:180px;
	max-width:380px;
	background: #EF8A45;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#checkoutform li.invalid {
    /*
	display:inline; */
	position:relative;
	/* background:red; */
}

#checkoutform li.invalid span {
    background: #EF8A45;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
	top:7px;
	left:210px;
}

/* #checkoutform span.inputok {
    float:right;
	width:80px;
} */

#checkoutform div.errorhint {
   position:absolute;
	background:green;
	top:15px;
	right:50px;
}

#checkoutform textarea {padding:8px; width:300px;}
#checkoutform button {margin-left:156px;}

/* #checkoutform input:focus:invalid, #checkoutform textarea:focus:invalid {
    background: #fff url(images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
} */

#firmenwrap, #adr1wrap, #adr2wrap {
	display:none;
}

#adr1wrap, #adr2wrap {
	border:2px dashed #ccc;
	/* margin:0 95px 30px 175px; */
	margin:0 0px 30px 165px;
	padding:10px 0 10px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#adr1wrap div.inputwrap, #adr2wrap div.inputwrap {
   margin:0;
}

#adr2wrap div.inputinfo, #adr1wrap div.inputinfo {
    padding:5px 0 0 0;
}

.mfu, .adr1, .adr2 {margin:0 100px 0 180px;}
.colbl{padding:0 40px 0 5px;}
.colbl label {margin:0;}
.cobtn{}

#adr2wrap table, #adr1wrap table {
	width:100%;
}

.adr1lbl, .adr2lbl {
	padding-bottom:3px;
	color:#666;
	font-size:11px;
}
.adr1l, .adr2l {
	padding-right:10px;
}
.adr1r, .adr2r {
	padding-left:10px;
}

#checkoutform div.submitwrap {
   margin:0 0 0 180px;
	position:relative;
	padding-top:20px;
	text-align:right;
}

.submitbtn {
	height:40px;
	width:50%;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font:bold 11px verdana, sans serif;
	letter-spacing:5px;
	color:#fefefe;
	background:#EF8A45;
	cursor:pointer;
	text-align:center;
}

div.submitinfo {
   padding:10px 0 0 0;
	text-align:right;
	color:#666;
	font:normal 11px verdana;
}



div.submitquestion {
   padding:5px 0 20px 0;
   /* font-weight:bold;
   color:#787878; */
	font:bold 11px arial;
	color:#787878;
	letter-spacing:1px;
	text-transform:uppercase;
}


span.optionwrap {
	position:absolute;
	right:7px;
	top:3px;
	font-weight:normal;
	font-size:85%;
	color:#999;
}

@media (max-width: 767px) {
	#stickyfooter
	{
		height: 35px !important;
	}

	.checkoutwrap {
		padding-right: 0;
	}

	.checkoutwrap .note {
		margin-left: 0;
		margin-right: 0;
		padding-left: 30px;
	}

	.checkoutwrap .info div.smbl {
		left: 0;
	}

	#checkoutform label.lblinfo {
		float: none;
		width: 100%;
	}

	#checkoutform div.inputwrap,
	#checkoutform div.inputinfo,
	#checkoutform div.strwrap,
	#checkoutform div.ctywrap,
	#checkoutform div.submitwrap {
		margin-left: 0;
	}

	#checkoutform div.inputinfo {
		padding-left: 0;
	}

	#checkoutform .adr1 {
		margin: 0;
	}

	#checkoutform .adr1 td.colbl {
		padding-right: 10px;
		width: 100%;
	}

	#checkoutform .mfu {
		margin: 0;
	}

	#checkoutform div.streetwrap {
		margin-right: 55px;
	}

	#checkoutform div.streetnumberwrap {
		width: 50px;
	}

	#checkoutform div.zipwrap {
		width: 65px;
	}

	#checkoutform div.citywrap {
		margin-left: 70px;
	}

	#checkoutform #adr1wrap, #checkoutform #adr2wrap {
		margin-left: 0;
	}

}

/* --- -- - checkout ( Fortschrittsbalken ) - -- --- */

#helpme {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px dashed #999;
	padding:7px 12px;
	margin:0 0 40px 0;
	color:#787878;
	line-height:170%;
}

#fortschritt {
	position:absolute;
	right:7px;
	top:0px;
	width:233px;
	min-height:200px;
}

#fortschritt .fon {
	background:#EF8A45;
	margin-bottom:3px;
	position:relative;
}

#fortschritt .fon div {
	text-align:center;
	padding:20px 0;
	font:bold 11px verdana, sans serif;
	color:#F9D0B5;
	letter-spacing:1px;
}

#fortschritt .foff, #fortschritt .fback {
	background:#eee;
	margin-bottom:3px;
}

#fortschritt .foff div {
	text-align:center;
	padding:20px 0;
	font:bold 11px verdana, sans serif;
	color:#A7A9AC; letter-spacing:1px;
}

#fortschritt .fno1  {
	border-radius:0 5px 0 0;
	-webkit-border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
}

#fortschritt .fback div {
	text-align:center;
	padding:20px 0;
	font:bold 11px verdana, sans serif;
	color:#A7A9AC; letter-spacing:1px;
}

#fortschritt .fback a {
	display:block;
	color:#A7A9AC;
}

#fortschritt img {
	border:none;
	width:50px;
	height:50px;
	margin-bottom:5px;
}

#checkout .cop {
	padding:40px 0 0 0;
}

#checkout .cop img {
	width:240px;
	height:70px;
	border:none;
}

.cod {
	padding:30px 0 0 0;
}

.cod1 {
	background:url(/img/dhl.v2.gif) no-repeat -13px -5px;
	height:15px;
}

.cod2 {
	background:url(/img/dhl.v1.gif) no-repeat 0px 0px;
	height:50px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-top:5px;
}





/* warenkorbtabelle (warenkorb/checkout) */

#wktab {margin-top:30px;}

#wktab td {
	/* line-height:34px; */
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:middle;
}

#wktab th {
	/* line-height:34px; */
	border:none;
	padding-bottom:10px;
}

.btn-wk {
	background:#e3e3e3;
	border:none;
	color:#999;
}

.btn-wk:hover {
	color:#f7640f;
}

.btn-wk2 {
	background:#fff;
	color:#999;
	border:none;
}

.btn-wk2:hover {
	background:#fff;
	color:#f7640f;
}

.xit, .pit {
	text-align:right;
}
.uit {
	text-align:center;
}

div.lls {
	color:#787878;
	padding:10px;
	/* background:url(/img/oben.png) no-repeat 2px 18px; */
	border:1px dashed #aaa;;
	margin:20px 0 30px 0;
	/* line-height:30px; */
	border-radius:6px;
}

#gutschein, #versand {
	margin-left:15px;
	min-width:250px;
}

#gs label, .versandkosten label {
	font-weight:normal;
}

a.einloesen {
	margin-left:20px;
}

.zwischensumme, .bestellsumme {
	font-weight:bold;
}


.njupl, .njul, .njup {
	color:#999;
	font-size:90%;
}
.njul {
	padding:0 0 25px 35px;
	background:url(/img/oben.png) no-repeat left 6px;
}
.njup {
	padding:0 35px 25px 0;
	background:url(/img/oben.png) no-repeat right 6px;
	text-align:right;
	margin-right:20px;
}
.njupl {
	padding:0 35px 0 0;
	background:url(/img/oben.png) no-repeat right 6px;
	text-align:right;
	margin-right:20px;
}

#BTNwarenkorb, #BTNwtr {
	background:#EF8B46;
	color:#fefefe;
	letter-spacing:2px;
	text-transform:uppercase;
	margin:0 45px 0 0;
	padding: 3px 20px 3px 15px;
	line-height: 22px;
	border-radius: 2px;
	position:relative;
	font-weight:bold;
}

#BTNwarenkorb:hover, #BTNwtr:hover {
	text-decoration:none;
}

#BTNwarenkorb span {
	position:absolute;
	right:-40px;
	top:0px;
	width:40px;
	height:30px;
	background:url(/img/nav.cart.png) no-repeat;
}

#BTNwtr {
	margin:0 7px 0 0;
}

#cashdesk #BTNwtr {
	margin-right:-8px;
}

.wki {
	line-height:150%;
}

/* --- vertikal (checkout) --- */
#legende {}
#legende table {
	border-collapse:collapse;
	margin-top:20px;
}
#legende td {
	padding:2px 7px 2px 0;
	color:#787878;
	font-size:85%;
}
#legende img {
 	height:11px;
 	width:21px;
 	border:none;
}

div.xit input {
    background:url(/img/xit.gif) no-repeat;
    cursor:pointer;
    width: 35px;
    height: 26px;
    border: none;
}
div.xit input:hover {
    background:url(/img/xit.gif) no-repeat -35px 0px;
}
/* checkout: adressboxen */
.cnfbox {
	background:#f3f3f3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 30px 10px;
	position:relative;
	line-height:20px;
	letter-spacing:1px;
}
.cnfbox a {
	font-size:90%;
}
.cnfbutton{
	position:absolute;
	bottom:10px;
	right:15px;
}

div.nln h2 {
	display:inline;
}

/* checkout: sepa formatierung */
div.sep4 {
	display:inline;
	padding:0 5px 0 0;
}
div.paybold {
	margin:3px 0 10px 0;
	font-weight:bold;
}

/* zum Warenkorb (modales Popup) */

div.added {
	padding-bottom:30px;
	font-size:200%;
	text-align:center;
}
div.added i{
	padding-right:10px;
	color:#EF8B46;
}

.btn-weitereinkaufen {
	background:#e3e3e3;
	color:#EF8B46;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

.btn-gotocart {
	background:#EF8B46;
	color:#fefefe;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

.btn-gotocart:hover {
	color:#fefefe;
}

.vorschlaege {
	padding-top:30px;
}

div.infoline {
	font-weight:bold;
	font-size:14px;
	color:#526383;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-top:7px;
	padding-bottom:20px;
}

.vorschlag {}

.vorschlag img {margin:0 auto 20px auto; }

.vorschlag a {
	line-height:150%;
}


/* warenkorb-vorschau */

/* Warenkorb- Vorschau */

table.crt {
	width:100%;
}

 table.crt td {
	border-bottom:1px solid #ccc;
	font-size:90%;
	color:#666;
	vertical-align:top;
	padding:5px 0px;
}

table.crt td.nobrd {
	border-bottom:none;
}

table.crt td.crtpls {
	text-align:right;
}

table.crt td.crtpls a {
	font-size:85%;
	color:#999;
	text-decoration:none;
}

table.crt td.crthint {
	border-bottom:none;
	padding:10px 0;
	text-align:center;
}

table.crt img.crtimg {
	width:40px;
	margin:5px 5px 0 5px;
}


/* -----------sprechblasen produktseite--------------- */
.headliner {margin: 0 0px 20px 0;}

.hdlt {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 15px 15px ;
	border-color: transparent transparent transparent #EF8B46;
}

.hdltxt {
	padding: 10px;
	background-color: #EF8B46;
	color: #fff;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	font-weight:bold;
	max-width:500px;
}

.hdlt2 {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 15px 15px ;
	border-color: transparent transparent transparent #E3E3E3;
}

.hdltxt2 {
	padding: 10px;
	background-color: #E3E3E3;
	/* color: #EF8B46; */
	color:#526383;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	font-weight:bold;
	max-width:500px;
}




/* marken Seiten */
#marken {}

.marke {
	position: relative;
	width:226px;
	height:100px;
	margin: 10px;
	float: left;
	overflow: hidden;
	text-align:center;
}

.marke a {
	line-height:100px;
}
.marke img {
	vertical-align:middle;
	border:none;
}
.markenteaser {
	border:1px solid #e3e3e3;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;

	margin:20px 0 30px 0;
	padding:20px;

}
.markenspacer {
	height:50px;
}


/* --- -- - Legenden Lieferstatus - -- --- */

/* --- horizontal (produkttabelle) --- */

ul.legend {padding:0; margin:0;}

ul.legend li {
	list-style:none;
	font-size:90%;
	color:#666;
	display:inline;
	line-height:24px;
}

ul.legend img {
	height:11px;
	width:21px;
	border:none;
	margin:-2px 10px 0 40px;
}


/* --- vertikal (checkout) --- */
#legende {}
#legende table {
	border-collapse:collapse;
	margin-top:20px;
}
#legende td {
	padding:2px 7px 2px 0;
	color:#787878;
	font:normal 11px verdana;
}
#legende img {
 	height:11px;
 	width:21px;
 	border:none;
}

/* ------- FORMULARE ---------- */

/* ------- FORMULARE: misc ---------- */

.submitbtn {
	height:40px;
	width:50%;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font:bold 12px verdana, sans serif;
	letter-spacing:5px;
	color:#fefefe;
	background:#EF8A45;
	cursor:pointer;
	text-align:center;
}

div.submitquestion {
   padding:5px 0 20px 0;
   /* font-weight:bold;
   color:#787878; */
	font:bold 12px arial;
	color:#787878;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* ------- FORMULARE: kontakt ---------- */

#kontaktformular {
	position:relative;
	padding:20px 0 80px 0;
}

#kontaktformular ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}

#kontaktformular li {
	padding:12px 12px 12px 0;
	position:relative;
}

#kontaktformular label.lblinfo {
   width:150px;
   margin-top: 3px;
   display:inline-block;
   float:left;
   padding:3px;
	font:bold 12px arial;
	color:#787878;
	letter-spacing:1px;
	text-transform:uppercase;
}

#kontaktformular label.fehler {
	color:red;
}

#kontaktformular div.inputwrap {
   margin:0 0 0 180px;
	position:relative;
	display:block;
}

#kontaktformular .feld {
	height:30px;
	width:100%;
	padding: 5px 8px;
	margin:0;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

#kontaktformular .feld {
	background:#cecece;
}

#kontaktformular .optional {
	background:#ececec;
}

#kontaktformular .hnws {
	font:normal 12px verdana;
	height:100px;
	width:100%;
	padding: 5px 8px;
	margin:0;
	background:#cecece;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

#kontaktformular div.submitwrap {
	margin:0 0 0 180px;
	position:relative;
	padding-top:20px;
	text-align:right;
}

.kreis {
	width:100px;
	height:100px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	background:#EF8A45;
	margin:0 auto 50px auto
}

.krs {
	width:100px;
	height:100px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	background:#EF8A45;
	background:#eee;
	position:absolute;
	top:0px;
	left:70px;
}

.kreis img, .krs img {
	width:50px;
	height:50px;
	margin:25px;
	border:none;
}

.kreis a {
	display:block;
}

#anschrift {
	padding-bottom: 50px;
}

#anschrift div.myadr {
	line-height:30px;
	padding-left:225px;
	position:relative;
	font-size:14px;
	margin-top:40px;
}

span.optionwrap {
	position:absolute;
	right:7px;
	top:3px;
	font:normal 10px arial; color:#999;
}



.DTform {
	position:relative;
	padding:20px 0 80px 0;
	max-width:600px;
	margin:0 auto;
}
.DTform ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.DTform li {
	padding:12px 12px 12px 0;
	position:relative;
}
.DTform label.lblinfo {
   width:150px;
   margin-top: 3px;
   display:inline-block;
   float:left;
   padding:3px;
	font:bold 12px arial;
	color:#787878;
	letter-spacing:1px;
	text-transform:uppercase;
}
.DTform div.inputwrap {
   margin:0 0 0 180px;
	position:relative;
	display:block;
}

.DTform .feld {
	height:30px;
	width:100%;
	padding: 5px 8px;
	margin:0;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	background:#cecece;
}

.DTform div.submitwrap {
	margin:0 0 0 180px;
	position:relative;
	padding-top:20px;
	text-align:right;
}

/* -------------- */

#infoheadder {
	display:none;
	height:45px;
	background:#e3e3e3;
}

#infoheadder div#hwrp {
	opacity: 0;
	line-height:40px;
	margin:0 auto;
	position:relative;
	padding-right:40px;
}

#infoheadder div#xme {
	position:absolute;
	right:10px;
	top:0px;
	height:40px;
	line-height:40px;
	cursor:pointer !important;
}

/* ##### Max. Breite ##### */

#head, .content {
	max-width:1870px;
}

/* !!! max. Breite 30px kleiner als Breite von #head und .content */
.navbar-fp1, #pfadwrap, #hwrp {
	max-width:1840px;
}

/* ------ Kundenstimmen (Detailseite) ------ */

#FBnav {
	height:50px;
	position:relative;
	margin-bottom:40px;
}

#FBnext, #FBlast {
	position:absolute;
	top:0px;
	width:30px;
	height:50px;
	background:#e3e3e3;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#FBnext {
	right:0px;
	background:#e3e3e3 url(/img/fbr.png) no-repeat -30px 0px;
}

#FBlast {
	left:0px;
	width:30px;
	height:50px;
	background:#e3e3e3 url(/img/fbr.png) no-repeat 0px 0px;
}

#FBup {
	position:absolute;
	top:0px;
	right:50px;
	width:190px;
	height:50px;
	background:#e3e3e3 url(/img/fbu.png) no-repeat 0px 0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#FBnext a, #FBlast a, #FBup a {
	display:block;
	line-height:50px;
}

#FBheadline {
	margin-left:60px;
}

#FBintro {
	color:#999;
}

#FBintro a {
	color:#999;
	border-bottom:1px dashed #999;
	font:bold 11px arial;
	letter-spacing:1px;
}


#kundenstimme p.customer {
	font-style:italic;
	padding:0 0 10px 0;
}
#kundenstimme p.customer span.dtq {
	font-style:normal;
}

#kundenstimme p.support { }

#kundenstimme a {
	border-bottom:1px dashed #526383;
}