/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2024 Philipp Kolbeck
 * Parsed: 29.05.2024 15:00:43 - Rendertime: 0,0098sec.
 */

@font-face { font-family: "antenna"; src: url("../fnt/antenna/antenna.normal.700.woff2") format("woff2"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }
@font-face { font-family: "antenna"; src: url("../fnt/antenna/antenna.normal.400.woff2") format("woff2"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; }
@font-face { font-family: "antenna"; src: url("../fnt/antenna/antenna.normal.300.woff2") format("woff2"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; }
:root { --c-light: #F4F4F4; --c-lightgray: #E9EBEE; --c-gray: #576B7C; --c-red: #7A212E; --c-dark: #333; }
.container>.container { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 575.98px) {
.container-fluid>.container { padding-left: 0 !important; padding-right: 0 !important; } }
:is(.container-fluid, .container) .row>*>*:is(p,li):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; }
.display { font-family: Antenna; font-size: 72px; line-height: 80px; letter-spacing: .72px; font-weight: 700; text-transform: uppercase; color: #FFF; text-shadow: 0px 3px 6px #00000029; margin-bottom: 50px; }
.display:before { content: ''; display: block; width: 62px; width: 50px; height: 76px; height: 54px; background-image: url('../img/chevron.display.svg'); background-repeat: no-repeat; background-size: contain; position: absolute; margin-left: -70px; margin-left: -95px; margin-left: -75px; margin-top: -26px; margin-top: 12px; }
h1 { font-family: Antenna; font-size: 48px; line-height: 52px; letter-spacing: .48px; font-weight: 700; color: var(--c-gray); margin-bottom: 40px; }
@media (min-width: 1200px) and (max-width: 1399.98px)-ssl {
h1>span { color: var(--c-red); }
h1.big,h1.big>span { font-size: 72px; line-height: 80px; } }
h2 { font-family: Antenna; font-size: 36px; line-height: 46px; letter-spacing: .36px; font-weight: 300; color: var(--c-gray); margin-bottom: 35px; }
h3 { font-family: Antenna; font-size: 24px; line-height: 36px; letter-spacing: .48px; font-weight: 700; color: #000; margin-bottom: 40px; }
h4 { font-family: Antenna; font-size: 18px; line-height: 40px; letter-spacing: .72px; font-weight: 700; color: #000; margin-bottom: 15px; }
p, p *, li, small { font-family: Antenna; font-size: 16px; line-height: 32px; letter-spacing: 0; font-weight: 400; color: #000; }
p { margin-bottom: 35px; }
@media (max-width: 991.98px) {
.display { font-size: 28px; line-height: 36px; letter-spacing: .72px; }
.display:before { width: 31px; height: 38px; height: 20px; margin-left: -40px; margin-left: -30px; margin-top: -10px; margin-top: 8px; background-size: contain; }
h1 { font-size: 28px; line-height: 36px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 18px; line-height: 26px; }
h4 { font-size: 16px; line-height: 24px; }
p, p *, li, small { font-size: 14px; line-height: 24px; } }
a.arr { display: inline-block; padding-right: 30px; background-image: url('../img/chevron.txtlnk.svg'); background-repeat: no-repeat; background-position: right 5px top 11px; color: var(--c-gray); transition: background-position 250ms; }
a.arr:hover { display: inline-block; padding-right: 30px; background-image: url('../img/chevron.txtlnk.svg'); background-repeat: no-repeat; background-position: right top 11px; color: var(--c-red); }
.block ul { list-style-type: none; padding: 0; margin-top: 4px; margin-bottom: 35px; }
.block ul>li { background-image: url('../img/chevron.list.svg'); background-repeat: no-repeat; background-position: 0 2px; padding-left: 30px; margin-bottom: 10px; }
.credit, .credit * { font-family: Antenna; font-size: 14px; line-height: 24px; color: #000; }
@media (max-width: 767.98px) {
.credit, .credit * { font-size: 12px; line-height: 20px; } }
.quote { font-family: Antenna; font-size: 24px; line-height: 40px; letter-spacing: .24px; font-weight: 400; color: var(--c-gray); padding: 16px 0 0 40px; background-image: url('../img/chevron.quote.svg'); background-repeat: no-repeat; margin-bottom: 35px; }
label { font-family: Antenna; font-size: 10px; font-size: 12px; line-height: 14px; letter-spacing: 1.5px; font-weight: 700; text-transform: uppercase; color: var(--c-red); margin-bottom: 35px; }
b, b>nobr { font-weight: 700; }
:is(.btn,button:not([data-bs-slide]):not([data-bs-target]),input[type="submit"],input[type="button"]) { display: inline-block; background-color: var(--c-red); border-radius: 0; border: none; font-family: Antenna; font-size: 14px; line-height: 34px; font-weight: 400; color: #FFF; padding: 5px 50px 5px 20px; background-image: url('../img/btn.arr.r.svg'); background-repeat: no-repeat; background-position: right 20px center; box-shadow: inset 0 0 rgba(255,255,255,.15); transition: box-shadow 500ms, background-position 250ms; }
:is(.btn,button:not([data-bs-slide]):not([data-bs-target]),input[type="submit"],input[type="button"]):hover { background-color: var(--c-red); color: #FFF; box-shadow: inset 500px 0 rgba(255,255,255,.15); background-position: right 15px center; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-700 { font-weight: 700; }
.c-white { color: #FFF; }
.bgc-white { background-color: #FFF; }
.c-light { color: var(--c-light); }
.bgc-light { background-color: var(--c-light); }
.c-lightgray { color: var(--c-lightgray); }
.bgc-lightgray { background-color: var(--c-lightgray); }
.c-gray { color: var(--c-gray); }
.bgc-gray { background-color: var(--c-gray); }
.bg-gray-gradient { background: linear-gradient(to right,  rgba(61,75,87,1) 0%,rgba(87,107,124,1) 100%); }  
.c-red { color: var(--c-red); }
.bgc-red { background-color: var(--c-red); }
.bg-red-gradient { background: linear-gradient(to right,  rgba(86,23,32,1) 0%,rgba(122,33,46,1) 100%); }  
.c-333 { color: var(--c-333); }
.bgc-333 { background-color: var(--c-333); }
.bgc-F4 { background-color: #F4F4F4; }
.youtube-container { background-color: var(--c-red); aspect-ratio: 1.77 / 1; position: relative; }
.youtube-container .consent::before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-image: url('../img/youtube.title.jpg'); background-size: cover; opacity: .2; pointer-events: none; }
.youtube-container * { color: #FFF; }
.youtube-container .btn { background-color: rgba(255,255,255,.25) !important; }
.youtube-container iframe { display: block; }
* { font-family: antenna; }
body { display: flex; flex-direction: column; min-height: 100vh; background-color: #FFF !important; padding-top: 110px; }
main { flex: 1; }
footer .socket { background-color: var(--c-red); min-height: 56px; display: flex; align-items: center; color: #FFF; }
footer .socket a { color: #FFF; }
footer .main { background-color: var(--c-dark); color: #FFF; line-height: 35px; }
footer .main .socials { padding: 0; margin-bottom: 35px !important; list-style-type: none; display: flex; gap: 18px; }
footer .main .socials img { width: 30px; height: 30px; }
footer .main a { color: #FFF; text-decoration: none; }
footer .main a:hover { text-decoration: underlin; }
header.top { position: fixed; top: 0; left: 0; right: 0; pointer-events: none; z-index: 1000; }
header.top>.langswitch { position: absolute; z-index: 1; top: 29px; right: calc(50vw - calc(540px / 2)); pointer-events: all; display: none; }
header.top>.langswitch::after { content: ''; display: block; width: 23px; height: 4px; background-color: var(--c-red); position: absolute; left: 13px; bottom: 9px; }
@media (max-width: 575.98px) {
header.top>.langswitch { display: block; right: 50px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
header.top>.langswitch { display: block; right: calc(calc(50vw - calc(540px / 2)) + 50px); } }
header.top>.langswitch>button { background-color: transparent; color: #000; background-image: none; padding: 0; width: 50px; height: 50px; font-size: 16px; }
header.top>.langswitch>button:hover { background-color: transparent; color: #000; }
header.top>.langswitch>button::after { display: none; }
header.top>.langswitch .dropdown-menu { border-radius: 0; min-width: auto; inset: 0 auto auto -2px !important; }
header.top>.langswitch .dropdown-menu .active { background-color: transparent; color: #000; }
header.top .wrapper { background-color: #FFF; overflow: hidden; position: relative; pointer-events: all; height: 110px; }
header.top.o .wrapper { height: auto; }
header.top.out .wrapper { height: 110px; }
header.top aside.chevron { display: block; height: 650px; width: 526px; background-image: url('../img/chevron.menu.svg'); background-size: contain; background-repeat: no-repeat; position: absolute; left: -1000px; transition: left 0s; transition: 0s; pointer-events: none; opacity: 0; }
header.top.o aside.chevron { left: calc(50vw - calc(526px / 2)); transition: left 500ms; transition: 500ms; opacity: 1; }
header.top.out aside.chevron { left: calc(100vw + 1000px); transition: left 1000ms; transition: 1000ms; opacity: 0; }
header.top .bar { height: 110px; display: flex; justify-content: center; align-items: center; position: relative; }
header.top .bar .logo2 { position: absolute; top: 20px; left: 0; right: 0; text-align: center; z-index: 1; pointer-events: none; }
header.top .bar .logo2 a { display: inline-block; position: relative; pointer-events: all; }
@media (min-width: 576px) and (max-width: 767.98px) {
header.top .bar .logo2 { text-align: left; padding-left: 10vw; } }
@media (max-width: 575.98px) {
header.top .bar .logo2 { text-align: left; left: 20px; top: 35px; }
header.top .bar .logo2 img { height: 40px; } }
header.top div.chevron div { height: 100%; display: flex; align-items: center; }
header.top div.chevron div a { white-space: nowrap; text-decoration: none; color: #000; font-size: 14px; }
header.top div.chevron div a>img { margin-right: 15px; margin-top: -2px; }
header.top .inner { display: flex; justify-content: flex-end; align-items: center; position: relative; }
@media (max-width: 767.98px) {
header.top .inner .logo { flex: 1; }
header.top .inner .logo img { height: 45px; margin-bottom: 2px; } }
header.top .inner .title { display: none; }
@media (min-width: 768px) {
header.top .inner .title { display: inline; flex: 1; text-align: center; } }
header.top .inner .langswitch { display: flex; gap: 10px; }
header.top .inner .langswitch a { color: #000; text-decoration: none; }
header.top .inner .langswitch a.active { border-bottom: 4px var(--c-red) solid; }
@media (max-width: 767.98px) {
header.top .inner .langswitch { display: none; } }
header.top .inner .burger { cursor: pointer; }
header.top nav { height: 0; transition: height 500ms; position: relative; }
header.top.o nav { min-height: 530px; height: 100%; max-height: calc(100vh - 110px); }
header.top nav .row>div:first-child ul { list-style-type: none; padding: 0; }
header.top nav .row>div:first-child :is(ul>li,div) { padding-bottom: 38px; }
header.top nav .row>div:first-child :is(ul>li>span,div>a) { cursor: pointer; text-transform: uppercase; font-size: 20px; font-weight: 700; text-decoration: none; color: #000; }
header.top nav .row>div:first-child :is(ul>li>span,div>a):hover { color: var(--c-red); }
header.top nav .row>div:first-child ul>li>ul { display: none; }
header.top nav .row>div:last-child ul { list-style-type: none; padding: 0; }
header.top nav .row>div:last-child ul>li { height: 36px; }
header.top nav .row>div:last-child a { font-size: 18px; text-decoration: none; color: #000; }
header.top nav .row>div:last-child a:hover { color: var(--c-red); }
header.top nav { overflow-y: auto; max-height: calc(100vh - 110px); }
@media (max-width: 991.98px) {
header.top nav { border-top: 1px #AAA solid; }
header.top nav .row>div:first-child ul>li>ul { display: block !important; }
header.top nav .row>div:first-child ul>li { padding-bottom: 0; }
header.top nav .row>div:first-child ul>li:not(.active)>ul { display: none !important; }
    header.top nav .row>div:first-child ul+div,
header.top nav .row>div:first-child ul>li>span { display: block; width: 100%; padding-top: 15px; padding-bottom: 15px; border-top: 1px #AAA solid; }
header.top nav .row>div:first-child ul>li:first-of-type>span { border-top: medium none; }
    header.top nav .row>div:first-child ul+div,
header.top nav .row>div:first-child ul>li>ul>li>a { text-decoration: none; color: #000; display: block; padding-top: 10px; padding-bottom: 10px; }
header.top nav .row>div:first-child ul>li>ul>li:first-of-type>a { padding-top: 5px; }
header.top nav .row>div:first-child ul>li>ul>li:last-of-type>a { padding-bottom: 20px; }
header.top nav .row>div:first-child ul>li>ul>li>a:hover { color: var(--c-red); }
header.top nav .row>div .to-xitaso-com { border-top: 1px #AAA solid; }
header.top nav .row>div .to-xitaso-com a { font-size: 16px !important; font-weight: 400 !important; display: block; padding-top: 10px; padding-bottom: 10px; text-transform: none !important; } }
header.top .dropshadow { content: ''; position: absolute; top: 0; bottom: 0; left: -80px; right: -80px; box-shadow: 0 0 40px #000; pointer-events: none; }
header.top .backdrop { position: fixed; top: 0; left: 0; right: 0; background-color: rgba(255,255,255,.75); height: 0; z-index: -1; transition: height 500ms; pointer-events: all; }
header.top.o .backdrop { height: 100vh; }
.block1 { background-color: #EEE; }
.block1 .carousel,
.block1 .carousel-inner,
.block1 .carousel-item { height: 662px; }
@media (max-width: 991.98px) {
    .block1 .carousel,
    .block1 .carousel-inner,
.block1 .carousel-item { height: 400px; } }
@media (max-width: 575.98px) {
    .block1 .carousel,
    .block1 .carousel-inner,
.block1 .carousel-item { height: 500px; } }
.block1 .carousel-item { width: 100%; }
.block1 .carousel-item img { width: 100%; height: 100%; object-fit: cover; border: 1px #F00 solid:; }
.block1 .carousel-caption { position: absolute; left: 0; right: 0; margin-bottom: 50px; }
.block1 p { font-size: 28px; line-height: 42px; color: #FFF; }
@media (max-width: 991.98px) {
.block1 .display { margin-bottom: 20px; }
.block1 p { font-size: 18px; line-height: 26px; } }
.block1 .carousel-control-prev-icon,
.block1 .carousel-control-next-icon { width: 80px; height: 80px; background-image: url('../img/slider.arr.svg'); }
.block1 .carousel-control-prev-icon { transform: rotate(180deg); }
@media (max-width: 991.98px) {
    .block1 .carousel-control-prev-icon,
.block1 .carousel-control-next-icon { width: 40px; height: 40px; } }
.block1 .carousel-indicators button { width: 14px; height: 14px; border-radius: 50%; }
.block1 .carousel-indicators button.active { background-color: var(--c-red); }
.block2 .full-width-img { position: relative; }
.block2 .full-width-img img { width: 100%; max-height: 415px; object-fit: cover; object-positon: center; }
@media (min-width: 992px) {
.block2 .full-width-img .label.credit { background-color: rgba(255,255,255,.75); position: absolute !important; left: 0; right: 0; bottom: 0; } }
.block2.bgi-chevron>.container { background-image: url('../img/chevron.bg.svg'); background-repeat: no-repeat; }
.block2.bgc-gray :is(h1,h2,h3,h4,p,li,a) { color: #FFF; }
.block2.bgc-gray a.arr { background-image: url('../img/chevron.txtlnk.white.svg'); }
.block2.bgc-gray ul>li { background-image: url('../img/chevron.list.white.svg'); }
@media (min-width: 992px) {
.block3>.container>.row:nth-child(2n+1)>.col-lg-5 { order: -1; margin-right: 8.33333333%; }
.block3>.container>.row:nth-child(2n)>.col-lg-5 { margin-left: 8.33333333%; }
.block3.reverse>.container>.row:nth-child(2n+1)>.col-lg-5 { margin-left: 8.33333333%; margin-right: 0; }
.block3.reverse>.container>.row:nth-child(2n+1)>.col-lg-6 { order: -1; }
.block3.reverse>.container>.row:nth-child(2n)>.col-lg-5 { order: -1; margin-right: 8.33333333%; margin-left: 0; }
.block3>.container>.row:nth-child(2n+1)>.col-lg-4 { order: -1; }
.block3.reverse>.container>.row:nth-child(2n+1)>.col-lg-4 { order: 1; }
.block3.reverse>.container>.row:nth-child(2n)>.col-lg-4 { order: -1; } }
.block4 .shadow { box-shadow: 0 0 20px rgba(0,0,0,.15) !important; height: 100%; display: flex; flex-direction: column; }
.block4.bgc-gray h2,
.block4.bg-gray-gradient h2,
.block4.bg-red-gradient h2 { color: #FFF; }
.block4.bgi-chevron>.container { background-image: url('../img/chevron.bg.svg'); background-repeat: no-repeat; }
.block5 .content { height: 100%; display: flex; flex-direction: column; background-color: var(--c-red); }
.block5 .content :is(*,*:hover) { color: #FFF; }
.block5 .content img { object-fit: cover; object-position: center; aspect-ratio: 1.5/1; }
@media (min-width: 1200px) {
.block5 .content img { aspect-ratio: 1.25/1; } }
.block5 a.arr { background-image: url('../img/chevron.txtlnk.white.svg'); }
.block5 a.arr:hover { background-image: url('../img/chevron.txtlnk.white.svg'); }
.block5 img.aspect-1-25 { aspect-ratio: 1 / 1.25; }
.block6 { position: relative; height: 360px; }
.block6>img { object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; }
.block6 h1 { color: #FFF; min-height: 140px; }
.block6 .container>.row>.col>img { position: absolute; top: 20px; margin-left: -335px; object-fit: contain; object-position: center; width: 305px; height: 370px; }
.block6 .inner { display: flex; height: 100%; align-items: flex-end; }
@media (max-width: 991.98px) {
.block6 { height: 240px; }
.block6 h1 { min-height: 85px; }
.block6 .container>.row>.col>img { top: 10px; margin-left: -230px; width: 200px; height: 250px; object-position: top; } }
@media (max-width: 575.98px) {
.block6 .container>.row>.col>img { display: none; } }
.block7 { padding-left: 0; padding-right: 0; }
.block9 * { color: #FFF; }
.block10 { background-color: #EEE; }
.block10 .carousel,
.block10 .carousel-inner,
.block10 .carousel-item,
.block10 .carousel-caption { min-height: 436px; }
.block10 .carousel-item { padding-top: 30px; padding-bottom: 30px; height: 100%; }
@media (max-width: 991.98px) {
    .block10 .carousel,
    .block10 .carousel-inner,
.block10 .carousel-item { } }
.block10 .carousel-item { width: 100%; }
.block10 .carousel-caption { display: flex; position: static; padding: 0; }
.block10 .carousel-caption .container { display: flex; align-self: center; height: 100%; }
.block10 .carousel-caption .container .text { display: flex; justify-content: center; flex-direction: column; }
.block10 .carousel-caption .container .text *:last-child { margin-bottom: 0; }
.block10 .carousel-caption .container .text p:first-child:before { content: ''; display: block; width: 48px; height: 48px; background-image: url('../img/chevron.fullsizequote.svg'); background-repeat: no-repeat; background-size: contain; position: absolute; margin-left: -55px; margin-top: -5px; }
@media (max-width: 991.98px) {
.block10 .carousel-caption .container .text p:first-child:before { width: 24px; height: 24px; margin-left: -35px; margin-top: 2px; } }
.block10 img.circle { width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; align-self: center; }
.block10 * { color: #FFF; }
.block10 p:not(.credit),
.block10 p:not(.credit) * { font-weight: 300; font-size: 24px; line-height: 42px; }
@media (max-width: 991.98px) {
.block10 .display { margin-bottom: 20px; }
    .block10 p:not(.credit),
.block10 p:not(.credit) * { font-weight: 300; font-size: 18px; line-height: 26px; } }
.block10 .carousel-control-prev-icon,
.block10 .carousel-control-next-icon { width: 80px; height: 80px; background-image: url('../img/slider.arr.svg'); }
.block10 .carousel-control-prev-icon { transform: rotate(180deg); }
@media (max-width: 991.98px) {
    .block10 .carousel-control-prev-icon,
.block10 .carousel-control-next-icon { width: 40px; height: 40px; } }
.block10 .carousel-item,
.block10 .carousel-item .container,
.block10 .carousel-item .container .row { width: 100%; }
.block11.bgc-gray h2 { color: #FFF; }
.block11.bgi-chevron>.container { background-image: url('../img/chevron.bg.svg'); background-repeat: no-repeat; }
.block11 .num { color: var(--c-red); font-size: 72px; font-weight: 700; margin-bottom: -30px; }
.block11 .unit { color: var(--c-red); font-size: 24px; font-weight: 700; }
.block11>.container>.row>div>div>*:last-child { margin-bottom: 0; }
@media (max-width: 991.98px) {
.block11 .num { font-size: 48px; margin-bottom: -18px; }
.block11 .unit { font-size: 18px; font-weight: 700; } }
.block12 { padding-left: 0; padding-right: 0; }
.block12 .img { position: relative; }
.block12 .img img { width: 100%; object-fit: cover; object-positon: center; }
.block12 .img .label.credit { background-color: rgba(255,255,255,.75); position: absolute !important; left: 0; right: 0; bottom: 0; }
@media (max-width: 991.98px) {
.block12 .img .label.credit.above { background-color: rgba(255,255,255,.75); position: static !important; left: 0; right: 0; bottom: 0; } }
.block12 .img.ar-4-1 img { aspect-ratio: 4 / 1; }
.block12 .img.ar-2-3 img { aspect-ratio: 2 / 3; }
.block12 .img.ar-4-3 img { aspect-ratio: 4 / 3; }
.block13 .row .accordion-item,
.block13 .accordion-button { background-color: #F4F4F4; }
.block13.bgc-lightgray .row .accordion-item,
.block13.bgc-lightgray .accordion-button,
.block13.bgc-F4 .row .accordion-item,
.block13.bgc-F4 .accordion-button { background-color: #FFF; }
.block13 .accordion * { border: 0 !important; border-radius: 0 !important; }
.block13 .accordion h4 button { font-size: 18px; line-height: 40px; letter-spacing: .72px; font-weight: 700; color: #000; box-shadow: none; }
.block13 .accordion h4 button::after { background-image: url('../img/chevron.accordion.svg'); }
.block13 .accordion p { font-family: Antenna; font-size: 16px; line-height: 32px; letter-spacing: 0; font-weight: 400; color: #000; }
@media (max-width: 991.98px) {
.block13 .accordion h4 { font-size: 16px; line-height: 24px; }
.block13 .accordion p { font-size: 14px; line-height: 24px; } }
.block13 .accordion-body { padding-top: 0; }
.block13 .accordion-body>p,
.block13 .accordion-body>*:last-of-type { margin-bottom: 0; }
.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]) { }
div#dev, div#dev * { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 11px; font-weight: bold !important; }
div#dev menu { position: fixed; left: 10px; bottom: 10px; padding: 0; margin: 0; display: flex; z-index: 999999; opacity: .75; transition: opacity 1s; }
div#dev menu:hover { opacity: 1; transition: opacity 0s; }
div#dev menu>:is(aside,span,button) { display: inline-block; padding: .25rem .375rem; line-height: 21px; color: #000; font-size: 11px; font-weight: bold; letter-spacing: .25px; background-color: #DDD; }
div#dev menu>:is(aside,span,button):last-child { padding-right: .5rem; }
div#dev menu>:is(aside,span,button).breakpointname + :is(aside,span,button) { padding-left: .5rem; }
div#dev menu>aside { cursor: default; cursor: help; }
div#dev menu>:is(aside,span,button):not(:first-child):not(.breakpointname + :is(aside,span,button)) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 1px #E6E6E6 solid !important; }
div#dev menu>:is(aside,span,button):not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
div#dev menu .svg { padding-top: .1rem; }
div#dev menu svg { width: 14px; height: 14px; }
@media (max-width: 575.98px) {
    div#dev menu>:is(aside,span,button)>span,
div#dev menu .svg.visibility { display: none; } }
div#dev .breakpointcorner { display: block; background-color: #000; width: 30px; height: 30px; transform: rotate(45deg); position: fixed; top: -15px; right: -15px; cursor: help; z-index: 999999; }
div#dev menu>aside.breakpointname { width: 36px; overflow: hidden; padding: 0; justify-content: center; align-items: center; display: flex; font-size: 14px; }
@media (max-width: 575.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(226,0,122, 1); }
div#dev menu>aside.breakpointname:before { content: "XS"; color: #FFFB; } }
@media (min-width: 576px) and (max-width: 767.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(192,192,0, 1); }
div#dev menu>aside.breakpointname:before { content: "SM"; color: #0007; } }
@media (min-width: 768px) and (max-width: 991.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(0,255,0, 1); }
div#dev menu>aside.breakpointname:before { content: "MD"; color: #0009; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(255,102,0, 1); }
div#dev menu>aside.breakpointname:before { content: "LG"; color: #FFF9; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(0,158,224, 1); }
div#dev menu>aside.breakpointname:before { content: "XL"; color: #FFFA; } }
@media (min-width: 1400px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(154, 51, 223, 1); }
div#dev menu>aside.breakpointname:before { content: "XXL"; color: #FFFA; } }
div#dev .chk { padding-left: calc(calc(.375rem * 2) + 16px  ); cursor: pointer; user-select: none; }
div#dev .chk .checkmark { display: block; width: 16px; height: 16px; width: 14px; height: 14px; background-color: #BBB; position: absolute; margin-top: 3px; margin-left: calc(0px - calc(.175rem + 16px  )); box-shadow: inset 0 0 2px #0006; }
div#dev .chk .checkmark:before { content: ''; position: absolute; display: inline-block; transform: rotate(45deg); height: 10px; width: 6px; margin-top: 1px; margin-left: 4px; border-bottom: 3px solid #333 !important; border-right: 3px solid #333 !important; opacity: 0; }
div#dev .chk .checkmark.checked:before { opacity: 1; }
div#dev div#devgridlayer { position: fixed; z-index: 999999; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; display: none; }
div#dev div#devgridlayer.show { display: block; }
div#dev div#devgridlayer .col { height: 100vh; position: relative; }
div#dev div#devgridlayer .col:before,
div#dev div#devgridlayer .col:after { position: absolute; left: 0; top: 0; bottom: 0; content: ""; display: block; width: 1px; background-color: #FFF; }
div#dev div#devgridlayer .col:after { left: auto; right: 0; }
div#dev div#devgridlayer .col:first-child:before { left: -1px; width: 2px; }
div#dev div#devgridlayer .col:last-child:after { left: auto; width: 2px; right: -1px; }
div#dev div#devgridlayer .col:before,
div#dev div#devgridlayer .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; } }
div#dev div#horizontalscrollwarnlayer { 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; }
div#dev div#horizontalscrollwarnlayer: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.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; }
body.show-outlines div#dev, body.show-outlines div#dev * { border: 0 !important; }
@media (max-width: 319.98px) {
body { overflow: hidden; }
div#dev :is(div#devgridlayer, div#horizontalscrollwarnlayer, .breakpointcorner, menu) { display: none !important; }
div#dev::after { display: flex; justify-content: center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(191,0,0,.85); color: #FFF; overflow-y: scroll; padding: 50px 30px; font-size: 14px; font-family: Arial; text-align: center; white-space: pre-wrap; content: "Zu kleines Display! \A Bitte benutzen Sie für die Anzeige dieser Seite ein grösseres Gerät. \A\A\A Display too small! \A Please use a larger device to view this page. \A\A\A Display troppo piccolo! \A Utilizza un dispositivo più grande per visualizzare questa pagina. \A\A\A Affichage trop petit! \A Veuillez utiliser un appareil plus grand pour afficher cette page. \A\A\A ¡Pantalla demasiado pequeña! \A Utilice un dispositivo más grande para ver esta página. \A\A\A"; z-index: 9999999; } }
.page-tpl main :is(header,section):not([data-blockname=''])::before { position: absolute; z-index: 1; left: 15px; padding: 15px; margin-top: 15px; background-color: #FF0; font: bold 14px Arial; content: 'Block 'attr(data-blocknum)': 'attr(data-blockname); }