html {
	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.6428;
	color: var(--txt);
	background: var(--bgmain);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-rendering: optimizeLegibility;
}
body,textarea,input,select,option,button {
	font-family: "Noto Sans",sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
}
textarea,input,select,option {
	-webkit-border-radius: 0;
	border-radius: 0;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
img,svg {
	border: none;
	vertical-align: middle;
}
b,strong,.txtbold {
	font-weight: bold;
	font-weight: 500;
}
a {
	color: var(--links);
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover {
	color: var(--high);
	text-decoration: underline;
}
a:active {
	color: var(--activ);
	background: transparent;
}
a.agrey,a.agrey:hover,a.agrey:active {
	color: var(--txt);
	text-decoration: none;
}
a.deco {
	text-decoration: underline;
}
a.deco:hover {
	text-decoration: none;
}
a.deco:active {
	text-decoration: underline;
}
::selection {
	color: var(--btntxtover);
	background-color: var(--btnover);
}
*:focus:not(:focus-visible) {
	outline: none;
}
*:focus-visible {
	outline: 0.125rem solid var(--priover);
	outline-offset: 0.0625rem;
	text-decoration: none !important;
	z-index: 2;
}
h1 {
	font-size: 1.3125rem;
}
h2 {
	font-size: 1.1875rem;
}
h3 {
	font-size: 1.0625rem;
}
h1,h2,h3,h4,h5 {
	font-weight: 500;
}
.txtl {
	text-align: left;
}
.txtc {
	text-align: center;
}
.txtr {
	text-align: right;
}
.txtnowrap {
	white-space: nowrap;
}
.txt11 {
	font-size: 0.6875rem;
}
.txt12 {
	font-size: 0.75rem;
}
.txt13 {
	font-size: 0.75rem;
}
.txt14 {
	font-size: 0.875rem;
}
.txt15 {
	font-size: 0.9375rem;
}
.txt16 {
	font-size: 1rem;
}
.txt18 {
	font-size: 1.125rem;
}
.txt20 {
	font-size: 1.25rem;
}
.txt21 {
	font-size: 1.3125rem;
}
.txt24 {
	font-size: 1.5rem;
}
.txt27 {
	font-size: 1.6875rem;
}
.txt28 {
	font-size: 1.75rem;
}
.txt32 {
	font-size: 2rem;
}
.txt36 {
	font-size: 2.25rem;
}
.posabs {
	position: absolute;
}
.posrel {
	position: relative;
}
.brc100,.br3-1,.br3-2,.brc50,.brl50,.brl33 {
	width: 100%;
}
.brl50 {
	margin: 0 auto;
}
.br15 {
	width: 15%;
}
.br20 {
	width: 20%;
}
.brc25,.brc33,.brc40,.brc60,.brc75,.br50,.bloglink {
	width: 50%;
}
.br30 {
	width: 30%;
}
.br70 {
	width: 70%;
}
.hfull {
	height: 100%;
}
.wmax300 {
	max-width: 18.75rem;
}
.wmax320 {
	max-width: 20rem;
	width: 20rem;
}
.wmax360 {
	max-width: 22.5rem;
	width: 22.5rem;
}
.flexdisplay {
	display: -webkit-flex;
	display: flex;
}
.flexjuspa {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flexjuaround {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.flexjuevenly {
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}
.flexjustr {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flexjuend {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.flexjucent {
	-webkit-justify-content: center;
	justify-content: center;
}
.flexalstr {
	-webkit-align-items: stretch;
	align-items: stretch;
}
.flexalcent {
	-webkit-align-items: center;
	align-items: center;
}
.flexalsta {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flexalend {
	-webkit-align-items: flex-end;
	align-items: end;
}
.flexwarp,.flexwrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexcol {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flexselfstart {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}
.flexselfcenter {
	-webkit-align-self: center;
	align-self: center;
}
.flexselfend {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.gapmid {
	gap: 0.75rem;
}
.orderfirst {
	order: -1;
}
.order1 {
	order: 1;
}
.order2,.formorder form {
	order: 2;
}
.order3 {
	order: 3;
}
.order4 {
	order: 4;
}
.flussl {
	float: left;
}
.fitimgcover {
	object-fit: cover;
	object-position: center center;
}
.mtauto {
	margin-top: auto;
}
.mtxsh {
	margin-top: 0.25rem;
}
.mtsh {
	margin-top: 0.5rem;
}
.mtmh {
	margin-top: 1rem;
}
.mtxmh {
	margin-top: 1.25rem;
}
.mtlh {
	margin-top: 2rem;
}
.mtxlh {
	margin-top: 3rem;
}
.mtxxlh {
	margin-top: 4rem;
}
.mbxsh {
	margin-bottom: 0.25rem;
}
.mbsh {
	margin-bottom: 0.5rem;
}
.mbmh {
	margin-bottom: 1rem;
}
.mblh {
	margin-bottom: 2rem;
}
.mbxlh {
	margin-bottom: 3rem;
}
.mbxxlh {
	margin-bottom: 4rem;
}
.mlxs {
	margin-left: 0.25rem;
}
.mls {
	margin-left: 0.5rem;
}
.mlm {
	margin-left: 1rem;
}
.mlxm {
	margin-left: 1.5rem;
}
.mrxs {
	margin-right: 0.25rem;
}
.mrs {
	margin-right: 0.5rem;
}
.mrm {
	margin-right: 1rem;
}
.mrxm {
	margin-right: 1.5rem;
}
.mlss {
	margin-left: 0.625rem;
}
.mrss {
	margin-right: 0.625rem;
}
.mlauto {
	margin-left: auto;
}
.mrauto {
	margin-right: auto;
}
.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;
}
.plxxxlh {
	padding: 5rem 0 0 0;
}
.plbot {
	padding: 6.25rem 0 0 0;
}
.plm {
	padding-left: 1rem;
}
.prm {
	padding-right: 1rem;
}
.pssnh,.plistnh {
	padding: 0 0.625rem 0 0.625rem;
}
.pssxsh {
	padding: 0.25rem 0.625rem 0 0.625rem;
}
.psssh {
	padding: 0.5rem 0.625rem 0 0.625rem;
}
.pssmh {
	padding: 1rem 0.625rem 0 0.625rem;
}
.psslh,.psslhxl {
	padding: 2rem 0.625rem 0 0.625rem;
}
.pssxlh {
	padding: 3rem 0.625rem 0 0.625rem;
}
.pssxxlh {
	padding: 4rem 0.625rem 0 0.625rem;
}
.pallms {
	padding: 0.625rem;
}
.ptxs {
	padding-top: 0.25rem;
}
.pbxs {
	padding-bottom: 0.25rem;
}
.pbm {
	padding-bottom: 1rem;
}
.errorall {
	padding: 0.625rem;
	color: var(--txtwhite);
	background: var(--error);
}
.okall {
	padding: 0.625rem;
	color: var(--txtblack);
	background: var(--ok);
}
.txtactive {
	color: var(--activ);
}
.txtgreen {
	color: var(--ok);
}
.txtred {
	color: var(--errortxt);
}
.boxsizecontent {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.hyphensauto {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.hyphensnone {
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
.txtellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
button,.btnclean {
	background-color: transparent;
	border: none;
}
.btnformfull,
.btnlink,
.btnsubform,
.btnsublink {
	display: block;
	padding: 0.375rem 1.25rem 0.375rem 1.25rem;
	line-height: 2rem;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: var(--radiussmall);
	transition: all 0.2s ease;
}
.btnformfull,
.btnsubform {
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: var(--radiussmall);
	border-radius: var(--radiussmall);
}
.btnformfull,
.btnlink {
	min-width: 8rem;
	background-color: var(--btn);
	color: var(--btntxt);
	transition: all 0.25s ease;
	white-space: nowrap;
}
.btnsubform,
.btnsublink {
	background-color: var(--btnsub);
	color: var(--btnsubtxt);
	transition: all 0.25s ease;
	white-space: nowrap;
}
.trackbox .btnsublink {
	background-color: var(--btnsub);
}
.btnsubadr {
	font-weight: normal;
	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:focus,.btnlink:focus,.btnsubform:focus,.btnsublink:focus {
	background-color: var(--btnactive);
	color: var(--btntxtactive);
	text-decoration: none;
}
.btnformfull:hover,.btnlink:hover {
	background-color: var(--btnover);
	color: var(--btntxtover);
	text-decoration: none;
}
.btnformfull:active,.btnlink:active {
	background-color: var(--btnactive);
	color: var(--btntxtactive);
	text-decoration: none;
}
.btnsubform:hover,.btnsublink:hover {
	background-color: var(--btnover);
	color: var(--btntxtover);
	text-decoration: none;
}
.btnsubform:active,.btnsublink:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	text-decoration: none;
}
.btnformfull:disabled,.btnsubform:disabled {
	background-color: var(--btndisabled);
	color: var(--btndisabledtxt);
	cursor: not-allowed;
}
.ipfull,.txtfull,.selfull,.dvarianten select {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	padding: 0.75rem 0.1875rem 0.75rem 0.625rem;
	color: var(--txtform);
	font-family: inherit;
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	-webkit-border-radius: var(--radiussmall);
	border-radius: var(--radiussmall);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type='number'] {
	-moz-appearance: textfield;
	appearance: textfield;
}
.selfull,.dvarianten select {
	font-family: inherit;
	background-image: var(--arrowselect);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.checkboxstyle {
	width: 1.125rem;
	height: 1.125rem;
}
.txtfull {
	height: 10rem;
}
.ipfull:invalid,.txtfull:invalid,.selfull:invalid {
	border: 0.0625rem solid var(--error);
	box-shadow: 0 0 0 var(--white);
}
.ipfull:valid,.txtfull:valid,.selfull:valid {
	border: 0.0625rem solid var(--borderform);
}
.ipfull:focus,.selfull:focus,.txtfull:focus {
	color: var(--txtformfocus);
	background-color: var(--bgformfocus);
}
.ipinfo:focus {
	border: 0.0625rem solid var(--error);
	background-color: var(--lockedbg);
}
::placeholder {
	color: var(--formplacholder);
}
.ipfull:focus::placeholder,.selfull:focus::placeholder,.txtfull:focus::placeholder {
	color: var(--txtmidgrey);
}
.iplstfilter {
	width: calc(100% - 3.3125rem);
}
.boxlstfilter::after {
	content: var(--filter);
	background-color: var(--btn);
	position: absolute;
	bottom: 0;
	left: calc(100% - 5.5rem);
	width: auto;
	height: 1.125rem;
	padding: 0.8125rem 0.75rem 0.75rem 0.75rem;
	border-top: 0.0625rem solid var(--borderform);
	border-right: 0.0625rem solid var(--borderform);
	border-bottom: 0.0625rem solid var(--borderform);
	border-top-right-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
	cursor: pointer;
}
.boxlstfilter:hover::after {
	content: var(--filter);
	background-color: var(--btnover);
}
.filterreset {
	width: 2.8125rem;
	cursor: pointer;
}
.filterreset svg {
	width: auto;
	height: 1.25rem;
}
.filterreset:hover svg path {
	fill: var(--rot);
}
.filterreset:active svg path {
	fill: var(--btnactive);
}
#bestellsuchbox .filterreset {
	right: 0.5rem;
}
.btnformnormlink {
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--black);
	font-family: inherit;
	font-size: 0.875rem;
	transition: all 0.3s ease;
}
.btnformnormlink:hover {
	color: var(--high);
	background: transparent;
	text-decoration: underline;
}
.btnformnormlink:active {
	color: var(--activ);
	background: transparent;
	text-decoration: underline;
}
.btnw80 {
	width: 80%;
	min-width: auto;
	margin: 2rem 10% 0 10%;
}
.btnwm {
	width: 100%;
	min-width: auto;
	max-width: 25rem;
	margin: 2rem auto 0 auto;
}
.btnwl {
	width: 100%;
	max-width: 11rem;
}
a.linknxticon {
	padding-right: 1.75rem;
	background-image: var(--arrownext);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
a.linknxticon:hover {
	padding-right: 1.75rem;
	background-image: var(--arrownext);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.btnnxticon {
	padding: 0.375rem 1.75rem 0.375rem 1.25rem;
	background-image: var(--arrownextbtnblk);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.btnnxticonblk {
	background-image: var(--arrownextbtnblk);
}
.btnnxticon:hover {
	padding: 0.375rem 1.75rem 0.375rem 1.25rem;
	background-image: var(--arrownextbtnblk);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.btnbackicon {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowprev);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnbackicon:hover {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowprev);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnbackiconblk {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowprev);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnbackiconblk:hover {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowprev);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
a[target="_blank"],.newtab {
	padding-right: 1.25rem;
	background-image: var(--new-tab);
	background-position: center right;
	background-repeat: no-repeat;
}
a[target="_blank"]:hover,.newtab:hover {
	padding-right: 1.25rem;
	background-image: var(--new-tab-over);
	background-position: center right;
	background-repeat: no-repeat;
}
a[target="_blank"]:active,.newtab:active {
	padding-right: 1.25rem;
	background-image: var(--new-tab-activ);
	background-position: center right;
	background-repeat: no-repeat;
}
a.notab,a.notab:hover,a.notab:active,.notab a,.notab a:hover,.notab a:active {
	padding-right: 0;
	background-image: none;
}
.loginheight input:nth-of-type(2) {
	padding-right: 2.25rem;
}
.pwshow {
	top: 8.625rem;
	right: 0;
	width: 2.1875rem;
	height: 2.1875rem;
	cursor: pointer;
}
.pwshow svg path {
	fill: var(--txtmidgrey);
}
.pwshow:hover svg path {
	fill: var(--txt);
}
.pwshowerror {
	top: 11.25rem;
}
.pwoptinshow {
	min-width: 14rem;
	padding: 0.375rem 1.25rem 0.375rem 1.25rem;
	line-height: 2rem;
	cursor: pointer;
	background-color: var(--btnsub);
	color: var(--btnsubtxt);
	border: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0.1875rem;
	border-radius: 0.1875rem;
	transition: all 0.3s ease;
}
.pwoptinshow svg path {
	fill: var(--btnsubtxt);
	transition: all 0.3s ease;
}
.pwoptinshow:focus {
	outline: 0.125rem solid var(--white);
}
.pwoptinshow:hover,.pwoptinshow:hover svg path {
	background-color: var(--btnover);
	color: var(--btntxtover);
	fill: var(--btntxtover);
	outline: none;
}
.pwoptinshow:active,.pwoptinshow:active svg path {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	fill: var(--btntxtactive);
}
.btnpwshow {
	cursor: pointer;
	background-color: transparent;
	color: var(--links);
	border: none;
	transition: all 0.3s ease;
}
.btnpwshow svg path {
	fill: var(--links);
	transition: all 0.3s ease;
}
.btnpwshow:hover,.btnpwshow:hover svg path {
	color: var(--high);
	fill: var(--high);
	outline: none;
}
.btnpwshow:active,.btnpwshow:active svg path {
	color: var(--activ);
	fill: var(--activ);
}
.pwregshow {
	cursor: pointer;
	color: var(--txt);
	background-color: transparent;
	border: none;
	transition: all 0.3s ease;
}
.pwregshow svg path {
	fill: var(--txt);
	transition: all 0.3s ease;
}
.pwregshow:hover,.pwregshow:hover svg path {
	color: var(--high);
	fill: var(--high);
}
.pwregshow:active,.pwregshow:active svg path {
	color: var(--active);
	fill: var(--active);
}
.adrinput .pwshow {
	top: 1.75rem;
}
.dsformbez {
	padding: 0 0 0 0.5rem;
	cursor: pointer;
}
input[type=checkbox],input[type=radio],.checkboxes,.radioboxes {
	appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	border-radius: var(--radiussmall);
}
input[type=checkbox].dsreq,input[type=radio].dsreq,.checkboxes.dsreq {
	border: 0.0625rem solid var(--error);
	box-shadow: 0 0 0 var(--white);
}
input[type=checkbox]:checked,input[type=radio]:checked,.checkboxes:checked,.radioboxes:checked {
	border: 0.0625rem solid var(--activ);
	background-color: var(--activ);
	background-image: var(--checkmark-wht);
	background-repeat: no-repeat;
	background-position: center;
}
.allline {
	border: 0.0625rem solid var(--bordernorm);
}
.alllinegrey {
	border: 0.0625rem solid var(--borderform);
}
.topline {
	border-top: 0.0625rem solid var(--bordernorm);
}
.botline {
	border-bottom: 0.0625rem solid var(--bordernorm);
}
.toplinegrey {
	border-top: 0.0625rem solid var(--borderform);
}
.botlinegrey {
	border-bottom: 0.0625rem solid var(--borderform);
}
.boxradius {
	-webkit-border-radius: 0.1875rem;
	border-radius: 0.1875rem;
}
.boxmax {
	max-width: 50rem;
	margin: 0 auto;
}
.cpoint {
	cursor: pointer;
}
img[src*="noimg.svg"],img[src*="image-300.svg"] {
	display: inline-block;
	content: var(--image);
	width: 100%;
	height: auto;
	background-color: var(--bgformlight);
}
.videoplayerbox {
	position: relative;
	padding-bottom: 56.25%;
}
.videoplayerbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.theme-switch-wrapper label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
}
.theme-switch-wrapper label:hover {
	color: var(--high);
	transition: color 0.3s ease;
}
.theme-switch-wrapper label:active {
	color: var(--activ);
}
.theme-switch-wrapper label span {
	width: 3.5rem;
}
.theme-switch {
	display: inline-block;
	height: 2.125rem;
	position: relative;
	width: 3.75rem;
}
.theme-switch input {
	display: none;
}
.slider {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-color: var(--high);
	transition: 0.4s;
}
.slider:before {
	position: absolute;
	left: 0.25rem;
	bottom: 0.25rem;
	width: 1.625rem;
	height: 1.625rem;
	content: "";
	background-color: var(--bgcontent);
	transition: 0.4s;
}
input:checked + .slider {
	background-color: var(--activ);
}
input:checked + .slider:before {
	transform: translateX(1.625rem);
}
.slider.round {
	border-radius: 2.125rem;
}
.slider.round:before {
	border-radius: 50%;
}
.sociallinks a {
	margin: 0 0.5rem;
}
.sociallinks a svg {
	width: 1.5rem;
	height: auto;
}
.sociallinks a:hover svg path {
	fill: var(--high);
}
.nodisplay,.killlinkspan > span,.hidespan > span {
	display: none;
}
.indisplay,.ptinline,.ptinline div,.ptinline p {
	display: inline;
}
.inbldisplay {
	display: inline-block;
}
header,main,footer,.bldisplay {
	display: block;
}
.mhno,.minno,.flexdl,.flexds,.flexdxs {
	display: none;
}
.mhyes{
	display: inline;
}
.mobilview {
	display: block;
}
.itemlstflex {
	border-top: 0.0625rem solid var(--borderitemlist);
}
.listitems {
	flex: 1 1 100%;
	max-width: 100%;
	padding: 0.5rem 0.625rem 1.25rem 0.625rem;
	border-bottom: 0.0625rem solid var(--borderitemlist);
	background-color: var(--bgcontent);
	transition: all 0.3s ease;
}
.listitems h2 {
	padding-bottom: 0.25rem;
	font-size: 1.125rem;
	font-weight: 400;
	text-align: center;
}
.itemspecial {
	top: 0;
	right: 0;
	width: 2.25rem;
	height: 2.3125rem;
	padding: 0.4375rem 0 0 0.5rem;
	background-color: var(--error);
	color: var(--txtwhite);
	text-transform: uppercase;
	border-bottom-left-radius: 100%;
}
.listdesc {
	padding: 0 0.25rem 0 0;
}
.listprice {
	-webkit-align-self: flex-end;
	align-self: flex-end;
	max-width: 200px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0.75rem 0 0 0;
	transition: all 0.3s ease;
}
.listadd {
	padding: 0.75rem 0 0 0;
	transition: all 0.3s ease;
}
.listimg img {
	max-width: 100%;
	max-height: 120px;
	border-radius: var(--radiussmall);
}
.listdesc h2 {
	font-size: 0.9375rem;
}
.listadd form {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.listaddwkquant {
	margin: 0 20% 0.25rem 20%;
	width: 30%;
	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;
}
.listaddwkquant:focus {
	color: var(--txtformfocus);
	background-color: var(--bgformfocus);
	border-top: 0.0625rem solid var(--btnquant);
	border-bottom: 0.0625rem solid var(--btnquant);
}
.listup {
	left: 50% !important;
}
.listup,.listdown {
	top: 0;
	bottom: auto !important;
}
.listaddwkbtn {
	-webkit-appearance: none;
	appearance: none;
	order: 2;
	width: 28%;
	padding: 0 0 0 28%;
	margin-left: 2%;
	height: 2.75rem;
	color: var(--btntxt);
	border: none;
	cursor: pointer;
	background-color: var(--btnaddwk);
	background-image: var(--add-wk);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	border-radius: var(--radiussmall);
	overflow: hidden;
	transition: all 0.3s linear;
}
.addedwk .listaddwkbtn,.dcolright .addedwk .daddwkbtn {
	background-color: var(--btnbgrefresh);
}
.listaddwkbtn:hover {
	background-color: var(--btnaddwkover);
}
.listaddwkbtn:active {
	background-color: var(--btnaddwkactive);
}
.listiteminputinfo,.listiteminputinfo:valid {
	padding: 0.375rem 0.1875rem 0.375rem 0.625rem;
	background-color: var(--bgquant);
	border: 0.0625rem solid var(--btnquant);
}
.listrequestbtn {
	display: block;
	width: 100%;
	min-width: 180px;
	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: 500;
	text-decoration: none;
	border: none;
	cursor: pointer;
	background-color: var(--btnaddwk);
	background-image: var(--bubble-blk);
	background-position: calc(50% - 3.4375rem) center;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	border-radius: var(--radiussmall);
	transition: all 0.3s linear;
}
.listrequestbtn:hover {
	color: var(--btntxt);
	text-decoration: none;
	background-color: var(--btnaddwkover);
}
.listrequestbtn:active {
	color: var(--btntxt);
	text-decoration: none;
	background-color: var(--btnaddwkactive);
	background-image: var(--bubble-blk);
	background-position: calc(50% - 3.4375rem) center;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
}
.newitems .printcolorbez,.newitems .printcolorbox {
	margin: 0 auto 0 auto;
	max-width: 120px;
}
.listinfo .printcolorbez,.listinfo .printcolorbox {
	margin: 0.25rem 0 0 0;
	max-width: 120px;
}
.printcolorbez {
	padding: 0.125rem 0;
}
.printcolorbox {
	padding: 0.125rem 0.5rem 0.125rem 1.25rem;
	text-transform: capitalize;
	background-image: var(--printcolor-default);
	background-position: left center;
	background-repeat: no-repeat;
}
.printcolor-rosa,.printcolor-pink {
	background-image: var(--printcolor-magenta);
}
.printcolor-cyan {
	background-image: var(--printcolor-cyan);
}
.printcolor-magenta {
	background-image: var(--printcolor-magenta);
}
.printcolor-yellow,.printcolor-apriko {
	background-image: var(--printcolor-yellow);
}
.printcolor-black,.printcolor-mattblack,.printcolor-schwarz {
	background-image: var(--printcolor-black);
}
.akzfarbewarpper {
	top: 25px;
	right: 5px;
	width: 70px;
	height: 47px;
	padding: 0 10px 0 10px;
	background-color: #ffffff;
	border: 1px solid #666666;
	border-radius: 3px;
}
.brandlogosbox {
	margin-bottom: 2rem;
}
.brandlogos {
	padding: 1.625rem 0 1.5rem 0;
	border: 0.0625rem solid var(--borderitemlist);
	border-radius: 5px;
}
.brandlogos .slick-track {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.brandlogos .slick-slide {
	float: none !important;
}
.brandlogo {
	padding: 0 0.625rem;
	text-align: center;
}
.brandlogo img {
	height: auto;
	max-height: 6.25rem;
	width: auto;
	max-width: 7.5rem;
	padding: 0.25rem;
	margin: auto;
	background-color: var(--white);
	border-radius: var(--radiussmall);
}
.btnboxangebote {
	min-width: 14.375rem;
}
.btnangebote {
	font-size: 0.875rem !important;
}
.btnangebote.order3 {
	background-color: var(--rosa);
}
.btnangebote.order3:hover {
	color: var(--txtwhite);
	background-color: var(--rot);
}
.btnangebote:disabled,.btnangebote.order3:disabled {
	background-color: var(--btndisabled);
	color: var(--btndisabledtxt);
	cursor: not-allowed;
}
.offerhides {
	display: none;
}
.offerviews {
	display: inline;
}
.offer50,.offer25 {
	width: 100%;
}
.offer50 {
	padding: 0 0 0.5rem 0;
}
.offerlstbezbox {
	width: calc(100% - 3rem);
}
.angeboticonbox {
	width: 2rem;
	margin: 0 0 0 1rem;
}
.angeboticonbox svg {
	width: 1.25rem;
	height: auto;
}
.angeboticonbox svg path {
	fill: var(--txt);
	transition: fill 0.3s ease;
}
.lstrows > a:hover .angeboticonbox svg path {
	fill: var(--txtwhite);
}
.offercolleft {
	padding: 135% 0 0 0;
}
.offercolleft .offerbox {
	top: 0;
	left: 0;
	margin: auto;
}
.lstboxbg {
	padding: 0.75rem 0;
}
.lstboxbg:nth-child(odd) {
	background-color: var(--lstrowsbg);
}
@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;
}
}