.bs-hero>.bs-hero-bild{object-position: 50% 50%}.bs-tag{display: inline-block;font: 600 .7rem/1 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #a42423}.giebel--dunkel .bs-tag{color: #ef6a60}.fk-ic{display: grid;place-items: center;width: 48px;height: 48px;border-radius: 14px;background: #a42423;color: #fff;box-shadow: 0 4px 0 #6b1412}.fk-ic svg{width: 26px;height: 26px}.bv-quelle{margin: 16px 0 0;font-size: .76rem;line-height: 1.5;color: #6f7a80}.bv-quelle a{color: #a42423}.bv-vorher{display: grid;grid-template-columns: minmax(0,1fr)}.bv-vorher>div{max-width: 46em}.bv-vorher .bv-grenze{margin-top: 36px}.bv-vorher p{color: #3c4a52}.bv-grenze{position: relative;margin: 0;min-width: 0;border-radius: 18px;overflow: hidden;box-shadow: 0 40px 70px -40px rgba(0,0,0,.7)}.bv-grenze img{display: block;width: 100%;height: auto}.bv-grenze figcaption{position: absolute;inset: auto 14px 14px 14px;display: flex;justify-content: space-between;pointer-events: none}.bv-grenze figcaption span{padding: 8px 12px;border-radius: 10px;background: rgba(14,20,24,.82);color: #fff;font: 700 .95rem/1 var(--titel);text-transform: uppercase;letter-spacing: .05em}.bv-grenze figcaption span:first-child{background: #a42423}.bv-rechner{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(20px,3vw,40px);margin-top: 36px;align-items: start}.bv-eingabe{min-width: 0;display: grid;gap: 20px}.bv-feld .r-label{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;margin: 0;font: 700 .8rem/1.2 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #a8b3b9}.bv-feld output{font: 700 2rem/1 var(--titel);letter-spacing: 0;color: #fff}.bv-feld input{width: 100%;margin-top: 10px;accent-color: #ef6a60;height: 28px}.bv-schmutz{margin: 0;padding: 0;border: 0;min-width: 0}.bv-schmutz legend{margin-bottom: 10px;padding: 0;font: 700 .8rem/1.2 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #a8b3b9}.bv-knoepfe{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.bv-knoepfe button{min-width: 0;display: flex;flex-direction: column;gap: 4px;padding: 12px 14px;border-radius: 14px;border: 2px solid rgba(255,255,255,.12);background: #172128;color: #dfe5e8;font: inherit;text-align: left;cursor: pointer;transition: border-color .2s,background .2s,transform .15s}.bv-knoepfe b{font: 700 1.15rem/1.05 var(--titel);text-transform: uppercase;color: #fff}.bv-knoepfe span{font-size: .78rem;line-height: 1.35;color: #a8b3b9}.bv-knoepfe button:hover{border-color: rgba(239,106,96,.6)}.bv-knoepfe button:active{transform: scale(.98)}.bv-knoepfe button[aria-pressed="true"]{border-color: #ef6a60;background: #22161a}.bv-knoepfe button:focus-visible{outline: 3px solid #ef6a60;outline-offset: 2px}.bv-haken{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 14px;background: #172128;border: 2px solid rgba(255,255,255,.12);color: #fff;cursor: pointer}.bv-haken input{width: 22px;height: 22px;accent-color: #ef6a60;flex: none}.bv-blatt{min-width: 0;padding: 26px;border-radius: 18px;background: #f3efe8;color: #1b2227;box-shadow: 0 30px 60px -36px rgba(0,0,0,.9)}.bv-blatt-kopf{display: flex;justify-content: space-between;gap: 10px;margin: 0;padding-bottom: 12px;border-bottom: 1px dashed #c9bfb0;font: 700 .72rem/1.3 var(--text-font);letter-spacing: .12em;text-transform: uppercase;color: #6f7a80}.bv-summe{display: flex;align-items: baseline;gap: 10px;margin: 16px 0 10px}.bv-summe span{font: 700 1.3rem/1 var(--titel);text-transform: uppercase;color: #4d5960}.bv-summe strong{font: 700 clamp(2.8rem,6vw,4rem)/1 var(--titel);color: #a42423}.bv-zeile{display: flex;justify-content: space-between;align-items: baseline;gap: 12px;padding: 9px 0;border-top: 1px solid #e3dccf;font-size: .9rem;color: #3c4a52}.bv-zeile i{font-style: normal}.bv-zeile b{white-space: nowrap;color: #1b2227}.bv-gesamt{border-top: 2px solid #1b2227;font-weight: 700;color: #1b2227}.bv-gesamt b{font: 700 1.5rem/1 var(--titel);color: #a42423}.bv-blatt .knopf-2z{margin-top: 18px;width: 100%}.bv-farben{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: clamp(28px,5vw,64px);align-items: center}.bv-koffer{margin: 0;min-width: 0;border-radius: 18px;overflow: hidden;box-shadow: 0 40px 70px -40px rgba(0,0,0,.7)}.bv-koffer img{display: block;width: 100%;height: auto}.bv-toene{list-style: none;margin: 22px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px}.bv-toene li{display: flex;align-items: center;gap: 8px;padding: 6px 12px 6px 6px;border-radius: 999px;background: #f6f3ee;border: 1px solid #e3dccf;font-size: .86rem;font-weight: 600;color: #1b2227}.bv-toene i{width: 22px;height: 22px;border-radius: 50%;box-shadow: inset 0 0 0 1px rgba(0,0,0,.15)}.bv-praxis{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);gap: clamp(24px,4vw,56px);margin-top: 36px;align-items: center}.bv-weg{list-style: none;margin: 0;padding: 0;display: grid;gap: 14px;min-width: 0}.bv-weg li{display: flex;gap: 16px;align-items: flex-start;padding: 18px;border-radius: 16px;background: #fff;border: 1px solid #e3dccf}.bv-weg .fk-ic{flex: none}.bv-weg div{min-width: 0}.bv-weg h3{margin: 6px 0 0;font-size: 1.4rem;line-height: 1;text-transform: uppercase;color: #1b2227}.bv-weg p{margin: 8px 0 0;font-size: .93rem;color: #3c4a52}.bv-foto{position: relative;margin: 0;min-width: 0;border-radius: 18px;overflow: hidden;box-shadow: 0 40px 70px -40px rgba(0,0,0,.8)}.bv-foto img{display: block;width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;object-position: 40% 50%}.bv-foto figcaption{position: absolute;left: 12px;bottom: 12px;right: 12px;display: flex;flex-direction: column;gap: 2px;padding: 10px 14px;border-radius: 10px;background: rgba(14,20,24,.84);color: #fff}.bv-foto figcaption b{font: 700 1.05rem/1 var(--titel);text-transform: uppercase;letter-spacing: .04em}.bv-foto figcaption span{font-size: .78rem;color: #c3ccd1}.bv-weiter{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;margin-top: 44px}.bv-weiter a{min-width: 0;display: flex;flex-direction: column;gap: 6px;padding: 20px 22px;border-radius: 16px;background: #f6f3ee;border: 1px solid #e3dccf;text-decoration: none;color: #3c4a52;transition: border-color .2s,transform .2s}.bv-weiter a:hover{border-color: #a42423;transform: translateY(-2px)}.bv-weiter b{font-size: 1.35rem;line-height: 1.05;text-transform: uppercase;color: #1b2227}.bv-weiter b::after{content: " →";color: #a42423}.bv-weiter span:last-child{font-size: .9rem}@media (max-width: 960px){.bv-vorher,.bv-rechner,.bv-farben,.bv-praxis{grid-template-columns: 1fr}.bv-foto img{aspect-ratio: 16 / 9}.bv-weiter{grid-template-columns: 1fr}}@media (max-width: 600px){.bv-grenze figcaption,.bv-foto figcaption{inset: auto 8px 8px 8px}.bv-grenze figcaption span{font-size: .8rem;padding: 6px 9px}.bv-knoepfe span{display: none}.bv-knoepfe button{padding: 11px 10px;text-align: center}.bv-blatt{padding: 20px}.bv-zeile{font-size: .82rem}.bv-weg li{padding: 14px;gap: 12px}}
