/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2025 Philipp Kolbeck
 * Parsed: 03.02.2025 14:52:17 - Rendertime: 0,0085sec.
 */

@font-face { font-family: 'Museo Sans'; font-style: normal; font-weight: 300; src: url(../sys/fnt/museo-sans/museo-sans.300.woff2) format('woff2'); }
@font-face { font-family: 'Museo Sans'; font-style: normal; font-weight: 700; src: url(../sys/fnt/museo-sans/museo-sans.700.woff2) format('woff2'); }
@font-face { font-family: 'Museo Sans'; font-style: normal; font-weight: 900; src: url(../sys/fnt/museo-sans/museo-sans.900.woff2) format('woff2'); }
body { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: normal; color: #313D49; }
h1, h2 { font-weight: 300; position: relative; display: block; width: fit-content !important; }
@media (max-width: 991.98px) {
h1.text-center, h2.text-center { max-width: 77%; } }
h1.strong, h2.strong, strong { font-weight: 700 !important; }
h1 { font-size: 57px; line-height: 68px; }
h1:before, h2:before { position: absolute; margin: 0; padding: 0; left: -32px; top: -30px; z-index: 999; }
h1:before { content: url('../img/corner.dark.ol.svg'); }
h1:after { content: url('../img/corner.dark.ur.svg'); position: absolute; display: block; width: 35px; height: 32px; right: -32px; bottom: -10px; z-index: 999; }
h1.h1neg:before { content: url('../img/corner.white.ol.svg'); }
h1.h1neg:after { content: url('../img/corner.white.ur.svg'); }
h1.h1neg { color: white; }
h1.h1grey { color: #313D49; }
span.green-dot { display: inline-block; height: 18px; width: 18px; background-color: #afcb27; border-radius: 50%; margin-left: 5px; }
.bg-lightgreen span.green-dot { background-color: #ffffff; }
h2 { font-size: 38px; line-height: 50px; }
h2:before { content: url('../img/corner.green.ol.svg'); }
h3 { font-size: 32px; line-height: 45px; font-weight: 700; }
h4 { font-size: 24px; line-height: 30px; font-weight: 900; }
@media (min-width: 768px) and (max-width: 991.98px) {
h1 { font-size: 50px; line-height: 60px; }
h2 { font-size: 32px; }
h3 { font-size: 26px; line-height: 37px; }
h4 { font-size: 22px; line-height: 30px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
h1 { font-size: 35px; line-height: 40px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; line-height: 34px; }
h4 { font-size: 18px !important; line-height: 24px !important; } }
@media (max-width: 575.98px) {
h1 { font-size: 28px; line-height: 34px; }
h2 { font-size: 22px; line-height: 30px; }
h3 { font-size: 22px !important; line-height: 30px !important; }
h4 { font-size: 18px !important; line-height: 24px !important; }
span.green-dot { height: 10px; width: 10px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
h1, h2 { margin-left: 24px; margin-right: 24px; } }
@media (max-width: 767.98px) {
h1, h2 { margin-left: 40px; margin-right: 40px; } }
p { font-size: 16px; line-height: 30px; }
@media (max-width: 767.98px) {
p { font-size: 14px; } }
.extra-bold { font-weight: 900; }
.block .display, .block .display * { font-size: 42px; line-height: 50px; font-weight: 300; }
.block .style-extra * { font-size: 28px; line-height: 80px; font-weight: 300; }
@media (max-width: 991.98px) {
.block .display,.block .display * { font-size: 28px; line-height: 33px; }
.block .style-extra * { font-size: 18px !important; line-height: 44px !important; } }
.fs-14 { font-size: 14px; }
.minw-20 { min-width: 20px; }
.minw-30 { min-width: 30px; }
* { font-family: "Museo Sans"; }
.bg-darkgrey { background-color: #2B2B2B; color: #FFF; }
.bg-lightgrey { background-color: #EDEDED; color: #000; }
.bg-white { background-color: #FFF; color: #000; }
.minh-100cvh { min-height: calc(100vh - 98px); }
.h-100cvh { height: calc(100vh - 98px); }
@media (max-width: 991.98px) {
.minh-100cvh { min-height: calc(100vh - 70px); }
.h-100cvh { height: calc(100vh - 70px); } }
@media (min-width: 992px) {
.minh-md-100cvh { min-height: calc(100vh - 98px); }
.h-md-100cvh { height: calc(100vh - 98px); } }
@media (min-width: 768px) and (max-width: 991.98px) {
.minh-md-100cvh { min-height: calc(100vh - 70px); }
.h-md-100cvh { height: calc(100vh - 70px); } }
@media (max-width: 575.98px) {
.container-fluid>.container { padding-left: 0; padding-right: 0; } }
:is(.container-fluid, .container) .row>*>*:last-of-type { margin-bottom: 0; }
.row::before { content: 'ACHTUNG: \'.row\' benoetigt einen .container[-fluid] als parent!'; background-color: #F00; padding: 10px; display: block; width: 100%; }
:is(.container-fluid, .container)>.row::before { background-color: unset; display: unset; padding: unset; content: unset; width: unset; }
nav.main { background-color: #FFF; height: 70px; }
nav#nav { background-color: #FFF; border-bottom: #313D49 1px solid; }
.navbar-mobile-show #nav.navbar-dark { background-color: #AFCA26; }
img.logo-pos { position: absolute; opacity: 1; transition: opacity 0.3s; }
.navbar-mobile-show img.logo-pos { opacity: 0; }
.navbar-contact-text:before { content: url(../img/ico.contact.svg); }
.navbar-mobile-show .navbar-contact-text:before { content: url(../img/ico.contact.neg.svg); }
@media (max-width: 575.98px) {
a.navbar-brand img { max-width: 122px; } }
.navbar-contact { text-decoration: none; font-size: 18px; font-weight: 700; color: #313D49; }
.navbar-contact:hover { color: #AFCA26; }
nav.main+main { margin-top: 70px; }
@media (min-width: 992px) {
nav.main { height: 98px; }
nav.main+main { margin-top: 98px; } }
nav.main .container { background-color: #FFF; }
nav.main .navbar-brand { background-image: url('../img/top.logo.svg'); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 160px; height: 45px; margin-top: 2px; margin-top: 12px; }
@media (min-width: 992px) {
nav.main .navbar-brand { background-image: url('../img/top.logo.svg'); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 220px; height: 65px; } }
nav.main .navbar-toggler { margin-top: 16px; }
nav.main .navbar-collapse.collapsing,
nav.main .navbar-collapse.show { box-shadow: 40vw 0 0 #FFF,
    -40vw 0 0 #FFF,
    0 0 0 #FFF; }
nav.main ul.navbar-nav { margin-top: 20px; }
@media (min-width: 992px) {
nav.main ul.navbar-nav { margin-top: 50px; } }
@media (min-width: 1400px) {
nav.main ul.navbar-nav li:not(:first-of-type) { margin-left: 160px; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
nav.main ul.navbar-nav li:not(:first-of-type) { margin-left: 120px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
nav.main ul.navbar-nav li:not(:first-of-type) { margin-left: 70px; } }
nav.main .nav-item a { text-transform: uppercase; font-size: 18px; }
nav .toggler { width: 46px; height: 30px; position: relative; z-index: 1150; cursor: pointer; margin-left: 20px; }
nav .toggler span { position: absolute; top: calc(50% - 2px); left: 0; width: 100%; height: 4px; background-color: #000; border-radius: 2px; transition: left 0.2s; }
nav .toggler:hover span { left: 10px; }
nav .toggler::before { content: ''; position: absolute; top: 0; left: 0%; width: 100%; height: 4px; background-color: #000; border-radius: 2px; }
nav .toggler::after { content: ''; position: absolute; bottom: 0; left: 0%; width: 100%; height: 4px; background-color: #000; border-radius: 2px; }
.navbar-mobile-show nav .toggler::before { transform: rotate(45deg); animation: none; left: 5%; width: 90%; top: 14px; height: 5px; transition: 200ms; }
.navbar-mobile-show nav .toggler::after { transform: rotate(-45deg); animation: none; left: 5%; width: 90%; top: 14px; height: 5px; transition: 200ms; }
.navbar-mobile-show nav .toggler>span { opacity: 0; transition-delay: 0s; }
nav .toggler::before,
nav .toggler::before,
nav .toggler>span { transition: 200ms; }
nav .toggler>span { transition-delay: 50ms; }
@media (max-width: 992px) and (orientation: portrait) {
body.navbar-mobile-show { } }
#navbar_main { position: fixed; width: 100%; height: 100%; z-index: 99999; background-color: #AFCA26; display: none; opacity: 0; transition: all 500ms; }
#navbar_main.show { display: block; opacity: 1; }
.menu-active>a:before, .arrow-white-right>a:after { display: inline-block; margin-left: 10px; margin-right: 10px; height: 23px; width: 59px; background-position: center; background-repeat: no-repeat; background-size: cover; }
@media screen ((min-width: 992px)){
.arrow-white-left a:before, .arrow-white-right>a:after { display: none; } }
#menu-hauptmenu { margin-top: 30px; }
nav#navbar_main ul li a { display: block; padding: 10px 15px; color: #fff; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; font-size: 42px; font-weight: 700; width: fit-content; }
nav#navbar_main ul li a .fa { width: 16px; text-align: center; margin-right: 5px; float: right; }
nav#navbar_main ul li ul li a { padding: 10px 20px; Font-size: 32px; font-weight: 300; }
#navbar_main li { list-style: none; }
@media (max-width: 991.98px) {
#menu-hauptmenu:not(.all) > li.menu-item > a { display: none; }
#menu-hauptmenu > li.menu-item.menu-active > a { display: block; }
.menu-active>a:before { content: ""; display: inline-block; width: 25px; height: 25px; border-top: 4px solid #fff; border-left: 4px solid #fff; transform: rotate(-45deg); }
nav#navbar_main ul li a { font-size: 32px; }
nav#navbar_main ul li ul li a { font-size: 28px; line-height: 35px; } }
@media (min-width: 992px) {
.menu-active>a:after { content: ""; display: inline-block; width: 20px; height: 20px; border-top: 4px solid #fff; border-left: 4px solid #fff; transform: rotate(135deg); margin-left: 10px; }
.menu-active>a:hover:after { border-top: 4px solid #AFCA26; border-left: 4px solid #AFCA26; }
nav#navbar_main ul ul { position: absolute; left: 35%; top: 10%; min-width: 60%; }
nav#navbar_main ul li a:hover { background: #fff; color: #AFCA26; } }
footer { background-color: #313D49; color: white; font-size: 16px; padding-top: 26px; }
footer .nav-link { color: #fff; font-weight: 900; padding-left: 0; }
footer .nav-link:hover { color: #AFCA26; }
footer .dots { position: relative; }
@media (min-width: 768px) {
footer .dots:after { content: url('../img/points4x3.white.svg'); position: absolute; right: 0; top: -100px; overflow-x: hidden; } }
footer a { color: inherit; text-decoration: none; }
footer a:hover { color: #AFCA26; }
@media (max-width: 767.98px) {
footer p, footer a { text-align: center; } }
.block { padding-top: 120px; padding-bottom: 120px; padding-top: 80px; padding-bottom: 80px; font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: normal; color: #313D49; }
@media (max-width: 575.98px) {
.block { max-width: 100vw !important; } }
@media (max-width: 991.98px) {
.block { padding-top: 40px; padding-bottom: 40px; } }
.block strong { font-weight: 700; }
.c-white,
.c-white * { color: #FFF; }
.c-white a { color: #FFF; text-decoration: none; }
.c-white a:hover { text-decoration: underline; }
.bg-lightblue { background-color: #F0F1F2; }
.bg-lightgreen { background-color: #AFCA26; }
.block .accordion-button { background: linear-gradient(to right, #AFCA26 50%, #F0F1F2 50%); background-size: 200% 100%; background-position: right bottom; transition: all .4s ease-out; font-weight: 700; font-size: 24px; color: #313D49 !important; border: none !important; }
.block.bg-lightblue .accordion-button { background: linear-gradient(to right, #AFCA26 50%, white 50%); background-size: 200% 100%; background-position: right bottom; }
.block .accordion-button:focus { outline: 0; }
.block .accordion-button:hover { background-position: left bottom; }
.block .accordion-button:not(.collapsed) { background-position: left bottom; }
.block .accordion-button::after { background-image: url('../img/arrow_grey.svg'); background-size: 0.9rem; background-position: center; }
.block .accordion-button:not(.collapsed)::after { transition: rotate(180deg); -webkit-transform: rotate(180deg); }
.block .accordion-body, .block .accordion-collapse { background-color: white; border: none; }
.block .button-green, .block .button-grey { padding: 14px 30px; color: #FFF; text-decoration: none; font-weight: 900; border-radius: 30px; border: none; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); display: block; width: fit-content; }
.block .button-logo { font-weight: 900; text-decoration: none; color: #313D49; }
.block .button-logo:hover { color: #AFCA26; }
.block .button-logo img { margin-right: 10px; transition: transform 0.3s ease; }
.block .button-logo:hover img { transform: scale(1.1); }
.block .button-green { background-color: #AFCA26; }
.block .button-grey { background-color: #313D49; }
.block .button-green:hover, .block .button-grey:hover { box-shadow: none; }
.block .button-green:hover span { color: #313D49; }
.block .button-grey:hover span { color: #AFCA26; }
.block .imgcontent { background-image: url(../img/default-image.png); background-size: cover; background-position: center; height: 100%; width: 100%; }
.block mark { background-color: #AFCA26; }
.block .cta-link { font-size: 22px; font-weight: bold; color: #000; }
@media (max-width: 767.98px) {
.block .cta-link { font-size: 18px; } }
.block .cta-link:hover { text-decoration-style: double; }
.block .ratio-2x3 { --bs-aspect-ratio: 150%; }
.block .zaun div { background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 5px; }
.block .bg-img-cover { background-repeat: no-repeat; background-size: cover; background-position: center; }
.block .bg-img-contain { background-repeat: no-repeat; background-size: contain; background-position: center; }
.block .bg-dots-bottom { background-image: url(../img/points4x3.svg); background-repeat: no-repeat; background-position: center bottom -80px; }
@media (min-width: 768px) {
.block .zaun div:nth-child(even) { margin-top: 50px; } }
.block .green-dash { width: 6px; height: 42px; background-color: #AFCA26; border: none; }
.block ul li { list-style-type: none; }
.block ul.bullets li { list-style-type: disc; }
.block ul li:before { content: '-'; position: absolute; margin-left: -1rem; }
.block ul.green-dot-list li { font-size: 16px; line-height: 30px; }
.block ul.green-dot-list li::before { content: "\2022"; color: #AFCA26; display: inline-block; width: 1em; font-size: 25px; }
.block ul.green-check-list { padding-left: 1rem; }
.block ul.green-check-list li { font-size: 16px; padding-bottom: 40px; position: relative; padding-left: 2.5rem; }
.block ul.green-check-list li:before { content: url(../img/ico.bullet.green.check.svg); left: 0; top: -5px; }
.img-bg-platzhalter { background-image: url(../img/default-image.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; }
.block .img-bg-container { overflow: hidden; }
.block .img-bg-content { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; transition: all .3s; }
.block .img-bg-container:hover .img-bg-content { transform: scale(1.1); }
.block .corners { background-image: url(../img/corner.white.ol.svg), url(../img/corner.white.ur.svg); transition: all .3s; background-repeat: no-repeat; background-position: 10px 10px, calc(100% - 10px) calc(100% - 10px); }
.block .corners:hover { }
.block a.read-post { text-decoration: none; color: #313D49; font-weight: 700; display: flex; }
.block a.read-post span.green-hover { transition: all 0.4s; background: linear-gradient(to right, #AFCA26 50%, transparent 50%); background-size: 200% 100%; background-position: right bottom; }
.block a.read-post:hover span.green-hover { background-position: left bottom; }
.block a.read-post::after { content: url(../img/arrow.grey.right.svg); margin-left: 10px; }
.block .info-box { display: flex; flex-direction: column; align-content: center; background-image: url(../img/corner.dark.ol.svg),url(../img/corner.dark.ur.svg); background-repeat: no-repeat; background-position: top left, bottom right; width: 100%; justify-content: center; min-height: 140px; }
.style-extra a { color: inherit; text-decoration: none; }
.block .video { position: relative; }
.block .video .cover { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; }
.block .video .cover div { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-image: url(../img/icon.play.svg); background-repeat: no-repeat; background-position: center; background-size: 60px; transition: background-size 200ms; cursor: pointer; }
@media (min-width: 768px) {
.block1 { padding-bottom: 200px; }
.block1 h1 { margin-bottom: 3rem !important; } }
.block1 .imgcontent { background-image: url(/img/default-image.png); background-size: cover; background-position: center; height: 100%; min-height: clamp(200px, 36vw, 504px); margin: 5px; }
.block1 .dots-marker { height: clamp(166px, 16vw, 220px); margin: clamp(-110px, -8vw, -83px) auto; }
.block1 .dots-marker img { padding-left: clamp(6px, 11vw, 181px); }
@media (max-width: 767.98px) {
.block1 .dots-marker { height: clamp(112px, 8vw, 220px); margin: clamp(-110px, -8vw, -83px) auto; }
.block1 .dots-marker img { padding-left: 16vw; }
.block1 h1 { margin-bottom: 2rem !important; } }
.block2 { }
.block2.alt-html { background-color: transparent; }
.block2 .accordion-button:focus { outline: 0; border: none; box-shadow: none; }
.block3  .col-12.col-md-6.col-lg-4 { margin-bottom: 1.5rem; }
.block3 ul.choose-stripe { width: fit-content; display: inline-flex; padding-inline-start: 0px; flex-wrap: wrap; justify-content: center; }
.block3 .choose-stripe li { padding: 14px 66px; color: #313D49; font-weight: 900; border-radius: 30px; background-color: #F0F1F2; margin-left: -20px; margin-right: -20px; margin-bottom: 5px; }
.block3 .choose-stripe li:before { content: none; }
.block3 .choose-stripe li a { color: #313D49; text-decoration: none; }
.block3 .choose-stripe li.active { background-color: #AFCA26; color: #FFF; font-weight: 900; border-radius: 30px; z-index: 90; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); }
.block3 .choose-stripe li.active a { color: white; }
.block ul li:before { content: none; }
.block4 a.nav-link { text-align: center; font-size: 24px; font-weight: 900; color: #313D49; padding-left: 10%; padding-right: 10%; height: 100%; outline: none; border: none; border-bottom: 1px #313D49 solid; }
.block4 a.nav-link:hover { outline: none; border-bottom: 1px #AFCA26 solid; }
.block4 a.nav-link.active { box-shadow: inset 0px -6px 0px 0px #AFCA26; color: inherit; background-color: inherit; border: none; }
.block4 li.nav-item.col-12 { padding-left: 0; padding-right: 0; }
.block4 ul.nav.nav-tabs.row { padding-left: .75rem; padding-right: .75rem; }
.img-person { margin-top: -58px; }
.bg-green-grey { background-color: #AFCA26; }
@media (min-width: 1200px) {
.bg-green-grey { background: linear-gradient(90deg, rgba(175,202,38,1) 0%, rgba(175,202,38,1) 73%, rgba(240,241,242,1) 73%, rgba(240,241,242,1) 100%); } }
.block5 h2:before { content: url('../img/corner.dark.ol.svg'); }
@media (min-width: 1182px) and (max-width: 1399px) {
.block5 .img-person { max-height: 762px; margin-left: -35px; } }
@media (min-width: 1400px) {
.block5 .img-person { max-height: 665px; margin-left: 0px; } }
.block6 .nav { padding-left: calc(var(--bs-gutter-x) * .5); }
.block6 .nav-link { background-color: #F0F1F2; display: flex; border-radius: 0; margin-bottom: 5px; flex: 1 1 auto; align-items: center; }
.block6 .nav-link .tab-digit { min-width: 70px; display: flex; justify-content: center; align-items: center; font-weight: 900; font-size: 42px; color: #AFCA26; }
.block6 .nav-link .tab-title { color: #313D49; }
.block6 .nav-link.active { background-color: #AFCA26; }
.block6 .nav-link.active .tab-digit { color: white; }
@media (max-width: 991.98px) {
.block7 .carousel-inner .carousel-item, .block7 .range-slider { display: none; } 
.block7 .carousel-inner .carousel-item > div:first-child, .block7 .carousel-inner .carousel-item.active { display: block; }
		.block7  .carousel-inner .carousel-item-end.active,
.block7  .carousel-inner .carousel-item-next { transform: translateX(100%); }
		.block7  .carousel-inner .carousel-item-start.active, 
.block7  .carousel-inner .carousel-item-prev { transform: translateX(-100%); } }
.block7 .carousel-control-next-icon { background-image: url('../img/arrow.next.svg'); }
.block7 .carousel-control-prev-icon { background-image: url('../img/arrow.prev.svg'); }
.block7 .carousel-control-next-icon, .block7 .carousel-control-prev-icon { width: 4rem; height: 4rem; }
	.block7 .carousel-inner .carousel-item.active,
	.block7 .carousel-inner .carousel-item-next,
.block7 .carousel-inner .carousel-item-prev { display: flex; }
	@media (min-width: 992px) {
		.block7 .carousel-inner .carousel-item-end.active,
.block7 .carousel-inner .carousel-item-next { transform: translateX(50%); }
		.block7 .carousel-inner .carousel-item-start.active, 
.block7 .carousel-inner .carousel-item-prev { transform: translateX(-50%); }
.carousel-control-prev, .carousel-control-next { display: none !important; } }
	.block7 .carousel-inner .carousel-item-end,
.block7 .carousel-inner .carousel-item-start { transform: translateX(0); }
.feedback { background-color: white; margin-left: 10px; margin-right: 10px; display: flex; min-height: 550px; flex-direction: column; justify-content: space-between; }
.block7 .zitat { font-size: 24px; font-weight: 900; line-height: 44px; }
.block7 .zitat:before { content: "„"; color: #AFCA26; font-family: "Arial", sans-serif; font-size: 57px; padding-right: 5px; float: left; margin-top: -28px; margin-left: -7px; }
.avatar-img { display: flex; align-items: center; flex-wrap: wrap; }
.avatar-img img { margin-right: 15px; border-radius: 50%; }
input.form-range::-webkit-slider-thumb { background-color: #AFCA26; }
input.form-range::-ms-thumb { background-color: #AFCA26; }
input.form-range::-moz-range-thumb { background-color: #AFCA26; }
@media (max-width: 991.98px) {
.block7 .zitat { font-size: 18px; line-height: 33px; } }
.block9 a { text-decoration: none; transition: all 0.5s; }
.block9 a:hover h1 { text-decoration: underline; }
.block10 .team-avatar { width: 100%; border-radius: 50%; background-repeat: no-repeat; background-size: cover; transition: all 0.5s; }
.block10 .team-avatar:hover { transform: scale(1.1); }
.block10 .person-name { font-weight: 900; }
.block10 .person-position { font-weight: 300; }
.block10 a { color: #313D49; font-weight: 700; }
.block10 a:hover { text-decoration: none; }
.block11 .start-line { min-height: 50px; color: #AFCA26; font-weight: 900; font-size: 57px; }
.block11 .points-right { position: relative; overflow-x: hidden; }
.block11 .points-right:after { content: url(../img/points4x3.white.svg); position: absolute; right: -125px; top: 42%; overflow-x: hidden; }
.ratio-2x5 { --bs-aspect-ratio: 250%; }
.block12 a.referenzen-link { text-decoration: none; }
.block12 a.referenzen-link>div { margin-top: 100px; color: #FFFFFF; text-decoration: none; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; padding: 10px; }
.bg-a-rosa { background-color: rgba(183, 73, 59, .85); }
.bg-a-lgreen { background-color: rgba(161, 207, 77, .85); }
.bg-a-dgreen { background-color: rgba(94, 118, 71, .85); }
.bg-a-brown { background-color: rgba(206, 140, 111, .85); }
.block12 .bg-container { overflow: hidden; }
.block12 .bg-container .bg-img-cover { transition: all 0.5s; }
.block12 .bg-container:hover .bg-img-cover { transform: scale(1.1); }
.block12 a.referenzen-link>div>div { height: 30px; padding-left: 0; transition: all 0.5s; }
.block12 a.referenzen-link:hover>div>div { padding-left: calc(100% - 50px); }
#videoModal .modal-header { border-bottom: none; }
#videoModal .modal-content { border-radius: 16px; }
.block14 .digit-green { color: #AFCA26; font-size: 42px; font-weight: 900; padding-right: 5px; }
.block14 .nav-link { color: #313D49; }
.block14 a.nav-link.active, .block14 a.nav-link.hover { border: none; }
.block14 .nav-link { position: relative; }
.block14 .nav-link:after { display: block; position: absolute; content: " "; background-color: #313D49; height: 2px; width: 90%; bottom: 0px; }
.block14 .nav-link.active div::after { display: block; position: absolute; content: " "; background-color: #AFCA26; height: 5px; width: 50%; bottom: 0px; z-index: 999; }
.block15 input[type="text"]:not(#captcha), .block15 input[type="email"], .block15 input[type="tel"] { border-radius: 26px; width: 100%; height: 52px; border: none; padding: 0 20px; background-color: #F0F1F2; font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: normal; color: #313D49; }
.block15 input[type="text"]:not(#captcha), 
.block15 input[type="email"], 
.block15 input[type="tel"],
.block15 textarea,
.block15 select { background-color: #F0F1F2; }
.block15.bg-lightblue input[type="text"]:not(#captcha), 
.block15.bg-lightblue input[type="email"], 
.block15.bg-lightblue input[type="tel"],
.block15.bg-lightblue textarea,
.block15.bg-lightblue select { background-color: #FFFFFF; }
.block15 input[type="text"]:focus, .block15 input[type="text"]:focus-visible,
.block15 input[type="tel"]:focus, .block15 input[type="tel"]:focus-visible,
.block15 input[type="email"]:focus, .block15 input[type="email"]:focus-visible { border: none; }
.block15 textarea { border-radius: 26px; width: 100%; border: none; padding: 20px; }
.block15 select, .block15 select option { border-radius: 26px; width: 100%; height: 52px; border: none; padding: 0 20px; font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: normal; color: #313D49; }
.block15 .form-check-input:checked[type=radio], .block15 .form-check-input:checked[type="checkbox"] { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><circle id="Ellipse_72" data-name="Ellipse 72" cx="7" cy="7" r="7" fill="%23afcb27"/></svg>'); background-color: #AFCA26; boc: #AFCA26; }
.block15 .form-check-input:focus[type=radio] { }
.block15 .form-check-inline .form-check-label { font-weight: 700; }
.block15 label a { background-color: #AFCA26; text-decoration: none; color: white; }
.block15 #captcha { -webkit-border-top-right-radius: 32px; -webkit-border-bottom-right-radius: 32px; -moz-border-radius-topright: 32px; -moz-border-radius-bottomright: 32px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.block15 .captcha div { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 32px; -webkit-border-bottom-left-radius: 32px; -moz-border-radius-topleft: 32px; -moz-border-radius-bottomleft: 32px; border-top-left-radius: 32px; border-bottom-left-radius: 32px; width: 100%; overflow: hidden; background-color: #E0E2E4; }
@media (max-width: 767.98px) {
.block15 #captcha { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 32px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 32px; border-top-right-radius: 0px; border-bottom-right-radius: 32px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 32px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 32px; border-top-left-radius: 0; border-bottom-left-radius: 32px; min-height: 60px; }
.block15 .captcha div { -webkit-border-top-right-radius: 32px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 32px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 32px; border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 32px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 32px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 32px; border-bottom-left-radius: 0px; } }
.block15 select { appearance: none; background-image: url('../img/arrow_grey.svg'); background-repeat: no-repeat; background-position: right 1rem top 50%; background-size: 0.65rem auto; }
.upload-button input { display: none; visibility: none; }
.upload-button label { height: 58px; width: 58px; border-radius: 50%; background-position: center; border: 0; color: pointer; background-image: url('../img/button-plus.svg'); background-color: #afcb27; margin-right: 15px; }
.upload-button label:hover { background-image: url('../img/button-plus-hover.svg'); }
.upload-button div.display-name { }
@media (max-width: 575.98px) {
.block15 .form-check.form-check-inline { display: block; } }
.block17 .bg-img-cover { min-height: 400px; padding-left: 0; padding-right: 0; }
.block19 .column-ico { margin-right: 15px; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; height: fit-content; width: fit-content; }
@media (min-width: 768px) {
.block19 .column-ico { min-width: 10%; } }
.block19 .info-box { display: flex; flex-direction: column; align-content: center; background-image: url(../img/corner.dark.ol.svg),url(../img/corner.dark.ur.svg); background-repeat: no-repeat; background-position: top left, bottom right; width: 100%; justify-content: center; }
img-comparison-slider:focus-visible { outline: none; }
.block20 img-comparison-slider { visibility: hidden; min-width: 100%; }
.block20 img-comparison-slider img[slot="first"],
.block20 img-comparison-slider img[slot="second"] { width: 100%; }
img-comparison-slider [slot='second'] { display: none; }
img-comparison-slider.rendered { visibility: inherit; }
img-comparison-slider.rendered [slot='second'] { display: unset; }
.block20 .schatten:focus { outline: none; box-shadow: 0px 0px 15px 5px #0c5d10; }
.block22 .carousel-item .bg-img-cover { min-height: 824px; }
@media (max-width: 767.98px) {
.block22 .carousel-item .bg-img-cover { min-height: 590px; } }
.block22 .carousel-item .carousel-caption { display: flex; max-width: 500px; flex-direction: column; align-items: center; margin-bottom: 30px; }
@media (min-width: 992px) {
.block22 .carousel-indicators [data-bs-target] { height: 6px; } }
.block22 .carousel-indicators .active { background-color: #AFCA26; }
.block23 .owl-theme .owl-dots .owl-dot span { width: 22px; height: 6px; border-radius: unset; margin: 5px 3px; }
.block23 .owl-theme .owl-dots .owl-dot.active span { background-color: #AFCA26; }
.bg-contain { background-repeat: no-repeat; background-size: contain; background-position: center; }
.bg-cover-top { background-repeat: no-repeat; background-size: cover; background-position: top; }
.bg-cover-top-left { background-repeat: no-repeat; background-size: cover; background-position: top left; }
.bg-cover-top-right { background-repeat: no-repeat; background-size: cover; background-position: top right; }
.bg-cover-left { background-repeat: no-repeat; background-size: cover; background-position: left; }
.bg-cover-center { background-repeat: no-repeat; background-size: cover; background-position: center; }
.bg-cover-center-left { background-repeat: no-repeat; background-size: cover; background-position: center left; }
.bg-cover-center-right { background-repeat: no-repeat; background-size: cover; background-position: center right; }
.bg-cover-right { background-repeat: no-repeat; background-size: cover; background-position: right; }
.bg-cover-bottom { background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.bg-cover-bottom-left { background-repeat: no-repeat; background-size: cover; background-position: bottom left; }
.bg-cover-bottom-right { background-repeat: no-repeat; background-size: cover; background-position: bottom right; }
.object-fit-cover { object-fit: cover; }
.ratio-1-1 { aspect-ratio: 1 / 1; }
.ratio-4-3 { aspect-ratio: 4 / 3; }
.ratio-7-6 { aspect-ratio: 7 / 6; }
.ratio-16-9 { aspect-ratio: 16 / 9; }
.ratio-21-9 { aspect-ratio: 21 / 9; }
.ratio-3-4 { aspect-ratio: 3 / 4; }
.ratio-6-7 { aspect-ratio: 6 / 7; }
.ratio-9-16 { aspect-ratio: 9 / 16; }
.ratio-9-21 { aspect-ratio: 9 / 21; }
a[type=submit],
input[type=submit],
button[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@keyframes matching_words_pulse {
0%,100% { background-color: rgba(255,255,0,0.3); box-shadow: 3px 0 0 0px rgba(255,255,0,0.3), -3px 0 0 0px rgba(255,255,0,0.3); }
50% { background-color: rgba(255,255,0,0.7); box-shadow: 3px 0 0 0px rgba(255,255,0,0.7), -3px 0 0 0px rgba(255,255,0,0.7); } }
.highlight { animation: matching_words_pulse 3s infinite; }
a[href='javascript:']:not([onclick]):not([data-toggle]) { cursor: not-allowed; }
#devoutlinetoggler { position: fixed; left: 10px; bottom: 75px; border-radius: 0; z-index: 9999999; }
#devoutlinetoggler:after { content: " aus"; }
#devoutlinetoggler.show-outlines:after { content: " an"; }
body.show-outlines * { border-width: 2px !important; border-style: solid !important; }
body.show-outlines>*, body.show-outlines>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #F00 !important; }
body.show-outlines>*>*, body.show-outlines>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #0F0 !important; }
body.show-outlines>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #00F !important; }
body.show-outlines>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #FF0 !important; }
body.show-outlines>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #F0F !important; }
body.show-outlines>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #0FF !important; }
#devgridtoggler { position: fixed; z-index: 1; left: 10px; bottom: 40px; border-radius: 0; z-index: 9999999; }
#devgridtoggler:after { content: " aus"; }
#devgridtoggler.show:after { content: " an"; }
#devgridoverlay { position: fixed; z-index: 999999; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; display: none; }
#devgridoverlay.show { display: block; }
#devgridoverlay .col { height: 100vh; position: relative; }
#devgridoverlay .col:before,
#devgridoverlay .col:after { position: absolute; left: 0; top: 0; bottom: 0; content: ""; display: block; width: 1px; background-color: #FFF; }
#devgridoverlay .col:after { left: auto; right: 0; }
#devgridoverlay .col:first-child:before { left: -1px; width: 2px; }
#devgridoverlay .col:last-child:after { left: auto; width: 2px; right: -1px; }
#devgridoverlay .col:before,
#devgridoverlay .col:after { background: linear-gradient(to bottom, transparent, rgba(255,255,255,.5) 20%, rgba(0,0,0,.5) 30%, transparent 40%); animation: go 3s linear infinite; }
@keyframes go {
0% { background-position: 0; }
100% { background-position: 0 100vh; } }
#horizontalscrollwarn { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); cursor: not-allowed; display: none; z-index: 999999; }
#horizontalscrollwarn:before { content: '◄ Scrollbar?! ►'; position: fixed; font-size: 24px; line-height: 24px; background-color: #C00; color: #FFF; width: 100vw; height: 50px; top: calc(50vh - 25px); display: flex; justify-content: center; align-items: center; border-top: 2px #FFF dashed; border-bottom: 2px #FFF dashed; }
body.page-template .blockname { position: absolute; background-color: #FF0; color: #000; padding: 10px; font-weight: bold; text-transform: uppercase; left: 10px; z-index: 99999999; }
#responsiveinfo { display: block; position: fixed; left: 10px; bottom: 10px; margin-right: 10px; padding: 5px 10px; color: #000; font-size: 11px; font-weight: bold; font-family: 'Segoe UI'; text-shadow: 0 0 2px #FFF; letter-spacing: .25px; z-index: 999999; }
@media (max-width: 319.98px) {
body { overflow: hidden; }
#responsiveinfo { background: rgba(127,127,127,1); }
#responsiveinfo:before { content: "0-319px (xxs)"; }
#responsiveinfo::after { display: flex; justify-content: center; align-items: center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(191,0,0,.85); color: #FFF; font-size: 20vw; font-family: Arial; text-shadow: 0 0 5px #000; letter-spacing: -2.5px; content: "Narrooow!"; z-index: -100; } }
@media (max-width: 575.98px) {
#responsiveinfo { background: rgba(226,0,122,.75); }
#responsiveinfo:before { content: "320-575px (xs)"; } }
@media (min-width: 576px) and (max-width: 767.98px) {
#responsiveinfo { background: rgba(192,192,0,.75); }
#responsiveinfo:before { content: "576-767px (sm)"; } }
@media (min-width: 768px) and (max-width: 991.98px) {
#responsiveinfo { background: rgba(0,255,0,.75); }
#responsiveinfo:before { content: "768-991px (md)"; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
#responsiveinfo { background: rgba(255,102,0,.75); }
#responsiveinfo:before { content: "992-1199px (lg)"; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
#responsiveinfo { background: rgba(0,158,224,.75); }
#responsiveinfo:before { content: "1200-1399px (xl)"; } }
@media (min-width: 1400px) {
#responsiveinfo { background: rgba(154, 51, 223, 0.75); }
#responsiveinfo:before { content: "1400px (xxl)"; } }