body {
font-family : Arial, Helvetica, Geneva, sans-serif;
color: #333;
margin: 0px;
font-size:14px;
}

.container{

}

/******   Standardwerte f?r Schrift - Links - Buttons *****/
p{
font-size: 14px;
font-family : Arial, Helvetica, Geneva, sans-serif;
}

span{
font-size: 14px;
font-family : Arial, Helvetica, Geneva, sans-serif;
}


h1{
font-size: 26px;
color: #003a78;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
}

h2{
font-size: 24px;
 color: #003a78;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
}

h3{
font-size: 20px;
 color: #003a78;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
}

h4{
font-size: 18px;
color: #003a78;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
}

h5{
font-size: 16px;
 color: #003a78;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
}


a{
font-size: 14px;
font-family : Arial, Helvetica, Geneva, sans-serif;
text-decoration: none;
color:#00509f ;
}

div.loginfooter a {
color:#00a13a;
display:inline;
}

/******Trenner Trennlinie*******/


.trenner {

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#trenner{

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#productdetailstrenner{
 clear: both;
}

hr{
color: #003a78;
border: thin solid #003a78;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;

}

/******   Buttons *****/

button{
font-size: 14px;
color: #fff;
cursor: pointer;
border: none;
border-radius: 5px;
background-color: #003a78;
padding: 5px 20px 5px 20px;
margin: 10px 0px 10px 0px;
font-family : Arial, Helvetica, Geneva, sans-serif;
min-width: 235px;
}

button:hover {
    background-color:  #00305F;
}

a.button{
font-size: 14px;
color: #fff;
cursor: pointer;
border: none;
border-radius: 5px;
background-color: #003a78;
padding: 5px 0px 5px 0px;
margin: 10px 0px 10px 0px;
font-family : Arial, Helvetica, Geneva, sans-serif;
width: 235px;
display: inline-block;
}

a.button:hover {
    background-color:  #00305F;
}


.button{
font-size: 14px;
color: #fff!important;
cursor: pointer;
border: none;
border-radius: 5px;
background-color: #003a78;
padding: 5px 0px 5px 0px;
margin: 10px 0px 10px 0px;
font-family : Arial, Helvetica, Geneva, sans-serif;
width: 235px;
text-align: center;
}
.button a{
 color:#ffffff!important;
}

.button:hover {
    background-color:  #00305F;
}

#formbutton{
    margin: 0px 20px 0px 0px;
}

#searchboxbutton {
float:right;
background-image: url("img/Lupe.png");
background-repeat: no-repeat;
background-position: 5px 1px;
background-color: transparent;
border: 3px solid #ffffff;
height: 30px;
min-width: 35px;
padding: 0px 0px 0px 0px;
margin: 10px 8px 0px 0px;
cursor: pointer;
outline: none;

}

.buttonverwenden{
    background-color: #00a13a;
}

.buttonverwenden:hover{
    background-color: #00AD40;
}

#budget{

background-color: #fff;
border-radius: 5px;
padding: 13px 50px 13px 10px;
margin :30px 38px 22px 20px;
outline: none;
height: auto;
width: auto;
text-align: center;

}

.table-head{
    display: table-cell;
    width: 150px;
    background-color: #003a78;
    color:#fff;
    padding: 5px 10px 5px 10px;
}

.table-cell{
	text-align: center;
    display: table-cell;
    background-color: #bfc3c6;
    padding: 5px 10px 5px 10px;
}

.savedcartbuttonback{
	float: left;
}

a.savedcartbuttons{
	width: 297px;
}

.savedcartbutton {
float:right;
background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
padding: 13px 10px 13px 10px;
margin :20px 20px 0px 0px;
cursor: pointer;
outline: none;
height: auto;
width: auto;
text-align: center;
}

.savedcartbutton:hover {
border: thin solid #00305f;
}

div.load_cart_form {

    background-color : #eee;
    padding : 20px 20px 20px;
    margin : 50px 0 50px;
    width : 400px;
}

div.load_cart_form input {

    font-size : 16px;
    padding : 5px 5px 5px;
    width : 390px;
    margin : 10px 0 20px;
}

.kontomenubutton {
float:right;
background-image: url("img/Mein_Konto_Mann_schwaecher.png");
background-size:20px ;
background-repeat: no-repeat;
background-position: 90px 10px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
padding: 13px 50px 13px 10px;
margin :20px 20px 0px 0px;
cursor: pointer;
outline: none;
height: auto;
width: auto;
text-align: center;
}

.kontomenubutton:hover {

border: thin solid #00305f;
}


.detailsbutton{
font-size: 14px;
color: #fff;
padding: 5px;
margin: 5px;
cursor: pointer;
border: 1px solid #003a78;
border-radius: 5px;
background-color: #003a78;
padding: 5px 50px 5px 50px;
margin: 0px 0px 0px 0px;
}

.detailsbutton:hover{
   background-color: #00305f;
}

.buttontext{
color:#000;
}


#buttonback{
    background-color: #00a13a;
}

#buttonback:hover {
    background-color:  #00AD40;
}

#errormessagewrap{
   margin-right: auto;
   margin-left: auto;
   max-width:1200px;
}

#infomessagewrap{
    margin-right: auto;
   margin-left: auto;
   max-width:1200px;
}

div.cartpopup {
	display : none;
	position : fixed;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	margin : 0;
	padding : 0;
	background-color : rgba(0, 0, 0, 0.5);
	z-index : 2000;
}

div.cartpopup div.cartpopupbox {
	background-color: #fff;
    border: 3px solid #fff;
    height: 160px;
    left: 49%;
    margin-left: -125px;
    margin-top: -60px;
    position: fixed;
    top: 50%;
    width: 474px;
}

@media all and (max-width: 879px)
{
    div.cartpopup div.cartpopupbox {
		
		left: 36%;
	}
}

@media all and (max-width: 567px)
{
    div.cartpopup div.cartpopupbox {
		
		width: 284px;
		height: 210px;
	}
}


.cartpopupbox > p {
    font-size: 1.6em;
    padding: 10px;
}

/*********  Formulare  *****/

.form-control{

width:270px;
background-color: #fff;
background-image: none;
border: 1px solid #003a78;
border-radius: 5px;
color: #666;
font-size: 13px;
padding: 10px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
outline: none;

}

.form-control:hover,
.form-control:focus {
border-color: #003a78;
border-style: solid;
}

.form-horizontal{

}
.form-group span{

 color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: right;

}

.form-group span.voluntary {
	
	font-weight : normal;
	font-size : 12px;
}

.form-group span.mandatory {
	
	font-weight : normal;
}

.form-group{
display:flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;
margin: 25px 0px 15px 0px;
}

.form-group label{
    width: 300px;
    margin-top:10px;
}

.form-group label.invoice-delivery-address
{
	width : 700px;
	margin : 2px 0 0 10px;
}

.form-control option{

}

p.mandatory-info {
	
	margin : 50px 0 50px;
}

.buttonreihe{

float: left;
margin: 10px 0 30px 0;
width: 100%;
}

.buttonlinks{
position: relative;

}

.buttonrechts{
position: relative;

}



#orderdeliverytable span,
#orderinvoicetable span,
#budgettable span,
.orderhistorydetails span,
.orderhistorydetailsitems span,
.advanceorderitems span,
.orderhistorytotal span {
color: #666;
 font-size: 15px;
 padding: 17px 0 0 0;
 text-align: left;
 display: block;
 width: 140px;
 float:left;

}

#orderdeliverytable p,
#orderinvoicetable p,
#budgettable p,
.orderhistorydetails p,
.orderhistorydetailsitems p,
.advanceorderitems p,
.orderhistorytotal p{
border:thin solid #003a78;
border-radius: 5px;
padding: 10px 10px 12px 12px;
margin:  5px 0px 20px 0px;
width: 300px;
height: 100%;
min-height: 17px;
display: inline-block;
}

#orderdeliverytable p,
#orderinvoicetable p
{
    border : 0 solid transparent;
    margin : 5px 0 0 0;
}

/******   Cookie Box  *****/

div.cookie-info
{
	padding : 10px 0px 10px 0px;
	border:none;
	background-color: #000000;
	color:#fff;
	margin: 0px 0px 0px 0px;
}

div.cookie-info-container
{
	max-width : 1280px;
	margin : 0 auto;
	position : relative;
}

div.cookie-info div.text
{
	padding: 0 100px 0 30px;
}

div.cookie-info a.confirm-button
{
	position : absolute;
	top : 0;
	right : 30px;
	bottom : 0;
	margin : auto 0 auto;
	height : 20px;
	display : block;
	background-color : #003a78;
	padding : 2px 10px;
    border:thin solid #fff;
    border-radius : 3px;
    color:#fff;

}

.text a:first-child{
    color: #00a13a;
    font-weight: 800;
}


/******   Layout Header  *****/

header {

background: #ffffff;
height: auto;

}

#headeroben{

}

#headerobenwrap{
height: auto;
max-width: 90%;
margin: 0 auto 
}

#headerlogo{


margin : 16px 0px 16px 0px;
padding: 0px 0px 0px 0px;


}

#logoimg{

max-height: 48px;
 margin: 0px 0 0 0;
}

#headertitel, #headertext1, #headertext2{
background: transparent;
color:#fff;
margin : -53px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
position : relative;
}

#headertitel span {
    
    position : absolute;
    top : -5px;
    right : 0;
    color : #01509f;
    font-size : 26px;
    font-weight : bold;
    transform-origin : right center;
    transform : scaleX(1.11);
    white-space : nowrap;  
}

#headertext1 {
margin : auto 0px auto 40px;
}

#headertitel {

}

#headertext1 img{

}

#headertext2 img{

}
#headerimg1 {

}

#headerimg2 {

}
#headersprache{
display: block;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;


}

#headersprache form{
display: inline;
margin: 36px 5px 0px 5px;
float: right;
}



#headerunten{
background: #bfc3c6;
height: 100px;
max-width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position : relative;

}

#headerwrap{

margin-left: auto;
margin-right: auto;
max-width: 90%;

}

#headersearchbox {

margin : 20px 0px 0px 0px;
padding: 2px 0px 2px 0px;
background-color: #fff;
border-radius: 5px;
max-width: 380px;

border: 1px solid #fff;
float: left;
}


#headersearchbox:hover,
#headersearchbox:focus {
border: 1px solid #003a78;
border-radius: 5px;


}

.searchbox {


}

.eingabesuche {
background-color: #fff;
background-image: none;
border: 10px solid #fff;
border-radius: 5px;
color: #000;
display: block;
font-size: 14px;
padding: 1px 0px 0px 0px;
width: auto;




}
/*
.eingabesuche:hover,
.eingabesuche:focus {
border: 1px solid #003a78;
padding: 14px

}
*/
.eingabesuche::placeholder
{
color : #003a78;
opacity : 1;
}

.eingabesuche::-webkit-input-placeholder
{
color : #003a78;
opacity : 1;
}

.eingabesuche::-moz-placeholder
{
color : #003a78;
opacity : 1;
}

.eingabesuche:-ms-input-placeholder
{
color : #003a78;
opacity : 1;
}

.eingabesuche:-moz-placeholder
{
color : #003a78;
opacity : 1;
}




/****** MEIN KONTO  ******/
#meinkonto{

}

.meinkonto {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
float: right;
}

.meinkonto > a {
background-color: #000000;
background-image: url("img/Mein_Konto_Mann_schwaecher.png");
background-position: 9px 10px;
background-repeat: no-repeat;
border-radius: 5px;
color: #003a78;
padding: 10px 15px 10px 40px;
}
.meinkonto > a:hover {
background-color: #000;
background-image: url("img/Mein_Konto_Mann.png");
background-position: 9px 10px;
background-repeat: no-repeat;
}

.kontomenu ul{
display:none;
}

.kontomenu > a {
display: block;
padding: 0px 0px 1px 0px;
}

.meinkonto > ul {
list-style: outside none none;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
}

.kontomenu > ul {
background: #fff none repeat scroll 0 0;
border: thin solid #003a78;
list-style: outside none none;
position: absolute;
padding: 0px 1px 0px 0px;
margin: 70px 0px 0px 0px;
width: 169px;
}





.kontosubmenu {
border-bottom: 1px solid #bebebe;
padding: 10px;
}

.kontosubmenu a {
display: block;
padding: 0 10px;
font-size: 12px;
transition: background 0.4s ease 0s;

}

.kontosubmenu a:hover {
background-image: url("img/arrow-right.png");
background-position: 0px 0px;
background-repeat: no-repeat;
padding-left: 24px;
}



.kontosubmenu button:hover {
background-image: url("img/arrow-right.png");
background-position: 0px 0px;
background-repeat: no-repeat;
padding-left: 24px;
}



.kontomenu:hover ul {
display:none;
z-index:500;
}





.kontosubmenu form.logout button {
border-width: 0;
cursor: pointer;
display: block;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size: 15px;
margin : 0;
padding : 0 0 0 23px;
background-color: transparent;
color: #ee7800;
transition: background 0.4s ease 0s;
}



#headerservice {
float:right;


}

.servicebutton
{
margin : 20px 15px 0px 15px;
padding : 12.5px 0px 12.5px 0px;
display : inline-block;
background-color : #fff;
border:1px solid #fff;
border-radius : 5px;
font-size : 16px;
cursor : pointer;
text-align: center;
min-width: 113px;
}

.servicebutton a
{
color : #003a78;
}

.servicebutton:hover
{
border:1px solid #003a78;

}

.servicebutton:hover a
{

}

div#servicebox h2
{
margin: 0px 0px 0px 0px;
padding :0px 0px 0px 0px;
}



.headerbox{
float: left;
padding: 0px;
margin: 0px;
background: transparent;
position: relative;

}

div.budget {

	position : absolute;
	border-radius : 3px;
	background-color : #fff;
	right : 360px;
	top : 33px;
	min-width : 160px;
	padding : 10px 0 7px;
	text-align : center;
	font-size : 14px;
	color : #003a78;
}

#warenkorbminiwrap{

padding:0px 0px 0px 0px;
margin: 0px 20px 0px 0px;
background: transparent;
float: right;
}

#warenkorbminianzahl{
float: left;
background-color: #fff;
color: #003a78;
 border: solid #ffffff 4px;
text-align: center;
width: auto;
font-size: 14px;
padding: 10px 10px 10px 10px;
margin: 21px 0px 0px 0px;
border-radius: 5px 0px 0px 5px;
}

#warenkorbminibag{
background-color: transparent;
float: left;
width: auto;
padding-left: 0px;

}

#warenkorbminibag img{
max-width: 100%;
margin: 0px 0px 0px 0px;

}

#warenkorbminisumme{
float: left;
background-color: #fff;
color: #003a78;
border: solid #ffffff 4px;
text-align: center;
width: auto;
font-size: 14px;
margin: 21px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-radius: 0px 5px 5px 0px;
}



/******   Layout Navigation *****/

.flexnav{
display: none;
}

nav{
height: 50px;
background-color: #ffffff;

margin: auto auto;

/*
padding: 0% 8% 0% 8%;
*/
}

.topnavigation{
margin: 10px auto 10px auto;
padding: 0 10px 0 10px;
max-width: 100%;
box-shadow:0 0 10px 2px #bfc3c6;
}

.topmenuwrap {

height: 46px;
max-width: 1200px;
margin: 3px auto 0px auto;
}

.topmenu {
margin: auto;

}

.topmenu2wrap {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #efeded none repeat scroll 0 0;
border-color: #bebebe;
border-image: none;
border-style: solid;
border-width: 0 1px 1px;
position: absolute;
z-index: 100;
margin-top: 0;
border-bottom:none;
}
.topmenurechts {
float:right;

}

.topmenurechts a{
color:#000;
padding: 14px 7px;
font-weight: bold;
text-decoration: none;
display:inline-block;
text-align:center;
transition: background 0.4s ease 0s;
}

.topmenulinks  {
font-size:14px;
position:absolute;
color: #00749c;
}

.topmenulinks ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
white-space: nowrap;
}

.topmenulinks li.topmenu1 {
display:inline-block;
}


.topmenu1 ul{
display:none;
}

.topmenu1 a{
background-color:#FFF;
color: #003a78;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:14px 7px;
border-collapse:collapse;
margin:0;
display:inline-block;
transition: background 0.4s ease 0s;
}

.topmenu1 a:hover{



}

.topmenu1 li:first-child{
padding-left:0px
}

.submenu1 a{

border-collapse:collapse;
color:#000000;
font-weight:bold;
text-decoration:none;
margin:0;
text-align: left;

background: #efeded none repeat scroll 0 0;
}



.submenu1 a{
font-size:14px;
position:relative;
clear:both; /* special IE6 */
transition: background 0.4s ease 0s;
padding-left: 24px;

}

.submenu1 a:hover{
background-image: url("img/arrow-right.png");
background-position: 2px 14px;
background-repeat: no-repeat;
padding-left: 24px;
}



.submenu1 {
background: #efeded none repeat scroll 0 0;
border-bottom: 1px solid #d9eae1;
display: block;
}
.topmenulinks a:hover, .topmenu1.on a {
color: #00509f ;

}

.topmenu1:hover ul {
display:block;
z-index:500;
}

.submenu2 a:hover{
background-image: url("img/arrow-right.png");
background-position: 24px 14px;
background-repeat: no-repeat;
padding-left: 44px;
}



.submenu2 {
background: #efeded none repeat scroll 0 0;
border-bottom: 1px solid #d9eae1;
display: block;
}

.submenu2 a{

border-collapse:collapse;
color:#000000;
font-weight:bold;
text-decoration:none;
margin:0;
text-align: left;
font-size:14px;
position:relative;
clear:both; /* special IE6 */
transition: background 0.4s ease 0s;
padding-left: 44px;

background: #efeded none repeat scroll 0 0;
}



/*

.flexnav{
display: none;
}

nav{
height: 50px;
background-color: #ffffff;
margin: auto auto;
}


.topnavigation{
margin: 5px auto 0px auto;
padding: 0 10px 0 10px;
max-width: 100%;
box-shadow:0 0 10px 2px #bfc3c6;
}

.topmenuwrap {

height: 46px;
max-width: 90%;
margin: 3px auto 0px auto;
}

.topmenu {
margin: auto;

}

.topmenulinks  {
font-size:14px;
position:absolute;
color: #003a78;
}



#navigation{
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
white-space: nowrap;
}

.topmenulinks ul {

}

.topmenu1wrap{

}

.topmenulinks li.topmenu1 {
display:inline-grid;
}

.topmenu1 li:first-child{
padding-left:0px
}




.topmenu1 ul{
display:none;
}

.topmenu1 a{
background-color:#FFF;
color: #003a78;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:14px 7px;
border-collapse:collapse;
margin:0;
display:inline-grid;
transition: background 0.4s ease 0s;
}

.topmenu1 a:hover{

background: #00509f none repeat scroll 0 0;
color: #fff;
}

.topmenulinks a:hover, .topmenu1.on a {
color: #ffffff;

}

.topmenu1:hover ul {
display:block;
z-index:500;
}

 .topmenu2wrap {

background: #bfc3c6;

}


.submenu1 {
background: #bfc3c6 none repeat scroll 0 0;
border-bottom: 1px solid #d9eae1;
display: block;
}




.submenu1 a{
position:relative;
background: #bfc3c6;
transition: background 0.4s ease 0s;
border-bottom: 1px solid #bebebe;
border-collapse:collapse;

padding: 0 0 0 24px;
margin:0 0 0 0;



color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align: left;

clear:both;
}

.submenu1 a:hover{
background-image: url("img/arrow-right.png");
background-position: 2px 16px;
background-repeat: no-repeat;
padding-left: 24px;
}






 */

/************************** Burger Menu *******************/

div.layout
{
margin: 10px auto;
padding: 10px 25px;
width: 1230px;
}

div.message {
padding : 20px 100px 20px 20px;
width: auto;
box-shadow: 0 0 10px -3px #555;
position: relative;
}

div.message.error {
border : 0px solid red;
}

div.message.info {
border : 0px solid blue;
background: #bfc3c6 none repeat scroll 0 0;
border-radius: 5px;
margin: 20px 10px 10px 10px;
}

div.message button.closebutton
{
position: absolute;
top : 0;
bottom : 0;
right : 20px;
background-color: #00a13a;
border: 0 none;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-weight: bold;
height: 29px;
margin : auto 0 auto;
min-width: 0px;
}

div.message button.closebutton:hover {
background-color: #00AD40;
}









/******   Layout Content *****/



section{
position: relative;
max-width: 100%;
min-height: 150px;
margin-left: auto;
margin-right: auto;
background: transparent;
padding: 1% 0% 0% 0%;
z-index: 30;
/*
box-shadow:0px -3px 3px #aaa;
background-image: linear-gradient( to bottom, #E5EEF6, #00509f );
*/
}

#sectionwrap{
position: relative;
max-width: 90%;
background: #ffffff;
padding: 20px 20px 100px 30px;
margin: 0px auto 20px auto;
/*
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
*/
}
.bx-wrapper .bx-viewport{
width: 100% !important;
height: auto !important;


}

.bx-wrapper img{
width: 100%
}




/******   Layout Spacer *****/


#spacer{
position: relative;
max-width: 100%;
height: 230px;
top:-150px;
margin: 10px auto 0px auto;
background: #003a78;
z-index: 20;
/* background-image:linear-gradient( to top, #00509f, #ffffff ); */
}



/******   Layout Footer *****/

footer{
position: relative;
background: #7e8285;
max-width: 100%;
padding: 20px 0 0 0;
margin: 0 0 0;
}

footer a{
color:#fff;
padding: 15px;
font-weight: bold;
text-decoration: none;
}

#footerwrap{
margin-left: auto;
margin-right: auto;
max-width: 1192px;
}

#footerwrapuntencontainer {
	
	padding : 0 0 30px;
	background-color : #929699;
}

#footerwrapunten{
display: flex;
flex-direction: row;

display: -ms-flexbox;
-ms-flex-direction:row;

justify-content: space-between;
max-width: 1192px;
margin: 34px auto 20px auto;
padding: 20px 0 0;
}

#footerversand {
margin-left: auto;
margin-right: auto;
height: auto;
max-width: 1192px;
text-align: right;

}

#footerversand p {

color:#fff;

}
#footerversand img {
 margin: 0 0 0 30px;


}

.footerversand{
  text-align: right;
}

.footerversand h4{
  color: #fff;
}

.footerdienstleister{
  text-align: center;
}

.footerdienstleister h4{
  color: #fff;
  margin-bottom:0px
}

.footerdienstleisterimg {
    max-width:180px;
}

.footerpayment{


}

.footerpayment h4{
  color: #fff;
}

.footerpaymentimg{
    max-width:55px;

}
.footerversandimg{
    max-width:100px;

}
.footerpayment ul, .footerversand ul, .footerdienstleister ul{
    margin: 0 0 0 5px ;
    padding: 0 0 0 0;
}

.footerpayment li, .footerversand li, .footerdienstleister li{
    margin: 0 0 0 0 ;
    padding: 0 0 0 0;
    display: inline-block;
}

#footernav{
float:right;

}



#footertext{
float:left;
padding-right: 10px;
color:#fff;

}

#footertext span {
font-size: 12px;
}









/*****  login.tpl ******/
.loginwrap{


}

.loginleft{
padding: 0px 0px 0px 20px;
margin: 30px 0px 0px 0px;
width: 100%;
}

.loginright{

}

.loginrightwrap{

background-repeat: no-repeat;
background-position: 20px -135px;
background-size: 100%;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;

}

.loginheader{
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

.logintext{
width: 50%;
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
.logintext p{
font-size: 14px;

}

.logininfo{
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}


#loginform{
width: 50%;
text-align: right;
font-weight:800;
color:#003a78;
margin: 20px 20px 30px 0px;
padding: 0px 0px 0px 0px;
}

#loginbild{
float: right;
margin-right: 50px;
}

#loginimg{
width: 400px;
float: right;
}

.eingabe{
  height: auto;
  border-radius:5px;
  border:1px solid #003a78;
}

#loginpasswort{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
display:flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;
}

#loginpasswort label{
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : 400;
font-size: 26px ;
text-align: left;
min-width: 150px;
}

#loginpasswort input{
 width: 100%;
 padding: 0px 20px 0px 20px;
}


#loginbenutzer{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
display:flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;
}

#loginbenutzer label{
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : 400;
font-size: 26px ;
 text-align: left;
min-width: 150px;
}

#loginbenutzer input{
 width: 100%;
  padding: 0px 20px 0px 20px;
}


.loginfooter{

margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
width: 100%;
}
.loginfooter p{
font-size: 14px;
background-color: #fff;
width: 100%;
margin: 0 0 0 0px;
}

.loginfooter a{
font-size: 14px;
color: #c75714;
}


.loginbutton{
margin: 20px 0 0 0;
padding: 0 0 0 0;
}

.loginbutton button{
background-color: #00a13a;
}

.loginbutton button:hover{
background-color: #00AD40;
}

.registerbutton {
	
	font-weight : normal;
	float : left;
}

.loginguestbutton {
	
}

.loginpasswort{
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

form.hidden {
	
	display : none;
}

/*****  overview.tpl ******/

div.overviewpage h2
{
margin : 0 0 0;
padding : 0;
}

div.overviewpage .products
{
margin : 40px 0 20px 0;
padding : 0;
}

.teasers{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.teasers a
{
float : left;
margin : 0;
padding : 0;
}

.teasers img
{
margin : 0 auto 0 auto;
max-height: auto;
width: 1200px;
}

.bx-wrapper .bx-viewport{

}


div.productbox
{

border: 1px solid #d0d0d0;
width : 256px;
height : 435px;
margin : 0px 20px 20px 0px;
padding : 10px;
position : relative;
}

.productbox.lineend {

}

div.productbox div.imageboxwrap {
display : table;
width : 100%;
}

div.productbox div.imagebox {
text-align : center;
height : 250px;
display : table-cell;
vertical-align : middle;
}

div.productbox h2 {
margin : 0 0 10px;
text-align: center;
padding : 0;
height : auto;
}

div.productbox .productpreis {
text-align: center;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
}

div.productbox .productpreis .pricetaxinfo {
	
	display : block;
	font-size : 12px;
	margin : 6px 0 4px; 
}

div.productbox .productname {
height : 90px;
}

div.productbox .productname a {
color: #313131;
}

div.productbox .productname h3 {
text-align: center;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
margin : 0;
padding : 0;
min-height : 20px;
}

div.productbox .productname p.rentalproduct {
text-align : center;
font-size : 12px;
font-style : italic;
}

div.productbox .productdetails {
padding: 0px 0px 0px 0px;
margin: 22px auto 0px auto;
text-align: center;
}

div.productbox span.reducedprice {
color : #f00;
padding-left : 6px;
font-size : 12px;
}

div.productbox span.originalprice {
text-decoration: line-through;
font-size : 12px;
}

div.productbox div.imageboxwrap {
display : table;
width : 100%;
}

div.productbox div.imagebox {
text-align : center;
height : 250px;
display : table-cell;
vertical-align : middle;
}

div.productbox div.markersaledot:before {
	
	
}

div.productbox div.markersaledot{
	
	position : absolute;
	top : 10px;
	right : 10px;
	width: 65px;
	height: 65px;
	background-image: url(img/Sale.png);
	background-size: 65px;
  	background-repeat: no-repeat;
}

div.product-details-images div.markersaledot{
	position : relative;
	top : 10px;
	left: 258px;
	width: 65px;
	height: 65px;
	background-image: url(img/Sale.png);
	background-size: 65px;
  	background-repeat: no-repeat;
}





div.productbox .productname {
height : 90px;
}

div.productbox .productname a {
color: #313131;
}

div.productbox .productname h3 {
text-align: center;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
margin : 0;
padding : 0;
min-height : 20px;
}

div.productbox .productname p.rentalproduct {
text-align : center;
font-size : 12px;
font-style : italic;
}

div.clear
{
clear : both;
}

#overviewcontentwrapper {
    
}

#overviewcontentcontainer {
 height: 100%;
 width: 100%;
 margin: 0 auto;
}

#overviewcontent  {
margin: 0 0 20px 0;    
}

#overviewlogos{
display:flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;

justify-content: center;
 margin: 40px 0 0 0 ;
 
 flex-wrap: wrap;

}

#overviewlogos form{

}

#overviewlogoimg{
max-height: 150px;
max-width: 150px;

}

.overviewlogobox{
width: 148px;
height: 35px;
float: left;
background-repeat: no-repeat;
margin: 10px 4% 0px 0px;
background-size: contain;
background-position: bottom;


}

#epsofamily{
background-image: url(/css/img/epsoFamily_Logo_Gray.png);
width: 180px;
height: 58px;
background-size: contain;
background-repeat: no-repeat;
}

#epsofamily:hover{
background-image: url(/css/img/epsoFamily_Logo_Farbe.png);
}

#solufamily{
background-image: url(/css/img/soluFamily_Logo_Gray.png);
width: 180px;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
}

#solufamily:hover{
background-image: url(/css/img/soluFamily_Logo_Farbe.png);
}


#estakieserit{
background-image: url(/css/img/ESTAKieserit_Logo_white-CMYK.png);
width: 180px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
}

#estakieserit:hover{
 background-image: url(/css/img/ESTAKieserit_Logo_CMYK.png);
}


#kornkali{
background-image: url(/css/img/KornKALI_Logo_white-CMYK.png);
width: 180px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
}

#kornkali:hover{
background-image: url(/css/img/KornKALI_Logo_CMYK.png);
}


#magnesiakainit{
background-image: url(/css/img/Magnesia-Kainit_Logo_white-CMYK.png);
width: 180px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
}

#magnesiakainit:hover{
 background-image: url(/css/img/Magnesia-Kainit_Logo_CMYK.png);
}

#patentkali{
background-image: url(/css/img/PatentKALI_Logo_white-CMYK.png);
width: 180px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
}

#patentkali:hover{
 background-image: url(/css/img/PatentKALI_Logo_CMYK.png);
}


div.mainlogocontainer {
	
	display : flex;
	margin : 30px 0 20px;
	justify-content : center;
	align-items : center;
}

div.mainlogocontainer div.mainlogo {
	
	margin : 0 30px 0;
	width : 150px;
	height : 100px;
	background-position : center;
	background-size : contain;
	background-repeat : no-repeat;
	position : relative;
}

div.mainlogocontainer div.mainlogo a {
	
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
}

div.mainlogocontainer div.mainlogo#mainlogo-ks {

	background-image: url(img/mainlogo-ks-gray.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-ks:hover {

	background-image: url(img/mainlogo-ks.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-saldoro {

	background-image: url(img/mainlogo-saldoro-gray.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-saldoro:hover {

	background-image: url(img/mainlogo-saldoro.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-salinas {

	background-image: url(img/mainlogo-salinas-gray.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-salinas:hover {

	background-image: url(img/mainlogo-salinas.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-solsel {

	background-image: url(img/mainlogo-solsel-gray.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-solsel:hover {

	background-image: url(img/mainlogo-solsel.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-dsd {

	background-image: url(img/mainlogo-dsd-gray.png);
}

div.mainlogocontainer div.mainlogo#mainlogo-dsd:hover {

	background-image: url(img/mainlogo-dsd.png);
}


/********* account.tpl *******/
.accountwrap{
display: flex;
flex-direction:column;

display: -ms-flexbox;
-ms-flex-direction:column;
}

.payment_type{
width:auto;
background-color: #fff;
background-image: none;
border: 1px solid #003a78;
border-radius: 5px;
color: #666;
font-size: 13px;
padding: 10px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
outline: none;
}



/******** all_products.tpl ***************/
.kategorieueberschrift {
float: right;
width: 100%;
margin-top:30px;
}

.productlistfoot{
    float: right;
    margin: 10px 0 0px 0;
}

.productlist{
 display: flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;

flex-direction:row;
flex-wrap:wrap;
justify-content:left;


}



.filtername {
float: left;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
color: #003a78;
}





.pagesizewrap {
background: #bfc3c6 none repeat scroll 0 0;
border: 1px solid #522452;
border-radius: 5px;
float: left;
width: 276px;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
cursor: pointer;
}


.pagesizemenu > ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #bfc3c6 none repeat scroll 0 0;
border-color: #522452 #522452;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
list-style: outside none none;
margin: 0px 0px 0px -1px;
padding: 0px 0px 0px 0px;
position: absolute;
width: 276px;
border-radius: 0px 0px 5px 5px;

}

.pagesize > ul {
list-style: outside none none;
padding-left: 0;
}

.pagesizemenu  ul{
display:none;
}

.pagesizemenu :hover ul {
display:block;
z-index:500;
}

.pagesizemenu:hover ul {
display:block;
z-index:500;
}


.pagesizemenu a {
display: block;
padding-right: 34px;
text-align: left;
}

.pagesize > ul {
list-style: outside none none;
padding-left: 0;
}

.pagesizemenu li:hover {
background-color: #A9C7E2;
}

.pagesizemenu a {
display: block;
padding: 10px 19px;
}


.pricefilterwrap {
background: #bfc3c6 none repeat scroll 0 0;
border: 1px solid #522452;
border-radius: 5px;
float: left;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
width: 276px;
cursor: pointer;
}

.pricefilter {
font-weight: 400;
}

.pricefilter > ul {
list-style: outside none none;
padding-left: 0;
}

.pricefiltermenu ul{
display:none;
}

.pricefiltermenu:hover ul {
display:block;
z-index:500;
}

.pricefiltermenu > ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #bfc3c6 none repeat scroll 0 0;
border-color: #522452 #522452;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
list-style: outside none none;
margin-left: -1px;
padding-left: 0;
padding-top: 10px;
position: absolute;
width: 276px;
border-radius: 0px 0px 5px 5px;

}

.pricefiltermenu a {
display: block;
padding: 10px 22px;
}



.pricefiltermenu li:hover {
background-color: #A9C7E2;
}


.pricefilter .hidden {
margin: 0;
}


.brandfilterwrap{
background: #bfc3c6 none repeat scroll 0 0;
border: 1px solid #522452;
border-radius: 5px;
float: left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width: 240px;
cursor: pointer;
}


.brandfilter {
font-weight: 400;
}

.brandfilter > ul {
list-style: outside none none;
padding-left: 0;
}

.brandfiltermenu ul{
display:none;
}

.brandfiltermenu:hover ul {
display:block;
z-index:500;
}

.brandfiltermenu > ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #bfc3c6 none repeat scroll 0 0;
border-color: #522452 #522452;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
list-style: outside none none;
margin-left: -1px;
padding-left: 0;
padding-top: 10px;
position: absolute;
width: 200px;
border-radius: 0px 0px 5px 5px;

}

.brandfiltermenu a {
display: block;
padding: 10px 22px;
}



.brandfiltermenu li:hover {
background-color: #A9C7E2;
}

.pricefilterdel a,
.brandfilterdel a,
.itemfilterdel a{
background-color: transparent;
text-align: left;
font-size: 14px;
color: #fff;
cursor: pointer;
border: none;
border-radius: 5px;
padding: 5px 20px 5px 20px;
margin: 10px 0px 10px 0px;
font-family: Arial, Helvetica, Geneva, sans-serif;
min-width: 235px;
}

.pricefilterdel{
  padding: 15px 0 0 0;
}

.brandfilterdel{
  padding: 15px 0 0 0;
}

.itemfilterdel{
  padding: 15px 0 0 0;
}


/***********Product_details.tpl***********/

.productdetailswrap{
   display: flex;
flex-direction:row;
display: -ms-flexbox;
-ms-flex-direction:row;
}

.productdetailstext{
 margin: 0 0 20px 0;
}
.productdetailstext,.productdetailsdescription h5{
 margin: 0px;
 font-size: 14px;
 margin-block-start: 0px;
 margin-block-end: 0px;
}

.productdetailsdescription h4{
 margin: 0px;
  margin-block-start: 0px;
 margin-block-end: 0px;
   border-bottom: 2px solid #706F6F;
}

.productdetailstext,.productdetailsdescription h3{
 margin: 0px;
 font-size: 14px;
 margin-block-start: 0px;
 margin-block-end: 0px;
}

.productdetailstext,.productdetailsdescription h2{
 margin: 0px;
  margin-block-start: 0px;
 margin-block-end: 0px;
}

.productdetailstext,.productdetailsdescription h1{
 margin: 0px;
  margin-block-start: 0px;
 margin-block-end: 0px;
}
.productdetailslinks{
float: left;
padding-right: 60px;
margin-bottom: 15px;
}

.productimagewrap {
border: 1px solid #c9c9c9;
height: auto;
width: 300px;
height: auto;
border-radius: 5px;
display : table;
margin-top: 27px
}

.vorbestellwrap{
 margin: 20px 0 20px 0;
}

.productimagewrap a, .productimagewrap span{
display : table-cell;
text-align : center;
vertical-align : middle;
}

.productimage{

}

img.productimage.small
{
	display:block;
	margin : 0 auto;
	max-width: 170px;
	max-height: 170px;
	width: auto;
	height: auto;
}

img.productimage.preview
{
max-width  : 100px;
max-height : 100px;
margin-top: 5px;
}



.previewimages{

}

.productdetailsmitte{
width:50%;
margin:  0 15% 0 auto ;
}

.productdetailsdescription{

}

.productdetailsspecialdescription{

}

.productattachments{

}

.productdetailstable{
padding: 5px 0 05px 0;
}

.productdetailstable h4{
 border-bottom: 2px solid #706F6F;
}

.productdetailstable span{

}

.productdetailstable p{
display: inline;
}



.productdetailspricebox{
padding: 5px 0 5px  0;
}

.productdetailspricebox div.product-price {
	
	display : inline;
}

.productdetailspricebox span{

}
.productdetailspricebox p{
display: inline;
}

.cartadd{

}
.selectvariant{

}

.floatselect{

}

.styled-select blue semi-square{

}

.detail_variant_code{

background-color: #fff;
background-image: none;
border: 1px solid #003a78;
border-radius: 5px;
color: #000;
font-size: 14px;
padding: 10px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
outline: none;
margin: 10px 0 10px 0 ;
}

.productdetailsmenge{
margin: 10px 0 60px 0;
}
.productdetailsmenge h3{
 display: inline-block;
 margin: 4px 0px 0px 20px;
}

.mengeeingabe{
width:48px;
background-color: #fff;
background-image: none;
border: 1px solid #003a78;
border-radius: 5px;
color: #666;
font-size: 14px;
padding: 5px 6px 5px 15px;

vertical-align: top;
outline: none;
}

.productdetailsinwarenkorb{
margin: 7px 0 7px 0;
}


.productdetailspreis{
margin-bottom:5px;
}

.productdetailsoriginalpreis{

}

.productdetailspreismarker .singleprice{

}

.productdetailspreis .singleprice{

}

.productdetailspreismarker{

}

.additionalitem{

}

.name{

}

.calculation_type{

}

.price{

}

.mengenmeldung{
 color:#a00;
}

.vorbestellwrap {


}

.vorbestellwrap table {

	border-collapse : collapse;
	margin : 10px 0 10px;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
}

.vorbestellwrap table th {

	border-bottom : 1px solid #888;
}

.vorbestellwrap table th,
.vorbestellwrap table td {

	font-size : 13px;
	padding : 4px 10px;
	text-align : center;
}

.date{

}

.quantity{

}

.childproduct{

}
.productdetails th{
text-align: left;
}

.reminderform{
    width: 80%;
    margin: 20px 0 0 0;
}

.groupproducts{
margin: 20px 0 20px  0;
}

.groupproductswrap{
  display: flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;

flex-wrap: wrap;
gap : 10px 10px;

}

.groupproduct{
    border: 1px solid #c9c9c9;
    border-radius:5px;
    margin:0 0 0 0px;
    padding: 10px;
    width: auto;
    text-align: center;
}

@media all and (max-width: 1199px)
{
    .groupproduct{

        width : 90px;
    }

	div.product-details-images div.markersaledot {
		
		left: 228px;
	  }
}

.relatedproducts {
margin: 20px 0 20px  0;
}

.relatedproductswrap{
    display: flex;
  flex-direction:row;
  
  display: -ms-flexbox;
  -ms-flex-direction:row;
  
  flex-wrap: wrap;
  gap : 10px 10px;
  
  }
  
  .relatedproduct{
    border: 1px solid #c9c9c9;
    border-radius:5px;
    margin:0 0 0 0;
    padding: 10px;
    width: 155px;
    text-align: center;
}

@media all and (max-width: 1199px)
{
    .relatedproduct{
        width: 130px;
    }
}


.mainprice {
	
	color : #003a78;
	font-weight : bold;
	margin : 20px 0 10px;
}

.mainprice span {
	
	font-size : 16px;
}

.mainprice p {
	
	font-size : 16px;
}

.mainprice span.reducedprice {
color : #f00;
padding-left : 6px;
}

.mainprice span.originalprice {
	padding-left : 6px;
	text-decoration: line-through;
}


.itemprice {
	
	color : #003a78;
}

.detailspricetaxinfo {
	
	font-size : 14px;
	margin : 10px 0 0;
}

/*********   cart.tpl  *******************/

.hidden{
background-color: transparent;
cursor: unset;
}

button.hidden {

	display : none;
}

.warenkorbwrap{
   margin-bottom: 40px;

}

.bagartikelname, .bagartikelust, .bagartikeleinzelpreis, .bagartikelgesamtpreis {
text-align: right;
}

.bagartikelname {
margin-left : 0px;
}

.bagartikelnummer
{
text-align : left;
font-size : 14px;
margin-left : 0px;
}

.cart input:not(.eingabesuche) {
width:auto;
background-color: #fff;
background-image: none;
border: 1px solid #003a78;
border-radius: 5px;
color: #666;
font-size: 13px;
padding: 10px 12px;
margin: 0 0 10px 0;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
text-align: center;
outline: none;
}

.cart th:first-child {
border-top-left-radius: 0px;
text-align: center;
}

.cart th:last-child {
border-top-right-radius: 0px;
padding-right: 10px;
}

table.cart col.productname
{
width : 40%;
}

table.cart col.quantity
{
width : 15%;
}

table.cart col.tax
{
width : 15%;
}

table.cart col.singleprice
{
width : 15%;
}

table.cart col.totalprice
{
width : 15%;
}

.warenkorbwrap th {
font-size: 16px;
background-color: #003a78;
border-bottom: 0 solid;
padding: 15px 5px !important;
color: #fff !important;
text-align: right;
}

.cart .bagimage {
float: left;
margin-right: 20px;
}


.cart .bagartikelname {
font-size: 16px;
font-weight: bold;
margin-top: 3px;
padding-bottom: 4px;
text-align: left;
}

.cart td.bagmenge,
.cart th.bagmenge {

text-align : center;
}

.rmBut {
color: red;
font-size: 20px !important;
font-weight: bold;
}


.cart td {
border-bottom: 1px solid #c5cbce;
font-size: 16px;
text-align: right;
}

.cart td:last-child {
border-right: 0 none;
padding-right: 15px;
}

.cartkasse {
border: 1px solid #003a78;
border-radius: 5px;
float: right;
margin-right: 25px;
margin-top: 20px;
width: 100px;
}



.cart th:last-child {
border-top-right-radius: 4px;
padding-right: 10px;
}


.bagartikeldel {
margin-left : 0px;
text-align: left;
}

.bagartikeldel > button {
display: flex;
background-color: transparent;
border: 0 none;
cursor: pointer;
float: left;
margin-top: 10px;
padding : 0;
}

.bagartikeldel > button .buttontext
{
position : relative;
top : 1px;
}

body.cart div.cartmailaddress {

	text-align : right;
	width : 400px;
	margin : 0 0 0 auto;
	background-color : #eee;
	padding : 10px 50px 20px;
}

body.cart div.cartmailaddress p {

	text-align : left;
}

body.cart div.cartmailaddress div.input {

	text-align : center;
}

body.cart div.cartmailaddress input {

	width : 300px;
	text-align : left;
}

body.cart div.cartmailaddress input::placeholder {

    color : #aaa;
}

.cartkassebutton {
width:100%;
padding-top: 20px;
text-align: right;


}

#bagartikelwrap {
    display:flex;
flex-direction:column;

display: -ms-flexbox;
-ms-flex-direction:column;
}


/**************  create_invoice_adress.tpl  *******/

.editadress{

}

.editadress select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 5px;
font-size: 1em;
width: 100%
}



.editadress .blue select    { color: #666; }

.editadress .semi-square {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.editadress .styled-select {
background: url(img/dropdown.png) no-repeat 99% 0;
overflow: hidden;
width: 281px;
height: 38px;
}

.editadress .styled-select select {
background: transparent;
border: none;
font-size: 14px;
padding: 5px 25px 5px 12px; /* If you add too much padding here, the options won't show in IE */
width: 281px;
border: 1px solid #257c4f;
border-radius: 5px;
height: 38px;
}

.editadress .styled-select option {
padding: 10px;

}

.editadress.register table.button
{
min-width : 560px;
}

.editadress.register th
{
width : 160px;
}

/************ edit_customer.tpl  *************/


.benutzerlinks{
padding:5px 5px 5px 20px;
margin:10px 0px 10px 0px;
width: 96%;
}

.benutzerrechts{

}

.klickbutton{

}

.greybackground{
background-color: #bfc3c6;
}


/**************  customer_reminders  ***************/

.customerreminder{


}

.removereminder{

}


/**************  delivery.adresses.tpl  ***************/

.deliveryline{

}


/**************  delivery.adresses.tpl  ***************/

.bestelldaten{

}

.adress{

}

.adressline{

}


/******************************  register.tpl *************/

#editadress{

}

#editinvoice{

}

#editdelivery{

}

#rechalsliefer{

}

#registerfooter{

}

/******************************** Order.tpl  *************************/

#bestelluebersicht{

}

.warenkorbwrap h4 {
margin-top : 20px;
}

.warenkorbwrap h4:first-of-type {
margin-top : 0;
}

.warenkorbwrap table {
border: 1px solid #c5cbce;
border-radius: 5px;
border-spacing: 0;
text-align: center;
width: 100%;
}

.cart{
margin-bottom:2%
}

.cart th:first-child {
border-top-left-radius: 0px;
text-align: center;
}

.cart th:last-child {
border-top-right-radius: 0px;
padding-right: 10px;
}

table.cart col.productname
{
width : 40%;
}

table.cart col.quantity
{
width : 15%;
}

table.cart col.tax
{
width : 15%;
}

table.cart col.singleprice
{
width : 15%;
}

table.cart col.totalprice
{
width : 15%;
}

.warenkorbwrap th {
font-size: 16px;
background-color: #003a78;
border-bottom: 0 solid;
padding: 15px 5px !important;
color: #fff !important;
text-align: right;
}


.warenkorbwrap.order td {
padding: 4px;
}


.cart .bagimage {
float: left;
margin-right: 20px;
}


.cart .bagartikelname {
font-size: 16px;
font-weight: bold;
margin-top: 3px;
padding-bottom: 4px;
text-align: left;
}

.cart td.bagmenge,
.cart th.bagmenge {

text-align : center;
}

.rmBut {
color: red;
font-size: 17px !important;
font-weight: bold;
margin-right: 2px;
}


.cart td {
border-bottom: 1px solid #c5cbce;
font-size: 14px;
text-align: right;
}

.cart td:last-child {
border-right: 0 none;
padding-right: 15px;
}

.cartkasse {
border: 1px solid #003a78;
border-radius: 5px;
float: right;
margin-right: 25px;
margin-top: 20px;
width: 100px;
}

.cartkasse a {
background-color: #003a78;
color: #fff;
display: block;
font-weight: 400;
height: 30px;
padding-top: 9px;
text-align: center;
}

.cartkasse a:hover {
background-color: #db5800;
}

.cart th:last-child {
border-top-right-radius: 0px;
padding-right: 10px;
}


span.discount-free-delivery
{
	color : #003a78;
	font-weight : bold;
}

p.discount-free-delivery
{
	color : #003a78;
    font-weight : bold;
}

#voucher{

}

.voucherinfo{
clear : both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 40px 0px 10px 0px;
}

div.voucherinfo input {

	margin-right : 10px;
}

div.voucherinfo input::placeholder {
	color : #bbb;
}

div.voucherinfo span.vouchercode {
margin : 0 20px 0 5px;
}

div.voucherinfo button.redeemvoucher {

	padding : 10.5px 0 10.5px;
	position : relative;
	top : 1px; 
}

.invoiceadress{
clear: both;
margin: 0px 60px 0px 20px;
}

#budgettable{
 margin: 0px 60px 0px 20px;
}

#orderbudget{
 margin: 0px 60px 0px 20px;
}


#cartedit{
float:right ;
}

#orderinvoicetable{
width: 100%;
}



#orderdeliverytable{
width: 100%;
}



.comment{
max-width: 70%;

background-color: #fff;
background-image: none;
border: 1px solid #003a78;
border-radius: 5px;
color: #666;
margin: 0 0 10px 0;
padding: 10px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
outline: none;
}

/*******************orderhistory  *******/

.orderhistory{

}

.orderhistory ul{
    list-style-type: none;
}

.orderhistory li {
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}

.orderhistory a{
text-decoration: underline;

}

.orderhistorydetails{
  display:flex;
flex-direction:column;

display: -ms-flexbox;
-ms-flex-direction:column;
}

.orderhistorydetailsitems{
    display:flex;
flex-direction:column;

display: -ms-flexbox;
-ms-flex-direction:column;
}

.advanceorderitems{
  display:flex;
flex-direction:column;

display: -ms-flexbox;
-ms-flex-direction:column;
}

.orderhistorytotal{
  display:flex;
flex-direction:column;

display: -ms-flexbox;
-ms-flex-direction:column;
}


/*******************edit_mail_adress.tpl  *******/

.mailaddressformgroup{

}

.mailaddressradio{
 margin: 0 30px 0 0;
}

.mailaddressinput{

}

#editmailadress{
     display:flex;
flex-direction:row;

display: -ms-flexbox;
-ms-flex-direction:row;
}


div.categoryimage {
	
	margin : 0 0 30px;
}

div.categoryimage img {
	
	display : block;
	width : 100%;
}

div.categorydescription {
	
	margin : 10px 0 40px;
}

div.productdetailstable div.selection-products {

    display : flex;
    flex-direction : column;
    row-gap : 5px;
    margin : 10px 0 10px;
}

div.productdetailstable div.selection-products div.selection-product {

    display : flex;
    column-gap : 10px;
    align-items : center;
    padding : 0 0 5px;
    border-bottom : 1px solid #aaa;
}

div.productdetailstable div.selection-products div.selection-product div.selection-product-quantity {

    width : 30px;
}

div.productdetailstable div.selection-products div.selection-product div.selection-product-image {

    width : 100px;
}

div.productdetailstable div.selection-products div.selection-product div.selection-product-code {

    width : 80px;
}

div.productdetailstable div.selection-products div.selection-product div.selection-product-name {

    flex-grow : 1;
}

div.productdetailstable div.selection-products div.selection-product div.selection-product-price {

    width : 100px;
    text-align : right;
}

div.productdetailstable div.selection-products div.selection-product-total {

    display : flex;
    column-gap : 10px;
    align-items : center;
    padding : 0 0 5px;
}

div.productdetailstable div.selection-products div.selection-product-total div.selection-product-total-title {

    flex-grow : 1;
    padding : 0 0 0 240px;
    font-weight : bold;
    color : #003a78;
    font-size : 16px;
}

div.productdetailstable div.selection-products div.selection-product-total div.selection-product-total-price {
    
    width : 100px;
    text-align : right;
    font-weight : bold;
    color : #003a78;
    font-size : 16px;
}


/********** MEDIA QUERIES VIEWPORT ******/


@media screen and (min-width:1200px ) {
/* breites Browserfenster */

#sectionwrap{
    max-width: 1200px;
}

#headerobenwrap{
   max-width: 1200px;

}

#headerwrap{
   max-width: 1200px;
}

.topmenuwrap{
   max-width: 1200px;
}

div.productbox{
border: 1px solid #d0d0d0;
width : 256px;
height : 464px;	
margin : 0px 20px 20px 0px;
padding : 10px;

}
#warenkorbminiwrap{
margin: 0px 0px 0px 0px;
}


}

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

body{

}

#container{

}


#budget{
    margin-right: 0px;
}

#headersearchbox{

}

#headeroben{

}

 #headerunten{

}
.eingabe{

}

.eingabesuche{

}

#sectionwrap{
max-width: 90%;
}

#logoimg{

}
#headertitel, #headertext1, #headertext2{

}

#headertext1 {

}

#headertitel {

}

#headertext1 img{

}

#headertext2 img{

}
#headerimg1 {

}

#headerimg2 {

}


div.productbox
{
border: 1px solid #d0d0d0;
width : 256px;
height : 474px;
margin : 0px 20px 20px 0px;
padding : 10px;


}

#headersprache{

}

#loginbild{
    margin-left:20px;
}

#orderbudget{
  clear: both;
}

#warenkorbminiwrap{

}


footer{

}

}

div.product-details-images img.placeholder
{
	width : 330px;
}

@media screen and (max-width:1199px) {
    div.product-details-images img.placeholder
    {
	    width : 300px;
    }
}

/*****   VIEWPORTS F?R RESPONSIVE DESIGN   ******/

@media screen and (max-width:879px){
/* Tablets und mittlere Bildschirme */


	body {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	background-color: #fff;
	}
	.productdetailswrap{
	   display: flex;
	flex-direction:column;
	display: -ms-flexbox;
	-ms-flex-direction:column;
	}
	
	div.product-details-images
	{
	    margin : 0 auto 0;
	}
	
	.container{
	  margin: 10px;
	  padding: 0px;
	}
	
	
	.productdetailsmitte{
	width: 100%;
	margin: 0px;
	}
	.productimagewrap {
	
	margin: 0 auto 0 auto;
	
	}
	header{
	  display:flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	}
	
	
	#headeroben{
	
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background:none;
	}
	
	#headerobenwrap{
	 height: auto;
	display:flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	
	}
	
	#budget{
	  margin : 30px 0px 22px 0px;
	}
	
	#orderbudget{
	clear: both;
	}
	
	
	.eingabesuche{
	width: 150px;
	}
	
	
	#headertitel, #headerlogo #headertext1, #headertext2, #headersprache{
	background: #003a78;
	color:#fff;
	margin : 10px 0px 0px 0px;
	padding: 10px 0px 8px 0px;
	text-align: center;
	}
	
	#headertitel img{
	border: 4px solid #fff;
	border-radius: 5px;
	}
	
	#logoimg{
	max-width: 190px;
	
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	#headerlogo{
	margin: 0px 0px -20px 0px;
	padding: 10px 0px 0px 0px;
	}
	
	#headertext1{
	margin: 0px 0px 0px 0px;
	}
	
	#headertext1 img{
	 width: 120px;
	}
	
	#headertext2 img{
	width: 140px;
	}
	
	#headersprache{
	display: block;
	width: auto;
	margin: 10px auto 20px auto;
	padding: 5px;
	background-color: #fff;
	border: thin solid #003a78;
	border-radius: 5px;
	}
	
	
	#headersprache form{
	display: inline;
	margin: 0px 10px 0px 10px;
	float: right;
	}
	
	ul#navigation > li {
	display: none;
	}
	ul#navigation.visible li {
	display: block;
	}
	
	.navwrap div#burgerbutton {
	font-size: 80px;
	font-weight: 900;
	line-height : 50px;
	width: 50px;
	cursor: pointer;
	margin: -50px 10px 10px 10px;
	float: right;
	}
	
	.topmenu1 ul{
	display:block;
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 0px;
	}
	
	.submenu1{
	    border:none;
	}
	.submenu1 a{
	    text-align: center;
	}
	
	.submenu1 a:hover{
	    background-image: none;
	    background: #bfc3c6 ;
	    padding:10px 0 10px 0;
	    background: #00509f none repeat scroll 0 0;
	    color: #fff;
	}
	
	.kontomenubutton{
	padding: 13px 0px 13px 0px;
	margin: 10px 0px 22px 0px;
	background-image:none;
	width: 100%;
	font-size: 20px;
	}
	
	
	
	
	
	
	#headerunten{
	height: 100%;
	margin: 0px 0px 50px 0px;
	padding: 20px 20px 0px 20px;
	text-align: center;
	display:flex;
	flex-direction:column;
	display: -ms-flexbox;
	-ms-flex-direction:column;
	}
	
	#headerwrap{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display:flex;
	flex-direction:column-reverse;
	
	display: -ms-flexbox;
	-ms-flex-direction:column-reverse;
	width:40%;
	
	}
	
	#headersearchbox{
	max-width: 100%;
	margin: 10px 0px 10px 0px;
	   border:1px solid #003a78;
	}
	
	#headersearchbox form{
	
	}
	
	
	.meinkonto{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	
	}
	
	.meinkonto > a:hover {
	background-color: #000;
	background-image: url("img/Mein_Konto_Mann.png");
	background-position: 9px 10px;
	background-repeat: no-repeat;
	}
	
	.kontomenubutton{
	    border:1px solid #003a78;
	 padding: 10px 0px 10px 0px;
	}
	
	.servicebutton{
	    width: 100%;
	margin: 0px 0px 0px 0px;
	border:1px solid #003a78;
	padding: 10px 0px 10px 0px;
	}
	
	.servicebutton a{
	    font-size: 20px;
	}
	
	
	#warenkorbminiwrap{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	float: left;
	
	}
	
	#warenkorbminianzahl{
	
	margin: 26px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	
	}
	
	#warenkorbminisumme{
	margin: 26px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	
	}
	
	.bx-wrapper .bx-viewport{
	
	}
	
	#container{
	
	}
	
	div.productbox
	{
	margin : 10px 10px 10px 10px;
	padding:0px;
	min-width: 280px;
	}
	
	.navwrap > ul > li {
	display: none;
	}
	.navwrap > ul:hover li {
	display: block;
	}
	
	
	nav{
	height: 100%;
	
	}
	
	.topnavigation{
	display:none;
	}
	
	
	
	.flexnav{
	display: flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	flex-direction:column;
	margin: 20px 0px 0px 0px ;
	padding: 0 4% 0 4%;
	
	}
	
	.navwrap{
	text-align: left;
	
	}
	
	
	
	.flexnav a {
	text-decoration: none;
	display: block;
	margin: 10px 10px 10px 0px;
	padding: 10px 0px 10px 0px;
	color: black;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	}
	
	.flexnav a:hover {
	text-decoration: none;
	display: block;
	
	}
	
	.topmenuwrap{
	
	}
	
	.topmenuwrap> * {
	
	}
	
	
	
	.topmenu{
	
	}
	
	.topmenulinks{
	
	}
	
	.topmenu2wrap {
		margin:-8px 0px 0px 0px;
		position: relative;
	}
	
	.topmenu1wrap {
	display: flex;
	}
	
	.topmenu1{
	list-style-type: none;
	}
	
	
	
	#navigation {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	}
	
	
	.form-group{
	display:flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	margin: 25px 0px 15px 0px;
	}
	
	.form-group label{
	  margin-bottom: 5px;
	
	}
	
	section{
	
	}
	
	#sectionwrap{
	max-width: 100%;
	padding: 10px;
	}
	
	.message.info{
	    margin: 10px 10px 10px 10px;
	}
	
	.message.error{
	    margin: 10px 10px 10px 10px;
	}
	.loginrightwrap{
	background-position: 0px 0px;
	background-size:100% ;
	background-image: none;
	padding: 10px;
	}
	
	
	
	.loginfooter{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
	
	.loginfooter p{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	.loginright{
	display:flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	margin: 25px 0px 15px 0px;
	}
	
	#loginbild{
	text-align: center;
	float:none;
	width: 100%;
	margin:0px;
	
	}
	
	#loginimg{
	    max-width: 300px;
	    float: none;
	}
	
	
	.loginheader{
	    width: 100%;
	    text-align: center;
	}
	
	.logintext{
	    width: 100%;
	}
	
	
	#loginform{
	width: 70%;
	text-align:  right;
	font-weight:800;
	color:#003a78;
	margin: 20px 20px 30px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	#loginpasswort{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	#loginbenutzer{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	#loginbenutzer label{
	    min-width: 90px;
	    font-size: 20px
	}
	
	#loginpasswort label{
	    min-width: 90px;
	    font-size: 20px
	}
	
	#loginbenutzer input{
	 width: 100%;
	  padding: 5px;
	height: auto;
	}
	
	#loginpasswort input{
	 width: 100%;
	  padding: 5px;
	height: auto;
	}
	
	.eingabe{
	
	}
	
	.productlist {
	
	width: auto;
	    padding-top:30px;
	}
	
	div.imagebox {
	
	}
	
	#allproductswrap{
	display:flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	
	
	}
	
	
	.pricefilterwrap{
	
	margin: 20px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	 width: 281px;
	}
	
	.pricefiltermenu > ul {
	 margin: 0px 0px 0px 80px;
	 width: 200px;
	}
	
	.pagesizewrap{
	
	margin: 20px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	 width: 281px;
	}
	.pagesizemenu > ul {
	 margin: 0px 0px 0px 80px;
	 width: 200px;
	}
	
	.brandfilterwrap{
	
	margin: 20px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	 width: 281px;
	}
	.brandfilterwrap > ul{
	 margin: 0px 0px 0px 80px;
	 width: 200px;
	}
	
	
	.accountwrap{
	
	}
	
	#spacer{
	    display: none;
	}
	
	footer{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	height:21%;
	position: inherit;
	
	}
	
	
	#footerwrap{
	 max-width: 100%;
	 display: flex;
	flex-direction:column-reverse;
	display: -ms-flexbox;
	-ms-flex-direction:column-reverse;
	
	
	}
	
	
	footer a{
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: thin solid #fff;
	border-radius: 5px;
	text-align: center;
	
	}
	
	#footertext{
	    text-align: center;
	}
	
	#footernav{
	display: flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	}
	#footernav a{
	box-shadow: 2px 2px 5px 1px rgba(255,255,255,0.3);
	padding: 0px;
	margin: 0px 0px 20px 5px;
	padding: 5px 0px 5px 0px;
	}
	
	#footernav a:hover{
	background-color: #003a78;
	}
	
	
	#footerwrapunten{
display: flex;
flex-direction: column;

display: -ms-flexbox;
-ms-flex-direction:row;

justify-content: space-between;
max-width: 1192px;
margin: 30px auto 20px auto;
}

#footerversand {
margin-left: auto;
margin-right: auto;
height: auto;
max-width: 1192px;
text-align: right;

}

#footerversand p {

color:#fff;

}
#footerversand img {
 margin: 0 0 0 30px;


}

.footerversand{
  text-align: center;
}

.footerversand h4{
  color: #fff;
}

.footerdienstleister{
  text-align: center;
}

.footerdienstleister h4{
  color: #fff;
  margin-bottom:0px
}

.footerdienstleisterimg {
    max-width:180px;
}

.footerpayment{

text-align : center;
}

.footerpayment h4{
  color: #fff;
}

.footerpaymentimg{
    max-width:55px;

}
.footerversandimg{
    max-width:100px;

}
.footerpayment ul, .footerversand ul, .footerdienstleister ul{
    margin: 0 0 0 5px ;
    padding: 0 0 0 0;
}

.footerpayment li, .footerversand li, .footerdienstleister li{
    margin: 0 0 0 0 ;
    padding: 0 0 0 0;
    display: inline-block;
}
	
	
	/****** Tabellen ******/
	
	table {
	width: 100%;
	border-collapse: collapse;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) {
	background: #eee;
	}
	th {
	background: #333;
	color: white;
	font-weight: bold;
	}
	td, th {
	padding: 0px;
	border: 1px solid #bfc3c6;
	text-align: left;
	}
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
	display: grid;
	
	padding: 0 5px 0 5px;
	margin: 10px 0 10px 0;
	
	
	
	
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
	
	tbody tr:first-child{
	display:none;
	}
	
	
	tr {
	border: 1px solid #bfc3c6;
	margin-bottom:20px;
	}
	
	td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 0px;
	}
	
	td:before {
	
	position: relative;
	padding:0px;
	margin: 0px;
	white-space: nowrap;
	display: block;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Artikel"; background-color: #003a78; color: #fff;text-align: center;}
	td:nth-of-type(2):before { content: "Menge"; background-color: #bfc3c6; color: #003a78;}
	td:nth-of-type(3):before { content: "USt.";background-color: #bfc3c6; color: #003a78; }
	td:nth-of-type(4):before { content: "Einzelpreis";background-color: #bfc3c6; color: #003a78;}
	td:nth-of-type(5):before { content: "Gesamtpreis";background-color: #bfc3c6; color: #003a78; }
	td:nth-of-type(6):before { content: "Summe netto";background-color: #bfc3c6; color: #003a78; font-weight: bold; }
	td:nth-of-type(7):before { content: "zzgl. MWSt.";background-color: #bfc3c6; color: #003a78; }
	td:nth-of-type(8):before { content: "Summe brutto";background-color: #bfc3c6; color: #003a78; font-weight: bold; }
	
	.total span{
	    color:#003a78;
	}
	
	.total td:nth-of-type(1):before { content: ""; }
	.total td:nth-of-type(2):before { content: ""; }
	.total td:nth-of-type(3):before { content: ""; }
	.total td:nth-of-type(4):before { content: ""; }
	.total td:nth-of-type(5):before { content: ""; }
	
	
	.warenkorbwrap table {
	border: none;
	text-align: center;
	width: 100%;
	}
	
	.warenkorbwrap.order td{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
	
	.register{
	display:flex;
	flex-direction:column;
	
	display: -ms-flexbox;
	-ms-flex-direction:column;
	}
	
	.bagartikelname, .bagartikelust, .bagartikeleinzelpreis, .bagartikelgesamtpreis {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
	#carttablemenge{
	text-align: center!important;
	width: 100%!important;
	padding: 0px 0px 0px 0px!important;
	margin: 0px 0px 0px 0px!important;
	}
	
	.quantityinput{
	padding:5px 0px 5px 0px;
	margin: 10px 100px 5px 100px;
	}
	
	.cart .bagartikelname {
	margin:0px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 3px;
	padding-bottom: 4px;
	float: none;
	text-align: center;
	}
	
	
	.bagartikelnummer
	{
	text-align : center;
	font-size : 13px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	}
	
	.cart input {
	text-align: center;
	font-family : Arial, Helvetica, Geneva, sans-serif;
	font-weight : bold;
	}
	
	.cart th:first-child {
	border-top-left-radius: 4px;
	text-align: center;
	}
	
	.cart th:last-child {
	border-top-right-radius: 4px;
	padding-right: 10px;
	}
	
	table.cart col.productname
	{
	width : 40%;
	}
	
	table.cart col.quantity
	{
	width : 15%;
	}
	
	table.cart col.tax
	{
	width : 15%;
	}
	
	table.cart col.singleprice
	{
	width : 15%;
	}
	
	table.cart col.totalprice
	{
	width : 15%;
	}
	
	.warenkorbwrap th {
	font-size: 16px;
	background-color: #003a78;
	border-bottom: 0 solid;
	padding: 15px 5px !important;
	color: #fff !important;
	text-align: right;
	}
		
	.bagimage{
	float: none;
	width: 100%;
	text-align: center;
	}
	
	
	
	.cart td.bagmenge,
	.cart th.bagmenge {
	
	text-align : center;
	}
	
	.rmBut {
	color: red;
	font-size: 17px !important;
	font-weight: bold;
	}
	
	
	.cart td {
	border-bottom: 1px solid #c5cbce;
	font-size: 16px;
	text-align: right;
	}
	
	.cart td:last-child {
	border-right: 0 none;
	padding: 0px 0px 0px 0px!important;
	}
	
	.cartkasse {
	border: 1px solid #003a78;
	border-radius: 5px;
	float: right;
	margin-right: 25px;
	margin-top: 20px;
	width: 100px;
	}
	
	
	
	.cart th:last-child {
	border-top-right-radius: 4px;
	padding-right: 10px;
	}
	
	
	.bagartikeldel {
	 display: contents;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 50%;
	}
	
	.bagartikeldel > button {
	display: inline;
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	float: left;
	margin-top: 8px;
	padding : 0;
	}
	
	.bagartikeldel > button .buttontext
	{
	position : relative;
	top : 1px;
	}
	
	.cartkassebutton {
	width:100%;
	padding-top: 20px;
	text-align: right;
	
	
	}
	
	#cartedit{
	margin-bottom: 30px;
	}
	
	.lieferadresse{
	
	}
	
	
	
	.meinkonto > a {
	background-color: #000000;
	background-image: url("img/Mein_Konto_Mann_schwaecher.png");
	background-position: 9px 10px;
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #003a78;
	padding: 10px 15px 10px 40px;
	}
	
	
	.kontomenu ul{
	display:none;
	}
	
	.kontomenu > a {
	display: block;
	padding: 0px 0px 1px 0px;
	}
	
	.meinkonto > ul {
	list-style: outside none none;
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	}
	
	.kontomenu > ul {
	background: #fff none repeat scroll 0 0;
	border: thin solid #003a78;
	list-style: outside none none;
	position: absolute;
	padding: 0px 1px 0px 0px;
	margin: 70px 0px 0px 0px;
	width: 169px;
	}
	
	.kontomenu ul{
	display:none;
	}
	
	.kontomenu > a {
	display: block;
	padding: 0px 0px 1px 0px;
	}
	
	.meinkonto > ul {
	list-style: outside none none;
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	}
	
	.kontomenu > ul {
	background: #fff none repeat scroll 0 0;
	border: thin solid #003a78;
	list-style: outside none none;
	position: absolute;
	padding: 0px 1px 0px 0px;
	margin: 70px 0px 0px 0px;
	width: 169px;
	}
	
	
	
	.kontosubmenu {
	border-bottom: 1px solid #bebebe;
	padding: 10px;
	}
	
	.kontosubmenu a {
	display: block;
	padding: 0 10px;
	font-size: 12px;
	transition: background 0.4s ease 0s;
	
	}
	
	.kontosubmenu a:hover {
	background-image: url("img/arrow-right.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 24px;
	}
	
	
	
	.kontosubmenu button:hover {
	background-image: url("img/arrow-right.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 24px;
	}
	
	.kontomenu:hover ul {
	display:none;
	z-index:500;
	}
	
	.kontosubmenu form.logout button {
	border-width: 0;
	cursor: pointer;
	display: block;
	font-family : Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	margin : 0;
	padding : 0 0 0 23px;
	background-color: transparent;
	color: #ee7800;
	transition: background 0.4s ease 0s;
	}
	
	#headertitel span {
		position: absolute;
		top: -6px;
		margin-left: auto;
		margin-right: auto;
		left: 80px;
		right: 0;
		color: #fff;
		font-size: 26px;
		font-weight: bold;
		transform-origin: right center;
		transform: scaleX(1.11);
		white-space: nowrap;
	}
	
	.savedcartbutton {
	float: none;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 13px 10px 13px 10px;
	margin: 0px; 
	cursor: pointer;
	outline: none;
	height: auto;
	width: auto;
	text-align: center;
}

}



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

	#headerwrap{
	    width: 100%;
	}
	
	div.productbox
	{
		margin : 10px 0px 10px 0px;
		padding:0px;
		min-width: 100%;
	}
	.productdetailswrap{
	   display: flex;
		flex-direction:column;
		display: -ms-flexbox;
		-ms-flex-direction:column;
	}
	
	.container{
	  margin: 10px;
	  padding: 0px;
	}
	
	
	.productdetailsmitte{
		width: 100%;
		margin: 0px;
	}
	.productimagewrap {
	
		margin: 0 auto 0 auto;
	
	}
	
	
}