/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* --------------------------- Variablen --------------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
:root {
	/* Farben */
	--orange: #EC7405;
	--orange2: #FAD3AF;
	--black: #36363C;
	--black2: #38383e;
	--white: #FFF;
	--gray: #a9aaab;
	--gray2: #d7dce2;
	--gray3: #eaedf0;
	--gray4: #f4f6f7;
	--gray5: #EAEDF1;
	--gray6: #c3c3c3;
	--gray7: #888;
	--gray8: #eee;
	--gray9: #ecedee;
	--gray10: #d9d9d9;
	
	/* Schriften */
	
	/* Abstände */
	--abstand_9: 0.7rem;
	--abstand_18: 1.4rem;
	--abstand_36: 2.8rem;
	--abstand_72: 5.6rem;
}



/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------- Schriftarten Import --------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */




/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* -------------------- Schriftformatierung -------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
html {
	font-size: 15px;
	line-height: 1.4rem;
	hyphens: auto;
	font-family: Helvetica, Arial, Sans-serif;
	letter-spacing: 0.7px;
}

h1, h2, h3, h4 {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: var(--abstand_18);
}


h1 {
	font-size: 380%;
}

h2 {
	font-size: 260%;
	font-weight: normal;
}

h3 {
	font-size: 28px;
	font-weight: normal;
}

h3 {
	font-weight: normal;
}

small {
	font-size: 75%;
	line-height: 130%;
	display: inline-block;
}

.fontSmall2 {
	font-size: 85%;
}

.fontSmall {
	font-size: 65%;
}

.fontBig {
	font-size: 18px;
	line-height: 140%;
}


.uppercase, .upper {text-transform: uppercase;}
.lowercase, .lower {text-transform: lowercase;}

.breakword {
	word-break: break-word;
}

.breakAll {
	word-break: break-all;
}



@media (max-width: 1024px) {
	html {
		letter-spacing: 0.5px;
	}
}

@media (max-width: 768px) {
	
}

@media (max-width: 600px) {
	/* html {
		font-size: 16px;
	} */

	.fontSmall {
		font-size: 90%;
	}
} 



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ------------------------------ Inputs ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], .inputNoFormat),
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	max-width: 100%;
	outline: none;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], .inputNoFormat),
textarea,
select {
	height: 30px;
	padding: 5px;
	background-color: var(--white);
	border: 1px solid var(--gray6);
}

input[type="color"] {padding: 0;}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], [readonly], .inputNoFormat):focus,
textarea:focus,
select:focus {
	box-shadow: 0px 0px 5px -2px var(--gray);
}


input[readonly] {
	color: var(--gray7);
	background-color: var(--gray8);
}

textarea {
	height: 150px;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], .inputNoFormat)::placeholder,
textarea::placeholder {
	
}



/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* ------------------------------ Buttons ------------------------------ */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
input[type="checkbox"], input[type="radio"],
input[type="submit"], input[type="button"],
button,
label,
select {cursor: pointer;}

input[type="button"]:not(.inputNoFormat), input[type="submit"]:not(.inputNoFormat), button:not(.inputNoFormat), .button, .button_gray, .buttonGray {
	font-family: inherit;
	font-size: inherit;
	max-width: 100%;
	padding: 2px 10px;
	display: inline-flex;
	text-decoration: none !important;
	overflow: hidden;
	border-radius: 0;
	height: 30px;
	justify-content: center;
	align-items: center;
}

input[type="button"]:not(.inputNoFormat), input[type="submit"]:not(.inputNoFormat), button:not(.inputNoFormat), .button {
	background-color: var(--orange);
	color: var(--white);
	border: 1px solid var(--orange);
}

.button_gray, .buttonGray {
	background-color: var(--gray9);
	color: var(--black);
	border: 1px solid var(--gray9);
}


input[type="button"]:not(.inputNoFormat):hover, input[type="submit"]:not(.inputNoFormat):hover, button:not(.inputNoFormat):hover, .button:hover,
input[type="button"]:not(.inputNoFormat):focus, input[type="submit"]:not(.inputNoFormat):focus, button:not(.inputNoFormat):focus, .button:focus {
	background-color: #ccc;
	border-color:  #ccc;
	color: var(--white);
}

.button_gray:hover, .buttonGray:hover,
.button_gray:focus, .buttonGray:focus {
	background-color: var(--gray10);
	border-color:  var(--gray10);
	color: var(--black);
}

.buttonBig {
	height: 40px;
}




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ------------------------------ Farben ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
html {
	color: var(--black);
}

::selection {
	background-color: var(--orange);
	color: var(--white);
}


a {
	color: var(--orange);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--orange2);
}



.white {color: var(--white);} .bg_white {background-color: var(--white);}
.black {color: var(--black);} .bg_black {background-color: var(--black);}
.orange {color: var(--orange);} .bg_orange {background-color: var(--orange);}
.gray {color: var(--gray7)} .bg_gray {background-color: var(--gray7);}


.color_inherit {color: inherit;}



.border_gray {
	border: 1px solid var(--gray);
}

.border_gray2 {
	border: 1px solid var(--gray2);
}

.border_gray3 {
	border: 1px solid var(--gray3);
}

.border_gray4 {
	border: 1px solid var(--gray4);
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ----------------------------- Breiten ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
.contentWrapper, .cWrapper, .bigIncludeTo.col44, .crWrapper {
	display: block;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

img, video, iframe {
	max-width: 100%;
	max-height: 100%;
}


.wide, .col14, .col34, .col13, .col23, .col15, .col12,
.formularColL, .formularColR, .formularCaptchaWrapper > div > * {
	display: inline-block;
	vertical-align: top;
}


.wide, .col44, .col33, .col22, .col11 {width: 100%;}
.col12 {width: 50%;}
.col14 {width: 25%;}
.col15 {width: 20%;}
.col13 {width: 33.33%;}
.col23 {width: 66.66%;}
.col34 {width: 75%;}




.bigIncludeTo.col44, .col12flexAb9  {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.col12flexAb9 {
	gap: var(--abstand_9);
}

.col12flexAb9 > * {width: calc(50% - var(--abstand_9) / 2);}

.crWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}

.crWrapper > * {
	width: 75%;
}


.formularColL, .formularColR {margin-bottom: 14px;}
.formularColL {width: 240px;}
.formularColR {width: calc(100% - 240px);}
.formularCaptchaWrapper > div > aside {margin-right: 14px;}


@media (max-width: 1440px) {
	.col14 {width: 33%;}
}
@media (max-width: 1240px) {
	.col14flexAb > * {width: calc(33.33% - 13.33px);}
}
@media (max-width: 1024px) {
	.crWrapper > * {
		width: 100%;
	}

	.col14 {width: 50%;}
	
	.col14flexAb > * {width: calc(50% - 10px);}
	.col13flexAb > * {width: calc(50% - var(--abstand_18) / 2);}
}


@media (max-width: 768px) {
	.col34, .col14, .col12, .col12flexAb9 > * {width: 100%;}
}


@media (max-width: 600px) {
	.col14, .col13, .col15, .formularColL, .formularColR {width: 100%;}
	
	.formularColL {margin-bottom: 0;}
}



/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* ----------------------------- Abstaende ----------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
.tm0 {margin-top: 0px;} .bm0 {margin-bottom: 0px;}
.lm0 {margin-left: 0px;} .rm0 {margin-right: 0px;}
.hm0 {margin-left: 0px; margin-right: 0px;}
.vm0 {margin-top: 0px; margin-bottom: 0px;}
.tp0 {padding-top: 0px;} .bp0 {padding-bottom: 0px;}
.lp0 {padding-left: 0px;} .rp0 {padding-right: 0px;}
.hp0 {padding-left: 0px; padding-right: 0px;}
.vp0 {padding-top: 0px; padding-bottom: 0px;}


.tm9 {margin-top: var(--abstand_9);} .bm9 {margin-bottom: var(--abstand_9);}
.lm9 {margin-left: var(--abstand_9);} .rm9 {margin-right: var(--abstand_9);}
.hm9 {margin-left: var(--abstand_9); margin-right: var(--abstand_9);}
.vm9 {margin-top: var(--abstand_9); margin-bottom: var(--abstand_9);}
.tp9 {padding-top: var(--abstand_9);} .bp9 {padding-bottom: var(--abstand_9);}
.lp9 {padding-left: var(--abstand_9);} .rp9 {padding-right: var(--abstand_9);}
.hp9 {padding-left: var(--abstand_9); padding-right: var(--abstand_9);}
.vp9 {padding-top: var(--abstand_9); padding-bottom: var(--abstand_9);}


.tm18 {margin-top: var(--abstand_18);} .bm18 {margin-bottom: var(--abstand_18);}
.lm18 {margin-left: var(--abstand_18);} .rm18 {margin-right: var(--abstand_18);}
.hm18 {margin-left: var(--abstand_18); margin-right: var(--abstand_18);}
.vm18 {margin-top: var(--abstand_18); margin-bottom: var(--abstand_18);}
.tp18 {padding-top: var(--abstand_18);} .bp18 {padding-bottom: var(--abstand_18);}
.lp18 {padding-left: var(--abstand_18);} .rp18 {padding-right: var(--abstand_18);}
.hp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
.vp18 {padding-top: var(--abstand_18); padding-bottom: var(--abstand_18);}


.tm36 {margin-top: var(--abstand_36);} .bm36 {margin-bottom: var(--abstand_36);}
.lm36 {margin-left: var(--abstand_36);} .rm36 {margin-right: var(--abstand_36);}
.hm36 {margin-left: var(--abstand_36); margin-right: var(--abstand_36);}
.vm36 {margin-top: var(--abstand_36); margin-bottom: var(--abstand_36);}
.tp36 {padding-top: var(--abstand_36);} .bp36 {padding-bottom: var(--abstand_36);}
.lp36 {padding-left: var(--abstand_36);} .rp36 {padding-right: var(--abstand_36);}
.hp36 {padding-left: var(--abstand_36); padding-right: var(--abstand_36);}
.vp36 {padding-top: var(--abstand_36); padding-bottom: var(--abstand_36);}



@media (max-width: 1440px) {

}


@media (max-width: 1024px) {
	.ttm0 {margin-top: 0px;} .tbm0 {margin-bottom: 0px;}
	.tlm0 {margin-left: 0px;} .trm0 {margin-right: 0px;}
	.thm0 {margin-left: 0px; margin-right: 0px;}
	.tvm0 {margin-top: 0px; margin-bottom: 0px;}
	.ttp0 {padding-top: 0px;} .tbp0 {padding-bottom: 0px;}
	.tlp0 {padding-left: 0px;} .trp0 {padding-right: 0px;}
	.thp0 {padding-left: 0px; padding-right: 0px;}
	.tvp0 {padding-top: 0px; padding-bottom: 0px;}


	.ttm9 {margin-top: var(--abstand_9);} .tbm9 {margin-bottom: var(--abstand_9);}
	.tlm9 {margin-left: var(--abstand_9);} .trm9 {margin-right: var(--abstand_9);}
	.thm9 {margin-left: var(--abstand_9); margin-right: var(--abstand_9);}
	.tvm9 {margin-top: var(--abstand_9); margin-bottom: var(--abstand_9);}
	.ttp9 {padding-top: var(--abstand_9);} .tbp9 {padding-bottom: var(--abstand_9);}
	.tlp9 {padding-left: var(--abstand_9);} .trp9 {padding-right: var(--abstand_9);}
	.thp9 {padding-left: var(--abstand_9); padding-right: var(--abstand_9);}
	.tvp9 {padding-top: var(--abstand_9); padding-bottom: var(--abstand_9);}


	.ttm18 {margin-top: var(--abstand_18);} .tbm18 {margin-bottom: var(--abstand_18);}
	.tlm18 {margin-left: var(--abstand_18);} .trm18 {margin-right: var(--abstand_18);}
	.thm18 {margin-left: var(--abstand_18); margin-right: var(--abstand_18);}
	.tvm18 {margin-top: var(--abstand_18); margin-bottom: var(--abstand_18);}
	.ttp18 {padding-top: var(--abstand_18);} .tbp18 {padding-bottom: var(--abstand_18);}
	.tlp18 {padding-left: var(--abstand_18);} .trp18 {padding-right: var(--abstand_18);}
	.thp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
	.tvp18 {padding-top: var(--abstand_18); padding-bottom: var(--abstand_18);}


	.ttm36 {margin-top: var(--abstand_36);} .tbm36 {margin-bottom: var(--abstand_36);}
	.tlm36 {margin-left: var(--abstand_36);} .trm36 {margin-right: var(--abstand_36);}
	.thm36 {margin-left: var(--abstand_36); margin-right: var(--abstand_36);}
	.tvm36 {margin-top: var(--abstand_36); margin-bottom: var(--abstand_36);}
	.ttp36 {padding-top: var(--abstand_36);} .tbp36 {padding-bottom: var(--abstand_36);}
	.tlp36 {padding-left: var(--abstand_36);} .trp36 {padding-right: var(--abstand_36);}
	.thp36 {padding-left: var(--abstand_36); padding-right: var(--abstand_36);}
	.tvp36 {padding-top: var(--abstand_36); padding-bottom: var(--abstand_36);}
}


@media (max-width: 768px) {
	
}

@media (max-width: 600px) {
	.mtm0 {margin-top: 0px;} .mbm0 {margin-bottom: 0px;}
	.mlm0 {margin-left: 0px;} .mrm0 {margin-right: 0px;}
	.mhm0 {margin-left: 0px; margin-right: 0px;}
	.mvm0 {margin-top: 0px; margin-bottom: 0px;}
	.mtp0 {padding-top: 0px;} .mbp0 {padding-bottom: 0px;}
	.mlp0 {padding-left: 0px;} .mrp0 {padding-right: 0px;}
	.mhp0 {padding-left: 0px; padding-right: 0px;}
	.mvp0 {padding-top: 0px; padding-bottom: 0px;}


	.mtm9 {margin-top: var(--abstand_9);} .mbm9 {margin-bottom: var(--abstand_9);}
	.mlm9 {margin-left: var(--abstand_9);} .mrm9 {margin-right: var(--abstand_9);}
	.mhm9 {margin-left: var(--abstand_9); margin-right: var(--abstand_9);}
	.mvm9 {margin-top: var(--abstand_9); margin-bottom: var(--abstand_9);}
	.mtp9 {padding-top: var(--abstand_9);} .mbp9 {padding-bottom: var(--abstand_9);}
	.mlp9 {padding-left: var(--abstand_9);} .mrp9 {padding-right: var(--abstand_9);}
	.mhp9 {padding-left: var(--abstand_9); padding-right: var(--abstand_9);}
	.mvp9 {padding-top: var(--abstand_9); padding-bottom: var(--abstand_9);}


	.mtm18 {margin-top: var(--abstand_18);} .mbm18 {margin-bottom: var(--abstand_18);}
	.mlm18 {margin-left: var(--abstand_18);} .mrm18 {margin-right: var(--abstand_18);}
	.mhm18 {margin-left: var(--abstand_18); margin-right: var(--abstand_18);}
	.mvm18 {margin-top: var(--abstand_18); margin-bottom: var(--abstand_18);}
	.mtp18 {padding-top: var(--abstand_18);} .mbp18 {padding-bottom: var(--abstand_18);}
	.mlp18 {padding-left: var(--abstand_18);} .mrp18 {padding-right: var(--abstand_18);}
	.mhp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
	.mvp18 {padding-top: var(--abstand_18); padding-bottom: var(--abstand_18);}


	.mtm36 {margin-top: var(--abstand_36);} .mbm36 {margin-bottom: var(--abstand_36);}
	.mlm36 {margin-left: var(--abstand_36);} .mrm36 {margin-right: var(--abstand_36);}
	.mhm36 {margin-left: var(--abstand_36); margin-right: var(--abstand_36);}
	.mvm36 {margin-top: var(--abstand_36); margin-bottom: var(--abstand_36);}
	.mtp36 {padding-top: var(--abstand_36);} .mbp36 {padding-bottom: var(--abstand_36);}
	.mlp36 {padding-left: var(--abstand_36);} .mrp36 {padding-right: var(--abstand_36);}
	.mhp36 {padding-left: var(--abstand_36); padding-right: var(--abstand_36);}
	.mvp36 {padding-top: var(--abstand_36); padding-bottom: var(--abstand_36);}
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ---------------------------- Allgemein ----------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}


body {
	margin: 0;
}


.dib {display: inline-block;}
.block, noindex {display: block;}
.none, .radio_none {display: none;}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.flexHl {justify-content: left;}
.flexHr {justify-content: right;}
.flexHc {justify-content: center;}

.flexAc {align-items: center;}
.flexAs {align-items: start;}
.flexAe {align-items: end;}


.flexWrap {flex-wrap: wrap;}
.flexRow {flex-direction: row;}
.flexCol {flex-direction: column;}


.oScroll {overflow: scroll;}
.oHide {overflow: hidden;}
.oVisible {overflow: visible;}

.noDecoration {text-decoration: none;}
.underline {text-decoration: underline;}

.hr {text-align: right;}
.hl {text-align: left;}
.hc {text-align: center;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.vm {vertical-align: middle;}

.float_left {float: left;}
.float_right {float: right;}
.float_clear {float: none;}

.absolute {position: absolute;}
.relative {position: relative;}
.fixed {position: fixed;}


.platzhalter_100 {height: 100px;}
.platzhalter_200 {height: 200px;}
.platzhalter_300 {height: 300px;}
.platzhalter_600 {height: 600px;}

.noText_hide[data-textlength=""], .noText_hide[data-textlength="0"], .noText_hide[data-textlength="1"] {
	display: none;
}


.show_1440, .show_1240, .show_1024, .show_768, .show_600, .show_460 {
	display: none !important;
}


@media (max-width: 1440px) {
	.hide_1440 {display: none !important;}
	.show_1440 {display: inline-block !important;}
}

@media (max-width: 1240px) {
	.hide_1240 {display: none !important;}
	.show_1240 {display: inline-block !important;}
}

@media (max-width: 1024px) {
	.hide_1024 {display: none !important;}
	.show_1024 {display: inline-block !important;}
}

@media (max-width: 768px) {
	.hide_768 {display: none !important;}
	.show_768 {display: inline-block !important;}
}

@media (max-width: 600px) {
	.hide_600 {display: none !important;}
	.show_600 {display: inline-block !important;}
}

@media (max-width: 460px) {
	.hide_460 {display: none !important;}
	.show_460 {display: inline-block !important;}
}


@media print {
	.printHide {
		display: none !important;
	}
}




/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* ---------------------------- Module ----------------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */


/* ----------------------------------------------- */
/* -------------------- Icons -------------------- */
/* ----------------------------------------------- */






/* -------------------------------------------------- */
/* ------------------ Kontaktform ------------------- */
/* -------------------------------------------------- */
.anfrageLinks, .anfrageRechts {
	display: inline-block;
	vertical-align: top;
	margin-bottom: var(--abstand_9);
}

.anfrageLinks {
	width: 280px;
}

.anfrageRechts {
	width: calc(100% - 280px);
}

.kontaktFormLogin_show[data-recht="0"],
.kontaktFormLogin_hide:not([data-recht="0"]) {
    display: none;
}

@media (max-width: 600px) {
	.anfrageLinks, .anfrageRechts {
		width: 100%;
	}
	
	.anfrageLinks {
		margin-bottom: 0;
	}
	
	.anfrageRechts {
		margin-bottom: var(--abstand_9);
	}
}




/* ---------------------------------------------- */
/* ------------------ Switcher ------------------ */
/* ---------------------------------------------- */
.switcherRad {
	display: none;
}

.switcherOptionsWrapper {
	margin-bottom: var(--abstand_18);
}

/* Desktop */
.switcherOptionsDesktop {
	display: flex;
	column-gap: 16px;
	padding: 0 16px;
	border-bottom: 3px solid #838383;
}

.switcherOptionsDesktopLbl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 8px 16px;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	background-color: #D0D0D0;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
}

.switcherOptionsDesktopLbl::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
}

.switcherRad:nth-of-type(2):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(1),
.switcherRad:nth-of-type(3):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(2),
.switcherRad:nth-of-type(4):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(3),
.switcherRad:nth-of-type(5):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(4),
.switcherRad:nth-of-type(6):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(5) {
	border-color: #838383;
	background-color: transparent;
}

.switcherRad:nth-of-type(2):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(1)::after,
.switcherRad:nth-of-type(3):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(2)::after,
.switcherRad:nth-of-type(4):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(3)::after,
.switcherRad:nth-of-type(5):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(4)::after,
.switcherRad:nth-of-type(6):checked ~ .switcherOptionsWrapper .switcherOptionsDesktopLbl:nth-child(5)::after {
	background-color: white;
}



/* Mobil */
.switcherOptionsMobileChk {
	display: none;
}

.switcherOptionsMobile {
	position: relative;
}

.switcherOptionsMobileOpen {
	display: block;
	background-color: var(--gray8);
	padding: 11px 27px 11px 10px;
	position: relative;
}

.switcherOptionsMobileOpen::after {
	content: '';
	display: block;
	position: absolute;
	top: 16px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-right: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	transform: rotate(45deg);
}

.switcherOptionsMobileSelected {
	display: none;
}

.switcherRad:nth-of-type(2):checked ~ .switcherOptionsWrapper .switcherOptionsMobileSelected:nth-child(1),
.switcherRad:nth-of-type(3):checked ~ .switcherOptionsWrapper .switcherOptionsMobileSelected:nth-child(2),
.switcherRad:nth-of-type(4):checked ~ .switcherOptionsWrapper .switcherOptionsMobileSelected:nth-child(3),
.switcherRad:nth-of-type(5):checked ~ .switcherOptionsWrapper .switcherOptionsMobileSelected:nth-child(4),
.switcherRad:nth-of-type(6):checked ~ .switcherOptionsWrapper .switcherOptionsMobileSelected:nth-child(5) {
	display: block;
}


.switcherOptionsMobileDropdown {
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	background-color: var(--white);
	border: 1px solid var(--gray6);
	padding: 0 var(--abstand_9);
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease-in-out;
	overflow-y: auto;
	scrollbar-width: thin;
	z-index: 1;
}

.switcherOptionsMobileChk:checked ~ .switcherOptionsMobileDropdown {
	opacity: 1;
	pointer-events: all;
}

.switcherOptionsMobileDropdownOption {
	display: block;
	text-decoration: none;
	padding: var(--abstand_9) 0;
}

.switcherOptionsMobileDropdownOption:not(:last-child) {
	border-bottom: 1px solid var(--gray6);
}


.switcherOptionsMobileHideArea {
	position: fixed;
	display: block;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	cursor: unset;
	opacity: 0;
	pointer-events: none;
}

.switcherOptionsMobileChk:checked ~ .switcherOptionsMobileHideArea {
	opacity: 1;
	pointer-events: all;
}


/* Inhalt */
.switcherContent {
	display: none;
}

.switcherRad:nth-of-type(2):checked ~ .switcherContentWrapper .switcherContent:nth-child(1),
.switcherRad:nth-of-type(3):checked ~ .switcherContentWrapper .switcherContent:nth-child(2),
.switcherRad:nth-of-type(4):checked ~ .switcherContentWrapper .switcherContent:nth-child(3),
.switcherRad:nth-of-type(5):checked ~ .switcherContentWrapper .switcherContent:nth-child(4),
.switcherRad:nth-of-type(6):checked ~ .switcherContentWrapper .switcherContent:nth-child(5) {
	display: block;
}


@media (min-width: 1025px) {
	.switcherOptionsMobile {
		display: none;
	}
}

@media (max-width: 1024px) {
	.switcherOptionsDesktop {
		display: none;
	}
}




/* -------------------------------------------- */
/* ------------------ Tables ------------------ */
/* -------------------------------------------- */
.custTableContainer{
	overflow-x: auto;
}

.custTable {
	width: 100%;
	border-collapse: collapse;
}

.custTable tr:first-of-type {
	background-color: #e6e6e6;
}

.custTable tr:not(:first-of-type, :last-of-type) {
	border-bottom: 1px solid #e6e6e6;
}

.custTable th {
	text-align: left;
}

.custTable th, .custTable td {
	padding: 5px 10px;
}




@media (max-width: 1440px) {
	
}

@media (max-width: 1024px) {
	
}

@media (max-width: 768px) {
	
}

@media (max-width: 600px) {
	
}

@media (max-width: 360px) {
	
}