/*body {background-color: #eee !important}*/


/*MOBILE*/
@media(max-width: 1160px)
{		
	/*HEADER*/
	#headBar {padding-top: 10px;padding-bottom: 10px;align-items: initial}
	#logo a {flex-wrap: wrap; gap: 7px;width: 80%}
	#searchBar {position: absolute; width: 70%; right: 0}
	#mainNavigation {display: none}
	.mm-wrapper--opened #mobileNav {display: initial}
	#mobileNavTrigger {display: flex;}
	#navBar, #navBar > .inside {height: 55px}

}

/*--------------------------------------------*/
/*------- INDIVIDUAL !!!!!!!!!!!!!!!!!!! -------------*/
/*--------------------------------------------*/
#navBar, #navBar > .inside {position: relative}
#mobileNavTrigger {justify-content: flex-start !important}
#pageTitle {font-family: var(--font-head) !important}

#bsLogoFooterAbove {margin-bottom: 3%; overflow: hidden}
#bsLogoFooterAbove figure {float: right; max-width: 400px }

#fooBar {position: relative}
#bSLogoFooter {position: absolute; max-width: 350px; right: 0; bottom: 40px}

#mainNav ul li, #mainNav ul.level_1 li a:before, #seaBox, #navBar, #ScrollToTop, #mainNav .level_1 > li:before, 
#searchToggle, #IAKMAP iframe, input[type="submit"], #infoMail
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

#searchInput
{
    -webkit-transition: all .75s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .75s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .75s cubic-bezier(.23,1,.32,1);
    -o-transition: all .75s cubic-bezier(.23,1,.32,1);
    transition: all .75s cubic-bezier(.23,1,.32,1);
}

#infoMail {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
}
/*--------------------------------------------*/
/*------- GENERAL --> INFOMAIL -------------*/
/*--------------------------------------------*/
#infoMail * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#infoMail {position: absolute;right: 5px;top: 5px;bottom: 5px;display: flex;align-items: center;background-color: var(--red);z-index: 9999999999;cursor: pointer;border-radius: 4px}
#infoMail a {color: #fff;padding: 0em 20px;display: flex;align-items: center;}
#infoMail span {font-size: 14px; display: block; margin-left: 10px}
#infoMail:hover {background-color: #740009}


/*--------------------------------------------*/
/*------- CAREER LINK -------------*/
/*--------------------------------------------*/
#careerLink * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#careerLink {height: 55px;padding: 21px 20px 20px 60px;width: 135px; position: fixed; overflow: hidden; top: 170px; right: 7px;border-radius: 4px; background-color: #fff; z-index: 9999999;-webkit-box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 40%);box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 40%);-webkit-transition: all .3s ease;transition: all .3s ease;}
#careerLinkIcon {position: absolute;left: 20px;top: 10px; width: 32px }
#careerLink a {color: #000;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#careerLinkText {position: absolute; top: 21px; left: 60px;font-family: var(--font-bold);opacity: 1; display: inline-block; font-size: 13px} 

#careerLink:hover {-webkit-box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 20%);box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 20%);}


/*--------------------------------------------*/
/*------- PAGES --> BILD TEXT TEASER-------------*/
/*--------------------------------------------*/
.picTextTeaser {border-radius: 4px; padding-right: 0; margin-top: 3%; margin-bottom: 5%; display: flex}
.picTextTeaser h3 {font-size: 2em}
.picTextTeaser .col5.last {overflow: hidden}
.picTextTeaser .backpic {height: 100% !important}

/*--------------------------------------------*/
/*------- GENERAL --> PAGES --> BREADCRUMP (insert Tag im HeadPic-Template) -------------*/
/*--------------------------------------------*/
.home .mod_breadcrumb {display: none}
.mod_breadcrumb {margin-top: 20px; font-size: 12px}
.mod_breadcrumb li {display: inline-block}


/*--------------------------------------------*/
/*------- GENERAL --> FOOTER --> ICON MENU -------------*/
/*--------------------------------------------*/
#iconMenu {padding-left: 5%}
#iconMenu .iconCol {width: 30%; float: left; text-align: center; opacity: 0.5}
#iconMenu .iconCol .iconBox {width: 100px;
    height: 100px;
    border: 4px solid;
    border-radius: 50%;
    padding: 22px;
    font-size: 2em;
    margin: auto}
#iconMenu .iconCol:hover {opacity: 1; cursor: pointer}
.alanyseBtn {border: none;
border: none;
  background-color: rgba(0,0,0,0);
  color: white;
  font-family: inherit;
  font-size: inherit
  }

/*
#footer {background-color: #3c414b;color: #fff;}
#footer a {color: #fff; margin-left: 3px}
#footer li {list-style-type: none; margin-bottom: 7px; padding: 3px}
#footer li a:hover {text-decoration: underline}
*/

#nndSignet {display: flex; justify-content: end}
#nndSignet img {width: 180px}

#dTaktLogo {display: flex;justify-content: flex-end; margin: 0px 0 40px 0}
#dTaktLogo a img {width: 300px; margin: 0 auto}
#dTaktLogo a[target="_blank"]::after {display: none}

@media(max-width: 768px)
{
	#dTaktLogo {margin: 40px 0}
	#dTaktLogo a {width: 100%}
}



/*--------------------------------------------*/
/*------- GENERAL --> FOOTER --> KACHELSYSTEM -------------*/
/*--------------------------------------------*/
.footerTileFrame {display: flex; overflow: visible;justify-content: center;align-items: center;margin-top: 3%; margin-bottom: 3%}
.footerTileFrame .footerTile {position: relative;margin: 1%; transition: all .75s ease-in-out;padding: 35px; border-radius: 4px; width: 33.33333%; box-shadow: 0 0 1rem 0 #d7dce1; text-align: center;transition: all .75s ease-in-out;cursor: pointer; font-size: 0.9em}
.footerTileFrame .footerTileLink {position: absolute; width: 100%; top: 0; left: 0; height: 100%}
.footerTileFrame .footerTile:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,0.23); text-decoration: underline}
.footerTileFrame .footerTile h3, .footerTileFrame .footerTile h2 {margin: 20px 0; font-size: 22px}
.footerTileFrame .footerTile h2:after {display: none}
.footerTileFrame .footerTile figure {display: block}
.footerTileFrame .footerTile a:after {display: none}


/*--------------------------------------------*/
/*------- GENERAL --> RECHTE SPALTE (SERVICE) -------------*/
/*--------------------------------------------*/
#rightColumn {font-size: 16px}


/*--------------------------------------------*/
/*------- PAGES --> HISTORIE --> Blogliste -------------*/
/*--------------------------------------------*/
#history .layout_latest .col8.last > div.row, #history .layout_latest .infoicons {display: none}



/*--------------------------------------------*/
/*------- GENERAL --> COLORS -------------*/
/*--------------------------------------------*/

body, a {color: #000}

/*DARKGRAY*/
.darkGray {background-color: #bec8cf}
.darkestGray {background-color:#5b5b5b; color: #fff}

/*LIGHTGRAY*/
.lightgray {background-color: #f5f5f5}
.gray {background-color: #e2e5e7}

/*WHITEBACK*/
.whiteBack {background-color: #fff !important}

/*BOXED*/
.boxed {border: 1px solid #e2e5e7}


/*CopyTexte Bilder
figure.image_container, .flipper .front {position: relative}
.flipper .front .copytxt, figure.image_container .copytxt, .backpic .copytxt {position: absolute;bottom: 10px;left: 10px;color: #fff;font-size: 10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);z-index: 99999999999999999;}


#main .ulmargtop ul {margin-top: -15px}

figure.image_container.float_left {float: left; margin: 8px 3% 3% 0}
figure.image_container.float_right {float: right; margin: 8px 0 3% 3%}

.pictFrame figure img {border: 1px solid #B2B1AC}
*/
/*HOVER EFFEKT BILDER
.backpicDiv, .hoverEffect img {transition: all .75s ease-in-out;}
.layout_latest:hover .backpicDiv, .hoverEffect:hover img {transform: scale(1.075);}  
.hoverEffect > figure > figcaption {position: absolute; bottom: 0; width: 100%; z-index: 999999; background-color: #fff}

.contentButton {text-align: center; margin-top: 3%}
.contentButton a {display: inline-block;min-width: 170px;padding: 12px 16px; background-color: #ed1c24; color: #fff; border-radius: 4px; margin: 0 auto;transition: all .45s cubic-bezier(.23,1,.32,1);}
.contentButton a:hover {background-color: #740009}
#home .contentButton {margin: 3% 0; text-align: center; width: 100%}
.contentButton a:before {display: none !important} 

.ce_text, .ce_image {display: block} 
.ce_text figure, .ce_image figure {position: relative; display: inline-block}
.ce_text figure .copyText, .ce_image .copyText {position: absolute; bottom: 5px; right: 5px; font-size: 12px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.6)}
*/

/*--------------------------------------------*/
/*------- ROW --> HEADPIC -------------*/
/*--------------------------------------------
.backpic {position: relative}
.backpic .layer, #firstrow .layer{position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0}
.backpic .container .inside {position: relative; min-height: 500px}
.backpic #headline {position: absolute; bottom: 0%; left: 0; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.6);padding: 25px 25px 45px 0}
.backpic h1 {font-size: 4em; margin-bottom: 0px; position: relative}
.backpic #headline h1 {font-weight: normal; margin: 0px 0 40px 0; font-size: 3.5em; text-indent: -2px}
.backpic #headline h1:after {content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 68px;
    height: 6px;
    background-color: #ec0016;
    left: 2px;
    border-radius: 3.5px;}

.backpic #headline h2 {font-size: 3.5em}
.backpic #headline p {font-size: 1.4em}

.backpic .copytextLayer {position: absolute; bottom: 0px; right: 0px; left: 10px; text-align: right; font-size: 14px; color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);z-index: 1}
.backpic .copytextLayer span {position: absolute;bottom: 0;right: -100%;z-index: 1;padding: 0.5em 0.75em;color: #fff;background: rgba(19, 24, 33, 0.5);border-radius: 0.25rem 0 0 0;backdrop-filter: blur(20px);transition: all 0.2s cubic-bezier(0.15,0,0.45,1);}
.backpic .copytextLayer:before {color: #fff !important;background: rgba(19, 24, 33, 0.75) !important;position: absolute;bottom: 0.5rem;right: 0.5rem;z-index: 1;display: flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;color: #131821;text-align: center;cursor: pointer;content: "\f1f9";font-family: "Font Awesome 5 Free";background: rgba(255, 255, 255, 0.5);border-radius: 10rem;backdrop-filter: blur(10px);transition: all 0.2s cubic-bezier(0.15,0,0.45,1)}
.backpic .copytextLayer:hover span {opacity: 1;right: 0;}
.backpic .copytextLayer:hover:before {opacity: 0}
*/



/*--------------------------------------------*/
/*------- GENERAL --> TRANSITION + LAYOUT BUILDER -------------*/
/*--------------------------------------------
figure, ul {margin: 0; padding: 0; overflow: hidden;border-radius: 3.5px;}
figcaption {padding: 5px 0}

img {max-width: 100%; height: auto; display: block}
.ce_image.center figure {width: 100%}
.center img {margin: 0 auto}
.center {text-align: center}


.block {display: block}
.inner {padding: 25px}
.inner.lightgray {border: 1px solid #ddd}

#mainmenuMobile {display: none}

.bordered {border: 1px solid #ddd}
*/
/*Pagination
#main .pagination {margin-bottom: 3%;font-size: 1.2em}
#main .pagination ul {margin: 0 auto}
#main .pagination ul li {display: inline-block; vertical-align: middle;margin: 0 1%;}
#main .pagination ul li a, #main .pagination ul li span { float: left; padding: 5px 10px 5px 10px;margin: 2px 0}
#main .pagination ul li:before { content: none }
#main .pagination ul li a:hover, #main .pagination ul li span { opacity: 0.8 }

.flexRowCentered {display: flex; justify-content: center}

*/
/* LIGHTBOX ELEMENTS
#colorbox, #cboxOverlay, #cboxWrapper {z-index: 9999999999}
.cboxPhoto {max-width: 100%}

#colorbox {position: fixed !important; top: 10% !important}
#cboxLoadedContent {border: none}
#colorbox, #cboxContent, #cboxLoadedContent, .cboxPhoto {background-color: rgba(0,0,0,0)}
.cboxPhoto {border-radius: 4px; overflow: hidden}
#cboxContent {margin-top: 0 !important; margin-bottom: 100px}
#cboxTitle {top: initial !important; bottom: -100px}

#cboxClose {display: none; position: fixed;top: 3%;right: 2%;text-indent: 0;background: none; color: rgba(0,0,0,0)}
#cboxClose:before {font-family: "Font Awesome 5 Free";content:"\f057";font-size: 3em;color: #fff; cursor: pointer}

#cboxNext {position: fixed;top: 45%;right: 3%;text-indent: 0;background: none; color: rgba(0,0,0,0)}
#cboxNext:before {font-family: "Font Awesome 5 Free";content:"\f054";font-weight: 900;font-size: 3em;color: #fff; cursor: pointer}

#cboxPrevious {position: fixed;top: 45%;left: 3%;text-indent: 0;background: none; color: rgba(0,0,0,0)}
#cboxPrevious:before {font-family: "Font Awesome 5 Free";content:"\f053";font-weight: 900;font-size: 3em;color: #fff; cursor: pointer}

#cboxOverlay:before {position: fixed;top: 3%;right: 2%;font-family: "Font Awesome 5 Free";content:"\f057";font-size: 2em;color: #fff; cursor: pointer}

#cboxTitle, #cboxCurrent {font-size: 13px}


@media (max-width: 768px)
{
	#colorbox {padding-bottom: 60px}	
	#cboxWrapper {overflow: visible !important; padding-top: 60px}
	#cboxTitle {top: -60px; font-size: 10px}
	#cboxCurrent {top: initial; bottom: 0; background-color: #000; font-size: 10px}
}
*/ 





/*--------------------------------------------*/
/*------- GENERAL --> FONTS -------------*/
/*--------------------------------------------
h1, h2, h3, h4, h5, h6,#headTitle {font-family: var(--font-head); margin-top: 3px; position: relative}

h1 {font-size: 2.6em;line-height: 1.5em; margin-bottom: 50px}
h2 {font-size: 2.2em;line-height: 1.4em}

h1.inside {overflow: visible}
h1:after {content: ""; position: absolute; background-color: #ec0015; bottom: -10px; width: 64px; height: 6px; border-radius: 3.5em; left: 0} 
h1.textcenter:after {left: calc(50% - 32px)}



a {text-decoration: none}

p > a {color: #ed1c24}
p > a:hover {text-decoration: underline}

figure a[target=_blank]:after {content: ""}



p { -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; line-height: 1.8}

.textup {text-transform: uppercase}
.textbold {font-weight: bold}
.textjustfiy {text-align: justify}
.textcenter, .pagination {text-align: center}
.textright {text-align: right}
.smalltext, .caption, .layout_short, p.info, p.back > a, .mod_eventlist .header {font-size: 12px;line-height: 1.6em}

strong,.homeNews .info, .ce_accordionSingle .toggler, .ce_accordionStart .toggler {font-family: var(--font-bold)}
#navBar ul.level_2 li {font-family: var(--font-regular)}
*/
/*Bulletpoints Textelemente
#main .ce_text ul, #pg_sJCurrentText ul, .tabTextInner ul {padding-left: 20px;list-style-type: none}
#main .ce_text ul li, #pg_sJCurrentText ul li, .tabTextInner ul li  {margin-bottom: 10px; line-height: 1.6em}
#main .ce_text ul li::before, #pg_sJCurrentText ul li:before, .tabTextInner ul li:before {list-style-type: none;content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #f00;margin-left: -20px;margin-right: 13px; vertical-align: middle ;display: inline-block;margin-top: -2px}
#main .ce_text ul li::marker, #pg_sJCurrentText ul li::marker, .tabTextInner ul li::marker {display: none}
*/

/*--------------------------------------------*/
/*------- GENERAL --> HEADER -------------*/
/*--------------------------------------------
#container {padding-top: 147px}

#header {position: fixed; width: 100%; left: 0; top: 0;background-color: #fff;z-index: 999999999;border-bottom: 1px solid #d7dce1}
#headBar {padding: 20px 0}
#headBar .inside {position: relative}
#logo {float: left; padding-left: 2px}
#logo img {width: 64px}


#pageTitle {float: left; margin: 3px 0 0 18px;font-size: 1.17em;font-family: var(--font-head);}
#pageTitle p {margin: 0; font-size: }
*/
/*SEARCHBAR
#searchInput, #searchToggle {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);}
#searchBar {float:right; position: relative; width: 40%; height: 30px; margin-top: 10px}
#searchToggle {position: absolute; right: 0; cursor: pointer; top: -6px; z-index: 1; border: none; background: none;padding: 4px;margin-right: 1px;}
#searchBar img {width: 25px}

#searchInput {position: absolute; right: 0; bottom: 0; width: 0%; overflow: hidden}
#searchInput input {outline: 0; border: 0; border-bottom: 1px solid; width: 100%; height: 40px; font-size: 16px; font-family: var(--font-regular);padding-right: 30px}
#searchInput input.submit {display: none}

#searchBar.active #searchInput {width: 100%}
*/

/*NAVIGATIONSBAR*
#navBar {border-top: 1px solid #d7dce1; height: 66px}
#navBar > .inside, #mainNav ul {overflow: visible}
#mainNav li {display: inline-block; margin: 0 4% 0 0;font-size: 18px;}
#mainNav ul {display: flex; width: 100%;align-items: center}
#mainNav a.invisible:focus-visible {width: 100%;height: 60px;top: 4px;z-index: 2;background-color: #fff;clip: inherit;text-align: center;display: flex;justify-content: center;align-items: center}

#mainNav .level_1 li {position: relative;vertical-align: middle}
#mainNav .level_1 > li:before {content: ""; background-color: #ed1c24; height: 3px; width: 0; position: absolute; bottom: -3px}
#mainNav .level_1 > li:hover:before {width: 100%}

#mainNav .level_1 li.submenu > a:after, #mainNav .level_1 li.submenu > span:after {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;margin-left: 10px;display: inline-block;vertical-align: text-bottom;}
#mainNav .level_1 li > ul {position: absolute; background-color: #fff;opacity: 0 !important;z-index: 12}
#mainNav .level_1 li > ul {display: block; width: 400px;box-shadow: 2px 2px 5px rgba(0,0,0,0.4); top: 65px !important; opacity: 1 !important}
#mainNav .level_1 li > ul > li {display: block; border-bottom: 1px solid #d7dce1; padding: 0 15px; margin: 0;}
#mainNav .level_1 li > ul > li a, #mainNav .level_1 li > ul > li strong {padding: 15px 0}
#mainNav .level_1 li > ul > li a:focus-visible {display: block}
#mainNav .level_1 li > ul > li.active > a {font-family: var(--font-bold)}
#mainNav ul ul {display: block;opacity: 1;}
#mainNav ul li:not(.focus):not(:hover) > ul {top: -999em !important; opacity: 0 !important;}

#mainNav .level_1 li > ul > li.submenu:after {content: ""; display: none}
#mainNav .level_1 li > ul > li > ul {top: 0px !important; left: 300px; border-left:1px solid #d7dce1}

#mainNav span.active, #mainNav li.active:after, #mainNav li.trail:after, #mainNav li.trail > a,#mainNav li.trail > span {font-family: var(--font-bold)}
#mainNav li.trail.submenu:after {transform: rotate(180deg); color: #37444e}
#mainNav li.trail.submenu:before, #mainNav li.active:before {width: 100%}
#mainNav a, #mainNav strong, #mainNav span {text-decoration: none;padding: 20px 0;display:block;}

#mainNav a:focus-visible {padding: 20px}
#homebtnLink:focus-visible {padding: 20px 0 !important}

#homeBtn {display: none; width: 2%;cursor: pointer}
#homeBtn:before {display: none}
#homeBtn img {display: inline-block; vertical-align: middle}


html.mm-opened {overflow: auto !important}


#mobMenuTrigger, #mainmenuMobile {display: none}
#mobMenuTrigger {position: absolute; left: 0; top: 15px; cursor: pointer}
*/





/*--------------------------------------------*/
/*------- GENERAL --> FOOTER -------------*/
/*--------------------------------------------*/
/*------- GENERAL --> FOOTER --> ScrollToTop ------------
#ScrollToTop {position: fixed;
    bottom: 5.2rem;
    right: 4rem;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    border: .1rem solid #282d37;cursor: pointer; 
    color: #282d37; visibility: hidden}
#ScrollToTop.active {visibility: visible; z-index: 1}
#ScrollToTop i {cursor: pointer; padding: 0}
#ScrollToTop:hover {background-color: #282d37;color: #fff}
#ScrollToTop button {background-color: rgba(0,0,0,0); border: none; outline: 0}
#ScrollToTop:hover button {color: #fff}
-*/
/*#ScrollToTop button:focus-visible {width: 60px;height: 60px;border-radius: 50%;margin-top: -10px;margin-left: 10px}*/





/* ---------------------------------------------- */
/* ----- SCROLL ICON ------ */
/* ---------------------------------------------- 
#scroll, #toTop {position: fixed; right: 1%; bottom: 3%; background-color: #5b5b5b; color: #fff; font-size: 3em; width: 50px; height: 50px; border-radius: 50%;z-index: 99999999; padding: 2px 10px;}
#scroll a, #toTop a {color: #fff}
#scroll i {vertical-align: text-top; line-height: 1em}
#toTop i {vertical-align: text-top; line-height: 0.9em}
.transparent {opacity: 0;z-index: -1 !important;}
*/



/*--------------------------------------------*/
/*------- PAGES --> SELECT NEWS + EVENTS -------------*/
/*--------------------------------------------

#newsKatMenu * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#newsKatMenu .selectFrame select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none; outline: 0}
#newsKatMenu .selectFrame {position: relative; width: 200px;height: 40px;border-bottom: 1px solid;}
#newsKatMenu .selectFrame select {color: #333;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid transparent;

    cursor: pointer;
    background-color: rgba(0,0,0,0);
    font-size: 18px;
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0; 
    width: 100%;
    height: 100%;}
#newsKatMenu .selectFrame:before {    
content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px; }
*/    



/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- HOME ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------
#homeNews .mod_newslist {display: flex; justify-content:center}
#homeNews .mod_newslist > div {width: 32.333333%;margin: 0 1% 0 0;background-color: #fff;box-shadow: 0 0 1rem 0 #d7dce1;overflow: hidden;border-radius: 3.5px;padding: 15px 15px 60px;position: relative;transition: all .45s cubic-bezier(.23,1,.32,1);}
#homeNews .layout_latest:hover {box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 23%), 0 0.5rem 1.6rem 0 rgb(0 0 0 / 20%)}
#homeNews .layout_latest .more a {padding: 4px 12px;border: 1px solid #000;border-radius: 4px;color: #000;transition: all .45s cubic-bezier(.23,1,.32,1);position: absolute;bottom: 15px;left: 15px;}
#homeNews .layout_latest .more a:hover {background-color: #000;color: #fff;text-decoration: none;}
#homeNews .layout_latestPic {transition: all .75s ease-in-out;}
#homeNews .layout_latest:hover .layout_latestPic {transform: scale(1.075);}
#homeNews .layout_latest .info {margin-top: 5px}
*/
/*--------------------------- HOME --> IAK ---------------------------------------
#IAKMAP {padding: 10px;text-align: center;margin-bottom: 3%}
#IAKMAP iframe {box-shadow: 0 0 1rem 0 #d7dce1;}
#IAKMAP iframe:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)}


.home .mod_breadcrumb {display: none}

#scrollIAKBtn {position: absolute;font-size: 0.9em;
    top: 48%;
    background-color: #fff;
    right: 10px;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(0,0,0,0.3);
    cursor: pointer;}
#scrollIAKBtn:hover {background-color: #000; color: #fff}
*/


/*---DOWNLOADS AKKORDEON------------------------*/
.docs .ce_accordionSingle .toggler h3 {margin-bottom: 0}
.docs .ce_accordionSingle .accordion {padding: 0}
.docs .ce_accordionSingle .toggler:before {top: 12px}

.docs .ce_accordionSingle .ce_downloads ul, .docs .ce_accordionSingle .ce_download ul {padding-left: 0 !important}
.docs .ce_accordionSingle .ce_downloads li:before, .docs .ce_accordionSingle .ce_download li:before {display: none}


/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- PAGES ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

.hintBox {background-color: #f0f3f5; padding: 25px; margin: 6% 0}

/*--------------------------------------------*/
/*------- PAGES --> NND SIGNS ------------*/
/*--------------------------------------------*/
.headNNDSign {margin-top: 15px;margin-left: -3%;width: 60%;}

#nndSingleHeadElement {position: relative; width: 60%; overflow: visible; margin-bottom: 120px}
#nndSingleHeadElement img {max-width: 350px; position: absolute; top: -120px; left: -220px}

#nndSingleContentElement {margin-left: 120px;margin-bottom: 2%}
#nndSingleContentElement img {max-width: 350px; min-width: 350px}

#FooterNNDSign {width: 60%;margin-left: -3%}


.nndSimple img {max-width: 230px; min-width: 230px}

@media(max-width: 768px)
{
	body.footerNNDPage #FooterNNDSign {display: block !important;bottom: 10px;width: 100%}
	body.footerNNDPage .custom {padding-bottom: 200px}
	
	.headNNDSign {margin: 15px 0 3% -3%; width: 100%;}
	
	.nndSimple figure {display: block}
	.nndSimple img {max-width: 150px;min-width: 150px; margin: 0 auto} 

	#nndSingleHeadElement {margin: 0}
	#nndSingleHeadElement img {max-width: 250px; position: initial;}
	
	#nndSingleContentElement {margin: 0 auto;margin-top: 30px; margin-bottom: 20px;}
	#nndSingleContentElement img {max-width: 250px; margin: 0 auto}
}


/*--------------------------------------------*/
/*------- PAGES --> LEERE SEITENLAYOUT (iFrame Einbindung) -------------*/
body.emptyPages #container {padding-top: 0}
body.emptyPages p.back {display: none}

/*--------------------------------------------*/
/*------- PAGES --> ELEMENTS PICT/TEXT WITH BACKGROUNDCOLOR -------------*/
.backgroundPicTextFrame {display: flex;background-color: #131821; margin-bottom: 3%}
.backgroundPicTextFrame .backpic {width: 66.666666%}
.backgroundPicTextFrame .ce_text {width: 33.333333%;padding: 4.4rem 4.2rem 2.8rem 4.8rem;color: #fff}



/*--------------------------------------------*/
/*------- PAGES --> KARRIERE -------------*/
/*--------------------------------------------*/
.testimonialRow .backpic {width: 250px;border-radius: 50%;overflow: hidden}
.dbCareerLinkButton {display: inline-block;background-color: #eb212e;color: #fff;padding: 8px 12px;border-radius: 3.5px;margin-top: 20px;}
.dbCareerLinkButton:hover {background-color: #740009; text-decoration: none}


/*--------------------------------------------*/
/*------- PAGES --> VIDEOS -------------*/
/*--------------------------------------------*/
.videobox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: medium none;
}
/*--------------------------------------------*/
/*------- PAGES --> MELDUNGEN + TERMINE -------------*/
/*--------------------------------------------*/
.layout_latest .kategorie {font-size: 12px;color: #ed1c24;}
.layout_latest .info {margin-top: 0}
.layout_latest .subHead {color: #ed1c24;} 
.layout_full .subHead {color: #ed1c24; font-size: 30px}
.layout_full .redHint {color: #ed1c24;}

/*--------------------------------------------*/
/*------- PAGES --> Videos -------------*/
/*--------------------------------------------*/
.ce_player figure {height: 0; position: relative; padding-bottom: 56.5%}
.ce_player figure video {position: absolute; width: 100%; left: 0; top: 0; height: 100%}

/*--------------------------------------------*/
/*------- PAGES --> TERMINE --> EVENTS -------------*/
/*--------------------------------------------*/
.mod_eventlist {margin: 3% 0}
.event_layout_latest .bl_kat {font-size: 12px; color: #ed1c24; margin-bottom: 10px}
.event_layout_latest .infoicons {font-size: 12px;margin-bottom: 10px}
.event_layout_latest h3 {font-size: 22px; margin: 3% 0}
.event_layout_latest {background: #fff;padding: 25px;box-shadow: 0 0 1rem 0 #d7dce1;overflow: hidden;border-radius: 4px; margin-bottom: 3%}
.event_layout_latest:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)}
.event_layout_latest div.more a {padding: 8px 12px; border: 1px solid; border-radius: 4px; color: #000;transition: all .45s cubic-bezier(.23,1,.32,1)}
.event_layout_latest div.more a:hover {background-color: #000; color: #fff; text-decoration: none}

/*--------------------------------------------*/
/*------- PAGES --> DOWNLOADS -------------*/
/*--------------------------------------------*/
.ce_download {padding: 20px 0 20px 20px; border-bottom: 1px solid #3c414b;}
.ce_download a, .ce_download span {display: inline-block}
.ce_download .text {width: 68%}
.ce_download .size, .ce_download a {width: 15%}
.ce_download a {padding: 8px 16px;border: 1px solid #000;border-radius: 6px; text-align: center; background-color: #fff; font-size: 16px}
.ce_download a:hover {background-color: #000; color: #fff !important}
.ce_accordionStart .ce_download:last-child {border-bottom: none !important}


/*--------------------------------------------*/
/*------- PAGE --> GALLERY ELEMENT -------------*/
/*--------------------------------------------*/
.ce_gallery>ul {float: none; margin: 0}
.ce_gallery>ul li {float: left; list-style-type: none; margin-right: 1%; margin-bottom: 1%}
.ce_gallery>ul li:before {display: none}
.ce_gallery>ul li:last-child {margin-right: 0}
.ce_gallery>ul li.col_first {clear: both}

.ce_gallery>ul.cols_2 li {width: 49%;}
.ce_gallery>ul.cols_3 li {width: 32.33333%;}
.ce_gallery>ul.cols_4 li {width: 24%;}
.ce_gallery>ul.cols_5 li {width: 19%;}
.ce_gallery>ul.cols_3 li a:focus-visible {
	margin: 3px;
  display: block;}

@media (max-width: 768px)
{.ce_gallery>ul li {width: 48% !important}}

/*--------------------------------------------*/
/*------- PAGE --> AKKORDEON ELEMENT ------------*/
/*--------------------------------------------*/
.ce_accordionSingle, .ce_accordionStart {padding: 20px 0; border-bottom: 1px solid #000}
.ce_accordionSingle .toggler, .ce_accordionStart .toggler {outline: none;/* background-color: #efefef;*/ padding: 8px 10px; cursor: pointer; position: relative; font-weight: bold}
.ce_accordionSingle .toggler:hover, .ce_accordionStart .toggler:hover  {opacity: 0.7}	
.ce_accordionSingle .accordion, .ce_accordionStart .accordion {padding: 0 10px; overflow: hidden}
.ce_accordionSingle .toggler:before, .ce_accordionStart .toggler:before {position: absolute; right: 10px; top: 5px; font-family: "Font Awesome 5 Free";font-weight: 900; content: "\f107"; font-size: 1.2em;transform: rotate(-90deg)}
.ce_accordionSingle .toggler.ui-state-active:before, .ce_accordionStart .toggler.ui-state-active:before  {transform: rotate(0deg)}

.ce_accordionSingle .accordion .ce_text, .ce_accordionStart .accordion .ce_text {overflow: hidden}

/*--------------------------------------------*/
/*------- PAGE --> SUCHMASCHINE ------------*/
/*--------------------------------------------*/
.mod_search .formbody {width: 50%}
.mod_search .formbody input {width: 100%; margin-bottom: 3%;height: 50px;border-radius: 4px;border: 1px solid #d7dce1; padding: 8px 16px}
.mod_search div.even, .mod_search div.odd {border-bottom: 1px solid #ddd; padding: 1.5% 0}
.mod_search .highlight {    background-color: #FFF876;}


/*--------------------------------------------*/
/*------- PAGE --> PFAs -------------*/
/*--------------------------------------------*/
.pfa .ce_image.first img {margin: 0 auto}



/***************************************************/
/******BREAKS*******/
/***************************************************/

@media (max-width: 1300px)
{
	
	#mainNav li {display: inline-block; margin: 0 4% 0 0}
	
	/*HOME --> IAK*/
	#IAKMAP {position: relative;padding-bottom: 56.5%;height: 0;overflow: hidden;width: 100%;height: auto}
    #IAKMAP iframe {max-width: 100%;box-shadow: none;position: absolute;top: 0;left: 0;width: 100%;height: 100% !important}
	
}




@media (max-width: 1000px)
{

	body.mm-wrapper--opened #mainmenuMobile {display: initial}
	.mm-listitem--selected {padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;}
	#mobMenuTrigger {display: block}
	#mainNav {display: none}
	
	#homeNews .mod_newslist {display: block}
	#homeNews .mod_newslist > div {width: 48%; float: left; margin: 1%}
	#home .contentButton {padding-top: 3%; overflow: hidden}

}



@media (max-width: 768px)
{

	h1, h2, h3, h4, h5, h6, p {-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
	h1 {font-size: 1.6em}
	h2 {font-size: 1.2em; margin-bottom: 30px}
	.backpic #headline h2 {font-size: 2.4em}
	h2:after {bottom: -10px; width: 60px; height: 5px}
	
	/*HEADER
	#header {transition: all .45s cubic-bezier(.23,1,.32,1);}
	#headBar {padding: 10px 0}
	#searchBar {width: 55%; margin-top: 2px;position: absolute;right: 10px;top: 10px;}
	#navBar {height: 55px}
	#careerLink, #infoMail {padding: 6px 20px}
	#careerLinkIcon {top: 4px}
	#careerLinkText {top: 13px}
	#careerLink {height: 44px; top: 188px}
	#mobMenuTrigger {top: 10px}
	#pageTitle {float: none; clear: both; margin-left: 0; padding-top: 10px; width: 100%}
	*/
	.footerTileFrame {display: inherit}
	.footerTileFrame .footerTile {width: 95%; margin: 0 auto; margin-bottom: 3%}
	
	/*GENERAL ELEMENTS*/
	#container {padding-top: 140px}
	.mod_article > .backpic, .mod_article > .backpic .container .inside {height: 300px !important; font-size: 0.8em; min-height: 0;overflow: hidden;background-attachment: initial !important}
	#ScrollToTop {transform: scale(0.7); right: 10px;transform-origin: 100% 50%; bottom: 150px}
	.flexRowCentered {display: block}
	.flexRowCentered p {margin: 0}
	
	
	/*HOME*/
	#scrollIAKBtn {left: 10px; top: 430px; right: inherit}
	#homeNews .mod_newslist > div {width: 94%; float: none;margin: 3%}


	/*PAGES*/
	.backgroundPicTextFrame {display: block}
	.backgroundPicTextFrame > div {width: 100% !important}
	.backgroundPicTextFrame .backpic {height: 350px}
	.backgroundPicTextFrame .ce_text {padding: 30px 25px 25px 25px}

	
	.ce_accordionSingle .toggler, .ce_accordionStart .toggler {padding: 8px 20px 8px 0px}
	.ce_accordionSingle .toggler:before, .ce_accordionStart .toggler:before {right: 5px; top: 10px}

	.ce_download {padding: 20px 0}
	.ce_download span {display: block; margin-bottom: 10px}
	.ce_download .size, .ce_download a {width: 100%;}
	
	.mod_search .formbody, .mod_search input.text {width: 100%}
	.mod_search .formbody .widget {margin-bottom: 5px}
	.mod_search .formbody .widget-submit {float: none}
	
	.picTextTeaser {display: block}
	.pg_slideNav {bottom: -2%}
	
}