html{font-size:16px;
* {-webkit-font-smoothing: antialiased;}

}

body{ 
 font-family:"Meta Offc W01 Normal";
font-size: 14px;
line-height:18px;
   font-size:0.875rem; 
   line-height:1.25rem; 
margin:0;
padding:0;
   color:#333;
background:#ffffff;
font-weight:normal;
-webkit-text-size-adjust: 100%;
}


a:focus{
outline: 0;
outline: none;
text-decoration:none;
}


:focus{
outline: 0;
outline: none;
text-decoration:none;
}


input:focus, select:focus, textarea:focus{
outline: 0;
outline: none;
text-decoration:none;
}



input, textarea, select{
border:1px solid #a1a1a1;
color:#1d1d1b;
border-color: #f4f4f4 !important;
border: 2px solid #f4f4f4 !important;
  font-size: 14px;
line-height:18px;
   font-size:0.875rem; 
   line-height:1.25rem; 
   color:#333;
border-radius:4px;

background-color: #fff;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;

}


.info-liste{
width:85%;
margin:0 auto;
text-align:left;
margin-top:-40px;
margin-bottom:40px;
max-width: 1250px;
}

.config-container{
display:inline-block;
text-align:center;
max-width:980px;
}


.button-black{
background-color:black;
border-radius:7px;
color:white;
padding:8px 10px 10px 10px;
text-align:center;
width:46%;;
float:left;
margin-right:4%;
}


.config-container-w{
 display: flex;
  flex-direction: row;
  justify-content: center;
  width:980px;
}

.config-item{
width:18%;
margin-left:1%;
margin-right:1%;
float:left;
}

.config-item-4{
width:23%;
margin-left:1%;
margin-right:1%;
float:left;
}


.partner-button{
width:100px;
position:absolute;
right:4%;
top:100px;
z-index:99
}


.partner-footer{
width:100px;
float:left;
margin-top:10px;
}

.line-wk{
   height:2px;
   width:100%;
   background-color:#f1f1f1;
   clear:both;
   margin:15px 0 15px 0
   
}

.wk-1,.wk-2,.wk-3,.wk-4,.wk-5{line-height:22px;line-height: 1.375rem;}
.link-normal{color:#6c6c6c !important;}

.wk-1{float:left;width:13%}
.wk-2{float:left;width:20%;margin-left:2%;}
.wk-3{float:left;width:15%;;text-align:center;}
.wk-4{float:right;width:35%;}
.wk-5{float:right;width:15%;text-align:right}
.wk-mwst{float:right;width:30%;text-align:right;}
.wk-delete-item{ 
   font-weight:500;background: url(478.svg) no-repeat left; 
   background-position: left 3px bottom 1px; 
   margin-left:-2px; 
   background-size: 15px 15px;padding:5px 0 0 25px;
       font-size: 13px !important;
   font-size: 0.8125rem !important;
   margin-top:4px;
}

#wk-details-mobile{display:none}



a{
text-decoration:none;
   font-weight:normal; 
   color:#636466;
   
}


b{
font-weight:bolder}

a:hover{
text-decoration:none !important;
   color:#636466 !important;
}


.upper{
text-transform:uppercase;
}

.line_content,.line_top {
   height:2px;
   border-bottom: 1px solid #e7e7e7;
   margin:20px 0 20px 0;
   width:100%;
   float:left;
}

.line_top {
      margin:5px 0 20px 0;
}

.zweispaltig_links{
   width:45%;
   float:left;
   margin-bottom:25px;
}



.logo-pay{width:20%;float:right;}

.text-pay{width:75%;float:left}

.zweispaltig_rechts{
   width:45%;
   float:right;
   margin-bottom:25px;
}

#search_desktop{
   float:right;
   margin-left:25px;
   margin-top:-2px
}

#sidenav{
   float:right;
   margin-top:2px;
}

.artikel_links{
   width:50%;
   float:left;
}


.artikel_rechts{
   width:45%;
   float:right;
   padding-top:10%;
}


.my_grid{
   width:50%;
   float:left;
   border-right:1px solid #e7e7e7;
   padding-right:7.0%;
}


.my_grid_right{
    width:42.9%;
   float:right
}



.col_img_right{
   width:55%;
   float:right;
   margin-right:5%;
   margin-top:2%
}

.col_text_left{
      margin-top:8%;
   width:25%;
   float:right;
   margin-right:5%;
}


.col_text_right{
      margin-top:8%;
   width:25%;
   float:left;
      margin-left:5%;
}


.col_img_left{
   width:55%;
   float:left;
   margin-left:5%;
   margin-top:2%
}



.button_all{
   width:90%;
   margin-bottom:20px;
   height:50px;

}

.button_text{
   float:left;
   width:100%;
    height:50px;
   padding:7px 0 0 15px;
     background-color:#636466;
   color:#fff;
   border-right:1px solid #fff;
   font-size: 32px;
line-height:32px;
   font-size:2.0rem; 
   line-height:2.0rem; 
       position:relative; 
}


.social_s{
   width:36px;
   display:inline-block;
   margin-right:15px
}


.more{
   border:2px solid #636466;
   padding:5px 10px 5px 10px;
}
.more_full{
   border:2px solid #636466;
   width:99%;
   text-align:center;
   padding:5px 0px 5px 0px;
   float:left;
   margin-top:20px;
}

.more:hover,.more_full:hover{
background-color:#ffffd7;
}

.button_artikel{
   float:left;
   width:97%;

   padding-top:5px;
   padding-bottom:8px;
   padding-left:3%;
  
     background-color:#636466;
   color:#fff;
   border-right:1px solid #fff;
   font-size: 24px;
line-height:24px;
   font-size:1.5rem; 
   line-height:1.5rem; 
   margin-bottom:20px;
}


.button_pfeil{
    position:absolute;
   right:0;
   top:0;
    width:50px;
   height:50px;
   background-image:url(257.svg);
   background-position: center; 
    background-size: 50px 50px;
 
}


#mobilemenu,#submenu,#search_mobile{display:none;}


.grau{
color:#e1e1e1
}

.hellgrau_slide{
   /*font-size:22.0vw;*/
      font-size:480px;
   font-size:30.5rem;

   margin:0 auto;
   color:#ededed;
 
}




.slide_img{
   width:50%;
   float:left;
   margin-left:3%
}

.slide_text{
   width:30%;
   float:left;
   margin-top:16%;
   padding-bottom:25px;
}


.font_slide{
   position:absolute;
   left:0; 
   z-index:-99;
   margin-top:3%;
   text-align:center;
    -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 /* width:1800px;*/
      width:1400px;
}


.font_scale{
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 /* width:1800px;*/
      width:1400px;
margin:0 auto;
   text-align:center;
   margin-bottom:30px;
   margin-top:-30px;
}


h1{
   font-family: 'Open Sans', sans-serif;
   font-size:5.0vw;
   color:#fff;
   font-weight:600;
   text-transform:uppercase;
   margin-bottom:20px;
}



.box_home{
   margin:0px 0 10px 0;
      padding:30px 0 50px 0;
}

.box_content{
   width:100%;
   /*margin-top:50px*/
}

.bg_grau{
   background-color:#e1e1e1;
}


h2,.consent-title {
 font-family:"MetaCompPro-Medium W01 Regular";
font-size: 24px;
line-height:28px;
font-size:  1.5rem; 
line-height:1.875rem;
margin:0px;
   color:#636466;
   font-weight:normal;
   margin-bottom:10px;
}   



h3{
 font-family:"MetaCompPro-Medium W01 Regular";
font-size: 16px;
line-height:18px;
font-size: 1.0rem; 
line-height:1.25rem;
margin:0px;
   color:#636466;
   font-weight:normal;

}


h4 {
 font-family:"MetaCompPro-Medium W01 Regular";
font-size: 16px;
line-height:18px;
font-size: 1.0rem; 
line-height:1.25rem;
margin:0px;
color:#fff; 
   margin-bottom:25px;
   text-transform:uppercase;
   font-weight:normal;
}




br.cb { 
   clear: both; 
}



a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}






#search_ring_mobile,#login_mobile{
display:none;
}


.link_home{
      font-family: 'Karla', sans-serif;
   color:#9d0045;
   font-size: 22px;
line-height:24px;
font-size: 1.375rem; 
line-height:1.4rem;
   margin-top:5px;
   font-style:italic

}




#myheader{
width:100%;
   margin:0 auto;
   height:130px;
   position:relative;
   padding-top:30px;
   background-color:#fff;


}



#nav_container{
   width:auto;
   float:left;

 
}




#container_search{
   position:relative;
   float:right;
margin-top:29px;
}



#top_mobile{
display:none;
}

 #logo{
   width:82px;
   float:left;
   margin:0;
   padding:0;
}

/*


#page_full{margin:0 auto;}

#page_full,#my_footer{
   width:1200px;
      background-color:#fff;
}

#top_all,#footer_content{
   width:94%;
   margin:0 auto;  
}

#cont_full, #content{width:100%}

*/




#cont_full,#page_full{
width:100%
}

#top_all,#footer_content,.cont_max {
  /* width:1800px;*/
      width:1400px;
   margin:0 auto;  
}

.cont_small{
     width:700px;
   margin:0 auto;  
}
.cont_form{
     width:400px;
   margin:0 auto;  
}


.cont_scale{
 /* width:1800px;*/
      width:1400px;
   margin:0 auto;
padding-bottom:50px;
}



#content{width:100%;margin-top:25px;}


#retailer_map{
   width:1075px;
   margin:0 auto;
   height:360px;
   position:relative;
}


#mobile_container{
display:none;
}




.link_footer{
   color:#fff !important;
   text-decoration:none;
 float:left;

}

.link_footer:hover{
   color:#fff !important;
   text-decoration:none;
}

#my_footer{
   height:auto;
   margin:0;
   background-color:#636466;
   color:#fff;
   padding:75px 0 85px 0;
   border-top:2px solid #fff;

}

#mobilemenu{
display:none;
}


#social{
   background-color:#e1e1e1;
   width:100%;
   height:150px;
   text-align:center;
   margin-top:-7px;
}


.social_icon{
   width:75px;
   float:left;
   margin-left:20px;
}

#cont_social{
   margin:0 auto;
   display:inline-block;
   margin-top:35px
}


.twitter{
margin-right:12px
}






/**/
ul{margin:0em;display:block;padding:0em;margin:10px 0 10px 19px}
li {color:#111111; 
   list-style-type:inherit;
   margin-bottom:3px;
list-style-position: outside;}








.active{
   background-color: #ffffd7;
}

.level0,.level0_active{
   color:#333;
   font-style:normal; 
   text-decoration:none;
   display:block;
   font-size: 15px;
   line-height:16px;
   font-size:0.9375rem; 
   line-height:1.0rem;
   display:block;

  
   
}

.level1_active,.level1{
 font-size: 14px;
   line-height:16px;
   font-size:0.875rem; 
   line-height:1.0rem;
      display:block;
}

.level0:hover {
   text-decoration:none;

}

.level0_active,.level1_active{
   color:#333;
}

.level0_active:hover {
   text-decoration:none;
}



.level1{

   color:#333;
}

.level1:hover,.level1_active:hover {
   text-decoration:none;
   color:#333;
}


.level1_active{

}




select option { padding:0px; }




select {
    border: 0;
    background: url(115.svg) no-repeat right ;
    -webkit-appearance: none;
    background-position-x: right;
    width: 100%;
    background-size: 25px 25px;
   -moz-appearance: none;
   line-height:1.0rem; 
   padding-left:10px;
   border-radius:5px;
}



select::-ms-expand {
    display: none;
}





input[type=text]{
   color:#928681;
}





::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #666666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666666;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666666;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666666;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
   color:    #666666;
}



.my_button {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
 font-size: 12px;
line-height:14px;
font-size:0.75rem; 
   line-height:0.875rem;
   text-transform:uppercase;
}


.my_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}