@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-button{width:auto}}#s-hero {padding-top: clamp(2.5rem, 5vw, 5rem); padding-right: 0; padding-bottom: clamp(2.5rem, 5vw, 5rem); padding-left: 0}#s-hero .hero-unterseite__buttons .brxe-button.btn--verlauf { padding-left: 1.625rem; padding-right: 1.625rem; border-width: 0; box-shadow: var(--schatten-button-hero); }#s-hero .hero-unterseite__buttons .brxe-button { line-height: 1.3; }#s-fuer-wen {background-color: var(--white); padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-right: var(--gutter); padding-bottom: 0; padding-left: var(--gutter)}#s-fuer-wen { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-fuer-wen > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-fuer-wen .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-fuer-wen .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-fuer-wen .s-fuer-wen__karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 21.25rem), 1fr)); gap: 1.125rem; align-items: stretch; }#s-vorteile {background-color: var(--white); padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-right: var(--gutter); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); padding-left: var(--gutter)}#s-vorteile { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-vorteile > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-vorteile .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-vorteile .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-vorteile .s-vorteile__karten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .875rem; counter-reset: kachel; }@media (max-width: 899.98px) { #s-vorteile .s-vorteile__karten { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 599.98px) { #s-vorteile .s-vorteile__karten { grid-template-columns: minmax(0, 1fr); } }#s-vorteile .kachel { min-width: 0; gap: .625rem; padding: 1.5rem; border-radius: var(--radius); }#s-vorteile .kachel__titel { font-size: 1.125rem; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-wrap: pretty; }#s-vorteile .kachel__text { font-size: calc(var(--text-m) - 1px); line-height: 1.55; text-wrap: pretty; }#s-produktfamilien {background-color: var(--neutral-ultra-light); padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-right: var(--gutter); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); padding-left: var(--gutter)}#s-produktfamilien { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-produktfamilien > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-produktfamilien .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-produktfamilien .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-produktfamilien .s-produktfamilien__karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17.5rem), 1fr)); gap: 1.125rem; }#s-so-gehts {background-color: var(--white); padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-right: var(--gutter); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); padding-left: var(--gutter)}#s-so-gehts { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-so-gehts > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-so-gehts .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-so-gehts .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-so-gehts { gap: clamp(1.75rem, 3.5vw, 3rem); }#s-anleitung {background-color: var(--neutral-ultra-light); padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-right: var(--gutter); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); padding-left: var(--gutter)}#s-anleitung { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-anleitung > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-anleitung .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-anleitung .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-anleitung .eyebrow { line-height: 1; letter-spacing: .28em; }#s-anleitung .s-anleitung__raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22.5rem), 1fr)); gap: clamp(1.75rem, 5vw, 5rem); align-items: start; }#s-anleitung .abschnitt-kopf__text { gap: .875rem; }#s-anleitung .abschnitt-kopf .lead { font-size: var(--text-m); line-height: 1.6; text-wrap: wrap; }#s-gut-zu-wissen {background-color: var(--white); padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-right: var(--gutter); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); padding-left: var(--gutter)}#s-gut-zu-wissen { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-gut-zu-wissen > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-gut-zu-wissen .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-gut-zu-wissen .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-gut-zu-wissen .eyebrow { line-height: 1; letter-spacing: .28em; }#s-gut-zu-wissen .s-gut-zu-wissen__raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22.5rem), 1fr)); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }#s-gut-zu-wissen .s-gut-zu-wissen__spalte { display: flex; flex-direction: column; gap: 1.125rem; min-width: 0; }#s-gut-zu-wissen .liste-punkte ul { gap: .75rem; }#s-gut-zu-wissen .liste-punkte li { padding-left: 1.125rem; font-size: 1rem; line-height: 1.5; }#s-gut-zu-wissen .liste-punkte li::before { top: .5625rem; }#s-gut-zu-wissen .chip-liste { gap: .5rem; }#s-gut-zu-wissen .chip { padding: .625rem 1rem; font-size: var(--text-s); font-weight: 500; line-height: 1; letter-spacing: .02em; }#s-gut-zu-wissen .box-hinweis { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.125rem; align-items: start; padding: clamp(1.25rem, 2.6vw, 2rem); }#s-gut-zu-wissen .s-gut-zu-wissen__symbol { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--base); color: var(--white); font-size: 1.125rem; font-weight: 600; line-height: 1; }#s-gut-zu-wissen .box-hinweis__text { gap: .5rem; }#s-gut-zu-wissen .box-hinweis__titel { font-size: 1.125rem; line-height: 1.3; text-wrap: wrap; }#s-gut-zu-wissen .box-hinweis__absatz { line-height: 1.6; }#s-zugang {background-color: var(--white); padding-top: 0; padding-right: var(--gutter); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); padding-left: var(--gutter)}#s-zugang { --offset: 6rem; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.5rem); hyphens: manual; -webkit-hyphens: manual; scroll-margin-top: var(--offset); }#s-zugang > * { width: 100%; max-width: var(--content-width); margin-inline: auto; }#s-zugang .abschnitt-kopf__text { --abschnitt-kopf-breite: 47.5rem; }#s-zugang .abschnitt-kopf__titel { font-size: clamp(1.625rem, 2.6vw, 2.375rem); line-height: 1.15; letter-spacing: -.015em; }#s-zugang .cta-band { display: flex; flex-direction: column; align-items: stretch; gap: clamp(1.5rem, 3vw, 2.5rem); padding: clamp(2rem, 5vw, 4.5rem); border-radius: 1rem; }@media (max-width: 767px) { #s-zugang .cta-band { padding: 2rem; } }#s-zugang .abschnitt-kopf__titel { font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.12; letter-spacing: -.02em; color: var(--white); }#s-zugang .s-zugang__karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18.75rem), 1fr)); gap: 1rem; }#s-zugang .s-zugang__karte { display: flex; flex-direction: column; gap: .75rem; min-width: 0; padding: clamp(1.25rem, 2.4vw, 1.75rem); border: 1px solid var(--neutral-dark); border-radius: var(--radius); }#s-zugang .s-zugang__label { font-size: calc(var(--text-xs) - 1px); font-weight: 500; line-height: 1; letter-spacing: .2em; text-transform: uppercase; color: var(--linie-stark); }#s-zugang .s-zugang__text { margin: 0; font-size: var(--text-m); line-height: 1.55; color: var(--white); text-wrap: pretty; }#s-zugang .s-zugang__karte .brxe-button { align-self: flex-start; margin-top: auto; min-height: 3rem; padding: .625rem 1.5rem; font-size: var(--text-xs); line-height: 1.3; letter-spacing: .16em; }#s-zugang .s-zugang__karte .brxe-button.btn--verlauf { border-width: 0; box-shadow: none; }#s-zugang .s-zugang__fuss { margin: 0; font-size: calc(var(--text-m) - 1px); line-height: 1.5; color: var(--linie-stark); }#s-zugang .s-zugang__fuss a { color: var(--white); text-decoration: underline; }#s-zugang .s-zugang__fuss a:hover, #s-zugang .s-zugang__fuss a:focus-visible { color: var(--white); }