/**
*  @template       vap-deutschland.org
*  @version        see info.php of this template
*  @author         Internet-Service Berlin
*  @copyright      vap-deutschland.org
*  @license        All rights reserved
*  @license terms  no use without written permission
*  @platform       see info.php of this template
*/

@font-face {font-family: 'robotoregular';src: url('../fonts/Roboto-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'robotobold';src: url('../fonts/Roboto-Bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'robotolight';src: url('../fonts/Roboto-Light-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Font Awesome 5 Free'; src: url("../fonts/fa-solid-900.woff") format("woff");font-style: normal;font-weight: 900;font-display: block;}
.fa,.fas {font-family: 'Font Awesome 5 Free';font-weight: 900;font-style: normal;}
.fa-phone:before {content: "\f095";font-size:30px;font-style:normal;position:absolute;top:2px;left:-50px;}
.fa-envelope-open:before {content: "\f2b6";font-size:30px;font-style:normal;position:absolute;top:2px;left:-50px;}
.fa-globe-americas:before {content: "\f57d";font-size:30px;font-style:normal;position:absolute;top:2px;left:-50px;}
.fa-location-arrow:before {content: "\f124";font-size:30px;font-style:normal;position:absolute;top:2px;left:-50px;}
.fa-power-off:after {content: "\f011";color:#3C7CB9;font-size:40px;font-style:normal;position:absolute;top:2px;left:-50px;}
* {margin:0;padding:0;}
html {overflow-y:initial;}
html body {background:#fff;font-family:'robotoregular',sans-serif;font-size:18px;line-height:26px;color:#707070;height:100%;min-height: 100vh;}
a, img {border:none;outline:none;}
strong, b {font-family:'robotobold',sans-serif;font-weight:normal;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
#mobile ul {display:none;}
a, input, textarea, button, form, p, div, i, img {transition: 0.3s;}
hr {clear:both;border:0px;border-top:solid 1px #fff;color:#fff;border-bottom:transparent;margin:40px 0 60px 0;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {width:100%;margin:0;background:#fff;line-height:0;position:relative;}
/*#header:hover {opacity:0.8;}*/
#header img {display:block;max-width:1680px;width:auto;height:auto;line-height:0;margin:0 auto;}
#header p {line-height:0;}
#logoutframe {width:100%;padding:20px 0;text-align:right;box-sizing:border-box;}
.logout {width:1680px;margin:0 auto;}
button.vap_btn_logout {background:transparent;border:none;cursor:pointer;font-family:'robotobold',sans-serif;font-weight:normal;font-style:normal;color:#3C7CB9;font-size:28px;line-height:40px;position:relative;}
button.vap_btn_logout:focus, button.vap_btn_logout:hover, button.vap_btn_logout:focus .fa-power-off:after, button.vap_btn_logout:hover .fa-power-off:after {color:#183754;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T F R A M E ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:100%;padding:0 0 100px 0;background:#fff;}
.colorframe {width:100%;} /* needed for color change menubutton */
#contentframe {width:1680px;min-height:400px;padding:150px 0 0 0;margin:0 auto;box-sizing:border-box;display:flex;position:relative;}
#left {flex:0 0 320px;padding:43px 0 0 0;font-size:40px;line-height:50px;color:#3C7CB9;box-sizing:border-box;}
#content {flex:1 1 auto;padding:0;box-sizing:border-box;}
#frame {display:flex;margin:0 0 20px 0;}
#middle {flex:1 1 auto;padding:0 45px 0 0;box-sizing:border-box;}
#content a:link, #content a:visited {font-family:'robotobold',sans-serif;font-weight:normal;color:#707070;text-decoration:none;font-weight:normal;}
#content a:focus, #content a:hover, #content a:active {color:#183754;}
#content p, #content table {padding:0 0 20px 0;position:relative;}
#content ul, #content ol {padding:0;margin:0 0 20px 25px;}
ul.caret {padding:0;margin:0 0 20px 20px;list-style:none;}
ul.caret li {position:relative;}
ul.caret li:before {content: "";position: absolute;height: 0;width: 0;border-top: 6px solid transparent;border-left: 6px solid #707070;border-bottom: 6px solid transparent;top: 16px;transform: translateY(-50%);left:-15px;}
.row-blue ul.caret li:before {border-left: 6px solid #fff;}
#content h1 {font-family:'robotobold',sans-serif;font-size:70px;line-height:90px;font-weight:normal;padding:0 0 90px 0;color:#3C7CB9;hyphens:auto;}
#content h2 {font-family:'robotobold',sans-serif;font-size:25px;line-height:35px;font-weight:normal;padding:0 0 20px 0;color:#707070;hyphens:auto;}
#content h3 {font-family:'robotobold',sans-serif;font-size:20px;line-height:30px;font-weight:normal;padding:0 0 20px 0;color:#707070;}
#content table {width:100%;border-collapse:separate;border-spacing:0 5px;}
#content td {vertical-align:top;padding:5px;}
#content th {vertical-align:top;padding:0 5px;text-align:center;}
#content td.item_data {text-align:center;}
.clr {clear:both;height:0px;font-size:0px;line-height:0px;}
.bildlinks {float:left;/*shape-outside: circle();*/padding:0 20px 20px 0;}
img.bildlinks, .bildlinks img {border-radius: 50%;shape-outside: circle();}
.bu {font-family:'robotolight',sans-serif;font-weight:normal;font-style:italic;}
input.textfield_vap {padding:10px;border:none;border-radius:6px;width:300px;background:#fff !important;font-family:'robotoregular',sans-serif;font-size:15px;}
input.textfield_vap:focus, input.textfield_vap:hover, input.textfield_vap:active {border:none !important;}
input.textfield_vap_white {padding:10px;border:2px solid #3C7CB9;border-radius:6px;width:360px;background:#fff !important;font-family:'robotoregular',sans-serif;font-size:15px;}
input.textfield_vap_white:focus, input.textfield_vap_white:hover, input.textfield_vap_white:active {background:#ddd !important;}
input.forgot_vap {padding:10px;border:#3C7CB9;border-radius:6px;background:#fff;width:300px;margin-top:20px;}
input.forgot_vap:focus, input.forgot_vapp:hover, input.forgot_vap:active {background:#ddd;}
#content a.vap_btn:link, #content a.vap_btn:visited, button.vap_btn {color:#fff;font-size:18px;background:#3C7CB9;padding:15px 30px;border-radius:6px;cursor:pointer;border:none;box-sizing:border-box;}
#content a.vap_btn:focus, #content a.vap_btn:hover, #content a.vap_btn:active, .vap_btn:focus, .vap_btn:hover, .vap_btn:active {background:#183754;}
#content a.vap_cancel_btn:link, #content a.vap_cancel_btn:visited {color:#fff;font-size:18px;background:#cc0000;padding:13px 30px;border-radius:6px;cursor:pointer;border:none;box-sizing:border-box;}
#content a.vap_cancel_btn:focus, #content a.vap_cancel_btn:hover, #content a.vap_cancel_btn:active, .vap_cancel_btn:focus, .vap_cancel_btn:hover, .vap_cancel_btn:active {background:#183754;}
button.vap_cancel_btn {color:#fff;font-size:18px;background:#cc0000;padding:15px 30px;border-radius:6px;cursor:pointer;border:none;box-sizing:border-box;}
button.vap_action_btn {border:none;background:transparent;cursor:pointer;}
button.vap_action_btn:focus, button.vap_action_btn:hover, button.vap_action_btn:active {opacity:0.75;}
.vap_btn_b {color:#fff;font-size:18px;background:#3C7CB9;padding:15px 30px;border-radius:6px;cursor:pointer;border:none;display:block;margin:30px 0;}
.vap_btn_b:focus, .vap_btn_b:hover, .vap_btn_b:active {background:#183754;}
#forgot_form input.vap_btn_b[type="submit"] {color:#fff;font-size:18px;background:#3C7CB9;padding:15px 30px;border-radius:6px;cursor:pointer;border:none;display:block;margin:30px 0;height:auto;width:auto;}
#forgot_form input.vap_btn_b:focus, #forgot_form input.vap_btn_b:hover, #forgot_form input.vap_btn_b:active {background:#183754;}
.register-form {position: relative;background:#f3f4f5;margin:0 0 1rem 0;padding: 1em 1em;border-radius:6px;border: 1px solid rgba(34,36,38,.15);}
.register-form > label {font-family:'robotoregular',sans-serif;font-size:18px;line-height:26px;color:#707070;}
.ui.form .field > label {font-size:18px !important;font-weight:normal !important;}
.ui.form .fields>.field {padding-left:0 !important;padding-right:0 !important;}
.ui.segment {padding:1rem 0 !important;}
#content table.ui th {vertical-align:top;padding:0 10px;text-align:left;background:#fff;}
#content table.ui td {padding:10px;}
.ui.checkbox label, .ui.form {font-size:18px !important;line-height:24px !important;}
#content table.captcha_table {border-spacing:0;}
#content table.captcha_table td {padding:0 5px;vertical-align:middle;}
.required {color:#db2828;}
.ui.secondary.segment {padding:1rem !important;margin:0 0 30px 0;}
.ui.form .fields {margin: 0 !important;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WIDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentwide {width:100%;padding:0 0 50px 0;background:#fff;font-size:20px;line-height:30px;}
#contentwide h2 {font-family:'robotobold',sans-serif;font-size:40px;line-height:50px;font-weight:normal;padding:0 0 20px 0;}
#contentwide h2 span.light {font-family:'robotolight',sans-serif;font-weight:normal;font-style:italic;}
#contentwide a:link, #contentwide a:visited {font-family:'robotobold',sans-serif;font-weight:normal;color:#707070;text-decoration:none;font-weight:normal;}
#contentwide a:focus, #contentwide a:hover, #contentwide a:active {color:#183754;}
#contentwide .row-blue a:link, #contentwide .row-blue a:visited {color:#ccc;}
#contentwide .row-blue a:focus, #contentwide .row-blue a:hover, #contentwide .row-blue a:active {color:#fff;}
#contentwide p {padding:0 0 20px 0;position:relative;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Event list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content table.event-list {border-collapse:separate;border-spacing:0 20px;}
#content .event-list th {text-align:left;padding:0 20px;}
#content .event-list th:first-child {text-align:left;padding:0 20px 0 0;}
#content .event-list td {padding:5px 20px;}
#content .event-list td:first-child {padding:5px 20px 5px 0;border-right:2px #3C7CB9 solid;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALTERNATING BG COLORS 01 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.row-white, .row-blue {width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.row-blue {background:#3C7CB9;color:#fff;}
.row-white {background:#fff;}
.row-blue .vtext, .row-white .vimg {margin:0 0 0 320px;}
.row-white .vimg {padding-right:50px;}
.row-blue .vimg {padding-left:50px;}
.vimg {flex:0 0 405px;width:405px;padding:140px 0;text-align:center;}
.vtext {flex:0 0 905px;width:905px;padding:190px 0 0 0;}
#contentwide .vimg p {font-size:15px;}
#contentwide img {border-radius:50%;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALTERNATING BG COLORS 02 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.alt-row {padding:20px 0;width:100%;box-sizing:border-box;}
.alt-row:nth-child(even) {background:#3C7CB9;color:#fff;}
.alt-row:nth-child(odd) {background:#fff;}
.alt-row:nth-child(odd) h2 {color:#3C7CB9;}
.alt-row:nth-child(even) a:link, .alt-row:nth-child(even) a:visited {font-family:'robotobold',sans-serif;font-weight:normal;color:#fff;text-decoration:none;}
.alt-row:nth-child(even) a:focus, .alt-row:nth-child(even) a:hover, .alt-row:nth-child(even) a:active {color:#183754;}
.alt-row h1 {font-family:'robotobold',sans-serif;font-size:85px;line-height:100px;font-weight:normal;padding:0 0 50px 0;color:#3C7CB9;hyphens:auto;text-align:right;}
.alt-row:nth-child(even) h1 {color:#fff;}
.alt-frame {width:1680px;margin:0 auto;display:flex;}
.alt-main {flex:1 1;margin:0;padding:50px 45px 0 0;box-sizing:border-box;}
.alt-main p, .alt-main h2, .alt-main h3, .alt-main ul {padding:0 0 20px 320px;}
.alt-main .flexslider ul {padding:0;margin:0;}
.alt-main ul, .alt-main ol {margin:0 0 20px 25px;}
.alt-main h2 {font-family:'robotobold',sans-serif;font-size:60px;line-height:75px;font-weight:normal;hyphens:auto;}
.alt-main h3 {font-family:'robotobold',sans-serif;font-size:20px;line-height:30px;font-weight:normal;}
.alt-main p.pimg {padding:0;clear:both;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;shape-outside: circle();}
.alt-right {flex:0 0 340px;width:340px;padding:0 0 0 20px;box-sizing:border-box;position:relative;}
.alt-right p {padding:0 0 20px 0;}
.alt-row img {border-radius: 50%;}								  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT RIGHT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#right {flex:0 0 340px;width:340px;margin:0;color:#3C7CB9;padding:0 0 0 20px;box-sizing:border-box;position:relative;}
#right a:link, #right a:visited, #right a:active {font-family:'robotobold',sans-serif;font-weight:normal;color:#3C7CB9;text-decoration:none;font-family:'robotoregular',sans-serif;font-weight:normal;}
#right a:focus, #right a:hover, #right li.menu-current a {color:#183754;}
#right p {padding:0 0 20px 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {width:100%;margin:0;padding:40px 0 0 0;position:relative;z-index:1;background:#3C7CB9;line-height:0;position: -webkit-sticky;position:sticky;top: 100%;}
#footerframe {width:1680px;margin:0 auto;overflow:hidden;}
/*#footerframe:hover {opacity:0.8;}*/
#footerframe img {max-width:100%;width:auto;height:auto;line-height:0;}
#footerframe p {line-height:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER VOR ORT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
* jQuery FlexSlider v2.7.2
* https://www.woocommerce.com/flexslider/
* Copyright 2012 WooThemes
*/
.flexslider + h2 {padding:250px 0 110px 0;}
.flex-container a:hover,.flex-slider a:hover {outline: none;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width:auto;height:auto;object-fit:cover;}
.alt-main .flexslider .slides img {border-radius:50%;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider .slides:after {content: "sign";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flex-viewport {max-height:610px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
@-moz-document url-prefix() {.loading .flex-viewport {max-height: none;}}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.flex-direction-nav a:before {font-family: "flexslider-icon";font-size: 40px;display: inline-block;content: '\f001';color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a.flex-next:before {content: '\f002';}
.flex-direction-nav .flex-prev {left: -50px;}
.flex-direction-nav .flex-next {right: -50px;text-align: right;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 10px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important;filter: alpha(opacity=0);cursor: default;z-index: -1;}
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;z-index: 10;overflow: hidden;cursor: pointer;color: #000;}
.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: '\f004';}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: '\f003';}
.flex-control-nav {width: 100%;position: absolute;bottom:20px;text-align: center;z-index:9999999;display:none;/* too many */}
.slidercaption {position:absolute;top:288px;left:653px;width:500px;height:auto;line-height:1.5;font-family:'robotolight',sans-serif;font-weight:normal;font-style:italic;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOF UP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:20px;display: none;z-index:1000;width:60px;height:60px;border:none;background:#fff;cursor:pointer;text-align:center;padding:25px 10px 10px;opacity:0.8;border-radius:50%;box-sizing:border-box;}
.move-up i {border: solid #3C7CB9;border-width: 0 3px 3px 0;display:inline-block;padding:10px;transform: rotate(-135deg);}
.move-up:hover,.move-up:active {opacity:1;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:fixed;right:100vw;margin-right:-250px;top:100vh;margin-top:-180px;display:block;cursor:pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0;}
.slicknav_menu {position:relative; box-sizing: border-box;background:#fff;padding:0;}
.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:fixed;top:0;left:0;z-index:99999;background:#3C7CB9;width:100%;height:100vh;color:#fff;padding:0;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;position:relative;}
.slicknav_nav ul li:first-child {display:none;}
.slicknav_nav ul ul li:first-child, .slicknav_nav .subnavi ul li:first-child {display:block;}
.slicknav_nav .slicknav_arrow {display:inline-block;box-sizing:border-box;}
i.arrow-r {display:block;width:12px;height:12px;transform: rotate(-45deg);background:#3C7CB9;-moz-box-shadow: 3px 3px #fff/*pfeilfarbe*/;-webkit-box-shadow: 3px 3px #fff;box-shadow: 3px 3px #fff;margin-left:10px;}
i.arrow-d {display:block;width:12px;height:12px;transform: rotate(45deg);background:#3C7CB9;-moz-box-shadow: 3px 3px #fff/*pfeilfarbe*/;-webkit-box-shadow: 3px 3px #fff;box-shadow: 3px 3px #fff;margin:0 0 6px 16px;}
.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-family:'robotobold',sans-serif;font-size:20px;line-height:36px;font-weight:normal;color:#fff;text-decoration:none;}
.slicknav_nav a:hover {color:#183754;}
.slicknav_nav li.menu-current a:hover {color:#183754;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current a {color:#183754;}
.slicknav_nav ul li.menu-current:before {position:absolute;top:18px;left:-12px;content:'';width:7px;height:7px;border-radius:50%;background:#fff;}
.slicknav_nav .subnavi ul li.menu-current:before {display:none;}
.slicknav_nav ul li.menu-current li a {color:#fff;}
.slicknav_nav li.menu-current li a:hover {color:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI DESKTOP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.nav {clear: both;background:#3C7CB9;width:100%;height:100vh;color:#fff;padding:10vh 5vw 10vw 4vw;list-style:none;overflow:visible !important;box-sizing:border-box;}
.slicknav_menu .nav ul {display:block !important;list-style:none !important;margin:0 !important;height:100vh;}
.slicknav_menu .nav ul ul {margin:0 !important;}
.slicknav_menu .nav ul:before,.slicknav_menu .nav ul:after {content:"" !important;display:table !important;}
.slicknav_menu .nav ul:after {clear:both !important;}
.slicknav_menu .nav ul > li {position:relative !important;padding:0 0 0 24px !important /*showing dots*/;}
.slicknav_menu .nav ul li:first-child {display:none;}
.slicknav_menu .nav ul ul li:first-child {display:block;}
.slicknav_menu .nav a {font-family:'robotobold',sans-serif !important;font-size:60px !important;line-height:90px !important;font-weight:normal !important;color:#fff !important;text-decoration:none !important;}
.slicknav_menu .nav a:hover {text-decoration:none !important;color:#183754 !important;}
.slicknav_menu .nav li ul {position:absolute !important;left:450px !important;top:0 !important;z-index:1 !important;z-index:99999999 !important;}
.slicknav_menu .nav li ul li {overflow:visible !important;opacity:0 !important;height:0 !important;-webkit-transition:all 200ms ease-in !important;-moz-transition:all 200ms ease-in !important;-o-transition:all 200ms ease-in !important;transition:all 200ms ease-in !important;}
.slicknav_menu .nav li ul a:hover {color:#183754 !important;}
.slicknav_menu .nav ul > li:hover ul {display:block !important;z-index:999999999 !important;}
.slicknav_menu .nav ul > li:hover ul li {opacity:1 !important;height:90px !important;z-index:999999999 !important;}
/* BOF flying dots */
.slicknav_menu .nav ul li:before {z-index:9999999;position:absolute;top:48px;left:200px;content:'';width:20px;height:20px;border-radius:50%;background:#fff;opacity:0;transition: left 0.2s, opacity 0.2s;}
.slicknav_menu .nav ul li:hover:before {left:0;opacity:1;}
/* EOF flying dots */
.slicknav_menu .nav ul li.menu-current a, .slicknav_menu nav ul li.menu-parent a {color:#183754 !important;}
.slicknav_menu .nav ul li.menu-parent > a {color:#fff !important;}
.slicknav_menu .nav ul li ul li.menu-current a, nav ul li.menu-parent li a:hover {color:#183754;}
.slicknav_arrow {display:none;}
.slicknav_menu .subnavi ul {display:block;}
.subnavi {position:absolute;bottom:50px;right:5vw;z-index:9999999;}
.subnavi li {display:inline-block;padding-left:30px;}
.slicknav_menu .subnavi ul li:first-child {display:inline-block;}
.social {position:absolute;bottom:100px;right:5vw;z-index:9999999;}
.social img {width:46px;height:auto;}
.slicknav_nav .social a {display:inline-block;}
.mlogo {position:absolute;top:10vh;right:5vw;z-index:9999999;opacity:0.5;}
.mlogo img {width:200px;height:auto;}
.mlogo:hover, .social img:hover {opacity:0.8;}
.slicknav_menutxt {display: block;float:left;font-size:30px;}
#mtext {display:inline-block;line-height:48px;}
/* ~~~~~~~~~~ Buttons ~~~~~~~~~~~ */
/*
#menubutton.menu-blue, #menubutton {color:#3C7CB9 !important;width:200px;}
#menubutton.menu-white {color:#fff !important;width:200px;}
#burger .dot {background:#3C7CB9;}
#cross .dot {background:#183754;}
.dots {width:84px;height:84px;display:flex;transition: 0.5s;box-sizing:border-box;align-items:center;float:left;margin:0 5px 0 0;}
#menubutton.menu-blue #burger .dot {background:#3C7CB9 !important;}
#menubutton.menu-blue #cross .dot {background:#183754 !important;}
#menubutton.menu-white #burger .dot {background:#fff !important;}
#menubutton.menu-white #cross .dot {background:#183754 !important;}
*/
#menubutton {color:#183754;width:160px;height:160px;/*background:#3C7CB9;border-radius:50%;display:flex;align-items:center;justify-content:center;*/transition: 0.1s;}
a.slicknav_open #menubutton {color:#183754;}
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
a.slicknav_open #cross:hover {color:#183754;}
.dots {width:48px;height:48px;display:flex;transition: 0.5s;box-sizing:border-box;align-items:center;float:left;margin:0 5px 0 0;}
.dot {width:14px;height:14px;border-radius:50%;transition: 0.5s;margin:2px;}
#burger .dot {background:#183754;}
#cross .dot {background:#183754;}
#burger .dots {transform: rotate(90deg);}
#menubutton:focus, #menubutton:hover, #menubutton:active {color:#183754;}
#menubutton #cross .dot {background:#183754;}
#burger:hover .dots, #cross:hover .dots, #cross .dots {transform: rotate(0deg);}
#burger:hover .dot {background:#183754;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-height: 1000px) {
.slicknav_btn {margin-top:-100px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1800px) {
img {max-width:100%;width:auto;height:auto;line-height:0;}
#header, #contentframe, #footerframe, .alt-frame {width:100%;margin:0;}
#header img {margin:0;}
#logoutframe {padding:20px;box-sizing:border-box;}
.logout {width:100%;margin:0;}
button.vap_btn_logout {font-family:'robotoregular',sans-serif;}
.fa-power-off:after {font-size:28px;font-weight:normal;left:-35px;}
#left {padding:19px 0 0 20px;}
#content h1 {font-size:60px;line-height:70px;padding:0 0 70px 0;}
.row-blue, .row-white {padding:0 20px;box-sizing:border-box;}
.vimg {flex:1 1 30%;width:30%;box-sizing:border-box;}
.vtext {flex:1 1 70%;width:70%;box-sizing:border-box;}
.row-blue .vtext, .row-white .vimg {margin:0;}
#header img {max-width:100%;}
/*
.slicknav_btn {margin-top:-70px;margin-right:-200px;}
.slicknav_menu .nav a {font-size:50px !important;line-height:74px !important;}
.slicknav_menu .nav li ul {left:380px !important;}
.slicknav_menu .nav ul > li:hover ul li {height:80px !important;}
.slicknav_menu .nav ul li:before {width:15px;height:15px;top:30px;}
*/
#logoutframe {text-align:left;padding:18px 0 15px 50px;}/* adjust */
#menubutton {width:57px;}
.dots {width:57px;height:57px;display:flex;transition: 0.5s;box-sizing:border-box;align-items:center;float:none;margin:0 5px 0 0;}
.dot {width:13px;height:13px;border-radius:50%;transition: 0.5s;margin:3px;}
#burger .dot, #cross .dot {background:#183754;}
#menubutton.menu-blue #burger .dot {background:#183754 !important;}
#menubutton.menu-blue, #menubutton {width:57px;}
#menubutton.menu-white {width:57px;}
.slicknav_menu ul {display:block;}
.slicknav_menu .nav, #mtext {display:none;}
.slicknav_btn {position:absolute;right:20px;margin:0;top:21vw;}
.slicknav_nav {position:absolute;height:auto;}
.slicknav_nav ul {padding:250px 20px 50px 50px;}
.slicknav_nav ul ul {padding:0 20px;}
.slicknav_nav ul ul a {font-family:'robotoregular',sans-serif;}
.slicknav_arrow {display:block;}
.subnavi {position:static;padding:0 0 10vw 0;}
.subnavi li {display:block;padding:0;text-align:right;}
.slicknav_menu .subnavi ul li:first-child {display:block;}
.slicknav_nav .subnavi ul {padding:16px 50px 50px 50px;}
.slicknav_nav .subnavi a {font-family:'robotoregular',sans-serif;position:relative;}
.slicknav_nav .subnavi ul li.menu-current:before {display:none;}
.mlogo {position:absolute;top:50px;left:50px;bottom:auto;right:auto;}
.mlogo img {width:auto;height:50px;}
.social {position:static;padding:25px 50px 0 50px;text-align:right;}
.slicknav_nav .social a {line-height:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1300px) {
.mlogo img {width:250px;}
#contentframe {flex-wrap:wrap;padding:100px 0 0 0;}
#content {padding:0 20px;}
#content h1 {font-size:50px;line-height:60px;padding:0 0 50px 0;}
#left {flex:1 0 100%;width:100%;font-size:30px;line-height:90px;padding:0 0 0 20px;}
.alt-row {padding:20px;}
.alt-main {padding:50px 45px 0 0;}
.alt-main ul, /*.alt-main h2, */.alt-main h3 {padding:0 0 20px 0;}
.alt-main h2 {font-size:40px;line-height:45px;}
.alt-main p {padding:0 0 50px 0;}
img.bildlinks {max-width:450px;height:auto;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1000px) {
#container {width:100%;padding:0;box-sizing:border-box;}
#left {padding:0 20px;}
#content td {display:block;}
#content tr {display:block;margin:0 0 10px 0;}
#contentframe, #frame {flex-direction:column;flex-wrap:wrap;}
#contentframe {padding:60px 0 0 0;}
#content {flex:1 1 100%;width:100%;padding:0 20px;border:none;}
#middle {padding:0;width:100%;}
#right {flex:1 1 100%;width:100%;padding:0 0 50px 0;border:none;}
#right p {padding:20px 0;}
#footerframe {flex-wrap:wrap;}
#content .event-list thead {display:none;}
#content .event-list td {padding:5px 20px 15px 0;}
#content .event-list td:first-child {border-right:none;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 910px) {
#content h1 {font-size:40px;line-height:50px;padding:0 0 40px 0;}
.row-white, .row-blue {width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.row-blue {background:#3C7CB9;color:#fff;}
.row-white {background:#fff;}
.row-white .vimg {padding:50px 0 0 0;}
.row-blue .vimg {padding:0 0 50px 0;}
.vimg, .vtext {flex:0 0 100%;width:100%;padding:70px 0;}
.vimg img {max-width:450px;height:auto;}

.alt-frame {flex-wrap:wrap;}
.alt-main {flex:1 1 100%;width:100%;}
.alt-right {flex:1 1 100%;width:100%;padding:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 680px) {
#contentwide h2 {font-size:35px;line-height:40px;font-weight:normal;padding:0 0 20px 0;}
img.bildlinks{float:none;max-width:100%;width:auto;height:auto;line-height:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 480px) {
.vimg img {max-width:100%;width:auto;height:auto;}
.slicknav_nav ul {padding:250px 20px 50px;}
}

/* ~~~~~~~~~~ additional ~~~~~~~~~~~ */
.custom_fe {
  font-weight: bold;
  color: #333;
  padding-bottom: 20px;
}