/* Contao Reset */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea  { margin: 0; padding: 0; } 
html { overflow-y: scroll; }
table { border-spacing: 0; border-collapse: collapse; } 
caption, th, td { text-align: left; text-align: start; vertical-align: top; } 
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; } 
blockquote, q { quotes: none; } 
fieldset, img { border: 0; } 
ul { list-style-type: none; } 
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom; } 
del { text-decoration: line-through; } 
ins { text-decoration: none; } 
header, footer, nav, section, aside, article, figure, figcaption { display: block; } 
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; } 
pre, code { font-family: Monaco, monospace; } 
table { font-size: inherit; }

body { font-family: "Barlow", sans-serif; background: #fff; color: #003348; font-size: 18px; line-height: 1.5em; }
.block { display: block; }
.clr { clear: both; }
.clrfix:after { content: ""; display: table; clear: both; }
.invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
hr { border: 0; color: #003348; background-color: #003348; height: 1px; margin: 10px 0; padding: 0; display: block; }
strong { font-weight: 700; }
img { max-width: 100%; height: auto; }
img.mime_icon { vertical-align: top; }
.image_container picture, .mod_article .image_container img { display: block; } 

/* Farben */
.dblau { color: #005b78; }
.blau { color: #00a8ba; /* etwas dunkler: #0098a8*/}
.hblau { color: #bfe9ee; /* ganz hell: #bfe9ee*/ }
.schwarz { color: #003348; }


/***** TEXT ELEMENTS *****/

h1, h2, h3, h4, h5 { font-weight: 600; font-family: "Barlow", sans-serif; }
p { margin-bottom: 1.2em; }
p.halfspace { margin-bottom: 0.6em; }
.ce_text, .ce_download, .ce_hyperlink, .ce_publikation { font-family: "Open Sans", sans-serif; }
.ce_download, .ce_hyperlink { font-weight: 600; }
#main .ce_download, #main .ce_hyperlink, #main .ce_image, #main .ce_gallery, #main .ce_player, #main .ce_youtube { margin-bottom: 1.2em; }

/* Hyperlinks */
a img, a picture { display: block; }
a { text-decoration: none; color: #003348; }
.ce_text a, .ce_download a, .ce_hyperlink a, .ce_publikation a { color: #0098a8; }
a.button { display: inline-block; white-space: nowrap; background: #00a8ba; color: #fff; border-radius: 2em; font-weight: 600; padding: 0.6em 1.2em; margin-top: 0.5em; transition: all .2s ease; }
a.button:hover { transform: scale(1.05); box-shadow: 0 14px 26px -16px rgba(0,0,0,.45); }
a.arrow, .ce_hyperlink.arrow a { position: relative; white-space: nowrap; font-weight: 700; display: inline-block; color: #003348; font-size: 1.111111111111111em; font-family: "Barlow", sans-serif; margin-top: 2em; }
.ce_hyperlink.arrow { margin: 1.2em 0; }
.ce_hyperlink.arrow a { padding: 0.5em 0; transition: all .2s ease; }
.ce_hyperlink.arrow a:hover { transform: scale(1.05); }
a.arrow:before, .ce_hyperlink.arrow a:before { content: " "; display: block; position: absolute; background: #00a8ba url("assets/icon-arrow-white.svg") no-repeat center center; background-size: 40%; } 
a.arrow.back:before, .ce_hyperlink.arrow.back a:before { background-image: url("assets/icon-arrow-back-white.svg"); }
.mod_article.hero a.arrow, .mod_article.hero .ce_hyperlink.arrow a { font-size: 1em; }

a.more, p.more a, .ce_download.more a, .ce_hyperlink.more a { padding-left: 2em; position: relative; display: block; color: #0098a8; }
a.more:before, p.more a:before, .ce_download.more a:before, .ce_hyperlink.more a:before { content: url("assets/icon-arrow-green.svg"); position: absolute; left: 0; top: 0.1em; }


/***** CONTAINER *****/

.inside { max-width: 100%; margin: 0 auto; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
#footer { background: #0098a8; color: #fff; }
#header:after, #container:after, #footer:after { content: ""; display: table; clear: both; }

.bg-white { background-color: #fff; }
.bg-light { background-color: #ebf8fa; }
.bg-medium { background-color: #d3e8ed; }
.ce_text.bg-medium { background-color: #dceef2; }


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

#header a { color: #003348; text-decoration: none; }
#header .logo a { display: block; }
#logo { display: block; }


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

#slideshow { position: relative; }
#slideshow .ce_sliderStart { width: 100%; margin: 0 auto; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#slideshow .image_container { position: relative; margin: 0; }
#slideshow .ce_image .hl { background: rgba(0,168,186,0.91); color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#slideshow .ce_image .hl span { font-weight: 600; }
#slideshow img { width: 100% !important; display: block; }

#banner { position: relative; }
#banner img { width: 100%; height: auto; display: block; }
#banner .band { background: rgba(0,168,186,0.91); color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#banner h1 { margin-bottom: 0; }
#banner .mod_breadcrumb li { display: inline-block; }
#banner .mod_breadcrumb a { text-transform: lowercase; }
#banner .mod_breadcrumb a:before { content: "\00AB"; margin-right: 0.4em; }


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

/* Abstand Styles */
#main .mod_article .topxs { margin-top: 1rem; }
#main .mod_article .tops { margin-top: 2rem; }
#main .mod_article .topm { margin-top: 3rem; }
#main .mod_article .topl { margin-top: 4rem; }
#main .mod_article .topxl { margin-top: 5rem; }
#main .mod_article .botxs { margin-bottom: 1rem; }
#main .mod_article .bots { margin-bottom: 2rem; }
#main .mod_article .botm { margin-bottom: 3rem; }
#main .mod_article .botl { margin-bottom: 4rem; }
#main .mod_article .botxl { margin-bottom: 5rem; }

/* Headline Schriftgroessen Styles */
#main .mod_article .hl45 { font-size: 2.5rem; }
#main .mod_article .hl40 { font-size: 2.222222222222222rem; }
#main .mod_article .hl35 { font-size: 1.944444444444444rem; }
#main .mod_article .hl30 { font-size: 1.666666666666667rem; }
#main .mod_article .hl27 { font-size: 1.5rem; }


.mod_article { clear: both; position: relative; }
#main .mod_article > .inside { padding-top: 2em; padding-bottom: 2em; }
#main .image_container { margin-bottom: 1em; }
#slideshow .image_container, #main .image_container { position: relative; }
#slideshow .image_container .caption, #main .image_container .caption, #banner .image_container .caption { color: #fff; display: inline-block; padding: 0 0.5em; font-size: 0.7em; line-height: 1.35; position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); }

#main .ce_text ol, #main .ce_text ul { padding: 0; margin: 0 0 1em; overflow: auto; zoom: 1; }
#main .ce_text ul { list-style-type: none; }
#main .ce_text ol { list-style-type: decimal; }
#main .ce_text ol li { margin: 0 0 0 1.75em; padding: 0 0 0 0.25em; }
#main .ce_text ul.space li, #main .ce_text ol.space li { margin-bottom: 1.2em; }
#main .ce_text ul li { position: relative; margin: 0 0 0 1em; padding: 0 0 0 0.5em; }
#main .ce_text ul li:before { content: "\2022"; position: absolute; left: -0.5em; top: -0.1em; }
#main .ce_text p + ul { margin-top: -1em; }

/* Notice / Hero */
.mod_article.notice { background-color: #f4494a; color: #fff; }
.mod_article.notice a { color: #003348; font-weight: 600; }
.mod_article.hero { font-size: 1.111111111111111em; }
.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; }

/* Teaser */ 
.mod_article.teaser .image_container { overflow: hidden; }
.mod_article.teaser .image_container img { width: 100%; height: auto; transition: all .2s ease; }
.mod_article.teaser .ce_text:hover .image_container img { transform: scale(1.05); }
.mod_article.teaser .rs-column:hover .image_container img { transform: scale(1.05); }
.mod_article.teaser:not(.events) .rs-column { background: #ebf8fa; }
.mod_article.teaser.bg-light:not(.events) .rs-column { background: #fff; }

/* Nachrichten */

.mod_newslist h3 { hyphens: auto; }
.mod_newslist p.info { margin-bottom: 0; }
.mod_newslist p.more { margin-top: 1.8em; }

.pagination { margin: 3em 0 1.2em; font-size: 1.111111111111111em; font-family: "Barlow", sans-serif; font-weight: 700; }
.pagination li + li { margin-left: 1em; }
.pagination li.previous + li, .pagination li.next { margin-left: 2em; }
.pagination a.previous, .pagination a.next { position: relative; white-space: nowrap; display: block; }
.pagination a.previous:before, .pagination a.next:before { content: " "; display: block; position: absolute; background-color: #00a8ba; background-repeat: no-repeat; background-position: center center; background-size: 40%; } 
.pagination a.previous:before { background-image: url("assets/icon-arrow-back-white.svg"); }
.pagination a.next:before { background-image: url("assets/icon-arrow-white.svg"); } 
.pagination strong.active { color: #00a8ba; }

.mod_newsreader p.back { position: absolute; top: -7.1em; left: -22.5px; width: 100%; }
.mod_newsreader a.arrow { margin-top: 0; }
.mod_newsreader .layout_full { position: relative; } 
.mod_newsreader .layout_full h1 { font-size: 3em; }
.mod_article.newsreader .syndication { background: #d3e8ed; padding-top: 3em; padding-bottom: 3em; }
.mod_article.newsreader .syndication .inside { text-align: right; padding: 0; }
.mod_article.newsreader .syndication a { display: inline-block; width: 40px; height: 40px; background: #00a8ba; border-radius: 20px; align-items: center; align-content: center; margin-left: 0.5em; }
.mod_article.newsreader .syndication svg { width: auto; height: 50%; display: block; margin: 0 auto; } 
.mod_article.newsreader .syndication path { fill: #fff; }

/* Events */
.mod_eventlist .event.layout_list.highlight { background-color: #00a8ba; color: #fff; }
.mod_eventlist .event.layout_list.highlight a { color: #fff; }
.mod_eventlist .event.layout_list.highlight .header { color: #fff; }
.mod_eventlist .event.layout_list { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mod_eventlist .header { color: #00a8ba; font-weight: 600; font-family: "Open Sans", sans-serif; }
.mod_eventlist .ce_text { border-left: 6px solid #00a8ba; padding-left: 1em; }
.mod_eventlist .highlight .ce_text { border-color: #003348; }
.mod_eventlist .location { margin-top: -1em; position: relative; padding-left: 1.5em; }
.mod_eventlist .location svg { position: absolute; left: 0; top: 0; fill: #00a8ba; }
.mod_eventlist .highlight .location svg { fill: #fff; }

.mod_eventlist .event.layout_simple { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #00a8ba; }
.mod_eventlist .event.layout_simple p { margin: 0; }
.mod_eventlist .event.layout_simple .datum { font-weight: 600; font-size: 1.2em; color: #00a8ba; }
.mod_eventlist .event.layout_simple .ort { position: relative; padding-left: 1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mod_eventlist .event.layout_simple .ort svg { position: absolute; left: 0; top: 0; fill: #00a8ba; }
.mod_eventlist .event.layout_simple p.titel { font-weight: 600; font-size: 1.2em; }
.mod_eventlist .event.layout_simple p a { display: none; }


/* Publikationen */

.ce_publikation + .ce_publikation { border-top: 2px solid #b2e5ea; }
.ce_publikation.bg-light, .ce_publikation.bg-medium { border-top: 0; }
.ce_publikation .image_container img { -webkit-box-shadow: 3px 3px 15px 3px rgba(8,58,78,0.2); box-shadow: 3px 3px 15px 3px rgba(8,58,78,0.2); }
.ce_publikation .pdf_container { float: left; margin-right: 1em; padding-top: 0.5em; }
.ce_publikation .pdf_container path { fill: #00a8ba; }
.ce_publikation .rs-column.-large-col-1-1 h2, .ce_publikation .rs-column.-large-col-1-1 h3 { color: #00a8ba; }
.ce_publikation .rs-column.-large-col-3-2 h2, .ce_publikation .rs-column.-large-col-3-2 h3 { margin: 0; font-weight: 600; }
.ce_publikation .rs-column.-large-col-3-2 p { margin: 0; }
.ce_publikation .rs-column.-large-col-3-2 p.subtitle { margin-bottom: 1em; }
.ce_publikation:not(.bg-light):not(.bg-medium) p.subtitle { color: #00a8ba; }
.ce_publikation p.author { color: #00a8ba; font-family: "Barlow", sans-serif; }
.ce_publikation p.subtitle + p.author { margin-top: -1em; }
#main .filter { margin-bottom: 1.2em; }

/* Accordions */
.ce_accordion { padding: 0.8em 0; position: relative; }
.ce_accordion .toggler { font-weight: 600; cursor: pointer; font-family: "Open Sans", sans-serif; }
.ce_accordion .toggler:before { content: url("assets/icon-arrow-green.svg"); display: inline-block; position: absolute; }
.ce_accordion .accordion { padding-top: 1em; }

/* Gallery */
.ce_gallery > ul:after { content: ""; display: table; clear: both; }
.ce_gallery > ul li { float: left; display: block; }
.ce_gallery > .cols_2 li { width: 49.5%; }
.ce_gallery > .cols_3 li { width: 32.6666666667%; }
.ce_gallery > .cols_4 li { width: 24.25%; }
.ce_gallery > .cols_5 li { width: 19.2%; }
.ce_gallery > .cols_6 li { width: 15.8333333333%; }
.ce_gallery > .cols_7 li { width: 13.42857142857%; }
.ce_gallery > .cols_8 li { width: 11.625%; }
.ce_gallery > .cols_9 li { width: 10.2222222222%; }
.ce_gallery > .cols_10 li { width: 9.1%; }
.ce_gallery > .cols_11 li { width: 8.1818181818%; }
.ce_gallery > .cols_12 li { width: 7.4166666667%; }
.ce_gallery > ul li { margin-left: 1%; }
.ce_gallery > ul li.col_first { margin-left: 0; clear: left; }
.ce_gallery.logos, .ce_image.logos { padding-left: 2.111111111111111rem; padding-right: 2.111111111111111rem; }
.ce_gallery.logos ul { display: table; width: 100%; }
.ce_gallery.logos ul li { float: none; display: table-cell; vertical-align: middle; }
.ce_gallery.logos ul li.col_last { margin-left: auto; margin-right: 0; }

/* Formular / Suche */
.formbody input.text, .formbody textarea { padding: 0.25em 0.5em; }
#main .mod_search .widget-text input { width: 100%; }
#main .mod_search .widget-radio .radio_container { padding: 0.5em 0; }
#main .mod_search .widget-radio .radio_container span + span { margin-left: 1em; }
#main .mod_search .widget-submit { text-align: right; }
#main .mod_search .widget-submit button { background: #00a8ba url("assets/icon-arrow-white-small.svg") no-repeat 1em center; border: 0; padding: 0.45em 1em 0.5em 60px; border-radius: 2em; font-size: 1.2em; color: #fff; font-weight: 600; line-height: 1; }

#footer { font-size: 0.9444444444444444em; }

@media screen and (min-width: 1325px) { 
	body { font-size: 18px; }	
}



@media screen and (min-width: 901px) {
}
@media screen and (min-width: 600px) and (max-width: 900px) {
}
@media screen and (max-width: 599px) {
}


@media (prefers-color-scheme: dark) {
	body { background: #212121; color: #fff; }
	#header a, a, h2 a, h3 a { color: #fff; }
	#main img { background: #fff; }
	a.arrow, .ce_hyperlink.arrow a { color: #fff; }
	.mod_article.notice { background-color: #3e3e3e; }
	.mod_article.notice a { color: #fff; }
	.bg-white { background-color: #212121; }
	.bg-light { background-color: #3e3e3e; }
	.bg-medium, .ce_text.bg-medium { background-color: #2e2e2e; }
	.mod_article.teaser:not(.events) .rs-column { background: #3e3e3e; }
	.mod_article.teaser.bg-light:not(.events) .rs-column { background: #212121; }
	#footer { background: #0e0e0e; }
}