body, html{
margin: 0;
padding: 0;
font-family: "Source Sans Pro",sans-serif!important;
font-size: 14pt;
font-weight: 600;
line-height: 1.428571429;
color: #333;
overflow-x: hidden; /* Prevent scroll on narrow devices */
}

/*
* Row with equal height columns
* --------------------------------------------------
*/
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
}


input:focus{
/*border: 0;*/
/*outline: none;*/
}

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


p, li, a, td{
font-family: 'Source Sans Pro',sans-serif!important;
}

p, .btn, .form-control{
font-size: 12pt;
font-weight: 500;
}

table{
width: 100%;
}

.table > thead > tr > th{
font-weight: bold;
font-size: 12pt;
}

.listtable  tr  th{
font-weight: bold;
font-size: 12pt;
background-color: #f0f0f0;
padding: 4px;
}

.listtable  tr:nth-child(2n+1){
background-color: #F5F5F5;
}

li, td{
font-weight: 400;

}

h1, h2, h3, h4, h5, h6, .heading1 > h2{
color: #5f6968;
font-family: 'Source Sans Pro',sans-serif!important;
}

h1, .h1, h1 > a {
font-size: 24pt;
line-height: 1.2;
}
h2, .h2, h2 > a {
font-size: 20pt;
}
h3, .h3, h3 > a {
font-size: 18pt;
}
h4, .h4, h4 > a {
font-size: 16pt;
}
h5, .h5, h5 > a {
font-size: 14pt;
}
h6, .h6, h6 > a {
font-size: 12pt;
}


.rel {
position: relative;
}
.non-rel {
position: initial;
}

p a {
color: #007c52;
}

.fa-trash-o{
color: #D20A11;
}

h1{
font-weight: normal;
}


a:hover, a:focus, a:visited, a:active {
text-decoration: none;
}

.btn {
font-size: 11pt;
}
.btn:focus, .btn:active:focus, .btn:hover {
outline: 0 none;
}

.btn-showmore{
width: 100%;
}


.nosort .listsortoption{
display: none;
}


h1 span, h2 span, h3 span, h4 span, h5 span{
text-transform: none;
font-weight: 500;
color: #007c52;
font-size: 100%;
}

.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}

.no-margin {
margin-left: 0 !important;
margin-right: 0 !important;
}



.heading1 > h2, .header1 .shopmenu > ul > li > a{
font-family: 'Source Sans Pro',sans-serif!important;
}

.heading{
width: 100%;
text-align: center;
background-color: #f7f7f7;
}

.blockhead{
color: #007c52;
border-bottom: solid 1px #007c52;
text-align: left;
display: inline-block;
width: 100%;
padding: 5px 5px 5px 30px;
}

.blockhead .fa{
float: left;
margin-left: -25px;
}


.welcome h1 , h1.orderhead{
width: 100%;
text-align: center;
}

.header1 {
display: block!important;
}

.breadcrumb-wrapper{
display: block;
color: #00784b;
position: absolute;
bottom: 0;
margin: 0px 0px;
float: none;
padding: 0px 0px;
background-color: rgba(247,247,247,0.7);
z-index: 46;
border-radius:0;
}

.breadcrumb-icon{
color: #00784b;
}

.breadcrumb-wrapper a{
font-weight: 400;
color: #5f6968;
}


.contentheader{
width: 100%;
position: relative;
text-align: center;

}

.infoRed{
font-size: 11pt;
color: #DD322C;
}

.infosmall{
padding: 15px 0px 5px 0px;
}

.center{
margin: 0px auto;
text-align: center;
}

.text-left{
text-align: left!important;
}

.text-right{
text-align: right!important;
}

.text-center{
text-align: center!important;
}


#content, aside{
margin-top: 2em;
}



.block-back{
background-color: rgba(233, 233, 233, 0.35);
margin-top: 57px;
margin-bottom: 0px;
}

.col-md-6 .block-back{
margin-right: 15px;

}


.whishlist-bar.bar-dropdown > li > a, .language.bar-dropdown > li > a, .compare-btn.bar-dropdown > li > a, .shop-cart.bar-dropdown > li > a {
background: none;
background-color: transparent;
border: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
letter-spacing: 0.3px;
line-height: 11px;
padding: 0px;
}

.shop-cart.bar-dropdown{
margin: 0 0px 0 0;
max-height: 45px;
height: 100%;
width: 100%;
max-width: 45px;
min-height: 45px;
display: inline-block;
}


.shop-cart.bar-dropdown > li > ul {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #5f6968;
color: #5f6968;
}

.shop-cart.bar-dropdown > li > ul:before{
top: -9px;
}

.top-bar.fixed .shop-cart.bar-dropdown > li > ul:before{
right: 69px;
}

.shop-cart.bar-dropdown > li > a, .shop-cart.bar-dropdown  > li > a.not-empty{
height: 100%;
width: 100%;
text-align: center;

}


.shop-cart.bar-dropdown a.not-empty{
padding: 0px 0px 0px 0px;
font-size: auto;
letter-spacing: 0;
line-height: 100%;

}

.watchlist-wrapper, .infocart-wrapper{
min-width: 45px;
min-height: 45px;
display: inline-block;
float: right;
margin: 0 15px 0 0;
}

.whishlist-bar.bar-dropdown > li > a i, .language.bar-dropdown > li > a i, .compare-btn.bar-dropdown > li > a i, .shop-cart.bar-dropdown > li > a i{
color: #ffffff;
}

.whishlist-bar.bar-dropdown > li > a i, .language.bar-dropdown > li > a i, .compare-btn.bar-dropdown > li > a i , .shop-cart.bar-dropdown > li > a i, .shop-cart.bar-dropdown a.not-empty i{
font-size: 26px;
float: none;
margin: 4px 0px 0px 0px;
}

.fixed .whishlist-bar.bar-dropdown > li > a i, .fixed .language.bar-dropdown > li > a i, .fixed .compare-btn.bar-dropdown > li > a i, .fixed .shop-cart.bar-dropdown > li > a i{
font-size: 18px;
}

.shop-cart.bar-dropdown > li > a{
background: transparent!important;
}


.watchlist-wrapper .table > tbody > tr:nth-child(1) > td{
border-top: 0;
}
.watchlist-wrapper .table > tbody > tr > td{
padding: 4px;
}

.block-back-box{
padding: 50px;
}


#toTop{
background:none repeat scroll 0 0 rgba(255,255,255,0.2);
border-radius: 50% 50% 50% 50%;
border: solid 1px rgba(179,179,179,1)!important; 
width: 60px;
height: 60px;
line-height: 55px;
color: rgba(179,179,179,1);
font-size: 40px;
font-weight: 200;
bottom: 75px;
}

#headerimg{
width: 100%;
max-height: 175px;
height: 175px;
min-height: 175px;
overflow: hidden;
position: relative;
}

#headerimg img{
width: 100%;
height: auto;
margin-top: -8%;
}

#headerimg.start{
max-height: 390px;
height: 390px;
overflow: hidden;
}


#headerimg .productgroupimg2 img{
margin-top: 0px;
}




#headerimg.start:after {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #efefef 0px, rgba(239, 239, 239, 0) 100%) repeat scroll 0 0;
bottom: -50%;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
width: 100%;
}

#header{
border-top: solid 5px #007c52;
}


#headerimg.fixed-theme{
/*margin-top: 190px;*/
}

.customerhinweis{
width: 100%;
min-height: 35px;
background-color: #fdcd00;
font-size: 1rem;
font-weight: 700;
padding: 5px 0px;
text-align: center;
color: #000;
display: inline-block;
vertical-align: middle;
}

.customerhinweis p{
margin: 0px auto;
padding: 0px 10px 0px 10px;
font-weight: 700;
}


.round{
border: solid #d1d0d0 6px;
border-radius: 50% 50% 50% 50%;
}

.inner-products:hover .round{
border: solid #338459 6px;
color: #338459;
}



.header-space {
display: block;
height: 200px;
}


.settextlink{
background: transparent!important;
float: none!important;
display: inline!important;
color: #00784b!important;
padding: 0px 0px!important;
font-weight: normal!important;
font-size: 100%!important;
text-decoration: underline!important;
}

.settextlink:hover{
text-decoration: none!important;
}

/* Madeira DE Shop */


/* Werbung */
.tp-banner-container{
text-align: center;
margin: 2em auto;
width: 100%;
max-height: 455px;
}


/* Infobox */

.header-infobox{
position: absolute;
margin: 30px 0px 0px 0px;
padding: 0px;
z-index: 99;
}

.header-infobox .infobox{
width: 100%;
max-width: 315px;
min-width: 315px;
background-color: #ffffff;
border: solid 1px #858585;
border-radius: 12px;
margin-bottom: 16px;
}

.header-infobox .infobox .row{
padding: 12px 5px 12px 15px;
margin: 0px !important;
}

.header-infobox .infobox .row .col-md-2, .header-infobox .infobox .row .col-md-10{
padding: 0px!important;
margin: 0px !important;
}

.header-infobox .infobox p{
color: #5f6972;
font-weight: 400;
font-size: 11pt;
margin: 0;
}

.header-infobox .infobox strong{
color: #007c52;
font-weight: 400;
}

.infobox span{
color: #858585;
font-size: 24pt;
margin-top: 3px;
}


.infobox span.infosmall{
font-size: 10px!important;
display: block;
width: 100%;
margin-top: 3px;
padding: 0px 0px 0px 0px;
color: #007c52!important;
}


.whishlist-bar.bar-dropdown .button-circle > li > a, .language.bar-dropdown .button-circle > li > a, .compare-btn.bar-dropdown .button-circle > li > a {
background-color: #007c52!important;
}


.whishlist-bar.bar-dropdown > li:hover > a, .language.bar-dropdown > li:hover > a, .compare-btn.bar-dropdown > li:hover > a{
border: 0!important;
}

.button-circle{
display: inline-block;
background-color: #007c52;
width: 45px;
max-width: 45px;
padding: 5px 10px;
max-height: 45px;
height: 45px;
text-align: center;
border-radius: 50% 50% 50% 50%;
color: #ffffff;
font-size: 12pt;
border: 0;
/*overflow: hidden;*/
}


.noregcustomerinfo{
text-align: center;
margin-top: 4em;
}

.noregcustomerinfo strong{
font-variant: small-caps;
}

ul.language.bar-dropdown{
margin: 0px 0px;
float: none;
}

ul.language.bar-dropdown li{
margin: 0px 0px;
padding: 5px 0px 0px 0px;

}


.language  .flag_icon{
width: 100%;
}

.bar-dropdown>li>ul>li:first-child{

}

.language .lang_de{
background: transparent url('../site/pics/icons/flag_de.png') no-repeat 8px center!important;
background-size: 20px auto!important;
}


.language .lang_en{
background: transparent url('../site/pics/icons/flag_en.png') no-repeat 8px center;
background-size: 20px auto;
}

.language .lang_fr{
background: transparent url('../site/pics/icons/flag_fr.png') no-repeat 8px center;
background-size: 20px auto;
}




#chooseLanguage{
margin-right: 15px;
float: left;
position: relative;
}


.language{
background:none repeat scroll 0 0 rgba(255,255,255,0.2);
border-radius: 50% 50% 50% 50%;
width: 30px;
height: 30px;
}


.language.bar-dropdown>li ul.langdropdown{
max-width: 235px;
width: 235px;
margin-left: -3px;
border: 0!important;
background-color: #ffffff;
}

.language.bar-dropdown>li ul li a{
font-size: 11pt;
padding-left: 40px;
text-transform: none;
}

.button-circle.small-circle{
width: 45px;
padding: 5px 10px;
max-height: 45px;
font-size: 10pt;
}

.button-circle a:hover, .button-circle li:hover{
border: 0!important;
background: none!important;
background-color: transparent!important;
}


.mainwrapper{

}

.container {
max-width: 1230px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px!important;
padding-right: 15px!important;
}


.section{
position: relative;
display: block;
margin: 2em 0 1em 0;
width: 100%;
float: left;
}

h2 span{
text-transform: none;
font-weight: normal;
}

ul.checkboxlist, ol.checkboxlist{
list-style: outside none none;
margin: 0;
padding: 0;
}

.header1:before {
display: none;
}

.header1{
clear: both;
position: fixed;
z-index: 99;
float: none;
background-color: #fff;
transition: all 0.2s ease 0s;
z-index: 99;	
}


.header1 .container{
margin-top: 17px;
position: relative;
}

.header1 > nav{
border-top: 0;
border-bottom:0;
background-color: #ffffff;
overflow: visible;
margin-top: 0px;
margin-bottom: 0px;
}

.header1 .search-header {
width: auto;
max-width: 450px;
margin-top: 19px;
float: left;
position: relative;
}

.header1 .search-header.fixed {
margin-top: 2px;
margin-bottom: 12px;
}

#mobilsearch, #mobilcustomnav{
display: none;
}

#search-header{
position: relative;
}

.input-search-group{
transition: all 0.3s ease-out 0s;
position: relative;
display: block;
}

nav.navbar-fixed-top{
z-index: 90!important;
}

.navbar  .container{
margin-top: 0;
}



/* Fixed Header */


.header1.fixed-theme {
background-color: #ffffff;
position:fixed;
top: 0;
z-index: 99999;
min-height: 115px;
}


.container .fixed-theme {
padding: 0;
}

.navbar-container.fixed-theme{
transition: 0.8s;
-webkit-transition:  0.8s;
}

.header1.fixed .container{
margin-top: 12px;
}

.fixed-theme.fixed{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5)}
.fixed-theme.fixed .navbar-container .brand a img{width:100px}
.fixed-theme.fixed .navbar-container .brand p{display:none}
.search-header.fixed {margin-top: 0px;  margin-left: 256px;}
.search-header.fixed .search-category, .search-header.fixed .input-search-text input{display: nnone;}
.search-header.fixed form {border-bottom: 0;}

.search-header.fixed.notregistered {
margin-left: 360px;
}

.top-bar.fixed .button-circle, .top-bar.fixed .watchlist-wrapper{
height: 30px;
max-height: 30px;
max-width: 30px;
min-height: 30px;
min-width: 30px;
width: 30px;
padding: 2px 5px 1px 6px;
}

.fixed .login-wrapper .loginmask{
top: 28px;
}

.top-bar.fixed .watchlist-wrapper{
padding: 0px 0px 0px 0px; 
}

.fixed ul.language.bar-dropdown li:nth-child(1){
padding-top: 0px;
}

.header1 .navbar.fixed .shopmenu ul.level_1{
margin-bottom: 0px;
margin-top: 6px;
}

.header1  .navbar.fixed .shopmenu > ul > li > a{
padding-bottom: 20px;
}

.header1 .navbar.fixed {
min-height: 1;
}

.header1 .navbar.fixed  .container{
margin-top: 0;
}

.header1 .navbar.fixed .submenue-wrapper{
top: 115px;
}


/* Shop Menu */

.header1 .navbar .shopmenu{
max-width: 100%;
position: relative;
}

.header1 .navbar .shopmenu > ul > li > a{
width: 100%;
display: inline-block;
color: #5f6968;
font-size: 24px;
line-height: 28pt;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
}



.navbar .shopmenu > ul > li > a, .navbar .shopmenu > ul > li > a:visited{
color: #666666;
padding: 0px 10px;

}

.navbar .shopmenu > ul > li > a:hover, .navbar .shopmenu > ul > li > a.active{
color: #007c52;
}





.navbar .shopmenu ul.level_1{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content:stretch;
list-style: outside none none;
margin-bottom: 0px;
margin-top: 35px;
padding: 0;
}

.navbar .shopmenu ul.level_1 li.level_1{
margin: auto;
flex-grow: 1;
flex-basis: auto;
margin: 0px 0px;
padding: 0px 0px;
text-align: center;
display: inline-block;
}



.navbar .submenue-wrapper{
display: none;
width: 100%;
background-color: rgba(233, 233, 233, 0.95);
min-height: 460px;
height: 4px;
position: fixed;
z-index: 999999;
margin-top: 0px;
left: 0;
top: 200px;
-webkit-box-shadow: inset 0px 3px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 3px 5px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 3px 5px -4px rgba(0,0,0,0.75);
padding-top: 0.1em;
}




.navbar .shopmenu ul li:hover  div.submenue-wrapper, .navbar .submenue-wrapper:hover, .header1 .navbar .shopmenu  ul  li  a:hover  div.submenue-wrapper{
display: block;
}

.navbar .submenue-wrapper ul li{
display: block;
min-width: 160px;
max-width: 260px;
font-weight: normal;
font-size: 1em;
color: #666666;
position: static;
text-align: left;
margin-bottom: 0px;
line-height: 32px;
}


.navbar .submenue-wrapper ul li a{
text-align: left;
color: #5f6968;
display: block;
padding-bottom: 0px;
padding-right: 15px;
padding-left: 15px;
font-size: 12pt;
position: relative;
line-height: 32px;
}

.navbar .submenue-wrapper ul li a:hover, .navbar .submenue-wrapper ul li a.active{
color: #007c52;
background-color: rgba(179, 179, 179, 0.35);
}

.navbar .submenue-wrapper ul li a.active, .navbar .submenue-wrapper ul li a.active-last{
font-weight: 600;
color: #007c52;
}

.navbar .submenue-wrapper ul li a.has-child:after{
content: '\f105';
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
right: 0;
font-size: 12pt;
font-family: FontAwesome;	
}

.navbar .submenue-wrapper ul li > span{
display: none

}


.navbar .submenue-wrapper ul li a.active.has-child:after{
content: '\f105';
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
right: 0;
font-weight: 600;
font-size: 12pt;
font-family: FontAwesome;
}


.navbar .submenue-wrapper ul.submenue1 li ul{
display: inline-block;
width: 300px;
position: absolute;
margin-left: 260px;
text-align: left;
top: 0.1em;
padding-right: 2em;
min-height: 450px;
/*background-color: #dedfdc;*/
}

.navbar .submenue-wrapper ul.submenue1{
max-width: 1150px;
width: 100%;
margin: 0px auto;
height: 100%;
display: block;
}

.navbar .submenue-wrapper ul.submenue1 li ul li ul, .navbar .submenue-wrapper ul.submenue1 li ul li ul li ul, .navbar .submenue-wrapper ul.submenue1 li ul li ul li ul li ul{
top: 0em;
}


.navbar .submenue-wrapper ul.submenue1  > li ul, .navbar .submenue-wrapper ul.submenue1  > li ul.submenue2 > ul{
display: none;
}

.navbar .submenue-wrapper ul.submenue1  li:nth-child(1) > ul{
#display: inline-block;
}


.navbar .submenue-wrapper ul.submenue1  li:hover > ul{
display: inline-block;
}

/* subnav breiten */

#submenueWrapper ul.submenue1 li{
max-width: 250px;
width: 250px;
}

#submenueWrapper ul.submenue1 li > ul{
max-width: 252px;
width: 252px;
margin-left: 248px;
padding-left: 0px;
padding-right: 0px;
}


#submenueWrapper ul.submenue1 li ul.submenue2 li{
max-width: 250px;
width: 250px;
margin-left: 0px;

}



.navbar .submenue2{
border-left: solid 1px #b3b3b3;
border-right: solid 1px #b3b3b3;
padding-left: 2em;
}

.navbar .submenue2 .submenue2{
border-left: 0;
border-right: solid 1px #b3b3b3;
}

.input-search-text{
    border-bottom: solid 1px #007c52;
	border-top: solid 1px #007c52;
    min-height: 35px;
}

.search-header form{
width: 100%;
}

.search-header form input{
background-color: #ffffff;
margin-right: 0px;
padding: 2px 22px 2px 10px;
font-size: 10pt;
color: #5f6968;
height: 33px;
width: 288px;
}

.search-header form a{
display: inline-block;
background-color: #007c52;
width: 26px;
min-width: 26px;
min-height: 33px;
padding: 0px 0px 0px 0px;
max-height: 33px;
text-align: center;
border-radius: 0% 0% 0% 0%;
color: #ffffff;
font-size: 21px;
position: relative;
}

.search-header form a > i{
position: absolute;
z-index:2;
left: 0; 
right: 0; 
margin: auto; 
top: 0;
bottom: 0;
height: 21px;
}

.search-header form a:before{
content: '';
width: 34px;
height: 34px;
display: block;
position: absolute;
background-color: #007c52;
border-radius: 50% 0% 0% 50%;
left: -20px;
top: 0px;
z-index: 0;
}

.search-header form a:after{
content: '';
width: 35px;
height: 35px;
display: block;
position: absolute;
background-color: #007c52;
border-radius: 0% 50% 50% 0%;
right: -20px;
top: -1px;
z-index: 0;
}

.search-header.fixed form input {
height: 28px;
}

.search-header.fixed .search-category .btn-default, .search-header.fixed .input-search-text, .search-header.fixed form a:after{
height: 30px;
max-height: 30px;
min-height: 30px;
padding-top: 0px;
}

.search-header.fixed form a:before{
height: 29px;
max-height: 29px;
min-height: 29px;
padding-top: 0px;
}

.search-header.fixed form a{
height: 28px;
min-height: 28px;
font-size: 18px;
}

.search-header.fixed form a > i {
height: 18px;
}

.search-header.fixed .search-category .btn-default:before{
height: 30px;
max-height: 30px;
max-width: 30px;
min-height: 30px;
min-width: 30px;
width: 30px;
}



.top-bar {
padding: 0px 0px 0px 0px;
position: relative;
width: auto!important;
max-width: 300px;
min-width: 240px;
float: right;
}

.notregistered .top-bar{
min-width: 135px;
}



.top-bar li a span{
display: none;
}


.bar-dropdown .bar-dropdown{
margin-right: 0;
}

.header1 .logo {
display: inline-block;
margin-top: 0px;
padding-top: 0px;
float:left;
position: relative;
}

.navbar-container .brand p {
color: #007c52;
font-size: 10.7pt;
}

.navbar-container .brand a img {
transition: all 0.3s ease-out 0s;
max-width: 205px;
width: 100%;
height: auto;
}

.navbar-container .brand a {
display: block;
}

.bar-dropdown {
margin: 0 15px 0 0;
}


/* Productgroup nav*/

#galleryNav .inner-products:hover >  h3, #galleryNav .inner-products:hover > h3 a{
color: #338459!important;
text-decoration: none;
font-weight: 500;
cursor: pointer;
}

.groupthumb{
position: relative;
width: 180px;
height: 180px;
min-width: 180px;
min-height: 180px;
margin: 0px auto;
padding: 0px 0px;
overflow: hidden;
}


.groupthumb a{
display: block;
}

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

#galleryNav .inner-products{
position: relative;
text-align: center;
min-height: 405px;
margin: 2em 0px;
cursor: pointer;
}

.inner-products p{
text-align: left;
font-size: 12pt;
color: #5f6972;
margin: 2.2em 0px 0px 0px;
}

#galleryNav .inner-products h3{
font-weight: 500;
color: #5f6972;
text-align: center;
display: inline-block;
margin: 0px 0px 14px 0px;
line-height: 1;
min-height: 54pt;
}

#galleryNav .inner-products h3 a, #galleryNav .inner-products h3 a:visited, #galleryNav .inner-products h3 a:active{
color: #5f6972;
font-weight: 500;
font-size: 18pt;
}

.galleryNavheader h2{
text-align: center;
}




/* Footer */


footer{
background-color: #f0f0f0;
margin-top: 2em;
}


footer .footer-about{
background: none;
}

.payment-accept{
text-align: left;
margin-top: 20px;
}

footer .payment-accept p {
display: block;
margin: 0px 0px;
}

.payment-accept p a{
display: inline-block;
}

.payment-accept p img{
width: auto;
}

.payment-accept p.paymentpowered img{
max-height: 38px;
}


.paymentoptions{
vertical-align: middle;
padding-bottom: 2rem;
}

.icon_paypal{margin: 0px 6px 7px 3px;}

.icon_rechnung{}


.paymentoptions .pay_icon {
width: 90px;
height: auto;
margin-right: 5px;
}

.paymentoptions .pay_icon:last-of-type{
margin-right: 0px;	
}

.footernav{
margin-bottom: 2em;
}


footer h6{
font-size: 1.4em;
font-weight: 200;
color: #5f6972;
margin: 0px 0px 16px 0px;
}


footer p {
color: #808080;
float: left;
padding-bottom: 0.7em;
font-size: 12pt;
font-weight: 400;
}

footer a, .footer-post li a {
color: #717a82;
line-height: 2em;
font-size: 1.1em;
letter-spacing: 0px;
font-weight: 200;
}

.footer-post li a:hover {
color: #007c52;
}


footer.block{
padding-top: 0px;
}

footer .footercontent{
margin-top: 65px;
}

.footer-post li.pdflink{
padding: 0px 10px;
}

.footer-post li.pdflink a{
background-position: left center;
}

.footer-post li.pdflink span, .groupinfo p.pdflink span{
position: absolute;
display: inline-block;
background-color:#007c52;
width: 42px;
height: 42px;
line-height: 38px;
padding: 0px 0px;
max-height: 42px;
text-align: center;
border-radius: 50% 50% 50% 50%;
color: #ffffff;
font-size: 18pt;
font-weight: 400;
border: 0;
left: 0;
margin: 4px 0px 0px 0px;
}

.groupinfo p.pdflink{
margin: 0 0 10px;
min-height: 55px;
padding: 0;
position: relative;
}

.groupinfo p.pdflink a {
color: #007c52;
display: block;
font-weight: normal;
line-height: 50px;
padding-left: 55px;
width: 100%;
}


.footer-post li {
background: transparent none repeat scroll 0 0;
border: 0;
border-radius: 0px;
box-shadow: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.footer-post li:hover {
background: transparent none repeat scroll 0 0;
border: 0px;
border-radius: 0px;
box-shadow: none;
}

.footer-post li.buttonlink, .footer-post li.pdflink{
position: relative;
background: rgba(240,240,240,1);
background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(38%, rgba(229,229,228,1)), color-stop(67%, rgba(229,229,228,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1 );
padding: 0px 0px;
margin: 0px 0px 10px 0px;
min-height: 55px;
}

.footer-post li.buttonlink a, .footer-post li.pdflink a{
display: block;
width: 100%;
line-height: 50px;
color: #007c52;
font-weight: normal;
padding-left: 55px;
font-size: 16pt;
}

.footer-post li.buttonlink span{
position: absolute;
display: inline-block;
background-color:#007c52;
width: 42px;
height: 42px;
line-height: 38px;
padding: 0px 0px;
max-height: 42px;
text-align: center;
border-radius: 50% 50% 50% 50%;
color: #ffffff;
font-size: 26pt;
font-weight: 400;
border: 0;
left: 0;
margin: 4px 0px 0px 0px;
}


.footer-post.colourmatching{
margin-top: 20px;
}


.newsframe{
min-height: 380px;
}




/* Social media */

.socialicons{
display: block;
width: 100%;
position: relative;
padding-bottom: 14px!important;
}


.socialicons span{
display: inline-block;
min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px;
margin: 0px 20px 0px 0px;
font-size: 28pt;
color: #007c52;
position: relative;
}

.socialicons span:last-child{
margin: 0px 0px 0px 0px;
}

.socialicons span .icon{
display: inline-block;
width: 100%;
height: 100%;
color: #007c52;
}

.socialicons span i{
position: absolute;
color: #007c52;	
}

.icon.linkedin{
display: inline-block;
width: 40px;
height: 40px;
background: transparent URL('../site/pics/linkedin_icon.png') no-repeat center center;
background-size: 100% auto;
}

/* Newsletter */

.newsletter{
padding: 87px 0px;
background-color: #e5e5e4;
background: rgba(240,240,240,1);
background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(38%, rgba(229,229,228,1)), color-stop(67%, rgba(229,229,228,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(229,229,228,1) 38%, rgba(229,229,228,1) 67%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1 );
width: 100%;
margin: 0px 0px;
}

.newsletter label{
color: #5f6972;
font-size: 2.5em;
font-weight: 200;
}


.newsletter .newsletterinput{
border: 0;
border-bottom: solid 1px #b2b2b2;
font-size: 1em;
color: #b2b2b2;
padding: 18px 0px 20px 0px;
background-color: transparent;
width: 80%;
max-width: 480px;
margin-left: 12%;
}

.newsletter .newslettersubmit{
display: inline-block;
background-color: #007c52;
width: 42px;
height: 42px;
padding: 0px 0px;
max-height: 42px;
text-align: center;
border-radius: 50% 50% 50% 50%;
color: #ffffff;
font-size: 14pt;
border: 0;
margin: 0px 0px 0px 30px;
}

.newsletter span i{
position: absolute;
z-index: 2;
color: #ffffff;

}


/* bottom Line */


.bottom-line {
background: #007c52 none repeat scroll 0 0;
background-color: #007c52;
border-bottom: solid 6px #007c52;
min-height: 72px;
}


.bottom-line  .copyright > span{
text-align: left;
background: #007c52;
color: #fff;
display: block;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 68px;
margin: 0px auto;
padding-bottom: 0px;
padding-top: 0px;
width: 100%;
text-align: left;
padding-left: 208px;

}

.bottom-line  .copyright > span a{
color: #ffffff;
}

.bottom-line .copyright{
margin: 0;
width: 100%;
float: none;
display: inline-block;
position: relative;
}

.footerlogo{
margin: 16px 0px 0px 0px;
}




.block {
padding: 0px 0;
}

.mainwrapper > .container{
xpadding: 70px 0;
padding: 0px 0;

}


.login-wrapper{
position: relative;
max-width: 255px;
z-index: 99;
}



.loginmask{
display: none;
position: absolute;
max-width: 255px;
width: 255px;
padding: 10px;
border: solid 1px #eaeaea;
background-color: #ffffff;
right: 0;
top: 34px;
-webkit-box-shadow: 0px 3px 9px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 9px -6px rgba(0,0,0,0.75);
box-shadow: 0px 3px 9px -6px rgba(0,0,0,0.75);
z-index: 2147483647;

}




.login-wrapper.bar-dropdown:hover .loginmask{
display: block;
}




.loginmask label {
font-weight: normal;
margin-bottom: 5px;
font-size: 0.8em;
display: none;
}

.loginmask .btn-success{
width: 100%;
border-radius: 2px;
margin-bottom: 10px;
}



.search-category {
position: relative;
white-space: nowrap;
float: left;
width: 117px;
min-width: 95px;
}

.input-search-text{
position: relative;
float: left;

}


.selected-search-text{
display: inline-block;
font-size: 10pt;
min-width: 85%;
font-weight: 400;
color: #ffffff;
margin-left: 0px;
}

.search-category .selected-category-btn {
padding:4px 8px 4px 8px;
position: relative;
border: 0;
white-space: nowrap;
width: 100%;
text-align: left;
}

.search-category .btn-default {
background-color: #007c52;
border-color: #007c52;
border: 0;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
border-bottom: solid 1px #007c52;
min-height: 35px;
max-height: 35px;
height: 35px;
color: #ffffff;
position: relative;
padding-left: 0px;
}


.search-category .btn-default:before{
content: '';
width: 35px;
height: 35px;
display: block;
position: absolute;
background-color: #007c52;
border-radius: 50% 50%;
left: -18px;
top: 0px;
z-index: -1;
}

.search-category.open .btn-default:before{
border-radius: 50% 0% 0% 0%;
}


.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}


.dropdown-menu > li {
border-bottom: solid 1px rgba(255,255,255,0.3);
}

.dropdown-menu > li:hover {
background-color: rgba(255,255,255,0.3);
color: #ffffff;
}

.dropdown-menu > li > a {
padding: 3px 0px 3px 17px;
white-space: nowrap;
font-size: 10pt;
color: #ffffff;
}

.dropdown-menu > li > a:hover{
color: #ffffff;
}



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background: none;
color: #ffffff;
}

.search-category .dropdown-search-menu:before {
display: none;
}

.search-category .dropdown-search-menu:after {
display: none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
background-color: #007c52;
border-color: #007c52;
color: #ffffff;
}

.dropdown-search-menu {
background-clip: padding-box;
background-color: #007c52;
box-shadow: none!important;
border: 0;
display: none;
float: left;
font-size: 1rem;
left: 0;
list-style: outside none none;
margin: 0px 0 0;
width: 135px;
min-width: 135px;
padding: 5px 0px 0px 0px;
position: absolute;
text-align: left;
border-radius: 0!important;
top: 100%;
z-index: 2147483647;
border: 1px solid #007c52;
border-top: 0;
color: #ffffff;
margin-left: -18px;
}


input[type='text'].ui-autocomplete-loading {
background:  #FFFFFF url('/shop/templates/css/niceTree-1.0/img/ajax-loader.gif') no-repeat 90% center;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}

.ui-autocomplete{
top: -4px;
}


.ui-widget-content{
/*position: fixed;*/
}

.ui-widget-content[style]{
min-width: 425px;
width: 425px!important;
z-index: 25055555555555554;
}

.ui-widget-content{
border-top: 1px solid #007c52;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #007c52;
background: rgba(255,255,255,1);
margin-top: 0px;
}

.ui-widget-content.fixed{
margin-top: 0px;
}


.ui-widget-content > li{
background: rgba(183, 182, 182, 0.2);
}

ul.ui-widget-content li:last-child{
display: none;
}

.ui-menu .ui-menu-item{
font-size: 11pt;
border-bottom: solid 1px #D6D6D6;
padding: 6px 1em 6px 0.4em;
}

.ui-widget-content a {
color: #333;
display: inline-block;
line-height: 2em;
vertical-align: text-top;
width: 72%;
font-size: 11pt;
font-weight: 500;
}

.ui-widget-content a.notregistered{
width: 100%;
}


.ui-widget-content a span{
line-height: 1em;
font-size: 11pt;
font-weight: 500;
}

.ui-menu .ui-menu-item a > :nth-child(1){
display: inline-block;
max-width: 240px;
width: 81%;
}

.ui-menu .ui-menu-item a.notregistered > :nth-child(1){
max-width: 100%;
width: 100%;
display: inline-block;
}

.ui-menu .ui-menu-item a.notregistered br, .ui-menu .ui-menu-item a.isregistered br{
display: none;
}

.ui-menu .ui-menu-item a.notregistered i:before{
content: " - Color:";
display: inline-block; 
width: auto;
min-height: 1em;
margin: 0px;
padding: 0px 4px;
font-style: normal;
}

.ui-menu .ui-menu-item a.isregistered i:before{
content: "Color:";
display: inline-block; 
width: auto;
min-height: 1em;
margin: 0px;
padding: 0px 4px 0px 0px;
font-style: normal;
}


.ui-widget-content a.notregistered{
line-height: 1em;
}


.ui-menu .ui-menu-item a > :nth-child(2){
max-width: 55px;
width: 20%;
display: inline-block;
text-align: right;
}

.ui-widget-content .ui-state-focus a, .ui-menu .ui-menu-item a:hover{
color:#00784B;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
border:0;
background:#f8f8f8;
font-weight:normal;
color:#00784B;
border-top: solid 1px #D6D6D6;
border-bottom: solid 1px #D6D6D6;
}


.ui-menu .ui-state-focus, .ui-menu .ui-state-active{
margin: 0px;
}

.addToCartInputwrap{
display: inline-block;
width: auto;
position: relative;
}


.cartButtonWrapper .availability, .addToCartSmall .availability, .addToCartInputwrap  .availability{
	position: absolute;
	top: 1px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px;
	min-width: 20px;
	min-height: 27px;
}

.ui-menu-item .cartButtonWrapper{
position: relative;
float:left;
height: 27px;
width: 39px;
max-width: 50px;
margin-left: 0px;
top: 0;
}

.ui-menu-item  .searchtocart{
position: relative;
float: right;
min-width: 75px;
}

.ui-menu-item  .searchtocart .update-hide{
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
overflow: hidden;
display: none!important;
}

.ui-menu-item .cartButtonWrapper .btn{
padding: 3px 12px;
}


.ui-widget-content  span .input-style.cartamount{
width: 35px;
height: 29px;
font-size: 0.85em;
position: relative;
float: left;
margin-bottom: 0px;
}

.flexSearchItemWide{
margin-bottom: 15px;
}

.flexSearchFooter {
margin-top: 0px;
text-align: right;
}

.heading-5:before{
display: none;
}

.flexSearchValueRow{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.flexSearchValueRow .flexSearchValue{
flex-grow: 1;
}

.flexSearchValueRow .rightText > button{
max-width: 34px;
max-height; 34px;
height: 34px;
width: 34px;
line-height: 34px;
margin-left: 10px;
padding: 0px 10px 0px 10px;
text-align: center;
vertical-align: middle;
}


/* Formular UI elements */

label{
font-weight: normal;
color: #333;
}


.input-style{
border: solid 1px #b3b3b3;
background-color: #FFFFFF;
}

.btn-success {
background-color: #007C52;
border-color: #007C52;
color: #fff;
}

.btn-success:hover {
background-color: #ffffff;
border-color: #007C52;
color: #007C52;
}

.btn-success:hover, .btn-success:focus {
background-color: #ffffff;
border-color: #007C52;
color: #007C52;
}

.btn:active , .btn.active{
background-color: rgba(0,124,82,0.5);
border-color: rgba(0,124,82,0.5);
color: #fff;
} 

.btn-danger {
background-color: #D20A11;
border-color: #D20A11;
color: #fff;
}

.btn-danger:hover, .btn-danger:focus{
background-color: #ffffff;
border-color: #D20A11;
color: #D20A11;
}


.btn-danger.active, .btn-danger:active{
background-color: rgba(210,10,17,0.5);
border-color: rgba(210,10,17,0.5);
color: #fff;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active{
background-color: rgba(0,124,82,0.5)!important;
border-color: rgba(0,124,82,0.5)!important;
color: #fff;
}

.buttonlink{
font-weight: 400;
font-size: 11pt;
}


.textarea-medium{
width: 60%;
height: 200px;

}

.textarea-big{
width: 100%;
height: 200px;
}


.datainfocolumn .btn-info{
min-width: 300px;
}


/* Farbsuche */

.searchbox{
min-height: 330px;
}


/* order produkts links */
aside h4, aside .h4, aside h4 > a {
font-size: 17pt;
}

.ordered-products-box small{
display: inline-block;
width: 100%;
}

.ordered-products-box .itemlistrow{
margin-bottom: 1em;
}

.ordered-products-box .btn-success{
padding: 1px 12px;
}

/* Produkt Liste */

.sold-thumb{
padding: 0px 0px;
border: 0;
background-color: #ffffff;
min-width: 120px;
min-height: 100px;
overflow: hidden;
border-radius: 0;
height: 100px;
}

.sold-thumb > img{
border-radius: 0;
min-height: 100px;
}

span.price{
color: #333;
font-size: 11pt;
font-weight: 400;
text-align: right;
display: inline-block;
}

#itemsList .inner-products{
position: relative;
text-align: left;
min-height: auto;
min-height: 310px;
margin: 1em 0px;
}

.notregistered #itemsList .inner-products{
/*min-height: auto;*/
min-height: 215px;
}


.sold-thumb .original{
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
background-color: rgba(0,0,0,0.2);
color: #000;
font-size: 11pt;
font-weight: 400;
padding: 3px;
text-align: center;
left: 0;
}

.sold-thumb .near{
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
background-color: rgba(0,0,0,0.2);
color: #000;
font-size: 11pt;
left: 0;
font-weight: 400;
padding: 3px;
text-align: center;
}

.searchliste.grid .col-xs-6{
min-height: 270px;
}

.colorlist.grid .col-xs-6{
min-height: 340px;

}

.grid .col-xs-6{
max-width: 160px;
}

.grid {
margin: 0 0 0px 0;

}

.grid:after {
content: "";
display: table;
clear: both;
}


.sold-thumb > a {
border: 0;
color: #fff;
left: 0;
margin-left: 0px;
margin-top: 0px;
opacity: 0;
padding: 6px 12px;
position: absolute;
top: 0;
transform: none;
transition: none;
z-index: 999;
width: 100%;
height: 100%;
display: block;
}


.productgrouphead{
position: relative;
display: block;
width: 100%;
background-color: #f7f7f7;
text-align: center;
margin: 0px 0px;
padding: 12px 0px 12px 250px;
}

.productgrouphead h1{
margin: 0px 0px;
}

.productgrouphead h1 div{
display: inline;
margin: 0;
padding: 0;	
}


#productgroupinfo{
display: none;
}

#leftproductgroupinfo #productgroupinfo{
display: block;
}

.productgroupinfo h2{
color: #007c52;
font-weight: bold;
}


.groupinfo h6{
color: #007c52;
font-weight: 600;
font-size: 13pt;
display: inline-block;
margin: 0px 0px 8px 0px;
padding: 0px 0px;
}

.productgrouptext, .groupinfo p{
font-size: 12pt;
font-weight: 500;

}




.groupinfo > div{
display: block;
width: 100%;
margin: 1em 0px 1em 0px;
}

.groupinfo img{
display: block;
position: relative;
}

#headerimg .productgroupimg{
width: 100%;
display: inline-block;
background: transparent url('/data/media/images/shop/header-sortiment-start.jpg') no-repeat center center;
background-size: 100% auto;
display: inline-block;
height: 100%;
position: relative;
}


#headerimg .productgroupimg2 {
background-image: none;
}

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


#headerimg.pagemuster .productgroupimg{
background: transparent url('/data/media/images/cms/header-pagemuster.jpg') no-repeat center center;
background-size: 100% auto;
}

#headerimg.pageregister .productgroupimg{
background: transparent url('/data/media/images/cms/header-pageregister.jpg') no-repeat center center;
background-size: 100% auto;
}

#headerimg.pagelogin .productgroupimg{
background: transparent url('/data/media/images/cms/header-pagelogin.jpg') no-repeat center center;
background-size: 100% auto;
}


#headerimg.pagesearch .productgroupimg{
background: transparent url('/data/media/images/cms/header-pagesearch.jpg') no-repeat center center;
background-size: 100% auto;
}

#headerimg.pagemuster .productgroupimg img, #headerimg.pageregister .productgroupimg img, #headerimg.pagelogin .productgroupimg img, #headerimg.pagesearch .productgroupimg img{
display: none;
}

#headerimg.pagemuster .header-infobox , #headerimg.pageregister .header-infobox , #headerimg.pagelogin .header-infobox, #headerimg.pagesearch .header-infobox {
display: none!important;
}
.groupstartheader{
position: relative;
display: inline-block;
width: 100%;
/*background-color: #f7f7f7;*/
text-align: center;
margin: 0px 0px;
padding: 12px 0px 12px 0px;
}



.groupstartheader span, h1 span, h2 span, h3 span, h4 span, h5 span{
text-transform: uppercase;
}

.pagefilternav{
background-color: #f7f7f7;
margin: 0 15px;
max-width: 892px;
padding: 0;
}

.pagefilternav p{
margin: 0;
font-weight: 400;
}

.pagefilternav .col-md-5{
padding-right: 0px!important;
}

.sortfilter p{
display: inline-block;
margin: 0;
font-weight: 400;
float: left;
}


.listoption, .sortfilter {
line-height: 36px;
min-height: 36px;
}




.listoption > div:nth-child(1){
text-align: right;
}

.sortfilter .input-style{
font-size: 11px;
padding: 3px 6px 3px 6px;
width: auto;
letter-spacing: 0;
font-weight: 400;
margin: 5px 0px 0px 8px;
height: 2.5em;
}


.listtype button{
display: inline-block;
margin-left: 8px;
padding: 0;
border: 0;
background: none;
}

.listtype button img{
margin-top: 10px;
}


#pageNav .disabled{
display: none;
}


#pageNav, #pageNav a, #pageNav span, #pageNav strong{
font-weight: 400;
font-size: 12pt;
color: #333;
}

#pageNav a, #pageNav strong, #pageNav span{
display: inline-block;
padding: 0px 5px;
margin: 0px;
line-height: 36px;
min-height: 36px;
}

#pageNav .prev{
padding: 0px 4px 0px 0px;
}

#pageNav .next{
padding: 0px 0px 0px 4px;
}


#pageNav strong{
background-color: #ffffff;
color: #00784b;
font-weight: 700;
}


.listtype form{
display: inline;
}


.shorttext{
font-size: 11pt;
font-weight: 400;
display: inline-block;
}


.listSmall{
margin: 20px 0px;
}

.table-list-small .productImageSmall{
max-width: 60px;
height: auto;
}

.table-list-small td:nth-child(1){
width: 75px;
max-width: 75px;
min-width: 75px;
}

.table-list-small td:nth-child(2){
width: auto;
}

.table-list-small td:nth-child(3){
width: 50%;
}

.table-list-small td:nth-child(4){
width: 20%;
}

.table-list-small td:nth-child(5){
width: 20%;
}


/* Produkt label */

div[class*="label"]{
border-radius: 50% 50% 50% 50%;
width: 45px;
height: 45px;
margin: 0;
padding: 5px 10px;
display: inline-block;
position: absolute;
left: 0; 
top: -5px;
z-index: 1001;
}

div[class*="label"] span{
display: none;
}

div[class*="label"] i{
font-size: 26px;
float: none;
margin: 4px 0px 0px 0px;
}

.label-blue, .label-red, .label-yellow, .label-green, .label-pink, .label-discontinued{color: #ffffff;}
.label-red{}
.label-yellow{}
.label-green{}
.label-pink{}

.label-discontinued{background: transparent url('../site/pics/icons/icon_discontinued-24.png') no-repeat center center; background-size: 100% auto;}
.label-bulk{background: transparent url('../site/pics/icons/icon_bulk-24.png') no-repeat center center; background-size: 100% auto;}
.label-dangerous{background: transparent url('../site/pics/icons/icon_dangerous-24.png') no-repeat center center; background-size: 100% auto;}
.label-promotion{background: transparent url('../site/pics/icons/icon_promotion-24.png') no-repeat center center; background-size: 100% auto;}
.label-new{background: transparent url('../site/pics/icons/icon_new-24.png') no-repeat center center; background-size: 100% auto;}
.label-special{background: transparent url('../site/pics/icons/icon_specialthread-24.png') no-repeat center center; background-size: 100% auto;}

.label-discontinued span{display: none;}
.colorimg{
position: relative;
}

.colormatch{
margin-top: 2em;
display: inline-block;
}

.label-pantone{
background: transparent url('../site/pics/icons/icon_pantone-match.png') no-repeat center center;
background-size: 100% auto;
width: 75px;
height: 110px;
display: inline-block;
position: absolute;
margin-left: 0px;
right: 0;
}


/* varianatenListe */

.matrixColumn .alert-success, .product-addon .alert-success{
position: absolute;
max-width: 150px;
min-width: 150px;
display: inline-block;
margin: 0px 0px;
z-index:1;
left: 0;
white-space: normal;    
text-align: center;
}



.alert-success {
font-weight: 400;
font-size: 10pt;
}

.variants-matrix tr td{
padding: 8px 8px 8px 0px;	
}

table.varianten{
position: relative;
}

td.matrixYColumn, td.matrixColumn{
white-space: nowrap;
}

td.matrixColumn{
text-align: right;
float: right;
}

.varianten td, .varianten td span, .varianten td small, .grid small, .grid span{
font-size: 11pt;
font-weight: 400;
display: inline-table;
line-height: 18px;
}

.matrixRow{
display: inline-block;
min-height: 3.3rem;
width: 100%;
}

.notregistered .matrixRow{
min-height: auto;
}

.matrixYColumn .table, .matrixColumn .table{
margin-bottom: 0px;
}

.matrixYColumn .table p, .matrixColumn .table p{
margin: 0 0 0 0!important;
}


.matrixColumn .cartButtonWrapper.tooltip-btn{
position: absolute;
left: 0;
width: 100%;
margin-top: 3px;
}

.tooltip-btn .cartButtonWrapper {
display: inline-block;
line-height: 27px;
min-height: 27px;
position: relative;
width: 100%;
}

.tooltip-btn .cartButtonWrapper .btn{
margin-top: 1px;
min-height: 27px;
}


.articlelist .price .noshow{
display: none!important;
}

.article-number, .quantity{
color: #333;
margin-right: 5px;
font-size: 11pt;
font-weight: 400;
white-space: nowrap;
}

.grid table{
width: 100%;
}

.matrixColumn .input-small.cartAmount, .matrixColumn .cartButtonWrapper .input-small.cartAmount{
max-width: 75px;
min-width:75px;
width: 100%;
}



.cartButtonWrapper .availability, .addToCartSmall .availability{
position: absolute;
top: 1px;
margin: 0px 0px 0px 4px;
padding: 0px 0px;
min-width: 20px;
min-height: 27px;
}

img.available{
width: 12px;
height: 12px;
max-width: 12px;
margin-top: 6px;
}

.listtable td .availability{
float: left;
margin-right: 5px;
}


.lieferinfo{
position: relative;
font-weight: normal;
font-size: 0.9em;
vertical-align: middle;
}


.articlelist .lieferinfo{
position: absolute;
width: 20px;
min-height: 27px;
text-align: left;
margin-top: 0px;
margin-left: 0px;
font-weight: normal;
top: 0;
left: 12px;
}

.lieferinfo img{
background: none;
height: 14px;
display: inline;
margin: 6px 0px 0px 0px;

}
span.lieferinfotext, .grid span.lieferinfotext, .variants-detail span.lieferinfotext{
display: none;
}

span.lieferinfotext{
padding: 5px 10px;
position: absolute;
background-color: #faf086;
border: solid 1px #ecd908;
color: #252525;
margin: -20px 0px 0px 0px;
line-height: 1.8em;
font-size: 0.85em;
white-space: nowrap;
z-index: 300;
text-align: left;
text-decoration: none;
font-weight: normal;
}

.lieferinfo:hover span.lieferinfotext{
display: inline-block;
}

.lieferinfoicon{

}


.price.list-small{
font-weight: normal;
}

/* produkt detail */

.stock{display: none!important;}

.colorimg a, #single-post-content a{
display: inline-block;
text-align: center;
width: 100%;
}

#single-post-content{}

#single-post-content .colorimg img{
width: 90%;
max-height: 400px;
height: auto;
}

#single-post-content img{
width: auto;
height: 100%;
max-height: 400px;
}

#productFullText{
font-weight: 500;
font-size: 12pt;
margin-left: 27px;
}

.single-post-name{
font-size: 20pt;
}


.specs li span{
display: inline-block;
min-width: 25%;
}


.price-tag .price{
font-size: 15pt;
}

#leftproductgroupinfo h2, #leftproductgroupinfo h2 a{
margin-top: 0;
font-size: 22pt;
}
#leftproductgroupinfo h3{
font-size: 20pt;
margin-top: 0px;
}

.productgroupimg{
margin: 20px 0px;
}

.variants-detail .matrixRow {
display: inline-block;
width: 100%;
min-height: 50px;

}

.variants-detail .matrixRow:nth-child(1){
border-bottom: solid 1px #f7f7f7;
margin-bottom: 5px;
}


.variants-detail .varianten td, .variants-detail .varianten td small {
display: inline-block;
width: 100%;

}

.variants-detail .varianten td{
width: 50%;
float: left;
min-height: 50px;
padding: 5px 0px;

}

.varianten td span, .specs{
font-size: 11pt;
}

.varianten td span.price > span{
/*display: none;*/
}

.variants-detail .matrixColumn .cartButtonWrapper.tooltip-btn{
position: relative;
width: 140px;
min-width: 140px;
max-width: 140px;
float: right;
}

.variants-detail .price-row{
position: absolute;
left: -5%;
width: 50%;
padding-top: 5px;
}

.variants-detail  .matrixYColumn span{
width: 50%;
display: block;
padding-top: 5px;
}


.variants-detail .matrixColumn .cartButtonWrapper .input-small.cartAmount {
float: right;
}

.variants-detail .cartButtonWrapper .availability{
left: 20px;	
}



.variants-detail span.price.qscale{
display: block;
width: 100%;
}

#itemsList .varianten span.price.qscale{
display: inline-table!important;
width: 100%;
margin-left: -45px;
font-size: 10pt;
}

#itemsList .varianten span.price.qscale[style]{
display: inline-table!important;
}

#itemsList .varianten span.price.qscale br{
/*display: none!important;*/
}


#itemsList .price-row.qscale{
min-height: 4rem;
}

#itemsList .cartButtonWrapper.qscale{
margin-top: -1.6rem!important;
}


#itemsList span.price{
text-align: left;
white-space: nowrap;
}
/* cross selling */

.mediawrapper, .crosssellwrapper{
margin-left: 30px;
}

.mediahead{
margin-top: 2em;
padding-bottom: 6px;
border-bottom: solid 1px #007c52;
font-size: 17pt;
color: #007c52;
}

.media-thumb img{
width: 100%;
height: auto;
}

.media-thumb{
width: 100%;
height: 200px;
overflow: hidden;
margin-bottom: 10px;
}

.product-addon small{
display: inline-block;
width: 100%;
}

.product-addon .article-name{
min-height: 2.755em;
display: inline-block;
}

.product-addon{
padding: 0px 15px;	
}

.product-addon .input-small.cartAmount, .product-addon .cartButtonWrapper .input-small.cartAmount{
max-width: 100%;
width: 70%;
}

.product-addon .tooltip-btn .cartButtonWrapper .btn{
width: 26.5%;
padding-top: 0;
margin-top: 0;
}


/* formulare */

input, select, textarea{
font-weight: 400;
background-color: #ffffff;
margin-right: 0px;
padding: 2px 10px;
font-size: 10pt;
color: #5f6968;
height: 34px;
letter-spacing: 0.3px;
border: solid 1px #5f6968;
}


input.btn{
color: #ffffff;
background-color: #007c52;
}

.fileInputs input, .file-input input{
border: 0;
width: 100%;
height: 2rem;
padding: 0px;
}


.fileInputs input.file, .fileInputs input.span4, .file-input input.file, .file-input input.span4{
border: 0;
width: calc(100% - 45px);
}


.fileInputs, div.fileInputs, .file-input, div.file-input{
width: 100%;
background-color: #f0f0f0;
height: auto;
margin-bottom: 12px;
padding: 6px 6px;
display: block;
min-height: 48px;
border: solid 1px #b3b3b3;
text-align: left;
}

div.fakeFile{
background-color: #f0f0f0;
min-height: 45px;
padding: 4px;
}



div.fakeFile img {
padding-left: 0px;
vertical-align: middle;
border: solid 3px #fff;
}

div.fakeFile > img:hover, .fileInputs input.file:hover, .file-input input.file:hover{
cursor: pointer;
}


p.warning, div.warning, div.error {
color: #fd3055;
font-weight: bold;
}

.form-row{
display: inline-block;
width: 100%;
position: relative;
}

.form-row > div[class*='col-']{
padding-left:0;
}




.form-row label{
width: 100%;
display: inline-block;
max-width: 100%;
line-height: 1.6rem;
}

.form-row input[type=text], .form-row select, .form-row textarea{
width: 100%;	
font-size: 1em;
padding: 3px 3px;
margin: 5px 0px;
}	

.form-row.captcha{
margin-bottom: 20px;
}


.regfull .captcha label{
display: none;
}

.form-section{
margin: 1em 0px;
}




.form-section.info, .form-section.button{
margin: 2em 0px;
}
.input-upload{
border: none;
outline: 0;
padding: 0px 10px 0px 0px;
}

.input-small{
width: 30px;
}

.input-medium60{
width: 60px;
}

.input-medium{
width: 50%;
}

.input-large{
width: 100%;
}


.input-text:focus, .searchField:focus{
border: 1px solid #5f6968;
}

.input-small.cartAmount, .cartButtonWrapper .input-small.cartAmount{
max-width: 75px;
width: 63%;
height: 27px;
padding-left: 25px;
padding-right: 10px;
text-align: right;
}

.addToCartSmall .cartAmount{
width: 100%;
min-height: 37px;
max-height: 37px;
}


input[type="radio"], input[type="checkbox"] {
line-height: normal;
margin-top:0 ;
}


.searchbox .searchField, .searchbox .btn{
width: 100%;
margin-bottom: 10px;
}

.form-row h4 span{
color: #5f6968;
font-size: 70%;
}


/* Slider */

.slider_wrapper{
padding: 0px 20px;
}

.unslider-wrap.unslider-carousel > li{
text-align: center;
}

.trd_ads_image{
width: auto;
max-width: 100%;
height: auto;
}


/* Quick Add*/

#inputTable td{
padding: 4px 4px 4px 0px;
margin: 0px 0px;
border-bottom: solid 1px #b3b3b3;
}


table.quickcart .input-text{
width: 100%;
}



/* Warenkorb */

.cart-total-box{
margin-top: 0px;
}

.cart-head > h2{
padding: 10px 0;
}

table.cart-table th{
padding: 10px 4px !important;
}

.btn-success.btn-big{
width: 100%;
font-weight: bold!important;
}

.cart-product-image-wrapper img{
line-height:1em;
text-indent: -9999px;
}

.cart-info{
display: inline-block;
position: relative;
padding: 0px 0px;
width: 100%;
margin-bottom: 20px;
}

.tip-green-2big{
padding: 15px 20px;
background-color: #5cb85c;	
color: #ffffff;
font-size: 13pt;
}

.cart-total-box > ul > li > i, .cart-total-box > ul > li > span{
font-size: inherit;
}

.order-start-wrapper{
display: inline-block;
margin: 1em 0px;
width: 100%;
}

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



/* Bestellvorgang */


.forwardingExpenses label{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	 justify-content: flex-start;
	 align-items: center;
	  align-content: flex-start;
	 min-height: 25px;
	 line-height: 25px;
	 gap: 10px;
	 cursor: pointer;
}

.forwardingExpenses label input[type="radio"], .forwardingExpenses label input[type="radio"]:focus, .forwardingExpenses label input[type="radio"]:active, .forwardingExpenses label > input{
min-height: 25px;
padding-left: 20px;
margin-top: 0px;
line-height: 25px;
height: 30px;
margin-right: 10px;
cursor: pointer;
}


.w-get-help ul li p{
font-size: 11pt;
letter-spacing: 0;
margin-bottom: 0;
}

#transactionNav .w-get-help{
padding-top: 0px;
border: 1px solid #007c52;
}

.w-get-help ul li h3{

background-color: #F5F5F5;
color: #007c52;	
margin: 0px -15px;
padding: 5px 0px;
}

.w-get-help ul li span{
border: 2px solid #007c52;
color: #007c52;
margin-right: 10px;
margin-top: 5px;
margin-left: -5px;
}

.w-get-help ul li.stepActive  h3{
background-color: #007c52;
color: #ffffff;
}

#transactionNav .w-get-help ul li.stepActive  span.transactionItemActive{
border: 2px solid #ffffff!important;
color: #ffffff!important;
}

.orderAddons{
margin-top: 0px;
}

ul.contact-data{
display: inline-block;
position: relative;
width: 100%;	
}

.contact-data li{
padding: 6px 6px 6px 6px;
border-bottom: solid 3px #ffffff;
display: inline-block;
width: 100%;
}

.contact-data li:nth-child(2n+1){
background-color: #F5F5F5;
}

.contact-data li span{
display: inline-block;
width: 20%;
max-width: 165px;
}

.contact-data li strong{
display: inline-block;
width: 80%;
font-weight: normal;
}

table.deliver, table.cutoption{border-top: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7;font-size: 12pt; margin-bottom: 20px; background-color: #ffffff;}
table.deliver .line-1 td, table.cutoption .line-1 td{font-weight: bold; border-bottom: 1px solid #D7D7D7;}
table.deliver tr td.size-2, table.cutoption tr td.size-2 {border-right: 1px solid #D7D7D7; padding: 5px; width: 80px;}
table.deliver tr td.size-span{border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; padding: 5px; text-align: center;}

table.cutoption tr td.size-2 input{
height: 25px;
margin: 0 auto;
max-width: 55px;
font-size: 11pt;
}

table.cutoption .line-2 td{
text-align: center;
padding: 4px;
}

table.cutoption .line-1 td{
font-size: 12px;
padding: 4px;
}

.cutwrapper{
background-color: #DFF0D8;
padding: 5px 5px 0px 5px;
border: solid 1px #007B50;
margin-bottom: 1em;
}



.cutwrapper p{
font-size: 11pt;
text-align: left;
}


p.data-preview span{
display: inline-block;
width: 100%;
}
p.data-preview span span:nth-child(1){
width: 25%;
}

p.data-preview span span:nth-child(2){
width: auto;
}

ul.table-subtotal{

}

ul.table-total{

}

ul.table-total span{
font-weight: 600;
font-size: 13pt;

}

ul.table-total i  > strong{
font-weight: 700;
font-size: 14pt;

}


/*Owl Styles */
.owl-carousel .owl-stage{margin:0 auto}.owl-theme .owl-nav.disabled+.owl-dots{pointer-events:none}.owl-theme .owl-nav.disabled+.owl-dots .owl-dot{pointer-events:all}.pager-in-right.owl-theme .owl-nav.disabled+.owl-dots{position:relative;top:-30px;right:0;margin-top:0;text-align:right}.pager-out-right.owl-theme .owl-nav.disabled+.owl-dots{right:0;margin-top:20px;text-align:right}.pager-in-left.owl-theme .owl-nav.disabled+.owl-dots{float:left;top:-30px;left:0;margin-top:0;text-align:left}.pager-out-left.owl-theme .owl-nav.disabled+.owl-dots{left:0;margin-top:20px;text-align:left}.pager-in-center.owl-theme .owl-nav.disabled+.owl-dots{position:relative;margin-top:-30px;text-align:center}.owl-theme .owl-nav [class*='owl-']{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;background-size:60px 60px;background-repeat:no-repeat;text-indent:-9999px;color:transparent}.owl-theme .owl-nav [class*='owl-'].owl-prev{left:-15px;background-image:url('../site/pics/left-arrow-green-circle.svg');background-color: transparent;}.owl-theme .owl-nav [class*='owl-'].owl-next{right:-15px;background-image:url('../site/pics/right-arrow-green-circle.svg');background-color: transparent;}


.trd_slider .owl-item img{
width: auto;
max-width: 100%;
height: auto;
margin: 0px auto;
}


.detail-information .addToCartRow{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:flex-end;
align-items: center;
}


.detail-information .addToCartRow .control-label{
height: 40px;
min-height: 35px;
line-height: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:flex-end;
align-items: center;
}

.detail-information .addToCartRow .control-label > input[type="radio"]{
line-height: normal;
margin-top:0;
min-height: 35px;
padding-left: 0px;
margin-top: 0px;
line-height: 35px;
height: 35px;
margin: 0px 10px!important;
cursor: pointer;
}



/* FooterNEWS */

.newsitem p.call {font-size: 0.9em; font-weight: 900;margin: 0px 0px 0px 0px;outline: 0 none;text-decoration: none;color: #268967;}
.newsitem p.resume {font-size: 0.85em;margin: 0px 0px 0px 0px;color: #5f6972;text-decoration: none;}
.newsitem .call, .newsitem .resume {color: #252525;display: block;line-height: 1.3em;padding: 0 20px 0 0;}
.newsitem {padding: 0px 0px 15px 0px;margin: 0px 0px; display: inline-block;}

/* Stickarchiv */
.flexcolumn{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 20px;
}

.flexcolumn .flexSearchItemWide{
width: calc((100% / 3) - 20px);
flex-grow: 1;
float: none;
display: inline-block;
margin: 0px 0px 0px 0px;
min-width: 300px;
}


.flexcolumn div.flexSearchItemWide:nth-of-type(3n){
margin-right: 0px;
}

.flexSearchFooter{
display: block;
width: 100%;
clear: both;
text-align: right;
}

.flexSearchItemWide h4{
font-size: 12pt;
font-weight: 600;
margin: 0px 0px 10px 0px;
}

.flexlist{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
		gap: 20px;
}


.flexlist .table{
width: calc((100% / 4) - 15px);
	display: flex;
	flex-direction: column;
height: 100%;
min-height: 550px;
margin: 0px 0px 0px 0px;
min-width: 285px;
			 
						   
				
}

.flexlist .table:nth-of-type(4n){
margin-right: 0px;
}

.flexlist .table tr td{
display: inline-block;
width:100%;
min-height: 70px;
}

				

																																   
																									
																										  
																			 

.downloadlink{
padding: 0px 0px;
margin: 0px 0px 10px 0px;
min-height: 55px;
position: relative;
width: auto;
display: inline-block;
}



.downloadlink > a > span{
position: relative;
display: inline-block;
background-color: #007c52;
width: 42px;
height: 42px;
line-height: 38px;
padding: 0px 0px;
max-height: 42px;
text-align: center;
color: #ffffff;
font-size: 18pt;
font-weight: 400;
border: 0;
left: 0;
margin: 4px 0px 0px 0px;
}


.downloadlink > a {
  display: block;
width: 42px;
height: 42px;
line-height: 38px;
  color: #007c52;
  font-weight: normal;
  padding-left: 0px;
  font-size: 16pt;
  letter-spacing: 0px;
position: relative;
}


.flexlist .productimg{
height: 250px;
overflow: hidden;
position: relative;
padding: 0px 0px 0px 0px;
}


.flexlist img.productImageSmall{
width: 100%;
height: auto;
}


.listWatchButton{
padding: 0px 0px;
margin: 0px 0px 10px 0px;
min-height: 55px;
position: relative;
width: auto;
display: inline-block;
}

.listWatchButton button{
  display: block;
width: 42px;
height: 42px;
line-height: 38px;
  font-weight: normal;
  padding: 0px 0px;
  font-size: 16pt;
  letter-spacing: 0px;
  text-align: center;
position: relative;
}









.downloadTable{
padding-top: 2rem!important;
background-color: #ffffff!important;
border: #ffffff!important;
}

.downloadAction{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
 align-content: center;
}

.hidebutton{
	display: none;
}


.downloadCheck{
display: block;
width: 42px;
height: 42px;
line-height: 42px;
color: #007c52;
font-weight: normal;
padding-left: 0px;
font-size: 16pt;
letter-spacing: 0px;
position: relative;
border: solid 1px #007c52;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 0px;
}


.downloadAction .downloadlink{
display: block;
width: 42px;
height: 42px;
min-height: 42px;
margin: 0px 0px 0px 0px;
}

.downloadAction .downloadlink > a > span{
margin: 0px 0px 0px 0px;
}

.downloadCheck input{
cursor: pointer;
}

.downloadButton{

}


.flexlist .features p{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
display: block;
font-size: 11pt;
}

.flexlist .features p span{
display: inline-block;
min-width: 115px;
font-weight: 600;
}


/* Shipping Adress */


.shippingAddressBox{
margin-bottom: 1rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;

}
.shippingAddressBox > div{
max-width: 50%;
width: calc((100% / 2) - 90px);
flex-grow: 1;
padding-right: 0px;
}

.shippingAddressBox > div:last-child{
max-width: 150px;
width: 150px;
text-align: right;
vertical-align: bottom;
align-self: flex-end;
padding-right: 0px;
}

p.data-preview span span:nth-child(2) {
  width: auto;
  white-space: break-spaces;

}

.shippingAddressBox:nth-child(even){
background-color: rgba(220, 220, 220, 0.4);
}

p.data-preview{
margin-bottom: 0px;
}

p.data-preview span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
}


p.data-preview .data-shipname{
padding-right: 8px;
}

.shsort{
text-align: right;
} 

.shsort p, .shsort select{
display: inline;
}

p.data-preview span span:nth-child(2) {
  width: inherit;


}




@media (max-width: 768px) and (orientation: portrait), (max-width: 1024px) and (orientation: landscape){

.shippingAddressBox {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}

.shippingAddressBox > div {
  max-width: 100%;
  width: 100%;

}

p.data-preview span span:nth-child(1) {
  width: 100px;
  min-width: 100px;
}

p.data-preview span span:nth-child(2) {
  width: inherit;
}

}

/* Mobil Menue */
.mobilmenu-bar{
display: none;
}

@media (max-width: 768px) {
#mobilmenu {
display: none !important;
}
}
@media (min-width: 769px) {
#mm-mobilmenu{
/*display: none !important;*/
}

}



/*##### Smartphone und Tablet hoch ####*/
@media (max-width: 768px) and (orientation : portrait), (max-width: 1024px) and (orientation : landscape) {

h1 span, h2 span, h3 span, h4 span, h5 span{
font-size: 100%;
}




.mobilmenu-bar{
display: block;
position: absolute;
right: 12px;
top: 0;}
.menu-icon{display:block;float:right;width:45px;height:45px;margin-top:15px;padding:5px 11px;border-radius:100%;background-color:#007c52; color: #ffffff; font-size: 18pt;}

.menu-icon span{display:block;width:100%;height:4px;background-color:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}.menu-icon span:nth-child(2){-webkit-transform:translateY(4px);-moz-transform:translateY(4px);-ms-transform:translateY(4px);-o-transform:translateY(4px);transform:translateY(4px)}.menu-icon span:last-child{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}

#mm-0 .mm-navbar{
padding: 0 10px!important;
}

.mm-menu .links-list{float:left;width:100%;margin-top:15px;padding-left:0}
.mm-menu .links-list li{display:inline}
.mm-menu .links-list li:first-child{margin-right:18px}
.mm-menu .links-list li a.arrow-link-sm{font-size:11.6pt;color:#007c52}
.mm-menu .mm-listview>li:after{border-color:#007c52}
.mm-menu .mm-listview>li>a{font-size:18pt;color:#5f6968}
.mm-menu .mm-listview>li>a.mm-next:after{border-color:#007c52}
.mm-menu .mm-listview>li span{font-size:18pt;color:#5f6968}
.mm-listview-huge .mm-listview>li>span{padding:20px}
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li:after{border-color:transparent;}

#mm-mobilcustomnav{display: block; width: 100%; float: left;}
#mm-mobilsearch{display: block; width: 100%; margin-top: 35px; padding: 5px 0px; margin-bottom: 65px; float: left; border-bottom: solid 1px #b3b3b3; min-height: 35px;}

#mm-mobilcustomnav li span{display: none;}

#mm-mobilcustomnav .login-wrapper , #mm-mobilcustomnav.whishlist-bar{
max-width: 100%;
width: 45px;
}

#mm-mobilcustomnav .bar-dropdown{margin: 0 0px 0 15px;}

#mm-mobilcustomnav .language{
float: left;
}

#mm-mobilsearch .mobilsearchform input{
width: 88%;
border: 0;
background-color: transparent;
padding: 2px 10px 2px 10px;
}



#mm-mobilsearch .mobilsearchform .button-circle{
width: 30px;
max-width: 30px;
max-height: 30px;
height: 30px;
padding: 5px 8px;
}

#mm-mobilcustomnav.isregistered .bar-dropdown{
float: right!important;
margin: 0px 0px 0 5px;
}

#mm-mobilcustomnav.isregistered .bar-dropdown:last-child{
margin: 0px 0px 0 0px;
}


.header1 .search-header{
margin-left: 0px;
margin-top: 15px;
display: block;
width: 100%;
}

.header1.fixed-theme{
position: relative;
min-height: 90px;
height: 90px;
}

.header-space{
display: none;
}

.top-bar, #navbar{
display: none;
}

.input-search-group{
width: 100%;
}

.input-search-text {
width: 75%;
}

#search-header{
display: none;
}

.search-header form input{
width: 89%;
}

#mobilsearch, #mobilcustomnav{
display: block;
}


#header {
border-top: 0;
}
.header1 .logo{
margin-right: 0;
}

.btn{
white-space: normal;
}

.form-row h4 span{
display: block;

}


.breadcrumb-wrapper{
display: none;
}


.productgrouphead{
padding: 12px 0 12px 0px;
}

#headerimg.start{
height: 115px;
max-height: 115px;
min-height: 115px;
}

#headerimg {
height: 60px;
max-height: 60px;
min-height: 60px;
}

#toTop{
bottom: 15px;
}


.loginmask label {
display: block;
}
.groupthumb{
width: 120px;
height: 120px;
min-width: 120px;
min-height: 120px;

}

aside .groupinfo p.pdflink a{
line-height: 100%;
}


.header-infobox{
display: none;
}

.footercontent .col-md-4:nth-child(1){
position: initial;
}

.socialmedia{
position: absolute;
bottom: 0px;
margin-bottom: 0px;
}


.footer-about{
margin-bottom: 20px;
}

.bottom-line .copyright > span{
padding-left:0px;
}

.newsletter label{
width: 100%;
}

.newsletter .newsletterinput{
margin-left: 0px;
width: 70%;
}

.pagefilternav{
max-width: 96%;
}

.listoption.no-padding, .listtype.no-padding, .listsortoption.no-padding{
padding-left: 15px !important;
padding-right: 15px !important;
}

.block-back-box{
padding: 25px;
}

.grid span.article-number{
display: inline;
}


.productgroupimg {
margin: 0px 0px;
}


.searchbox {
min-height: 150px;
}


.flexlist .table{
width: 100%;
min-width: 100%;
}


/* warenkorb liste und Detail */



.container.cartoverview{
padding-left: 0 !important;
padding-right: 0 !important;
}


.registered .matrixColumn, .registered .matrixYColumn, .varianten-details .registered .matrixColumn, .varianten-details .registered .matrixYColumn{
display: inline;
width: 100%;

}

.matrixColumn input, .varianten-details .matrixColumn input{
width: 100%!important;
}

.matrixRow, .varianten-details .matrixRow{
width: 100%;
padding-bottom: 10px;
}

.varianten td, .varianten td span, .varianten td small, .grid small, .grid span{
width: 100%;
text-align: left;
display: inline-block;
}

.grid span span{
display: inline;
}

.matrixColumn .input-small.cartAmount, .matrixColumn .cartButtonWrapper .input-small.cartAmount, .input-small.cartAmount, .cartButtonWrapper .input-small.cartAmount, .variants-detail .matrixColumn .cartButtonWrapper .input-small.cartAmount{
width:100%;
max-width: 100%;
min-width: 100%;
float: none;
}



.variants-detail .price-row{
position: absolute;
width: 100%;
padding-top: 5px;
right: 0;
margin-top: -35px;
text-align: right;
}

.variants-detail .price-row span{
text-align: right;
}

.tooltip-btn .cartButtonWrapper .btn, .variants-detail .varianten td{
float: none;
width: 100%;
min-height: 1px;
}

.matrixColumn .cartButtonWrapper.tooltip-btn, .variants-detail .matrixColumn .cartButtonWrapper.tooltip-btn{
position: relative;
width: 100%;
min-width: 100%;
max-width: 100%;
float: none;
}


.ordered-products-box .btn-success{
width: 100%;
height: 25px;
padding: 2px 0px;
}

.variants-detail .varianten.registered{
max-width: 50%;
width: 50%;
float: right;
}

.variants-detail .varianten.registered .price-row {
left: -15%;
}




/* Bestellvogang und Daten */

.checkbox label{
padding-left: 0px;
}

.checkbox label span{
display: inline-block;
width: 100%;
}


.table-outer-wrapper{
overflow-x: scroll;
width: 100%;
display: block;
margin-bottom: 1em;

}

.forwardingExpenses label {
  flex-wrap: wrap;
}

.forwardingExpenses label input[type="radio"], .forwardingExpenses label input[type="radio"]:focus, .forwardingExpenses label input[type="radio"]:active, .forwardingExpenses label > input{
margin-right: 0px;
}

}



/* Smartphone Anpassung*/ 

@media (max-width: 600px) {
.payment-accept{
position: absolute;
bottom: 100px;
}
.footer-about{
margin-bottom: 285px;
}

.variants-detail .varianten.registered{
max-width: 100%;
width: 100%;
}
.contact-data li span, .contact-data li strong{
width: 100%;
}

.mediawrapper, .crosssellwrapper{
margin-left: 0px;
}


table.quickcart td span{
display: none;
}

.form-section .form-row > div[class*="col-"] {
padding-left: 0;
width: 100%;
display: inline-block;
}


.flexlist .table{
width: 100%;
min-width: 100%;
}

}




/* Tablet quer Anpassung*/ 

@media (max-width: 1065px) {
.logo {
margin-right: 85px;
max-width: 210px;
}

.isregistered .logo {
margin-right: 20px;
}


.search-header.isregistered {
margin-left: 14px;
}

.search-header.fixed, .search-header.isregistered.fixed, .search-header.fixed.notregistered {
margin-left: 170px;
}





.navbar .submenue-wrapper ul li {
width: 200px;
}


.navbar .submenue-wrapper ul.submenue1 li ul {
width: 260px;
margin-left: 200px;
}


.navbar .submenue-wrapper{
padding-left: 1em;
padding-right: 1em;

}


.header-infobox .infobox {
margin-bottom: 8px;
}


.header-infobox {
margin: 15px 0px 0px 0px;
}


aside .groupinfo p.pdflink a{
line-height: 100%;
padding-top: 8px;
}


}


@media (min-width: 480px) {
	
	.flexlist .table{
width: 100%;
min-width: 100%;
}
	
h1, .h1, h1 > a {
font-size: 36pt;
line-height: 1.2;
}
h2, .h2, h2 > a {
font-size: 28pt;
}
h3, .h3, h3 > a {
font-size: 24pt;
}
h4, .h4, h4 > a {
font-size: 20pt;
}
h5, .h5, h5 > a {
font-size: 16pt;
}
h6, .h6, h6 > a {
font-size: 14pt;
}
p, .btn, .form-control {
font-size: 12pt;
font-weight: 500;
}

label{
font-size: 12pt;	
}

.form-contro, .form-control:focus{
box-shadow: none;
border: solid 1px #5f6968;
}

.btn {
font-size: 12pt;
height: auto;
}
}