img.left { float: left; margin-right: 0.5em; }
img.right { float: right; margin-left: 0.5em; }
.float_left { float: left; margin-right: 1em; }
.float_right { float: right; margin-left: 1em; }
iframe { margin-bottom: 1em; max-width: 100%; }

body { padding-top: 135px; }
h1 { font-size: 3.666666666666667em; line-height: 1em; margin: 0 0 0.7em; }
h2 { font-size: 2.5em; line-height: 1.1em; margin: 0 0 1em; }
h3 { font-size: 1.5em; line-height: 1.166666666666667em; margin: 0 0 1em; }
.mod_newslist h3 { font-size: 1.194444444444444em; line-height: 1.25em; margin: 0 0 1em; }
h4 { font-size: 1.277777777777778em; font-weight: 700; line-height: 1.25em; margin: 0 0 1em; }
h5 { font-size: 1em; line-height: 1.25em; }


/* Weiterlesen-Links */
a.arrow { padding: 0.5em 0; transition: all .2s ease; display: inline-block; }
a.arrow:hover { transform: scale(1.05); }
a.arrow:before, .ce_hyperlink.arrow a:before { width: 55px; height: 55px; border-radius: 28px; top: -5px; } 
.mod_article a.arrow, .mod_article .ce_hyperlink.arrow a { padding-left: 2.5em; }
.mod_article a.arrow:before, .mod_article .ce_hyperlink.arrow a:before { left: -27.5px; }
.mod_article.hero a.arrow { padding-left: 2.5em; }
.mod_article.hero a.arrow:before { left: -27.5px; }
.mod_article.teaser a.arrow { padding-left: 0; } 
.mod_article.teaser a.arrow:before { left: calc(-2.777777777777778rem - 27.5px); }
.mod_article .rs-column.-large-col-2-1 > div:not(.event) a.arrow { padding-left: 0; } 
.mod_article .rs-column.-large-col-2-1 > div:not(.event) a.arrow:before, .mod_article.akkrdn .ce_hyperlink.arrow a:before { left: calc(-2.777777777777778rem - 27.5px); }
.mod_article .rs-column.-large-col-3-1 > div:not(.event) a.arrow { padding-left: 0.2em; } 
.mod_article .rs-column.-large-col-3-1 > div:not(.event) a.arrow:before { left: calc(-1.944444444444444rem - 27.5px); }
.mod_article.akkrdn .ce_hyperlink.arrow a { padding-left: 0; }
.mod_article.events .ce_hyperlink.arrow a { padding-left: 3.8em; }
.mod_article.events .ce_hyperlink.arrow a:before { left: 0; }
.mod_article.fachstellen > .inside > .rs-columns  > .rs-column > .ce_text a.arrow { padding-left: 2.5em; }
.mod_article.fachstellen > .inside > .rs-columns  > .rs-column > .ce_text a.arrow:before { left: -27.5px; }


/***** CONTAINER *****/
.inside { width: 1265px; }
#header { height: 135px; -webkit-box-shadow: none; box-shadow: none; }
#header.fixed { height: 100px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); background: #fff; }


/***** HEADER *****/

#header > .inside { position: unset; display: flex; padding-left: 1rem; padding-right: 1rem; width: calc(1265px + 2rem); }
#header svg path { fill: #003348; }
#header svg:hover path { fill: #00a8ba; }
#header .logo { padding: 25px 0; width: 25%; }
#header.fixed .logo { padding-top: 14px; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#logo { width: 192px; height: 84.9833px; }
#header.fixed #logo { width: 192px; height: 72.8px; }
#header.fixed #logo { width: 192px; height: 72.8px; }
#header .menu { width: 75%; } 
#header .top { border-bottom: 2px solid #00a8ba; text-transform: lowercase; display: flex; justify-content: flex-end; }

#header .mod_changelanguage, #header .mod_customnav { font-size: 0.7777777777777778em; font-weight: 600; }
#header .mod_changelanguage li, #header .mod_customnav li { list-style: none; display: block; float: left; margin: 0 0.4em; }
#header .mod_customnav a, #header .mod_changelanguage a, #header .mod_customnav strong, #header .mod_changelanguage strong { display: block; padding: 0 0.1em; line-height: 34px; border: 2px solid #fff; }
#header .mod_customnav a:hover, #header .mod_changelanguage a:hover, #csswitch button:hover, #header .mod_changelanguage li.active strong { color: #00a8ba; }
#header .mod_customnav a:focus, #header .mod_changelanguage a:focus, #csswitch button:focus { border: 2px solid #007d93; outline: 0; }

#socials { padding-left: 1em; position: relative; }
#socials:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.35em; width: 1px; height: 0.8em; display: block; background: #003348; }
#socials li { display: block; float: left; }
#socials ul a { display: block; margin: 0 0.25em; position: relative; border: 2px solid #fff; }
#socials ul a:focus { border: 2px solid #007d93; outline: 0; }
#socials ul a span { display: inline-block; position: absolute; left: -9999em; }
#socials ul a svg { height: 16px; display: block; width: auto; }
#csswitch button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url("assets/csswitch-sprite.svg"); background-repeat: no-repeat; background-position: left 8px; cursor: pointer; display: inline-block; border: 0; background-color: transparent; font-size: 15px; margin: 0 0.4em; border: 2px solid #fff; height: 38px; font-size: 0.7777777777777778em; }
#csswitch button:hover { background-position: left -22px; }

/* Navi */

#mainnav a { white-space: nowrap; display: inline-block; font-weight: normal; border: 2px solid transparent; }
#mainnav li { list-style: none; }
#mainnav li.submenu:hover .megmenu, #mainnav ul.level_1 li.toggled .megmenu { visibility: visible; opacity: 1; }
#mainnav ul.level_1 > li > a { font-weight: 600; }

#mainnav ul.level_2 > li:hover, #mainnav ul.level_2 > li.active, #mainnav ul.level_2 > li:hover, #mainnav ul.level_2 > li.forward, #mainnav ul.level_2 > li.trail { color: #003348; }
#mainnav ul.level_2 a { color: #fff; }
#mainnav ul li a:focus, #mainnav ul li a.focus { border: 2px solid #007d93; outline: 0; }

#mainnav ul.level_2 a, #mainnav ul.level_2 strong { display: block; }
#mainnav ul.level_2 a:hover, #mainnav ul.level_2 li.active a, #mainnav ul.level_2 strong { color: #003449; }

#mainnav ul.level_3 { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.1s linear; transition-delay: 0.01s; } 
#mainnav ul.level_2 > li:hover ul.level_3, #mainnav ul.level_2 li.toggled ul.level_3 { visibility: visible; opacity: 1; }

/* Suche + Mail */ 

#header .xtd { display: flex; justify-content: flex-end; }
#header .xtd > div > a { display: block; border: 2px solid transparent; padding: 35px 10px; }
#header .xtd > div > a#lupe { padding: 35px 8px 35px 10px; }
#header.fixed .xtd > div > a { padding: 17px 10px 18px; } 
#header.fixed .xtd > div > a#lupe { padding: 17px 8px 18px 10px; } 
#header .xtd > div > a > svg { width: auto; height: 21px; display: block; }
#menutoggler { display: none; width: 35px; height: 55px; background: url("assets/menutoggler.svg") no-repeat center center; background-size: contain; cursor: pointer; border: 2px solid transparent; padding: 17px 0 19px 0; margin-left: 10px; }
#header.fixed #menutoggler { padding: 0; }

#header .mod_search { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: fixed; left: 0; z-index: 999; width: 100%; background: rgba(0,168,186,0.95); transition-delay: 0.1s; }
#header .search:hover .mod_search, #header .search.toggled .mod_search { visibility: visible; opacity: 1; }
#header .search a:hover path { fill: #00a8ba; }

#header .mod_search .formbody { position: relative; z-index: 9; width: 80%; margin: 0 auto; }
#header .mod_search .widget-text { position: relative; padding: 2em 0; }
#header .mod_search input.text { font-size: 1.222222222222222em; padding: 14px 38px; box-sizing: border-box; width: 100%; border: 0; border-radius: 2em; background-color: #d3e8ed; }
#header .mod_search .widget-submit { position: absolute; top: 2em; right: 1em; width: 54px; height: 54px; }
#header .mod_search button.submit { width: 100%; height: 100%; text-indent: -9999em; margin-left: 0; cursor: pointer; background: url("assets/icon-lupe.svg") no-repeat center; border: 0; background-size: 25px; }


/**** SLIDER / BANNER ****/

#slideshow .ce_image .hl { left: 0; width: 55%; display: flex; align-items: center; position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1rem; }
#slideshow .ce_image .hl span { font-size: 3.666666666666667em; line-height: 1em; }
#slideshow .ce_image .hl:after { content: ''; display: block; position: absolute; top: 0; right: -80px; background: none transparent; z-index: -1; width: 0; height: 0; -webkit-transform:rotate(360deg); border-style: solid; border-width: 0 0 15vw 80px; border-color: transparent transparent transparent rgba(0,168,186,0.91); z-index: 9; }

#slideshow .slider-control { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
#slideshow .slider-control > a { top: 0;  height: 100%; width: 15%; filter: alpha(opacity=0); opacity: 0; position: absolute; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; text-indent: -9999em;}
#slideshow .slider-control > a:hover { filter: alpha(opacity=50); opacity: 0.5; }
#slideshow .slider-control > a.slider-prev { left: 0; }
#slideshow .slider-control > a.slider-next { right: 0; }
#slideshow .slider-control .slider-menu { font-size: 46px; width: auto; left: 1vw; top: 0; margin-left: 0; position: absolute; z-index: 999; height: calc(100% - 1rem); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
#slideshow .slider-control .slider-menu b { width: 20px; height: 10px; display: block; color: #fff; }
#slideshow .slider-control .slider-menu b.active { color: #003348; }

#banner .band { position: absolute; left: 0; width: 55%; display: flex; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1rem; }
#banner .band:after { content: ''; display: block; position: absolute; top: 0; background: none transparent; width: 0; height: 0; -webkit-transform:rotate(360deg); border-style: solid; border-color: transparent transparent transparent rgba(0,168,186,0.91); z-index: 9; }
#banner h1 { position: relative; z-index: 10; margin-bottom: 0; }
#banner .mod_breadcrumb { position: absolute; top: 7%; }
#banner .mod_breadcrumb a { text-transform: lowercase; color: #fff; }
#banner .mod_breadcrumb a:before { content: "\00AB"; margin-right: 0.4em; }


/***** MAIN *****/

#main .mod_article { padding-left: 30px; padding-right: 30px; }
.mod_article .inside .block.bg-light, .mod_article .inside .block.bg-medium { padding: 2.111111111111111rem; margin-bottom: 2.777777777777778em; }
.mod_article .inside .block.ce_text.bg-light, .mod_article .inside .block.ce_text.bg-medium { padding-bottom: 1em; }
.mod_article.newsreader > .inside, .mod_article.detail > .inside { padding-left: 50px; }

/* Zeilenabstaende */
.rs-column h3 { line-height: 1.2em; }
.rs-column.-large-col-3-1 p, .rs-column.-large-col-2-1 p, .rs-column.-large-col-4-2 p, .rs-column.-large-col-6-3 p, .rs-column.-large-col-6-2 p, .rs-column.-large-col-5-1 p, .rs-column.-large-col-5-2 p, .rs-column.-large-col-5-3 p, .rs-column.-large-col-6-1 p { line-height: 1.4em; }

/* Detailseiten */ 
.mod_article.detail .image_container.float_below, .mod_article.detail .image_container.float_above { margin-left: -50px; margin-top: 2em; margin-bottom: 2em; } 
.mod_article.detail .rs-column.-large-col-3-1 .bg-light + .ce_gallery, .mod_article.detail .rs-column.-large-col-3-1 .bg-medium + .ce_gallery { padding-left: 2.111111111111111rem; padding-right: 2.111111111111111rem; }

/* Teaser */

.mod_article.teaser > .inside { padding-left: 0; padding-right: 0; }
.mod_article.teaser .rs-columns { display: flex; flex-wrap: wrap; margin-bottom: 1.2em; }
.mod_article > .inside, .mod_article.teaser > .inside > h1.ce_headline, /* { padding-left: 0.7575757575757576rem; padding-right: 0.7575757575757576rem; }*/
.mod_article > .inside, .mod_article.teaser > .inside > h2.ce_headline, .mod_article.teaser > .inside > .ce_text, .mod_article.teaser .rs-column.-large-col-2-1 > div:not(.event) { padding-left: 2.777777777777778rem; padding-right: 2.777777777777778rem; }
.mod_article.teaser > .inside > .ce_text > .image_container, .mod_article.teaser .rs-column.-large-col-2-1 .image_container { margin-left: -2.777777777777778rem; margin-right: -2.777777777777778rem; margin-bottom: 1.5em; } 

.mod_article.teaser .rs-column.-large-col-3-1 > div { padding-left: 1.944444444444444rem; padding-right: 1.944444444444444rem; }
.mod_article.teaser .rs-column.-large-col-3-1 .image_container { margin-left: -1.944444444444444rem; margin-right: -1.944444444444444rem; margin-bottom: 2em; }

.mod_article.teaser:not(.events) .rs-column.-large-col-2-1:not(.-large-first-row), .mod_article.teaser > .inside > .ce_text + .rs-columns { margin-top: 3.5em; }
.mod_article.teaser .rs-column.-large-col-3-1:not(.-large-first-row) { margin-top: 2em; }
.mod_article.teaser:not(.events) .rs-column.-large-col-2-1, .mod_article.teaser .rs-column.-large-col-3-1 { padding-bottom: 4.5em; }
.mod_article.teaser.bg-light > .inside > .ce_text, .mod_article.teaser.bg-medium > .inside > .ce_text { padding-bottom: 1em; }
.mod_article.teaser:not(.events) .rs-column > .block { padding-top: 2em; }
.mod_article.teaser .rs-column > .ce_text .image_container { margin-top: -2em; }
.mod_article.teaser .rs-column .image_container + .ce_text { padding-top: 0; }

.mod_article.teaser .rs-column { position: relative; }
.mod_article.teaser .rs-column a.arrow { position: absolute; bottom: 2em; }
.mod_article.teaser > .inside > .ce_text:after { content: ""; display: table; clear: both; }

/* Notice / Hero */
.mod_article.hero p { margin-left: 30%; line-height: 1.5em; }
.mod_article.notice .image_container { width: 10em; height: 10em; margin-right: 2em; margin-top: 0.25em; }
.mod_article.notice .image_container img { border-radius: 5em; }

/* Fachstellen */
.mod_article.fachstellen .inside { padding-left: 2.777777777777778rem; padding-right: 2.777777777777778rem; }
.mod_article.fachstellen .image_container { width: 17rem; height: 17rem; border-radius: 50%; background: white; padding: 14%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; vertical-align: middle; margin-bottom: 2em; max-width: calc((100vw - 60px) * 0.3); max-height: calc((100vw - 60px) * 0.3); }
.mod_article.fachstellen .farp .image_container { padding: 2em; }
.mod_article.fachstellen .image_container picture { display: table-cell; vertical-align: middle; }

/* Nachrichten */

.mod_newslist > .layout_latest { margin-bottom: 2em; }
.mod_article.teaser:not(.events) .mod_newslist .rs-column.-large-col-2-1, .mod_article.teaser .mod_newslist .rs-column.-large-col-3-1 { padding-bottom: 1em; }
.mod_newsreader { position: relative; }
.mod_newsreader .ce_text .image_container { margin-left: -50px; }
/*.mod_newsreader h1 { margin-right: 31%; }*/
.mod_article.newsreader .syndication { margin-left: -30px; margin-right: -30px; }

@media screen and (min-width: 1200px) {
	.mod_newslist > .layout_latest .image_container.float_left { width: 65.6666666666%; }
	.mod_newslist > .layout_latest .ce_text { float: right; width: calc(34.3333333333% - 2em); }
}
@media screen and (min-width: 901px) and (max-width: 1199px) {
	.mod_newslist > .layout_latest .image_container.float_left { width: 50%; }
	.mod_newslist > .layout_latest .ce_text { float: right; width: calc(50% - 2em); }
}
@media screen and (max-width: 900px) {
	.mod_newslist > .layout_latest .image_container.float_left { float: none; width: 100%; }
}
.mod_newslist > .layout_latest .ce_text h3 { line-height: 1.2em; }
.mod_newslist > .layout_latest .ce_text p { line-height: 1.3em; }

.pagination ul { display: flex; }
.pagination a.previous { padding-left: 67px; }
.pagination a.next { padding-right: 67px; }
.pagination a.previous:before, .pagination a.next:before { width: 55px; height: 55px; border-radius: 28px; top: -13px; right: 0; }
.pagination a.previous:before { left: 0; } 
.pagination a.next:before { right: 0; } 

/* Accordions */
.mod_article.akkrdn .inside { padding-left: 2.777777777777778rem; padding-right: 2.777777777777778rem; }
.ce_accordion + .ce_accordion:before { content: ""; position: absolute; width: calc(100% + 65px); height: 1px; background: #00a8ba; top: 0; left: -3.124999999999998rem; }
.ce_accordion .toggler { font-size: 1.388888888888889rem; position: relative; }
.ce_accordion .toggler:before { top: 0; left: -2.25em; }

/* Events */
.mod_article.teaser.events .rs-column.-large-col-2-1:not(.-large-first-row) { margin-top: 2em; }
.mod_eventlist .rs-columns { display: flex; flex-wrap: wrap; }
.mod_eventlist .event.layout_list { padding: 1.166666666666667rem; height: 100%; }
.mod_eventlist .header { font-size: 1.666666666666667em; margin-bottom: 0.3em; }
.mod_eventlist h3 { font-size: 1.25em; }


/* Publikationen */
.ce_publikation .rs-column.-large-col-1-1 h2, .ce_publikation .rs-column.-large-col-1-1 h3 { font-size: 1.666666666666667em; }
.ce_publikation .rs-column.-large-col-3-2 h2, .ce_publikation .rs-column.-large-col-3-2 h3 { font-size: 1.194444444444444em; }
.ce_publikation .rs-columns { padding: 2.111111111111111em; }
.ce_publikation.bg-light .rs-columns, .ce_publikation.bg-medium .rs-columns { padding: 0; } /* test */
.ce_publikation .image_container { float: left; margin-right: 2em; padding-top: 0.3em; }
.ce_publikation .pdf_container + .text { margin-left: calc(44px + 1em); }

.mod_article.podcast .rs-columns { padding: 2.111111111111111em; }

.ce_youtube h3 { font-size: 1.25em; margin-bottom: 0.4em; }

/* Spenden */
#spenden { position: fixed; z-index: 999; bottom: 10vh; background: #f4494a; width: 90px; height: 90px; right: 20px; border-radius: 45px; -webkit-box-shadow: 3px 3px 15px 3px rgba(8,58,78,0.3); box-shadow: 3px 3px 15px 3px rgba(8,58,78,0.3); }
#spenden ul li a { display: block; width: 90px; height: 45px; padding-top: 56px; overflow: hidden; position: relative; text-align: center; font-family: "Open Sans", sans-serif; font-size: 13.5px; }
#spenden ul li :before { content: url("assets/icon-herz.svg"); position: absolute; top: 15px; left: 50%; margin-left: -24px; }
#spenden a { color: #fff; }


/***** FOOTER *****/

#footer .inside { padding: 3em 1rem 5em; width: calc(1265px + 2rem); }
#footer p { margin-bottom: 1em; }
#footer a { color: #fff; }
#footer .mod_customnav li { margin-bottom: 0.75em; font-family: "Open Sans", sans-serif; }
#footer .mod_customnav li a { display: block; }



/***** RESPONSIV *****/

@media screen and (min-width: 1325px) { 
	#slideshow .ce_image .hl span, #banner h1 { font-size: 3.666666666666667em; }
}
@media screen and (max-width: 1324px) { 
	#slideshow .ce_image .hl span, #banner h1 { font-size: 4.985vw; }
}
@media screen and (min-width: 1266px) {
	#banner .band, #slideshow .ce_image .hl { padding-left: calc((100vw - 1265px)/2 + 2.777777777777778em); }
}
@media screen and (max-width: 1265px) {
	#banner .band, #slideshow .ce_image .hl { padding-left: 3rem; }
}
@media screen and (min-width: 1401px) {
	#banner .band, #slideshow .ce_image .hl { top: calc((100% - 16rem)/2); height: 16rem; }
	#banner .band:after, #slideshow .ce_image .hl:after { border-width: 0 0 16rem 80px; right: -80px; }
	#slideshow .slider-control .slider-menu { font-size: 46px; }
	#slideshow .slider-control .slider-menu b { margin-bottom: 15px; }
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
	#banner .band, #slideshow .ce_image .hl { top: 20%; height: 60%; }
	#banner .band:after, #slideshow .ce_image .hl:after { border-width: 0 0 18vw 75px; right: -75px; }
}
@media screen and (max-width: 1400px) {
	#slideshow .slider-control .slider-menu { font-size: 38px; }
	#slideshow .slider-control .slider-menu b { margin-bottom: 10px; }
}
@media screen and (min-width: 1161px) {
	#header .mod_changelanguage, #header .mod_customnav { padding-right: 1em; }
	#socials ul a { padding: 9px 4px; }
	#csswitch { padding-right: 1em; }
	#csswitch button { padding: 0 0 0 34px; }
}
@media screen and (max-width: 1160px) {
	#header .mod_changelanguage { padding-right: 0; }
	#header .mod_customnav { padding-right: 1em; }
	#socials ul a { padding: 9px 3px; }
	#csswitch { padding-right: 0.5em; }
	#csswitch button { padding: 0 0 0 30px; }
}

@media screen and (min-width: 1024px) {
	.mod_eventlist .event.layout_simple { display: flex; }
	.mod_eventlist .event.layout_simple .datum { width: 13%; }
	.mod_eventlist .event.layout_simple .ort { width: 11%; }
	.mod_eventlist .event.layout_simple div.titel { width: 76%; }
}
@media screen and (max-width: 1023px) {
	#banner .band, #slideshow .ce_image .hl { top: 25%; height: 50%; }
	#banner .band:after, #slideshow .ce_image .hl:after { right: -80px; }
	#csswitch, #socials { display: none; }
	#header .mod_customnav { padding-right: 0; }
	.mod_eventlist .event.layout_simple .ort { margin-top: 0.5em; }
}
@media screen and (max-width: 1023px) and (min-width: 600px) {
	#banner .band:after, #slideshow .ce_image .hl:after { border-width: 0 0 22.5vw 80px; }
}

@media screen and (max-width: 599px) {
	#banner .band:after, #slideshow .ce_image .hl:after { border-width: 0 0 37.5vw 80px; }
}

@media screen and (max-width: 1200px) {
	.mod_article.fachstellen .-large-col-3-1 h3 { hyphens: auto; }
}

@media (prefers-color-scheme: dark) {
	#header .logo { padding-top: 12px; }
	#logo { border: 13px solid white; background: #fff; }
	#header.fixed { background: rgba(13,13,13,0.95); }
	#header.fixed .logo { padding-top: 0; }
	#header .top { border-color: #fff; }
	#csswitch button { background-position: left -112px; color: #fff }
	#csswitch button:hover, #csswitch button.active { background-position: left -142px; }	
	#header .mod_customnav a, #header .mod_changelanguage a, #header .mod_customnav strong, #header .mod_changelanguage strong, #socials ul a, #csswitch button { color: #fff; border-color: #212121; }
	#header svg path { fill: #fff; }
	#slideshow .slider-control .slider-menu b.active { color: #00a8ba; }
	.ce_accordion + .ce_accordion::before { background: #fff; }
	#spenden { background: #000; border: 2px solid #fff; }
	.mod_newslist .layout_latest .ce_text h3 a { color: #fff; }
}

/* Navi */

@media screen and (min-width: 1024px) and (min-height: 800px) {	
	#mainnav ul.level_2 a { padding: 0.45em 1em; }
	#mainnav .megmenu { padding: 1.5em 0; }
}
@media screen and (min-width: 1024px) and (max-height: 799px) {	
	#mainnav ul.level_2 a { padding: 0 1em; }
	#mainnav .megmenu { padding: 0.5em 0; }
}

@media screen and (min-width: 1024px) {
	#menutoggler { display: none; }
	#mainnav { overflow: visible; display: flex; justify-content: space-between; width: 100%; }
	#mainnav ul.level_1 > li { display: inline-block; }
	#mainnav ul.level_1 > li > a { padding: 32px 1em; text-transform: lowercase; }
	#mainnav ul.level_1 > li > a:hover, #mainnav ul.level_1 > li.active > a, #mainnav ul.level_1 > li.trail > a { color: #00a8ba; }
	
	#mainnav li.submenu { position: static; }
	#mainnav .megmenu { background: rgba(0,168,186,0.95); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; position: absolute; left: 0; width: 100%; transition-delay: 0.1s; backdrop-filter: saturate(180%) blur(20px); }
	#mainnav ul.level_2 { margin-left: 25%; width: 35%; }
	#mainnav ul.level_2 li.first { padding-top: 0.25em; }
	#mainnav ul.level_2 li.last { padding-bottom: 0.25em; }
	#mainnav ul.level_2 > li.submenu > a { position: relative; }
	#mainnav ul.level_2 > li.submenu:hover > a:after, #mainnav ul.level_2 li.submenu.toggled > a:after { content: url("assets/icon-arrow-white-small.svg"); position: absolute; right: 10%; top: 0.4em; }

	#mainnav ul.level_3 { position: absolute; left: 55%; top: 0; bottom: 0; padding-top: 1.5em; height: 100%; width: 25%; transition-delay: 0.05s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
	#mainnav ul.level_3 > li { width: 100%; }
	#mainnav ul.level_2 > li:hover ul.level_3, #mainnav ul.level_2 li.toggled ul.level_3 { visibility: visible; opacity: 1; }	
}

@media screen and (min-width: 1161px) {
	#header.fixed #mainnav ul.level_1 > li > a { padding: 14px 1em 15px; }
}
@media screen and (min-width: 1024px) and (max-width: 1160px) {
	#mainnav ul.level_1 { display: flex; justify-content: space-between; width: calc(100% - 120px); }
	#mainnav ul.level_1 > li > a { padding-left: 0.07em; padding-right: 0.07em; }
}

@media screen and (max-width: 1023px) {
	#menutoggler { display: block; }
	#mainnav { margin-bottom: 1em; justify-content: flex-end; }
	#mainnav > ul.level_1 { position: absolute; right: 0; width: 100%; background: rgba(0,168,186,0.95); display: none; }
	#mainnav > ul.level_1 { top: 135px; }
	#header.fixed #mainnav > ul.level_1 { top: 100px; }
	#mainnav ul.level_1 > li > a, #mainnav ul.level_1 > li > strong { font-size: 1.2em; line-height: 1.25em; font-weight: 600; padding: 4px 0 4px 20px; text-transform: lowercase; }
	#mainnav ul.level_2 a, #mainnav ul.level_2 strong { font-size: 1em; line-height: 1.25em; }
	#mainnav ul.level_2 > li > a, #mainnav ul.level_2 > li > strong { display: block; padding: 1px 0 1px 20px; }
	#mainnav ul.level_2 > li.last > a, #mainnav ul.level_2 > li.last > strong { padding-bottom: 5px; }
	#mainnav ul.level_2, #mainnav ul.level_3 { display: none; margin-bottom: 2px; }
	#mainnav ul.level_1 > li:hover ul.level_2, #mainnav ul.level_2 > li:hover ul.level_3 { display: block; }
	#mainnav li:hover > a, #mainnav li.active > a, #mainnav li.trail > a, #mainnav li.active > strong, #mainnav li.trail > strong { color: #fff; }
	#mainnav ul.level_3 > li > a, #mainnav ul.level_3 > li > strong { padding: 1px 0 1px 40px; }	
}
@media (prefers-color-scheme: dark) {
	#mainnav .megmenu { background: rgba(33,33,33,0.95); }
}