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

.container{

}

/**************  Schriftarten  ******/
@font-face {
font-family: 'Work Sans', sans-serif;


}



/******   Standardwerte fuer Schrift - Links - Buttons *****/
p{
font-size: 14px;
color: #000;
font-family: Arial,Helvetica,sans-serif;

}

span{
font-size: 14px;
color: #000;
font-family: Arial,Helvetica,sans-serif;

}


h1{
font-size: 24px;
color:  #000;
font-family: Arial,Helvetica,sans-serif;

}

h2{
font-size: 22px;
color:  #000;
font-family: Arial,Helvetica,sans-serif;
}

h3{
font-size: 20px;
color:  #000;
font-family: Arial,Helvetica,sans-serif;
}

h4{
font-size: 18px;
color:  #000;
font-family: Arial,Helvetica,sans-serif;
}

h5{
font-size: 16px;
color:  #000;
font-family: Arial,Helvetica,sans-serif;
}


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

div.loginfooter a {
color:#c60c30;
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: #c60c30;
border: thin solid #c60c30;
padding: 0px 10px 0px 10px;
margin: 10px 0px 10px 0px;

}

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

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

button:hover {
    background-color:   #D40D34;
}

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

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


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

.button:hover {
    background-color:  #D40D34 ;
}

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

.loginbutton button{
background-color: #c60c30;
}

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


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

#searchboxbutton {
float:right;
background-image: url("img/Lupe_grau.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: #c60c30;
}

.buttonverwenden:hover{
    background-color: #D40D34;
}

#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;

}

.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: 14px 50px 13px 10px;
margin :20px 0px 0px 0px;
cursor: pointer;
outline: none;
height: auto;
width: auto;
text-align: center;
color:#000000;
}

.kontomenubutton:hover {

border: thin solid #c60c30
}


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



.buttontext{
color:#000;
}


#buttonback{
    background-color: #706f6f;
}

#buttonback:hover {
    background-color:  rgba(156,156,148,75);
}

.cartback{
float: left;
margin: 21px 0 0 0;
}



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

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

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

.form-control{

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

}
 .form-controltitle{
width:292px;
background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
border-radius: 5px;
color: #000;
font-size: 13px;
padding: 10px 10px;
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: #c60c30;
border-style: solid;
}

.form-horizontal{

}
.form-group span{

 color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-right: 45px;
    text-align: right;
    vertical-align: top;

}

.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-controltitle option{

}

.form-controltitle option{
    background-color: #c60c30!important;
    color: #fff!important;
}

.form-controltitle option:hover{

}
.form-controltitle option:focus{


}

.form-controltitle option:active{

}


.formtrenner{
    margin: -5px 0 0 50px;
}

.voluntary{

}

.buttonreihe{

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

.buttonlinks{
position: relative;

}

.buttonrechts{
position: relative;

}

.orderhistorydetailswrapper{


/*
   display:flex;
flex-direction:row;

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

.orderhistorydetails,
.orderhistorydetailsitems,
.advanceorderitems,
.orderhistorytotal,

{
 margin: 1px 0 1px 0;
    border: 1px solid #333;
 display: table;


/*
display:flex;
flex-direction:colum;

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

margin: 15px 30px 15px 0;
border: thin solid #c60c30;
border-radius:10px;
background-color: rgba(156,156,148,75);
padding: 30px;
*/
}
#orderdeliverytable div,
#orderinvoicetable div,
#budgettable div,
.orderhistorydetails div,
.orderhistorydetailsitems div,
.advanceorderitems div,
.orderhistorytotal div {
 margin: 1px 1px 1px 1px;
}

#orderdeliverytable span,
#orderinvoicetable span,
#budgettable span,
.orderhistorydetails span,
.orderhistorydetailsitems span,
.advanceorderitems span,
.orderhistorytotal span {
 margin: 1px 0 1px 0;
    border: 1px solid #333;
display: table-cell;
    width: 150px;
    background-color: #c60c30;
    color:#fff;
    padding: 5px 10px 5px 10px;

/*
color: #c60c30;
 font-size: 16px;
 font-weight: 600;
 padding: 30px 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{
 margin: 1px 0 1px 0;
 border: 1px solid #333;
 display: table-cell;
 width: 80%;
 background-color: rgba(156,156,148,75);
 padding: 5px 10px 5px 10px;

/*

border:thin solid #c60c30;
border-radius: 5px;
padding: 10px 10px 12px 12px;
margin:  5px 0px 20px 0px;
width: 300px;
height: 100%;
min-height: 17px;
display: inline-block;
*/
}

.tabelle-row{
    margin: 1px 0 1px 0;

}

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

.table-cell{
    display: table-cell;
    width: 300px;
    background-color: rgba(156,156,148,75);
    padding: 5px 10px 5px 10px;
}
/******   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 : #c60c30;
	padding : 2px 10px;
    border:thin solid #fff;
    border-radius : 3px;
    color:#fff;

}

.text a:first-child{
    color: #c60c30;
    font-weight: 600;
}


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

header {

background: #ffffff;
height: auto;

}

#headeroben{

}

#headerobenwrap{

margin-top: 10px;
background: #fff;
height: auto;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
max-width: 90%;
display: flex;
flex-direction:row;
justify-content: space-between;
}

#headerlogo{


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


}

#headerlogo img{
 max-height: 75px;
}

#headertext1 img{
 max-height: 40px;
 margin: -14px 0 0 0;
}


#headertitel, #headertext1, #headertext2{
background: transparent;
color:#000;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: none;

}

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

#headertitel {

}

#headertiteltext {
  display: block;
}

#headertext1 img{

}

#headertext2 img{

}
#headerimg1 {

}

#headerimg2 {

}
#headersprache{
display: none;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 0%;
text-align: right;
}

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



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

}

#headerobenwrap{
max-width: 80%;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
}

#headerwrap{
max-width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;

}


#headersearchbox {

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

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


#headersearchbox:hover,
#headersearchbox:focus {
border: 1px solid #c60c30;
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 #c60c30;
padding: 14px

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

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

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

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

.eingabesuche:-moz-placeholder
{
color : #c60c30;
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: #c60c30;
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 #c60c30;
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;

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 : 12px 0px 12px 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 : #000;
}

.servicebutton:hover
{
border:1px solid #c60c30;

}

.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 : #c60c30;
}

#warenkorbminiwrap{

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

#warenkorbminianzahl{
float: left;
background-color: #fff;
color: #c60c30;
border: solid #ffffff 4px;
text-align: center;
width: auto;
font-size: 14px;
padding: 3px 10px 2px 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: #c60c30;
border: solid #ffffff 4px;
text-align: center;
width: auto;
font-size: 14px;
margin: 21px 0px 0px 0px;
padding: 11px 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 #D3D9D9;
}

.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: #c60c30;
}

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

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


.topmenu1 ul{
display:none;
}

.topmenu1 a{
background-color:#FFF;
color: #000;
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{

background: #c60c30 none repeat scroll 0 0;

}

.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;
border-bottom: 1px solid #bebebe;
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;
min-width: 100%;
}

.submenu1 a:hover{
background-image: url("img/arrow-right.png");
background-position: 2px 16px;
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: #ffffff;

}

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



/************************** 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: #efeded 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: #cd3318;
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 {

}









/******   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, #c60c30 );
*/
}

#sectionwrap{
position: relative;
max-width: 90%;
background: #ffffff;
padding: 20px 20px 50px 20px;
margin: 0px auto -100px auto;


}
.bx-wrapper .bx-viewport{
width: 100% !important;
height: auto !important;


}

.bx-wrapper img{
width: 100%
}




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


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



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

footer{
position: relative;
background-color: #c60c30;
min-height: 50px ;
max-width: 100%;
padding: 20px 10px 10px 10px;


}

footer a{
color:#fff;
padding: 0 10px 0 10px;
font-weight: 400;
text-decoration: none;
border-left: thin solid #fff;
border-right: thin solid #fff;
margin: 0 0px 0 8px;
padding: 0 10px 0 10px;
font-size: 12px;

}

#footerwrapoben{
margin-left: auto;
margin-right: auto;
height: 30px;
max-width: 1192px;
}

#footernav{
float:right;

}



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

}

#footertext{

}

#footercopy span {

color:#fff;
}

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

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: right;
}

.footerversand h4{
  color: #fff;
}

.footerdienstleister{
  text-align: center;
}

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

.footerdienstleisterimg {
    max-width:100px;
}

.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;
}

/*****  main.tpl ******/

.below-cat-intro{
display: flex;
flex-direction: row;
display: -ms-flexbox;
-ms-flex-direction:row;

justify-content: space-between;
}

.categoryboxwrap{

 margin: 0 5px;
}

.categorybox{

}

.categoryname{
 display: none;
}

.imageboxwrap{

}

.imagebox{

}

.categoryimage.small{
 max-width: 100%;
}

/*****  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;

}

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

display: -ms-flexbox;
-ms-flex-direction:column;
margin: 0px 0px 0px 0px;
}


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

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

}

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


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

#loginbild{


}

#loginimg{
float: right;
margin:0 10px 0 0px;
width:auto;
height: 300px;
border-radius: 5px;
}

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

#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-size: 18px;
text-align: left;
min-width: 200px;
}

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


#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-size: 18px;
text-align: left;
min-width: 200px;
}

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


.loginfooter{

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

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




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



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

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

div.overviewpage .products
{
margin : 30px 0 0 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;
}

.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;
color: #000000;
}
div.productbox h3 {
margin : 0 0 10px;
text-align: center;
padding : 0;
height : auto;
color: #000;
font-size: 14px;
font-weight: 400;
}

div.productbox .productpreis {
text-align: center;


}

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

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

div.productbox .productname h3 {
text-align: center;

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 : 10px;
}

div.productbox span.originalprice {
text-decoration: line-through;
}

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 .productname {
height : 90px;
}

div.productbox .productname a {
color: #313131;
font-size: 16px;
}

div.productbox .productname h3 {
text-align: center;


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;
}


/********* 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 #c60c30;
border-radius: 5px;
color: #000;
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: #c60c30;
}





.pagesizewrap {
background: #efeded none repeat scroll 0 0;
border: 1px solid #522452;
border-radius: 5px;
float: left;
width: 300px;
margin:20px 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: #efeded 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: 300px;
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: #efeded none repeat scroll 0 0;
border: 1px solid #522452;
border-radius: 5px;
float: left;
margin:20px 20px 0px 0px;
padding:0px 0px 0px 0px;
width: 300px;
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: #efeded 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: 300px;
border-radius: 0px 0px 5px 5px;

}

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



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


.pricefilter .hidden {
margin: 0;
}

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


.productsortmenu > ul {
-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: #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: 300px;
border-radius: 0px 0px 5px 5px;

}

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

.productsortmenu  ul{
display:none;
}

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


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

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

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

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

.brandfilterwrap{
background: #efeded 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: 300px;
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: #efeded 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;
}



/***********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;
 color: #c60c30;
}

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

.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: 20px 0 15px 0;

}

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

.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 5px 0;

}

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

.productdetailstable span{

}

.productdetailstable p{
display: inline;
}



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

}
.productdetailspricebox p{
display: inline;
}

.cartaddorder{
    
}

.cartadd{

}
.selectvariant{

}

.floatselect{

}

.styled-select blue semi-square{

}

.detail_variant_code{

background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
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: 0px 0px 0px 20px;
 color: #000;
}

.mengeeingabe{
width:48px;
background-color: #fff;
background-image: none;
border: 1px solid #000;
border-radius: 5px;
color: #000;
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: #cd3318;
}

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

.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;
}

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

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

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

button.hidden {

	display : none;
}

.warenkorbwrap{
   margin-bottom: 40px;

}

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

.bagartikelname {
margin-left : 95px;
}

.bagartikelnummer
{
text-align : left;
font-size : 13px;
margin-left : 95px;
}

.cart input:not(.eingabesuche) {
width:auto;
background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
border-radius: 5px;
color: #000;
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;

}

.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: 14px;
background-color: #c60c30;
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: 14px;
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;
font-weight: bold;
margin: 0 5px 0 20px;
}



.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 #c60c30;
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 : 95px;
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;
}

.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 {

}



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

.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: #efeded;
}


/**************  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: 14px;
background-color: #c60c30;
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: 14px;
font-weight: bold;
margin-top: 3px;
padding-bottom: 4px;
text-align: left;
}

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

text-align : center;
}



.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 #c60c30;
border-radius: 5px;
float: right;
margin-right: 25px;
margin-top: 20px;
width: 100px;
}

.cartkasse a {
background-color: #c60c30;
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;
}




#voucher{

}

.voucherinfo{
float: left;
text-align: right;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 40px 0px 10px 0px;
}

div.voucherinfo input {
margin : 0 3px 0 10px;

}

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

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

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

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


#cartedit{
margin-bottom: 0px;
text-align: right;
float: none;
}

#orderinvoicetable{
width: 100%;
}



#orderdeliverytable{
width: 100%;
}



.comment{
max-width: 70%;

background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
border-radius: 5px;
color: #000;
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;
}

div.organizationcodebox {
	
	display : inline-block;
	margin : 10px 40px 10px 0;
}

div.organizationcodebox span.organizationcodeboxtitle {
	
	display : inline-block;
	padding : 0 10px 0 0;
}

div.organizationcodesuffixbox {
	
	display : inline-block;
	margin : 10px 40px 10px 0;
}

div.organizationcodesuffixbox span.organizationcodesuffixboxtitle {
	
	display : inline-block;
	padding : 0 10px 0 0;
}

div.costcenterbox {
	
	display : inline-block;
	margin : 10px 0 10px 0;
}

div.costcenterbox span.costcenterboxtitle {
	
	display : inline-block;
	padding : 0 10px 0 0;
}

select#selectorganizationcode {
width:175px;
background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
border-radius: 5px;
color: #000;
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;
}

input#inputorganizationcodesuffix {
width:45px;
background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
border-radius: 5px;
color: #000;
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;
text-align : center;
outline: none;
}

select#selectcostcenter {
min-width:175px;
background-color: #fff;
background-image: none;
border: 1px solid #c60c30;
border-radius: 5px;
color: #000;
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;
}


/*******************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;
}
*/
/********** MEDIA QUERIES VIEWPORT ******/


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

#sectionwrap{
    max-width: 1200px;
}

#headerobenwrap{
    max-width: 1200px;
    margin: 0px auto 0px auto;
}

#headerwrap{
    max-width: 1200px;
    margin: 0px auto 10px auto;
}
div.productbox{
border: 1px solid #d0d0d0;
width : 256px;
height : 435px;
margin : 0px 20px 20px 0px;
padding : 10px;

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

#headersearchbox{
    margin-left:0px;
}

}

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

body{

}



#budget{
    margin-right: 0px;
}
#headerobenwrap{
    max-width: 90%;
    margin: 0px auto 10px auto;
}

#headerwrap{
    max-width: 90%;
    margin: 0px auto 10px auto;
}

#sectionwrap{
max-width: 90%;
}
#headersearchbox{
    margin-left:0px;
}
#loginbild{
}

#loginimg
{
	height : 200px;
}

#orderbudget{
  clear: both;
}

}

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

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


body {
margin-left: auto;
margin-right: auto;
max-width: 100%;
background-color: #fff;
}

.container{
  margin: 10px;
  padding: 0px;
}


div.product-details-images
{
    margin : 0 auto 0;
}


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

.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: #fff;
color:#000;
margin : 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
max-height: 60px;
}

#headertitel img{
max-width: 268px;
min-width: 190px;
}

#headertiteltext{
    color: #000;
}

#logoimg{
max-width: 190px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#headerlogo{
margin: 0px 0px -24px 0px;
padding: 0px 0px 0px 0px;
}

#headertext1{
margin: 0px 0px 0px 0px;

}

#headertext1 img{
 width: auto;
 margin: 0px;
}

#headertext2 img{
width: 140px;
}

#headersprache{
display:none;
}


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

ul#navigation > li {
display: none;
}
ul#navigation.visible li {
display: block;
}

.formtrenner{
    margin: 0px 0 0 0px;
}

.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: 60%;
margin: 0 auto 25px auto;
padding: 0px;
}

.submenu1{
    border:none;
}
.submenu1 a{
    text-align: center;
}

.submenu1 a:hover{
    background-image: none;
    background: #D3D9D9 ;
    padding:10px 0 10px 0;
    background: #c60c30 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:60%;

}

#headersearchbox{
max-width: 100%;
margin: 10px 0px 50px 0px;
   border:1px solid #c60c30;
}

#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 #c60c30;
 padding: 10px 0px 10px 0px;
}

.servicebutton{
    width: 100%;
margin: 0px 0px 0px 0px;
border:1px solid #c60c30;
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: 3px 10px 2px 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{
max-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%;
height: auto;

}

.navwrap{
text-align: left;

}



.flexnav a {
text-decoration: none;
text-transform: uppercase;
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:0px 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;
margin: 0px;
position: ;
}

.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{
   float: none;
   height:236px;
   width: auto;
   margin: 20px auto 20px auto;
}


.loginheader{
    width: 100%;
    text-align: center;
}

.logintext{
    width: 100%;
}


#loginform{
width:80%;
text-align:  right;
font-weight:800;
color:#c60c30;
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: 180px;
    font-size: 18px
}

#loginpasswort label{
    min-width: 180px;
    font-size: 18px
}

#loginbenutzer input{
 width: 100%;
  padding: 5px;
height: auto;
margin: 0px;
}

#loginpasswort input{
 width: 100%;
  padding: 5px;
height: auto;
margin: 0px;
}

.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 0px 0px 0px;
padding: 0px 0px 0px 0px;
 width: 300px;
}

.pricefiltermenu > ul {
 margin: 0px 0px 0px 50px;
 width: 250px;
}

.pagesizewrap{

margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
 width: 300px;
}
.pagesizemenu > ul {
 margin: 0px 0px 0px 50px;
 width: 250px;
}

.productsortwrap{

margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
 width: 300px;
}
.productsortmenu > ul {
 margin: 0px 0px 0px 50px;
 width: 250px;
}

.brandfilterwrap{

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
 width: 281px;
}
.brandfilterwrap > ul{
 margin: 0px 0px 0px 80px;
 width: 200px;
}


.accountwrap{

}
/*
.orderhistorydetailswrapper{

   display:flex;
flex-direction:column;

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

}
.lieferadresse,
#orderinvoicetable,
.orderhistorydetails,
.orderhistorydetailsitems,
.advanceorderitems,
.orderhistorytotal
{
display:flex;
flex-direction:column;

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

margin: 10px auto 10px auto;
border: thin solid #c60c30;
border-radius:10px;
background-color: rgba(156,156,148,75);
padding: 30px;
  width: 100%;
}

 */

#orderdeliverytable div,
#orderinvoicetable div ,
#budgettable div,
.orderhistorydetails div,
.orderhistorydetailsitems div,
.advanceorderitems div,
.orderhistorytotal div {
display:flex;
flex-direction:row;

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

}
 
#orderdeliverytable span,
#orderinvoicetable span,
#budgettable span,
.orderhistorydetails span,
.orderhistorydetailsitems span,
.advanceorderitems span,
.orderhistorytotal span {

min-width: 70px;
font-size: 13px;

}

#orderdeliverytable p,
#orderinvoicetable p,
#budgettable p,
.orderhistorydetails p,
.orderhistorydetailsitems p,
.advanceorderitems p,
.orderhistorytotal p{

 min-width: 60%;
 font-size: 13px;

}




#spacer{
    display: none;
}

footer{
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 10px;
max-height:100%;
position: inherit;

}

#footernav{
    float: none;
}

#footerwrapoben{

margin: 0px auto 0px auto;
height: auto;
width: auto;

}

#footerwrapunten{

display: flex;
flex-direction: row;
display: -ms-flexbox;
-ms-flex-direction: row;
justify-content: space-between;
width: 100%;

}
footer a{
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 10px;
border: thin solid #fff;
border-radius: 5px;
text-align: center;

}

#footercopy {

    float: none;
    padding-right: 10px;
    color: #fff;
    margin: 10px 0 10px 0;
}

#footertext{
    text-align: center;
}

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

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

width: 100%;
}

#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: #c60c30;
}

.footerversand{
  text-align: right;
}

.footerversand h4{

}

.footerpayment{
  text-align: left;
}

.footerpayment h4{
  color: #fff;
}

.footerpaymentimg{
    max-width:30px;

}
.footerversandimg{
    max-width:30px;

}



/****** 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 #efeded;
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 #efeded;
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: #c60c30; color: #fff;text-align: center;}
td:nth-of-type(2):before { content: "Menge"; background-color: #efeded; color: #c60c30;}
td:nth-of-type(3):before { content: "Mwst.";background-color: #efeded; color: #c60c30; }
td:nth-of-type(4):before { content: "Einzelpreis";background-color: #efeded; color: #c60c30;}
td:nth-of-type(5):before { content: "Gesamtpreis";background-color: #efeded; color: #c60c30; }
td:nth-of-type(6):before { content: "Summe netto";background-color: #efeded; color: #c60c30; font-weight: bold; }
td:nth-of-type(7):before { content: "zzgl. MWSt.";background-color: #efeded; color: #c60c30; }
td:nth-of-type(8):before { content: "Summe brutto";background-color: #efeded; color: #c60c30; font-weight: bold; }

.total span{
    color:#c60c30;
}

.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;
}


.cart {
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: 14px;
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;

}

.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: 14px;
background-color: #c60c30;
border-bottom: 0 solid;
padding: 15px 5px !important;
color: #fff !important;
text-align: right;
}

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

.bagimage{
float: none;
width: 100%;
text-align: center;
}



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

text-align : center;
}




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

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

.cartkasse {
border: 1px solid #c60c30;
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{

}

.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: #c60c30;
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 #c60c30;
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 #c60c30;
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;

margin : 0;
padding : 0 0 0 23px;
background-color: transparent;
color: #ee7800;
transition: background 0.4s ease 0s;
}


div.organizationcodebox {
	
	display : block;
	margin : 10px 0 10px;
}

div.organizationcodebox span.organizationcodeboxtitle {
	
	display : block;
	padding : 10px 0 10px;
}

div.organizationcodesuffixbox {
	
	display : block;
	margin : 10px 0 10px;
}

div.organizationcodesuffixbox span.organizationcodesuffixboxtitle {
	
	display : block;
	padding : 10px 0 10px;
}

div.costcenterbox {
	
	display : block;
	margin : 10px 0 30px;
}

div.costcenterbox span.costcenterboxtitle {
	
	display : block;
	padding : 10px 0 10px;
}




.cartback {

    float: left;
    margin: 0 10px 0 0;

}

.footerpayment h4 {

    color: #fff;
    font-size: 16px;

}
.footerdienstleister h4 {

    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;

}
.footerversand h4 {
color: #fff;
    font-size: 16px;
}
}



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




#headerwrap{
    width: 100%;
}
div.productbox
{

margin : 10px 0px 10px 0px;
padding:0px;
min-width: 100%;
}

#loginimg{
	height: auto;
	width: 65%;

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

.container{
  margin: 10px;
  padding: 0px;
}

.formtrenner{
    margin: 0px 0 0 0px;
}

.productdetailsmitte{
width: 100%;
margin: 0px;
}
.productimagewrap {

margin: 0 auto 0 auto;

}

.cartkassebutton {

    width: 100%;
    padding-top: 20px;
    text-align: left;
}


#editadress{

}

#editinvoice{

}

#editdelivery{

}

#rechalsliefer{

}

#registerfooter{

}

#loginform{
width:80%;
text-align:  right;
font-weight:800;
color:#c60c30;
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: 160px;
    font-size: 16px
}

#loginpasswort label{
    min-width: 160px;
    font-size: 16px
}

#loginbenutzer input{
 width: 100%;
  padding: 5px;
height: auto;
margin: 0px;
}

#loginpasswort input{
 width: 100%;
  padding: 5px;
height: auto;
margin: 0px;
}

.form-group span{
    padding-right: 0px;
}

#servicebox{
    width: auto!important;
}

}