body, html{
color: #555;
font-size: 16px;
}

p{
color: #555;
}

h1, h2, h3, h4, h5, h6{
color: #555;
text-transform: none;
}

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before{
display: none;
}

h1:after, h2:after, h3:after, h4:after, h5:after, h6:after{
display: none;
}

h1{
margin-bottom: 2rem;	
	
}


h2, h3{
border-bottom: 0;
}

h5, h6{
	font-size: 24px;
	font-weight: bold;
	text-transform: none;
}


.shop-cart.bar-dropdown>li>a, .shop-product-thumb>a, .shop-recent-product ul li a, .shop-recent-product>p, .deal-week>h2>span, .deal-of-weak>a, .heading-5 h2 i, .heading-5:before, .categories-widget ul li i, .custom-pagination>ul>li>a:hover, .custom-pagination>a>span:hover, .book-details>a, .sortable-btn>ul>li>a.active, .sortable-btn>ul>li>a:hover, .grid-product>.view-post, .our-skills-sec>ul>li>i, .our-skills-sec>ul>li>.progress .progress-bar, .cart-head, .cart-thumb>a, .cart-product>a>span, .cart-quanity>.decrements form input[type="button"], .cart-total-box>ul>li a, .review-users>ul>li>a:hover, .error-page>form>.submit, .error-page>ul>li>a:hover, .price-table:hover .price-head, .price-table:hover .price-footer, .best-seller.seller3>a, .w-sales>span, .w-best-seller>div i, .mega-menu .menu-btn, .menu-dropdown-btn, .responsive-menu>ul>li>ul:before {
    background: #555;
}
.shop-cart.bar-dropdown li>ul>li .checkout-btn, .shop-recent-product ul li a, .heading-5 h2, .custom-pagination>ul>li>a:hover, .custom-pagination>a>span:hover, .w-get-help>ul>li:hover span, .add-cart-sec>ul>li, .cart-total-box>ul, .review-users>ul>li>a:hover, .error-page>form>.submit, .error-page>ul>li>a:hover, .menu>ul>li ul.mega-menu, .responsive-menu>ul>li>ul {
    border-color: #555;
}
.cart-total-box>ul {
    border: 1px solid #555;
}
.cart-total-box>ul>li {
    color: #555;
}
.cart-total-box>ul>li:nth-child(2n+1) {
    background: #fefefe;
}
table.cart-table th {
    font-family: 'Open Sans', sans-serif;
    background: none repeat scroll 0 0 #555;
}
table.cart-table th {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
    background: none repeat scroll 0 0 #555;
}

#infoCartButton .cartbutton{
  margin: 0 5px 0 0;
  padding: 0;
width: auto;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 28px;
padding: 2px 7px;
}


.cc-banner .cc-message {
    /*max-width: 1020px;*/
    margin: 0px auto 0px auto;
}


.heading1 > h2{
color: #555 !important;
text-transform: none;
font-size: 36px;
display: block;
margin: 0 0px 0 0px;
padding: 0 0px;
letter-spacing: .25px;
word-spacing: .2px;
font-style: normal;
position: relative;
z-index: 99;
border-bottom: 0;
}


.nopadding {
padding: 0 !important;
margin: 0 !important;
}

.hideonstart{
display: none;
}


hr.small{
margin: 1rem 0px;
padding: 0;
}

#content a {
    color: #c90018;
}
	#content a:hover, #content a:active, #content a:focus  {
    	color: #c90018;
	}


#content a.btn{
	color: #fff!important;
}

#content p {
    font-size: 1rem;
}
#content p span.productNo {
	font-size: 0.875rem;
    font-weight: 600;
}


#content p > em{
color: #c90018;
}


.menu a, .menu a:link, .menu a:visited, .menu a:active {
    color: #555;
    text-transform: none;
    font-size: 0.875em;
}

.menu li.active a, .menu li.active a:hover, .menu li a:hover,.menu>ul>li:hover>a{
color: #575757;
}

.btn-grey, .btn-grey:hover, .btn-grey:focus{
color: #fff!important;
background-color: #a0a09f!important;
border-color: #a0a09f!important;
}

.whishlist-bar.bar-dropdown > li > a.btn-grey, .compare-btn.bar-dropdown > li > a.btn-grey{
width: auto;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 28px;
padding: 2px 7px;
}

.shop-cart.bar-dropdown a.btn-grey .fa-user {
    display: inline;
    padding-right: 5px;
}
.compare-btn.bar-dropdown > li > a.btn-grey i {
float: left;
font-size: 16px;
margin-right: 10px;
margin-top: 0px;
color: #fff!important;
line-height: 28px;
}


.whishlist-bar.logout{
	color: #FFFFFF;
margin-right: 12px;	
}

.whishlist-bar.bar-dropdown.logout > li > a, .compare-btn.bar-dropdown.logout > li > a{
color: #FFFFFF;
background-color: #c9302c;
border-color: #ac2925;
width: auto;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 28px;
padding: 2px 7px;
}

.whishlist-bar.bar-dropdown.logout > li > a i, .language.bar-dropdown.logout > li > a i, .compare-btn.bar-dropdown.logout > li > a i{
float: left;
font-size: 16px;
margin-right: 10px;
margin-top: 0px;
color: #fff !important;
line-height: 28px;
}




.logo{
max-height: 120px;
position: absolute;
}

.logo img{
width: auto;
height: 120px;
max-height: 120px;
}

.top-bar {
    float: right;
    padding: 10px 0 4px;
    width: 100%;
}


.header{
min-height: 140px;
height: 100%;
padding: 15px 0px 20px 0px;
border-bottom: solid 3px rgba(115,113,112, 0.4);
}

.header .container{
min-height: 120px;
height: 120px;
position: relative;
}



  
/* mobil nav */  

.bsnav-mobile{
	z-index: 500;
}

button.navbar-toggler:focus{
border: 0;
outline: 0;
}


footer .bsnav-mobile {
    z-index: 1;
}


footer .bsnav-mobile .navbar-nav, footer ul.navbar-mobile{
margin: 0px 0px;
padding: 0px 0px;
}

footer .navbar-mobile > li {
padding-top: 0px;
    padding-bottom: 0px;
	border-bottom: 0;
}

footer .navbar-mobile > li > a {
padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 0px;
    color: #ffffff;
    display: block;

}

footer .navbar-mobile > li > a:hover{
text-decoration: underline;
background-color: transparent;
color: #ffffff;
}


footer ul.navbar-mobile {
    padding: 0px 0px 0px 0px;
}


.bsnav{
	background: none!important;
	background-color: transparent!important;
}
  
.navbar-toggler {
    border: none;
    width: 32px;
    height: 24px;
    padding: 0;
    position: relative;
    border-radius: 0;
    cursor: pointer;
	z-index: 1002;
	display: none;
	float: right;
	background-color: #ffffff;
}




.bsnav-mobile .navbar{
    left: -480px;
	transform: translate3d(0px,0,0);
	right: unset;
	margin-bottom: 0px;
	z-index: 1001;
}

.bsnav-mobile.in .navbar {
    transform: translate3d(480px,0,0);
}



ul.navbar-mobile{
list-style-type: none;
margin: 0px 0px 0px 0px;
width: 100%;
padding: 0px 0px 0px 0px;
flex-direction: column;
}

.bsnav-mobile .navbar-nav{
padding-bottom: 0px;
}

ul.navbar-mobile li{
list-style-type: none;
margin: 0px 0px 0px 0px;
}


  
  
  
  
.heading1, .heading2, .heading3, .heading4{
float: none;
margin-bottom: 0px;
}

.asksam .heading6{
		margin-bottom: 15px;
}

.asksam .heading6 > h3{
	border-bottom: 0;
	text-transform: none;
	font-size: 1.1rem;
margin-top: 0px;
margin-bottom: 15px;
}


.heading1:before, .heading2:before, .heading3:before,.heading4:before{
display: none;
}

.heading2>h2 {
    background: none repeat scroll 0 0 #FFF;
    color: #073F81;
    display: block;
    font-size: 22px;
    letter-spacing: 0px;
    margin: 10px auto 0;
    padding: 0px 0px 13px 0px;
	margin-bottom: 13px;
    position: relative;
    z-index: 99;
    text-transform: none;
}


.infostripe{
background-color: #073F81;
padding: 0px 0px;
margin: 0rem 0px;
text-align: center;
}

.infostripe p{
text-align: center;
padding: 12px 0px;
margin: 0px 0px 0px 0px;
font-weight: bold;
text-transform: uppercase;
}

.infostripe .row .col-md-12{
max-width: 1170px;
margin: 0px auto;
background-color: #ffffff;
float: none;
}

.infostripe.first{
	margin: 2rem 0px 0rem 0px;
}

.infostripe.last{
	margin: 0rem 0px 2rem 0px;
}

.container.fullwidth{
width: 100%;
max-width: 100%;
}



.sold-thumb > a{
	background-color: #fff;
	padding: 12px 18px;
}


.btn.btn-mini {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

/* Contentboxen Start */
.kontaktliste .tel-icon, .kontaktliste .mail-icon{
text-align: center;
margin: 4rem auto;
}

.kontaktliste .tel-icon .fa, .kontaktliste .mail-icon .fa{
border: solid 1px #073F81;
border-radius: 50% 50%;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
margin: 0px auto 12px auto;
color: #073F81;
font-size: 35px;
}


.tippliste-subpage{
	margin-top: 4rem;
}


.tippliste h4, .tippliste .heading4, .contentpage h4, .tippliste-subpage h4, .tippliste-subpage .heading4{
text-transform: none;
border-bottom: 0;
color: #444444!important;
margin: 1rem 0px 0.5rem 0px;
font-weight: bold;
}


 .contentpage h4{
	 margin: 2.5rem 0px 0.5rem 0px;
 }

.tippliste p > a, .tippliste-subpage p > a{
display: block;
text-align: right;
}


.tippliste .fa, .tippliste-subpage .fa{
border: solid 1px #a0a09f;
border-radius: 50% 50%;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
margin: 2rem 0px 0px 0px;
position: absolute;
left: -80px;
color: #073F81;
font-size: 60px;
}

.tippliste-subpage .fa.fa-check{
	margin: 0rem 0px 0px 0px;
	left: -80px;
}


.tippliste-subpage .fa{
	margin: 1rem 0px 0px 0px;
}


.tippliste .fa-check:before, .tippliste-subpage .fa-check:before{
margin: -10px 0px 0px -19px;
position: absolute;
}

.tippliste-subpage .fa-exclamation:before{
margin: -14px 0px 0px -9px;
position: absolute;
}


.tippliste div.row{
margin-left: 80px; 
}

.tippliste-subpage div.row{
	margin-right: 0px;
margin-left: 0px;
}

.tippliste-subpage div.col-md-6{
margin-left: 80px;
width: calc(50% - 80px);
padding-left: 0px;
padding-right: 30px;
}


.tippliste-subpage div.col-md-6 > div{
	margin: 1rem 0px 2.5rem 0px;
}

.tippliste-subpage div.col-md-6 > div.heading4{
	margin: 0rem 0px 0rem 0px;
}




/* Stützpunkt suche */

.modal-body #branches.search{
	min-height: 50px;
	background: transparent url('../site/pics/large-loading.gif') no-repeat center center;
}



h6.map-Heading{
	font-size: 12px;
	font-weight: bold;
}


#map-bodyContent p{
	font-size: 12px!important;
}




#map-content img{
	width: 200px;
	height: auto;
	display: block;
}



footer{
background: none;
background-color: #ffffff;
border-top: solid 2px #8abc3f;
}

footer .footer-box{
padding: 20%;
}

.footer-about{
background: none;
}

.footer-post, .footer-post > ul {
    float: none;
    width: 100%;
	display: inline-block;
}


footer h4{
color: #ffffff!important;
border-bottom: solid 2px #ffffff;
padding-bottom: 10px;
}


footer .bg-white h4{
border-bottom: solid 2px #073F81;
}



footer p {
    color: #fff;
    float: none;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 2em;
    margin: 0;
    width: 100%;
}


footer .bg-white h4, footer .bg-white .footer-col a, footer .bg-white .footer-col a:link, footer .bg-white .footer-col a:visited, footer .bg-white .footer-col a:active{
	color: #073F81 !important;
}


footer .bg-grey p, footer .bg-green p{
color: #ffffff;
}

.footer-col{
display: block;
}


.footer-col ul {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
list-style-type: none;
}

.footer-box li {
display: inline-block;
width: 100%;
}

.footer-box .footer-col:first-child{
margin-bottom: 70px;
}

.footer-box li a{
display: block;
color: #ffffff;
line-height: 2em;
font-size: 14px;
}

footer .bg-white .footer-col > p:nth-child(2), footer .bg-white .footer-col > p:nth-child(3){
	padding-left: 70px;
	width: auto;
}


.footer-col .fa{
	padding-right: 12px;
	font-size: 16px;
	
}

.payment-box ul li{
display: inline-block;
width: auto;
}

.payment-box li img{
	max-height: 35px;
	width: auto;
	margin-right: 12px;
}

.bottom-line{
background-color: #8abc3f;
border-top: solid 2px #ffffff;
min-height: 60px;
}

.bottom-line p{
padding: 18px;
color: #ffffff;
margin-bottom: 0px;
font-size: 11px;
}

.bottom-line p a{
color: #ffffff;
font-size: 11px;
}


footer .bg-green{
background-color: #8abc3f;
}

footer .bg-grey{
background-color: #a0a09f;
}

footer .bg-white{
background-color: #ffffff;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}



/* date picker */

.datum-auswahl{
position: relative;
}

.datum-auswahl span{
width: 30px;
height: 30px;
position: absolute;
top: 7px;
right: 3px;
color: #333;
font-size: 22px;
z-index: 17;
}


.ui-datepicker-header a{
	cursor: pointer;
}


.group-dispatcher .checkbox, .group-dispatcher .radio, .group-payment .radio, .group-payment .checkbox{
	margin-left: 25px;	
}

.form-check.fullwidth{
width: 100%;
margin-left: 245px;
}

fieldset .form-group .form-check.fullwidth label{
 width: 80%;
 max-width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
color: #ffffff;
background: green;
}

.ui-state-disabled span, .ui-widget-content .ui-state-disabled span, .ui-widget-header .ui-state-disabled span, .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
background: #f6f6f6!important;
color: #333333!important;
}

.ui-widget-header{
color: #333;
border: 0;
border-bottom: 1px solid #333;
}


#map-canvas{
	background: #ffffff url('../site/pics/map-dummy-bg.jpg') no-repeat;
	background-position: cover;
	background-size: 100% 100%;
	width: 100%;
height: 500px;
margin: 20px auto;
max-width: 1200px;
min-height: 500px;
	
}

.googlemap{
width: 100%;
height: 100%;
display: block;
position: relative;
}


#confirm-googlemaps {
    width: 80%;
    left: 50%;
    top: 50%;
    position: absolute;
    display: inline-block;
    margin: auto;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


#confirm-googlemaps .gbutton {
text-align: center;
background-color: #073F81;
border-radius: 3px;
font-weight: normal;
text-decoration: none;
color: #fff;
cursor: pointer;
padding: 8px;
max-width: 550px;
width: 100%;
margin: 25px auto;
}




/* Glossar Styles */

.glossar h6 {
display: block;
position: relative;
text-align: center;
margin: 3rem auto 4rem auto;
padding: 0px 20px;
}

.glossar h6:before{
content: "";
position: absolute;
height: 5px;
border-bottom: 1px solid #073F81;
top: 10px;
width: 100%;
display: inline;
left: 0;
z-index: -1;
}

.glossar h6:after{
content: "";
width: 80px;
display: block;
background-color: #FFFFFF;
left: 0;
right: 0;
top: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
height: 30px;
z-index: -1;
}


.glossar h3{
text-transform: none;
border-bottom: 0;
color: #444444!important;
margin: 3.5rem 0px 0.5rem 0px;
font-weight: bold;
font-size: 1.2rem;
text-decoration: none;
}

.glossar h3 a, .glossar h3 a:hover, #content.glossar h3 > a{
text-decoration: none;
color: #444444!important;
}

.glossar-box{
width: 100%;
display: block;
max-width: 1200px;
background-color: #FFFFFF;
margin: 0rem 0px 2rem 0px;
padding: 2rem 0px;
z-index: 5;
}

.glossar-box > select{
width: 100%;
max-width: 92%;
margin: 0rem 0px;
}


.glossar-box.fixed{
position: fixed;
top: 0;
min-height: 170px;
-webkit-box-shadow: 0px 7px 3px -4px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 7px 3px -4px rgba(0,0,0,0.31);
box-shadow: 0px 7px 3px -4px rgba(0,0,0,0.31);
}

.glossar-box ul{
list-style-type: none;
margin: 0px 0px;
padding: 0px 0px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

.glossar-box ul li {
padding-bottom: 6px;
}

.glossar.fixed-offset h3 > a{
margin-top: 170px;
}



.infoboxglossar{
display: block;
width: 100%;
}

.infoboxglossar > div{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
margin: 12px 0px 0px 0px;
}

.infoboxglossar .fa{
font-size: 6rem;
color: #073F81;
margin-right: 1.1rem;
margin-top: -12px;
}

.infoboxglossar p{
margin: 0px 0px;
padding: 0px 0px;
}


.infoboxglossar > h2{
    color: #073F81;
    display: block;
    font-size: 22px;
    letter-spacing: 0px;
    margin: 10px auto 0;
    padding: 0px 0px 13px 0px;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.cart-table small, .cart-table .small{
    font-size: 0.666rem;
}

.cart-head > h2{
	color: #FFF!important;
}


.cart-total-box > ul.shippingInfoBox > li > span{
	width: 100%;
}

.cart-table tbody .is-startpackage + *:not(.is-startpackage) {
    border-top: 10px solid #ddd;
}
.cart-table tbody .is-startpackage:last-child {
    border-bottom: 10px solid #ddd;
}


/* Startseite Produkte */


#startItemList > .container{
	width: 100%;
	max-width: 100%;
	float: left;
}

#startItemList > .container .inner-products, #startItemList > .container .bg-list{
	height: 480px;
	max-height: 550px;
	float: none;
}


#startItemList > .container .inner-products{
	margin-bottom: 1.5rem
}

#startItemList > .container .inner-products:last-child{
	margin-bottom: 0rem
}


#startItemList .listbutton{
	margin: 20px 0px 8px 0px;
}

#startItemList .listbutton > .btn{
	min-width: 250px;
	width: 250px;
}


.homelist-block{
    width: 100%;
	max-width: 1170px;
	margin: 0px auto;
	height: 100%;
}

.homelist-box{
	background-color: rgba(138,188,63,0.8);
	max-width: 50%;
	width: 50%;
	height: 100%;
	padding: 35px 35px;
}

#startItemList > .container .inner-products:nth-child(2) .homelist-box{
	float: right;
	
}

.homelist-box h3, #content .homelist-box h3 a, #content .homelist-box h3 a:link, #content .homelist-box h3 a:visited{
	color: #FFFFFF!important;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	border: 0;
	padding: 0px 0px;
	margin: 0px 0px 6px 0px;
	text-decoration: none;
	text-shadow: 2px 2px #304528;
	font-size: 1.7rem;
}

.homelist-box h4, #content .homelist-box h4 a:link, #content .homelist-box h4 a:visited, #content .homelist-box h4 a{
	color: #FFFFFF!important;
	font-weight: normal;
	text-transform: none;
	text-align: left;
	padding: 0px 0px;
	margin: 0px 0px 12px 0px;
	text-decoration: none;
	text-shadow: 2px 2px #304528;
	font-size: 1.5rem;
}

.home-desc, .home-desc p, #content .home-desc p > a{
	color: #FFFFFF!important;
	font-weight: normal;
	text-transform: none;
	text-align: left;
	padding: 0px 0px;
	margin: 0px 0px;
	text-decoration: none;
line-height: 120%;
	text-shadow: 1px 1px rgba(48,69,40,0.7);
}

.home-price {
	display: block;
	width: 100%;
	text-align: right;
	margin: 2rem 0px;
}


.home-price .price{
	min-width: 50%;
	background-color: #ffffff;
	text-align: right;
	padding: 8px 16px 8px 0px;
	border-radius: 30px 0px 0px 30px;
	color: #304528;
	font-weight: bold;
	line-height: 30px;
	margin-right: -35px;
	display: inline-block;
	font-size: 1.4rem;
}

.spinfo{
font-size: 0.7rem;
top: -.85rem;
display: inline;
}

.home-price .price > span{
		font-size: 1.8rem;
}

.home-price .spinfo, .priceblock .spinfo{
	margin-top: 0;
	top: 8px;
}

ul.tooltip-btn label{
display: none;
}


.homelist-block ul.tooltip-btn{
	display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	justify-content: flex-end;
	margin-top: 2rem;
	position: relative;
}


.cartColAmount .form-group{
	display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	justify-content: center;
	margin-top: 0px;
	position: relative;
}



.homelist-block ul.tooltip-btn label, .cartColAmount .form-group label{
    position: relative;
    display: block;
    padding-right: 0px;
    box-sizing: border-box;
	margin-bottom: 0;
}

	.homelist-block ul.tooltip-btn input, .cartColAmount .form-group input.addToCartInput{
    position: relative;
    display: block;
    padding-right: 40px;
    box-sizing: border-box;
	margin-right: 12px;
	font-weight: normal;
}

.homelist-block ul.tooltip-btn label:after, .cartColAmount .form-group label:after {
    content: '' attr(data-unit);
    position: absolute;
    bottom: 4px;
    right: 20px;
    display: block;
    color: rgba(0, 0, 0, 0.6);
		font-weight: normal;
		font-size: 12px;
}


.cartColAmount .form-group label:after {
	    bottom: 7px;
}


.order-startkit{
	font-size: 0.85rem;
	color: #ffffff;
	padding: 12px 12px 6px 12px;
	line-height: 150%;
text-shadow: 1px 1px rgba(48,69,40,0.7);
background-color: rgba(138,188,63,0.9);
}

.order-startkit input[type="checkbox"]{
margin: 0px 8px 0px 0px;
line-height: normal;
}



/* Tooltip container */
.spinfo {
  position: relative;
  cursor: pointer;
  float: left;
  margin-left: 8px;
  margin-top: 12px;
  }

/* Tooltip text */
.spinfo .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #46801d;
  color: #fff;
  font-weight: normal;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  min-height: 35px;
  display: block;
  width: 155px;
  margin-top: -20px;
  bottom: 100%;
  left: 50%;
  position: absolute;
  line-height: 125%;
  margin-left: -78px;
}


.spinfo .fa{
font-size: 0.85em;
font-weight: normal;
border: solid 1px #000;
border-radius: 50% 50%;
min-width: 17px;
min-height: 17px;
line-height: 15px;
text-align: center;
opacity: 0.75;
}



.spinfo:hover .tooltiptext {
  visibility: visible;
}


.spinfo .tooltiptext:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #46801d transparent transparent transparent;
}

.detail-information .spinfo{
	float: right;
}

.detail-information .label{
	margin-left: -15px;
}

.btn-selectred{
font-size: 1rem;
color: #ffffff!important;
background-color: #c90018!important;
border-color: #c90018!important;
height: auto!important;
padding: 3px 15px 3px 15px;
min-height: 34px;
}

.btn-selectred .fa{
margin-left: -5px;
margin-right: 10px;
}


.btn-selectgreen{
font-size: 1rem;
color: #ffffff!important;
background-color: #337307!important;
border-color: #337307!important;
height: auto!important;
padding: 3px 15px 3px 15px;
min-height: 34px;
}


.previous-absolute, .next-absolute{
	top: 65%!important;
}


/* Warengruppe liste */

.group-rasen{
float: none;
clear: both;
display: inline-block;
width: 100%;
}

			
.list-grouptext h3{
margin: 0px 0px 15px 60px;
padding: 0px 0px 10px 0px;
}


.list-grouptext ul{
list-style-type: none;
margin: 0px 0px 0px 60px;
padding: 0px 0px 0px 0px;
}

.list-grouptext ul > li{
padding-left: 60px;
list-style-type: none;
height: 50px;
position: relative;
font-size: 1.1rem;
display: flex;
flex-direction: row;
align-items: center;
}



.list-grouptext ul li:before{
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
content: "\f00c";
text-align: center;
line-height: 45px;
font-size: 40px;
width: 40px;
height: 45px;
margin: 0rem 0px 0px 0px;
position: absolute;
left: 0px;
color:  #073F81;
}

.list-grouptext2 .heading3{
margin-top: 3rem;

}

.heading3 > h3{
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}		

		
#itemsList{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: space-between;
}

.list-grouptext{
margin-bottom: 4rem;
}


.listitem-wrapper{
border: solid 1px #64745e;
position: relative;
}

.listcontent{
background-color: rgba(104,176,34,0.2);
border-top: solid 1px #64745e;
padding: 15px 10px 10px 10px;
}


.listcontent h3{
border-bottom: 0px;
text-transform: none;
font-size: 1.25rem;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*min-height: 70px;*/
text-shadow: 1px 1px #ffffff;
}



#itemsList .inner-products{
padding-left: 0px!important;
padding-right: 0px!important;
margin: 0px auto 20px 0px;

}

#itemsList .inner-products:nth-child(4n+4){
margin-right: 0px;
}


.list-special-offer{
position: absolute;
right: 0;
}

.list-special-offer span, .detail-special-offer span{
color: #ffffff;
display: block;
padding: 0px 8px;
font-size: 11px;
line-height: 23px;
margin-bottom: 5px;
}

.detail-special-offer{
	display: inline-block;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 12px;
}

.detail-special-offer span{
max-width: 90px;
float: left;
margin-right: 12px;
}


.item-offer{
background-color: #8b0212;

}

.item-topseller{
background-color: #f0b70c;

}

.item-new{
background-color: #c90018;

}


.list-thumb{
overflow: hidden;
position: relative;
}


.list-thumb > a{
display: block;
text-align: center;
}

.list-thumb > a img{
display: block;
padding: 0px 0px 0px 0px;
text-align: center;
}


p.article-number{
font-size: 0.8rem!important;
}

.item-listprice{
position: relative;
width: 49%;
display: inline-block;
float: left;
}

.item-listprice span.price{
font-size: 1.6rem;
line-height: 44px;
}


.item-listaddtocart{
position: relative;
width: 48%;
display: inline-block;
text-align: right;
}


.item-listaddtocart .tooltip-btn .btn{
	min-width: 60px;
    max-width: 120px;
}

.item-listaddtocart .btn-selectred .fa{
	margin-right: 0px!important; 
}

h1.parentGroupName {
color: #525252;

font-size: 22px;
font-weight: bold;
letter-spacing: 0.3px;
margin-bottom: 1rem;
margin-top: 0;
text-transform: uppercase;
border-bottom: solid 1px #073F81;
padding-bottom: 1rem;
}


.productgroupimg, .pagegroupimg{
	max-height: 350px;
	height: 350px;
	overflow: hidden;
	background-color: #ffffff;
	background-position: center center;
	background-size: cover;
	background-repeat: none;
	background-image: URL('../site/pics/header-rasen-kaefer.jpg');
}

/* dünger rechner*/

#fertilizerCalculator{
background-color: #b2d996;
width: 100%;
margin: 2rem 0px;
}

#fertilizerCalculator .first{
padding: 20px 20px 20px 35px;
}

#fertilizerCalculator .btn{
background-color: #64b32d;
color: #ffffff;
margin-top: 2rem;
}

#fertilizerCalculator .input-calc{
background-color: transparent;
border: 0;
border-bottom: solid 1px #000;
max-width: 60px;
margin: 0px 8px;
text-align: right;
padding: 0px 8px;
}

#fertilizerCalculator textarea:focus, #fertilizerCalculator input:focus{
    outline: none;
}


#fertilizerCalculator table.result{
width: 100%;
padding: 0px 0px;
margin: 0px 0px;
}

#fertilizerCalculator table.result td{
padding: 2px 5px 2px 10px;
}

#fertilizerCalculator table.result td:last-child{
padding-right: 35px!important;
text-align: right;
}

#fertilizerCalculator table.result tr.rowtext td{
background-color: #b2d996;
padding: 10px 5px 10px 10px;
}

#fertilizerCalculator table.result .rowresult td{
background-color: #64b32d;
color: #ffffff;
}

#fertilizerCalculator  table.result .rowhead td{
background-color: #64b32d;
padding: 10px 5px 10px 10px;
color: #ffffff;
}


#fertilizerCalculator table.result .rowresult td span{
color: #000;
text-align: right;
}


/* Artikel Detail */
.single-post-desc h1{
	margin: 0;
}

.single-post-desc h2{
	border-bottom: 0;
	font-size: 1.5rem;
	margin-top: 0px;
    text-transform: none;
}

.box-info-garantie{
	margin-bottom: 2rem;
}

.box-info-garantie h3{
	font-weight: 600;
	border-bottom: 0;
	
}

#content .box-info-garantie p{
	font-size: 0.95rem;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
}


.swipe-items{
width: 100% !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
	margin-right: 30px;
}
	

.buy-select-block{
	display: block;
	width: 100%;
	padding: 12px 12px 12px 60px;
	margin: 2px 0px;
	float: left;
position: relative;
background-color: #F6F6F6;
border-top: solid 1px #ddd;
}

.buy-select-block .amount_price strong, .buy-select-block .amount_priceSqm strong{
color: #073F81;
}

.abinfo{
font-size: 1.2rem!important;
font-weight: normal!important;
font-family: 'open sans',sans-serif;
}


.detail-information .price-tag{
background-color: #ffffff;
display: block;
width: 100%;
padding: 12px 12px 20px 0px;
margin: 0px 0px -1px 0px;
}

.detail-information .price-tag .priceblock{
color: #555;
font-size: 1.2rem;
position: relative;
margin-top: 40px;
}

.detail-information .price-tag .priceblock span.price {
	white-space: nowrap;
	font-size: 2rem;
	text-align: center;
	font-weight: 700;
}

.spinfo .fa{
color: #000000!important;
}

small.price-addon{
color: #444444;
font-size: 9px;
position: absolute;
white-space: nowrap;
bottom: -22px;
right: 0;
}

.item-listprice small.price-addon{
position: absolute;
white-space: nowrap;
bottom: -10px;
left: 0px
}



.detail-information .productAttribute .productNo{
font-weight: 600;
display: inline-block;
width: 115px;
}

.detail-information .productAttribute span{
font-weight: 400;
}



.buy-select-block:before{
content: '';
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #ffffff;
position: absolute;
top: -1px;
left: 0;
z-index: 3;
}

.buy-select-block:after{
content: '';
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 21px solid #ddd;
position: absolute;
top: 0px;
left: 0;
z-index: 2;
}

.last-block.buy-select-block{
min-height: 60px;
max-height: 60px;
height: 60px;
}


/*
.last-block.buy-select-block:after{
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #ddd;
top: 15px;
left: -14px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}

.last-block.buy-select-block:before{
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #ffffff;
top: 15px;
left: -15px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
*/

.startpaket .fa{
    font-size: 55px;
    color: #3c763dba;
    float: right;
    position: absolute;
    right: 15px;
    top: 30px;
}

.startpaket .fa.second{
font-size: 55px;
    color: #073F81;
    opacity: 1;
    float: right;
    position: absolute;
    right: 32px;
    top: 24px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
}


.buy-select-block .btn-success{
min-width: 255px;
}


#content .ask-question a.btn{
background-color: rgba(60, 118, 61, 0.73);
border-color: rgba(60, 118, 61, 0.73);
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
width: 100%;
}


.asksam img{
	width: 80%;
	height: auto;
}




.scal-discount table{
background-color: rgba(100,179,44,0.3);
border-left: 1px solid rgba(100,179,44,0.3);
border-right: 1px solid rgba(100,179,44,0.3);
border-bottom: 1px solid rgba(100,179,44,0.3);
margin-bottom: 20px;
margin-top: 10px;
width: 100%;
}



.scal-discount table.table > thead > tr:first-child > th{
padding: 8px 8px 0px 8px;
}			

.scal-discount .table-striped >tbody>tr:nth-of-type(odd) {
background-color: rgba(255,255,255,0.9);
}			

.productDescription{
margin-top: 2rem;
}

.productDescription h3{
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}

.productDescription ul li{
padding: 5px 0px;
}


.productDescription table{
width: 100%;
}

.productDescription table tr td{
 padding: 0px 12px 6px 0px;
}





.buy-select-block.voc_option{
background-color: #b6e3e9;
background: #b6e3e9 URL('../site/pics/kuehlung_background.png') no-repeat top right;
border-top: solid 1px #ffffff;
}

.buy-select-block.voc_option .option_sum strong{
color: #16707d;
}

#option_total{
display: none;
}




.is-voc_option, .is-voc_option td{
background-color: #fefefe;
}

.is-voc_option .cart-product-info-wrapper p{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.fa.snowflake{
background: transparent URL('../site/pics/icon_snowflake.png') no-repeat center center;
background-size: 100% auto;
width: 100%;
min-height: 23px;
}



/* Frage stellen */

.box-info-question{
margin-top: 7px;
max-width: 350px;
float: right;
}

.box-info-question h4{
border-bottom: solid 1px #073F81;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.box-info-question .box-inner{
background-color: #F6F6F6;
padding: 25px 25px;
}


.box-info-question .btn{
color:  rgba(64,90,64, 1);
text-align: center;
background-color: rgba(64,90,64, 0.35);
border: solid 1px rgba(64,90,64, 0.4);
display: block;
width: 100%;
margin: 12px 0px;
}


#content .box-info-question a.btn{
color:  rgba(28,51,28,1)!important;
}

.box-info-question .btn:hover{
background-color: rgba(64,90,64, 0.8);
}

#content .box-info-question a.btn:hover{
color: #ffffff!important;
}


/* garantie */
.box-info-garantie{
color: rgba(0,0,0,0.8);
margin: 0rem 0px 0rem 0px;
}

.box-info-garantie .inner{
background-color: #cfe8c0;
background: #cfe8c0 url('../images/box-anwachsgarantie-bg.jpg') no-repeat center bottom;
background-size: 100% auto;
padding: 30px 60px 112px 60px;
margin: 0rem 0px 0rem 0px;
}

.box-info-garantie .inner h3{
color: #ffffff!important;
font-size: 1.3rem;
background-color: rgba(100,179,44,1);
border-bottom: 0;
margin-left: -20px;
margin-right: -20px;
text-align: center;
padding: 10px 0px;
}


/* Starterpaket info */

.box-garantie > .awinfo{
float: left;
margin: 0px 0px 0px 12px;
line-height: 1.8rem;
}


.awinfo .fa {
font-size: 0.85em;
font-weight: normal;
border: solid 1px #fff;
border-radius: 50% 50%;
min-width: 17px;
min-height: 17px;
line-height: 15px;
text-align: center;
color: #fff;
}

.box-garantie{
background-color: rgba(100,179,44,1);
position: relative;
display: block;
float: left;
width: 100%;
margin-top: -1px;
text-align: center;
}

.box-garantie > p{
color: #fff!important;
margin: 0px 0px 0px 0px;
line-height: 1.8rem;
cursor: pointer;
}


.zubehoer{
	margin-top: 2rem;
}

#zubehoerGrid{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: space-between;
}

.zubehoer .inner-products{
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0px auto 20px 0px;
width: 23%;
}

.modal-header, .modal-header > h4{
	background-color: #073F81;
	color: #ffffff!important;
}


.modal-body #branches .table>thead>tr>th{
	background-color: rgba(100,179,44,0.5);
}

.modal-body #branches .table>thead>tr>th:last-of-type{
	text-align: right;
}

.modal-body #branches .table>thead>tr>th{
	background-color: rgba(100,179,44,0.5);
}

.modal-body #branches .table-striped > thead > tr:nth-child(even) {
    background-color: rgba(68,68,68,0.1);
}

.modal-body #branches .table-striped{
	border-bottom: solid 1px rgba(68,68,68,0.4);
}

.modal-body #branches .table-striped > thead > tr:hover td{
	    background-color: rgba(100,179,44,0.35)!important;
		cursor: pointer;
}


#btnCheckout{
	font-size: 1.2rem;
	min-width: 280px;
	width: 100%;
	
}



/* Bestellung und Formular */


.order-withregistration, .order-guest{
		margin-bottom: 4rem;
	 background-color: rgba(100,179,44,0.2)!important;
	 padding: 20px;
}


.order-withregistration h2, .order-guest h2{
		margin: 0px 0px 13px 0px;
		background-color: transparent;
		color: #5e952f!important;
}


.order-login{
	
}



.btn-white{
background-color: #ffffff;
border: solid 1px #ffffff;
color: #444444!important;
}

.order-login{
padding: 0px 0px;
/*margin-bottom: 4rem;*/
background-color: #e9f1f5 !important;
border-radius: 10px;
}

.btn-outline{
border: solid 1px #d9534f;
}

.heading2 .btn-white{
color: #444444!important;
}


#content .order-login .heading2 .btn-white:hover{
background-color: #444444!important;
color: #FFFFFF!important;
}

.order-login .heading2{
/*background-color: #dcdcdc;*/
display: block;
width: 100%;
padding: 12px 20px;
vertical-align: middle;
}


.order-login .heading2 > h2{
background-color: transparent;
}


.order-login .contentlogin > div{
padding: 20px 20px;
background-color: #fafafa;
display: inline-block;
}


.order-login .contentlogin .input-style{
background-color: #ffffff;
}

#content .order-login .btn-white.textred{
color: #d9534f!important;
}

#content .order-login .btn-white:hover{
background-color: #d9534f!important;
color: #FFFFFF!important;
}

.order-withregistration .btn, .order-guest .btn{
min-width: 285px;
}


.ordercol-left{
	border-right: solid 1px rgba(115,113,112, 0.3);
	
}


fieldset{
width: 100%;
display: block;
position: relative;
background-color: rgba(115,113,112, 0.18);
margin-bottom: 25px;
}

fieldset legend{
background-color: #ffffff;
border-bottom: rgba(115,113,112, 0.8);
line-height: 40px;
font-weight: bold;
font-size: 1.2rem;
}


.form-group {
padding: 0px 12px;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
margin-bottom: 15px;
}

.form-group.fullwidth {
    width: 100%;
    margin-left: 0px;
    padding: 0;
}
    


fieldset .form-group label{
 min-width: 19%;
 margin-bottom: 0px;
 flex: 0 0 100%;
}


fieldset .form-group .input-style{
margin-bottom: 0px;
font-size: 0.95rem;
max-height: 40px;
}


fieldset .form-group .input-style.textarea{
	max-height: 140px;
	height: 140px;
	min-height: 140px;
	
}

fieldset .form-group.fullwidth label{
	 min-width: 100%;
 max-width: 100%;
	
}

fieldset .form-group.fullwidth {
flex-wrap: wrap;
	
}

fieldset .form-group .error{
flex: 0 0 100%;
}


fieldset .form-group.fullwidth  .input-style{
	flex: 0 0 100%;
}


.shippingAddressBox {
    border: 1px solid #a0a09f;
    border-radius: 6px;
    padding: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.option-useshipto label{
	font-weight: 700;
	padding-left: 15px;
}

.box-orderinfo, .box-infocart{
padding: 12px;
margin-bottom: 25px;
}


.box-orderinfo h5, .box-infocart h5{
font-size: 1.1rem;
color: #a0a09f!important;
border-bottom: 2px solid #a0a09f;
padding: 4px 4px 4px 8px;
margin: 0px 0px 12px -12px;
}

.infocart-pos{
border-bottom: solid 1px #a0a09f;
padding-bottom: 12px;
margin-bottom: 12px;
margin-left: -12px;
padding-left: 12px;
}

.btn-grey{
background-color: #a0a09f;
    border-color: #a0a09f;
    color: #FFF;
	width: 100%;
}


label small{
	font-weight: 400!important;
}

.col-label{
	display: inline-block;
	min-width: 225px;
	margin-right: 2rem;
}


.infogroup{
	margin-top: 30px;
    padding-top: 30px;
	    border-top: 1px solid #d8d8d8;
}

#transactionMain .heading6 > h2{
	width: 100%;
}


.box-branchinfo, .box-infocart{
padding: 12px;
margin-bottom: 25px;
}


.box-branchinfo h5, .box-infocart h5{
font-size: 1rem;
color: #a0a09f!important;
border-bottom: 2px solid #a0a09f;
padding: 4px 4px 4px 12px;
margin: 0px 0px 12px -12px;
}


#content .box-branchinfo p, #content .box-infocart p{
	font-size: 0.85rem!important;
	margin-bottom: 0px;
}


.box-branchinfo .branchimg{
	width: 100%;
	max-height: 90px;
	height: 90px;
	text-align: center;
	overflow: hidden;
	margin: 0px 0px 12px 0px;
}

.box-branchinfo .branchimg > img{
	height: 90px;
	width: auto;
	margin: 0px auto;
}

.infocart-pos .productAttribute > span{
	display: inline-block;
	width: 90px;
	margin-right: 10px;
}

.infocart-pos{
border-bottom: solid 1px #a0a09f;
padding-bottom: 12px;
margin-bottom: 12px;
margin-left: -12px;
padding-left: 12px;
}

.btn-grey{
background-color: #a0a09f;
    border-color: #a0a09f;
    color: #FFF;
	width: 100%;
}

.feIsActive{
border: 0px solid rgba(115,113,112, 0.4);
padding: 0px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #444444;
}



.group-dispatcher .feIsActive:hover > label.radio:hover, .group-dispatcher .feIsActive:hover > label.checkbox:hover, .feIsActive label{
background-color:#e8e8e8;
color: #444444;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
/*border: 1px solid rgba(115,113,112, 0.4);*/
}

.group-dispatcher label.radio:hover, .group-payment label.radio:hover, .group-dispatcher .feIsActive label.radio:hover{
/*background-color:rgba(115,113,112, 0.1);*/
color: #444444;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
/*border: 1px solid rgba(115,113,112, 0.2);*/
}


.group-dispatcher label, .group-payment label{
cursor: pointer;
padding: 8px 8px 8px 35px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
/*border: 1px solid rgba(115,113,112, 0.4);*/
color: #444444;
}

.group-dispatcher .checkbox, .group-dispatcher .radio, .group-payment .radio, .group-payment .checkbox {
margin-left: 0px;
padding-left: 10px;
}

.group-dispatcher{
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #d8d8d8;
}


.help-block{
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 2px;
color: #444444;
display: block;
font-weight: normal;
margin-bottom: 15px;
margin-top: -12px;
padding: 8px 5px 5px 30px;
border-left: solid 1px rgba(115,113,112, 0.4);
border-right: solid 1px rgba(115,113,112, 0.4);
border-bottom: solid 1px rgba(115,113,112, 0.4);
border-top: solid 0px rgba(115,113,112, 0.4);
}

.payblock{
	position: relative;
}

.payimg{
	float: right;
}

.payimg img{
	max-width: 120px;
	height: auto;
}

.payblock:after .orderinfo-box .alert-warning:after{
  content: "";
  clear: both;
  display: table;
}


.group-payment .radio,  .orderinfo-box .alert-warning{
	display: inline-block;
    width: 100%;
	padding-left: 10px;
}

.box-gtc{
    padding: 15px;
    border-radius: 10px;
    background: #e9f1f5;
}

.box-gtc p{
	margin-top: 12px;
}


table.summary-user tr:nth-child(even) td, table.summary-order tr:nth-child(even) td{
	background-color: rgba(115,113,112,  0.08);
}

table.summary-user th:nth-child(2), table.summary-user th:nth-child(3){
	background-color: rgba(115,113,112,  0.5);
	color: #ffffff!important;
}

table.summary-user th:nth-child(2){
	border-right: solid 1px #ffffff;
}



table.summary-order th{
	background-color: rgba(115,113,112,  0.5);
	color: #ffffff!important;
	border-right: solid 1px #ffffff;
}

table.summary-order th:last-child{
	border-right: 0;
}



table.summary-user td:nth-child(1), table.summary-user th:nth-child(1), table.summary-user th:nth-child(1)[style]{
}

.orderinfo-box p strong{
	display: inline-block;
	min-width: 200px;
	margin-right: 10px;
}


.cart-total-box>ul>li>i{
	font-size: 15px;
}


.order-memo{
	    background-color: rgba(115,113,112, 0.08);
font-size: 0.9rem;
    padding: 15px 15px;
    display: inline-block;
    clear: both;
    margin-top: -11px;
    position: relative;
    width: 100%;
}




.orderok{
	
}





.order-paypalinfo{
	
}

.order-okinfo{
margin-bottom: 4rem;
}

.order-okoverview{
margin: 0px 12px;
}


.order-okoverview .inner-products{
padding: 0px 0px!important;
margin: 20px 38px 20px 0px;
border: 1px solid #D6D6D6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
padding-bottom: 15px;
min-height: 300px;
}

.order-okoverview .inner-products .sold-thumb{
margin-bottom: 15px;
border-bottom: solid 1px #D6D6D6;
}

#content .order-okoverview .inner-products p{
font-weight: 600;
font-size: 0.8rem;
margin: 0px 15px;
}


.order-okoverview .inner-products .sold-thumb > img{
border: 0;
}

/* individuelle Checkbox */

/* Customize the label (the container) */
.buy-select-block.startpaket .checkbox label {
  display: block;
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 85%;
}

/* Hide the browser's default checkbox */
.buy-select-block.startpaket .checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.buy-select-block.startpaket .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  border: solid 2px #ccc;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.buy-select-block.startpaket .checkbox label:hover input ~ .checkmark {
  background-color: rgba(100,179,44,0.5);
}

/* When the checkbox is checked, add a blue background */
.buy-select-block.startpaket .checkbox label input:checked ~ .checkmark {
  background-color: #5cb85c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.buy-select-block.startpaket .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.buy-select-block.startpaket .checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.buy-select-block.startpaket .checkbox .checkmark:after {
left: 9px;
top: 3px;
width: 8px;
height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.cart-total-box > ul > li.subcarttotal{
    background-color: #ddd;
    font-weight: bold;
}





/* Blog Styles */

.blog-item-wrapper .blog-teaser .image-container{
display: none;
}

.bloglist-row{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}

.blog-item-wrapper:nth-of-type(1){
width: 100%;
background-color: rgba(100,179,44,0.15);
position: relative;
min-height: 285px;
height: 285px;
margin: 2rem 0px 45px 0px!important;
}


.blog-item-wrapper:nth-of-type(1) .blog-teaser-img{
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
}

.blog-item-wrapper:nth-of-type(1) .blog-teaser > div{
padding: 0px 0px 2.5rem 0px;
}


.blog-item-wrapper:nth-of-type(1) .blog-teaser{
position: absolute;
right: 30px;
bottom: 0px;
width: 60%;
height: calc(100% - 30px);
padding: 30px;
background-color: #ffffff;
margin: 30px 0px 0px 0px;
overflow: hidden;
display: block;
}



#content .blog-item-wrapper:nth-of-type(1) .blog-teaser .blog-more{
font-weight: bold;
text-align: right;
position: absolute;
bottom: 15px;
right: 30px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
}

#content .blog-item-wrapper:nth-of-type(1) .blog-teaser .blog-more p > a{
color: #073F81!important;
}

#content .blog-item-wrapper:nth-of-type(1) .blog-teaser h2{
text-transform: none;
font-size: 1.3rem;
font-weight: bold;
border-bottom: 0;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}




.blog-item-wrapper .blog-teaser-img{
position: relative;
width: 100%;
height: 180px;
overflow: hidden;
}


.blog-teaser-img img{
width: 100%;
height: auto;
}


.blog-item-wrapper{
background-color: #ffffff;
position: relative;
border: solid 1px #073F81;
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0px 0px 45px 0px;
width: 30.666666667%;

}

.blog-item-wrapper:nth-child(3n){
margin: 0px 4% 45px 4%;
}



.blog-item-wrapper .blog-teaser{
width: 100%;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
}

.blog-item-wrapper .blog-teaser > div{
padding: 15px 10px 2.5rem 10px;
}


.blog-teaser h2{
text-transform: none;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 0px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

.blog-teaser h2 > a, .blog-teaser p > a, .blog-teaser h2 > a:hover, .blog-teaser p > a:hover{
text-decoration: none;
}



#content .blog-teaser p, #content .blog-teaser p > a{
font-size: 0.9rem;
color: #444444!important;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#content .blog-teaser .blog-more{
font-weight: 400;
text-align: right;
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(100,179,44,0.15);
padding: 5px 10px 5px 5px;
color: #000000;
}

#content .blog-teaser .blog-more p > a{
color: #444444!important;
}


.blogpage .image-container.right{
float: right;
margin: 0px 0px 1rem 2rem;
}

.blogpage .image-container.left{
float: left;
margin: 0px 2rem 1rem 0px;
}

.blogpage .image-caption-wrapper {
position: relative;
background: rgb(255,255,255);
background: rgba(255,255,255,1);
color: #444444;
font-size: 0.85rem;
padding: 6px 6px;
border-bottom: solid 1px #c0c0c0;
max-width: 500px;
}

.blogpage .image-container{
display: flex;
flex-wrap: wrap;
flex-direction: column;
}


.blogpage .image-container > div{
order: 2;
}

.blogpage .image-container > img{
order: 1;
}


.blogpage h2, .blogpage h3, .blogpage h5{
font-size: 24px;
font-weight: bold;
text-transform: none;
margin-top: 0px;
padding-top: 2rem;
margin-bottom: 1rem;
display: block;
clear: both;
border: 0!important;
position: relative;
}

.blogpage h4{
text-transform: none;
border-bottom: 0;
color: #444444!important;
margin: 2.5rem 0px 0.5rem 0px;
font-weight: bold;
}


/* Blog Galerie */
.blogpage .lightbox{
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
justify-content: space-between;
line-height: 30px;	
}

.blogpage .lightbox > li{
padding: 6px;
text-align: center;
height:auto;
 overflow: hidden;
position: relative;	 
}


.blogpage .lightbox > li:before {
content:'';
float:left;
padding-top:100%;
}


.blogpage .nav-tabs.lightbox > li > a {
line-height: 1.42857143;
border: 0px solid #ffffff;
border-radius: 4px 4px 4px 4px;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
display: block;
width: 100%;
height: 100%;
}

.blogpage .nav-tabs.lightbox > li > a > img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0; 
max-width: 380px!important;
border: solid 2px #ffffff;
border-radius: 6px;
}

.blogpage  .lightbox .img-caption{
position: absolute;
bottom: 0;
background-color: rgba(255,255,255,0.8);
width: 100%;
display: block;
padding: 10px;
color: #444444;
font-size: 0.8rem;
}


.blogpage .nav-tabs.lightbox {
border-bottom: 0px solid #ddd;
}


.blogpage ul.nav-tabs.lightbox{
margin-bottom: 1rem;
}


.blogpage .galleryblock{
border-bottom: solid 1px #8abc3f;
margin-bottom: 2rem;
padding-bottom: 1rem;
}

.blogpage .lightbox > li:nth-child(1) {
padding-left: 0px;
}


.blogpage .nav-tabs.lightbox > li > a{
overflow: hidden;
}

.blogpage .lightbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: flex-start;
    line-height: 30px;
	position: relative;
}

.blogpage .lightbox a:hover > img{
max-width: 220px;
}


.blogpage .lightbox a > img {
  transition: transform .8s; /* Animation */
}

.blogpage .lightbox a:hover > img {
  transform: scale(1.3);
}


.blogpage .galleryblock p{
font-size: 0.9rem;
padding: 0px 0px 0px 0px;
}


.blogpage .galleryblock .gallerycaption{
margin-top: 0rem;
}




@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}


.header nav .menu ul .subgroups ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	list-style-type: none;
}

.header nav .menu ul .subgroups ul li{
min-width: 100px;
max-width: 215px;
width: 215px;
text-align: left;
}


.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
	
	}
	
	.navbar .nav-item.dropdown.has-megamenu.open .dropdown-menu.megamenu.subgroups .nav-item.dropdown.has-megamenu > div.dropdown-menu.megamenu.subgroups{
	display: block!important;
	position:relative!important;
	background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 0;
	box-shadow: none;
	padding: 20px 0px;
}

	.navbar .nav-item.dropdown.has-megamenu.open .dropdown-menu.megamenu.subgroups .nav-item.dropdown.has-megamenu > div.dropdown-menu.megamenu.subgroups > ul{
		padding-left: 0rem;
	}

/* Tablet quer */

@media (max-width: 1024px) {


.header nav .menu ul li {
    min-width: unset;
}


.menu > ul > li > a{
margin-right: 0px;
}

.item-listprice {
    width: 56%;
}

.item-listaddtocart {
    width: 44%;
}

.item-listprice span.price {
    font-size: 1.55rem;
    line-height: 52px;
}

.item-listprice .spinfo {
	margin-top: 7px!important;
    margin-left: 0;
}

.item-listaddtocart .tooltip-btn .btn {
    min-width: 60px;
    max-width: 90px;
}

footer .footer-box {
    padding: 12%;
}

footer .footerlast .footer-box img{
	width: 100%;
	max-width: 262px;
	height: auto;
}
	
footer .footerlast .footer-col > p:nth-child(2), footer .footerlast .footer-col > p:nth-child(3) {
    padding-left: 35px;
}
	
}



/* Tablet hoch */


@media (max-width: 767px) {
	.container {
    width: 725px;
}
	
.logo {
    max-height: 120px;
    position: absolute;
    width: 320px;
}	
	
	.logo img {
    width: 100%;
    height: auto;
    max-height: 120px;
}

.header nav .menu {
    max-width: 100%;
    width: 100%;
    margin-left: 0px;
}


.menu > ul > li > a{
    margin-right: 6px;
	margin-left: 6px;
	text-align: center;
}


.header nav .menu ul li {
    min-width: auto;
}




.list-grouptext h3 {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 10px 0px;
}

.list-grouptext ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.tippliste-subpage div.col-md-6, .tippliste  div.col-md-6{
    margin-left: 80px;
	width: calc(100% - 70px);
}

.tippliste-subpage .fa.fa-check, .tippliste .fa {
    left: 22px;
}

.tippliste .fa, .tippliste-subpage .fa{
    left: 22px;
}

.kontaktliste .col-md-6{
	width: 48.5%;
	float:left;
}

.home-price .price{
	min-width: 70%;
}

.home-price {
    margin: 2rem 0px 1rem 0px;

}

#content .block-first .container{
	width: 670px;
}




#itemsList .inner-products, .zubehoer .inner-products {
    margin: 0px auto 20px 0px;
    width: 48.5%;

}

#itemsList .inner-products:nth-child(2n+2), .zubehoer .inner-products:nth-child(2n+2) {
    margin-right: 0px;

}

.box-info-question{
	max-width: 100%;
}

.productImage{
	max-height: 400px;
	margin: auto;
}

.cart-table small, .cart-table .small {
    width: 100%;
    display: block;

}


#progress{
	margin-top: 1rem;
}

#btnCheckout{
	margin-top: 2rem;
}

.ordercol-left, .ordercol-right{
	border-right: 0px;
	border-left: 0px;
}

.ordercol-left.col-sm-9, .ordercol-right.col-sm-9 {
    width: 100%;

}


#transactionNav{
	margin-top: 3rem;
	
}


footer .row-eq-height{
flex-direction: column;
}

footer .footer-box{
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 6%;
}

footer .footer-box .footer-col:first-child{
margin-right: 6%;
}

footer .footer-box .footer-col{
flex: 0 0 44%;
}


.blog-item-wrapper {
width: 47.866666667%;
}

.blog-item-wrapper:nth-child(3n) {
margin: 0px 0px 45px 0px;
}

.blog-item-wrapper:nth-child(odd) {
margin: 0px 0px 45px 4%;
}


}


/* Smartphone optimierung*/


@media (max-width: 767px) {
	
.cc-grower .cc-banner{
	min-height: 225px!important;
}
	
	
.container, #content .block-first .container {
    width: auto;
}
	
.navbar-toggler {
display: block;
}


.bsnav-mobile {
z-index: 500;
}

.bsnav-mobile .navbar {
background: #073F81;
width: 230px;
padding: 20px 0 15px;
color: #ffffff;

}

.bsnav-mobile .navbar-nav, ul.navbar-mobile{
margin: 0px 0px;
padding: 0px 0px;
}

.navbar-mobile > li {
padding-top: 0px;
padding-bottom: 0px;
border-bottom: solid 1px #ffffff;
}

.navbar-mobile > li > a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
margin: 0px 0px;
color: #ffffff;
display: block;

}

.navbar-mobile > li > a:hover{
text-decoration: none;
background-color: #ffffff;
color: #073F81;
}

#content {
    padding: 0px 0px;
}

.block .container.fullwidth #content{
padding: 0px 0px;
}

.header{
min-height: 65px;
}

.header .container{
margin: 0px 15px;
min-height: 65px;
height: 65px;
}

.logo {
width: 50%;
margin-right: 0px;
margin-top: 8px;
max-height: 60px;
min-width: 150px;
}

.logo img {
width: auto;
height: 45px;
max-height: 90px;
}



.header nav {
top: 10px;
width: 50px;
right: 0px;
}

.navbar-toggler{
border: none;
max-width: 40px;
min-width: 40px;
width: 40px;
height: 40px;
padding: 0;
margin-top: 6px;
}

.top-bar {
float: right;
padding: 10px 0 4px;
margin-right: 50px;
}
.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before{

background-color: #073F81;
width: 100%;
height: 5px;

}

.navbar-toggler.toggler-spring .navbar-toggler-icon {
top: 2;

}

.navbar-toggler.toggler-spring .navbar-toggler-icon:before {
top: 12px;

}

.navbar-toggler.toggler-spring .navbar-toggler-icon:after {
top: 24px;
}


.header .bar-dropdown>li {
max-width: 40px;
min-width: 40px;
width: 40px;
height: 40px;
}

.header .bar-dropdown>li a{
text-indent: -9999px;
max-width: 40px;
min-width: 40px;
width: 40px;
height: 40px;
}

.header .bar-dropdown>li a i{
text-indent: 0px;

}

.compare-btn.bar-dropdown > li > a.btn-grey i{
line-height: 33px;
font-size: 22px;
margin-right: 0px;
margin-left: 4px;

}

.shop-cart.bar-dropdown > li > a i{
float: left;
font-size: 22px;
margin-right: 0px;
margin-left: -6px;
}




.whishlist-bar.bar-dropdown.logout > li > a i, .compare-btn.bar-dropdown.logout > li > a i{
    line-height: 33px;
    font-size: 22px;
    margin-right: 0px;
    margin-left: 2px;
	margin-top: 1px;
}

.shop-cart.bar-dropdown a.not-empty i {
    font-size: 22px;
    line-height: 33px;
	margin-right: 0px;
margin-left: 1px;
}

.kontaktliste .col-md-6{
	width: 100%;
	float:none;
}

.productgroupimg, .pagegroupimg {
max-height: 150px;
height: 150px;
}

.single-product-tab{
margin-bottom: 0px;
}

.detail-information .price-tag .priceblock{
text-align: right;
}



.buy-select-block{
padding: 12px 20px 12px 40px;
}

.buy-select-block.startpaket .checkbox{
width: 90%;
}

.zubehoer .inner-products.col-xs-6 {
width: calc(50% - 10px);
margin-right: 20px;
}

.zubehoer .inner-products.col-xs-6:nth-child(even){
margin-right: 0px;
}

.zubehoer .list-thumb > a img{
	max-width: 200px;

}


footer .row-eq-height{
display: inline-block;
}

footer .footer-box {
padding: 10% 30px;
}



footer .footer-box {
    display: block;
    flex-direction: unset;
    justify-content: space-between;
}


.bottom-line p.text-right{
text-align: left;
padding-top: 0px;
}


.block-first{
padding: 0px 15px;
}

.block-first.pageheader, .block-first.groupheader{
	padding: 0px 0px;
}


.col-xs-12{
padding-right: 0px;
padding-left: 0px;
}

.block .container.fullwidth{
padding: 0 0px;
}

.container > .row{
margin-right: 0px;
margin-left: 0px;
}


.block .infostripe.first, .block .infostripe.last{
padding: 0px 20px;
}


#startItemList > .container {
width: calc(100% + 30px);
max-width: unset;
padding: 0px 0px;
margin: 0px 0px 0px -15px;
}


.homelist-box {
max-width: 80%;
width: 80%;
}


.tippliste-subpage .fa.fa-check, .tippliste .fa {
    left: -80px;
}

.tippliste .fa, .tippliste-subpage .fa{
    left: -80px;
}


.modal-body #branches .table, .modal-body #branches .table thead, .modal-body #branches .table tbody, .modal-body #branches .table th, .modal-body #branches .table td, .modal-body #branches .table tr {
border-collapse: collapse; 
display: block; 
}

.modal-body #branches .table>thead>tr>th:nth-child(2), .modal-body #branches .table>thead>tr>th:nth-child(3), .modal-body #branches .table>thead>tr>th:nth-child(4), .modal-body #branches .table>thead>tr>th:nth-child(5){
display: none;
}

.modal-body #branches .table>thead>tr>th:nth-child(1){
width: 100%;
}



.modal-body #branches .table>thead>tr {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
align-content: flex-start;
}

.modal-body #branches .table>thead>tr>td {
display: flex;
flex-direction: column;
justify-content: flex-start;
}


.modal-body #branches .table>thead>tr>td:nth-child(1), .modal-body #branches .table>thead>tr>td:nth-child(2) , .modal-body #branches .table>thead>tr>td:nth-child(5){
flex: 5;
flex-basis: 100%;
position: relative;
}

.modal-body #branches .table>thead>tr>td:nth-child(2) , .modal-body #branches .table>thead>tr>td:nth-child(3), .modal-body #branches .table>thead>tr>td:nth-child(4) {
	padding-bottom: 0px;
	padding-top: 4px;
	
}


.modal-body #branches .table>thead>tr>td:nth-child(5){
font-style: italic;
}

.modal-body #branches .table>thead>tr>td:nth-child(5):before{
content: 'Entfernung:';
display: inline;
position: absolute;
left: 8px;
font-weight: 400;
font-style: italic;
}


.block .container  .container{
	  padding: 0px 0px!important;
}

.priceblock .price-info{
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}

.detail-information .price-tag{
	margin: 1rem 0px;
padding: 12px 0px 20px 0px;
}

.list-grouptext h3 {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 10px 0px;
}

.list-grouptext ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#itemsList .inner-products{
	width: 100%;
	
}

.item-listprice span.price {
    font-size: 1.6rem;
    line-height: 44px;
}

.cartColAmount .form-group{
	    flex-direction: column;
}

.cartColAmount .form-group .btn-success{
	margin-top: 5px;
	margin-right: 12px;
}

.cart-table td small.col-md-12{
	padding-right: 0px!important;
    padding-left: 0px!important;
}


.cartColAmount .form-group input.addToCartInput, .cartColAmount .form-group .btn-success{
	    margin-right: 0px;
}


.cartColAmount .btn-delete{
color: #fff!important;
background-color: #c9302c;
    border-color: #ac2925;	
	    padding: 6px 12px;
border-radius: 4px;	
    margin-right: 0px;
}

.cartColAmount .btn-delete i{
color: #fff!important;
}


#progress{
	margin-top: 1rem;
}

#btnCheckout{
	margin-top: 2rem;
}

.order-guest .btn-success, .order-withregistration .btn-success, .order-login .btn-white{
	width: 100%;
}

.order-login .heading2{
display: inline-block;
}

#content .order-login .btn-white.textred{
width: 100%;
margin-top: 12px;
}


.form-group{
	    flex-direction: column;
}

fieldset .form-group label{
	    max-width: 100%;
}

.ordercol-left{
	border-right: 0px;
}

#transactionNav{
	margin-top: 3rem;
	
}

.infogroup .col-label{
	width:100%;
}

.infogroup  .price-small{
	width:100%;
}

.box-infocart .btn{
	display: none;
}


#transactionMain #formNav .btn-success{
	width: 100%;
	float: none!important;
	font-size: 18px!important;
	margin: 2rem 0px;
}

.summary-user .invoice-col, .summary-user .invoice-col[style]{
	width: 80%!important;
}

.summary-user .invoice-col, .summary-user .invoice-col[style]{
	width: 80%!important;
}

.orderinfo-box p strong{
	width: 100%;
}

.orderinfo-box p{
	margin-bottom: 15px;
}

.summary-order thead tr{
	display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	  justify-content: flex-start;
}

.summary-order thead tr th{
	 flex-grow:1;
}


.summary-order thead th:nth-child(2){
	display: none;
}

.summary-order tbody tr{
	display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	  justify-content: flex-start;

}

.summary-order tbody tr td{
 flex-grow:1;
 border-top: 0px solid #ddd;
}

.summary-order tbody td:nth-child(2){
 order: 4;
 flex-grow:4;
 width: 100%;
 border-bottom: 1px solid #ddd;
}


.tippliste-subpage div.col-md-6{
    width: 80%;
}


.box-info-garantie .inner {
    padding: 30px 30px 60px 30px;
    margin: 0rem 0px 0rem 0px;
}


#fertilizerCalculator .first {
    padding: 20px 35px 20px 35px;
}

#fertilizerCalculator table.result td:last-child {
    padding-right: 15px!important;
}

#fertilizerCalculator .result{
width: 100%;
}

#fertilizerCalculator table.result td {
    font-size: 0.85rem;
	 flex-grow:1;
}

#fertilizerCalculator .result tr.rowtext{
	display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 justify-content: flex-start;
}

#fertilizerCalculator .result tr.rowhead, #fertilizerCalculator .result tr.rowresult {
	display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 justify-content: flex-start;
}


#fertilizerCalculator .result tr.rowtext td:nth-child(1){
 flex-grow:3;
 width: 100%;
}

#fertilizerCalculator .result tr.rowtext td:nth-child(2), #fertilizerCalculator .result tr.rowtext td:nth-child(3){
display: none;
}

#fertilizerCalculator .result tr.rowhead td, #fertilizerCalculator .result tr.rowresult td{
text-align: right;
}

#fertilizerCalculator .result tr.rowresult td:nth-child(1){
text-align: left;
}

#fertilizerCalculator .result tr.rowhead td:nth-child(3), #fertilizerCalculator .result tr.rowresult td:nth-child(3){
max-width: 115px;
}



.ordertable-wrapper{
	width: 100%;
	position: relative;
	display: block;
	overflow-x: auto;
	height: auto;
}

.ordertable-wrapper .table td, .ordertable-wrapper .table th{
	white-space: nowrap;
	padding-right: 12px;
}


.buy-select-block.voc_option .col-md-10 {
	width: 80%;
	max-width: 80%;
}

.glossar-box.fixed {
min-height: 125px;
}



/* Blog Mobil */


.blog-item-wrapper:nth-of-type(1) {
width: 100%;
height: auto;
position: relative;
}

.blog-item-wrapper:nth-of-type(1) .blog-teaser-img {
position: relative;
height: auto;
max-height: 210px;
overflow: hidden;
width: 100%;
}


.blog-item-wrapper:nth-of-type(1) .blog-teaser {
position: relative;
width: calc(100% - 30px);
margin: -40px 30px 0px 0px;
height: auto;
right: 0;
bottom: 0;


}

.blog-item-wrapper{
width: 100%;
}

.blog-item-wrapper:nth-child(3n){
margin: 0px 0px 45px 0px;
}




}


@media (max-width: 480px){
	
	.logo.isregistered{
max-height: 50px;
max-width: 50px;
}


.logo.isregistered img{
	display: none;
}

.isregistered a{
display: block;
height: 50px;
width: 50px;
min-height: 45px;
background-image: URL('../images/rollrasen-logo-small-mobil.png');
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
}
	
#startItemList > .container .inner-products, #startItemList > .container .bg-list{
    height: 580px;
    max-height: 580px;
}	
	

.homelist-box h4, #content .homelist-box h4 a:link, #content .homelist-box h4 a:visited, #content .homelist-box h4 a{
    font-size: 1.1rem!important;
}

.homelist-box h3, #content .homelist-box h3 a, #content .homelist-box h3 a:link, #content .homelist-box h3 a:visited{
font-size: 1.3rem!important;
}

.home-desc, .home-desc p, #content .home-desc p > a{
	font-size: 0.85rem!important;
}	
	
.shop-cart.bar-dropdown {
	float: right;
    margin: 0 5px 0 0!important;
    padding: 0;
	width: auto;
}

.bar-dropdown {
    float: right;
    margin: 0px 15px 0px 0px!important;
    padding: 0;
    width: auto;
}


.buy-select-block.voc_option .col-md-10 {
	width: 80%;
	max-width: 80%;
}



.modal-dialog, .modal-dialog[style]{
	width: calc(100% - 20px)!important;
}

.block .container  .container{
	  padding: 0px 0px!important;
}

.glossar-box.fixed {
min-height: 125px;
}


}