.consgrid	{
				display: grid;
				grid-template-columns: 100%;
				grid-template-rows: min-content auto;
				width: 100vw;
				height: 100vh;
				position: fixed; 
				top: 0; 
				z-index:999;
		}
.one {
  background-color: white;
  grid-row: 1;
}
.two {
   background-color: rgba(0, 0, 0, 0.2);
     -webkit-background-color: black;
  -webkit-opacity: 0.2;
   -khtml-background-color: black;
  -khtml-opacity: 0.2;
  grid-row: 2;
}


.cookiecons       { 
					display: grid;
					justify-content:space-between;
					grid-template-columns: auto auto;
					align-content:center;
					width:100%;
					height: 60px;
					opacity: 0; 
					background-color:#000; 
					color: #fff;  
					position: fixed;
					padding: 10px;
					bottom: 0;
					z-index:777;
				}  
.cons_text		{
					font-size:1.2em;  
}

.cons_button 	{
    background-color:#339053;
	border: 0px;
	border-radius:15px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	padding:9px 9px;
	text-decoration:none;
}
.cons_button:hover {
	background-color:#111;
}
.cons_button:active {
	position:relative;
	top:1px;
}

}
.grid-item-left { justify-self: left; align-self: end;
}

.grid-item-right { 
  justify-self: right; align-self: center;
}

.loaded{ 
visibility:visible; 
display:content;
opacity: 1;
transition: opacity ease-in 1s;}


.off{ opacity: 0;
visibility:hidden; 
display:none;
transition: all ease-in 1s;}




fas fa-times-circle
{background: #000;
  color: #fff;}
  


div.row p img{
	/*border-bottom: 1px solid fuchsia;*/
	/*border-right:  1px solid lightgray;	*/
}
h3{
	font-size: 2.4rem;
}
a.lma{
	z-index:60;
	height:50px;
}
/* user.css ----------------------------------------------------------------- */
html{
	line-height:130%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
div#content, div.contentContainer{
	float:left;
	width:99%;
}
body{
	background:#fff no-repeat center center;
	line-height:130%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    hyphens: auto;	 
}
th, td {
    padding:5px;
}
#contentShowWide
{	width:100%;
	}

#news_section{
	float:left;
	padding-left:5px;
    border-radius: 5px;
	box-shadow: 1px 5px 5px 1px lightgray;
	width:275px;  
	margin-right:5%; 
}
.left {
    float: left !important;
}
.left-border{
	border-left: 1px solid lightgray;
}
.right-border {
	border-right:1px solid lightgray;
}
#new_plants{
	padding-left:5px;
    border-radius: 5px;
    box-shadow: 1px 5px 5px 1px lightgray;	
  	float:left;
	width:390px;
}
.startNewsBox{
	float:left;
	margin: 5px 5px;
	width:250px;
	/* height:125px; */
	text-align:center;
}
.proboxStart{
	float:left;
	bottom:0;
	text-align:center;
/*	width:210px;*/
}
.red{
	color:red;
}
.green{
	color: #339053;
}
.gray{
	color:#777;
}
.sameHeight{
	height:250px;
}
.colsLogin{
	width:32%;
}
.flex{
	display:flex;
}
.frame{
    border-radius: 5px;
    box-shadow: 1px 5px 5px 1px lightgray;	
	margin: 5px 5px;	
	padding:5px 5px;
}
/*.col-md-3{
	width:23%;
}*/
.dotted{
	border-bottom: 1px dotted #777;
}
.bigFont,
div.bigFont p{
	font-size:2rem;
	margin-bottom:3px;
}
.smallFont{
	font-size:1.2rem;
}

.col-start-right{
	float:right;
}
.right{
	text-align:right;
	float:right;
}
#randomProduct p{
	text-align:center;
}
div.col-md-6{
	padding-right:0px;
}


body, ul, li{
    text-align: left;
}
h1.sv, h2.sv {
    font-size: 3rem;
    font-weight: normal;
    margin: 0;
}
h1, h2 {
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0;
}
#startLogo, #startLogoTop{
	float:left;
	margin:0px;
}
p, .product_content_text{
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 10px 5px 0;
}
/*BEGIN---------------------*/
/* Link zum Anfang der Seite*/

	#toTheTop {
		background:#b6b6b6;
		border-radius:50px;
		bottom: 35px;
		left: auto;
		position: fixed;
		right: 10px;
		width:55px;
		height:55px;
		z-index:105;
	}
	#toTheTop a p{
		padding-top:25px;
		font-size:4rem;
		color:#339053;
		text-decoration:none;
		text-align:center;
	}
	#toTheTop a:hover{
		text-decoration:none;
	}

/* Link zum Anfang der Seite*/
/*End-----------------------*/
a:focus, a:hover {
    color: #339053;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0 none;
}
a {
    color: #339053;
	/*color:#337ab7;*/
    text-decoration: none;
}
a {
    background-color: transparent;
}
/*---------------------*/
/*BEGIN Header und Menü*/
#header_logo{
	padding:5px;
	height:40px;
	float:right;
}
#menu{
    background: #5b6f48 none no-repeat fixed 0 0;
    border: 0 solid #39482f;
    height: 32px;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0 0 0 10px;	
	box-shadow: 0 0 1px #39482f inset; 
	z-index:999;
}
/*#menu{height:32px;margin:0px auto 0px auto;padding:0px 0px 0px 10px;-moz-box-shadow:inset 0px 0px 1px #edf9ff;-webkit-box-shadow:inset 0px 0px 1px #edf9ff;background:#aaa;border:0px solid #ccc;box-shadow:inset 0px 0px 1px #edf9ff;list-style:none;}*/

#menu .menu_right{float:right;margin-right:0px}
#menu li{display:block;float:left;position:relative;min-width:50px;margin-right:30px;margin-top:5px;padding:4px 10px 4px 10px;text-align:center;border:none;z-index:24;}
#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns, #menu li:hover .dropdown_full_width{left:1px;top:auto;text-align:left; display:block;float:left;}
#menu li .dropdown_full_width{left:-1px;top:auto;text-align:left; display:none;float:left;width:100%}
#menu li:hover .testor{left:-1px;top:auto;text-align:left}
#menu li:hover .align_right{left:auto;right:-1px;top:auto}
#menu li .align_right{-moz-border-radius:1px 0px 1px 1px;-webkit-border-radius:1px 0px 1px 1px;border-radius:1px 0px 1px 1px;}
#menu li .greybox li{width:116px;margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;-khtml-border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;background:#F4F4F4;border:1px solid #bbbbbb;border-radius:1px;}
#menu li .greybox li:hover{margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;background:#ffffff;border:1px solid #aaaaaa;}
#menu li:hover div a{color:#000;font-size:14px}
#menu li:hover div a:hover{color:#00aa00}
#menu li:hover .drop{background:url("drop.png") no-repeat right 6px; float:left;}
#menu li .black_box{padding:4px 6px 4px 6px;background-color:#333333;color:#eeeeee;-moz-border-radius:5px;-moz-box-shadow:inset 0 0 3px #000000;-webkit-border-radius:5px;-webkit-box-shadow:inset 0 0 3px #000000;border-radius:5px;box-shadow:inset 0 0 3px #000000;text-shadow:1px 1px 1px #000;}
#menu li .drop{padding-right:21px;background:url("drop.png") no-repeat right 5px}
#menu li ul{margin:1px 1px 1px 0;padding:0;list-style:none}
#menu li ul li{float:left; width:100%;margin:0;padding:0;font-size:14px;text-shadow:1px 1px 1px #ffffff;}
#menu li ul li:hover{margin:0;padding:0;background:none;border:none;}
#menu li a{display:block;color:#EEEEEE;font-size:14px;text-decoration:none;}
#menu h2{padding-bottom:8px;margin:7px 0 14px 0;border-bottom:1px solid #dddddd;font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:0.02em}
#menu h3{padding-bottom:7px;margin:7px 0 14px 0;border-bottom:1px solid #888888;font-size:14px}
#menu p, #menu h2, #menu h3, #menu ul li{font-size:11px;text-align:left;line-height:21px;text-shadow:1px 1px 1px #FFFFFF;}
#menu p{margin:0 0 10px 0;line-height:18px}
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_full_width{float:left;position:absolute;left:-999em;margin:4px auto;padding:1px 5px 1px 1px;border-top:none;text-align:left;-moz-border-radius:2px;-webkit-border-radius:2px;background:#FaFaFa;background:-moz-linear-gradient(top, #FaFaFa, #F4F4F4);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FaFaFa), to(#F4F4F4));border:1px solid #999999;border-radius:2px;}
.dropdown_1column{width:150px}
.dropdown_2columns{width:280px;}
.dropdown_3columns{width:420px;}
.dropdown_4columns{width:560px;}
.dropdown_5columns{width:1210px;}
.dropdown_full_width{width:1020px;}
.col_1, .col_2, .col_3, .col_4, .col_5,.dropdown_full_width{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}
.col_1{width:130px}
.col_2{width:270px}
.col_3{width:410px}
.col_4{width:550px}
.col_5{width:700px}
dropdown{}

body {
    margin:0;
    padding:0;
    #background-image: -moz-linear-gradient(top, #ddd, #fff);
    #background-image: -webkit-linear-gradient(top, #ddd, #fff);

}
/* OSC CSS Buttons */

.btn { margin:5px 0 0 0; background-color: #ccc;color:green; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; box-shadow: 0 1px #eee;font-size:12px; padding:6px;font-weight:bold;font-family:Verdana, Arial, Helvetica; text-transform: uppercase; letter-spacing:0px;-webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: 1px solid #aaa;} 
.btn:hover {background-color:#ccc;color:#093; }
.btn:active { background-color: #aabbbb; box-shadow: 0 -3x #666; transform: translateY(1px);}

.btn-default {background-color:#377F37 ; color:white; font-size:13px; padding-left: 8px; padding-right: 8px; font-family:Verdana, Arial, Helvetica; font-weight:normal;text-transform: uppercase; text-shadow: 0px 0px 0px  #fff; background-image:none;}
.btn-default-gray {
    background-color: #aabbbb;
    background-image: none;
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
    padding-left: 8px;
    padding-right: 8px;
    text-shadow: 0 0 0 #fff;
    text-transform: uppercase;
}
 /* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    border: medium none;
    cursor: pointer;
	height:48px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  /*  position: relative;
    display: inline-block;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	border: 1px solid #999999;	
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
	padding-left:5px;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#menu li .drop {
    background: rgba(0, 0, 0, 0) url("drop.png") no-repeat scroll right 5px;
    padding-right: 21px;
}
/*END Header und Menü*/
/*---------------------*/

/*-----------------------*/
/*Begin---Searchbox------*/
#txtSearch{
	width:84%;
	text-align:center;	
	float:left;
	border-radius: 5px 0px 0px 5px;
}
/*#txtSearch:focus {
    border-radius: 10px 0 0 10px;
    float: left;
    text-align: center;
    width: 300px;
}*/
.searchbox{
	display:block;
	width:250px;
	float:left;
	margin-right:20px;
}
#quick_find{
	float:center;
	text-align:center;
	left:300px;
}
button#btnSearch{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;	
	background-color:lightgray;
    border-color: hsla(65, 54%, 20%, 0.15);
    border-radius: 0 5px 5px 0;
    color: #000 !important;
    cursor: pointer;
    padding: 0;
    width: 16%;
	float:right;
    height: 30px;
    line-height: 1.3;
	font-size:20px;
	font-family: FontAwesome;
	margin-top:3px;
}
.suggest_link {
    background-color: #ffffff;
    padding: 2px 6px;
}
.suggest_link_over {
    background-color: #3366cc;
    padding: 2px 6px;
}
#search_suggest {
    background-color: #ffffff;
    position: relative;
	left:300px;
}
div.autosuggest{position:absolute}
div.autosuggest ul{width:400px;padding:5px;background-color:#b3bf97;font-size:8px;border:1px solid #cccccc;list-style:none;overflow:hidden;}
div.autosuggest ul li.as_highlight a{background-color:#CCCCCC;color:#000000}
div.autosuggest ul li.as_highlight a span small{color:#999}
div.autosuggest ul li.as_highlight a:hover{background-color:#EBEBEB}
div.autosuggest ul li.as_warning{font-weight:bold;text-align:center}
div.autosuggest ul li a{display:block;position:relative;width:400px;color:#3A3939;text-decoration:none;}
div.autosuggest ul li a:hover{background-color:#CCCCCC}
div.autosuggest ul li a span{display:block}
div.autosuggest ul li a span small{color:#999;font-weight:normal}
div.autosuggest ul em{color:#d3031a;font-weight:bold;font-style:normal}

select, input[type="text"], input[type="password"] {
    border: 1px solid #cccccc;
    box-sizing: border-box;
    padding-bottom: 1px;
}
/*End-Searchbox----------*/
/*-----------------------*/

#column_left{ 
	float:left;
	width:10%;
}

#contentBox{
	width:100%;
	float:left;
	
}
#contentStartCatBox{
	width:800px;
	float:left;
	border-radius: 5px;
    box-shadow: 1px 5px 5px 1px lightgray;
}
#contentStartCatBox4{
	margin-left:10%;
	width:800px;
	float:left;
}

/*--------------------------------*/
/*BEGIN ProductOverview-----------*/


.cfd
{	
	margin: 0 auto;
    max-width: 1860px;
    min-width: 1380px;
	width: auto;	
	min-height: 705px;
}

.cfd2
{
	display:flex;
	flex: row; 
	flex-wrap: wrap;
	justify-content: center; 
	margin: 0 auto; 
	overflow: auto;
}

/*END ProductOverview-------------*/
/*--------------------------------*/

#introtext p ,#introtext p p{
	width:100%;
	float:left;
}

/*-------------------------------------------------------*/
/*Beginn ContentRow Warenkorbeibelundung im Headerbereich*/
a.caco {
    position: relative;
    text-decoration: none;
}
a.caco:hover span {
    background: rgba(111, 111, 111, 0.9) none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    content: attr(title);
    display: block;
    font-size: 0.86em;
    height: auto;
    left: -100px;
    min-width: 250px;
    padding: 0.5em;
    position: absolute;
    text-align: center;
    top: 15px;
    white-space: nowrap;
    width: auto;
    z-index: 1;
}
a.caco:hover span::after {
    border-color: rgba(0, 0, 0, 0.8) transparent transparent;
    border-style: solid;
    border-width: 0;
    bottom: -16px;
    content: "";
    display: block;
    height: 0;
    left: 1em;
    position: absolute;
    width: 0;
}
a.caco span {
    display: none;
}

/*--------------------------------------------*/
/*Begin ProduktBoxAnsichten-------------------*/

.tabcontainer{width:444px;padding:1px;clear:left; }
.protab{display:none;max-height:300px;min-height:300px;padding:1px;overflow-x:hidden;overflow-y:auto;}
.rub{width:600px;text-align:center;text-transform:uppercase;vertical-align:top}
.gc{color:#228A3D;font-weight:bold}
.open{display:inline;position:relative;left:0px;top:-703px;padding-bottom:1px;padding-left:7px;padding-top:11px;color:#fff;font-size:17px;font-weight:bold;line-height:18px;text-shadow:1px 1px 2px #000;}
.highlight{display:inline;position:relative;left:7px;top:-703px;padding-left:0px;padding-right:3px;color:#eeeeee;font-size:11px;line-height:14px;}
.probox{	float:left;position:relative;width:395px;  color:black;}
.proboxcon{position:absolute;bottom:0;width:255px;text-align:center}
.catboxStart-m, .catboxStart-n{float:left;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;background:#ffffff;border-radius:10px;margin:5px;margin-bottom:15px;} /* position:relative  entfernt wegen consent-darstellung*/
#consdialog {position:relative; z-index:100;}
.rabatt_wrapper {display:grid; 
				grid-template-columns: 1fr 1fr 1fr 1fr;
				max-width: 750px;
				justify-content: space-evenly;
				margin:30px 0px 30px;
				position:relative;}

.catboxStart-l {display:grid;justify-self: center;} 

@media only screen and (max-width: 720px){

	.rabatt_wrapper {display:grid; 
				grid-template-columns: 1fr 1fr;
				grid-gap: 40px 25px;
				justify-content: space-evenly;
				margin:60px 0px;
				position:relative;}
	
}

				
				

.probox-m, .probox-k, .probox-s, .catbox-st, .catbox-m, .catbox-n, .catbox-pp {float:left;position:relative;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;background:#ffffff;border-radius:10px;	box-shadow: 0px 10px 10px 0px lightgray;margin:5px;}
.probox-st{position:absolute;bottom:0;width:190px;text-align:center}
.probox-s{/*height:155px;*/width:190px}
.probox-m{height:325px;width:265px}
.probox-k{height:290px}
.catbox-m, .catbox-n{float:left;height:250px;width:210px}
.catboxStart-m, .catboxStart-n {float:left; width:185px;height:190px;}
.catboxStartTop10 {float:left; width:185px;height:155px;}
.catbox-n{margin:1px}
.catbox-pp{height:280px;width:260px}
.catbox-p{position:absolute;bottom:0;width:260px;text-align:center}
.catbox-st{height:119px;width:114px}
.catbox{/*float:left;position:absolute;bottom:0px*/;text-align:center}
.catbox b{
	/*width:250px;
	text-align:center;*/
}
#categoryBox{
	float:left;
	width:100%;
}
#inShoppingCart{
border:0; 
width:350px; 
padding:1px;
}

.left200{
	float:left;
	text-align:left;
	width:280px;
}
.right45{
	float:left;
	text-align:right;
	width:65px;
}
.left{
	float:left;
	text-align:left;
	
}
.right_SV{
	float:right;
}
.right_SV p{
	width:auto;
	min-width:410px;
	max-width:410px;
	padding-left:10px;
}
.left_SV img{
	width:25px;

}
.left_SV {
	float:left;
}
.drumherum{
	display:inline-block;
	width:auto;
	min-width:440px;
	max-width:440px;
	padding: 2px;
}
.right{
	float:right;
	text-align:right;
	margin-right:50px;
}
.ContentRow{
	float:left;
	width:100%;
	height:40px;
}

.tabcontainer_SV {
    clear: left;
    padding: 1px;
	width:990px;
	height:auto;
}
.protab {
    display: none;
    max-height: 270px;
    min-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1px;
}
div.probox {
	text-align:left;
    min-height: 375px;
	margin-left:10px;
	margin-bottom:25px;
    position: relative;
	width:445px;
	font-size:12px;
	box-shadow: 1px 5px 5px 1px lightgray;		
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	
}
.product_order_with_box,.product_content_text{
	padding-right:10x;
	padding-top:10px;
}
.protabSingleView {
	float:left;
    padding: 10px;
	width: auto;
	min-width:440px;
	max-width:740px;
	padding:10px;
	border:1px solid #414141;
	/*margin-bottom:30px;*/
	background-color:white;
}
.protabSingleView h2{
	background:#414141;
	padding:10px;
	text-transform:uppercase;
	color:white;
	visibility:visible;
}

.protabSingleView  h2:hover{
	background:414141;
	padding:10px;
	text-transform:uppercase;
	color:white;
	visibility:visible;
}

.protabSingleView{	
	box-sizing: border-box;
	/*margin-top:50px;*/
}
div.proboxSingleView {
	text-align:left;
    /*height: 1000px;*/
	margin-left:10px;
	margin-bottom:15px;
    position: relative;
	width:990px;
	float:left;
	/*background-color:lightgray;*/
	font-size:1.2rem;
	box-shadow: 0px 10px 10px 0px lightgray; 
	box-sizing: border-box;	
	border-radius:10px;
}
.SingleImage{
	width:630px;
	float:left;
	display: block;
	animation: fadeEin 350ms ease-in-out both;
}


@keyframes fadeEin {
  from {opacity: 0;}
  to {opacity: 1;}
}

#thumbnails{
	max-width:110px;
	text-align:center;
	float:left;
	margin-top:20px;
}

.thumb{
	width:95px; 
	border: 1px solid #ccc;
	margin-bottom: 6px;
}
.thumb:hover
{
	border: 1px solid #aaa;
}


.product_boxTextHeader_SV {
    /*background-color: lightgray;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #339053;*/
    letter-spacing: 0.02em;
    padding: 5px;
	float:left;
	width:490px;
	text-align:left;
	height:auto;
}
.dddbox{
	float:left;
	background-color:white;
	width:740px;
	height:180px;
	margin-bottom:10px;
}
#gleichmit {
	border:1px solid #eee;
	font-size:10px;
}
.productFooter{
    background-color: #fff;
    color: #339053;
    float: left;
    font-size: 11px;
    letter-spacing: 0.02em;
    width: 100%;
	padding: 0px 0px 10px 0px;
}
SPAN.productPrice {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.boxTextHeader, .product_boxTextHeader, .boxTextHeaderNav, .boxTextHeaderStart, .barin {
    background-color: lightgray;
    color: #339053;
    font-size: 1.35rem;
    padding: 5px;
	float:left;
	width:100%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.product_images_box{
	box-sizing: border-box;
	padding-right:5px;
	padding-bottom:10px;
	width:180px;
	float:left;	
}
#ProductSingleView{
	margin-top:25px;
    margin: 0 auto;
	max-width:1250px;
    min-width: 0px;
    width: auto;
	min-height:690px;
}
#productContentBox{
	float:left;
	width:auto;
	min-width:490px;
	max-width:490px;
}
.product_images_box_SV{
	box-sizing: border-box;
	padding-right:5px;
	width:750px;
	float:left;	
	height:auto;
}
.product_details, .products_content_text{
	text-align:left;
	padding-left:10px;
	float:left;
	width:255px;
	overflow: hidden;
}
.product_details_SV{
	text-align:left;
	float:left;
	width:auto;
	min-width:75rem;
	max-width:75rem;
	border: 1px solid #414141;
	background-color:white;
}
h2.headlineStyle_SV{
	background:#ddd;
	padding:10px;
	border-right: 5px solid #fff;
	border-bottom:2px solid #fff;
	text-transform:uppercase;
	color:black;
	cursor:pointer;
}
#product_content_SV{
	text-align:left;
	padding-left:2px;
	float:left;
	width:980px;
	margin-bottom:30px;

}
.img-responsive{
	float:left;

}
.zubehoer_box{
	width:50%;
	min-width:50%;
	padding:4px;
	float:left;
}
.product_zubehoer{
	float:left;
	width: 100%;
}

.productSpecialPrice{color:#990101;font-size:16px;font-weight:bold}

.strikethrough{position:relative; font-size:12px}

.strikethrough:before{position:absolute;left:0;right:0;top:50%;border-top:1px solid black;-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);border-color:inherit;content:"";transform:rotate(-5deg);}

.product_footer{
	margin-left:10px;
	text-align:right;
	position: relative; 
	top: 0px;
	bottom:5px;
	right:3px;
}

.rabatt_footer{
	margin-left:10px;
	vertical-align: text-top;
	top: 0px;
	bottom:5px;
	right:3px;
}
.order_with_input_field{
	width:15px;
	float:left;
}
.order_with_input_field_text{
	float:left; 
	width:185px;
	color:black;
}
 

/*Ende--ProduktBoxAnsichten-------------------*/
/*--------------------------------------------*/
#switchView{
	/* width:100%; */
	text-align:right;
	}

/*Begin--ShadowBox----------------------------*/
/*--------------------------------------------*/
.lazy-hidden{background:#fff url(loading.gif) no-repeat 50% 50%;}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Verdana,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:12px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#fff;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background:url(close.png);}
#sb-nav-next{background:url(next.png);}
#sb-nav-previous{background:url(previous.png);}
#sb-nav-play{background:url(play.png);}
#sb-nav-pause{background:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/*Ende--ShadowBox-----------------------------*/
/*--------------------------------------------*/

/*--------------------------------------------*/
/*Begin Footer--------------------------------*/
div#beforeFooter{
	height:1px;
	width:100%;
	/*position:fixed;*/
	bottom:0px;
	float:left;
}
div.Footer{
	/*position:unset;*/
	bottom: 0px;
	width: 100%;
	font-size:11px;
	background: #ddd;
	text-align: center;
	color:#333;
	float:left;
	margin-top: 25px;
	/*position: fixed;*/
	/*padding-top:75px;*/
}
div.Footer p{
	text-align: center;
}
div.Footer a{
	color: #333;
}
div.drittel a i, div.drittel p i{
	color: #399053;
}
.drittel{
	width:33.3333%;
	float:left;
}
.drittel a{
	color:#fff;
}
/*.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
	padding-left:0px;
	padding-right:0px;
}*/
/*End Footer----------------------------------*/
/*--------------------------------------------*/
.catListingBox{
	/*float:left;*/
	float:left;
	width:100%;
}

.catListing {
    background: #e none repeat scroll 0 0;
    border-radius: 5px;
    border-right: 0 solid #999999;
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 445px;
	height:150px;
	box-shadow: 1px 5px 5px 1px lightgray;	
}
.catListingImage{position:absolute;margin-top:5px;}
.catListingName{position:relative;float:left;margin:5px;padding-right:1px;width:430px;text-align:right;font-size:11px;}
.catListingDetails{float:left;position:relative;margin:5px;padding-right:1px;text-align:right;width:430px;top:5px;}

.probox-k {
    min-height: 290px;
	height:300px;
    margin: 5px;
	background: white none repeat scroll 0 0;
	color: black;
	float: left;
	border-radius: 1px;
    border-right: 0 solid #999999;
	box-shadow: 1px 5px 5px 1px lightgray;	
	width:200px;
}


#compframe {
    display: block;
    height: 420px;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 900px;
    z-index: 55;
}
#Ocompframe {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    height: 470px;
    left: 50%;
    margin: -225px 0 0 -450px;
    overflow: auto;
    position: fixed;
    text-align: center;
    top: 40%;
    width: 900px;
    z-index: 54;
}
.closelink {
    bottom: 5px;
    position: absolute;
    right: 10px;
}
.complink {
    bottom: 10px;
	left:8px;
    float: left;
    font-weight: bold;
	text-align:left;
    height: 20px;
    position: absolute;
    /*width: 190px;*/
}
.complink_SV {
    bottom: 10px;
    float: left;
    font-weight: bold;
    height: 20px;
    position: absolute;
}


/*Schalensuche*/
TD.accountCategory {
    color: #aabbdd;
    font-size: 13px;
}
TD.fieldKey {
    font-size: 12px;
    font-weight: bold;
	width:120px;
	padding:10px;
}
TD.fieldValue {
    font-size: 12px;
		width:120px;
}
TD.tableHeading {
    font-size: 12px;
    font-weight: bold;
}
SELECT {
    background-color: #eeeeee;
    border-color: #cccccc;
}
.frage {
    background-color: #ffffff;
    border-color: #cccccc;
}
TEXTAREA {
    font-size: 11px;
    width: 99%;
}

.headsub {
    font-size: 14px;
    font-weight: bold;
	text-transform: uppercase;
}

.headsub-l {
	align-self: top;
	font-size: 14px;
    font-weight: bold;
	text-transform: uppercase;
	
}

.rabatt {
	display: flex;
	align-self:end;
	text-align: right;
}
/*Ende Navigation*/



/*Header ImageSlider*/


.slider-container {
    background: #171717 none repeat scroll 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.slider {
    height: 500px;
    max-height: 600px;
    position: relative;
}




/*Navigation neu*/ 
nav.sticky{
    top: 0;
    left: 0;
    width: 100%;
	height:45px;
    /*overflow:hidden;*/
}
ul { margin: 0px;
}
nav.sticky ul {
    margin-left:0px;
    /*padding: 10px 5px;*/
	padding-left: 10px;
}
.split{
	float:left;
	min-width:250px;
}

.dropdowni{
	display:none;
}

.nav > ul > li{
	float:left;
	/*padding:10px 10px 0px 0px;*/
	text-transform:uppercase;	
	border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 4.5rem;
    padding:0 1.6rem;
	z-index:999;
    /*transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s, background-position 0.25s ease-in-out 0s;	*/
}
.nav > ul > li:hover{
	background-color:rgba(40,40,40,0.9);
}


.nav ul li:hover .dropdowni{
	width:100%;
	display:block;
	left:0;
	position:relative;
	border-bottom:5px solid #4caf50;
	text-transform:none;
	font-weight: normal;
	line-height:normal;
}
#drop1,#drop2,#drop3,#drop4,#drop5{
	left:0;
	width:100%;
	height:auto;
	position:absolute;
	z-index:105;
}
#drop1,#drop2,#drop3,#drop4,#drop5{background-color: hsla(60, 100%, 100%, 1.0);}


#main-menu {
	background-color: #414141;	
	width:100%;
	height:45px;
}
li.nav__sub-nav__btn:hover .nav__sub-nav__sub-nav{
	border:0px solid #555;
	border-left:0px solid #555;	
	background:#fff;
	line-height:24px;
	left:130px;
	top:0px;
	width:225px;
	display:block;
	border-radius:10px;
	list-style-type:none;
	background-color:lightgray;
}
.nav__sub-nav__sub-nav{
	display:none;
	list-style-type:none;
}
/*Links 1Ebene*/

nav#main-menu > ul > li > a {
    color: #fff;
    text-decoration: none;	
		z-index:999;
}

nav#main-menu > ul > li > a:focus, 
nav#main-menu > ul > li > a:hover {
    color: #fff;
    text-decoration: underline;
	/*background-color:lightgray;*/
}
/*Links 2 Ebene*/

div.dropdowni ul li a{
    color: #000;
    text-decoration: none;	
}

div.dropdowni ul li a:focus, 
div.dropdowni ul li a:hover {
    color: #000;
    text-decoration: underline;
}

/*
.nav__sub-nav__btn.has-sub-nav::after {
    border: 1px solid #555;
	border-right:none;
	border-bottom:none;
    content: "";
    display: none;
    height: 23px;
    right:-12px;
	top:15px;
	position:absolute;
    transform: rotate(-45deg);
    width: 23px;
    z-index: 106;
}*/

  
.has-sub-nav:hover::after {
    display: block;
	background-color:white;
}
.nav__sub-nav__btn {
    color: #fff;
    display: flex;
    padding: 10px 24px;
    position: relative;
    text-decoration: none;
}
.nav__sub-nav__btn:hover {
	background-color:lightgray;
    /*background-color: #3f3f3f;
    border-left: 8px solid #4caf50;
    color: #fff;
    padding-left: 16px;*/
}
.nav__sub-nav__btn:hover > .nav__sub-nav {
    background-color: white;
    display: block;
    /*left: 100px;*/
    top: 0;
    z-index: 101;
	width:250px;
	position:relative;

}
.nav__sub-nav__sub-nav {
    border: 1px solid white;
    display: none;
    list-style-type: none;
    padding: 12px 0;
    position: absolute;
  /*  left: 100px;*/
    text-align: left;
    top: 5px;
    width: 250px;
    z-index: 107;
}
.breadcrumbs {
    background: #e0e0e0 none repeat scroll 0 0;
    color: rgba(0, 0, 0, 0.7);
    height: 2.8rem;
    padding: 0.6rem 0;
    vertical-align: middle;
    width: 100%;

}
li.nav__sub-nav__btn > .naviImage{
	display:none;
}

.navi > ul > li{
	float:left;
	padding:10px 10px 0px 0px;
}
li.nav__sub-nav__btn:hover > .naviImage{
	width:100%;
	display:block;
	position: absolute;
	/*top:555px;*/
	left:900px;
}
#image1,#image2,#image3,#image4,#image5,
#image6,#image7,#image8,#image9,#image10,
#image11,#image12,#image13,#image14,#image15,
#image16,#image17,#image18,#image19,#image20{
	width:100%;
	height:253px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#image1,#image2,#image3,#image4,#image5,
	#image6,#image7,#image8,#image9,#image10,
	#image11,#image12,#image13,#image14,#image15,
	#image16,#image17,#image18,#image19,#image20{
		width:100%;
		height:252px;
}
}
/* Nur Firefox */
@-moz-document url-prefix() {
	#image1,#image2,#image3,#image4,#image5,
	#image6,#image7,#image8,#image9,#image10,
	#image11,#image12,#image13,#image14,#image15,
	#image16,#image17,#image18,#image19,#image20{
		width:100%;
		height:266px !important;
	}
}
/* Nur Internet Explorer 10 */
@m-ms-high-contrast: active, -ms-high-contrast: none {
	#image1,#image2,#image3,#image4,#image5,
	#image6,#image7,#image8,#image9,#image10,
	#image11,#image12,#image13,#image14,#image15,
	#image16,#image17,#image18,#image19,#image20{
		width:100%;
		height:255px;
	}	
}
/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-ime-align:auto) {
	#image1,#image2,#image3,#image4,#image5,
	#image6,#image7,#image8,#image9,#image10,
	#image11,#image12,#image13,#image14,#image15,
	#image16,#image17,#image18,#image19,#image20{
		width:100%;
		height:253px;
	}		
}
#image1{	background:	url('../../../../images/navi_images/duenger.jpg') 		no-repeat scroll 0 0;		overflow:hidden;	}
#image2{	background:	url('../../../../images/navi_images/erde.jpg') 			no-repeat scroll 0 0;		overflow:hidden;	}
#image3{	background:	url('../../../../images/navi_images/pflanzen.jpg') 	 	no-repeat scroll 0 0;		overflow:hidden;	}
#image4{	background: url('../../../../images/navi_images/gartenbonsai.jpg')  no-repeat scroll 0 0;		overflow:hidden;	}
#image5{	background: url('../../../../images/navi_images/samen.jpg')  		no-repeat scroll 0 0;		overflow:hidden;	}
#image6{	background: url('../../../../images/navi_images/werkzeug.jpg') 		no-repeat scroll 0 0;		overflow:hidden;	}
#image7{	background: url('../../../../images/navi_images/tische.jpg') 		no-repeat scroll 0 0;		overflow:hidden;	}
#image8{	background: url('../../../../images/navi_images/giessgeraete.jpg') 	no-repeat scroll 0 0;		overflow:hidden;	}
#image9{	background: url('../../../../images/navi_images/pflanzenschutz.jpg') no-repeat scroll 0 0;		overflow:hidden;	}
#image10{	background: url('../../../../images/navi_images/keramik.jpg') 		no-repeat scroll 0 0;}
#image11{	background: url('../../../../images/navi_images/suiseki.jpg') 		no-repeat scroll 0 0;}
#image12{	background: url('../../../../images/navi_images/sparset.jpg')		no-repeat scroll 0 0;}
#image13{	background: url('../../../../images/navi_images/zubehor.jpg') 		no-repeat scroll 0 0;}
#image14{	background: url('../../../../images/navi_images/japgarten.jpg') 	no-repeat scroll 0 0;}
#image15{	background: url('../../../../images/navi_images/asiatika.jpg') 		no-repeat scroll 0 0;}
#image16{	background: url('../../../../images/navi_images/buch.jpg') 			no-repeat scroll 0 0;}
#image17{	background: url('../../../../images/navi_images/sonderangebote.jpg') 	no-repeat scroll 0 0;}
#image18{	background: url('../../../../images/navi_images/fundgrube.jpg') 	no-repeat scroll 0 0;}
#image19{	background: url('../../../../images/navi_images/gutschein.jpg') 	no-repeat scroll 0 0;}

/*Section for LanguageChooser*/
.header-extended {
    font-size: 12px;
}
.header-extended {
    background-color: #f0f0f0;
    font-size: 12px;
    height: 17px;
    padding: 8px 0;
}
.header-extended ul, .header-extended ul li {
    list-style:  none none;
    margin: 0;
    padding: 0;
}
.header-extended ul li {
    float: left;
}
.header-extended ul li a {
    border-right: 1px solid #000;
    color: #000;
    display: block;
    padding: 0 6px;
    text-decoration: none;
}
.header-extended ul li:last-child a {
    border-right: 0 none;
}
.header-lang .lang {
    color:white;
	line-height: 0;
    position: relative;
    top: 10px;
}
.header-lang .lang ul {
    background-color: #fff;
    display: none;
    padding: 7px 2px 0;
    position: absolute;
    top: 15px;
    width: 115px;
    z-index: 3;
}
.header-lang ul, .header-lang ul li {
    list-style: outside none none;
}
.header-lang {
    float: right;
	padding-top:5px;
}

.header-lang .lang:hover i {
    transform: rotate(90deg);
}
.header-lang .lang:hover ul {
    display: block;  
}
.header-lang .lang li {
    border-top: 1px solid #f5f5f5;
    float: none;
    line-height: 130%;
}
.header-lang .lang li img {
    float: right;
}
.fleft{
	float:left;
}
.form-control-lang{
    color: #555;
    font-size: 14px;
	margin-right:10px;
  }

.form-control{
	height:30px;
	margin-top:0px;
	font-size: 12px;
	/*width:33%;*/
	border-radius:5px;
 }
._33, .form-control-33, #email{
	height:30px;
	margin-top:0px;
	font-size: 12px;
	width:33%;
	text-align:center;
	border-radius:5px;
 }
 
 .form-control-25 {
	height:30px;
	margin-top:0px;
	font-size: 12px;
	width:25%;
	text-align:left;
	border-radius:5px;
 }
 .form-control-75 {
	height:30px;
	margin-top:0px;
	font-size: 12px;
	width:75%;
	text-align:left;
	border-radius:5px;
 }
  ._35
 {
	 width:30px;
 }
._300{
	height:30px;
	margin-top:3px;
	font-size: 12px;
	width:300px;
	text-align:left;
	float:left;
 }
 ._400{
	height:30px;
	margin-top:3px;
	font-size: 12px;
	width:400px;
	text-align:left;
	float:left;
 }
 .right_cart{
	text-align:right;
 }
 .left_cart{
	float:left;
	width:100px;
 }
.inputRequirement {
    color: #666666;
    font-weight: bold;
}
 ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
#contentHeaderImage{
	background:url('/images/banners/contentHeaderImage.jpg') no-repeat scroll 0 0;
	height:63px;
	width:100%;
	text-align: left;	
}
.mainwhite
{
 font-size:11px;
}
/*slick Slider 10 neueste Produkte der Startseite*/
/*.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
.slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}*/
/*------------------FAQ--------*/
.rubrikheader {
	font-size:13px;
	font-variant: small-caps;
}
.frageheader {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	font-size: 11px;
	margin-left:28px;
}
.frage {
	font-style: italic;
	line-height: 15px;
	font-size: 11px;
	margin-left:56px;
	margin-right:11px;
}
.antwort {
	padding-bottom: 15px;
	font-size: 11px;
	line-height: 15px;
	margin-left:56px;
	margin-right:11px;
}

.faqicon {
	margin-left:-25px;
}
/*-------------------SHOPPING-CART----*/
#shoppingCart{
	color:#777777;
	/*width:1024px;*/
	font-size:2rem;	
	/*line-height:2.2rem;*/
	padding: 0 10%;
}
#shoppingCart div.left_cart_name a,
#shoppingCart div.right_cart_anzahl a{
	color:#777777;
}
#GutscheinBox, #toPaymentButtons{
	width:100%;
	float:left;
}
.button-group input,
.button-group img {
    border: 0.0625rem solid #999;
    color: #777;
    font-family: Verdana,Arial,Helvetica;
	font-size: 1.725rem;
    height: 3.3125rem;
    /*line-height: 1.375rem;*/
    margin: 2rem 0rem 2rem 0rem;
    padding: 0.3125rem 0.9375rem;
}
.button-group > li .btn {
    padding: 0.3125rem 0.9375rem !important;
	border: 0.0625rem solid #999;
    border-radius: 0px 3px 3px 0px;
}
.button-group > li .vouchercode {
    border: 0.0625rem solid #999;
    border-radius: 3px 0px 0px 3px;
    padding: 0.3125rem 0.9375rem !important;
}
.button-group > li {
    display: inline-block;
    float: left;
    margin: 0 -0.3125rem;
}
dl li, ol li, ul li {
    list-style-position: outside;
}
.versatz p{
	font-size:1.2rem;
	padding-left:15px;
	/*padding-right:15px;*/
}
.error p,
.error300 p,
.error300Wide p,
.orange300 p,
.orange p,
.spartipp p,
.MessageStackError,
.MessageStackWarning,
.MessageStackSucces
{
	margin:10px 5px 10px;
}

.error, .MessageStackError{
	background-color: #ff9d97;
	border: 1px solid #c00;
	text-align:left;
	font-size:1.2rem;
	color:#c00;
	margin-bottom:2px;
}
.error300{
	background-color: #ff9d97;
	border: 1px solid #c00;
	text-align:left;
	font-size:1.2rem;
	color:#c00;
	margin-bottom:2px;
	width:33%;
	margin-left:25%;
    border-radius: 5px;	
}
.orange, .warning, .MessageStackWarning{
	background-color:#FAD160;
	border: 1px solid orange;
}
.orange300{
	background-color: orange;
	border: 1px solid #c00;
	text-align:left;
	font-size:1.2rem;
	color:#777;
	margin-bottom:2px;
	width:33%;
	margin-left:25%;
    border-radius: 5px;	
}
.orange300Wide{
	background-color: orange;
	border: 1px solid #c00;
	text-align:left;
	font-size:1.2rem;
	color:#777;
	margin-bottom:2px;
	width:33%;
	margin-left:33.3%;
    border-radius: 5px;	
}
.error300Wide{
	background-color: #ff9d97;
	border: 1px solid #c00;
	text-align:left;
	font-size:1.2rem;
	color:#c00;
	margin-bottom:2px;
	width:33%;
	margin-left:33.3%;
    border-radius: 5px;	
}
.spartipp, .succes, .MessageStackSuccess{
	background-color: #C5FFCF;
	border: 1px solid #00cc8a;
	text-align:left;
	font-size:1.2rem;
	color:#00cc8a;
	margin-bottom:2px;
}
.left_cart_name{
	float:left;
	text-align:left;
	width:55%;
}
.right_cart_anzahl{
	float:left;
	width:18%;
}
.right_cart_summe{
	float:right;
	width:17%;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.rowCart{
	min-height:70px;
}
.rowArround{
	border-bottom: 1px dotted lightgray;
	margin-bottom:5px;
	width:100%;
}
#voucherInRow{
	width:100%;
}
.smalltext{
	font-size:1.2rem;
}
/******************STATUS_SHOPPING**************/
.grid {}
#CheckoutSteps div.darkerGrey::before,
#CheckoutSteps div.darkerGreyChecked::before,
#CheckoutSteps div.darkGrey::before {
    border-bottom: 19px solid transparent;
    border-left: 19px solid #fff;
    border-top: 19px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.grid.grid1, .grid.grid2, .grid.grid3, .grid.grid4, .grid.grid4special, .grid.grid5, .grid.grid6, .grid.grid7, .grid.grid8, .grid.grid9, .grid.grid10, .grid.grid11 {
    margin-right: 15px;
}
.grid:last-child { margin-right: 0;}
.grid4 {width: 31.4%;}
.grid4special {width: 23%;}
.gridFull {width: 100%;}
.grid.gridRight {float: right;margin-right: 0;}
.grid.billboardSlider {width: auto;}
#CheckoutSteps {
    /*border: 1px solid #ccc;*/
}
#CheckoutSteps a::after {
    padding-left: 6px;
}
#CheckoutSteps div.grid4 {
    color: #aaa;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
}
.isMobile #CheckoutSteps div.grid4:last-child {
    width: 314px;
}
#CheckoutSteps div::before {
    content: "►";
    font-family: msx;
    left: 0;
    position: absolute;
}
#CheckoutSteps div.darkGrey:last-child::after, #CheckoutSteps div.darkGrey::before, #CheckoutSteps div:first-child::before, #CheckoutSteps div.darkGrey + div::before, #CheckoutSteps div.darkGrey:first-child::before,
#CheckoutSteps div.darkerGrey:last-child::after, #CheckoutSteps div.darkerGrey::before, #CheckoutSteps div.darkerGrey + div::before, #CheckoutSteps div.darkerGrey:first-child::before,
#CheckoutSteps div.darkerGreyChecked:last-child::after, #CheckoutSteps div.darkerGreyChecked::before, #CheckoutSteps div.darkerGreyChecked + div::before, #CheckoutSteps div.darkerGreyChecked:first-child::before,
    display: inline-block;
}
#CheckoutSteps div.darkGrey {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #444;
}
#CheckoutSteps div.darkerGrey {
    background: #777 none repeat scroll 0 0;
    color: #fff;
}
#CheckoutSteps div.darkerGreyChecked {
    background: #39842F none repeat scroll 0 0;
    color: #fff;
}  
#CheckoutSteps div.darkGrey::after{
	border-left: 19px solid #e6e6e6;
}
#CheckoutSteps div.darkerGreyChecked::after {
	border-left: 19px solid #39842F;
}
#CheckoutSteps div.darkerGrey::after{
    border-left: 19px solid #777;
}    
#CheckoutSteps div.darkGrey::after,
#CheckoutSteps div.darkerGrey::after,
#CheckoutSteps div.darkerGreyChecked::after {
    border-bottom: 19px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -19px;
    top: 0;
    width: 0;
}
#CheckoutSteps div.darkGrey::before,
#CheckoutSteps div.darkerGrey::before,
#CheckoutSteps div.darkerGreyChecked::before {
    border-bottom: 19px solid transparent;
    border-top: 19px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
	}
#CheckoutSteps div.grid4special{
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    margin-bottom: 0;
    position: relative;
    text-align: center;	
	padding-left:1.5rem;
}	
#CheckoutSteps div.grid4 {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
	padding-left:2rem;	
}
#CheckoutSteps div.darkGrey{
	background-color:#e6e6e6;
}
.iconAfter[data-icon]::before {
    /*display: none;*/
    padding-left: 0;
}
[data-icon]::before {
    padding-right: 4px;
}
[data-icon]::before, .iconAfter[data-icon]::after {
    content: attr(data-icon);
    display: inline-block;
    font-family: "msx";
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none !important;
    text-transform: none !important;
    vertical-align: top;
}
#CheckoutSteps a::after {
    padding-left: 6px;
}
.iconAfter[data-icon]::after {
    padding-left: 4px;
}
[data-icon]::before, .iconAfter[data-icon]::after {
    content: attr(data-icon);
    display: inline-block;
    font-family: "msx";
    font-size: 2rem;
    font-style: normal;
    font-weight: normal;
    text-decoration: none !important;
    text-transform: none !important;
    vertical-align: top;
}


/* Media Queeries */

@media only screen and (max-width: 2100px) {

	.cfd{
		max-width: 1860px;
		min-width: 1400px;
		width: auto;	
		margin: 0 auto;
	}
#contentShow{
	max-width: 1670px;
	min-width: 1400px;
	width: auto;	
	margin: 0 auto;
}
}
@media only screen and (max-width: 1860px) {
	.cfd{
	margin: 0 auto;
    max-width: 1400px;
    min-width: 830px;
    width: auto;
	}
#contentShow{
	max-width: 1400px;
	min-width: 830px;
	width: auto;	
	margin: 0 auto;
}	

}
@media only screen and (max-width: 1380px) {
body {
    background-color: #fff;
}
.searchbox {
    display: block;
    float: left;
    margin-right: 5px;
    width: 100px;
}
#news_section{
	float:left;
	padding-left:5px;
    border-radius: 5px;
	box-shadow: 1px 5px 5px 1px lightgray;
	width:270px;  
	margin-right:5%; 
}
#new_plants {
    border-radius: 5px;
    box-shadow: 1px 5px 5px 1px lightgray;
    float: left;
    padding-left: 5px;
    width: 395px;
}
.cfd{
	margin: 0 auto;
    max-width: 935px;
    min-width: 475px;
    width: auto;
}
#contentShow{
	max-width: 935px;
	min-width: 475px;
	width: auto;	
	margin: 0 auto;
}	
}
@media only screen and (max-width: 935px),
@media only screen and (max-width: 765px),
@media only screen and (max-width: 465px) {
.nav > ul > li{
	float:left;
	/*padding:10px 10px 0px 0px;*/
	text-transform:uppercase;	 
	border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 4.5rem;
    padding:0 0.6rem;
	z-index:999;
    /*transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s, background-position 0.25s ease-in-out 0s;	*/
}
.nav__sub-nav__btn {
    color: #fff;
    display: flex;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    position: relative;
    text-decoration-color: currentcolor;
    text-decoration-line: none;
    text-decoration-style: solid;
}
.nav__sub-nav__sub-nav {
    border: 1px solid white;
    display: none;
    list-style-type: none;
    padding: 3px 0;
    position: absolute;
  /*  left: 100px;*/
    text-align: left;
    top: 3px;
    width: 250px;
    z-index: 107;
}
.split {
    float: left;
    min-width: 200px;
}
body {
    background-color: #fff;
	font-size: 1.25rem;
}	
.searchbox, .header-lang
{
	display:block;
}
#CheckoutSteps div.grid4 {
    font-size: 11px !important;
	width:auto;
}
#shoppingCart, .left_cart, .bigFont, div.bigFont {
	font-size:1rem	 !important;
}
 .grid4special, .grid, .darkerGrey, .darkerGreyChecked, .darkGrey
 {
	border-bottom: 0px solid transparent !important;
    border-top: 0px solid transparent !important;
 } 
div.probox {
	width:390px;
}
.catboxStart-m {width:150px;}


.header-lang {
    float: left;
    padding-top: 5px;
    background: #414141;
    width: 100%;	
	border-top:1px solid #fff;
}
.searchbox {
    display: block;
    float: left;
    margin-right: 5px;
    width:200px;
}
button#btnSearch {
    width: 32px;
}
h3{
	font-size:1.5rem;
}
.nav > ul > li{
    font-size: 1.05rem;
    padding:0 0.6rem;
}
.nav__sub-nav__btn {
    color: #fff;
    display: flex;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
}
li.nav__sub-nav__btn:hover .nav__sub-nav__sub-nav{
	line-height:16px;
}
.nav__sub-nav__sub-nav {
    padding: 3px 0;
    top: 3px;
}
.split {
    float: left;
    min-width: 200px;
}
body {
    background-color: #fff;
	font-size: 0.9rem;
}	
.searchbox, .header-lang
{
	display:block;
}
.catboxStart-m, .catboxStart-n {
    float: left;
    height: 155px;
    width: 150px;
}
.catboxStart-m, .catboxStart-n {
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
}

.right {
    margin-right: 20px;
}
.breadcrumbs{
    padding-bottom: 0.25rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.25rem;
}
.catboxStartTop10 {
    float: left;
    height: 155px;
    width: 155px;
}

}

@media only screen and (max-width: 935px) {
.cfd{
	margin: 0 auto;
    max-width: 765px; 
    min-width: 465px;
    width: auto;
}
#contentShow{
	max-width: 765px;
	min-width: 465px;
	width: auto;	
	margin: 0 auto;
}		

}

@media only screen and (max-width: 765px) {
.cfd{
	margin: 0 auto;
    max-width: 465px; 
    min-width: 320px;
    width: auto;
}	
#contentShow{
	max-width: 465px;
	min-width: 320px;
	width: auto;	
	margin: 0 auto;
}	
#CheckoutSteps div.grid4 {
    font-size: 11px !important;
	width:auto;
}
#shoppingCart, .left_cart, .bigFont, div.bigFont {
	font-size:1rem	 !important;
}
 .grid4special, .grid, .darkerGrey, .darkerGreyChecked, .darkGrey
 {
	border-bottom: 0px solid transparent !important;
    border-top: 0px solid transparent !important;
 } 

}
@media only screen and (max-width: 465px) {
.cfd{
	margin: 0 auto;
    max-width: 300px; 
    min-width: 160px;
    width: auto;
}	
#contentShow{
	max-width:300px;
	min-width: 160px;
	width: auto;	
	margin: 0 auto;
}
.tabcontainer{
	width:300px;
}
div.probox {
	width:300px;
	height:300px;
} 
#EinsteigerSetStart{
	width:300px;
	height:111px;
	max-width:100%;
	max-height:100%;	
}
.catListing{
    margin-left: 10px;
    width: 300px;
	height:215px;
}
.complink{display:none;}
.catListingImage{float:left;position:absolute;margin-top:5px;}
.catListingName{position:relative;float:left;margin:5px;padding-right:1px;width:290px;text-align:right;font-size:11px;}
.catListingDetails{float:left;position:relative;margin:5px;padding-right:1px;text-align:right;width:290px;top: 60px;}
.singleImageBig{
	width:50%;
	height:50%; 
	float:left;
	text-align:left;
	min-height:220px;
}
.product_boxTextHeader_SV{
	width:300px;
}
#productContentBox{
	width:300px;
	}
.right_SV p {
    max-width: 270px;
    min-width: 270px;
}
.drumherum{
	min-width:305px;
	max-width:305px;
}
.zubehoer_box {
	float:none;
}
}