/* css zu epis_erfassen */
/* elements.popupinfo  */
x{}
/* ausblenden wenn checkbox über graue fläche abgewählt wird */
  label#lbl_JubaPopupMessageBoxGreyOverall, aside#JubaPopupMessage,
	label#lbl_JubaPopupMessageIcon {display: none;}

/* einblenden der Info */
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside#JubaPopupMessage {
	display:block; border: 1px solid #005541; background-color: #fff; 
	position: fixed; z-index: 300; 
	left: calc(50% - 140px); top: 2rem;
	width: 280px; padding: 1rem;
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ label#lbl_JubaPopupMessageBoxGreyOverall {
	position:fixed; left: 0px; top: 0px;
	width: 100%; height: 100%;
    	display:block;
	background-color: rgba(200,200,200,0.7);
	z-index: 299
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside label#lbl_JubaPopupMessageIcon { 
	display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAEvElEQVRIiZ2WS4hbVRjHs6uPUhC61EWtpVIsCoqgFitFEUWpWBFB1IXoQsFNRRHBB11IFRdVXLifUmfSNplMHpPkZl6ZTN7vTN43j5tMZvKYdJKZzLRJys/FTHPndjKteODHuff78/2/e757uOeqVPuMjY0NlpaWKBQKVKtVms0mGxsb3Lx5k83NTdbX12m323Q6Hba2ttjPZ+jo9XpIkoQoijQaDVqtNmtrLZrNG9Trq9RqdWq1Bo3GKs3mDdbWWqyvr7O5uUm3271/sV6vRy6Xo1wus7bWotFoUqvVqVZr96RWrdNsNmm32/R6vf0L9ft9crkclcoSjdVVlldWWF5e2Z7/A5XlFVZ22jp0Rb1ej2w2i1SSqNXqLC1VWKr8D5YqVCrLNBoNbt26BSAXkySJdDrDykqVUqksk8pQCkSUsTtkRKQrmuFauUy9Xuf27dvbRba2tkgkEkilEsWiRKFY3Eato3j0RYqnz8mxXRS//I7igSMU3/uMQjC8R5ekEu12e7tIuVwmmUxSLEqIYg4xl0f0+CkePLZtcuAI+R9+3Y7vkJswU3zoqKz/9pdS35krleXtjRCLxUhnMmSyIplsdkDu/E8Dk+LBY2SN1m0tkaTw9KsDrXDqrCLvDulsFlEUabVaqKLRKMlUmsQukqk0iUSS/PNvymYnTpOMRMl+/bNc/NCTpKwzJFNpUumMwieZSpNIpsjnC6iCwSCJRJLFxfgeEpZpCo+cGJiK736qaGPm2wvEE0kFu/Nji3EyWRGVw7HAYjxBJBobSuLin/KT7yL3zGtEwxFisUUFe/KTKVRTU1OEI1GCofC+ZN76SFnk4WNExrSEwhHCkaiCu3PDkSgqQRDw+QNDCQRD+PwBglfHKT7wuLyKJ17C5w/gDwTxB4IEgqHBPMxDZbfP43S5cbm9Crw+P16fH5fbS/qVc3vaFfn+F9weH26PD6/Ph8vtxe3xKX08XgLBICqny8WcfZ4Fp0uB0+XB6fIQuvC7bL5rNYVDx/GOaXC63Dhdnp0ct8LDseAiEAih8ng8WAWBeccC9nnHAMeCE6fZSv7wyYFx/P3PyZw8I++uk2dwzM7hWHBin3fs8ZizzxMKhVHl83ksFgu2qWlm5+aZmbUzM2tnzj5P/I0P5e372HPYLQKOy2MUDh2X2/bJV8zZ5bzdTM/MUqlUUHU6HRwLDvQGA1PTMwNcFy8p3oHr4qWB5jv/o6w9eBTnH38rcqemZ7AKNrxer3xqiqKI0WhiQm9EsE1jtQhkjr4wMIq9/gFWYUpB/NRZeTVvf6zQzBYBQbBRLpflT3232yUSiaDT6dBN6LFYbdiuqFl8+R1yh59CuKbFbLEqENTXyT76LN4vvlHETZMWTJNm4vHE3lOy1+sRCoW4rtFwXTuOyWzBZLZgvTyKcdI8FJPeIF9PmtEbTRiMJqKxGP1+f/gx3O12CYfDaLVaRsfUjOv0GIyTCvSGvfcTeiPa8QlMJjPxePz+PxT9fp9qtYrVamV0dJQr/4xy9ZoGjVaHbsKwY2xiXKdHo9Wh0eqY0BuYm7NTKpXu/SNx92g2mwSDQWw2GxqtFrX6KmNqNSMjI4yMXEaj1SIIAj6fj5Ik0el09jX/F5Hf+SiQLF0OAAAAAElFTkSuQmCC); 
width: 25px; height: 25px; 
	position:relative; bottom: 0px; left: 0px; margin-right:12px; margin-top: 12px;
}
#JubaPopupMessage, #JubaPopupMessage .listpopupmessages {color: black !important;}
/* --- --- */
/* footerCSS  */
footer{
  background-color:#6e6e6e;
  line-height: 25px;
}
footer > div{
  max-width:1302px;
  width:100% !important;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
}
footer > div a:not(.footer_kontakt){
  text-decoration: none;

}
footer > div > div.dottedLines:first-of-type{padding-left: 10px;}
footer > div > div.dottedLines{vertical-align: top;}
footer > div > div.dottedLines:not(:last-of-type){
  width: 23%;
  margin-right:2%;
  border-right: 1px dotted #b1b1b1
}

@media screen and (max-width: 768px) {
footer > div > div.dottedLines{
  width: 48% !important;
padding: 5px;
border-right:0px solid transparent !important;
}

}
/* --- --- */
/* GlobalCSS  */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* --------------------------- Variablen --------------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
:root {
	/* Farben */
	/* Je höher die Nummer desto heller die Farbe */
	--green: #005541;
	
	--red: #E30513;
	--red2: #FF2D16;
	--red3: #FFF0F0; 
	
	--black: #000000;
	--black2: #1E1E1E;
	
	--gray: #AFB0B3;
	--gray2: #707070;
	--gray3: #888888;
	--gray4: #D3D3D3;
	--gray5: #DDDDDD;
	--gray6: #EBEDF2;
	--gray7: #EEEEEE;
	
	--white: #FFFFFF;
	
	
	
	/* Schriften */	
	--light: 'DIN-Light', sans-serif, Arial;
	--regular: 'DIN-Regular', sans-serif, Arial;
	--bold: 'DIN-Bold', sans-serif, Arial;
	
	--regular2: 'Anton-Regular', sans-serif, Arial;
	--opensans: 'OpenSans', sans-serif, Arial;
	--opensansbold: 'OpenSans-Bold', sans-serif, Arial;
	
	--roboto: 'Roboto', sans-serif, Arial;
	
	
	
	/* Abstände */
	--abstand_6: 0.4rem;
	--abstand_9: 0.7rem;
	--abstand_18: 1.4rem;
	--abstand_27: 2.1rem;
	--abstand_36: 2.8rem;
    --abstand_54: 4.2rem;
	--abstand_72: 5.6rem;
}




/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------- Schriftarten Import --------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* DIN */
@font-face{
	font-family: "DIN-Light";
	src: url("/fonts/din/din-light.woff2") format("woff2"),
	url("/fonts/din/din-light.woff") format("woff");
	font-display: fallback;
}

@font-face{
	font-family: "DIN-Regular";
	src: url("/fonts/din/din-regular.woff2") format("woff2"),
	url("/fonts/din/din-regular.woff") format("woff");
	font-display: fallback;
}

@font-face{
	font-family: "DIN-Bold";
	src: url("/fonts/din/din-bold.woff2") format("woff2"),
	url("/fonts/din/din-bold.woff") format("woff");
	font-display: fallback;
}

/* Impact Neu */
@font-face{
	font-family: "Anton-Regular";
	src: url("/fonts/anton/Anton-Regular.ttf");
	font-display: fallback;
}

/* Open Sans */
@font-face{
	font-family: "OpenSans";
	src: url("/fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"),
	url("/fonts/OpenSans/OpenSans-Regular-webfont.ttf") format("ttf");
	font-display: fallback;
}
@font-face{
	font-family: "OpenSans-Bold";
	src: url("/fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"),
	url("/fonts/OpenSans/OpenSans-Bold-webfont.ttf") format("ttf");
	font-display: fallback;
}

/* Roboto */
@font-face{
	font-family: "Roboto";
	src: url("/fonts/roboto/RobotoSlab-Light.woff");
	font-display: fallback;
}



/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* -------------------- Schriftformatierung -------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

body {
	font-family: var(--regular);
	font-size: 17px;
	hyphens: auto;
}

h1, h2, h3, h4 {margin-top: 0;}
h1 {font-size: 206%;} /* 35px zu 17px*/
h1.large {font-size:412%;} /* 70px zu 17px */
h2 {font-size:153%;} /* 26px zu 17px */
h3 {font-size:124%;} /* 21px zu 17px */
/*h1.banner_unter_menue {bottom: -12px !important;}*/

b, strong, h1, h2, h3, h4 {
	font-family: var(--bold);
	font-weight: normal;
}

.source, .source * {
	font-family: var(--regular);
}

.impact, .impact *, .buttonPfeil, .buttonPfeilWeiss {
	font-family: var(--regular2) !important;
	line-height: 127%;
}

.openSans, .openSans * {
	font-family: var(--opensans);
}

.openSansBold, .openSansBold * {
	font-family: var(--opensansbold);
}

.roboto {
	font-family: var(--roboto);
}

h1.roboto, h2.roboto, h3.roboto, h4.roboto {
	font-weight: bold;
}

.normal {
	font-weight: normal;
	font-family: var(--regular) !important;
}

.light {
	font-weight: lighter;
}

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


.italic {font-style: italic;}

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

.big {
	font-size: 130% !important;
}

.zahl {
	font-size: 320%;
	font-weight: lighter;
	font-family: var(--light);
}

.datum {
	font-size: 69%;
} /* 9px zu 17px */

.menutop, .small, .breadcrumb {
	font-size: 76%;
	font-weight: lighter;
	font-family: var(--light);
} /* 13px zu 17px */ 

.menu {font-size: 85%; font-weight: lighter; font-family: var(--light);} /* 14px zu 17px */
.submenu {font-size: 76%; font-weight: lighter; font-family: var(--light);} /* 13px zu 17px */


@media (max-width: 1024px) {
	body {font-size: 16px;}
	h1.large {font-size:331%;} /* 53px zu 16px */

	.zahl {
		font-size: 240%;
	}
}

@media (max-width: 600px) {
	body {font-size: 15px; }
	.big { font-size: 120%; }
}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ------------------------------ Inputs ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

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



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

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,
input:not([type="checkbox"], [type="radio"], [type="range"], [type="button"], [type="submit"], [readonly], .inputNoFormat):focus,
textarea:hover,
textarea:active,
textarea:focus,
select:hover,
select:active,
select:focus {
	border-color: var(--red);
}
*/

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

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


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

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


input[type="radio"], input[type="checkbox"] {
	filter: grayscale(100%) sepia(23%) saturate(34) hue-rotate(310deg) contrast(250%);
}




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

input[type="button"]:not(.buttonNoFormat, .sucheInklButtonBtn), input[type="submit"]:not(.buttonNoFormat, .sucheInklButtonBtn), button:not(.buttonNoFormat, .sucheInklButtonBtn), .button, .buttonWide, .buttonPfeil, .buttonPfeilWeiss {
	font-family: inherit;
	font-size: inherit;
	height: 38px;
	max-width: 100%;
	padding: 0 30px;
	/* 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;
	outline: none;
}

input[type="button"]:not(.buttonNoFormat, .sucheInklButtonBtn), input[type="submit"]:not(.buttonNoFormat, .sucheInklButtonBtn, .buttonPfeil, .buttonPfeilWeiss), button:not(.buttonNoFormat, .sucheInklButtonBtn, .buttonPfeil, .buttonPfeilWeiss), .button, .buttonWide {
	border-radius: 0;
}

.buttonWide {
	width: 300px;
}

input[type="button"]:not(.buttonNoFormat, .sucheInklButtonBtn), input[type="submit"]:not(.buttonNoFormat, .sucheInklButtonBtn), button:not(.buttonNoFormat, .sucheInklButtonBtn), .button, .buttonWide, .buttonPfeil, .buttonPfeilWeiss {
	background-color: var(--red);
	color: var(--white);
	border: 1px solid transparent;
}

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


.buttonPfeil, .buttonPfeilWeiss {
	background-repeat: no-repeat;
	background-size: 65px 35px;
	background-position-x: 3px;
	background-position-y: center;
	padding: 8px 30px 8px 100px !important;
	padding-left: 100px !important;
    border-radius: 3px;
}

.buttonPfeil {
	background-image: url('/bilder/abau/pfeile_weiss.svg');
}

.buttonPfeilWeiss {
	background-image: url('/bilder/abau/pfeile_rot.svg');
}



input[type="button"]:not(.buttonNoFormat, .sucheInklButtonBtn):hover, input[type="submit"]:not(.buttonNoFormat, .sucheInklButtonBtn):hover, button:not(.buttonNoFormat, .sucheInklButtonBtn):hover, .button:hover, .buttonWide:hover, .buttonPfeil:hover, .pfeileweiss:hover,
input[type="button"]:not(.buttonNoFormat, .sucheInklButtonBtn):active, input[type="submit"]:not(.buttonNoFormat, .sucheInklButtonBtn):active, button:not(.buttonNoFormat, .sucheInklButtonBtn):active, .button:active, .buttonWide:active, .buttonPfeil:active, .pfeileweiss:active {
	color: var(--gray6);
    text-decoration: none;
}

.buttonPfeilWeiss:hover,
.buttonPfeilWeiss:active {
    color: var(--red2);
    text-decoration: none;
}




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ------------------------------ Farben ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
body {
	background-color: var(--gray2);
	color: var(--black2);
}

a {
	color: var(--red);
	text-decoration: none;
}
a:hover {
	color: var(--red2);
	text-decoration: underline;
}

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

.weiss, .weiss * {color: var(--white);} .bg_weiss {background-color: var(--white);} 
.rot, .rot * {color: var(--red);} .bg_rot {background-color: var(--red);} 
.hellrot, .hellrot * {color: var(--red2);} .bg_hellrot {background-color: var(--red2);} 
.schwarz, .schwarz * {color: var(--black);} .bg_schwarz {background-color: var(--black);} 
.grau, .grau * {color: var(--gray);} .bg_grau {background-color: var(--gray) !important;} 
.dunkelgrau, .dunkelgrau * {color: var(--gray2);} .bg_dunkelgrau {background-color: var(--gray2);} 
.hellgrau, .hellgrau * {color: var(--gray6);} .bg_hellgrau {background-color: var(--gray6);} 

a.rot:hover {color: var(--gray2);}

a.dunkelgrau:hover {color: var(--red) !important;}




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ------------------------------ Border ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
.border_rot {border: 1px solid var(--red);}
.border_hellrot {border: 1px solid var(--red2);}
.border_schwarz {border: 1px solid var(--black2);}
.border_dunkelgrau {border: 1px solid var(--gray2);}
.border_grau {border: 1px solid var(--gray);}
.border_grau_l {border-left: 1px solid var(--gray);}
.border_hellgrau {border: 1px solid var(--gray6);}
.border_weiss {border: 1px solid var(--white);}

.shadow {
	box-shadow: -1px 1px 12px 0px rgb(0 0 0 / 50%); /* 10px 0px 25px -15px rgba(0,0,0,.3); */
}

.border_just_bottom {
	border-top: 0;
	border-left:0;
	border-right:0;
}

.border_just_left {
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
} 

.border_just_top {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.border_just_right {
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
}



a, a.rot {color: var(--red); text-decoration: none}
a.weiss {color: var(--white); text-decoration: none}
a.grau {color: var(--gray2); text-decoration: none}
a.underline {text-decoration: underline !important;}
a:hover, a.weiss:hover { color: var(--red2); text-decoration: underline;}
a.rot:hover {color: var(--gray2);}


.dottedBorderBottom {border-bottom: 1px dotted var(--gray3);}
.dottedBorderTop {border-top: 1px dotted var(--gray3);}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ----------------------------- Breiten ------------------------------ */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
.wide, .col14, .col24, .col34, .col44,
.col13, .col23, .col33, .col15, .col25, .col35, .col45, .col12  {
	display: inline-block;
	vertical-align: top;
}

.col44, .col33, .wide {width: 100%;}
.col14 {width: 25%;}
.col15 {width: 20%;}
.col13 {width: 33.33%;}
.col25 {width: 40%;}
.col24, .col12 {width: 50%;}
.col35 {width: 60%;}
.col45 {width: 80%;}
.col23 {width: 66.66%;}
.col34 {width: 75%;}


/* ---------- Flex ---------- */
#main > .bigIncludeTo {
	display: flex;
	flex-wrap: wrap;
}

.col12flexAb, .col13flexAb, .col13flexAb36, .col14flexAb, .col13flexAb9, .col14flexAb36  {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.col12flexAb {
	row-gap: 28px;
	column-gap: 28px;
}

.col13flexAb {
	row-gap: 48px;
	column-gap: 48px;
}

.col13flexAb36 {
    gap: var(--abstand_36)
}

.col13flexAb9 {
	row-gap: 20px;
	column-gap: 20px;
}

.col14flexAb {
	row-gap: 20px;
	column-gap: 20px;
}

.col14flexAb36 {
	row-gap: 40px;
	column-gap: 40px;
}


.col12flexAb > * {
    width: calc(50% - 14px);
}

.col13flexAb > * {
    width: calc(33.33% - 32px);
}

.col13flexAb36 > * {
    width: calc(33.33% - var(--abstand_36) * 2 / 3);
}

.col13flexAb9 > * {
    width: calc(33.33% - 13.33px);
}

.col14flexAb > * {
    width: calc(25% - 15px);
}

.col14flexAb36 > * {
    width: calc(25% - 30px);
}



@media screen and (max-width: 1240px) {
	.col14flexAb > * {width: calc(33.33% - 13.33px);}
	.col14flexAb36 > * {width: calc(33.33% - 26.66px);}
	.col13flexAb > * {width: calc(50% - 24px);}
}
@media (max-width: 1024px) {
	.col25, .col35 {width: 50%;} 
	.col15 {width: 25%}
	.col45 {width: 75%}
	
	.col14flexAb > * {width: calc(50% - 10px);}
	.col14flexAb36 > * {width: calc(50% - 20px);}

    .col13flexAb36 > * {
        width: calc(50% - var(--abstand_36) / 2);
    }
}
@media (max-width: 768px) {
	.col24, .col23, .col34, .col12, .col12flexAb > *, .col13flexAb > * {width: 100%;}
	.col14, .col13 {width: 50%;}
	.col13flexAb9 > * {width: calc(50% - 10px);}
}
@media (max-width: 600px) {
	.col14, .col13, .col15, .col25, .col35, .col45, .col14flexAb > *, .col13flexAb9 > *, .col14flexAb36 > *, .col13flexAb36 > * {
        width: 100%;
    }
}





/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* ----------------------------- Abstaende ----------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
.contentWrapper {
	padding-left: var(--abstand_54);
	padding-right: var(--abstand_54);
}

.contentWrapper2, #main > .bigIncludeTo {
	/* padding-left: calc(var(--abstand_72) + var(--abstand_36));
	padding-right: 4.9rem; */
    padding-left: calc(var(--abstand_36) * 3);
    padding-right: calc(var(--abstand_36) * 3);
}


.vp0 {padding-top: 0px; padding-bottom: 0px;}
.tp0 {padding-top: 0px; } .bp0 {padding-bottom: 0px;}
.vm0 {margin-top: 0px; margin-bottom: 0px;}
.tm0 {margin-top: 0px; } .bm0 {margin-bottom: 0px;}

.hp0 {padding-left: 0px; padding-right: 0px;}
.lp0 {padding-left: 0px; } .rp0 {padding-right: 0px;}
.hm0 {margin-left: 0px; margin-right: 0px;}
.lm0 {margin-left: 0px; } .rm0 {margin-right: 0px;}


.hp6 {padding-left: var(--abstand_6); padding-right: var(--abstand_6);}
.lp6 {padding-left: var(--abstand_6); } .rp6 {padding-right: var(--abstand_6);}
.hm6 {margin-left: var(--abstand_6); margin-right: var(--abstand_6);}
.lm6 {margin-left: var(--abstand_6); } .rm6 {margin-right: var(--abstand_6);}

.vp6 {padding-top: var(--abstand_6); padding-bottom: var(--abstand_6);}
.tp6 {padding-top: var(--abstand_6); } .bp6 {padding-bottom: var(--abstand_6);}
.vm6 {margin-top: var(--abstand_6); margin-bottom: var(--abstand_6);}
.tm6 {margin-top: var(--abstand_6); } .bm6 {margin-bottom: var(--abstand_6);}


.hp9 {padding-left: var(--abstand_9); padding-right: var(--abstand_9);}
.lp9 {padding-left: var(--abstand_9); } .rp9 {padding-right: var(--abstand_9);}
.hm9 {margin-left: var(--abstand_9); margin-right: var(--abstand_9);}
.lm9 {margin-left: var(--abstand_9); } .rm9 {margin-right: var(--abstand_9);}

.vp9 {padding-top: var(--abstand_9); padding-bottom: var(--abstand_9);}
.tp9 {padding-top: var(--abstand_9); } .bp9 {padding-bottom: var(--abstand_9);}
.vm9 {margin-top: var(--abstand_9); margin-bottom: var(--abstand_9);}
.tm9 {margin-top: var(--abstand_9); } .bm9 {margin-bottom: var(--abstand_9);}


.hp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
.lp18 {padding-left: var(--abstand_18); } .rp18 {padding-right: var(--abstand_18);}
.hm18 {margin-left: var(--abstand_18); margin-right: var(--abstand_18);}
.lm18 {margin-left: var(--abstand_18); } .rm18 {margin-right: var(--abstand_18);}

.vp18 {padding-top: var(--abstand_18); padding-bottom: var(--abstand_18);}
.tp18 {padding-top: var(--abstand_18); } .bp18 {padding-bottom: var(--abstand_18);}
.vm18 {margin-top: var(--abstand_18); margin-bottom: var(--abstand_18);}
.tm18 {margin-top: var(--abstand_18); } .bm18 {margin-bottom: var(--abstand_18);}


.hp27 {padding-left: var(--abstand_27); padding-right: var(--abstand_27);}
.lp27 {padding-left: var(--abstand_27); } .rp27 {padding-right: var(--abstand_27);}
.hm27 {margin-left: var(--abstand_27); margin-right: var(--abstand_27);}
.lm27 {margin-left: var(--abstand_27); } .rm27 {margin-right: var(--abstand_27);}

.vp27 {padding-top: var(--abstand_27); padding-bottom: var(--abstand_27);}
.tp27 {padding-top: var(--abstand_27); } .bp27 {padding-bottom: var(--abstand_27);}
.vm27 {margin-top: var(--abstand_27); margin-bottom: var(--abstand_27);}
.tm27 {margin-top: var(--abstand_27); } .bm27 {margin-bottom: var(--abstand_27);}


.hp36 {padding-left: var(--abstand_36); padding-right: var(--abstand_36);}
.lp36 {padding-left: var(--abstand_36); } .rp36 {padding-right: var(--abstand_36);}
.hm36 {margin-left: var(--abstand_36); margin-right: var(--abstand_36);}
.lm36 {margin-left: var(--abstand_36); } .rm36 {margin-right: var(--abstand_36);}

.vp36 {padding-top: var(--abstand_36); padding-bottom: var(--abstand_36);}
.tp36 {padding-top: var(--abstand_36); } .bp36 {padding-bottom: var(--abstand_36);}
.vm36 {margin-top: var(--abstand_36); margin-bottom: var(--abstand_36);}
.tm36 {margin-top: var(--abstand_36); } .bm36 {margin-bottom: var(--abstand_36);}


.hp54 {padding-left: var(--abstand_54); padding-right: var(--abstand_54);}
.lp54 {padding-left: var(--abstand_54); } .rp54 {padding-right: var(--abstand_54);}
.hm54 {margin-left: var(--abstand_54); margin-right: var(--abstand_54);}
.lm54 {margin-left: var(--abstand_54); } .rm54 {margin-right: var(--abstand_54);}

.vp54 {padding-top: var(--abstand_54); padding-bottom: var(--abstand_54);}
.tp54 {padding-top: var(--abstand_54); } .bp54 {padding-bottom: var(--abstand_54);}
.vm54 {margin-top: var(--abstand_54); margin-bottom: var(--abstand_54);}
.tm54 {margin-top: var(--abstand_54); } .bm54 {margin-bottom: var(--abstand_54);}


.hp72 {padding-left: var(--abstand_72); padding-right: var(--abstand_72);}
.lp72 {padding-left: var(--abstand_72); } .rp72 {padding-right: var(--abstand_72);}
.hm72 {margin-left: var(--abstand_72); margin-right: var(--abstand_72);}
.lm72 {margin-left: var(--abstand_72); } .rm72 {margin-right: var(--abstand_72);}

.vp72 {padding-top: var(--abstand_72); padding-bottom: var(--abstand_72);}
.tp72 {padding-top: var(--abstand_72); } .bp72 {padding-bottom: var(--abstand_72);}
.vm72 {margin-top: var(--abstand_72); margin-bottom: var(--abstand_72);}
.tm72 {margin-top: var(--abstand_72); } .bm72 {margin-bottom: var(--abstand_72);}


.wide1.hm9, .col14.hm9 {width: calc(24.9% - var(--abstand_18));}
.col13.hm9, .col13-2-1.hm9 {width: calc(33% - var(--abstand_18));}
.col13.hm9.button {width: calc(33% - 1.8rem);}
.wide2.hm9, .col24.hm9 {width: calc(49.9% - var(--abstand_18));}
.col23.hm9 {width: calc(66% - var(--abstand_18));}
.wide3.hm9, .col34.hm9 {width: calc(74.9% - var(--abstand_18));}
.col44.hm36, .col33.hm36, .wide4.hm36,
.col44.hm36-18, .col33.hm36-18, .wide4.hm36-18,
.col44.hm36-18-0, .col33.hm36-18-0, .wide4.hm36-18-0 { width: calc(100% - var(--abstand_72));}

.hm36-18-0, .hm36-18 {margin-left: var(--abstand_36); margin-right: var(--abstand_36);} 
.hp36-18-0, .hp36-18 {padding-left: var(--abstand_36); padding-right: var(--abstand_36);} 
.lp36-18-0, .lp36-18 {padding-left: var(--abstand_36);} 
.rp36-18-0, .rp36-18 {padding-right: var(--abstand_36);} 
.lm36-18-0, .lm36-18 {margin-right: var(--abstand_36);} 
.rm36-18-0, .rm36-18 {margin-right: var(--abstand_36);} 

.wide85 {width: 85%;}

.show360 {display: none !important;}


@media (max-width: 1024px) {
	.contentWrapper {
		padding-left: var(--abstand_36);
		padding-right: var(--abstand_36);
	}

	.contentWrapper2, #main > .bigIncludeTo {
		padding-left: var(--abstand_36);
		padding-right: var(--abstand_36);
	}
	
	
	.tvp0 {padding-top: 0px; padding-bottom: 0px;}
	.ttp0 {padding-top: 0px; } .tbp0 {padding-bottom: 0px;}
	.tvm0 {margin-top: 0px; margin-bottom: 0px;}
	.ttm0 {margin-top: 0px; } .tbm0 {margin-bottom: 0px;}

	.thp0 {padding-left: 0px; padding-right: 0px;}
	.tlp0 {padding-left: 0px; } .trp0 {padding-right: 0px;}
	.thm0 {margin-left: 0px; margin-right: 0px;}
	.tlm0 {margin-left: 0px; } .trm0 {margin-right: 0px;}
	
	.thp6 {padding-left: var(--abstand_6); padding-right: var(--abstand_6);}
	.tlp6 {padding-left: var(--abstand_6); } .trp6 {padding-right: var(--abstand_6);}
	.thm6 {margin-left: var(--abstand_6); margin-right: var(--abstand_6);}
	.tlm6 {margin-left: 0var(--abstand_6); } .trm6 {margin-right: var(--abstand_6);}

	.tvp6 {padding-top: var(--abstand_6); padding-bottom: var(--abstand_6);}
	.ttp6 {padding-top: var(--abstand_6); } .tbp6 {padding-bottom: var(--abstand_6);}
	.tvm6 {margin-top: var(--abstand_6); margin-bottom: var(--abstand_6);}
	.ttm6 {margin-top: var(--abstand_6); } .tbm6 {margin-bottom: var(--abstand_6);}


	.thp9 {padding-left: var(--abstand_9); padding-right: var(--abstand_9);}
	.tlp9 {padding-left: var(--abstand_9); } .trp9 {padding-right: var(--abstand_9);}
	.thm9 {margin-left: var(--abstand_9); margin-right: var(--abstand_9);}
	.tlm9 {margin-left: var(--abstand_9); } .trm9 {margin-right: var(--abstand_9);}

	.tvp9 {padding-top: var(--abstand_9); padding-bottom: var(--abstand_9);}
	.ttp9 {padding-top: var(--abstand_9); } .tbp9 {padding-bottom: var(--abstand_9);}
	.tvm9 {margin-top: var(--abstand_9); margin-bottom: var(--abstand_9);}
	.ttm9 {margin-top: var(--abstand_9); } .tbm9 {margin-bottom: var(--abstand_9);}
	
	.thp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
	.tlp18 {padding-left: var(--abstand_18); } .trp18 {padding-right: var(--abstand_18);}
	.thm18 {margin-left: var(--abstand_18); margin-right: var(--abstand_18);}
	.tlm18 {margin-left: var(--abstand_18); } .trm18 {margin-right: var(--abstand_18);}

	.tvp18 {padding-top: var(--abstand_18); padding-bottom: var(--abstand_18);}
	.ttp18 {padding-top: var(--abstand_18); } .tbp18 {padding-bottom: var(--abstand_18);}
	.tvm18 {margin-top: var(--abstand_18); margin-bottom: var(--abstand_18);}
	.ttm18 {margin-top: var(--abstand_18); } .tbm18 {margin-bottom: var(--abstand_18);}


	.thp27 {padding-left: var(--abstand_27); padding-right: var(--abstand_27);}
	.tlp27 {padding-left: var(--abstand_27); } .trp27 {padding-right: var(--abstand_27);}
	.thm27 {margin-left: var(--abstand_27); margin-right: var(--abstand_27);}
	.tlm27 {margin-left: var(--abstand_27); } .trm27 {margin-right: var(--abstand_27);}

	.tvp27 {padding-top: var(--abstand_27); padding-bottom: var(--abstand_27);}
	.ttp27 {padding-top: var(--abstand_27); } .tbp27 {padding-bottom: var(--abstand_27);}
	.tvm27 {margin-top: var(--abstand_27); margin-bottom: var(--abstand_27);}
	.ttm27 {margin-top: var(--abstand_27); } .tbm27 {margin-bottom: var(--abstand_27);}


	.thp36 {padding-left: var(--abstand_36); padding-right: var(--abstand_36);}
	.tlp36 {padding-left: var(--abstand_36); } .trp36 {padding-right: var(--abstand_36);}
	.thm36 {margin-left: var(--abstand_36); margin-right: var(--abstand_36);}
	.tlm36 {margin-left: var(--abstand_36); } .trm36 {margin-right: var(--abstand_36);}

	.tvp36 {padding-top: var(--abstand_36); padding-bottom: var(--abstand_36);}
	.ttp36 {padding-top: var(--abstand_36); } .tbp36 {padding-bottom: var(--abstand_36);}
	.tvm36 {margin-top: var(--abstand_36); margin-bottom: var(--abstand_36);}
	.ttm36 {margin-top: var(--abstand_36); } .tbm36 {margin-bottom: var(--abstand_36);}
	
	.thp42 {padding-left: 4.2rem; padding-right: 4.2rem;}
	
	
	
	.thp54 {padding-left: 4.2rem; padding-right: 4.2rem;}
	
	.tlp72 {padding-left: var(--abstand_72); } .trp72 {padding-right: var(--abstand_72);}
}

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

@media (max-width: 600px) {
	.contentWrapper {
		padding-left: var(--abstand_18);
		padding-right: var(--abstand_18);
	}

	.contentWrapper2, #main > .bigIncludeTo {
		padding-left: var(--abstand_18);
		padding-right: var(--abstand_18);
	}
	
	
	.mbm9 {margin-bottom: var(--abstand_9);}
	.mtm9 {margin-top: var(--abstand_9);}
	
	.mhp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
	.mbm18 {margin-bottom: var(--abstand_18);}
	
	.mhp9 {padding-left: var(--abstand_9); padding-right: var(--abstand_9);}
	
	.mhm18 {margin-left: var(--abstand_18); margin-right: var(--abstand_18);}
	.mhp18 {padding-left: var(--abstand_18); padding-right: var(--abstand_18);}
	.mvm18 {margin-top: var(--abstand_18); margin-bottom: var(--abstand_18);}
	.mlp18 {padding-left: var(--abstand_18);}
	
	.mhp0 {padding-left: 0rem; padding-right: 0rem;}
	.mlp0 {padding-left: 0rem; } .mrp0 {padding-right: 0rem;}
	.mhm0 {margin-left: 0rem; margin-right: 0rem;}
	.mlm0 {margin-left: 0rem; } .mrm0 {margin-right: 0rem;}

	.mvp0 {padding-top: 0rem; padding-bottom: 0rem;}
	.mtp0 {padding-top: 0rem; } .mbp0 {padding-bottom: 0rem;}
	.mvm0 {margin-top: 0rem; margin-bottom: 0rem;}
	.mtm0 {margin-top: 0rem; } .mbm0 {margin-bottom: 0rem;}
}




/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* ---------------------------- Allgemein ----------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

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

body {margin:0px;}

#main {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--white);
}

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

noindex {
	display: block;
}



.dib {display: inline-block;}
.block {display: block;}
.none, .radio_none, .hide {display: none !important;}
.oScroll {overflow: scroll;}
.oHide {overflow: hidden;}
.oVisible {overflow: visible;}
.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;}
.inher {color: inherit;}
.noHover:hover {text-decoration: none;}


/* ------------- Position ------------- */

.relative {position:relative;}
.absolute {position:absolute;}
.positionRechts {position:absolute; top: 0px; bottom: 0px; right: 0px; }
.positionLinks {position:absolute; top: 0px; bottom: 0px; left: 0px; }
.positionRechtsUnten {position:absolute; bottom: 0px; right: 0px; } 
.positionLinksUnten {position:absolute; bottom: 0px; left: 0px; } 
.positionUnten {position:absolute; bottom: 0px;  } 


/* ------------- Platzhalter ------------- */

.platzhalter300 {height: 300px;}
.platzhalter600 {height: 600px;}

/* ------------- Flex ------------- */

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


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


.show1240, .show900, .show600, .show768 {display: none;}

@media (max-width: 1440px) {
	.hide1440 {display: none !important;}
}
@media (max-width: 1240px) {
	.hide1240 {display: none !important;}
	.col13-2-1 {width: 49%;} 
	.show1240 {display: inline-block !important;}
}
@media (max-width: 1024px) {
	.hide1024 {display: none !important;}
}
@media (max-width: 900px) {
	.hide900 {display: none !important;}
	.show900 {display: inline-block !important;}
}
@media (max-width: 768px) {
	.hide768 {display: none !important;}
	.show768 {display: inline-block !important;}
}
@media screen and (max-width: 600px) {
	.hide600 {display: none !important;}
	.show600 {display: inline-block !important;}
}





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

/* ------------- Liste Arrow 1 ------------- */
ul.list_arrow {
	list-style: none;
	/*padding-left: 20px;*/
	padding-left: 0; /* Timon 231121*/
}
ul.list_arrow > li {
	padding-left: 20px;
	position: relative;
}
ul.list_arrow > li::before {
	content: "»";
	color: var(--red);
	position: absolute;
	left: 0;
}





/* ------------------------------------- */
/* ---------- Kontaktformular ---------- */
/* ------------------------------------- */
.formularColL, .formularColR, .formularCaptchaWrapper > div > * {
	display: inline-block;
	vertical-align: top;
}

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

.kontakt_feld {width: 315px !important;}
#kontakt_plz {width: 100px !important;}

@media screen and (max-width: 600px) {
	.formularColL, .formularColR {width: 100%;}
	.formularColL {margin-bottom: 0;}
	
	.kontakt_feld {width: 100% !important;}
}





/* ------------------------------------------ */
/* ------------- a-Tag Dropdown ------------- */
/* ------------------------------------------ */
/*BEGIN BEISPIEL HTML CODE*/
/*<div class="dropdown">
	<style>
		.dropdown > label:not([data-link="./{%session.TemplateName%}"]){display:none;}
		.dropdown > div > a[href="./{%session.TemplateName%}"]{background-color:var(--gray5);}
	</style>
	<label for="chk_dropdown" data-link="./epis_erfassen">Lieferanten</label>
	<label for="chk_dropdown" data-link="./epis_gruppenzuordnung">Zuordnung</label>
	<label for="chk_dropdown" data-link="./epis_kataloge">Kataloge</label>
	<label for="chk_dropdown" data-link="./epis_konditionen">Konditionen</label>
	<label for="chk_dropdown" data-link="./epis_region">Region</label>
	<div>
		<a href="./epis_erfassen">Lieferanten</a>
		<a href="./epis_gruppenzuordnung">Zuordnung</a>
		<a href="./epis_kataloge">Kataloge</a>
		<a href="./epis_konditionen">Konditionen</a>
		<a href="./epis_region">Region</a>
	</div>
</div>*/
/*END BEISPIEL HTML CODE*/

#chk_dropdown {display: none;}
.dropdown{
	border:1px solid var(--gray);
	border-radius: 4px;
	position: relative;
}
.dropdown > label::after {
	content:'';
	display:inline-block;
	position: absolute;
	right: 10px;
	top:50%;
	transform: translateY(-50%);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left:10px solid var(--red);
	transition: 100ms transform ease-in-out;
}
.dropdown > label {
	width: 100%;
	padding: 5px 40px 5px 15px;
	display:inline-block;
	font-size: 1.5rem;
}
.dropdown > div {
	position: absolute;
	width: 100%;
	background-color: var(--white);
	top: calc(100% + 1px);
	left: 0;
	box-shadow: 1px 1px 10px -4px var(--black);
	display:none;
	border-radius: 4px;
	z-index: 1;
}
.dropdown > div > a {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  font-size: 1.5rem;
}
.dropdown a:hover {background-color: var(--gray7);}

#chk_dropdown:checked ~ .dropdown > label::after{transform: translateY(-50%) rotateZ(90deg);}
#chk_dropdown:checked ~ .dropdown > div{display:block;}
#chk_dropdown:checked ~ #lbl_dropdown_Layer{position: fixed;inset: 0; cursor: auto;}




.bildNachhaltigkeit img{max-width: 100%;}

/* ------------------------------------------------ */
/* ------ moveOverBoxWrapper------- */
/* ------------------------------------------------ */

label.moveOverBox_label {
width: 10px;
height: 10px; /*9px*/
background-color: var(--gray); /* border-right: 1px solid var(--gray2); border-bottom: 1px solid var(--gray2); */
display: inline-block;
margin: 1rem;
margin-bottom: 0.3rem;
}
label.moveOverBox_label:hover {
background-color: var(--red2);
}
article.moveOverSlider {
opacity: 0%;
transition: opacity 0.4s;
position: absolute;
display: block;
top: 0px;
min-height: 24rem;
}
article.moveOverSlider#moveOverBoxSlider01 {
position:inherit; /* der erste nicht absolute */
}

input[type="radio"]#moveOverBox_radio01:checked ~ aside #moveOverBoxSlider01,
input[type="radio"]#moveOverBox_radio02:checked ~ aside #moveOverBoxSlider02,
input[type="radio"]#moveOverBox_radio03:checked ~ aside #moveOverBoxSlider03,
input[type="radio"]#moveOverBox_radio04:checked ~ aside #moveOverBoxSlider04,
input[type="radio"]#moveOverBox_radio05:checked ~ aside #moveOverBoxSlider05,
input[type="radio"]#moveOverBox_radio06:checked ~ aside #moveOverBoxSlider06
{opacity: 100%; transition: opacity 0.4s;}

input[type="radio"]#moveOverBox_radio01:checked ~ nav #moveOverBox_label01,
input[type="radio"]#moveOverBox_radio02:checked ~ nav #moveOverBox_label02,
input[type="radio"]#moveOverBox_radio03:checked ~ nav #moveOverBox_label03,
input[type="radio"]#moveOverBox_radio04:checked ~ nav #moveOverBox_label04,
input[type="radio"]#moveOverBox_radio05:checked ~ nav #moveOverBox_label05,
input[type="radio"]#moveOverBox_radio06:checked ~ nav #moveOverBox_label06
{background-color: var(--red);}

.moveOverSlider .pfeile_transparent_gross {
width: 200px;
height: 120px;
margin-top: -10px;
}

.pfeile_transparent_gross { 
	display: inline-block;
	background: url("/bilder/abau/pfeile_grau_transparent.svg");
	background-size: auto; 
	width: 168px; 
	height: 80px; 
	background-size: contain; 	
	background-repeat: no-repeat;
	margin-right: 7px;
}
input[type="submit"]#ianm_submit {
position:absolute;
bottom: 4rem;
background:url('pic/abau/input_bg_pfeile.gif');
background-size: cover;
background-repeat: no-repeat;
color: var(--white);
font-family: var(--regular2);
font-weight:normal;
height: 34px;
font-size:110%
}

input[type="submit"]#ianm_submit:hover {
color: var(--gray6);
}
#ianm_submit {
border: 0px;
padding-left: 20px;
border-radius: 3px;
min-width: 13rem;
}

.moveOverBanner {
	position: relative; 
	margin-top: -20%;
}

#moveOverBoxWrapper {
margin-top: 4rem;
}
@media screen and (max-width: 1100px) {
.moveOverBanner > aside > article h1 {
font-size: 240%;
}
}
@media screen and (max-width: 1024px) {
#moveOverBoxWrapper {
margin-top: -2rem;
}
}
@media screen and (max-width: 60px) {
#moveOverBoxWrapper {
margin-top: -4rem;
}
}
/* oh210726 Ergänzung für Bildwechsel bei Anmeldung */
center#anmeldungNachOben {
margin-top: -14rem;
}
#anmeldungBoxDetails center#anmeldungNachOben div img {
width: 75px;
height: 75px;
margin-bottom: 3rem;
}
#anmeldungBoxDetails > div.bg_streifen_schmal {
padding-top: 9rem !important;
}


/* end Modul moveOverBoxWrapper */



/* ------------------------------------------------ */
/* ---------- News Responsive Image Grid ---------- */
/* ------------------------------------------------ */
.news_row { display: flex; flex-wrap: wrap; padding: 0 4px; }
.news_column { flex: 33.3%; max-width: 33.3%; padding: 0 4px; }
.news_column img { margin-top: 8px; vertical-align: middle; width: 100%; }
@media (max-width: 1440px) {
	.news_column { flex: 50%; max-width: 50%; }
}
@media (max-width: 600px) {
	.news_column { flex: 100%; max-width: 100%; }
}





/* -------------------------------------------------------------- */
/* -------------------- Suche mit Suchbutton -------------------- */
/* -------------------------------------------------------------- */
.sucheInklButtonWrapper {
	width: 100%;
	max-width: 250px;
	display: inline-flex;
	flex-wrap: wrap;
}

.sucheInklButtonTb {
	width: calc(100% - 30px) !important;
	border-radius: 4px 0 0 4px !important;
	border-right: none !important;
	min-width: unset !important;
}

.sucheInklButtonBtn {
	width: 30px;
	aspect-ratio: 1;
	border-radius: 0 4px 4px 0;
	padding: 0 !important;
	background-image: url('/bilder/abau/suchicon_weiss.svg');
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
	cursor: pointer;
	background-color: var(--red);
	border: none;
}



/* -------------------------------------------------- */
/* -------------------- Streifen -------------------- */
/* -------------------------------------------------- */
.bg_streifen {
	background-image: linear-gradient(-45deg, rgba(175, 176, 179, 0.3) 25%, transparent 25%, transparent 50%, rgba(175, 176, 179, 0.3) 50%, rgba(175, 176, 179, 0.3) 75%, transparent 75%, transparent);
	background-size: 13px 13px;
}

.bg_streifen_schmal {
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-size: 12px 12px;
}

.hyphen {
	-webkit-hyphens: auto;
	-moz-hyphens: auto; 
	-ms-hyphens: auto; 
	hyphens: auto;     
	/* chrome kann nur: overflow-wrap: break-word; word-wrap: break-word; hyphenate-limit-chars: 10 4 4; */
}



/* ---------------------------------------------------- */
/* -------------------- Pfeile Rot -------------------- */
/* ---------------------------------------------------- */
.pfeile_rot {
    display: inline-block;
    vertical-align: top;
    background: url('/bilder/abau/pfeile_rot.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    width: 84px;
    height: 40px;
}





/* ----------------------------------------- */
/* ---------- HIGH CONTRAST MODE  ---------- */
/* ----------------------------------------- */

#accessability:checked ~ #main #mainMenue li:before{display: none;}
#accessability:checked ~ #main #mainMenue li:after{display: none;}
#accessability:checked ~ #main{
  --red: #000;
}
#accessability:checked ~ #main .bannerHomeNavLbl{
  --gray: #fff;
  border: 1px solid #000;
}
#accessability:checked ~ #main .funtionaereFunktionaer{
    border:1px solid #000;
}



/* ----------------------------------------- */
/* ---------- ___________________ ---------- */
/* ----------------------------------------- */




@media (max-width: 1440px) {
	
}
@media (max-width: 1240px) {
	
}
@media (max-width: 1024px) {
	
}
@media (max-width: 768px) {
	
}
@media (max-width: 600px) {
	
}
/* --- --- */