html,body {background: #A6A6A6; padding: 0; margin: 0; height: 100%; color: #333333;}
body {padding: 0; margin: 0; line-height: 1.4em; font-family: Arial, Helvetica, Sans-Serif; font-size: 85%;}
div {border: 0px solid #00CC33;}
h1 {color: #085897; font-size: 130%; font-weight: bold;}
h2 {color: #085897; font-size: 115%; font-weight: bold; margin: 0; padding: 0;}
h3 {color: #085897; font-size: 105%; font-weight: bold; margin: 0; padding: 0;}
h4 {color: #085897; font-size: 90%; font-weight: bold; margin: 0; padding: 0;}
.hidden {position: absolute; left: -1000px;}
.clear {clear: both; line-height: 0; font-size: 0; height: 0;}
/* NAVIGATION =================================================================================================================================================== */
.banner {margin: 0 auto; max-width: 980px; height: auto; padding: 0.5em 0 0 0;}
.banner a {text-decoration: none;}
.bannerimg {max-width: 100% !important; height: auto; border: 0; padding: 0;}
.bannerimg1 {max-width: 100% !important; height: auto; border: 0; padding: 0;}
/* CONTAINER ====================================================================================================================================== */
.wrapper {margin: 0 auto; max-width: 980px; padding: 0; background: #085897;}
.helper {margin-top: -0.3em; height: auto; background-color: #5f81a4; text-align: right; padding-right: 0.5em; color: #FFFFFF; border-bottom:1px solid #FFFFFF;}
.helper a {color: #FFFFFF; font-size: 90%; text-decoration: none;}
.subnav {float: left; width: 25%; background-color: #085897; margin: 0; padding: 0;}
.content {float: left; width: 68%; min-height: 52em; margin: 0; padding: 1% 5% 1% 2%; background-color: #FFFFFF; }
/* NAVIGATION ===================================================================================================================================== */
nav {float: left; width: 100%; height: auto; margin:0; padding: 0; border-bottom: 1px solid #FFFFFF;}
nav ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #085897;}
nav li {float: left; border-right: 1px solid #FFFFFF;}
nav li:last-child {border-right: none;}
nav li a {display: block; color: #FFFFFF; text-align: left; padding: 0.8em 1.5em; text-decoration: none;}
nav li a:hover:not(.active) {background-color: #414141;}
nav .active {background-color: #414141;}
.m1 {width: 25%;}
.m2 {width: 50.7%;}
.m3 {width: 24%;}
.subnavi {float: left; width: 99%;}
.subnavi ul {list-style-type: none; margin: 0; padding: 0; width: 100%; background-color: #085897; border: 0px solid #FFFFFF;}
.subnavi li a {display: block; color: #FFFFFF; padding: 0.6em 1.5em; text-decoration: none;}
.subnavi li {text-align: left; border-bottom: 1px solid #FFFFFF;}
.subnavi li:last-child {border-bottom: 1px solid #FFFFFF;}
.subnavi li a.active {background-color: #414141; color: #FFFFFF;}
.subnavi li a:hover:not(.active) {background-color: #414141; color: #FFFFFF;}
/* CONTENT ======================================================================================================================================== */
.content a {color: #CC0033; text-decoration: none;}
.content a:hover {color: #CC3333; text-decoration: underline;}
.content ul {list-style-position: outside;}
.content li {list-style-image: url(graphica/ico_bullet_red.jpg); padding: 0 0 0 0.8em; margin-left: -1.8em;}
.service {clear: both; margin: 3em 0 2em 0;}
.content sup {vertical-align: super; font-size: 60%;}
/* WEBSITECHECK =================================================================================================================================== */
#wsc {line-height: 1.2em;}
#wsc .full {float: left; width: 100%; margin-bottom: 0.5em;}
#wsc .mof {background-color: #085897; color: #FFFFFF; font-size: 105%; font-weight: bold; margin: 0; padding: 0.3em 0.2em; text-align: center; border: 1px solid #085897; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#wsc .z {float: left; width: 46%; margin: 0; padding: 2% 2% 2% 0; text-align: center;}
#wsc .l {float: left; width: 46%; margin: 0; padding: 2% 2% 2% 0;}
#wsc ul {list-style-position: outside;}
#wsc li {list-style-image: url(graphica/ico_bullet_red.jpg); padding: 0 0 0 0.8em; margin-left: -1.8em; text-align: left;}
#wsc .hinweis {font-size: 85%; margin-top: -0.5em; }
#wsc img {max-width: 100%; height: auto;}
/* FORMULAR ======================================================================================================================================= */
#anmeldung {margin-top: 0.5em;}
#anmeldung p {line-height: normal;}
#anmeldung .zeile {float: left; width: 100%; line-height: 2.5em;}
#anmeldung .s1 {float: left; width: 25%; font-weight: normal;}
#anmeldung .s2 {float: left; width: 70%;}
#anmeldung .four {width: 10%;}
#anmeldung .ten {width: 20%;}
#anmeldung textarea {padding: 0.5%; width: auto; font-size: 100%; margin-bottom: 2%;}
#anmeldung select {padding: 0.5%; width: auto; font-size: 99%; margin-bottom: 2%;}
#anmeldung .button_n {width: auto; text-align: center; color: #FFFFFF; font-weight: normal; background-color: #085896; padding: 0.2em 2em; border: 1px solid #004080; display: inline;}
#anmeldung .button_y {width: auto; text-align: center; color: #FFFFFF; font-weight: normal; background-color: #00CC33; padding: 0.2em 2em; border: 1px solid #004080; display: inline;}
#anmeldung .button_b {width: auto; text-align: center; color: #FFFFFF; font-weight: normal; background-color: #00CC33; padding: 0.3em 2em; border: 1px solid #004080; display: inline;}
#anmeldung input {width: 19em; line-height: 130%; padding: 0.2em;}
#anmeldung .required {border: 1px solid #FA3200;}
#anmeldung .sel {width: 19.3em; line-height: 130%; padding: 0.2em; border: 1px solid #FA3200;}
#anmeldung .plz {width: 3em; border: 1px solid #FA3200;}
#anmeldung .ort {width: 15em; border: 1px solid #FA3200; margin-left: 0.2em;}
#anmeldung .anmerkungen {width: 23em; height: 7em; }
.err_txt {color: #FA3200; text-decoration: underline;}
#txtData1 { display: inline;}
#txtData2 { display: inline;}
/* leeres Textfeld im Kontaktformular - wenn ausgefüllt - SPAM-Bot */
.versteckmich {visibility:hidden; display: none !important;}
/* LOGOS ========================================================================================================================================== */
/*
.logos {position: fixed; width: 12.5%; bottom: 7em; text-align:center; border: 0;}
.logos {margin: 0 auto; max-width: 150px; padding-top: 5em; text-align: center; }*/
.logos {width: 95%; text-align: center; height: auto; margin-top: 2em;}
.logo {max-width: 100% !important; height: auto; border: 0; padding: 0.25em;}
/* ================================================================================================================================================ */
/* FOOTER ========================================================================================================================================= */
.footer {margin: 0 auto; max-width: 980px; padding: 2em 0; background-color: #085897; text-align: center; color: #FFFFFF;
font-size: 90%; border-top: 2px solid #FFFFFF;}
.footer a {text-decoration: none; color: #FFFFFF;}
.footer a:hover {color: #FFFFFF; text-decoration: underline;}
/* ================================================================================================================================================ */
/* MEDIA QUERIES =================================================================================================================================================== */
@media all and (min-width: 536px)
{
nav {visibility: visible;}
#nav-main {visibility:hidden; display: none !important;}
}
@media all and (max-width: 535px)
{
html {font-size: 90%}
.bannerimg1, nav, .subnav, .service {visibility:hidden; display: none !important;}
.wrapper {display: flex; display: -webkit-flex; flex-direction: column; width: 100%; padding: 0; margin: 0;}
.content {float: left; width: 98%; margin: 0; padding: 1% 3%; background-color: #FFFFFF; }
.footer {font-size: 100%; width: 99%; padding: 2em 1em;}
.content {float: left; width: auto;}
#anmeldung {margin: 0 auto; width: 99%; padding-top: 1em; text-align: center;}
#anmeldung .s1 {width: 99%; font-weight: normal;}
#anmeldung .s2 {width: 99%;}
/* mobile Navi */
#nav-main {visibility: visible; margin: 0 auto; padding: 2.8em 0 0 0; display: inline-block; position: relative; width: 100%; text-align: left; font-size: 120%;
background-color: #055089; opacity: 0.90; filter: alpha(opacity=90); background-image: url('graphica/navigation.gif'); background-position: 38% 12px; background-repeat: no-repeat;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#nav-main {margin-top: 0.1em;}
.mnav-menu {display: none; margin: 0; padding: 0;}
.mnav-menu ul {margin: 0; padding: 0; font-weight: 600; list-style-type: none;}
.mnav-menu li {padding: 0 0 0 1em; line-height: 2.2em; background: url("graphica/arr-right-white.gif") no-repeat 0.1em 0.7em;}
.mnav-menu-item {float: none; position: relative; display: block; width: 94%; padding: 0 1.2% 0 5%; font-weight: 600; color: #FFFFFF;}
.mnav-menu-item a {display: block; text-decoration: none; color: #FFFFFF;}
.mnav-submenu {width: 100%; position: relative; padding-left: 0; z-index: 9999; display: none; list-style-type: none;}
.mnav-submenu-item a{display: block; padding-left: 0; color: #FFFFFF;}
.mnav-mobile-btn {height: 30px; width: 30px; padding: 5px; display: block; cursor: pointer; position: absolute; top: 0; background-image: url('graphica/mobile-nav-icon.svg');
background-position: 50% 50%; background-repeat: no-repeat; border-left: 1px solid #C0C0C0;}
.mnav-open-close {display: block; float: right;}
.mnav-mobile-arrow {height: 1.6em; width: 1.6em; padding: 5px; cursor: pointer; background-image: url('graphica/arr-down.gif'); background-position: 0 50%; background-repeat: no-repeat; border: 0}
.mnav-mobile-arrow-mirror {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.mnav-theme {}
.mnav-theme .mnav-menu-item a:hover {color: #FA3200;}
.mnav-theme .mnav-submenu-item {}
.mnav-theme .mnav-submenu-item a:hover {}
.mnav-theme .mnav-mobile-btn:hover {background-color: #C0C0C0;}
.mnav-theme .mnav-mobile-arrow:hover {}
.mnav-theme .mnav-open-close {border-bottom: 1px solid #aaa;}
.mnav-theme .mnav-menu-item {border-bottom: 1px solid #aaa;}
.mnav-theme .mnav-submenu-item {border-bottom: 1px dotted #aaa;}
}
@media (min-width: 401px) and (max-width: 768px)
{
.bannerimg1, .service {visibility:hidden; display: none !important;}
.m1 {width: 25%;}
.m2 {width: 43.5%;}
.m3 {width: 31%;}
#anmeldung .s1 {float: left; width: auto; font-weight: normal;}
#anmeldung .s2 {float: right; width: auto;}
#anmeldung input {width: 10em; line-height: 130%; padding: 0.2em;}
}
@media all and (max-width: 980px)
{
.bannerimg {width: 980px; height: auto; border: 0; padding: 0;}
.bannerimg1 {visibility:hidden; display: none !important;}
}
/* COOKIE CONSENT =================================================================================================================================================== */
.cookie_banner-wrapper {z-index:9001;position:relative}
.cookie_container .cookie_btn {cursor:pointer;text-align:center;font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;line-height:1em}
.cookie_container .cookie_message {font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}
@media screen and (min-width:500px){
.cookie_container .cookie_btn {font-size:0.8em}
.cookie_container .cookie_message {font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container .cookie_btn{font-size:1em}
.cookie_container .cookie_message{font-size:1em;line-height:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message {font-size:1em}
}
@media print {.cookie_banner-wrapper,.cookie_container{display:none}}
.cookie_container {position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cookie_container .cookie_btn {padding: 0.8em 1em; background-color:#f1d600;background-color:black;cursor:pointer;-webkit-transition:font-size 200ms;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px
}
.cookie_container .cookie_message {-webkit-transition:font-size 200ms;transition:font-size 200ms;font-size:0.6em;display:block}
@media screen and (min-width:500px) {
.cookie_container .cookie_btn {font-size:0.8em}
.cookie_container .cookie_message {margin-top:0.5em;font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container {padding:15px 30px 15px}
.cookie_container .cookie_btn {font-size:1em;padding:8px 15px}
.cookie_container .cookie_message {font-size:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
.cookie_container {background-color:#4c4c4c; opacity: 0.96; color: #FFFFFF; font-family: Arial; box-sizing: border-box; border-top: 1px solid #CCCCCC;}
.cookie_container::-moz-selection {background: #FF5E99; color:#FFFFFF; text-shadow: none;}
.cookie_container .cookie_btn,.cookie_container .cookie_btn:visited {
color: #000000; background-color: #009900; background-color: #33cc33;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px
}
.cookie_container .cookie_btn:hover,.cookie_container .cookie_btn:active {background-color: #33FF00; color: #000000;}
.cookie_container a,.cookie_container a:visited {text-decoration:none;color:#FFFFFF;-webkit-transition:200ms color;transition:200ms color}
.cookie_container a:hover,.cookie_container a:active {color:#FFFFFF;}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.cookie_container,.cookie_message,.cookie_btn {animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
.cookie_container a, .cookie_message a {font-size: 0.8em; font-weight: normal; color: #FFFFFF; text-decoration: underline;}