/**
 *  @template       vap-deutschland.org Print CSS
 *  @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-face {font-family: 'robotobold';src: url('../fonts/Roboto-Bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'robotolight';src: url('../fonts/Roboto-Light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@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%;}
a, img {border:none;outline:none;}
strong, b {font-family:'robotobold',sans-serif;font-weight:normal;}
.js #menu {display:none;}
.js .slicknav_menu {display:none;}
#mobile ul {display:none;}
.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 img {display:block;max-width:1680px;width:auto;height:auto;line-height:0;margin:0 auto;}
#header p {line-height:0;}
#logoutframe {display:none;}
.logout {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T F R A M E ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:100%;padding:0 0 50px 0;background:#fff;}
.colorframe {width:100%;} /* needed for color change menubutton */
#contentframe {width:100%;padding:50px 0 0 0;margin:0;box-sizing:border-box;position:relative;}
#left {padding:20px 0;font-size:40px;line-height:50px;color:#3C7CB9;box-sizing:border-box;}
#content {padding:0;box-sizing:border-box;}
#frame {margin:0 0 20px 0;}
#middle {padding:20px 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:55px;line-height:70px;font-weight:normal;padding:0 0 30px 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;}
.clr {clear:both;height:0px;font-size:0px;line-height:0px;}
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:#dededf;border-radius:6px;width:300px;}
input.textfield_vap:focus, input.textfield_vap:hover, input.textfield_vap:active {border:#3C7CB9;border-radius:6px;}
#content a.vap_btn:link, #content a.vap_btn:visited, .vap_btn {color:#fff;font-size:18px;background:#3C7CB9;padding:15px 30px;border-radius:6px;cursor:pointer;border:none;}
#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;}
.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;}
.item_date {float:none;width:100%;padding:0;margin:0;}
.item_title {float:none;width:100%;padding:0;margin:0;border:none;}
.field input, .field label {display:none;} /* Termine */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WIDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentwide {width:100%;padding:0 0 30px 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 p {padding:0 0 20px 0;position:relative;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALTERNATING BG COLORS 01 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.row-white, .row-blue {width:100%;}
.row-blue {background:#3C7CB9;color:#fff;}
.row-white {background:#fff;}
.row-white .vimg {padding-right:50px;}
.row-blue .vimg {padding-left:50px;}
.vimg {padding:30px 0;box-sizing:border-box;text-align:center;}
.vtext {padding:30px 0;box-sizing:border-box;}
#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(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:nth-child(even) .alt-right	{border:none !important;}
.alt-row:nth-child(even) .alt-right:before, .alt-row:nth-child(odd) .alt-right:before {display:none;}
.alt-row:nth-child(odd) .alt-right {border:none !important;}
.alt-frame {width:100%;margin:0 auto;}
.alt-main {margin:0;padding:30px 0 0 0;box-sizing:border-box;}
.alt-main p, .alt-main h3, .alt-main ul {padding:0 0 20px 0;}
.alt-main .ptop {padding:20px 0 !important;text-align:center;box-sizing:border-box;} /* Headline */
.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:30px;line-height:45px;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 {text-align:center;padding:0;clear:both;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;shape-outside: circle();}
.alt-right {box-sizing:border-box;position:relative;}
.alt-right p {padding:0 0 20px 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT RIGHT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#right {margin:0;color:#3C7CB9;padding:0;box-sizing:border-box;position:relative;border:none !important;}
#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;}
#footerframe {width:100%;margin:0;overflow:hidden;}
#footerframe img {max-width:100%;width:auto;height:auto;line-height:0;}
#footerframe p {line-height:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#stage {width:100%;height:auto;position:relative;}
#stage img {position: absolute;width:100%;height:auto;line-height:0;object-fit: contain;}
#stage img:nth-of-type(1) {z-index: 20;}
#stage img:nth-of-type(2) {display:none;;}
#stage img:nth-of-type(n+3) {display: none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER ROUND ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
* jQuery FlexSlider v2.7.2
* https://www.woocommerce.com/flexslider/
* Copyright 2012 WooThemes
*/
.flexslider {display:none;}
.flexslider + h2 {padding:20px 0;}
.flex-container a:hover,.flex-slider a:hover {outline: none;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider .slides img {max-width:610px;display: block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;height: auto;-moz-user-select: none;}
.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;}}
.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;}
.move-up {display:none;}
.nav {display:none;}
.subnavi {display:none;}
.social {display:none;}
.mlogo {display:none;}
#mtext {display:none;}