/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2025 Philipp Kolbeck
 * Parsed: 18.07.2025 07:07:25 - Rendertime: 0,0097sec.
 */

@font-face { font-family: 'Sora'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/sora/sora.normal.100.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/sora/sora.normal.100.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 200; font-display: swap; src: url(../fnt/sora/sora.normal.200.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 200; font-display: swap; src: url(../fnt/sora/sora.normal.200.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/sora/sora.normal.300.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/sora/sora.normal.300.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/sora/sora.normal.400.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/sora/sora.normal.400.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/sora/sora.normal.500.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/sora/sora.normal.500.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fnt/sora/sora.normal.600.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fnt/sora/sora.normal.600.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/sora/sora.normal.700.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/sora/sora.normal.700.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fnt/sora/sora.normal.800.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fnt/sora/sora.normal.800.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v19/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fnt/manrope/manrope.normal.200-800.cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fnt/manrope/manrope.normal.200-800.greek.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fnt/manrope/manrope.normal.200-800.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fnt/manrope/manrope.normal.200-800.latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fnt/manrope/manrope.normal.200-800.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.minw-20 { min-width: 20px; }
.minw-30 { min-width: 30px; }
* { font-family: Sora; font-family: Manrope; }
.bg-darkgray { background-color: #2B2B2B; color: #FFF; }
.bg-lightgray { 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; } }
<p><b>Anzahl der Wohnungen:</b>:not(h3) { 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.basic { position: fixed; z-index: 1050; }
nav.main { background-color: #FFF; height: 70px; border-bottom: 1px #000 solid; }
nav.main+main { margin-top: 70px; }
@media (min-width: 1200px) {
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: 1200px) {
nav.main .navbar-brand { background-image: url('../img/top.logo.svg'); background-repeat: no-repeat; background-position: center top; background-size: cover; margin-top: 18px; } }
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: 1680px) {
nav.main ul.navbar-nav li:not(:first-of-type) { margin-left: 160px; margin-left: 70px; } }
@media (min-width: 1200px) and (max-width: 1679.98px) {
nav.main ul.navbar-nav li:not(:first-of-type) { margin-left: 10px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
nav.main ul.navbar-nav li:not(:first-of-type) { } }
nav .nav-item a { text-transform: uppercase; font-size: 16px; }
nav.main .nav-link { color: #010202 !important; }
@media (min-width: 1200px) {
nav.main { background-color: #F00 !important; background-color: #FFF !important; background-color: transparent !important; background-color: rgba(255,255,255,1) !important; backdrop-filter: blur(5px); }
nav.main .container { background-color: transparent; } }
.nav-backgdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1020; opacity: 0; pointer-events: none; background-color: #000; transition: opacity 250ms 50ms; }
body.mainnav-collapsed .nav-backgdrop { transition: opacity 500ms 150ms; opacity: .5; pointer-events: all; }
footer { font-size: 16px; border-top: 1px #000 solid; padding-top: 10px; padding-bottom: 10px; }
footer .nav-link { color: #000; }
footer .nav-item:not(:last-of-type) { padding-right: 200px; }
@media (min-width: 576px) and (max-width: 1199.98px) {
footer .nav-item:not(:last-of-type) { padding-right: 10vw; } }
@media (max-width: 575.98px) {
footer .nav-item:not(:last-of-type) { padding-right: 0; } }
.block { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 991.98px) {
.block { padding-top: 80px; padding-bottom: 80px; } }
.block h1 { font-size: 35px; font-weight: 400; text-transform: uppercase; }
.block h2 { font-size: 60px; font-weight: bold; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991.98px) {
.block h2 { font-size: 45px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.block h2 { font-size: 30px; } }
@media (max-width: 575.98px) {
.block h2 { font-size: 20px; } }
.block :is(p,ul,li) { font-size: 16px; line-height: 30px; }
.block ul { margin-bottom: 16px !important; }
@media (max-width: 767.98px) {
.block p { font-size: 15px; } }
.block :is(h1,h2,h3)+p { margin-top: 80px; margin-top: 40px; }
.block p+h2 { margin-top: 100px !important; }
.block p+p { margin-top: 10px; }
.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 ul li { list-style-type: none; }
.block ul li:before { content: '-'; position: absolute; margin-left: -1rem; }
.block a { color: inherit; }
.row[aria-label="Projektinformationen"] > div > p { margin-bottom: 0; }
.block1.p-0 { padding: 0 !important; }
.block1 .carousel-inner { overflow: initial; }
@media (min-width: 768px) {
.block1 .carousel-caption { position: absolute; top: 0; right: 0; bottom: 0; left: -440px; }
.block1 .carousel-caption span { display: block; } }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block1 .carousel-caption { left: -380px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block1 .carousel-caption { left: -320px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block1 .carousel-caption { left: -240px; } }
@media (max-width: 767.98px) {
.block1 .carousel-item.active .carousel-caption { background-color: rgba(0,0,0,.75); display: block; padding: 20px; } }
.block1 .carousel-item { opacity: 0; }
.block1 .carousel-item img { max-height: 600px; }
.block1 .carousel-item h1 { font-size: 90px; text-transform: uppercase; margin: 0 0 150px 0; }
@media (min-width: 768px) and (max-width: 991.98px) {
.block1 .carousel-item.active h1 { margin: 0 0 50px 0; } }
.block1 .carousel-item.active a { font-size: 24px; }
@media (max-width: 767.98px) {
.block1 .carousel-item.active h1 { font-size: 24px !important; margin: 0; text-align: center; }
.block1 .carousel-item.active a { font-size: 16px; } }
.block1 .carousel-item :where(h1, a) { color: #FFF; font-weight: 800; text-align: left; }
.block1 .carousel-item.carousel-item-end :where(h1, a) { opacity: 0 !important; transition: 250ms !important; }
.block1 .carousel-item.active :where(h1, a) { opacity: 1; transition: opacity 250ms; }
.block1 .carousel-item.carousel-item-start :where(h1, a) { opacity: 0; }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block1 .carousel-item h1 { font-size: 70px; }
.block1 .carousel-item a { font-size: 22px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block1 .carousel-item h1 { font-size: 60px; }
.block1 .carousel-item a { font-size: 20px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block1 .carousel-item h1 { font-size: 50px; }
.block1 .carousel-item a { font-size: 18px; } }
.block1 .carousel-controls { margin-top: 30px; }
.block1 .carousel-controls>* { position: unset; }
.block1 .carousel-controls button { width: 50px; height: 44px; }
.block1 .carousel-dark .carousel-control-next-icon,
.block1 .carousel-dark .carousel-control-prev-icon { filter: unset; }
.block1 .carousel-controls .carousel-indicators { height: 44px; margin: 0 80px; }
@media (max-width: 575.98px) {
.block1 .carousel-controls .carousel-indicators { margin: 0 10px; } }
.block1 .carousel-controls .carousel-indicators button { text-indent: unset !important; color: #FFF; width: 44px; height: 44px; margin: 0; border: none; overflow: hidden; font-size: 16px; font-weight: bold; background-color: transparent !important; }
.block1 .carousel-controls .carousel-indicators button.active { font-size: 24px; }
.block1 .carousel-controls .carousel-indicators { counter-reset: listCounter; }
.block1 .carousel-controls .carousel-indicators button { counter-increment: listCounter; color: #FFF; }
.block1 .carousel-controls .carousel-indicators button::after { content: counter(listCounter, decimal-leading-zero); }
.block1 .carousel-dark .carousel-control-prev-icon { background-image: url('../img/arr.left.white.svg'); }
.block1 .carousel-dark .carousel-control-next-icon { background-image: url('../img/arr.right.white.svg'); }
@media (max-width: 991.98px) {
.block2 [data-aos] { opacity: 1 !important; transition: 0s !important; transform: unset !important; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.img-2nd { position: relative; margin-top: -130px; } }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.img-2nd { position: relative; margin-top: -150px; } }
@media (min-width: 1680px) {
.img-2nd { position: relative; margin-top: -160px; } }
.block4 .cta-link { color: #FFF; }
@media (max-width: 767.98px) {
.block4 [data-aos] { opacity: 1 !important; transition: 0s !important; transform: unset !important; } }
.block5 .cover { background-color: #FFF; background-color: #F4F4F4; padding: 20px; font-size: 35px; }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block5 .cover { font-size: 25px; } }
@media (max-width: 1199.98px) {
.block5 .cover { font-size: 25px; } }
.block5 .tile { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; }
.block5 .tile .label { background-color: rgba(0,0,0,.55); display: flex; align-items: flex-end; position: absolute; left: 0; bottom: 0; right: 0; margin: 20px; transition: 250ms; overflow: hidden; height: 50%; }
.block5 .tile .label { }
.block5 .tile .label>div { transition: 350ms; margin: 20px; height: calc(100% - 40px); display: flex; flex-direction: column; justify-content: space-between; }
.block5 .tile .label>div { margin: 20px; }
.block5 .tile:hover .label { height: 70%; }
.block5 h2 { color: #FFF; font-size: 19px; font-weight: 400; margin-bottom: 0; }
.block5 h3 { color: #FFF; font-size: 16px; }
.block6 h1 { font-size: 35px; font-weight: 400; }
.block6 h2 { font-size: 22px; }
.block6 a { color: #000; }
.block.block6 p+p { margin-top: 20px; }
.block7 { box-shadow: inset 0 700px 0 #2B2B2B; }
.block7 h1 { color: #FFF; }
.block7 .vcard { background-color: #FFF; padding: 30px; }
.block7 h2 { font-size: 35px; margin-bottom: 20px; }
.block7 h3 { font-size: 22px; margin-bottom: 20px; }
.block7 hr { border: none; opacity: 1; height: 3px; background-color: #2B2B2B; background-color: #000; margin-top: 30px; margin-bottom: 30px; }
.block9 .carousel { height: calc(100vh - 98px); }
.block9 .carousel-inner { height: calc(100vh - calc(98px + 105px)); }
@media (max-width: 991.98px) {
.block9 .carousel { height: calc(100vh - 70px); }
.block9 .carousel-inner { height: calc(100vh - calc(70px + 105px)); } }
.block9 .carousel-item { height: 100%; max-height: 700px; background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; }
.block9 .carousel-content { display: flex; justify-content: center; align-items: center; height: 100%; }
.block9 .carousel-content p { font-family: Sora; font-family: Manrope; font-size: 18px; color: #FFF; }
.block9 .carousel-content h1 { font-family: Sora; font-family: Manrope; font-size: 35px; color: #FFF; }
.block9 .carousel-controls { margin-top: 30px; }
.block9 .carousel-controls>* { position: unset; }
.block9 .carousel-controls button { width: 50px; height: 44px; }
.block9 .carousel-dark .carousel-control-next-icon,
.block9 .carousel-dark .carousel-control-prev-icon { filter: unset; }
.block9 .carousel-dark .carousel-control-prev-icon { background-image: url('../img/carousel-control-prev-icon-dark.svg'); }
.block9 .carousel-dark .carousel-control-next-icon { background-image: url('../img/carousel-control-next-icon-dark.svg'); }
.block9 .carousel-controls .carousel-indicators { height: 44px; margin: 0 80px; position: relative; z-index: 9999; }
@media (max-width: 575.98px) {
.block9 .carousel-controls .carousel-indicators { margin: 0 10px; } }
.block9 .carousel-controls .carousel-indicators button { text-indent: unset !important; color: #FFF; color: #000; width: 44px; height: 44px; margin: 0; border: none; overflow: hidden; font-size: 16px; font-weight: bold; background-color: transparent !important; }
.block9 .carousel-controls .carousel-indicators button.active { font-size: 24px; }
.block9 .carousel-controls .carousel-indicators { counter-reset: listCounter; }
.block9 .carousel-controls .carousel-indicators button { counter-increment: listCounter; }
.block9 .carousel-controls .carousel-indicators button::after { content: counter(listCounter, decimal-leading-zero); }
.block9 .carousel-dark .carousel-control-prev-icon { background-image: url('../img/arr.left.black.svg'); }
.block9 .carousel-dark .carousel-control-next-icon { background-image: url('../img/arr.right.black.svg'); }
.block10 h2 { font-size: 35px; margin-bottom: 20px; }
.block10 h3 { font-size: 22px; margin-bottom: 40px !important; }
.block10 hr { border: none; opacity: 1; height: 3px; background-color: #2B2B2B; background-color: #000; margin-top: 30px; margin-bottom: 30px; }
.block10 .row.images { margin-top: 40px; }
.block10 .row.images img { width: 100%; max-width: 100%; }
@media (max-width: 767.98px) {
.block10 .row.images img { margin-top: 40px; } }
.block10 small { font-size: 12px; }
.block10 .involved p { line-height: inherit; margin-top: 10px; margin-bottom: 10px; }
.block10 .involved { line-height: 18px !important; }
@media (min-width: 768px) {
.block10 .text3col { column-count: 3; column-gap: 32px; hyphens: auto; } }
.block11 { box-shadow: inset 0 700px 0 #2B2B2B; box-shadow: inset 0 800px 0 #2B2B2B; }
.block11 h1 { color: #FFF; }
@media (max-width: 991.98px) {
.block11 :is(h1,h2)+p { margin-top: 40px; } }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block11 h1 { font-size: 40px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block11 h1 { font-size: 35px; } }
@media (max-width: 991.98px) {
.block11 h1 { font-size: 30px; padding-bottom: 30px; } }
.block11 .text-white a { color: #FFF; text-decoration: none; }
.block11 .text-white a:hover { text-decoration: underline; }
.block11 .vcard { background-color: #FFF; padding: 30px; }
.block11 h2 { font-size: 35px; margin-bottom: 20px; }
.block11 h3 { font-size: 22px; margin-bottom: 20px; }
.block11 hr { border: none; opacity: 1; height: 3px; background-color: #2B2B2B; background-color: #000; margin-top: 30px; margin-bottom: 30px; }
.block11 :where(input,textarea) { border-radius: 0; }
.block11 input[type=text],
.block11 input[type=email],
.block11 input[type=tel] { min-height: 38px; }
.block11 img.captcha { height: 38px; border-top: 1px #ced4da solid; border-bottom: 1px #ced4da solid; border-left: 1px #ced4da solid; }
.block11 input#form_captcha { border-left: 0; }
.block11 .btn-send { background-color: #2B2B2B; color: #FFF; }
.block11 .mandatory { color: #A00; margin-left: 5px; }
.block11 :where(.fail,.ok) { margin-bottom: 50px; }
.block11 :where(.fail,.ok) .alert { border-radius: 0; }
.block11 :where(.fail,.ok) .alert>*:last-child { margin-bottom: 0; }
.block12.p-0 { padding: 0 !important; }
.block12 .carousel-inner { overflow: initial; }
@media (min-width: 768px) {
.block12 .carousel-caption { position: absolute; top: 0; right: 0; bottom: 0; left: -440px; }
.block12 .carousel-caption span { display: block; } }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block12 .carousel-caption { left: -380px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block12 .carousel-caption { left: -320px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block12 .carousel-caption { left: -240px; } }
@media (max-width: 767.98px) {
.block12 .carousel-item.active .carousel-caption { background-color: rgba(255,255,255,.75); display: block; padding: 20px; } }
.block12 .carousel-item { opacity: 0; }
.block12 .carousel-item img { max-height: 600px; object-fit: contain; background-color: #EDEDED; }
.block12 .carousel-item h1 { font-size: 35px; text-transform: uppercase; margin: 0 0 150px 0; }
@media (min-width: 768px) and (max-width: 991.98px) {
.block12 .carousel-item.active h1 { margin: 0 0 50px 0; } }
.block12 .carousel-item.active a { font-size: 24px; }
@media (max-width: 767.98px) {
.block12 .carousel-item.active h1 { font-size: 24px !important; margin: 0; text-align: center; }
.block12 .carousel-item.active p { text-align: center; }
.block12 .carousel-item.active a { font-size: 16px; } }
.block12 .carousel-item :where(h1, a, p) { color: #000; font-weight: 400; text-align: left; }
.block12 .carousel-item.carousel-item-end :where(h1, a, p) { opacity: 0 !important; transition: 250ms !important; }
.block12 .carousel-item.active :where(h1, a, p) { opacity: 1; transition: opacity 250ms; }
.block12 .carousel-item.carousel-item-start :where(h1, a, p) { opacity: 0; }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block12 .carousel-item h1 { font-size: 35px; }
.block12 .carousel-item a { font-size: 22px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block12 .carousel-item h1 { font-size: 35px; }
.block12 .carousel-item a { font-size: 20px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block12 .carousel-item h1 { font-size: 30px; }
.block12 .carousel-item a { font-size: 18px; } }
.carousel-controls { margin-top: 30px; }
.carousel-controls>* { position: unset; }
.carousel-controls button { width: 50px; height: 44px; }
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon { filter: unset; }
.carousel-controls .carousel-indicators { height: 44px; margin: 0 80px; }
@media (max-width: 575.98px) {
.carousel-controls .carousel-indicators { margin: 0 10px; } }
.carousel-controls .carousel-indicators button { text-indent: unset !important; color: #000; width: 44px; height: 44px; margin: 0; border: none; overflow: hidden; font-size: 16px; font-weight: bold; background-color: transparent !important; }
.carousel-controls .carousel-indicators button.active { font-size: 24px; }
.carousel-controls .carousel-indicators { counter-reset: listCounter; }
.carousel-controls .carousel-indicators button { counter-increment: listCounter; }
.carousel-controls .carousel-indicators button::after { content: counter(listCounter, decimal-leading-zero); }
.block12 .carousel-control-prev-icon { background-image: url('../img/arr.left.black.svg'); }
.block12 .carousel-control-next-icon { background-image: url('../img/arr.right.black.svg'); }
.block12 .carousel-caption { display: none !important; }
@media (min-width: 768px) {
.block12 .headline { position: absolute; z-index: 100; height: 600px; margin-bottom: 50px; }
.block12 .headline span { display: block; } }
.block12 .headline h1 { font-size: 35px; text-transform: uppercase; margin: 0 0 150px 0; }
@media (min-width: 1200px) and (max-width: 1679.98px) {
.block12 .headline h1 { font-size: 35px; }
.block12 .headline a { font-size: 22px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block12 .headline h1 { font-size: 35px; }
.block12 .headline a { font-size: 20px; } }
@media (max-width: 991.98px) {
.block12 .headline h1 { font-size: 30px; padding-bottom: 30px; }
.block12 .headline a { font-size: 18px; } }
.block13 h2 { font-size: 35px; margin-bottom: 20px; }
.block13 h3 { font-size: 22px; margin-bottom: 40px !important; }
.block13 hr { border: none; opacity: 1; height: 3px; background-color: #2B2B2B; background-color: #000; margin-top: 30px; margin-bottom: 30px; }
.block13 .row  img { width: 100%; max-width: 100%; }
@media (max-width: 767.98px) {
.block13 .row.images img { margin-top: 40px; } }
.block13 small { font-size: 12px; }
.block14 h2 { font-size: 35px; margin-bottom: 20px; }
.block14 h3 { font-size: 22px; margin-bottom: 40px !important; }
.block14 ul li { margin-bottom: 15px; }
.block14 .group-box { display: flex; justify-content: top; flex: column; }
.block14 .group-title { height: 100%; width: calc(100% - 15px); display: flex; align-items: center; padding-top: 10px; }
.block14 .group-title > a { font-weight: 300; text-decoration: none; color: black; text-transform: uppercase; width: 100%; display: flex; font-size: 20px; line-height: 22px; justify-content: space-between; align-items: center; }
.block14 .group-title > a:after { display: inline-flex; content: ""; width: 18px; height: 18px; background-image: url(/img/corner.right.black.svg); background-size: contain; background-position: center right; background-repeat: no-repeat; align-self: center; }
.block14 .group-title:hover > a:after { animation: arrowover 2s infinite; }
@media (min-width: 992px) {
.block14 .group-title > a { font-size: 28px; line-height: 30px; }
.block14 .group-title > a:after { width: 23px; height: 23px; } }
@keyframes arrowover {
  0%,
100% { transform: translateX(0px); }
50% { transform: translateX(-20px); } }
.block15 h1 { font-size: 35px; font-weight: 400; }
.block15 h2 { font-size: 26px; font-weight: 400; text-transform: none; margin-top: 50px; margin-bottom: 30px; }
.block15 h3 { font-size: 22px; font-weight: 400; margin-top: 50px; margin-bottom: 30px; }
.block15 :is(p,li) { font-size: 16px; }
@media (max-width: 991.98px) {
.block15 h1 { font-size: 30px; }
.block15 h2 { font-size: 20px; }
.block15 h3 { font-size: 18px; }
.block15 :is(p,li) { font-size: 15px; } }
@media (min-width: 992px) {
img { height: 600px; object-fit: cover; } }
.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: 1679.98px) {
#responsiveinfo { background: rgba(0,158,224,.75); }
#responsiveinfo:before { content: "1200-1399px (xl)"; } }
@media (min-width: 1680px) {
#responsiveinfo { background: rgba(154, 51, 223, 0.75); }
#responsiveinfo:before { content: "1600px (xxl)"; } }