html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border:0px;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

body {
      background: url("../images/background/BG-Test.jpg") no-repeat left top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    color: #1c1c1c;
    font-family: Mark W01 Regular;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	background-color: #F1efef;
}

a {background: none repeat scroll 0 0 transparent; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
a:link { color: #1c1c1c; font-style: normal; outline: medium none; text-decoration: none;}
a, a:active, a:visited {color: #1c1c1c;}

img.responsive {
	width: 100%;
	height: auto;
}

h1, h2, h3, h4, h6 { font-weight: bold;}

h1 {
    color: #1c1c1c;
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
	font-family: Mark W01 Bold;
}

h2 {
    color: #1c1c1c;
	font-size: 19px;
	font-weight: normal;
	line-height: 27px;
	font-family: Mark W01 Bold;
	margin-top: 5px;
}

h3 {
	color: #1c1c1c;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
}

h4 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
}

h5 {
	display: inline-block;
    margin: 15px 0 15px;
    position: relative;
    font-family: Mark W01 Bold;
	color: #1c1c1c;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
}

h5:before, h5:after {
    position: absolute;
    left: -360px;
    top: 50%;
    margin-top: 2px;
    height: 1px;
    width: 350px;
    content: "";
    border-top: 1px solid #1c1c1c;
}

h5:after {
    left: auto;
    right: -360px;
}

hr {size:50 !important; width:100% !important;}

.float-left { float: left !important;}

.button a.backToItem {
	margin: 20px auto !important;
}

strong { font-weight: bold;}
p { padding-bottom: 6	px;}

img { border: 0 none; }

table { border-collapse: collapse;}
th {
    border-bottom: 3px solid #CCCCCC;
    padding-right: 1em;
    text-align: left;
}

li.leaf {
		padding: 2px 0px 0px 0px;
	margin: 0;
	text-transform: none;
	font-size: 14px;
	height: 27px;
}

li.leaf_SP {
	padding: 2px 5px 0px 0px;
margin: 0;
color:#ffffff;
background-color:#ff0004;
}

li.leaf_PS {
	color:#1c1c1c !important;
	padding: 2px 5px 0px 0px;
	margin: 0;
	background-color: #ffffff;	
}

.leaf_PS a {
  color: #1a1a1a;
}

li.expanded {
	padding: 2px 2px 0px 0px;
	margin: 0px;
}

div.topcontact {
	position: absolute;
	/*right: 258px;*/
	top: 5px;
	color: #1c1c1c;
}

/*megamenu start*/

/*reset properties that get inherited by old surrounding menu*/
#nav .megamenu li {
	zzfloat: inherit;
	background-color: transparent;
	zzdisplay: inline-block;
	width: 200px; 
}

#nav .megamenu li a {
	padding: 0;
	width: 90%;
	font-size: 14px;
	text-transform: none;
}

#nav .megamenu .nav_item li ul {
	background-color: transparent;
}

.megamenu {
	font-family: 'Mark W01 Regular';
	 
	
}

.megamenu h6 {
	font-family: 'Mark W01 Regular';
	font-weight: normal;
	font-size: 14px;
	margin: 41px 0 0 3px;
	text-transform: none;
}

#nav .megamenu ul.megamenu {
	background-color: transparent;
	padding: 15px 0 0 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 10px 0 0 0;
	width: 200px; 
}
ul.megamenu li a:hover {
	/*background-color: rgba(0, 0, 0, 0.2);*/
	background-color: rgba(255, 255, 255, 0.6);
}

ul.megamenu li.danger a {
	color: #ff4540; 
}
ul.megamenu li.bold a {
	font-weight: bolder;
}
ul.megamenu li.star {
	background-image: url(../images/background/star2.svg);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 0px 6px;
}

ul.megamenu li.line-below {
	border-bottom: 1px solid #999;
	width: 174px !important;
	padding-bottom: 8px !important;
	margin-bottom: 5px;
}
.megamenu .nav_item {
	width: auto;
}

.megamenu-outer-container {
	background-color: #F1EFEF;
	padding: 0px;
	display: flex;
	width: 890px;

	-webkit-box-shadow: 10px 12px 20px 0px rgba(0, 0, 0, 0.23);
	box-shadow: 10px 12px 20px 0px rgba(0, 0, 0, 0.23);
	
}

.megamenu-container {
	width: 221px;
	height: 336px;
	background-size: cover;
	display: inline-block;
	/*margin-right: 2px;*/
	color: ##1c1c1c;
	font-family: Mark Offc Pro;
	font-size: 14px;
	padding: 0 0 0 20px;
}

.megamenu-container1 {
	background-image: url('../images/background/mm_25_bgr1.jpg');
}

.megamenu-container2 {
	background-image: url('../images/background/mm_25_bgr2.jpg');
}

.megamenu-container3 {
	background-image: url('../images/background/mm_25_bgr3.jpg');
}

.megamenu-container4 {
	background-image: url('../images/background/mm_25_bgr4_de.jpg');
	margin-right: 0;
}
.megamenu-container5 {
	background-image: url('../images/background/mm_25_bgr4_en.jpg');
	margin-right: 0;
}
.megamenu-container6 {
	background-image: url('../images/background/mm_26_bgr6.png');
	margin-right: 0;
}
.megamenu-container7 {
	background-image: url('../images/background/mm_26_bgr7.png');
	margin-right: 0;
}
.megamenu-container8 {
	background-image: url('../images/background/mm_26_bgr8.png');
	margin-right: 0;
}

/*megamenu end*/


#container {
    margin: 0;
    padding: 0;
    top: 0;
    width: 100%;
}

#container_content {
    margin: 0 auto;
    top: 0;
	width: 1036px;
}

/*
#inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    width: 960px;
	float: left;
}
*/

#inner-top {
	/*background: none repeat scroll 0 0 rgba(241, 239, 239, 1);*/
	/* margin: 0 auto; */
	padding: 0 0 8px 0;
	/* position: relative; */
	width: 100%;
	/* float: left; */
	clear: both;
	border-bottom: 1px solid #999;
}

#inner-keyvisual {

	width: 100%;
	padding: 1% 1% 1% 1%;
	text-align: center;
	float:none;
	
}

@media (max-width: 950px) {
	#keyvisual
	   {width: 950px;
		margin: 0 auto; /* Zentriert horizontal */
		height: 425px; /* Optional, um Höhe zu definieren */
	   } 
   }

@media (min-width: 1600px) {
 #keyvisual
	{	width: 1600px;
		margin: 0 auto; /* Zentriert horizontal */
		height: 630px; /* Optional, um Höhe zu definieren */
	
	}
} 

@media (min-width: 1600px) {
		#inner-content
		   {	width: 1600px;
		   
		   } 
}

#inner-content {
	/*background: none repeat scroll 0 0 rgba(0, 129, 0, 0.7);*/
	/*margin: 0 auto;*/
	/* padding: 0 15px; */
	/* position: relative; */
	width: 100%;
	/* float: left; */
	clear: both;
}

#inner-bottom {
	background: none repeat scroll 0 0 rgba(52, 52, 50, 1);
	/*margin: 0 auto;*/
	/* padding: 0 15px; */
	/* position: relative; */
	width: 100%;
	/* float: left; */
	clear: both;
}

.inner-container {
	width: 960px;
	/*background: none repeat scroll 0 0 rgba(193, 190, 191, 0.1);*/
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#inner {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	position: relative;
	width: 960px;
	float: left;
}
/*
#branding {
	height: 63px;
    list-style: none outside none;
    margin-left: -7px;
    width: 700px;
}
*/

#branding {
	height: 63px;
	list-style: none outside none;
	margin-left: -7px;
	width: auto;
	float: left;
}

/* Footer */
#footer-wrapper { width: 100%;}
#footer {
	line-height: 1.3;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin-bottom: 4px;
	color: #fff;
	clear: both;
	padding: 24px 80px 48px 80px;
	overflow: hidden;
	font-size: 11px;
	min-height: 80px;
	_height: 330px;
 	background: #343432;
}
#footer a {color: #fff; text-decoration: none;}
#footer .breadcrumb {
    border-bottom: 1px solid #919294;
    margin-bottom: 20px;
    margin-top: -10px;
    padding-bottom: 12px;
    padding-left: 0;
    padding-top: 0;
}
#footer a { color: #fff; text-decoration: none; }
#footer ul { padding: 0px; margin: 0px;}
#footer li { list-style-type: none; line-height: 21px;border-bottom: 1px solid #D9DADB;}
#footer .nav_item li { list-style-type: none; list-style-image: none;}
#footer li a { display: block; padding: 3px 0;}
#footer li a.jobs-menu, #footer li a.imprint-menu, #footer li a.agbs-menu { padding-left: 25px;}
#footer li a.jobs-menu 		{ background: transparent url(../layout/icon_jobs.png) no-repeat center left;}
#footer li a.agbs-menu 		{ background: transparent url(../layout/icon_agbs.png) no-repeat center left;}
#footer li a.imprint-menu 	{ background: transparent url(../layout/icon_imprint.png) no-repeat center left; }

.region-footer-left {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}

.region-footer-right {
    float: right;
    margin: 0;
    padding: 0;
    width: 450px;
}
#block-menu-menu-footer-more { width:150px;}
#productgroup { margin: 0px 30px 0px 0px; }
#marketingthema, #productgroup { width: 130px; margin-right: 30px; float: left;}
#spalte3 { width: 130px; margin-right: 0px; float: left;}

#copyright {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #555555;
    font-size: 11px;
    line-height: 16px;
    margin: 0 auto;
    padding: 12px 0 14px;
    text-align: center;
   	width: 960px;
}

#copyright-neu {
	height: 60px;
	background: #343432;
	line-height: 1.3;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin-bottom: 4px;
	color: #9d9e9e;
    font-size: 11px;
    margin: 0 auto;
	padding: 25px 80px 0px 80px;
   	width: 800px;
}

#main {
	width: 680px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: white;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	zoom: 1;
	min-height: 405px;
}
#main-background-dunkel{
	width: 680px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: #343432;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	zoom: 1;
	min-height: 405px;
	color: #ffffff;
}
#main-ohne-sideboard {
	width: 920px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 5px 0px;
	float: left;
	background-color: white;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	zoom: 1;
	min-height: 405px;
}

#main-ohne-sideboard-ohne-background {
	width: 920px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	zoom: 1;
	min-height: 405px;
}

#main-ohne-min-height {
	width: 680px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: white;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	zoom: 1;
}

#headline-wrapper {
    margin-bottom: 10px;
    padding-left: 0;
    width: 100%;
}

#headline {
    width: 680px;
	margin: 20px 0;
}

#content-wrapper, .section-products #content-wrapper-no-header {
    margin: 20px 0 5px;
    width: 100%;
}





/*
#id-top {
	position: absolute;
	top:0px;
	left: 407px;
	height:10px;
	width: 567px;
	/*background-color:#75b868;*/
	/*
}
*/


#id-top {
	position: relative;
	top: 0px;
	left: 407px;
	height: 10px;
	width: 567px;
	/* background-color: #75b868; */
}

.clearfix {
display: block;
}
.clearfix::after {
	content: "";
	display: block;
	visibility: hidden;
}

#sidebar {
	width: 230px;
	margin: 0px 0px 0px 0px;
	min-height: 400px;
	_height: 500px;
	padding: 0px 0px 0px 0px;
	float: right;
	font-size: 11px;
	line-height: 15px;
	color: #555;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: rgba(255, 255, 255, 0.05);
}

/*page type: centered text, reduced width*/
#head_introtext {
	width: 70%;
	margin: 0 auto;
	font-size: 20px;
}

.reduced_width {
	width: 70%;
	margin: 0 auto;
}

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

.responsive-img img {
	width: 100%;
	max-width: 100%;
}

div.video_btn {
	position: absolute;
	left: 320px;
	top: 675px;
	padding: 0 0 0 5px;
	text-align: center;
	z-index: 200; 
}

/*specific: reactivation form*/
#main-ohne-sideboard.reactivation-form {
	color: #fff;
}

a.color-bw {
	background: white !important;
	background-image: none !important;
	color: black !important;
	border: 1px solid white !important;
	padding: 4px 32px 4px 32px !important;
}
a.color-bw:hover {
	background-color: #1c1c1c !important;
	color: white !important;
}

#id-trialform .input_label {
	float: left;
	clear: both;
	min-width: 135px;
}

#id-trialform div.input {
	margin: 7px 0 5px 0;
	clear: both;
}
#id-trialform .input_value {
	width: 292px;
	/* border: 1px solid; */
	float: left;
	margin: 0 0 8px 0;
}

#id-trialform .input_value input {
	width: 100%;
}

#main-ohne-sideboard.reactivation-form .head_title {
	color: #fff;
}
div.multicolumn.shirts div.image {
	min-height: 320px;
}

.margin-top-3 {
	margin-top: 3%;
}
.margin-top-5 {
	margin-top: 5%;
}
.margin-bottom-10px {
	margin-bottom: 10px;
}

/*embedded videos in dsp_video*/
div#content-wrapper div.video {
  width: 100%;
}

div.video video {
  width: 100%;
  height: auto;
}



/* Navigation */


#nav {
	height: 27px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
	z-index: 99;
	margin-top: 96px;
}

#nav a					{display:block;float:left;line-height:24px;height:24px;margin-left:0px;padding:0 5px;}
#nav ul 				{position: relative;display: block;float: left;padding: 0px;margin: 0px;}
#nav li 				{position: relative;display: block;float: left;padding-bottom: 1px;}
#nav li a				{margin-left:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#nav li a.shop			{background:rgba(255,255,255,0.95) no-repeat top left;padding-left:32px;}
#nav li .expanded a		{-moz-border-radius:none; height:auto;background:transparent;float:none;margin:0;font-weight:normal;letter-spacing:0;text-transform:none;height:auto;font-size:12px;line-height:14px;padding:6px 12px;opacity:1;}
#nav .nav_item 			{padding-left: 0px; z-index:2000;}
#nav>.nav_item>li 		{ position: relative;}
#nav>.nav_item>li>.nav_item>li.last>a{line-height:24px;height:27px;}
#nav>.nav_item>li>a		{ font-family: Mark W01 Bold; background:##F1efef; text-decoration:none;-webkit-transition:background 150ms ease-in-out;-moz-transition:background 150ms ease-in-out;-o-transition:background 150ms ease-in-out;transition:background 150ms ease-in-out;}
#nav>.nav_item>li.expanded:hover>a	{height:25px;background: #343432;;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
#nav>.nav_item>li	{position:relative;}
#nav>.nav_item>li.active-trail>a{background-color:#ffffff;}
#nav>.nav_item>li>.nav_item{position:absolute;display:block;float:left;top:28px;padding:0px 0px 0px 0px;;left:0px;width:199px;min-width:209px;background:#343432;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;}
#nav>.nav_item>li>.nav_item>li{clear:both;display:block;min-width:190px;padding:0px;}
#nav>.nav_item>li>.nav_item{position:absolute;display:block;float:left;top:28px;padding:0px 0px 0px 0px;;left:0px;width:225px;min-width:310px;background:#fff;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:2px; box-shadow: 10px 12px 20px 0px rgba(0, 0, 0, 0.23);}
#nav>.nav_item>li>.nav_item>li {
	clear: both;
	display: block;
	min-width: 300px;
	padding: 0px;
}
#nav>.nav_item>li>.nav_item>li>a.active{color:#D9DADB;background:rgba(255,0,0,1);margin-left:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#nav>.nav_item>li>.nav_item>li>a{display:block;min-width:199px;background-color:transparent;}
#nav>.nav_item>li:hover>a{color:#ffffff;background-color:#828181;}
#nav>.nav_item>li.leaf_SP:hover>a{color:#ffffff;background-color:#d55200;}
#nav>.nav_item>li.leaf_PS:hover>a{color:#f4c500;background-color:#fff;}
#nav>.nav_item>li>.nav_item>li:hover a{color:#D9DADB;background-color:#828181;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#nav>.nav_item>li>.nav_item>li.leaf_SP:hover a{color:#ffffff;background-color:#d55200;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#nav>.nav_item>li>.nav_item>li.leaf_PS:hover a{color:#f4c500;background-color:#000000;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#nav>.nav_item>li ul{opacity:1;visibility:hidden;color:#000000;background-color:#ffffff;z-index:99;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;}
#nav>.nav_item>li:hover ul{opacity:1;visibility:visible;}
#nav>.nav_item>li>.nav_item>li.last>a.active,#nav>.nav_item>li>.nav_item>li.last:hover a{-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;}

#id-li-kunden-werden a:hover {color:#fff !important;}

/* Classes */
.first { border-top: 0px;}
.grey  {color: #1c1c1c;line-height: 20px;}


/* Slideshow */
#header-wrapper{
	width:960px;
	height:320px;
	text-align:left;
	position:absolute;
	top:140px;
	left:15px;
	padding:0px 0px 0px 0px;
	margin-bottom:9px;
	-moz-border-radius:3px;
	-webkit-border-radius:4px;
	/* overflow:hidden;*/
}
.header-body {
	width: 255px;
	padding: 0px 10px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	position: absolute;
	right: 25px;
	top: 150px;
	color: white;
}
.header-link{
		position:absolute;
		width:27px;
		height:27px;
		z-index:99;
		right:13px;
		bottom:10px;
}

.coda-nav{
	position:absolute;
	top:425px;
	left:25px;
	margin:0px;
	padding:0px;
	z-index:99;
}
.coda-nav ul li	{
	display:inline;
	list-style:none
}
.coda-nav ul li a{
	color:#fff;
	font-size:12px;
	background:rgba(0,0,0,0.20);
	display:block;
	float:left;
	margin:0px 4px 0px 0px;
	padding:4px 9px 3px 9px;
	text-decoration:none;
	transition:background 150ms ease-in-out;
	-moz-border-radius:3px;
	-webkit-border-radius:4px;
	-webkit-transition:background 150ms ease-in-out;
	-moz-transition:background 150ms ease-in-out;
	-o-transition:background 150ms ease-in-out;
	border-radius: 0px;
}
.coda-nav ul li a.current,.coda-nav ul li a:hover{
	background-color:#000;
	background:rgba(0,0,0,0.80);
}

.coda-nav-left	{
	padding:0px;
	position:absolute;
	top:820px;
	left:35px;
	z-index:98
}
.coda-nav-right	{
	padding:0px;
	position:absolute;
	top:820px;
	left:855px;
	z-index:100;
}
.coda-nav-left 	a{
	padding:0px;
	background:transparent  url(../layout/icon_slide-arrow-left.png) no-repeat top left;
	height:320px;
	display:block;
	text-align:center;
	text-decoration:none;
	width:100px;
	z-index:99
}
.coda-nav-right a{
	padding:0px;
	background:transparent url(../layout/icon_slide-arrow-right.png) no-repeat top right;
	height:320px;
	display:block;
	text-align:center;
	text-decoration:none;
	width:100px;
	z-index:199
}

.coda-slider					{background:#ebebeb}
.coda-slider-no-js .coda-slider	{height:320px;overflow:auto;!important;padding-right:20px}
.coda-slider,.coda-slider .panel{width:960px;height:320px;-moz-border-radius:3px;-webkit-border-radius:4px;}
.coda-slider .panel-wrapper		{padding:0px;height:320px;position:relative;-moz-border-radius:3px;-webkit-border-radius:4px;}
.coda-slider p.loading			{padding:20px;text-align:center}
.coda-slider					{float:left;overflow:hidden;position:relative}
.coda-slider .panel				{display:block;float:left}
.coda-slider .panel-container	{position:relative}
.coda-slider h2					{display:none;}



/*codaSlider xo*/

#coda-slider-wrapper {
	/*position: relative;*/
}



.codaSlider {
	width: 960px;
	height: 300px;
	overflow: hidden;
}
.codaSlider .slide-el {
  width: auto;
  float: left;
  height: 300px;
  background: white;
}
.codaSlider .slide-el .left {
	float: left;
	padding: 30px 20px 20px 20px;
	width: 290px;
	height: 300px;
	background-color: #343432;
}
.slide-el .left h3 {
  color: white;
  font-weight: normal;
  font-size: 187%;
  text-decoration: none;
  display: inline-block; 
  margin: 0 0 12px 0;
}

.slide-el .left h3:after {

	display: block;
	height: 2px;
	content: " ";
	
	background: #ffffff;
	margin-top: 12px;	
}


.slide-el {
  /*background-color: #caa668;*/
}
.slide-el .right {
  padding: 0;
  margin: 0;
width: 630px;
float: right;
  /*! border: 1px solid aliceblue; */
}

.slide-el .full {
  padding: 0px 20px 0px 20px;
  margin: 0;
width: 920px;
/*float: left;*/
  /*! border: 1px solid aliceblue; */
}


/*/codaSlider xo*/



/* News */
#news-wrapper .news {
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color: #ffffff;
}
#news-wrapper .news-title {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin: 0px;
	padding:10px;
	background-color: #343432;
}

#news-wrapper .news-description {
	margin: 5px 5px 10px 15px;
    background-color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

#news-wrapper .news-description a {
	 color: #B82E23;
}

#news-wrapper .link {
	color: #990000;
	text-align: right;
}

/*newsrow homepage*/
.newsrow {
	clear: both;
}

.newsrow-item {
	float: left;
	width: 305px;
	text-align: center;
	background-color: white;
	/* margin: 0 1% 0 0; */
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 10px 0px;
}

/* Produkt - Anzeige */

/*tab-navigation*/



.tabnav {
	float: left; 
	margin-top: 6px;
}

ul.tabs {
	height: 18px;
	display: block;
}

.tabnav .tabs .tab {
	float: left;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
	background-color: #404040;
	margin-right: 4px;
}
.tabnav .tabs .tab.active {
	background-color: #fff;
}
.tabnav .tabs .tab a {
	color: #fff;
	width: 100%;
	text-align: center;
	display: block;
}
.tabnav .tabs .tab.active a {
	color: #404040;
}

.tabnav .tabs li.logo {
	width: 115px;
	background-position: center;
	background-repeat: no-repeat;
	height: 18px;
}

.tabnav .tabs li.logo-pr {
	background-image: url(/frontend_10/files/layout/tabs/lg-promodoro-off.svg);
}
.tabnav .tabs li:hover.logo-pr {
	background-image: url(/frontend_10/files/layout/tabs/lg-promodoro-on-hover.svg);
}
.tabnav .tabs li.active.logo-pr {
	background-image: url(/frontend_10/files/layout/tabs/lg-promodoro-on.svg);
}

.tabnav .tabs li.logo-ex {
	background-image: url(/frontend_10/files/layout/tabs/lg-excd-off.svg);
	width: 67px;
}
.tabnav .tabs li:hover.logo-ex {
	background-image: url(/frontend_10/files/layout/tabs/lg-excd-on-hover.svg);
}
.tabnav .tabs li.active.logo-ex {
	background-image: url(/frontend_10/files/layout/tabs/lg-excd-on.svg);
}

.tabnav .tabs li.logo-xo {
	background-image: url(/frontend_10/files/layout/tabs/lg-xo-off.svg);
	width: 60px;
}
.tabnav .tabs li:hover.logo-xo {
	background-image: url(/frontend_10/files/layout/tabs/lg-xo-on-hover.svg);
}
.tabnav .tabs li.active.logo-xo {
	background-image: url(/frontend_10/files/layout/tabs/lg-xo-on.svg);
}

#product-header {

	width: 720px;
	height: 320px;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	position: relative;
}

.product-header-kategorie, .product-header-markt{
	width: 960px;
	height: 320px;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	position: relative;
}

.product-header-WishList
{
	width: 960px;
	height: 160px;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	position: relative;
}
.product-header-markt_text{
	position: absolute;
	top: 75px;
	right: 10px;
	font-size: 10px;
	line-height: 13px;
	color: #fff;
	width: 275px;
	padding: 0px;
	margin: 0px;
}

#product-wrapper {
	clear: both;
}

#product-wrapper.startpage {
	/* border: 1px solid red; */
	padding: 20px 0 0 0;
}

#product-wrapper.dyop {
	display: flex;
	gap: 8px;
	justify-content: center;
}
#product-wrapper.dyop .product {
	margin: 0;
	padding: 0;
}

div.message {
	padding: 10px 10px 10px 10px;
	background-color: white;
	color: black;
	margin-bottom: 10px;
}

#product-wrapper-homepage .product {
	/*border-bottom: 1px solid #999;*/
	width: 230px;
	/*height:550px;*/
	padding: 0px 10px 5px 0px;
	margin: 0px;
	float: left;
	position: relative;
}

#product-wrapper-homepage .product .product_image {
	position: relative;
	width: 230px;
	padding: 0px;
	padding-top: 10px;
	/*border-bottom: 1px solid #999;*/
}

#product-wrapper-warenkorb .product {

	/*border-bottom: 1px solid #999;*/
	width: 230px;
	padding: 0px -5px 0px 0px;
	margin: 0px;
	float: left;
	position: relative;
	background-color:white
}

#product-wrapper-warenkorb .product .product_image {

	position: relative;
	width: 100px;
	padding: 3px;
	float: left;
	background-color:white
}

#product-wrapper {}

#product-wrapper .product {
	background-color: white;
	width: 305px;
	/*height:670px;*/
	min-height:675px;
	padding: 0px  5px 0px 5px;
	margin: 0px 5px 10px 0px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	position: relative;
}
 /*warenkorb*/
 .count.stockdanger {
    color: #f00;
    font-weight: bold;
}

div.cartwarningbox {
  float: left;
  width: 50%;
  clear: both;
  color: #f00;
  font-size: 12px;
  line-height: 1.2;
}
div.cartwarningbox ul {
  padding: 10px 0 10px 24px;
}

.action-wishlist #product-wrapper .product {

	min-height: 700px;

}

.partnerBox {
  width: 100%%;
  /*! margin: 0 auto; */
  background-color: ##F1efef;
  color: #1c1c1c;
  border: 1px solid #cccccc;
  /*! padding: 3px 8px 3px 8px; */
  text-align: center;
  /*! margin-top: 10px; */
}
.partnerBox a.partnerBoxLink {
  color: #1c1c1c;
  font-weight: bold;
}
.grey-buttons {
  padding-top: 6px;
}

div.dark_rounded .pp_details {
	position: absolute !important;
	top: 0 !important;
}

.pp_content #imgDetail {
	width: 100%;
}

#product-wrapper .product-image {
	position: relative;
	min-width: 305px;
	min-height: 464px;
}

#product-wrapper .product-image {
	background: url("../images/background/item-bg-promodoro.png") no-repeat;
}
#product-wrapper .product-image.productcat14 {
	background: url("../images/background/item-bg-excd.png") no-repeat;
}
#product-wrapper .product-image.productcat108 {	
	background: url("../images/background/item-bg-xo.png") no-repeat;
}

.badge.badgeTopRight {
  position: absolute;
  top: 0;
  right: 0;
}

#product-wrapper .product .product-info {
	position: absolute;
	bottom: 0px;
	width: 50px;
}
#product-wrapper .product .product-info-icon {
	width: 34px;
	padding-bottom: 5px;
}
#product-wrapper .product .product_image {
	width: 305px;
	min-width: 305px;
	height: 457px;
	min-height: 457px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	/*border-bottom: 1px solid #999;*/
}
#product-wrapper .product .product-description {
	font-size: 11px;
	height: 80px;
	line-height: 16px;
}
#product-wrapper .product .product_farben {
	border: 1px solid #CCCccc;
	height: 15px;
	width: 15px;
	margin-right: 3px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
#product-wrapper .product .product_farben_bottom {
	border: 1px solid #cccccc;
	width: 27px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#product-wrapper .product-title {padding-top: 5px;}

#product-wrapper .product .product-farben-wrapper 	{ }

/*mr 20170922: different styles for special offers*/

/*special offers start*/

.product-header-kategorie-so {
	width: 97%;
	height: 320px;
	padding: 12px;
	margin: 0px 5px 12px 0px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	position: relative;
	background-color: white;
}

#product-wrapper-so .product {
	width: 98%;
	clear: both;
	zzzborder: 1px solid black;
	background-color: #e9e9e9;
	position: relative;
	margin: 0 24px 24px 0;
	border-radius: 6px;
    padding: 8px 8px 74px 8px;
}

#product-wrapper-so .product-title {
	margin: 0 0 8px 0;
}

#product-wrapper-so .product .product_image {
	max-width: 60px;
	height: auto;
	zzzpadding-left: 65px;
	zzzborder-bottom: 1px solid #999;
	zzzmargin-right: 12px;
	background-color: white;
}

#product-wrapper-so .prices {
	padding: 0px 0px 0px 8px;
}


.row {clear: both; }
.col-1 {
  -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
  max-width: 8.333333%;
  float: left;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
  max-width: 16.666667%;
  width: 16.666667%;
    float: left;

}

.col-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
    float: left;

}

.col-4 {
  -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
  max-width: 33.333333%;
    float: left;

}

.col-5 {
  -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
  max-width: 41.666667%;
  width: 41.666667%;
    float: left;

}

.col-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
      float: left;

}

.col-7 {
  -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
  max-width: 58.333333%;
      float: left;

}

.col-8 {
  -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
  max-width: 66.666667%;
      float: left;

}

.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
  width: 75%;
      float: left;

}

.col-10 {
  -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
  max-width: 83.333333%;
      float: left;

}

.col-11 {
  -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
  max-width: 91.666667%;
      float: left;

}

.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

.btm-submitter {
	position: absolute;
	right: 12px;
	bottom: 24px;
}

#product-wrapper-so .product button[type=submit] {
	color:#ffffff;
	/*background: url("../layout/button_bgr.jpg") repeat fixed left top transparent;*/
	background-color:#75b868;
	float:right;
	/*line-height: 20px;*/
	height: 20px;
	margin: 3px;
	padding: 0px 10px 2px 10px;
	/*border: 1px solid #648E5C;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.autoHeight {height: auto !important;}

table.priceTable {
	font-size: 10px;
	width: 145px;
}
table.priceTable td {
	padding: 0px 2px 0px;
}
table.priceTable td:first-child {
	/*min-width: 38px;*/
}
td.colourName {

	min-width: 120px;

}

.clear {clear: both; }


/*special offers end*/


.product_farben { width: 27px;}
.product_farben_bottom { width: 27px;}

.product-nav{
	position:absolute;
	bottom:318px;
	left:0px;
	margin:0px;
	padding:0px;
	z-index:99;
	/*background-color: white;*/
	display: none;
}
.product-nav ul li	{
	display:inline;
	list-style:none
}
.product-nav ul li a{
	color:#666;
	font-size:12px;
	/*background:rgb(255,255,255);*/
	display:block;
	float:left;
	margin:0px 4px 0px 0px;
	/*padding:4px 9px 3px 9px;*/
	padding:0px 9px 0px 9px;
	text-decoration:none;
	transition:background 150ms ease-in-out;
	-moz-border-radius:3px;
	-webkit-border-radius:4px;
	-webkit-transition:background 150ms ease-in-out;
	-moz-transition:background 150ms ease-in-out;
	-o-transition:background 150ms ease-in-out;
	border-radius: 0px;
}
.product-nav ul li a.current,.product-nav ul li a:hover{
	color:#1c1c1c;
	font-family: Mark W01 Bold;
		
	/* text-decoration:underline;
	background-color:#000;
	background:rgba(0,0,0,0.40);*/
}

/* Search Link Bar ==================================================================== */
#search-link-bar {
	position:relative;
	padding-bottom:1px;
	text-align: right;
	/*text-decoration: underline;*/
	color: #666;
	float: right;
}
#search-link-bar a{
	color: #666;
}
#search-link-bar .active{
	font-weight: bold;
}

/* Product - Detail ================================================================== */
#product-detail-wrapper {}
#product-detail-wrapper .product-detail {
	width: 950px;
	padding: 5px 5px 5px 5px;
}
#product-detail-wrapper .product-detail-image{
	height: 600px;
	position: relative;
}
#product-detail-wrapper .product_image {
	height: 600px;
}
#product-detail-wrapper .product-detail-description {
	width: 520px;
	margin-left: 0px;
    margin-right: 0px;
	float: right;
}

#product-detail-wrapper .product-detail-order {
	padding: 10px;
	background-color: #e9e9e9;
	width: 940px;
	margin-left: -5px;
	float: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#product-detail-wrapper .product-detail-description table{
	bottom:10px;
}

#product-detail-wrapper .product-detail-description table td {
	/* padding:3px; */
}

.product-detail-order-left {
	width:190px;
	float:left;
	border-right: 1px solid #cccccc;
}

.product-detail-order-right {

	width:730px;
	float:right;
}


#product-detail-wrapper .product_farben {
	border: 1px solid #cccccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	height:25px;
	width:25px;
	margin-right: 3px;
}

.wk-product_farben {
	float:left;
	border: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:25px;
}

#product-detail-wrapper .product_farben_bottom {
	border: 1px solid #cccccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	height:16px;
	width:16px;

}

#product-detail-wrapper .product-info-icon {
	width: 45px;
	padding-top: 2px;
	padding-bottom: 2px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;

}



.button a, .button a:active, .button a:visited, .button a:link {
	color:#ffffff;
	/*background: url("../layout/button_bgr.jpg") repeat fixed left top transparent;*/
	background-color:#75b868;
	float:right;
	line-height: 20px;
	height: 20px;
	margin: 2px;
	padding: 1px 10px 2px 10px;
	/*border: 1px solid #648E5C;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.button a:hover {
	color:#000;
	/*background: url("../layout/button_bgr_hover.jpg") repeat fixed left top transparent;*/
	background-color:#75b868;
}

.button-grau a, .button-grau a:active, .button-grau a:visited, .button-grau a:link {
	color:#ffffff;
	background: url("../layout/button_grau_bgr.jpg") repeat fixed left top transparent;
	float:right;
	line-height: 20px;
	height: 20px;
	margin: 3px;
	padding: 1px 10px 2px 10px;
	border: 1px solid #648E5C;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.button-grau a:hover {
	color:#ffffff;
	background: url("../layout/button_grau_bgr_hover.jpg") repeat fixed left top transparent;
}


.button-none a, .button-none a:active, .button-none a:visited, .button-none a:link {
	color:#ffffff;
	/*background: url("../layout/button_bgr.jpg") repeat fixed left top transparent;*/
	background-color:#75b868;
	line-height: 20px;
	height: 20px;
	margin: 3px;
	padding: 1px 10px 2px 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.button-none a:hover {
	color:#000;
	/*background: url("../layout/button_bgr_hover.jpg") repeat fixed left top transparent;*/
	background-color:#75b868;
}

.button-none-gelb a, .button-none-gelb a:active, .button-none-gelb a:visited, .button-none-gelb a:link {
	color:#ffffff;
	/*background: url("../layout/button_bgr.jpg") repeat fixed left top transparent;*/
	background-color:#fdb94c;
	line-height: 20px;
	height: 20px;
	margin: 3px;
	padding: 1px 10px 2px 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.button-none-gelb a:hover {
	color:#fff;
	/*background: url("../layout/button_bgr_hover.jpg") repeat fixed left top transparent;*/
	background-color:#fccb7c;
}

.button.red a {
	background-color: #ff0000;
}

.thumbnail_container {
	min-height: 102px;
	font-size: 0; /*whitespace hack*/
}

.product_extra {
	width:66px;
	border: 1px solid #cccccc;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 0 4px 4px 0;
}

.partner-title {
	font-weight: bold;
}

input {
	BACKGROUND-COLOR: #ffffff;
	FONT-WEIGHT: normal;
	MARGIN-LEFT: 2px;
	padding-LEFT: 2px;
	COLOR: #555555;
	HEIGHT: 23px;
	border: 1px solid #cccccc;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
}

#id-search-field {
	text-align:right;
}

#id-login {
	text-align:right;
	 line-height: 20px;
	 height:20px;
}

#id-login a{
	float:right;
	text-align:right;
	 line-height: 22px;
	 height:22px;
	 padding-top: 0px;
	 margin-left: 2px;
	 margin-top:0px;
}

.press_image {
	border: 1px solid #cccccc;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;

}

.press_text{
	font-weight: bold;
}

#id-form-change-password .input {
	margin: 5px;
}

#id-form-change-password .input_label {
	width:150px;
	float:left;
}

#id-form-anmelden .input {
	margin: 5px;
}

#id-form-anmelden div.input {
	clear: both;
}

#id-form-anmelden .input_label {
	width:250px;
	float:left;
}
#id-form-anmelden input {
	width:250px;
}


#id_form_retouren input {
	width:250px;
}

#id-table-order {

}
#id-table-order input{
	margin-left:2px;
	margin-right:2px;
	margin-top:3px;
	margin-bottom:3px;
	width:38px;
	text-align: center; 
}

td.colourName {
	font-size: 10pt;
}

#id-table-order input::placeholder{

	color: #bbbbbb;
	font-size: 9px;
	text-align: center; 

}


.info_buttons {
	margin:5px;
}

.input_readonly {

	background-color: #e9e9e9;
	FONT-WEIGHT: bold;
	MARGIN-LEFT: 2px;
	padding-LEFT: 2px;
	COLOR: #555555;
	HEIGHT: 18px;
	border: 1px solid #cccccc;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}


.wk-tr-title { BACKGROUND-COLOR: #343432;}
.wk-tr-title TD { PADDING: 3px; COLOR: white}
.wk-tr-title-td-1 {font-weight:bold;}
.wk-tr-title-td-2 {}
.wk-tr-title-td-3 {	text-align:center;width:50px;}
.wk-tr-title-td-4 {	text-align:center;width:50px;}
.wk-tr2 TD { BACKGROUND-COLOR: #ffffff; PADDING: 3px;}
.wk-tr3 TD { BACKGROUND-COLOR: #ffffff; PADDING: 3px;}
.wk-epp0 TD { font-size:11px; PADDING: 3px; color:#b82e23; font-weight:bold;BACKGROUND-COLOR: #e4e4e4;}
.wk-epp1 TD { font-size:11px; PADDING: 3px; color:#b82e23; font-weight:bold;  BACKGROUND-COLOR: #ffffff;}


.wk-ltr0 TD { PADDING: 3px; BACKGROUND-COLOR: #ffffff;}
.wk-ltr1 TD { PADDING: 3px; BACKGROUND-COLOR: #e4e4e4;}
.wk-td-2 {PADDING: 3px;width:60px;font-weight:bold;}
.wk-td-3 {PADDING: 3px;font-weight:bold;text-align:right;}
.wk-td-4 {PADDING: 3px;font-weight:bold;text-align:right;}
.wk-td-2-discount {
	PADDING: 3px;
	width:60px;
	font-weight:bold;
	border:1px solid #B60F1D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}


.ab-tr-title { BACKGROUND-COLOR: #7B7C7E;}
.ab-tr-title TD { PADDING: 3px; COLOR: white}
.ab-ltr0 TD { PADDING: 3px; BACKGROUND-COLOR: #e4e4e4;}
.ab-ltr1 TD { PADDING: 3px; BACKGROUND-COLOR: #e4e4e4;}
.ab-tr-selected TD{
	font-weight:bold;
	background-color: #A0CB96 !important;
}


.ps_headline 				{font-weight:bold; margin-top:5px;}
.ps_head 					{background-color: #e4e4e4}
.ps_artikel_gefunden 		{background-color: #e4e4e4; padding:5px;}
.ps_show 		 			{padding:6px; font-weight: bold;  color: #ffffff; BACKGROUND-COLOR: #7b7b7a;}
.ps_checkbox				{vertical-align:middle;border:0px;}
#ps_count 					{font-weight: bold;margin-right:10px;}
.ps_farben 					{
	border: 1px solid #ccc;
	width: 25px;
	height: 25px;
	margin:5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}


#map {
	line-height:12px;
	height: 100%;
	max-width: none;
}

#map img {
    max-width: none;
}

.gmap {
	border: 0px solid #e4e4e4;
	margin-top: 8px;
	padding: 3px;
}



.gmap-title {
	font-weight:bold;
	font-size:14px;
	line-height:16px;
}

.gmap-adressse {
	font-size:14px;
	line-height:16px;
}

.gmap-contact {
	font-size:14px;
	line-height:16px;
}

.sonder_input{
	border: 1px solid #B60F1D;

}

.haendler-support-title{
	color: #B82E23;
	font-weight:normal;
}
.haendler-support-sub-title{
	font-size:16px;
	color: #B82E23;
	font-weight:normal;

}
.rot {

	color: #B82E23;
	font-weight:normal;
}

.txt-discount-hinweis {
	color:#B60F1D;
}

.padding-10 {
	padding-left:10px;

}

.agbs ol {
	margin-left:30px;
}
.agbs a {
	 color: #B82E23;
}

#id_form_tell_a_friend .input_label {
	width:220px;
	float:left;
	margin: 5px;
}
#id_form_tell_a_friend input {
	width:350px;
	margin: 5px;
}




/*.pp_fade
{
background-image: url(../../../frontend_10/files/images/background/BG_1.jpg);
}
    */



/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 360px;
    height:60px;

    /* custom decorations */
    border:0px solid #ccc;
    background:url(/media/img/gradient/h300.png) repeat-x;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:680px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:0px 5px 0px 0px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:80px;
    height:50px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../layout/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:15px 5px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down  {
    background:url(/media/img/scrollable/arrow/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

#headline_home
{
	font-size:24px;
	line-height: 28px;
	font-weight:bold;
	color:#7B7C7E;
}

.head_title
{
 font-family: Mark W01 Bold;
 font-weight: normal;
 font-style: normal;
 font-size: 30px;
 line-height: 40px;
 font-weight: normal;
 color:#1c1c1c; */
}

.font-size-14 {
	font-size: 14px;
}
.font-size-40 {
	font-size: 40px;
}
.font-size-50 {
	font-size: 50px;
}
.padding-top-30 {
	padding-top: 30%;
}
.multicolumn {
	clear: both;
}

.head_title_white
{
 font-family: Mark W01 Bold;
 font-weight: normal;
 font-style: normal;
 font-size: 30px;
 line-height: 40px;
 font-weight: normal;
 color:#ffffff; */
}

.head_title_start
{
 font-family: Mark W01 Bold;
 font-weight: normal;
 font-style: normal;
 font-size: 30px;
 line-height: 40px;
 font-weight: normal;
 color:#ededed; */
}

.head_subline
{
 font-size: 24px;
 line-height: 28px;
 font-weight:normal;
 color:#7B7C7E;
}

.contentlinks a {
	 color: #B82E23;
}


#nav-img-start {
	position: absolute;
	top: 5px;
	left: 316px;
}

.messelogo {
	width: 200px;
	float: left;
}

.messetermine {
	color: black;
	margin: 0 0 0 200px;
}

.messetermine a {color: #b82e23; text-decoration: none;}

/* Zertifikate ================================================================== */

.zertifikate_wrapper{
    width: 680px;
    margin: 0 auto;
    text-align: left; 
}

.zertifikate_links{
	width: 200px;
	float: left;
}
.zertifikate_mitte{
	width: 200px;
	margin: 0 240px 0 240px;

}
.zertifikate_rechts{
	width: 200px;
	float: right;
}

.certcol {
	float: left;
	margin-right: 2px;
}

.certcol p {
	/*text-align: center;*/
	color: #B82E23;
	text-decoration: underline;

}

.zertifikate_2_wrapper{
    width: 960px;
    margin: 0 20 0 20;
    text-align: left; 
}

.zertifikate_2_links{
	width: 280px;
	float: left;
	margin: 0 20px 0 20px;

}
.zertifikate_2_mitte{
	width: 280px;
	margin: 0 340px 0 340px;

}
.zertifikate_2_rechts{
	width: 280px;
	float: right;
	margin: 0 40px 0 20px;

}

.certcol_2 {
	float: left;
	margin-right: 2px;
}

.certcol_2 p {
	/*text-align: center;*/
	color: #1c1c1c;
	text-decoration: underline;

}

/* Reflective ================================================================== */

.dreispalt_wrapper_reflective{
    width: 804px;
	margin: 0 auto; 
	text-align: left;
}

.spalte_links{
	width: 245px;
	float: left;
}
.spalte_mitte{
	width: 245px;
	margin: 0 265px 0 275px;

}
.spalte_rechts{
	width: 246px;
	float: right;
}
.wrapper_reflective{
    width: 804px;
	margin-left: 78px; 
	text-align: left;
}


/*anibox*/

 /*-----------------------------sidekick-------------------------------*/
.anibox {
	position: fixed;
	top: 50%;
	right: 0;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
	margin-top: -250px;
	z-index: 1000; 
}

/*-----------------------------------------------------*/ 
#ani {
   margin-right:-270px;
  /*margin-top:261px;*/
	background: none repeat scroll 0 0 rgba(0, 0, 255, 1) ;
   height:500px;
   width:316px;
     
/*------------*/ 
    -webkit-animation-name: ani;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-play-state: running; 
    -webkit-animation-fill-mode: none;

/* Standard syntax */
    animation-name: ani;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-play-state: running; 
    animation-fill-mode: none;
/*------------*/  
/*------------*/ 
   -webkit-transition: all 1s; /* Safari */
    transition: all 1s; 
/*------------*/ 

}

/*----------Animation-------------------------------------------*/

/* Chrome, Safari, Opera */
@-webkit-keyframes ani {

 0%   {margin-right:-270px;}
   
 5%   {margin-right:0px;}

 95%   {margin-right:0px;}
  
 100%  {margin-right:-270px;}
}

/* Standard syntax */
@keyframes ani {
 0%   {margin-right:-270px;}
   
 5%   {margin-right:0px;}

 95%   {margin-right:0px;}
  
 100% {margin-right:-270px;}

}
/*-----------------------------------------------------*/
/*----------------ausklappen-------------------------------------*/

 #ani:hover {
  margin-right:0px;
 /* margin-top:261px;*/
	background: none repeat scroll 0 0 rgba(0, 255, 255, 1) ;
  height:500px;
  width:316px;
   
   -webkit-transition: all 1s; /* Safari */
   transition: all 1s; 
 }

/*-----------------------------------------------------*/
/*--------------Inhalt---------------------------------------*/ 


#anicontent {
	/* position: relative; */
	background: url("./bilder/sidekick.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 1);
	height: 500px;
	width: 316px;
	float: left;
}

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

/*/anibox*/


/*language switcher box*/
#language-wrapper {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 44px;
	zzzmin-height: 40px;
	top: 5px;
	font-family: Mark W01 Regular;font-size: 15px;
	/* right: 5px; */
	z-index: 10000;
	float: left;
	zzzborder: 1px solid white;
	zzzdisplay:none;
	right: -50px;
}
#language-wrapper ul{
	list-style-type: none;
}
#language-wrapper ul li {
	margin-top:3px;
}


ul.langSwitch {
	height: auto; 

}

select.langSwitch {
	font-family: "Font Awesome 5 Free", Arial;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;


	width: 50px;
	height: 30px;
	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=); 

	color: #fff;
	font-size: 16px;
	outline: none;
	cursor: pointer;

}    
select.langSwitch::-ms-expand {
	display: none;
}
select.langSwitch:focus::-ms-value {
	background-color: transparent;
  }

ul.langSwitch,  ul.langSwitch a {color: #666; }

.languageWrapper li {
	display: block;
	transition-duration: 0.5s; 
   }
   
   .languageWrapper li:hover {
	 cursor: pointer;
   }
   
   .languageWrapper ul li ul {
	 visibility: hidden;
	 opacity: 0;
	 position: absolute;
	 transition: all 0.5s ease;
	 zzzmargin-top: 1rem;
	 left: 0;
	 display: none;
   }
   
   .languageWrapper ul li:hover > ul,
   .languageWrapper ul li ul:hover {
	 visibility: visible;
	 opacity: 1;
	 display: block;
   }
   
   .languageWrapper ul li ul li {
	 clear: both;
	 width: 100%;
   }
   .languageWrapper ul li ul li a {
	text-decoration: none;
  }

  .language-link {
	margin-left: 16px;
}
  

#product-wrapper .product.brand-divider {
	clear: both;
	padding: 0;
	width: 315px;
}

.xsell_divider {
	clear: both;
	color: white;
	height: 40px;
	padding: 12px 0 12px 0;
}
.produktvideo_wrapper{
	width: 920px;
	height: 240px;
    margin: 0 auto;
	text-align: left; 
}
.produktvideo_links{
	display: inline-block;
	width: 300px;
	float: left;
}
.produktvideo_mitte{
	display: inline-block;
	width: 300px;
	margin: 0 10px 0 10px;
	float: left;
}
.produktvideo_rechts{
	display: inline-block;
	width: 300px;
	float: left;
}
.v-image{
	width: 300px;
	position: relative;
}
.v-image:hover .v-image-hover{
	width: 300px;
}
.v-image a {
	color: ##1c1c1c; 
	text-decoration: underline;
}
.v-image img{
	display: block;
	width: 300px;
	height: 169px;
}
.v-image-hover{
	width: 0px;
	height: 169px;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: 0,7s ease;
}
.zweispalt_wrapper_prd_overview{
    width: 920px;
    margin: 0 0 50px 0;
	text-align: left;
}
.spalte_links_prd_overview{
	width: 450px;
	float: left;
}
.spalte_links_prd_overview img{
	margin-bottom: 10px;
}
.spalte_rechts_prd_overview{
	width: 450px;
	float: left;
	margin-left: 10px;
}
.spalte_rechts_prd_overview img{
	margin-bottom: 10px;
}
.cookieconsenttable{
	margin: 8px 0 0;
}
.cookieconsenttable tbody td{
	border-bottom: 1px solid #cccccc;
    border-right: 1px solid #f5f5f5;
    text-align: left;
    vertical-align: top;
	padding-right: 5px;
}
.kat-banner-video-teaser{
	position:absolute;
	bottom:8px;
	left:544px; 
	margin:0px;
	padding:0px;
	z-index:99;
	border: pink; 
}
.kat-banner-nolabel-xo {
    position: absolute;
    bottom: 10px;
    left: 669px;
    margin: 0px;
    padding: 0px;
    z-index: 99;
    border: pink;
}
.flyer_dwnld_wrapper{
	width: 720px;
	height: 190px;
    margin: 0 0 20px 0;
	text-align: left; 
}
.flyer_dwnld_links{
	display: inline-block;
	width: 220px;
	float: left;
}
.flyer_dwnld_mitte{
	display: inline-block;
	width: 220px;
	margin: 0 10px 0 10px;
	float: left;
}
.flyer_dwnld_rechts{
	display: inline-block;
	width: 220px;
	float: left;
}
.produktvideo_wrapper_download{
	width: 920px;
	height: 300px;
    margin: 0 auto;
	text-align: left; 
}
.content-links-dwnl a {
	color: ##b82e23;
	text-decoration: underline;
}

/*popups*/
div.hiddenWrapper {
	display: none; 
}

div.linkedPopup {height: 630px;}


/*popup forms*/
form.popup-form {
	/* background: pink; */
	width: 100%;
	/* border: 1px solid red; */
	color: #3d5263;
	zzzpadding-bottom: 30px;
}

/*move honeypot field div outside of visible area */
.display-hp {
	position: absolute;
	left: -9999px;
}

form.register-form {}

.register-form label {
	width: 100%;
	display: block;
	text-align: center !important;
	margin-bottom: 0.5rem;
}

.register-form input {
	width: 95%;
	margin-bottom: 0.5rem;
}

.popup-text {
	padding: 10px 10px 26px 10px;
	background-image: url(/frontend_10/_FTP/images/popups/45_bgr_form.jpg);
	/* background-size: 800px; */
}

.register-form input[type=submit] {
	width: auto;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.pp_content {
	padding-bottom: 40px;
}
/* /popup forms */

/*box*/
div.box {
	border: 1px solid;
	padding: 12px;
	margin: 12px 0 12px 0;
}

/*alertbox*/
div.box.alert {
	border: 2px solid #b82e23;
}

div.box.success {
	border: 2px solid #b4d8ac;
}


div.box.shadow {
	box-shadow: 13px 13px 12px #DDDDDD;
}

div.box.greybg {
	background-color: #dddddd;
}



/*zoom client*/
.zoomContent h3 {
	margin-bottom: 10px;
}
.zoomclient--item-image {
  float: left;
  width: 200px;
  margin-right: 8px;
}
.zoomclient--item-main {
  float: left;
  width: 468px;
}
.zoomclient--item {
  margin-bottom: 19px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 11px;
}
.zoomclient--item-links div {
  float: left;
  margin-right: 6px;
}


.cookieconsent-optout-marketing {
	height: 200px;
	padding: 20px;
	background-color: #dddddd;
	margin: -400px 50px 0 50px;
	border: 2px solid #B82E23;
}

.imgLink-bildHP{
	display:block;
	width:169px;
	height:37px;
	position: absolute; 
	left:284px;
	top:707px; 
	z-index:9998;
}

.imgLink-bildHP:hover img{
	display:none;
}

.imgLink-bildHP_EN{
	display:block;
	width:169px;
	height:37px;
	position: absolute; 
	left:284px;
	top:707px; 
	z-index:9998;
}
	
.imgLink-bildHP_EN:hover img{
	display:none;
}
.toplink-wearecasual {
	font-family: Mark W01 Regular;
	color: #000;
	font-size: 12px;
	text-align: center;
	/* background-image: url(/frontend_10/files/layout/bgr_wearecasual.png); */
	background-color: #fff;
	position: absolute;
	right: 16px;
	height: 28px;
	top: 0px;
	width: 250px;
	border-radius: 0px 0 0 24px;
}

.toplink-wearecasual:hover {
	background-image: url(/frontend_10/files/layout/bgr_wearecasual_hover.png); 

}

.headline_mark_bold {
	font-family: Mark W01 Bold;
	font-size: 38px;
	line-height: 44px;
	color: #1c1c1c;
	text-align: center;
}
.headline_mark_bold_black_20 {
	font-family: Mark W01 Bold;
	font-size: 20px;
	line-height: 28px;
	color: #1c1c1c;
	text-align: left;
}