/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* --------------------------- Variablen --------------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
:root {
	/* Farben */
	/* Je höher die Nummer desto heller die Farbe */
	--green: #009646;
	--green2: #007337;
	--green3: #33AB6B;
	--green4: #66C090;
	--green5: #99D5B5;
	--green6: #CCEADA;
	--green7: #E5F4EC;
	
	--red: #E10019;
	--red2: #E73347;
	--red3: #ED6675;
	--red4: #F399A3;
	--red5: #F9CCD1;
	
	--black: #000000;
	--black2: #191919;
	--black3: #333333;
	
	--gray: #666666;
	--gray2: #7F7F7F;
	--gray3: #999999;
	--gray4: #B2B2B2;
	--gray5: #4C4C4C;
	--gray6: #CCCCCC;
	--gray7: #E5E5E5;
	--gray8: #F2F2F2;
	
	--white: #FFFFFF;
	
	
	/* Schriften */
	--regular: 'Ptsans Regular', Arial, Helvetica, sans-serif;
	--bold: 'Ptsans Bold', Arial, Helvetica, sans-serif;
	/*--hageregular: 'Hagebau Regular', Arial, Helvetica, sans-serif;*/
	--hagebold: 'Hagebau Bold', Arial, Helvetica, sans-serif;
	--hageblack: 'Hagebau Black', Arial, Helvetica, sans-serif;
	--icons: 'Hagebau Icons', Arial, Helvetica, sans-serif;
	
	/* Abstände */
	--abstand_9: 10px;
	--abstand_10: 16px;
	--abstand_14: 22px;
	--abstand_18: 26px;
	--abstand_20: 32px;
	--abstand_28: 44px;
	--abstand_36: 50px;
	--abstand_50: 80px;
	--abstand_72: 96px;
}



/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------- Schriftarten Import --------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
@font-face {
	font-family: 'Ptsans Regular';
	src: url('./fonts/ptsans-regular-woff-data.woff') format('woff');
	font-weight: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Ptsans Bold';
	src: url('./fonts/ptsans-bold-woff-data.woff') format('woff');
	font-weight: normal;
	font-display: fallback;
}
/*
@font-face {
	font-family: 'Hagebau Regular';
	src: url('./fonts/hagebau-black-woff-data.woff') format('woff');
	font-weight: normal;
	font-display: fallback;
}
*/

@font-face {
	font-family: 'Hagebau Bold';
	src: url('./fonts/hagebaucondensed-bold-woff-data.woff') format('woff');
	font-weight: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Hagebau Icons';
	src: url('./fonts/hagebau-icons-ttf-data.ttf') format('truetype');
	font-weight: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Hagebau Black';
	src: url('./fonts/hagebau-black-woff-data.woff') format('woff');
	font-weight: normal;
	font-display: fallback;
}



/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* -------------------- Schriftformatierung -------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
html {
	font-size: 18px;
	line-height: 27px;
	hyphens: auto;
	font-family: var(--regular);
	font-weight: normal;
	letter-spacing: 0.1px;
}

.textBigger, .textIntro, .textL {
	font-size: 20px;
	line-height: 30px;
}

.textCaption {
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.5px;
	font-family: var(--hagebold);
	font-weight: normal;
}

small, .textSmaller, .textError, .textAssist {
	font-size: 14px;
	line-height: 20px;
}

.textLabel {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
}

.textInfomodul {
	font-size: 100px;
	line-height: 100px;
	letter-spacing: 0.2px;
	font-family: var(--hagebold);
	font-weight: normal;
}


.fontIcons {
	font-family: var(--icons);
	display: inline-block;
	line-height: 100%;
}


a, .link {
	font-size: 19px;
	text-decoration: none;
}

.link {
	cursor: pointer;
}

.linkArrow {cursor:pointer;}
.linkArrow::after {
	content: '';
	font-family: var(--icons);
	font-weight: normal;
	font-size: 16px;
	line-height: 100%;
	margin-left: 10px;
	transition: margin-left 200ms ease-in-out;
}

.linkArrow:hover::after {
	margin-left: 15px;
}



h1, h2, h3, h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--hageblack);
	font-weight: normal;
}



h1 {
	font-size: 70px;
	line-height: 74px;
}

h2 {
	font-size: 62px;
	line-height: 66px;
}

h3 {
	font-size: 47px;
	line-height: 53px;
}

h4 {
	font-size: 29px;
	line-height: 33px;
}



.fontRegular {
	font-family: var(--regular);
}


strong, b, .fontBold, a, .link {
	font-family: var(--bold);
	font-weight: normal;
}


.hageblack {
	font-family: var(--hageblack);
	font-weight: normal;
}

.textHuge {
	font-size: 1.825rem;
	line-height: 2.5rem;
}

.listStyleGreenCheck, .listStyleGreenCheck li::marker, .listStyleGreenCheck::marker {
	list-style-image: url('/bilder/liststyle_green_check.svg');
	list-style-type: disc;
}

.markerHuge, .markerHuge li::marker, .markerHuge::marker {
	font-size: 4rem;
	line-height: 2.5rem;
}

.markerRegular li::marker, .markerRegular::marker {
	font-size: 2rem;
	line-height: 1.6875rem;
}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

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


@media (max-width: 1440px) {
	html {
		font-size: 16px;
		line-height: 24px;
	}

	.textBigger, .textIntro, .textL {
		font-size: 18px;
		line-height: 27px;
	}

	.textInfomodul {
		font-size: 88px;
		line-height: 88px;
	}

	h1 {
		font-size: 62px;
		line-height: 66px;
	}

	h2 {
		font-size: 54px;
		line-height: 58px;
	}

	h3 {
		font-size: 40px;
		line-height: 46px;
	}

	h4 {
		font-size: 27px;
		line-height: 31px;
	}
}

@media (max-width: 1280px) {
	.textInfomodul {
		font-size: 78px;
		line-height: 78px;
		letter-spacing: 0.1px;
	}
	
	h1 {
		font-size: 48px;
		line-height: 52px;
	}

	h2 {
		font-size: 42px;
		line-height: 46px;
	}

	h3 {
		font-size: 36px;
		line-height: 42px;
	}

	h4 {
		font-size: 24px;
		line-height: 28px;
	}
}

@media (max-width: 768px) {
	html {
		font-size: 14px;
		line-height: 20px;
	}

	.textBigger, .textIntro, .textL {
		font-size: 16px;
		line-height: 24px;
	}

	small, .textSmaller, .textError, .textAssist {
		font-size: 12px;
		line-height: 18px;
	}

	.textLabel {
		font-size: 12px;
		line-height: 18px;
	}

	.textInfomodul {
		font-size: 64px;
		line-height: 64px;
	}
	
	a, .link {
		font-size: 16px;
	}

	h1 {
		font-size: 36px;
		line-height: 40px;
	}

	h2 {
		font-size: 32px;
		line-height: 36px;
	}

	h3 {
		font-size: 24px;
		line-height: 30px;
	}

	h4 {
		font-size: 18px;
		line-height: 20px;
	}
}




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



input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], .inputNoFormat),
textarea,
select {
	height: 48px;
	padding: 0 16px;
	border: 1px solid var(--gray);
	background-color: var(--white);
	transition: border-color 200ms ease-in-out;
	border-radius: 6px;
}

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

input[type="file"] {
	padding: 0;
	width: unset;
	height: unset;
	padding: 5px;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], [readonly], .inputNoFormat):hover,
input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], [readonly], .inputNoFormat):active,
textarea:hover,
textarea:active,
select:hover,
select:active {
	border-color: var(--green);
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], [readonly], .inputNoFormat):focus,
textarea:focus,
select:focus {
	outline: 2px var(--red3) solid;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], [readonly], .inputNoFormat):invalid,
textarea:invalid,
select:invalid {
	border-color: var(--red);
}


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

textarea {
	height: 150px;
	width: 400px;
	padding: 16px;
	scrollbar-width: thin;
}


input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], .inputNoFormat)::placeholder,
textarea::placeholder {
	color: var(--gray2);
	opacity: 1;
}


.selArrowWrapper {
	position: relative;
}

.selArrowWrapper::after {
	content: '';
	position: absolute;
	top: 16px;
	right: var(--abstand_9);
	font-family: var(--icons);
	font-weight: normal;
	font-size: 16px;
	line-height: 100%;
	transform: rotate(90deg);
	pointer-events: none;
}

.selArrowWrapper select {
	appearance: none;
	padding-right: 40px !important;
}


.sucheMitLupeWrapper {
	position: relative;
}

.sucheMitLupeTb {
	padding-right: 40px !important;
}

.sucheMitLupeBtn {
	position: absolute;
	top: 12px;
	right: var(--abstand_9);
	font-family: var(--icons);
	font-weight: normal;
	font-size: 24px;
	line-height: 100%;
	background-color: transparent;
	border: none;
	outline: none;
	padding: 0;
}




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

input[type="button"]:not(.buttonNoFormat, .sucheMitLupeBtn), input[type="submit"]:not(.buttonNoFormat, .sucheMitLupeBtn), button:not(.buttonNoFormat, .sucheMitLupeBtn), .button, .button_white, .button_trans_white, .button_trans_green {
	font-family: var(--bold);
	font-size: 19px;
	height: 48px;
	max-width: 100%;
	padding: 0 24px;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	overflow: hidden;
	border-radius: 6px;
	outline: none;
}

input[type="button"]:not(.buttonNoFormat, .sucheMitLupeBtn):focus, input[type="submit"]:not(.buttonNoFormat, .sucheMitLupeBtn):focus, button:not(.buttonNoFormat, .sucheMitLupeBtn):focus,
.button:focus, .button_white:focus, .button_trans_white:focus, .button_trans_green:focus {
	outline: 2px var(--red3) solid;
}

input[type="button"]:not(.buttonNoFormat, .sucheMitLupeBtn):disabled, input[type="submit"]:not(.buttonNoFormat, .sucheMitLupeBtn):disabled, button:not(.buttonNoFormat, .sucheMitLupeBtn):disabled,
.button:disabled, .button_white:disabled, .button_trans_white:disabled, .button_trans_green:disabled {
	background-color: var(--gray);
	color: var(--gray2);
	border-color: var(--gray2);
}


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

input[type="button"]:not(.buttonNoFormat, .button_white, .sucheMitLupeBtn):hover, input[type="submit"]:not(.buttonNoFormat, .sucheMitLupeBtn):hover, button:not(.buttonNoFormat, .sucheMitLupeBtn):hover, .button:hover,
input[type="button"]:not(.buttonNoFormat, .button_white, .sucheMitLupeBtn):active, input[type="submit"]:not(.buttonNoFormat, .sucheMitLupeBtn):active, button:not(.buttonNoFormat, .sucheMitLupeBtn):active, .button:active {
	background-color: var(--green2);
	color: var(--white);
}


.button_white {
	background-color: var(--white);
	color: var(--green);
	border: 1px solid var(--white);
}

.button_white:hover, .button_white:active {
	background-color: var(--white);
	color: var(--green2);
}


.button_trans_white {
	background-color: transparent;
	color: var(--white);
	border: 1px solid var(--white);
}

.button_trans_white:hover, .button_trans_white:active {
	background-color: var(--green2);
	color: var(--white);
	border-color: var(--white);
}


.button_trans_green {
	background-color: transparent;
	color: var(--green);
	border: 1px solid var(--green);
}

.button_trans_green:hover, .button_trans_green:active {
	background-color: transparent;
	color: var(--green2);
	border-color: var(--green2);
}





@media (max-width: 768px) {
	input[type="button"]:not(.buttonNoFormat, .sucheMitLupeBtn), input[type="submit"]:not(.buttonNoFormat, .sucheMitLupeBtn), button:not(.buttonNoFormat, .sucheMitLupeBtn), .button, .button_white, .button_trans_white, .button_trans_green {
		padding: 0 16px;
	}
}





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

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



a, .link {
	color: var(--green);
	transition: color 200ms;
}

a:hover, .link:hover,
a:active, .link:active {
	color: var(--green2);
}

a.white, .link.white {
	color: var(--white);
}

a.white:hover, .link.white:hover,
a.white:active, .link.white:active {
	color: var(--gray8);
}

.textCaption {
	color: var(--red);
}

.textInfomodul {
	color: var(--green);
}



hr {color: var(--green);}
/*-- green --*/
.green,.green1,.gruen,.gruen1	{color: var(--green);} 
.green2,.gruen2					{color: var(--green2);}
.green3,.gruen3					{color: var(--green3);}
.green4,.gruen4					{color: var(--green4);}
.green5,.gruen5					{color: var(--green5);}
.green6,.gruen6					{color: var(--green6);}
.green7,.gruen7					{color: var(--green7);}

.bg_green,.bg_green1,.bg_gruen,.bg_gruen1	{background-color: var(--green);}
.bg_green2,.bg_gruen2						{background-color: var(--green2);}
.bg_green3,.bg_gruen3						{background-color: var(--green3);}
.bg_green4,.bg_gruen4						{background-color: var(--green4);}
.bg_green5,.bg_gruen5						{background-color: var(--green5);}
.bg_green6,.bg_gruen6						{background-color: var(--green6);}
.bg_green7,.bg_gruen7						{background-color: var(--green7);}


/*-- red --*/
.red,.red1,.rot,.rot1	{color: var(--red);} 
.red2,.rot2				{color: var(--red2);}
.red3,.rot3				{color: var(--red3);}
.red4,.rot4				{color: var(--red4);}
.red5,.rot5				{color: var(--red5);}

.bg_red,.bg_red1,.bg_rot,.bg_rot1	{background-color: var(--red);}
.bg_red2,.bg_rot2					{background-color: var(--red2);}
.bg_red3,.bg_rot3					{background-color: var(--red3);}
.bg_red4,.bg_rot4					{background-color: var(--red4);}
.bg_red5,.bg_rot5					{background-color: var(--red5);}

/*-- black --*/
.black,.black1,.schwarz,.schwarz1	{color: var(--black);} 
.black2,.schwarz2					{color: var(--black2);}
.black3,.schwarz3					{color: var(--black3);}

.bg_black,.bg_black1,.bg_schwarz,.bg_schwarz1	{background-color: var(--black);}
.bg_black2,.bg_schwarz2							{background-color: var(--black2);}
.bg_black3,.bg_schwarz3							{background-color: var(--black3);}


/*-- gray --*/
.gray,.gray1,.grau,.grau1		{color: var(--gray);} 
.gray2,.grau2					{color: var(--gray2);}
.gray3,.grau3					{color: var(--gray3);}
.gray4,.grau4					{color: var(--gray4);}
.gray5,.grau5					{color: var(--gray5);}
.gray6,.grau6					{color: var(--gray6);}
.gray7,.grau7					{color: var(--gray7);}
.gray8,.grau8					{color: var(--gray8);}

.bg_gray,.bg_gray1,.bg_grau,.bg_grau1	{background-color: var(--gray);}
.bg_gray2,.bg_grau2						{background-color: var(--gray2);}
.bg_gray3,.bg_grau3						{background-color: var(--gray3);}
.bg_gray4,.bg_grau4						{background-color: var(--gray4);}
.bg_gray5,.bg_grau5						{background-color: var(--gray5);}
.bg_gray6,.bg_grau6						{background-color: var(--gray6);}
.bg_gray7,.bg_grau7						{background-color: var(--gray7);}
.bg_gray8,.bg_grau8						{background-color: var(--gray8);}

/*-- white --*/
.white,.weiss	{color: var(--white);} 

.bg_white,.bg_weiss	{background-color: var(--white);}



.color_inherit {color: inherit;}

.bg_tapete{
	background-image:url('./bilder/tapete-data.png')
}


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ----------------------------- Breiten ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
.contentWrapper, .bigIncludeTo.col33, .contentWrapperW {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--abstand_36);
	padding-right: var(--abstand_36);
}

.contentWrapperColor{padding: 0 max(calc((100vw - 1280px) / 2), var(--abstand_9));}

.contentWrapper, .bigIncludeTo.col33{
	max-width: calc(1280px + var(--abstand_36) * 2);
}

.contentWrapperW:not(.contentWrapperColor){max-width: calc(1420px + var(--abstand_9) * 2);}
.contentWrapperColor.contentWrapperW{padding: 0 max(calc((100vw - 1420px) / 2 + var(--abstand_9)), var(--abstand_9));}


.contentWrapperBig {
	padding-left: var(--abstand_36);
	padding-right: var(--abstand_36);
}


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 {width: 100%;}
.col12 {width: 49%;}
.col14 {width: 24%;}
.col15 {width: 19%;}
.col13 {width: calc(100% / 3);}
.col23 {width: calc(100% / 3 * 2);}
.col34 {width: 74%;}
.col34_1024wide {width: 74%;}



.bigIncludeTo.col33, .col12flexAb9, .col13flexAb9  {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.col12flexAb9, .col13flexAb9 {
	gap: var(--abstand_9);
}

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


.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) {
	
}
@media (max-width: 1024px) {
	.contentWrapper, .bigIncludeTo.col33, .contentWrapperW, .contentWrapperBig {
		padding-left: var(--abstand_18);
		padding-right: var(--abstand_18);
	}

	.col14 {width: 50%;}
	
	.col13flexAb9 > * {width: calc(50% - var(--abstand_9) / 2);}
	.col34_1024wide {width: 100%;}
}


@media (max-width: 768px) {
	.contentWrapper, .bigIncludeTo.col33, .contentWrapperW, .contentWrapperBig {
		padding-left: var(--abstand_10);
		padding-right: var(--abstand_10);
	}
	
	.col34, .col34_1024wide, .col14, .col12, .col12flexAb9 > * {width: 100%;}
	
	
}


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



/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* ----------------------------- 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);}


.tm10 {margin-top: var(--abstand_10);} .bm10 {margin-bottom: var(--abstand_10);}
.lm10 {margin-left: var(--abstand_10);} .rm10 {margin-right: var(--abstand_10);}
.hm10 {margin-left: var(--abstand_10); margin-right: var(--abstand_10);}
.vm10 {margin-top: var(--abstand_10); margin-bottom: var(--abstand_10);}
.tp10 {padding-top: var(--abstand_10);} .bp10 {padding-bottom: var(--abstand_10);}
.lp10 {padding-left: var(--abstand_10);} .rp10 {padding-right: var(--abstand_10);}
.hp10 {padding-left: var(--abstand_10); padding-right: var(--abstand_10);}
.vp10 {padding-top: var(--abstand_10); padding-bottom: var(--abstand_10);}


.tm14 {margin-top: var(--abstand_14);} .bm14 {margin-bottom: var(--abstand_14);}
.lm14 {margin-left: var(--abstand_14);} .rm14 {margin-right: var(--abstand_14);}
.hm14 {margin-left: var(--abstand_14); margin-right: var(--abstand_14);}
.vm14 {margin-top: var(--abstand_14); margin-bottom: var(--abstand_14);}
.tp14 {padding-top: var(--abstand_14);} .bp14 {padding-bottom: var(--abstand_14);}
.lp14 {padding-left: var(--abstand_14);} .rp14 {padding-right: var(--abstand_14);}
.hp14 {padding-left: var(--abstand_14); padding-right: var(--abstand_14);}
.vp14 {padding-top: var(--abstand_14); padding-bottom: var(--abstand_14);}


.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);}


.tm20 {margin-top: var(--abstand_20);} .bm20 {margin-bottom: var(--abstand_20);}
.lm20 {margin-left: var(--abstand_20);} .rm20 {margin-right: var(--abstand_20);}
.hm20 {margin-left: var(--abstand_20); margin-right: var(--abstand_20);}
.vm20 {margin-top: var(--abstand_20); margin-bottom: var(--abstand_20);}
.tp20 {padding-top: var(--abstand_20);} .bp20 {padding-bottom: var(--abstand_20);}
.lp20 {padding-left: var(--abstand_20);} .rp20 {padding-right: var(--abstand_20);}
.hp20 {padding-left: var(--abstand_20); padding-right: var(--abstand_20);}
.vp20 {padding-top: var(--abstand_20); padding-bottom: var(--abstand_20);}


.tm28 {margin-top: var(--abstand_28);} .bm28 {margin-bottom: var(--abstand_28);}
.lm28 {margin-left: var(--abstand_28);} .rm28 {margin-right: var(--abstand_28);}
.hm28 {margin-left: var(--abstand_28); margin-right: var(--abstand_28);}
.vm28 {margin-top: var(--abstand_28); margin-bottom: var(--abstand_28);}
.tp28 {padding-top: var(--abstand_28);} .bp28 {padding-bottom: var(--abstand_28);}
.lp28 {padding-left: var(--abstand_28);} .rp28 {padding-right: var(--abstand_28);}
.hp28 {padding-left: var(--abstand_28); padding-right: var(--abstand_28);}
.vp28 {padding-top: var(--abstand_28); padding-bottom: var(--abstand_28);}


.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);}


.tm50 {margin-top: var(--abstand_50);} .bm50 {margin-bottom: var(--abstand_50);}
.lm50 {margin-left: var(--abstand_50);} .rm50 {margin-right: var(--abstand_50);}
.hm50 {margin-left: var(--abstand_50); margin-right: var(--abstand_50);}
.vm50 {margin-top: var(--abstand_50); margin-bottom: var(--abstand_50);}
.tp50 {padding-top: var(--abstand_50);} .bp50 {padding-bottom: var(--abstand_50);}
.lp50 {padding-left: var(--abstand_50);} .rp50 {padding-right: var(--abstand_50);}
.hp50 {padding-left: var(--abstand_50); padding-right: var(--abstand_50);}
.vp50 {padding-top: var(--abstand_50); padding-bottom: var(--abstand_50);}


.tm72 {margin-top: var(--abstand_72);} .bm72 {margin-bottom: var(--abstand_72);}
.lm72 {margin-left: var(--abstand_72);} .rm72 {margin-right: var(--abstand_72);}
.hm72 {margin-left: var(--abstand_72); margin-right: var(--abstand_72);}
.vm72 {margin-top: var(--abstand_72); margin-bottom: var(--abstand_72);}
.tp72 {padding-top: var(--abstand_72);} .bp72 {padding-bottom: var(--abstand_72);}
.lp72 {padding-left: var(--abstand_72);} .rp72 {padding-right: var(--abstand_72);}
.hp72 {padding-left: var(--abstand_72); padding-right: var(--abstand_72);}
.vp72 {padding-top: var(--abstand_72); padding-bottom: var(--abstand_72);}



@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);}
	
	
	.ttm10 {margin-top: var(--abstand_10);} .tbm10 {margin-bottom: var(--abstand_10);}
	.tlm10 {margin-left: var(--abstand_10);} .trm10 {margin-right: var(--abstand_10);}
	.thm10 {margin-left: var(--abstand_10); margin-right: var(--abstand_10);}
	.tvm10 {margin-top: var(--abstand_10); margin-bottom: var(--abstand_10);}
	.ttp10 {padding-top: var(--abstand_10);} .tbp10 {padding-bottom: var(--abstand_10);}
	.tlp10 {padding-left: var(--abstand_10);} .trp10 {padding-right: var(--abstand_10);}
	.thp10 {padding-left: var(--abstand_10); padding-right: var(--abstand_10);}
	.tvp10 {padding-top: var(--abstand_10); padding-bottom: var(--abstand_10);}
	
	
	.ttm14 {margin-top: var(--abstand_14);} .tbm14 {margin-bottom: var(--abstand_14);}
	.tlm14 {margin-left: var(--abstand_14);} .trm14 {margin-right: var(--abstand_14);}
	.thm14 {margin-left: var(--abstand_14); margin-right: var(--abstand_14);}
	.tvm14 {margin-top: var(--abstand_14); margin-bottom: var(--abstand_14);}
	.ttp14 {padding-top: var(--abstand_14);} .tbp14 {padding-bottom: var(--abstand_14);}
	.tlp14 {padding-left: var(--abstand_14);} .trp14 {padding-right: var(--abstand_14);}
	.thp14 {padding-left: var(--abstand_14); padding-right: var(--abstand_14);}
	.tvp14 {padding-top: var(--abstand_14); padding-bottom: var(--abstand_14);}
	
	
	.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);}
	
	
	.ttm20 {margin-top: var(--abstand_20);} .tbm20 {margin-bottom: var(--abstand_20);}
	.tlm20 {margin-left: var(--abstand_20);} .trm20 {margin-right: var(--abstand_20);}
	.thm20 {margin-left: var(--abstand_20); margin-right: var(--abstand_20);}
	.tvm20 {margin-top: var(--abstand_20); margin-bottom: var(--abstand_20);}
	.ttp20 {padding-top: var(--abstand_20);} .tbp20 {padding-bottom: var(--abstand_20);}
	.tlp20 {padding-left: var(--abstand_20);} .trp20 {padding-right: var(--abstand_20);}
	.thp20 {padding-left: var(--abstand_20); padding-right: var(--abstand_20);}
	.tvp20 {padding-top: var(--abstand_20); padding-bottom: var(--abstand_20);}
	
	
	.ttm28 {margin-top: var(--abstand_28);} .tbm28 {margin-bottom: var(--abstand_28);}
	.tlm28 {margin-left: var(--abstand_28);} .trm28 {margin-right: var(--abstand_28);}
	.thm28 {margin-left: var(--abstand_28); margin-right: var(--abstand_28);}
	.tvm28 {margin-top: var(--abstand_28); margin-bottom: var(--abstand_28);}
	.ttp28 {padding-top: var(--abstand_28);} .tbp28 {padding-bottom: var(--abstand_28);}
	.tlp28 {padding-left: var(--abstand_28);} .trp28 {padding-right: var(--abstand_28);}
	.thp28 {padding-left: var(--abstand_28); padding-right: var(--abstand_28);}
	.tvp28 {padding-top: var(--abstand_28); padding-bottom: var(--abstand_28);}
	
	
	.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);}
	
	
	.ttm50 {margin-top: var(--abstand_50);} .tbm50 {margin-bottom: var(--abstand_50);}
	.tlm50 {margin-left: var(--abstand_50);} .trm50 {margin-right: var(--abstand_50);}
	.thm50 {margin-left: var(--abstand_50); margin-right: var(--abstand_50);}
	.tvm50 {margin-top: var(--abstand_50); margin-bottom: var(--abstand_50);}
	.ttp50 {padding-top: var(--abstand_50);} .tbp50 {padding-bottom: var(--abstand_50);}
	.tlp50 {padding-left: var(--abstand_50);} .trp50 {padding-right: var(--abstand_50);}
	.thp50 {padding-left: var(--abstand_50); padding-right: var(--abstand_50);}
	.tvp50 {padding-top: var(--abstand_50); padding-bottom: var(--abstand_50);}
	
	
	.ttm72 {margin-top: var(--abstand_72);} .tbm72 {margin-bottom: var(--abstand_72);}
	.tlm72 {margin-left: var(--abstand_72);} .trm72 {margin-right: var(--abstand_72);}
	.thm72 {margin-left: var(--abstand_72); margin-right: var(--abstand_72);}
	.tvm72 {margin-top: var(--abstand_72); margin-bottom: var(--abstand_72);}
	.ttp72 {padding-top: var(--abstand_72);} .tbp72 {padding-bottom: var(--abstand_72);}
	.tlp72 {padding-left: var(--abstand_72);} .trp72 {padding-right: var(--abstand_72);}
	.thp72 {padding-left: var(--abstand_72); padding-right: var(--abstand_72);}
	.tvp72 {padding-top: var(--abstand_72); padding-bottom: var(--abstand_72);}
}


@media (max-width: 768px) {
	.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);}


	.mtm10 {margin-top: var(--abstand_10);} .mbm10 {margin-bottom: var(--abstand_10);}
	.mlm10 {margin-left: var(--abstand_10);} .mrm10 {margin-right: var(--abstand_10);}
	.mhm10 {margin-left: var(--abstand_10); margin-right: var(--abstand_10);}
	.mvm10 {margin-top: var(--abstand_10); margin-bottom: var(--abstand_10);}
	.mtp10 {padding-top: var(--abstand_10);} .mbp10 {padding-bottom: var(--abstand_10);}
	.mlp10 {padding-left: var(--abstand_10);} .mrp10 {padding-right: var(--abstand_10);}
	.mhp10 {padding-left: var(--abstand_10); padding-right: var(--abstand_10);}
	.mvp10 {padding-top: var(--abstand_10); padding-bottom: var(--abstand_10);}


	.mtm14 {margin-top: var(--abstand_14);} .mbm14 {margin-bottom: var(--abstand_14);}
	.mlm14 {margin-left: var(--abstand_14);} .mrm14 {margin-right: var(--abstand_14);}
	.mhm14 {margin-left: var(--abstand_14); margin-right: var(--abstand_14);}
	.mvm14 {margin-top: var(--abstand_14); margin-bottom: var(--abstand_14);}
	.mtp14 {padding-top: var(--abstand_14);} .mbp14 {padding-bottom: var(--abstand_14);}
	.mlp14 {padding-left: var(--abstand_14);} .mrp14 {padding-right: var(--abstand_14);}
	.mhp14 {padding-left: var(--abstand_14); padding-right: var(--abstand_14);}
	.mvp14 {padding-top: var(--abstand_14); padding-bottom: var(--abstand_14);}


	.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);}


	.mtm20 {margin-top: var(--abstand_20);} .mbm20 {margin-bottom: var(--abstand_20);}
	.mlm20 {margin-left: var(--abstand_20);} .mrm20 {margin-right: var(--abstand_20);}
	.mhm20 {margin-left: var(--abstand_20); margin-right: var(--abstand_20);}
	.mvm20 {margin-top: var(--abstand_20); margin-bottom: var(--abstand_20);}
	.mtp20 {padding-top: var(--abstand_20);} .mbp20 {padding-bottom: var(--abstand_20);}
	.mlp20 {padding-left: var(--abstand_20);} .mrp20 {padding-right: var(--abstand_20);}
	.mhp20 {padding-left: var(--abstand_20); padding-right: var(--abstand_20);}
	.mvp20 {padding-top: var(--abstand_20); padding-bottom: var(--abstand_20);}


	.mtm28 {margin-top: var(--abstand_28);} .mbm28 {margin-bottom: var(--abstand_28);}
	.mlm28 {margin-left: var(--abstand_28);} .mrm28 {margin-right: var(--abstand_28);}
	.mhm28 {margin-left: var(--abstand_28); margin-right: var(--abstand_28);}
	.mvm28 {margin-top: var(--abstand_28); margin-bottom: var(--abstand_28);}
	.mtp28 {padding-top: var(--abstand_28);} .mbp28 {padding-bottom: var(--abstand_28);}
	.mlp28 {padding-left: var(--abstand_28);} .mrp28 {padding-right: var(--abstand_28);}
	.mhp28 {padding-left: var(--abstand_28); padding-right: var(--abstand_28);}
	.mvp28 {padding-top: var(--abstand_28); padding-bottom: var(--abstand_28);}


	.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);}


	.mtm50 {margin-top: var(--abstand_50);} .mbm50 {margin-bottom: var(--abstand_50);}
	.mlm50 {margin-left: var(--abstand_50);} .mrm50 {margin-right: var(--abstand_50);}
	.mhm50 {margin-left: var(--abstand_50); margin-right: var(--abstand_50);}
	.mvm50 {margin-top: var(--abstand_50); margin-bottom: var(--abstand_50);}
	.mtp50 {padding-top: var(--abstand_50);} .mbp50 {padding-bottom: var(--abstand_50);}
	.mlp50 {padding-left: var(--abstand_50);} .mrp50 {padding-right: var(--abstand_50);}
	.mhp50 {padding-left: var(--abstand_50); padding-right: var(--abstand_50);}
	.mvp50 {padding-top: var(--abstand_50); padding-bottom: var(--abstand_50);}


	.mtm72 {margin-top: var(--abstand_72);} .mbm72 {margin-bottom: var(--abstand_72);}
	.mlm72 {margin-left: var(--abstand_72);} .mrm72 {margin-right: var(--abstand_72);}
	.mhm72 {margin-left: var(--abstand_72); margin-right: var(--abstand_72);}
	.mvm72 {margin-top: var(--abstand_72); margin-bottom: var(--abstand_72);}
	.mtp72 {padding-top: var(--abstand_72);} .mbp72 {padding-bottom: var(--abstand_72);}
	.mlp72 {padding-left: var(--abstand_72);} .mrp72 {padding-right: var(--abstand_72);}
	.mhp72 {padding-left: var(--abstand_72); padding-right: var(--abstand_72);}
	.mvp72 {padding-top: var(--abstand_72); padding-bottom: var(--abstand_72);}
}



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


body {
	margin: 0;
}


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


.flex, .inlineFlex {
	flex-wrap: wrap;
	justify-content: left;
}

.flex {
	display: flex;
}

.inlineFlex {
	display: inline-flex;
}

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

.flexVt {align-items: start;}
.flexVb {align-items: end;}
.flexVc {align-items: center;}


.flexNoWrap {flex-wrap: nowrap;}
.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;}

.borderSmall {
	border-radius: 6px;
}


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


.platzhalter_300 {height: 300px;}
.platzhalter_600 {height: 600px;}




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

.anker {
	scroll-margin: 104px;
}


.hoverZoom {
	transition: transform 200ms ease-in-out;
}

.hoverZoom:hover {
	transform: scale(1.1);
}


.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;}
	.show_1240.flex {display: flex !important;}
}

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

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

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

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




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

.bannerPicContain #sliderUnterMenueWrapper .bannerPic .imgBanner{
	object-fit: contain !important;
}

/* ----------------------------------- */
/* -------- Barrierefreiheit --------- */
/* ----------------------------------- */
/*
#accessability:checked ~ #main *:not(#mainMenue li div) {
	color: var(--black) !important;
	background-color: var(--white) !important;
}


#accessability:checked ~ #main *::before, #accessability:checked ~ #main *::after{
	box-shadow: var(--white) 0px -40px 0px -7px;
}

#accessability:checked ~ #main input[type="submit"],  #accessability:checked ~ #main input[type="button"], #accessability:checked ~ #main .button_trans_green {
	border: 1px solid var(--black);
}


#accessability:checked ~ .accessabilityPopupElement .wgrZuordSchalter > .wgrZuordSchalterStatus {
	left: calc(100% - 42px);
  	background-color: var(--green);
}
#accessability:checked ~ .accessabilityPopupElement .wgrZuordSchalter {
	border-color: var(--green);
}

.accessabilityPopupElement {
	position: fixed;
	top: calc(50% - 100px);
	left: calc(50% - 200px);
	border-radius: 0.325rem;
	display: none;
	background-color: var(--white);
	width: 400px;
	height: 200px;
	transition: all 200ms ease-in-out;
	box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 20%);
}

.headerPopUp, .bodyPopUp {
	justify-content: space-between;
	color: var(--gr);
}

.bodyPopUp {align-items: center}

.showPopUp {
	display: block;
	z-index: 3;
}
.closePopup {
	background-color: var(--red2) !important;
	aspect-ratio: 1 !important;
	border: none !important;
}

.closePopup:hover {
	background-color: var(--red) !important;
	color: var(--r)
}

.closePopup i::before {
	content: "\E905";
	font-family: var(--icons);
	text-transform: none;
	text-decoration: inherit;
	text-align: center;
	font-weight: 400;
	line-height: 1em;
	font-style: normal;
	font-size: 1.25rem;
	animation-duration: .01ms !important;
	animation-iteration-count: 1 !important;
	scroll-behavior: auto !important;
	transition-duration: .01ms !important;
}

.wgrZuordSchalter {
  width: 100px;
  height: 50px;
  background-color: var(--gray6);
  border: 4px solid var(--red2);
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  transition: border-color 200ms ease-in-out;
}

.wgrZuordSchalterStatus {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--red2);
  position: absolute;
  left: 2px;
  top: 1px;
  transition: left 200ms ease-in-out, color 200ms ease-in-out;
}


@media screen and (max-width: 600px) {
	.accessabilityPopupElement {
		width: 200px;
		height: 100px;
		top: calc(50% - 50px);
		left: calc(50% - 100px);
		padding: var(--abstand_9);
	}
	.wgrZuordSchalter {
		width: 40px;
  		height: 20px;
	}
	.wgrZuordSchalterStatus {
		width: 10px;
	}
	#accessability:checked ~ .accessabilityPopupElement .wgrZuordSchalter > .wgrZuordSchalterStatus {
		left: calc(100% - 12px);
	}
	.closePopup {
		width: 20px !important;
		height: 30px !important;
	}
	.headerPopUp h4 {
		margin-bottom: 0;
	}

}
*/
/* ----------------------------------- */
/* ------ Barrierefreiheit Ende ------ */
/* ----------------------------------- */


.cutCornerWhite, .cutCornerGreen, .cutCornerGray, .cutCornerGray8{
	position: relative;
}
.cutCornerWhite::after, .cutCornerGreen::after, .cutCornerGray::after, .cutCornerGray8::after{
	content: '';
	display: block;
	position: absolute;
	background-color: transparent;
	width: 60px;
	height: 60px;
	top: 4px;
	right: 4px;
	border-radius:20px;
	transform: rotate(45deg);
	pointer-events: none;
}

.cutCornerWhite::after  { box-shadow: var(--white) 0px -40px 0px -7px; }
.cutCornerGreen::after  { box-shadow: var(--green) 0px -40px 0px -7px; }
.cutCornerGray::after   { box-shadow: var(--gray)  0px -40px 0px -7px; }
.cutCornerGray8::after  { box-shadow: var(--gray8) 0px -40px 0px -7px; }



.lightFrame_bigDiv {
	border-radius: .325rem;
	overflow: hidden;
}

.lfCloseButton {
	width: 3rem !important;
	height: 3rem !important;
}
.lfCloseButton img {
	object-fit: cover !important;
}

/* ----------------------------------------- */
/* ---------- Content Ausklappbar ---------- */
/* ----------------------------------------- */
.contentAusklappbarLbl {
	display: block;
	position: relative;
	padding-top: var(--abstand_10);
	padding-bottom: var(--abstand_9);
	padding-right: 28px;
	font-family: var(--hageblack);
	font-size: 24px;
	user-select: none;
}

.contentAusklappbarLbl::after {
	content: '\E915';
	font-family: var(--icons);
	font-weight: normal;
	font-size: 20px;
	line-height: 100%;
	position: absolute;
	top: 15px;
	right: 0;
	transform: rotate(90deg);
}

.contentAusklappbarLbl:hover::after {
	color: var(--green);
	transition: color 200ms ease-in-out;
	animation-duration: 200ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
}

.contentAusklappbarChk:checked ~ .contentAusklappbarLbl::after {
	transform: rotate(270deg);
	color: var(--green);
}



.contentAusklappbarContent {
	display: none;
	width: 75%;
	margin-bottom: var(--abstand_9);
}

.contentAusklappbarChk:checked ~ .contentAusklappbarContent {
	display: block;
}


@media (max-width: 768px) {
	.contentAusklappbarLbl {
		font-size: 22px;
	}
	
	.contentAusklappbarLbl::after {
		top: 12px;
	}
	
	.contentAusklappbarContent {
		width: 100%;
	}
}



/* ----------------------------------- */
/* ---------- Weißer Corner ---------- */
/* ----------------------------------- */

/* BL = Bottom Left */
/* TR = Top Right */
.whiteCornerBL, .whiteCornerBigBL, .whiteCornerTR {
	-webkit-mask-clip: padding;
	mask-clip: padding-box;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 625rem;
	mask-size: 625rem;
}

.whiteCornerBL, .whiteCornerBigBL {
	-webkit-mask-position: left bottom;
	mask-position: left bottom;
}

.whiteCornerBL {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTEwMDAwIDEwMDAwSDc3Ljc2YTQ2LjA3NiA0Ni4wNzYgMCAwIDEtMzIuNzktMTMuNmwtMzEuMzctMzEuMzdBNDYuMDU5IDQ2LjA1OSAwIDAgMSAwIDk5MjIuMjRWMGgxMDAwMFoiIGZpbGw9IiMwMDk0NDUiLz48L3N2Zz4=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTEwMDAwIDEwMDAwSDc3Ljc2YTQ2LjA3NiA0Ni4wNzYgMCAwIDEtMzIuNzktMTMuNmwtMzEuMzctMzEuMzdBNDYuMDU5IDQ2LjA1OSAwIDAgMSAwIDk5MjIuMjRWMGgxMDAwMFoiIGZpbGw9IiMwMDk0NDUiLz48L3N2Zz4=);
}

.whiteCornerBigBL {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTE3MS44MyAxMDAwMGMtMjcuMzUgMC01My4wOC04LjQxLTcyLjQ2LTIzLjdsLTY5LjMyLTU0LjY2QzEwLjY3IDk5MDYuMzYgMCA5ODg2LjA3IDAgOTg2NC41MXYtMTAwMDBoMTAwMDB2MTAxMzUuM3oiIGZpbGw9IiMwMDk0NDUiLz48L3N2Zz4=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTE3MS44MyAxMDAwMGMtMjcuMzUgMC01My4wOC04LjQxLTcyLjQ2LTIzLjdsLTY5LjMyLTU0LjY2QzEwLjY3IDk5MDYuMzYgMCA5ODg2LjA3IDAgOTg2NC41MXYtMTAwMDBoMTAwMDB2MTAxMzUuM3oiIGZpbGw9IiMwMDk0NDUiLz48L3N2Zz4=);
}

.whiteCornerTR {
	-webkit-mask-position: right top;
	mask-position: right top;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTk2MzIuNjUgMGgzMjguODFjNi4xNy4wMiAxMi4wNiAyLjYgMTYuMjUgNy4xM2wxNS41NSAxNi40NWEyNC44NzcgMjQuODc3IDkwIDAgMSA2Ljc0IDE3LjE5djEwMDAwSDBWMCIgZmlsbD0iIzAwOTQ0NSIvPjwvc3ZnPg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTk2MzIuNjUgMGgzMjguODFjNi4xNy4wMiAxMi4wNiAyLjYgMTYuMjUgNy4xM2wxNS41NSAxNi40NWEyNC44NzcgMjQuODc3IDkwIDAgMSA2Ljc0IDE3LjE5djEwMDAwSDBWMCIgZmlsbD0iIzAwOTQ0NSIvPjwvc3ZnPg==);
}



@media (max-width: 768px) {
	.whiteCornerBigBL {
		-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTEwMDAwIDEwMDAwSDc3Ljc2YTQ2LjA3NiA0Ni4wNzYgMCAwIDEtMzIuNzktMTMuNmwtMzEuMzctMzEuMzdBNDYuMDU5IDQ2LjA1OSAwIDAgMSAwIDk5MjIuMjRWMGgxMDAwMFoiIGZpbGw9IiMwMDk0NDUiLz48L3N2Zz4=);
		mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwMCAxMDAwMCI+PHBhdGggZD0iTTEwMDAwIDEwMDAwSDc3Ljc2YTQ2LjA3NiA0Ni4wNzYgMCAwIDEtMzIuNzktMTMuNmwtMzEuMzctMzEuMzdBNDYuMDU5IDQ2LjA1OSAwIDAgMSAwIDk5MjIuMjRWMGgxMDAwMFoiIGZpbGw9IiMwMDk0NDUiLz48L3N2Zz4=);
	}
}


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

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

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

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

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