body{
	margin:			0px ;
	padding:			0px ;
	background-color:		rgb( 252, 252, 252 ) ; 
	background-position: 		50% 100% ;
	color:			rgb( 0 , 0 , 0 ) ;
	font-family:			'Open Sans','OpenSans',  Arial , Helvetica , sans-serif ;
	font-weight:400;
	font-size:			16px ;	
	hyphens: auto;
}



.gradient{
	background:#000000;
	background: -webkit-linear-gradient(bottom, #616161 0%, #000000 81%, #000000); 
	background: linear-gradient(to bottom, #616161 0%, #000000 81%, #000000); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#616161, endColorstr=#000000,GradientType=1);
}

.reverse-gradient{
	background:#000000;
	background: -webkit-linear-gradient(top, #616161 0%, #000000 81%, #000000); 
	background: linear-gradient(to top, #616161 0%, #000000 81%, #000000); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#616161,GradientType=1);
}

div.page{ 
	position:			relative ;
}
@media (min-width:1100px){
	div.page {max-width: 1450px; margin: auto;}	
}

div.header{
	z-index:			100 ;
	position:			relative ;
	height:			60px ;
	padding:			 15px  15px  0px  15px ;
	background-color:		rgb( 252, 252, 252 ) ;
}
@media (min-width:1400px){
	html::before {
		content:"";
		position: absolute;
		top:0;
		right: 0;
		height: 75px;
		width: 3000px;
		background: linear-gradient(to bottom, #616161 0%, #000000 81%, #000000); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#616161, endColorstr=#000000,GradientType=1); 
	}
	
/*
	body::after {
		content:"";
		position: absolute; 
		bottom:0; 
		right: 0; 
		height: 175px;  
		width: 3000px;
		background: linear-gradient(to top, #616161 0%, #000000 81%, #000000); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#616161,GradientType=1); 
	}*/
.footergrad.reverse-gradient {
	position: absolute;
	bottom: 0;
	width: 3000px;
	height: 142px;
	right: -1400px;
	z-index: -100;
}
	
}

div.header img {
	position:			relative ;
	border:			none ;
}
div.header .logo {width: 200px; float:left;}
.logo img {width:200px;}


div.header a { border: none ; }

@media (max-width:479px){
	div.header  { 
		height: 125px ;
		padding: 10px  15px  0px  15px ;
	}
	div.header .logo {width: 200px; margin:auto;float:none;}
}
@media (min-width:480px) and (max-width:999px){
	div.header{ 
		height: 90px ;
		padding: 10px  15px  0px  15px ;
	}
	div.header .logo	{width: 200px; margin:auto;float:none;}
}
@media (min-width:1000px) and (max-width:1100px){
	div.header{ 
		height: 70px ;
		padding: 10px  15px  0px  15px ;
	}
}

div.subheader {
	z-index: 100 ;
	position: relative ;
	height: 30px ;
	background-color: rgb(   0,   0,   0 ) ;
}

div.menu{
	width: 100% ;
	padding: 0px ;
	font-size: 14px ;
}
.menuMob{display:none; z-index:2000;}

@media (max-width:360px){
	.menuMob span {display:none;}
}
@media (max-width:480px){
	div.menu {margin:0 0 0 0;height:0px;}
	.menuMob{position:absolute; width:80px; display:block; color:white;}
	.menuMob{font-size:0.875rem;padding: 0 0 0 5px;position:absolute; top: 20px; left:0px;font-weight:bold }
	.menuMob img {margin: 0; padding:3px 3px 0px 3px;width:21px; position:relative;}
}
@media (min-width: 361px) and (max-width:480px){
	.menuMob span {padding: 0 3px 3px 3px; display:inline-block;}
}


@media (min-width:480px) and (max-width:999px){
	div.menu { 
		text-align:center;
		margin:0 0 0 0;height:0px;
	}
	.menuMob{position:relative; width:95px; display:block; color:white;}
	.menuMob{font-size:1.25rem;padding: 0 0 0 5px;position:absolute; top: 20px; font-weight:bold }
	.menuMob span {padding: 0 5px;display:inline-block;}
	.menuMob img {margin: 0; padding:3px 0px 0px 3px;width:21px; position:relative;}
}

@media (max-width:999px){
	div.menu{	
		font-size:12px;
	}
}

@media(min-width:1000px) and (max-width:1099px){
	div.menu {
		font-size:12px;
		position:relative;
		bottom:-30px;
	}
}
@media (min-width:1100px) and (max-width:1400px){
	div.menu {
		font-size:13px;
		position:relative;
		bottom:-20px;
	}
}	

div.shopnav {
	padding: 0px ;
	font-size: 14px ;
}

div.content { 
	z-index: 75 ;
	position: relative ;
	margin: 0px  0px  0px  160px ;
	padding: 0px  30px  30px  30px ;
	min-height: 500px ;
	color: rgb(  0,  0,  0 ) ;
}

/* #wrap {position: relative; clear: both;} */

@media (max-width:480px){
	div.content{margin:0 10px; padding:0;}
	div#wrap.menuActive .content{padding-left: 160px;}
}
@media (min-width:481px) and (max-width:999px){
	div.content{margin:0 10px; padding:0;}
	div#wrap.menuActive .content{padding-left: 160px;}
}	

@media (min-width:1000px) and (max-width:1400px){
	div.content {
		margin:0px  150px  0px  220px ; 	
		padding:0px  30px  30px  30px ;
		min-height:1500px;
	}	
}

@media (min-width: 1401px) {
	div.content {
		margin:0px  200px  0px  220px ; 	
		padding:0px  30px  30px  30px ;
		min-height:1500px;
	}	
}
div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 {
	margin: 0.75em  0px  0.75em  0px ;
}

div.content h1, div.content h2, div.content h3, div.content h4 {
	color: rgb( 40, 40, 40 ) ; 
	font-weight: 700 ;
}

div.content h5, div.content h6 {
	color: rgb( 40, 40, 40 ) ; 
	font-weight: 400 ;
}

div.content h1 {font-size:24px;}

div.content h2 {font-size:20px;}

div.content h3 {font-size:16px;}

div.content h4 {font-size:14px;}

div.content h5 {font-size:12px;}

div.content h6 {font-size:10px;}

div.content a, div.content a:active, div.content a:link, div.content a:visited
{ color: rgb( 40, 40, 40 ) ; }

div.content a:focus, div.content a:hover
{ color: rgb( 80, 80, 80 ) ; }

div.content p {
	padding:0em  0em  .50em  0em ;
	margin: 0;	
}

div#c308  {
	width:600px;
	margin:0 auto;
}
@media (min-width:1401px) {
	div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-top: 24px;}
}

.divider{clear: both;}
.divider hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

/* MENU */

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

div.menu ul.menu{
	display: inline-block ;
	margin: 10px ;
	padding: 0px 30px;
	list-style-type: none ;
}

div.menu ul.menu li { 
	float: left ;
	margin: 0px ;
	padding: 0px 0.75em;
}

div.menu ul.menu li + li { 
	border-left: 1px solid rgb( 79, 79, 79 ) ;
}

div.menu ul.menu li a { font-weight: 700 ;}

div.menu li a:focus, div.menu li a:hover {color: rgb( 255, 255, 200 ) ;}

div.menu li a {color:rgb( 255, 255, 255 ) ;}

@media (max-width:999px){
	div.menu ul.menu{
		margin: 5px;
		padding: 0px 15px ;
		list-style-type: none ;
	}
}
@media (min-width:1000px) and (max-width:1099px){
	div.menu ul.menu{
		margin: 5px ;
		list-style-type: none ;
	}
}
@media (min-width:1100px) and (max-width:1400px){}
@media (min-width:1401px){}	

/* SUB-HEADER */

div.shopnav { 
	position: absolute;
	top: 0px ;
	right: 0px ;
	height: 25px ;
	padding: 3px  20px  0px  0px ;
	background-color: rgb(   0,   0,   0 ) ;
}

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

div.shopnav ul.shopnav {
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
}

div.shopnav ul.shopnav li {
	float: right ;
	margin: 0px ;
	margin-left: 1.5em ;
	padding: 0px ;
}

div.shopnav ul.shopnav li a {font-weight: 700 ;}

div.shopnav li a:focus, div.shopnav li a:hover {color: rgb( 255, 255, 200 ) ;}

div.shopnav li a {color: rgb( 255, 255, 255 ) ;}

/* Onpage menu */
#inContentMenu {
overflow: auto;
border-right: none;
margin: 0 auto; 
min-height: 10px;
position: relative;
width: 690px;
padding: 0 0 0 0 ;
}

#inContentMenu .cat {
margin: 0 auto;
width:675px;
padding:0;
}
#inContentMenu li, #inContentMenu li a {
width: 200px;
height: 90px;
display: inline-block;
}
div#inContentMenu ul.cat li {
	border-radius: 0px;
	border: none;
	background-color: #e1e1e1;
	position: relative;
	margin: 10px;
}
div#inContentMenu ul.cat li a span {
	color: black;
	font-size: 18px;
	bottom: 10px;
	right: 10px;
	position:absolute;
	text-decoration:none;
}
@media (max-width:480px){
	div#inContentMenu {width:100%;}
}
@media (min-width:481px) and (max-width:999px){}	

div.contentads {display: none;}	

/* CATEGORIES */

div.categories {
	float: left;
	width: 200px ;
	padding: 10px  0px  0px  0px ;
	font-size: 14px ;
	display: none;
}


@media (max-width:479px){
	div.categories { 
		padding:0;
		margin:			135px  0px  0px  0px ;
	}
}
@media (min-width:480px) and (max-width:999px){
	div.categories { 
		padding:0;
		margin: 105px  0px  0px  0px ;
	}
}
@media (min-width:1000px) and (max-width:1100px){}	

@media (max-width:999px){
	div.categories {
		font-size:12px;
		width:150px;
	}
	div.categories.clicked  {
		display:block;
		z-index:1000;
	}
}
@media(min-width:1000px) {
	div.categories{display: block; float: none; position: absolute; left: 0;}
}
@media (min-width:1000px) and (max-width:1099px){
	div.categories {font-size:12px;}
}
@media (min-width:1100px) and (max-width:1400px){
	div.categories {font-size:13px;}  
}	
@media (min-width:1401px){}

@media (min-width: 1100px){
	div.categories {width:220px;}
}

div.categories a {
	text-decoration: none ; 
	color: rgb( 255, 255, 255 );
}

div.categories ul.cat {
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
}

div.categories ul.cat li{
	margin: 5px  5px  10px  5px ;
	padding: 12px  6px;
	text-align: left ;
}

div.categories ul.cat li a {
	display: block ;
	font-weight: 700 ;
}

div.categories li a:focus, div.categories li a:hover {color: rgb(  209,  27,  15 ) ;}

div.categories li a { color:rgb( 255, 255, 255 ) ;}

div.categories ul.l2 li {
	margin: 5px  5px  5px  5px ;
	padding: 3px  6px  3px  6px ;
	text-align: left ;
	font-size: 12px;
}

div.categories ul.cat li.pakete-cur-sub {margin: 5px 5px 0px 5px;}
div.categories li#pid_108 { 
	background-color: #db242e;
	color: rgb( 225,  225,  225 ) ;
	border: 3px solid  #db242e;
	font-size: 15px;
}

div.search {
	position: absolute;
	right: 0px;
	top: 16px;
	z-index: 100;
	width:300px;
}

div.search .resetbutt, div.search .submitbutt { display:none;}

ul.csc-menu-3 {
	padding: 0px ;
	text-align: right ;
}

ul.csc-menu-3 li.csc-section{
	display: inline-block; 
	margin: 0px  10px  0px  0px ;
	padding: 5px  10px  5px  10px ;
	background: rgb( 250,  250,  250 ) ;
	color: rgb(   0,   0,   0 ) ;
}

ul.csc-menu-3 li.csc-section a {
	color: rgb(   0,   0,   0 )  ;
	font-weight: 700 ;
	text-decoration: none ;
}
/* search */
@media (max-width:999px){
	div.search {
		position: relative;
		right: auto;
		top: auto;
		z-index: 100;
		width:300px;
		margin: 5px 5px 5px 20px;
	}
}
@media (min-width:1000px) and (max-width:1099px){
	div.search { 
		top: 10px;
		width:275px;
	}
}
@media (min-width:1100px) and (max-width:1400px){
	div.search { 
		top: 10px;
		width:275px;
	}
	
}	
@media (min-width:1401px){}	

/* ADS */


div.ads {
	float: right;
	padding:10px 5px;
	z-index:50;
	color: rgb( 255,  255,  255 ) 	 ;
}

div.ads	div img {
	margin: 3px auto;
	width: 80px;
}	

div.ads a{
	text-decoration: none ; 
	color: inherit ;
}

div.ads div {
	margin: 5px  5px  10px  5px ;
	padding: 9px  3px ;
	text-align: center ;
	font-size: 12px ;
	font-weight: 700 ;
	width: 120px ;
}

@media (max-width:999px){
	div.ads {
		position: relative;
		top:0;
		overflow: auto;
	}
	div.ads div {
		float: left;
		height:140px;
		width:140px;
	}
}
@media (min-width:1000px) and (max-width:1280px){ 
    div.ads {position: absolute; float: none; top: 75px; right: 0;}
}
@media (min-width:1279px) and (max-width:1400px){ }	
@media (min-width:1401px){
	div.ads div {
		width: 150px;
		padding: 10px  5px  ;
	}	  
	div.ads {
		position: absolute;
		float: none;
		right: 0;
		top: 75px;
	}
}	
div.ads div#c153 div {
	font-size: 14px;
	margin-bottom: 10px;
}
div.ads div * {
	margin: 0px ;
	border: none ;
	padding: 0px ;
}

div.pakete {
	background-color: rgb( 250,  250,  250 ) ;
	padding: 10px;
	margin: 10px;
	overflow:auto;
	position:relative;
	min-height: 250px;
	-webkit-box-shadow:4px 4px 4px 2px rgb(200, 200, 200);
	box-shadow: 4px 4px 4px 2px rgb(200, 200, 200);
}

@media (max-width:1099px){	
	div.pakete {min-height: 450px; }
	.csc-paket {width:100%; }
	div.paketImg {float: left;}
	div.paketImg img {width: 100%;}
	.paketInhalt { padding: 12px 0;}
	div.paketFormular {width:275px; margin: 10px 0 10px 15px;}
}
@media (min-width:1100px) and (max-width:1400px){	
	div.pakete {min-height: 460px;}
	.csc-paket,.csc-paket2 { width:50%; float: left; margin:0;}
	div.paketImg, div.paketFormular {width:275px; margin: 0 auto 15px;}
	div.paketImg img {width: 265px;}
	.paketInhalt {padding: 0 0 25px 0; }
	}
@media (min-width:1401px) {	
	div.pakete { min-height: 525px; }
	.csc-paket, .csc-paket2{ width:33%; float: left;}
	div.paketImg img {width: 265px;}
	div.paketImg, div.paketFormular {width:275px; margin: 0 15px;}
	.csc-paket2 .pakete {min-height: 480px}
	.csc-paket2 div.paketImg {width: 275px; padding 0 5px;float: none;}
	.csc-paket2 div.paketImg img {width: auto;}
	.csc-paket2 div.pakete div.paketFormular {padding: 0 0  0.25rem 0;}
}
div.pakete .paketInhalt {display: inline-block;}
div.pakete .paketInhalt p.bodytext {
	margin: 0 0;
	padding: 0 0 8px 0;
	font-size: 14px;
}
div.pakete .paketInhalt ul {
	margin: 8px 0;
	font-size: 14px;
}	
.paketFormular {
	margin: 10px 0;
	font-size:12px;
	position:absolute;
	bottom:0px;
}
.pakete a {
	text-decoration:none;
	margin: 0 auto;
	display:block;
	width: 100%;
}
.pakete a h3 {margin: 16px auto;}	

div.paketImg, div.paketFormular {width:275px;}

.paketImg div.img{ 
	-webkit-box-shadow: 3px 3px 6px 2px rgb( 80, 80, 80 );
	box-shadow: 3px 3px 6px 2px rgb( 80, 80, 80 );
	background: rgb(255,255,255);
}


input.input_Anzahl
{ width:			4ex ; 
	text-align:			center ;
}



/* Tabellen allgemein */
table { margin: 10px;}
th {padding: 5px 10px; font-size:12px, text-align:center;}
td {padding: 5px 10px;}

/* Flocktabelle */
tr:nth-child(2n) {background-color:rgb( 242, 242, 242 ); border-color: rgb( 242, 242, 242 );}
tr:nth-child(2n) td {border-color:( 242, 242, 242 ); }

#c424 table {border: 1px solid black ; border-collapse: collapse ;}
#c424 td, #c424 th {border: 1px solid black ; padding: 5px 10px;text-align:center;}
/* Groessentabellen */

#c96  h1, #c114 h1, #c115 h1 { font-size: 18px ; }

#c96  table, #c114 table, #c115 table { 
margin:10px ;
border: 2px solid black ;
border-collapse: collapse ;
}

#c96 th, #c96 td, #c114 th, #c114 td, #c115 th, #c115 td {
border: 1px solid black ;
padding: 5px 10px;
font-size: 12px ;
text-align:center;
}

.ui-accordion table { 
	margin:10px ;
	border: 2px solid black ;
	border-collapse: collapse ;
}

.ui-accordion th, .ui-accordion td{
	border: 1px solid black ;
	padding: 5px 10px;
	font-size: 12px ;
	text-align: center;
}
.ui-accordion p { font-size:0.875rem;}

#c399 {margin: 4rem 0.25rem 0 0.25rem;}	
#c399 h1 { color: rgb( 209,  27,  15 ) ;}	
#c399 figure {
position: relative;
padding: 0.15rem;
}
#c399 figcaption {
position: absolute;
bottom: 0.5rem;
left: 1rem;
color: rgb( 250, 250, 250 ) ;
font-size: 0.75rem;
font-weight: bold;
}
#c399 .csc-textpic-imagecolumn {float: none; display: inline-block;}
@media (min-width: 700px) and (max-width:1280px) {
	#c399 div.csc-textpic .csc-textpic-imagewrap img {width: 95%; height: 95%;}
	#c399 .csc-textpic-imagecolumn {width: 23%;}
}

#c406 {margin: 4rem 0.25rem 0 0.25rem;}	
#c406 h1{color: rgb( 209,  27,  15 ) ;}	
#c406 figure{
position: relative;
padding: 0.5rem;
}
#c406 figcaption{
position: absolute;
bottom: 0.5rem;
left: 1rem;
color:rgb( 250, 250, 250 ) ;
font-size: 0.75rem;
font-weight: bold;
}
#c407 {/*margin-top: 4rem;*/}	
#c407 h1{color: rgb( 209,  27,  15 ) ;}	
#c407 figure{position: relative;}
#c407 figcaption{
position: absolute;
bottom: 0.5rem;
left: 1rem;
color:rgb( 250, 250, 250 ) ;
font-size: 0.75rem;
font-weight: bold;
}

#c608 {background-color: rgb( 209,  27,  15 );}
#c608 a {color: rgb( 252, 252, 252 ); text-decoration: none; padding: 4px 16px;}
#c608 h1{padding:0;margin:4px;}
/* Seite Kontakt */
#contact .content {position: relative;}
#contact .content > div {width: 49%; display: inline-block; min-height: 300px;}
#contact #c402 {width: 100%; display: block;}
@media (max-width:1099px){
	#contact .content > div{width: 100%; display: block; }
	#contact form{width: 100%; display: block; position: relative; top: 0;}
}


#c81 {margin-top:-2rem; position: relative;top:-60px;}

.csc-linkToTop {display: inline-block;font-size:12px;float: right;}

.csc-frame-frame1{clear: both;}

.t3s-jslidernews-textslider div {margin:auto;}
.t3s-jslidernews-textslider .flex-caption { padding-left: 10px;}

/* To Top Button */
.scrollUp {
	position: fixed;
	height: auto;
	width: auto;
	right:150px;
	bottom:10px;
	font-size: 19px;
	background-color:rgb( 225,  225,  225 );
	color: rgb(   0,   0,   0 );
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	box-shadow: 0 0 2px 1px rgb( 225,  225,  225 );
	margin:0;
	padding:2px 6px;
	border:1px solid rgb( 225,  225,  225 );
	display:none;
	z-index:75;
	clear:both;
}

@media (max-width:480px){
	.scrollUp {display: block;font-size:12px;float: none;}
}
@media (min-width:481px) and (max-width:999px){ }

/* To Top Button End */

/* formular*/
#content .csc-mailform li {margin: 0; padding: 5px 10px;}
div.csc-mailform {padding: 0px 5px;}
div.csc-mailform ol {list-style:none;}

div.csc-mailform-field {margin-right: 10px;clear: both;	padding: 2px;}

div.csc-mailform-field  input, div.csc-mailform-field  select,div.csc-mailform-field textarea { display: block;	width: 95%;}
div.csc-mailform li.csc-form-element label { padding: 4px 0px 0px 0px;display: block;	width: 95%;}
div.csc-mailform li.csc-form-element input { width:95%; }

div.csc-mailform textarea {width:95%;}

div.csc-mailform li.csc-form-element-reset.csc-form-element input {width:50%; margin: 4px 0;}
div.csc-mailform li.csc-form-element-submit.csc-form-element input {width:50%; margin: 4px 0;}
div.csc-mailform-field input.csc-mailform-submit { clear: left;	float: none;width: auto;}

#field-10 { position: absolute; margin:0 0 0 -999em; }

label[for="field-10"]  { position: absolute; margin:0 0 0 -999em; }

.footer--box {width: 26%; float: left; margin: 0.25rem; padding: 0.25rem; color: white;}
.footer a {color: rgb( 255, 255, 255 )}
.footer a:hover, .footer a:focus {rgb( 209, 27, 15 )}
.footer--box--last  {width: 1%; margin: 0.25rem; padding: 0.25rem 5rem; float: right;}
.footer {clear: both;overflow: auto;padding: 10px 190px 10px 230px;}

@media (max-width:480px){
	.footer {width: 100%; padding: 10px;}
	.footer--box {width: 100%;}
}
@media (min-width:481px) and (max-width:999px){ 
	.footer {width: 100%; padding: 10px;}
	.footer--box {width: 100%;}
}