@font-face
{
    font-family : 'Open Sans';
    src : url(fonts/open-sans-v34-latin-regular.woff);
    font-weight : 400;
    font-style: normal;
}

@font-face
{
    font-family : 'Open Sans';
    src : url(fonts/open-sans-v34-latin-600.woff);
    font-weight : 600;
    font-style : normal;
}

@font-face
{
    font-family : 'Open Sans';
    src : url(fonts/open-sans-v34-latin-800.woff);
    font-weight : 800;
    font-style : normal;
}

body {
font-size: 16px;
font-family : Open Sans ,sans-serif;
color: #000;
margin: 0px;
background: #fff;
}

.container{

}

/******   Standardwerte f?r Schrift - Links - Buttons *****/
p{
font-size: 16px;
font-family : Open Sans ,sans-serif;
}

span{
font-size: 16px;
font-family : Open Sans ,sans-serif;
}

span.default {
	
	font-size: inherit;
	font-family: inherit;
}

h1{
font-size: 40px;
color: #004F8C;
font-family : Open Sans ,sans-serif;
font-weight : bold;
text-transform: uppercase;
letter-spacing: 3px;
}

h2{
font-size: 22px;
 color: #004F8C;
font-family : Open Sans ,sans-serif;
font-weight : bold;
text-transform: uppercase;
letter-spacing: 3px;
}

h3{
font-size: 20px;
 color: #004F8C;
font-family : Open Sans ,sans-serif;
font-weight : bold;
text-transform: uppercase;
letter-spacing: 3px;
}

h4{
font-size: 18px;
color: #004F8C;
font-family : Open Sans ,sans-serif;
font-weight : bold;
text-transform: uppercase;
letter-spacing: 3px;
}

h5{
font-size: 16px;
 color: #004F8C;
font-family : Open Sans ,sans-serif;
font-weight : bold;
text-transform: uppercase;
letter-spacing: 3px;
}


a{
font-size: 16px;
font-family : Open Sans ,sans-serif;
text-decoration: none;
color:#000 ;
}

div.loginfooter a {
color:#2E2D2C;
display:inline;
font-family: Open Sans ,sans-serif;
font-size: 18px;
}

/******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: #00749c;
border: thin solid #00749c;
padding: 0px 10px 0px 10px;
margin: 10px 0px 10px 0px;

}

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


#showpaypalinfo{
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	border: none;
	background-color: #004F8C;
	padding: 5px 18px 5px 20px;
	margin: 10px 0px 10px 0px;
	max-width: 335px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.buttonwhite{
font-size: 14px;
color: #004F8C;
cursor: pointer;
border: 1px solid #004F8C;
background-color: #fff;
padding: 5px 18px 5px 20px;
margin: 10px 0px 10px 0px;
min-width: 235px;
text-transform: uppercase;
letter-spacing: 3px;
}

button{
font-size: 14px;
color: #fff;
cursor: pointer;
border: none;
background-color: #004F8C;
padding: 12px 18px 12px 20px;
margin: 10px 0px 10px 0px;
min-width: 235px;
text-transform: uppercase;
letter-spacing: 3px;
}

button:hover {
    background-color:  #004F8C;
}

a.button{
font-size: 14px;
color: #fff;
cursor: pointer;
border: none;
background-color: #004F8C;
padding: 11px 0px;
margin: 10px 0px 10px 0px;
width: 235px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 3px;
}

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

a.button.largebutton {
	
	width : 280px;
}

a.whitebutton{
font-size: 14px;
color: #004F8C;
cursor: pointer;
border: 1px solid #004F8C;
background-color: #fff;
padding: 10px 0px;
margin: 10px 0px 10px 0px;
width: 235px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
}

.whitebutton:hover{
	
}

.button{
font-size: 14px;
color: #fff!important;
cursor: pointer;
border: none;
background-color: #004F8C;
padding: 11px 0px;
margin: 10px 0px 10px 0px;
font-family : Open Sans, sans-serif;
width: 235px;
text-align: center;
}
.button a{
 color:#ffffff!important;
}

.button:hover {
    background-color:  #004F8C;
}

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

#searchboxbutton, #suchboxbuttonmobile {
float:right;
background-image: url("img/ui-search_32px.png");
background-repeat: no-repeat;
background-position: 0px 1px;
background-color: transparent;
height: 24px;
min-width: 24px;
padding: 0px 0px 0px 0px;
margin: 3px 8px 0px 0px;
cursor: pointer;
outline: none;
background-size: contain;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.buttonverwenden{
    background-color: #004F8C;
}

.buttonverwenden:hover{
    background-color: #004F8C;
}

#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 {
cursor: pointer;
outline: none;
height: auto;
width: auto;
text-align: center;

}

.kontomenubutton:hover {

}

#trashbin{
background-image: url("img/ui-delete_32px.png");
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
}

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



.buttontext{
color:#000;
}


#buttonback{
	color: #2E2D2C;
 display: flex;
	flex-direction: row;
display: -ms-flexbox;
    -ms-flex-direction: row;
    font-size: 15px;
    font-family: Open Sans;
}

#buttonback img{
	width: 39px;
}

#buttonbacktext{
	padding-top: 7px;
	text-transform: uppercase;
	font-size: 20px;
}

#buttonback:hover {

}

#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: #F1F3F5;
background-image: none;
border: 1px solid #F1F3F5;
border-radius: 0px;
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;

}

.selectarrowinput{
	background-image: url('img/dropdown_gray.png');
	background-repeat: no-repeat;
	background-position: right;
}

.form-control:hover,
.form-control:focus {

}

.form-horizontal{

}
.form-group span{

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

}

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

}

.voluntary{

}

.buttonreihe{

margin: 10px 0 30px 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
}

#versandzahlung{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.zahlungsart, .versandart{
	width: 50%;
	
}

.zahlungsart p, .versandart p{
	font-family: Open Sans;
}

.reminderitems{
	margin-bottom: 10px;
	font-family: Open Sans;
}

.reminderlist p{
	font-family: Open Sans;
}

.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 #00749c;
border-radius:10px;
background-color: #CCE3EB;
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;
   
display: table-cell;
    width: 150px;
    color:#000;
    padding: 5px 10px 5px 0px;
    font-family: Open Sans;

/*
color: #00749c;
 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;
	display: table-cell;
    padding: 5px 10px 5px 10px;
    width: 70%;
	font-family: Open Sans;
/*

border:thin solid #00749c;
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;
    color:#fff;
    padding: 5px 10px 5px 10px;
}

.table-cell{
    display: table-cell;
    width: 300px;
    padding: 5px 10px 5px 10px;
}

.table-cell span.discount_info {
	
	display : block;
}

.table-cell span.discount_info span {
    
    display : block;
    font-family: Open Sans;
}

.table-cell span.discount_info span.original_price {
    
    text-decoration: line-through;
}

.table-cell span.discount_info span.discount {
    
    font-size : 12px;
}

.table-cell span.discount_info span.discounted_price {
    
}





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

div.cookie-info
{
	padding : 10px 0px 10px 0px;
	border: none;
	background-color: #F3F5F6;
	color:#000;
	margin: 0px 0px 0px 0px;
	font-family: Open Sans;
}

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 : #004F8C;
	padding : 2px 10px;
    border:thin solid #fff;
    border-radius : 3px;
    color:#fff;
    text-transform: uppercase;

}

.text a:first-child{
    color: #004F8C;
    font-weight: 800;
}

#socialbuttons{
	position: absolute;
	right: -234px;
	
}

#socialbuttonsmobile {
	display: none;
}

#socialbuttonsmobile{

    display: flex;
    flex-direction: row;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    width: 247px;
    margin: 0 auto;

}

.socialbutton{
	margin-left: 14px;
	display: inline-block;
}

#socialbuttonsmobile img, #socialbuttons img{
	width: 32px;
	height: 32px;
}

.categoryseperator{
	padding-top: 14px;
}

.categorydescription, #deliveryapple{
	font-family: Open Sans;
}

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

/*********** breites Browserfenster  Extra large devices (large desktops, 1200px and up) ***********/

#belowcontent{
	display: flex;
	flex-direction:column;
	width: 100%;
}

#headerunten{
    display: block;
}

#headermobile{
    display:none;
}


#footermobile{
    display: none;
}


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

header {

background: #ffffff;
height: auto;

}

#headeroben{

}

#headerobenwrap{

margin-top: 10px;
height: 90px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
max-width: 90%;

}

#headerlogo{

padding: 0px 0px 0px 0px;
z-index: 1;

}

#logoimg{
width: 142px;
}

#headerlogo a{
	
font-family: Open Sans;
font-size: 19px;
}

#headertitel, #headertext1, #headertext2{
background: transparent;
color:#fff;
margin : -64px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;

}

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

#headertitel {

}

#headertext1 img{

}

#headertext2 img{

}
#headerimg1 {

}

#headerimg2 {

}
#headersprache{
margin : 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
text-align: right;
}

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

#headermailto a{
	font-size: 30px;
	border-bottom: none;
}

#headermailto{
	margin: -5px 0px 0px 8px;
  	padding: 0px 0px 0px 0px;
	display: flex;
	flex-direction: row;
}


#headerunten{
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;
position: relative;
}


#headersearchbox {

padding: 2px 0px 1px 0px;
background-color: #F1F3F5;
width: 350px;
height: 29px;
}


#headersearchbox:hover,
#headersearchbox:focus {

}

.searchbox {


}

.eingabesuche {
background-color: #F1F3F5;
background-image: none;
border: 7px solid #F1F3F5;
border-radius: 5px;
color: #000;
display: block;
font-size: 14px;
padding: 0px 0px 0px 0px;
width: 269px;
text-align: center;
height: 15px;
letter-spacing: 3px;
font-family: Open Sans;
}

#requestpassmail{
	width: 320px;
}
/*
.eingabesuche:hover,
.eingabesuche:focus {
border: 1px solid #00749c;
padding: 14px

}
*/
.eingabesuche::placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
}

.eingabesuche::-webkit-input-placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
}

.eingabesuche::-moz-placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
}

.eingabesuche:-ms-input-placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
}

.eingabesuche:-moz-placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
}



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

}

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

.meinkonto > a {
background-color: #000000;
background-position: 9px 10px;
background-repeat: no-repeat;
border-radius: 5px;
color: #00749c;
padding: 10px 15px 10px 40px;
}
.meinkonto > a:hover {
background-color: #000;
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 #00749c;
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: "Source Sans Pro",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 : #00749c;
}

.servicebutton:hover
{
border:1px solid #00749c;

}

.servicebutton:hover a
{

}

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



.headerbox{
padding: 0px;
margin: 0px;
background: transparent;
position: relative;
display: flex;
flex-direction: row;
display: -ms-flexbox;
    -ms-flex-direction: row;
}

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

#warenkorbminiwrap{

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

#warenkorbminianzahl{
background-color: #fff;
color: #004F8C;;
 border: solid #ffffff 4px;
text-align: center;
width: auto;
padding: 4px 0px 10px 10px;
border-radius: 5px 0px 0px 5px;
}

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

#warenkorbminibag img{
margin: 0px 0px 0px 0px;

}

#warenkorbminisumme{
float: left;
background-color: #fff;
color: #00749c;
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;
}

.articlecountmobile{
	display: none;
}

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

.topmenu1 .active{
	color: #004F8C;
}

.topmenuwrap {

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

.topmenu {
margin: auto;
width: 100%;
}

.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: #000000;
text-transform: uppercase;
max-width:1200px;
text-align: center;
}

.topmenulinks ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
white-space: nowrap;
width: 1200px;
display: flex;
flex-direction: row;
justify-content: space-around;
display: -ms-flexbox;
    -ms-flex-direction: row;
letter-spacing: 3px;
}

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

.topmenu1 img{
max-height: 21px;
}

.topmenu1 ul{
display:none;
}

.topmenu1 a{
background-color:#FFF;
color: #000;
text-decoration:none;
padding:14px 7px;
margin:0;
display:inline-block;
font-family: Open Sans;
font-size: 16px;
}

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

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



.categorysubmenu1wrap {
display: flex;
flex-direction: row;
display: -ms-flexbox;
    -ms-flex-direction: row;
justify-content: center;
flex-wrap: wrap;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
}

.subcategorymenu1{
list-style-type: none;
flex-basis: 18%;
margin-top: 20px;
text-align: center;
}

.subcategorymenu1 a{
font-family: Open Sans;
font-size: 15px;
color: #4B5B6B;
}

.subcategorymenu1 a.active {
color: #004F8C;
}

.ui-corner-all{
	border-radius: 45px;
}

.ui-state-default, .ui-widget-content .ui-state-default{
border: none;
background: #004F8C;
outline: none;
}

.ui-widget.ui-widget-content{
	border: none;
	height: 1px;
	width: 20%;
	background-color: #000;
	margin: 0 auto;
}

.ui-widget-header{
	background: #004F8C;
}

.ui-slider-horizontal .ui-slider-range{
	border-radius: 0px;
	height: 5px;
	top: -2px;
}

.pricerange{
	text-align: center;
	margin-top: 50px;
}

#pricerangeamount{
	color: #004F8C;
	border: 0;
	text-align: center;
	font-family: Open Sans;
	font-size: 14px;
}

#slider-range-text{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 9px;
}

#minpriceleft, #maxpriceright{
	font-family: Open Sans;
	font-size: 15px;
}

#minpriceleft{
	margin-right: 0px; 
}
#maxpriceright{
	margin-left: 0px; 
}

.ui-slider-horizontal .ui-slider-handle{
	top: -10px;
	outline: none;
}

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









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

div.message {
padding : 20px 100px 20px 20px;
width: auto;
position: relative;
background-color: #F3F5F6;
}

div.message.error {
border : 0px solid red;
background-color: #F3F5F6;
}

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

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

div.message button.closebutton:hover {

}


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

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #004F8C;
	border: 1px solid #004F8C;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	background: #fff;
	border: 1px solid #333;
}

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

#sectionwrap{
position: relative;
max-width: 90%;
background: #ffffff;
padding: 20px 20px 50px 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: #706f6f;
z-index: 20;
/* background-image:linear-gradient( to top, #00749c, #ffffff ); */
}



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

#footertoplink{
	text-align: center;
	margin-bottom: 60px;
}

#footertoplinkarrow{
	text-align: center;
	margin-top: 90px;
}

#footertoplink a{
	color: #2E2D2C;
	letter-spacing: 3px;
	text-transform: uppercase;
    font-size: 15px;
	
}

#footertoplinks{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	ms-display: flex;
	ms-flex-direction: row;
	color: #004F8C;
	font-family: 'Open Sans', sans-serif;
}

#footertoplinks a{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

#footertoplinks p{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.footerlinks{
	text-align: center;
	line-height: 30px;
}

.footerlinksheadline{
	text-transform: uppercase;
	margin-bottom: 10px;
	font-family: Open Sans, sans-serif;
	letter-spacing: 3px;
	font-size: 16px;
}

footer{
background-color: #002D4C;
height: 77px;
max-width: 100%;
}

footer a{
color:#fff;
padding: 15px;
text-decoration: none;
font-size: 12px;
font-family: Open Sans;
letter-spacing: 1px;
}

#footerwrap{
margin-left: auto;
margin-right: auto;
max-width: 100%;
display: flex;
flex-direction: row;
display: -ms-flexbox;
    -ms-flex-direction: row;
margin-top: 25px;
justify-content: space-around;
}

#footernav{
	margin-top: 26px;
	text-transform: uppercase;
}



#footertext{
margin-top: 24px;
background-image: url("img/Star_Alliance_frei.png");
width: 260px;
background-size: contain;
background-repeat: no-repeat;
font-size: 12px;
font-family: Open Sans ,sans-serif;
padding-top: 4px;
height: 27px;
color: #fff;
text-transform: uppercase;
}

#footertext{
	padding-top: 12px;
}

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

#newsletterboxarrow{
background-image: url("img/Ico_Pfeil_Footer.png");
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
height: 40px;
min-width: 40px;
padding: 0px 0px 0px 0px;
cursor: pointer;
outline: none;
background-size: contain;
margin-left: 5px;
}

#newsletterbox {
padding: 2px 0px 1px 0px;
background-color: #004F8C;
width: 405px;
height: 40px;
display: flex;
flex-direction: row;
display: -ms-flexbox;
    -ms-flex-direction: row;
margin-top: 16px;
margin-left: 420px;
visibility: hidden;
}

#newsletterboxtext{
	width: 338px;
	border: 1px solid #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 0px 5px 0px;
}

#newsletterboxtext a{
	font-family: Open Sans;
	font-size: 12px;
	letter-spacing: 3px;
}

.fullsite{
	font-family: Open Sans;
}

.fullsite p{
	font-family: Open Sans;
}

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


}

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

.loginrow{
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
	justify-content: space-between;
}

#logintextanmelden{
	color: #004F8C;
	font-size: 80px;
	font-family: Open Sans;
	height: 161px;
	width: 420px;
}

.loginrightwrap{
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: 18px;
font-family: Open Sans ,sans-serif;
line-height: 30px;
}

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


#loginform{
max-width: 80%;
text-align: left;
color:#000;
margin: 20px 20px 254px 0px;
padding: 0px 0px 0px 0px;
width: 534px;
}

#loginbild{


}

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

.eingabe{
	background-color: #F3F5F6;
}

#loginpasswort{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
display:flex;
flex-direction: column;
display: -ms-flexbox;
-ms-flex-direction: column;
letter-spacing: 3px;
}

#loginpasswort label{
font-weight : 400;
font-size: 14px;
text-align: left;
min-width: 150px;
color: #004F8C;
font-family: Open Sans;
}

#loginpasswort input{
 width: 368px;
 padding: 0px 20px 0px 20px;
 height: 41px;
 border: 0px;
 background-color: #F3F5F6;
}

.eingabeuser::placeholder, .eingabepassword::placeholder, .mengeeingabe::placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
text-align: center;
font-size: 14px;
letter-spacing: 3px;
font-family: Open Sans;
}

.eingabeuser::-webkit-input-placeholder, .eingabepassword::placeholder, .mengeeingabe::placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
text-align: center;
font-size: 14px;
letter-spacing: 3px;
font-family: Open Sans;
}

.eingabeuser::-moz-placeholder, .eingabepassword::placeholder, .mengeeingabe::placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
text-align: center;
font-size: 14px;
letter-spacing: 3px;
font-family: Open Sans;
}

.eingabeuser::-ms-input-placeholder, .eingabepassword::placeholder, .mengeeingabe::placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
text-align: center;
font-size: 14px;
letter-spacing: 3px;
font-family: Open Sans;
}

.eingabeuser::-moz-placeholder, .eingabepassword::placeholder, .mengeeingabe::placeholder
{
color : #78849E;
opacity : 1;
text-transform: uppercase;
text-align: center;
font-size: 14px;
letter-spacing: 3px;
font-family: Open Sans;
}

#loginbenutzer{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
display:flex;
flex-direction: column;
display: -ms-flexbox;
-ms-flex-direction: column;
letter-spacing: 3px;
}

#loginbenutzer label{
font-family :Open Sans;
font-weight : 400;
font-size: 14px ;
 text-align: left;
min-width: 150px;
color: #004F8C;
}

#loginheadline{
	color: #004F8C;
	font-size: 18px ;
	letter-spacing: 3px;
	margin-bottom: 5px;
	font-family: Open Sans;
}

#loginbenutzer input{
  width: 368px;
  padding: 0px 20px 0px 20px;
  height: 41px;
  border: 0px;
  background-color: #F3F5F6;
}


.loginfooter{

margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
width: 100%;
}
.loginfooter p{
font-size: 16px;
width: 100%;
margin: 0 0 0 0px;
font-family: Open Sans ,sans-serif;
line-height: 28px;
}

.loginfooter a{
font-size: 14px;
color: #000;
text-decoration: underline;
}


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

.loginbutton button{
background-color: #004F8C;
border-radius: 0px;
padding-left: 0px;
padding-right: 0px;
min-width: 200px;
height: 40px;
font-size: 14px;
letter-spacing: 3px;
font-family: Open Sans;
}

.loginbutton button:hover{
	
}

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

.teasersks{
	display: flex;
	justify-content: center; 
    align-items: center;
}

.teasersks img{
	max-width: 100%;
}

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

.teasers a
{
margin : 0 auto;
padding : 0;
}

.teasers img
{
margin : 0 auto 0 auto;
width: auto;
height: auto;
}

.bx-wrapper .bx-viewport{

}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: -48px;
}



div.productbox{
width : 332px;
min-height: 566px;
margin : 0px 20px 20px 0px;
padding : 10px;
border: 1px solid #fff;
line-height: 33px;
}

.productbox:hover{
	border: 1px solid #004F8C;
}

div.productbox.category, div.productbox.searchsite {
width : 260px;
min-height: 420px;
margin : 0px 20px 20px 0px;
padding : 0px;
border: 1px solid #fff;
line-height: 33px;
}

.category.productbox:hover, .searchsite.productbox:hover{
	border: 1px solid #004F8C;
}

.productbox.lineend {

}

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

a.productboxlink{
	display: block;
}

div.productbox h2 {
font-family: 'Open Sans', sans-serif;
margin : 0 0 10px;
text-align: center;
padding : 0;
height : auto;
font-size:14px;
}

div.productbox .productpreis p{
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 34px;
color: #004F8C;
margin:18px 0 0 0;
padding: 0px;
}

div.productbox .productpreis div.referenceprice {

	font-family : 'Open Sans', sans-serif;
	font-size: 24px;
	color: #ccc;
	text-decoration: line-through;
	margin : 4px 0 0;
	text-align: center;
}


.recomproducts div.productbox .productpreis p {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 40px;
color:#004F8C;
margin:0px;
padding: 0px;
}



div.productbox #productmiles p{
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #2A2E43;
text-transform: uppercase;
letter-spacing: 3px;
margin:0px;
padding: 0px;
}

.recomproducts div.productbox #productmiles p{
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #2A2E43;
text-transform: uppercase;
letter-spacing: 3px;
margin:0px;
padding: 0px;
}



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

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

div.productbox .productname h3 {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #00B2CA;
margin : 0;
padding : 0;
min-height : 33px;
text-transform: none;
--non-ie11-space: 0px;
letter-spacing: 0px;
letter-spacing: var(--non-ie11-space);
font-weight: normal;
}

.recomproducts div.productbox .productname h3 {
color:#00B2CA;
font-family: 'Open Sans', sans-serif;
font-size: 26px;
letter-spacing: 0px;
text-transform: none;
}

.recomproducts div.productbox .productname h2 {
color:#004F8C;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
min-height: 33px;
letter-spacing: 3px;
text-transform: uppercase;
}




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 : 350px;
display : table-cell;
vertical-align : middle;
}

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

div.productbox .productname {
min-height : 85px;
}

div.productbox .productname a {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
letter-spacing: 0px;
text-transform: none;
}

.recomproducts div.productbox .productname a {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 26px;
letter-spacing: 0px;
text-transform: none;
}

#div.productbox .productname h3 {
text-align: center;
margin : 0;
padding : 0;
min-height : 20px;
font-size: 20px;
letter-spacing: 3px;
text-transform: uppercase;
}

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

div.productbox #productvariantscolor{
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
	justify-content: center;
}

div.productbox .productvariantcolor{
	height: 25px;
	width: 25px;
	margin: 5px;
}

div.clear
{
clear : both;
}

#recommendheadline{
	text-align: center;
	padding-top: 22px;
}

#recommendheadline h1{
	font-family: Open Sans;
	font-size: 40px;
	text-transform: none;
	color: #000;
}

/********* 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 #fff;
border-radius: 0px;
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;
}

#overviewbottom{
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
	justify-content: space-between;
	margin-top: 110px;
	flex-wrap: wrap;
}

.overviewbottomelement{
	width: 586px;
	height: 286px;

}

.overviewbottomelement img{
	width: 540px;
	height: 261px;
    object-fit: contain;

}

.overviewbottomelementcolumn{
	flex-direction: column;
}

.overviewbottomelementheadline{
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 3px;
	font-family: Open Sans;
	font-size: 20px;
}

#overviewsinglebottom{
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
	justify-content: center;
	margin-top: 110px;
	flex-wrap: wrap;
}

/******** all_products.tpl ***************/
.kategorieueberschrift {
text-align: center;
width: 100%;
margin-top:30px;
color: #000;
font-family: Open Sans;
text-transform: uppercase;
}

.kategorieueberschrift h1{
color: #000;
text-transform: none;
font-family: Open Sans;
margin-bottom: 0px;
font-size: 45px;
}

.kategorieueberschrift h3{
text-transform: none;
font-family: Open Sans;
font-size: 16px;
text-transform: uppercase;
}

#kategorieueberschriftproductcount{
font-family: Open Sans;
color: #BEBFC1;
font-size: 16px;
margin-bottom: 50px;
letter-spacing: 3px;
}

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


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

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

flex-direction:row;
flex-wrap:wrap;
justify-content:center;
}

.productlistwrap{
	margin-top:100px;
}

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





.pagesizewrap {
background: #efeded none repeat scroll 0 0;
border: 1px solid #522452;
border-radius: 5px;
float: left;
width: 240px;
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: #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: 0px 0px 0px -1px;
padding: 0px 0px 0px 0px;
position: absolute;
width: 240px;
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:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
width: 240px;
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: 240px;
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: #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: 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: #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: column;
	ms-display: flex;
	ms-flex-direction: column;
}

.productdetailstext{
	text-align: center;
}

.productdetailstext h1{
	margin-bottom: 0px;
	text-transform: uppercase;
	font-family: Open Sans, sans-serif;
	font-size: 16px;
}

.productdetailstext h2{
	color: #000;
	font-size: 45px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: none;
}

.productdetailstext h3{
	color: #BEBFC1;
	font-size: 16px;
	margin-top: 0px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	margin-bottom: 23px;
}

.productdetailswrapdetails{
	display: flex;
	flex-direction: row;
	ms-display: flex;
	ms-flex-direction: row;
	justify-content: space-evenly;
	margin-top: 108px;
}

.productdetailslinks{
margin-bottom: 15px;
margin-right: 26px;
width: 547px;
}

.productimagewrap {
max-width: 1107px;
max-height: 573px;
border-radius: 5px;
display : table;
margin-left: auto;
margin-right: auto;
}

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

#cartbutton{
	width: 544px;
	border-radius: 0px;
	background-color: #004F8C;
	padding: 11px 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: Open Sans;
	font-size: 14px;
}

#cartorderbutton{
	width: 300px;
	border-radius: 0px;
	background-color: #004F8C;
	padding: 11px 0px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: Open Sans;
	font-size: 14px;
}

#voucherredeem{
	min-width: 200px;
	border-radius: 0px;
	background-color: #004F8C;
	padding: 11px 0px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: Open Sans;
	font-size: 14px;
}

#cartshippingcostinfo {
	
	margin-top : 30px;
}

#cartshippingcostinfo h4, .voucherinfo h4{
	font-family: Open Sans;
	font-size: 18px;
	font-weight: normal;
}

.belowcartdetails{
	line-height: 1.6em;
	display: none;
}

#belowcartdetailsheadline{
	background-color: #004F8C;
	letter-spacing: 3px;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 0px 0px 10px;
	width: 94px;
	margin-top: 20px;
	margin-bottom: 2px;
	font-family: Open Sans;
}

#belowcartdetailstext{
	font-size: 16px;
	color: #004F8C;
	font-family: Open Sans;
	margin-top: 5px;
}

#belowcartdetailsadditionaltext, .productdeliverytime{
	font-size: 14px;
	font-family: Open Sans;
}

.productimage{

}

.selectvariant{
	text-transform: uppercase;
}

.productdetailsdescriptionheadline{
	color: #004F8C;
	text-transform: uppercase;
	margin-top: 31px;
	margin-bottom: 10px;
	letter-spacing: 3px;
	font-family: Open Sans;
	font-size: 18px;
}

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

img.productimage.small.category, img.productimage.small.searchsite
{
display:block;
	margin : 0 auto;
	max-width: 260px;
	max-height: 260px;
	width: auto;
	height: auto;
}

img.productimage.preview
{
width: 80px;
height: 80px;
}

.notfirstpreviewimage{
	margin-left: 6px;
}


.previewimages{
	min-height: 175px;
}

.productdetails{
	margin-top: 25px;
	font-family: Open Sans;
	font-size: 18px;
}

.productdetails .productquantity{
	
	font-size: 20px;
	color: #004F8C;
}

.productdetailsmitte{
width:590px;
padding-left: 10px;
}

.productdetailsrechts{
	margin-top: 40px;
	margin-bottom: 20px;
}

.pricenumber p{
	font-family: Open Sans;
	font-size: 70px;
	color: #004F8C;
}

.productdetailsdescription{
	font-family: Open Sans;
	line-height: 1.7em;
	font-size: 18px;
	color: #2E2D2C;
	
}

#pricenumbermiles{
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
	color: #2A2E43;
	font-family: Open Sans;
}

.productdetailsspecialdescription{
	font-family: Open Sans;
}

.productattachments{
	margin-top: 20px;
}

.productattachments a{
	font-family: Open Sans;
	line-height: 1.7em;
	font-size: 18px;
	color: #2E2D2C;
}

.productattachments .fa-file-pdf-o{
	color: #004F8C;
}

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

.productdetailstable h4{
margin: 10px 0 10px 0;
}

.productdetailstable span{

}

.productdetailstable p{
display: inline;
}



.productdetailspricebox{
padding: 5px 0 05px 0;
position: relative;
}
.productdetailspricebox span{

}
.productdetailspricebox p{
display: inline;
}

.productdetailspricebox div.referencepricebox {
	
	position: absolute;
	top: 5px;
	left: 290px;
}

.productdetailspricebox div.referencepricebox div.referenceprice {
	
	color: #ccc;
	font-size: 70px;
	font-family : Open Sans;
	text-decoration : line-through;
}

.productdetailspricebox div.referencepricebox div.referencepricedifference {
	
	color: #888;
	font-size: 20px;
	font-family : Open Sans;
	margin-top : -2px;
}

#quantitywrapper{
	color: #004F8C;
	margin-top: 31px;
}

#quantityheadline, #variantheadline{
	font-family: Open Sans;
	font-size: 18px;
	margin-bottom: 11px;
}

.cartadd{

}
.selectvariant{
display: inline-block;
margin-left: 18px;
}

.floatselect{

}

.styled-select blue semi-square{

}

.detail_variant_code{
background-color: #F3F5F6;
background-image: url('img/dropdown_gray.png');
background-repeat: no-repeat;
background-position: right;
border: 1px solid #fff;
color: #78849E;
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;
width: 292px;
font-family: Open Sans;
text-align: center;
font-size: 14px;
letter-spacing: 3px;
}

.productdetailsmenge{
margin: 7px 0 7px 0;
text-transform: uppercase;
letter-spacing: 3px;
display: inline-block;
}

#variantheadline{
	letter-spacing: 3px;
}

.mengeeingabe{
background-color: #F3F5F6;
/* background-image: url('img/dropdown_gray.png'); */
background-repeat: no-repeat;
background-position: right;
border: 1px solid #fff;
color: #666;
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;
width: 206px;
font-family: Open Sans;
text-align: center;
}

.mengeeingabe ul{
	text-align: center;
}

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


.productdetailspreis{
margin-bottom:5px;
}

.popularproductswrap{
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
	justify-content: left;
	margin-top: 35px;
	margin-bottom: 40px;
}

.popularproductbox{
	width: 282px;
	margin-right: 18px;
	height: 293px;
}

#populatproductsheadline{
	text-align: center;
	margin-top: 58px;
	font-size: 20px;
	letter-spacing: 3px;
	text-transform: uppercase;
	Font-Family: Open Sans;
}

.productdetailsoriginalpreis{

}

.productdetailspreismarker .singleprice{

}

.productdetailspreis .singleprice{

}

.productdetailspreismarker{

}

.additionalitem{

}

.name{

}

.calculation_type{

}

.price{

}

.mengenmeldung{
    color: #004F8C;
}

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

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

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

button.hidden {

	display : none;
}

.warenkorbwrap{
	
}

.warenkorbwrap .kategorieueberschrift h1{
   font-family: Open Sans;
   font-size: 45px;
}

#cartshippingcostinfo a{
	text-decoration: underline;
	font-family: Open Sans;
	font-size: 18px;
}

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

.bagartikelname {
margin-bottom: 10px;
}

.bagartikelnummer
{
text-align : left;
font-size : 12px;
font-family: Open Sans;
}

#bagartikelsingleprice, #bagartikelmultiprice{
	font-family: Open Sans;
	font-size: 18px;
	margin-bottom: 5px;
}

#bagartikelmultipricetotal{
	font-family: Open Sans;
	font-size: 18px;
	margin-bottom: 5px;
	text-decoration: line-through;
}

#bagartikelmultipricediscount{
	font-family: Open Sans;
	font-size: 12px;
	margin-bottom: 5px;
}

.bagartikelmenge {
	font-family: Open Sans;
	font-size: 18px;
	margin-bottom: 5px;
	text-align : center;
	padding-right : 50px;
}

#bagartikelsinglemiles, #bagartikelmultimiles{
	font-family: Open Sans;
	font-size: 14px;
	letter-spacing: 2px;
}

.cart input {
width:auto;
background-color: #F3F5F6;
background-image: none;
border: 1px solid #F3F5F6;
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;
font-family :Open Sans, sans-serif;
font-weight : bold;
}

.cart select, .cartform select{
width: 95px;
background-color: #F3F5F6;
background-image: url('img/dropdown_gray.png');
background-repeat: no-repeat;
background-position: right;
border: 1px solid #F3F5F6;
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;
font-family :Open Sans, sans-serif;
font-weight : bold;
}

.cartform select{
width: 190px;
}

#redeeminput {
background-color: #F1F3F5;
background-image: none;
border: 10px solid #F1F3F5;
border-radius: 0px;
color: #000;
display: block;
font-size: 14px;
padding: 0px 0px 0px 0px;
width: 360px;
text-align: center;
height: 20px;
letter-spacing: 3px;
margin-top : 10px;
}

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

.total{
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
	margin-top: 24px;
}

#prices{
	width: 34%;
	font-family: Open Sans;
	margin-top: 34px;
}

#pricesorder{
width: 40%;
font-family: Open Sans;
margin-top: 34px;
margin-left: auto;
}

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


.cart .bagartikelname a{
font-size: 18px;
text-align: left;
font-family: Open Sans;
}

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

text-align : center;
}

.order .cart .bagartikeleinzelpreis,
.order .cart .bagartikelgesamtpreis {

text-align : right;
}

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

.order .cart td:last-child {
padding-right: 0;
}

.cartkasse {
border: 1px solid #00749c;
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 > button {
display: flex;
flex-direction:row;
display: -ms-flexbox;
    -ms-flex-direction: row;
background-color: transparent;
border: 0 none;
cursor: pointer;
margin-top: 10px;
padding : 0;
justify-content: right;
}

#cartdelbutton{
min-width: 70px;
}

.cartkassebutton {
width:100%;
display: flex;
flex-direction: row;
display: -ms-flexbox;
-ms-flex-direction: row;
justify-content: right;

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

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

#emptycart{
	font-family: Open Sans;
	text-align: center;
	
}

#cartsinglepricehead, #cartgesamtpricehead{
	display:block;
}

#cartsinglepriceheadline, #cartgesamtpriceheadline{
	display:none;
}

div.editmailsavebutton {
	
	margin : 40px 0 0;
}


.deliveryselect select{
	width: auto;
	background-color: #F3F5F6;
	background-image: url('img/dropdown_gray.png');
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid #F3F5F6;
	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;
	font-family :Open Sans, sans-serif;
	font-weight : bold;
}

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

.editadress{

}

.editadress select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 5px;
width: 296px;
}



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

}

.paypalorderinform{
	margin: 6px 0 6px;
	font-family: Open Sans;
	color: #004F8C;
}

#orderconfirmheadline{
	font-size: 36px;
	font-family: Open Sans;
}

.orderconfirmrow{
	display: flex;
	flex-direction: row-reverse;
	justify-content: left;
	display: -ms-flexbox;
	-ms-flex-direction: row;
}

.orderconfirmrowwhitebutton{
	margin-left: 30px;
}

#orderconfirmtext p{
	font-family: Open Sans;
}

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

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

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

.warenkorbwrap td{
	padding-bottom: 44px;
}

.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: #fff;
border-bottom: 0 solid;
padding: 20px 0px !important;
color: #004F8C !important;
text-align: left;
text-transform: uppercase;
letter-spacing: 3px;
}


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


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

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

text-align : center;
}

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

.bagtax{
	border-bottom: 1px solid #A9A9A9;
	border-spacing: 10px 15px;
}

.cart td {
border-bottom: none;
margin-bottom: 10px;
font-size: 14px;
text-align: left;
vertical-align: top;
}

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

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

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


#carttax, #cartgrosstax, #cartgesamtsumme, #cartzwischensumme{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	margin-bottom: 8px;
	padding-left: 50px;
	font-size: 18px;
}

#cartzwischensummediscount{
	display: flex;
	flex-direction: column;
	display: -ms-flexbox;
	-ms-flex-direction: column;
}

#cartdiscountzwischensumme{
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	margin-bottom: 8px;
	padding-left: 50px;
}

#carttax{
	padding-bottom: 8px;
}

#cartgrosstax{
	padding-bottom: 8px;
	font-size : 14px;
}

#cartmilesandmoretotalredeemmilesinfo{
	font-family: Open Sans;
	color: #2A2E43;
	font-size: 14px;
	letter-spacing: 2px;
	margin : -5px 0 20px;
	text-align : right;
}

#cartgesamtsumme {

	padding-top : 10px;
	position : relative;
}

#cartgesamtsumme div.topline {
	
	position : absolute;
	left : 0;
	right : 0;
	top : 0;
	border-top: 1px solid #78849E;
}

#cartgesamtsummeleft{
	font-family: Open Sans;
	padding-right:10px;
}

#cartgesamtsummeright{
	text-align: right;
	font-family: Open Sans;
}

#voucher{

}

.voucherinfo{
text-align: left;
width: 66%;
padding: 0px 0px 0px 0px;
}

.voucherinfo p, #usedvoucher{
	font-family: Open Sans;
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 5px;
	max-width: 400px;
}

div.voucherinfo input {
margin : 0 0 10px 0px;
font-family :Open Sans, sans-serif;
font-weight : bold;
}

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

div.voucherinfo div.voucherinfo h4 {
	
	margin-bottom : 10px;
}

div.voucherinfo p.vouchercartinfotext {
	
	font-size : 14px;
	margin : 10px 0 0;
}

.invoiceadress{
clear: both;
margin: 0px 0px 0px 20px;
display: flex;
flex-direction: column;
}

.orderdeliveryinvoicetables{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

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

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

#cartbuttonwidth {
	width: 430px;
}

#cartedit{
float:right ;
}

#orderinvoicetable, .lieferadresse{
width: 50%;
flex-wrap: wrap;
}

#orderdeliverytable{
width: 100%;
}

.buttonrechts {
    margin-top: 62px;
}


.comment{
max-width: 70%;
background-color: #F3F5F6;
background-image: none;
border: 1px solid #F3F5F6;
border-radius: 0px;
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;
}

#verbandkennziffer{
width:175px;
background-color: #fff;
background-image: none;
border: 1px solid #00509f;
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;
}

#milesandmorepriceswrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: -ms-flexbox;
    -ms-flex-direction: row;
}

#milesandmoreinfotext{
	margin-top: 20px;
}

div.ordermilesandmorebox
{
	margin: 20px 0 100px 0;
	width:350px;
	padding:1px 20px 20px;
}

div.ordermilesandmorebox p
{
	margin : 6px 0 6px;
	font-family: Open Sans;
}

div.ordermilesandmorebox h4
{
	font-size : 16px;
	margin : 24px 0 12px !important;
}

div.ordermilesandmorebox input
{
	width : 330px;
	margin : 10px 0 10px;
}

div.ordermilesandmorebox div.buttonrow
{
	text-align : left;
}

div.ordermilesandmorebox div.messagebox
{
	color : #004F8C;
}

div.commentconfirm {
	
	display : flex;
	flex-direction : row;
	flex-wrap: wrap;
}

div.commentconfirm div.commentbox,
div.commentconfirm div.confirmbox {
	
	width: 50%;
}

#paypalconfirmdialog{
	
}

/*******************orderhistory.tpl  *******/

.orderhistory{
	margin-top:30px;
	margin-bottom: 30px;
}

.orderhistoryitems{
	margin-bottom: 10px;
}

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

}

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

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

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

#milesandmorepartnerlogo img{
	width: 50%;
}

#milesandmoresitewrapper{
	margin-top: 50px;
}


#milesandmoresitewrapper h2{
	font-family: Open Sans;
	color: #000;
	text-transform: none;
	font-size: 20px;
	letter-spacing: 1px;
}

#milesandmoresitewrapper a{
	text-decoration: underline;
}

 .milesandmoresitecontent{
 	margin-top: 50px;
 }
 
 #mmcreditcard{
 	width: 30%;
 }
 
  #mmwoman{
 	width: 40%;
 }
 
/******** miles_and_more.tpl ************/

div.milesandmorepage input {
	
	width : 420px;
	margin : 10px 0 10px;
	
}
 

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

/*********** breites Browserfenster  Extra large devices (large desktops, 1200px and up) ***********/

@media screen and (min-width:1470px) and (max-width:1850px)  {
	
}

@media screen and (min-width:1350px) and (max-width:1550px)  {
	#newsletterbox{
		margin-left: 220px;
	}
}

@media screen and (min-width:1250px) and (max-width:1349px)  {
	#newsletterbox{
		margin-left: 120px;
	}
}

@media screen and (min-width:769px) and (max-width:1249px)  {
	#newsletterbox{
		margin-left: 20px;
	}
}

@media screen and (min-width:1226px){
	#burgerbuttontablet {
	display: none;
	}
}

@media screen and (min-width:1685px){
	#socialbuttons {
		display: block;
	}
	
	#socialbuttonsmobile {
		display: none;
	}
}

@media screen and (max-width:1684px){
	#socialbuttons {
		display: none;
	}
}


@media screen and (min-width:769px) and (max-width:1225px)  {
	
	nav{
	height: 100%;

	}

	.topnavigation{
	display:none;
	}
	
	#burgerbuttontablet {
	display: block;
	cursor: pointer;
	margin: 0px 10px 0px 20px;
	}
	
	.flexnav {

    display: flex;
    flex-direction: column;
    display: -ms-flexbox;
    flex-direction: column;
    margin: 20px 0px 0px 0px;
    padding: 0 4% 0 4%;

	}
	
	#navigation {

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

	}
	
	.navwrap {
    	text-align: left;
	}
	
	ul#navigation > li {
    	display: none;
	}
	
	.topmenu1 {
    	list-style-type: none;
	}
	
	ul#navigation.visible li {
    	display: block;
		text-align: center;
	}
	
	.flexnav a {
	    box-shadow: none;
	    border-bottom: thin solid #C7D1E0;
	    text-transform: uppercase;
	    font-size: 18px;
		display: block;
		margin: 10px 10px 10px 0px;
		padding: 10px 0px 10px 0px;
		color: black;
	}
	
	.navwrapper{
		display: none;
		text-decoration: none;
	}
	
	.eingabesuche {
	    width: 239px;
	}
	#headersearchbox {
    	width: 350px;
	}
}

@media screen and (max-width:768px)  {
	ul#navigation.visible li {
		text-align: center;
	}
}

@media screen and (min-width:1039px) and (max-width:1139px)  {
	#warenkorbminiwrap {
    	margin: 0px 0px 0px 310px;
	}
	
	.eingabesuche {
	    width: 199px;
	}
	#headersearchbox {
    	width: 250px;
	}
}

@media screen and (min-width:994px) and (max-width:1039px)  {
	#warenkorbminiwrap {
    	margin: 0px 0px 0px 210px;
	}
	
	.eingabesuche {
	    width: 199px;
	}
	#headersearchbox {
    	width: 250px;
	}
}

@media screen and (min-width:993px)  {

#headerunten{
    display: block;
}

 #headermobile{
    display:none;
}



#sectionwrap{
    max-width: 1200px;
}

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

#headerwrap{
    max-width: 1200px;
    margin: 25px auto 10px auto;
    display: flex;
	flex-direction: row;
	display: -ms-flexbox;
    -ms-flex-direction: row;
}

#headersearchbox{
    margin-left:20px;
}

}


/*Large devices (desktops, 992px and up)*/
@media screen and (max-width:992px) {

#headerunten{
    display: block;
}

#headermobile{
    display:none;
}


body{

}

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

#headerwrap{
    max-width: 90%;
    margin: 25px auto 10px auto;
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
	-ms-flex-direction: row;
}

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

#orderbudget{
  clear: both;
}

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

.eingabesuche {
    width: 209px;
}

.subcategorymenu1{
	flex-basis: 25%;
	margin-top: 10px;
}

}

@media screen and (min-width:769px) and (max-width:912px)  {
	
	
	#headersearchbox {
    	width: 300px;
	}
	
	.eingabesuche {
	    width: 159px;
	}
	
	
	#cartsinglepricehead, #cartgesamtpricehead{
		display:none;
	}
	
	#cartsinglepriceheadline, #cartgesamtpriceheadline{
		display:block;
	}
	
	#bagartikeleinzelpreishead{
		margin-left: 10px;
	}
	
	.voucherinfo{
		width: 60%;
	}
		
	#prices{
		width: 40%;
	}
	
}

@media screen and (min-width:770px) and (max-width:840px)  {
	
	
	#warenkorbminiwrap {
    	margin: 0px 0px 0px 40px;
	}
	
	.eingabesuche {
    	width: 139px;
	}
	
}

/*****   VIEWPORTS RESPONSIVE DESIGN   ******/


/* Tablets und mittlere Bildschirme */

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

	#headerunten{
		display:none;
	}

	#headermobile{
		display:block;
	}

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

	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: 80%;
	margin: 0 auto;
	}


	#headertitel, #headerlogo #headertext1, #headertext2, #headersprache{
	background: #00749c;
	color:#fff;
	margin : 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	}

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

	#logoimg{
	max-width: 190px;

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

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

	/*
	.navwrap div#burgerbutton {
	display: flex;
	padding: 20px 10px 10px 10px;
	margin: 10px 10px 20px 0px;
	font-size: 80px;
	font-weight: 900;
	line-height : 30px;
	width: 47px;
	cursor: pointer;
	border:5px solid #000;
	border-radius: 5px;

	}
	*/

	.navwrap div#burgerbutton {
	font-size: 80px;
	font-weight: 900;
	line-height : 50px;
	width: 50px;
	cursor: pointer;
	margin: -50px 10px 10px 10px;
	float: right;
	}


	.kontomenubutton{
	padding: 13px 0px 13px 0px;
	margin: 10px 0px 22px 0px;
	background-image:none;
	width: 100%;
	font-size: 20px;
	}

	#headerunten{
	display: none;
	}

	#headerwrap{
	margin: 15px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	display: flex;
	flex-direction: row;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	justify-content: space-between;
	width: 100%;

	}

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

	#headersearchbox form{

	}

	#mobileheadersearchbox {
		display: block;
		margin: -270px 0px 0px 0px;
		padding: 20px 10px 20px 10px;
		background-color: #fff;
		border-radius: 0px;
		width: 99%;
		float: left;
		height: auto;
		position: absolute;
		z-index: 100;
		transition: all 0.5s ease-in-out;
	}

	#mobileheadersearchbox.searchboxactive {
	 margin : 70px 0px 0px 0px;
	 padding: 35px 0 35px 0;
	 transition: all 0.5s ease-in-out;
	}


	.meinkonto{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;

	}

	.meinkonto > a:hover {
	background-color: #000;
	background-position: 9px 10px;
	background-repeat: no-repeat;
	}

	.kontomenubutton{
	 padding: 10px 0px 10px 0px;
	}

	button{
		width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	font-family: Open Sans;
	}

	#redeeminput{
		width: 277px;
	}

	#carttax, #cartgrosstax, #cartgesamtsumme, #cartzwischensumme{
		padding-left: 0px;
	}

	#prices{
		width: 100%;
		margin-bottom: 30px;
	}

	a#cartorderbutton{
		color: yellow;
		width: 100%;
		padding: 10px 0px;
		font-family: Open Sans;
		font-weight: normal;
	}

	.servicebutton a{
		font-size: 20px;
	}


	#warenkorbminiwrap{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	float: left;

	}

	#warenkorbminianzahl{

	margin: 15px 0px 0px 0px;
	padding: 10px 5px 10px 10px;
	color: #004F8C;

	}

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

	}

	.productboxlink a{
		display: block;
	}

	.topmenuwrap{

	}

	.topmenuwrap> * {

	}



	.topmenu{

	}

	.topmenulinks{

	}

	.topmenu1wrap {
	display: flex;
	}

	.topmenu1{
	list-style-type: none;
	}


	#navigation {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}


	.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-top: 10px ;
	padding-bottom: 10px;
	padding-left: 33px;
	padding-right: 36px;
	}

	.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{
	text-align:  right;
	color:#00749c;
	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: 18px
	}

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

	#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 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	 width: 281px;
	}

	.pricefiltermenu > ul {
	 margin: 0px 0px 0px 80px;
	 width: 200px;
	}

	.pagesizewrap{

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

	.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 #00749c;
	border-radius:10px;
	background-color: #CCE3EB;
	padding: 30px;
	  width: 100%;
	}

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

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

	}

	#orderdeliverytable p,
	#orderinvoicetable p,
	#budgettable p,
	.orderhistorydetails p,
	.orderhistorydetailsitems p,
	.advanceorderitems p,
	.orderhistorytotal p{
	 width: 100%;
	 max-width: 60%;
	 font-size: 13px;

	}




	#spacer{
		display: none;
	}

	footer{
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	height:100%;
	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{

	}

	/****** Tabellen ******/

	table {
	width: 100%;
	border-collapse: collapse;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) {

	}
	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: ""; background-color: #fff; color: #004F8C; text-align: center; font-family: Open Sans;}
	td:nth-of-type(2):before { content: "Name und Beschreibung"; background-color: #fff; color: #004F8C; text-align: center; font-family: Open Sans;}
	td:nth-of-type(3):before { content: "Einzelpreis";background-color: #fff; color: #004F8C; font-family: Open Sans;}
	td:nth-of-type(4):before { content: "Stück";background-color: #fff; color: #004F8C; font-family: Open Sans;}
	td:nth-of-type(5):before { content: "Summe netto";background-color: #fff; color: #004F8C; font-family: Open Sans;}
	td:nth-of-type(6):before { content: "";background-color: #fff; color: #004F8C; text-align: center; font-family: Open Sans;}

	.voucherinfo {
		width: 100%;
	}

	div.voucherinfo div.voucherinfo h4 {
		
		margin : 20px 0 15px;
	}

	.total span{
		color:#00749c;
	}

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

	.total{
		flex-direction: column-reverse;
	}

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

	.articlecountmobile{
		display: block;
		text-align: left;
		font-family: Open Sans;
	}

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

	}

	.cart select{
		padding:5px 0px 5px 0px;
	margin: 10px auto 5px auto;
	}

	.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 :Open Sans, 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: #00749c;
	border-bottom: 0 solid;
	padding: 15px 5px !important;
	color: #fff !important;
	text-align: right;
	}

	.cart  {
	margin-right: 20px;
	}

	.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 #00749c;
	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 {
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	float: left;
	margin-top: 8px;
	padding : 0;
	justify-content: center;
	background-color: #F1F3F5;
	margin-bottom: 10px;
	height: 45px;
	padding-top: 6px;
	}

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

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

	}

	#cartedit{
	margin-bottom: 30px;
	}

	.lieferadresse{

	}



	.meinkonto > a {
	background-color: #000000;
	background-position: 9px 10px;
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #00749c;
	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 #00749c;
	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 #00749c;
	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: "Source Sans Pro",sans-serif;
	font-size: 15px;
	margin : 0;
	padding : 0 0 0 23px;
	background-color: transparent;
	color: #ee7800;
	transition: background 0.4s ease 0s;
	}

}

/**************************************** Small devices (landscape phones, 576px and up) *****************************************/
@media screen and (max-width:768px) {


div.message button.closebutton{
position: relative;
top: 0;
bottom: 0;
right: 0px;
background-color: #004F8C;
border: 0 none;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-weight: bold;
height: 21px;
margin: 10px;
width: 28px;
padding: 0 0 0 0;
}
div.message.info {

border: 0px solid blue;
background: #F3F5F6 none repeat scroll 0 0;
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;

}

#headerunten{
    display: none;
}

 #headermobile{
    display:block;
}

#logoimg {

height: auto;
max-width: 220px;
margin: 0px 0px -3px 0px;

}

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

#headerlogo a{
 font-size: 19px;
  font-family: Open Sans;
 padding: 0px;
 color: #2E2D2C;
 vertical-align: center;
}

#headerlogo #text{
	padding-bottom: 5px;
}

.topnavigation{
display:none;
}
#mobilebuttonwrap{
 display: flex;
flex-direction: row;
display: -ms-flexbox;
-ms-flex-direction: row;
width: 70px;
}

#burgerbutton{

font-weight: 200;
line-height : 25px;
width: 50px;
cursor: pointer;
margin: 0px 0px 0px 0px;
}

.flexnav a {
    box-shadow:none;
    border-bottom: thin solid #C7D1E0;
    text-transform: uppercase;
    font-size: 18px;
}

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

}

a.languagelink{
 border: none;
}

#headerwrap{
margin: 15px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 100%;
display: flex;
flex-direction: row;
display: -ms-flexbox;
-ms-flex-direction: row;
justify-content: space-between;
width: 100%;
}

#mobileheadersearchbox {
display: block;
margin: -270px 0px 0px 0px;
padding: 20px 10px 20px 10px;
background-color: #fff;
border-radius: 0px;
width: 99%;
float: left;
height: auto;
position: absolute;
z-index: 100;
 transition: all 0.5s ease-in-out;
}
#suchboxbuttonmobile{

height: 30px;
min-width: 30px;
padding: 0px 0px 0px 0px;
background-size: 25px;
float: right;
margin: 0px 5px 0 0;
border:none;
}

#mobileheadersearchbox.searchboxactive {

 margin : 70px 0px 0px 0px;
 padding: 35px 0 35px 0;
 transition: all 0.5s ease-in-out;
}

.eingabesuche{
    width: 80%;
    margin: 0 auto;
}

#warenkorbminiwrap {

    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
    float: none;

}
#warenkorbminibag > a{

border:none;
}
.meinkonto {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: none;

}

.meinkonto > a{
background-color: #fff;
background-position: 9px 10px;
background-repeat: no-repeat;
border-radius: 5px;
color: #979797;
padding: 0px 0px 0px 0px;
border:none;
}

.kontomenubutton {
cursor: pointer;
outline: none;
height: auto;
width: 45px;
text-align: center;
}

.kontomenubutton:hover {

}
.meinkonto > a:hover {
background-color: #fff;
background-position: 9px 10px;
background-repeat: no-repeat;
}
#headersprache {
display: block;
background-color: #fff;
text-align: left;
margin: 0px;
padding: 0px;
}

.navwrapper{
display: flex;
flex-direction: row;
display: -ms-flexbox;
-ms-flex-direction: row;
justify-content: center;
border-bottom: thin solid #C7D1E0;
margin: 10px 10px 10px 0px;
}

#headermailto a{
	font-size: 22px;
}

#overviewbottom{
display: flex;
flex-direction: column;
display: -ms-flexbox;
-ms-flex-direction: column;
justify-content: space-between;
}

.overviewbottomelement{
    width: 100%;
    height: auto;

}

 .overviewbottomelement img{
max-width: 304px;
height: auto;
object-fit: contain;
}

.overviewbottomelement a{
display: block;
text-align: center;

}


 .overviewbottomelementcolumn{
  display: flex;
flex-direction: column-reverse;
display: -ms-flexbox;
-ms-flex-direction: column-reverse;
margin: 30px 0px;

 }

.overviewbottomelementheadline{
    text-align: center;
    font-size: 15px;
    margin-top: 20px;
}

#recommendheadline h1{
	font-size: 26px;
	color: #000;
}

.recomproducts div.productbox .productname h3{
	font-size: 20px;
}

.recomproducts div.productbox .productname a{
	font-size: 24px;
}

div.productbox .productpreis{
    font-size: 24px;
}


div.productbox .productpreis div.referenceprice {

	font-size: 20px;
	margin : 0 0 0;
}

.searchpage div.productbox .productpreis{
    font-size: 20px;
}

.recomproducts div.productbox .productpreis{
	font-size: 32px;
}

.recomproducts div.productbox #productmiles{
	font-size: 10px;
}


.loginrow{
display: inline-block;
}

.logintext {
text-align: left;

}

.logininfo{
    color: #000;
    padding-right: 10px;
}

#loginheadline {

    color: #004F8C;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 5px;

}

#logintextanmelden {
font-size: 52px;
width: 100%;
}

#loginform {

max-width: 300px;
}

#loginbenutzer label {

   margin: 5px 0 5px 0;

}
#loginbenutzer input {
   padding: 0 0 0 0;
   height: 30px;

}

#loginpasswort label {
margin: 5px 0 5px 0;
}

#loginpasswort input {
padding: 0 0 0 0;
height: 30px;
}

.bx-next, .bx-prev{
	display:none;
}

#newsletterboxtext a, #oftenflyboxtext a{
	font-size: 10px;
	font-family: Open Sans;
}

.productdetailstext h2 {
font-size: 30px;
}

.productdetailstext h4, .productdetailstext h3{
font-size: 10px;
}

.productimage {
width: 100%;
}

img.productimage.small{
	max-width: 302px;
	max-height: 274px;
}

div.productbox div.imagebox{
	height: 250px;
}

.productdetailslinks {
 margin: 0px 0px 0px 0px;
width: 100%;
}

.productimagewrap{
height: auto;
}

.productdetailswrap {
margin: 15px;
}

.productdetailsdescriptionheadline {
margin: 0px;
margin-bottom: 5px;
}

.productdetailsmitte {
width: 100%;
padding: 0px;
margin: 30px 0 0 0;
text-align: center;
}
#productdetailswrapper{
display: flex;
flex-direction: column-reverse;
ms-display: flex;
ms-flex-direction: column-revers;
margin: 30px 0 0 0 ;
}
.productquantity {
text-align: center;
color: #2A2E43;
font-family: Open Sans;
font-size: 16px;
}

#cartbutton {

    width: 100%;
    border-radius: 0px;
    background-color: #004F8C;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 3px;

}

#quantityheadline{
 text-align: left;
}

#belowcartdetailsheadline{
 padding: 0px 5px 0px 7px;
}
.reminderform p {
text-align: left;
}
#belowcartdetailstext, #belowcartdetailsadditionaltext, #belowcartdetailsadditionaltext {
text-align: left;
display: none;
}

#belowcartdetailsadditionaltext, .productdeliverytime {
text-align: left;
}

#quantitywrapper {

color: #004F8C;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 100px 0 20px;

}

.productdetailsmenge {
	
	margin : 0;
}

.mengeeingabe {
	
	width : 140px;
}


.productdetailswrapdetails {
display: flex;
flex-direction: column;
ms-display: flex;
ms-flex-direction: column;
justify-content: center;
}

.previewimages{
display: flex;
flex-direction: row;
ms-display: row;
ms-flex-direction: column;
flex-wrap: wrap;
margin-bottom: 42px;
}

img.productimage.preview{
	margin-left: 3px;
	width: 89px;
	height: 91px;
}


.kategorieueberschrift{
 margin: 0px;
}

.kategorieueberschrift br{
 display: none;
}

.kategorieueberschrift h3{
font-size: 10px;

}
.kategorieueberschrift h1{
font-size: 30px;
margin: 0px;

}
#kategorieueberschriftproductcount{
    color: #BEBFC1;
    font-size: 10px;
}
.searchpage div.productbox div.imagebox{
    height: 310px;
}

div.productbox .productname {
    height:auto;
    min-height: 0px;
    margin: 20px 0 0 0;
}

div.productbox .productname a{
    font-size: 24px;
}

.searchbox div.productbox .productname a{
    font-size: 20px;
}

div.productbox .productname h3{
    font-size: 20px;
}

div.productbox #productmiles{
    color: #2A2E43;
}

div.productbox #productvariantscolor{
  display: flex;
    flex-direction: row;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    justify-content: center;
    margin: 20px 0 0 0;
}

div.productbox {

    margin: 10px 10px 30px 10px;
    padding: 0px;
    min-width: 100%;
    height: auto;

}

div.productbox .productvariantcolor {

    height: 20px;
    width: 20px;
    margin: 5px;

}

.searchpage div.productbox .productvariantcolor {

    height: 25px;
    width: 25px;
    margin: 5px;

}

#populatproductsheadline{
display: none;
}

.popularproductswrap{
 display: none;
}

#footertoplinkarrow{
  display:none;
}

#footertoplink{
   display:none;
}

#footertoplinks{
    display:none;
}


#footerdesktop{
    display: none;
}

#footermobile{
    display: block ;
}

footer {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    position: relative;

}




#footerwrap {

    max-width: 100%;
    display: flex;
    flex-direction: column;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    padding: 20px;
}

#footernav {

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

}

footer a {
 border:none;
}

#footernav a {

    box-shadow: none;
    padding: 0px;
    margin: 0px 0px 10px 5px;
    padding: 5px 0px 5px 0px;
    border: none;
    font-size: 10px;
}

#newsletterbox, #oftenflybox {

    padding: 2px 0px 1px 0px;
    background-color: #004F8C;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    margin:0px auto 10px auto;

}
#newsletterboxtext, #oftenflyboxtext {

    width: 90%;
    border: 1px solid #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 11px 0px 5px 0px;
    font-family: Open Sans;
    font-size: 10px;

}
#newsletterboxarrow, #oftenflyboxarrow {

    background-image: url("img/Ico_Pfeil_Footer.png");
    background-repeat: no-repeat;
    background-position: 5px 0px;
    background-color: transparent;
    height: 40px;
    min-width: 45px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    outline: none;
    background-size: contain;
    margin-left: 0px;

}



#footertext {

    margin: 10px auto 0px auto;
    background-image: url("img/ico_star_alliance.png");
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 10px;
    font-family: CoreSansA35Thin ,sans-serif;
    background-position: right;
    height: 30px;

}

.footertexttext{
	padding-top: 5px;
	padding-right: 35px;
}

.orderdeliveryinvoicetables {
	
	flex-direction : column;
}

.orderdeliveryinvoicetables #orderinvoicetable, 
.orderdeliveryinvoicetables .lieferadresse {

	width: auto;
}

#paypalconfirmdialog{

	margin : 30px 0 0;
}

#versandzahlung {
flex-direction: column;
}

div.commentconfirm {
flex-direction: column;
}

div.commentconfirm div.commentbox, 
div.commentconfirm div.confirmbox 
{
	width : auto;
}

.buttonrechts {
    margin-top: 0px;
}

div.milesandmorepage input {
    width: 280px;
}

div.ordermilesandmorebox input
{
	width : 280px;
}

#milesandmorepriceswrap{
	flex-direction: column-reverse;
}

#pricesorder{
	width: 95%;
	margin-left: 20px;
}



.productdetailspricebox{
	
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.productdetailspricebox div.referencepricebox {
	
	position: static;
	margin : 0 0 0 50px; 
}

.productdetailspricebox div.referencepricebox div.referenceprice {
	
	color: #ccc;
	font-size: 70px;
	font-family : Open Sans;
	text-decoration : line-through;
}

.productdetailspricebox div.referencepricebox div.referencepricedifference {
	
	color: #888;
	font-size: 20px;
	font-family : Open Sans;
	margin-top : -2px;
}

.subcategorymenu1{
	flex-basis: 45%;
	margin-top: 10px;
}

}


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

.productdetailspricebox{
	
	display: flex;
	flex-direction: column;
}

.subcategorymenu1{
	flex-basis: 55%;
	margin-top: 10px;
}

.productdetailspricebox div.referencepricebox {
	
	margin : 30px 0 0 0; 
}


#quantitywrapper {

color: #004F8C;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 100px 0 30px;

}

.productdetailsmenge {
	
	margin : 0 0 20px;
}

.mengeeingabe {
	
	width : 140px;
}

#quantitywrapper #variantheadline {
	
	text-align : left;
}

#quantitywrapper .floatselect {
	
	text-align : left;
}

.selectvariant {
	
	margin-left : 0;
}

.detail_variant_code {
	
	width : 238px;
}

.pricenumber p{

	font-size : 55px;
}


}

.waste2gear-video{
	text-align: center;
}

#overviewcontent{
	text-align: center;
}