/**
 *  @template       perfectholding.de template.css
 *  @version        see info.php of this template
 *  @author         Internet-Service Berlin
 *  @copyright      Professor Jacobsen Steuerberatungsgesellschaft mbH
 *  @license        All rights reserved
 *  @license terms  no use without written permission
 *  @platform       see info.php of this template
rot #D27864
grün #0F8583
*/
@font-face {font-family: 'assistant-bold';src: url('../fonts/assistant-bold-webfont.woff2') format('woff2'),url('../fonts/assistant-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-semibold';src: url('../fonts/Assistant-SemiBold.woff2') format('woff2'),url('../fonts/Assistant-SemiBold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-light';src: url('../fonts/assistant-light-webfont.woff2') format('woff2'),url('../fonts/assistant-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'assistant-regular';src: url('../fonts/assistant-regular-webfont.woff2') format('woff2'),url('../fonts/assistant-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bitter-italic';src: url('../fonts/bitter-italic-webfont.woff2') format('woff2'),url('../fonts/bitter-italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;font-display: block;src:url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");}
@font-face {font-family: 'Font Awesome 5 Regular';font-style: normal;font-weight: 400;font-display: block;src:url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff");}
html body {background:#fff;font-family:'assistant-regular',sans-serif;font-size:21px;line-height:28px;color:#000;font-weight:normal;height:100%;}
* {margin:0;padding:0;box-sizing:border-box;}
a, img {border:none;outline:none;}
strong, b {font-family:'assistant-bold',sans-serif;font-weight:normal !important;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
::placeholder {color:#503891;opacity: 1;}
:-ms-input-placeholder {color:#503891;}
::-ms-input-placeholder {color:#503891;}
.fa,.fas,.far {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.far {font-family: 'Font Awesome 5 Regular';font-weight:400;}
.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;}
.fa-envelope::before {content: "\f0e0";}
.fa-phone::before {content: "\f095";}
hr {border:0px;border-top:solid 2px #D27864;color:#D27864;border-bottom:transparent;margin:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Transitions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, a:after, input, input::-webkit-file-upload-button, textarea, button, form, p, img, li, i, div, header {transition: 0.25s;}
.teamitem img {transition: 0s;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header {position:fixed;top:0;left:0;width:100%;height:204px;background:#CED8D8;box-shadow: 5px 0px 10px rgb(0,0,0,0.16);z-index:999999999999;}
#logo {width:646px;height:91px;position:relative;top:60px;left:80px;line-height:0;}
#logo img {width:646px;height:89px;position:absolute;top:0;left:0;}
/*#logo img {max-width:100%;width:auto;height:auto;position:absolute;top:0;left:0;}*/
#logo img:nth-child(2) {opacity:0}
#logo:focus img:nth-child(1), #logo:hover img:nth-child(1), #logo:active img:nth-child(1) {opacity:0;}
#logo:focus img:nth-child(2), #logo:hover img:nth-child(2), #logo:active img:nth-child(2) {opacity:1;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav {position:absolute;bottom:75px;right:90px;display:flex;justify-content:flex-end;}
nav ul {list-style:none;z-index:999;display:flex;justify-content:flex-end;position:relative;}
nav ul li {padding:0 40px;position:relative;}
nav ul li a {display:block;padding:0;font-size:28px;line-height:28px;font-family:'assistant-bold',sans-serif;font-weight:normal;color:#000;text-decoration:none;}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#0F8583;}
nav ul li.menu-current a, nav ul li.menu-parent a {color:#0F8583;} /* 1. Ebene */
nav ul li ul li.menu-current a {color:#0F8583;background:#00d200;} /* 2. Ebene */
nav ul li.menu-current li a, nav ul li.menu-parent li > a {color:#000;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LANGUAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.lang {padding:0 0 0 40px;z-index:999;}
.lang a:link, .lang a:visited {font-size:30px;line-height:30px;font-family:'assistant-bold',sans-serif;font-weight:normal;color:#000;text-decoration:none;}
.lang a:focus, .lang a:hover, .lang a:active {color:#0F8583;}
span.easymultilang_current {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT FRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:100%;z-index:9;margin:250px 0 0 0;background:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headerbilder ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headerimg {width:100%;position:relative;}
#headerimg img {line-height:0;width:100%;height:auto;object-fit:contain;}
#headerimg p {line-height:0;margin:0;padding:0;}
#headerimg p:nth-of-type(2) {display:none;}
#headerimg_title {position:absolute;top:0;right:0;width:45%;height:100%;padding:0 5vw;display:flex;flex-direction:column;justify-content:center;z-index:99;}
#headerimg h1 {font-family:'bitter-italic',serif;font-size:50px;line-height:58px;font-weight:normal;color:#fff;margin:0 0 14px 0;text-align:center;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T   G R I D~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#frame {width:100%;padding:0;background:#fff;}
#container {width:100%;position:relative;}
#container_form {width:100%;position:relative;background:#EFEFE4;}
section {width:100%;margin:0;}
section img {max-width:100%;width:auto;height:auto;}
.colframe {display:flex;justify-content:space-between;}
.colframe_50 {display:flex;justify-content:center;}
.col {padding:95px 50px 50px;position:relative;}
.col img:nth-of-type{display:none;}
/* rows */
section#row2 {background:#E0EFEE;} 
section#row2, section#row3, section#row4, section#row5, section#row6, section#row7, section#row8, section#row9, section#row10, section#row11, section#row12, section#row13, section#row14 {display:none;} /* indiv. einschalten */
/* ~~~ Bilder ~~~ */
section .col img:nth-child(2) {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T   F O R M A T S~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
section a:link, section a:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;text-decoration:none;color:#0F8583;}
section a:focus, section a:hover, section a:active {color:#D27864;}
section a.btnlink:link, section a.btnlink:visited {display:block;width:60%;color:#fff;background:#0F8583;font-size:22px;line-height:25px;padding:50px;text-align:center;text-transform:uppercase;letter-spacing:5px;}
section a.btnlink:focus, section a.btnlink:hover, section a.btnlink:active {background:#D27864;color:#fff;}
div.togglebox + h3 {padding:30px 0;}
section p {margin: 0 0 28px 0;line-height:28px;}
section p.btn_50 {padding:50px 0;}
section p.red, section h2.red {color:#D27864;}
section p.green, section h2.green {color:#0F8583;}
section table {width:100%;border-collapse:collapse;}
section p:last-child {margin:0;}
section td {vertical-align:top;}
section ul {margin:0 0 28px 0;}
section ul li {padding:0 0 0 30px;list-style:none;background:url(../images/strich.png) no-repeat;background-position:0 6px;}
section ul.check li  {padding:0 0 0 90px;margin:0 0 22px 0;list-style:none;background:url(../images/check-gruen.svg) center left no-repeat;background-size:55px;line-height:55px;}
section ul.second li:first-child {display:none;} /* fehlerseite */
/*section h1 {font-family:'bitter-italic',serif;font-size:50px;line-height:58px;font-weight:normal;padding:0 0 36px 0;}*/
section h2 {font-family:'assistant-bold',sans-serif;font-size:22px;line-height:28px;font-weight:normal;letter-spacing:3px;text-transform:uppercase;padding:0 0 28px 0;margin:0;}
section h2.bitter_35 {font-family:'bitter-italic',serif;font-size:28px;line-height:36px;font-weight:normal;padding:0 0 36px 0;letter-spacing:0;text-transform:none;}
section h2.bitter_50 {font-family:'bitter-italic',serif;font-size:50px;line-height:50px;font-weight:normal;padding:0 0 58px 0;letter-spacing:0;text-transform:none;}
section h2.bitter_70 {font-family:'bitter-italic',serif;font-size:70px;line-height:70px;font-weight:normal;padding:0 0 42px 0;letter-spacing:0;text-transform:none;}
section .col h3 {font-family:'bitter-italic',sans-serif;font-size:50px;line-height:58px;font-weight:normal;padding:0 0 58px 0;margin:0;}
.col_head {padding:75px 14vw 0 10vw;}
section .col_head h3, section .col_head_m h3 {font-family:'bitter-italic',sans-serif;font-size:50px;line-height:58px;font-weight:normal;padding:0;margin:0;color:#0F8583;}
section p + h3 {padding:28px 0 12px 0;}
section .zitat {padding:150px 20vw;display:flex;flex-direction:column;align-items:center;text-align:center;} /* auch Solo-CTA */
section .zitat p {font-family:'assistant-light',sans-serif;font-size:50px;line-height:60px;font-weight:normal;}
section .zitat p:last-child {font-family:'assistant-bold',sans-serif;font-size:22px;line-height:28px;font-weight:normal;letter-spacing:3px;text-transform:uppercase;}
img.rund {border-radius:50%;margin:0 auto;}
.mobile_extra {display:none;}
.price {font-family:'bitter-italic',serif;font-weight:normal;font-size:70px;line-height:58px;}
.url {/* wrap long urls */white-space: pre;white-space: pre-wrap;white-space: pre-line;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: -moz-pre-wrap;white-space: -hp-pre-wrap;word-wrap: break-word;}
.clr {clear:both;height:0px;font-size:0px;line-height:0px;}
.embed-container {position: relative; padding-bottom: 55.25%; /* ratio 16x9 */height: 0; overflow: hidden; width: 100%;line-height:0;}
.embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEAM ~~~~~~~~~~~~~~~~~~~~~~ */
.teamframe {width:/*1160px*/1720px;margin:0 auto;padding:10px 70px 50px 70px;display: grid;grid-template-columns: repeat(auto-fill, 420px);column-gap:80px;justify-content: space-between;}
.teamitem {height:auto;padding:0 0 120px 0;box-sizing:content-box;}
.teamitem img {max-width:400px;height:auto;}
.teamitem:nth-child(1) img, .teamitem:nth-child(4) img, .teamitem:nth-child(5) img {transform: rotate(-2deg);}
.teamitem:nth-child(2) img, .teamitem:nth-child(3) img, .teamitem:nth-child(6) img, .teamitem:nth-child(7) img {transform: rotate(2deg);}
.teampic {position:relative;margin: 0 0 28px 0;transition:0s 0.1s;}
.teampic img:nth-child(2), .teampiclong img:nth-child(2) {position:absolute;top:0;left:0;opacity:0;}
.teampic:hover img:nth-child(2), .teamitem a:hover {animation: twinkle 0.5s 1;}
@keyframes twinkle {
0% {opacity:1;}
60% {opacity:1;}
100% {opacity:0;}
}
.teampiclong img {opacity:1;transition:0s 180s;}
.teampiclong img:nth-child(2) {position:absolute;opacity:0;transition:0s 180s;}
.teampiclong:hover img:nth-child(1) {opacity:0;transition:0s;}
.teampiclong:hover img:nth-child(2) {opacity:1;transition:0s;}
.teampiclong {transition:0s 180s;}
.teampiclong:hover {transition:0;}
.teampiclong {position:relative;margin: 0 0 28px 0;}
section .orange a:link, section .orange a:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;text-decoration:none;color:#D27864;}
section .orange a:focus, section .orange a:hover, section .orange a:active {color:#0F8583;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {width:100%;background:#CED8D8;position:relative;}
#footerframe {width:100%;display:flex;padding:75px 0;box-sizing:border-box;justify-content:space-between;position:relative;}
#footerlogo {position:absolute;top:55px;left:80px;width:646px;height:91px;z-index:999;}
#footerlogo img {max-width:80%;width:80%;height:auto;position:absolute;}
#footerlogo img:nth-child(2) {opacity:0;}
#footerlogo:focus img:nth-child(1), #footerlogo:hover img:nth-child(1), #footerlogo:active img:nth-child(1) {opacity:0;}
#footerlogo:focus img:nth-child(2), #footerlogo:hover img:nth-child(2), #footerlogo:active img:nth-child(2) {opacity:1;}
#footerlogo_m {display:none;}
.footerinfo {flex:1 1 60%;width:60%;color:#000;display:flex;justify-content:space-between;padding:107px 0 0 240px;}
.footerinfo a:link, .footerinfo a:visited {font-family:'assistant-bold',sans-serif;font-weight:normal;color:#0F8583;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#000;}
.footerinfo p {flex:1 1 50%;width:50%;margin:0;line-height:32px;padding:0 60px 0 0;}
.footerinfo p:first-child {padding:0 40px 0 0;}
.footernav {flex:1 1 25%;width:25%;padding:0;}
.footernav:last-child {flex:1 1 15%;width:15%;padding:0;}
.footernav ul {list-style-type:none;}
.footernav li a:link, .footernav li a:visited {font-size:28px;line-height:48px;font-family:'assistant-bold',sans-serif;font-weight:normal;color:#000;text-decoration:none;}
.footernav li a:focus, .footernav li a:hover, .footernav li a:active {color:#0F8583;}
.footernav li.menu-current a {color:#0F8583;}
.footernav li.menu-current li a {color:#0F8583;}
.footernav li.menu-current li a:focus, .footernav li.menu-current li a:hover, .footernav li.menu-current li a:active {color:#0F8583;}
#fnav1 li:last-child {display:none;}
footer .lang {padding:0;}
footer .lang a:link, footer .lang a:visited {font-size:28px;line-height:48px;color:#000;}
footer .lang a:focus, footer .lang a:hover, footer .lang a:active {color:#0F8583;}
#footerbuttons, #stern {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOF UP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:20px;display: none;z-index:1000;width:80px;height:80px;border:none;background:rgba(250,250,250,.7);cursor:pointer;text-align:center;padding:30px 10px 10px;border-radius:40px;box-sizing:border-box;}
.move-up i,.move-up:active i {border:solid #0F8583;border-width:0 3px 3px 0;display:inline-block;padding:15px;transform: rotate(-135deg);}
.move-up:hover {background:rgba(255,255,255,1);}
.move-up:hover i {border:solid #0F8583;border-width:0 3px 3px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu, .slicknav_menu {display:none;}
#menu a:link, #menu a:visited {color:#000;text-decoration:none;font-size:0;line-height:0;}
.slicknav_btn {position:fixed;display:block;right:0;top:224px;cursor: pointer;text-decoration: none;background:transparent;z-index:99999999; }
.slicknav_btn img {width:45px;height:45px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0;}
.slicknav_menu {position:relative; box-sizing: border-box;background:#000;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:fixed;top:224px;right:0;z-index:99999;background:#0F8583;width:90%;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;}
.slicknav_nav .slicknav_arrow {box-sizing:border-box;display:inline-block;padding:0 0 0 20px;float:right;}
i.arrow-r {display:inline-block;width:13px;height:13px;transform: rotate(-45deg);background:transparent;-moz-box-shadow: 2px 2px #fff/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #fff;box-shadow: 2px 2px #fff;position:relative;top:-3px;}
i.arrow-d {display:inline-block;width:13px;height:13px;transform: rotate(45deg);background:transparent;-moz-box-shadow: 2px 2px #fff/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #fff;box-shadow: 2px 2px #fff;position:relative;top:-8px;left:6px;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline-block; 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 {font-family:'assistant-bold',sans-serif;font-size:24px;line-height:45px;height:45px;font-weight:normal;color:#CED8D8;text-decoration:none;display:block;padding:0 45px 0 60px;}
.slicknav_nav ul ul a {text-transform:none;}
.slicknav_nav ul li {border-bottom:0.5px solid #CED8D8;}
.slicknav_nav ul ul li:first-child {border-top:0.5px solid #CED8D8;}
.slicknav_nav ul ul li:last-child {border:none;}
.slicknav_nav li a:focus, .slicknav_nav li a:hover {color:#fff;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
.mnav2 li:first-child {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current a {color:#fff;}
.slicknav_nav ul li.menu-current li > a {color:#CED8D8;}
.slicknav_nav ul li.menu-current li > a:hover {color:#fff;}
.slicknav_nav ul li.menu-current li.menu-current a {color:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~ Parent ~~~~~~~~~~~~~~~~ */
.slicknav_nav li.menu-parent a, .slicknav_nav li.menu-parent li.menu-parent a {color:#fff;}
.slicknav_nav ul li.menu-parent li a, .slicknav_nav ul li.menu-parent li.menu-parent li a {color:#CED8D8;}
.slicknav_nav ul li.menu-parent li.menu-current a, .slicknav_nav ul li.menu-parent li.menu-parent li.menu-current a {color:#fff;}
.slicknav_nav ul li.menu-parent a:hover {color:#CED8D8;}
/* ~~~~~~~~~~~~~~~~~~~~ LANGUAGE ~~~~~~~~~~~~~~~~ */
.slicknav_menu .lang_item {display:inline-block;}
.slicknav_nav .lang_item a {color:#CED8D8;}
.slicknav_nav .lang_item a:hover {color:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1720px) {
#logo, #footerlogo {left:35px;}
nav {right:35px;}
nav ul li {padding:0 20px;}
.lang {padding:0 0 0 20px;}
.teamframe {width:100%;margin:0;justify-content: center;}
.footerinfo {flex:1 1 66%;width:66%;padding:107px 0 0 120px;}
.footernav {flex:1 1 22%;width:22%;}
.footernav:last-child {flex:1 1 12%;width:12%;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1640px) {
#headerimg h1 {font-size:40px;line-height:45px;}
section a.btnlink:link, section a.btnlink:visited {width:100%;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1500px) {
.col_head {padding:75px 5vw 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
#logo {width:480px;top:68px;}
#logo img {width:480px;height:66px;}
.footerinfo p:first-child {padding:0 0 21px 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~ */
footer {padding:0 0 320px 0;overflow:hidden;position:relative;font-size:17px;line-height:21px;}
#footerframe {justify-content:center;flex-wrap:wrap;padding:90px 0 0 0;}
#footerlogo {display:none;}
#footerlogo_m {display:block;flex:1 1 100%;margin:0 35px;width:calc(100% - 50px);height:12vw;order:3;position:relative;}
#footerlogo_m img {max-width:60%;width:60%;height:auto;position:absolute;top:30%;left:calc(10vw - 25px);}
#footerlogo_m img:nth-child(2) {opacity:0;}
#footerlogo_m:focus img:nth-child(1), #footerlogo_m:hover img:nth-child(1), #footerlogo_m:active img:nth-child(1) {opacity:0;}
#footerlogo_m:focus img:nth-child(2), #footerlogo_m:hover img:nth-child(2), #footerlogo_m:active img:nth-child(2) {opacity:1;}
.footerinfo {flex:1 1 100%;width:100%;justify-content:flex-start;padding:30px 0 0 10vw;order:4;}
.footerinfo p {flex:0 0 345px;width:345px;line-height:21px;}
.footernav, .footernav:nth-of-type(3) {flex:1 1 100%;width:100%;padding:0;}
#fnav1 {order:1;}
#fnav2 {order:2;}
#fnav1 ul, #fnav1 ul ul {text-align:left;border-top:1px solid #fff;}
.footernav ul  {text-align:left;}
.footernav li a:link, .footernav li a:visited {display:block;width:100%;border-bottom:1px solid #fff;padding:0 0 0 10vw;font-size:24px;line-height:58px;}
footer .lang {text-align:left;border-bottom:1px solid #fff;padding:0 0 0 10vw;}
footer .lang a:link, footer .lang a:visited {font-size:24px;}
#footerbuttons {display:block;position:absolute;bottom:330px;right:0;z-index:999;}
#footerbuttons a:link, #footerbuttons a:visited {display:flex;justify-content:center;align-items:center;margin:0 0 16px 0;width:45px;height:45px;font-size:28px;line-height:28px;color:#fff;text-decoration:none;background:#0F8583;}
#footerbuttons a:focus, #footerbuttons a:hover, #footerbuttons a:active {background:#D27864;}
#footerbuttons i {margin-right:-10px;}
#stern {display:block;position:absolute;width:400px;height:auto;right:-60px;bottom:-100px;opacity:0.5;}
#stern img {max-width:100%;width:auto;height:auto;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1260px) {
.js #menu {display:none;}
.slicknav_menu {display:block;}
.mobile_not {display:none;}
.mobile_extra {display:block;padding: 60px 25px 0 35px;background:#E0EFEE;}
header {position:relative;display:flex;justify-content:center;align-items:center;height:204px;}
#logo {position:relative;width:646px;height:89px;margin:0 auto;padding:0;left:0;top:0;}
#logo img {width:646px;height:89px;}
nav {display:none;}
#container_form {margin:20px 0 0 0;}
#contentframe {margin:0;}
#headerimg {margin:20px 0 0 0;}
#headerimg p:nth-of-type(1) {display:none;}
#headerimg p:nth-of-type(2) {display:block;}
#headerimg br {display:none;}
#headerimg_title {position:static;width:100%;padding:30px 5vw 30px;}
#headerimg h1 {font-size:30px;line-height:35px;color:#0F8583;}
nav ul li {padding:0 12px;}
.lang {padding:0 0 0 12px;}
.colframe {flex-wrap:wrap;justify-content:center;}
.col {padding:40px 25px 40px 35px;}
.col_head {padding:40px 25px 40px 35px;background:#E0EFEE;}
section .col_head h3, section .col_head_m h3 {font-size:35px;line-height:42px;}
#container_form .col:nth-child(1) {padding:0 25px 40px 35px;order:2;}
#container_form .col:nth-child(2) {padding:40px 25px 20px 35px;order:1;}
section .zitat {padding: 55px 30px 80px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1080px) {
html body {font-size:17px;line-height:21px;}
section .col img:nth-child(1) {display:none;}
section .col img:nth-child(2) {display:block;}
section p {margin: 0 0 21px 0;line-height:21px;}
section h1 {font-size:30px;line-height:36px;padding:0 0 36px 0;}
section h2 {font-size:17px;line-height:21px;padding:0 0 21px 0;}
section h3 {font-size:17px;line-height:21px;padding:0 0 21px 0;}
section .col h3 {font-size:30px;line-height:35px;padding:0 0 35px 0;}
section p + h3 {display:block;padding: 28px 0 20px 0;}
section ul {margin:0 0 21px 0;}
section ul li {background-position:0 2px;}
section ul.check li  {padding:0 0 0 55px;margin:0 0 22px 0;list-style:none;background:url(../images/check-gruen.svg) no-repeat;background-position:0 0;background-size:30px;line-height:25px;height:32px;}
section ul.menu-top {margin:0 0 21px 22px;} /* error page */
/*section h2.bitter_35 {font-size:30px;line-height:30px;padding:0 0 21px 0;}*/
section h2.bitter_50 {font-size:30px;line-height:30px;padding:0 0 40px 0;}
section h2.bitter_70 {font-size:45px;line-height:45px;padding:0 0 30px 0;}
section .zitat p {font-size:30px;line-height:35px;}
section .zitat p:last-child {font-size:17px;line-height:21px;letter-spacing:3.5px;}
section .col_head h3, section .col_head_m h3 {font-size:21px;line-height:26px;}

.teamframe {width:100%;padding:0 20vw 35px;display:block;}
.teamitem {max-width:100%;padding:0 0 60px 0;}
.teamitem img {max-width:100%;width:auto;}
.teampic {max-width:400px;width:100%;margin:0 auto 28px;}

section a.btnlink:link, section a.btnlink:visited {font-size:17px;line-height:21px;letter-spacing:3px;padding:45px;}
#footerlogo_m img {left:0;}
.footerinfo {padding:30px 0 0 35px;flex-direction:column;}
.footerinfo p {flex:1 1 100%;width:100%;line-height:21px;}
.footernav li a:link, .footernav li a:visited {padding:0 0 0 35px;}
#footerbuttons {bottom:305px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 800px) {
.teamframe {padding: 0 25px 35px 35px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 680px) {
header {height:100px !important;}
#logo {width:calc(100% - 40px);height:14vw;margin:0 20px;box-sizing:border-box;}
#logo img {width:100%;height:auto;}
.slicknav_btn, .slicknav_nav {top:120px;}
/*.price {display:block;float:none;}*/
#footerlogo_m {height:18vw;}
#footerlogo_m img {max-width:100%;width:100%;top:30%;}
.footernav li a:link, .footernav li a:visited {padding:0 0 0 35px;}
footer .lang {padding:0 0 0 35px;}
}