/* Allgemein */


html 							{ font-family: var(--main-font-family); font-size:var(--main-font-size); } 
html,body						{ height: 100%; margin: 0;  padding: 0; background-color: var(--main-background);} 
.row::after 					{ content: ""; clear: both; display: table; }
[class*="col-"] 				{ float: left; padding:0px;	border:0px solid black; min-height: 1px;}
.hauptfarbe						{ color:var(--main-color);}
.main_grey_bg					{ background-color:var(--main-grey);}
.jqx-expander-header-content    {width: 100% !important;}
    
.picuntertitel {
background-color:var(--main-color);
	width: 100%;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	height: 25px;
	color: white;
	 font-family: var(--main-font-family); font-size:var(--pic-untertitel-font-size);
	padding-top: 4px;
	
	
	
	 
	
	
	
	/*position: */

}
.fr {
	float: right
	
}
/* ROW 1  Kopfbereich */
.stay_top {
	/*position: sticky; top: 0;*/
	/*height: 100%;*/
	top: 0;
	width: 100%;
	position: fixed;
	
	/*
	width: 100%;
	
	
	position: fixed;
	 top: 0;*/
	background-color: var(--main-background);
	 z-index: 1000;
}
.breadrow {
	position: fixed;
	width: 100%;
			/*margin-top: 5px;*/
	/*position: sticky; */
	top: 160px;
	background-color: var(--main-background);
	 z-index: 1;
	
}
.left_nav_area {
	/*margin-top: 200px;*/
	background-color: var(--main-background);
	 z-index: 1000;
	
}
.item_count_row {
	margin-top: 220px;
}
.start_row_ohne_bread {
	margin-top: 160px;;
}
.start_row_mit_bread {
	margin-top: 220px;;
}

#produkt_bereich {
	/*margin-top: 200px;*/
}
.selectednavi {
	/*color: var(--main-color);*/
	
	
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.clear_kat {clear:both; height:26px;}


input[type="number"]                                     { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button            { -webkit-appearance: none; }

.number-input                               { border: 2px solid var(--main-border-color); display: inline-flex; }
.number-input, .number-input *              { box-sizing: border-box; }

.number-input button                        { outline:none; -webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; width: 3rem; height: 3rem; cursor: pointer; margin: 0; position: relative;}
.number-input button:before,
.number-input button:after                  { display: inline-block; position: absolute; content: ''; width: 1rem; height: 2px; background-color: #646567; transform: translate(-50%, -50%); }
.number-input button.plus:after             { transform: translate(-50%, -50%) rotate(90deg); }
.number-input input[type=number]            { max-width: 5rem; padding: .5rem; border: solid var(--main-border-color); border-width: 0 2px; font-size: 18px; color:var(--main-text-font-color); height: 3rem; font-weight: bold; text-align: center;}

.collapsible                                { background-color: var(--main-color); color: white; cursor: pointer; padding: 18px 13px 18px 18px; width: 100%; text-align: left; outline: none; font-size: 15px; font-weight: bold; display: none; border:1px solid #1f1f1f; margin-bottom: 10px; }
.collapsible:after                          { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px; }
.active:after                               { content: "\2212"; }
.content_filter                             { padding:0; max-height: 600;  overflow: hidden; transition: max-height 0.2s ease-out; display: block; } /*max-height:1000*/


.nav_btn:link 		        		{ font-size: var(--main-btn-nav-font-size); display:inline-block;	padding-left:var(--main-btn-nav-padding-h); padding-right:var(--main-btn-nav-padding-h); padding-top:var(--main-btn-nav-padding-v);	padding-bottom:var(--main-btn-nav-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.nav_btn:visited		        		{ font-size: var(--main-btn-nav-font-size); display:inline-block;	padding-left:var(--main-btn-nav-padding-h); padding-right:var(--main-btn-nav-padding-h); padding-top:var(--main-btn-nav-padding-v);	padding-bottom:var(--main-btn-nav-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.nav_btn:hover	                    { font-size: var(--main-btn-nav-font-size); display:inline-block;	padding-left:var(--main-btn-nav-padding-h); padding-right:var(--main-btn-nav-padding-h); padding-top:var(--main-btn-nav-padding-v);   padding-bottom:var(--main-btn-nav-padding-v); background-color:white; text-decoration:none; color:var(--main-btn-color); border:2px solid var(--main-color);; }

.back_btn {
	margin-top: 5px;
}
.back_btn:link 		        		{ font-size: var(--main-btn-nav-font-size); display:inline-block;	padding-left:var(--main-btn-nav-padding-h); padding-right:var(--main-btn-nav-padding-h); padding-top:var(--main-btn-nav-padding-v);	padding-bottom:var(--main-btn-nav-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.back_btn:visited		        		{ font-size: var(--main-btn-nav-font-size); display:inline-block;	padding-left:var(--main-btn-nav-padding-h); padding-right:var(--main-btn-nav-padding-h); padding-top:var(--main-btn-nav-padding-v);	padding-bottom:var(--main-btn-nav-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.back_btn:hover	                    { font-size: var(--main-btn-nav-font-size); display:inline-block;	padding-left:var(--main-btn-nav-padding-h); padding-right:var(--main-btn-nav-padding-h); padding-top:var(--main-btn-nav-padding-v);   padding-bottom:var(--main-btn-nav-padding-v); background-color:white; text-decoration:none; color:var(--main-btn-color); border:2px solid var(--main-color);; }


.lnk_btn {
	margin-top: 5px;
	background-color:var(--main-color);
}

.lnk_btn:link 		        		{ font-size: var(--lnk-btn-font-size); display:inline-block;	padding-left:var(--lnk-btn-padding-h); padding-right:var(--lnk-btn-padding-h); padding-top:var(--lnk-btn-padding-v);	padding-bottom:var(--lnk-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }

.lnk_btn:visited		        		{ font-size: var(--lnk-btn-font-size); display:inline-block;	padding-left:var(--lnk-btn-padding-h); padding-right:var(--lnk-btn-padding-h); padding-top:var(--lnk-btn-padding-v);	padding-bottom:var(--lnk-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.lnk_btn:hover	                    { font-size: var(--lnk-btn-font-size); display:inline-block;	padding-left:var(--lnk-btn-padding-h); padding-right:var(--lnk-btn-padding-h); padding-top:var(--lnk-btn-padding-v);   padding-bottom:var(--lnk-btn-padding-v); background-color:white; text-decoration:none; color:var(--main-btn-color); border:2px solid var(--main-color);; }


.checkbox_content                           { padding-bottom: 5px;}



/* DESIGN RADIO & CHECKBOX & DROPDOWNS*/
input[type="checkbox"]                         { display:none; }
input[type="checkbox"] + label                 { }
input[type="checkbox"] + label span            { display:inline-block; width:19px; height:19px; margin:0px 5px 3px 0; vertical-align:middle; background:  left top no-repeat; cursor:pointer; 
background-image: var(--theme_pic_check_radio_sheet_png);
}
input[type="checkbox"]:checked + label span    { background: -19px top no-repeat; 
background-image: var(--theme_pic_check_radio_sheet_png);
}


.konto_container_konfig input[type="checkbox"]                         { display:block; }

input[type="radio"]                            { display:none; }
input[type="radio"] + label                    { }
input[type="radio"] + label span               { display:inline-block; width:19px; height:19px; margin:0px 5px 3px 0; vertical-align:middle; background: -38px top no-repeat; cursor:pointer; 
background-image: var(--theme_pic_check_radio_sheet_png);
}
input[type="radio"]:checked + label span       { background:-57px top no-repeat; 
background-image: var(--theme_pic_check_radio_sheet_png);
}

.select                                        { position: relative; display: inline-block; margin-bottom: 15px; width: 98%; margin: 5px 0px 5px 0px;}    
.select select                                 { font-family: var(--main-font-family); display: inline-block; width: 100%; cursor: pointer;padding: 10px 15px; outline: 0; border-radius: 0px; background: #f4f4f4; color: var(--main-text-font-color); appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand                     { display: none; }
.select select:hover, .select select:focus     { color: var(--main-text-font-color); background: #f4f4f4; }
.select select:disabled                        { opacity: 0.5; pointer-events: none;}
.select_arrow                                  { position: absolute; top: 16px; right: 15px; pointer-events: none; border-style: solid; border-width: 8px 5px 0px 5px; border-color: #7b7b7b transparent transparent transparent;    }
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow           { border-top-color: var(--main-color); }
.select select:disabled ~ .select_arrow        { border-top-color: #cccccc; }






.firstrow                      { height: 110px;
  
}
.firstrow_logo                 { float: left; margin-top: 9px; width:316px;height:91px;background-image:var(--main-logo); background-repeat:no-repeat; background-size: auto 91px; 
cursor: pointer;
}

.firstrow_suche                { float: left; margin-left: 60px; margin-right: 60px; width: 400px;height: 110px;border:0px solid black;  }
.firstrow_suchfeld             { 
                                 /*margin-top: 32px;   */
		
                                 width: 325px;
								 
                                 height: 45px;
                /*                 border-radius: 4px;
                                 border: 1px solid #cccccc;
                                 background-color: #ffffff;*/
    padding-left:5px;                  
	border: none;

                                }
.suchbtn {
  height: 45px;
  width: 45px;
  /*border-radius: 4px;
                                 border: 1px solid #cccccc;*/
  background-color: #ffffff;
  border: none;
  cursor: pointer;
  background-image: var(--theme_pic_lupe_png);
  background-repeat: no-repeat;
  background-position: right 9px bottom 7px;
}
.suchgrp {
  margin-top: 32px;
  width: 380px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}


.firstrow_nav                   { float: left; height: 110px; width: 85px;border:0px solid black; display: flex; align-items: center; justify-content: center; }

.firstrow_nav_kontakt           { text-decoration: none; padding-top: 48px; font-size:12px; font-weight: bold; color: var(--main-text-font-color); width: 85px; display:block; background:transparent center top 0px no-repeat; 
background-image: var(--theme_pic_icon_kontakt_png);
}
.firstrow_nav_kontakt:hover     { background-image: var(--theme_pic_icon_kontakt_r_png);  color: #1f1f1f; }

.firstrow_nav_konto             { text-decoration: none; padding-top: 48px; font-size:12px; font-weight: bold; color: var(--main-text-font-color); width: 85px; display:block; background:transparent center top 0px no-repeat; 
background-image: var(--theme_pic_icon_konto_png);
}
.firstrow_nav_konto:hover       { background-image: var(--theme_pic_icon_konto_r_png); color: #1f1f1f; }

.firstrow_nav_merkliste         { text-decoration: none; padding-top: 48px; font-size:12px; font-weight: bold; color: var(--main-text-font-color); width: 85px; display:block; background:transparent center top 0px no-repeat; 
background-image: var(--theme_pic_icon_merkliste_png);
}
.firstrow_nav_merkliste:hover   { background-image:var(--theme_pic_icon_merkliste_r_png); color: #1f1f1f; }

.firstrow_nav_warenkorb         { position: absolute;z-index: 1000; text-decoration: none; padding-top: 48px; font-size:12px; font-weight: bold; color: var(--main-text-font-color); width: 85px; display:block; background:transparent center top 0px no-repeat; 
background-image: var(--theme_pic_icon_warenkorb_png);
}
.firstrow_nav_warenkorb:hover   { position: absolute;z-index: 1000;background-image: var(--theme_pic_icon_warenkorb_r_png); color: #1f1f1f; }




/* ROW 2 schmale Navi */
.secondrow_nav                  { padding-top: 2px;}
.secondrow_nav   a              { padding-right: 30px; font-size:16px; font-weight: 500; color: white;text-decoration: none;}
.secondrow_nav   a:hover        { color: var(--main-color) !important;}

.secondrow_nav_aktiv            { color: var(--main-color) !important;}



/* ROW 3 Breadcrumb */
.thirdrow                       { height:30px; margin-top: 10px; padding-bottom: 10px; display: flex; align-items: center; justify-content: left; 
	border-bottom: thin;
	border-bottom-style: solid;
	border-bottom-color: var(--main-grey);
	

} 
.thirdrow_home                  { float: left; display:block; width:28px; height: 25px; background-image: var(--theme_pic_icon_home_png); background-repeat: no-repeat; padding-right: 20px;} 
.thirdrow_link                  { float: left; margin-top: 3px;padding-right: 10px; font-size:14px; font-weight: 500;  color: var(--main-color);text-decoration: none;}
.thirdrow_aktuell               { float: left; margin-top: 3px;padding-right: 10px; font-size:14px; font-weight: 500;  color: var(--main-grey);text-decoration: none;}



/* ROW 4 Content */
.fourthrow                       { margin-top: 10px;height:30px; font-size:15px; font-weight: 500;  color: var(--main-color);  } 




/* Artikelliste */


.fifthrow_wrapper                { width: 1230px;border:0px solid black;overflow:auto;  }
.fifthrow_steuerung              { width: 287px; float:left;overflow:auto; }
.fifthrow_zweite_spalte          { margin-left: 302px;	width: 928px;overflow:auto;  } /*928px*/


.fifthrow_steuerung_wrapper      { width: 285px; border:1px solid var(--main-grey);margin-bottom: 26px;}

.fifthrow_steuerung_head         { padding-left:15px;background-color: var(--main-color); height: 35px; font-size:14px; color: white; font-weight:500 ; display: flex; align-items: center; justify-content: left;   }


.fifthrow_steuerung_content      { background-color: white; padding-top: 15px; padding-bottom: 26px;padding-left:15px; line-height: 20px;}

.fifthrow_steuerung_content a          { font-size:14px; font-weight: 500; color: var(--main-grey);text-decoration: none;}
.fifthrow_steuerung_content a:hover    { text-decoration: underline;}

.fifthrow_steuerung_aktiv        { color: var(--main-color) !important;text-decoration: underline !important;}

.xtest {
	height: 150px;
}









#jqxExpander_Angebote              { padding-bottom: 10px;}
#jqxExpander_Preis                 { padding-bottom: 10px;}
.jqxExpander_kat          	       { padding-bottom: 10px;}
#jqxExpander_Verfuegbarkeit        { padding-bottom: 10px;}

#slider-range                      { width:250px !important;}
.ui-slider-handle                  { border-color: var(--main-color) !important; }
.ui-state-default                  { background: var(--main-color) !important; }
.ui-state-focus                    { background: var(--main-color) !important;border-color: var(--main-color) !important; }
.ui-slider .ui-slider-handle:focus { outline: none ; }
.ui-slider-range                   { background: #646567 !important; } /* var(--main-color)  */
.fifthrow_wrapper .jqx-expander-header.jqx-fill-state-hover-light,
.fifthrow_wrapper .jqx-expander-header.jqx-fill-state-normal-light,
.fifthrow_wrapper .jqx-expander-header.jqx-fill-state-pressed-light  { background: var(--main-color) !important; border-color: #1f1f1f !important; color: white !important; height: 50px !important; }

.filter                            { cursor: pointer; width: fit-content; padding:5px; border:1px solid var(--main-grey); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.artikelcontainer                  { background-color: white; float: left; margin-bottom: var(--artikel-container-margin-b); width:var(--artikel-container-width);  display: block; border:1px solid var(--main-grey); margin-left: 0px; margin-right:var(--artikel-container-margin-r); cursor: pointer;} 

.artikelbild                       { border:0px solid black; height:var(--artikel-pic-h);margin: 10px; background-repeat: no-repeat; background-position: center center; }                    
.artikelbild_box {
	background-color: aliceblue;
	
}

.artikelname                       { border:0px solid black; height:var(--artikel-box_maintxt-h); font-size:var(--artikel-box-font-size); font-weight: bold; color: var(--artikel-box-font-color);line-height: 1.2em; display: flex; align-items: center; justify-content: center; text-align: center;}                    
.artikelvar_row {
	width : 100%;
	
	float: left;
	
	
	
}
.artikelvar_box {
	float: left;
	border: 2px solid var(--main-grey);
	height: var(--artikel_var_box_h);
	width: var(--artikel_var_box_w);
	margin-right: 5px;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 5px;

}
.artikelvar_dim_herv {
	display: inline-block;
	font-size: var(--artikel-herv-font-size);
    font-weight: bold;
	color: var(--artikel-herv-font-color);
	
}
.artikelvar_dim {
    width: 100%;
	height: 25px;
	
	line-height: 25px;
	
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid var(--main-grey);
	text-decoration: none;
	color:  var(--main-grey);
}
.artikelvar_pr {
	margin-left: 4px;
    width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-size: 12px;
	color: var(--main-color);
	
	
}
.artikelvar_box_active {
	border: 2px solid var(--main-color);
	background-color: var(--artikel-box_active_bg);

}

.artikeleigenschaften              { border:0px solid black; height:60px; font-size:var(--artikel-box-text2-font-size); font-weight: normal; color: var(--artikel-prop-font-color); line-height: 1.2em; display: flex; align-items: center; justify-content: center; text-align: center;}                    

.artikelpreis                      { border:0px solid black; height:60px; font-size:var(--artikel-price-font-size); font-weight: bold; color: var(--main-color); display: flex; align-items: center; justify-content: center; text-align: center;}                    

.produkte_btn:link 				{ font-size: 20px; padding-left:1em; padding-right:1em; padding-top:0.5em;	padding-bottom:0.45em; background-color:var(--main-btn-color);	text-decoration:none; color:#FFF; border:2px solid white; }
.produkte_btn:visited			{ padding-left:1em; padding-right:1em; padding-top:0.5em;	padding-bottom:0.45em; background-color:var(--main-btn-color);	text-decoration:none; color:#FFF; border:2px solid white; }
.produkte_btn:hover				{ padding-left:1em; padding-right:1em; padding-top:0.5em;   padding-bottom:0.45em; background-color:white; text-decoration:none; color:var(--main-btn-color); border:2px solid var(--main-btn-color); }

.artikelcontainer_mehr          {float: left; width:912px; height: 50px; display: block; margin-top:20px;margin-bottom:10px; margin-left: 11px;}

.spacer                         { clear:both; height:26px;}
.spacer_footer                  { clear:both; height:26px;}

/* Lieferzeit Styles*/

.lieferzeit_dot_gruen         {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image: var(--theme_pic_icon_lieferzeit_gruen_png); background-repeat:no-repeat;}

.lieferzeit_dot_gruen_w         {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gruen_w_png); background-repeat:no-repeat;}

.lieferzeit_dot_orange        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_orange_png); background-repeat:no-repeat;}
.lieferzeit_dot_orange_w        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_orange_w_png); background-repeat:no-repeat;}

.lieferzeit_dot_gelb        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gelb_png); background-repeat:no-repeat;}
.lieferzeit_dot_gelb_w        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gelb_w_png); background-repeat:no-repeat;}



.lieferzeit_dot_rot           {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_rot_png); background-repeat:no-repeat;}

.lieferzeit_dot_gruen_sm         {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gruen_png); background-repeat:no-repeat; background-size: 10px;}
.lieferzeit_dot_gruen_w_sm         {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gruen_w_png); background-repeat:no-repeat; background-size: 10px;}


.lieferzeit_dot_orange_sm        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_orange_png); background-repeat:no-repeat;background-size: 10px;}
.lieferzeit_dot_orange_w_sm        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_orange_w_png); background-repeat:no-repeat;background-size: 10px;}

.lieferzeit_dot_gelb_sm        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gelb_png); background-repeat:no-repeat;background-size: 10px;}
.lieferzeit_dot_gelb_w_sm        {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gelb_w_png); background-repeat:no-repeat;background-size: 10px;}


.lieferzeit_dot_rot_sm           {padding-left: 23px; display: flex; align-items: center; justify-content: left; width:17px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_rot_png); background-repeat:no-repeat;background-size: 10px;}


.lieferzeit_dot_gruen         {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gruen_png);; background-repeat:no-repeat;}
.lieferzeit_dot_gruen_w         {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gruen_w_png); background-repeat:no-repeat;}


.lieferzeit_dot_orange         {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_orange_png); background-repeat:no-repeat;}
.lieferzeit_dot_orange_w        {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_orange_w_png); background-repeat:no-repeat;}

.lieferzeit_dot_gelb         {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gelb_png); background-repeat:no-repeat;}
.lieferzeit_dot_gelb_w        {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_gelb_w_png); background-repeat:no-repeat;}


.lieferzeit_dot_rot         {color: var(--main-text-font-color);font-size:12px;padding-left: 23px; display: flex; align-items: center; justify-content: left; width:250px;height:17px; line-height: 10px; background-image:var(--theme_pic_icon_lieferzeit_rot_png); background-repeat:no-repeat;}


/* Produktdetailseite -> wurde in Themes verschoben */











/* ROW 5 Footer */



.lastrow                    {overflow:auto;background-color: var(--main-footer-color); padding-top:35px; padding-bottom:35px;}


.newsletter_bild            {float:left;left:0px;top:0px;position: relative; width: 500px;height: 150px; 
	background-image: var(--theme_pic_newsletter_bild_jpg); 
	
	background-repeat: no-repeat; border: 1px solid var(--main-grey);}

.adviser_area            { float:left;left:0px;top:0px;position: relative; width: 500px;height: 150px; padding: 10px;  border: 1px solid var(--main-grey);}
.adviser_adress {
	padding-left: 50px;
	text-align: center;
	
	
}
.adviser_pic { width: 100px; height: 100%; float: right; background-repeat: no-repeat; background-position: center; background-size: contain;}
.adviser_area span { float: left; 
	line-height: 25px;
	color: var(--adarea-font-color);
	font-size: var(--adarea-font-big-size);
}


.newsletter_text            {float:left;left:80px;top:35px;position: relative; font-size:18px; font-weight: normal; color: white; border: 0px solid white;}
.socialmedia_text           {float:left;left:200px;top:35px;position: relative; font-size:18px; font-weight: normal; color: white; border: 0px solid white;}


.socialmedia_icons          {float:left;width: 48px;height: 49px; background-repeat: no-repeat; padding-right: 5px; margin-top: 15px; cursor: pointer;}

.lastrow_newsletterfeld  {       margin-top: 20px;    
                                 width: 150px;
                                 height: 30px;
                                 border-radius: 4px;
                                 border: 1px solid #f4f4f4;
                                 background-color: #f4f4f4;
                                 background-image: var(--theme_pic_weiter_png);
                                 background-repeat: no-repeat;
                                 background-position: right 3px bottom 3px;
                                 padding-right:45px;
                                 padding-left:5px;
                                }




.footer_nav {float:left; width: 30%; /* padding-right: 331px;*/}

.footer_nav a          { font-size:18px; font-weight: normal; color: white;text-decoration: none; line-height: 1.8em;}
.footer_nav a:hover    { color: var(--main-color);text-decoration: underline;}


.footer_ueberschriften        { font-size:26px; font-weight: 500; color: var(--main-color);text-decoration: none;}
















/* number input*/

.quantity {

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 65px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-right: 45px;
  border: 1px solid var(--main-color);
  text-align: right;  
  font-size: 14px;    
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid var(--main-color);
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: var(--btn-q-font-family) !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid var(--main-color);
  border-left: 1px solid var(--main-color);
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
  border-left: 1px solid var(--main-color);
}

/*.quantity_button_units { margin-left:-43px;margin-top:14px;font-size: 14px;}*/
.quantity_button_units { margin-left:4px;margin-top:14px;font-size: 14px;}









 /* Startseite */

.col-12.titelbild            { display: flex; align-items: center; justify-content: center; height: 430px; background-image: var(--theme_pic_titelbild_jpg);background-repeat: no-repeat;background-size:cover; background-position:  center center;}
.col-12.titelbild_small            { display: flex; align-items: center; justify-content: center; height: 220px; background-image: var(--theme_pic_titelbild_jpg);;background-repeat: no-repeat;background-size:cover; background-position:  center center;}


.titelbild_container         { display: block;padding: 30px;background-color: rgba(0, 0, 0, 0.25); text-align: center;}  
.titelbild_headline          { display: block;font-size:45px; font-weight: 600;  color: var(--main-color); }  
.titelbild_subline           { display: block;font-size:18px; font-weight: 300;  color: white; }  

.titelbild_button            { display: block;margin: 15px 0px 0px 0px}  
.titelbild_button:link 		 { font-size: 18px; display:inline-block; padding:12px; background-color:var(--main-color); text-decoration:none; color:#FFF; border:2px solid white; }
.titelbild_button:visited	 { font-size: 18px; display:inline-block; padding:12px; background-color:var(--main-color); text-decoration:none; color:#FFF; border:2px solid white; }
.titelbild_button:hover	     { background-color:white; color:var(--main-color);  }







.row .bildslider_first              { background-color:var(--main-color); padding-bottom: 50px}
.col-12 .bildslider_first           { display: flex; align-items: center; justify-content: center; background-color:var(--main-color); }
.bildslider_first_container        { width: 1210px; }  
.bildslider_first_headline         { margin-top:50px;margin-left: 0px; margin-bottom: 10px; display: block;font-size:30px; font-weight: 600;  color: white; }  
.slider.slideshow_1 .artikelcontainer { width: 277px !important; margin-right: 44px !important; margin-left: 0px !important;}
.slider1_bg { background-color:var(--main-color); }


.row.bildslider_second              { background-color:white; padding-bottom: 50px}
.col-12.bildslider_second           { display: flex; align-items: center; justify-content: center; background-color:white; }
.bildslider_second_container        { width: 1210px; }  
.bildslider_second_headline         { margin-top:50px;margin-left: 0px; margin-bottom: 10px; display: block;font-size:30px; font-weight: 600;  color: var(--main-color); }  

.slider.slideshow_2 .artikelcontainer { width: 277px !important; margin-right: 44px !important; margin-left: 0px !important;}
.slider2_bg { background-color:white; }

.slider.slideshow_2 .slick-prev:before {font-size: 40px !important; color:var(--main-color); }
.slider.slideshow_2 .slick-next:before {font-size: 40px !important ;color:var(--main-color);}

.slick-prev:before {font-size: 40px !important}
.slick-next:before {font-size: 40px !important}
.slick-prev {left: -70px !important; }

/* Konto Overlay */
.konto_overlay                 { z-index: 100000; right: 220px; top:95px;position: absolute; width: 300px; height: 415px;  border:0px solid green; }
.konto_overlay_pfeil           { z-index: 2;width: 100%;height: 6px; border:0px solid green;}
.konto_overlay_content         { z-index: 1;background-color: white; width: 100%;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);}
.konto_scrollarea              { overflow-y:auto;width: 260px;   border:0px solid green; padding: 20px;}
.konto_scrollarea_headline     { width: 49%;font-size: 14px ;font-weight: 600; color:var(--main-text-font-color); float: left;}
.konto_scrollarea_hr hr        { clear: both; width: 100%;height: 1px;border: 0;color: var(--main-color); background-color: var(--main-color);margin-top:22px;}
.konto_mini_content            { float: left; width: 162px;height:56px; }
.konto_mini_headline           { font-size: 12px; font-weight: bold; color:var(--main-text-font-color)}



.konto_button                  { width: 100%;margin-top:5px;}
.konto_button_style                              { width: 260px; display: block;margin: 5px 0px 0px 0px}  
.konto_button_style:link 	                	 { font-size: var(--konto-menue-font-size); display:inline-block; padding:5px 0 5px 0; background-color:var(--main-color); text-decoration:none; color:#FFF; border:2px solid var(--main-color); }
.konto_button_style:visited	                     { font-size: var(--konto-menue-font-size); display:inline-block; padding:10px; background-color:var(--main-color); text-decoration:none; color:#FFF; border:2px solid var(--main-color); }
.konto_button_style:hover	                     { background-color:white; color:var(--main-color);  }



 /* Warenkorb_overlay */
.header_wrapper                    { position: relative; } 
.warenkorb_overlay                 { z-index: 100000; right: 55px; top:95px;position: absolute; width: 300px; height: 415px;  border:0px solid green; }
.warenkorb_overlay_pfeil           { z-index: 2;width: 100%;height: 6px; border:0px solid green;}
.warenkorb_overlay_content         { z-index: 1;background-color: white; width: 100%;height:409px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);}
.arrow_overlay                     { position: relative; display: block; padding-left: 275px;}

.warenkorb_scrollarea              { overflow-y:auto;width: 260px; height:250px;  border:0px solid green; padding: 20px;}
.warenkorb_scrollarea_headline     { width: 49%;font-size: 14px ;font-weight: 600; color:var(--main-text-font-color); float: left;}
.warenkorb_scrollarea_P_anzahl     { width: 50%;font-size: 13px ;font-weight: 600; color:var(--main-text-font-color); text-align: right; float: left;margin-bottom: 20px;}
.warenkorb_scrollarea_hr hr        { clear: both; width: 100%;height: 1px;border: 0;color: var(--main-color); background-color: var(--main-color);margin-top:22px;}
.warenkorb_minicontainer           { width: 100%;height:56px;padding:22px 0 0 0; border:0px solid green; }
.warenkorb_minibild                { width: 56px;height:56px; float: left;margin-right: 20px; background-repeat: no-repeat; background-size:55px;}
.warenkorb_mini_content            { float: left; width: 162px;height:56px; }
.warenkorb_mini_headline           { font-size: 12px; font-weight: bold; color:var(--main-text-font-color);}
.warenkorb_mini_lieferzeit         { margin-top: 2px;font-size: 10px; color:var(--main-text-font-color);}
.warenkorb_mini_preis              { margin-top: 5px;font-size: 10px; color:var(--main-text-font-color);}
.warenkorb_mini_cross              { width:5px;font-size: 12px; font-weight: bold; float: left; color:var(--main-text-font-color);}
.warenkorb_mini_loeschen           { font-size: 12px; font-weight: bold; color:var(--main-text-font-color); text-decoration: none;}
.warenkorb_gesamtsumme             { clear: both; width: 100%;margin-top:5px;font-size:14px; font-weight: bold; color:var(--main-text-font-color); text-align: center; line-height: 1.4em}
.warenkorb_button                  { width: 100%;margin-top:5px;}
.warenkorb_anzahl_produkte         { box-sizing: border-box;left: 20px; top: -22px;z-index: 1001; position: relative; display:block; width:23px; height: 23px; background-image:var(--theme_pic_warenkorb_anz_produkte_png);  background-repeat: no-repeat}
.warenkorb_anzahl_produkte span    { color:var(--main-color);font-size: 13px;line-height:1.95em; font-weight: bold;}

.warenkorb_scrollarea::-webkit-scrollbar             { width: 6px; }
.warenkorb_scrollarea::-webkit-scrollbar-track       { background: #f1f1f1; }
.warenkorb_scrollarea::-webkit-scrollbar-thumb       { background: #646567; }
.warenkorb_scrollarea::-webkit-scrollbar-thumb:hover { background: #555; }

.warenkorb_button_style                              { width: 260px; display: block;margin: 10px 0px 0px 0px}  
.warenkorb_button_style:link 	                	 { font-size: 16px; display:inline-block; padding:10px 0 10px 0; background-color:var(--main-color); text-decoration:none; color:#FFF; border:2px solid var(--main-color); }
.warenkorb_button_style:visited	                     { font-size: 16px; display:inline-block; padding:10px; background-color:var(--main-color); text-decoration:none; color:#FFF; border:2px solid var(--main-color); }
.warenkorb_button_style:hover	                     { background-color:white; color:var(--main-color);  }


.modal                                               { display: none; position: fixed; z-index: 1000000000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content                                       { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; }
.modal-content p                                     { margin: 5px 0 0; padding: 0; font-size: 14px !important; text-align: center; }
.close                                               { color: #aaa; float: right; font-size: 26px; font-weight: bold; margin-top: -15px; margin-right: -10px; }
.close:hover,
.close:focus                                         { color: black; text-decoration: none; cursor: pointer; }







/* Warenkorb groß */
.warenkorb_tabelle_ueberschriften   { font-size: 18px; font-weight: 550;color:var(--main-text-font-color) }
.warenkorb_container                { box-sizing: border-box;max-width: 1243px; background-color: white; padding:22px}
.warenkorb_hr hr                    { clear: both; width: 100%;height: 1px;border: 0;color: var(--main-color); background-color: var(--main-color);margin-top:16px;margin-bottom:16px;}
.warenkorb_bild                     { width: 100px;height:100px; float: left;margin-right: 20px;background-repeat: no-repeat; background-size:98px;}
.warenkorb_muelleimer               { background: no-repeat; cursor:pointer; border:none; width:16px; height:22px; 
background-image: var(--theme_pic_muelleimer_grau_png);
}
.warenkorb_muelleimer:hover         { background: no-repeat; 
background-image: var(--theme_pic_muelleimer_gruen_png);
}
.warenkorb_muelleimer_container     { padding-left: 20px; width: 16px;height:22px; }

.warenkorb_artikelname              { font-size: var(--wk-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.3em; }

.warenkorb_lieferzeit               { font-size: 14px; font-weight: normal;color:var(--main-text-font-color); line-height: 1.3em; }
.warenkorb_merkliste                { font-size: 14px; font-weight: normal;color:var(--main-text-font-color); line-height: 1.3em;text-decoration: underline }
.warenkorb_merkliste:hover          { text-decoration: underline}
.warenkorb_loeschen_mobil           { display: none; font-size: 12px; font-weight: normal;color:var(--main-text-font-color); text-decoration: underline }
.warenkorb_loeschen_mobil:hover     { text-decoration: underline}
.warenkorb_einzelpreis              { font-size: var(--wk-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.3em; }
.warenkorb_bonus_punkte              { font-size: var(--wk-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.3em; }

.warenkorb_gesamtpreis              { font-size: var(--wk-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.3em; }
.warenkorb_preisberechnung_tabelle  { width:400px}
.warenkorb_summe_netto              { font-size: var(--wk-sum-net-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.9em; text-align: right }
.warenkorb_summe_brutto             { font-size: var(--wk-sum-bru-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.9em; text-align: right }
.warenkorb_summe_mwst               { font-size: var(--wk-sum-st-font-size); font-weight: 550;color:var(--main-text-font-color); line-height: 1.9em; text-align: right }
.warenkorb_summe_gesamtpreis        { font-size: var(--wk-sum-ges-font-size); font-weight: bold;color:var(--main-color); line-height: 1.9em; text-align: right }
.warenkorb_gesamtpreis_spacer       { height: 10px;}

.zur_kasse_btn 				{  cursor: pointer;font-size: var( --main-btn-font-size); display:inline-block;	padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v);	padding-bottom:var(--main-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }


.zur_kasse_btn:link 				{ font-size: var( --main-btn-font-size); display:inline-block;	padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v);	padding-bottom:var(--main-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }

.zur_kasse_btn:visited				{ font-size: var( --main-btn-font-size); display:inline-block;	padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v);	padding-bottom:var(--main-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }

.zur_kasse_btn:hover	            { font-size: var( --main-btn-font-size); display:inline-block;	padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v); padding-bottom:var(--main-btn-padding-v); background-color:white; text-decoration:none; color:var(--main-btn-color); border:2px solid var(--main-color);; }

.warenkorb_einzelpreis_mobil        { display:none;font-size: 12px; font-weight: normal;color:var(--main-text-font-color); line-height: 1.3em;}
.warenkorb_preisberechnung_container{ width:500px;}
.warenkorb_preisberechnung_lspalte  { width:340px; float:left;}
.warenkorb_preisberechnung_rspalte  { width:160px; float:right;}


.warenkorb_td_1                     { width: 9%; } /*9*/
.warenkorb_td_2                     { width: 39%; } /*39*/
.warenkorb_td_3                     { width: 13%; } /*13*/
.warenkorb_td_4                     { width: 45px; } /*45p*/
.warenkorb_td_5                     { width: 170px;  } /*170p*/
.warenkorb_td_6                     { width: 10%; text-align: right; padding-right: 15px; } /*10*/



.warenkorb_cross_mobile             { display: none;}
 
/* BESTELLFORTSCHRITT + ANMELDUNG*/
.bestellfortschritt                 { width: 100%; height:49px;margin-top: 33px;}
.bestellfortschritt_1_active        { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-image: url("../mat/pfeil_gruen_grau.jpg"); background-color: var(--main-color); background-repeat: no-repeat; background-position: center right;}
.bestellfortschritt_1_active_2      { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-image: url("../mat/pfeil_gruen_gruen.jpg"); background-color: var(--main-color); background-repeat: no-repeat; background-position: center right;}
.bestellfortschritt_2_active        { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-image: url("../mat/pfeil_gruen_grau.jpg"); background-color: var(--main-color); background-repeat: no-repeat; background-position: center right;}
.bestellfortschritt_2_active_2      { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-image: url("../mat/pfeil_gruen_gruen.jpg"); background-color: var(--main-color); background-repeat: no-repeat; background-position: center right;}

.bestellfortschritt_2_inactive      { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-image: url("../mat/pfeil_grau_grau.jpg"); background-color: #646567; background-repeat: no-repeat; background-position: center right;}

.bestellfortschritt_3_active        { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-color: var(--main-color); background-repeat: no-repeat;}

.bestellfortschritt_3_inactive      { padding-right: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding:auto auto;font-size: 18px; color:white;float: left; width: 33.33%; height:49px; background-color: #646567; background-repeat: no-repeat;}


.anmeldeart_container               { font-size: 15px; color:var(--main-text-font-color); width: 100%; margin-top: 34px;}

.container_anmelden                 { padding:20px;box-sizing: border-box;float: left; width: 31.9%; border: 1px solid var(--main-grey); background-color: white; min-height:300px }
.container_neu_registrieren         { padding:20px;box-sizing: border-box;margin: 0% 2% 0% 2%; float: left; width: 31.9%; border: 1px solid var(--main-grey); background-color: white; min-height:300px  }

.container_neu_registrieren_br         { padding:20px;box-sizing: border-box;margin: 0% 2% 0% 2%; float: left; width: 40%; border: 1px solid var(--main-grey); background-color: white; min-height:300px  }
.container_gastbestellung           { padding:20px;box-sizing: border-box;float: left; width: 31.9%; border: 1px solid var(--main-grey); background-color: white; min-height:300px  }

.anmeldeart_container h1            { font-size: 22px; font-weight: bold;color:var(--main-color);padding:0;margin: 0;}
.anmeldeart_container h2            { font-size: 16px; font-weight: bold;color:var(--main-text-font-color);padding:0;margin: 0;}
.anmeldeart_container hr            { margin-bottom: 40px; width: 100%; height: 1px; border: 0; color: var(--main-color); background-color: var(--main-grey); margin-top: 10px;}
    
.anmelden_h2_container              { box-sizing: border-box;float: left; width: 60%; height: 30px;}
.anmelden_pflichtfeld_container     { box-sizing: border-box;float: left; width: 40%; height: 30px; text-align: right;font-size: 16px; color:var(--main-text-font-color);}

.pflichtfeldstern                   { font-size: 16px;color:var(--main-color)}        
.textfelder                         { width: 97%; margin: 5px 0px 5px 0px; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 5px 0px 5px 5px; border: 1px solid var(--main-border-color); font: normal 16px/normal "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:var(--main-text-font-color); -o-text-overflow: clip; text-overflow: clip; background: #f4f4f4; -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset; box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;   text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);}

.login_btn_container                { width: 100%; text-align: right;}
.btn_standard:link 		    		{ font-size: var(--main-btn-font-size); display:inline-block; padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v); padding-bottom:var(--main-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.btn_standard:visited		    	{ font-size: var(--main-btn-font-size); display:inline-block; padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v); padding-bottom:var(--main-btn-padding-v); background-color:var(--main-color);;	text-decoration:none; color:#FFF; border:2px solid var(--main-color);; }
.btn_standard:hover	                { font-size: var(--main-btn-font-size); display:inline-block; padding-left:var(--main-btn-padding-h); padding-right:var(--main-btn-padding-h); padding-top:var(--main-btn-padding-v); padding-bottom:var(--main-btn-padding-v); background-color:white; text-decoration:none; color:var(--main-btn-color); border:2px solid var(--main-color);; }

.container_vorteile                 { padding:16px;box-sizing: border-box;width: 100%; border: 1px solid var(--main-grey); background-color: #f4f4f4; }
.vorteil_check                      { margin-right:6px;float:left; width:15px;height:15px;background-image: var(--theme_pic_check_jpg); background-repeat: no-repeat;}
.vorteil                            { display: flex;align-items: center; box-sizing: border-box;height:15px;}
.vorteil_clear                      { clear: both; height: 8px}

.pw_vergessen_link                  { color:var(--main-text-font-color); text-decoration: underline}
.anmelden_spacer                    { height:25px;}


/* BESTELLFORTSCHRITT + ADRESSDATEN */
.adressdaten_container input[type="radio"] + label { padding-right: 30px; }
.container_lieferadresse .right_side_right         { padding-top: 5px; width:56%;border:0px solid black; float: right; min-height: 18px; text-align: right}
 
.adressdaten_container              { font-size: 15px; color:var(--main-text-font-color); width: 100%; margin-top: 34px;}
.adressdaten_container h1           { font-size: 22px; font-weight: bold;color:var(--main-color);padding:0;margin: 0;}
.adressdaten_container h2           { font-size: 16px; font-weight: bold;color:var(--main-text-font-color);padding:0;margin: 0;}
.adressdaten_container hr           { float:left;margin-bottom: 40px; width: 100%; height: 1px; border: 0; color: var(--main-color); background-color: var(--main-grey); margin-top: 10px;}
.adressdaten_container h3           { font-size: 15px; font-weight: bold;color:var(--main-text-font-color);padding:0;display:inline;margin:0px;}
.container_adresse                  { padding:20px;box-sizing: border-box;float: left; width: 49%; border: 1px solid var(--main-grey); background-color: white; }
.container_lieferadresse            { padding:20px;box-sizing: border-box;margin: 0% 0% 0% 2%; float: left; width: 49%; border: 1px solid var(--main-grey); background-color: white;  }

.line_spacer                        { padding:0px; margin:10px 0 0 0;}
.line_spacer_big                    { padding:0px; margin:20px 0 0 0;}


.adressdaten_container .left_side   { width:48%;border:0px solid black;margin-right: 2%; float: left; min-height: 18px;}
.adressdaten_container .right_side  { width:48%;border:0px solid black; float: left; min-height: 18px;}

.container_lieferadresse .left_side { width:40%;border:0px solid black;margin-right: 2%; float: left; min-height: 18px;}
.container_lieferadresse .right_side{ width:56%;border:0px solid black; float: left; min-height: 18px;}

#firmendaten                        {display: none;}
#firmendaten2                       {display: none;}
#container_lieferadresse            {display: none;}

.pw_vergessen_container              { font-size: 15px; color:var(--main-text-font-color); width: 100%; margin-top: 34px;}
.pw_vergessen_container h1           { font-size: 22px; font-weight: bold;color:var(--main-color);padding:0;margin: 0;}
.pw_vergessen_container h3           { font-size: 15px; font-weight: bold;color:var(--main-text-font-color);padding:0;display:inline;margin:0px;}
.pw_vergessen_container hr           { float:left;margin-bottom: 40px; width: 100%; height: 1px; border: 0; color: var(--main-color); background-color: var(--main-grey); margin-top: 10px;}
.container_pw_vergessen              { margin:0 auto; padding:20px;box-sizing: border-box;width: 49%; border: 1px solid var(--main-grey); background-color: white; }

.versand_zahlungsart_container              { font-size: 15px; color:var(--main-text-font-color); width: 100%; margin-top: 34px;}
.versand_zahlungsart_container h1           { font-size: 22px; font-weight: bold;color:var(--main-color);padding:0;margin: 0;}
.versand_zahlungsart_container h3           { font-size: 15px; font-weight: bold;color:var(--main-text-font-color);padding:0;display:inline;margin:0px;}
.versand_zahlungsart_container hr           { float:left;margin-bottom: 40px; width: 100%; height: 1px; border: 0; color: var(--main-color); background-color: var(--main-grey); margin-top: 10px;}
.container_versand_zahlungsart_container    { margin:0 auto; padding:20px;box-sizing: border-box;width: 100%; border: 1px solid var(--main-grey); background-color: white; }
.versand_zahlungsart_container .left_side   { padding-right: 2%; width:60%; border-right: 1px solid var(--main-border-color); float: left;margin: 0 2% 0 0;  min-height: 18px;}
.versand_zahlungsart_container .right_side  { width:35.9%;border:0px solid black; float: left; min-height: 18px;}

.divTable                                   { display: table;width: 100%;}
.divTableRow                                { display: table-row; }
.divTableHeading                            { display: table-header-group; }
.divTableCell, .divTableHead                { border: 0px solid #999999; display: table-cell; padding: 3px 10px; }
.divTableHeading                            { display: table-header-group;	font-weight: bold; }
.divTableFoot                               { background-color: #EEE;	display: table-footer-group; font-weight: bold; }
.divTableBody                               { display: table-row-group; }
.divTableCell.Right                         { text-align: right; }
.divTableCell.Spacer                        { padding: 8px; }

.bestl_pruefen_brn_container                { width: 100%;text-align: right;}
.login_btn_container_float                  { float: right; width: 100%; text-align: right; }

.bestelluebersicht_container                { font-size: 15px; color:var(--main-text-font-color); width: 100%; margin-top: 34px;}
.bestelluebersicht_container h1             { font-size: 22px; font-weight: bold;color:var(--main-color);padding:0;margin: 0;}
.bestelluebersicht_container h2             { font-size: 18px; font-weight: bold;color:var(--main-color);padding:0;margin: 0;}
.bestelluebersicht_row_1_container          { width: 100%;border: 0px solid var(--main-border-color); float:left}
.bestelluebersicht_box_left                 { padding: 20px; box-sizing: border-box; float: left; width: 23.5%; border: 1px solid var(--main-grey); background-color: white; margin-right: 2%; }
.bestelluebersicht_box_right                { padding: 20px; box-sizing: border-box; float: left; width: 23.5%; border: 1px solid var(--main-grey); background-color: white; }
.bestelluebersicht_box_warenkorb            { padding: 20px; box-sizing: border-box; float: left; width: 100%; border: 1px solid var(--main-grey); background-color: white;  }

.bestelluebersicht_box_warenkorb .warenkorb_hr hr {  color: var(--main-text-font-color); background-color: #646567; }


.bestelluebersicht_box_warenkorb .warenkorb_summe_gesamtpreis                   { font-size: var(--wk-sum-ges-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .warenkorb_tabelle_ueberschriften              { font-size: var(--wk-ue-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .warenkorb_artikelname                         { font-size: var(--wk-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .warenkorb_einzelpreis                         { font-size: var(--wk-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .number-input input[type=number]               { font-size: var(--wk-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .warenkorb_gesamtpreis                         { font-size: var(--wk-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .warenkorb_summe_netto                         { font-size: var(--wk-sum-net-font-size); font-weight: bold; }
.bestelluebersicht_box_warenkorb .warenkorb_summe_mwst                          { font-size: var(--wk-sum-st-font-size);  }
.bestelluebersicht_box_warenkorb .warenkorb_summe_brutto                        { font-size: var(--wk-sum-bru-font-size); }
.bestelluebersicht_container input[type="checkbox"] + label                     { padding-left: 27px; text-indent: -27px; display: block; }

.bestelluebersicht_container .bestelluebersicht_box_right a                     { display: block; background-image:  var(--theme_pic_stift_grau_png);
	 background-repeat: no-repeat; padding-left:25px; font-size: var(--wk-font-size); color: var(--main-text-font-color); text-decoration: none; }
.bestelluebersicht_container .bestelluebersicht_box_right a:hover               { background-image:  var(--theme_pic_stift_gruen_png); 	
	color: var(--main-color); text-decoration: none; }
.bestelluebersicht_container .bestelluebersicht_box_left a                      { display: block; 
	background-image: var(--theme_pic_stift_grau_png); 
	background-repeat: no-repeat; padding-left:25px; font-size: var(--wk-font-size); color: var(--main-text-font-color); text-decoration: none; }
.bestelluebersicht_container .bestelluebersicht_box_left a:hover                { 
	background-image: var(--theme_pic_stift_gruen_png); 
	color: var(--main-color); text-decoration: none; }
.line_spacer_big.minheight                                                      { min-height: 100px}
.link_gruen                                                                     { font-size: 15px;color:var(--main-color); text-decoration: none;   }
.link_gruen:hover                                                               { text-decoration: underline;}

 /* Spaltenanpassung*/

@media only screen
  and (min-width: 1550px)
  and (max-width: 1800px) {
      .col-2        {width: 12%;}
      .col-8        {width: 76%;}
}

@media only screen
  and (min-width: 1350px)
  and (max-width: 1550px) {
      .col-2        {width: 10%;}
      .col-8        {width: 80%;}
}
 
@media only screen
  and (min-width: 1300px)
  and (max-width: 1350px) {
      .col-2        {width: 3%;}
      .col-8        {width: 94%;}
}
 
@media only screen
  and (min-width: 1200px)
  and (max-width: 1300px) {
      .col-2        {width: 1%;}
      .col-8        {width: 98%;}
}




 /*Desktop*/

@media only screen
  and (min-width: 1200px)
  {

.header_wrapper                {width:1230px; } 

/*.right_column_mobile           {display:none} XX140523*/
}
 

 /* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen
  and (min-width: 992px)
  and (max-width: 1199px) {


[class*="col-"] {
    width: 100%;
}

/* Headbereich */   
      
.firstrow_logo                 { float: left; margin-left: 20px; width:316px;height:91px;background-image:var(--main-logo); background-repeat:no-repeat; }
.firstrow                      { height: 0px; margin-bottom: 3px; }
.firstrow_suche                { margin-left:75px; margin-right: 40px; width: 200px;}
.col-8.firstrow                { height: 105px; margin-bottom: 3px; }    
.firstrow_suchfeld             { width: 150px; }
      

.thirdrow                      { margin-left: 20px;} 
      
  
      
/* Footerbereich */  
.lastrow                       { padding-top:15px; padding-bottom:0px;}     
.newsletter_bild               { width: 300px;height: 100px; 	background-image: var(--theme_pic_newsletter_bild_jpg); background-repeat: no-repeat;background-size: contain;}
.newsletter_bild               { margin-left: 20px; }
	  
.adviser_area               { width: 300px;height: 100px; margin-left: 20px; }
.newsletter_text               { left:80px;top:0px;}
.socialmedia_text              { left:174px;top:0px; }
.spacer_footer                 { height: 10px; }
.footer_nav                    { margin-left: 20px; /* padding-right: 200px;*/padding-bottom: 15px;}

      
/* Kategorieseite */      
.fourthrow                     { margin-left: 20px; } 
   
.fifthrow_wrapper              { margin-left:20px;width:992px;}      
.fifthrow_zweite_spalte        { padding-left:5px;width: 655px;}
.artikelcontainer_mehr         { width:600px; height: 50px; display: block; margin-top:10px;margin-bottom:10px; margin-left: 0px; }
.fifthrow_wrapper              { width:972px;}
      
      
      

/* Startseite */
.col-8.teaser                 { width:100%}
.teaser_container             { width: 100%;}
.teaser_headline              { padding-left: 30px;}
.teaser_bild                  { width: 100%;background-size: contain;} 
.teaser_kasten                { left: 30px; top: 20px; width: 270px; padding: 15px;}
.row.teaser                   { padding-bottom: 10px;} 
      
.bildslider_first_headline            { margin-left: 30px; }   
.bildslider_second_headline           { margin-left: 30px; }   
.slider.slideshow_1 .artikelcontainer { width: 280px !important; margin-right: 10px !important; margin-left: 0px !important;}      
.slider.slideshow_2 .artikelcontainer { width: 280px !important; margin-right: 0px !important; margin-left: 0px !important;}      
.slick-slide.slick-active             { width: 300px !important;}
.slick-list                           { width: 900px; }    
.slick-slide.slick-cloned             { width: 0px !important;} 
.bildslider_first_container           { width:100%; }  
.bildslider_second_container          { width:100%; }     
.slideshow_1 .slick-dots li button:before { color: white !important; font-size: 10px !important; } 
.slideshow_2 .slick-dots li button:before { color: var(--main-color) !important; font-size: 10px !important; opacity: 0.5; } 
      
   /* Warenkorb */
      
.warenkorb_container                  { margin:5px;}
 
/* BESTELLFORTSCHRITT + ANMELDUNG*/


      
.btn_standard:link 		    		  { font-size: 18px;  }
.btn_standard:visited		    	  { font-size: 18px;  }	
.btn_standard:hover	                  { font-size: 18px;  }

     
.versand_zahlungsart_container            { font-size:13px}      
.container_versand_zahlungsart_container  { width: 90%;}         
.versand_zahlungsart_container .left_side { width: 62%;}
.versand_zahlungsart_container .right_side{ width: 32.9%;}
.login_btn_container                      { width: 100%;}
.bestl_pruefen_brn_container              { width: 95%;}
      
.container_adresse                        { width: 95%; margin-right: auto; margin-left: auto;     float: inherit;}   
.container_lieferadresse                  { width: 95%;margin-top: 35px; margin-right: auto; margin-left: auto; float: inherit; min-height: 65px }   
.login_btn_container_float                { width: 95%;margin-right: auto;margin-left: auto; float: inherit; margin-top: 30px; }

.bestelluebersicht_container h1           { margin-left: 20px; }
.bestelluebersicht_box_left               { margin-right: 0%; margin-left: 2%; width: 22.5%;}  
.bestelluebersicht_box_right              { margin-right: 2%; margin-left: 2%; width: 22.5%; }      
.bestelluebersicht_box_warenkorb          { width: 96%; margin-left: 2%; margin-right: 2%; }   
.bestelluebersicht_container
input[type="checkbox"] + label            { padding-left: 48px;}
.bestl_pruefen_brn_container              { width: 98%; }     
      
}





/* Tablet Hochformat (Portrait) */
@media only screen
  and (min-width: 768px)
  and (max-width: 991px) {
[class*="col-"] {
    width: 100%;
}
/* Headbereich */   
      
.firstrow_logo                 { float: left; margin-left: 10px; width:73px;height:91px;background-image:var(--main-logo); background-repeat:no-repeat; }
.firstrow                      { height: 0px; margin-bottom: 3px; }
.firstrow_suche                { margin-left:60px; margin-right: 50px; width: 200px;}
.col-8.firstrow                { height: 105px; margin-bottom: 3px; }    
.firstrow_suchfeld             { width: 150px; }
      
      
.thirdrow                      { margin-left: 10px;} 
  
      
      
/* Footerbereich */  
.lastrow                       { padding-top:15px; padding-bottom:0px;}     
.newsletter_bild               { width: 100%;background-position: center center; 	background-image: var(--theme_pic_newsletter_bild_jpg); background-repeat: no-repeat;background-size: 99%;}
.newsletter_bild               { margin-left: 0px;margin-right: 0px;margin-top:9px;margin-bottom:20px;}
	  
	  .adviser_area               { width: 100%; margin-left: 0px;margin-right: 0px;margin-top:9px;margin-bottom:20px;}

.newsletter_text               { left:10px;top:0px;}
.socialmedia_text              { left:80px;top:0px; }
.spacer_footer                 { height: 15px; }
.footer_nav                    { margin-left: 10px; /*padding-right: 170px;*/ padding-bottom: 15px;}
      

.footer_nav a                  { font-size:14px; }
.footer_ueberschriften         { font-size:18px; }




/* Kategorieseite */      
.fourthrow                     { margin-left: 10px; } 
   
.fifthrow_wrapper              { padding-left:10px;width:738px;}      
.fifthrow_zweite_spalte        { margin-left: 305px;padding-left:0px;width: 445px;border:0px solid black;}
.artikelcontainer_mehr         { width:600px; height: 50px; display: block; margin-top:10px;margin-bottom:10px; margin-left: 0px; }
      
.secondrow_nav   a             { padding-left: 10px;padding-right: 0px;}

.artikelcontainer              { width:47%; margin-bottom: 10px; margin-right: 10px;}

	 /*.artikelname                   { font-size:18px;}                    */
/*.artikeleigenschaften          { font-size:14px;}                    */
/*.artikelpreis                  { font-size:28px;}                    */
.artikelbild                   { background-size: 99%;margin-top: 0px;margin-bottom: 0px; height:158px;}                    
.artikelcontainer_mehr         { width:430px; height: 50px; display: block; margin-top:10px;margin-bottom:10px; margin-left: 0px; }

      
.fifthrow_zweite_spalte        {margin-left:295px;width:435px;}
     
      



   
      
/* Startseite */
.col-8.teaser                 { width:100%}
.teaser_container             { width: 100%;}
.teaser_headline              { padding-left: 30px;}
.teaser_kasten_headline       { margin-bottom: 0px;font-size: 14px !important}  
.teaser_kasten_subline        { margin-bottom: 0px;font-size: 12px !important}      
.teaser_bild                  { height: 200px; width: 100%;background-size: contain;} 
.teaser_kasten                { left: 30px; top: 20px; width: 270px; padding: 15px;}
.row.teaser                   { padding-bottom: 10px;} 
      
.bildslider_first_headline            { margin-left: 30px; }   
.bildslider_second_headline           { margin-left: 30px; }   
.slider.slideshow_1 .artikelcontainer { height: auto !important;width: 280px !important; margin-right: 10px !important; margin-left: 0px !important;}      
.slider.slideshow_2 .artikelcontainer { height: auto !important;width: 280px !important; margin-right: 0px !important; margin-left: 0px !important;}      
.slider.slideshow_1 .artikelbild      { margin-top: 10px  !important;}      
.slider.slideshow_2 .artikelbild      { margin-top: 10px !important;} 
.teaser_kasten_button                 { font-size: 12px !important;}        
.slick-slide.slick-active             { width: 300px !important;}
.slick-list                           { width: 600px; }    
.slick-slide.slick-cloned             { width: 0px !important;} 
.bildslider_first_container           { width:100%; }  
.bildslider_second_container          { width:100%; }     
.slideshow_1 .slick-dots li button:before { color: white !important; font-size: 10px !important; } 
.slideshow_2 .slick-dots li button:before { color: var(--main-color) !important; font-size: 10px !important; opacity: 0.5; } 
.teaser_kasten_button                 { font-size: 12px !important; margin: 0}   
     
      
  
/* Warenkorb */
      
.warenkorb_container                { margin:5px; padding:15px 10px 15px 10px}
    
      


      
.btn_standard:link 		    		  { font-size: 15px;  }
.btn_standard:visited		    	  { font-size: 15px;  }	
.btn_standard:hover	                  { font-size: 15px;  }
 
.versand_zahlungsart_container            { font-size:12px} 
.container_versand_zahlungsart_container  { width: 90%;}         
.versand_zahlungsart_container .left_side { width: 62%;}
.versand_zahlungsart_container .right_side{ width: 32.9%;}
.login_btn_container                      { width: 100%;}
.bestl_pruefen_brn_container              { width: 95%;}
      
.container_adresse                        { width: 95%; margin-right: auto; margin-left: auto;     float: inherit;}   
.container_lieferadresse                  { width: 95%;margin-top: 35px; margin-right: auto; margin-left: auto; float: inherit; min-height: 65px }   
.login_btn_container_float                { width: 95%;margin-right: auto;margin-left: auto; float: inherit; margin-top: 30px; }
 
.bestelluebersicht_container              { font-size: 12px;}
.bestelluebersicht_container h1           { margin-left: 20px; font-size: 17px; }
.bestelluebersicht_container h2           { font-size: 12px; }
.bestelluebersicht_box_left               { padding:10px;margin-right: 0%; margin-left: 2%; width: 22.5%;}  
.bestelluebersicht_box_right              { padding:10px;margin-right: 2%; margin-left: 2%; width: 22.5%; }      
.bestelluebersicht_box_warenkorb          { width: 96%; margin-left: 2%; margin-right: 2%; }   
.bestelluebersicht_container
input[type="checkbox"] + label            { padding-left: 48px;}
.bestl_pruefen_brn_container              { width: 98%; }    
.link_gruen                               { font-size: 12px; } 
      
      
.bestelluebersicht_container .bestelluebersicht_box_left a             { font-size: 12px; } 
.bestelluebersicht_container .bestelluebersicht_box_right a            { font-size: 12px; }

	 /*.bestelluebersicht_box_warenkorb .warenkorb_tabelle_ueberschriften     { font-size: 12px; } 
.bestelluebersicht_box_warenkorb .warenkorb_artikelname                { font-size: 12px; }
.bestelluebersicht_box_warenkorb .warenkorb_lieferzeit                 { font-size: 12px; }
.bestelluebersicht_box_warenkorb .warenkorb_merkliste                  { font-size: 12px; }*/
.bestelluebersicht_container .warenkorb_td_2                           { padding-right: 5px; }  
.bestelluebersicht_container input[type="checkbox"] + label            { line-height: 1.7;} 
      
      

      
      
      
      
      
}




/* Smartphone Hochformat  */

@media only screen and (max-width: 600px) {
	/* Kopfbereich */
[class*="col-"] 			   { width: 100%;}
.collapsible                   { display: block;}
    
.firstrow_logo                 { width:100%;background-image:var(--main-logo); background-repeat:no-repeat;background-size: contain; background-position: center center;}
.col-2.firstrow                { height: 0px; }    
.col-8.firstrow                { height: 265px; width:100%} 
.firstrow                      { height: 0px; margin-bottom: 3px; }
.firstrow_suche                { margin-top: 30px;margin-right: 0px;margin-left: 0px; height: 0px;  width:100%;  display: flex; align-items: center; justify-content: center;} 

.firstrow_nav                  { height: 80px; width:70px;margin: 6px;  }
#firstrow_navleiste            { width:100%; display: flex; align-items: center; justify-content: center;border:0px solid black;padding-top: 50px; }

.thirdrow_home                  { margin-left:10px;padding-right: 10px;} 
.thirdrow_link                  { display:none;}

.newsletter_bild            {left:0px;top:0px;position: relative; width: 100%;height: 125px; 	background-image: var(--theme_pic_newsletter_bild_jpg); background-repeat: no-repeat; border: 0px solid var(--main-grey); background-position:  center center; background-size: contain;}
.adviser_area            {left:0px;top:0px;position: relative; width: 100%;height: 125px; border: 0px solid var(--main-grey); }
	
.lastrow                    {overflow:auto;background-color: var(--main-grey); padding-top:15px; padding-bottom:10px;}
   
.socialmedia_text           {left:0px;top:0px;padding: 15px 0px 15px 10px; border: 0px solid white; float: none; width: 250px;}
.newsletter_text            {left:0px;top:0px;padding: 150px 0px 15px 10px; border: 0px solid white; float: none; width: 250px;}
.footer_nav                 {padding-left: 15px; padding-right: 0px;padding-bottom: 15px; float: none;}
.footer_ueberschriften      {font-size: 20px;}   
.footer_nav a               {font-size: 14px;}
   
    
    
    
    
  /* Kategorieseite*/  
.fourthrow                  { height: auto;padding-left: 15px;padding-bottom:10px;padding-right:15px; font-size:16px; font-weight: 700;  color: var(--main-color);  } 
.fifthrow_steuerung_wrapper { display: none; }   
.fifthrow_wrapper         {width: 100%}
.fifthrow_steuerung       {width: 100%}
.fifthrow_zweite_spalte   {width: 100%; margin: 0px; }
    
    
    
#jqxExpander_Angebote              { padding-bottom: 10px;}
#jqxExpander_Preis                 { padding-bottom: 10px;}
.jqxExpander_kat          	       { padding-bottom: 10px;}
#jqxExpander_Verfuegbarkeit        { padding-bottom: 10px;}
    
.artikelcontainer       { float: none; margin: 10px; width:80%;margin-left: auto; margin-right: auto}     
  
.clear_kat {height:5px;}
.artikelcontainer_mehr        {width:100%; height: 50px;  margin-top:10px;margin-bottom:10px;margin-left: auto; margin-right: auto }
    
    
  
    
          
/* Startseite */
.col-8.teaser                 { width:100%;padding-top: 20px;}
.teaser_container             { width: 100%;}
.teaser_headline              { padding-left: 0px;text-align: center;}
.teaser_kasten_headline       { margin-bottom: 0px;font-size: 14px !important}  
.teaser_kasten_subline        { margin-bottom: 0px;font-size: 12px !important}      
.teaser_bild                  { height: 200px; width: 100%; background-size: cover; padding: auto auto !important; display: flex; align-content: center; align-items: center; text-align: center; justify-content: center;}
.teaser_kasten                { left: 0px; top: 0px; width: 270px; padding: 15px;text-align: center;}
.row.teaser                   { padding-bottom: 10px;} 
.col-12.titelbild             { height: 250px!important; }  
.titelbild_headline           { font-size: 30px;}
.titelbild_subline            { font-size: 14px;}
.titelbild_button             { font-size: 14px !important;}
.bildslider_first_headline            { margin-top: 27px;padding-left: 0px;text-align: center; }   
.bildslider_second_headline           { margin-top: 27px;padding-left: 0px;text-align: center;}   
.slider.slideshow_1 .artikelcontainer { height: auto !important;width: 260px !important; margin-right: 10px !important; margin-left: 0px !important;}      
.slider.slideshow_2 .artikelcontainer { height: auto !important;width: 260px !important; margin-right: 0px !important; margin-left: 0px !important;}      
.slider.slideshow_1 .artikelbild      { margin-top: 10px  !important;}      
.slider.slideshow_2 .artikelbild      { margin-top: 10px !important;} 
.teaser_kasten_button                 { font-size: 12px !important;}        
.slick-slide.slick-active             { width: 262px !important;}
.slick-list                           { width: 262px; }    
.slick-slide.slick-cloned             { width: 0px !important;} 
.bildslider_first_container           { width:100%; }  
.bildslider_second_container          { width:100%; }     
.slideshow_1 .slick-dots li button:before { color: white !important; font-size: 10px !important; } 
.slideshow_2 .slick-dots li button:before { color: var(--main-color) !important; font-size: 10px !important; opacity: 0.5; } 
.teaser_kasten_button                 { font-size: 12px !important; margin: 0}   
         
/*WARENKORB*/

    .warenkorb_container table,
    .warenkorb_container thead, 
    .warenkorb_container tbody, 
    .warenkorb_container th,
    .warenkorb_container td, 
    .warenkorb_container tr {
	display: block;
	}
    
.fourthrow                             { padding-left: 5px; }
.warenkorb_container                   { padding:5px}
.warenkorb_bild                        { width: 60px;height:60px; float: left;margin-right: 10px;}
/*.warenkorb_artikelname                 { font-size: 12px; font-weight: bold; }
.warenkorb_lieferzeit                  { font-size: 11px; }
.warenkorb_merkliste                   { font-size: 11px; }*/
/*.warenkorb_td_3                        { display:none !important}
.warenkorb_td_4                        { display:none !important}  
.warenkorb_td_2                        { float:left; width: 70%}  
.warenkorb_td_5                        { float:left; width: 30%; margin-top: 10px;}  
.warenkorb_td_6                        { float:right; width: 45%; margin-bottom: 10px; margin-top: 10px;}  
	*/
.warenkorb_tabelle_ueberschriften      { display:none !important}    
.number-input                          { border: 1px solid var(--main-border-color);}
.number-input button                   { width: 2rem; height: 2rem; }
.number-input input[type=number]       { max-width: 3rem; padding: .5rem; border-width: 0 1px; font-size: 14px; height: 2rem; }
.warenkorb_einzelpreis_mobil           { display:block;font-size: 11px;}
.warenkorb_loeschen_mobil              { font-size: 11px; display:inline;}
.warenkorb_preisberechnung_container   { width:310px;}
.warenkorb_preisberechnung_lspalte     { width:170px; float:left;}
.warenkorb_preisberechnung_rspalte     { width:140px; float:right;}
.warenkorb_gesamtpreis                 { font-size: 14px;} 
.warenkorb_summe_netto                 { font-size: 14px;} 
.warenkorb_summe_mwst                  { font-size: 14px;} 
.warenkorb_summe_brutto                { font-size: 14px;} 
.warenkorb_summe_gesamtpreis           { font-size: 16px;} 
.zur_kasse_btn 			       { font-size: 16px;}
	.zur_kasse_btn:link 			       { font-size: 16px;}
.zur_kasse_btn:visited			       { font-size: 16px;}
.zur_kasse_btn:hover	               { font-size: 16px;}

.modal-content p                       { margin: 12px 0 0;font-size: 12px !important; }

.warenkorb_cross_mobile                { display: block;position: absolute; width:5px;font-size: 12px; font-weight: bold;right:10px;color:var(--main-text-font-color);}
    
    


      
.btn_standard:link 		    		  { font-size: 15px;  }
.btn_standard:visited		    	  { font-size: 15px;  }	
.btn_standard:hover	                  { font-size: 15px;  }
  
          
.bestellfortschritt                   { width: 100%; height:49px;margin-top: 33px;}
.bestellfortschritt_1_active          { padding: 15px 15px 15px 20px;font-size: 12px;}
.bestellfortschritt_1_active_2        { padding: 15px 15px 15px 20px;font-size: 12px;}
.bestellfortschritt_2_active          { padding: 15px 15px 15px 20px;font-size: 12px;}
.bestellfortschritt_2_active_2        { padding: 15px 15px 15px 20px;font-size: 12px;}
.bestellfortschritt_2_inactive        { padding: 15px 15px 15px 20px;font-size: 12px;}
.bestellfortschritt_3_inactive        { padding: 15px 5px 15px 15px;font-size: 12px;}
.bestellfortschritt_3_active          { padding: 15px 5px 15px 15px;font-size: 12px;}


    
    
.container_versand_zahlungsart_container  { width: 90%;}         
.versand_zahlungsart_container .left_side { width: 100%; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid var(--main-border-color); border-right: 0px solid var(--main-border-color);}
.versand_zahlungsart_container .right_side{ width: 100%;}
.login_btn_container                      { width: 100%;}
.bestl_pruefen_brn_container              { width: 95%;}
      
         
.versand_zahlungsart_container            { font-size: 12px;}
.versand_zahlungsart_container h1         { font-size: 18px;}
.versand_zahlungsart_container h3         { font-size: 12px;}
.versand_zahlungsart_container hr         { margin-bottom: 15px; }
    
.adressdaten_container .left_side       { width: 100%; margin-bottom: 15px;}
.adressdaten_container .right_side_right{ width: 100%; padding-top: 0px;margin-top: -5px;}
.adressdaten_container .right_side      { width: 100%;}

.container_adresse                        { width: 95%; margin-right: auto; margin-left: auto;     float: inherit;}   
.container_lieferadresse                  { width: 95%;margin-top: 35px; margin-right: auto; margin-left: auto; float: inherit; min-height: 90px }   
.login_btn_container_float                { width: 95%;margin-right: auto;margin-left: auto; float: inherit; margin-top: 30px; }     
.container_lieferadresse .left_side       { width: 100%; margin-bottom: 15px;}
.container_lieferadresse .right_side_right{ width: 100%; padding-top: 0px;margin-top: -5px;}
.container_lieferadresse .right_side      { width: 100%;}
        
.adressdaten_container h3                 { font-size: 12px; }
.adressdaten_container h1                 { font-size: 20px; }  
.adressdaten_container h2                 { font-size: 14px; }  
    
.container_lieferadresse .right_side_right { text-align: left; }    
.adressdaten_container hr                  { margin-bottom: 15px; }

.adressdaten_container input[type="radio"] + label { font-size: 12px; }

    
.bestelluebersicht_container              { font-size: 11px;}
.bestelluebersicht_container h1           { margin-left: 10px; font-size: 15px; }
.bestelluebersicht_container h2           { font-size: 13px; }
.bestelluebersicht_box_left               { padding:10px;}  
.bestelluebersicht_box_right              { padding:10px;margin-right: 3%; }      
.bestelluebersicht_box_warenkorb          { padding:10px;width: 94%; margin-left: 3%; margin-right: 3%; }   
.bestelluebersicht_container
input[type="checkbox"] + label            { padding-left: 38px; padding-right: 11px;}
.bestl_pruefen_brn_container              { width: 98%; }    
.link_gruen                               { font-size: 11px; } 
      
      
.bestelluebersicht_container .bestelluebersicht_box_left a             { font-size: 11px; } 
.bestelluebersicht_container .bestelluebersicht_box_right a            { font-size: 11px; }
/*.bestelluebersicht_box_warenkorb .warenkorb_tabelle_ueberschriften     { font-size: 11px; } 
.bestelluebersicht_box_warenkorb .warenkorb_artikelname                { font-size: 11px; }
.bestelluebersicht_box_warenkorb .warenkorb_lieferzeit                 { font-size: 11px; }
.bestelluebersicht_box_warenkorb .warenkorb_merkliste                  { font-size: 11px; }*/
.bestelluebersicht_container .warenkorb_td_2                           { padding-right: 5px; }  
.bestelluebersicht_container input[type="checkbox"] + label            { line-height: 1.7;} 
      
.bestelluebersicht_box_left.bbox1         { margin-right: 1.5%; margin-left: 3%; width: 45.5%; margin-bottom: 3%; } 
.bestelluebersicht_box_left.bbox2         { margin-right: 3%; margin-left: 1.5%; width: 45.5%; margin-bottom: 3%; } 
.bestelluebersicht_box_left.bbox3         { margin-right: 1.5%; margin-left: 3%; width: 45.5%; } 
.bestelluebersicht_box_right.bbox4        { margin-right: 3%; margin-left: 1.5%; width: 45.5%; } 
   
.bestelluebersicht_box_warenkorb .number-input input[type=number] { font-size: 11px; } 
.number-input input[type=number]          { max-width: 4rem; padding: .2rem; height: 2.5rem; }
.number-input button                      { width: 2.5rem; height: 2.5rem; }     
      
.bestelluebersicht_box_warenkorb .warenkorb_cross_mobile { right: 25px; }
.bestelluebersicht_box_warenkorb .warenkorb_summe_netto  { font-size: 15px; }  
    
    
    
    
    
    
    
    
    
    
    
    
    
}

/* Smartphone Querformat (Landscape) */
@media only screen
  and (min-width: 601px)
  and (max-width: 767px) {

[class*="col-"] {    width: 100%;}
.collapsible                   { display: block;}
    
.firstrow_logo                 { width:100%;background-image:var(--main-logo); background-repeat:no-repeat;background-size: contain; background-position: center center;}
.col-2.firstrow                { height: 0px; }    
.col-8.firstrow                { height: 265px; width:100%} 
.firstrow                      { height: 0px; margin-bottom: 3px; }
.firstrow_suche                { margin-top: 30px;margin-right: 0px;margin-left: 0px; height: 0px;  width:100%;  display: flex; align-items: center; justify-content: center;} 

.firstrow_nav                  { height: 80px; width:70px;margin: 6px;  }
#firstrow_navleiste            { width:100%; display: flex; align-items: center; justify-content: center;border:0px solid black;padding-top: 50px; }
.thirdrow_home                  { margin-left:10px;padding-right: 10px;} 
.thirdrow_link                  { display:none;}

.newsletter_bild               { margin-top: 25px; width: 100%; height:175px; background-position: center center; 	background-image: var(--theme_pic_newsletter_bild_jpg); background-repeat: no-repeat;background-size:cover;}
.lastrow                    {overflow:auto;background-color: var(--main-grey); padding-top:0px; padding-bottom:10px;}

	 .adviser_area              { margin-top: 25px; width: 100%; height:175px; }

	  
.socialmedia_text           {left:0px;top:0px;padding: 20px 0px 15px 10px; border: 0px solid white; float: left; width: 250px;}
.newsletter_text            {left:0px;top:0px;padding: 20px 0px 15px 10px; border: 0px solid white; width: 250px;float: left;}
.footer_nav                 {padding-left: 15px; /*padding-right: 120px;*/padding-bottom: 15px; padding-top: 10px; float: left;}
.footer_ueberschriften      {font-size: 20px;}   
.footer_nav a               {font-size: 14px;}
.spacer_footer              {height:10px;} 
    
    
    
    
  /* Kategorieseite*/  
.fourthrow                  { height: auto;padding-left: 15px;padding-bottom:10px;padding-right:15px; font-size:16px; font-weight: 700;  color: var(--main-color);  } 
.fifthrow_steuerung_wrapper { display: none; }   
.fifthrow_wrapper         {width: 100%}
.fifthrow_steuerung       {width: 100%}
.fifthrow_zweite_spalte   {width: 100%; margin: 0px; display: flex;
flex-wrap: wrap;
justify-content: center;}
    
    
    
#jqxExpander_Angebote              { padding-bottom: 10px;}
#jqxExpander_Preis                 { padding-bottom: 10px;}
.jqxExpander_kat          	       { padding-bottom: 10px;}
#jqxExpander_Verfuegbarkeit        { padding-bottom: 10px;}
    
.artikelcontainer       { float: left; margin: 10px; width:200px;margin-left: 10px; margin-right: 10px}     
  
.clear_kat {height:5px;}
.artikelcontainer_mehr        {width:100%; height: 50px;  margin-top:10px;margin-bottom:10px;margin-left: auto; margin-right: auto }
    /*
.artikelpreis                 {font-size: 26px; }  
.artikeleigenschaften         {font-size: 12px;}   
.artikelname                  {font-size: 16px;}      
      */
      
      
      
      
      
      
      
   
       
/* Startseite */
.col-8.teaser                 { width:100%;padding-top: 20px;}
.teaser_container             { width: 100%;}
.teaser_headline              { padding-left: 0px;text-align: center;}
.teaser_kasten_headline       { margin-bottom: 0px;font-size: 14px !important}  
.teaser_kasten_subline        { margin-bottom: 0px;font-size: 12px !important}      
.teaser_bild                  { height: 200px; width: 100%;background-size: contain;} 
.teaser_kasten                { left: 30px; top: 20px; width: 270px; padding: 15px;}
.row.teaser                   { padding-bottom: 10px;} 
.col-12.titelbild             { height: 250px!important; }  
.titelbild_headline           { font-size: 30px;}
.titelbild_subline            { font-size: 14px;}
.titelbild_button             { font-size: 14px !important;}
.bildslider_first_headline            { margin-top: 27px;padding-left: 0px;text-align: center; }   
.bildslider_second_headline           { margin-top: 27px;padding-left: 0px;text-align: center;}   
.slider.slideshow_1 .artikelcontainer { height: auto !important;width: 280px !important; margin-right: 10px !important; margin-left: 0px !important;}      
.slider.slideshow_2 .artikelcontainer { height: auto !important;width: 280px !important; margin-right: 0px !important; margin-left: 0px !important;}      
.slider.slideshow_1 .artikelbild      { margin-top: 10px  !important;}      
.slider.slideshow_2 .artikelbild      { margin-top: 10px !important;} 
.teaser_kasten_button                 { font-size: 12px !important;}        
.slick-slide.slick-active             { width: 300px !important;}
.slick-list                           { width: 600px; }    
.slick-slide.slick-cloned             { width: 0px !important;} 
.bildslider_first_container           { width:100%; }  
.bildslider_second_container          { width:100%; }     
.slideshow_1 .slick-dots li button:before { color: white !important; font-size: 10px !important; } 
.slideshow_2 .slick-dots li button:before { color: var(--main-color) !important; font-size: 10px !important; opacity: 0.5; } 
.teaser_kasten_button                 { font-size: 12px !important; margin: 0}   
            
/*WARENKORB*/
/*.warenkorb_tabelle_ueberschriften     { font-size:12px;}
.warenkorb_artikelname                { font-size:12px;}
.warenkorb_lieferzeit                 { font-size:10px;}
.warenkorb_merkliste                  { font-size:10px;}
.warenkorb_einzelpreis                { font-size:12px;}
.warenkorb_gesamtpreis                { font-size:14px;}
	  */
.warenkorb_bild                       { width:80px;height:80px}

.warenkorb_td_4                       { width: 8%; }
.warenkorb_td_2                       { width: 44%; }
.warenkorb_muelleimer_container       { padding-left: 5px; }     
      
      
/*WARENKORB OVERLAY*/
.warenkorb_overlay                   { right: 190px; top: 260px; } 
      
      
      
      
/* BESTELLFORTSCHRITT + ANMELDUNG*/
.container_anmelden br                { display: block; line-height: 1px }    
.anmeldeart_container h1              { font-size: 15px;}      
.anmeldeart_container                 { font-size: 12px;}
.anmelden_pflichtfeld_container       { font-size: 11px;}
.anmeldeart_container h2              { font-size: 12px;}
.container_vorteile                   { padding: 7px;}    
.anmelden_h2_container                { height: 10px;}    
.anmelden_pflichtfeld_container       { height: 10px;}    
      
.btn_standard:link 		    		  { font-size: 15px;  }
.btn_standard:visited		    	  { font-size: 15px;  }	
.btn_standard:hover	                  { font-size: 15px;  }
  
.anmeldeart_container hr              { margin-bottom: 20px; }
.vorteil_check                        { height: 25px; }
          
.bestellfortschritt                   { width: 100%; height:49px;margin-top: 33px;}
.bestellfortschritt_1_active          { font-size: 12px;}
.bestellfortschritt_1_active_2        { font-size: 12px;}
.bestellfortschritt_2_active          { font-size: 12px;}
.bestellfortschritt_2_active_2        { font-size: 12px;}
.bestellfortschritt_2_inactive        { font-size: 12px;}
.bestellfortschritt_3_inactive        { font-size: 12px;}
.bestellfortschritt_3_active          { font-size: 12px;}

.container_anmelden                   { padding: 10px; width: 90%;margin: 0% 5% 0% 5%;}  
.container_gastbestellung             { padding: 10px; width: 90%;margin: 0% 5% 0% 5%;min-height: 0px}  
.container_neu_registrieren           { padding: 10px; width: 90%;margin: 20px 5% 20px 5%;}      
   
.container_versand_zahlungsart_container  { width: 90%;}         
.versand_zahlungsart_container .left_side { width: 62%;}
.versand_zahlungsart_container .right_side{ width: 32.9%;}
.login_btn_container                      { width: 100%;}
.bestl_pruefen_brn_container              { width: 95%;}
         
.versand_zahlungsart_container            { font-size: 11px;}
.versand_zahlungsart_container h1         { font-size: 18px;}
.versand_zahlungsart_container h3         { font-size: 12px;}
.adressdaten_container         h3         { font-size: 13px;}

.container_adresse                        { width: 95%; margin-right: auto; margin-left: auto;     float: inherit;}   
.container_lieferadresse                  { width: 95%;margin-top: 35px; margin-right: auto; margin-left: auto; float: inherit; min-height: 65px }   
.login_btn_container_float                { width: 95%;margin-right: auto;margin-left: auto; float: inherit; margin-top: 30px; }     
.container_lieferadresse .left_side       { width: 48%;}
.container_lieferadresse .right_side_right{ width: 48%;}
.container_lieferadresse .right_side      { width: 48%;}
.divTableCell, .divTableHead              { padding: 0px;}
.divTableCell.Spacer                      { padding-top: 12px;}      


.bestelluebersicht_container              { font-size: 13px;}
.bestelluebersicht_container h1           { margin-left: 20px; font-size: 18px; }
.bestelluebersicht_container h2           { font-size: 13px; }
.bestelluebersicht_box_left               { padding:10px;}  
.bestelluebersicht_box_right              { padding:10px;margin-right: 3%; }      
.bestelluebersicht_box_warenkorb          { padding:10px;width: 94%; margin-left: 3%; margin-right: 3%; }   
.bestelluebersicht_container
input[type="checkbox"] + label            { padding-left: 48px;}
.bestl_pruefen_brn_container              { width: 98%; }    
.link_gruen                               { font-size: 13px; } 
      
      
.bestelluebersicht_container .bestelluebersicht_box_left a             { font-size: 13px; } 
.bestelluebersicht_container .bestelluebersicht_box_right a            { font-size: 13px; }
/*.bestelluebersicht_box_warenkorb .warenkorb_tabelle_ueberschriften     { font-size: 13px; } 
.bestelluebersicht_box_warenkorb .warenkorb_artikelname                { font-size: 13px; }
.bestelluebersicht_box_warenkorb .warenkorb_lieferzeit                 { font-size: 13px; }
.bestelluebersicht_box_warenkorb .warenkorb_merkliste                  { font-size: 13px; }*/
.bestelluebersicht_container .warenkorb_td_2                           { padding-right: 5px; }  
.bestelluebersicht_container input[type="checkbox"] + label            { line-height: 1.7;} 
      
.bestelluebersicht_box_left.bbox1         { margin-right: 1.5%; margin-left: 3%; width: 45.5%; margin-bottom: 3%; } 
.bestelluebersicht_box_left.bbox2         { margin-right: 3%; margin-left: 1.5%; width: 45.5%; margin-bottom: 3%; } 
.bestelluebersicht_box_left.bbox3         { margin-right: 1.5%; margin-left: 3%; width: 45.5%; } 
.bestelluebersicht_box_right.bbox4        { margin-right: 3%; margin-left: 1.5%; width: 45.5%; } 
   
.bestelluebersicht_box_warenkorb .number-input input[type=number] { font-size: 13px; } 
.number-input input[type=number]          { max-width: 4rem; padding: .2rem; height: 2.5rem; }
.number-input button                      { width: 2.5rem; height: 2.5rem; }     
.bestelluebersicht_box_warenkorb    .warenkorb_td_6 {
    width: 0%;
}
      
      
}