/* Projecteers */
/*
Farben
hellblau #0099ff;
orange #ff6600;
*/
@font-face {font-family: 'roboto_condensedbold';src: url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'roboto_condensedregular';src: url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'roboto_thin';src: url('../fonts/Roboto-Thin-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'roboto_medium';src: url('../fonts/Roboto-Medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: "Font Awesome 6 Solid";font-display: block;font-weight: 900;src: url("../fonts/fa-solid-900.woff2") format("woff2");}
html {overflow-y:scroll;}
* {margin:0;padding:0;box-sizing:border-box;}
html body {background:#999;font-family:'roboto_medium',sans-serif;font-size:22px;line-height:28px;color:#000;}
hr {border: 0px;border-top: solid 1px #6f6e70;color:#6f6e70;border-bottom: transparent;margin:15px 0 15px 0;}
a, img, input, div, li, span, button, form {transition: 0.2s;}
strong, b {font-family: 'sourcesanspro-semibold',sans-serif;font-weight:normal;}
.fa-solid {font-family: "Font Awesome 6 Solid";font-weight: var(--fa-style, 900);font-size:36px;}
.fa-solid {padding:10px 0;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: var(--fa-display, inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;}
.fa-envelope::before {content: "\f0e0";}
.fa-phone::before {content: "\f095";}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu, .slicknav_menu {display:none;}
header {position:fixed;top:0;left:0;width:100%;padding:0;background:rgba(255,255,255,0.9);z-index:999999;filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.2));}
#top {width:1200px;margin:0 auto;position:relative;display:flex;justify-content:space-between;}
#logo {}
#logo a:link, #logo a:visited {color:#0481b1;text-decoration:none;}
#logo:focus, #logo:hover, #logo:active {opacity:0.7;}
.logo_img {padding:0 20px 0 0;}
.logo_img img {width:102px;height:auto;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav {}
nav ul {list-style:none;}
nav li {font-size:14px;line-height:16px;padding:0 20px;}
nav ul li a:link, nav ul li a:visited {display:flex;flex-align:column;justfy-content:center;color:#000;text-decoration:none;text-transform:uppercase;border-top:4px solid transparent;}
/*nav ul li a:link, nav ul li a:visited {display:inline-block;text-align:center;max-width:60px;padding:30px 0;color:#000;text-decoration:none;text-transform:uppercase;border-top:4px solid transparent;}*/
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#0099ff;border-top:4px solid #0099ff;}
nav ul {list-style:none;display:flex;justify-content:flex-end;}
nav li {position:relative;}
nav ul li.menu-current a {color:#afafaf;}
nav ul li ul li.menu-current, nav ul li.menu-parent li.menu-current {background:#c7c7c7;}
nav ul li.menu-parent li.menu-parent li:focus, nav ul li.menu-parent li.menu-parent li:hover {background:#c7c7c7;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADERBILD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
main {background:#fff;padding:200px 0 0 0;}
headerbild {width:100%;height:auto;position:relative;background:#4ea6c8;}
headerbild img {width:100%;height:auto;object-fit:contain;line-height:0;}
headerbild p {line-height:0;}
headerbild h1 {margin:0;padding:0 0 0 30%;flex:1 1 100%;width:100%;font-family:'sourcesanspro-semibold',sans-serif;font-size:80px;color:#fff;font-weight:600;line-height:90px;filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.3));}
headerbild h2 {margin:0;padding:0 0 0 40%;flex:1 1 100%;width:100%;font-family:'sourcesanspro-semibold',sans-serif;font-size:48px;color:#fff;font-weight:600;line-height:56px;filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.3));}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content, #content_2, #content_3 {width:1200px;margin:0 auto;padding:60px 0;}
#content h1 {font-family:'open_sans_condensedbold',sans-serif;font-size:32px;line-height:40px;font-weight:normal;margin:60px 0 40px 0;}
#content h2 {font-size:20px;color:#444;line-height:24px;font-weight:normal;margin:0 0 15px 0;}
#content a {font-family: 'open_sans_condensedbold',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.buttonlink:link, #content a.buttonlink:visited {display:block;color:#fff;background:#0481B1;text-decoration:none;font-family: 'open_sans_condensedbold',sans-serif;font-size:32px;line-height:70px;font-weight:normal;text-align:center;margin:0 0 10px 0;padding:20px 0;border-radius:5px;box-shadow: inset 0 0 0 0 #4fa7c8;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
#content a.buttonlink:focus, #content a.buttonlink:hover, #content a.buttonlink:active {box-shadow: inset 500px 0 0 0 #4fa7c8;}
#content p, #content ul, #content table {width:100%;padding:0;margin:0 0 30px 0;}
#content td {vertical-align:top;}
#content ul {padding-left:35px;list-style:none;}
#content li {}
.content_box {background:#f4f4f4;padding:100px 60px;}
.bildrechts {float:right;padding:0 0 10px 15px;}
.bildlinks {float:left;padding:0 15px 10px 0;}
#clr {clear:both;background:transparent;width:100%;height:1px;font-size:1px;}
.embed-container {position: relative; padding-bottom: 56.25%; /* ratio 16x9 */height: 0; overflow: hidden; width: 100%;height: auto;}
.embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Boxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.colframe {display:flex;margin:0 0 45px 0;flex-wrap:wrap;gap:2%;}
#content .colbox p {margin:0;}
.colbox {flex:1 1 49%;width:49%;font-family: 'sourcesanspro-semibold',sans-serif;background:#0481b1;color:#ddd;margin:0 0 2% 0;text-align:center;}
.threecol .colbox {flex:1 1 32%;width:32%;padding:0;background:transparent;}
.threecol .colbox:nth-of-type(2) {padding:0 10px;}
.threecol .fa-solid {font-size:28px;padding:0 20px 0 0;}
#content .colbox h2 {font-family: 'open_sans_condensedbold',sans-serif;color:#fff;font-size:40px;line-height:48px;font-weight:normal;margin:0 0 5px 0;}
#content .colbox h2 a {font-family: 'open_sans_condensedbold',sans-serif;color:#fff;font-size:40px;line-height:48px;font-weight:normal;margin:0 0 5px 0;display:block;width:100%;}
#content .colbox h2 a:focus, #content .colbox h2 a:hover, #content .colbox h2 a:active {color:#0c92d4;}
#content .colbox h3 {font-family: 'open_sans_condensedbold',sans-serif;color:#fff;font-size:32px;line-height:32px;font-weight:normal;font-style:normal;margin:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {background:#999;}
#footercontact {background:#ccc;text-align:center;text-transform:uppercase;padding:30px 0;}
#footercontact a:link, #footercontact a:visited {text-decoration:none;color:#000;}
#footercontact a:focus, #footercontact a:hover, #footercontact a:active {color:#0099ff;}

#footercontent {width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding:50px 0 0;}
#footercontent ul {list-style:none;margin:0 0 30px;}
#footercontent a:link, #footercontent a:visited {color:#000;font-weight:normal;text-decoration:none;}
#footercontent a:focus, #footercontent a:hover, #footercontent a:active {color:#0099ff;}
.footerbox {width:50%;}
.footerbox:last-child {text-align:right;}
.footerbox ul {display:flex;justify-content:flex-end;}
.footerbox li {padding:0 0 0 30px;}
#footersocial {text-align:center;padding:0 0 50px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:fixed;display: block;vertical-align: middle;right:20px;top:24px;cursor: pointer;text-decoration: none;background:transparent;z-index:9999999;}
.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:120px;left:0;z-index:99999;background:#fff;width:100%;color:#0481b1;padding:30px 20px 30px 20px;list-style: none;overflow: hidden;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;}
.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:22px;line-height:44px;font-weight:normal;padding:0;margin:0;text-decoration: none;color:#0481b1;text-transform:uppercase;font-family:'open_sans_condensedbold',sans-serif;font-weight:normal;}
.slicknav_nav a:hover {color: #0481b0;}
.slicknav_nav li.menu-current a:hover {color:#0481b1;}
.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:#0481b0;}
.slicknav_nav ul li.menu-current  li a {color:#0481b1;}
.slicknav_nav li.menu-current li a:hover {color: #0481b0;}
/* ~~~~~~~~~~~~~~~~~~~~ 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: 1440px) { /* alles auf 100% */

#top, #content, nav {width:100%;margin:0;}
#logo {top:20px;left:30px;margin-left:0;}
nav {right:30px;}
#content {padding:90px 30px 60px;}
#footercontent {width:100%;margin:0;padding:0 30px;box-sizing:border-box;gap:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1100px) { /* mobile menu */
img {max-width:100%;width:auto;height:auto;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}

header {position:absolute;}
#logo {position:absolute;}
nav {display:none;}
#footercontent {flex-wrap:wrap;}
.footerbox {flex:1 1 50%;width:50%;gap:0;margin:0 0 30px 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 850px) {

.colframe {gap:0;}
.colbox {flex:1 1 100%;width:100%;}
.footerbox {flex:1 1 100%;width:100%;text-align:center;margin:0 0 30px 0;}
#content td, #content tr {display:block;}
.bildrechts, .bildlinks {float:none;padding:10px 0;text-align:center;}
}