@font-face {font-family: 'IBM Plex Sans'; font-style: italic;	font-weight: 200; font-display: swap;
	src: local("IBM Plex Sans ExtLt Italic"), local("IBMPlexSans-ExtLtItalic"), url("../fonts/IBMPlexSans-ExtraLightItalic-Latin1.woff2") format("woff2");
	unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
@font-face {font-family: 'IBM Plex Sans';	font-style: italic;	font-weight: 300; font-display: swap;
	src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url("../fonts/IBMPlexSans-LightItalic-Latin1.woff2") format("woff2");
	unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
@font-face {font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: local("IBM Plex Sans"), local("IBMPlexSans"), url("../fonts/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {font-family: 'IBM Plex Sans';	font-style: normal;	font-weight: 700; font-display: swap;
	src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("../fonts/IBMPlexSans-Bold-Latin1.woff2") format("woff2");
	unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}
/* Colors */
:root {--blue: #006199;	--lightblue: #e5ecf6;	--orange: #f7a600; --amber: #ffbf00;	--green: #6c0; --red: #c36; --grey: #ececec}
/* General */
* {box-sizing: border-box}
body {scroll-behavior: smooth; padding: 0px; margin: 0px;/* hyphens: auto */}
.container {padding: 24px 24px 0px 24px; max-width: 1248px; margin: 0 auto}
.wrapper, .limit {max-width: 1200px; margin: 0 auto}
.teaser {display: grid; grid-template-columns: auto 600px 600px auto; 
  grid-template-rows: 600px; gap: 0px 0px; grid-template-areas: "block1 opener slide block2"}
.opener {grid-area: opener}.slide {grid-area: slide}.block1 {grid-area: block1}.block2 {grid-area: block2}
@media screen and (max-width: 1224px) {.teaser {grid-template-columns: 600px 1fr; grid-template-areas: 'opener block2'; grid-template-rows: 420px}}
@media print, screen and (max-width: 600px) {.teaser {grid-template-columns: 1fr; grid-template-areas: 'opener'; grid-template-rows: 240px}.slide, .block1, .block2 {display: none}}

body, td, input[type=text], textarea {font-family: "IBM Plex Sans", sans-serif; 
	font-weight: 400; font-style: normal;	font-size: 1.2em; line-height: 1.8em; color: #222}
header {background-color: #fff} img {max-width: 100%}
h2 {font-weight: normal} h3 {padding-top: 1em;	color: #333}
hr {margin-top: 1.2em; margin-bottom: 1.6em;border-width: 0;border-top: 1px solid #e2e2e2}
a {color: #333; text-decoration: none; border-bottom: 1px solid #c36}
	a:hover, .nav a:hover {color: #000; border-bottom: 3px solid #c36;}
button {background-color: #fff; border: 1px solid var(--blue); color: #000; padding: 0.25em 0.5em; text-align: center; text-decoration: none;
				display: inline-block; margin: 4px 2px; cursor: pointer; transition-duration: 0.2s}
button:hover {background-color: var(--blue); border: 1px solid var(--red); color: #fff; padding: 0.25em 0.5em; text-align: center; text-decoration: none;
				display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; transition-duration: 0.2s}		
blockquote {margin-left: 0;	padding-left: 1.5em; padding-right: 2em; border-left: 4px solid var(--blue); font-style: italic;	color: #888}
pre, code {background: #eee; border: 1px solid #ddd}
pre {font-size: 14px; line-height: 1.4em; padding: 1em;	border-left: 4px solid var(--red); white-space: pre-wrap}
/* Sticky footer */
.calc {min-height: calc(100vh - 176px)} footer {height: 176px}
/* Head area */
.header {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; list-style: none; margin-bottom: 1em}
 .header a {padding: 0.25em 0.5em; display: block; border-bottom: 0px}
 .header a:hover{background-color: #fff; color: #333; transition: all 0.2s ease 0s}
 .logo {max-width: 480px} .logo a {border-bottom: 1px solid #fff}.logo a:hover {color: #000; background-color: #fff}
@media screen and (max-width: 820px) {.header {flex-basis: 100%; justify-content: flex-start;	padding: 0; margin-bottom: 1px}.logo{margin-left: auto;margin-right: auto}}
.topnav, .topnav li {list-style: none; padding: 0; margin: 0}.topnav li {float: right; margin-right: 0.25em;	margin-bottom: 1em}
	.topnav a {padding: 0.25em 0.5em;	text-decoration: none; display: block; background: #fff;	color: #333; border: 1px solid #fff}
	.topnav a:hover {background: #ddd;	border-color: #c36}
	.topnav li.current a {background: #ccc; border-color: orange} .topnav li.edit a {background: none}
@media screen and (max-width: 820px) {.topnav li {float: none; margin-right: 0em; margin-bottom: 1px}.topnav li:last-child{margin-bottom: 0.5em}.topnav a{flex-basis: 100%}}

form.search {float: right; margin: 0; width: 100%; margin-bottom: 0.5em; margin-top: 1em}
	form.search input {margin: 0; padding: 0em 0.5em; border: 1px solid #ccc; width: 100%}
.breadcrumbs {clear: both; padding-top: 1em} .breadcrumbs span:after {content: "/";	color: #999; padding-left: 0.5em;	padding-right: 0.25em}
/* Teaser */
.trenner {height: 32px; background: rgb(0,97,154); background: linear-gradient(90deg, rgba(0,97,154,1) 4%, rgba(135,181,69,1) 50%, rgba(240,229,81,1) 80%, rgba(241,194,92,1) 100%)}
.block1 {background: rgb(135,181,69); background: linear-gradient(225deg, rgba(135,181,69,1) 22%, rgba(240,229,81,1) 96%)}
.block2 {background: rgb(135,181,69); background: linear-gradient(135deg, rgba(135,181,69,1) 22%, rgba(240,229,81,1) 96%)}
.opener {background: rgb(0,80,128); background: linear-gradient(55deg, rgba(0,80,128,1) 5%, rgba(23,105,161,1) 95%); 
				color: #fff; font-style: italic; font-weight: 200; font-size: 48px; line-height: 1.4em; 
				text-align: left; padding: 48px 24px; height: 600px; max-width: 600px}
.opener small {font-style: normal; font-weight: 300; font-size: 24px; float: left}
.slide {background-color: var(--blue); height: 600px; max-width: 600px}
@media screen and (max-width: 1224px) {.slide{display: none}.block2, .opener {height: 420px}.opener p{margin: 4px}}
@media print, screen and (max-width: 640px) {.teaser, .block2, .opener{font-weight: 300; height: 240px; font-size: 30px; line-height: 1.2em}.opener small{font-size: 18px}}
/* Main content and sidebar */
#main {padding-top: 0.5em;	margin-top: 1em; clear: both}
#content {width: 85%} #content, #sidebar {padding-bottom: 2.5em}
body.has-sidebar #content {width: 65%; float: left}
body.has-sidebar #sidebar {width: 30%; padding-left: 5%; float: left}

.MarkupPagerNav {clear: both; margin: 0em} .MarkupPagerNav li {display: inline; list-style: none; margin: 0}
.MarkupPagerNav li a,.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: block; float: left; padding: 8px 24px; color: #fff; background: var(--blue);
  margin-right: 4px; font-size: 16px; text-transform: uppercase}
.MarkupPagerNav li.MarkupPagerNavOn a,.MarkupPagerNav li a:hover {color: #000; background: #e8e8e8; text-decoration: none}
.MarkupPagerNav li.MarkupPagerNavSeparator { display: inline; color: #777; background: #fff; padding-left: 3px; padding-right: 3px}

.nav {margin-left: 0;	padding-left: 0;	list-style: none}
	.nav .nav {padding-left: 1.5em;	list-style: disc}	.nav li {margin: 1em 0}	.nav-tree li {margin-top: 0; margin-bottom: 0}
	.nav a {font-weight: bold} .nav-tree li a {color: #888}	.nav .current > a {color: #333}
/* Images in text-editor */
.align_left {float: left;margin: 0 1em 0.5em 0;position: relative;top: 0.5em;max-width: 37%}
.align_right {float: right;margin: 1.0em 0 0.5em 1em;max-width: 37%}
.align_center {display: block;margin: 1em auto;position: relative;top: 0.5em}
figure {display: table;	width: 1px;	margin: 1em 0} figure img {display: table-row;	margin-bottom: 0.5em}
figure figcaption {display: table-row; font-size: smaller; color: #888; line-height: 1.4em}
/* :Navigation */
.header ul {margin: 0; padding: 0; list-style: none; overflow: hidden; background-color: #fff}
.header li {float: left; margin-right: 0.25em; margin-bottom: 2px}
.header li a {display: block; padding: 0.25em 0.5em; border: 1px solid #fff; text-decoration: none}
.header a:hover {background: #ddd;  border-color: #c36}.current a:hover {background: #ddd;  border-color: #fff}
.header li.current a {background: #fff;border-bottom: 2px solid #006199}
.logo a {padding: 0px}.logo a:hover {background: #fff; border-color: #fff}
.header .menu {clear: both; max-height: 0; transition: max-height .2s ease-out}
.header .menu-icon {cursor: pointer; display: inline-block; float: right; padding: 32px 24px; position: relative; user-select: none}
.header .menu-icon .navicon {background: #333; display: block; height: 2px; width: 30px; position: relative; transition: background .2s ease-out}
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after {
  background: #333; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%}
.header .menu-icon .navicon:before {top: 10px} .header .menu-icon .navicon:after {top: -10px}
.header .menu-btn {display: none} .header .menu-btn:checked ~ .menu {max-height: 360px}
.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg)}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg)}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0}
@media (min-width: 300px) {.header .menu {clear: none; float: right; max-height: none}.header .menu-icon {display: none}}
/* Intersection */
.picto {margin-top: 3em; margin-bottom: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around}
.picto div {padding: 8px; border: 1px solid #fff} .picto div:hover {padding: 8px; border: 1px solid #c36}
.bg_blue {background: var(--blue); height: auto; padding: 16px 24px}.bg_green {background: #6c0; height: auto; padding: 16px 24px} 
.light_blue {background-color: var(--lightblue); padding-top: 1em; border-top: 1px solid var(--blue);}.grey {background-color: var(--grey)}
.center {text-align: center} .left {text-align: left} .right {text-align: right}
.white {color: #fff; font-size: 1.4em} .black {color: #000; font-size: 1.4em}
section {display: flex; flex-direction: row; flex-wrap: wrap}
.flex {flex: 1; padding-right: 20px; padding-bottom: 1em; padding-top: 1em} @media (max-width: 640px) {.flex {flex-basis: 100%; padding-right: 0px}}
card {width: 240px; margin-bottom: 0.75em; margin-right: 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;} 
@media (max-width: 640px) {card {flex-basis: 100%; margin-right: 0px}}
.line {border-bottom: solid 2px var(--green)}
/* Teaserliste */
.aktuell {max-width: 1200px; margin: 0 auto; display: grid; gap: 1em}
@media screen and (min-width: 640px) {.aktuell {grid-template-columns: 1fr 2fr 3fr}}
/* Footer */
footer {margin: 0px;padding-bottom: 16px; border-bottom: 16px solid var(--blue)}
footer .container {padding-top: 8px} footer hr {margin-top: 0.75em; margin-bottom: 0.5em; border-width: 0; border-top: 1px solid var(--blue)}
#footer {margin-top: 1.5em; clear: both;	font-size: 85%}
footer a{display: block; border-bottom: 0px;}
.subnav {display: flex; margin: 0; padding: 0; list-style: none}
.subnav a {padding: 0.2em 0.5em; margin-right: 0.25em; margin-bottom: 0.25em; display: block; border-bottom: 0px; border: solid 1px #eaecf2}
.subnav a:hover {background: #ddd; border: solid 1px #c36}
.push {margin-left: auto}
/*.spenden a {color: #fff; background: #006199; border: solid 1px #c36}.spenden a:hover {color: #000; background: #fff} */
.spenden a {font-weight: 600; color: #008037; background: #fff; border: solid 1px #008037}
.spenden a:hover {color: #000; background: #fff; border: solid 1px #008037}
.totop {position: fixed; bottom: 38px; right: 42px; opacity: 65%; width: 52px}.totop:hover {opacity: 80%}
@media screen and (max-width: 640px) {.totop {width: 40px}}
/* Media queries */
@media only screen and (max-width: 820px) {
	body, td, textarea, text {font-size: 1.1em}
	body.has-sidebar #content, body.has-sidebar #sidebar {float: none;	width: 100%;	padding: 0}
	form.search {float: none; width: 100%}
	#content {width: 100%}
	#sidebar {padding-top: 1em}
	.align_left, .align_right, .align_center {display: block;	float: none; 	margin: 1em auto;	max-width: 100%}}
@media only screen and (min-width: 1200px) {body, td, textarea {font-size: 1.25em}}
/* Scrollbars */
* {scrollbar-color: var(--blue) #f5f5f5}
*::-webkit-scrollbar {width: 5px; height: 5px}
*::-webkit-scrollbar-track {background: transparent}
*::-webkit-scrollbar-thumb {background-color: rgb(202, 202, 232);border-radius: 10px}
/* Accessibility */
.visually-hidden {position: absolute;	width: 1px;	height: 1px; padding: 0;	margin: -1px;
	white-space: nowrap;	overflow: hidden;	clip: rect(1px, 1px, 1px, 1px);	border: 0}
.element-focusable:focus {clip-path: none;	overflow: visible;	height: auto}
.bypass-to-main:focus {	top: 0;	left: 0; width: 100%;	height: 40px;	line-height: 40px; text-align: center;	background: #333;	color: #fff}
.print {display: none; margin: auto; position: fixed; bottom: 0px; right: 0px}
/* Print */
@media all {.page-break	{display: none}}
@media print {.page-break	{display: block; page-break-before: always}}
@media only print {*,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
body {font-size: 12pt; margin: 1.0cm} h1, h2, h3, h4{font-size: 14pt; page-break-after: avoid} tbody {font-size: 11px}
.noprint, .slide, .picto,.trenner, aside, hr{display: none} .print{display: initial}a{page-break-after: avoid}/* a,a:visited{text-decoration:underline} a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }*/ pre,blockquote{border:1px solid #999;page-break-inside:avoid} 
html {min-height: 100vh; border-bottom: 0px solid white;border-top: 0px solid white} thead{display:table-header-group}
tr,img{page-break-inside:avoid} img{max-width:100%!important} .logo{width: 9cm} p,h2,h3{orphans:3;widows:3}}