/**
 *  @template       perfectholding.de print.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
 */

/**
 *  @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:rekative;}
#logo {width:646px;height:91px;position:relative;top:60px;left:80px;line-height:0;}
#logo img {width:646px;height:89px;}
/*#logo img {max-width:100%;width:auto;height:auto;position:absolute;top:0;left:0;}*/
#logo img:nth-child(2) {opacity:0}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav, .lang {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT FRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:100%;z-index:9;margin:20px 0 0 0;background:#fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headerbilder ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headerimg {width:100%;position:relative;}
#headerimg img {line-height:0;width:100%;height:auto;}
#headerimg p {line-height:0;margin:0;padding:0;}
#headerimg p:nth-of-type(2) {display:none;}
#headerimg_title {position:static;width:100%;padding:30px 5vw 30px;}
#headerimg h1 {font-family:'bitter-italic',serif;font-size:36px;line-height:40px;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, .colframe_50 {display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;}
.col, 
section#row1 .col:nth-of-type(1), section#row1 .col:nth-of-type(2),
section#row2 .col:nth-of-type(1), section#row2 .col:nth-of-type(2),
section#row3 .col:nth-of-type(1), section#row3 .col:nth-of-type(2),
section#row4 .col:nth-of-type(1), section#row4 .col:nth-of-type(2),
section#row5 .col:nth-of-type(1), section#row5 .col:nth-of-type(2),
section#row6 .col:nth-of-type(1), section#row6 .col:nth-of-type(2),
section#row7 .col:nth-of-type(1), section#row7 .col:nth-of-type(2),
section#row8 .col:nth-of-type(1), section#row8 .col:nth-of-type(2),
section#row9 .col:nth-of-type(1), section#row9 .col:nth-of-type(2),
section#row10 .col:nth-of-type(1), section#row10 .col:nth-of-type(2),
section#row11 .col:nth-of-type(1), section#row11 .col:nth-of-type(2),
section#row12 .col:nth-of-type(1), section#row12 .col:nth-of-type(2),
section#row13 .col:nth-of-type(1), section#row13 .col:nth-of-type(2),
section#row2 .colframe_50 .col:nth-of-type(1), section#row2 .colframe_50 .col:nth-of-type(2) {flex:1 1 100%;width:100%;max-width:100% !important;padding:50px 20px !important;}
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 42px 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;}
p.btn_50, section a.btnlink, .btn_frame, .pricetag, .buchen_btn {display:none;}
.paket_lean {width:100%;-webkit-filter:none;filter:none;}
.mobile_extra {display:block;}
.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:100%;margin:0;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;}
.teampiclong img {opacity:1;transition:0s 180s;}
.teampiclong img:nth-child(2) {position:absolute;opacity:0;transition:0s 180s;}
.teampiclong {transition:0s 180s;}
.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%;}
#footerframe {width:100%;display:flex;justify-content:center;flex-wrap:wrap;padding:90px 0 0 0;}
.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, #footerbuttons, #stern {display:none;}

#footerlogo {display:none;}
#footerlogo_m {display:none;}
.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;}
#footerbuttons {display:none;}

.move-up {display:none;}
#menu, .slicknav_menu {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TOGGLE ~~~~~~~~~~~~~~~~~~~~~~ */
.togglebox {width:100%;cursor:pointer;position:relative;}
.togglebox + .togglebox {margin:40px 0 80px 60px;}
.togglecontent {display:block !important;width:100%;}
.togglebox.visible .togglecontent {display:block;}
.ui.accordion .accordion:not(details) .title ~ .content:not(.active), .ui.accordion:not(details) .title ~ .content:not(.active) {display:block !important;}
section#row9 p.btn_50, section#row10 p.btn_50 {padding:50px 0 0;}
section#row10 {text-align:center;padding:95px 35vw;margin:0 0 120px;position:relative;}
section#row10 p, section#row10 ul {font-size:24px;line-height:30px;z-index:99;position:relative;}
section#row10 ul {list-style:none;margin:20px 0 35px 0;}
section#row10 ul li {padding:0 0 65px;list-style:none;background:transparent;}
section#row10 li:before {display:block;color:#fff;text-align:center;background:#0F8583;width:50px;height:50px;border-radius:50%;font-size:30px;line-height:46px;margin:0 auto 45px auto;font-family:'assistant-bold',sans-serif;font-weight:normal;}
section#row10 li:nth-child(1):before {content:'1';}
section#row10 li:nth-child(2):before {content:'2';}
section#row10 li:nth-child(3):before {content:'3';}
section#row10 li:nth-child(4):before {content:'4';}
section#row10 a.btnlink:link, section#row10 a.btnlink:visited {display:block;margin:0 auto;width:100%;color:#fff;background:#D27864;font-size:22px;line-height:25px;padding:50px;text-align:center;text-transform:uppercase;letter-spacing:5px;}
section#row10 a.btnlink:focus, section#row10 a.btnlink:hover, section#row10 a.btnlink:active {background:#0F8583;color:#fff;}
#star_1 {position:absolute;top:-50px;left:-100px;z-index:9;opacity:0.6;} 
#star_2 {position:absolute;bottom:20%;right:-60px;z-index:9;opacity:0.6;} 
#star_1 img, #star_2 img {max-width:705px;width:30vw;height:auto;}

