/* Aus WP_index.html, Fassung v20.95, geholt am 2026-10-07 18:28
   von werkzeuge/wp_teile_holen.mjs. Nicht von Hand ändern — neu holen.
   Rahmen .wpx: Was darin liegt, sieht aus wie auf der höhenhaus-Startseite. */
.wpx :where(*:not(svg,svg *)){all:revert}
.wpx :where([hidden]){display:none}
.wpx{--ink: #16130f; --ink-2: #201b15; --ink-3: #0d0b09; --paper: #f5f2ec; --paper-2: #fcfaf7; --line: rgba(22,19,15,.14); --line-d: rgba(255,255,255,.16); --muted: #6d665c; --muted-d: rgba(255,255,255,.68); --gruen: #2f7d33; --gruen-hell: #8ebb72; --maxw: 1180px; --pad: clamp(20px,5vw,66px); --serif: Georgia,"Iowan Old Style","Times New Roman",serif; --sans: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;}
.wpx *{box-sizing: border-box;}
.wpx{text-size-adjust: 100%; scroll-behavior: smooth;}
.wpx{margin: 0px; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 17px; line-height: 1.62; letter-spacing: -0.01em; overflow-x: hidden; -webkit-font-smoothing: antialiased;}
.wpx img{max-width: 100%; display: block;}
@media (prefers-reduced-motion: reduce){
.wpx{scroll-behavior: auto;}
}
.wpx .brand i{font-style: normal; font-size: 16px; color: var(--gruen); font-weight: 400; letter-spacing: 0.01em;}
.wpx .wrap{max-width: var(--maxw); margin: 0px auto; padding: 0 var(--pad);}
.wpx .band{padding: clamp(58px, 8.5vw, 124px) 0px;}
.wpx .band--white{background: var(--paper-2);}
.wpx h2,.wpx h3{letter-spacing: -0.032em; line-height: 1.06; font-weight: 600; margin: 0px;}
.wpx h2{font-size: clamp(28px, 4.4vw, 50px);}
.wpx h3{font-size: clamp(18px, 2vw, 23px); line-height: 1.24; letter-spacing: -0.018em;}
.wpx p{margin: 16px 0px 0px;}
.wpx .lead{font-size: clamp(18px, 1.95vw, 22px); line-height: 1.52; color: var(--muted); max-width: 60ch; letter-spacing: -0.013em;}
.wpx .mosaic img{width: 100%; height: 100%; object-fit: cover; opacity: 0.62;}
.wpx .hero-b .wrap{position: relative; z-index: 3; padding-top: clamp(90px, 13vw, 170px); padding-bottom: clamp(56px, 8vw, 110px); min-height: min(86vh, 760px); display: flex; flex-direction: column; justify-content: flex-end;}
.wpx .hero-b .kicker{font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gruen-hell); font-weight: 600; margin: 0px 0px 24px;}
.wpx .strip{display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px;}
@media (max-width: 900px){
.wpx .strip{grid-template-columns: repeat(3, 1fr);}
.wpx .strip figure:nth-child(n+4){display: none;}
}
@media (max-width: 520px){
.wpx .strip{grid-template-columns: repeat(2, 1fr);}
.wpx .strip figure:nth-child(n+3){display: none;}
}
.wpx .strip figure{margin: 0px; position: relative; background: var(--grund-fuss);}
.wpx .strip img{width: 100%; aspect-ratio: 3 / 4; object-fit: cover;}
.wpx .strip figcaption{position: absolute; left: 12px; right: 12px; bottom: 11px; font-size: clamp(11px, 1.05vw, 13.5px); font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 2px, rgba(0, 0, 0, 0.8) 0px 2px 16px;}
.wpx .strip figure::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 52%; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(14, 12, 9, 0.7) 0%, rgba(14, 12, 9, 0.46) 34%, rgba(14, 12, 9, 0.16) 66%, rgba(14, 12, 9, 0) 100%);}
.wpx figure{margin: 0px;}
.wpx .row h3{font-size: 19px;}
.wpx .row p{margin: 0px; color: var(--muted); max-width: 64ch;}
.wpx .limit h3{font-size: 18px;}
.wpx .limit p{color: var(--muted-d); font-size: 15px; margin-top: 8px;}
.wpx .door b{display: block; font-size: 11px; letter-spacing: 0.19em; text-transform: uppercase; color: var(--gruen-hell); font-weight: 600;}
.wpx .door h3{margin: 12px 0px 0px; font-size: 19px;}
.wpx .door p{color: var(--muted-d); font-size: 14.5px;}
.wpx .abs-txt p{color: var(--muted); font-size: 15.5px; max-width: 60ch; margin: 0px 0px 14px;}
.wpx .snav b{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink); white-space: nowrap; flex-shrink: 0;}
.wpx .wh b{font-size: 11px; letter-spacing: 0.2em; color: var(--gruen); font-weight: 600;}
.wpx .wh h3{margin: 12px 0px 0px; font-size: 20px;}
.wpx .wh p{color: var(--muted); font-size: 15px; line-height: 1.55;}
.wpx .sig b{color: var(--gruen-hell); font-weight: 600;}
.wpx .rg--on i{opacity: 1;}
.wpx .reg-kopf .kicker{margin: 0px;}
.wpx .schild.offen{background: transparent; color: var(--muted); border: 1px dashed var(--line);}
.wpx .wort-k b{display: block; font-size: 19px; letter-spacing: -0.015em;}
.wpx .wort-k p{margin: 10px 0px 0px; font-size: 14.5px; color: var(--muted); line-height: 1.5;}
.wpx .rg--on i{opacity: 1;}
.wpx .erd h3{margin: 0px 0px 8px; font-size: 19px; letter-spacing: -0.016em;}
.wpx .erd p{margin: 0px; color: var(--muted); max-width: 52ch;}
.wpx .erd-bild img{width: 100%; height: clamp(260px, 44vh, 520px); object-fit: cover; display: block;}
.wpx .erd-bild figcaption{font-size: 12.5px; color: var(--muted); margin-top: 10px;}
.wpx .rg--on i{color: var(--gruen);}
.wpx .bb-pfeile button{width: 32px; height: 32px; padding: 0px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 999px; background: var(--paper-2); transition: color 0.16s, border-color 0.16s;}
.wpx .bb-pfeile button:hover{color: var(--gruen); border-color: var(--gruen);}
.wpx .bb-pfeile svg{width: 11px; height: 18px;}
.wpx{--winkel: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'><path d='M2 3l8 7 8-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");}
.wpx .er-erst p{font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.88); margin: 0px 0px 9px;}
.wpx .er-erst p.er-erst-t{font-size: clamp(16px, 1.3vw, 18.5px); font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 7px;}
.wpx .tafel-kopf p{margin: 0px; font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted);}
.wpx .tf i{display: block; font-style: normal; font-size: 10.5px; letter-spacing: 0.14em; color: var(--gruen); font-weight: 600; margin-bottom: 9px;}
.wpx .tf b{display: block; font-size: clamp(16px, 1.35vw, 18.5px); font-weight: 600; letter-spacing: -0.018em; line-height: 1.22; margin-bottom: 6px;}
.wpx .tf span{display: block; font-size: 14px; line-height: 1.42; color: var(--muted); max-width: 34ch;}
@media (max-width: 640px){
.wpx .tf span{max-width: none;}
}
.wpx .mehr .tief p{margin: 0px 0px 0.95em; font-size: 15.5px; line-height: 1.6; color: var(--muted);}
.wpx .mehr .tief p:last-child{margin-bottom: 0px;}
.wpx .mehr .tief b{color: var(--ink);}
.wpx .hol b{display: block; font-size: 17.5px; font-weight: 600; letter-spacing: -0.017em; margin-bottom: 5px;}
.wpx .hol p{margin: 0px; font-size: 14.5px; color: var(--muted); max-width: 56ch;}
.wpx .hero:not(.hero-a){padding-top: clamp(26px, 3vw, 44px); padding-bottom: clamp(22px, 2.6vw, 36px);}
.wpx .hero:not(.hero-a) .reg-kopf{margin-bottom: clamp(8px, 1vw, 14px);}
.wpx .hero:not(.hero-a) .ziffer{font-size: clamp(34px, 4vw, 52px); line-height: 0.9;}
.wpx .bild-oben img{height: clamp(170px, 26vh, 300px) !important;}
.wpx{--fest: 126px; --tafelfest: 51px;}
@media (max-width: 760px){
.wpx{--fest: 115px;}
}
.wpx .tafelfest .tf i{margin-bottom: 0px; flex-shrink: 0;}
.wpx .tafelfest .tf b{font-size: clamp(14.5px, 1.15vw, 16px); margin-bottom: 0px; line-height: 1.2; white-space: nowrap;}
.wpx .tafelfest .tf span{display: none;}
.wpx .tafelfest .tf--grund i{display: none;}
.wpx .tf.hier b{color: var(--ink);}
.wpx .bb-kopf p{margin: 0px; font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted);}
.wpx .bb-pfeile button{width: 32px; height: 32px; padding: 0px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 999px; background: var(--paper-2); cursor: pointer; color: var(--muted); line-height: 0; transition: color 0.16s, border-color 0.16s;}
.wpx .bb-pfeile button:hover{color: var(--gruen); border-color: var(--gruen);}
.wpx .bb-pfeile button:focus-visible{outline: 2px solid var(--gruen); outline-offset: 2px;}
.wpx .bb-pfeile svg{width: 11px; height: 18px; display: block;}
.wpx .bb-bild img{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--paper-2);}
.wpx .bb-bild figcaption{margin-top: clamp(10px, 1.2vw, 14px);}
.wpx .bb-bild figcaption span{display: block; font-size: 14px; line-height: 1.45; color: var(--muted);}
.wpx .bb-bild figcaption{margin-top: clamp(12px, 1.4vw, 16px);}
.wpx .mitwem-satz b{color: var(--ink); font-weight: 600;}
.wpx .koop-liste b{font-size: 16px; font-weight: 600; letter-spacing: -0.014em; color: var(--ink);}
.wpx .koop-liste span{font-size: 15px; line-height: 1.55; color: var(--muted);}
.wpx .rg--rolle i{opacity: 1; color: var(--gruen);}
.wpx .koop-t p{font-size: 15.5px; line-height: 1.55; color: rgba(255, 255, 255, 0.74); margin: 0px;}
.wpx .koop-offen p{font-size: 14.5px; color: var(--muted); margin: 0px; line-height: 1.5;}
.wpx .koop--hell .koop-t p{color: var(--muted);}
.wpx .koop-kette img{width: 100%; aspect-ratio: 16 / 6.4; object-fit: cover;}
.wpx .koop-kette figcaption{padding: clamp(15px, 1.8vw, 22px) clamp(18px, 2.2vw, 30px); font-size: 14.5px; color: var(--muted); line-height: 1.5; border-top: 1px solid var(--line);}
.wpx .koop-kette b{color: var(--ink); font-weight: 600;}
.wpx .w4:last-child{margin-bottom: 0px;}
.wpx .tf span{max-width: 30ch;}
.wpx .boden p{margin: 0px; font-size: clamp(16.5px, 1.7vw, 20px); line-height: 1.58; color: var(--muted);}
.wpx .boden b{color: var(--ink); font-weight: 600;}
.wpx{--pad: 24px; --padw: 8px; --wp: 16px; --tfp: 8px; --kr: 14px;}
@media (min-width: 520px){
.wpx{--pad: 30px; --padw: 10px; --wp: 20px; --tfp: 10px; --kr: 14px;}
}
@media (min-width: 760px){
.wpx{--pad: 40px; --padw: 10px; --wp: 30px; --tfp: 12px; --kr: 16px;}
}
@media (min-width: 1000px){
.wpx{--pad: 52px; --padw: 14px; --wp: 38px; --tfp: 14px; --kr: 18px;}
}
@media (min-width: 1280px){
.wpx{--pad: 64px; --padw: 18px; --wp: 46px; --tfp: 16px; --kr: 20px;}
}
@media (min-width: 1560px){
.wpx{--pad: 66px; --padw: 16px; --wp: 50px; --tfp: 18px; --kr: 22px;}
}
.wpx .band--felder:not(.band--dark):not(.band--ink2){background: var(--paper);}
.wpx .feld:last-child{background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--kr); box-shadow: rgba(22, 19, 15, 0.55) 0px 26px 58px -46px; padding: var(--wp); margin: 0px 0px 22px; scroll-margin-top: calc(var(--kopfh) + 16px);}
@media (min-width: 760px){
.wpx .feld:last-child{margin-bottom: 26px;}
}
.wpx{scrollbar-gutter: stable;}
.wpx{--grundluft: 30px;}
@media (min-width: 760px){
.wpx{--grundluft: 44px;}
}
@media (min-width: 1000px){
.wpx{--grundluft: 56px;}
}
@media (min-width: 1280px){
.wpx{--grundluft: 66px;}
}
.wpx .tafelfest--glas .tf b{color: rgb(255, 255, 255);}
.wpx .tafelfest--glas .tf i{color: rgb(170, 223, 173);}
.wpx .tafelfest--glas .tf.hier b{color: rgb(255, 255, 255);}
.wpx .imp-fassung p{margin: 0px 0px 6px; font-size: 15px; line-height: 1.6;}
.wpx .imp-fassung p:last-child{margin-bottom: 0px;}
.wpx .absender-zeile b{color: var(--ink); font-weight: 600;}
.wpx .schritt-kasten h3{margin: 0px 0px 3px; font-size: clamp(19px, 1.6vw, 23px); line-height: 1.25; letter-spacing: -0.01em;}
.wpx .pr-kopf div{font-size: 13.5px; line-height: 1.5; color: var(--muted);}
.wpx .pr-kopf b{display: block; font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink); margin: 0px 0px 2px;}
.wpx .pr-aus b{color: var(--ink);}
.wpx .laden-fotos figure{margin: 0px;}
.wpx .laden-fotos img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: var(--kr); background: var(--paper-2);}
.wpx .laden-fotos figcaption{margin-top: 7px; font-size: 12.5px; line-height: 1.45; color: var(--muted);}
@media (max-width: 640px){
.wpx .laden-fotos figure:last-child{grid-column: 1 / -1;}
}
.wpx .gross img{width: 100%; display: block; border-radius: var(--kr); background: var(--ink);}
.wpx .gross figcaption{margin-top: 8px; font-size: 12.5px; line-height: 1.5; color: var(--muted);}
.wpx .holzv img{width: 100%; display: block; border-radius: calc(var(--kr) - 3px); background: rgb(255, 255, 255);}
.wpx .holzv p{margin: 0px 0px 9px; font-size: 15px; line-height: 1.6;}
.wpx .holzv p:last-of-type{margin-bottom: 0px;}
.wpx .bildplatz b{font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gruen);}
.wpx .bildplatz span{font-size: 13.5px; line-height: 1.55; color: var(--muted);}
.wpx .platzhalter-bild figcaption{margin-top: 8px; font-size: 12.5px; line-height: 1.55; color: var(--muted);}
.wpx .hoch-zwei figure{margin: 0px;}
.wpx .hoch-zwei img{width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; border-radius: var(--kr); background: var(--ink);}
.wpx .hoch-zwei figcaption{margin-top: 8px; font-size: 12.5px; line-height: 1.5; color: var(--muted);}
.wpx .anker p,.wpx .anker figcaption,.wpx .anker figcaption span{color: rgba(255, 255, 255, 0.78);}
.wpx .anker b{color: rgb(255, 255, 255);}
.wpx .anker .kicker{color: var(--gruen-hell);}
.wpx .schritt b{color: rgb(117, 88, 31);}
.wpx .hoch-zwei--klein figcaption{font-size: 11.5px; line-height: 1.45; margin-top: 6px;}
.wpx .lande h3{color: rgb(255, 255, 255); font-size: clamp(19px, 2vw, 25px); margin: 0.5em 0px 0.4em; line-height: 1.14; letter-spacing: -0.02em;}
.wpx .lande p{color: rgba(255, 255, 255, 0.78); font-size: 15.5px; line-height: 1.55; margin: 0px;}
.wpx .sec h2{font-size: clamp(22px, 2.8vw, 30px);}
.wpx .band--felder:not(.band--dark):not(.band--ink2) .pull span{color: var(--gruen);}
.wpx .band--felder:not(.band--dark):not(.band--ink2) .pull{color: var(--ink);}
.wpx .herkunft span{color: var(--muted); font-size: 12px;}
.wpx .herkunft b{font-weight: 600; letter-spacing: -0.01em;}
.wpx .tf--grund i,.wpx .tf--kern i{text-transform: uppercase; letter-spacing: 0.16em;}
.wpx .tf--grund i{color: var(--muted);}
.wpx .tafel-tiefe span{color: var(--muted); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;}
.wpx .fo-spur .fo-k:not(.fo-k--da) .fo-b img{opacity: 0.55; transition: opacity 0.25s;}
.wpx .fo-spur .fo-k:not(.fo-k--da):hover .fo-b img{opacity: 0.85;}
.wpx .fo-ende[hidden]{display: none;}
.wpx .lt-s--jetzt i{color: var(--gruen);}
.wpx .lt-s--jetzt b{color: var(--ink);}
.wpx .lt-nach .weiter b{font-weight: 600;}
.wpx .lt-nach b{color: var(--ink);}
.wpx .er-tief p{text-shadow: rgba(9, 26, 14, 0.5) 0px 1px 10px;}
.wpx .auf-w{display: block; width: 13px; height: 8px; flex: 0 0 auto; transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);}
.wpx .er-tief p{margin: 10px 0px 0px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, 0.84);}
.wpx .er-v i{font-style: normal; font-size: 9.5px; letter-spacing: 0.14em; font-weight: 600; color: rgba(255, 255, 255, 0.74);}
.wpx .er-v--jetzt i{color: rgb(255, 255, 255);}
.wpx .er-v b{font-size: 14px; font-weight: 600; letter-spacing: -0.01em; color: rgba(255, 255, 255, 0.78);}
.wpx .er-v--jetzt b{color: rgb(255, 255, 255);}
.wpx .er-fakt b{color: rgb(255, 255, 255); font-weight: 600;}
.wpx .lage p{margin: 0px; font-size: 14px; line-height: 1.5; color: var(--muted); max-width: 44ch;}
.wpx .lage-w span{display: block; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--muted); margin-bottom: 3px;}
.wpx .lage--frei .lage-w span{color: var(--gruen);}
.wpx section.feld{position: relative;}
.wpx .erster--weg .er-tief p{font-size: 12.5px; line-height: 1.45;}
.wpx .rg--on i{color: var(--gruen); opacity: 1;}
.wpx .rg--rolle:not(.rg--on) i{color: var(--muted); opacity: 1;}
.wpx .herkunft b{font-size: 12px;}
.wpx .bband--breit .bb-bild img{aspect-ratio: 16 / 9;}
.wpx .vorspann p{margin: 0px; max-width: 58ch; color: var(--ink); font-size: clamp(17.5px, 1.45vw, 21px); line-height: 1.58; letter-spacing: -0.014em;}
.wpx .vorspann b{font-weight: 600;}
@media (max-width: 470px){
.wpx .bb-kopf p{letter-spacing: 0.1em; font-size: clamp(8.4px, 2.35vw, 10.5px); white-space: nowrap;}
}
.wpx .lupe-knopf svg{width: 14px; height: 14px; pointer-events: none;}
.wpx .bb-bild--lupe img{cursor: zoom-in;}
.wpx .lupe-feld img{display: block; max-width: 92vw; max-height: 78vh; width: auto; height: auto; border-radius: 4px; background: var(--paper-2);}
.wpx .lupe-unter b{display: block; color: rgb(255, 255, 255); font-size: 15px; margin-bottom: 3px;}
.wpx .erd-bild figcaption{max-width: var(--maxw); margin: 10px auto 0px; padding: 0 var(--pad);}
@media (prefers-reduced-motion: reduce){
.wpx figure .film-standbild{display: block !important;}
}
.wpx{--gruen-grau: #9db39a;}
.wpx{--kreis: 30px; --kw: 14px; --kh: 9px;}
.wpx .bb-pfeile button,.wpx .lauf2-nav button{width: var(--kreis); height: var(--kreis); flex: 0 0 auto; display: grid; place-items: center; border-radius: 999px; border-width: 1px; border-style: solid;}
.wpx .auf-w{width: var(--kw); height: var(--kh);}
.wpx .bb-pfeile button svg,.wpx .lauf2-nav button svg{display: none;}
.wpx .bb-pfeile button::before,.wpx .lauf2-nav button::before{content: ""; width: var(--kw); height: var(--kh); background: currentcolor; mask: var(--winkel) center/contain no-repeat;}
.wpx .bw-tueren--glas i{color: rgb(170, 223, 173);}
.wpx .bw-tueren--glas b{color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.45) 0px 1px 12px;}
.wpx{--kopfh: 250px;}
.wpx [id]{scroll-margin-top: calc(var(--kopfh) + 16px);}
.wpx .strip .sp{position: relative; aspect-ratio: 3 / 4; overflow: hidden;}
.wpx .strip .sp .bl{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.7s ease-in-out;}
.wpx .strip .sp .bl.ist{opacity: 1;}
.wpx .strip figcaption{z-index: 2;}
@media (prefers-reduced-motion: reduce){
.wpx .strip .sp .bl{transition: none;}
}
.wpx .band[data-vor-bild]{padding-bottom: clamp(41px, 5.95vw, 87px);}
.wpx .band{padding-top: clamp(41px, 5.95vw, 87px); padding-bottom: clamp(41px, 5.95vw, 87px);}
.wpx .band[data-vor-bild]{padding-bottom: clamp(41px, 6vw, 88px);}
.wpx{--grundluft: 22px;}
@media (min-width: 760px){
.wpx{--grundluft: 31px;}
}
@media (min-width: 1000px){
.wpx{--grundluft: 39px;}
}
@media (min-width: 1280px){
.wpx{--grundluft: 46px;}
}
.wpx .band > .wrap > .sec:not(.feld):first-child{padding-top: 0px;}
.wpx .band > .wrap > .sec:not(.feld):last-child,.wpx .band > .wrap > .durch:last-child > .sec:not(.feld):last-child{padding-bottom: 0px;}
.wpx .band > .wrap > .vorspann:first-child{padding-top: 0px;}
.wpx .folge-pfeile button{width: var(--kreis); height: var(--kreis); padding: 0px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 999px; background: var(--paper-2); cursor: pointer; color: var(--muted); line-height: 0; transition: color 0.16s, border-color 0.16s;}
.wpx .folge-pfeile button:hover{color: var(--gruen); border-color: var(--gruen);}
.wpx .folge-pfeile button:focus-visible{outline: 2px solid var(--gruen); outline-offset: 2px;}
.wpx .folge-pfeile .fg-z .auf-w{transform: rotate(180deg);}
.wpx .lage-w b{border-bottom: 0px;}
.wpx .lage-w span{font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--muted);}
.wpx{--grund-fuss: #2b2620; --grund-dunkel: #332c24; --grund-dunkel-2: #3b342c;}
.wpx{--ink-2: #1d2a1c;}
.wpx #worum + .strip{background: rgb(237, 230, 217);}
.wpx #worum + .strip{padding-bottom: clamp(28px, 4.15vw, 61px);}
.wpx .bband--wortlos .bb-bild figcaption{display: none;}
.wpx{--grund-schluss: #3b342c;}
.wpx .lagen--folge .lage-w span{font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); font-weight: 400;}
.wpx .imp:last-child{margin-bottom: 0px;}
.wpx .tfk-bal i{position: absolute; left: 0px; right: 0px; height: 3px; background: var(--gruen); border-radius: 1.5px; font-style: normal; transition: transform 0.2s, opacity 0.12s;}
.wpx .tfk-bal i:nth-child(1){top: 0px;}
.wpx .tfk[aria-expanded="true"] .tfk-bal i{height: 2px; border-radius: 1px;}
.wpx .tfk[aria-expanded="true"] .tfk-bal i:nth-child(1){transform: translateY(6px) rotate(45deg);}
@media (prefers-reduced-motion: reduce){
.wpx .tfk-bal i{transition: none;}
}
.wpx .tfk-bal i{background: var(--paper-2);}
.wpx .tafelfest .tf b{font-size: 13px; font-weight: 500; letter-spacing: -0.01em;}
.wpx{--balkenkante: calc(50% + min(50%,var(--maxw) / 2) - var(--pad) - 43px);}
.wpx .oek-nach p{color: var(--muted); font-size: clamp(14.5px, 1.15vw, 16.5px); line-height: 1.6; margin: 0px;}
.wpx .oek-nach b{color: var(--ink); font-weight: 600;}
.wpx{--bb-knopf: 32px;}
.wpx .bb-pfeile button{width: var(--bb-knopf); height: var(--bb-knopf);}
.wpx .strip .sp--fest figcaption{line-height: 1.3;}
.wpx .strip .sp > .bl{z-index: 0;}
.wpx .pk{position: absolute; right: 8px; bottom: 9px; z-index: 3; display: flex; align-items: center; gap: 0px; padding: 0px; margin: 0px; list-style: none;}
.wpx .pk button{position: relative; width: 16px; height: 22px; padding: 0px; margin: 0px; border: 0px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.wpx .pk button::before{content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0px 0px -3px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.3) 0px 1px 3px; transition: background-color 0.7s ease-in-out;}
.wpx .pk button:hover::before{background: rgba(255, 255, 255, 0.9);}
.wpx .pk button[aria-current="true"]::before{background: rgb(142, 187, 114); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.45) 0px 1px 4px;}
.wpx .pk button:focus-visible{outline: rgb(255, 255, 255) solid 2px; outline-offset: -3px; border-radius: 50%;}
.wpx .strip .sp[data-sp] figcaption{right: calc(12px + var(--pk-b, 0px));}
@media (max-width: 520px){
.wpx .pk{right: 6px;}
.wpx .pk button{width: 14px; height: 24px;}
}
@media (prefers-reduced-motion: reduce){
.wpx .pk button::before{transition: none;}
}
.wpx #worum + .strip{background: rgb(255, 255, 255);}
.wpx #worum + .strip{padding-bottom: 0px !important;}
.wpx .zs-zahl{display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(10px, 1vw, 20px) clamp(12px, 1.3vw, 22px);}
.wpx .zs-z{display: block; font-weight: 300; line-height: 0.95; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; white-space: nowrap; font-size: clamp(34px, 3.7vw, 64px);}
.wpx .zs-z small{font-size: 0.36em; font-weight: 400; letter-spacing: 0px; margin-left: 0.14em;}
.wpx .zs-s{margin-top: clamp(4px, 0.45vw, 10px); font-size: clamp(13.5px, 1.05vw, 15px); line-height: 1.32; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.wpx .zs-klein{display: block; margin-top: 1px; font-size: 12.5px; line-height: 1.3;}
.wpx .zs{background: rgb(255, 255, 255); padding: clamp(26px, 3vw, 46px) 0px 0px; scroll-margin-top: 150px; --zs-pad: clamp(12px,2vw,36px); --zs-luft: 26px; --zs-tinte: 22,19,15;}
.wpx .zs-band{padding: 0 var(--zs-pad);}
.wpx .zs-blatt{position: relative; aspect-ratio: 1400 / 430; margin: 0px;}
.wpx .zs-bild{position: absolute; inset: 0px; overflow: hidden; background: rgb(255, 255, 255); user-select: none;}
.wpx .zs-kachel{position: absolute; top: 0px; bottom: 0px; background-size: 100% 100%; background-repeat: no-repeat; pointer-events: none;}
.wpx .zs-wort{position: absolute; transform: translateY(-100%); font-size: 12px; line-height: 1; letter-spacing: 0.03em; color: rgba(var(--zs-tinte),.6); white-space: nowrap; pointer-events: none;}
.wpx .zs-wort--r{transform: translate(-100%, -100%);}
.wpx .zs-leit{position: absolute; width: 0px; border-left: 1px solid rgb(var(--zs-tinte)); opacity: 0.4; bottom: calc(-1 * var(--zs-luft)); pointer-events: none; transition: opacity 0.2s;}
.wpx .zs-punkt{position: absolute; width: 32px; height: 32px; margin: -16px 0px 0px -16px; padding: 0px; border: 0px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.wpx .zs-punkt::before{content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0px 0px -7px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 1px var(--gruen); transition: box-shadow 0.2s;}
.wpx .zs-punkt:focus-visible{outline: 2px solid var(--gruen); outline-offset: -4px; border-radius: 50%;}
.wpx .zs-zahlen{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); margin-top: var(--zs-luft); padding: 0 var(--zs-pad) clamp(24px,2.8vw,40px);}
.wpx .zs-zahlen .zs-zahl{aspect-ratio: auto; justify-content: flex-start; align-items: center; text-align: center; padding: 12px clamp(6px, 0.8vw, 14px) 0px; border-top: 1px solid rgba(var(--zs-tinte),.16); transition: opacity 0.2s;}
.wpx .zs-zahlen .zs-z{font-size: clamp(24px, 2.9vw, 50px);}
.wpx .zs-z sup{font-size: 0.5em; font-weight: 400; line-height: 0; vertical-align: 0.62em; margin-left: 0.03em;}
.wpx .zs-zahlen .zs-s{display: block; -webkit-line-clamp: unset; overflow: visible; margin-top: clamp(6px, 0.6vw, 10px); font-size: clamp(13.5px, 1.05vw, 15px); line-height: 1.32; color: var(--ink); max-width: 22ch;}
.wpx .zs-zahlen .zs-klein{margin-top: 3px; color: var(--muted); max-width: 24ch;}
.wpx .zs.hebt .zs-leit{opacity: 0.25;}
.wpx .zs.hebt .zs-leit.an{opacity: 1; border-left-width: 2px; margin-left: -0.5px;}
.wpx .zs.hebt .zs-punkt.an::before{box-shadow: 0 0 0 2px var(--gruen);}
.wpx .zs.hebt .zs-zahl{opacity: 0.35;}
.wpx .zs.hebt .zs-zahl.an{opacity: 1; border-top-color: rgb(var(--zs-tinte));}
.wpx .zs.hebt .zs-zahl.an .zs-z{font-weight: 500;}
@media (prefers-reduced-motion: reduce){
.wpx .zs-leit,.wpx .zs-punkt::before,.wpx .zs-zahlen .zs-zahl{transition: none;}
}
@media (max-width: 900px){
.wpx .zs-band{overflow: auto hidden; scrollbar-width: none; overscroll-behavior-x: contain;}
.wpx .zs-band::-webkit-scrollbar{display: none;}
.wpx .zs-blatt{width: 900px;}
.wpx .zs-wort{font-size: 11px;}
.wpx .zs-leit{display: none;}
.wpx .zs-zahlen{grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 22px; margin-top: 18px;}
.wpx .zs-zahlen .zs-zahl{align-items: flex-start; text-align: left; padding: 10px 8px 0px;}
.wpx .zs-zahlen .zs-s,.wpx .zs-zahlen .zs-klein{max-width: none;}
}
.wpx #neun{--line: rgba(22,19,15,.14); --muted: #6d665c; --gruen-hell: #8ebb72; --paper-2: #fff; --ink-2: #201b15; --grund: #ebe3d5; background: var(--grund); border-top: 0px;}
.wpx #neun .kicker{font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gruen); font-weight: 600; margin: 0px 0px 18px;}
.wpx #neun h2{font-size: clamp(30px, 5vw, 56px); line-height: 1.02; letter-spacing: -0.02em; margin: 0px 0px 18px; max-width: 18ch;}
.wpx #neun .lead{font-size: clamp(17px, 1.9vw, 21px); line-height: 1.5; color: var(--muted); max-width: 62ch; margin-bottom: 22px;}
.wpx #neun .usp{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin: 32px 0px 0px; align-items: start;}
.wpx #neun .u{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column;}
.wpx #neun .u .bild,.wpx #neun .u .zahl{aspect-ratio: 4 / 3; flex: 0 0 auto;}
.wpx #neun .u .bild{background: rgb(221, 221, 221); position: relative;}
.wpx #neun .u .bild img{width: 100%; height: 100%; object-fit: cover; display: block;}
.wpx #neun .u .zahl{background: var(--grund-fuss,#2b2620); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; padding: clamp(14px, 1.6vw, 22px); overflow: hidden;}
.wpx #neun .u .zahl b{font-size: clamp(40px, 4.6vw, 64px); line-height: 1; letter-spacing: -0.03em; color: var(--gruen-hell); font-weight: 600; display: block; font-variant-numeric: tabular-nums;}
.wpx #neun .u .zahl span{font-size: 13px; color: rgba(255, 255, 255, 0.78); margin-top: 8px; line-height: 1.4; max-width: 34ch;}
.wpx #neun .u .zahl .q{font-size: 10.5px; color: rgba(255, 255, 255, 0.5); margin-top: 6px;}
.wpx #neun .u .text{padding: 16px 18px 18px; container-type: inline-size;}
.wpx #neun .u .nr{font-size: 11px; color: var(--gruen); font-weight: 700; letter-spacing: 0.18em; display: block; margin-bottom: 6px;}
.wpx #neun .u h3{font-size: min(20px, 6.2cqi); line-height: 1.2; margin: 0px 0px 8px; letter-spacing: -0.01em; white-space: nowrap;}
.wpx #neun .u .kern{font-weight: 400; font-size: clamp(13px, 4.6cqi, 14.5px); line-height: 1.45; color: rgba(22, 19, 15, 0.72); margin: 0px 0px 10px; padding-right: 4px; min-height: 4.35em;}
@media (max-width: 980px){
.wpx #neun .usp{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 640px){
.wpx #neun .usp{grid-template-columns: minmax(0px, 1fr);}
}
.wpx #neun .u .zahl b small{font-size: 0.42em; font-weight: 500; letter-spacing: 0px; margin-left: 0.14em;}
.wpx #neun .u .zahl b{font-size: clamp(32px, 3.9vw, 58px);}
.wpx #neun .u .zahl span{font-size: 12.5px; line-height: 1.34; margin-top: 6px;}
@media (min-width: 981px) and (max-width: 1180px){
.wpx #neun .u .zahl{padding: 12px 16px;}
.wpx #neun .u .zahl span{font-size: 12px;}
}
.wpx #neun .u .zahl .q{font-size: 10px; margin-top: 5px;}
.wpx #neun .u .zahl--wechsel{position: relative;}
.wpx #neun .zw-reihe{display: grid;}
.wpx #neun .zw{grid-area: 1 / 1; display: flex; flex-direction: column; justify-content: center; opacity: 0; transition: opacity 1s, visibility; visibility: hidden;}
.wpx #neun .zw.ist{opacity: 1; visibility: visible;}
.wpx #neun .zw-pk{position: absolute; top: 14px; right: 14px; display: flex; gap: 0px;}
.wpx #neun .zw-pk button{width: 20px; height: 20px; padding: 0px; border: 0px; background: transparent; cursor: pointer; position: relative; -webkit-tap-highlight-color: transparent;}
.wpx #neun .zw-pk button::before{content: ""; position: absolute; left: 7px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); transition: background 0.7s;}
.wpx #neun .zw-pk button[aria-current="true"]::before{background: var(--gruen-hell);}
.wpx #neun .zw-pk button:focus-visible{outline: 2px solid var(--gruen-hell); outline-offset: -2px; border-radius: 50%;}
@media (prefers-reduced-motion: reduce){
.wpx #neun .zw,.wpx #neun .zw-pk button::before{transition: none;}
}
.wpx #neun .u .bild--wechsel img{position: absolute; inset: 0px; opacity: 0; transition: opacity 1.6s;}
.wpx #neun .u .bild--wechsel img.ist{opacity: 1;}
@media (prefers-reduced-motion: reduce){
.wpx #neun .u .bild--wechsel img{transition: none;}
}
@media (max-width: 900px){
.wpx .strip .pk{display: none;}
.wpx .strip .sp[data-sp] figcaption{right: 12px;}
}
.wpx #neun .u-zeile{display: none;}
@media (max-width: 640px){
.wpx #neun .usp{display: block; margin-top: 24px; border-top: 1px solid var(--line);}
.wpx #neun .u{display: block; background: transparent; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; border-bottom: 1px solid var(--line); border-radius: 0px; overflow: visible;}
.wpx #neun .u-zeile{display: flex; align-items: center; gap: 10px; width: 100%; margin: 0px; padding: 8px 0px; border: 0px; background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.wpx #neun .u-q{position: relative; flex: 0 0 64px; width: 64px; height: 64px; border-radius: 6px; overflow: hidden; background: var(--grund-fuss,#2b2620);}
.wpx #neun .u-q img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.6s;}
.wpx #neun .u-q img.ist{opacity: 1;}
.wpx #neun .u-qz{position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.wpx #neun .u-qz b{font-size: 21px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; color: var(--gruen-hell); font-variant-numeric: tabular-nums;}
.wpx #neun .u-qz small{margin-top: 3px; font-size: 9.5px; line-height: 1.1; color: rgba(255, 255, 255, 0.72);}
.wpx #neun .u-name{flex: 1 1 auto; min-width: 0px; display: flex; align-items: baseline; gap: 6px; white-space: nowrap; overflow: hidden;}
.wpx #neun .u-name i{font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(--gruen);}
.wpx #neun .u-name b{min-width: 0px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.25; font-weight: 600; letter-spacing: -0.01em; color: var(--ink);}
.wpx #neun .u-auf{display: grid; place-items: center; flex: 0 0 auto; width: 26px; height: 26px; border: 1px solid var(--line); border-radius: 999px; color: var(--gruen);}
.wpx #neun .u-auf .auf-w{transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);}
.wpx #neun .u.offen .u-auf .auf-w{transform: rotate(180deg);}
.wpx #neun .u:not(.offen) > .bild,.wpx #neun .u:not(.offen) > .zahl,.wpx #neun .u:not(.offen) > .text{display: none;}
.wpx #neun .u.offen > .bild{margin: 2px 0px 0px; border-radius: 8px; overflow: hidden;}
.wpx #neun .u.offen > .text{padding: 12px 0px 16px;}
.wpx #neun .u > .text .nr,.wpx #neun .u > .text h3{display: none;}
.wpx #neun .u .kern{min-height: 0px; margin-bottom: 0px;}
}
@media (max-width: 380px){
.wpx #neun .u-zeile{gap: 8px;}
.wpx #neun .u-q{flex-basis: 56px; width: 56px; height: 56px;}
.wpx #neun .u-qz b{font-size: 19px;}
}
@media (max-width: 640px) and (prefers-reduced-motion: reduce){
.wpx #neun .u-q img,.wpx #neun .u-auf .auf-w{transition: none;}
}
.wpx{--ton: #eef3ea; --ton-linie: rgba(22,19,15,.14);}
.wpx .tfk-bal i{background: var(--gruen) !important;}
.wpx img{-webkit-user-drag: none; user-select: none;}

.wpx .wpx-s1{left:0.0000%;width:calc(25.0000% + 1px);background-image:url(bilder/hh/Schnitt_Demonstrationsentwurf_k1.webp)}
.wpx .wpx-s2{left:25.0000%;width:calc(25.0000% + 1px);background-image:url(bilder/hh/Schnitt_Demonstrationsentwurf_k2.webp)}
.wpx .wpx-s3{left:50.0000%;width:calc(25.0000% + 1px);background-image:url(bilder/hh/Schnitt_Demonstrationsentwurf_k3.webp)}
.wpx .wpx-s4{left:75.0000%;width:25.0000%;background-image:url(bilder/hh/Schnitt_Demonstrationsentwurf_k4.webp)}
.wpx .wpx-s5{left:92.143%;top:15.814%}
.wpx .wpx-s6{left:17.000%;top:23.721%}
.wpx .wpx-s7{left:92.143%;top:34.419%}
.wpx .wpx-s8{left:92.143%;top:53.023%}
.wpx .wpx-s9{left:92.143%;top:71.628%}
.wpx .wpx-s10{left:37.714%;top:26.047%}
.wpx .wpx-s11{left:53.786%;top:71.163%}
.wpx .wpx-s12{left:14.143%;top:81.395%}
.wpx .wpx-s13{left:97.571%;top:82.791%}
.wpx .wpx-s14{left:4.286%;top:45.116%}
.wpx .wpx-s15{left:26.786%;top:47.442%}
.wpx .wpx-s16{left:41.643%;top:33.488%}
.wpx .wpx-s17{left:57.000%;top:52.558%}
.wpx .wpx-s18{left:75.000%;top:37.442%}
.wpx .wpx-s19{left:86.357%;top:45.581%}