/* TEMPLATE STARTSEITE */
* {margin: 0;padding: 0;box-sizing:border-box;}
@font-face {font-family: 'pt_sansbold';src: url('../../../fonts/PTS75F-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'pt_sansregular';src: url('../../../fonts/PTS55F-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ElegantIcons';src:url('../../../fonts/ElegantIcons.woff') format('woff');font-weight: normal;font-style: normal;}
.icon_mail_alt, .icon_phone {font-family: 'ElegantIcons';font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.icon_mail_alt:before {content: "\e010";font-size:30px;line-height:50px;}
.icon_phone:before {content: "\e090";font-size:30px;line-height:60px;}
html {overflow-y:scroll;background: url(../images/bg-pbf.webp) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} 
html body {font-family:'pt_sansregular',sans-serif;font-size:16px;color:#000;}
img {border:none;text-decoration:none;outline:none;}
a, p, input, img, button {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.js .slicknav_menu , .js #menu {display:none;}
#frame {background:rgb(255,255,255,0.8);width:1060px;padding:0 30px 30px;margin:0 auto;}
#header {width:970px;margin:0 auto;padding:0;position:relative;}
#logo {padding:50px 0 30px;text-align:center;}
#logo h1 {font-family:'pt_sansbold',sans-serif;font-size:54px;line-height:54px;font-weight:normal;padding:0;margin:0 0 5px 0;}
#logo h1 a:link, #logo h1 a:visited {color:#2980b9;text-decoration:none;}
#logo h1 a:focus, #logo h1 a:hover, #logo h1 a:active {color:#36628d;} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {margin:0 auto;padding:0;width:970px;}
#image {padding-bottom:60px;border-bottom:1px solid #000;position:relative;}
#image img {max-width:100%;width:auto;height:auto;}
#contact {position:absolute;top:406px;right:40px;max-width:145px;height:95px;background:#fff;text-align:center;z-index:999;padding: 0 12px;}
#contact ul {list-style-type:none;}
#contact ul.menu-top li a:link, #contact ul.menu-top li a:visited {font-family:'pt_sansbold',sans-serif;font-size:22px;line-height:20px;font-weight:normal;padding:0;margin:0;color:#e74c3c;text-transform:uppercase;text-align:center;text-decoration:none;}
#contact ul.menu-top li a:focus, #contact ul.menu-top li a:hover, #contact ul.menu-top li a:active {color:#000;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left {float:left;width:240px;margin:0;padding:56px 0 60px;}
nav ul {list-style-type:none;display:flex;flex-direction:column;}
nav li {width:100%;padding:0 0 10px 0;}
/*nav li:first-child {display:none;}  home */
nav li a:link, nav ul li a:visited {height:100px;width:100%;padding:20px;color:#fff;font-size:19px;line-height:28px;text-decoration:none;display:flex;align-items:center;}
nav li a:focus, nav li a:hover, nav li a:active {opacity:0.8;}
nav li:nth-of-type(1) a {background:#e74c3c;} /* rot */
nav li:nth-of-type(2) a {background:#2980b9;} /* hellblau */
nav li:nth-of-type(3) a {background:#36628d;} /* mittelblau */
nav li:nth-of-type(4) a {background:#2c3e50;} /* dunkelblau */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ FlexSlider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.flex-container a:hover,
.flex-slider a:hover {outline: none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.flexslider .slides:after {content: "\0020";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;}
.flexslider {background: #fff;position: relative;zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides img {height: auto;-moz-user-select: none;}
.flex-viewport {max-height: 2000px;-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 {display:none;}
.flex-control-nav {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ INHALT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
span.small {font-size:13px;}
#content {float:right;width:730px;min-height:200px;line-height:140%;padding:56px 0 30px 30px;margin:0;position:relative;}
#headline {position:absolute;top:-20px;left:0;height:26px;padding:0 30px;background:#fff;text-align:center;z-index:99;}
#content #headline h1 {font-family:'pt_sansbold',sans-serif;font-size:36px;line-height:36px;font-weight:normal;padding:0;margin:0;color:#e74c3c;text-transform:uppercase;}
#content h1 {font-family:'pt_sansbold',sans-serif;font-size:24px;line-height:30px;font-weight:normal;padding:0;margin:0 0 15px 0;color:#e74c3c;}
#content h2 {font-family:'pt_sansregular',sans-serif;font-size:17px;line-height:22px;font-weight:normal;padding:0;margin:0 0 10px 0;color:#404040;}
#content p, #content table {padding:0;margin:0 0 18px 0;}
#content p.caption {padding:10px 0;margin:0 0 30px 0;}
#content a:link, #content a:visited {font-family:'pt_sansbold',sans-serif;color:#e74c3c;font-weight:normal;text-decoration:none;}
#content a:focus, #content a:hover, #content a:active {text-decoration:underline;}
#content td {padding:0 5px 0 0;vertical-align:top;}
#content ul {padding:0;margin:0 0 20px 16px;list-style-image:url(../../media/layout/punkt.jpg);}
#content ul ul {padding:0;margin:0 0 0 15px;}
.colframe {display:flex;flex-wrap:wrap;}
.col {margin:0 0 30px 0;}
.col:nth-child(odd) {flex:0 0 275px;width:275px;line-height:0;}
.col:nth-child(even) {flex:0 0 395px;width:395px;padding:0 0 0 20px;}
.col img {max-width:100%;width:auto;height:auto;}
.bildlinks {float:left;margin:0 20px 0 0;padding:0;}
.bildrechts {float:right;margin:0 0 0 20px;padding:0;}
.clr {clear:both;height:1px;font-size:1px;line-height:1px;}
.embed-container {position: relative; padding-bottom: 56.25%; /* ratio 16x9, bei 4:3 75%*/height: 0; overflow: hidden; width: 100%;height: auto;}
.embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {width:970px;height:28px;margin:0 auto 60px auto;padding:0;border-top:1px solid #000;border-bottom:1px solid #000;position:relative;display:flex;justify-content:center;line-height:28px;color:#000;font-size:14px;letter-spacing:0.5px;}
#footer ul.menu-top {list-style-type:none;}
#footer ul.menu-top li {float:left;}
#footer ul.menu-top li a:link, #footer ul.menu-top li a:visited {display:block;height:28px;line-height:28px;padding:0 15px;margin:0;text-decoration:none;color:#000;font-size:14px;letter-spacing:0.5px;}
#footer ul.menu-top li a:focus, #footer ul.menu-top li a:hover, #footer ul.menu-top li a:active {color:#e74c3c;}
.copy {height:28px;padding:0 15px;}
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:absolute;display: block;right:15px;top:8px;cursor: pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn img {width:36px;height:36px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {position:relative;box-sizing: border-box;background:#fff;}
.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:45px;left:0; z-index:99999;background:rgba(41,128,185,.95);width:100%;color: #fff;padding:10px 20px 50px 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-family:'pt_sansregular',sans-serif;font-size:24px;line-height:36px;font-weight:normal;color:#fff;text-decoration:none;}
.slicknav_nav ul.menu-top:last-of-type {padding-top:20px;}
.slicknav_nav a:hover {color:#ddd;}
.slicknav_nav li.menu-current a:hover {color:#ddd;}
.slicknav_nav li li a {padding:0 0 0 25px;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current  a {color:#ddd;}
.slicknav_nav ul li.menu-current  li a {color:#fff;}
.slicknav_nav li.menu-current li a:hover {color:#ddd;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1060px) {
.js .slicknav_menu {display:block;}
img {max-width:100%;width:auto;height:auto;}
#frame {background:rgb(255,255,255,0.8);width:100%;padding:0 0 30px;margin:0;}
#top {width:100%;margin:0;height:22px;}
#topnavi {float:left;padding:8px 0 0 3%;}
#header {width:100%;height:auto;margin:0;}
#logo {width:auto;height:auto;position:static;text-align:center;padding:50px 10px 20px;}
#logo h1 {font-size:48px;line-height:48px;}
#container {margin:0;width:100%;}
#image {margin:0 0 30px 0;padding-bottom:30px;}
#image p {text-align:center;}
#left {float:none;display:block;width:100%;padding:0 20px 40px;}
nav li a:link, nav ul li a:visited {border-radius:10px;justify-content:center;height:80px;}
#content {float:none;display:block;width:100%;min-height:100px;line-height:140%;padding:0 20px 20px;position:relative;box-sizing:border-box;}
#content h1 {font-size:28px;line-height:28px;}
#content td, #content tr {padding:0;display:block;}
#headline {position:static;padding:0;text-align:left;margin:0 0 30px 0;height:auto;}
#content #headline h1 {font-size:30px;line-height:30px;}
.col:nth-child(even) {flex:1 1 auto;width:calc(100% - 275px);}
#footer {width:100%;height:auto;margin:30px 0 60px 0;border-top:1px solid #000;border-bottom:none;flex-direction:column;}
#footer ul.menu-top {margin:10px;}
#footer ul.menu-top li {float:none;}
#footer ul.menu-top li a:link, #footer ul.menu-top li a:visited {padding:0;font-size:13px;text-align:center;}
#phone {position:static;top:0;left:0; margin:10px auto;text-align:center;}
#social {float:none;padding:0;text-align:center;}
#social p {display:inline;padding:10px 0;}
.copy {width:100%;text-align:center;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width:640px) {
#logo h1 {font-size:36px;line-height:36px;}
.col:nth-child(odd), .col:nth-child(even) {flex:1 1 100%;width:100%;padding:0;}
}