/*
 * This file is part of the "Ituma-Shop" package.
 *
 * @copyright ituma GmbH <contact@ituma.eu>
 *
 * All rights reserved.
 * Use permitted only with valid agreement of the owner.
 * Modification and/or redistribution is not permitted.
 */

@font-face {
	font-family: 'Barlow';
	src: url("../fonts/Barlow-Regular.woff") format("woff"), url("../fonts/Barlow-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow';
	src: url("../fonts/Barlow-Italic.woff") format("woff"), url("../fonts/Barlow-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Barlow';
	src: url("../fonts/Barlow-Bold.woff") format("woff"), url("../fonts/Barlow-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-stretch: 100%;
}
@font-face {
	font-family: 'Barlow';
	src: url("../fonts/Barlow-BoldItalic.woff") format("woff"), url("../fonts/Barlow-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-stretch: 100%;
}
body{
	background-color: #fff;
	font-size: 16px;
	font-family: "Barlow", Verdana, serif;
	line-height: 1.25;
}

h1, h2, h3, h4, h5, h6, p, div, span{
	line-height: 1.25;
}
a{
	color: #333;
}
a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #0086e2;
}
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
.cb{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.db{
    display: block;
}
.pr{
    position: relative;
}
.pabs{
	position: absolute;
}
.h100{
    height: 100%;
}
.w100{
    width: 100%;
}
.row {
	clear: both; position: relative;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
.bold {
	font-family: "Barlow", Verdana, serif;
	font-weight: bold;
}
.normal {
	font-family: "Barlow", Verdana, serif;
}

.fs-small {
	font-size: 0.8rem;
}

.e_noflex {
    display: block;
}

.button_main, .button_low {
	background: #3cbe14;
	border-color: #3cbe14;
	color: #fff;
	padding: 6px 12px 8px 12px;
	border-radius: 2px;
}

.button_main {
	float: right;
}

.button_low {
	background: #eee; color: #333; border: 1px solid #bbb; float: left;
}

.button_main i, .button_low i {
	margin: 2px 0 0 12px;
	float: left;
}

.button_main.arrow_left i, .button_low.arrow_left i {
	margin: 2px 12px 0 0;
}

.button_main:hover, .button_main:focus, a.button_main:hover, a.button_main:focus {
	background: #7bd460;
	border-color: #7bd460;
	color: #fff;
}

.button_low:hover, .button_low:focus, a.button_low:hover, a.button_low:focus {
	color: #bbb;
}

.button_main_typo, .button_low_typo {
	float: left;
}

.buttonPrimary {
	background: #3cbe14;
	color: #fff;
	border-color: #3cbe14;
	padding: 6px 12px 8px 12px;
	border-radius: 2px;
}

.buttonPrimary.arrow_left i, .buttonSecondary.arrow_left i {
	margin: 2px 12px 0 0;
}

.buttonPrimary:hover, .buttonPrimary:focus, a.buttonPrimary:hover, a.buttonPrimary:focus{
	background: #7bd460;
	border-color: #7bd460;
	color: #fff;
}

.buttonSecondary {
	background: #eee;
	color: #333;
	border: 1px solid #bbb;
	border-radius: 2px;
	padding: 6px 12px 8px 12px;
}

.buttonSecondary:hover, .buttonSecondary:focus, a.buttonSecondary:hover, a.buttonSecondary:focus {
	background: inherit;
	border-color: inherit;
	color: #bbb;
}

.buttonPrimary i, .buttonSecondary i {
	margin: 2px 0 0 12px;
	float: left;
}

.minilink{
	font-size: 14px; color: #006ab3;
}
.minilink_halter{
	clear: both; float: left; margin-top: 10px;
}
.full{
	clear: both; float: left; width: 100%;
}
.bg_light{
	background: #f4f4f4;
}
.content_field{
	border: 1px solid #bbb; border-radius: 2px; background: #fff; box-shadow: 0 1px 2px 0 #ccc; margin-top: 20px; padding: 15px;
}
.seperator{
	height: 1px; background: #bbb; box-shadow: 0 1px 2px 0 #ccc; margin-top: 20px;
}
.seperator_1{
	height: 1px; background: #006ab3; box-shadow: 0 1px 2px 0 #ccc; margin-bottom: 20px;
}
.seperator_2{
	height: 1px; background: #006ab3; box-shadow: 0 1px 2px 0 #ccc; margin: 7px 0; clear: both; float: left; width: 100%;
}
.gab_med{
	margin-top: 20px;
}
.hansen_head{
	font-size: 20px; font-family: "Barlow", Verdana, serif; font-weight: bold; color: #006ab3;
}
.hansen_term{
	font-size: 14px; font-family: "Barlow", Verdana, serif; font-weight: bold;
}



.head-row {
	float: left;
	width: 100%;
	background: #006AB3;
	padding: 0 206px;
	position: relative;
	height: 66px;
}
.head-row .logo {
	position: absolute;
	top: 0;
	left: 20px;
}

.head-row .logo.logo-duebel {
	left: 0;
	transform: scale(1.4, 1.4);
	-ms-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);
}

.suchfeld_halter {
	position: relative;
	width: 60%;
	margin-left: 15%;
}

.head-row .suchfeld {
	border-radius: 2px 0 0 2px;
	height: 40px;
	margin-top: 12px;
}

.lupe_halter {
	position: absolute;
	top: 0;
	right: -48px;
	width: 50px;
	height: 40px;
	border: 1px solid #cacaca;
	border-left: 0;
	border-radius: 0 0 0 2px;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	background: #006ab3;
	text-align: center;
	padding-top: 8px;
	color: white;
}

.berater_halter {
	position: absolute;
	top: 0;
	right: -110px;
	width: 50px;
	height: 40px;
	border-left: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	background: #006ab3;
	text-align: center;
	padding-top: -2px;
	color: white;
	font-size: 32px;
}

.lupe_halter .fa, .berater_halter .fas {
	line-height: 1.4;
}

.user_halter {
	position: absolute;
	top: 0;
	right: 0;
	width: 410px;
}

.u_h_innen {
	position: relative;
	float: right;
	width: 58px;
	height: 66px;
	color: #fff;
	font-family: "Barlow", Verdana, serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

.u_h_innen.login-icon {
	width: 100px;
	padding-right: 20px;
}

.u_h_innen.icon-cart {
	padding-top: 5px;
}

.u_h_innen:first-child {
	margin: 0 15px 0 5px;
}

.u_h_innen .u_h_img {
	width: 55%;
	padding: 11px 0 0 0;
}

.u_h_innen .u_h_img.icon-pin {
	transform: rotate(90deg);
	width: 48%;
	padding: 1px 0 0 0;
}

.u_h_innen a {
	color: #fff;
}

.u_h_innen .dropdown-menu a {
	color: #333;
	font-size: 15px;
	font-weight: normal;
}

.warenkorb_anzahl, .merkzettel_anzahl{
	position: absolute;
	top: 4px;
	right: 4px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-top: 2px;
	line-height: 1.2;
	width: 17px;
	height: 17px;
	background: #3cbe14;
}

.dropdown .merkzettel_anzahl {
	right: 35px;
}

.user_halter .dropdown-menu {
	box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);
}

.user_halter .dropdown-menu .merkzettel_anzahl {
	top: 115px;
	right: 36px;
}

.user_halter .dropdown-menu .dropdown-header{
	background: #fff;
}

.user_halter .dropdown-menu .dropdown-item{
	background: #fff;
	color: #282828;
	line-height: 35px;
	font-size: 14px;
}

.user_halter .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover {
	background: #f3f3f3;
}

.user_halter .u_h_innen .fa-icon {
	font-size: 30px;
	padding-top: 7px;
}

	/* --------------------------------------------------------------------------- Menubutton ---------------------------------------------------------------------------  */
.Reihe_Menu{
	padding-top: 10px; font-family: "Barlow", Verdana, serif; font-weight: bold; display: none;
}
.Menulink{
	float: left; cursor: pointer;
}
.Menubutton{
	float: left; width: 25px; height: 25px; margin-right: 10px; background-image: url(../img/icon_menu.png); background-repeat:no-repeat; background-size: contain;
}

.Menubuttontext {
	float: left;
	margin-top: 2px;
}

.delete_menu {
	font-size: 20px;
	display: block;
	float: right;
}

/* --------------------------------------------------------------------------- Ende Menubutton ---------------------------------------------------------------------------  */

@media only screen and (max-width: 1180px) {
	.user_halter {
		position: relative;
		clear: both;
		float: right;
	}

	.head-row {
		height: 133px;
		padding: 0 20px 0 160px;
	}

	.Reihe_Menu {
		position: absolute;
		top: 77px;
		left: 10px;
		color: #fff;
	}

	.suchfeld_halter {
		position: relative;
		width: 88%;
		margin-left: 6%;
	}

	.Menubutton {
		background-image: url(../img/icon_menu_white.png);
	}

	.head-row .logo {
		top: 5px;
		left: 10px;
		max-width: 140px;
	}

	.head-row .logo.logo-duebel {
		max-width: 100%;
		left: -10px;
		top: 0;
	}

	.u_h_innen {
		width: 54px;
	}
}

@media only screen and (max-width: 1390px) {
	.u_h_innen.login-icon {
		width: 58px;
		padding-right: inherit;
	}

	.suchfeld_halter {
		margin-left: inherit;
	}
}

@media only screen and (max-width: 750px) {
	.suchfeld_halter {
		position: relative;
		width: 80%;
		margin-left: 6%;
	}
}

@media only screen and (max-width: 420px) {
	.user_halter {
		width: 280px;
	}

	.user_halter .logout i {
		font-size: 16px !important;
	}

	.user_halter .u_h_innen {
		font-size: 9px;
		width: 50px;
	}
	.u_h_innen .u_h_img {
		width: 50%;
	}
	.Menubuttontext{
		display: none;
	}
}

/* Ende bei mittlerer Größe Menubutton und die Icons Warenkorb, Anmelden, Merkzettel in 2. Reihe, Suchfeld größer */
@media only screen and (max-width: 370px) {
	.Menubuttontext{
		display: none;
	}
}
/* bei kleiner Größe Suchfeld in eigene Zeile */
@media only screen and (max-width: 370px) {
	.head-row {
		height: 200px;
		padding: 62px 0 0 20px;
	}
	.Reihe_Menu {
		top: 137px;
	}
	.suchfeld_halter {
		margin-left: 0;
		width: 80%;
	}
}
/* Ende bei kleiner Größe Suchfeld in eigene Zeile */

/* schwarzer Headbalken */
.head-row-sub{
	float: left; width: 100%; background: rgba(0, 106, 179, 0.48); padding: 5px 10px; position: relative;
}
.head-row-sub div {
	color: #fff;
}
.zertifiziert {
	float: right;
}
.zertifiziert .zerti_text {
	float: left;
	font-size: 12px;
	margin: 6px 0 0 10px;
}
.zertifiziert .siegel{
	float: left; width: 30px; margin-left: 10px;
}
.head_hotline {
	float: left;
	font-size: 16px;
	margin: 4px 0 0 10px;
}
.head_middle {
	text-align: center;
	padding: 2px 230px 0 242px;
}
@media only screen and (max-width: 720px) {
	.zertifiziert, .head_hotline {
		padding: 0;
	}
	.head_middle {
		padding: 0;
		clear: both;
	}
}
@media only screen and (max-width: 465px) {
	.zertifiziert, .head_hotline, .head_middle {
		clear: both;
		float: left;
		padding: 0 0 5px 0;
		text-align: left;
		margin: 0;
	}
	.zertifiziert .zerti_text {
		margin: 6px 0 0 0;
	}
}
/* Ende schwarzer Headbalken */




/* ---------------------------------------------- Menueinträge ----------------------------------------------------- */
.container_hauptmenu{
	width: 260px; float: left; border: 1px solid #bbb; margin-top: 26px;
}

/* Overrinding bootstrap */
.row .container_hauptmenu {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
/* breakpoint max-width: 900px und 700px unten */
.head_hauptmenu{
	position: relative; background: #006ab3; clear: both; float: left; width: 100%; font-size: 14px; color: #fff; padding: 0.5rem 1rem; border-bottom: 1px solid #bbb; font-family: "Barlow", Verdana, serif; font-weight: bold; cursor: pointer;
}
.head_hauptmenu i{
	display: none; cursor: pointer;
}
.menu_eintrag{
	position: relative; clear: both; float: left; width: 100%; background: #f4f4f4; font-size: 14px; display: block; padding: 8px 16px; border-bottom: 1px solid #bbb;
}
.menu_eintrag.open::before{
    content: '˅'; position: absolute; top: 50%; margin-top: -0.8rem; font-size: 20px; right: 0.75rem;
}
.head_hauptmenu.open::before{
    content: '>'; position: absolute; top: 50%; margin-top: -0.8rem; font-size: 20px; right: 0.75rem; font-family: "Barlow", Verdana, serif; font-weight: bold;
}
.menu_eintrag:hover{
	background: #e6e6e6;
}
.menu_eintrag.open.active{
    color: #fff;
    background: #006ab3;
}
.menu_eintrag.sub{
	background: #fff; border-left: 5px solid #006ab3;
}
.menu_eintrag.sub:hover {
	background: #f4f4f4;
}
.menu_eintrag.sub.shown_article{
	font-weight: 700;
}
.menu_addition{
	clear: both; float: left; width: 100%; font-size: 12px; padding: 8px 16px; border-bottom: 1px solid #bbb; background-color: #fff;
}
.menu_addition div{
	float: left; width: 100%;
}
.menu_addition .wk_title{
	font-weight: 700; font-size: 14px; color: #006AB3; border-bottom: 1px solid #006AB3;
}
.menu_addition .wk_prod {
	padding: 5px 0;
	border-bottom: 2px solid #fff;
}
.menu_addition .wk_prod .title{
	font-weight: 700;
}
.menu_addition .gesamt {
	padding: 5px 0;
	border-bottom: 1px solid #bbb;
}
.menu_addition .gesamt .preis_gesamt{
	font-weight: 700; color: #006AB3;
}
.menu_addition .wk_link {
	display: block;
	float: left;
	width: 100%;
	margin: 8px 0;
	text-align: center;
	border-radius: 2px;
	background: #0086e2;
}
.menu_addition .wk_link img{
	width: 34px; padding: 5px;
}
.menu_addition .wk_link:hover{
	background: #0086e2; box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
/* ---------------------------------------------- Ende Menueinträge ----------------------------------------------------- */



/* ---------------------------------------------- Fusszeile ----------------------------------------------------- */
.fusszeile {
    background: #006AB3;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 15px;
    padding: 15px;
    font-size: 12px;
}
.fusszeile a{
	color: #fff;
}
.fusszeile a:hover, .fusszeile a:focus{
	color: #000;
}
.fusszeile div{
	line-height: 1.35;
}
.fusszeile .grid-x{
	float: left; width: 100%;
}
.footer_links{
	font-size: 16px;
}
.versandmethoden_head, .paychoices_head{
	font-size: 16px; margin-bottom: 15px;
}
.versandmethoden img, .paychoices img {
	width: 50px;
	margin: 0 12px 15px 0;
}

.versandWrapper label, .versandWrapper input[type="radio"], .zahlInner label, form .agbBox input[type="checkbox"] {
	cursor: pointer;
}
@media only screen and (max-width: 400px) {
	.fusszeile .small-6{
		width: 100%;
	}
	.footer_links{
		margin-top: 20px;
	}
}
/* ---------------------------------------------- Ende Fusszeile ----------------------------------------------------- */

.contentbereich {
	position: relative;
	float: left;
	width: calc(100% - 262px);
	padding: 20px 0 0 25px;
}
@media only screen and (max-width: 900px) {
	.contentbereich{
		width: 100%;
	}
}
.contentbereich_reihe{
	clear: both; float: left; width: 100%; position: relative; margin-bottom: 20px;
}

.produkt_einleitung {
	padding: 0;
	position: relative;
	min-height: 200px;
}
.produkt_shortInfo{
	font-size: 14px; margin-top: -4px; min-width: 290px;
}
.produkt_shortInfo .catch {
	padding-left: 240px;
}
.produkt_shortInfo p a{
	display: block;
}
.produkt_shortInfo p a:first-child {
	color: #006AB3;
	font-weight: bold;
}
.produkt_bildbereich{
	position: relative; float: left; margin-right: 15px; width: 225px;
}
@media only screen and (max-width: 550px) {
	.produkt_shortInfo{
		clear: both; float: left; margin-top: 15px;
	}
	.produkt_shortInfo .catch {
		padding-left: 0;
	}
}
.produkt_bild{
	width: 225px; height: 170px; position: relative; border: 1px solid #bbb; overflow: hidden;
}
.produkt_bild img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: auto;
	width: auto;
	max-height: 170px;
	max-width: 225px;

}
.produkt_bild i.fa-search {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	background: #006ab3;
	color: #fff;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	cursor: pointer;
}
.slider_produktbild{
	float: left; border: 1px solid #bbb; margin-top: 15px;
}
.slider_produktbild.under3 {
	border: none;
}
.slider_produktbild .item{
	height: 75px; position: relative; overflow: hidden; border-left: 1px solid #bbb;
}
.slider_produktbild.under3 .item{
	border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;
}
.slider_produktbild.under3 .item.last{
	border-right: 1px solid #bbb;
}
.owl-carousel.slider_produktbild .owl-item img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: auto;
	width: auto;
	max-height: 67px;
	max-width: 67px;
	cursor: pointer;
}
.product_logo{
	display: block; float: left; position: relative; padding-right: 20px;  width: 96px; min-height: 1px;
}
.product_logo img{
    height: auto;  width: auto; max-height: 90px; max-width: 96px;
}

.products-pdfs-and-address-data {
	overflow: hidden;
	min-width: 390px;
}

.products-pdfs-and-address-data .product_pdfs_halter {
	overflow: hidden;
	min-width: 390px;
}
.products-pdfs-and-address-data .address-data {
	padding-top: 1px;
	padding-left: 1px;
	font-size: 12px;
	word-wrap: break-word;
}
.product_pdfs{
	text-align: left; padding: 5px 10px; border-left: 1px solid #ddd; width: 50%; display: block; float: left; hyphens: auto;
}
.product_pdfs:last-child::after {
	clear: both;
}
.product_pdfs i {
	color: red;
}
.slider_weitereArtikel{
	float: left;
}
.slider_weitereArtikel .owl-item{
	overflow: hidden;
}
.slider_weitereArtikel .item {
	padding: 0;
	display: block;
	position: relative;
}
.slider_weitereArtikel .slider_wA_img{
	overflow: hidden; display: block; height: 9vw; position: relative;
}
.owl-carousel.slider_weitereArtikel .owl-item .slider_wA_img img {
	position: absolute;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline;
	max-width: 90%;
	max-height: 90%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.slider_wA_Bezeichner{
	background: #006ab3; font-size: 1.2vw; padding: 0.5vw; text-align: center; overflow: hidden; height: 8vw; color: #fff;word-wrap: break-word;
}

@media only screen and (max-width: 450px) {
    .slider_weitereArtikel .slider_wA_img {
        height: 20vw;
    }

    .slider_wA_Bezeichner {
        font-size: 3.5vw;
        height: 11vw;
    }

    .product_pdfs {
        min-width: 175px;
        width: auto;
    }
}

@media only screen and (min-width: 451px) and (max-width: 650px) {
    .slider_weitereArtikel .slider_wA_img {
        height: 10vw;
    }

    .slider_wA_Bezeichner {
        font-size: 1.8vw;
    }
}

@media only screen and (min-width: 1000px) {
    .slider_weitereArtikel .slider_wA_img {
        height: 77px;
    }

    .slider_wA_Bezeichner {
        font-size: 12px;
        padding: 5px;
        height: 55px;
    }
}


/* ---------------------- overlay Produkt zoom ---------------------- */
.reveal.zoom_produkt {
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.reveal.zoom_produkt .close-button {
	top: 0;
}
.zoom_produkt_headbereich{
	background: #eee; padding-left: 20px; border-bottom: 1px solid #bbb;
}
.zoom_produkt_headbereich .product_logo {
	margin: 20px 20px 10px 0;
}
.zoom_produkt_bildbereich{
	width: 100%; float: left; padding: 15px; background: #fff; position: relative;
}
.zoom_produkt_bild{
	width: 600px; /* --die Breite wird bei display: table-cell automatisch verkleinert-- */ height: 300px; display: table-cell; vertical-align: middle; text-align: center; position: relative;
}
.zoom_produkt_bild img{
    height: auto;
    width: auto;
}
h1.zoom_produkt{
	padding-bottom: 15px; padding-right: 20px; margin-bottom: 0; margin-top: 20px;
	width: calc(100% - 140px); clear: none;
}
h1.zoom_produkt::after { clear: both; }
@media only screen and (min-width: 390px) {
    .zoom_produkt_bild img {
        max-width: 400px;
        max-height: 300px;
    }
}
/* ---------------------- overlay Produkt zoom ---------------------- */



/* ---------------------- eine Reihe im Warenkorb ---------------------- */
.muster_halter {
	position: absolute;
	width: 100%;
	top: -10px;
	left: 0;
	z-index: -1;
}
.legende_VE{
	font-size: 12px; margin-bottom: 5px;
}
.prod-row {
	clear: both;
	float: left;
	width: 100%;
	padding: 3px 0;
	border-top: 1px solid #bbb;
	font-size: 14px;
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.prod-row .prod-name{
	width: calc(100% - 450px); float: left; font-family: "Barlow", Verdana, serif; font-weight: bold;
}
.prod-row .EDV_Nr, .wk_reihe .EDV_Nr  {
	font-size: 11px; color: #6b6b6b; font-family: "Barlow", Verdana, serif; font-weight: bold;
}
.prod-row .Button_Info {
	width: 85px; float: left; text-align: center; line-height: 0; margin-left: 5px;
}

.prod-row .Button_Info .spediteur {
	width: 25px;
}

.Button_Info img:nth-child(2) {
    margin-top: 3px;
}

.prod-row span.info-icon{
	min-height: 15px;
	display: inline-flex;
	align-items: center;
	border-radius: 25px;
	cursor: pointer;
	font-weight: bold;
	justify-content: center;
	font-size: 10px;
}

.prod-row span.info-icon .info-icon-text{
	padding-bottom: 1px;
}

.prod-row span.info-icon.nexmart-info{
	width: 60px;
	background: #f6e85f;
	color: #555555;
}
.prod-row span.info-icon.nexmart-info:hover{
	background: #f6df27;
	box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
.prod-row span.info-icon .nexmart{
	width: 16px;
}
.prod-row span.info-icon path.nexmart{
	color: white!important;
}

.prod-row span.info-icon.hansen-r-info{
	width: 60px;
	background: #006AB3;
	color: #ffffff;
}
.prod-row span.info-icon.hansen-r-info:hover{
	background: #006AB3;
	box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
.prod-row span.info-icon .hansen-r {
	width: 16px;
}

#hansen-r-modal .modal-header {
	background: #006AB3;
}

#hansen-r-modal .modal-header span {
	color: white;
}

.prod-row span.info-icon.oxomi-info{
	width: 60px;
	background: #f64545;
	color: #f8f8f8;
	padding-bottom: 1px;
}
.prod-row span.info-icon.oxomi-info:hover{
	background: #ff0000;
	box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}

.prod-row .pin-fav{
	width: 25px; float: left; text-align: center; line-height: 1.7;
}
.prod-row .link_merkliste i{
	font-size: 18px;
}
.prod-row .VE{
	width: 100px; float: left; font-size: 12px; padding-left: 10px;
}
.prod-row .VE span.bold:last-child::before {
	content: '\A'; white-space: pre;
}
.prod-row .preis{
	width: 90px; float: left; text-align: right; font-family: "Barlow", Verdana, serif; font-weight: bold; font-size: 14px; color: #006ab3; line-height: 15px;
}
@media only screen and (max-width: 390px) {
	.prod-row .preis {
		font-size: 15px;
	}
}
.prod-row .rabatt, .prod-row .teuerungszuschlag {
	font-size: 11px;
	font-family: "Barlow", Verdana, serif;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
	margin-top: 5px;
}
.prod-row .rabatt, .prod-row .minderMengenZuschlag {
	font-size: 9px;
	font-family: "Barlow", Verdana, serif;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
	margin-top: 5px;
}

.prod-row .Anzahl{
	width: 70px; float: left; text-align: right; padding: 0 0 0 20px; font-size: 12px;
}
.prod-row .Anzahl input {
	margin: 0;
	font-size: 14px;
	text-align: right;
	height: auto;
	padding: 2px 5px;
	min-width: 40px;
}
.prod-row .reihe_warenkorb{
	width: 95px; float: left;
}
.prod-row .icon_warenkorb{
	float: right; width: 37px; background: #3cbe14; padding: 5px; border-radius: 2px;
}
.icon_warenkorb:hover{
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2); background: #7bd460;
}
.aufLager {
	margin: -3px 10px 0 0;
	width: 20px;
	float: right;
	text-align: center;
}
.aufLager .einLager{
	width: 80%; height: 18px;
}
@media only screen and (max-width: 600px) {
	.prod-row{
		display: block; padding: 5px 3vw;
	}
	.prod-row .prod-name{
		width: calc(100% - 80px); margin-bottom: 3px;
	}
	.prod-row .VE {
		width: 65px;
		margin-bottom: 3px;
		text-align: left;
		padding-left: 0;
		font-size: 10px;
		clear: left;
	}

	.prod-row .pin-fav, .prod-row .Button_Info {
		width: 20px; margin-bottom: 3px; text-align: center;
	}
	.prod-row .Button_Info {
		line-height: 1.25;
		margin-left: 0;
	}
	.prod-row .link_merkliste i { font-size: 17px;}

	.prod-row .preis {
		width: calc(100% - 232px);
		text-align: right;
		font-size: 13px;
		margin: 0 7px 3px 6px;
	}

	.prod-row .rabatt, .prod-row .teuerungszuschlag {
		font-size: 10px;
		margin-top: 0;
	}
	.prod-row .rabatt, .prod-row .minderMengenZuschlag {
		font-size: 9px;
		margin-top: 0;
	}
	.prod-row .Anzahl {
		width: 66px;
		margin-bottom: 3px;
		padding: 0;
	}
	.prod-row .Anzahl input{
		width: 55px; font-size: 12px; display: inline-block;
	}
	.prod-row .reihe_warenkorb{
		width: 87px;
	}
	.prod-row .icons_warenkorb_halter{
		width: 88px; position: relative; float: right;
	}
	.prod-row .icon_warenkorb {
		width: 30px;
		padding: 4px;
	}
	.contentbereich{
		min-width: 323px;
	}
}
@media only screen and (max-width: 650px) {
	.aufLager {
		float: right;
		width: 53px;
		margin: 2px 4px 0 0;
		text-align: right;
	}
	.einLager img {
		height: inherit;
	}
	.aufLager .einLager {
		height: 18px;
		width: auto;
		display: inline-block;
		min-width: 22px;
	}
}
/* ---------------------- Ende eine Reihe im Warenkorb ---------------------- */
/* ---------------------- Legende ---------------------- */
.legend{
	padding: 7px; background: #fff9e5; border: 1px solid #bbb;
}
.stock{
	border-bottom: 1px solid #bbb;
}
.storage_legend {
	font-size: 12px;
	padding-bottom: 2px;
	margin: 2px 0;
}
.storage_legend img{
	width: 16px; height: auto; margin-right: 10px; padding-bottom: 3px;
}

.storage_legend.stock span {
	padding-left: 0;
	margin-right: 30px;
}

@media only screen and (max-width: 450px) {
	.storage_legend span {
		display: block;
		padding-left: 0;
	}
	.storage_legend.stock span{
		display: inline;
	}
}

@media only screen and (max-width: 600px) {
	.storage_legend.stock span { margin-right: 20px; }
}
/* ---------------------- Ende Legende ---------------------- */



/* --------------------------------------------------------------------------- warenkorb ---------------------------------------------------------------------------  */
.wk_reihe{
	clear: both; float: left; width: 100%; padding: 4px 10px; font-size: 14px;
}
div.desktop, span.desktop {
	display: inline-block;
}
div.mobile, span.mobile {display: none;}
.wk_rahmen{
	float: left; width: 100%; position: relative;
}
.wk_rahmen_1{
	float: left; width: 100%; border-radius: 2px; border: 1px solid #bbb; overflow: hidden; margin-top: 10px;
}
.wk_kopfzeile{
	float: left; width: 100%; background: #006ab3; padding: 7px 10px; font-size: 14px; font-family: "Barlow", Verdana, serif; font-weight: bold; color: #fff;
}
.wk_mindest{
	clear: both; float: left; margin-bottom: 20px; padding: 7px 10px 9px 10px; background: #ffcdc5; border-left: 4px solid red; /* #fff9e5 */
}
.wk_mindest.agent{
	background: #a1fd85; border-left: 4px solid #3cbe14;
}
.wk_menge_zusatz.legende{
	margin-bottom: 5px;
}
.wk_artikel{
	width: calc(55% - 215px); float: left; font-family: "Barlow", Verdana, serif; font-weight: bold;
}
.wk_menge{
	width: 90px; float: left; /* 2 */
}
.wk_artikelpreis {
	width: 12%; float: left; text-align: right;
}
.wk_rabatt_row, .wk_teuerungszuschlag_row {
	width: 11%; float: left; text-align: right;
}
.wk_rabatt_row span:first-child::after, .wk_teuerungszuschlag_row span:first-child::after {
		content: '\A';
		white-space: pre;
}

.wk_reihe .Button_Info,
.wk_kopfzeile .Button_Info {
	width: 30px;
	float: left;
	text-align: center;
	padding: 5px 5px 0 0;
}
.wk_gesamt{
	width: 15%; float: left; text-align: right;
}
.wk_Lager{
	width: 7%; float: left;
}
.wk_Anzahl{
	width: 60px; text-align: right; float: left;
}

.amount-unit {
	float: left;
	font-size: 14px !important;
	padding: 5px 5px 5px 0;
}

.watchlist_table .wk_menge {
	width: 120px;
}
.watchlist_table .wk_Anzahl {
	width: 100px;
}
.watchlist_table .wk_Anzahl input {
	width: 100%;
}

.watchlist_table .remove {
	float: inherit !important;
}

.wk_Anzahl input {
	height: 30px;
	margin: 0;
	text-align: right;
	line-height: 13px;
	padding: 0.2rem;
}
.wk_aufLager{
	float: left; width: 20px; margin: 5px 10px;
}
.wk_menge i {
	color: #006ab3;
	font-size: 20px;
	display: block;
	float: left;
	margin: 0 0 0 10px;
	cursor: pointer;
}
.wk_menge_zusatz{
	clear: both; float: left; font-size: 11px; font-family: "Barlow", Verdana, serif; font-weight: bold; line-height: 1; text-align: left;
}
.wk_menge_zusatz.desktop{
	width: 80px;
}
.wk_menge span {
	font-size: 11px;
	font-family: "Barlow", Verdana, serif;
	line-height: 1;
	margin: 0;
}
.wk_menge span.mobile{
	margin-left: -28px;
}
.wk_einzelpreis{
	font-size: 14px;
	width: 80px;
}
.wk_einzelpreis_netto{
	font-size: 11px; color: #999; font-family: "Barlow", Verdana, serif; line-height: 0.7;
}
.wk_gesamtpreis{
	font-size: 18px; color: #006ab3; line-height: 0.9;
}
.wk_gesamtpreis_netto{
	font-size: 12px; color: #999; font-family: "Barlow", Verdana, serif; line-height: 0.7;
}
.wk_rabatt {
	font-size: 12px;
	font-family: "Barlow", Verdana, serif;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
	margin-top: 6px;
}

@media only screen and (max-width: 650px) {
	div.desktop, span.desktop {display: none;}
	div.mobile, span.mobile {display: inline-block;}
	.wk_rahmen .seperator_2{
		margin: 3px 0;
	}
	.wk_kopfzeile .wk_menge, .wk_kopfzeile .wk_Lager, .wk_kopfzeile .wk_artikelpreis, .wk_kopfzeile .wk_rabatt_row span, .wk_kopfzeile .wk_teuerungszuschlag_row span{
		display: none;
	}
	.wk_kopfzeile .wk_artikel {
		width: calc(100% - 221px);
	}
	.bestellC .wk_kopfzeile .wk_artikel {
	   width: calc(100% - 191px);
	}
	.wk_kopfzeile .wk_gesamt{
		width: 100px; border-top: none; padding-top: 0; margin-top: 0;
	}
	.wk_kopfzeile .wk_rabatt_row, .wk_kopfzeile .wk_teuerungszuschlag_row{
		width: 45px;
	}
	.wk_kopfzeile .wk_rabatt_row span:first-child::after, .wk_kopfzeile .wk_teuerungszuschlag_row span:first-child::after {
		content: '';
		white-space: normal;
	}
	.wk_reihe .wk_artikel {
		width: 100%;
	}
	.wk_reihe .EDV_Nr.mobile {
		margin-top: 3px;
		display: inline-block;
	}
	.wk_menge, .wk_Lager {
        width: 50%;
    }
	.wk_einzelpreis {
		display: inline-block;
		padding-left: 3px;
		font-size: 12px;
		float: right;
		line-height: 1;
		width: auto;
	}
	.wk_artikelpreis{
		width: calc(100% - 189px); text-align: left;
	}
	.wk_gesamt{
		display: inline-block;
		float: right;
		width: 186px;
	}
	.wk_gesamt, .wk_artikelpreis {
		padding-top: 2px;
	}
	.wk_gesamt .wk_gesamtpreis , .wk_gesamt .wk_rabatt_row, .wk_gesamt .wk_teuerungszuschlag_row {
		float: right; display: inline-block; width: 100px;
	}
	.wk_gesamt .wk_gesamtpreis {
		font-size: 16px;
		width: 90px;
	}
	.wk_gesamt .wk_rabatt_row, .wk_gesamt .wk_teuerungszuschlag_row {
		padding-right: 5px;
		width: 45px;
		font-size: 12px;
	}
	.wk_gesamt .wk_rabatt_row, .wk_gesamt .wk_teuerungszuschlag_row {
		padding-top: 1px;
	}

	.wk_artikelpreis, .wk_gesamt, .wk_menge, .wk_Lager {
		padding-top: 6px;
	}
	.wk_gesamt{
		padding-top: 3px;
	}
	.wk_menge, .wk_artikelpreis{
		clear: both;
	}
	.wk_reihe .wk_menge_zusatz span:first-child::after {
		content: ',';
	}
}

.wk_reihe_gesamtbetrag{
	background: #eee;
	position: relative;
}
.wk_bereich_gesamtbetrag{
	float: right; width: 290px; position: relative;
}
.wk_gesamt_links{
	clear: both; float: left;
}
.wk_gesamt_rechts{
	float: right;
}
.summe_nettobetrag {
	clear: both;
	float: left;
	width: 100%;
	font-size: 16px;
	padding: 3px 0;
	margin: 5px 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.summe_gesamt {
	clear: both;
	float: left;
	width: 100%;
	padding: 6px 0;
	margin: 5px 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

@media only screen and (min-width: 650px) {
	.wk_reihe.wk_reihe_gesamtbetrag{
        padding-bottom: 22px;
    }
}

.versandbox{
	position: absolute; top: 4px; right: 315px; width: 415px; border: 1px solid #bbb; background: #fff;
}
.versandbox_innen {
	float: left;
	width: 100%;
	padding: 7px 7px 0;
}
@media only screen and (max-width: 750px) {
	.wk_reihe.wk_reihe_gesamtbetrag{
        min-width: inherit;
    }
	.versandbox{
		position: relative; top: auto; left: auto; right: auto; width: auto; float: left;
	}
	.versandbox::before, .versandbox_innen::after{
		display: none;
	}
	.wk_bereich_gesamtbetrag{
		float: left; width: 250px; margin-left: 50%; left: -125px;
	}
}

.versandbox::before{
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	top: 17px;
	right: -18px;
	border-left-color: #fff;
	z-index: 100;
}
.versandbox_innen::after {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	margin-left: -9px;
	top: 16px;
	right: -20px;
	border: 10px solid transparent;
	border-left-color: #ccc;
}
.info_paketversand, .info_sperrgut{
	clear: both; float: left; width: 100%; border-bottom: 1px solid #bbb; padding-bottom: 7px; margin-bottom: 7px;
	display: block;
	-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.info_paketversand span.detailText, .info_sperrgut span.detailText{
	width: 80%; display: inline-block;
}
.info_sperrgut {
	border-bottom: 0 solid #bbb;
	padding-bottom: 0;
	margin-bottom: 7px;
}
.info_preis{
	font-family: "Barlow", Verdana, serif; font-weight: bold; color: #006ab3; font-size: 16px;
}
.info_paketversand img, .info_sperrgut img{
	float: left; width: 15%; margin-right: 10px; margin-top: 7px; display: inline-block;
}
.schnellerfassung{
	width: 300px; font-size: 14px; padding: 5px; height: 35px;
}
.schnell_halter .prod-row {
	border-top: 0 solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 0 0 8px 0;
	margin-bottom: 20px;
}

/* --------------------------------------------------------------------------- Ende warenkorb ---------------------------------------------------------------------------  */

/* ------------------------------------------- Anmeldeseiten ------------------------------------------- */
.button_main.anmelden{
	margin-top: 20px;
}
.inputrange input {
	margin: 15px 0 5px 0;
	float: left;
	width: 100%;
}
.lastgab {
	margin-bottom: 30px;
}
.lastbiggab {
	margin-bottom: 200px;
}
/* ------------------------------------------- Ende Anmeldeseiten ------------------------------------------- */


/* ------------------------------------------- Merkliste ------------------------------------------- */
.watchlist_table{
	float: left;
	width: 100%;
	margin-top: 6px;
}
.merkliste_choose{
	float: right;
	padding-top: 10px;
}
.watchlist_row.wk_reihe .wk_artikel {
    width: 37%;
}
.watchlist_row.wk_reihe .name.wk_artikel, .watchlist_cell.name.wk_artikel {
    width: 50%;
    padding-right: 10px;
}
.watchlist_cell.checkBox{
	float: right;
}
.watchlist_button.add_to_cart {
	clear: both;
	margin-top: 15px;
}
.watchlist_button .fa-trash, .watchlist_button .fa-shopping-cart, .favoritelist_button .fa-shopping-cart {
	margin-left: 0;
}
.watchlist_button.select_all, .favoritelist_button.select_all {
	margin-left: 15px;
}

.favoritelist_button.add_to_cart {
	margin-top: 15px;
}

.favoritelist_button.move_to_watch {
	float: left;
	margin-top: 15px;
}

.preisAddText{
	clear: both; margin-top: 20px; float: left; font-size: 14px;
}
@media only screen and (max-width: 650px) {
	.watchlist_row.wk_reihe .wk_menge{
		clear: none; width: 42%;
	}
	.watchlist_row.wk_reihe .wk_artikel{
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {
    .watchlist_button.select_all, .watchlist_button.remove, .watchlist_button.add_to_cart,
	.favoritelist_button.select_all, .favoritelist_button.remove, .favoritelist_button.add_to_cart{
        clear: both;
    }

    .watchlist_button.remove, .favoritelist_button.remove {
        margin-top: 15px;
    }
}
/* ------------------------------------------- Ende Merkliste ------------------------------------------- */


/* ------------------------------------------- Kategorieseiten ------------------------------------------- */
.contentbereich.grid_kategorie {
	padding: 26px 0 0 15px;
}
.contentbereich.grid_kategorie .columns{
	padding-left: 10px; padding-right: 10px; margin-bottom: 20px;
}
.contentbereich.grid_kategorie .columns.kategorie_head {
	margin-bottom: 0;
}
.contentbereich.grid_kategorie .columns:last-child:not(:first-child){
	float: left;
}
.category-col {
	clear: both; float: left; width: 100%; border: 1px solid #bbb;
}
.category-container {
	position: relative;
}
.category-description {
	clear: both; float: left; width: 100%; padding: 5px; font-size: 12px; height: 40px; overflow: hidden; background: #eee; text-align: center;
}
.category-picture {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 90%;
}
/* ------------------------------------------- Ende Kategorieseiten ------------------------------------------- */


/* ------------------------------------------- Registrierung -------------------------------------------------- */
.registrationChoiceCard {
	min-height: 152px;
}
/* ------------------------------------------- Ende Registrierung --------------------------------------------- */


@media only screen and (max-width: 900px) {
	.Reihe_Menu{
		display: block;
	}
	.contentbereich {
		padding: 20px 0 0 0;
	}
	.head_hauptmenu i{
		display: block;
	}
	.container_hauptmenu{
		-webkit-box-shadow: 20px 20px 20px rgba(0,0,0,0.15);
		-moz-box-shadow:    20px 20px 20px rgba(0,0,0,0.15);
		box-shadow:         20px 20px 20px rgba(0,0,0,0.15);
		position: absolute; z-index: 1000; top: -26px;
	}
	.head_hauptmenu.open::before{
		display: none;
	}
}

@media only screen and (max-width: 700px) {
	.container_hauptmenu{
		top: -125px;
	}
}

@media only screen and (max-width: 1050px) {
	.row{
		padding-left: 15px; padding-right: 15px;
	}
}

/* ------------------------------------------- Sonstiges ------------------------------------------- */
.owl-item {
	cursor: pointer;
}
.zumShop {
	background: #006ab3;
}
.open_day {
    width: 55px;
    display: inline-block;
}
.head_middle.loggedIn {
	font-size: 12px;
	margin: 6px 0 0 10px;
}
.contentbereich_reihe > button.button_main.disabled {
	background: #8c8c8c;
}
.zurKategorie {
	padding: 3px 5px 5px 5px;
	border-radius: 3px;
	background: #eee;
    color: #333;
    border: 1px solid #bbb;
    float: right;
}
.zurKategorie:hover {
	background: #eee;
}
.zurKategorie a:hover,
.zurKategorie a:focus {
	color: #bbb;
}
.zurKategorie span {
	margin-left: 6px;
}
.sperrImgBasket {
	width: 21px;
	margin-left: 7px;
}

.contentbereich.noMenu {
	width: 80%;
    margin-left: 10%;
}

.wk_summary {
	display: inline-block;
}

.menu_addition.center {
	text-align: center;
}

#popupContent {
	display: none;
	position: fixed;
	width: 545px;
	height: 480px;
	top: 35%;
	left: 35%;
	z-index: 2002;
	padding: 30px;
	background: #FFF;
	overflow: auto; /* Enable scroll if needed */
}

#popupBackground{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
    width:100%;
    height:100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.3);
}

#popupButton{
	margin-top: 5px;
}

#longInfoBox {
    display: none;
}

.overlayContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
}

.longInfoBox {
    display: none;
}

.katalog.welcome {
    width: 26%;
    height: auto;
    float: right;
}

.schnellerfassung{
    width: 100%; height: auto;
}
.schnellerfassung .inputArtikel {
    width: 300px;
	display:inline-block;
}

.contentbereich {
    padding-top: 26px;
}

@media only screen and (max-width: 650px) {
    .wk_reihe .wk_menge .button_delete {
        float: left;
    }

    .wk_reihe button.button_delete+span {
        padding-top: 3px;
    }

    .wk_reihe span.unit {
        padding-top: 3px;
    }

    .bestellC .wk_reihe span.unit {
		padding-top: 0;
	}
}

.user_halter .logout i {
	font-size: 20px;
    margin-top: 11px;
    padding-bottom: 4px;
}

.user_halter .logout {
   color: #fff;
}

.select.land {
	margin: 0.5em 0 0;
}

#bestellung_invType_selectedC.address {
	height: 150px;
}

.address.addressSelect {
	height: 150px;
}
.address.addressSelect .textCopy{
	width: 40%;
}
.adressImgSelect.fLeft {
	width: 5%;
}

img.dhidden {
	display: none;
}
img.dhidden.checked {
	display: block;
}
.bestellC.bestellContainer {
	display: inline-block;
	border: none;
	width: 100%;
}
.newBestellHeader {
	width: 100%;
}

.bestellC.it_textarea {
	max-width: 98%;
}
#kontoverwaltungnav {
	margin-bottom: 50px;
}
#kontoverwaltungnav .button_low{
	width: 30%;
	margin-right: 20px;
}
#kontoverwaltungnav .button_low a{
	display: block;
	text-align: center;
}

#kontoverwaltung input.plz {
	float: left;
	width: 25%;
}

#kontoverwaltung div.teiler {
	display: inline-block;
	width: 5%;
	text-align: center;
	line-height: 2.4375rem;
}

#kontoverwaltung input.ort {
	float: right;
	width: 70%;
}



.legend.newsletter_capt {
	margin: 20px 0 10px 0;
}

.full.hansen_term label {
	line-height: 1.2;
}

.full.hansen_term label, .full.hansen_term input {
	line-height: 1.2;
}

.newsletter-gender .it_select{
	margin-bottom: 5px;
}

.hansen_term.legals {
	margin: 20px 0 10px 0;
}

.hansen_term.legals input {
	float: left;
	width: 13px;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 5px;
	cursor: pointer;
}

.hansen_term.legals label {
	float: left;
	max-width: 290px;
	line-height: 1.2;
	cursor: pointer;
}

@media only screen and (max-width: 1080px) {
	.hansen_term.legals label {
		max-width: 270px;
	}
}

@media only screen and (max-width: 990px) {
	.hansen_term.legals label {
		max-width: 200px;
	}
}

@media only screen and (max-width: 775px) {
	.hansen_term.legals label {
		max-width: 140px;
	}
}

@media only screen and (max-width: 639px) {
	.hansen_term.legals label {
		max-width: 290px;
	}
}

@media only screen and (max-width: 524px) {
	.hansen_term.legals label {
		max-width: 200px;
	}
}



#meldung                             { color:#006ab3; margin-left: 4px; margin-bottom: 10px; height:40px; background-color: #FFF;}
#meldung div.img                     { position: relative; float:left; margin-left: 5px; margin-top: 10px; margin-bottom: 10px;}
#meldung div.text                    { position: relative; float:left; margin-left: 5px; margin-top: 10px; margin-bottom: 10px;}
#meldung div.text2                   { position: relative; float:left; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;}


#meldung2                            { color:#006ab3;  margin-bottom: 10px; height:40px; width: 710px; background-color: #FFF;}
#meldung2 div.img                    { position: relative; float:left; margin-left: 5px; margin-top: 10px; margin-bottom: 10px;}
#meldung2 div.text                   { position: relative; float:left; margin-left: 5px; margin-top: 10px; margin-bottom: 10px;  width: 680px;}
#meldung2 div.text2                   { position: relative; float:left; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;  width: 680px;}

span.okay                            { background-color:#00FF00; }

#meldungExt {
	color: #006ab3;
	margin-bottom: 10px;
	position: relative;
	padding: 10px;
	background-color: #FFF;
}

#meldungExt div.img {
	position: relative;
	float: left;
	margin-right: 10px;
}

#meldungExt div.text {
	position: relative;
	padding-left: 20px;
}

#meldung div.img .fa,#meldung2 div.img .fa,#meldungExt div.img .fa{ font-size: 20px;}

#meldung div.text, #meldung2 div.text, #meldungExt div.text {
	line-height: 20px;
	font-weight: bold;
}

#meldung, #meldung2, #meldungExt {
	border-radius: 10px;
	border: 2px solid #006ab3;
	clear: both;
	margin: 0 25px 25px;
}

.formular.kontoverwaltung .button_main, .formular.border .button_main, .kaufen.button_main {
	border: none;
	text-align: center;
}

.selectedVersand img {
	width: 100px;
}

.selectedZahlung img {
    width: 150px;
}

.button_warenkorb_refresh_all {
	margin: 0 11px 0;
}

@media only screen and (max-width: 700px) {
    #kontoverwaltungnav .button_low {
        width: 100%;
    }
}

.marginBottom {
   margin-bottom: 10px;
}

.wk_gesamt.wk_overview {
   width: 32%;
}

.Button_Info.sperrgut {
    margin-left: 5px;
}

.button_main.wlButtonDisabled {
    background: #7bd460;
}

#bestellenMain .bestellHeader {
	height: 30px;
}

.padding2 {
	font-size: 14px;
	padding: 10px;
}

.padding-10-no-left-no-top {
	padding: 0 10px 10px 0;
}

.center {
	text-align: center;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.textareaBox,
.agbBox {
    padding: 7px 10px;
}

.textareaBox textarea {
    margin: 0;
}

.textarea.form-control {
    height: 100px;
}

.bestellC .wk_Anzahl {
	width: 80px;
	text-align: right;
    float: right;
}

.bestellC .wk_artikelpreis {
    width: 17%;
    float: left;
}

.bestellC .wk_menge {
    text-align: right;
    width: 14%;
}

.bestellC .wk_rabatt_row, .bestellC .wk_teuerungszuschlag_row {
	width: 8%;
}

.bestellC .wk_rabatt_row.desktop, .bestellC .wk_teuerungszuschlag_row.desktop {
	float: left;
}

.bestellC .wk_artikel {
	width: 37%;
}

.bestellC .wk_menge span {
	font-size: 12px;
}

.fa-xl {
	font-size: 2.333em;
	transition: all 0.2s ease-out;
	color: #fff !important;
}

.fa-xl:hover {
	font-size: 2.533em;
}

/* ------------------------------------------- Ende Sonstiges ------------------------------------------- */


/* ------------------------------------------- Bestellen ------------------------------------------- */
.arrow_box {
	position: relative;
	background: #e6e6e6;
	border: 1px solid #ccc;
	min-height: 30px;
	float: right;
	font-size: 16px;
	padding: 3px 5px 5px 20px;
	width: 25%;
}

.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #e6e6e6;
    border-width: 14px;
    margin-top: -14px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0); border-left-color: #ccc; border-width: 16px; margin-top: -16px;
}
.arrow_box:first-child:after , .arrow_box:first-child:before {
	border-width: 0;
}
.desktop .arrow_box{
    margin-top: 6px;
}
.stepActive.arrow_box{
    background: #666; color: #fff;
}
.stepActive.arrow_box:first-child{
	font-size: 14px;
}
.stepActive.arrow_box:after {
    border-left-color: #666;
}
@media only screen and (max-width: 650px) {
    .arrow_box {
        width: 50%;
    }
    .mobile .arrow_box:first-child:after{
        border-width: 14px;
    }
    .mobile .arrow_box:first-child:before{
        border-width: 16px;
    }
    .mobile .arrow_box:nth-child(3):after , .mobile .arrow_box:nth-child(3):before {
		border-width: 0;
	}
    .mobile .arrow_box:nth-child(3), .mobile .arrow_box:nth-child(4){
        margin-top: 10px;
    }
	.bestellC .wk_rabatt_row, .bestellC .wk_teuerungszuschlag_row {
        width: 45px;
    }
    .bestellC .wk_menge {
       text-align: left;
    }
    .bestellC .wk_menge span.mobile {
		margin-left: 0;
	}
    .wk_menge span.mobile{
	    margin-left: -15px;
	}
    .bestellC .wk_artikelpreis {
       clear: none;
    }
    .bestellC .wk_artikelpreis, .bestellC .wk_gesamt,
    .bestellC .wk_menge,.bestellC .wk_Lager {
		padding-top: 0;
	}
    .bestellC .wk_artikel {
        width: 74%;
    }
    .bestellC .wk_artikelpreis {
        width: 30%;
    }
}

@media only screen and (max-width: 467px) {
	.button_low.continueShopping{
		clear: both;
		float: left;
		margin-top: 15px;
	}


	.button_low.button_warenkorb_refresh_all {
		float: right;
		margin: 15px 0 0 0;
	}

}

.orderbox{
    border: 1px solid #bbb;
}
.orderbox_head{
    background: #006ab3; color: #fff; padding: 4px 10px 6px 14px;
}
.orderbox_content {
	padding: 0;
	font-size: 14px;
}
.orderbox_content.space{
    padding: 10px;
}
.orderbox_group{
    border-bottom: 1px dotted #bbb; padding: 10px;
}
.orderbox_group [type="radio"], .orderbox_group label{
    display: block; float: left; line-height: 1.25;
}
.orderbox_group [type="radio"]{
    margin-top: 2px;
}
.order_info{
    clear: both; display: table; vertical-align: middle;
}
.order_info p{
    margin-bottom: 10px;
}
.order_info_img{
    display: table-cell; width: 140px; text-align: center; vertical-align: middle; padding: 20px;
}
.vorkasse .order_info_img{
    padding: 10px;
}
.vorkasse [type="radio"]{
    margin-top: 15px;
}
.order_info_img img{
    max-width: 100px; max-height: 50px;
}
.order_info_text{
    display: table-cell; overflow: hidden; vertical-align: middle;
}
.order_info_text p{
    clear: both;
}
.contentbereich.fullwidth {
	width: 100%;
}
/* ------------------------------------------- Ende Bestellen ------------------------------------------- */

/* ------------------------------------------- Input Error ---------------------------------------------- */
.inputTextError {
    border: 1px solid #FF0000;
}
.selecterrorfield {
    color: #FF0000;
    border: 1px solid #FF0000;
}

.errorfield{
	border: 1px solid #FF0000;
}

input[type='checkbox'].errorfield {
	box-shadow: 0 0 0 1px #FF0000;
}
/* ------------------------------------------- Ende Input Error ------------------------------------------ */

/* ------------------------------------------- Nexmart -------------------------------------------------- */
.nexmartPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9001;
    background: rgba(0,0,0,0.5);
    text-align: center;
    overflow-y: scroll;
}
.nexmartPopup_inner {
    position: relative;
    margin: auto;
    width: 50%;
    height: 80%;
    top: 10%;
}
.nexmartPopup_inner iframe {
    width: 100%;
    height: 100%;
}
.nexmartButton {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #FFE45A;
    color: #004587;
    font-family: Times New Roman, Times, serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    cursor: pointer;
    text-align: center;
}
.nexmartButton img {
    max-width: 100%;
    cursor: pointer;
}
.nexmartPopup_closeButton {
    position: absolute;
    color: #ECECEC;
    background: #006ab3;
    font-size: 30px;
    top: 30px;
    right: 44px;
    width: 40px;
    padding: 5px;
    cursor: pointer;
}
.nexmartInfoButton {
	position: absolute;
	max-height: 24px;
	max-width: 48px;
	right: 0;
	top: 0;
	margin-right: 170px;
	margin-top: 63px;
	text-align: center;
}
/* -------------------------------------------Ende Nexmart -------------------------------------------------- */

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

    #bestellenMain .versandLogo {
	    max-width: 100px;
	}

    #bestellenMain .zahlInner label {
        width: 50vw;
        max-width: 160px;
	}

    .wk_rabatt {
	   float: right;
	}
}


/* -------------------------------------------Start QrCode -------------------------------------------------- */

.schnellerfassung .qrcode-text-btn {
	display:inline-block;
	height:1.3em;
	width:1.3em;
	margin-left:-2em;
	cursor:pointer;
	vertical-align:middle;
}
.schnellerfassung .qrcode-text-btn > input[type=file] {
	position:absolute;
	overflow:hidden;
	width:1px;
	height:1px;
	opacity:0;
}

.qrcode-text-btn .fas.fa-qrcode {
	font-size: 22px;
	line-height: 0.8rem;
}

/* -------------------------------------------Ende QrCode -------------------------------------------------- */

/* -------------------------------------------Start CustomerSelect -------------------------------------------------- */

.userOverviewSmall  {
	width: 30%;
	color: white;
	float: right;
}
@media screen and (max-width: 1300px) and (min-width: 100px) {
	.userOverviewSmall  {
		width: 50%;
	}
}
div.custTable {
	display: table;
	width: 100%;
}
div.custTable .kdnr {
	width: 70px;
}
div.custTable > div {
	display: table-row;
	background-color: transparent;
	color: unset;
	cursor: unset;
	line-height: 17px;
}
div.custTable > div:hover, div.custTable > div:hover a {
	color: #ffffff;
	background-color: #006ab3;
	cursor: default;
}

div.custTable > div:hover a {
	cursor: pointer;
}
div.custTable div.custHead {
	display: table-cell;
	height: 36px;
	padding: 2px;
	vertical-align: middle;
	background-color: #006ab3;
	color: #ffffff;
}
div.custTable div.custContent {
	display: table-cell;
	padding: 4px 1px;
}
div.custTable div.custContent.dhidden {
	display: none;
}

/* -------------------------------------------Ende CustomerSelect -------------------------------------------------- */

/* -------------------------------------------Start order complete  -------------------------------------------------- */
.agentorder {
	border: 1px solid #cccccc;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}
.agentorder h2 {
	background-color: #006ab3;
	color: #FFF;
	font-size: 16px;
	padding: 3px 0 5px 10px;
	font-family: "Barlow", Verdana, serif;
}

.agentorder p {
	padding: 5px 10px;
}

.agentorder a {
	float: right;
	margin-right: 10px;
}

/* -------------------------------------------Ende CustomerSelect -------------------------------------------------- */

/* ------------------- Price notice -----------------*/

.price-notice {
	position: fixed;
	right: 200px;
	padding-top: 200px;
}

.price-notice-small {
	display: none;
}

.price-notice button span {
    position: absolute;
    top: -6px;
}

@media only screen and (max-width: 1850px) {
    .price-notice {
        right: 150px;
    }
}

@media only screen and (max-width: 1750px) {
    .price-notice {
        right: 100px;
    }
}

@media only screen and (max-width: 1650px) {
	.price-notice {
		right: 50px;
	}
}

@media only screen and (max-width: 1550px) {
	.price-notice {
		right: 5px;
	}
}

a.alert-link:hover {
	font-weight: 900;
	color: #006AB3;
}

/* ------------------- Price notice end -----------------*/

/* ------------------- Promotion -----------------*/

.promotion-top-picture {
	width: 352px;
	max-height: 170px;
}

.promotion-top-container {
	position: relative;
	text-align: center;
}

.promotion-left {
	position: fixed;
	left: 2%;
}

.promotion-right {
	position: fixed;
	right: 2%;
}

.promotion-left .category-description, .promotion-right .category-description {
	width: 205px !important;
	height: auto;
	min-height: 40px;
	word-wrap: break-word;
}

#promotion-mobile .category-description {
	width: 205px !important;
	height: auto;
	min-height: 40px;
	margin-left: 11px;
	word-wrap: break-word;
}


#promotion-mobile {
	display: none;
}

.promotion-mobile-left {
	padding-bottom: 25px;
}

@media only screen and (max-width: 1500px) {
	.promotion-left {
		display: none;
	}

	.promotion-right {
		display: none;
	}

	#promotion-mobile {
		display: inherit;
	}
}

/* ------------------- Promotion end -----------------*/

#radio_GLS_Express_container span.costs-package {
	font-size: 11px;
}