@font-face {
	font-display: swap;
	font-family: ScalaSansWebPro;
	font-weight: 400;
	font-style: normal;
	src: local('ScalaSansWebPro'), url('/PPM/CustomUpload/374O357O340O370O356O369O350O367O367O364O/ScalaSansWebPro.woff') format('woff'),
	url('/PPM/CustomUpload/374O357O340O370O356O369O350O367O367O364O/ScalaSansWebPro.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: ScalaSansWebPro;
	font-weight: 400;
	font-style: italic;
	src: local('ScalaSansWebPro-Ita'), url('/PPM/CustomUpload/374O357O340O370O356O369O350O367O367O364O/ScalaSansWebPro-Ita.woff') format('woff'),
	url('/PPM/CustomUpload/374O357O340O370O356O369O350O367O367O364O/ScalaSansWebPro-Ita.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: ScalaSansWebPro;
	font-weight: bold;
	font-weight: 700;
	font-style: normal;
	src: local('ScalaSansWebPro-Bold'), url('/PPM/CustomUpload/374O357O340O370O356O369O350O367O367O364O/ScalaSansWebPro-Bold.woff') format('woff'),
	url('/PPM/CustomUpload/374O357O340O370O356O369O350O367O367O364O/ScalaSansWebPro-Bold.woff2') format('woff2');
}
html {
	scroll-behavior: smooth;
	font-size: 100%;
	height: 100%;
}
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
	font-family: ScalaSansWebPro,sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.625;
	color: var(--txt);
	background: var(--bgmain);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
img,svg {
	border: none;
	vertical-align: middle;
}
b,strong,.txtbold {
	font-weight: 700;
}
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;
}
*:focus:not(:focus-visible) {
	outline: none;
}
*:focus-visible {
	outline: 0.125rem solid var(--focus);
	outline-offset: 0.0625rem;
}
h1 {
	font-size: 1.3125rem;
}
h2 {
	font-size: 1.1875rem;
}
h3 {
	font-size: 1.0625rem;
}
h1,h2,h3,h4,h5 {
	font-weight: 400;
}
::selection {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
}
.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.8125rem;
}
.txt14 {
	font-size: 0.875rem;
}
.txt15 {
	font-size: 0.9375rem;
}
.txt16 {
	font-size: 1rem;
}
.txt18 {
	font-size: 1.125rem;
}
.txt20 {
	font-size: 1.25rem;
}
.txt24 {
	font-size: 1.5rem;
}
.txt26 {
	font-size: 1.625rem;
}
.txt28 {
	font-size: 1.75rem;
}
.txt30 {
	font-size: 1.875rem;
}
.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 {
	width: 50%;
}
.br30 {
	width: 30%;
}
.br70 {
	width: 70%;
}
.hfull {
	height: 100%;
}
.wmax320 {
	max-width: 20rem;
	width: 100%;
}
.wmax360 {
	max-width: 22.5rem;
	width: 100%;
}
.flexdisplay {
	display: flex;
}
.flexjuspa {
	justify-content: space-between;
}
.flexjuaround {
	justify-content: space-around;
}
.flexjuevenly {
	justify-content: space-evenly;
}
.flexjustr {
	justify-content: flex-start;
}
.flexjuend {
	justify-content: flex-end;
}
.flexjucent {
	justify-content: center;
}
.flexalstr {
	align-items: stretch;
}
.flexalcent {
	align-items: center;
}
.flexalsta {
	align-items: flex-start;
}
.flexalend {
	align-items: end;
}
.flexwarp,.flexwrap {
	flex-wrap: wrap;
}
.flexcol {
	flex-direction: column;
}
.flexselfstart {
	align-self: flex-start;
}
.flexselfcenter {
	align-self: center;
}
.flexselfend {
	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;
}
.mtxsh {
	margin-top: 0.25rem;
}
.mtsh {
	margin-top: 0.5rem;
}
.mtmh {
	margin-top: 1rem;
}
.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;
}
.ptxs {
	padding-top: 0.25rem;
}
.pts {
	padding-top: 0.5rem;
}
.ptm {
	padding-top: 1rem;
}
.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;
}
.pbxs {
	padding-bottom: 0.25rem;
}
.pbs {
	padding-bottom: 0.5rem;
}
.pbm {
	padding-bottom: 1rem;
}
.errorall {
	padding: 0.625rem;
	color: var(--txtwhite);
	background: var(--error);
}
.okall {
	padding: 0.625rem;
	color: var(--txtwhite);
	background: var(--ok);
}
.txtactive {
	color: var(--activ);
}
.txtgreen {
	color: var(--ok);
}
.txtred {
	color: var(--error);
}
.boxsizecontent {
	box-sizing: content-box;
}
.hyphensauto {
	hyphens: auto;
}
.hyphensnone {
	hyphens: none;
}
.txtellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
textarea,input,select,option,button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
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-size: 1rem;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	appearance: none;
	cursor: pointer;
	border-radius: var(--radiussmall);
	transition: all 0.2s ease;
}
.btnformfull,
.btnlink {
	min-width: 8rem;
	background-color: var(--bgmain);
	color: var(--btntxt);
	border: 0.0625rem solid var(--btn);
	transition: all 0.25s ease;
	white-space: nowrap;
}
.btnsubform,
.btnsublink {
	background-color: var(--bgmain);
	color: var(--btnsubtxt);
	border: 0.0625rem solid var(--btnsub);
	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;
	line-height: 1.6rem;
	font-size: 0.875rem;
}
.btnformfull:focus,.btnlink:focus,.btnsubform:focus,.btnsublink:focus {
	background-color: var(--btnactive);
	color: var(--btntxtactive);
	border: 0.0625rem solid var(--btnactive);
	border-radius: var(--radiussmall);
	text-decoration: none;
}
.btnformfull:hover,.btnlink:hover {
	background-color: var(--btnover);
	color: var(--btntxtover);
	border: 0.0625rem solid var(--btnover);
	border-radius: var(--radiussmall);
	text-decoration: none;
}
.btnformfull:active,.btnlink:active {
	background-color: var(--btnactive);
	color: var(--btntxtactive);
	border: 0.0625rem solid var(--btnactive);
	border-radius: var(--radiussmall);
	text-decoration: none;
}
.btnsubform:hover,.btnsublink:hover {
	background-color: var(--btnover);
	color: var(--btntxtover);
	border: 0.0625rem solid var(--btnover);
	border-radius: var(--radiussmall);
	text-decoration: none;
}
.btnsubform:active,.btnsublink:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--btnactive);
	border-radius: var(--radiussmall);
	text-decoration: none;
}
.btnformfull:disabled,.btnsubform:disabled {
	background-color: var(--btnsub);
	color: var(--borderform);
	cursor: not-allowed;
}
.ipfull,.txtfull,.selfull,.dvarianten select {
	appearance: none;
	width: 100%;
	padding: 0.75rem 0.1875rem 0.75rem 0.625rem;
	color: var(--txtform);
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	border-radius: var(--radiussmall);
}
input[type='number'] {
	appearance: textfield;
}
.selfull,.dvarianten select {
	background-image: var(--arrowselect);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.checkboxstyle {
	width: 1.125rem;
	height: 1.125rem;
}
input[type=checkbox],input[type=radio],.checkboxes {
	appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	border-radius: 0.1875rem;
}
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 {
	appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	background-color: var(--bgform);
	background-image: var(--checkmark-form);
	background-size: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	border: 0.0625rem solid var(--borderform);
}
.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);
	border: 0.0625rem solid var(--borderform);
}
.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.375rem;
	padding: 0.8125rem 0.75rem 0.625rem 0.75rem;
	border-top-right-radius: var(--radiussmall);
	border-bottom-right-radius: var(--radiussmall);
	cursor: pointer;
}
.boxlstfilter:hover::after {
	background-color: var(--btnover);
	content: var(--filter-over);
}
.filterreset {
	width: 2.8125rem;
	cursor: pointer;
}
.filterreset svg {
	width: auto;
	height: 1.25rem;
}
.filterreset svg path {
	fill: var(--txt);
}
.filterreset:hover svg path {
	fill: var(--rot);
}
.filterreset:active svg path {
	fill: var(--btnactive);
}
#bestellsuchbox .filterreset {
	right: 0.5rem;
}
.btnformnormlink {
	appearance: none;
	border-radius: 0;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--black);
	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:focus {
	padding: 0.375rem 1.75rem 0.375rem 1.25rem;
	background-image: var(--arrownextbtnwht);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.btnnxticon {
	padding: 0.375rem 1.75rem 0.375rem 1.25rem;
	background-image: var(--arrownextbtn);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.btnnxticonblk {
	background-image: var(--arrownextbtnwht);
}
.btnnxticon:hover {
	padding: 0.375rem 1.75rem 0.375rem 1.25rem;
	background-image: var(--arrownextbtnwht);
	background-position: center right 0.5rem;
	background-repeat: no-repeat;
}
.btnnxticon:active {
	padding: 0.375rem 1.75rem 0.375rem 1.25rem;
	background-image: var(--arrownextbtnwht);
	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(--arrowbackover);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnbackicon:active {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowprevbtnactive);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnbackiconblk {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowbackover);
	background-position: center left 0.5rem;
	background-repeat: no-repeat;
}
.btnbackiconblk:hover {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--arrowbackover);
	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(--bgmain);
	color: var(--btnsubtxt);
	border: 0.0625rem solid var(--btnsub);
	border-radius: var(--radiussmall);
	appearance: none;
	transition: all 0.3s ease;
}
.pwoptinshow svg path {
	fill: var(--btnsubtxt);
	transition: all 0.3s ease;
}
.pwoptinshow:hover,.pwoptinshow:hover svg path {
	background-color: var(--btnover);
	color: var(--btntxtover);
	fill: var(--btntxtover);
	border: 0.0625rem solid var(--btnover);
}
.pwoptinshow:active,.pwoptinshow:active svg path {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	fill: var(--btntxtactive);
	border: 0.0625rem solid var(--btnactive);
}
.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;
}
.dsbox {
	position: relative;
}
.dsformbez {
	padding: 0 0 0 0.5rem;
	cursor: pointer;
}
.allline {
	border: 0.0625rem solid var(--bordermid);
}
.alllinegrey {
	border: 0.0625rem solid var(--bordermid);
}
.topline {
	border-top: 0.0625rem solid var(--bordermid);
}
.botline {
	border-bottom: 0.0625rem solid var(--bordermid);
}
.toplinegrey {
	border-top: 0.0625rem solid var(--bordermid);
}
.botlinegrey {
	border-bottom: 0.0625rem solid var(--bordermid);
}
.boxradius {
	border-radius: 0.1875rem;
}
.boxmax {
	max-width: 50rem;
	margin: 0 auto;
}
.overflowbox {
	overflow: 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%;
}
.textmaxheight {
	max-height: 82px;
	overflow: hidden;
	transition: all 0.5s;
}
.textopen .textmaxheight {
	max-height: none;
}
.textopenswitchall {
	padding: 4px 12px;
	color: var(--txt);
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	border-radius: var(--radiussmall);
	transition: all 0.3s ease;
}
.textopenswitchall:hover {
	color: var(--btntxtover);
	background-color: var(--btnover);
	border: 0.0625rem solid var(--black);
	border-radius: var(--radiussmall);
}
.textopenswitchall:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--bordernorm);
	border-radius: var(--radiussmall);
}
.textopenswitchall svg path {
	fill: var(--txt);
}
.textopenswitchall:hover svg path {
	fill: var(--btntxtover);
}
.textopenswitchall:active svg path {
	fill: var(--btntxtactive);
}
.textopen .textopenswitch,.textcloseswitch {
	display: none;
}
.textopen .textcloseswitch {
	display: inherit;
}
.theme-switch-wrapper label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
}
.theme-switch-wrapper label:hover {
	color: var(--hiconhigh);
	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(--bgmain);
	transition: 0.4s;
}
.slider:before {
	position: absolute;
	left: 0.25rem;
	bottom: 0.25rem;
	width: 1.625rem;
	height: 1.625rem;
	content: "";
	background-color: var(--txt);
	transition: 0.4s;
}
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);
}
:root {
	--listitempadding: 0.625rem;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlayfixed {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	appearance: none;
	color: var(--white);
	border: none;
	background-color: rgba(var(--overlaysub),0.75) !important;
}
.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.0625rem solid var(--borderheader);
	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 a {
	color: var(--pritxt);
	letter-spacing: 0.0625rem;
}
.primidbox {
	display: none;
}
.primidbox svg {
	height: 1.25rem;
	width: auto;
	margin: auto 0.625rem;
}
.pribg a,.hsprachen a {
	color: var(--pritxt);
}
.pribg a:hover svg path,.priwbox .headiconbox:hover svg path {
	fill: var(--priover);
}
.priwbox .headiconbox:hover,.pribg 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 {
	display: block;
	width: calc(100% - 11.25rem);
	height: 6rem;
	padding: 0.5rem 0;
	text-align: center;
	transition: all 0.3s ease;
}
.logobox img {
	max-height: 100%;
	width: auto;
	max-width: 100%;
	padding-top: 0.3125rem;
}
.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 {
	margin-right: 0.625rem;
}
.hhview:hover .hhlines,.hhview:hover .hhlines::before,.hhview:hover .hhlines::after {
	background-color: var(--hiconhigh);
}
.hhview:active .hhlines,.hhview:active .hhlines::before, .hhview:active .hhlines::after {
	background-color: var(--hiconactiv);
}
.menuoverlay,.kontooverlay {
	left: -110vw;
	z-index: 202;
	text-align: left;
}
.naviwrap {
	font-weight: bold;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
nav {
	display: none;
	position: fixed;
	line-height: 1.5;
	left: -25rem;
	top: 0;
	height: 100vh;
	width: 100%;
	max-width: 20rem;
	overflow: auto;
	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 {
	width: 100%;
	font-size: 1rem;
	background-color: var(--bgdropbox);
	transition: background-color 0.3s ease;
	font-weight: 400;
}
.onelink {
	display: block;
	padding: 0.75rem 0 0.75rem 1rem;
	color: var(--navtxtsmall);
	text-decoration: none;
	cursor: pointer;
}
.onelink:hover {
	color: var(--navtxtsubhigh);
	background-color: var(--navhigh);
	text-decoration: none;
	cursor: pointer;
}
.onelink:active {
	color: var(--navtxtsubactiv);
	cursor: pointer;
}
.bordertop {
	border-top: 0.0625rem solid var(--bordertop);
}
.twowarp {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - var(--navtwotop));
	padding: 0 0 1rem 0;
	background-color: var(--bgdropbox);
}
.navmobil .twowarp {
	top: var(--navtwotop);
}
.twobox {
	width: 100%;
	max-width: 21.875rem;
	color: var(--txt);
	overflow: hidden;
}
.onebox:first-child .ktwowarp {
	top: 0;
}
.twolink {
	display: block;
	padding: 0.875rem 0 0.75rem 1rem;
	color: var(--navtxtsubsmall);
	background-color: var(--bgdropbox);
	cursor: pointer;
	overflow: hidden;
	text-decoration: none;
}
.twoall {
	border-bottom: 0.0625rem solid var(--navsuballborder);
}
.twoall svg {
	height: 1.25rem;
	width: auto;
	margin-top: -0.1875rem;
	vertical-align: middle;
}
.twoall svg path {
	fill: var(--txt);
}
.twoall:hover svg path {
	fill: var(--navtxtsubhigh);
}
.twoall:active svg path {
	fill: var(--navtxtsubactiv);
}
.twolink:hover {
	color: var(--navtxtsubhigh);
	background-color: var(--navhigh);
	text-decoration: none;
}
.twolink:active {
	color: var(--navtxtsubactiv);
	text-decoration: none;
}
.twolink:focus-visible {
	outline-offset: -0.125rem;
}
.twoback {
	display: flex;
	align-items: center;
	color: var(--navtxtsubsmall);
	font-size: 1rem;
	line-height: 1.5rem;
	transition: all 0.25s ease;
}
.twoback svg path {
	fill: var(--navtxtsubsmall);
}
.twoback:hover {
	color: var(--navtxtsubhigh);
}
.twoback:active {
	color: var(--navtxtsubactiv);
}
.twoback:hover svg path {
	fill: var(--navtxtsubhigh);
}
.twoback:active svg path {
	fill: var(--navtxtsubactiv);
}
.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(--arrownextbtn) no-repeat right 1.5rem center;
}
.twounter:active {
	background: var(--navactiv) var(--arrownextbtn) no-repeat right 1.5rem center;
}
.ktinfobox {
	display: none;
}
.mobil .onelink {
	text-transform: none;
}
.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.hsmallboxes .dropright a svg path {
	color: var(--txt);
	fill: var(--txt);
}
.hsmallboxes a:hover,.hsmallboxes:hover svg path,.headiconbox:hover {
	color: var(--hfillhigh);
	fill: var(--hfillhigh);
	background-color: transparent;
	outline: none !important;
}
.hsmallboxes a:active {
	color: var(--activ);
	fill: var(--activ);
	background-color: transparent;
	outline: none !important;
}
.hsmallboxes .dropright a,.hsmallboxes .dropright svg path,.hsmallboxes .dropright a svg path {
	color: var(--txt);
	fill: var(--txt);
}
.hsmallboxes .dropright a:hover,.hsmallboxes .dropright a:hover svg path {
	color: var(--hfillhigh);
	fill: var(--hfillhigh);
}
.hsmallboxes .dropright a:active,.hsmallboxes .dropright a:active svg path {
	color: var(--activ);
	fill: var(--activ);
}
.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(--bubbletxtactiv);
	fill: var(--bubbletxtactiv);
	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;
}
.headiconbox:hover svg path {
	fill: var(--hiconhigh);
}
.headiconbox:active svg path {
	fill: var(--hiconactiv);
}
.headiconbox:hover .headbubble {
	color: var(--bubbletxthigh);
	fill: var(--bubbletxthigh);
	background-color: var(--bubblehigh);
}
.headiconbox:active .headbubble {
	color: var(--bubbletxtactiv);
	fill: var(--bubbletxtactiv);
	background-color: var(--bubbleactiv);
}
.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;
}
.overlayright {
	display: none;
	right: -110vw;
	z-index: 201;
}
.dropright {
	position: fixed;
	display: none;
	top: 0;
	right: -30rem;
	width: 100%;
	max-width: 25rem;
	height: 100vh;
	padding: 0.625rem;
	background-color: var(--bgdropbox);
	overflow: auto;
	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: 202;
}
.dropclose {
	padding: 0.125rem 0.125rem 0.125rem 0.5rem;
	color: var(--btnsubtxt);
	background-color: transparent;
	border: 0.0625rem solid var(--btnsubtxt);
	border-radius: var(--radiussmall);
	cursor: pointer;
	transition: all 0.25s ease;
}
.dropclose svg {
	height: 1.75rem;
	width: auto;
	transition: all 0.4s ease-in-out;
}
.dropclose svg path {
	fill: var(--btnsubtxt);
}
.dropclose:hover svg {
	transform: rotate(90deg);
}
.dropclose:hover,.dropclose:hover svg path {
	color: var(--btntxtover);
	background-color: var(--btnover);
	border: 0.0625rem solid var(--btnover);
	fill: var(--btntxtover);
}
.dropclose:active,.dropclose:active svg path {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--btnactive);
	fill: var(--btntxtactive);
}
.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;
}
.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);
}
#hkontolink:hover {
	color: var(--btntxtover);
}
.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 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;
}
.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;
}
.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;
}
.suchbox label {
	color: var(--txtwhite);
}
.hsbox {
	width: 100%;
	margin: 0 auto 1.25rem 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;
	line-height: 2.125rem;
	color: var(--txt);
	background-color: var(--suchinputbg);
	border: 0 none;
	appearance: none;
	transition: all 0.3s ease;
	border: 0 none;
}
.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;
	appearance: none;
	transition: all 0.3s ease;
}
.suchbtn:hover {
	background: var(--hiconhigh) var(--lupe-over) center no-repeat;
	background-size: 1rem 1rem;
}
.suchbtn:active {
	background: var(--hiconactiv) var(--lupe-active) center no-repeat;
	background-size: 1rem 1rem;
}
.hsbox:focus-within .suchbtn {
	background: var(--hiconhigh) var(--lupe-over) center no-repeat;
}
.hsbox:focus-within .suchbtn:hover {
	background-color: var(--hiconhigh);
	background-image: var(--lupe-over);
}
.hsbox:focus-within .suchbtn:active {
	background-color: var(--hiconactiv);
	background-image: var(--lupe-active);
}
#slbox {
	min-width: 18.75rem;
	padding: 0.5rem 0 0.5rem 0;
	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;
}
.itemboxsl {
	padding: 0.375rem 0;
}
#slbox a:hover {
	color: var(--txt);
}
.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.9375rem;
}
.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-over) 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-over) 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(--bggruen) var(--adrselect-euro-over) center center no-repeat;
	border: 0.0625rem solid var(--bggruen);
	cursor: text;
}
.nobtnadrli {
	background: var(--bggruen) 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;
}
.homehead {
	font-size: 1.6875rem;
	text-align: center;
}
.lstmenubox,.menubox {
	display: none;
}
#lstcontent {
	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;
}
.lstkatdetailimg {
	width: 100%;
	height: 21.25rem;
	border-radius: var(--radiussmall);
}
#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-bottom: 0.625rem;
	background: var(--bgcontent);
	cursor: pointer;
	border-radius: 0.375rem;
	box-shadow: 0 0 0.125rem 0 rgba(var(--rgbblack), 0.3);
	transition: background-color,background-size,box-shadow 0.35s ease;
}
.subkatbox:hover {
	box-shadow: 0 0 0.25rem 0 rgba(var(--rgbblack), 0.3);
}
.kataloglink {
	padding: 1.25rem 0 0.625rem 0;
	font-size: 1rem;
}
.homewarp,.crosswrap,.itemwarp,.galwrap,.suchwrap,.phgalwrap,
.lastwidth {
	width: calc(50% - 1.25rem);
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}
.itembox {
	padding-bottom: 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 {
	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);
	border-radius: 0.1875rem;
	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%;
	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: 700;
}
.itemspecials div {
	padding: 0.25rem 0.5rem 0.0625rem 0.5rem;
}
.itemdesc {
	font-size: 1.125rem;
}
.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);
}
.itemdescheight,.itemdescadditheight {
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}
.itembotbox {
	width: 100%;
	margin-top: auto;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.itemepbox {
	width: 100%;
	min-height: 3.75rem;
	padding: 0.5rem 0 0.25rem 0;
	margin-top: auto;
	text-align: center;
}
.epcolor {
	color: var(--ep);
}
.lastbgbox {
	background-color: var(--bglast);
}
.lastbgbox .itembox {
	background-color: var(--itembglast);
}
.dbestand {
	font-size: 0.875rem;
}
.dbestandverf {
	color: var(--bestandgruen);
}
.dbestandgering {
	color: var(--bestandorange);
}
.dbestandnicht {
	color: var(--bestandblau);
}
.dbestandanfrage {
	color: var(--bestandrot);
}
[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);
	appearance: none;
	border-radius: var(--radiussmall);
	background-color: var(--bgform);
	background-image: var(--arrowselect);
	background-repeat: no-repeat;
	background-position: right 0.25rem center;
	cursor: pointer;
}
.btnpages,.btnpagesa,.pagesno {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 0.5rem 0.25rem 0 0.25rem;
	text-decoration: none;
	background-color: var(--bgmain);
	color: var(--btntxt);
	border: 0.0625rem solid var(--btn);
	border-radius: var(--radiussmall);
	transition: all 0.2s ease;
	overflow: hidden;
}
.btnpages:hover {
	color: var(--btntxtover);
	background-color: var(--btnover);
	border: 0.0625rem solid var(--btnover);
	text-decoration: none;
}
.btnpages:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	border: 0.0625rem solid var(--btnactive);
	text-decoration: none;
}
.btnpagesa {
	color: var(--btnpagesactive);
	background-color: var(--bgmain);
	border: 0.0625rem solid var(--btnpagesactive);
}
.pagesno {
	width: 2.5rem;
	color: var(--txt);
	background-color: transparent;
	border: 0.0625rem solid var(--txt);
}
.pagesteps,.pagesteps:hover,.pagesteps:active {
	font-size: 0.0625rem;
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
.pagesteps:first-child {
	background-image: var(--pagesfirst);
}
.pagesteps:first-child:hover {
	background-image: var(--pagesfirstover);
}
.pagesteps:last-child {
	background-image: var(--pageslast);
}
.pagesteps:last-child:hover {
	background-image: var(--pageslastover);
}
.pagesteps:nth-child(2) {
	background-image: var(--pagesprev);
}
.pagesteps:nth-child(2):hover {
	background-image: var(--pagesprevover);
}
.pagesteps:nth-last-child(2) {
	background-image: var(--pagesnext);
}
.pagesteps:nth-last-child(2):hover {
	background-image: var(--pagesnextover);
}
ul.productkruemel:first-of-type {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.detailhead {
	font-size: 2rem;
}
#dherstellerimg {
	height: 2rem;
	width: auto;
	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(--arrownextbtnwht) !important;
}
.fancybox-prev span {
	background-image: var(--arrowprevbtnwht) !important;
}
.fancybox-next:hover span {
	background-image: var(--arrownextbtnwht) !important;
}
.fancybox-prev:hover span {
	background-image: var(--arrowprevbtnwht) !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) !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: 700;
	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: 0.375rem 1.25rem 0.375rem 2.75rem;
	background-image: var(--file-pdf-btn);
	background-position: left 1.25rem center;
	background-repeat: no-repeat;
}
a.btnpdf:hover,.btnpdf:active {
	padding: 0.375rem 1.25rem 0.375rem 2.75rem;
	background-image: var(--file-pdf-btn-over);
	background-position: left 1.25rem center;
	background-repeat: no-repeat;
}
.depbxs {
	padding: 0;
	vertical-align: baseline;
}
.dep {
	font-size: 2rem;
	vertical-align: baseline;
	color: var(--ep);
	font-weight: 700;
}
.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%;
}
#dinputbox {
	top: -7.5rem;
	left: 0;
}
.ankztxterror {
	border-color: var(--error);
	background: var(--lockedbg);
}
.daddwkquant {
	margin: 0 20% 1rem 20%;
	width: 60%;
	height: 3rem;
	padding-top: 0.25rem;
	line-height: 2.75rem;
	text-align: center;
	color: var(--txtform);
	background-color: var(--bgform);
	border-left: none;
	border-right: none;
	border-top: 0.0625rem solid var(--btnquant);
	border-bottom: 0.0625rem solid var(--btnquant);
}
.daddwkquant:focus {
	color: var(--txtformfocus);
	background-color: var(--bgformfocus);
	border-top: 0.0625rem solid var(--btnquant);
	border-bottom: 0.0625rem solid var(--btnquant);
}
.daddwkbtn {
	appearance: none;
	display: block;
	width: 100%;
	padding: 0.25rem 0 0 1.25rem;
	height: 3rem;
	font-size: 1.5rem;
	line-height: 2.75rem;
	text-align: center;
	color: var(--btnaddwktxt);
	text-decoration: none;
	border: 0.0625rem solid var(--btnaddwk);
	cursor: pointer;
	background-color: var(--btnaddwk);
	background-image: var(--add-wk);
	background-position: calc(50% - 6.375rem) center;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
	transition: all 0.3s linear;
}
.daddwkbtn:hover {
	color: var(--btnaddwk);
	background-color: var(--btnaddwkbgover);
	background-image: var(--add-wk-over);
	text-decoration: none;
}
.daddwkbtn:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	background-image: var(--add-wk-activ);
	border: 0.0625rem solid var(--btnactive);
	text-decoration: none;
}
.danfragebtn {
	font-size: 1.5rem !important;
	background-image: var(--bubble-wht);
	background-position: calc(50% - 5.25rem) center !important;
	background-repeat: no-repeat;
}
.danfragebtn:hover {
	background-image: var(--bubble-over);
	background-position: calc(50% - 5.25rem) center !important;
	background-repeat: no-repeat;
}
.danfragebtn:active {
	color: var(--btntxtactive);
	background-image: var(--bubble-wht);
	background-position: calc(50% - 5.25rem) center !important;
	background-repeat: no-repeat;
}
#daddwkup,#daddwkdown {
	position: absolute;
	top: 0;
	width: 20%;
	height: 3rem;
	line-height: 3rem;
	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;
}
.btnwkup,.btnwkdown {
	position: absolute;
	bottom: 0;
	width: 20%;
	height: 3rem !important;
	line-height: 3rem;
	text-align: center;
	color: var(--txt);
	background-color: var(--btnquant);
	border: none;
	cursor: pointer;
}
.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);
}
#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;
	left: 0;
	z-index: 230;
}
.overlayfixed.reviewblocker {
	background-color: transparent !important;
}
.reviewblocker {
	left: 0;
	color: var(--white);
	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: 1200px;
}
.freeshipbox {
	color: var(--txtdarkgrey);
	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(--txtdarkgrey);
	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(--bordermid);
}
#wkposwarp form {
	width: 100%;
}
.wklockedbg {
	background-color: var(--lockedbg);
}
.wkpboxes {
	padding: 0.75rem 0;
	border-bottom: 0.0625rem solid var(--bordermid);
}
.wkpboxes .errorall {
	margin-bottom: 0.5rem;
}
.kasposborder {
	padding: 0 0 1rem 0;
	margin-bottom: 1rem;
	border-bottom: 0.0625rem solid var(--bordermid);
}
.wkpimg {
	flex: 1 1 20%;
	max-width: 6.25rem;
	margin-top: 0.375rem;
}
.wkposbezb {
	flex: 1 1 80%;
	padding-left: 0.5rem;
}
.kaspimg {
	width: 20%;
	margin-top: 0.375rem;
}
.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: 1.25rem;
}
.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(--active);
	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.625rem);
	position: relative;
}
.wkqw .daddwkquant {
	width: 40%;
	margin: 0 30%;
}
.wkrefrbox	 {
	width: 3rem;
	margin: 1.25rem 0 0 0.625rem;
}
.btnrefresh {
	appearance: none;
	width: 100%;
	height: 3rem !important;
	line-height: 3rem;
	padding: 0 0 0.375rem 100%;
	border: none;
	font-size: 0.875rem;
	color: var(--btnsubtxt);
	text-align: center;
	cursor: pointer;
	background-color: var(--bgmain);
	background-image: var(--refresh-wk);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	border: 0.0625rem solid var(--btnsub);
	border-radius: var(--radiussmall);
	overflow: hidden;
	transition: all 0.3s ease;
}
.btnrefresh.mustrefresh {
	background-color: var(--btnbgrefresh);
	border: 0.0625rem solid var(--btnbgrefresh);
}
.btnrefresh:hover {
	color: var(--btntxtover);
	background-color: var(--btnover);
	background-image: var(--refresh-wk-over);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	border: 0.0625rem solid var(--btnover);
}
.btnrefresh:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	background-image: var(--refresh-wk-activ);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	border: 0.0625rem solid var(--btnactive);
}
.totalbezbox {
	width: 60%;
}
.totalpreisbox {
	width: 40%;
}
.ordmid {
	font-size: 1rem;
}
.ordbig {
	font-size: 1.25rem;
}
.btnrefreshbig {
	padding: 0.375rem 1.25rem 0.375rem 1.75rem;
	background-image: var(--refresh-wk);
	background-position: center left 0.75rem;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
}
.btnrefreshbig:hover {
	background-image: var(--refresh-wk-over);
	background-position: center left 0.75rem;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
}
.btnrefreshbig:active {
	background-image: var(--refresh-wk-activ);
	background-position: center left 0.75rem;
	background-repeat: 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(--bordermid);
	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;
}
input[type="radio"].payradio:checked {
	background-color: var(--activ);
	background-image: var(--checkmark-checkout);
	background-repeat: no-repeat;
	background-position: center;
	border: 0.0625rem solid var(--activ);
	border-radius: var(--radiussmall);
}
.payradio:checked + .paybez,.txtcheck {
	color: var(--activ);
	font-weight: 700;
}
.paybez {
	padding: 0 0 0 0.5rem;
	font-size: 1rem;
	cursor: pointer;
}
.paybes {
	padding: 0.25rem 0 0 2rem;
}
.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.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
	background-color: var(--bgform);
	border: 0.0625rem solid var(--borderform);
	border-radius: var(--radiussmall);
}
.shippingtxtactive {
	font-size: 1rem;
	font-weight: 700;
	color: var(--activ);
}
.shippingtxtactive::before {
	display: inherit;
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
	background-color: var(--activ);
	background-image: var(--checkmark-checkout);
	background-repeat: no-repeat;
	background-position: center;
	border: 0.0625rem solid var(--activ);
	border-radius: var(--radiussmall);
}
.txtcheck.adrswitch {
	font-weight: 400;
}
.adrswitch:before {
	top: 0.25rem;
}
.kastxtfull {
	height: 4rem;
}
.kastxtfocus:focus-within .kastxtfull {
	position: static;
	height: 12rem;
	z-index: 2;
}
#kasagbbox a {
	text-decoration: underline;
}
.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(--orderbtntxt);
	background-color: var(--orderbtnbg);
	background-image: var(--arrownextbtnblk);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	border: none;
}
.btnbestellen:hover {
	background-image: var(--arrownextbtnwht);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	border: none;
}
.btnbestellen:active {
	border: none;
}
.agbbez {
	padding: 0 0 0 0.5rem;
	cursor: pointer;
}
#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);
}
#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(--white);
	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;
}
.listadd form {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.listadd form label {
	width: 70%;
}
.listaddwkquant {
	margin: 0 0 0.25rem 0;
	width: 100%;
	height: 3rem;
	font-size: 1.5rem;
	line-height: 3rem;
	text-align: center;
	color: var(--txtform);
	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;
}
.btnmzpostop {
	top: 1.25rem;
	bottom: auto;
}
.listaddwkbtn {
	-webkit-appearance: none;
	appearance: none;
	order: 2;
	width: 27%;
	padding: 0 0 0 27%;
	margin: 1.1875rem 0 0 2%;
	height: 3rem;
	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: 0.0625rem solid var(--btnaddwk);
	border-radius: var(--radiussmall);
	overflow: hidden;
	transition: all 0.3s linear;
}
.addedwk .listaddwkbtn,.dcolright .addedwk .daddwkbtn {
	background-color: var(--btnbgrefresh);
}
.listaddwkbtn:hover {
	color: var(--btnaddwk);
	background-color: var(--btnaddwkbgover);
	background-image: var(--add-wk-over);
	border: 0.0625rem solid var(--btnaddwk);
}
.listaddwkbtn:active {
	color: var(--btntxtactive);
	background-color: var(--btnactive);
	background-image: var(--add-wk-activ);
	border: 0.0625rem solid var(--btnactive);
}
.btnmzanfrage,.btnmzanfrage:hover,.btnmzanfrage:active {
	float: none !important;
	margin: 0  !important;
	font-size: 1.25rem !important;
	background-position: calc(50% - 4.25rem) center !important;
	border-radius: var(--radiussmall);
}
.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 {
	display: none;
	position: fixed;
	top: 0;
	left: -25rem;
	height: 100vh;
	width: 100%;
	max-width: 20rem;
	overflow: auto;
	background-color: var(--bgdropbox);
	overflow: auto;
	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 {
	display: none;
	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;
}
.kontomenu a,.kontomenu > div {
	width: 100%;
}
.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 {
	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 {
	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: center 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: center 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;
}
.logosvgbox {
	width: 18.75rem;
	height: 18.75rem;
	margin: 0 auto;
	background-image: var(--logotexte);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18.75rem auto;
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.fadeinup-animated .logosvgbox {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.fadeinup-animated h2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.fadeinup-animated .textani1 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.fadeinup-animated .textani2 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.lstrows > div,.lstrows > a {
	padding: 0.5rem 0.625rem;
}
.lstrows > div:nth-child(even),.lstrows > a:nth-child(4n-2) {
	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;
}
.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);
	font-size: 1rem;
	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;
	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;
}
.pttxt,
.pttxt div,
.pttxt span,
.pttxt dd,
.pttxt dl,
.pttxt a,
.ptfull div,
.ptfull p,
.ptfull span,
.ptfull li,
.ptfull ul,
.ptfull ol,
.ptfull dd,
.ptfull dl,
.ptfull a,
.ptfull img {
	font-family: inherit !important;
	font-size: inherit !important;
	color: var(--txt) !important;
	background-color: transparent !important;
}
.ptfull .txt11,.pttxt .txt11 {
	font-size: 0.6875rem !important;
}
.ptfull .txt12,.pttxt .txt12 {
	font-size: 0.75rem !important;
}
.ptfull .txt13,.pttxt .txt13 {
	font-size: 0.8125rem !important;
}
.ptfull .txt14,.pttxt .txt14 {
	font-size: 0.875rem !important;
}
.ptfull .txt15,.pttxt .txt15 {
	font-size: 0.9375rem !important;
}
.ptfull .txt16,.pttxt .txt16 {
	font-size: 1rem !important;
}
.ptfull .txt18,.pttxt .txt18 {
	font-size: 1.125rem !important;
}
.ptfull .txt20,.pttxt .txt20 {
	font-size: 1.25rem !important;
}
.ptfull .txt22,.pttxt .txt22 {
	font-size: 1.375rem !important;
}
.ptfull .txt24,.pttxt .txt24 {
	font-size: 1.5rem !important;
}
.ptfull .txt26,.pttxt .txt26 {
	font-size: 1.625rem !important;
}
.ptfull .txt28,.pttxt .txt28 {
	font-size: 1.75rem !important;
}
.ptfull .txt30,.pttxt .txt30 {
	font-size: 1.875rem !important;
}
.ptfull .txt32,.pttxt .txt32 {
	font-size: 2rem;
}
.ptfull .txt36,.pttxt .txt36 {
	font-size: 2.25rem !important;
}
.ptfull .txtl,.pttxt .txtl {
	text-align: left !important;
}
.ptfull .txtc,.pttxt .txtc {
	text-align: center !important;
}
.ptfull .txtr,.pttxt .txtr {
	text-align: right !important;
}
.ptfull .txtbold,.pttxt .txtbold {
	font-weight: 700 !important;
}
.ptfull .txtitalic,.pttxt .txtitalic {
	font-style: italic !important;
}
.ptfull .txtppmrot,.pttxt .txtppmrot {
	color: var(--menukthead) !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;
}
.txticon {
	display: inline-block;
	max-height: 1rem;
	width: auto;
	padding: 0;
	vertical-align: baseline;
}
svg.txticon path {
	fill: var(--txt);
}
ul.agblst {
	list-style: none;
	padding-left: 0;
}
.divtable-30,.divtable-40 {
	display: flex;
	flex-wrap: wrap;
	transition: all 0.3s ease;
}
.divtable-30 > div:nth-child(2n-1),.divtable-40 > div:nth-child(2n-1) {
	flex: 1 1 100%;
	padding-top: 0.5rem;
	padding-left: 0.25rem;
	padding-bottom: 0.5rem;
	margin-top: 1rem;
	font-style: italic;
	font-weight: 600;
	background-color: var(--bgdivtable) !important;
	transition: all 0.3s ease;
}
.divtable-30 > div:nth-child(2n),.divtable-40 > div:nth-child(2n) {
	flex: 1 1 100%;
	padding-top: 0.5rem;
	padding-left: 0.25rem;
	transition: all 0.3s ease;
}
.fullwidthimg,.fullimg {
	max-width: 100%;
	height: auto;
}
.ptfull .bild400,.pttxt  .bild400 {
	width: 100%;
	max-width: 25rem;
	height: auto;
}
.ptfull .bild600,.pttxt  .bild600 {
	width: 100%;
	max-width: 37.5rem;
	height: auto;
}
.ptfull .bild800,.pttxt .bild800 {
	width: 100%;
	max-width: 50rem;
	height: auto;
}
.ptfull .halfimgbox,.pttxt .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(--hiconhigh);
	;
	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-footer-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-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.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(--bgmain);
	border: 0.0625rem solid var(--btntxt);
	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 svg path {
	fill: var(--btntxtover);
}
.gotop:active svg path {
	fill: var(--btntxtactive);
}
.gotop:hover div {
	background-color: var(--btnover);
	border: 0.0625rem solid var(--btnover);
}
.gotop:active div {
	background-color: var(--btnactive);
	border: 0.0625rem solid 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: var(--activ);
	outline: 0.0625rem solid var(--bordermid);
}
.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);
}
}
.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,.flexdm,.flexds,.flexdxs {
	display: none;
}
.mhyes{
	display: inline;
}
.mobilview {
	display: block;
}