::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #212529; }
::-webkit-scrollbar-thumb { background: #343a40; }
::-webkit-scrollbar-thumb:hover { background: #343a40; } .mt-20 { margin-top: 20px; }
.mr-20 { margin-right: 20px; }
.ml-20 { margin-left: 20px; }
.mb-20 { margin-bottom: 20px; }
.mt-40 { margin-top: 40px; }
.mr-40 { margin-right: 40px; }
.ml-40 { margin-left: 40px; }
.mb-40 { margin-bottom: 40px; }
.pt-20 { padding-top: 20px; }
.pr-20 { padding-right: 20px; }
.pl-20 { padding-left: 20px; }
.pb-20 { padding-bottom: 20px; }
.pt-40 { padding-top: 40px; }
.pr-40 { padding-right: 40px; }
.pl-40 { padding-left: 40px; }
.pb-40 { padding-bottom: 40px; }
@media(max-width: 800px) {
.m-mt-0 { margin-top: 0px !important; }
.m-mt-20 { margin-top: 20px !important; }
.m-mt-40 { margin-top: 40px !important; }
.m-mt-60 { margin-top: 60px !important; }
.m-mt-80 { margin-top: 80px !important; }
.m-mb-0 { margin-bottom: 0px !important; }
.m-mb-20 { margin-bottom: 20px !important; }
.m-mb-40 { margin-bottom: 40px !important; }
.m-mb-60 { margin-bottom: 60px !important; }
.m-mb-80 { margin-bottom: 80px !important; }
.m-pt-0 { padding-top: 0px !important; }
.m-pt-20 { padding-top: 20px !important; }
.m-pt-40 { padding-top: 40px !important; }
.m-pt-60 { padding-top: 60px !important; }
.m-pt-80 { padding-top: 80px !important; }
.m-pb-0 { padding-bottom: 0px !important; }
.m-pb-20 { padding-bottom: 20px !important; }
.m-pb-40 { padding-bottom: 40px !important; }
.m-pb-60 { padding-bottom: 60px !important; }
.m-pb-80 { padding-bottom: 80px !important; }
} .color-light,
.color-light p, 
.color-light h1,
.color-light h2,
.color-light h3,
.color-light h4,
.color-light h5,
.color-light h6,
.color-light span {
color: #fff
}
.color-light a {
color: #fff !important;
}
.color-light .wpcf7-captchar, 
.color-light .wpcf7-form .wpcf7-date, 
.color-light .wpcf7-form .wpcf7-number, 
.color-light .wpcf7-form .wpcf7-quiz, 
.color-light .wpcf7-form .wpcf7-select, 
.color-light .wpcf7-form .wpcf7-text,
.color-light .wpcf7-form .wpcf7-textarea,
.color-light .wpcf7-form a, 
.color-light .wpcf7-form a:hover {
background-color: #333;
color: #fff;
}
.full-height {
min-height: 100vh;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
min-width: 28px;
}
.text-smaller {
font-size: 0.75em !important;
line-height: 0.75em !important;
}
.fusion-title strong {
font-weight: 600;
}
.fusion-title > .title-heading-tag {
line-height: 1.4 !important;
} @media (max-width: 800px) {
.reponsive-table, 
.reponsive-table thead, 
.reponsive-table tbody, 
.reponsive-table tr, 
.reponsive-table th, 
.reponsive-table td {
display: block;
}
.reponsive-table {
text-align: right;
}
.reponsive-table thead {
position: absolute;
top: -1111px;
left: -1111px;
}
.reponsive-table td,
.reponsive-table th {
white-space: inherit !important;
}
.reponsive-table td:nth-child(1) {
font-weight: bold;
}
.reponsive-table td:last-child {
border-bottom: 4px #ccc solid;
}
} #wrapper #main {
background-color: #000;
}
body.single-post #main .fusion-fullwidth {
margin-left: -30px;
margin-right: -30px; 
}
@media (max-width: 1200px) {
body.single-post #main .fusion-fullwidth {
padding-right: 30px;
padding-left: 30px; 
} 
}
body.single-post #main .fusion-row {
max-width: 100%; 
}
body.single-post #main #content {
margin-bottom: 0px; 
}
body.single-post article.post > .fusion-meta-info {
display: none; 
}
#wrapper .fusion-section-separator {
margin-bottom: -1px; }
#wrapper .fullwidth .fusion-row {
max-width: 100% !important; 
}
#wrapper .fusion-section-separator-svg {
width: 110vw;
left: 50%;
transform: translateX(-50%); 
}
.fusion-text.popup .contact-popup.active p {
position: relative;
top:30%;
}
@media (max-width: 800px) {
#wrapper .fusion-section-separator-svg {
width: 200vw; 
}
} #wrapper .fusion-logo {
position: absolute;
left: 30px;
}
#wrapper .fusion-logo a {
max-width: 148px;
}
@media(max-width: 800px) {
#wrapper .fusion-logo {
left: 0px;
}
#wrapper .fusion-logo a {
max-width: 86px;
}
} .fusion-header > .fusion-row {
display: flex;
justify-content: center;
}
#wrapper .fusion-header-wrapper .fusion-header {
top: -200px !important;
transition: top 0.5s; 
}
#wrapper .fusion-header-wrapper.active .fusion-header {
top: 0px !important; 
}
.fusion-main-menu ul.fusion-menu > .menu-item:after {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #fff;
position: absolute;
font-size: 12px;
top: calc(50% - 6px);
right: calc(40px - 7px);
}
.fusion-main-menu ul.fusion-menu > .menu-item:last-child:after {
display: none;
}
.fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left .fusion-open-submenu {
padding-right: 0px !important;
}
@media(max-width: 800px) {
.fusion-header > .fusion-row {
display: block;
}
}
@media(max-width: 1200px) {
.fusion-main-menu ul.fusion-menu > .menu-item:after {
display:none!important;
}
.fusion-main-menu>ul>li {
padding-right: 35px!important;
}
}
@media(max-width: 1080px) {
.fusion-mobile-menu-design-modern .fusion-header>.fusion-row {
padding-left: 140px!important;
}
}
@media(max-width: 930px) {
.fusion-mobile-menu-design-modern .fusion-header>.fusion-row {
padding-left: 200px!important;
}
.fusion-main-menu>ul>li>a {
font-size: 18px!important;
}
}
@media(max-width: 850px) {
.fusion-main-menu>ul>li>a {
font-size: 17px!important;
}
.fusion-mobile-menu-design-modern .fusion-header>.fusion-row {
padding-left: 180px!important;
}
}
@media(max-width: 800px) {
.fusion-mobile-menu-design-modern .fusion-header>.fusion-row {
padding-left: 0px!important;
}
}
@supports (-webkit-touch-callout: none) {
.fusion-main-menu ul.fusion-menu > .menu-item:after {
display:none!important;
}
}  #additional-navigation {
position: fixed;
right: 30px;
top: 30px;
z-index: 999;
transform: translateY(-120vh);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
transform 0.5s ease-in-out,
opacity 0.25s ease-in-out,
visibility 0s linear 0.5s;
}
#additional-navigation.active {
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
transition:
transform 0.5s ease-in-out,
opacity 0.25s ease-in-out,
visibility 0s;
}
#additional-navigation .toolbar {
position: absolute;
right: 20px;
top: 140px;
display: flex;
flex-direction: column;
align-items: flex-end;
} #additional-navigation .toolbar .toolbar-icon {
width: 60px;
height: 60px;
border: 2px solid #fff;
background-color: rgba(0,0,0,0.45); 
color: #fff;
text-align: left; 
margin-bottom: 10px;
position: relative;
overflow: hidden; 
white-space: nowrap;
cursor: pointer;
transition: width 0.4s ease-in-out, background-color 0.3s;
} #additional-navigation .toolbar .toolbar-icon i {
width: 60px;
height: 60px;
line-height: 58px;
text-align: center;
font-size: 24px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
} #additional-navigation .toolbar .toolbar-icon .content {
position: absolute;
top: 0;
left: 60px;
height: 60px;
line-height: 58px; 
padding-right: 15px;
font-size: 18px; 
font-weight: 600;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
} #additional-navigation .toolbar .toolbar-icon:hover .content,
#additional-navigation .toolbar .toolbar-icon.unfolded .content {
opacity: 1;
visibility: visible;
transition: opacity 0.4s ease-in-out, visibility 0s linear 0s;
} #additional-navigation .toolbar .toolbar-icon.booking:hover,
#additional-navigation .toolbar .toolbar-icon.booking.unfolded,
#additional-navigation .toolbar .toolbar-icon.emergency:hover,
#additional-navigation .toolbar .toolbar-icon.emergency.unfolded,
#additional-navigation .toolbar .toolbar-icon.email:hover {
background-color: #98c21d;
} #additional-navigation .toolbar .toolbar-icon.booking:hover,
#additional-navigation .toolbar .toolbar-icon.booking.unfolded { 
width: 203px;
}
#additional-navigation .toolbar .toolbar-icon.emergency:hover,
#additional-navigation .toolbar .toolbar-icon.emergency.unfolded { 
width: 225px;
}
#additional-navigation .toolbar .toolbar-icon.email:hover { 
width: 415px;
} #additional-navigation .toolbar .toolbar-icon.contact-person:hover {
width: 220px;
height: auto;
overflow: visible;
background-color: rgba(0,0,0,0.85);
}
#additional-navigation .toolbar .toolbar-icon.contact-person .content {
position: static;
height: auto;
line-height: 1.4;
padding: 15px;
opacity: 1;
visibility: visible;
display: none;
transition: none;
font-weight: normal;
}
#additional-navigation .toolbar .toolbar-icon.contact-person:hover .content {
display: block;
}
#additional-navigation .toolbar .toolbar-icon.contact-person:hover i {
display: none;
} #additional-navigation .toolbar .toolbar-icon.facebook:hover,
#additional-navigation .toolbar .toolbar-icon.instagram:hover,
#additional-navigation .toolbar .toolbar-icon.youtube:hover {
background-color: #98c21d;
}
#additional-navigation .toolbar .toolbar-icon.facebook:hover {
width: 175px;
}
#additional-navigation .toolbar .toolbar-icon.instagram:hover {
width: 185px;
}
#additional-navigation .toolbar .toolbar-icon.youtube:hover {
width: 165px;
} @media(max-width: 800px) {
#additional-navigation {
right: 10px;
top: -300px;
}
#additional-navigation.active {
top: 14px;
}
#additional-navigation .toolbar { 
top: 80px; 
}
#additional-navigation .toolbar .toolbar-icon {
width: 45px;
height: 45px;
}
#additional-navigation .toolbar .toolbar-icon i {
width: 45px;
height: 45px;
line-height: 43px;
font-size: 20px;
} #additional-navigation .toolbar .toolbar-icon .content {
left: 45px;
height: 45px;
line-height: 43px;
font-size: 14px;
opacity: 0;
visibility: hidden;
} #additional-navigation .toolbar .toolbar-icon:hover .content,
#additional-navigation .toolbar .toolbar-icon.unfolded .content {
opacity: 1;
visibility: visible;
} #additional-navigation .toolbar .toolbar-icon.booking:hover,
#additional-navigation .toolbar .toolbar-icon.booking.unfolded { 
width: 170px; 
}
#additional-navigation .toolbar .toolbar-icon.emergency:hover,
#additional-navigation .toolbar .toolbar-icon.emergency.unfolded { 
width: 190px; 
}
#additional-navigation .toolbar .toolbar-icon.email:hover { 
width: 280px; 
} #additional-navigation .toolbar .toolbar-icon.booking:hover,
#additional-navigation .toolbar .toolbar-icon.booking.unfolded,
#additional-navigation .toolbar .toolbar-icon.emergency:hover,
#additional-navigation .toolbar .toolbar-icon.emergency.unfolded,
#additional-navigation .toolbar .toolbar-icon.email:hover {
background-color: #98c21d;
}
#additional-navigation .toolbar .toolbar-icon.facebook:hover {
width: 150px;
}
#additional-navigation .toolbar .toolbar-icon.instagram:hover {
width: 160px;
}
#additional-navigation .toolbar .toolbar-icon.youtube:hover {
width: 145px;
}
#additional-navigation .toolbar .toolbar-icon.facebook:hover,
#additional-navigation .toolbar .toolbar-icon.instagram:hover,
#additional-navigation .toolbar .toolbar-icon.youtube:hover {
background-color: #98c21d;
}
}
} .teaserbox > .fusion-column-wrapper,
.teaserbox .opener {
position: relative;
} .teaserbox:hover .opener i:before {
content: "\f068";
}
.teaserbox .opener i {
width: 40px;
height: 40px;
background-color: green;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 21px;
top: -40px;
position: absolute;
z-index: 99;
right: 0px;
}
.teaserbox .popup {
background-color: rgba(0,0,0,0.75);
position: absolute;
top: 0px;
left: 0px;
padding: 15px 15px 65px 15px;
height: 100%;
width: 100%;
z-index: 9;
display: none;
}
.teaserbox .popup.active {
display: block;
}
@media(max-width: 1300px) {
#wrapper .teaserbox h2 {
font-size: 18px !important;
}
}
@media(max-width: 800px) {
#wrapper .teaserbox h2 {
font-size: 15px !important;
}
}
@media(max-width: 640px) {
#wrapper .teaserbox h2 {
font-size: 18px !important;
}
} #wrapper .fusion-post-grid .fusion-post-wrapper {
border: 2px solid #000000 !important;
border-bottom-width: 2px !important;
}
#wrapper .fusion-blog-shortcode .fusion-read-more {
font-weight: bold;
font-size: 16px;
}
#wrapper .fusion-blog-shortcode .fusion-read-more:after {
right: -20px;
font-size: 21px;
}
#wrapper .fusion-post-wrapper h2.blog-shortcode-post-title.entry-title,
#wrapper .fusion-post-wrapper h2.blog-shortcode-post-title.entry-title a {
font-weight: 600;
color: #2a732e;
} .single-contact-output {
width : 100%;
float : left;
margin: 10px;
background-color: #98c21d;
padding: 20px;
border: 2px solid white;
text-align: left;
}
.single-contact-output .contact-output-info {
color: white;
padding-bottom: 20px;
padding-right: 20px;
}
.single-contact-output .contact-output-info a {
color: white!important;
}
.single-contact-output .contact-output-info a:hover {
opacity: 0.75;;
}
.contact-output {
width : 31%;
float : left;
margin: 10px;
background-color: #98c21d;
padding: 20px;
border: 2px solid white;
text-align: left;
color: #fff;
}
.contact-output-img {
width : 100%;
margin: 0 auto;
}
.contact-output-img img {
border-radius: 0px;
}
.contact-output-name {
text-align :left;
}
.contact-output-name h4 {
color: white!important;
margin-top : 10px;
margin-bottom : 5px;
}
.contact-output a,
.contact-output a:hover {
color: #fff;
}
@media(max-width: 1020px) {
.contact-output {
width: 45%;
}
}
@media(max-width: 550px) {
.contact-output {
width: 90%;
}
}  .job_offer_output {
border : 2px solid #fff;
padding : 30px;
margin-bottom : 20px;
width: 100%;
float: left;
position:relative;
} .job_offer_output_bottom {
color: #fff;
}
.job_offer_output h3 {
margin: 0px 0px 10px 0px !important;
color: #fff !important;
}
@media(max-width: 900px) {
.job_offer_output {
width:100%!important;
margin-right : 0px;
}
}
.job_offer-template-default #wrapper #main {
padding:0px!important;
}
.job_offer-template-default .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start {
max-width: 1248px!important;
}
.job_offer-template-default #main .fusion-row {
max-width:none;
}
@media(max-width: 1250px) {
.job_offer-template-default.fusion-body .fusion-flex-container {
padding-left:20px!important;
padding-right:20px!important;
}
} ul.fusion-checklist.service_checklist {
color:#000!important;
}
.job_contact_output .single-contact-output {
border:none!important;
padding:0px!important;
margin:0px!important;
}
.service_area_permalink {
color: #2a732e!important;
padding: 13px 29px;
line-height: 17px;
font-size: 16px;
border : 2px solid #2a732e;
width: fit-content;
display: inline-block;
margin-bottom: 10px;
margin-right: 5px;
}
.service_area_permalink:hover {
background-color: #2a732e;
color: #fff!important;
}
@media(max-width: 850px) {
.fusion-flex-container.column-border-mobile  .fusion-row .fusion-layout-column.fusion-flex-column {
width: 100%!important;
}
.fusion-layout-column.fusion-flex-column.column-border {
border-left: none!important;
border-right: none!important;
}
}
.fusion-layout-column.fusion-flex-column.column-border {
border-left: 2px solid #2a732e;
border-right: 2px solid #2a732e;
}
.container-light,
.container-light a, 
.container-light a:hover {
color: white;
}
.post {
margin-bottom: 0px!important;
} #wrapper .fusion-image-carousel {
margin-bottom: 18px
}
#wrapper .fusion-carousel .fusion-carousel-wrapper {
padding: 0;
} form div[class*="col-"] {
margin-bottom: 20px;
}
.button-right {
float: right!important;
} .page-header:before {
content: '';
position: absolute;
height: 200px;
top: -50px;
left: 0px;
width: 100%;
z-index: 9;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
} .video-fixed-height-800 .fullwidth-video video {
max-height: 800px !important;
}
@media(max-width: 800px) {
.video-fixed-height-800 .fullwidth-video video {
max-height: 600px !important;
}
}
@media(max-width: 640px) {
.video-fixed-height-800 .fullwidth-video video {
max-height: 260px !important;
}
} .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
width: 100% !important;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
opacity: 0 !important;
}
.shortcode-map.fusion-google-map {
background-color: #f2f2f2;
}
.shortcode-map.fusion-google-map:after {
content: 'Klicken um das Laden der Google Map zu erlauben.';
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.shortcode-map.fusion-google-map.loaded:after {
display: none !important;
} .fusion-footer .fab.fa-facebook {
font-size: 32px;
margin-top: 10px;
} @media(max-width: 800px) {
.error404 .fusion-header {
background-color: #000 !important;
}
}