/**
*  @template       Hesse-Krull
*  @version        see info.php of this template
*  @author         Internet-Service Berlin
*  @copyright      Bettina Hesse-Krull
*  @license        All rights reserved
*  @license terms  no use without written permission
*  @platform       see info.php of this template
*/
@font-face {font-family: 'danielregular';src: url('../fonts/Daniel-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ubuntu_condensedregular';src: url('../fonts/ubuntu-c-webfont.woff2') format('woff2'),url('../fonts/ubuntu-c-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: 'robotomedium';src: url('../fonts/Roboto-Medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 900;src: url('../fonts/fa-solid-900.woff') format('woff');}
* {margin:0;padding:0;}
html {overflow-y:scroll;}
html body {background:#535353;font-family:'robotolight',sans-serif;font-size:18px;line-height:24px;color:#535353;height:100%;}
a, img {border:none;outline:none;}
strong, b {font-family:'robotomedium',sans-serif;font-weight:normal;}
.js .slicknav_menu , .js #menu {display:none;}
a, img, input, textarea, button, form, p, div {transition: 0.25s;}
hr {clear:both;border:0px;border-top:solid 1px #656565;color:#656565;border-bottom:transparent;margin:40px 0 60px 0;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
.fa-envelope:before {content: '\f0e0';font-family: 'Font Awesome 5 Free';font-weight: 900;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;margin:0 5px 0 0;}
.fa-phone:before {content: '\f095';font-family: 'Font Awesome 5 Free';font-weight: 900;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;transform: scaleX(-1);margin:0 5px 0 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top {width:100%;height:160px;margin:0;padding:0;background:#fff;position:fixed;top:0;left:0;z-index:999;box-shadow: 0 0 3px #888;}
#header {width:1200px;height:160px;margin:0 auto;position:relative;}
#logo {position:relative;}
#logo p {position:absolute;top:60px;left:-50px;}
#logo p a:link, #logo p a:visited {font-family:'danielregular',serif;font-size:56px;line-height:60px;color:#000000;font-weight:normal;text-decoration:none;}
#logo p a:focus, #logo p a:hover, #logo p a:active {color:#38660b;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav {position:absolute;top:61px;right:0;}
nav ul {list-style:none;position:relative;z-index:999998;display:flex;justify-content:right;}
nav ul li {padding:0 0 0 30px;position:relative;}
nav ul li a {display:block;padding:0 0 20px 0;font-family:'ubuntu_condensedregular',sans-serif;font-size:20px;line-height:30px;font-weight:normal;color:#878787;text-decoration:none;text-transform:uppercase;}
nav ul ul li a {display:block;padding:10px 20px 0px 20px;font-family:'ubuntu_condensedregular',sans-serif;font-size:18px;line-height:24px;font-weight:normal;color:#878787;text-decoration:none;}
nav ul li a:hover, nav ul li ul li a:hover {color:#f06c02;}
nav ul ul li a:hover {background:transparent;color:#f06c02;}
nav ul ul {display:none;position:absolute;top:50px;left:15px;background:#eee;padding:0 0 20px 0;box-shadow: 0 0 3px #888;}
nav ul ul:after {width:20px;height:20px;content:"";background:#eee;position:absolute;left:20px;top:-9px;transform: rotate(225deg);box-shadow: 0.5px 0.5px 1px #999;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {width:260px;display:list-item;position:relative;float:none;padding:0;}
nav ul ul ul {position: absolute;top:0;left:100%;}
nav ul li.menu-current a, nav ul li ul li.menu-current a, nav ul li.menu-parent a {color:#f06c02;}
nav ul li.menu-current li a, nav ul li.menu-parent li a {color:#878787;}
nav ul li.menu-current li, nav ul li ul li.menu-current {background:transparent;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T F R A M E ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:100%;padding:160px 0 0 0;background:#fff;}
#content {width:1200px;min-height:560px;margin:0 auto;padding:60px 120px 60px 0;box-sizing:border-box;background:rgba(255,255,255,.7);position:relative;}
#container a:link, #container a:visited {color:#f06c02;text-decoration:none;font-family:'robotomedium',sans-serif;font-weight:normal;}
#container a:focus, #container a:hover, #container a:active {color:#38660b;}
#container p, #container ul {padding:0 0 20px 0;}
#container td {vertical-align:top;}
#container ul, #container ol {padding:0;margin:0 0 20px 25px;}
#container ol {list-style-type:lower-alpha;}
#container h1 {font-family:'ubuntu_condensedregular',sans-serif;font-size:36px;line-height:44px;font-weight:normal;padding:0 0 25px 0;color:#38660b;}
#container h2 {font-family:'ubuntu_condensedregular',sans-serif;font-size:24px;line-height:30px;font-weight:normal;padding:0 0 15px 0;color:#38660b;}
#container h2 a:link, #container h2 a:visited {font-family:'ubuntu_condensedregular',sans-serif;color:#38660b;text-decoration:none;}
#container h2 a:focus, #container h2 a:hover, #container h2 a:active {color:#f06c02;}
.clr {clear:both;height:0px;font-size:0px;line-height:0px;}
.bildrechts {float:right;padding:0 0 5px 15px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI LEFT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:1200px;min-height:560px;margin:0 auto;padding:60px 370px 60px 0;box-sizing:border-box;background:rgba(255,255,255,.7);display:flex;position:relative;}
#contentbox {flex:1 1;}
#left {flex:0 0 330px;padding:7px 50px 30px 50px;box-sizing:border-box;}
#left ul {list-style:none;}
#left li {line-height:20px;padding:0 0 8px 0;}
#left li {line-height:20px;padding:0 0 8px 0;}
#container #left a:link, #container #left a:visited, #container #left a:active {color:#525252;text-decoration:none;font-family:'ubuntu_condensedregular',sans-serif;font-weight:normal;font-size:18px;text-transform:uppercase;}
#container #left a:focus, #container #left a:hover {color:#f06c02;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {width:100%;margin:0;padding:40px 0;background:#535353;position:relative;z-index:1;}
#footerframe {width:1200px;margin:0 auto;display:flex;box-sizing:border-box;}
.footernav {flex:0 1 50%;width:50%;font-size:18px;line-height:20px;}
.footerinfo  {flex:0 1 50%;width:50%;font-size:18px;line-height:20px;font-family:'ubuntu_condensedregular',sans-serif;font-weight:normal;color:#fff;text-align:right;}
.footerinfo a:link, .footerinfo a:visited {font-family:'ubuntu_condensedregular',sans-serif;font-weight:normal;color:#fff;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#f06c02;}
.footernav ul {list-style-type:none;}
.footernav li {display:inline-block;padding:0 30px 0 0;}
.footernav li a:link, .footernav li a:visited {font-family:'ubuntu_condensedregular',sans-serif;font-weight:normal;color:#fff;text-decoration:none;}
.footernav li a:focus, .footernav li a:hover, .footernav a:active {color:#f06c02;}
.footernav li.menu-current a {color:#f06c02;}
.button a:link, .button a:visited {font-size:20px;line-height:50px;display:block;background:#93ba70;width:170px;text-align:center;margin:0 0 10px 0;}
.button a:focus, .button a:hover, .button a:active {color:#fff;background:#f06c02;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOF UP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:20px;display: none;z-index:1000;width:80px;height:80px;border:none;background:#fff;cursor:pointer;text-align:center;padding:30px 10px 10px;opacity:0.8;border-radius:40px;box-sizing:border-box;}
.move-up i {border: solid #656565;border-width: 0 3px 3px 0;display:inline-block;padding:15px;transform: rotate(-135deg);}
.move-up:hover,.move-up:active {opacity:1;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:absolute;display: block;right:20px;top:10px;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;padding:0;}
.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:0;left:0;z-index:99999;background:#535353;width:80%;color: #737a7e;padding:10px 20px 50px 20px;list-style: none;overflow: hidden;box-sizing:border-box;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-family:'ubuntu_condensedregular',sans-serif;font-size:18px;line-height:36px;font-weight:normal;color:#fff;text-decoration:none;}
.slicknav_nav ul.menu-top:nth-of-type(2) {padding-top:20px;}
.slicknav_nav ul.menu-top:nth-of-type(2) a {font-family:'ubuntu_condensedregular',sans-serif;}
.slicknav_nav a:hover {color:#f06c02;}
.slicknav_nav li.menu-current a:hover {color:#f06c02;}
.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:#f06c02;}
.slicknav_nav ul li.menu-current  li a {color:#535353;}
.slicknav_nav li.menu-current li a:hover {color:#f06c02;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1290px) {
img {max-width:100%;width:auto;height:auto;line-height:0;}
#header{width:100%;margin:0;padding:0;box-sizing:border-box;}
#logo p {top:30px;left:10px;}
nav {width:100%;margin:0;padding:0 20px;box-sizing:border-box;}
#content, #contentframe {margin:0;width:100%;}
#content {padding:60px 20px}
#left {padding:7px 40px 30px 40px;box-sizing:border-box;}
#footerframe  {width:100%;margin:0;padding:0 20px;justify-content:space-around;}
.footerinfo img {width:36px;height:36px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 960px) {
.js .slicknav_menu {display:block;}
#top {position:static;}
nav, #left {display:none;}
#container {padding:0;}
#container h1 {hyphens:auto;}
#content, #contentframe {padding:60px 40px 60px 40px;}
#bg_logo {position:absolute;top:280px;right:50%;margin:0 -200px 0 0;}
#footerframe {flex-wrap:wrap;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 720px) {
#content td, #content tr {display:block;}
#footerframe {flex-wrap:wrap;}
.footerinfo, .footernav  {flex:1 1 100%;width:100%;text-align:center;padding:0 0 20px 0;}
.footernav ul {justify-content:center;}
.footernav li {flex:1 1 100%;padding:0 15px;}
.button a:link, .button a:visited {width:100%;}
}