/* Wohlert Standardseite */
html {overflow-y:scroll;}
* {margin: 0;padding: 0;box-sizing:border-box;}
@font-face {font-family: 'KyrialsansproReg';src: url('../fonts/KyrialsansproRegWeb.woff') format("woff");font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sans_condensedbold';src: url('../fonts/OpenSans-CondBold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'open_sans_condensedlight';src: url('../fonts/OpenSans-CondLight-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'sourcesanspro-light';src: url('../fonts/sourcesanspro-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'sourcesanspro-semibold';src: url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
html body { background:#fff;font-family:'sourcesanspro-light',sans-serif;font-size:22px;line-height:28px;color:#444;}
hr {border: 0px;border-top: solid 1px #6f6e70;color:#6f6e70;border-bottom: transparent;margin:15px 0 15px 0;}
a, img, input, div, li, span, form {transition: 0.2s;}
b, strong {font-family:'sourcesanspro-semibold',sans-serif;font-weight:normal;}
#menu, .slicknav_menu {display:none;}
header {width:100%;position:fixed;top:0;left:0;background:#fff;}
#header {height:105px;width:1200px;margin:0 auto;padding:0;position:relative;background:transparent;}
#logo {position:absolute;top:30px;left:0px;background:transparent;}
#logo img {border:none;text-decoration:none;}
#logo img:focus, #logo img:hover, #logo img:active {opacity:0.7;}
#headernavi {padding:0;margin:0;position:absolute;top:25px;right:0;}
#headernavi ul {list-style-type:none;}
#headernavi li {float:left;}
#headernavi ul.menu-top li a:link, #headernavi ul.menu-top li a:visited {color:#0481b0;font-size:18px;line-height:24px;text-decoration:none;background:transparent;padding:0 0 0 15px;margin:0;text-transform:uppercase;}
#headernavi ul.menu-top li a:focus, #headernavi ul.menu-top li a:hover, #headernavi ul.menu-top li a:active {color:#444;}
#headernavi ul.menu-top li.menu-current a {color:#444;}
#info {background:#0481B1;width:1200px;margin:0 auto 20px auto;position:relative;}
#info h1 {color:#fff;text-align:center;font-family:'open_sans_condensedbold',sans-serif;font-weight:normal;font-size:24px;line-height:28px;padding:15px 30px;width:100%;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {clear:both;margin:190px auto 0 auto;padding:0 0 60px 0;width:1200px;display:flex;}
#content {min-height:200px;flex:1 1;padding:0 30px 0 0;}
#content h1 {font-family:'open_sans_condensedbold',sans-serif;font-weight:normal;font-size:32px;color:#444;line-height:36px;font-weight:normal;margin:0 0 25px 0;}
#content h2, #content h3 {font-family:'open_sans_condensedbold',sans-serif;font-weight:normal;font-size:24px;color:#444;line-height:28px;font-weight:normal;margin:0 0 15px 0;}
#content a:link, #content a:visited {font-family:'sourcesanspro-semibold',sans-serif;font-weight:normal;text-decoration:none;color:#0481B1;}
#content a:focus, #content a:hover, #content a:active {color:#444;}
#content a:hover img {opacity:0.8;}
#content a.blue_btn:link, #content a.blue_btn:visited {font-family:'open_sans_condensedbold',sans-serif;font-weight:normal;text-decoration:none;color:#fff;background:#0481B1;padding:10px 20px 10px;display:inline-block;text-align:center;font-size:20px;line-height:20px;font-weight:normal;text-transform:uppercase;border:0;}
#content a.blue_btn:focus, #content a.blue_btn:hover, #content a.blue_btn:active {background:#555;}
#content p, #content ul, #content ol, #content table {padding:0;margin:0 0 15px 0;}
#content .row p:last-child {margin:0;}
#content .row ul:last-child {margin:0 0 0 30px;}
#content .row li:last-child {padding:0;}
#content td {vertical-align:top;padding:2px 0;}
#content ul, #content ol {margin-left:30px;}
#content li {padding:0 0 5px 0;}
#content p.small {font-size:14px;line-height:20px;}
#sidebar {flex:0 0 300px;padding:30px;}
#sidebar h2 {font-family:'open_sans_condensedbold',sans-serif;font-weight:normal;font-size:24px;color:#444;line-height:24px;font-weight:normal;margin:0 0 20px 0;}
#sidebar a:link, #sidebar a:visited {text-decoration:none;color:#0481B1;font-family:'sourcesanspro-semibold',sans-serif;font-weight:normal;}
#sidebar a:focus, #sidebar a:hover, #sidebar a:active {color:#444;}
#sidebar p {padding:0;margin:0 0 30px 0;}
#sidebar ul {margin:0 0 30px 0;list-style:none;}
#sidebar img {max-width:240px;height:auto;}
.bildrechts {float:right;padding:0 0 10px 15px;}
.bildlinks {float:left;padding:0 15px 10px 0;}
.boxrechts {float:right;background:#d7ebf3;width:385px;padding:30px 20px 15px 20px;box-sizing:border-box;margin:0 0 5px 15px;} /*inaktiv*/
.box_pre {background:#d7ebf3;padding:30px 30px 15px 30px;box-sizing:border-box;margin:0 0 15px 0;}
pre {background:#eee;padding:20px;font-size:18px;font-weight:bold;}
#clr {clear:both;background:transparent;width:100%;height:1px;font-size:1px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Boxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
.colframe {display:flex;justify-content:space-between;margin:0 0 20px 0;}
.col {flex:1 1 33.33%;background:#fff;}
.col:nth-child(2) {margin:0 10px;}
.colbox {background:#d7ebf3;margin:0 0 5px 0;padding:20px 12px 15px 12px;box-sizing:border-box;}
#content .col .colbox h2, span.big {font-size:42px;line-height:48px;background:transparent;color:#444;}
#content .col h2 {font-size:48px;line-height:60px;font-weight:normal;color:#fff;background:#0481B1;text-align:center;padding:8px 0 10px 0;margin:0;}
#content .col h3 {font-size:22px;line-height:30px;font-weight:normal;color:#fff;background:#0481B1;text-align:center;padding:10px 0;}
#content .col h3:first-of-type {padding:15px 0 0 0;}
#content a.request:link, #content a.request:visited,#right a:link, #right a:visited {text-decoration:none;font-size:36px;color:#fff;background:#0481B1;text-align:center;width:100%;padding:30px 0;display:block;}
#content a.request:focus, #content a.request:hover, #content a.request:active,#right a:focus, #right a:hover, #right a:active {opacity:0.7;}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Banner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#banner {display:none;/* temp */position:fixed;bottom:30px;right:30px;text-align:center;background:#036285;font-size:20px;line-height:24px;padding:10px 10px 10px 10px;filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.7));}
#banner h2 {font-size:24px;line-height:30px;color:#fff;font-weight:normal;}
#banner p, #banner h2 {margin:0;}
#banner a:link, #banner a:visited,#right a:link, #right a:visited {text-decoration:none;color:#fff;}
#banner a:focus, #banner a:hover, #banner a:active,#right a:focus, #right a:hover, #right a:active {color:#aaa;}
#banner img {position:relative;top:5px;}
#banner_m {display:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:fixed;display: block;vertical-align: middle;right:20px;top:24px;cursor: pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {*zoom: 1;position:relative; box-sizing: border-box;background:#afafaf;padding:0;}
.slicknav_menu * {box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content: " ";display: table; }
.slicknav_menu:after {content: " ";display: table;clear: both; }
.slicknav_nav {clear: both; position:absolute;top:0;left:0;z-index:99999;background:#afafaf;width:85%;color: #fff;padding:30px 20px 30px 20px;list-style: none;overflow: hidden;box-sizing:border-box;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 15px;margin: 0 0.4em 0 0;float:right;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {display: block;font-size:18px;line-height:35px;font-weight:normal;padding:0;margin:0;text-decoration: none;color:#fff;text-transform:uppercase;}
.slicknav_nav a:hover {color: #000; }
.slicknav_nav li.menu-current a:hover {color:#000; }
.slicknav_nav li li a {padding:0 0 0 20px;}
.slicknav_nav .slicknav_txtnode {margin-left:15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current  a {color:#000;}
.slicknav_nav ul li.menu-current  li a {color:#fff;}
.slicknav_nav li.menu-current li a:hover {color: #000; }
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NACH OBEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:20px;display: none;z-index:1000;width:80px;height:80px;border:none;background:rgba(4, 129, 177,.5);cursor:pointer;text-align:center;padding:30px 10px 10px;border-radius:40px;box-sizing:border-box;}
.move-up i {border:solid #fff;border-width:0 4px 4px 0;display:inline-block;padding:15px;transform: rotate(-135deg);}
.move-up:hover {background:rgba(4, 129, 177,1);}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1220px) {
img {max-width:100%;width:auto;height:auto;}
#header {width:100%;margin:0;}
#logo {position:static;padding:30px 0 0 10px;}
#logo img {width:385px;height:43px;}
#container {margin:190px 0 0 0;width:100%;padding:0 10px;box-sizing:border-box;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 980px) {
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
#headernavi {display:none;}
#info {width:100%;margin:0 0 30px 0;}
#container {flex-direction:column;flex-wrap:wrap;justify-content:center;}
#content {width:100%;padding:0 0 30px 0;order:1;}
#sidebar {flex:1 1;width:100%;order:2;}
#content td, #content tr {display:block;}
#content h1 {margin:0 0 20px 0;}
.bildrechts, .bildlinks {float:none;padding:10px 0;text-align:center;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 800px) {
#header {height:auto;padding:0 0 5% 0;}
#logo img {width:255px;height:auto;}
#banner {width:auto;}
#banner_dt {display:none;}
#banner_m {display:block;}
#banner p {margin:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 680px) {
#content a.blue_btn:link, #content a.blue_btn:visited {display:block;width:100%;font-size:15px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 420px) {
#header {height:auto;padding:60px 0 5% 0;}
#logo {text-align:center;}
#logo img {max-width:90%;width:auto;height:auto;}
.slicknav_nav {top:75px;width:100%;}
#info h1 {font-size:20px;line-height:24px;padding:10px 15px;}
#container {margin:72vw 0 0 0;}
}