:root {
	--listitempadding: 0.625rem;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.errorcont,.okrightcont {
	margin: 1.5rem 0.625rem 0 0.625rem;
}
.errorblocker {
	background: rgba(var(--rgbwhite),0.96);
	z-index: 50000;
}
.menueblocker {
	display: none;
	background: rgba(var(--rgbmain),0.5);
	z-index: 150;
}
header {
	position: relative;
	height: 9.0625rem;
	border-bottom: 0.25rem solid var(--borderheader);
	border-collapse: collapse;
	background-color: var(--bgheader);
}
.pribg {
	background-color: var(--pribg);
	color: var(--pritxt);
}
.pribg svg path {
	fill: var(--pritxt);
}
.priwbox {
	height: 2.8125rem;
	max-width: 87.5rem;
	margin: 0 auto 0 auto;
}
.prisides {
	min-width: 8.125rem;
}
.prileftbox {
	display: none;
}
.prileftbox a {
	color: var(--pritxt);
	letter-spacing: 0.0625rem;
}
.primidbox svg {
	height: 1.25rem;
	width: auto;
	margin: auto 0.625rem;
}
.prirightbox button,.hsprachen a {
	color: var(--pritxt);
}
.primidbox a:hover svg path,.priwbox .headiconbox:hover svg path {
	fill: var(--priover);
}
.priwbox .headiconbox:hover,.prileftbox a:hover {
	color: var(--priover);
	text-decoration: none;
}
.uparrow {
	transform: rotate(180deg);
}
.prisides .dropbox {
	top: 100%;
	z-index: 202;
}
.prisides .priarrow {
	top: calc(100% - 1.1875rem);
	right: 4.0625rem;
}
.headwbox {
	height: 6.25rem;
	max-width: 87.5rem;
	margin: 0 auto 0 auto;
}
.wbox {
	max-width: 87.5rem;
	margin: 0 auto 0 auto;
}
.cheight {
	min-height: calc(100vh - 6.25rem);
}
.logobox {
	width: calc(100% - 11.25rem);
	height: 6rem;
	padding: 0.5rem 0;
	text-align: center;
	transition: all 0.3s ease;
}
.logobox img {
	max-height: 5rem;
	width: auto;
	max-width: 90%;
	filter: var(--imginvert);
}
.hhswitch {
	border-radius: 0;
	border: none;
	background-color: transparent;
}
.hhlines,.hhlines::before,.hhlines::after {
	width: 1.9375rem;
	height: 0.125rem;
	background-color: var(--hfill);
	transition: all ease 0.3s;
	background-clip: padding-box;
}
.dropactiv .hhlines,.dropactiv .hhlines::before,.dropactiv .hhlines::after {
	background-color: var(--orange);
}
.hhbox:hover .hhlines,.hhbox:hover .hhlines::before,.hhbox:hover .hhlines::after {
	background-color: var(--hfillhigh);
}
.hhlines::before,.hhlines::after {
	position: absolute;
	left: 0;
	content: '';
	width: 2.125rem;
	-webkit-transform-origin: 50% center;
	transform-origin: 50% center;
}
.hhlines::before {
	top: 0.5rem;
}
.hhlines::after {
	top: -0.5rem;
}
.hhactiv .hhbtn .hhlines::before,
.hhactiv .hhbtn .hhlines::after {
	top: 0;
	width: 2.125rem;
	transition: top 0.3s ease-in-out,transform 0.3s 0.5s ease-in-out;
}
.hhbtn .hhlines::before,
.hhbtn .hhlines::after {
	transform-origin: 50% 50%;
	transition: top 0.3s 0.6s ease-in-out,transform 0.3s ease-in-out;
}
.hhactiv .hhbtn .hhlines {
	transition: background 0.3s 0s ease-in-out;
	background: transparent !important;
}
.hhactiv .hhbtn .hhlines::before {
	transform: rotate3d(0,0,1,45deg);
}
.hhactiv .hhbtn .hhlines::after {
	transform: rotate3d(0,0,1,-45deg);
}
.hhview > div,.hhview > button {
	width: 3.5rem;
	height: 3.5rem;
}
.hhclose > div,.hhclose > button {
	margin-right: 0.625rem;
}
.hhview .hhlines,.hhview .hhlines::before,.hhview .hhlines::after,
.hhbox:hover .hhview .hhlines,.hhbox:hover .hhview .hhlines::before,.hhbox:hover .hhview .hhlines::after {
	background-color: var(--txt);
}
.hhactiv .hhview:hover .hhlines,.hhactiv .hhview:hover .hhlines::before,.hhactiv .hhview:hover .hhlines::after {
	background-color: var(--links);
}
.menuoverlay,.kontooverlay {
	position: fixed;
	top: 0;
	left: -110vw;
	width: 100vw;
	height: 100vh;
	background-color: rgba(var(--overlaysub),0.75);
	z-index: 202;
}
.naviwrap {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
nav {
	display: block;
	position: fixed;
	line-height: 1.5;
	left: -25rem;
	top: 0;
	height: 100vh;
	width: 100%;
	max-width: 20rem;
	background-color: var(--bgdropbox);
	overflow: auto;
	z-index: 305;
	box-shadow: 0 1.125rem 0.875rem -0.5rem rgba(var(--rgbblack),0.05),
		0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1),
		-0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1);
}
.navigation {
	position: relative;
}
.navigation,.navigation ul {
	list-style-type: none;
}
.naviheadmobil {
	padding: 1rem 0 0.5rem 1rem;
	border-bottom: 0.0625rem solid var(--borderform);
}
.onebox a {
	display: block;
	color: var(--navtxtsubsmall);
	text-decoration: none;
}
.onebox a:hover {
	color: var(--navtxtsubhigh);
}
.onebox {
	width: 100%;
	font-size: 1rem;
	background-color: var(--bgdropbox);
	transition: background-color 0.3s ease;
	font-weight: 400;
}
.onebox:hover {
	color: var(--txtwhite);
	background-color: var(--navhigh);
}
.onebox:active {
	color: var(--navtxtsubactiv);
	background-color: var(--navactiv);
}
.onebox:hover .onelink {
	color: var(--navtxtsubhigh);
	cursor: pointer;
}
.bordertop {
	border-top: 0.0625rem solid var(--bordertop);
}
.onelink {
	display: block;
	width: 100%;
	padding: 0.75rem 0 0.75rem 1rem;
	letter-spacing: 0.0625rem;
	cursor: pointer;
}
.twowarp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - var(--navtwotop));
	padding: 0 0 1rem 0;
	background-color: var(--bgdropbox);
}
.twobox {
	width: 100%;
	max-width: 21.875rem;
	color: var(--txt);
	overflow: hidden;
}
.onebox:first-child .ktwowarp {
	top: 0;
}
.twolink {
	width: 100%;
	display: block;
	padding: 0.75rem 0 0.75rem 1rem;
	background-color: var(--bgdropbox);
	letter-spacing: 0.0625rem;
	cursor: pointer;
	overflow: hidden;
}
.twoall {
	background-color: rgba(var(--bgtwoall),0.15);
}
.twolink:hover {
	color: var(--navtxtsubhigh);
	background-color: var(--navhigh);
}
.twolink:active {
	color: var(--navtxtsubhigh);
	background-color: var(--activ);
}
.twoback {
	padding: 0.75rem 0 0.75rem 1rem;
	font-size: 1rem;
	color: var(--navtxtsubsmall);
	text-align: left;
	transition: all 0.25s ease;
}
.twoback svg path {
	fill: var(--navtxtsubsmall);
}
.twoback:hover {
	color: var(--navtxtsubhigh);
}
.twoback:active {
	color: var(--navtxtsubhigh);
}
.twoback:hover svg path,.twoback:active svg path {
	fill: var(--navtxtsubhigh);
}
.twounter {
	padding: 0.75rem 2rem 0.75rem 1rem;
	background: var(--white) var(--arrownext) no-repeat right 1.5rem center;
	transition: all 0.25s ease;
}
.twounter:hover {
	background: var(--navhigh) var(--arrownextbtnblk) no-repeat right 1.5rem center;
}
.twounter:active {
	background: var(--activ) var(--arrownextbtnblk) no-repeat right 1.5rem center;
}
.mobil .onelink {
	text-transform: none;
	letter-spacing: 0;
}
.mobil .onelink svg {
	vertical-align: text-bottom;
	height: 1.25rem;
	width: auto;
	padding-right: 0.25rem;
}
.mobil .onelink svg path {
	fill: var(--navtxtsubsmall);
}
.mobil .onelink:hover svg path {
	fill: var(--navtxtsubhigh);
}
.mobil .onelink:active svg path {
	fill: var(--navtxtsubactiv);
}
.htoolsheight {
	height: 2.8125rem;
}
.hsmallboxes {
	width: 2.8125rem;
	transition: all 0.3s;
}
.hsmallboxes svg path {
	fill: var(--txtwhite);
}
.hsmallboxes a,.hsmallboxes svg path {
	color: var(--hfill);
	fill: var(--hfill);
	text-decoration: none;
	transition: all 0.3s;
}
.hsmallboxes .dropbox a,.hsmallboxes .dropbox a svg path {
	color: var(--txt);
	fill: var(--txt);
}
.hsmallboxes a:hover,.hsmallboxes:hover svg path,.hsmallboxes:hover {
	color: var(--hfillhigh);
	fill: var(--hfillhigh);
	background-color: transparent;
	outline: none !important;
}
.hsmallboxes a:active,.hsmallboxes:active svg path,.hsmallboxes:active {
	color: var(--activ);
	fill: var(--activ);
	background-color: transparent;
	outline: none !important;
}
.hsmallboxes:hover .headbubble,.hsmallboxes:hover .headbubble svg path {
	color: var(--bubbletxthigh);
	fill: var(--bubbletxthigh);
	background: var(--hfillhigh);
}
.hsmallboxes:active .headbubble,.hsmallboxes:active .headbubble svg path {
	color: var(--bubbletxthigh);
	fill: var(--bubbletxthigh);
	background: var(--activ);
}
.hsmallboxes a.btnlink:hover {
	color: var(--btntxtover);
	background: var(--btnover);
}
.hsmallboxes a.btnlink:active {
	color: var(--btntxtactive);
	background: var(--btnactive);
}
.headiconbox {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.headiconbox svg {
	height: 1.25rem;
	width: auto;
}
.prisides .headiconbox svg {
	height: 1rem;
	width: auto;
	transition: transform 0.4s ease;
}
.prisides.dropactiv svg.langarrow {
	transform: rotate(180deg);
}
.headbubble {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 1.125rem;
	padding: 0.1875rem;
	font-size: 0.625rem;
	line-height: 0.75rem;
	text-align: center;
	color: var(--bubbletxt);
	background-color: var(--bubble);
	border-radius: 0.5625rem;
	transition: all 0.3s;
}
.headbubble svg {
	width: 0.625rem;
	height: 0.625rem;
	vertical-align: middle;
}
.headbubble svg path {
	fill: var(--bubbletxt);
}
.dropbox {
	display: none;
	position: absolute;
	top: calc(100% + 1.625rem);
	padding: 0.625rem 1.25rem 0.625rem 1.25rem;
	background-color: var(--bgdropbox);
	border-top: 0.0625rem solid var(--borderdropbox);
	transition: top 0.3s;
	border-bottom-left-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
	box-shadow: 0 1.125rem 0.875rem -0.5rem rgba(var(--rgbblack),0.05),
		0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1),
		-0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1);
	color: var(--txt);
	white-space: normal;
	z-index: 201;
}
.prisprachen {
	top: 100%;
	right: -0.625rem;
}
.hsprachen {
	display: none;
	left: -2.8125rem;
	min-width: 8.4375rem;
	line-height: 1.8;
}
.hsprachen a {
	padding: 0.625rem 0 0.625rem 1.5rem;
	background: var(--cb-unchecked) left center no-repeat;
}
.hsprachen a:hover {
	color: var(--high);
	background: var(--cb-unchecked-over) left center no-repeat;
	text-decoration: none;
}
.hsprachen a:active {
	color: var(--activ);
	background: var(--cb-unchecked-activ) left center no-repeat;
	text-decoration: none;
}
.hsprachen a.txtaktiv {
	background: var(--cb-checked) left center no-repeat;
}
.hsprachen a.txtaktiv:hover {
	background: var(--cb-checked-over) left center no-repeat;
}
.hsprachen a.txtaktiv:active {
	background: var(--cb-checked-activ) left center no-repeat;
}
.hkontotool {
	right: calc((-100%*2) - 0.625rem);
	width: 100vw;
	max-width: 22.5rem;
	overflow-y: auto;
}
.hloginbox {
	padding: 0.25rem 0 1rem 0;
}
#hkontotxt {
	padding: 1rem 0 0.5rem 0;
	border-top: 0.0625rem solid var(--borderform);
}
#hkontotxt h2 {
	padding: 0 0 0.5rem 0;
	margin: 0;
}
#hkontolink {
	color: var(--btntxt);
}
.hkontotool .btnpwshow,.hkontotool .btnpwshow svg path {
	color: var(--txt);
	fill: var(--txt);
}
.hkontotool .btnpwshow:hover,.hkontotool .btnpwshow:hover svg path {
	color: var(--hfillhigh);
	fill: var(--hfillhigh);
}
.hkontotool .btnpwshow:active,.hkontotool .btnpwshow:active svg path {
	color: var(--activ);
	fill: var(--activ);
}
.prevwkbox {
	right: -0.625rem;
	width: 100vw;
	max-width: 28.125rem;
	overflow-y: auto;
}
.prevwkbox form {
	display: block;
}
.prevwkpbox {
	padding: 0.75rem 0 0.75rem 0;
	border-bottom: 0.0625rem solid var(--bordernorm);
}
.prwkimgb {
	position: relative;
	width: 20%;
	padding-top: 20%;
	border-radius: var(--radiussmall);
}
.prwkimgb img {
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: var(--radiussmall);
	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;
	font-weight: 500;
}
.prwkpdatabez {
	display: inline-block;
	width: 40%;
}
.prwkpdata {
	display: inline-block;
	width: 60%;
}
.prwkgpb {
	width: 30%;
	line-height: 1.3;
}
.prevwktotalbox {
	line-height: 2.875rem;
	border-bottom: 0.0625rem solid var(--bordernorm);
}
.lblprwktotal {
	display: inline-block;
	width: 70%;
}
.prwktotal {
	display: inline-block;
	width: 30%;
}
.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 a.btnlink {
	min-width: 45%;
	color: var(--btntxt);
}
#prevwkbtnbox div {
	cursor: pointer;
}
.prevmzbox {
	right: calc(-100% - 0.625rem);
}
.prmzbezb {
	width: 80%;
}
.priarrow {
	display: none;
	position: absolute;
	top: calc(100% + 0.1875rem);
	right: calc(50% + 0.75rem);
	width: 0;
	transition: top 0.3s;
	z-index: 1101;
}
.priarrow::before,.priarrow::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.625rem 0.75rem;
	border-color: transparent transparent var(--borderdropbox) transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.priarrow::after {
	border-color: transparent transparent var(--bgdropbox) transparent;
	top: 0.0625rem;
}
.priarrow {
	top: calc(100% + 0.375rem);
}
.dropactiv .priarrow,.searchdropactiv .priarrow {
	display: block;
}
nav .priarrow {
	top: calc(100% - 1.3125rem);
	display: none;
}
.suchbox {
	left: -4.125rem;
	width: 100vw;
	max-width: 22.5rem;
	padding: 1rem 1.25rem 1rem 1.25rem;
}
.hsbox {
	width: 100%;
	margin: 0 auto 0 auto;
	border: 0.0625rem solid var(--borderform);
	border-radius: 0.1875rem;
}
.suchbegriff {
	width: calc(100% - 2.25rem);
	;
	height: 2.25rem;
	padding: 0 0 0 0.75rem;
	font-size: 0.875rem;
	line-height: 2.125rem;
	color: var(--txt);
	background-color: var(--suchinputbg);
	border: 0 none;
	-webkit-appearance: none;
	appearance: none;
	transition: all 0.3s ease;
}
.suchbegriff::placeholder {
	color: var(--formplacholder);
}
.suchbegriff:focus {
	border: 0 none;
	background-color: var(--suchinputbgfocus);
}
.suchbegriff:focus::placeholder {
	color: var(--formplacholder);
}
.suchbtn {
	width: 2.25rem;
	line-height: 2rem;
	padding: 0;
	color: transparent;
	background: var(--suchbtnbg) var(--lupe) center no-repeat;
	background-size: 1rem 1rem;
	border: none 0;
	border-top-right-radius: 0.1875rem;
	border-bottom-right-radius: 0.1875rem;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: all 0.3s ease;
}
.suchbtn:hover {
	background: var(--btnover) var(--lupe-over) center no-repeat;
	background-size: 1rem 1rem;
}
.suchbtn:active {
	background: var(--btnactive) var(--lupe-over) center no-repeat;
	background-size: 1rem 1rem;
}
.hsbox:focus-within .suchbtn {
	background: var(--btn) var(--lupe-over) center no-repeat;
}
.hsbox:focus-within .suchbtn:hover {
	background-color: var(--btnover);
}
.hsbox:focus-within .suchbtn:active {
	background-color: var(--btnactive);
}
#slbox {
	min-width: 18.75rem;
	padding: 0.5rem 0 0.5rem 0;
	margin-top: 0.125rem;
	z-index: 203;
	background-color: var(--bgdropbox);
	transition: all 0.25s ease;
}
.slwimg {
	-webkit-animation: livesucheImg 2s steps(240) infinite;
	animation: livesucheImg 2s steps(240) infinite;
	position: absolute;
	display: inline-block;
	top: 0.25rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 3rem;
	height: auto;
	padding: 0.625rem;
	border: 0.0625rem solid var(--borderform);
	border-radius: 50%;
	background: rgba(var(--rgbwhite),0.9);
	z-index: 10004;
}
@keyframes livesucheImg {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
#sldatabox {
	padding: 0.5rem 0;
}
#slbox a.agrey {
	display: block;
	padding: 0.25rem 0 0 0;
}
.itemboxsl {
	padding: 0.25rem;
	background: var(--bgcontent);
	border: 0.0625rem solid var(--borderitemlist);
	border-radius: var(--radiussmall);
	transition: all 0.3s ease;
}
#slbox a:hover .itemboxsl {
	color: var(--txt);
	border: 0.0625rem solid var(--borderitemlistover);
}
.itemsl {
	padding: 0 1% 0 1%;
	margin: 1.25rem 0 0 0;
	border-radius: var(--radiussmall);
}
.itemslwb {
	border-radius: var(--radiussmall);
}
.slitemimgwidth {
	width: 12%;
	min-width: 12%;
	padding-top: 0.25rem;
}
.slitemimgbox {
	position: relative;
	width: 100%;
	padding-top: 100%;
	border-radius: var(--radiussmall);
}
.itembezsl {
	padding: 0 0 0 0.75rem;
}
.navdummy {
	display: none;
}
.fullwidthimg {
	max-width: 100%;
	height: auto;
}
main {
	position: relative;
	background-color: var(--bgmain);
}
.nodeco,.nodeco:hover {
	text-decoration: none;
}
.acclogoout {
	padding: 0 0 0 1.5rem;
	background-image: var(--user-logout);
	background-repeat: no-repeat;
	background-position: left center;
	color: var(--txt);
	text-decoration: none;
	transition: all 0.3s ease;
}
.acclogoout:hover {
	padding: 0 0 0 1.5rem;
	background-image: var(--user-logout-over);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: var(--high);
}
.acclogoout:active {
	padding: 0 0 0 1.5rem;
	background-image: var(--user-logout-activ);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: var(--activ);
}
.anmservimg {
	margin: 0 0.5rem 0 0;
}
a .anmservices,a .anmservices svg path {
	color: var(--txt);
	fill: var(--txt);
	transition: all 0.3s ease;
}
a .anmservices:hover,a .anmservices:hover svg path {
	color: var(--high);
	fill: var(--high);
}
a .anmservices:active,a .anmservices:active svg path {
	color: var(--activ);
	fill: var(--activ);
}
#hloginuserbox a,#hloginuserbox svg path {
	color: var(--txt);
	fill: var(--txt);
	transition: all 0.3s ease;
}
#hloginuserbox .anmservices:hover,#hloginuserbox .anmservices:hover svg path {
	color: var(--high);
	fill: var(--high);
}
#hloginuserbox .anmservices:active,#hloginuserbox .anmservices:active svg path {
	color: var(--activ);
	fill: var(--activ);
}
.ktoadrbox {
	width: 100%;
	border-bottom: 0.0625rem solid var(--bordermid);
}
.ktoadrhead {
	border-bottom: 0.0625rem solid var(--bordermid);
	font-size: 0.75rem;
}
.adrleftbox {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 70%;
	padding: 0.5rem 0;
}
.adrrightbox {
	width: 30%;
	max-width: 5.625rem;
	padding: 0.5rem 0;
}
.adrleftbox > div {
	width: 100%;
}
div.adrplz {
	width: 3.125rem;
	text-align: left;
}
div.adrort {
	width: calc(100% - 3.125rem);
}
.ktoadrhead .adrrightbox {
	padding: 0.25rem 0;
}
.btnadrselcet {
	width: 2rem;
	height: 2rem;
	border: 0.0625rem solid var(--borderform);
	color: var(--txt);
	cursor: pointer;
	transition: all 0.25s ease;
	border-radius: var(--radiussmall);
}
.btnadrre {
	background: var(--btnsub) var(--adrselect-euro) center center no-repeat;
}
.btnadrre:hover {
	background: var(--btnsubover) var(--adrselect-euro) center center no-repeat;
	border: 0.0625rem solid var(--btnsubover);
}
.btnadrre:active {
	background-color: var(--btnsubactive);
	border: 0.0625rem solid var(--btnsubactive);
}
.btnadrli {
	background: var(--btnsub) var(--adrselect-truck) center center no-repeat;
}
.btnadrli:hover {
	background: var(--btnsubover) var(--adrselect-truck) center center no-repeat;
	border: 0.0625rem solid var(--btnsubover);
}
.btnadrre:active,.btnadrli:active {
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--btnactive);
}
.nobtnadrre {
	background: var(--activ) var(--adrselect-euro-over) center center no-repeat;
	border: 0.0625rem solid var(--bggruen);
	cursor: text;
}
.nobtnadrli {
	background: var(--activ) var(--adrselect-truck-over) center center no-repeat;
	border: 0.0625rem solid var(--bggruen);
	cursor: text;
}
.adrinput .ipfull, .adrinput .selfull,.adrplzort, .adrinput .adrplzort .ipfull {
	width: 100%;
}
.adrswitch {
	margin: 0.75rem 0 0 0;
	height: 1.5rem;
	line-height: 1.5rem;
	color: var(--txt);
	background-color: transparent;
	border: none;
}
.gewerbeswitch {
	min-width: 13.4375rem;
	margin: 1rem 0.5rem 0 0.5rem;
	transition: all ease 0.3s;
}
.gewerbeswitchbox:not(.gewerbeclose) .regbusiness,.gewerbeclose .regprivat {
	color: var(--btntxt);
	background-color: var(--bggewerbeswitch);
	cursor: not-allowed;
}
.homehead {
	font-size: 1.6875rem;
	text-align: center;
}
.lstmenubox,.menubox {
	display: none;
}
.mobilnavbtn {
	padding: 0 2.25rem 0 0;
	cursor: pointer;
}
.mobilnavbtndown {
	text-align: left;
	background-image: var(--arrowdown);
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.mobilnavbtndown:hover {
	color: var(--high);
	background-image: var(--arrowdown-over);
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.mobilnavbtnup {
	text-align: left;
	background-image: var(--arrowup);
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.mobilnavbtnup:hover {
	color: var(--high);
	background-image: var(--arrowup-over);
	background-position: center right 1rem;
	background-repeat: no-repeat;
}
.ordermenubox {
	display: none;
}
.naviborder {
	padding: 0.5rem 0.25rem 0.5rem 0.25rem;
	border: 0.0625rem solid var(--bordernorm);
	border-radius: 0.3125rem;
}
.listennavi ul {
	list-style: none;
}
.listennavi a,.listennavi a:hover {
	text-decoration: none;
}
ul#navisub {
	padding: 0;
}
ul#navisub ul {
	position: relative;
	padding: 0 0 0 0.625rem;
	margin: 0.5rem 0 0 0;
	border-top: 0.0625rem solid var(--bordernorm);
	border-bottom: 0.0625rem solid var(--bordernorm);
}
ul#navisub ul::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	top: 0;
	left: 0;
	margin: auto;
	border-width: 0.375rem 0.375rem 0 0.375rem;
	border-color: var(--high) transparent transparent transparent;
}
.listennavi 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: var(--txt);
	border-bottom: 0.0625rem solid var(--naviheadborder);
	transition: color 0.3s ease;
}
.listennavi ul li a:hover {
	color: var(--high);
}
.listennavi ul li ul li {
	padding: 0.5rem 0 0.5rem 0;
}
.listennavi ul li ul li a {
	padding: 0;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.4;
	border-bottom: none;
	text-transform: none;
	letter-spacing: normal;
	color: var(--txt);
	cursor: pointer;
}
.listennavi ul li ul li a:hover,.listennavi ul li.firston a {
	color: var(--high);
}
.listennavi ul li ul li a.katfett,.listennavi ul li ul li.katfett a {
	color: var(--links);
}
.listennavi ul li ul li a.katfett:hover ,.listennavi ul li ul li.katfett a:hover {
	color: var(--high);
}
.listennavi ul li ul li.katfett li a,.listennavi ul li.firston ul li a {
	color: var(--txt);
}
.listennavi ul li ul li.katfett li a:hover,.listennavi ul li.firston ul li a:hover {
	color: var(--high);
}
.listennavi ul li ul li.katfett a.txtfett,.listennavi ul li ul li.katfett a {
	color: var(--menuaktivtxt);
	padding: 0 1.25rem 0 0;
	background: var(--menuarrow) right center no-repeat;
	background-size: 1.125rem 1.125rem;
	font-weight: 500;
}
.listennavi ul li ul li ul li.katfett a {
	color: var(--menuaktivtxt);
	padding: 0 1.25rem 0 0;
	background: var(--menuarrow) right center no-repeat;
	background-size: 1.125rem 1.125rem;
	font-weight: 500;
}
.listennavi ul li ul li.katfett ul li a {
	color: var(--txt);
	padding: 0 1.25rem 0 0;
	background: none;
	font-weight: 400;
}
.listennavi ul li ul li a {
	font-size: 0.9375rem;
}
ul#navisub li ul {
	padding: 0.25rem 0 0.5rem 0.625rem;
}
.filterimg {
	width: 4rem;
	height: auto;
	top: -6.25rem;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0.625rem;
	border: 0.0625rem solid var(--borderform);
	border-radius: 50%;
	background-color: rgba(var(--rgbwhite),0.5);
	z-index: 10004;
	-webkit-animation: filterimgrotate 2s steps(240) infinite;
	animation: filterimgrotate 2s steps(240) infinite;
}
@keyframes filterimgrotate {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
.btnicon {
	font-weight: 400;
	min-width: 12.5rem;
}
.btnicon svg {
	vertical-align: middle;
}
.btnicon svg path {
	fill: var(--btnsubtxt);
}
.btnicon:hover svg path {
	fill: var(--btntxtover);
}
.btndown .btnarrow {
	transition: transform 0.3s ease-in-out;
}
.btnup .btnarrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#lstcontent,.contentbox {
	width: 100%;
}
.kruemellst,.kruemelproduct {
	color: var(--kruemel);
	line-height: 1.25rem;
}
.kruemellst a,.kruemelproduct a {
	color: var(--txt);
	text-decoration: none;
	white-space: nowrap;
}
.kruemellst a:hover,.kruemelproduct a:hover {
	color: var(--high);
	text-decoration: none;
}
.kruemellst a:active,.kruemelproduct a:active {
	color: var(--activ);
	text-decoration: none;
}
.kruemellst ul {
	list-style: none;
	padding: 0.125rem 0 0 0;
}
.kruemellst ul li,.dkruemelitem {
	padding: 0.25rem 0.5rem 0.25rem 1.25rem;
	background-image: var(--crumblearrow);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.75rem;
}
.kruemellst ul li:first-child {
	padding: 0.25rem 0.5rem 0.25rem 0;
	background-image: none;
}
.kruemellst ul li:first-child a {
	display: block;
	width: 1rem;
	height: 1rem;
	color: transparent;
	font-size: 0.000625rem;
	background-image: var(--home-link);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1rem;
	overflow: hidden;
}
.kruemellst ul li:first-child a:hover {
	background-image: var(--home-over);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1rem;
}
.kruemellst ul li:first-child a:active {
	background-image: var(--home-activ);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1rem;
}
#lstcontent .ptfull h1 {
	margin: 0 0 1rem 0;
	font-family: inherit !important;
	color: var(--txt) !important;
}
.lstkatdetailimg {
	width: 100%;
	height: 21.25rem;
	border-bottom-left-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
}
.katbezicon {
	width: 2.625rem;
	min-height: 100%;
	background-image: var(--arrowup);
	background-position: center center;
	background-repeat: no-repeat;
	transition: transform 0.3s ease-in-out;
}
.lstkdbezclose {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
#lstkatbez {
	font-size: 1.25rem;
	padding: 0 0 1rem 0;
}
.katwarp,.itemwarp {
	margin: 1.25rem 0;
}
.katwarp {
	width: calc(50% - 1.25rem);
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}
.subkatbox {
	height: 100%;
	padding: 0.625rem;
	background: var(--bgcontent);
	cursor: pointer;
	border: 0.0625rem solid var(--borderitemlist);
	border-radius: 0.375rem;
	box-shadow: 0 0 0.125rem 0 rgba(var(--rgbblack), 0.3);
	transition: background-color,background-size,box-shadow,border 0.35s ease;
}
.subkatbox:hover {
	border: 0.0625rem solid var(--borderitemlistover);
	box-shadow: 0 0 0.25rem 0 rgba(var(--rgbblack), 0.3);
}
.kataloglink {
	padding: 1.25rem 0 0.625rem 0;
	font-size: 0.75rem;
	font-weight: 400;
}
.katsubslst {
	padding: 1rem 0.625rem 1rem 0.625rem;
	overflow-x: auto;
	scrollbar-width: thin;
}
.katsubsbezbox {
	padding: 0.625rem 0.75rem;
	white-space: nowrap;
	background: var(--bgcontent);
	box-shadow: 0 0 0.125rem 0 rgba(var(--rgbblack), 0.3);
	transition: background-color,background-size,box-shadow 0.35s ease;
}
.filtercbbox {
	padding: 0.75rem 0 0 0;
}
.filtercbbox > div {
	min-width: 3.125rem;
	padding: 0.3125rem 0.625rem;
}
.filtercb:checked,.filtercb:not(:checked) {
	background: transparent;
	position: relative;
	opacity: 0;
	margin: 0;
	padding: 0;
	width: 1.875rem;
	height: 1.875rem;
}
.filtercbbez {
	width: 1.875rem;
	height: 0;
	overflow: hidden;
}
.filtercb:checked + .filtercbbez::before, .filtercb:not(:checked) + .filtercbbez::before {
	position: absolute;
	top: 0.3125rem;
	left: 0.625rem;
	width: 1.875rem;
	height: 1.875rem;
	margin: auto;
	content: "";
	border-radius: 50%;
	cursor: pointer;
}
.filtercb:checked + .fc-blau.filtercbbez::before, .filtercb:not(:checked) + .fc-blau.filtercbbez::before {
	background-color: var(--blau);
}
.filtercb:checked + .fc-bronze.filtercbbez::before, .filtercb:not(:checked) + .fc-bronze.filtercbbez::before {
	background: linear-gradient(145deg,#ceab00 0%,#ceab00 30%,#ffd402 50%,#ceab00 70%,#ceab00 100%);
}
.filtercb:checked + .fc-bunt.filtercbbez::before, .filtercb:not(:checked) + .fc-bunt.filtercbbez::before {
	background: linear-gradient(90deg,#3c8cff 0%,#d50000 20%,#ffff00 40%,#33cc00 60%,#ff8c23 80%,#6e2682 100%);
}
.filtercb:checked + .fc-gelb.filtercbbez::before, .filtercb:not(:checked) + .fc-gelb.filtercbbez::before {
	background-color: var(--gelb);
}
.filtercb:checked + .fc-gold.filtercbbez::before, .filtercb:not(:checked) + .fc-gold.filtercbbez::before {
	background: linear-gradient(145deg,#ffff00 0%,#ffff00 30%,#ffe990 50%,#ffff00 70%,#ffff00 100%);
}
.filtercb:checked + .fc-grau.filtercbbez::before, .filtercb:not(:checked) + .fc-grau.filtercbbez::before {
	background-color: var(--borderform);
}
.filtercb:checked + .fc-gruen.filtercbbez::before, .filtercb:not(:checked) + .fc-gruen.filtercbbez::before {
	background-color: var(--gruen);
}
.filtercb:checked + .fc-violett.filtercbbez::before, .filtercb:not(:checked) + .fc-violett.filtercbbez::before {
	background-color: var(--violett);
}
.filtercb:checked + .fc-orange.filtercbbez::before, .filtercb:not(:checked) + .fc-orange.filtercbbez::before {
	background-color: var(--orange);
}
.filtercb:checked + .fc-rosa.filtercbbez::before, .filtercb:not(:checked) + .fc-rosa.filtercbbez::before {
	background-color: var(--rosa);
}
.filtercb:checked + .fc-rot.filtercbbez::before, .filtercb:not(:checked) + .fc-rot.filtercbbez::before {
	background-color: var(--error);
}
.filtercb:checked + .fc-schwarz.filtercbbez::before, .filtercb:not(:checked) + .fc-schwarz.filtercbbez::before {
	background-color: var(--black);
}
.filtercb:checked + .fc-silber.filtercbbez::before, .filtercb:not(:checked) + .fc-silber.filtercbbez::before {
	background: linear-gradient(145deg,#eeeeee 0%,#eeeeee 30%,var(--borderform) 50%,#eeeeee 70%,#eeeeee 100%);
}
.filtercb:checked + .fc-weiss.filtercbbez::before, .filtercb:not(:checked) + .fc-weiss.filtercbbez::before {
	width: 1.75rem;
	height: 1.75rem;
	background-color: var(--white);
	border: 0.0625rem solid var(--txtmidgrey);
}
.filtercb:checked + .filtercbbez::after {
	position: absolute;
	top: 0.3125rem;
	left: 0.625rem;
	width: 1.875rem;
	height: 1.875rem;
	margin: auto;
	content: "";
	background-image: var(--checkmark-wht);
	background-position: center;
	background-repeat: no-repeat;
}
.filtercb:checked + .fc-weiss.filtercbbez::after,.filtercb:checked + .fc-gelb.filtercbbez::after,.filtercb:checked + .fc-silber.filtercbbez::after {
	background-image: var(--checkmark);
	background-position: center;
	background-repeat: no-repeat;
}
.filterbtncbborder {
	border-top: 0.0625rem solid var(--borderform);
}
.filterbtncbbox {
	width: calc(100% + 1.25rem);
	padding: 0.9375rem 0 0 0;
	margin: 0 0 0 -0.625rem;
}
.filterbtncbbox > div {
	width: 12.5%;
	min-width: 6.625rem;
	max-width: 8.75rem;
	height: 3.3125rem;
	padding: 0 0.625rem;
	white-space: nowrap;
}
.filterbtncb:checked,.filterbtncb:not(:checked) {
	background: transparent;
	opacity: 0;
	margin: 0;
	padding: 0;
	width: 0.0625rem;
	height: 0.0625rem;
}
.filterbtncb:checked + .filtercbbtn, .filterbtncb:not(:checked) + .filtercbbtn {
	display: block;
	width: 100%;
	margin: -1.25rem 0 0 0;
	padding: 0.0625rem 0.625rem 0 0.625rem;
	line-height: 2rem;
	text-align: center;
	border-radius: var(--radiussmall);
	cursor: pointer;
	color: var(--btnsubtxt);
	background-color: var(--btnsub);
	transition: all;
}
.filterbtncb:not(:checked):hover + .filtercbbtn {
	color: var(--btntxtover);
	background-color: var(--btnsubover);
}
.filterbtncb:checked + .filtercbbtn {
	color: var(--btntxtactive);
	background-color: var(--btnsubactive);
}
.filterbtncb:checked:hover + .filtercbbtn {
	color: var(--txtwhite);
	background-color: var(--error);
}
.homewarp,.crosswrap,.itemwarp,.galwrap,.suchwrap,.phgalwrap,
.lastwidth {
	width: calc(50% - 1.25rem);
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}
.itembox {
	padding: 0.625rem;
	background-color: var(--bgcontent);
	border: 0.0625rem solid var(--borderitemlist);
	border-radius: 0.375rem;
	box-shadow: 0 0 0.125rem 0 rgba(var(--rgbblack),var(--itemshadowoptical));
	transition: all 0.3s ease-in-out;
}
.itembox:hover {
	border: 0.0625rem solid var(--borderitemlistover);
	box-shadow: 0 0 0.25rem 0 rgba(var(--rgbblack),var(--itemshadowoptical));
}
.itemimgbox,.itemimgfit {
	position: relative;
	padding-top: 100%;
	width: 100%;
	border-radius: var(--radiussmall);
	overflow: hidden;
}
.itemimgbox img,.slitemimgbox img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	border-radius: var(--radiussmall);
	transition: all 0.3s ease-in-out;
}
.itemimgfit img,.slitemimg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
/*	object-fit: cover;
	object-position: center center;*/
	transition: all 0.3s ease-in-out;
}
.slitemimgbox .slitemimg {
	bottom: auto;
}
.itembox:hover .itemimgfit img,.katwarp:hover .slitemimg,.subkatbox:hover .itemimgbox img {
	transform: scale(1.06);
}
.itemspecials {
	top: 0;
	left: 0;
	font-weight: 500;
}
.itemspecials div {
	padding: 0.25rem 0.5rem 0.0625rem 0.5rem;
}
.itemstreichep {
	color: var(--black);
	background-color: var(--gelb);
}
.itemaktionsep {
	color: var(--txtwhite);
	background-color: var(--orange);
}
.itemrabatt {
	color: var(--black);
	background-color: var(--gruen);
}
.itemhot	 {
	color: var(--txtwhite);
	background-color: var(--rot);
}
.itemnew {
	color: var(--txtwhite);
	background-color: var(--blau);
}
.itembotbox {
	width: 100%;
	margin-top: auto;
}
.itemepbox {
	width: 100%;
	min-height: 3.75rem;
	padding: 0.5rem 0 0.25rem 0;
	margin-top: auto;
	text-align: center;
}
.lastbgbox {
	background-color: var(--bglast);
}
.lastbgbox .itembox {
	background-color: var(--itembglast);
}
.dbestand {
	font-size: 0.75rem;
}
img[src*="bestandverfuegbar.svg"] {
	content: var(--bestandverfuegbar);
}
img[src*="bestandgering.svg"] {
	content: var(--bestandgering);
}
img[src*="bestandkein.svg"] {
	content: var(--bestandkein);
}
img[src*="bestandanfragen.svg"] {
	content: var(--bestandnicht);
}
[data-theme="dark"] {
	& img[src*="bestandverfuegbar.svg"] {
	content: var(--bestandverfuegbar);
}
	& img[src*="bestandgering.svg"] {
	content: var(--bestandgering);
}
	& img[src*="bestandkein.svg"] {
	content: var(--bestandkein);
}
	& img[src*="bestandanfragen.svg"] {
	content: var(--bestandnicht);
}
}
.lstsort {
	width: auto;
	padding: 0.375rem 2.25rem 0.25rem 0.5rem;
	color: var(--txt);
	border: 0.0625rem solid var(--borderform);
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: var(--radiussmall);
	border-radius: var(--radiussmall);
	background-color: var(--bgform);
	background-image: var(--arrowselect);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
.btnpages,.btnpagesa,.pagesno {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 0.5rem 0.125rem 0 0.125rem;
	text-decoration: none;
	background-color: var(--btn);
	color: var(--btntxt);
	font-weight: 500;
	border-radius: var(--radiussmall);
	transition: all 0.3s ease;
	overflow: hidden;
}
.btnpages:hover {
	color: var(--btntxtover);
	background: var(--btnover);
	text-decoration: none;
}
.btnpages:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	text-decoration: none;
}
.btnpagesa,.pagesno {
	color: var(--btntxt);
	background-color: var(--btnsub);
}
.pagesno {
	width: 1.5rem;
	margin: 0.5rem 0 0 0;
	color: var(--txt);
	background-color: transparent;
}
.pagesteps,.pagesteps:hover,.pagesteps:active {
	background-repeat: no-repeat;
	background-position: center center;
}
.pagesteps:first-child {
	padding-left: 2.75rem;
	background-image: var(--pagesfirst-blk);
}
.pagesteps:first-child:hover,.pagesteps:first-child:active {
	padding-left: 2.75rem;
	background-image: var(--pagesfirst-blk);
}
.pagesteps:last-child {
	padding-left: 2.75rem;
	background-image: var(--pageslast-blk);
}
.pagesteps:last-child:hover,.pagesteps:last-child:active {
	padding-left: 2.75rem;
	background-image: var(--pageslast-blk);
}
.pagesteps:nth-child(2) {
	padding-left: 2.75rem;
	background-image: var(--pagesprev-blk);
}
.pagesteps:nth-child(2):hover,.pagesteps:nth-child(2):active {
	padding-left: 2.75rem;
	background-image: var(--pagesprev-blk);
}
.pagesteps:nth-last-child(2) {
	padding-left: 2.75rem;
	background-image: var(--pagesnext-blk);
}
.pagesteps:nth-last-child(2):hover,.pagesteps:nth-last-child(2):active {
	padding-left: 2.75rem;
	background-image: var(--pagesnext-blk);
}
ul.productkruemel {
	display: none;
}
ul.productkruemel:first-of-type {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#dherstellerimg {
	height: 2.5rem;
	width: auto;
	padding: 0.25rem;
	background-color: var(--white);
	border-radius: var(--radiussmall);
/*	filter: var(--imginvert);*/
}
.dcolleft,.dcolright,
.dcolleftbot,.dcolrightbot {
	width: 100%;
}
.dcolrightbot {
	display: block;
}
.dimgmain {
	display: inline-flex;
}
.dimg {
	float: none;
	clear: left;
	max-width: 100%;
	height: auto;
	max-height: 37.5rem;
}
.dimggalbox a {
	position: relative;
	width: calc(25% - 0.625rem);
	padding-top: calc(25% - 0.625rem);
	margin-top: 0.625rem;
}
.dimggal {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.fancybox-next span {
	background-image: var(--arrownextbtnblk) !important;
}
.fancybox-prev span {
	background-image: var(--arrowprev) !important;
}
.fancybox-next:hover span {
	background-image: var(--arrownextbtnblk) !important;
}
.fancybox-prev:hover span {
	background-image: var(--arrowprev) !important;
}
.fancybox-nav:hover span {
	background-color: var(--btnover);
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}
.fancybox-close {
	background-color: rgba(var(--rgbmain),0.75);
	background-image: var(--cancel) !important;
	background-size: 1.5rem 1.5rem;
	background-position: center !important;
	background-repeat: no-repeat;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}
.fancybox-close:hover {
	background-image: var(--cancel-over) !important;
	background-color: var(--btnover);
	background-size: 1.5rem 1.5rem;
	background-position: center !important;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.fancybox-overlay {
	background-color: rgba(var(--overlaysub),0.85) !important;
}
.dcolleft .itemspecials {
	top: 1.5rem;
	left: 0.625rem;
}
.dinfohead {
	width: 100%;
	border: none;
	background-color: transparent;
	text-align: left;
	transition: all 0.3s ease;
}
.dinfohead,.dinfohead svg path {
	color: var(--txt);
	fill: var(--txt);
	transition: all 0.3s ease;
}
.dinfohead:hover,.dinfohead:hover svg path {
	color: var(--high);
	fill: var(--high);
}
.dtoolbox {
	padding: 0.625rem 0 0.5rem 0;
	border-bottom: 0.0625rem solid var(--bordertop);
}
.dtoolactive {
	font-weight: 500;
	border-bottom: 0.0625rem solid var(--bordermid);
}
.dtoolicon {
	transition: transform 0.3s ease;
}
.dtoolactive .dtoolicon {
	transform: rotate(180deg);
}
.rowbgbox > *:nth-child(4n-1) {
	background-color: var(--lstrowsbg);
}
.rowbgbox > *:nth-child(4n) {
	background-color: var(--lstrowsbg);
}
.rowbgbox > * {
	padding: 0.25rem;
}
.dfrage svg path {
	fill: var(--links);
}
.dfrage:hover svg path {
	fill: var(--high);
}
.dfrage:active svg path {
	fill: var(--activ);
}
a.ddokuicon {
	padding: 0 0 0 1.5rem;
	background: var(--file-pdf-link) left top 0.125rem no-repeat;
}
a.ddokuicon:hover {
	padding: 0 0 0 1.5rem;
	background: var(--file-pdf-over) left top 0.125rem no-repeat;
}
a.ddokuicon:active {
	padding: 0 0 0 1.5rem;
	background: var(--file-pdf-activ) left top 0.125rem no-repeat;
}
a.btnpdf {
	padding-left: 2.75rem;
	background-image: var(--file-pdf-btn);
	background-position: left 1.25rem center;
	background-repeat: no-repeat;
}
a.btnpdf:hover,.btnpdf:active {
	background-image: var(--file-pdf-btn);
	background-position: left 1.25rem center;
	background-repeat: no-repeat;
}
.depbxs {
	padding: 0;
	vertical-align: baseline;
}
.dep {
	font-size: 1.5rem;
	vertical-align: baseline;
	color: var(--ep);
	font-weight: 400;
}
.dwaehr {
	padding: 0 0 0 0.1875rem;
	font-size: 1.0625rem;
	vertical-align: baseline;
	color: var(--ep);
}
.dmwstbox {
	font-size: 0.75rem;
	line-height: 1rem;
	vertical-align: baseline;
}
.dvarianten div select {
	margin: 0.25rem 0 1rem 0;
	padding: 0.75rem 0.1875rem 0.75rem 0.625rem;
}
.daddwkepbox {
	width: 100%;
}
#varwk form {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*
.ankztxterror {
	border-color: var(--error);
	background: var(--lockedbg);
}*/
.daddwkquant {
	margin: 0 20% 1rem 20%;
	width: 60%;
	height: 2.75rem;
	font-size: 1rem;
	line-height: 2.75rem;
	text-align: center;
	color: var(--txtform);
	font-weight: 400;
	background-color: var(--bgquant);
	border-left: none;
	border-right: none;
	border-top: 0.0625rem solid var(--btnquant);
	border-bottom: 0.0625rem solid var(--btnquant);
	padding: 0;
}
.daddwkquant:focus {
	color: var(--txtformfocus);
	background-color: var(--bgformfocus);
	border-top: 0.0625rem solid var(--btnquant);
	border-bottom: 0.0625rem solid var(--btnquant);
}
.daddwkbtn {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	padding: 0 0 0 1.25rem;
	height: 2.75rem;
	font-size: 0.875rem;
	line-height: 2.75rem;
	text-align: center;
	color: var(--btntxt);
	font-weight: 400;
	text-decoration: none;
	border: none;
	cursor: pointer;
	background-color: var(--btnaddwk);
	background-image: var(--add-wk);
	background-position: calc(50% - 4.375rem) center;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	transition: all 0.3s linear;
}
.daddwkbtn:hover {
	color: var(--btntxtover);
	background-color: var(--btnover);
	background-image: var(--add-wk);
	text-decoration: none;
}
.daddwkbtn:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	background-image: var(--add-wk);
	text-decoration: none;
}
.danfragebtn {
	background-image: var(--bubble-blk);
	background-position: calc(50% - 3.4375rem) center;
	background-repeat: no-repeat;
}
.danfragebtn:hover,.danfragebtn:active {
	background-image: var(--bubble-blk);
	background-position: calc(50% - 3.4375rem) center;
	background-repeat: no-repeat;
}
.danfragebtn:active {
	background-image: var(--bubble-blk);
	background-position: calc(50% - 3.4375rem) center;
	background-repeat: no-repeat;
}
#daddwkup,#daddwkdown {
	position: absolute;
	top: 0;
	width: 20%;
	height: 2rem;
	line-height: 2rem;
	color: var(--txt);
	background-color: var(--btnquant);
	cursor: pointer;
	transition: all 0.25s linear;
}
#daddwkup {
	left: 80%;
}
#daddwkdown {
	left: 0;
}
#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;
	transition: all 0.3s linear;
}
.btnwkup,.btnwkdown {
	position: absolute;
	bottom: 0;
	width: 20%;
	height: 2.75rem !important;
	line-height: 2.5rem;
	text-align: center;
	color: var(--txt);
	background-color: var(--btnquant);
	border: none;
	cursor: pointer;
	transition: all 0.3s linear;
}
.btnwkup {
	left: 80%;
	border-top-right-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
}
.btnwkdown {
	left: 0;
	border-top-left-radius: var(--radiussmall);
	border-bottom-left-radius: var(--radiussmall);
}
.btnmzpostop {
	top: 0;
}
#daddwkup:before,.btnwkup::before {
	border-width: 0 0.5rem 0.5rem 0.5rem;
	border-color: transparent transparent var(--txt) transparent;
}
#daddwkdown:before,.btnwkdown::before {
	border-width: 0.5rem 0.5rem 0 0.5rem;
	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: var(--btnactive);
}
#daddwkup:hover::before,.btnwkup:hover::before,#daddwkup:active::before,.btnwkup:active::before {
	border-color: transparent transparent var(--btntxtover) transparent;
}
#daddwkdown:hover::before,.btnwkdown:hover::before,#daddwkdown:active::before,.btnwkdown:active::before {
	border-color: var(--btntxtover) transparent transparent transparent;
}
#daddwk_LabelME {
	top: -6.3125rem;
	left: 0;
}
#daddwk_Unit {
	top: -4.875rem;
	left: 0;
	max-width: 12.5rem;
}
.meunitplace {
	padding: 5.5rem 0 0 0;
}
.dmzok {
	color: var(--activ);
	padding: 0 0 0 1.5rem;
	background: transparent var(--heart-ok) left center no-repeat;
	background-size: 1rem auto;
}
.btndmerk {
	color: var(--txt);
	background: transparent;
	border: none;
	padding: 0 0 0 1.5rem;
	background: transparent var(--heart-link) left center no-repeat;
	background-size: 1rem auto;
	cursor: pointer;
}
.btndmerk:hover,.dmzok:hover {
	color: var(--high);
	background: transparent var(--heart-over) left center no-repeat;
	background-size: 1rem auto;
}
.btndmerk:active,.dmzok:active {
	color: var(--activ);
	padding: 0 0 0 1.5rem;
	background: transparent var(--heart-ok) left center no-repeat;
	background-size: 1rem auto;
}
.dtxtboxes {
	margin: 3rem 1.25rem 0 1.25rem;
	border-top: 0.0625rem solid var(--bordernorm);
}
.dtxtboxhead {
	display: block;
	padding: 2rem 0 2rem 0;
	color: var(--txt);
	font-size: 1.5rem;
}
img[src*="/web/Img/star_grey.png"] {
	content: var(--starempty);
	width: 1.125rem;
	height: auto;
	vertical-align: text-bottom;
}
img[src*="/web/Img/star_yellow.png"] {
	content: var(--starfull);
	width: 1.125rem;
	height: auto;
	vertical-align: text-bottom;
}
.ratingsallbox {
	width: 100%;
	padding: 1.25rem;
	background-color: var(--contentsubbg);
}
.ratingsallstars img {
	width: 1.5rem;
}
.reviewlistbox	{
	width: 100%;
	margin-top: 1rem;
}
.reviewstopbox div {
	display: inline;
}
.reviewoverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(var(--overlaysub),0.75);
	z-index: 230;
}
.reviewblocker {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 231;
}
.reviewaddbox {
	width: calc(100% - 0.625rem);
	max-width: 50rem;
	max-height: 100vh;
	padding: 1.25rem;
	background-color: var(--bgmain);
	border-radius: 0.625rem;
	overflow: auto;
	box-shadow: 0 1.125rem 0.875rem -0.5rem rgba(var(--rgbblack),0.05),
		0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1),
		-0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1);
	z-index: 232;
}
.reviewaddcancel{
	width: 3.125rem;
	background-color: transparent;
	border: none;
}
.reviewaddcancel:focus {
	background-color: var(--btnactive);
	outline: none;
}
.reviewaddcancel:focus svg path {
	fill: var(--btntxt);
}
.reviewaddcancel:hover,.reviewaddcancel:active {
	background-color: transparent;
}
.reviewaddcancel svg {
	width: 2.25rem;
	height: auto;
	transition: all 0.4s ease-in-out;
}
.reviewaddcancel:hover svg {
	transform: rotate(90deg);
}
.reviewaddcancel svg path {
	fill: var(--txt);
}
.reviewaddcancel:hover svg path {
	fill: var(--high);
}
.reviewaddcancel:active svg path {
	fill: var(--activ);
}
.reviewaddstars {
	width: 1.5rem !important;
	margin: 0.375rem;
}
.reviewnormalize,.reviewnormalize span {
	padding: 0 !important;
	text-align: left !important;
}
.cartbox {
	max-width: 1060px;
}
.direktbox {
	max-width: 30rem;
	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: 2rem;
	padding: 0.375rem 0 0.375rem 17%;
	overflow: hidden;
	background-color: var(--btnaddwk);
	background-image: var(--add-wk);
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	background-position: center center;
}
.freeshipbox {
	color: var(--txtblack);
	background-color: var(--shipnofree);
	border: 0.0625rem solid var(--borderfreeship);
}
.freeshipttxt {
	padding: 0.5rem;
	z-index: 4;
}
.freeshiptogo {
	top: 0;
	left: 0;
	height: 100%;
	background-color: var(--shipfree);
	z-index: 2;
}
.freeshipok {
	padding: 0.5rem;
	color: var(--txtblack);
	background-color: var(--shipfree);
	border: 0.0625rem solid var(--borderfreeship);
}
.orderborder {
	padding: 0.75rem 0 0.75rem 0;
	border-bottom: 0.1875rem double var(--bordermid);
}
#wkposliste {
	padding: 1.5rem 0 0 0;
	border-top: 0.0625rem solid var(--borderform);
}
#wkposwarp form {
	width: 100%;
}
.wklockedbg {
	background-color: var(--lockedbg);
}
.wkpboxes {
	padding: 0.75rem 0;
	border-bottom: 0.0625rem solid var(--borderform);
}
.wkpboxes .errorall {
	margin-bottom: 0.5rem;
}
.kasposborder {
	padding: 0 0 1rem 0;
	margin-bottom: 1rem;
	border-bottom: 0.0625rem solid var(--borderform);
}
.wkpimg {
	flex: 1 1 20%;
	max-width: 4.375rem;
}
.wkposbezb {
	flex: 1 1 80%;
	padding-left: 0.5rem;
}
.kaspimg {
	width: 20%;
}
.kasposbezb {
	width: 80%;
	padding: 0 0 0 0.5rem;
}
.wkpbez,.wkpep,.wkpgp,.kaspgp {
	width: 100%;
}
.wkpmenge {
	width: 12.5rem;
}
.wkpmenge .btnwkmenge {
	width: 30%;
}
.wkpmenge .btnwkup {
	left: 70%;
}
.wkpmenge label div {
	line-height: 1.25rem;
}
.wkkasbez {
	font-size: 1rem;
}
.mt0l24m {
	white-space: nowrap;
}
.wkpdatabez {
	display: inline-block;
	width: 4.375rem;
}
.wkpdata {
	display: inline-block;
	width: calc(100% - 4.375rem);
}
.wkpdel {
	text-align: left;
}
.wkdel {
	color: var(--txt);
	background: var(--wk-item-delete) left center no-repeat;
	background-size: 0.875rem 0.875rem;
	padding: 0 0 0 1.25rem;
}
.wkdel:hover {
	color: var(--error);
	background: var(--wk-item-delete-over) left center no-repeat;
	background-size: 0.875rem 0.875rem;
	padding: 0 0 0 1.25rem;
}
.wkdel:active {
	color: var(--ok);
	background: var(--wk-item-delete-active) left center no-repeat;
	background-size: 0.875rem 0.875rem;
	padding: 0 0 0 1.25rem;
}
.posimg {
	max-width: 100%;
	height: auto;
	max-height: 6.25rem;
}
.wkqw {
	width: calc(100% - 3.375rem);
	position: relative;
}
.wkqw .daddwkquant {
	width: 40%;
	margin: 0 30%;
}
.wkrefrbox {
	width: 2.75rem;
	margin: 1.25rem 0 0 0.625rem;
}
.btnrefresh {
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: var(--radiussmall);
	width: 100%;
	height: 2.75rem !important;
	line-height: 2.75rem;
	font-size: 0.875rem;
	padding: 0 0 0 100%;
	border: none;
	color: var(--btntxt);
	cursor: pointer;
	background: var(--btnsub) var(--refresh-wk) center center no-repeat;
	background-size: 1rem 1rem;
	border-radius: var(--radiussmall);
	overflow: hidden;
	transition: all 0.3s linear;
}
.btnrefresh.mustrefresh {
	background-color: var(--btnbgrefresh);
}
.btnrefresh:hover {
	color: var(--btntxtover);
	background: var(--btnsubover) var(--refresh-wk) center center no-repeat;
	background-size: 1rem 1rem;
}
.btnrefresh:active {
	color: var(--btntxtactive);
	background: var(--btnsubactive) var(--refresh-wk) center center no-repeat;
	background-size: 1rem 1rem;
}
.totalbezbox {
	width: 60%;
}
.totalpreisbox {
	width: 40%;
}
.ordmid {
	font-size: 0.875rem;
}
.ordbig {
	font-size: 1.25rem;
	font-weight: 500;
}
.btnrefreshbig {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background: var(--btnsub) var(--refresh-wk) center left 0.75rem no-repeat;
	background-size: 1rem 1rem;
}
.btnrefreshbig:hover {
	background: var(--btnsubover) var(--refresh-wk) center left 0.75rem no-repeat;
	background-size: 1rem 1rem;
}
.btnrefreshbig:active {
	background: var(--btnsubactive) var(--refresh-wk) center left 0.75rem no-repeat;
	background-size: 1rem 1rem;
}
.orderbr33 {
	flex: 0 0 100%;
}
.kasheadbox h2,.kasheadbox div {
	min-width: 45%;
}
.kasheadbox a,.kasheadbox a svg path,#kaswklink svg path,.orderinfobtn,.orderinfobtn svg path {
	color: var(--links);
	fill: var(--links);
}
.kasheadbox a:hover,.kasheadbox a:hover svg path,#kaswklink:hover svg path,.orderinfobtn:hover,.orderinfobtn:hover svg path {
	color: var(--high);
	fill: var(--high);
}
.kasheadbox a:active,.kasheadbox a:active svg path,#kaswklink:active svg path,.orderinfobtn:active,.orderinfobtn:active svg path {
	color: var(--activ);
	fill: var(--activ);
}
.regheadlink svg,.kasheadbox svg {
	vertical-align: middle;
}
.auswheadbox {
	border-bottom: 0.0625rem solid var(--borderform);
	margin: 0 0 0.625rem 0;
}
.auswahlbox {
	padding: 0.375rem 0 0.375rem 0;
}
.txtuncheck,.txtcheck {
	position: relative;
	padding: 0 0 0 1.6875rem;
	cursor: pointer;
}
.adrswitch {
	padding: 0 0 0 1.5rem;
}
.txtcheck::before,.txtuncheck::before {
	position: absolute;
	top: 0.1875rem;
	left: 0;
}
.txtuncheck::before {
	content: var(--cb-unchecked);
}
.txtcheck::before {
	content: var(--cb-checked-activ);
}
.auswahlbox label {
	display: flex;
}
.paybez {
	padding: 0 0 0 0.5rem;
	font-size: 1rem;
	cursor: pointer;
}
.paybes {
	padding: 0.25rem 0 0 2rem;
}
.payradio:checked + .paybez,.txtcheck {
	color: var(--activ);
	font-weight: 600;
}
.txtcheck.adrswitch {
	font-weight: 300;
}
.shippingbtn {
	margin: 0 0 0 0;
	color: var(--txt);
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.auswahlbox label:hover,.shippingbtn:hover .shippingtxt {
	color: var(--high);
}
.shippingtxt {
	font-size: 1rem;
}
.shippingtxt::before {
	display: inherit;
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.5rem;
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	border-radius: var(--radiussmall);
}
.shippingtxtactive {
	font-size: 1rem;
	font-weight: 600;
	color: var(--activ);
}
.shippingtxtactive::before {
	display: inherit;
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.5rem;
	background-color: var(--activ);
	background-image: var(--checkmark-wht);
	background-repeat: no-repeat;
	background-position: center;
	border: 0.0625rem solid var(--activ);
	border-radius: var(--radiussmall);
}
.adrswitch:before {
	top: 0.25rem;
}
.kastxtfull {
	height: 4rem;
}
.kastxtfocus:focus-within .kastxtfull {
	height: 12rem;
	z-index: 2;
}
.agbbez {
	padding: 0 0 0 0.5rem;
	cursor: pointer;
}
.agbbez a {
	color: var(--txt);
	text-decoration: underline;
}
.agbbez a:hover {
	color: var(--high);
	text-decoration: none;
}
.agbbez a:active {
	color: var(--activ);
}
.kasagbbg {
	padding: 1rem;
	background-color: rgba(var(--rgberror),0.03);
	border: 0.0625rem solid var(--error);
	transition: background-color,border 0.3s ease-in-out;
}
.kasagbok {
	padding: 1rem;
	background-color: rgba(var(--rgbok),0.03);
	border: 0.0625rem solid var(--ok);
}
#wkbottomwarp {
	padding: 2rem 0.625rem 3rem 0.625rem;
}
#wkbottom {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 2.75rem;
}
#kasagbbox,#kasbestellenbox {
	width: 100%;
}
#kasbestellenbox {
	margin-top: 1rem;
}
.btnbestellen {
	width: 100%;
	color: var(--btntxt);
	background-color: var(--bggruen);
	background-image: var(--arrownextbtnblk);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
}
.btnbestellen:hover {
	background-image: var(--arrownextbtnblk);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
}
#btnpppblocker {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 0.625rem;
	background-color: var(--black);
	z-index: 301;
	color: var(--txtwhite);
	text-align: center;
	border-radius: var(--radiussmall);
}
#agbchecknot {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--error);
	z-index: 300;
	color: var(--txtwhite);
	text-align: center;
	border-radius: var(--radiussmall);
	transition: none;
}
.btnkasorduser {
	line-height: 1.6;
	color: var(--btnsubtxt);
	margin: 0.75rem auto 0 auto;
}
.kasordbtnmuss {
	color: var(--txtwhite);
	background-color: var(--black);
}
.btnkasorduser:hover {
	color: var(--btntxt);
	background-color: var(--btnsubover);
}
.btnkasorduser:active {
	color: var(--btntxt);
	background-color: var(--btnsubactive);
}
#kasform .btnsublink {
	display: inline-block;
	width: 50%;
	padding: 0;
	font-weight: 400;
}
.kascheckerror {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 9.5rem;
	background-color: var(--bgmain);
	z-index: 6;
}
.kascheckerror .txtred {
	min-width: 12.5rem;
	max-width: calc(100% - 10.375rem);
}
.kascheckerror .btnlink {
	min-width: 9.375rem;
}
#PayPalSmart {
	padding: 0.625rem;
	background-color: var(--white);
}
.mzpimg {
	flex: 1 1 30%;
	max-width: 4.375rem;
}
.mzpimg img {
	max-height: 6.25rem;
}
.mztxtbox {
	flex: 1 1 70%;
	padding: 0 0 0 0.5rem;
}
.mzpbezb {
	width: 100%;
}
.mzepbox {
	width: 160px;
}
.mzadd {
	width: 200px;
}
.mzadd .btnwkup {
	left: 50% !important;
}
.anmboxs {
	flex: 1 1 100%;
	max-width: 22.5rem;
}
.plz {
	padding-right: 1rem;
}
.regswitchright {
	height: 3.6875rem;
}
.formrow {
	max-width: 37.5rem;
	margin: 0 auto;
}
.formrow form,.formrowfull form {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	order: 2;
}
.formrow .ipfull {
	width: 60%;
	min-width: 15rem;
	padding: 0.3125rem 0.1875rem 0.3125rem 0.625rem;
	line-height: 2rem;
}
.formrow .btnformfull {
	width: calc(40% - 1rem);
	min-width: 10rem;
	padding: 0.375rem 0;
}
.formrow .errorall,.formrowfull .errorall {
	order: 1;
}
.kontowrapper {
	flex-direction: column;
}
.kontomenubox {
	position: fixed;
	top: 0;
	left: -25rem;
	height: 100vh;
	width: 100%;
	max-width: 20rem;
	overflow: auto;
	background-color: var(--bgdropbox);
	z-index: 303;
	box-shadow: 0 1.125rem 0.875rem -0.5rem rgba(var(--rgbblack),0.05),0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1),-0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1);
}
.kontooverlay {
	z-index: 302;
}
.kontobtn {
	padding: 0.75rem;
	color: var(--links);
	background-color: transparent;
	border: none;
}
.kontobtn:hover {
	color: var(--high);
}
.kontobtn:active {
	color: var(--activ);
}
.kontobtn .hhlines,.kontobtn .hhlines::before,.kontobtn .hhlines::after {
	background-color: var(--links);
}
.kontobtn:hover .hhlines,.kontobtn:hover .hhlines::before,.kontobtn:hover .hhlines::after {
	background-color: var(--high);
}
.kontobtn:active .hhlines,.kontobtn:active .hhlines::before,.kontobtn:active .hhlines::after {
	background-color: var(--activ);
}
.kontomenuhead {
	margin: 1.25rem 1.25rem 0 1.25rem;
}
.kontomenu {
	flex-direction: column;
	margin-left: 1.25rem;
	margin-right: 0.1875rem;
}
.kontomenu a,.kontomenu > div {
	width: 100%;
}
.bloglink {
	width: calc(50% - 1.25rem);
}
.aktbgbox {
	background: var(--bgcontent);
	padding: 1rem 1rem 2rem 1rem;
	border-radius: 0.375rem;
	box-shadow: 0 0 0.125rem 0 rgba(var(--rgbblack), 0.3);
}
.aktbgbox:hover {
	box-shadow: 0 0 0.25rem 0 rgba(var(--rgbblack), 0.3);
}
.aktimgfit {
	padding-top: 34%;
	width: 100%;
	background-color: var(--bgformlight);
	overflow: hidden;
}
.aktbgbox:hover .aktimgfit img {
	width: 106%;
	height: 106%;
	transform: scale(1.06);
}
.aktimgfit svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: auto;
	width: 44%;
	height: 88%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.3s ease-in-out;
}
.aktimgfit svg path {
	fill: var(--noimagefill);
}
.aktbgbox:hover .aktimgfit svg {
	width: 50%;
	height: 94%;
	transform: scale(1.06);
}
.aktlinkbox {
	left: 0;
	bottom: 1rem;
}
.ansprechwidth {
	width: 100%;
}
.ansprechwidth img {
	right: auto;
}
.downloads a {
	display: inline-block;
	min-height: 1.25rem;
}
.downloads a[href$='.pdf'] {
	background-image: var(--file-pdf-link);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	padding-left: 1.75rem;
}
.downloads a[href$='.pdf']:hover {
	background-image: var(--file-pdf-over);
}
.downloads a[href$='.pdf']:active {
	background-image: var(--file-pdf-activ);
}
.downloads a[href$='.zip'] {
	background-image: var(--cloud-download-link);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	padding-left: 1.75rem;
}
.downloads a[href$='.zip']:hover {
	background-image: var(--cloud-download-over);
}
.downloads a[href$='.zip']:active {
	background-image: var(--cloud-download-active);
}
.brhaendler {
	width: 100%;
}
.haendlerimgbox {
	width: 6.875rem;
}
.haendlertxtbox {
	width: calc(100% - 6.875rem);
}
.haendlerimg {
	max-width: 6.875rem;
	max-height: 6.875rem;
}
.plsl {
	padding-left: 1rem;
}
.lstrows > div,.lstrows > a {
	padding: 0.5rem 0.625rem;
}
.lstrows > div:nth-child(even),.lstrows > a:nth-child(4n) {
	background-color: var(--lstrowsbg);
}
.lstrows > a {
	transition: all 0.3s ease-in-out;
}
.lstrows > a:hover {
	color: var(--txtwhite);
	background-color: var(--lstrowsbgover);
}
.lstrows > a:active {
	color: var(--black);
	background-color: var(--activ);
}
.lstrowshover > div:hover {
	color: var(--txtwhite);
	background-color: var(--lstrowsbgover);
}
.lstheadbox {
	padding: 0 0.625rem 0 0.625rem;
}
.lstcols {
	width: 100%;
	padding: 0 0.5rem;
}
.lstcols5,
.lstcols10,
.lstcols12,
.lstcols15,
.lstcols20,
.lstcols25,
.lstcols30,
.lstcols33,
.lstcols40,
.lstcols50,
.lstcols60 {
	width: 100%;
}
.lstcols65 {
	width: 65%;
}
.lstcols35-s {
	width: 35%;
}
.lstheadbox .lstcols50,.lstheadbox .lstcols10 {
	width: 50%;
}
.lstrows .itemimgbox {
	width: 5rem;
	min-width: 5rem;
	padding-top: 5rem;
	margin-right: 0.75rem;
}
.lstrows .itemimgbox img {
	top: 0;
}
.lstrows form {
	position: relative;
}
.lstrows .daddwkbtn {
	max-width: 11.875rem;
	margin-left: calc(100% - 11.875rem);
	background-position: calc(50% - 4.375rem) center;
}
.lstrows #daddwkup,.lstrows #daddwkdown {
	width: 15%;
}
.lstrows #daddwkup {
	left: 30%;
}
.lieferkosten.dvarianten select {
	width: 100%;
}
.lieferkosten.dvarianten form {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ptfull h1 {
	margin: 1rem 0 1.5rem 0;
	font-family: inherit !important;
	color: var(--txt) !important;
/*	text-align: left;*/
	border: none;
}

.ptfull h2,.ptfull h3,.ptfull h4,.ptfull h5,.ptfull h6 {
	margin: 1rem 0 1rem 0;
	font-family: inherit !important;
	color: var(--txt) !important;
/*	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: inherit !important;
	font-size: inherit !important;
	color: var(--txt) !important;
}
.pttxt a,.pttxt a div,.pttxt a span,
.ptfull a,
.ptfull a div, 
.ptfull a span {
	color: var(--links) !important;
	text-decoration: none !important;
}
.pttxt a:hover,.pttxt a:hover span,
.ptfull a:hover,.ptfull a:hover span {
	color: var(--high) !important;
	text-decoration: none !important;
}
.pttxt a:active,.pttxt a:active span,
.ptfull a:active,.ptfull a:active span {
	color: var(--activ) !important;
	text-decoration: none !important;
}
.pttxt a.deco,.pttxt a.deco div,.pttxt a.deco span,
.ptfull a.deco,
.ptfull a.deco div, 
.ptfull a.deco span {
	text-decoration: underline !important;
}
.pttxt a.deco:hover,.pttxt a.deco:hover span,
.ptfull a.deco:hover,.ptfull a.deco:hover span {
	text-decoration: none !important;
}
.pttxt a.deco:active,.pttxt a.deco:active span,
.ptfull a.deco:active,.ptfull a.deco:active span {
	text-decoration: underline !important;
}
.ptfull p,.pttxt p {
	padding: 0.5rem 0;
}
.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.75rem !important;
}
.ptfull img,.pttxt img {
	max-width: 100%;
	height: auto;
	padding: 0.75rem 0 0.75rem 0;
}
.ptfull svg,.txticon {
	display: inline-block;
	max-height: 0.875rem;
	width: auto;
	padding: 0;
	vertical-align: baseline;
}
svg.txticon path {
	fill: var(--txt);
}
ul.agblst {
	list-style: none;
	padding-left: 0;
}
.fullwidthimg,.fullimg {
	max-width: 100%;
	height: auto;
}
.bild400 {
	width: 100%;
	max-width: 25rem;
	height: auto;
	margin: 0 auto;
}
.bild600 {
	width: 100%;
	max-width: 37.5rem;
	height: auto;
	margin: 0 auto;
}
.bild800 {
	width: 100%;
	max-width: 50rem;
	height: auto;
	margin: 0 auto;
}
.halfimgbox {
	padding: 50% 0 0 0;
}
.fourtable table {
	width: 100%;
	border-collapse: collapse;
}
.fourtable table tr:first-child td {
	border-bottom: 0.0625rem solid var(--bordermid);
}
.fourtable table tr:nth-child(odd) td {
	background-color: var(--bordernorm);
}
.fourtable table tr td {
	padding: 0.25rem 0.25rem 0.25rem 0.25rem;
	vertical-align: middle;
	text-align: center;
	border-right: 0.125rem solid var(--white);
}
.fourtable table tr td:first-child {
	width: 25%;
	padding: 0.5rem 0.5rem 0.5rem 0.25rem;
	border-right: 0.125rem solid var(--white);
	text-align: left;
}
.fourtable table tr td:last-child {
	border-right: none;
}
.fourtable table tr:last-child td:first-child {
	text-align: center;
}
footer {
	background-color: var(--bgfooter);
}
.footnewlwarp {
	background-color: var(--footbgone);
	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(--bgformlight);
	border-top: 0.0625rem solid var(--bgformlight);
	border-left: 0.0625rem solid var(--bgformlight);
	border-bottom: 0.0625rem solid var(--bgformlight);
	border-top-left-radius: var(--radiussmall);
	border-bottom-left-radius: var(--radiussmall);
	vertical-align: middle;
}
.fnewlsbtn {
	height: 2.75rem;
	width: 2.75rem;
	min-width: auto;
	background-color: var(--btn);
	border-top-right-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
}
.fnewlsbtn svg {
	width: 1.5rem;
	height: auto;
}
.fnewlsbtn svg path {
	fill: var(--btntxt);
}
.footwarp {
	background-color: var(--footbgtwo);
	color: var(--foottxt);
}
.footwarp a {
	color: var(--foottxt);
	text-decoration: none;
}
.footwarp a:hover {
	color: var(--high);
	text-decoration: none;
}
.footwarp a:active {
	color: var(--activ);
	text-decoration: none;
}
.footwarp a.newtab,.footwarp a[target="_blank"] {
	background-image: var(--new-tab-footer);
}
.footwarp a:hover.newtab,.footwarp a:hover[target="_blank"] {
	background-image: var(--new-tab-over);
}
.footwarp a:active.newtab,.footwarp a:active[target="_blank"] {
	background-image: var(--new-tab-activ);
}
.footcols {
	flex: 1 1 100%;
	min-width: 10rem;
	padding: 0.625rem;
}
.footcols li,.footcols a {
	padding: 0.25rem 0 0.25rem 0;
}
.footcols a svg path {
	fill: var(--foottxt);
}
.footcols a:hover svg path {
	fill: var(--high);
}
.footcols a:active svg path {
	fill: var(--activ);
}
.footcols a.newtab {
	padding-right: 1.25rem;
}
.footcols .kasheadbox {
	padding: 1rem 0 0.25rem 0;
	margin: 0 0 1rem 0;
	border-bottom: 0.0625rem solid var(--footbordertwo);
}
.footend {
	background-color: var(--footbgthree);
}
.gotop {
	position: fixed;
	right: 0.5rem;
	bottom: -3.125rem;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: var(--radiussmall);
	z-index: 20000;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.gotopshow {
	bottom: 0.5rem;
	visibility: visible;
	opacity: 1;
}
.gotop a {
	border-radius: var(--radiussmall);
}
.gotop div {
	height: 100%;
	background-color: var(--btn);
	border-radius: var(--radiussmall);
	box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(var(--rgbblack),0.2);
}
.gotop svg {
	width: 2rem;
	height: auto;
}
.gotop svg path {
	fill: var(--btntxt);
}
.gotop:hover div {
	background-color: var(--btnover);
}
.gotop:active div {
	background-color: var(--btnactive);
}
.syspara {
	position: fixed;
	top: 0;
	left: 0;
	color: var(--txt);
	z-index: 222220;
}
.syscontent,.sysswitch {
	background-color: var(--sysbg);
}
.syscontent {
	width: 7.5rem;
	padding: 0.25rem 0.5rem;
	margin-left: -7.5rem;
	border-bottom-right-radius: var(--radiussmall);
}
.sysboxopen .syscontent {
	box-shadow: 0 1.125rem 0.875rem -0.5rem rgba(var(--rgbblack),0.05),0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1),-0.875rem 0.5rem 0.875rem -0.25rem rgba(var(--rgbblack),0.1);
}
.sysswitch {
	top: 0;
	left: -0.0625rem;
	padding: 0.5rem 0.5rem;
	border-left: 0.0625rem solid var(--bordermid);
	border-top-right-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
	cursor: pointer;
	transition: background-color 0.3s ease;
	box-shadow: 0 10.5rem 0.9375rem -0.5rem rgba(var(--rgbblack),0.1), 0.9375rem 0.5rem 0.9375rem -0.25rem rgba(var(--rgbblack),0.1);
}
.sysswitch:hover {
	background-color: var(--activ);
}
.sysswitch svg path {
	fill: var(--hfill);
}
.sysswitch:hover svg path {
	fill: var(--bgheader);
}
.sysboxopen .sysswitch:hover {
	background-color: var(--rot);
}
.syspara .btnsublink {
	padding: 0.25rem 0.625rem;
	line-height: 1.2;
}
.syshomelink {
	bottom: 3.5rem;
	background-color: var(--orange);
}
.trackwrapper {
	min-height: 22.5rem;
	background-color: var(--contentsubbg);
}
.trackbox {
	max-width: 40rem;
}
.minsbox {
	min-width: 18.75rem;
}
.consentfix {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 28.75rem;
	max-height: 100vh;
	margin: auto;
	background-color: var(--white);
	-webkit-box-shadow: 0 0 0.625rem 0.1875rem rgba(var(--rgbblack),0.4);
	box-shadow: 0 0 0.625rem 0.1875rem rgba(var(--rgbblack),0.4);
	z-index: 30000;
	overflow: auto;
	border-bottom-left-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
}
.consentfix .clogobox {
	height: 6.25rem;
}
.consentfix .clogobox img {
	max-height: 100%;
	max-width: 100%;
}
.btnconsent {
	min-width: 9.375rem;
	margin: 0.375rem 5%;
}
.forder1 {
	order: 1;
}
.forder2 {
	order: 2;
}
#consentcmd .btnlink {
	color: var(--txtwhite);
	background-color: var(--btn);
	letter-spacing: 0.0625rem;
}
#consentcmd .btnlink:hover {
	color: var(--txtwhite);
	background-color: var(--btnover);
	text-decoration: none;
}
#consentcmd .btnlink:active {
	color: var(--txtwhite);
	background-color: var(--btnactive);
	text-decoration: none;
}
.trackptopen,.loginptopen {
	cursor: pointer;
	white-space: nowrap;
	color: var(--link);
}
.trackptopen:hover,.loginptopen:hover {
	color: var(--high);
}
.trackptopen:active,.loginptopen:active {
	color: var(--activ);
}
.consentfix .topline {
	border-top: 0.0625rem solid var(--borderform);
}
.contsentptbox {
	color: var(--txtmidgrey);
}
.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(--borderform);
}
.trackclose,.loginclose {
	padding: 0.25rem 0.75rem;
	line-height: 1.4;
	font-size: 0.8125rem !important;
	font-weight: 400;
	color: var(--txtdarkgrey);
	background-color: var(--bordertop);
}
.topclose {
	margin-bottom: -3.125rem;
}
.blocker {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	background-color: rgba(var(--rgbmain),0.5);
	z-index: 30000;
}
.cookiewrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: var(--bgcontent);
	-webkit-box-shadow: 0 0 0.625rem 0.1875rem rgba(var(--rgbblack),0.4);
	box-shadow: 0 0 0.625rem 0.1875rem rgba(var(--rgbblack),0.4);
	z-index: 30000;
}
.cookiebg {
	background-color: rgba(var(--rgbmain),0.075);
}
.cookiebg .btnlink {
	min-width: 0;
	width: 2.875rem;
	padding: 0.375rem 0;
}
.refresh {
	height: 1.5rem;
	width: 18.75rem;
	background-color: #ffffff;
	outline: 0.0625rem solid #666666;
}
.refresh::after {
	display: block;
	content: "";
	height: 100%;
	width: 0.0625rem;
	background-color: rgba(var(--rgbmain),1);
	transform-origin: left;
	-webkit-animation: refreshwidth 10s;
	animation: refreshwidth 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes refreshwidth {
	0% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
	100% {
	-webkit-transform: scale3d(300,1,1);
	transform: scale3d(300,1,1);
}
}
@media screen and (min-width: 400px) {
.flexdxs {
	display: -webkit-flex;
	display: flex;
}
.prileftbox {
	display: block;
}
.logobox {
	width: calc(100% - 16.875rem);
}
.navsuche {
	margin-left: 2.8125rem;
}
.suchbox {
	left: -6.25rem;
}
.listitems {
	flex: 1 1 45%;
	max-width: 50%;
}
.listitems:nth-child(2n+1) {
	border-right: 0.0625rem solid var(--borderitemlist);
}
.ansprechwidth {
	width: 50%;
}
.direktbtn {
	padding: 0.375rem 0 0.375rem 17.5%;
}
.wkpep {
	width: calc(100% - 12.5rem);
}
}
@media screen and (min-width: 450px) {
.brandlogo img {
	max-width: 10.625rem;
}
.dcolleft {
	width: 40%;
}
.dcolright {
	width: 60%;
}
.dimggalbox a {
	width: calc(50% - 0.625rem);
	padding-top: calc(50% - 0.625rem);
}
}
@media screen and (min-width: 500px) {
.katwarp,.lastwidth {
	width: calc(33.33% - 1.25rem);
}
.kataloglink {
	font-size: 0.8125rem;
}
.orderbr33 {
	flex: 1 0 40%;
}
.footcols {
	flex: 1 1 48%;
}
.ratingsallbox {
	width: 13.125rem;
	margin-right: 1.25rem;
}
.reviewlistbox	{
	width: calc(100% - 14.375rem);
	margin-top: 0;
}
}
@media screen and (min-width: 540px) {
.wkpep,.wkpgp {
	width: 7.5rem;
}
}
@media screen and (min-width: 600px) {
.brc50,.brl33 {
	width: 50%;
}
.logobox {
	width: calc(100% - 22.5rem);
}
.navsuche {
	margin-left: 2.8125rem;
	margin-right: 2.8125rem;
}
.navdummy {
	display: block;
}
.flexds {
	display: -webkit-flex;
	display: flex;
}
.itemwarp,.galwrap,.suchwrap,.phgalwrap,.homewarp {
	width: calc(33.33% - 1.25rem);
}
.lastwidth {
	width: calc(25% - 1.25rem);
}
.dimggalbox a {
	width: calc(33.333% - 0.625rem);
	padding-top: calc(33.333% - 0.625rem);
}
.dcolrightbot > div {
	width: 50%;
}
.daddwkquant {
	margin: 0 2.5rem 1rem 2.5rem;
	width: 20%;
}
.daddwkbtn {
	float: right;
	width: calc((100% - 20%) - 5.5rem);
	margin: 0 0 1rem 0;
}
.danfragebtn {
	width: 100%;
}
#daddwkup,#daddwkdown {
	width: 2.5rem;
}
#daddwkup {
	left: calc(20% + 2.5rem);
}
#daddwkdown {
	left: 0;
}
.mt0l24m {
	margin-left: 1.5rem;
}
.kaspimg {
	width: 6.25rem;
}
.kasposbezb {
	width: calc(80% - 6.25rem);
}
#wkbottomwarp {
	padding: 2rem 0.625rem 0 0.625rem;
}
.kaspgp {
	width: 20%;
}
#wkbottom {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#kasagbbox,#kasbestellenbox {
	width: auto;
}
#kasbestellenbox {
	margin-top: 0;
}
.btnbestellen {
	max-width: 15rem;
	min-width: 12.5rem;
}
#wkbottom {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
a.printer {
	padding: 0 0 0 1.5rem;
	background-image: var(--printer);
	background-position: left center;
	background-repeat: no-repeat;
}
a.printer:hover {
	background-image: var(--printer-over);
	background-position: left center;
	background-repeat: no-repeat;
}
a.printer:active {
	background-image: var(--printer-activ);
	background-position: left center;
	background-repeat: no-repeat;
}
.mzpimg {
	max-width: 6.25rem;
}
.ansprechwidth {
	width: 33.33%;
}
.brhaendler {
	width: 50%;
}
.lieferkosten.dvarianten select {
	width: 48%;
}
.offerhides {
	display: block;
}
.offerviews {
	display: none;
}
.offer25 {
	width: 25%;
	text-align: right;
}
.offer50 {
	width: 50%;
	padding: 0;
}
.lstcols {
	width: 25%;
}
}
@media screen and (min-width: 750px) {
.brl50 {
	width: 50%;
	margin: 0 auto;
}
.brc33 {
	width: 33.33%;
}
.br3-1 {
	width: 35%;
}
.br3-2 {
	width: 65%;
}
.order1,.order1m,.order2 {
	order: unset;
}
.order3 {
	order: 4;
}
.hhview {
	order: 2;
}
.logobox.order2 {
	order: 1;
}
.logobox {
	width: 8.4375rem;
	text-align: left;
}
.hsmallboxes {
	z-index: 201;
}
.navsuche {
	order: 3;
	flex: 1 1 60%;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}
.navsuche .priarrow, .navsuchbox {
	display: none;
}
.suchbox {
	display: block !important;
	position: static;
	width: 80%;
	max-width: 20rem;
	padding: 0 0 1rem 0;
	background-color: transparent;
	border-top: 0 none;
	box-shadow: none;
}
#slbox {
	position: absolute;
	top: calc(100% + 0.75rem);
	left: 0;
	right: 0;
	width: 80%;
	max-width: 22.5rem;
	padding: 0.5rem 0.625rem;
	margin: auto;
	border-radius: var(--radiussmall);
	box-shadow: 0 10.5rem 0.9375rem -0.5rem rgba(var(--rgbblack),0.05),
		0.9375rem 0.5rem 0.9375rem -0.25rem rgba(var(--rgbblack),0.1),
		-0.9375rem 0.5rem 0.9375rem -0.25rem rgba(var(--rgbblack),0.1);
}
.katwarp {
	width: calc(25% - 1.25rem);
}
.lastwidth {
	width: calc(20% - 1.25rem);
}
.itemlstflex {
	border-top: none;
}
.listitems {
	flex: 1 1 100%;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	max-width: 100%;
	padding: 0.5rem 0.625rem 0.625rem 0.625rem;
	margin: 1rem 0.625rem 0 0.625rem;
	border: 0.0625rem solid var(--borderitemlist);
	background-color: var(--bgcontent);
	border-radius: var(--radiussmall);
	transition: all 0.3s ease;
}
.listitems:hover {
	border: 0.0625rem solid var(--borderitemlistover);
}
.listitems h2 {
	width: calc(100% - 2.25rem);
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-align: left;
}
.itemspecial {
	border-top-right-radius: var(--radiussmall);
}
.listimg {
	-webkit-align-self: flex-start;
	align-self: flex-start;
	width: 100px;
	margin-top: 0.25rem;
}
.listimg img {
	max-width: 100%;
	max-height: 150px;
	border-radius: 3px;
}
.listdesc h2 {
	font-size: 0.9375rem;
}
.listdesc {
	-webkit-align-self: flex-start;
	align-self: flex-start;
	width: calc(100% - 460px);
	padding: 0 0.25rem 0 0.5rem;
}
.listprice {
	-webkit-align-self: center;
	align-self: center;
	width: 160px;
	max-width: 160px;
	margin: 0;
	padding: 0;
}
.listadd {
	width: 200px;
	padding: 0;
}
.listiteminputinfo {
	padding: 0.375rem 0.1875rem 0.375rem 0.625rem;
}
.dnavibox a {
	padding: 0 1rem 0 1rem;
}
.dcolleft,.dcolright,.dcolrightbot {
	width: 50%;
}
.dcolleftbot {
	flex: 1 1 50%;
	min-width: 50%;
}
.dcolrightbot {
	display: block;
}
.dcolrightbot > div {
	width: 100%;
}
.dimggalbox a {
	width: calc(25% - 0.625rem);
	padding-top: calc(25% - 0.625rem);
}
.ratingsallbox {
	width: 15rem;
	margin-right: 1.25rem;
}
.reviewlistbox	{
	width: calc(100% - 16.25rem);
}
.mzpbezb {
	width: calc(100% - 22.5rem);
	padding: 0 0.25rem 0 0;
}
.mzepbox {
	width: 10rem;
}
.wkpbez {
	width: calc(100% - 27.5rem);
	padding-right: 0.25rem;
}
.kaspmeng {
	width: 14%;
	text-align: center;
}
.totalbezbox {
	width: 80%;
}
.totalpreisbox {
	width: 20%;
}
.orderbr33 {
	flex: 1 1 30%;
}
.kastxtfocus:focus-within .kastxtfull {
	position: absolute;
	top: 0;
	right: 0;
	height: 12rem;
	width: calc(300% + 2.5rem);
	transition: all 0.4s ease;
	z-index: 2;
}
.kastxtfocus:focus-within .kastxtready {
	display: block;
	height: 12.5rem;
	transition: all 0.4s ease;
}
.anmboxs {
	flex: 1 1 26%;
}
.kontowrapper {
	flex-direction: row;
}
.kontonavi {
	width: 30%;
}
.kontowrapper .contentbox {
	width: 70%;
}
.kontooverlay {
	left: -100vw !important;
}
.kontomenubox {
	position: static;
	height: auto;
	width: auto;
	max-width: none;
	overflow: auto;
	background-color: transparent;
	box-shadow: 0 0 0 0 transparent;
}
.kontobtn,.kontoclosebox {
	display: none;
}
.kontomenuhead,.kontomenu {
	margin: 0;
}
.adrleftbox {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 86%;
	padding: 0.5rem 0;
}
.adrrightbox {
	width: 14%;
	padding: 0.5rem 0;
}
.adrleftbox > div {
	width: 30%;
}
div.adrplz {
	width: 8%;
	text-align: right;
}
div.adrort {
	width: 15%;
}
div.adrland {
	width: 6%;
}
.ktoadrhead .adrleftbox > div {
	display: block;
}
.ktoadrhead > div {
	padding: 0.25rem 0;
}
.bloglink {
	width: calc(33.33% - 1.25rem);
}
.footcols {
	flex: 1 1 30%;
}
}
@media screen and (min-width: 850px) {
.wkpimg {
	max-width: 6.25rem;
}
}
@media screen and (min-width: 1000px) {
.brl33{
	width: 33.33%;
}
.txtr-m {
	text-align: right;
}
.flexjustrm {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flexjuspam {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flexwrap-m {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.order1m {
	order: 1;
}
.order2m {
	order: 2;
}
.order3m {
	order: 3;
}
.order4m {
	order: 4;
}
.mlss {
	margin-left: 1.25rem;
}
.mrss {
	margin-right: 1.25rem;
}
.pslnh {
	padding: 0 2.5rem;
}
.plistnhxl {
	padding: 0 0.625rem 0 0.625rem;
}
.plistsh {
	padding: 1rem 0.625rem 0 0.625rem;
}
.pssnh {
	padding: 0 1.25rem;
}
.pssxsh {
	padding: 0.25rem 1.25rem 0 1.25rem;
}
.psssh {
	padding: 0.5rem 1.25rem 0 1.25rem;
}
.pssmh {
	padding: 1rem 1.25rem 0 1.25rem;
}
.psslh,.psslhxl {
	padding: 2rem 1.25rem 0 1.25rem;
}
.pssxlh {
	padding: 3rem 1.25rem 0 1.25rem;
}
.pssxxlh {
	padding: 4rem 1.25rem 0 1.25rem;
}
.errorcont,.okrightcont {
	margin: 2rem 1.25rem 0 1.25rem;
}
header {
	height: auto;
}
.headwbox {
	height: 7.5rem;
}
.cheight {
	min-height: calc(100vh - 12.5rem);
}
.logobox {
	width: 11.25rem;
	padding: 0;
}
.hhview {
	display: none;
}
.menuoverlay {
	display: none !important;
}
.naviwrap {
	position: static;
	background-color: var(--navbglarge);
	border-top: 0.0625rem solid var(--bordernorm);
}
nav {
	position: relative;
	top: auto;
	left: auto !important;
	height: 100%;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	max-width: none;
	background-color: transparent;
	border-top: 0 none;
	box-shadow: 0 0 0 0 transparent;
	overflow: visible;
	z-index: 5;
}
nav a {
	text-decoration: none;
}
.navigation {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 0;
}
.onebox {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: auto;
	height: 100%;
	font-size: 0.875rem;
	transition: none;
	background: transparent;
	border-bottom: 0 !important;
}
.onebox a {
	color: var(--navtxt);
}
.onebox a svg path {
	fill: var(--navtxt);
}
.onebox a:hover {
	color: var(--navtxthigh);
}
.onebox a:hover svg path {
	fill: var(--navtxthigh);
}
.onebox a:active svg path {
	fill: var(--navtxtactiv);
}
.onebox:hover,.onebox:hover .onelink {
	color: var(--navtxthigh);
	background-color: transparent;
}
.onebox:hover svg path,.onebox:hover .onelink svg path {
	fill: var(--navtxthigh);
}
.onebox:active,.onebox:active .onelink {
	color: var(--navtxtactiv);
	background-color: transparent;
}
.onebox:active svg path,.onebox:active .onelink svg path {
	fill: var(--navtxthigh);
}
.onebox:hover .onelink {
	cursor: pointer;
}
.onelink {
	color: var(--high);
	padding: 0.6875rem 0.5rem;
	line-height: 1.5rem;
	border-bottom: none !important;
	cursor: pointer;
}
a.onelink {
	padding: 1.125rem 1.25rem;
}
a.onelink svg {
	transition: transform 0.4s ease;
}
.dropactiv a.onelink svg {
	transform: rotate(180deg);
}
.twowarp {
	display: none;
	position: absolute;
	top: 100%;
	width: auto;
	height: auto;
	min-height: inherit;
	min-width: 100%;
	white-space: nowrap;
	overflow: inherit;
	padding: 0;
	border-top: 0.25rem solid var(--borderdropbox);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	box-shadow: 0 0.5rem 0.9375rem -0.25rem rgba(var(--rgbblack),0.075), 0.9375rem 0.5rem 0.9375rem 0.25rem rgba(var(--rgbblack),0.075), -0.9375rem 0.5rem 0.9375rem 0.125rem rgba(var(--rgbblack),0.075);
	z-index: 195;
	transition: none;
}
.onebox:last-child .twowarp {
	left: auto;
	right: -2.5rem;
}
.twobox {
	max-width: 28.125rem;
	color: var(--txt);
	overflow: hidden;
}
.onebox:first-child .ktwowarp {
	top: 0;
}
a.twolink {
	width: 100%;
	padding: 0.75rem 1.25rem 0.75rem 1.25rem;
	color: var(--txt);
	cursor: pointer;
	overflow: inherit;
}
a.twolink:hover {
	color: var(--navtxtsubhigh);
	background-color: var(--navhigh);
}
a.twolink:active {
	color: var(--navtxtsubactiv);
	background-color: var(--navactiv);
}
.twoback {
	display: none;
}
.twounter {
	background: transparent;
	transition: all 0.25s ease;
}
.twounter:hover {
	background: transparent;
}
.twounter:active {
	background: transparent;
}
.onebox .priarrow::after {
	border-color: transparent transparent var(--oneboxbg) transparent;
}
.navsuche {
	margin-left: 0.5rem;
}
.navdummy {
	display: none;
}
.suchbox {
	left: -9.6875rem;
}
.dropbox {
	top: calc(100% + 2.3125rem);
}
.prisprachen {
	top: 100%;
}
.priarrow {
	top: calc(100% + 1.0625rem);
}
.menubox {
	display: block;
	width: 25%;
}
.lstmenubox {
	display: block !important;
	position: static;
	width: 25%;
	max-width: none;
	margin: 0;
	box-shadow: 0 0 0;
}
.contentbox {
	width: 75%;
}
#lstkatimgbox {
	padding: 0 1.25rem;
}
.katwarp {
	width: calc(33.33% - 1.25rem);
}
.hkatlst .katwarp {
	width: calc(20% - 1.25rem);
}
.kataloglink {
	font-size: 0.9375rem;
}
.homewarp,.suchwrap,.phgalwrap {
	width: calc(25% - 1.25rem);
}
.lastwidth {
	width: calc(16.666% - 1.25rem);
}
.stwarp {
	width: 50%;
}
.itemtest {
	width: 75%;
}
.stwarp .itemimgbox {
	width: 25%;
	padding: 25% 0 0 0;
}
.listitems {
	margin: 1rem 1.25rem 0 1.25rem;
}
.listimg {
	width: 120px;
}
.listdesc {
	width: calc(100% - 480px);
}
.dcolleft .itemspecials {
	left: 1.25rem;
}
.daddwkbtn {
	font-size: 0.875rem;
	background-position: calc(50% - 3.625rem) center;
}
#wkbottomwarp {
	padding: 2rem 1.25rem 0 1.25rem;
}
.kastxtfocus:focus-within .kastxtfull {
	width: calc(300% + 5rem);
}
.kontonavi {
	width: 25%;
}
.kontowrapper .contentbox {
	width: 75%;
}
.lstcols5 {
	width: 5%;
}
.lstcols10,.lstheadbox .lstcols10 {
	width: 10%;
}
.lstcols12 {
	width: 12.5%;
}
.lstcols15 {
	width: 15%;
}
.lstcols20 {
	width: 20%;
}
.lstcols25 {
	width: 25%;
}
.lstcols30 {
	width: 30%;
}
.lstcols33 {
	width: 33.33%;
}
.lstcols40 {
	width: 40%;
}
.lstcols50,.lstheadbox .lstcols50 {
	width: 50%;
}
.lstcols60 {
	width: 60%;
}
.lstcols65 {
	width: 65%;
}
.lstcols70 {
	width: 70%;
}
.lstrows .daddwkbtn {
	width: calc(100% - 0.5rem);
	margin: 0 0 0 0.5rem;
	font-size: 0.8125rem;
	background-position: calc(50% - 3.375rem) center;
	background-size: 1rem auto;
}
.brhaendler {
	width: 33.33%;
}
.ansprechwidth {
	width: 25%;
}
.bloglink {
	width: calc(33.33% - 2.5rem);
}
.footcols {
	flex: 1 1 23%;
}
.minno {
	display: inline;
}
.mhno {
	display: block;
}
.mhyes,.mobil,.mobilview {
	display: none;
}
.flexdl {
	display: inherit;
}
}
@media screen and (min-width: 1100px) {
.daddwkbtn,.daddwkbtn:hover,.daddwkbtn:active {
	font-size: 1rem;
	background-position: calc(50% - 4.375rem) center;
}
}
@media screen and (min-width: 1200px) {
.onebox {
	font-size: 0.9375rem;
}
a.onelink {
	padding: 1.25rem 2.5rem;
}
.navsuche {
	margin-left: 0.75rem;
}
.lstrows .daddwkbtn {
	font-size: 0.875rem;
	background-position: calc(50% - 3.8125rem) center;
	background-size: 1.25rem auto;
}
.crosswrap {
	width: calc(33.33% - 1.25rem);
}
}
@media screen and (min-width: 1400px) {
.galwrap {
	width: calc(25% - 1.25rem);
}
}