:root {
	--txt: #666666;
	--txtwhite: #f8f8f8;
	--link: #0054a6;
	--btnover: #0e538f;
	--btnactive: #779f00;
	--btnbgactive: #f9ffea;
	--btnupload: #f1f1f1;
	--white: #ffffff;
	--black: #000000;
	--greyxlight: #eeeeee;
	--greylight: #e4e4e4;
	--greymidlight: #cfcfcf;
	--heroline: #173572;
	--folder-open-grey: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23666666" d="M13 15l3-8h-13l-3 8zM2 6l-2 9v-13h4.5l2 2h6.5v2z"%3E%3C/path%3E%3C/svg%3E');
	--folder-open-wht: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23f8f8f8" d="M13 15l3-8h-13l-3 8zM2 6l-2 9v-13h4.5l2 2h6.5v2z"%3E%3C/path%3E%3C/svg%3E');
	--image-grey: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 16 16"%3E%3Cpath fill="%23666666" d="M14.998 2c0.001 0.001 0.001 0.001 0.002 0.002v11.996c-0.001 0.001-0.001 0.001-0.002 0.002h-13.996c-0.001-0.001-0.001-0.001-0.002-0.002v-11.996c0.001-0.001 0.001-0.001 0.002-0.002h13.996zM15 1h-14c-0.55 0-1 0.45-1 1v12c0 0.55 0.45 1 1 1h14c0.55 0 1-0.45 1-1v-12c0-0.55-0.45-1-1-1v0z"%3E%3C/path%3E%3Cpath fill="%23666666" d="M13 4.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5z"%3E%3C/path%3E%3Cpath fill="%23666666" d="M14 13h-12v-2l3.5-6 4 5h1l3.5-3z"%3E%3C/path%3E%3C/svg%3E');
	--image-wht: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 16 16"%3E%3Cpath fill="%23f8f8f8" d="M14.998 2c0.001 0.001 0.001 0.001 0.002 0.002v11.996c-0.001 0.001-0.001 0.001-0.002 0.002h-13.996c-0.001-0.001-0.001-0.001-0.002-0.002v-11.996c0.001-0.001 0.001-0.001 0.002-0.002h13.996zM15 1h-14c-0.55 0-1 0.45-1 1v12c0 0.55 0.45 1 1 1h14c0.55 0 1-0.45 1-1v-12c0-0.55-0.45-1-1-1v0z"%3E%3C/path%3E%3Cpath fill="%23666666" d="M13 4.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5z"%3E%3C/path%3E%3Cpath fill="%23f8f8f8" d="M14 13h-12v-2l3.5-6 4 5h1l3.5-3z"%3E%3C/path%3E%3C/svg%3E');
	--abfalleimer: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23666666" d="m 2,5 v 10 c 0,0.55 0.45,1 1,1 h 9 c 0.55,0 1,-0.45 1,-1 V 5 Z m 3,9 H 4 V 7 h 1 z m 2,0 H 6 V 7 h 1 z m 2,0 H 8 V 7 h 1 z m 2,0 H 10 V 7 h 1 z" /%3E%3Cpath fill="%23666666" d="M 13.25,2 H 10 V 0.75 C 10,0.338 9.662,0 9.25,0 H 5.75 C 5.338,0 5,0.338 5,0.75 V 2 H 1.75 C 1.337,2 1,2.337 1,2.75 V 4 H 14 V 2.75 C 14,2.337 13.662,2 13.25,2 Z M 9,2 H 6 V 1.013 h 3 z" /%3E%3C/svg%3E');
	--abfalleimer-over: url('data:image/svg+xml;charset=UTF-8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23779f00" d="m 2,5 v 10 c 0,0.55 0.45,1 1,1 h 9 c 0.55,0 1,-0.45 1,-1 V 5 Z m 3,9 H 4 V 7 h 1 z m 2,0 H 6 V 7 h 1 z m 2,0 H 8 V 7 h 1 z m 2,0 H 10 V 7 h 1 z" /%3E%3Cpath fill="%23779f00" d="M 13.25,2 H 10 V 0.75 C 10,0.338 9.662,0 9.25,0 H 5.75 C 5.338,0 5,0.338 5,0.75 V 2 H 1.75 C 1.337,2 1,2.337 1,2.75 V 4 H 14 V 2.75 C 14,2.337 13.662,2 13.25,2 Z M 9,2 H 6 V 1.013 h 3 z" /%3E%3C/svg%3E');
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
	font-size: 100%;
	height: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
	line-height: 1.5;
	color: var(--txt);
	background-color: var(--white);
	height: 100%;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-rendering: optimizeLegibility;
}
body,textarea,input,select,option,button {
	font-family: "Fira Sans Condensed",sans-serif;
	font-size: 0.9375rem;
	font-weight: 400;
}
textarea,input,select,option {
	-webkit-border-radius: 0;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
img {
	border: none;
	vertical-align: middle;
}
a {
	color: var(--link);
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover {
	color: var(--txt);
	text-decoration: underline;
}
a:active {
	color: var(--btnactive);
	background: transparent;
}
a.agrey,a.agrey:hover,a.agrey:active {
	color: var(--txt);
	text-decoration: none;
}
h1 {
	font-size: 1.375rem;
}
h2,#lblkasmittxt {
	margin: 0;
	font-size: 1.25rem;
}
h3,h4 {
	margin: 0;
	font-size: 1.125rem;
}
h1,h2,h3,h4 {
	font-weight: 400;
}
.cmstxt h2 {
	font-size: 1.125rem;
}
.txtc {
	text-align: center;
}
.txtr {
	text-align: right;
}
strong,b,.txtfett,.txtbold {
	font-weight: 600;
}
.txtnorm {
	font-weight: 400;
}
.txt11 {
	font-size: 0.75rem;
}
.txt12,.txt13 {
	font-size: 0.8125rem;
}
.txt14ft,.txt14 {
	font-size: 0.875rem;
}
.txt15 {
	font-size: 0.9375rem;
}
.txt16 {
	font-size: 1rem;
}
.txt17 {
	font-size: 1.0625rem;
}
.txt18 {
	font-size: 1.125rem;
}
.brc100,.brc50,.br3-1,.br3-2,.ansprechwidth {
	width: 100%;
}
.brc25,.brc40,.brc60,.brc75,.br50 {
	width: 50%;
}
.breite100plz {
	width: 40%;
	padding: 0 1.25rem 0 0;
}
.breite320 {
	width: 60%;
}
.brc33 {
	width: 100%;
}
.flexdisplay {
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
}
.flexjuspa {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
}
.flexjustr {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack: start;
}
.flexjuend {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: end;
}
.flexjucent {
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
}
.flexalstr {
	-webkit-align-items: stretch;
	align-items: stretch;
	-ms-flex-align: stretch;
}
.flexalcent {
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}
.flexcol {
	flex-direction: column;
}
.flexcontstr {
	align-content: stretch;
	-ms-flex-line-pack: stretch;
}
.flexwarp,.flexwrap {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.order1 {
	order: 1;
}
.order2 {
	order: 2;
}
.order3 {
	order: 3;
}
.flussl {
	float: left;
}
.plxsh {
	padding: 0.25rem 0 0 0;
}
.plsh {
	padding: 0.5rem 0 0 0;
}
.plmh {
	padding: 1rem 0 0 0;
}
.pllh {
	padding: 2rem 0 0 0;
}
.plxlh {
	padding: 3rem 0 0 0;
}
.plxxlh {
	padding: 4rem 0 0 0;
}
.psmnh {
	padding: 0 0.625rem 0 0.625rem;
}
.pssxsh {
	padding: 0.5rem 0.625rem 0 0.625rem;
}
.psssh {
	padding: 1rem 0.625rem 0 0.625rem;
}
.pssmh,.psslh,.psslhxl {
	padding: 2rem 0.625rem 0 0.625rem;
}
.psslh {
	padding: 3rem 0.625rem 0 0.625rem;
}
.pssxlh {
	padding: 4rem 0.625rem 0 0.625rem;
}
.psmxsh {
	padding: 0.5rem 1.25rem 0 1.25rem;
}
.psmsh {
	padding: 1rem 1.25rem 0 1.25rem;
}
.psmmh {
	padding: 2rem 1.25rem 0 1.25rem;
}
.psmlh {
	padding: 3rem 1.25rem 0 1.25rem;
}
.psmxlh {
	padding: 4rem 1.25rem 0 1.25rem;
}
.plistnh,.pssnh {
	padding: 0 0.625rem 0 0.625rem;
}
.plistsh {
	padding: 1rem 0.625rem 0 0.625rem;
}
.mrs {
	margin-right: 0.5rem;
}
.mls {
	margin-left: 0.5rem;
}
.mbxs {
	margin-bottom: 0.25rem;
}
.mt0l24 {
	margin: 0 0 0 1.5rem;
	white-space: nowrap;
}
.mt0r24 {
	margin: 0 1.5rem 0 0;
	white-space: nowrap;
}
.mt5l0 {
	margin: 0.25rem 0 0 0;
}
.mt10l0 {
	margin: 0.5rem 0 0 0;
}
.mt20l0 {
	margin: 1rem 0 0 0;
}
.mt30l0 {
	margin: 2rem 0 0 0;
}
.mt30l20 {
	margin: 2rem 1.25rem 0 1.25rem;
}
.hyphensnorm {
	-ms-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
}
.errorall {
	padding: 0.625rem;
	color: var(--txtwhite);
	background-color: #d50000;
	border-radius: 3px;
}
.errorcont {
	margin: 2rem 0.625rem 0 0.625rem;
}
.okall {
	padding: 10px;
	color: var(--txtwhite);
	background-color: var(--btnactive);
	border-radius: 3px;
}
.okrightcont {
	margin: 1.5rem 0.625rem 0 0.625rem;
}
.txtgreen {
	color: var(--btnactive);
}
.cpoint {
	cursor: pointer;
}
.btnformfull,
.btnsubform {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.btnformfull,
.btnlink,
.btnsubform,
.btnsublink {
	display: inline-block;
	padding: 0.375rem 1.25rem 0.375rem 1.25rem;
	line-height: 2rem;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	transition: all 0.2s ease;
}
.btnformfull,
.btnlink {
	min-width: 8rem;
	background-color: var(--link);
	color: var(--txtwhite);
	transition: all 0.25s ease;
}
.btnsubform,
.btnsublink {
	background-color: var(--btnupload);
	color: var(--txt);
	transition: all 0.25s ease;
}
.trackbox .btnsublink {
	background-color: var(--greylight);
}
.btnsubadr {
	font-weight: 400;
	line-height: 1.6rem;
	margin: 0 0.625rem 0 0;
	min-width: 8.5rem;
}
.btninfo {
	width: 30%;
	min-width: 8.5rem;
	padding: 0.125rem 1.25rem 0.125rem 1.25rem;
	margin: 1.25rem auto 0 auto;
	font-weight: 400;
	line-height: 1.6rem;
	font-size: 0.875rem;
}
.btnformfull:hover,.btnlink:hover {
	background-color: var(--btnover);
	color: var(--txtwhite);
	text-decoration: none;
}
.btnformfull:active,.btnlink:active {
	background-color: var(--btnactive);
	color: var(--txtwhite);
	text-decoration: none;
}
.btnsubform:hover,.btnsublink:hover {
	background-color: var(--btnover);
	color: var(--txtwhite);
	text-decoration: none;
}
.btnsubform:active,.btnsublink:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	text-decoration: none;
}
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	cursor: pointer;
	border-width: 0;
}
.ipfull,.txtfull,.selfull {
	-webkit-appearance: none;
	width: 100%;
	padding: 0.5rem 0.1875rem 0.5rem 0.625rem;
	color: #353535;
	background-color: var(--txtwhite);
	border: 0.0625rem solid var(--greymidlight);
	-webkit-border-radius: 0;
	border-radius: 3px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
input:focus-visible,input:focus {
	outline: none;
}
.selfull {
	background-image: url('arrowdown.svg');
	background-position: center right 8px;
	background-repeat: no-repeat;
}
.txtfull {
	height: 10rem;
}
.ipfull:invalid,.txtfull:invalid,.selfull:invalid {
	border: 0.0625rem solid #d50000;
	box-shadow: 0 0 0 var(--white);
}
.ipfull:valid,.txtfull:valid,.selfull:valid {
	border: 0.0625rem solid var(--greymidlight);
}
.ipfull:focus,.selfull:focus,.txtfull:focus,.ipfull:focus-visible,.selfull:focus-visible,.txtfull:focus-visible {
	border: 0.0625rem solid #353535;
	background-color: var(--white);
}
::-webkit-input-placeholder {
	color: var(--black);
}
::placeholder {
	color: var(--black);
}
.filterreset {
	width: 1.25rem;
	height: 1.25rem;
	bottom: 0.5rem;
	right: 1.75rem;
	cursor: pointer;
}
.filterreset:hover path {
	fill: #106ebe;
}
.filterreset:active path {
	fill: var(--btnactive);
}
#bestellsuchbox .filterreset {
	right: 0.5rem;
}
.btnformnormlink {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--black);
	font-size: 0.875rem;
	transition: all 0.3s ease;
}
.btnformnormlink:hover {
	color: var(--btnover);
	background: transparent;
	text-decoration: underline;
}
.btnformnormlink:active {
	color: var(--btnactive);
	background: transparent;
	text-decoration: underline;
}
.btnw50 {
	width: 50%;
	min-width: 0;
	margin: 1.25rem auto 0 auto;
}
.btnw80 {
	width: 80%;
	min-width: 0;
	margin: 1.25rem 10% 0 10%;
}
.btnwl {
	width: 100%;
	max-width: 11rem;
}
.btnnxticon {
	background-image: url('arrownext-wht.svg');
	background-position: center right 8px;
	background-repeat: no-repeat;
}
.btnnxticon:hover {
	background-image: url('arrownext-wht.svg');
	background-position: center right 8px;
	background-repeat: no-repeat;
}
.btnbackicon {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: url('arrowprev.svg');
	background-position: center left 8px;
	background-repeat: no-repeat;
}
.btnbackicon:hover {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: url('arrowprev-wht.svg');
	background-position: center left 8px;
	background-repeat: no-repeat;
}
.dsbox {
	position: relative;
}
.dsformbez {
	padding: 0 0 0 1.5rem;
	margin: -1.5rem 0 0 0;
	cursor: pointer;
	display: block;
}
.dsradio:checked,.dsradio:not(:checked) {
	background: transparent;
	position: relative;
	opacity: 0;
	margin: 0;
	padding: 0;
	width: 1rem;
	height: 1rem;
}
.dsradio:checked + .dsformbez::before, .dsradio:not(:checked) + .dsformbez::before {
	position: absolute;
	top: 0.025rem;
	left: 0;
	margin: auto;
	content: url('checkbox-unchecked.svg');
}
.dsradio:checked + .dsformbez::before {
	content: url('checkbox-checked-active.svg');
}
.dsradio:not(:checked):hover + .dsformbez::before,
.dsradio:not(:checked):focus + .dsformbez::before {
	content: url('checkbox-unchecked-active.svg');
}
.dsradio:not(:checked) + .dsreq::before {
	content: url('checkbox-unchecked-red.svg');
}
.posabs {
	position: absolute;
}
.posrel {
	position: relative;
}
.sticky {
	position: sticky;
	top: 0;
}
.topline {
	border-top: 0.0625rem solid var(--greylight);
}
.botline {
	border-bottom: 0.0625rem solid var(--greylight);
}
.fullwidthimg {
	max-width: 100%;
	height: auto;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.errorblocker {
	background: rgba(255,255,255,0.96);
	z-index: 50000;
}
.menueblocker {
	display: none;
	background: rgba(0, 84, 166, 0.5);
	z-index: 150;
}
.wbox {
	margin: 0 auto 0 auto;
	max-width: 1180px;
}
header {
	position: relative;
	background-color: var(--white);
	border-bottom: 0.0625rem solid var(--greylight);
	z-index: 200;
}
.primaryheight {
	height: 2.8125rem;
}
#logobox {
	min-width: 70px;
	width: 70px;
	height: 72px;
	transition: all 0.3s ease;
}
#logobox img {
	max-height: 8rem;
	height: auto;
	max-width: 100%;
	margin: 1.5rem 0 0.25rem 0;
	box-sizing: content-box;
}
.hsmallboxes {
	width: 2.8125rem;
	transition: all 0.3s;
}
.hsmallboxes svg path {
	fill: var(--txtwhite);
}
.hdroplink {
	width: 100%;
	height: 100%;
}
.hsmallboxes a,.hsmallboxes svg path {
	color: var(--txt);
	fill: var(--txt);
	text-decoration: none;
	transition: all 0.3s;
}
.hsmallboxes .dropbox a,.hsmallboxes .dropbox svg path {
	color: var(--txt);
	fill: var(--txt);
}
.headbubble {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 1.125rem;
	padding: 0.25rem 0 0.125rem 0;
	font-size: 0.625rem;
	line-height: 0.75rem;
	text-align: center;
	color: var(--txtwhite);
	background: rgba(102, 102, 102, 0.7);
	border-radius: 9px;
	transition: all 0.3s;
}
.headbubble svg {
	width: 10px;
	height: 10px;
	vertical-align: middle;
}
.headbubble svg path {
	fill: var(--txtwhite);
}
.hsmallboxes a:hover,.hsmallboxes:hover svg path,.hsmallboxes:hover {
	color: var(--link);
	fill: var(--link);
}
.hsmallboxes:hover .headbubble,.hsmallboxes:hover .headbubble svg path,.hsmallboxes .btnlink:hover {
	fill: var(--txtwhite);
	background-color: var(--link);
}
.hsmallboxes .btnlink:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
}
.hsmallboxes .btnlink:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
}
.headiconbox {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.headiconbox > svg,.hdroplink > div > svg {
	height: auto;
	width: 22px;
	cursor: pointer;
}
.dropbox {
	display: none;
	position: absolute;
	top: calc(100% + 13px);
	padding: 0.625rem 1.25rem 0.625rem 1.25rem;
	background: rgba(255, 255, 255, .96);
	border-top: 0.0625rem solid var(--greymidlight);
	transition: top 0.3s;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
	color: var(--txt);
	white-space: normal;
	z-index: 202;
}
#xlhhbox {
	display: none;
}
#suchiconbox,#hhwarpper,#xlhhwarpper {
	position: relative;
	width: 2.25rem;
	height: 2.25rem;
	cursor: pointer;
}
#hamburger,#xlhh {
	width: 2.375rem;
	height: 2.375rem;
	padding: 0.5rem 0.625rem;
}
#hhbart,#hhbarm,#hhbarb,#xlhhbart,#xlhhbarm,#xlhhbarb {
	width: 1rem;
	height: 0.1875rem;
	background-color: var(--txt);
	margin: 0.1875rem 0 0 0;
	transition: 0.3s;
}
#hamburger:hover #hhbart,#hamburger:hover #hhbarm,#hamburger:hover #hhbarb,
#xlhh:hover #xlhhbart,#xlhh:hover #xlhhbarm,#xlhh:hover #xlhhbarb {
	background-color: var(--black);
}
.hhani #hhbart {
	width: 1.5rem;
	transform: rotate(45deg) translate3d(1px, 8px, 0);
}
.hhani #hhbarm {
	opacity: 0;
}
.hhani #hhbarb {
	width: 1.5rem;
	transform: rotate(-45deg) translate3d(0, -7px, 0);
}
.ani::after,.hhani::after {
	content: " ";
	position: absolute;
	top: calc(100% + 0.625rem);
	transition: all 0.3s ease;
}
.priarrow {
	display: none;
	bottom: 0;
	position: absolute;
	width: 0;
	right: calc(50% + 12px);
	transition: bottom 0.3s;
	z-index: 1101;
}
.priarrow::before,.priarrow::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px;
	border-color: transparent transparent var(--greymidlight) transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.priarrow::after {
	border-color: transparent transparent var(--white) transparent;
	top: 1px;
}
.hhani .priarrow,.ani .priarrow,.headani .priarrow {
	bottom: 7px;
	display: block;
}
#languagebox {
	display: none;
}
#hsprachbox {
	display: none;
	left: -50%;
	min-width: 100%;
	line-height: 1.8;
}
#languagebox .hsprachen a {
	color: var(--link);
	padding: 0 0 0 24px;
	background: url('checkbox-unchecked-blue.svg') left center no-repeat;
}
#languagebox .hsprachen a:hover {
	color: var(--txt);
	background: url('checkbox-unchecked.svg') left center no-repeat;
	text-decoration: none;
}
#languagebox .hsprachen a.txtaktiv {
	background: url('checkbox-checked-blue.svg') left center no-repeat;
}
#languagebox .hsprachen a.txtaktiv:hover {
	background: url('checkbox-checked.svg') left center no-repeat;
}
#hkontobox {
	display: block;
}
#hkontotool {
	width: 100vw;
	max-width: 360px;
	overflow-y: auto;
}
.hkontousernot {
	right: -10px;
}
.hkontouser {
	right: -100px;
}
#hloginbox {
	padding: 0.25rem 0 1rem 0;
}
#hpwforgot {
	top: 81px;
	right: 0;
}
#hkontotxt {
	padding: 1rem 0 0.5rem 0;
	border-top: 0.0625rem solid var(--greymidlight);
}
#hkontotxt h2 {
	padding: 0 0 0.5rem 0;
	margin: 0;
}
#hkontolink {
	color: var(--txtwhite);
}
#prevwkbox {
	right: -10px;
	width: 100vw;
	max-width: 450px;
}
#prevwkbox form {
	display: block;
}
.prevwkpbox {
	padding: 0.75rem 0 0.75rem 0;
	border-bottom: 0.0625rem solid var(--greyxlight);
}
.prwkimgb {
	position: relative;
	width: 20%;
	padding-top: 20%;
	border-radius: 0.1875rem;
}
.prwkimgb img {
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 0.1875rem;
	vertical-align: bottom;
}
.prwkbezb {
	width: 50%;
	padding: 0 0 0 0.5rem;
	font-size: 0.875rem;
	line-height: 1.3;
}
.prwkbez {
	padding: 0 0 0.25rem 0;
	font-size: 0.875rem;
}
.prwkpdatabez {
	display: inline-block;
	width: 40%;
}
.prwkpdata {
	display: inline-block;
	width: 60%;
}
.prwkgpb {
	width: 30%;
	line-height: 1.3;
}
#prevwktotalbox {
	line-height: 46px;
	padding: 4px 0 0 0;
	border-bottom: 0.0625rem solid var(--greyxlight);
}
#prwktotal {
	display: inline-block;
	width: 30%;
}
#lblprwktotal {
	display: inline-block;
	width: 70%;
}
#prevwkeditbox {
	padding: 1.25rem 0 0 0;
	font-size: 0.875rem;
}
.prevwkbtnboxs {
	padding: 0.75rem 0 1.25rem 0;
}
#prevwkbox .btnsublink {
	min-width: 45%;
}
#prevwkbox .btnlink {
	min-width: 45%;
	color: var(--txtwhite);
}
#prevwkbtnbox div {
	cursor: pointer;
}
#suchbox {
	display: none;
	position: absolute;
	top: calc(100% + 13px);
	width: 100vw;
	max-width: 320px;
	padding: 1rem 1.25rem 1rem 1.25rem;
	background-color: var(--white);
	border-top: 0.0625rem solid var(--greymidlight);
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
}
.suchboxusernot {
	right: -75px;
}
.suchboxuser {
	right: -145px;
}
#hsbox {
	width: 100%;
	margin: 0 auto 0 auto;
	border: 0.0625rem solid var(--greylight);
	border-radius: 3px;
}
.suchbegriff {
	width: calc(100% - 36px);
	height: 2.25rem;
	padding: 0 0 0 0.75rem;
	font-size: 0.875rem;
	line-height: 2.125rem;
	color: #7a7a7a;
	border: 0 none;
	-webkit-appearance: none;
	transition: margin 0.3s ease;
	border-radius: 3px;
}
.suchbtn {
	width: 36px;
	line-height: 2rem;
	padding: 0;
	background: transparent url('search-grey.svg') center no-repeat;
	background-size: 16px 16px;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all 0.3s ease;
}
.suchbtn:hover {
	background: transparent url('search-blue.svg') center no-repeat;
	background-size: 16px 16px;
}
.suchbtn:active {
	background: transparent url('search-green.svg') center no-repeat;
	background-size: 16px 16px;
}
#slbox {
	position: relative;
	min-width: 300px;
	padding: 3rem 0.75rem 0.5rem 0.75rem;
	background-color: var(--white);
	z-index: 203;
	transition: all 0.25s ease;
}
.slwimg {
	-webkit-animation: livesucheImg 4s steps(240) infinite;
	animation: livesucheImg 4s steps(240) infinite;
	position: absolute;
	display: inline-block;
	top: 0.25rem;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 4rem;
	height: auto;
	padding: 0.625rem;
	border: 0.0625rem solid var(--greymidlight);
	border-radius: 50%;
	background: rgba(255, 255, 255,0.9);
	z-index: 10004;
}
@keyframes livesucheImg {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
#sldatabox {
	position: absolute;
	top: 0.5rem;
	left: 0.75rem;
	padding: 0.5rem 0;
}
.itembezsl {
	padding: 0 0 0 0.75rem;
}
.itemimg {
	display: inline;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 0.1875rem;
}
#naviwarp {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	height: 200vh;
	width: 100%;
	max-width: 340px;
	border-top: 0.0625rem solid var(--greymidlight);
	background-color: rgba(255,255,255,0.97);
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
	z-index: 200;
}
#menuebox {
	height: 200vh;
	width: 100%;
	padding: 0;
	border: 0 none transparent;
}
#moblangbox {
	padding: 1rem 0 1rem 0;
	border-bottom: 0.0625rem solid var(--greylight);
	line-height: 1;
}
#moblangbox a {
	color: #818181;
	margin: 0 1rem 0 1rem;
}
#moblangbox a:hover {
	color: var(--black);
}
.mobnavilst {
	position: relative;
	width: 100%;
}
.onebox {
	width: 100%;
	font-size: 1rem;
}
.onebox a {
	display: block;
	color: var(--txt);
	background-color: var(--white);
	text-decoration: none;
	cursor: pointer;
	transition: all 0.4s ease;
}
.onebox a:hover {
	color: var(--txtwhite);
	background-color: var(--link);
}
.onebox a:active {
	background-color: var(--btnactive);
}
.bordertop {
	border-top: 0.0625rem solid var(--greylight);
}
.onelink {
	text-transform: uppercase;
	letter-spacing: 0.0625rem;
	display: block;
	width: 100%;
	padding: 0.625rem 0 0.625rem 1rem;
	border-bottom: 0.0625rem solid var(--greylight);
	cursor: pointer;
}
.twowarp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 200vh;
	background-color: var(--white);
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 1rem 0;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	opacity: 0;
	transition: all 0.4s ease;
}
.twobox {
	width: 100%;
	max-width: 350px;
	color: var(--txt);
	overflow: hidden;
}
.onebox:first-child .ktwowarp {
	top: 0;
}
.twolink {
	width: 100%;
	display: block;
	padding: 0.625rem 0 0.625rem 1rem;
	border-bottom: 0.0625rem solid var(--greyxlight);
	cursor: pointer;
	overflow: hidden;
}
.twowarp em {
	padding-right: 0.25rem;
}
a.twoall {
	background-color: rgba(14, 83, 143, 0.12);
}
.twoback {
	padding: 0.5rem 0 0.5rem 1.5rem;
	color: var(--txt);
	background: #f4f4f4 url('arrowprev.svg') no-repeat left 0.5rem center;
	transition: all 0.25s ease;
}
.twoback:hover {
	color: var(--txtwhite);
	background: var(--link) url('arrowprev-wht.svg') no-repeat left 0.5rem center;
}
.twoback:active {
	color: var(--txtwhite);
	background: var(--btnactive) url('arrowprev-wht.svg') no-repeat left 0.5rem center;
}
.mkatopen {
	-webkit-transform: translate3d(0,0,0) !important;
	transform: translate3d(0,0,0) !important;
	opacity: 1 !important;
}
.mobil a {
	padding-left: 2.5rem;
	text-transform: none;
	letter-spacing: 0;
	background-repeat: no-repeat;
	background-position: left 1rem center;
}
.mobil .mlogin {
	background-image: url('user.svg');
}
.mobil .mlogin:hover {
	background-image: url('user-over.svg');
}
.mobil .mkasse {
	background-image: url('coin-euro-grey.svg');
}
.mobil .mkasse:hover {
	background-image: url('coin-euro-wht.svg');
}
.mobil .mwk {
	background-image: url('warenkorb.svg');
}
.mobil .mwk:hover {
	background-image: url('warenkorbwht.svg');
}
.mobil .mmz {
	background-image: url('heart-grey.svg');
}
.mobil .mmz:hover {
	background-image: url('heart-wht.svg');
}
.mobil .mlanguage {
	background-image: url('flag.svg');
}
.mobil .mlanguage:hover {
	background-image: url('flag-wht.svg');
}
.cheight {
	min-height: 100vh;
}
.bgwht {
	background-color: var(--white);
}
.homehead {
	margin: 20px 10px 24px 10px;
	text-align: center;
	border-bottom: 0.0625rem solid var(--greylight);
	font-size: 1.125rem;
	font-weight: 400;
}
.subkatbox {
	position: relative;
	height: 100%;
	border-radius: 0.1875rem;
	cursor: pointer;
}
.lstmenubox,.menubox {
	display: none;
}
.mobilnavbtn {
	padding: 0 2.25rem 0 0;
	cursor: pointer;
}
.mobilnavbtndown {
	text-align: left;
	background-image: url('arrowdown.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.mobilnavbtndown:hover {
	color: var(--link);
	background-image: url('arrowdown-over.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.mobilnavbtnup {
	text-align: left;
	background-image: url('arrowup.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.mobilnavbtnup:hover {
	color: var(--link);
	background-image: url('arrowup-over.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.lstmenubox {
	position: absolute;
	top: 0;
	left: 0.625rem;
	width: 340px;
	padding: 2rem 0.625rem 0 0.625rem;
	background-color: var(--white);
	z-index: 5;
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
}
.menubox {
	padding: 3rem 0.625rem 0 0;
}
.naviborder {
	padding: 0.5rem 0.25rem 0.5rem 0.25rem;
	border: 0.0625rem solid var(--greyxlight);
	border-radius: 5px;
}
#lstnavi ul {
	list-style: none;
}
#lstnavi a,#lstnavi a:hover {
	text-decoration: none;
}
ul#navisub {
	padding: 0;
	-ms-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
}
ul#navisub ul {
	padding: 0 0 0 2%;
}
#lstnavi ul li a,.navihead	 {
	display: block;
	width: 100%;
	padding: 0 0 0.25rem 0;
	margin: 0 0 0.5rem 0;
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.0625rem;
	color: #353535;
	border-bottom: 0.0625rem solid #d9d9d9;
}
#lstnavi ul li a:hover {
	color: var(--btnover);
}
ul#navisub ul {
	padding: 0 0 0 2%;
	margin: 0.5rem 0 0 0;
	border-top: 0.0625rem solid var(--greyxlight);
	border-bottom: 0.0625rem solid var(--greyxlight);
}
#lstnavi ul li ul li {
	padding: 0.5rem 0 0.5rem 0;
}
#lstnavi ul li ul li a {
	padding: 0;
	margin: 0;
	font-size: 1rem;
	line-height: 1.4;
	border-bottom: none;
	text-transform: none;
	letter-spacing: normal;
	color: var(--txt);
	cursor: pointer;
}
#lstnavi ul li ul li ul li a {
	padding: 0 0 0 0.5rem;
}
#lstnavi ul li ul li a:hover,#lstnavi ul li.firston a {
	color: var(--link);
}
#lstnavi ul li ul li a.katfett,#lstnavi ul li ul li.katfett a {
	color: var(--black);
}
#lstnavi ul li ul li a.katfett:hover ,#lstnavi ul li ul li.katfett a:hover {
	color: var(--link);
}
#lstnavi ul li ul li.katfett li a,#lstnavi ul li.firston ul li a {
	color: var(--txt);
}
#lstnavi ul li ul li.katfett li a:hover,#lstnavi ul li.firston ul li a:hover {
	color: var(--link);
}
#lstnavi ul li ul li.katfett a.txtfett,#lstnavi ul li ul li.katfett a {
	color: var(--black);
	padding: 0 1.25rem 0 0;
	background: url('arrownext-blk.svg') right center no-repeat;
	background-size: 1.125rem 1.125rem;
	font-weight: 600;
}
#lstnavi ul li ul li ul li.katfett a {
	color: var(--black);
	padding: 0 1.25rem 0 0.5rem;
	background: url('arrownext-blk.svg') right center no-repeat;
	background-size: 1.125rem 1.125rem;
	font-weight: 600;
}
#lstnavi ul li ul li.katfett ul li a {
	color: var(--txt);
	padding: 0 1.25rem 0 0.5rem;
	background: none;
	font-weight: 400;
}
#lstkatbox {
	padding: 0 1.25rem 0 1.25rem;
}
#lstcontent,.contentbox {
	width: 100%;
}
.kruemel {
	color: #959595;
	line-height: 1rem;
}
.kruemel a {
	float: none;
	color: var(--txt);
	text-decoration: none;
}
.kruemel a:hover {
	color: var(--link);
	text-decoration: none;
}
.kruemel a:active {
	color: var(--btnactive);
	text-decoration: none;
}
.kreumelbox {
	display: inline;
}
#lstcontent .ptfull h1 {
	margin: 0 0 1rem 0;
}
#lstkatimgbox {
	width: 100%;
	max-width: 100%;
	flex: 1 1 100%;
	background-color: var(--txtwhite);
	min-height: 10rem;
	max-height: 15rem;
	text-align: center;
}
#lstkatimg {
	max-width: 100%;
	max-height: 100%;
}
.lstkattxtbox {
	width: 100%;
	max-width: 100%;
	flex: 1 1 100%;
	padding: 0.625rem;
	background-color: #f4f4f4;
}
#lstkatbez {
	font-size: 1.25rem;
	padding: 0 0 1rem 0;
}
.katwarp,.itemwarp,.zubwarp {
	margin: 2rem 0 1rem 0;
}
.katwarp {
	width: 33.33%;
}
.subkatbox {
	position: relative;
	height: 100%;
	border-radius: 0.1875rem;
	cursor: pointer;
	transition: background-color,background-size, 0.35s ease;
}
.kataloglink {
	width: 100%;
	padding: 0.625rem 0 0.5rem 0;
	margin: 0.375rem 0 0 0;
	text-align: center;
	font-size: 0.875rem;
	border-top: 0.0625rem solid var(--greyxlight);
}
.kataloglink a {
	color: #353535;
}
.katbezicon {
	width: 42px;
	min-height: 100%;
}
.lstkdbezopen {
	background-image: url('arrowup.svg');
	background-position: center center;
	background-repeat: no-repeat;
}
.lstkdbezclose {
	background-image: url('arrowdown.svg');
	background-position: center center;
	background-repeat: no-repeat;
}
.itemwarp {
	width: 50%;
}
.itembox {
	position: relative;
	height: 100%;
	padding: 0 0 4rem 0;
	border-radius: 0.1875rem;
	cursor: pointer;
}
.itemboxsl {
	padding: 0.5rem 0;
}
.itemsl {
	padding: 0 1% 0 1%;
	margin: 1.25rem 0 0 0;
	border-radius: 0.1875rem;
}
.itemslwb {
	border-radius: 0.1875rem;
}
.slitemimgbox {
	position: relative;
	width: 12%;
	padding-top: 12%;
	min-width: 12%;
	border-radius: 3px;
}
.itembezsl {
	padding: 0 0 0 0.75rem;
}
.itembox::before,.subkatbox::before,.zuletztbox::before,.homeboxes::before {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 3px;
	z-index: 1;
	cursor: pointer;
	background-color: transparent;
	background-image: url(zoom-in.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0rem 0rem;
	transition: background-color,background-size, 0.35s ease;
}
.itembox:hover::before,.zuletztbox:hover::before,.homeboxes:hover::before {
	background-color: rgba(14,83,143,0.1);
	background-size: 4rem 4rem;
}
.subkatbox:hover::before {
	background-color: rgba(133, 133, 133, 0.1);
	background-size: 4rem 4rem;
}
.zuletztbox:hover::before{
	background-size: 1.5rem 1.5rem;
}
.itembox:active::before,.zuletztbox:active::before,.homeboxes:active::before {
	background-color: rgba(119, 159, 0, 0.1);
	background-size: 4rem 4rem;
}
.zuletztbox:active::before{
	background-size: 1.5rem 1.5rem;
}
.itemimgbox {
	position: relative;
	padding-top: 100%;
	width: 100%;
	border-radius: 0.1875rem;
}
.itemimgbox img,.slitemimgbox img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 0.1875rem;
}
.itembox a,.homeboxes a,.itemboxsl a {
	color: var(--txt);
	text-decoration: none;
}
.itembox:hover a,.homeboxes:hover a,.itemboxsl a:hover {
	color: #353535;
	text-decoration: none;
}
.itembez {
	display: block;
	width: 100%;
	padding: 1rem 0 0.3125rem 0;
	text-align: center;
}
.itemepbox {
	position: absolute;
	bottom: 1rem;
	width: 100%;
	font-size: 0.9375rem;
	line-height: 1.25rem;
	text-align: center;
	color: #414141;
}
.itemepbox a,.itembox:hover .itemepbox a {
	color: #414141;
}
.homewarp .itemepbox {
	position: relative;
	bottom: auto;
	color: var(--txt);
}
.itemsl a.itembez {
	color: var(--txt);
}
.btnicon {
	font-weight: 400;
	min-width: 12.5rem;
}
.btnicon svg {
	vertical-align: baseline;
}
.btnicon:hover svg path {
	fill: var(--txtwhite);
}
.btndown {
	text-align: left;
	background-image: url('arrowdown.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.btndown:hover {
	background-image: url('arrowdown-wht.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.btnup {
	text-align: left;
	background-image: url('arrowup.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.btnup:hover {
	background-image: url('arrowup-wht.svg');
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.listitems {
	padding: 0.625rem;
	margin: 1rem 0 0 0;
	border-bottom: 0.0625rem solid var(--greylight);
	transition: all 0.3s ease;
}
.listitems:first-child {
	border-top: 0.0625rem solid var(--greylight);
}
.listimg {
	width: 100px;
}
.listinfo {
	width: calc(100% - 100px);
	padding: 0 0 0 0.5rem;
	transition: all 0.3s ease;
}
.listdesc,.listdescnouser {
	width: 100%;
	padding: 0 0.25rem 0 0;
}
.listdesc h2,.listdescnouser h2 {
	font-size: 1.0625rem;
}
.listprice {
	width: 100%;
	padding: 0.75rem 0 0 0;
	transition: all 0.3s ease;
}
.listadd {
	width: 100%;
	max-width: 180px;
	padding: 0.75rem 0 0 0;
	transition: all 0.3s ease;
}
.listimg img {
	max-width: 100%;
	max-height: 150px;
	border-radius: 3px;
}
.listepinfo {
	color: var(--txt);
}
.liststaffelicon {
	margin: 0.125rem 0 0 0.5rem;
	transition: all 0.3s ease;
}
.liststaffelicon:hover path {
	fill: var(--btnover);
}
.liststaffelicon:active path {
	fill: var(--btnactive);
}
.liststaffelbox {
	top: 100%;
	left: 0;
	min-width: 10rem;
	padding: 10px;
	background-color: var(--white);
	border: 0.0625rem solid var(--greylight);
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
	z-index: 100;
}
.liststaffelbox .plmh {
	padding: 0;
}
.liststaffelbtn {
	width: 64%;
	margin: 0.5rem 18% 0 18%;
	padding: 0.25rem 0;
	background-color: var(--btnupload);
	color: var(--txt);
	border-radius: 3px;
	transition: all 0.3s ease;
}
.liststaffelbtn:hover {
	background-color: var(--link);
	color: var(--txtwhite);
}
.stwarp {
	width: 100%;
}
.stwarp .itembox {
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 0;
}
.itemtest {
	width: 70%;
	padding: 0 0 0 1rem;
}
.stwarp .itemimgbox {
	width: 30%;
	padding: 30% 0 0 0;
}
.stwarp .itemimgbox img {
	top: 0;
}
.stwarp .itemepbox {
	position: relative;
	bottom: auto;
	left: auto;
	height: auto;
	padding: 0.5rem 0 0 0;
}
.stwarp .itembez,
.stwarp .itemepbox {
	text-align: left;
}
.lstprostxt a.lstpsselect {
	width: 18px;
	padding: 2px 36px 2px 8px;
	color: var(--txt);
	border: 0.0625rem solid #cccccc;
	border-radius: 3px;
	background-image: url('arrowdown.svg');
	background-repeat: no-repeat;
	background-position: right center;
}
.lstprostxt a.lstpsselect:hover {
	color: #353535;
	text-decoration: none;
}
.lstprosbox {
	top: calc(100% - 1px);
	left: 0;
	width: 100%;
	padding: 2px 0 2px 8px;
	background-color: var(--white);
	border: 0.0625rem solid #cccccc;
	z-index: 20;
}
.lstprosbox a {
	padding: 3px 0 3px 0;
	color: var(--txt);
	text-decoration: none;
}
.lstprosbox a:hover {
	color: var(--link);
}
.btnpages {
	display: inline-block;
	width: 2rem;
	line-height: 2rem;
	margin: 0.5rem 0.125rem 0 0.125rem;
	text-decoration: none;
	background-color: var(--link);
	color: var(--txtwhite);
	border-radius: 3px;
	transition: all 0.2s ease;
}
.btnpages:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
	text-decoration: none;
}
.btnpages:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	text-decoration: none;
}
.btnpagesa,.pagesno {
	display: inline-block;
	width: 2rem;
	line-height: 2rem;
	margin: 0.5rem 0.125rem 0 0.125rem;
	color: var(--txtwhite);
	background-color: #818181;
	border-radius: 3px;
}
.pagesno {
	width: 1.5rem;
	margin: 0.5rem 0 0 0;
	color: var(--txt);
	background: transparent;
}
.homewarp {
	flex: 1 1 98%;
	margin: 1.25rem 0.625rem 0 0.625rem;
	border: 0.0625rem solid var(--greylight);
	border-radius: 3px;
	transition: all 0.3s ease;
}
.homewarp:hover,.homewarp:active {
	border: 0.0625rem solid var(--greymidlight);
}
.htitemtxtbox {
	flex: 1 1 65%;
}
.htitemtxtbox a,.htitemtxtbox a:hover {
	color: var(--txt);
	text-decoration: none;
}
.homewarp .itemimgbox {
	flex: 1 1 35%;
	padding-top: 35%;
}
.homewarp .itemimgbox img {
	top: 0;
}
.homewarp .itembez {
	font-size: 0.875rem;
	font-weight: 400;
	padding: 0 0 0.5rem 0;
}
.homenew .itemimgbox {
	padding-top: 75%;
}
.zubwarp {
	width: 50%;
}
.zubwarp .itembox {
	padding: 0;
}
.newwarp {
	width: 50%;
	margin: 1.25rem 0 0 0;
}
.zuletzt a {
	color: var(--txt);
}
.zuletztbox {
	width: 100%;
	margin: 0.25rem 0 0.5rem 0;
}
.zuletzt .slitemimgbox {
	width: 15%;
	padding-top: 15%;
	min-width: 15%;
}
.zuletzt .slitemimgbox img {
	top: 0;
}
#dkruemelbox div {
	display: none;
}
#dkruemelbox div:nth-child(2) {
	display: inline;
}
#dherstellerimg {
	height: 32px;
	width: auto;
}
.dcolleft {
	order: 1;
	width: 40%;
}
.dcolmiddle {
	order: 3;
	width: 100%;
}
.dcolmiddlenouser {
	order: 2;
	width: 60%;
	padding: 1rem 0.625rem 0 0;
}
.dcolright {
	order: 2;
	width: 60%;
	padding: 1rem 0.625rem 0 0;
}
#dheadwarp {
	padding: 0.625rem 1rem 0.625rem 1rem;
	border: 0.0625rem solid var(--greylight);
}
.dimg {
	float: none;
	clear: left;
	max-width: 100%;
	height: auto;
	max-height: 37.5rem;
	border-radius: 0.1875rem;
}
.dimggal {
	max-height: 3.125rem;
	max-width: 3.125rem;
	margin: 0.25rem 0 0 0;
	border-radius: 0.1875rem;
}
.fancybox-nav span {
	width: 20px !important;
	height: 64px !important;
	background-color: rgba(0, 84, 166, 0.5);
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-radius: 3px;
	visibility: visible !important;
	transition: all 0.3s ease;
}
.fancybox-next span {
	background-image: url('arrownext-wht.svg') !important;
}
.fancybox-prev span {
	background-image: url('arrowprev-wht.svg') !important;
}
.fancybox-nav:hover span {
	background-color: rgba(0, 84, 166, 1);
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}
.fancybox-close {
	background-color: rgba(0, 84, 166, 0.5);
	background-image: url('cancel-wht.svg') !important;
	background-size: 24px 24px;
	background-position: center !important;
	background-repeat: no-repeat;
	box-shadow: 0 0 1px 0 rgba(0, 84, 166, 0.25);
	border-radius: 50%;
	transition: all 0.3s ease;
}
.fancybox-close:hover {
	box-shadow: 0 0 1px 0 rgba(0, 84, 166, 0.5);
	background-color: rgba(0, 84, 166, 1);
	background-size: 24px 24px;
	background-position: center !important;
	background-repeat: no-repeat;
}
.dtoolbox {
	padding: 0.625rem 0 0.5rem 0;
	border-bottom: 0.0625rem solid var(--greylight);
}
.iconemail {
	padding: 0 0 0 1.5rem;
	background: url('mail-link.svg') left center no-repeat;
}
.iconemail:hover {
	padding: 0 0 0 1.5rem;
	background: url('mail-over.svg') left center no-repeat;
}
.iconemail:active {
	padding: 0 0 0 1.5rem;
	background: url('mail-active.svg') left center no-repeat;
}
.ddokuicon {
	padding: 0 0 0 1.5rem;
	background: url('file-pdf-link.svg') left top 0.125rem no-repeat;
}
.ddokuicon:hover {
	padding: 0 0 0 1.5rem;
	background: url(file-pdf-over.svg) left top 0.125rem no-repeat;
}
.ddokuicon:active {
	padding: 0 0 0 1.5rem;
	background: url(file-pdf-active.svg) left top 0.125rem no-repeat;
}
.btnpdf {
	padding-left: 2.75rem;
	background-image: url('file-pdf-grey.svg');
	background-position: left 1.25rem center;
	background-repeat: no-repeat;
}
.btnpdf:hover,.btnpdf:active {
	background-image: url(file-pdf-wht.svg);
	background-position: left 1.25rem center;
	background-repeat: no-repeat;
}
.iconinfo {
	color: var(--link);
}
.iconinfo.infoboxopen {
	color: var(--btnactive);
}
.iconinfo.infoboxopen::after {
	content: url('info-active.svg');
}
.iconinfo:hover {
	color: var(--btnover);
}
.iconinfo:active {
	color: var(--btnactive);
}
.iconinfo::after {
	content: url('info-link.svg');
	margin: 0.125rem 0 0 0.5rem;
}
.iconinfo:hover::after {
	content: url('info-over.svg');
}
.iconinfo:active::after {
	content: url('info-active.svg');
}
.depbxs {
	padding: 0 0 0 0;
	vertical-align: baseline;
}
.dep {
	font-size: 1.5rem;
	vertical-align: baseline;
	color: var(--black);
	font-weight: 600;
}
.dwaehr {
	padding: 0 0 0 0.1875rem;
	font-size: 1.0625rem;
	vertical-align: baseline;
	color: var(--black);
}
.dmwstbox {
	font-size: 0.75rem;
	line-height: 1rem;
	vertical-align: baseline;
}
#dbestandbox img {
	vertical-align: middle;
	margin-right: 0.125rem;
}
.dbestand {
	font-size: 0.75rem;
}
.dbestandverf {
	color: #669900;
}
.dbestandgering {
	color: #e1b500;
}
.dbestandnicht {
	color: #d50000;
}
.dbestandanfrage {
	color: #004cb9;
}
.daddwkepbox {
	width: 100%;
}
#dinputbox {
	top: -120px;
	left: 0;
}
.ankztxterror {
	border-color: #d50000;
	background-color: #ffdbdb;
}
.daddwkquant {
	margin: 0 20% 1rem 20%;
	width: 60%;
	height: 2rem;
	font-size: 1rem;
	line-height: 1.875rem;
	text-align: center;
	color: #353535;
	background-color: var(--txtwhite);
	border-left: none;
	border-right: none;
	border-top: 0.0625rem solid var(--greylight);
	border-bottom: 0.0625rem solid var(--greylight);
	padding: 0;
}
.daddwkquant:focus {
	background-color: var(--white);
}
.daddwkbtn {
	-webkit-appearance: none;
	-webkit-border-radius: 0.1875rem;
	width: 100%;
	padding: 2px 0 0 2.125rem;
	height: 2rem;
	font-size: 0.875rem;
	line-height: 1.875rem;
	text-align: left;
	color: var(--txtwhite);
	text-decoration: none;
	border: none;
	display: block;
	cursor: pointer;
	background-color: var(--link);
	background-image: url('warenkorbwht.svg');
	background-repeat: no-repeat;
	background-position: 0.5rem center;
	background-size: 1rem auto;
	transition: all 0.3s linear;
	border-radius: 0.1875rem;
}
.daddwkbtn:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
	background-image: url('warenkorbwht.svg');
	text-decoration: none;
}
.daddwkbtn:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	background-image: url('warenkorbwht.svg');
	text-decoration: none;
}
.danfragebtn {
	background-image: url('bubble-wht.svg');
	background-position: 0.5rem center;
	background-repeat: no-repeat;
}
.danfragebtn:hover,.danfragebtn:active {
	background-image: url('bubble-wht.svg');
	background-position: 0.5rem center;
	background-repeat: no-repeat;
}
#daddwkup,#daddwkdown {
	position: absolute;
	top: 0;
	width: 20%;
	height: 2rem;
	line-height: 2rem;
	color: var(--txt);
	background-color: var(--greylight);
	cursor: pointer;
	transition: all 0.25s linear;
}
#daddwkup {
	left: 80%;
	border-top-right-radius: 0.1875rem;
	border-bottom-right-radius: 0.1875rem;
}
#daddwkdown {
	left: 0;
	border-top-left-radius: 0.1875rem;
	border-bottom-left-radius: 0.1875rem;
}
#daddwkup:before,#daddwkdown:before,.btnwkup::before,.btnwkdown::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.btnwkup,.btnwkdown {
	position: absolute;
	top: 0;
	width: 20%;
	height: 2.5rem !important;
	line-height: 2.5rem;
	text-align: center;
	font-weight: 600;
	color: var(--txt);
	background-color: var(--greylight);
	cursor: pointer;
}
.btnwkup {
	left: 80%;
	border-top-right-radius: 0.1875rem;
	border-bottom-right-radius: 0.1875rem;
}
.btnwkdown {
	left: 0;
	border-top-left-radius: 0.1875rem;
	border-bottom-left-radius: 0.1875rem;
}
#daddwkup:before,.btnwkup::before {
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent var(--txt) transparent;
}
#daddwkdown:before,.btnwkdown::before {
	border-width: 8px 8px 0 8px;
	border-color: var(--txt) transparent transparent transparent;
}
#daddwkup:hover,#daddwkdown:hover,.btnwkup:hover,.btnwkdown:hover {
	background-color: var(--btnover);
}
#daddwkup:active,#daddwkdown:active,.btnwkup:active,.btnwkdown:active {
	background-color: var(--btnactive);
}
#daddwkup:hover::before,.btnwkup:hover::before,#daddwkup:active::before,.btnwkup:active::before {
	border-color: transparent transparent var(--txtwhite) transparent;
}
#daddwkdown:hover::before,.btnwkdown:hover::before,#daddwkdown:active::before,.btnwkdown:active::before {
	border-color: var(--txtwhite) transparent transparent transparent;
}
.btndmerk {
	color: var(--txt);
	background: transparent;
	border: none;
	padding: 0 0 0 1.25rem;
	background: transparent url('heart-grey.svg') left center no-repeat;
	background-size: 1rem auto;
	cursor: pointer;
}
.btndmerk:hover {
	color: var(--btnover);
	background: transparent url('heart-over.svg') left center no-repeat;
	background-size: 1rem auto;
}
.btndmerk:active,.dmzok {
	color: var(--btnactive);
	padding: 0 0 0 1.25rem;
	background: transparent url('heart-green.svg') left center no-repeat;
	background-size: 1rem auto;
}
.dtxtboxes {
	margin: 3rem 0.625rem 0 0.625rem;
	border-top: 0.0625rem solid var(--greyxlight);
}
.dtxtboxhead {
	display: block;
	padding: 2rem 0 2rem 0;
	color: var(--txt);
	font-size: 1.5rem;
}
.videoplayerbox {
	position: relative;
	padding-bottom: 56.25%;
}
.videoplayerbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.dtabsnavi {
	max-width: 20rem;
}
.dtabs > input,
.dtabs .dtabscont > div {
	display: none;
}
.dtabs .dtabscont > div {
	padding: 1.25rem 0.25rem;
	width: 100%;
	border: 0.0625rem solid var(--greylight);
	background: var(--white);
	line-height: 1.5em;
	letter-spacing: 0.3px;
}
.dtabs .dtabscont > .dtabcross {
	padding: 1.25rem 0;
}
#tab1:checked ~ .dtabscont .dtab1,
#tab2:checked ~ .dtabscont .dtab2,
#tab3:checked ~ .dtabscont .dtab3,
#tab4:checked ~ .dtabscont .dtab4,
#tab5:checked ~ .dtabscont .dtab5 {
	display: block;
}
.dtabsnavi label {
	padding: 1rem;
	border-top: 0.0625rem solid var(--greylight);
	border-right: 0.0625rem solid var(--greylight);
	background-color: #f4f3f3;
	cursor: pointer;
	transition: all 0.3s ease;
}
.dtabsnavi label:nth-child(1),.dtabsnavi label:nth-child(3) {
	border-left: 0.0625rem solid var(--greylight);
}
.dtabsnavi label:hover {
	background-color: var(--btnover);
	color: var(--white);
	border-top: 0.0625rem solid var(--btnover);
	border-right: 0.0625rem solid var(--btnover);
}
.dtabsnavi label:active {
	background-color: var(--btnactive);
	color: var(--white);
	border-top: 0.0625rem solid var(--btnactive);
	border-right: 0.0625rem solid var(--btnactive);
}
#tab1:checked ~ .dtabsnavi label[for="tab1"],
#tab2:checked ~ .dtabsnavi label[for="tab2"],
#tab3:checked ~ .dtabsnavi label[for="tab3"],
#tab4:checked ~ .dtabsnavi label[for="tab4"],
#tab5:checked ~ .dtabsnavi label[for="tab5"] {
	background-color: var(--white);
	color: var(--txt);
	position: relative;
	border-bottom: none;
	border-top: 0.0625rem solid var(--greylight);
	border-right: 0.0625rem solid var(--greylight);
}
#tab1:checked ~ .dtabsnavi label[for="tab1"]::after,
#tab2:checked ~ .dtabsnavi label[for="tab2"]::after,
#tab3:checked ~ .dtabsnavi label[for="tab3"]::after,
#tab4:checked ~ .dtabsnavi label[for="tab4"]::after,
#tab5:checked ~ .dtabsnavi label[for="tab5"]::after {
	content: "";
	display: block;
	position: absolute;
	height: 0.125rem;
	width: 100%;
	background-color: var(--white);
	left: 0;
	bottom: 0;
}
.orderbg {
	background-color: var(--txtwhite);
}
.orderborder {
	padding: 0.75rem 0 0.75rem 0;
	border-bottom: 0.1875rem double #858585;
}
.direktbox {
	max-width: 700px;
	margin: 0 auto;
}
.direkttxt {
	width: 100%;
}
.direktbnr {
	width: 50%;
}
.direktquant {
	width: calc(30% - 0.5rem);
}
.direktbtn {
	width: calc(20% - 0.5rem);
	min-width: 0;
	line-height: 24px;
	background-image: url('warenkorbwht.svg');
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	background-position: center center;
}
#wkposliste {
	padding: 1.5rem 0 0 0;
	border-top: 0.0625rem solid var(--greymidlight);
}
#wkposwarp form {
	width: 100%;
}
.wkpboxes {
	margin-bottom: 1.5rem;
	padding: 0 0 0.75rem 0;
	border-bottom: 0.0625rem solid var(--greymidlight);
}
.wkpboxes .errorall {
	margin-bottom: 0.5rem;
}
.kasposborder {
	padding: 0 0 1rem 0;
	margin-bottom: 1rem;
	border-bottom: 0.0625rem solid var(--greymidlight);
}
.wkpimg,
.kaspimg {
	width: 20%;
}
.wkposbezb,
.kasposbezb {
	width: 80%;
	padding: 0 0 0 1rem;
}
.mt0l24m,.mt0r24m {
	white-space: nowrap;
}
.wkkasbez {
	font-size: 1.0625rem;
}
.wkpdatabez {
	display: inline-block;
	width: 30%;
}
.wkpdata {
	display: inline-block;
	width: 70%;
}
.wkpmenge {
	max-width: 14rem;
}
.wkpgp {
	width: 100%;
}
.wkpdel {
	width: 100%;
	padding: 0.5rem 0 0 0;
	text-align: left;
}
.wkdel {
	color: var(--txt);
	background: url('abfalleimer.svg') left center no-repeat;
	background-size: 0.875rem 0.875rem;
	padding: 0 0 0 1.25rem;
}
.wkdel:hover {
	color: #d50000;
	background: url('abfalleimer-over.svg') left center no-repeat;
	background-size: 0.875rem 0.875rem;
	padding: 0 0 0 1.25rem;
}
.wkdel:active {
	color: var(--btnactive);
	background: url('abfalleimer-active.svg') left center no-repeat;
	background-size: 0.875rem 0.875rem;
	padding: 0 0 0 1.25rem;
}
.posimg {
	display: inline-block;
	max-width: 100%;
	height: auto;
	max-height: 10rem;
}
.wkqw {
	width: calc(100% - 50px);
	position: relative;
}
.wkanzahl {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	background-color: var(--txtwhite);
	border-left: none;
	border-right: none;
	border-top: 0.0625rem solid var(--greylight);
	border-bottom: 0.0625rem solid var(--greylight);
	color: #191919;
}
.wkanzahl:focus {
	background-color: var(--white);
}
.btnwkup {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 2rem;
	height: 2rem !important;
	line-height: 2rem;
	text-align: center;
	font-weight: 600;
	color: var(--txt);
	background-color: var(--greylight);
	cursor: pointer;
	border-top-right-radius: 0.1875rem;
	border-bottom-right-radius: 0.1875rem;
}
.btnwkup::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent var(--txt) transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.btnwkdown {
	position: absolute;
	top: 0;
	left: 0;
	width: 2rem;
	height: 2rem !important;
	line-height: 2rem;
	text-align: center;
	font-weight: 600;
	color: var(--txt);
	background-color: var(--greylight);
	cursor: pointer;
	border-top-left-radius: 0.1875rem;
	border-bottom-left-radius: 0.1875rem;
}
.btnwkdown::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: var(--txt) transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.wkrefrbox	 {
	width: 40px;
	margin: 0 0 0 10px;
}
.btnrefresh {
	-webkit-appearance: none;
	-webkit-border-radius: 0.1875rem;
	width: 100%;
	height: 2rem !important;
	line-height: 1.75rem;
	font-size: 1.75rem;
	padding: 0 0 0.375rem 0;
	border: none;
	font-weight: 600;
	color: var(--txt);
	text-align: center;
	cursor: pointer;
	background: var(--greylight) url('refresh.svg') center center no-repeat;
	background-size: 1rem 1rem;
	border-radius: 0.1875rem;
	transition: all 0.3s ease;
}
.btnrefresh:hover {
	color: var(--txtwhite);
	background: var(--btnover) url('refresh-wht.svg') center center no-repeat;
	background-size: 1rem 1rem;
}
.btnrefresh:active {
	color: var(--txtwhite);
	background: var(--btnactive) url('refresh-wht.svg') center center no-repeat;
	background-size: 1rem 1rem;
}
.totalbezbox {
	width: 60%;
}
.totalpreisbox {
	width: 40%;
}
#kasagbbox {
	flex-grow: 1;
}
#kasagbbox a {
	text-decoration: underline;
}
.ordmid {
	font-size: 0.875rem;
}
.ordbig {
	font-size: 1.25rem;
}
.anmboxs {
	flex: 1 1 100%;
}
#stamkpwforgot {
	top: 76px;
	right: 0;
}
.dublette #stammkbox {
	max-width: 420px;
	margin: 0 auto;
}
.orderbr33 {
	flex: 1 1 100%;
}
.orderh50 {
	height: 50%;
	min-height: 5rem;
}
.kasheadbox {
	border-bottom: 0.0625rem solid var(--greymidlight);
	margin: 0 0 10px 0;
}
.kasheadbox h2,.kasheadbox div {
	min-width: 45%;
}
.kasheadbox a,.kasheadbox a svg path,#kaswklink svg path,.orderinfobtn,.orderinfobtn svg path {
	color: var(--link);
	fill: #106ebe;
}
.kasheadbox a:hover,.kasheadbox a:hover svg path,#kaswklink:hover svg path,.orderinfobtn:hover,.orderinfobtn:hover svg path {
	color: var(--btnover);
	fill: var(--btnover);
}
.kasheadbox a:active,.kasheadbox a:active svg path,#kaswklink:active svg path,.orderinfobtn:active,.orderinfobtn:active svg path {
	color: var(--btnactive);
	fill: var(--btnactive);
}
.regheadlink svg,.kasheadbox svg {
	vertical-align: middle;
}
#kasuserorderinfowk .txtfull {
	height: 105px;
}
.auswheadbox {
	border-bottom: 0.0625rem solid var(--greymidlight);
	margin: 0 0 0.625rem 0;
}
.auswahlbox {
	padding: 0.375rem 0 0.375rem;
}
#payselect form {
	display: block;
}
#payselect label {
	display: inline-block;
	width: 100%;
}
.txtuncheck,.txtcheck {
	position: relative;
	padding: 0 0 0 1.5rem;
	cursor: pointer;
}
.txtcheck::before,.txtuncheck::before {
	position: absolute;
	top: 0.125rem;
	left: 0;
	margin: auto;
}
.txtuncheck::before {
	content: url('checkbox-unchecked.svg');
}
.txtcheck {
	color: var(--btnactive);
}
.txtcheck::before {
	content: url('checkbox-checked-active.svg');
}
.paybox {
	position: relative;
}
.paybez {
	padding: 0 0 0 0.5rem;
	cursor: pointer;
}
.paybes {
	padding: 0.625rem 0 0 1.5rem;
}
.payradio:checked,.payradio:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 1.125rem;
	height: 1.125rem;
}
.payradio:checked + .paybez::before,.payradio:not(:checked) + .paybez::before {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	content: url('checkbox-unchecked.svg');
}
.payradioppp:checked + .paybez::before, .payradioppp:not(:checked) + .paybez::before {
	top: 0.5625rem;
}
.payradio:checked + .paybez::before {
	content: url('checkbox-checked-active.svg');
}
.payradio:checked + .paybez {
	font-weight: 600;
	color: var(--btnactive);
}
.txtuncheck:hover::before,.payradio:not(:checked):hover + .paybez::before {
	content: url('checkbox-unchecked-over.svg');
}
.txtuncheck:active::before,.payradio:not(:checked):active + .paybez::before {
	content: url('checkbox-unchecked-active.svg');
}
.txtuncheck:hover,.payradio:not(:checked):hover + .paybez {
	color: var(--link);
}
.txtuncheck:active,.payradio:not(:checked):active + .paybez {
	color: var(--btnactive);
}
.adrswitch:before {
	top: 0.625rem;
}
#bboxversand {
	position: relative;
}
#wkbottomwarp {
	padding: 2rem 0.625rem 3rem 0.625rem;
}
#wkbottom {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#kasagbbox,#kasbestellenbox {
	width: 100%;
}
#kasbestellenbox {
	margin-top: 1rem;
}
.btnbestellen {
	width: 100%;
	color: var(--txtwhite);
	background-color: var(--btnactive);
	background-image: url('arrownext-wht.svg');
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
}
.btnbestellen:hover {
	background-image: url('arrownext-wht.svg');
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
}
.agbbez {
	padding: 0 0 0 1.5rem;
	cursor: pointer;
	display: inline-block;
}
.agbradio:checked,.agbradio:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	display: none;
	margin: 0;
	padding: 0;
}
.agbradio:checked + .agbbez::before,.agbradio:not(:checked) + .agbbez::before {
	position: absolute;
	top: 2px;
	left: 0;
	margin: auto;
	content: url('checkbox-unchecked.svg');
}
.agbradio:checked + .agbbez::before {
	content: url('checkbox-checked-active.svg');
}
.agbradio:checked + .agbbez,.agbradio:checked + .agbbez a {
	color: var(--txt);
}
#btnpppblocker {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 0.625rem;
	background: rgba(0, 0, 0, 0.9);
	z-index: 5;
	color: var(--txtwhite);
	text-align: center;
	border-radius: 3px;
}
#agbchecknot {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 0.625rem;
	background-color: rgba(213, 0, 0, 0.96);
	background-image: url('arrowprev-wht.svg');
	background-repeat: no-repeat;
	background-position: left 0.75rem center;
	z-index: 5;
	color: var(--txtwhite);
	text-align: center;
	border-radius: 3px;
}
#kasordernoset {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #353535;
	margin: 0.75rem 0 0 0;
}
#kasordernoset:hover,#kasordernoset:active {
	color: var(--txtwhite);
}
#wkbottom {
	min-height: 44px;
}
#kasform .btnsublink {
	display: inline-block;
	width: 50%;
	padding: 0;
	font-weight: 400;
}
.mzpboxes {
	padding: 0.75rem 0 0.75rem 0;
	border-bottom: 0.0625rem solid var(--greymidlight);
}
.mzpboxes:first-child {
	border-top: 0.0625rem solid var(--greymidlight);
	margin-top: 0.5rem;
}
.mzpimg {
	width: 30%;
}
.mzhpleftbox,#merkposhleftbox {
	width: 70%;
	padding: 0 0 0 0.625rem;
}
.merkbez {
	width: 100%;
}
.merkpep {
	width: 100%;
}
.merkpadd {
	width: 100%;
	padding: 0.25rem 0 0 0;
}
.merkpadd .daddwkbtn {
	width: 80%;
	max-width: 12rem;
}
.merkpadd .wkpdel {
	padding: 0.5rem 0 0 0;
}
.nodeco,.nodeco:hover {
	text-decoration: none;
}
#anmlogoout {
	padding: 0 0 0 1.5rem;
	background-image: url('user-minus-link.svg');
	background-repeat: no-repeat;
	background-position: left center;
	color: var(--link);
	text-decoration: none;
	transition: all 0.3s ease;
}
#anmlogoout:hover {
	padding: 0 0 0 1.5rem;
	background-image: url('user-minus-over.svg');
	background-repeat: no-repeat;
	background-position: left center;
	color: var(--txt);
}
#anmlogoout:active {
	padding: 0 0 0 1.5rem;
	background-image: url('user-minus-active.svg');
	background-repeat: no-repeat;
	background-position: left center;
	color: var(--btnactive);
}
.anmservimg {
	margin: 0 0.5rem 0 0;
}
.anmservices,.anmservices .anmservimg path {
	color: var(--link);
	fill: var(--link);
	transition: all 0.3s ease;
}
.anmservices:hover,.anmservices:hover .anmservimg path,.anmservices:hover .anmservimg svg path {
	color: var(--txt);
	fill: var(--txt);
}
.anmservices:active,.anmservices:active .anmservimg path,.anmservices:active .anmservimg svg path {
	color: var(--btnactive);
	fill: var(--btnactive);
}
#hloginuserbox a,#hloginuserbox svg path {
	color: var(--link);
	fill: var(--link);
	transition: all 0.3s ease;
}
#hloginuserbox .anmservices:hover,#hloginuserbox .anmservices:hover .anmservimg path {
	color: var(--txt);
	fill: var(--txt);
}
#hloginuserbox .anmservices:active,#hloginuserbox .anmservices:active .anmservimg path {
	color: var(--btnactive);
	fill: var(--btnactive);
}
.ktoadrbox {
	width: 100%;
	border-bottom: 0.0625rem solid var(--greylight);
}
.ktoadrhead {
	border-bottom: 0.0625rem solid #858585;
	font-size: 0.75rem;
}
.adrleftbox {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	width: 70%;
	padding: 0.5rem 0;
}
.adrrightbox {
	width: 30%;
	max-width: 90px;
	padding: 0.5rem 0;
}
.adrleftbox > div {
	width: 100%;
}
div.adrplz {
	width: 50px;
	text-align: left;
}
div.adrort {
	width: calc(100% - 50px);
}
.ktoadrhead .adrleftbox > div {
	display: none;
}
.ktoadrhead .adrrightbox {
	padding: 0.25rem 0;
}
.btnadrselectdummy {
	width: 2rem;
	height: 2rem;
}
.btnadrselcet {
	width: 2rem;
	height: 2rem;
	border: 0.0625rem solid var(--greymidlight);
	color: var(--txt);
	cursor: pointer;
	transition: all 0.25s ease;
}
.btnadrre {
	background: var(--white) url('coin-euro-grey.svg') center center no-repeat;
}
.btnadrre:hover {
	background: var(--btnover) url('coin-euro-wht.svg') center center no-repeat;
	border: 0.0625rem solid var(--btnover);
}
.btnadrre:active {
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--btnactive);
}
.btnadrli {
	background: var(--white) url('truck-grey.svg') center center no-repeat;
}
.btnadrli:hover {
	background: var(--btnover) url('truck-wht.svg') center center no-repeat;
	border: 0.0625rem solid var(--btnover);
}
.btnadrre:active,.btnadrli:active {
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--btnactive);
}
.nobtnadrre {
	background: var(--btnactive) url('coin-euro-wht.svg') center center no-repeat;
	border: 0.0625rem solid var(--btnactive);
	cursor: text;
}
.nobtnadrli {
	background: var(--btnactive) url('truck-wht.svg') center center no-repeat;
	border: 0.0625rem solid var(--btnactive);
	cursor: text;
}
.adrinput .ipfull, .adrinput .selfull, .adrplzort {
	width: 65%;
}
.adrinput .adrplzort .ipfull {
	width: 100%;
}
.adrswitch {
	margin: 5px 0 0 6px;
	height: 37px;
	line-height: 37px;
}
.adrswitch::before {
	top: 3px;
}
.adrbranche {
	list-style: none;
}
.adrbranche li {
	padding: 0.375rem 0;
}
.adrbranche li input[type="checkbox"] {
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.5rem;
}
.printer {
	padding-left: 24px;
	background-image: url('printer-link.svg');
	background-position: left center;
	background-repeat: no-repeat;
}
.printer:hover {
	background-image: url('printer-over.svg');
	background-position: left center;
	background-repeat: no-repeat;
}
.printer:active {
	background-image: url('printer-active.svg');
	background-position: left center;
	background-repeat: no-repeat;
}
.lstznorm,.lstztrans {
	padding: 0.375rem 0 0.375rem 0;
	transition: background-color 0.3s ease;
}
.lstznorm {
	background-color: var(--btnupload);
}
.lstzhigh {
	padding: 0.375rem 0 0.375rem 0;
	color: var(--txtwhite);
	background-color: var(--btnover);
	cursor: pointer;
}
.lstzaktiv {
	padding: 0.375rem 0 0.375rem 0;
	color: var(--txtwhite);
	background-color: var(--btnactive);
	cursor: pointer;
}
.lstcols {
	width: 30%;
	padding: 0 1,25rem 0 1,25rem;
}

.lstcols25 {
	width: 25%;
	padding: 0 1,25rem 0 1,25rem;
}
#bestdetposlst img {
	max-height: 1.25rem;
	width: auto;
	padding: 0.25rem 0 0 0;
	cursor: pointer;
}
#vkbelegheadbox {
	padding: 2rem 1% 0.125rem 1%;
	border-bottom: 0.0625rem solid var(--greymidlight);
	color: #959595;
	font-size: 0.875rem;
}
.vkbelegbox {
	padding: 0.5rem 1% 0.5rem 1%;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}
.vkbelegbox:nth-child(even) {
	background-color: #f4f4f4;
}
.vkbelegbez {
	flex: 1 1 100%;
}
.vkbelegep {
	flex: 1 1 100%;
}
.vkbelegquant {
	flex: 1 1 100%;
}
.vkbelegquantbez {
	flex: 1 1 100%;
}
.vkbeleggp {
	flex: 1 1 100%;
	text-align: right;
}
.vkbelegwk {
	flex: 1 1 100%;
}
.vkbelsumbox {
	padding: 0.125rem 0 0.125rem 0;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}
.vkbelegtotalbez {
	flex: 1 1 70%;
}
.vkbelegtotalp {
	flex: 1 1 30%;
}
.vkbelsumbox .vkbelegwk {
	flex: 1 0 0;
}
.vkbelbtnwk {
	width: 60%;
	padding: 0 10px 0 10px;
	min-width: 2rem;
	margin: 0.5rem 20% 0.5rem 20%;
	background: var(--link) url('warenkorbwht.svg') no-repeat center center;
	background-size: 1.5625rem 1.25rem;
	color: transparent;
	transition: all 0.3s ease;
}
.vkbelbtnwk:hover {
	background: var(--btnover) url('warenkorbwht.svg') no-repeat center center;
	background-size: 1.5625rem 1.25rem;
}
.vkbelbtnwk:active {
	background: var(--btnactive) url('warenkorbwht.svg') no-repeat center center;
	background-size: 1.5625rem 1.25rem;
}
.messeimgbox {
	padding: 30% 0 0 0;
}
.messeimgbox img {
	right: auto;
}
#downloadwarp a[href$='.pdf'] {
	display: inline-block;
	height: 2rem;
	line-height: 2.125rem;
	background-image: url('file-pdf-link.svg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-size: 1.5rem 1.5rem;
}
#downloadwarp a[href$='.pdf']:hover {
	background-image: url('file-pdf-over.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}
#downloadwarp a[href$='.pdf']:active {
	background-image: url('file-pdf-active.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}
#downloadwarp a[href$='.zip'] {
	display: inline-block;
	height: 2rem;
	line-height: 2.125rem;
	background-image: url('cloud-download-link.svg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-size: 1.5rem 1.5rem;
}
#downloadwarp a[href$='.zip']:hover {
	background-image: url('cloud-download-over.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}
#downloadwarp a[href$='.zip']:active {
	background-image: url('cloud-download-active.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}
.newtab {
	background-image: url('new-tab-link.svg');
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 1.375rem;
}
.newtab:hover {
	background-image: url('new-tab-over.svg');
	background-position: center right;
	background-repeat: no-repeat;
}
.newtab:active {
	background-image: url('new-tab-active.svg');
	background-position: center right;
	background-repeat: no-repeat;
}
.brl50 {
	width: 100%;
}
.ptfull h1 {
	margin: 1rem 0 1.5rem 0;
	text-align: left;
	border: none;
}
.ptfull h2,.ptfull h3,.ptfull h4 {
	margin: 1rem 0 1rem 0;
	text-align: left;
}
.pttxt,
.pttxt div,
.pttxt span,
.pttxt a,
.ptfull div,
.ptfull p,
.ptfull span,
.ptfull li,
.ptfull ul,
.ptfull ol,
.ptfull a,
.ptfull img {
	font-family: "Fira Sans Condensed",sans-serif !important;
	font-size: 0.8125rem !important;
	color: var(--txt) !important;
}
.pttxt a,.pttxt a div,.pttxt a span,
.ptfull a,
.ptfull a div, 
.ptfull a span {
	color: var(--link) !important;
	text-decoration: none !important;
}
.pttxt a:hover,.pttxt a:hover span,
.ptfull a:hover,.ptfull a:hover span {
	color: var(--btnover) !important;
	text-decoration: underline !important;
}
.pttxt a:active,.pttxt a:active span,
.ptfull a:active,.ptfull a:active span {
	color: var(--btnactive) !important;
	text-decoration: none !important;
}
.ptfull ul,.ptfull ol,.pttxt ul,.pttxt ol {
	padding: 0.75rem 0 0.5rem 1rem;
}
.ptfull li,.pttxt li {
	padding: 0.25rem 0 0.25rem 0.25rem;
}
.ptfull a.txt13 {
	font-size: 0.8125rem !important;
}
.ptfull a.btnsublink {
	color: var(--txt) !important;
	text-decoration: none !important;
}
.ptfull a.btnsublink:hover,.ptfull a.btnsublink:active {
	color: var(--txtwhite) !important;
	text-decoration: none !important;
}
.ptfull img,.pttxt img {
	max-width: 100%;
	height: auto;
	padding: 0.75rem 0 0.75rem 0;
}
.ptfull img.txticon,.txticon {
	max-height: 0.875rem;
	width: auto;
	padding: 0;
	vertical-align: baseline;
}
.boxmax {
	max-width: 800px;
	margin: 0 auto;
}
footer {
	padding: 3rem 0 0 0;
}
.footnewlwarp {
	background: rgba(221, 221, 221, 0.5);
	padding: 3rem 0 3rem 0;
}
.footnewslbox {
	max-width: 35.25rem;
	margin: 0 auto 0 auto;
}
.fnewlsinput {
	padding: 0 0.1875rem 0 0.625rem;
	width: calc(100% - 2.75rem);
	height: 2.75rem;
	line-height: 2.75rem;
	background-color: var(--white);
	border-top: 0.0625rem solid var(--greymidlight);
	border-left: 0.0625rem solid var(--greymidlight);
	border-bottom: 0.0625rem solid var(--greymidlight);
	border-top-left-radius: 0.1875rem;
	border-bottom-left-radius: 0.1875rem;
	vertical-align: middle;
}
.fnewlsbtn {
	height: 2.75rem;
	width: 2.75rem;
	min-width: auto;
	background-color: var(--link);
	background-image: url('arrownext-wht.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
	border-top-right-radius: 0.1875rem;
	border-bottom-right-radius: 0.1875rem;
}
.footwarp {
	background: rgba(221, 221, 221, 0.9);
	padding: 3rem 0 3rem 0;
	color: var(--txt);
}
.footwarp a {
	color: var(--txt);
	text-decoration: none;
}
.footwarp a:hover {
	color: var(--btnover);
	text-decoration: none;
}
.footwarp a:active {
	color: var(--btnactive);
	text-decoration: none;
}
.footcols {
	flex: 1 1 100%;
	min-width: 10rem;
	padding: 0.625rem;
}
.footcols li,.footcols a {
	padding: 0.125rem 0 0.125rem 0;
}
.footcols .kasheadbox {
	padding: 1rem 0 0.25rem 0;
	margin: 0 0 1rem 0;
	border-bottom: 0.0625rem solid #d2d2d2;
}
.gotop {
	position: fixed;
	right: 0.5rem;
	bottom: -3.125rem;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	width: 42px;
	height: 42px;
	border-radius: 3px;
	z-index: 20000;
}
.gotop a {
	border-radius: 3px;
}
.gotop div {
	height: 42px;
	background-color: var(--link);
	border-radius: 3px;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
}
.gotop svg {
	width: 1.25rem;
	height: auto;
}
.gotop:hover div {
	background-color: var(--txt);
}
.gotop:active div {
	background-color: var(--btnactive);
}
.gotopshow {
	bottom: 0.5rem;
	visibility: visible;
	opacity: 1;
}
#cookieinfo {
	position: fixed;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,0.95);
	font-size: 0.75rem;
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	z-index: 299999;
}
#cookieinfobox {
	padding: 0.625rem 1.25rem 0.625rem 1.25rem;
}
.cookietxt {
	width: 100%;
}
.cookietxt div {
	display: inline;
}
#cookiebtnb {
	width: 100%;
	margin: 0.625rem 0 0 0;
}
.cookielink {
	width: 47%;
	padding: 0.5rem 0;
	text-align: center;
	color: var(--txt);
	background-color: var(--greyxlight);
	cursor: pointer;
	transition: all 0.2s ease;
}
.cookieok {
	width: 100%;
	padding: 0.5rem 0;
	text-align: center;
	color: var(--txtwhite);
	background-color: var(--link);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 0 none;
	border-radius: 3px;
}
.cookieok:hover,
.cookielink:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
	text-decoration: none;
}
.cookieok:active,
.cookielink:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	text-decoration: none;
}
.tracktest {
	padding: 0.5rem 1rem;
	background-color: #e1b500;
	color: var(--black);
}
.trackzugestimmt {
	background-color: var(--btnactive);
	color: var(--txtwhite);
}
.trackabgelehnt {
	background-color: #d50000;
	color: var(--txtwhite);
}
.consentfix {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 50%;
	min-width: 360px;
	max-width: 550px;
	max-height: 100vh;
	margin: auto;
	background-color: var(--white);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.4);
	z-index: 30000;
	overflow: auto;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.consentfix #logobox {
	height: 60px;
}
.consentfix #logobox img {
	max-height: 60px;
	margin: 0;
}
.btnconsent {
	margin: 0.375rem 5%;
}
.forder1 {
	order: 1;
}
.forder2 {
	order: 2;
}
#consentcmd .btnlink {
	color: var(--txtwhite);
	background-color: var(--link);
	letter-spacing: 0.0625rem;
}
#consentcmd .btnlink:hover {
	color: var(--txtwhite);
	background-color: var(--txt);
	text-decoration: none;
}
#consentcmd .btnlink:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	text-decoration: none;
}
#consentcmd .btnsublink {
	color: #9a9a9a;
	background-color: var(--greylight);
}
#consentcmd .btnsublink:hover {
	color: var(--txtwhite);
	background-color: #eb1923;
	text-decoration: none;
}
#consentcmd .btnsublink:active {
	color: #7e7e7e;
	background-color: #d1d1d1;
	text-decoration: none;
}
.trackptopen {
	cursor: pointer;
}
.trackptopen:hover {
	color: var(--link);
}
.trackptopen:active {
	color: var(--btnactive);
}
.topline {
	border-top: 0.0625rem solid var(--greymidlight);
}
.contsentptbox {
	color: var(--txt);
}
.contsentptbox .ptfull,.contsentptbox .ptfull div,.contsentptbox .ptfull span,.contsentptbox .ptfull p,.contsentptbox .ptfull a {
	font-size: 0.8125rem !important;
}
.cshead {
	padding: 0 0 .25rem 0;
	margin-bottom: 0.5rem;
	border-bottom: 0.0625rem solid var(--greymidlight);
}
.trackclose {
	padding: 0.25rem 0.75rem;
	line-height: 1.4;
	font-size: 0.8125rem !important;
	font-weight: 400;
	color: #4f4f4f;
	background-color: var(--greylight);
}
.blocker {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	background: rgba(0, 84, 166, 0.6);
	z-index: 30000;
}
#bannerbb img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: center center;
}
.bannerlink {
	left: 0;
	top: 0;
	height: 100%;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 0.0625rem solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-loading .slick-list {
	background: #fff url(spinner-grey.svg) center center no-repeat;
}
.slick-prev,.slick-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 64px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	z-index: 11;
	border-radius: 3px;
	background-color: rgba(0, 84, 166, 0.2);
}
.slider:hover .slick-prev,.slider:hover .slick-next {
	background-color: rgba(0, 84, 166, 0.5);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
}
.slick-prev:hover:before {
	background: rgba(0, 84, 166, 0.5) url('arrowprev-wht.svg') center center no-repeat;
	background-size: 24px 32px;
}
.slick-next:hover:before{
	background: rgba(0, 84, 166, 0.5) url('arrownext-wht.svg') center center no-repeat;
	background-size: 24px 32px;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before,
.slick-next:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 64px;
	width: 20px;
	border-radius: 3px;
}
.slick-prev {
	left: 0.625rem;
}
.hero .slick-prev {
	left: 0.4375rem;
}
.slick-prev:before,.slick-next:before {
	content: ' ';
	background-size: 24px 32px;
	background-position: center center;
	background-repeat: no-repeat;
}
.slick-prev:before {
	background-image: url('arrowprev.svg');
}
.slick-next:before {
	background-image: url('arrownext.svg');
}
.slick-next {
	right: 0.625rem;
}
.hero .slick-next {
	right: 0.4375rem;
}
.herotxtbox {
	top: 5px;
	left: 28px;
	width: 60%;
}
.hero h2, .hero h4 {
	color: #353535;
	text-shadow: 0 0 4px var(--txtwhite);
}
.hero h2 {
	font-size: 1rem;
	font-weight: 600;
}
.hero h4 {
	font-size: 0.825rem;
	font-weight: 400;
}
.herobtn {
	margin-top: 0.25rem;
	font-size: 0.75rem;
	line-height: 0.875rem;
	text-shadow: 0 0 4px var(--txtwhite);
}
.herobtn span {
	color: #353535;
}
.heroline {
	background-color: var(--heroline);
	padding: 1.25rem 0 0 0;
	margin-top: -6px;
}
.slick-active .animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.slick-active .fadeinup-animated h2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.slick-active .fadeinup-animated h4 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.slick-active .fadeinup-animated div {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.joblinkbox {
	padding: 0.625rem;
	margin: 1rem 0 0 0;
	border: 0.0625rem solid var(--greylight);
	transition: all 0.3s ease;
	border-radius: 3px;
}
.btnupload {
	width: calc(100% - 3.375rem);
	line-height: 2rem;
	padding: 0.375rem 0.5rem 0.375rem 2.5rem;
	color: var(--txt);
	background-color: var(--btnupload);
	background-image: var(--folder-open-grey);
	background-repeat: no-repeat;
	background-size: 1.25rem 1.25rem;
	background-position: left 0.75rem center;
	border-radius: 3px;
	transition: all ease 0.3s;
}
.btnupload:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
	background-image: var(--folder-open-wht);
	background-repeat: no-repeat;
	background-size: 1.25rem 1.25rem;
	background-position: left 0.75rem center;
}
.btnuploadactive:hover {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	background-image: var(--folder-open-wht);
	background-repeat: no-repeat;
	background-size: 1.25rem 1.25rem;
	background-position: left 0.75rem center;
}
.btnuploadactiv {
	width: calc(100% - 3.375rem);
	line-height: 2rem;
	padding: 0.375rem 0.5rem 0.375rem 2.5rem;
	background-color: var(--btnbgactive);
	background-image: var(--image-grey);
	background-repeat: no-repeat;
	background-size: 1.25rem 1.25rem;
	background-position: left 0.75rem center;
	outline: 0.0625rem solid var(--btnactive);
	border-radius: 3px;
	transition: all ease 0.3s;
	overflow: hidden;
	text-wrap: nowrap;
}
.btnuploadactiv:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
	background-image: var(--image-wht);
	background-repeat: no-repeat;
	background-size: 1.25rem 1.25rem;
	background-position: left 0.75rem center;
	outline: none;
}
.btnuploadreset {
	height: 2.75rem;
	width: 2.75rem;
	margin-left: 0.625rem;
	background-image: var(--abfalleimer);
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	background-position: center center;
	cursor: pointer;
}
.btnuploadreset:hover {
	background-image: var(--abfalleimer-over);
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	background-position: center center;
}
.uploadbox {
	margin: 0 auto;
}
.btnupload {
	background-color: var(--btnupload);
}
.jobansprechimg img {
	max-width: 10rem;
	height: auto;
	margin-right: 1rem;
	border-radius: 3px;
}
.br3-1 .listitems {
	margin: 1.5rem 0 0 0;
}
.nodisplay,.lstspanhide > span {
	display: none;
}
.indisplay {
	display: inline;
}
.inbldisplay {
	display: inline-block;
}
.bldisplay {
	display: block;
}
.mhno {
	display: none;
}
.mhyes{
	display: inline;
}
.mobilview {
	display: block;
}
@media screen and (max-height: 600px) {
#naviwarp,#menuebox,.twowarp {
	height: 250vh;
}
}
@media screen and (max-height: 400px) {
#naviwarp,#menuebox,.twowarp {
	height: 400vh;
}
}
@media screen and (min-width: 360px) {
#logobox {
	min-width: 110px;
	width: 110px;
}
#logobox img {
	margin: 0.75rem 0 0.25rem 0;
}
#suchbox {
	max-width: 360px;
}
}
@media screen and (min-width: 400px) {
.ansprechwidth {
	width: 50%;
}
}
@media screen and (min-width: 500px) {
.brl50,.ansprechwidth {
	width: 50%;
}
#primarysuche {
	width: 160px;
	margin: 0 8px;
}
#xssuchbox,#primarysuche .priarrow {
	display: none;
}
#suchbox {
	display: block !important;
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	max-width: 340px;
	padding: 1rem 0.5rem;
	border-top: 0 none;
	box-shadow: 0 0 0 0 transparent;
}
#slbox {
	position: absolute;
	top: 100%;
	left: -80px;
	min-width: 340px;
	border-top: 0.0625rem solid var(--greymidlight);
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
}
}
@media screen and (min-width: 520px) {
.dtabsnavi {
	max-width: none;
}
.dtabsnavi label:nth-child(3) {
	border-left: none;
}
.dtabs .dtabscont > div {
	padding: 1.25rem;
}
#tab1:checked ~ .dtabsnavi label[for="tab1"]::after,
#tab2:checked ~ .dtabsnavi label[for="tab2"]::after,
#tab3:checked ~ .dtabsnavi label[for="tab3"]::after,
#tab4:checked ~ .dtabsnavi label[for="tab4"]::after,
#tab5:checked ~ .dtabsnavi label[for="tab5"]::after {
	bottom: -0.0625rem;
}
}
@media screen and (min-width: 600px) {
.brc25 {
	width: 25%;
}
.brc40 {
	width: 40%;
}
.brc50 {
	width: 50%;
}
.brc60 {
	width: 60%;
}
.brc75 {
	width: 75%;
}
.brc33 {
	width: 50%;
}
.prs-l {
	padding-right: 0.75rem;
}
.pls-l {
	padding-left: 0.75rem;
}
.plmw {
	padding: 0 0 0 1.25rem;
}
.prmw {
	padding: 0 1.25rem 0 0;
}
#logobox {
	min-width: 125px;
	width: 125px;
}
#primarysuche {
	width: 240px;
	margin: 0 10px;
}
.homewarp {
	flex: 1 1 40%;
}
.stwarp {
	width: 50%;
}
.zubwarp {
	width: 33.333%;
}
.direkttxt {
	width: calc(27% - 0.5rem);
	text-align: center;
}
.direktbnr {
	width: 38%;
}
.direktquant {
	width: calc(20% - 0.5rem);
}
.direktbtn {
	width: calc(15% - 0.5rem);
}
.orderbr33 {
	flex: 1 1 40%;
}
.mt0l24m {
	margin-left: 1.5rem;
}
.mt0r24m {
	margin-right: 1.5rem;
}
.kaspimg {
	width: 7%;
}
.wkposbezb {
	width: 60%;
}
.kasposbezb {
	width: 73%;
}
.wkpgp {
	width: 20%;
}
#wkbottomwarp {
	padding: 2rem 0.625rem 0 0.625rem;
}
#wkbottom {
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#kasagbbox,#kasbestellenbox {
	width: auto;
}
#kasagbbox {
	padding: 0 0.75rem 0 0;
}
#kasbestellenbox {
	margin-top: 0;
}
.btnbestellen {
	max-width: 15rem;
	min-width: 12.5rem;
}
.suchboxusernot #slbox {
	left: -96px;
}
.suchboxuser #slbox {
	left: -60px;
}
#sucharrow {
	display: block;
	bottom: auto;
	top: -20px;
}
.suchboxusernot #sucharrow {
	left: 180px;
}
.hero h2 {
	font-size: 1.25rem;
}
.hero h4 {
	font-size: 1rem;
}
.herobtn {
	margin-top: 0.5rem;
}
.herobtn span {
	padding: 0.375rem 0;
	font-size: 0.8125rem;
}
.katwarp {
	width: 33.33%;
}
.hkatlst .katwarp {
	min-width: 25%;
}
.listdesc {
	width: calc(100% - 150px);
}
.listprice,.listadd {
	width: 150px;
	padding: 0;
}
.listadd {
	margin-left: calc(100% - 150px);
}
.footcols {
	flex: 1 1 43%;
}
.ansprechwidth {
	width: 33.33%;
}
}
@media screen and (min-width: 680px) {
#primarysuche {
	width: 240px;
	margin: 0 60px 0 40px;
}
}
@media screen and (min-width: 750px) {
h1,.homehead {
	font-size: 1.5rem;
}
h2 {
	font-size: 1.375rem;
}
.cmstxt h2 {
	font-size: 1.5rem;
}
.brc33 {
	width: 33.33%;
}
.br3-1 {
	width: 35%;
}
.br3-2 {
	width: 65%;
}
.btnformfull,
.btnlink,
.btnsubform,
.btnsublink,
.prwkbez {
	font-size: 1rem;
}
#logobox {
	width: 180px;
	min-width: 180px;
	height: 121px;
}
#logobox img {
	margin: 2rem 0 0.25rem 0;
}
#hamburgerbox, #xlhhbox {
	display: none;
}
#primarymiddle {
	padding: 0 40px 0 0;
}
#languagebox,#hkontobox {
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
}
.hkontousernot {
	right: 0;
}
.hkontouser {
	right: -90px;
}
#headbox {
	position: relative;
}
#primarybox {
	height: 90px;
}
#naviwarp {
	display: -webkit-flex !important;
	display: flex !important;
	display: -ms-flex !important;
	display: -ms-flexbox !important;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	border-top: none 0;
	position: static;
	height: 47px;
	width: 100%;
	max-width: none;
	box-shadow: inherit;
	background-color: transparent;
}
.menueblocker {
	display: none !important;
}
#menuebox {
	max-width: none;
	height: 47px;
	overflow: inherit;
	background: transparent;
}
.mobnavilst {
	position: static;
	line-height: 1.5;
	float: none;
	clear: both;
	width: auto;
	height: 47px;
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}
.mobnavilst a {
	text-decoration: none;
}
.onebox a {
	color: var(--link);
}
.onebox a:hover {
	color: var(--link);
}
.onebox {
	position: relative;
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	width: auto;
	height: 100%;
	font-size: 0.875rem;
	transition: none;
	background: transparent;
	border-bottom: 0 none transparent !important;
}
.onebox:hover, .onebox:hover .onelink {
	color: var(--txt);
	background-color: transparent;
}
.onebox:active,.onebox:active .onelink {
	color: var(--txt);
	background-color: transparent;
}
.onebox:hover .onelink {
	cursor: pointer;
}
.onelink {
	color: var(--link);
	text-transform: uppercase;
	letter-spacing: 0.03125rem;
	display: block;
	width: 100%;
	padding: 0.5rem 0.375rem 0.5rem 0.375rem;
	border-bottom: 0 none transparent !important;
	cursor: pointer;
}
.twowarp {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: auto;
	min-height: inherit;
	min-width: 100%;
	white-space: nowrap;
	overflow: inherit;
	padding: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	box-shadow: 0 8px 14px -4px rgba(0,0,0,0.075), 14px 8px 14px 4px rgba(0,0,0,0.075), -14px 8px 14px 2px rgba(0,0,0,0.075);
	z-index: 195;
	transition: none;
}
.onebox:first-child {
	position: static;
}
.onebox:last-child .twowarp {
	left: auto;
	right: 0;
}
.threeview {
	display: block;
	position: relative;
}
.onebox:first-child .twowarp {
	white-space: normal;
	-ms-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
}
.onebox:first-child .twoview {
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
	-webkit-align-items: stretch;
	align-items: stretch;
	-ms-flex-align: stretch;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: none;
	color: var(--txt);
	overflow: hidden;
}
.onebox:first-child .twoview .twobox {
	width: 33.33%;
	padding: 1.25rem 0.625rem;
}
.onebox:first-child .twoview .threeview {
	width: 100%;
	top: auto;
	padding: 0.25rem 0 0 0;
	box-shadow: 0 0 0 0;
}
.onebox:first-child .twoview .threeview .twobox {
	width: 100%;
	padding: 0;
}
.threeall {
	display: none;
}
a.twolink {
	width: 100%;
	padding: 0.5rem 1.25rem 0.5rem 1.25rem;
	color: var(--txt);
	cursor: pointer;
	overflow: inherit;
}
a.twolink:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
}
a.twolink:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
}
.onebox:first-child a.twohead {
	padding: 0.25rem 0rem 0.25rem 0.25rem;
	font-weight: 400;
	color: var(--link);
	background-color: transparent;
}
.onebox:first-child a.twolink:hover {
	color: #353535;
	background-color: transparent;
}
.onebox:first-child a.twolink:active {
	color: var(--btnactive);
	background-color: transparent;
}
.onebox:first-child a.twoall:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
}
.onebox:first-child a.twoall:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
}
.onebox:first-child .threeview a.twolink {
	width: 100%;
	padding: 0.25rem 0rem 0.25rem 0.25rem;
	border-bottom: 0 none;
	font-size: 15px;
	color: var(--txt);
	cursor: pointer;
	overflow: inherit;
}
.onebox:first-child .threeview a.twolink:hover {
	color: var(--link);
	background-color: transparent;
}
.onebox:first-child .threeview a.twolink:active {
	color: var(--btnactive);
	background-color: transparent;
}
.twoback {
	display: none;
}
.twounter {
	background: transparent;
	transition: all 0.25s ease;
}
.twounter:hover {
	background: transparent;
}
.twounter:active {
	background: transparent;
}
.mobil {
	display: none;
}
.homewarp .itembez {
	font-size: 1rem;
	padding: 0 0 1rem 0;
}
.hero .slick-prev {
	left: 0.625rem;
}
.hero .slick-next {
	right: 0.625rem;
}
.herotxtbox {
	top: 10px;
	left: 40px;
	width: 50%;
}
.hero h2 {
	font-size: 1.5rem;
}
.hero h4 {
	font-size: 1.25rem;
}
.herobtn {
	margin-top: 0.75rem;
	font-size: 0.875rem;
	line-height: 1.2;
}
.herobtn span {
	padding: 0.25rem 0;
}
#lstkatimgbox {
	max-width: 50%;
	flex: 1 1 45%;
	max-height: 21.25rem;
}
.lstkattxtbox {
	max-width: 50%;
	flex: 1 1 45%;
	max-height: 21.25rem;
	overflow: auto;
}
#lstkatbez {
	padding: 1rem 0 1rem 0;
}
#lstkatbez {
	left: 1.25rem;
}
.katwarp {
	width: 25%;
}
.hkatlst .katwarp {
	min-width: 20%;
}
.kataloglink {
	font-size: 1rem;
}
.itemwarp {
	width: 33.33%;
}
.stwarp {
	width: 50%;
}
.itemtest {
	width: 75%;
}
.stwarp .itemimgbox {
	width: 25%;
	padding: 25% 0 0 0;
}
.listitems {
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 0.625rem;
	margin: 1.25rem 0.625rem 0 0.625rem;
	border: 0.0625rem solid var(--greylight);
	border-radius: 3px;
}
.listitems:hover {
	border: 0.0625rem solid var(--greymidlight);
}
.listinfo {
	padding: 0;
}
.listdesc {
	width: calc(100% - 300px);
	padding: 0 0.25rem 0 0.75rem;
}
.listdescnouser {
	padding: 0 0.25rem 0 0.75rem;
}
.listprice,.listadd {
	width: 150px;
	padding: 0;
	margin: 0;
}
.dnavibox a {
	padding: 0 1rem 0 1rem;
}
.dcolleft {
	order: 1;
	width: 35%;
	padding: 1rem 0 0 0.625rem;
}
.dcolmiddle {
	order: 2;
	width: 37%;
}
.dcolmiddlenouser {
	width: 65%;
	padding: 1rem 0.625rem 0 1.25rem;
}
.dcolright {
	order: 3;
	width: 28%;
}
.dimggal {
	margin: 0.5rem 0 0 0;
}
.wkpimg {
	width: 20%;
}
#kasposheadep {
	width: 73%;
}
.kaspbez {
	width: 60%;
}
.kaspmeng {
	width: 14%;
	text-align: center;
}
.totalbezbox {
	width: 80%;
}
.totalpreisbox {
	width: 20%;
}
.orderbr33 {
	flex: 1 1 26%;
}
.anmboxs {
	flex: 1 1 26%;
}
.anmboxs:first-child {
	flex: 1 1 100%;
}
.vkbelegbez {
	flex: 1 1 50%;
}
.vkbelegep {
	flex: 1 1 10%;
	text-align: right;
}
.vkbelegquant {
	flex: 1 1 10%;
	text-align: right;
}
.vkbelegquantbez {
	flex: 1 1 10%;
	padding-left: 8px;
}
.vkbeleggp {
	flex: 1 1 10%;
	text-align: right;
}
.vkbelegwk {
	flex: 1 1 10%;
	text-align: right;
}
.vkbelegwk form {
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: end;
}
.vkbelsumbox {
	padding: 0.125rem 0 0.125rem 0;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
}
.vkbelegtotalbez {
	flex: 0 1 70%;
}
.vkbelegtotalp {
	flex: 0 1 20%;
}
.vkbelsumbox .vkbelegwk {
	flex: 1 0 10%;
}
.vkbelbtnwk {
	width: 70%;
	min-width: inherit;
	margin: 0;
	color: transparent;
}
.mzpimg {
	width: 10%;
}
.mzhpleftbox,#merkposhleftbox {
	width: 90%;
}
.merkhep {
	width: 15%;
	margin-left: 55%;
}
.merkbez {
	width: 55%;
}
.merkpep {
	width: 15%;
	text-align: right;
}
.merkpadd {
	width: 30%;
	padding: 0;
	text-align: right;
}
.merkpadd .daddwkbtn {
	max-width: none;
	margin-left: 20%;
}
.merkpadd .wkpdel {
	text-align: right;
}
.adrleftbox {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	width: 86%;
	padding: 0.5rem 0;
}
.adrrightbox {
	width: 14%;
	padding: 0.5rem 0;
}
.adrleftbox > div {
	width: 25%;
}
div.adrplz {
	width: 8%;
	text-align: right;
}
div.adrort {
	width: 15%;
}
div.adrland {
	width: 15%;
}
.ktoadrhead .adrleftbox > div {
	display: block;
}
.ktoadrhead > div {
	padding: 0.25rem 0;
}
.ansprechwidth img {
	right: auto;
}
#cookieinfo {
	font-size: 0.8125rem;
}
.cookietxt {
	width: 80%;
	padding-right: 1rem;
}
#cookiebtnb {
	width: 20%;
	margin: 0;
}
.pttxt,
.pttxt div,
.pttxt span,
.pttxt a,
.ptfull div,
.ptfull p,
.ptfull span,
.ptfull li,
.ptfull ul,
.ptfull ol,
.ptfull a,
.ptfull img,
.trackbox .ptfull div {
	font-size: 0.9375rem !important;
}
.ptfull a.txt13,.txt13 {
	font-size: 0.8125rem !important;
}
.trackbox .ptfull div, .ptfull p, .ptfull span, .ptfull a {
	font-size: 0.9375rem !important;
}
.mhno {
	display: block;
}
.mhyes {
	display: none;
}
.footcols {
	flex: 1 1 21%;
}
}
@media screen and (min-width: 800px) {
.onebox {
	font-size: 0.9375rem;
}
.zubwarp {
	width: 25%;
}
}
@media screen and (min-width: 900px) {
.onelink {
	padding: 0.5rem 0.625rem 0.5rem 0.625rem;
	font-size: 1.125rem;
}
}
@media screen and (min-width: 1000px) {
body {
	font-size: 0.9375rem;
	background-size: cover;
}
.plistnhxl {
	padding: 0 0.625rem 0 0.625rem;
}
.pssnh,.psmnh,.psmnhxl {
	padding: 0 1.25rem 0 1.25rem;
}
.pssxsh {
	padding: 0.5rem 1.25rem 0 1.25rem;
}
.psssh {
	padding: 1rem 1.25rem 0 1.25rem;
}
.pssmh,.psslhxl {
	padding: 2rem 1.25rem 0 1.25rem;
}
.psslh {
	padding: 3rem 1.25rem 0 1.25rem;
}
.pssxlh {
	padding: 4rem 1.25rem 0 1.25rem;
}
.prs-l {
	padding-right: 1.25rem;
}
.pls-l {
	padding-left: 1.25rem;
}
.errorcont {
	margin: 2rem 1.25rem 0 1.25rem;
}
.okrightcont {
	margin: 1.5rem 1.25rem 0 1.25rem;
}
#logobox {
	min-width: 230px;
	height: 145px;
}
#primaryleft {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	width: auto;
}
#primaryright {
	max-width: none;
}
#mobloginbox,#moblangbox {
	display: none;
}
#primarybox {
	min-width: 55%;
}
#primarysuche {
	width: 300px;
	transition: all linear 0.4s;
}
#suchbox {
	padding: 1rem 1.25rem 1rem 1.25rem;
}
.suchboxuser #slbox,.suchboxusernot #slbox {
	left: 1.25rem;
}
.suchboxuser #sucharrow,.suchboxusernot #sucharrow {
	left: 120px;
}
#prevwkbox {
	right: 0;
}
header {
	border-bottom: 0 none;
}
#headbox {
	border-bottom: 0.0625rem solid var(--greylight);
}
#primarybox {
	height: 95px;
}
#naviwarp {
	max-width: 855px;
}
.onebox:first-child .twoview .twobox {
	width: 25%;
	padding: 1.25rem;
}
.herotxtbox {
	top: 30px;
	left: 50px;
	width: 45%;
}
.hero h2 {
	font-size: 1.75rem;
}
.hero h4 {
	font-size: 1.5rem;
}
.herobtn {
	margin-top: 0.75rem;
	font-size: 0.875rem;
	line-height: 1.4;
}
.herobtn span {
	padding: 0.25rem 0;
}
#bannerbb img {
	height: 340px;
}
.homehead {
	margin: 1.25rem 1.25rem 1.5rem 1.25rem;
}
.katwarp {
	width: 20%;
}
.hkatlst .katwarp {
	min-width: 16.66%;
}
.homewarp {
	flex: 1 1 28%;
}
.homewarp .itembez {
	font-size: 1rem;
}
.stwarp {
	width: 50%;
}
.listitems {
	margin: 1.5rem 1.25rem 0 1.25rem;
}
.listimg {
	width: 150px;
}
.listinfo {
	width: calc(100% - 150px);
}
.menubox {
	display: block;
	width: 25%;
}
.lstmenubox {
	display: block !important;
	position: static;
	top: auto;
	left: auto;
	width: 25%;
	padding: 4.25rem 20px 0 20px;
	box-shadow: 0 0 0;
}
#lstcontent,.contentbox {
	width: 75%;
}
.dcolleft {
	padding: 1rem 0 0 1.25rem;
}
.dcolmiddlenouser {
	padding: 1rem 1.25rem 0 1.25rem;
}
.dcolright {
	padding: 1rem 1.25rem 0 0;
}
.dtxtboxes {
	margin: 3rem 1.25rem 0 1.25rem;
}
.anmboxs:first-child {
	flex: 1 1 30%;
}
.adrleftbox {
	width: 90%;
}
.adrrightbox {
	width: 10%;
}
#wkbottomwarp {
	padding: 2rem 1.25rem 0 1.25rem;
}
.joblinkbox {
	margin: 1.5rem 0 0 0;
}
.footcols {
	padding: 0.625rem 1.25rem;
}
.ansprechwidth {
	width: 25%;
}
.mobilview {
	display: none;
}
}
@media screen and (min-width: 1180px) {
#bannerbb img {
	height: 400px;
}
.herotxtbox {
	top: 50px;
	left: 50px;
	width: 40%;
}
.merkpadd .daddwkbtn {
	width: 50%;
	margin-left: 50%;
}
}
@media screen and (min-width: 1280px) {
.onebox:last-child .twowarp {
	left: 0;
	right: auto;
}
}