/*Resets*/
html,
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-239528866-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-239528866-1');
</script>

body{
	height: 100%;
	white-space: normal;
}

h1, h2, h3, h4, p{
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	float: left;
	width: 100%;
}

h1, h2, h3, h4{
	font-family: Arial, sans-serif;
}

ul, li{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	list-style-position: inside;
}

input, 
fieldset{
	box-sizing: border-box;
	max-width: 100%;
}

hr{
	float: left;
	width: 100%;
	height: 2px;
	background: var(--colour-divider);
	border: 0;
}

/*Farben*/
:root{
	--colour-dark-primary: 	 #9aa6b9;
	--colour-primary:		 #d60000;
	--colour-light-primary:	 #9aa6b9;
	--colour-secondary:		 #ffffff;
	--colour-dark-secondary: lightgrey;
	--colour-accent:		 #cc0000;
	--colour-accent-light:	 #ff0000;
	--colour-text-primary:	 #242222;
	--colour-text-secondary: #757575;
	--colour-divider:		 #bdbdbd;
}

/*box für cookie-einverständnis*/
#cookiebox{
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 20px;
	padding: 10px;
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	color: var(--colour-text-primary);
	border: 1px solid var(--colour-divider);
	background: #efefef;
	text-align: centeR;
}

#cookiebox button{
	clear: both;
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	background: var(--colour-dark-primary);
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid var(--colour-divider);
	outline: 0;
	cursor: pointer;
	transition: background .2s;
}

#cookiebox button:hover{
	background: var(--colour-primary);
}

/*Allgemeines*/
body{
	font-family: Arial, sans-serif;
}

.btn_accent{
	border: 0;
	outline: 0;
	background: var(--colour-accent);
	padding: 10px;
	color: #FFF;
	transition: background .2s;
	cursor: pointer;
}

.btn_accent:hover{
	background: var(--colour-accent-light);
}

.btn_accent:disabled,
.btn_accent:disabled:hover{
	background: grey;
	cursor: default;
}

.endefloat{
	clear: both;
	float: left;
	min-height: 1px;
	width: 100%;
}

.abstand, form{
	float: left;
	width: 100%;
}

.ganzbreit{
	float: left;
	width: 100%!important;
}

.hand{
	cursor: pointer;
}

.text_links{
	float: left;
}

.text_rechts{
	float: right; 
	text-align: right;
}

.fett{
	font-weight: bold;
}

.pflichtfelder{
	color: var(--colour-dark-primary);
}

.DSfussnote{
	font-size: 13px;
	color: var(--colour-text-secondary);
}

fieldset{
	border: 1px solid var(--colour-divider);
}

legend{
	font-family: 'Rubik', sans-serif;
	padding-left: 1%;
	padding-right: 1%;
}

.druckericon{
	background: url(../img/icons/print.png) center center/32px 32px no-repeat;
	width: 40px;
	height: 40px;
}

.dwuserEasyRotator{
	max-width: 100%;
}

/*Allgemeines Ende*/

/*Nicht gebrauchte Elemente ausblenden*/
#frmNachrichten,
#block_ueberschrift_begruessung
{display: none;}

/*Container der gesamten Seite*/
#wrapper{
	background: #FFF;
	color: var(--colour-text-primary);
	width: 100%;
	min-width: 950px;
	float: left;
	min-height: calc(100vh - 35px);
}

/*Header*/
#headercontainer{
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	float: left;
	background: url(../../gfxcustomer/kopf.jpg);
	padding-top: 10px;
}

.header{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.logo{
	width: 25%; 
	text-align: center;
	display: flex;
	align-items: center;
}

.logo img{max-width: 100%; max-height: 150px;}

.mittecont{
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.navigation{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	float: left;
}

.navimgcont{width: 12.5%; cursor: pointer;}
.navigation img{width: 100%;}

.suche{
	position: relative;
	float: left;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}

.suchecontainer{
	width: 100%;
	float: left;
	margin-top: 15px;
}

.suche_input{
	width: 100%;
	float: left;
}

.suchfeld{
	width: 85%;
	float: left;
}

.suchfeld input{
	width: 100%;
    height: 35px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: 'PT Sans', sans-serif;
	box-sizing: border-box;
}

.suchbutton{
	width: 15%;
	float: left;
}

.btnsuche{
	width: 100%;
	height: 35px;
	background: url(../img/icons/suche.png) var(--colour-accent) no-repeat center/35px 35px;
	transition: background .2s;
}

.btnsuche:hover{background: url(../img/icons/suche.png) var(--colour-accent-light) no-repeat center/35px 35px;}

#ArtSuche_Wartebalken{
	position: absolute;
	width: calc(85% - 2px);
	left: 1px;
	top: 24px;
	background: url(../img/loading.gif) center center no-repeat #FFF;
	display: none;
}

.suchoptionen{
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 13px;
}

.suchoption_label{
	/*margin-right: 10px;*/
}

.kinfo{
	float: left;
	min-width: 250px;
	max-width: 250px;
	margin: 15px;
	color: var(--colour-text-primary);
	font-family: 'PT Sans', sans-serif;	
}

.kinfo_top{
	width: 100%;
	float: left;
}

.hello{
	width: 100%;
	float: left;
	height: 28px;
    line-height: 28px;
	text-align: center;
}

.kinfo li{
	list-style-type: none;
	font-size: 14px;
}
.wk-info {
	height: 144px;
	width: 440px;
	background: url(../../img/icons/cart.png) 40% center no-repeat; 
	background-size : 30%;
}

#oben-wk-info{
	float: right;
	color: #000000;
	font-size: 15px;
	width: 172px;
	margin-top: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
	line-height: 19px;
	cursor: pointer;
}

#block_login{
	width: 100%;
	float: left;
	margin-top: 5px;
}

.logineingabe{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-evenly;
}

.login_input{
	width: 45%;
	box-sizing: border-box;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.loginbuttons{
	width: 100%;
	margin-top: 5px;
	float: left;
	display: flex;
	justify-content: space-evenly;
}

.btnlogin{
	width: 45%; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

.erwlogin{
	width: 100%;
	float: left;
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
}

.erwlogin_text{cursor: pointer; color: var(--colour-text-secondary); transition: color .2s;}
.erwlogin_text:hover{color: var(--colour-text-primary);}

#block_kundeninfo{
	width: 100%;
	float: left;
}

.login_kundeninfo{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.kinfologout{
	float: left;
	width: 100%;
}

.adressinfo{
	float: left;
	width: 100%;	
	padding-bottom: 5px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 5px;
}

.adressinfo p.block_kundeninfo_adresse{font-size: 15px; padding-top: 1px; padding-bottom: 1px;}
.adressinfo p.block_kundeninfo_adresse:first-of-type{font-weight: bold;}

.budgetinfo{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#block_kundeninfo_budget,
#block_kundeninfo_budget_auslast,
#block_kundeninfo_budget_temp,
#block_kundeninfo_budget_verfueg{
	width: 50%;
	padding-top: 2px;
}

#block_kundeninfo_budget_verfueg{font-weight: bold;}
.positiv{color: #10893a;}
.negativ{color: #890f0f;}

.btnlogout{
	padding-top: 5px;
	padding-bottom: 5px;
}

/*Header Ende*/

/*Hauptbereich*/
#hauptbereich{
	width: 100%;
	float: left;
	display: flex;
	border-bottom: 1px solid var(--colour-divider);
}

/*Links B2C Navi*/
#linksb2c{
	float: left;
	min-width: 250px;
	max-width: 250px;
	/*min-height: 700px;*/
}

.links-navi {
    float: left;
    min-width: 250px;
    max-width: 250px;
    margin: 15px;
	margin-top:0px;
}

.links-navi-punkt {
	color: var(--colour-text-primary);
    font-family: 'PT Sans', sans-serif;
	cursor: pointer;
	font-weight: bold;
}

#links-2{
	float: left;
	width: 100%;
}

#b2c-navi{
	float: left; 
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.b2c-navi-liste{
	float: left;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 15px;
	cursor: pointer;
}

.b2c-navi-punkt{
	float: left;
	width: 100%;
	padding-bottom: 1px;
	margin-top: 10px;
	position: relative;
}

.b2c-navi-punkt:after{
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: var(--colour-text-primary);
	transition: 0.4s;
}

.b2c-navi-punkt:hover:after{
	width: 100%;
}

.b2c-navi-login{
	color: #cc0000;
}

/*Links*/	
#links{
	float: left;
	width: 15%;
	min-width: 290px;
	background: var(--colour-secondary);
	border-right: 1px solid var(--colour-divider);
	font-family: 'PT Sans', sans-serif;
}

.block_inhalt{
	width: 100%;
	float: left;
}

#links .block_ueberschrift {
	text-align: left;
	margin-left:15px;
}

#links .block_ueberschrift h4{
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}


#links .block_inhalt {
	margin-left:15px;
}

#links li:hover{
	background: var(--colour-dark-secondary);
}

/*Warenkorb-Anzeige*/
#warenkorbcontainer{
	float: left;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
}

.warenkorb{
	width: 95%;
	float: left;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.wk_positionen{
	width: 50%;
	float: left;
	font-size: 15px;
}

.wk_liste{
	width: 100%;
	float: left;
	margin-top: 10px;
}

.warenkorbbtn{margin-top: 10px;}

.wk_logo{
	width: 50%;
	float: right;
	text-align: right;
	cursor: pointer;
}

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

/*Tinten- und Tonersuche*/
#tintetonercontainer{
	float: left;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	position: relative;
}

.tintetoner_hl{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.ttauswahl{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.tt_select{
	width: 95%;
	clear: both;
	margin: 3px 2.5% 3px 2.5%;
}

.tintetonerbtn{
	margin-top: 3px;
	width: 75%;
	padding: 7px 0 7px 0;
}

.tintetonerbtn:disabled{
	background: grey;
	cursor: initial;
}

#TT_Wartebalken{
	position: absolute;
	bottom: 10px;
	left: 12.5%;
	width: 75%;
	height: 32px;
	background: url(../img/loading.gif) center center no-repeat #FFF;
	display: none;
}

#block_ueberschrift_info{
	display: none;
}

/*Warengruppen*/
#warengruppen{
	float: left;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.warengruppen_hl{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

#block_ueberschrift_Angebote,
#block_ueberschrift_katalognavigation,
#block_ueberschrift_warengruppennavigation,
#block_ueberschrift_herstellernavigation{
	float: left;
	width: 100%;
	text-align: center;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
}

#warengruppen ul{
	float: left;
	width: 95%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

#warengruppen li{
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: 16px;
	color: var(--colour-text-primary);
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}

#warengruppen li:after{
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: var(--colour-text-primary);
	transition: 0.4s;
}

#warengruppen li:hover:after{
	width: 100%;
}

#warengruppen li.marken_hersteller_aktiviert:hover:after{width: 0;}

.warengruppe_aktiviert{
	border-bottom: 2px solid var(--colour-text-primary);
	font-weight: bold;
}

.warengruppe_aktiviert:hover:after{width: 0%!important;}	

.warengruppen_navigation_liste_unter{
	padding-bottom: 5px;
	border-bottom: 1px solid var(--colour-divider);
}

.unterwarengruppe_aktiviert{
	font-weight: bold;
	transition: padding .2s, width .2s;
}

.unterwarengruppe_aktiviert:hover{
	width: 99%;
	padding-left: 1%;
}

.unterwarengruppe_aktiviert:hover:after{width: 0%!important;}

.marken_hersteller_aktiviert,
.marken_hersteller_deaktiviert{
	float: left;
	width: 100%;
}

.marken_hersteller_aktiviert{
	font-weight: bold;
	border-bottom: 2px solid var(--colour-text-primary);
}

.marken_hersteller_bild{
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
}

.marken_navigation_liste_haupt{
	padding-bottom: 5px;
	border-bottom: 1px solid var(--colour-divider);
}

.marken_warengruppe_aktiviert{
	font-weight: bold;
	float: left;
	width: 100%;
	clear: both;
}

.marken_warengruppe_deaktiviert{
	float: left;
	width: 100%;
	clear: both;
}

.marken_navigation_liste_unter{
	padding-bottom: 5px;
	border-bottom: 1px solid var(--colour-divider);
}

.marken_unterwarengruppe_aktiviert{
	font-weight: bold; 
	transition: width .1s, padding .1s;
}

.marken_unterwarengruppe_aktiviert:hover{
	width: 99%; 
	padding-left: 1%;
}

.marken_warengruppe_aktiviert:hover:after,
.marken_unterwarengruppe_aktiviert:hover:after{
	width: 0%!important;
}

/*Mainbereich*/
#main{
	float: left;
	flex-grow: 1;
	padding: 10px 1% 10px 1%;
	font-size: 15px;
	line-height: 1.3;
	color: var(--colour-text-primary);
}

#main a{
	color: var(--colour-accent);
	text-decoration: none;
	transition: color .2s;
	position: relative;
}

#main a:hover{
	color: var(--colour-dark-primary);
}

/*Mainbereich - Startseite*/
#begruessung_text_festtext{
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
}

#begruessung_text_variabeltext{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	min-height: 1px;
	/*border-bottom: 1px solid var(--colour-divider);*/
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.angebote{
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: calc(50% - 300px);
}

/*
#angebote_rotator{
	width: 50vw;
	height: calc(50vw * 0.4430379746835443);
	position: relative;
	margin: 0 auto;
	display: block;
}
*/
#main .block_ueberschrift{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	font-size: 18px;

}

#block_ueberschrift_nachrichten{
	margin-top: 10px;
	border-top: 1px solid var(--colour-divider);
}

#nachricht_ueberschrift{
	float: left;
	width: 100%;
	background: var(--colour-dark-primary);
	border: 1px solid var(--colour-light-primary);
}

.nachricht_ueberschrift_text{
	color: #FFF;
	font-weight: bold;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
}

.nachricht_spalte_datum{width: 14%;}
.nachricht_spalte_betreff{width: 49%;}
.nachricht_spalte_aktion{width: 14%;}
.nachricht_status{width: 14%;}

.nachricht_zeile{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--colour-divider);
}

.nachricht_zeile_text{
	padding-left: 1%;
	float: left;
}

p.nachricht_zeile_text.hand.unterstrichen{
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
}

p.nachricht_zeile_text.hand.unterstrichen:hover{
	text-decoration: none;
}

#nachricht_btnLesen{
	width: 32px;
	height: 32px;
	background: url(../img/icons/btnLesen.png);
	background-size: 32px 32px;
	border: none;	
	cursor: pointer;
}

#nachricht_btnGelesen{
	width: 32px;
	height: 32px;
	background: url(../img/icons/btnGelesen.png);
	background-size: 32px 32px;
	border: none;
	cursor: pointer;
}

.nachricht_ungelesen{
	font-weight: bold;
	color: #10893a;
}

#frmNachrichten{
	position: absolute;
	width: 75%;
	max-width: 1000px;
	left: 0;
	right: 0;
	top: 25vh;
	margin: auto;
	background: #FFF;
	white-space: initial;
	box-shadow: 0px 0px 0px 9999px rgba(0,0,0,0.7);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#block_ueberschrift_nachricht{
	float: left;
	width: 100%;
	background: var(--colour-dark-primary);
	height: 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.nachricht_ueberschrift{
	width: 49%;
	padding-left: 1%;
	color: #FFF;
	line-height: 40px;
	vertical-align: middle;
}

.nachricht_close{
	width: 49%;
	float: right;
	padding-right: 1%;
	text-align: right;
}

.btnMsgclose{
	cursor: pointer;
	width: 32px;
	height: 32px;
	margin-top: 4px;
}

#taNachricht{
	width: 98%;
	float: left;
	clear: both;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 1%;
	padding-right: 1%;
}

#block_ueberschrift_zuletztgekauft{
	width: 100%;
	border-top: 1px solid #bdbdbd;
	padding-top: 5px;
}

#block_ueberschrift_zuletztgekauft_text,
#block_ueberschrift_text_zulezt_gekauft,
#block_ueberschrift_text_zulezt_angeschaut{
	width: 50%;
    text-align: center;
}

.alles_zuletzt{
	float: left;
	width: 48%;	
	padding-left: 1%;
	padding-right: 1%;
}

.block_unterueberschrift{
	float: left;
	width: 100%;
}

.zuletzt_gekauft_ueberschrift{
	float: left;
	width: 100%;
	background: var(--colour-dark-primary);
	color: #FFF;
}

.zuletzt_gekauft_zeile{
	float: left;
	clear: both;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--colour-divider);
}

.zuletzt_gekauft_text{
	float: left;
	padding-left: 1%;
	white-space: normal;
}

.zuletzt_gekauft_spalte_artikelnr{width: 19%;}
.zuletzt_gekauft_spalte_bez		 {width: 44%;}
.zuletzt_gekauft_spalte_datum	 {width: 19%;}
.zuletzt_gekauft_spalte_aktionen {width: 14%; text-align: center;}

#zuletzt_gekauft_btnInfo{
	width: 48px;
	height: 48px;
	border: none;
	outline: none;
	background: url(../img/icons/btnDetail.png);
	background-size: 48px 48px;
	cursor: pointer;
}

/*Mainbereich - Unterseite Warenkorb*/
#block_ueberschrift_warenkorb_main{
	display: inline-flex;
	text-align: center;
}

.block_ueberschrift_text_rechts{
	float: right;
}

.warenkorb_ueberschrift{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background: var(--colour-dark-primary);
	color: #FFF;
	font-size: 14px;
	font-family: 'Rubik';
}

.warenkorb_spalte{
	float: left;
}

.warenkorb_zeile{
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
}

#warenkorb_spalte_loeschen	  {width: 2.5%; text-align: center; display: table;}
#warenkorb_spalte_menge		  {width: 7%; text-align: center;}
#warenkorb_spalte_bild		  {width: 10%; text-align: center;}
#warenkorb_spalte_artnr		  {width: 13%;}
#warenkorb_spalte_prio		  {width: 6.5%; display:none;}
#warenkorb_spalte_bezeichnung {width: 27%;}
#warenkorb_spalte_preis		  {width: 15%; text-align: right;}
#warenkorb_spalte_preisinfo	  {width: 9%; padding-right: 1%; padding-left: 1%; text-align: center;}
#warenkorb_spalte_wert		  {width: 13%; padding-right: 1%; text-align: right;}
#block_inhalt_warenkorb_main .block_inhalt form { width:100% }
.warenkorb_zeilen_bild{
	max-width: 100%;
	max-height: 100px;
}

#cbPrio, 
.warenkorb_edmenge{
	border: 2px solid var(--colour-accent);
	text-align: center;
}

.warenkorb_edmenge{
	max-width: 75%;
}

#warenkorb_zeilen_text_preis,
#warenkorb_zeilen_text_wert{
	font-weight: bold;
	font-size: 18px;
}

#warenkorb_zeilen_text_preis_PEME,
#warenkorb_zeilen_text_preis_Steuer{
	font-size: 12px;
	color: var(--colour-text-secondary);
}

.artikelliste_preisart{
	font-weight: bold;
	color: var(--colour-primary);
}

.warenkorb_abschluss{
	float: left;
	width: 100%;
	height: 1px;
	clear: both;
}

.warenkorb_summen{
	float: left;
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid var(--colour-divider);
	padding-bottom: 10px;
}

#warenkorb_btnAktualisieren{
	margin-top: 3px;
}

#warenkorb_spalte_gesamt_text{
	font-size: 18px;
}

#warenkorb_spalte_gesamt_text{
	float: right;
}

#warenkorb_spalte_gesamt_wert{
	float: right;
	text-align: right;
	width: auto;
	margin-left: 1%;
}

.warenkorb_summe_gesamt_wert{
	font-weight: bold;
	font-size: 18px;
}

#warenkorb_zeilen_text_preis_Steuer_Summen{
	width: auto;
	clear: both;
	font-size: 12px;
	color: var(--colour-text-secondary);
	float: right;
}

.warenkorb_mindestbestellwert_text,
.warenkorb_mindestbestellwert_wert{
	font-size: 12px;
	color: var(--colour-text-secondary);
}

.warenkorb_buttons{
	margin-top: 10px;
	float: left;
	width: 50%;
}

#warenkorb_btnWeiter{
	margin-bottom: 5px;
}

#block_ueberschrift_warenkorb_adresse{
	text-align: center;
	display: flex;
}

#warenkorb_zahlungsarten_ueberschrift{
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}

.warenkorb_rechnungsadresse_B2B,
.warenkorb_lieferadresse_B2B,
.warenkorb_bemerkung_B2B{
	float: left;
	width: 30%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 5px;
	margin-left: 1%;
	background: var(--colour-secondary);
	border: 1px solid var(--colour-divider);
	transition: background .2s;
}

.warenkorb_rechnungsadresse_B2B:hover,
.warenkorb_rechnungsadresse_B2B:focus,
.warenkorb_lieferadresse_B2B:hover,
.warenkorb_lieferadresse_B2B:focus,
.warenkorb_bemerkung_B2B:hover,
.warenkorb_bemerkung_B2B:focus{
	background: var(--colour-dark-secondary);
}

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

.warenkorb_bemerkung_B2B .warenkorb_RDaten2{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	min-height: 200px;
}

.warenkorb_RDaten2{
	float: left;
	width: 100%;
}

.warenkorb_adresse_div2{
	padding-top: 3px;
	padding-bottom: 3px;
}

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

.warenkorb_adresse_output{
	float: right;
	width: 50%;
}

#edBemerkung{
	padding-left: 1%;
	padding-right: 1%;
	width: 98%;
	resize: vertical;
	flex-grow: 1;
}

#KomNrLabel{
	margin-top: 5px;
}

#warenkorb_spalte_gesamt_aktualisieren{
	width: 50%;
}

#warenkorb_spalte_gesamt_aktualisieren p{
	width: unset;
}

#cbBestellmailKunde,
#cbAGBOK{
	margin-right: 5px;
}

#cbAkzeptAGB{
	margin-top: 5px;
}

#leer_meldung_warenkorb{
	margin-top: 10px;
	font-weight: bold;
	color: var(--colour-dark-primary);
	font-size: 16px;
	text-align: center;
	border-top: 1px solid var(--colour-divider);
	padding-top: 10px;
}

#warenkorb_adresse_eingabe_set,
#warenkorb_adresse_anmeldung_set{
	width: 49.5%;
	margin: 0;
	border: 1px solid var(--colour-divider);
}

#warenkorb_adresse_anmeldung_set{
	margin-left: 1%;
}

.adresseingabe_info{
	float: left;
	width: 100%;
	border-bottom: 1px solid var(--colour-divider);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.adresseingabe_splate{
	float: left;
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.warenkorb_adresse_div{
	padding-top: 3px;
	padding-bottom: 3px;
}

.warenkorb_adresse_label{float: left; width: 50%;}
.warenkorb_adresse_input{float: right; width: 50%;}

#edPLZ{
	width: 24.5%;
	float: left;
}

#edOrt{
	width: 24.5%;
}

.warenkorb_adresse_texarea{
	float: right;
	width: 50%!important;
	box-sizing: border-box;
	min-height: 50px;
}

#warenkorb_adresse_btnWeiter,
#zahlart_btnWeiter{
	margin-bottom: 5px;
}

.warenkorb_rechnungsadresse{
	float: left;
	width: 47%;
	padding-left: 1%;
	padding-right: 1%;
	border: 1px solid var(--colour-divider);
	background: var(--colour-secondary);
	transition: background .2s;
}

.warenkorb_zahlungsarten{
	float: right;
	width: 47%;
	padding-left: 1%;
	padding-right: 1%;
	border: 1px solid var(--colour-divider);
	background: var(--colour-secondary);
	transition: background .2s;
}

.warenkorb_rechnungsadresse:hover,
.warenkorb_zahlungsarten:hover{
	background: var(--colour-dark-secondary);
}

#block_ueberschrift_rechnungsadresse,
#block_ueberschrift_zahlungsarten{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

#block_ueberschrift_text_rechnungsadresse,
#block_ueberschrift_text_zahlungsarten{
	font-size: 16px;
	font-family: 'Rubik', sans-serif;
}

.warenkorb_RBemerkung{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.warenkorb_adresse_texarea2{
	margin-top: 10px;
}

.zahlungsart_ueberschrift{
	float: left;
	width: 100%;
	font-weight: bold;	
	border-bottom: 1px solid var(--colour-divider);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#cbZahlmethode			{width: 5%; text-align: center;}
.zahlungsarten_bild 	{width: 5%; text-align: center;}
.zahlungsarten_text 	{width: 35%;}
.zahlungsarten_wert		{width: 25%;}
.zahlungsarten_porto	{width: 30%;}

.zahlungsart_zeile{
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	width: 100%;
}

#block_ueberschrift_neukunde_bedankung{
	display: flex;
	margin-bottom: 10px;
}

.bestellung_danke{
	line-height: 1.15;
}

.Zahlmethode{
	border-top: 1px solid var(--colour-divider);
	padding-top: 10px;
}

.bestellnummer_gross{
	font-weight: bold;
	font-size: 17px;
	margin-top: 5px;
}

.block_lieferadresse{
	float: left;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid var(--colour-divider);
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

.lieferadresse_ueberschrift{
	font-weight: bold;
	width: 15%;
	min-width: 80px;
	font-size: 16px;
	float: left;
	text-align: center;
}

.lieferadresse_text{
	width: 85%;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

#bestellliste_btnWarenkorb{
	width: 100%;
	max-width: 64px;
	max-height: 64px;
	background: url(../img/icons/cart.png) no-repeat;
	background-position: center center;
	background-size: contain;
	border: 0;
	outline: 0;
	display: table-cell;
}

/*Mainbereich - Unterseite erweiterter Login*/
#block_ueberschrift_login_erweitert{
	text-align: center;
}

.erwlogin_inhalt{
	float: left;
	width: 100%;
}

.erwlogin_form{
	width: 60%;	
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	border: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

#erwLogin{
	float: left;
	width: 100%;
}

.erwlogin_div{
	float: left;
	width: 100%;
}

.erwlogin_abstand{
	margin-top: 3px;
	margin-bottom: 3px;
}

.erwlogin_label{
	float: left;
	width: 30%;
}

.erwlogin_input{
	float: right;
	width: 70%;
}

#erwlogin_btnWeiter{
	margin-top: 5px;
	margin-bottom: 5px;
}

#Loginfehler{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: var(--colour-primary);
}

/*Mainbereich - Unterseite Mein Account*/
#KReiterZeile{
	padding-bottom: 10px;
	border-bottom: 2px solid var(--colour-divider);
	margin-bottom: 10px;
}

#KReiterpasswort,
#KReiterAdressen,
#KReiterHitliste,
#KReiterNachrichten{
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 2px;
}

.internwerkstatt{
	float: left;
	width: 100%;
	border-top: 1px solid var(--colour-divider);
	display: none;
}

#KReiterStoerung,
#KReiterZaehler,
#KReiterStandort,
#KReiterVertrag,
#KReiterVArtikel{
	width: 20%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
}

.KReiterTabs{
	position: relative;
}

.KReiterTabs:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--colour-text-primary);
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.KReiterTabs:hover:before{
	visibility: visible;
	-webkit-transformation: scaleX(1);
	transform: scaleX(1);
}

#KPasswordNeu,
#KNachrichtenklein,
#KAdresseNeu,
#KHitlisteVorschau{
	float: left;
	width: 100%;
}

#KFPasswordNeu{
	float: left;
	width: 100%;
}

.Kpasswort_div{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.Kpasswort_label{
	float: left;
	width: 25%;
	max-width: 160px;
}

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

#Kpasswortfehler{
	font-weight: bold;
	color: var(--colour-primary);
	margin-bottom: 5px;
}

#btnPWAendern{
	margin-bottom: 5px;
}

#KNachrichtenklein{
	margin-top: 10px;
}

#KFNachrichtenklein{
	float: left;
	width: 100%;
}

#Nachrichten_Vorschau_div{
	margin-bottom: 5px;
}

.KNachrichtenZeileBetreff{width: 75%;}
.KNachrichtenZeileDatum{width: 25%;}

#btnNachrichtenvorschau{
	float: left;
	margin-top: 10px;
}

#KFAdresseNeu{
	float: left;
	width: 100%;
}

.divKundenAdressen{
	width: 50%;
}

#btnKunden_Lieferadresse{
	width: unset;
	float: right;
	margin-top: 10px;
}

#btnKunden_Rechnungsadresse{
	width: unset;
	float: left;
	margin-top: 10px;
}

#KWerkstatt{
	padding-top: 10px;
}

#KStoerungLink,
#KVerbrauch,
#KZahlerLink{
	width: 33%;
	float: left;
}

#btnStoerungkurzinfo,
#btnVerbrauchkurzinfo,
#btnZaehlerkurzinfo{
	width: 85%;
	margin-left: 7.5%;
	margin-right: 7.5%;
	text-align: center;
	box-sizing: border-box;
}

/*Mainbereich Unterseite - Adressen*/
#mainRechnungAdresseAendern{
	float: left;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid var(--colour-divider);
	padding-top: 10px;
}

#Rechnungsadresse_form{
	float: left;
	width: 100%;
}

#adressen_eingabe{
	margin-bottom: 10px;
}

.Adressen_div{
	padding-top: 3px;
	padding-bottom: 3px;
	display: flex;
}

.Adressen_label{
	width: 20%;
	max-width: 120px;
	float: left;
}

.Adressen_input{
	float: left;
	flex-grow: 1;
}

#Adressen_ort{
	width: 0;
	margin-right: 1%;
}

#Adressen_btnWeiter{
	margin-bottom: 5px;
}

/*Mainbereich Unterseite - Vertragsliste*/
#btnVertragsSucheStarten,
#btnVertragsSucheClear{
	border: 0;
	outline: 0;
	background: var(--colour-accent);
	padding: 10px;
	color: #FFF;
	transition: background .2s;
	cursor: pointer;
}

#btnVertragsSucheStarten:hover,
#btnVertragsSucheClear:hover{
	background: var(--colour-accent-light);
}

#btnVertragsSucheStarten:disabled,
#btnVertragsSucheStarten:disabled:hover,
#btnVertragsSucheClear:disabled,
#btnVertragsSucheClear:disabled:hover{
	background: grey;
	cursor: default;
}

#edSuche_Vertrag{
	height: 35px;
	font-size: 16px;
}

/*Mainbereich Unterseite - Maschinenliste*/
.Maschinenformblock{
	float: left;
	width: 100%;
	margin-top: 10px;
}

#btnMaschinenSucheStarten,
#btnMaschinenSucheClear{
	border: 0;
	outline: 0;
	background: var(--colour-accent);
	padding: 10px;
	color: #FFF;
	transition: background .2s;
	cursor: pointer;
}

#btnMaschinenSucheStarten:hover,
#btnMaschinenSucheClear:hover{
	background: var(--colour-accent-light);
}

#btnMaschinenSucheStarten:disabled,
#btnMaschinenSucheStarten:disabled:hover,
#btnMaschinenSucheClear:disabled,
#btnMaschinenSucheClear:disabled:hover{
	background: grey;
	cursor: default;
}

#edSuche_Standort{
	height: 35px;
	font-size: 16px;
}

#maschinenliste_ueberschrift{
	background: var(--colour-dark-primary);
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
}

.maschinenliste_spalte_servicenr,
.maschinenliste_spalte_modell,
.maschinenliste_spalte_seriennr,
.maschinenliste_spalte_standort,
.maschinenliste_spalte_vertrag{
	width: 20%;
}

/*Mainbereich Unterseite - Vertragsliste - Zählerstandseingabe*/
#Standort_btnWeiter{
	border: 0;
	outline: 0;
	background: var(--colour-accent);
	padding: 10px;
	color: #FFF;
	transition: background .2s;
	cursor: pointer;
	margin-bottom: 5px;
}

#Standort_btnWeiter:hover{
	background: var(--colour-accent-light);
}

#Standort_btnWeiter:disabled,
#Standort_btnWeiter:disabled:hover{
	background: grey;
	cursor: default;
}

/*Mainbereich Unterseite - Störung*/
.stoerungformblock{
	float: left;
	width: 100%;
	margin-top: 10px;
}

#edSuche_Stoerung{
	height: 35px;
	font-size: 16px;
}

/*Mainbereich Unterseite - Kontaktformular*/
#kontaktformular_alt{
	display: none;
}

#kontaktformular_neu{
	display: block!important;
}

.kontakt_fieldset{
	float: left;
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
}

.kontakt_ueberschrift{
	margin-bottom: 10px;
	text-align: center;
}

.kontaktspalte{
	float: left;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	display: flex;
}

.kontaktlabel{
	float: left;
	width: 25%;
	max-width: 115px;
}

.kontaktinput{
	flex-grow: 1;
}

label.kontaktbetreff{
	float: left;
	width: 25%;
	max-width: 115px;
}

input.kontaktbetreff{
	flex-grow: 1;
}

#kontaktneu_umbruch{
	white-space: pre-line;
	width: 25%;
	max-width: 115px;
}

textarea#kontaktneu_umbruch{
	flex-grow: 1;
	resize: vertical;
	max-width: unset;
	min-height: 120px;
}

.kontaktbutton{
	border: 0;
	outline: 0;
	background: var(--colour-accent);
	padding: 10px;
	color: #FFF;
	transition: background .2s;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 5px;
}

.kontaktbutton:hover{
	background: var(--colour-accent-light);
}

.kontaktbutton:disabled,
.kontaktbutton:disabled:hover{
	background: grey;
	cursor: default;
}

/*Mainbereich Unterseite - Hilfe*/
.hilfe_liste{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

.hilfe_listenpunkt{
	list-style-type: disc;
}

/*Mainbereich Unterseite - Artikelliste - Hauptwarengruppe*/
#uwgcontainer{
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 1%;
	grid-row-gap: 10px;
}

#Unterwarengruppe_Main_Rahmen{
	display: inline-grid;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid var(--colour-divider);
	transition: background .2s;
}

#Unterwarengruppe_Main_Rahmen:hover{
	background: #f5f5f5;
}

#Unterwarengruppe_Main_Bild{
	width: 100%;
	height: 128px;
	background: url(../img/icons/uwg.png) no-repeat;
	background-position-x: center;
	margin-bottom: 10px;
}

#Unterwarengruppe_Main_Bezeichnung{
	text-align: center;
	font-size: 15px;
}

/*Mainbereich Unterseite - Kein Ergebnis Tinte und Toner*/
#btnTTSucheStarten{
	margin-top: 10px;
	width: 33%;
	margin-left: 33.5%;
	margin-right: 33.5%;
}

/*Mainbereich Unterseite - Toneranfrage*/
#toneranfrage_alt{display: none;}
#toneranfrage_neu{display: block!important;}

.toner_fieldset{
	float: left;
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
}

.toner_ueberschrift{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.tonerspalte{
	float: left;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	display: flex;
}

.tonerlabel{
	float: left;
	width: 115px;
}

.tonerinput{
	flex-grow: 1;
}

.tonertext{
	width: 115px;
	white-space: normal;
}

.tonertextarea{
	flex-grow: 1;
	min-height: 100px;
	resize: vertical;
}

/*Mainbereich Unterseite - Artikelliste*/
#block_ueberschrift_artikelliste{
	float: left;
	width: 100%;
}

#block_ueberschrift_artikelliste .block_ueberschrift_text{
	width: 50%;
}

#block_ueberschrift_artikelliste .text_rechts{
	width: 25%;
	font-weight: normal;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
}

#cbSortierung{
	width: 100%;
	box-sizing: border-box;
}

#Artikelliste_Sortierung_Bez{
	width: 20%!important;
	margin-right: 1%;
}

#seitenzahl_kopf{
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

.listen_ueberschrift{
	width: 50%;
	float: left;
	display: flex;
}

#seitenzahl_kopf div.seitenzahl.text_rechts{
	display: flex;
	width: 25%;
	float: right;
}

#seitenzahl_aktiv,
#seitenzahl_inaktiv{
	text-align: center;
}

#seitenzahl_ersteseite  {text-align: left;}
#seitenzahl_letzteseite {text-align: right;}

#seitenzahl_inaktiv:hover,
#seitenzahl_ersteseite:hover,
#seitenzahl_letzteseite:hover{
	font-weight: bold;
}

#seitenzahl_aktiv{
	font-weight: bold;
	color: var(--colour-primary);
}

/*Artikeldarstellung*/
#artikelliste_container{
	/*
	float: left;
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-column-gap: 0.33%;
	grid-row-gap: 10px;
	*/
}

@media only screen and (max-width: 1200px){
	#artikelliste_container{
		grid-template-columns: 49% 49%;
		grid-column-gap: 2%;
	}
}

@media only screen and (min-width: 1500px){
	#artikelliste_container{
		grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
		grid-column-gap: 1%;
	}
}

/*
.artikelliste_artikel_rahmen{
	border: 1px solid var(--colour-divider);
	display: flex;
	flex-direction: column;
	padding-left: 1%;
	padding-right: 1%;
}
*/
.artikelliste_artikel_rahmen { /* width: 32.3%; */ /* bei 3-spaltiger Artikel-Darstellung */
                               width: 100%;        /* bei 1-spaltiger Artikel-Darstellung */ 
                               height: auto;
                               background-color: #ffffff;
                               color:#000000;
                               float: left;
                               border: 1px solid #6586A5;
                               overflow: hidden;
							   margin-bottom:5px;
                             }

/*
.block_ueberschrift_artikel2{
	font-size: 16px!important;
	border-bottom: 1px solid var(--colour-divider);
}
*/
.block_ueberschrift_artikel { background-color:#fff; color:#000;}
.block_ueberschrift_artikel a:hover {color:#ffffff;}  
.block_ueberschrift_artikel .block_ueberschrift_text_rechts { display: none; }

/*
.artikelliste_bild{
	float: left;
	width: 100%;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
}
*/
.artikelliste_bild { width: 120px; 
                     float: left;
				   }
					  					  
/*
#artikelliste_bild_image{
	max-width: 100%;
	max-height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
*/
#artikelliste_bild_image {  
                     float: left;
					 max-width:80px;
					 max-height:80px;
					  }					  

#bez_preis{
	float: left;
	width: 100%;
	min-height: 105px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

/*
.artikelliste_text{
	line-height: 1.15;
	color: var(--colour-text-primary);
	transition: color .2s;
}
*/
.block_inhalt form { width:auto; }

.artikelliste_text { /* width:200px; */
                     overflow: hidden;
                     float: left;
                     font-weight: bold;
                     margin-left: 3px;
                     margin-top: 5px;
					 color: #000;
                   }


.artikelliste_text:hover{
	color: var(--colour-accent);
}

#artikelliste_buttons_gesamt{
	float: left;
	width: 100%;
}

.artikelliste_buttons{
	float: left;
	width: 50%;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

#artikelliste_btnInfo,
#artikelliste_btnVersand,
#artikelliste_btnMerkliste{
	width: 32px;
	height: 32px;
	border: 0;
	margin-bottom: 3px;
}

#artikelliste_btnInfo	   {background: url(../img/icons/btnDetail.png) no-repeat center center/ 32px 32px;}
#artikelliste_btnVersand   {background: url(../img/icons/LKW.png) no-repeat center center/ 32px 32px;}
#artikelliste_btnMerkliste {background: url(../img/icons/merkliste.png) no-repeat center center/ 32px 32px;}

#artikelliste_button_text{
	font-size: 14px;
}

#artikelliste_buttons_preis{
	float: left;
	width: 45%;
}

.artikelliste_preise{
	float: right;
	width: 30%;
	text-align: right;
	margin-right: 5px;
}

#artikelliste_preis_preis{
	font-weight: bold;
	font-size: 18px;
}

#artikelliste_preis_PEME,
#artikelliste_preis_Mwst,
#artikelliste_preis_preis_zweit,
#artikelliste_preis_Mwst_zweit{
	font-size: 13px;
	color: var(--colour-text-secondary);
}

#artikelliste_preis_preis_zweit{
	/* margin-top: 10px; */
}

.artikelliste_preisinfos{
	float: left;
	width: 10%;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
}

.artikelliste_warenkorb{
	float: right;
	width: 100px;
}

.artikelliste_edMenge {
	width: 50px;
}

#artikelliste_buttons_warenkorb{
	width: 100%;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

#artikelliste_warenkorb_form{
	float: left;
	width: 100%;
}

.artikelliste_kve{
	margin-top: 4px;
	font-size: 12px;
	color: var(--colour-text-secondary);
	text-align: right;
	padding-right: 1%;
	width: 99%;
}

#edMenge_al_wk{
	max-width: calc(100% - 42px);
	float: left;
	font-size: 16px;
	text-align: right;
	height: 32px;
}

#artikelliste_btnWarenkorb{
	float: right;
	width: 32px;
	height: 32px;
	background: url(../img/icons/cart_add.png);
	background-size: 32px 32px;
	background-position: center center;
	border: 0;
}

/*Ergänzung für die Merkliste - Löschbutton*/
#artikelliste_btnMerkliste_loeschen{
	width: 32px;
	height: 32px;
	background: url(../img/icons/merkliste_del.png) no-repeat center center/ 32px 32px;
	border: 0;
	margin-bottom: 3px;
}

/*Mainbereich Unterseite - Kundenmerklisten*/
#frmSucheKlein{
	width: 100%;
	margin-top: -15px;
}

#sucheklein_ergebnistext{width: 40%;}

#btnMerklistenSucheStarten,
#btnMerklistenSucheClear{
	border: 0;
	outline: 0;
	background: var(--colour-accent);
	padding: 10px;
	color: #FFF;
	transition: background .2s;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 5px;
}

#btnMerklistenSucheStarten:hover,
#btnMerklistenSucheClear:hover{
	background: var(--colour-accent-light);
}

#btnMerklistenSucheStarten:disabled,
#btnMerklistenSucheStarten:disabled:hover,
#btnMerklistenSucheClear:disabled,
#btnMerklistenSucheClear:disabled:hover{
	background: grey;
	cursor: default;
}

#edSuche_Merkliste{
	font-size: 16px;
	height: 35px;
}

/*Mainbereich Unterseite - Bestellhistorie*/
#block_ueberschrift_bestellhistorie .block_ueberschrift_text,
#block_ueberschrift_bestellhistorie .block_ueberschrift_link{
	width: 50%;
	text-align: center;
}

#bestellliste_ueberschrift{
	background: var(--colour-dark-primary);
	padding-top: 5px;
	padding-bottom: 5px;
}

.bestellliste_ueberschrift_text{
	font-size: 16px;
	color: #FFF;
	text-align: center;
}

.bestellliste_spalte_bestellnr	  {width: 14%; padding-left: 1%;}
.bestellliste_spalte_bestelldatum {width: 24%; padding-left: 1%;}
.bestellliste_spalte_bestellwert  {width: 29%; padding-left: 1%;}
.bestellliste_spalte_anzpos		  {width: 14%; padding-left: 1%;}
.bestellliste_spalte_status		  {width: 14%; padding-left: 1%;}

.bestellliste_zeile{
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	transition: background .2s;
}

.bestellliste_zeile:hover{
	background: var(--colour-secondary);
}

/*Mainbereich Unterseite - Artikeldetails*/
#block_ueberschrift_artikelueberschrift{
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

#block_ueberschrift_artikelueberschrift .block_ueberschrift_text,
.artikeldetails_artikel_artikel_nr{
	width: 50%;
	text-align: left;
}

.block_ueberschrift_artikel .block_ueberschrift_text { font-size: small; }

.artikeldetails_artikel_artikel_nr { display:none; }

#artikeldetails_kopf_cont{
	display: flex;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
}

#artikeldetails_beschreibung{
	float: left;
}

.artikeldetails_beschreibung_zeile{
	margin-top: 3px;
	margin-bottom: 3px;
}

#artikeldeteils_bez1,
#artikeldeteils_bez2,
#artikeldeteils_bez3{
	font-size: 17px;
	font-weight: bold;
}

#artikeldetails_preisblock_container{
	display: flex;
	flex-direction: column;
	margin-left: 2%;
	margin-right: 1%;
	padding-right: 1%;
	border-right: 1px solid var(--colour-divider);
}

.artikeldetails_preisblock_preis{
	text-align: right;
}

.artikeldetails_preisblock_preisinfo{
	margin-top: 10px;
	text-align: center;
}

#artikeldetails_preis_preis		  {font-size: 18px; font-weight: bold; }
#artikeldetails_preis_PEME		  {font-size: 12px; color: var(--colour-text-secondary);}
#artikeldetails_preis_Mwst		  {font-size: 12px; color: var(--colour-text-secondary);}
#artikeldetails_preis_preis_zweit {font-size: 14px; color: var(--colour-text-secondary); padding-top: 10px;}
#artikeldetails_preis_Mwst_zweit  {font-size: 12px; color: var(--colour-text-secondary);}

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

#artikeldetails_wkform{
	display: flex;
	margin-bottom: 5px;
}

#edMenge_1{
	flex-shrink: 1;
	text-align: right;
	height: 35px;
	margin-top: 7.5px;
}

#artikeldetails_btnWarenkorb{
	width: 48px;
	height: 48px;
	float: right;
	margin-left: 1%;
	margin-right: 10px;
	background: url(../img/icons/cart_add.png) center center/ contain no-repeat;
	border: 0;
}

.artikeldetails_kve{
	text-align: right;
	color: var(--colour-text-secondary);
	font-size: 12px;
}

.artikeldetails_wkbuttons{
	display: flex;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--colour-divider);
}

.artikeldetails_wkbuttons_buttoncontainer{
	width: 25%;
	text-align: center;
}

#artikeldetails_btnInfo,
#artikeldetail_btnVersand,
#artikeldetails_btnMerkliste,
#artikeldetails_btnMerkliste_loeschen,
#artikeldetails_lagerbild_ampel{
	width: 40px;
	height: 40px;
	border: 0;
}

#artikeldetails_btnInfo				  {background: url(../img/icons/btnDetail.png) 	   center center/ 40px 40px no-repeat;}
#artikeldetail_btnVersand			  {background: url(../img/icons/LKW.png) 	   	   center center/ 40px 40px no-repeat;}
#artikeldetails_btnMerkliste		  {background: url(../img/icons/merkliste.png) 	   center center/ 40px 40px no-repeat;}
#artikeldetails_btnMerkliste_loeschen {background: url(../img/icons/merkliste_del.png) center center/ 40px 40px no-repeat;}

#artikeldetails_langtext_block_bild{
	width: 49.5%;
}	

.artikeldetails_bild_block{
	max-width: 100%;
}

.artikeldetails_galerie_block{
	position: relative;
	margin-top: 10px;
	text-align: center;
}

#ArtikelGallery{
	position: relative;
	height: 350px;
	width: 100%;
}

.withArrows a.open{
	position: absolute!important;
	width: 100%!important;
	left: 0!important;
}

a.carouselBtn{
	position: absolute!important;
	right: 0!important;
	color: #FFF!important;
}

#block_ueberschrift_artikelbild,
#block_ueberschrift_artikelbeschreibung{
	background: var(--colour-dark-primary);
	color: #FFF;
	width: 99%;
	padding-left: 1%;
}

#artikeldetails_langtext_block_text{
	width: 49.5%;
	float: right;
}

#artikeldetail_langtext_text{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}

#artikeldetails_dokumente{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#artikel-dokumente-hl{
	float: left;
	width: 99%;
	padding-left: 1%;
	color: #FFF;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Rubik', sans-serif;
	background: var(--colour-dark-primary);
	margin-bottom: 10px;
}

#artikel-dokumente-inhalt{
	float: left;
	width: 99%;
	/*padding-left: 1%;*/
}	

.artikel-dokument-inhalt-text{
	font-weight: bold;
	margin-bottom: 10px;
}

.artikel-dokument-listpunkt{
	list-style-type: disc;
}

#artikeldetails_unten_container{
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 49.5% 49.5%;
	grid-column-gap: 1%;
	grid-row-gap: 10px;
}

.artikeldetails_untercontainer{
	display: inline-grid;
	float: left;
	max-width: 100%;	
}

#block_dokumente_container, #block_artikelzubehoer_container{
	display: none;
}

#block_ueberschrift_eigenschaften_text,
#block_ueberschrift_crosselling{
	background: var(--colour-dark-primary);
	color: #FFF;
	width: 99%!important;
	padding-left: 1%;
	margin-bottom: 10px;
}

.block_ueberschrift_innen_eigenschaft{
	float: left;
	width: 100%;
}

.eigenschaft_artikel_rahmen{
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

#block_ueberschrift_innen_eigenschaft_artnrherst,
#block_ueberschrift_innen_eigenschaft_artikelnr{
	width: 48%;
	font-size: 14px;
	background: var(--colour-primary);
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1%;
	padding-right: 1%;
}

.eigenschaft_bild{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
}

#eigenschaft_bild_image{
	width: 100%;
	max-width: 350px;
	height: auto;
}

.eigenschaft_text{
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}

.eigenschaft_preise{
	float: left;
	width: 48%;
	padding-right: 2%;
	text-align: right;
}

#eigenschaft_preis_preis{font-size: 16px; font-weight: bold;}
#eigenschaft_preis_PEME {font-size: 12px; color: var(--colour-text-secondary);}
#eigenschaft_preis_Mwst {font-size: 12px; color: var(--colour-text-secondary);}

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

.eigenschaft_warenkorb{
	float: right;
	width: 50%;
}

#eigenschaft_wk_input{
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.eigenschaft_edMenge{
	flex-shrink: 1;
	width: calc(90% - 32px);
	text-align: right;
}

.eigenschaft_kve{
	text-align: right;
	color: var(--colour-text-secondary);
	font-size: 12px;
}

#eigenschaft_btnWarenkorb{
	width: 32px;
	height: 32px;
	border: 0;
	background: url(../img/icons/cart_add.png) center center/ 32px 32px;
}

.eigenschaft_buttons{
	float: right;
	width: 25%;
	text-align: center;
}

#crossselling_btnMerkliste,
#crossselling_btnMerkliste_loeschen,
#crossselling_btnInfo,
#eigenschaft_btnInfo{
	width: 32px;
	height: 32px;
	border: 0;
	
}

#crossselling_btnMerkliste			{background: url(../img/icons/merkliste.png) 	 center center/ 32px 32px;}
#crossselling_btnMerkliste_loeschen	{background: url(../img/icons/merkliste_del.png) center center/ 32px 32px;}
#crossselling_btnInfo				{background: url(../img/icons/btnDetail.png) 	 center center/ 32px 32px;}
#eigenschaft_btnInfo				{background: url(../img/icons/btnDetail.png) 	 center center/ 32px 32px;}

.crossselling_artikel_rahmen{
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

.block_ueberschrift_innen_crossselling{
	float: left;
	width: 100%;
}

#crossselling_ueberschrift_artnrher,
#crossselling_ueberschrift_artnr{
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 3px;
	padding-bottom: 3px;
	background: var(--colour-primary);
	color: #FFF;
}

.crossselling_bild{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
}

#crossselling_bild_image{
	width: 100%;
	max-width: 350px;
	height: auto;
}

.crossselling_text{
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}

.crossselling_preise{
	float: left;
	width: 48%;
	padding-right: 2%;
	text-align: right;
}

#crossselling_preis_preis{font-size: 16px; font-weight: bold;}
#crossselling_preis_PEME {font-size: 12px; color: var(--colour-text-secondary);}
#crossselling_preis_Mwst {font-size: 12px; color: var(--colour-text-secondary);}

.crossselling_preisinfos{
	width: 100%;
	float: left;
	text-align: center;
}

.crossselling_warenkorb{
	float: right;
	width: 50%;
}

#crossselling_wk_input{
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.crossselling_edMenge{
	flex-shrink: 1;
	width: calc(90% - 32px);
	text-align: right;
}

.crossselling_kve{
	text-align: right;
	color: var(--colour-text-secondary);
	font-size: 12px;
}

#crossselling_btnWarenkorb{
	width: 32px;
	height: 32px;
	border: 0;
	background: url(../img/icons/cart_add.png) center center/ 32px 32px;
}

.crossselling_buttons{
	float: right;
	width: 25%;
	text-align: center;
}

/*Fußzeile*/
#footer{
	float: left;
	width: 98%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1%;
	padding-right: 1%;
	background: #9aa6b9;
	height: 70px;
	color: #FFF;
}

.copyright{
	display: flex;
	flex-direction: column;
    justify-content: space-evenly;
	font-size: 13px;
	width: 41%;
    line-height: inherit;
}

.copyright a{
	color: #FFF;
}

.copyright a:hover{
	text-decoration: none;
}

.socialmedia{
	width: 24%;
	text-align: center;
}

.socialmedia img{
	width: 48px; 
	height: 48px;
}

.socialmedia img:hover{
	filter: drop-shadow(0px 0px 5px var(--colour-text-secondary));
}
	
.untennav{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 41%;
}

.fussbtn{
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 13px;
	cursor: pointer;
	position: relative;
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 5px;
	margin-right: 5px;
}

.fussbtn:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.fussbtn:hover:before{
	visibility: visible;
	-webkit-transformation: scaleX(1);
	transform: scaleX(1);
}

#block_zentraleink{
	float: left;
	width: 100%;
	border: 1px solid var(--colour-divider);
}

#zentraleink-info{
	float: left;
	width: 100%;
}

#zentraleink-info-hl{
	float: left;
	width: 100%;
	background: var(--colour-dark-primary);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#zentraleink-info-text{
	margin-bottom: 10px;
	width: 99%;
	padding-left: 1%;
	border-bottom: 1px solid var(--colour-divider);
	padding-bottom: 10px;
}

#adresse-auswahl{
	float: left;
	width: 100%;
}

#chef-ks-wahl-hl{
	width: 99%;
	padding-left: 1%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

#chef-ks-wahl{
	margin-left: 1%;
	margin-bottom: 10px;
}

.chef-auswahl-container{
	width: 99%;
	margin-left: 1%;
	margin-bottom: 10px;
}

#bezkost-container{
	float: left; 
	width: 100%;
	border-bottom: 1px solid var(--colour-divider);
	margin-bottom: 10px;
}

#bezkost-hl{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;	
	color: #FFF;
	background: var(--colour-dark-primary);
	padding-top: 3px;
	padding-bottom: 3px;
}

.bezkost-zeile{
	float: left;
	width: 99.5%;
	display: flex;
	place-content: flex-end;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bezkost-name{
	float: left;
	text-align: right;
	font-size: 18px;
}

.bezkost-wert{
	float: right;
	width: 12%;
	margin-left: 1%;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
}

#bezkost-gesamt{
	font-weight: bold;
}

#bezkost-bezahlwert{
	font-weight: bold;
	border-top: 2px solid var(--colour-divider);
}

#bezkost-keine{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.paketverfolgung{
	float: left; 
	width: 100%; 
	margin-top: 10px; 
	margin-bottom: 10px;
}

#paketverfolgung-hl{
	width: 100%; 
	background: var(--colour-dark-primary); 
	padding-top: 5px; 
	padding-bottom: 5px;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	font-family: 'Rubik';" 
}

#paketverfolgung-body{
	width: 98%;
	float: left;
	padding-top: 10px;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 10px;
	position: relative;
}

#paketverfolgung-iframe{
	width: 100%;
	border: 0;
	float: left;
	height: 560px;
}

/*#paketverfolgung-status{
	float: left;
	width: 98%;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1%;
	padding-right: 1%;
	font-size: 18px;
	margin-top: 5px;
	text-align: center;
}

#paketverfolgung-infos{
	float: left;
	width: 100%;
}

#paketverfolgung-infos-kurier{
	float: left;
	width: 15%;
}

#paketverfolgung-infos-kurier img{
	width: 100%;
}

#paketverfolgung-infos-nummer{
	float: left;
	padding-left: 1%;
	width: 84%;
}*/

.artikelliste_buch_lieferbarkeit{
	margin-top: 15px;
	color: #CA0000;
}

#buch_erklaerung{
	text-decoration: underline;
	cursor: pointer;
}

#buch_erklaerung:hover{
	text-decoration: none;
}

#suchoptionen-links{
	float: right;
	padding-top: 2px;
}

.suchoptionen-links-link{
	text-decoration: underline;
	cursor: pointer;
}

.suchoptionen-links-link:hover{
	text-decoration: none;
}

@media only screen and (max-width: 1300px){
	#suchoptionen-links{
		float: left;
		width: 100%;
		padding-top: 5px;
	}

	.suchoptionen-links-link{
		margin-right: 10px;
	}
}

#startseite_budget_container{
	float: left;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid var(--colour-divider);
	margin-top: 10px;
}

#startseite_budget{
	float: left;
	width: 25%;
	margin-left: 37.5%;
	font-size: 125%;
}

#begrButtons{
	margin-top: 1em;
	float: left;
	width: 100%;
}

.begrButtonContainer{
	float: left;
	width: 50%;
	text-align: center;
}

#artikeldeteils_ean_st { display:none; }
#erwlogin_input_kostenstelle { display:none; }
#erwlogin_label_kostenstelle { display:none; }
#erwlogin_label_unterkostenstelle { display:none; }
#erwlogin_input_unterkostenstelle { display:none; }