@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-400.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-500.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-600.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-700.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-800.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-900.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@property --akzent{syntax: '<color>'; inherits: true; initial-value: #bb1030;}
:root{transition: --akzent .55s ease}
:root{--gelb: #dfd510;--blau: #5371ff;--pink: #ff328c;--rot: #bb1030;--papier: #FFFFFF;--papier-2: #F6F6F6;--papier-3: #FAFAFA;--paper: #FFFFFF;--paper-2: #F6F6F6;--tinte: #0A0A0A;--tinte-2: #4E4B45;--tinte-3: #7F7F7F;--ink: #0A0A0A;--line: rgba(255,255,255,0.12);--grey-2: #B9B9B9;--akzent: var(--pink);--display: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;--fett: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;--cond: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;--mono: 'IBM Plex Mono', monospace;--body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--tilt: -3.5deg;--shear: -10deg;--wrap: 1360px;--wrap-wide: 1760px;--pad: clamp(24px, 4.8vw, 84px)}
*, *::before, *::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%;overflow-x: clip}
body{margin: 0;background: var(--papier);color: var(--tinte);font-family: var(--body);font-size: 17px;font-weight: 400;line-height: 1.62;-webkit-font-smoothing: antialiased;overflow-x: clip}
img, video, svg{max-width: 100%;display: block}
a{color: inherit}
button{font: inherit;color: inherit}
::selection{background: var(--section-color, var(--akzent));color: var(--markier-schrift, #fff)}
[style*="--section-color:#dfd510"]{--markier-schrift: #0a0a0a}
:focus-visible{outline: 2px solid currentColor;outline-offset: 4px;border-radius: 2px}
.skip-link{position: absolute;left: -9999px;top: 0;z-index: 500;background: var(--tinte);color: #fff;padding: 12px 22px}
.skip-link:focus{left: 12px;top: 12px}
.wrap{width: 100%;max-width: var(--wrap);margin-inline: auto;padding-inline: var(--pad)}
.wrap--wide{max-width: var(--wrap-wide)}
.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}
h1, h2, h3, h4{margin: 0;font-family: var(--cond);font-weight: 400;letter-spacing: -.005em;line-height: .9}
.t-cond{font-family: var(--cond);font-weight: 400;text-transform: uppercase;letter-spacing: -.004em;line-height: .86;font-size: clamp(56px, 11vw, 220px)}
.t-cond--m{font-size: clamp(40px, 6.2vw, 112px)}
.stark{font-weight: 800;color: var(--akzent)}
.sec{position: relative;padding: clamp(90px, 9.5vw, 170px) 0}
.sec--weiss{background: #FFFFFF;color: var(--tinte)}
.sec--schwarz{background: var(--tinte);color: var(--papier)}
.kante{display: block;width: 100%;height: clamp(40px, 5vw, 96px)}
.kante path{fill: currentColor}
.balken{position: absolute;background: var(--akzent);pointer-events: none;z-index: 0;transform: skewY(var(--tilt))}
.btn{display: inline-flex;align-items: center;gap: 10px;font-family: var(--cond);font-weight: 800;text-transform: uppercase;font-size: clamp(15px, 1.05vw, 18px);letter-spacing: .1em;padding: 13px 26px;border: 2px solid var(--akzent);background: var(--akzent);color: #fff;text-decoration: none;cursor: pointer;transform: skewY(var(--tilt));transition: background .2s, color .2s, border-color .2s, transform .2s}
.btn > *{display: inline-block}
.btn:hover{background: var(--tinte);border-color: var(--tinte);color: #fff;transform: skewY(var(--tilt)) translateY(-3px)}
.btn[disabled]{opacity: .35;cursor: not-allowed}
.pfeil{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;font-family: var(--cond);font-weight: 800;text-transform: uppercase;font-size: 15px;letter-spacing: .13em;color: var(--akzent)}
.pfeil i{font-style: normal;transition: transform .22s}
.pfeil:hover i{transform: translateX(6px)}
.ecke{position: fixed;z-index: 95;top: 0;padding: clamp(24px, 2.8vw, 42px) var(--pad) 0;color: var(--papier);transition: color .5s cubic-bezier(.4, 0, .2, 1)}
html[data-oben="hell"] .ecke{color: var(--tinte)}
.ecke--links{left: 0}
.ecke--rechts{right: 0}
.marke{font-family: var(--fett);font-weight: 800;font-size: clamp(27px, 2.6vw, 40px);letter-spacing: -.04em;text-decoration: none;line-height: 1;color: var(--papier);display: inline-block;transform: skewY(var(--shear));transform-origin: left center;color: inherit}
.marke em{font-style: normal;color: var(--akzent-marke, var(--akzent))}
.logo{display: block;height: 1em;width: auto}
.logo__wort{fill: currentColor}
.logo__akzent{fill: var(--akzent-marke, var(--akzent, #ff328c))}
.marke.marke--logo{transform: none;font-size: clamp(27px, 2.6vw, 40px);line-height: 1}
.vorhang__marke.vorhang__marke--logo{font-size: clamp(27px, 2.9vw, 46px);line-height: 1;padding-top: 6px}
.vorhang__marke--logo .logo__akzent{fill: var(--seitenfarbe)}
.vorhang-auf{background: none;border: 0;cursor: pointer;padding: 0;color: inherit;font-family: var(--cond);font-weight: 800;text-transform: uppercase;font-size: clamp(14px, 1.1vw, 17px);letter-spacing: .2em;display: inline-flex;align-items: center;gap: 12px}
.vorhang-auf i{font-style: normal;display: block;width: 26px;height: 2px;background: currentColor;position: relative}
.vorhang-auf i::before, .vorhang-auf i::after{content: '';position: absolute;left: 0;width: 26px;height: 2px;background: currentColor;transition: transform .3s}
.vorhang-auf i::before{top: -7px}
.vorhang-auf i::after{top: 7px}
.vorhang-auf:hover i::before{transform: translateX(6px)}
.vorhang-auf:hover i::after{transform: translateX(-6px)}
.vorhang{position: fixed;inset: 0;z-index: 120;background: var(--tinte);color: var(--papier);display: flex;flex-direction: column;justify-content: center;padding: clamp(130px, 17.6vh, 200px) 0 clamp(28px, 4vh, 56px);clip-path: inset(0 0 100% 0);transition: clip-path .6s cubic-bezier(.7,0,.2,1);overflow-y: auto}
.vorhang[data-offen="true"]{clip-path: inset(0 0 0 0)}
.vorhang > .wrap{flex: 1 1 auto;display: flex;flex-direction: column;justify-content: center;min-height: 0;max-width: none;padding-inline: 0}
.vorhang ol{list-style: none;margin: 0;padding: 0;counter-reset: v;flex: 1 1 auto;display: flex;flex-direction: column;min-height: 0}
.vorhang li{flex: 1 1 0;min-height: 0;display: flex;align-items: center;position: relative;counter-increment: v;border-top: 2px solid rgba(255,255,255,.18);transform: skewY(var(--tilt));transform-origin: left center}
.vorhang li:first-child{border-top: 0}
.vorhang li:last-child{border-bottom: 2px solid rgba(255,255,255,.18)}
.vorhang li:nth-child(1){--zeile: var(--pink)}
.vorhang li:nth-child(2){--zeile: var(--blau)}
.vorhang li:nth-child(3){--zeile: var(--rot)}
.vorhang li:nth-child(4){--zeile: var(--rot)}
.vorhang ol a{position: relative;width: 100%;padding-inline: var(--pad);display: flex;align-items: baseline;gap: clamp(16px, 2.4vw, 44px);text-decoration: none;font-family: var(--fett);font-weight: 800;font-size: clamp(40px, 9.4vw, 176px);line-height: .94;letter-spacing: -.04em;white-space: nowrap;transition: color .25s, padding-left .4s cubic-bezier(.2,.7,.3,1)}
.vorhang ol a::before{content: '0' counter(v);font-family: var(--cond);font-weight: 700;font-size: clamp(12px, 1vw, 16px);letter-spacing: .2em;opacity: .45;flex: none;align-self: center;order: -2}
.vorhang ol a::after{content: '';order: -1;flex: none;align-self: center;width: 1px;height: clamp(32px, 3.2vw, 60px);background: rgba(255,255,255,.3);transform: skewX(-12deg);margin-inline: calc(clamp(16px, 2.4vw, 44px) * -.35)}
.vorhang ol a span{color: inherit}
.vorhang ol a i{font-style: normal;font-family: var(--cond);font-weight: 500;font-size: clamp(19px, 2.2vw, 40px);letter-spacing: .005em;color: var(--papier);opacity: 0;transform: translateX(-18px);transition: color .25s, opacity .3s, transform .45s cubic-bezier(.2,.7,.3,1)}
.vorhang ol a:hover i, .vorhang ol a:focus-visible i{opacity: 1;transform: none}
.vorhang ol a em{font-style: normal;transition: color .25s}
.vorhang ol a:hover em, .vorhang ol a:focus-visible em,
.vorhang ol a:hover i, .vorhang ol a:focus-visible i{color: var(--zeile)}
.vorhang ol a i span{color: var(--papier)}
.vorhang ol a[aria-current="page"] em{color: var(--zeile)}
.vorhang ol a:hover, .vorhang ol a:focus-visible{padding-left: calc(var(--pad) + clamp(8px, 1.2vw, 22px))}
@media (hover: none){
 .vorhang ol a i{opacity: .55;transform: none}
}
.vorhang__kopf{position: absolute;top: 0;left: 0;right: 0;padding: clamp(20px, 2.2vw, 34px) var(--pad) clamp(14px, 1.6vw, 24px);border-bottom: 1px solid rgba(255,255,255,.18);z-index: 2;display: flex;align-items: flex-start;justify-content: space-between;gap: 24px}
.vorhang__start{display: grid;grid-template-columns: auto auto;align-items: baseline;gap: 0 clamp(20px, 2vw, 36px);text-decoration: none;color: var(--papier);transform: skewY(var(--shear));transform-origin: left center}
.vorhang a.vorhang__start svg.vorhang__pfeil{grid-row: 1;align-self: center;flex: none;width: clamp(38px, 3.6vw, 62px);height: auto;fill: none;stroke: currentColor;stroke-width: 3;stroke-linecap: butt;stroke-linejoin: miter;color: var(--seitenfarbe);transition: translate .3s}
.vorhang__marke{grid-row: 1;font-family: var(--fett);font-weight: 800;font-size: clamp(38px, 4.3vw, 70px);line-height: .95;letter-spacing: -.04em}
.vorhang{--seitenfarbe: var(--pink)}
body[data-page=wie]   .vorhang{--seitenfarbe: var(--blau)}
body[data-page=wohin] .vorhang{--seitenfarbe: var(--rot)}
body[data-page=check] .vorhang{--seitenfarbe: var(--gelb)}
.vorhang__marke em{font-style: normal;color: var(--seitenfarbe)}
.vorhang__ort{grid-column: 2;grid-row: 2;margin-top: 9px;font-family: var(--cond);font-weight: 700;text-transform: uppercase;font-size: clamp(12px, 1.05vw, 16px);letter-spacing: .3em;color: var(--papier);transition: opacity .25s;opacity: .8}
.vorhang a.vorhang__start:hover svg.vorhang__pfeil{translate: -8px 0}
.vorhang__start:hover .vorhang__ort{opacity: 1}
.vorhang__zu{position: absolute;top: calc(clamp(24px, 2.8vw, 42px) + 2px);right: var(--pad);display: inline-flex;align-items: center;gap: 12px;background: none;border: 0;cursor: pointer;padding: 0;color: rgba(255,255,255,.6);font-family: var(--cond);font-weight: 800;text-transform: uppercase;font-size: clamp(13px, 1.05vw, 16px);letter-spacing: .2em;transition: color .25s}
.vorhang__zu i{font-style: normal;font-size: 1.35em;line-height: 1;transition: transform .35s}
.vorhang__zu:hover{color: var(--papier)}
.vorhang__zu:hover i{transform: rotate(90deg)}
.vorhang__fuss{margin: 0;display: block}
.vorhang__check{display: flex;width: 100%;align-items: center;justify-content: flex-start;gap: clamp(16px, 2.4vw, 44px);padding: clamp(20px, 2.2vw, 34px) var(--pad);text-decoration: none;background: none;color: var(--papier);box-shadow: none;border-top: 2px solid rgba(255,255,255,.18);font-family: var(--fett);font-weight: 800;text-transform: none;font-size: clamp(28px, 3.7vw, 64px);line-height: .96;letter-spacing: -.035em;transform: skewY(var(--tilt));transform-origin: left center;transition: color .25s, padding-left .4s cubic-bezier(.2,.7,.3,1)}
.vorhang__check::before{content: none}
.vorhang__check > span{flex: 0 0 auto}
.vorhang a.vorhang__check svg.pfeil{flex: none;width: clamp(42px, 4.6vw, 82px);height: auto;fill: none;stroke: currentColor;stroke-width: 3;stroke-linecap: butt;stroke-linejoin: miter;color: var(--gelb);opacity: 0;translate: -20px 0;transition: opacity .3s, translate .45s cubic-bezier(.2,.7,.3,1), color .25s}
.vorhang__check:hover, .vorhang__check:focus-visible{color: var(--gelb);padding-left: calc(var(--pad) + clamp(8px, 1.2vw, 22px))}
.vorhang a.vorhang__check:hover svg.pfeil,
.vorhang a.vorhang__check:focus-visible svg.pfeil{opacity: 1;translate: 0 0}
@media (prefers-reduced-motion: reduce){
 .vorhang ol a, .vorhang ol a em, .vorhang ol a i,
  .vorhang__pfeil, .vorhang__zu i, .vorhang__check, .vorhang__check i{transition: none}
 .vorhang ol a:hover, .vorhang ol a:focus-visible{padding-left: var(--pad)}
}
.laufband{background: var(--akzent);color: #fff;overflow: hidden;padding: clamp(12px, 1.4vw, 22px) 0;transform: rotate(var(--tilt)) scale(1.06);position: relative;z-index: 2;margin-block: -3.4vw}
.laufband--gegen{transform: rotate(calc(var(--tilt) * -1)) scale(1.06)}
.laufband__spur{display: flex;width: max-content;will-change: transform}
.laufband span{font-family: var(--cond);font-weight: 700;font-size: clamp(26px, 3.1vw, 54px);letter-spacing: -.005em;text-transform: uppercase;padding-inline: .45em;white-space: nowrap;display: inline-flex;align-items: center;gap: .45em}
.laufband span::after{content: '●';font-size: .4em;opacity: .6}
html.js [data-anim]{opacity: 0;transform: translateY(46px)}
html.js [data-anim][data-shown="true"]{opacity: 1;transform: none;transition: opacity .9s cubic-bezier(.2,.7,.3,1), transform .9s cubic-bezier(.2,.7,.3,1)}
[data-parallax]{will-change: transform}
@media (prefers-reduced-motion: reduce){
 html.js [data-anim], html.js [data-anim][data-shown="true"]{opacity: 1;transform: none;transition: none}
 .laufband__spur{transform: none !important}
 .berg__ding::before{animation: none !important}
 html{scroll-behavior: auto}
}
.aufmacher__buehne{position: sticky;top: 0;height: 100vh;overflow: hidden}
.aufmacher__bild{position: absolute;inset: 0}
.aufmacher__bild img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 78%;--rahmen-x: .5;--rahmen-y: .78;--fokus-x: .5;--fokus-y: .82}
.aufmacher__bild::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(18,18,18,.92) 0%, rgba(18,18,18,.3) 48%, rgba(18,18,18,.5) 100%)}
.aufmacher__lage{grid-area: 1 / 1;width: 100%;opacity: 0;transform: translateY(28px);pointer-events: none;transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.3,1)}
.aufmacher__lage[data-an="true"]{opacity: 1;transform: none;pointer-events: auto}
.aufmacher__cue{position: absolute;left: var(--pad);bottom: 36px;z-index: 3;display: inline-flex;align-items: center;gap: 12px;color: var(--papier);font-family: var(--cond);font-weight: 700;text-transform: uppercase;font-size: 13px;letter-spacing: .22em;text-decoration: none}
.aufmacher__cue i{font-style: normal;animation: cue 1.9s ease-in-out infinite}
@keyframes cue{0%,100% { transform: translateY(0); } 50% { transform: translateY(7px); }}
.berg{position: relative;background: var(--tinte);color: var(--papier);overflow: hidden}
.berg__buehne{position: relative;height: clamp(520px, 66vh, 780px)}
.berg__ding{position: absolute;top: 0;left: 0;will-change: transform;border: 0;background: none;padding: 0;cursor: grab;display: grid;place-items: center;touch-action: none;-webkit-user-select: none;user-select: none}
.berg__ding:active{cursor: grabbing}
.berg__ding svg{width: 100%;height: 100%;pointer-events: none;transition: transform .25s cubic-bezier(.2,.7,.3,1)}
.berg__ding:hover svg{transform: scale(1.06)}
.berg__ding::before{content: '';position: absolute;inset: 2%;border-radius: 18%;border: 2px solid var(--akzent);opacity: 0;pointer-events: none}
.berg__ding[data-form="kreis"]::before{border-radius: 50%}
.berg[data-entdeckt="0"] .berg__ding::before{animation: bergPuls 3s cubic-bezier(.2,.7,.3,1) infinite;animation-delay: calc(var(--nr, 0) * .16s)}
@keyframes bergPuls{0%, 55%, 100% { opacity: 0; transform: scale(1); }
  12%           { opacity: .85; transform: scale(1); }
  45%           { opacity: 0; transform: scale(1.13); }}
.berg__ding::after{content: '';position: absolute;top: 12%;right: 12%;width: 13%;height: 13%;border-radius: 50%;background: var(--akzent);pointer-events: none;transition: opacity .3s, transform .3s}
.berg__ding[data-gesehen="true"]::after{opacity: 0;transform: scale(.4)}
@keyframes bergRein{from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; }}
.berg--statisch .berg__buehne{height: auto;display: grid;grid-template-columns: repeat(5, 1fr);gap: 2px;margin-top: 60px}
.berg--statisch .berg__ding{position: static;aspect-ratio: 1;background: rgba(241,237,225,.05);cursor: pointer}
@media (max-width: 900px){
 .berg__buehne{height: clamp(440px, 62vh, 640px)}
}
.anzieh{position: relative;min-height: 100vh;overflow: hidden;display: grid;align-content: center;background: var(--tinte);color: var(--papier);padding: clamp(80px, 13vh, 150px) 0 clamp(50px, 8vh, 100px)}
.bein{position: relative;display: block;padding: 0;border: 0;background: none;height: min(70vh, 620px);cursor: pointer;touch-action: none;justify-self: end;-webkit-tap-highlight-color: transparent}
.bein svg{height: 100%;width: auto;display: block;overflow: visible}
.bein{cursor: grab}
.bein[data-greift="true"]{cursor: grabbing}
.anzieh[data-zustand="verkackt"] .bein,
.anzieh[data-zustand="fertig"] .bein{cursor: default}
[data-griffbar] rect{transition: fill .12s}
[data-griffbar][data-drin="true"] rect{fill: rgba(255,255,255,.34)}
[data-griffbar] path{stroke: rgba(241,237,225,.45);transition: stroke .12s, stroke-width .12s}
[data-griffbar][data-drin="true"] path{stroke: var(--papier);stroke-width: 7}
.bein[data-drin="true"]{filter: drop-shadow(0 0 20px rgba(255,255,255,.22))}
@keyframes faltenblink{0% { opacity: 1 } 100% { opacity: .72 }}
.patzer{margin-top: clamp(18px, 2.2vw, 32px);animation: rein .45s cubic-bezier(.2,.7,.3,1)}
.patzer[hidden]{display: none}
.anzieh[data-zustand="verkackt"] .bein,
.anzieh[data-zustand="fertig"] .bein{pointer-events: none}
.anzieh[data-zustand="verkackt"] .bein{opacity: .55}
@keyframes rein{from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; }}
@media (max-width: 1000px){
 .bein{height: 52vh;justify-self: start}
}
.oton{position: relative;border: 0;padding: 0;cursor: pointer;overflow: hidden;aspect-ratio: 3/4;background: var(--tinte);display: block;width: 100%}
.oton img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(1) contrast(1.05) brightness(.62);transition: filter .4s, transform .8s cubic-bezier(.2,.7,.3,1)}
.oton:hover img{filter: grayscale(1) contrast(1.05) brightness(1);transform: scale(1.05)}
.oton[aria-pressed="true"] img{filter: grayscale(0) contrast(1.05) brightness(1)}
.oton[aria-pressed="true"]::after{content: '';position: absolute;inset: 0;border: 4px solid var(--akzent)}
.oton-buehne{padding: clamp(34px, 4.4vw, 76px) 0 0}
.oton-buehne blockquote{margin: 0;font-family: var(--cond);font-weight: 400;text-transform: uppercase;font-size: clamp(42px, 7.4vw, 148px);line-height: .9;letter-spacing: -.004em;max-width: 30ch}
.oton-buehne figcaption{font-family: var(--cond);font-weight: 700;text-transform: uppercase;font-size: 14px;letter-spacing: .17em;color: rgba(241,237,225,.45);margin-top: clamp(20px, 2.4vw, 36px)}
.oton-buehne[data-wechsel="true"] blockquote{animation: rein .45s cubic-bezier(.2,.7,.3,1)}
.person{display: grid;grid-template-columns: .9fr 1.1fr;gap: clamp(24px, 4vw, 80px);align-items: center;border-top: 3px solid currentColor;padding: clamp(40px, 5vw, 92px) 0}
.person:last-of-type{border-bottom: 3px solid currentColor}
.wand{display: grid;grid-template-columns: 1fr 1.02fr;gap: clamp(26px, 3.4vw, 64px);align-items: start}
.wand__liste{display: grid;gap: 2px}
.wand__liste button{text-align: left;border: 0;background: none;cursor: pointer;padding: 16px 0;border-top: 2px solid rgba(241,237,225,.2);color: inherit;font-family: var(--cond);font-weight: 400;font-size: clamp(19px, 1.7vw, 27px);line-height: 1.08;letter-spacing: 0;opacity: .55;transition: opacity .25s, padding-left .3s}
.wand__liste button:last-child{border-bottom: 2px solid rgba(241,237,225,.2)}
.wand__liste button:hover{opacity: .85;padding-left: 10px}
.wand__liste button[aria-pressed="true"]{opacity: 1;color: var(--akzent)}
.schritt{counter-increment: s;border-bottom: 3px solid currentColor;padding: clamp(28px, 3.4vw, 56px) 0;display: grid;grid-template-columns: 130px 1.1fr .9fr;gap: clamp(20px, 3vw, 56px);align-items: start}
.schritt::before{content: '0' counter(s);font-family: var(--cond);font-weight: 800;font-size: clamp(48px, 6vw, 106px);line-height: .82;letter-spacing: -.015em;color: var(--akzent)}
.schritt h3{font-family: var(--cond);font-weight: 400;font-size: clamp(29px, 3.1vw, 54px);line-height: .98;letter-spacing: -.01em;margin: 0}
.schritt p{margin: 0;font-size: 17px;font-weight: 400;line-height: 1.58;color: var(--tinte-2)}
.sec--schwarz .schritt p{color: rgba(241,237,225,.7)}
.downloads{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2px}
.check{background: var(--papier);color: var(--tinte);border: 3px solid var(--tinte)}
.fuss{background: var(--tinte);color: var(--papier);padding: clamp(70px, 8vw, 130px) 0 34px}
.fuss h4{font-family: var(--cond);font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: .2em;color: var(--akzent);margin: 0 0 18px}
.fuss ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}
.fuss a{color: rgba(241,237,225,.8);text-decoration: none;font-size: 16px}
.fuss a:hover{color: var(--akzent)}
[data-parallax], [data-drift], [data-scale]{will-change: transform}
[data-scale]{transform-origin: center}
.oton img{will-change: transform}
html.js [data-anim]{opacity: 0;transform: translateY(52px)}
html.js [data-anim][data-shown="true"]{opacity: 1;transform: none;transition: opacity .95s cubic-bezier(.2,.7,.3,1), transform .95s cubic-bezier(.2,.7,.3,1)}
html.js [data-staffel] > *{opacity: 0;transform: translateY(38px)}
html.js [data-staffel][data-shown="true"] > *{opacity: 1;transform: none;transition: opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1)}
[data-staffel] > *:nth-child(1){transition-delay: .00s}
[data-staffel] > *:nth-child(2){transition-delay: .06s}
[data-staffel] > *:nth-child(3){transition-delay: .12s}
[data-staffel] > *:nth-child(4){transition-delay: .18s}
[data-staffel] > *:nth-child(5){transition-delay: .24s}
[data-staffel] > *:nth-child(6){transition-delay: .30s}
[data-staffel] > *:nth-child(7){transition-delay: .36s}
[data-staffel] > *:nth-child(8){transition-delay: .42s}
@media (prefers-reduced-motion: reduce){
 html.js [data-staffel] > *, html.js [data-staffel][data-shown="true"] > *{opacity: 1;transform: none;transition: none}
 [data-parallax], [data-drift], [data-scale]{transform: none !important}
}
.kredit{position: absolute;z-index: 3;right: var(--pad);top: 50%;transform: translateY(-50%) skewY(var(--shear));transform-origin: right center;color: var(--papier);text-align: right;pointer-events: none;opacity: 0;transition: opacity .5s ease .12s, translate .6s cubic-bezier(.2,.7,.3,1) .12s;translate: 0 18px}
.kredit[data-an="true"]{opacity: 1;translate: 0 0}
@media (max-width: 1080px){
 .kredit{display: none}
}
@media (max-width: 760px){
 nav.vorhang{padding: clamp(118px, 15.5vh, 158px) 0 clamp(22px, 3vh, 40px)}
 nav.vorhang .vorhang__kopf{padding: 24px var(--pad) 14px}
 nav.vorhang .vorhang__zu{top: 29px}
 nav.vorhang .vorhang__zu i{font-size: 1.7em}
 nav.vorhang a.vorhang__start svg.vorhang__pfeil{width: clamp(30px, 8vw, 40px)}
 nav.vorhang .vorhang__marke{font-size: clamp(30px, 8.6vw, 44px)}
 nav.vorhang .vorhang__pfeil{font-size: clamp(21px, 5.6vw, 28px)}
 nav.vorhang .vorhang__ort{font-size: 11px;letter-spacing: .18em;margin-top: 5px}
 nav.vorhang .vorhang__zu{font-size: 12px;letter-spacing: .16em;gap: 9px}
 nav.vorhang ol a{gap: 13px 10px;padding-block: 0;font-size: clamp(52px, 18vw, 76px)}
 nav.vorhang ol a::before{font-size: 11px;letter-spacing: .12em;align-self: start;margin-top: 12px}
 nav.vorhang ol a::after{height: clamp(30px, 8.4vw, 40px);margin-inline: -1px;align-self: start;margin-top: 6px}
 nav.vorhang ol a i{font-size: clamp(16px, 4.6vw, 21px);padding-left: 0}
 nav.vorhang ol a:hover, nav.vorhang ol a:focus-visible{padding-left: calc(var(--pad) + 6px)}
 nav.vorhang .vorhang__check{gap: 12px;padding: clamp(16px, 4vw, 24px) var(--pad);font-size: clamp(32px, 9.6vw, 46px)}
 nav.vorhang a.vorhang__check svg.pfeil{width: clamp(34px, 9vw, 46px)}
}
@media (hover: none){
 .vorhang a.vorhang__check svg.pfeil{opacity: .6;translate: 0 0}
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
[hidden]{display:none!important}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
p{max-width:70ch}
.eyebrow{font:700 15px/1.3 var(--cond);letter-spacing:.13em;text-transform:uppercase;margin:0 0 24px}
.section-intro{font-size:clamp(19px,1.65vw,27px);line-height:1.5;margin-top:35px}
.ecke{transition:opacity .25s,color .3s}
.ecke__ort{font:600 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:12px}
.vorhang{overflow-y:auto}
.vorhang[inert]{pointer-events:none}
.vorhang__start[aria-current]{color:var(--gelb)}
.vorhang ol a{font-size:clamp(45px,min(10.5vw,17vh),190px)}
.vorhang ol a i{white-space:normal}
.aufmacher__buehne{height:100svh;min-height:520px}
.aufmacher__bild{background:#080808}
.aufmacher__bild img{object-fit:contain;object-position:right center}
.aufmacher__bild:after{background:linear-gradient(90deg,#0009 0%,#0003 58%,transparent),linear-gradient(0deg,#000a,transparent 45%)}
.aufmacher__lage{transition:opacity .4s,transform .4s}
.kredit{display:block;top:auto;bottom:60px;right:var(--pad);transform:skewY(var(--tilt));max-width:280px}
.reel__visual{display:block;position:relative;width:100%;aspect-ratio:3/4;border:0;background:#242424;padding:0;overflow:hidden;color:white}
.reel__visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.reel__visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}
.reel__visual:hover img{transform:scale(1.035)}
.reel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;padding-left:5px;border:2px solid #fff;border-radius:0;background:#0005;font-size:25px;z-index:1}
.reel>.eyebrow{margin:25px 0 14px;color:var(--gelb);font-size:14px}
.reel h3{font-size:clamp(29px,2.8vw,48px);line-height:1.05}
.reel>p:last-child{font-size:16px;color:#c5c5c5}
progress{height:6px;border:0;border-radius:0;width:100%;accent-color:var(--pink);background:#ddd}
progress::-webkit-progress-bar{background:#ddd}
progress::-webkit-progress-value{background:var(--pink)}
progress::-moz-progress-bar{background:var(--pink)}
.campaign-footer{padding-block:65px 30px}
.society-logo{background:#fff;padding:15px;max-width:230px;flex-shrink:0}
.society-logo img{height:auto;width:100%;object-fit:contain}
dialog{border:0;border-top:8px solid var(--pink);padding:clamp(30px,4vw,65px);max-width:min(730px,calc(100% - 32px));max-height:90svh;background:#fff;color:#0a0a0a;box-shadow:0 20px 100px #0007}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
dialog h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin-bottom:28px}
dialog p{font-size:17px}
dialog .eyebrow{padding-right:35px;font-size:14px}
dialog video{width:100%;max-height:55svh;background:#111}
dialog details{margin:20px 0}
dialog summary{cursor:pointer;font-weight:600}
.section-intro{overflow-wrap:break-word}
@media(min-width:1600px){
 .aufmacher__bild img{object-position:90% center;transform-origin:80% 68%}
}
@media(max-width:1050px){
 .reel h3{font-size:32px}
 .kredit{display:block}
}
@media(max-width:700px){
 :root{--pad:24px}
 .sec{padding-block:85px}
 .eyebrow{font-size:14px}
 .ecke{padding-top:24px}
 .ecke__ort{font-size:12px}
 .vorhang{padding-top:122px;overflow-y:auto}
 .vorhang ol a{font-size:clamp(44px,11vw,76px);padding-block:17px;gap:5px 16px;flex-wrap:wrap}
 .vorhang ol a i{flex-basis:100%;font-size:21px;padding-left:20px}
 .vorhang__kopf{gap:14px}
 .vorhang__marke{font-size:26px}
 .vorhang__pfeil{font-size:20px}
 .vorhang__ort{font-size:10px;letter-spacing:.14em;margin-top:5px}
 .vorhang__zu{font-size:12px;letter-spacing:.12em;gap:9px}
 .vorhang__fuss{gap:14px 20px;margin-top:34px}
 .vorhang__check{font-size:15px;padding:12px 18px;letter-spacing:.1em}
 .aufmacher__buehne{min-height:500px}
 .aufmacher__bild img{object-position:center;object-fit:cover;--rahmen-x:.5;--rahmen-y:.5;--fokus-x:.5;--fokus-y:.84}
 .aufmacher__bild:after{background:linear-gradient(0deg,#000c,transparent 85%)}
 .kredit{bottom:35px;right:24px}
 .reel__visual{aspect-ratio:4/4.4}
 .reel h3{font-size:37px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .aufmacher__buehne{position:relative;height:auto;min-height:100svh;padding-block:140px 155px}
 .aufmacher__bild img{transform:none!important}
 .aufmacher__lage{opacity:1;transform:none;margin:0 0 30px}
 .kredit{opacity:1;translate:0 0;bottom:35px}
}
html:not(.js) .aufmacher__buehne{position:relative;height:auto;min-height:100svh;padding-block:150px}
html:not(.js) .aufmacher__bild img{transform:none}
html:not(.js) .aufmacher__lage{opacity:1;transform:none;margin:0 0 35px}
html:not(.js) .kredit{opacity:1}
html:not(.js) .vorhang{position:relative;clip-path:none;padding-top:100px}
html:not(.js) .vorhang-auf, html:not(.js) .vorhang__zu{display:none}
@media print{
 @page{margin:18mm}
 body{font:11pt/1.4 Arial,sans-serif!important;background:white!important;color:black!important}
 body:after,.ecke,.vorhang,.skip-link,footer,dialog{display:none!important}
 main>*{display:none!important}
 .wrap{padding:0;max-width:none}
 .eyebrow{font:700 11pt Arial,sans-serif}
}
:root{--neigung:-3.5deg;--kante:6.116vw}
.schraeg{position:relative;margin-top:calc(var(--kante) * -1);clip-path:polygon(0 var(--kante),100% 0,100% 100%,0 100%)}
footer.fuss.schraeg{clip-path:polygon(0 calc(var(--kante) - 1px),100% -1px,100% 100%,0 100%)}
.sec.schraeg{--luft:clamp(64px,6.2vw,120px);padding-top:calc(var(--kante) + var(--luft));padding-bottom:var(--luft);scroll-margin-top:calc(var(--kante) * -1)}
.t-cond{font-weight:400;line-height:.98;letter-spacing:-.02em}
.t-cond--m{font-size:clamp(44px,5.9vw,104px);line-height:.98}
.sec h2{max-width:18ch}
.eyebrow{font:700 13px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase}
.section-intro{font-size:clamp(18px,1.5vw,24px)}
:focus-visible{border-radius:0}
.ecke{opacity:1!important;pointer-events:auto!important}
.ecke__ort{display:none}
.aufmacher__bild img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 74%;--rahmen-x:.5;--rahmen-y:.74;--fokus-x:.5;--fokus-y:.82}
.js .aufmacher__bild img{opacity:0}
.aufmacher__bild:after{background:linear-gradient(180deg,#0004,transparent 25%,#0005);inset:0}
.aufmacher__lage .wrap{padding-top:65px}
.aufmacher__lage[data-an=false]{pointer-events:none}
.kredit{position:absolute;z-index:4;right:var(--pad);bottom:clamp(140px,24vh,260px);display:flex;flex-direction:column;align-items:flex-end;gap:3px;transform:skewY(-10deg);transform-origin:right bottom;text-align:right;pointer-events:none;opacity:0;translate:0 14px;transition:opacity .45s ease,translate .5s cubic-bezier(.2,.7,.3,1)}
.kredit[data-an="true"]{opacity:1;translate:0 0}
.kredit span{display:inline-block;color:#fff;font-family:var(--cond);font-weight:800;font-size:clamp(15px,1.25vw,22px);line-height:1.08;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.6);border-bottom:2px solid var(--pink);padding-bottom:2px;width:fit-content}
.stimmen{--luft:clamp(74px,7.2vw,140px)}
.reel{display:flex;flex-direction:column;gap:22px}
@supports(grid-template-rows:subgrid){
 .reel{display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:22px}
}
.reel__visual{display:block;position:relative;width:100%;aspect-ratio:3/4;border:0;background:#1b1b1b;padding:0;overflow:hidden;color:#fff}
.reel__visual img,.reel__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel__visual img,.reel__video{filter:grayscale(1) contrast(1.07);transition:transform .5s,opacity .3s}
.reel__video{opacity:0;pointer-events:none;z-index:1}
.reel__visual[data-laeuft=true] .reel__video{opacity:1}
.reel__visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000a);transition:opacity .3s;z-index:2}
.reel__visual[data-laeuft=true]:after{opacity:0}
.reel__visual:hover img{transform:scale(1.035)}
.reel__play{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%) skewY(var(--neigung));width:70px;height:60px;display:grid;place-items:center;padding-left:4px;border:0;border-radius:0;background:var(--gelb);color:#111;box-shadow:none;transition:background .18s,transform .18s,opacity .25s}
.reel__visual:hover .reel__play{background:#fff;transform:translate(-50%,-50%) skewY(var(--neigung)) scale(1.06)}
.reel__visual[data-laeuft=true] .reel__play{opacity:0}
.reel__visual:disabled,.reel__visual[aria-disabled=true]{cursor:default;opacity:1}
.reel__visual:disabled:hover img{transform:none}
.campaign-footer{padding:calc(var(--kante) + clamp(64px,6.2vw,110px)) 0 32px;background:var(--tinte)}
.society-logo{display:block;background:none;padding:0;max-width:none;width:clamp(210px,20vw,290px);opacity:.92;transition:opacity .2s}
.society-logo:hover{opacity:1}
.society-logo img{display:block;width:100%;height:auto;object-fit:contain}
body[data-page=check]{background:#f6f4f1}
body[data-page=check] .ecke--links{color:#0a0a0a!important}
body[data-page=check] .campaign-footer{display:none}
@keyframes chatFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes userPop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes typingBounce{0%,80%,100%{transform:scale(.6);opacity:.35}40%{transform:scale(1.15);opacity:1}}
@media(max-width:820px){
 .reel{grid-row:auto;display:flex}
}
@media(max-width:700px){
 .kredit{bottom:130px;right:var(--pad)}
 .kredit span{font-size:13px}
 .t-cond--m{font-size:clamp(46px,11vw,74px)}
}
@media(prefers-reduced-motion:reduce){
 .aufmacher__bild img{transform:none!important;opacity:1!important}
 .aufmacher__lage .wrap{padding-top:0}
 .reel__visual img,.reel__video{transition:none}
}
html:not(.js) .aufmacher__bild img{object-fit:cover;object-position:50% 74%;transform:none}
#lipowas.sec{background:#ffffff;color:#0a0a0a}
.aufmacher__leinwand{position:absolute;inset:0;width:100%;height:100%;display:block}
.punkte{list-style:none;margin:clamp(30px,3.4vw,52px) 0 0;padding:0;display:grid;gap:14px;max-width:62ch}
.punkte li{position:relative;padding-left:30px;font-size:clamp(16.5px,1.35vw,20px);line-height:1.5}
.punkte li:before{content:'';position:absolute;left:0;top:.62em;width:16px;height:4px;background:var(--section-color,var(--akzent));transform:skewY(var(--neigung))}
.campaign-footer{--pf-leise:#a6a6a6;--pf-linie:#303030;--pf-blau:#5371ff;padding:clamp(76px,4.8vw,110px) 0 clamp(28px,1.9vw,40px);color:#fff}
.campaign-footer>.wrap{max-width:2200px;padding-inline:4.8%}
.pf-split{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);column-gap:clamp(40px,5.5vw,110px);align-items:center}
.pf-rechts{min-width:0;padding-left:clamp(0px,2.1vw,42px);padding-top:clamp(35px,4.4vw,88px)}
.pf-strich{background:var(--pf-blau);height:76%;min-height:210px}
.pf-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-end}
.campaign-footer a.pf-brand{display:block;width:100%;max-width:690px;color:#fff;line-height:1}
.pf-brand .logo{width:100%;height:auto}
.pf-brand .logo__wort{fill:#fff}
.pf-brand .logo__akzent{fill:var(--pf-blau)}
.pf-org{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,1.3vw,26px);width:66%;margin-top:12px;padding-top:22px;position:relative}
.pf-org::before{content:"";position:absolute;inset:-12px 0 auto;height:1px;background:var(--pf-linie);transform:skewY(var(--tilt));transform-origin:right center}
.pf-org p{margin:0;font:500 clamp(17px,1.4vw,28px)/1.15 var(--cond);white-space:nowrap;color:#fff}
.pf-org .society-logo{flex:0 1 45%;min-width:0;max-width:240px;width:45%;margin:0}
.pf-nav{display:grid;max-width:none;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(22px,2.1vw,42px) clamp(24px,3.7vw,74px);transform:skewY(var(--tilt));transform-origin:left bottom}
.campaign-footer .pf-nav a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#eee;text-decoration:none}
.pf-word{font:400 clamp(38px,3.65vw,73px)/.95 var(--cond);letter-spacing:-.045em;white-space:nowrap}
.pf-word em{font-weight:800;font-style:normal}
.pf-question{font:400 clamp(11px,.7vw,14px)/1.3 var(--body);color:var(--pf-leise);letter-spacing:-.02em}
.pf-nav .pf-arrow{display:none}
.campaign-footer .pf-nav a .pf-word em,.campaign-footer .pf-nav a .pf-question{transition:color .2s}
.campaign-footer .pf-nav a:is(:hover,:focus-visible) .pf-word em,.campaign-footer .pf-nav a:is(:hover,:focus-visible) .pf-question{color:var(--nav-hover,var(--pf-blau))}
.pf-service{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(20px,3vw,60px);margin-top:clamp(30px,2.4vw,48px)}
.campaign-footer a.pf-test{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid #fff;background:#fff;color:var(--tinte);font:800 clamp(15px,1.1vw,22px)/1 var(--cond);text-decoration:none;text-transform:uppercase;transform:skewY(var(--tilt));transform-origin:left center;transition:background .2s,color .2s,border-color .2s}
.campaign-footer a.pf-test--linie{background:none;color:#fff}
.campaign-footer a.pf-test:is(:hover,:focus-visible){background:var(--pf-blau);border-color:var(--pf-blau);color:#fff}
.pf-icon,.pf-test>span:last-child{display:inline-block;font:400 .85em/1 var(--body);flex-shrink:0;transition:translate .2s}
.campaign-footer .pf-test:is(:hover,:focus-visible)>span:last-child{translate:3px -3px}
.pf-legal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:clamp(35px,2.1vw,46px);padding-top:clamp(22px,1.3vw,28px);border-top:1px solid var(--pf-linie);font:400 clamp(12px,.85vw,16px)/1.4 var(--body);color:var(--pf-leise)}
.pf-legal nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.campaign-footer .pf-legal a{color:inherit;font:inherit;text-decoration:none;transition:color .2s}
.campaign-footer .pf-legal a:is(:hover,:focus-visible){color:#fff}
.pf-up{justify-self:end;white-space:nowrap}
@media(max-width:1100px){
 .pf-split{column-gap:32px}
 .pf-rechts{padding-left:0}
 .pf-nav{column-gap:22px}
 .pf-service{gap:18px}
 .pf-org{width:100%;gap:14px}
}
@media(max-width:760px){
 .campaign-footer{padding-top:calc(var(--kante) + 48px)}
 .campaign-footer>.wrap{padding-inline:24px}
 .pf-split{grid-template-columns:1fr;gap:42px}
 .pf-rechts{padding:0}
 .pf-nav{grid-template-columns:1fr;gap:22px}
 .pf-word{font-size:clamp(36px,8.5vw,62px)}
 .pf-question{font-size:12px;max-width:22ch}
 .pf-service{margin-top:36px;gap:20px}
 .campaign-footer a.pf-test{font-size:16px;padding:14px 16px}
 .pf-strich{height:2px;min-height:0;width:100%}
 .pf-identity{align-items:center}
 .campaign-footer a.pf-brand{width:100%;max-width:480px}
 .pf-org{width:100%;max-width:480px;margin-top:22px;padding-top:24px;gap:18px}
 .pf-org p{font-size:20px}
 .pf-org .society-logo{flex:0 1 42%;max-width:190px}
 .pf-legal{grid-template-columns:1fr auto;gap:20px 12px;margin-top:36px;font-size:12px}
 .pf-legal nav{grid-row:2;grid-column:1/-1;gap:20px}
 .pf-up{grid-row:1;grid-column:2}
}
@media(prefers-reduced-motion:reduce){
 .pf-icon,.pf-test>span:last-child{transition:none;translate:0 0}
}
body[data-page="was"]{--seitenfarbe:#ff328c;--seitenfarbe-tinte:#fff;--marke-auf-hell:#ff328c}
body[data-page="wie"]{--seitenfarbe:#dfd510;--seitenfarbe-tinte:#0a0a0a;--marke-auf-hell:#0a0a0a}
body[data-page="wer"]{--seitenfarbe:#5371ff;--seitenfarbe-tinte:#fff;--marke-auf-hell:#5371ff}
body[data-page="wohin"]{--seitenfarbe:#bb1030;--seitenfarbe-tinte:#fff;--marke-auf-hell:#bb1030}
.vorhang__start:has(.vorhang__marke--logo){transform:none}
.vorhang__start:has(.vorhang__marke--logo) .vorhang__ort{transform:skewY(var(--shear));transform-origin:left center}
nav.vorhang{padding-top:calc(clamp(130px,17.6vh,200px) + 24px)}
nav.vorhang{justify-content:flex-start}
nav.vorhang > .wrap{flex-shrink:0;min-height:auto}
nav.vorhang ol{row-gap:0;min-height:auto}
nav.vorhang li{border-top:0;border-bottom:0;min-height:min-content;flex-basis:auto}
nav.vorhang ol a{line-height:1.12;padding-block:.18em .3em}
nav.vorhang .vorhang__check{border-top:0}
nav.vorhang li:not(:first-child)::before,
nav.vorhang li:last-child::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.18);transform:scaleY(.5);transform-origin:center;pointer-events:none}
nav.vorhang li:not(:first-child)::before{top:0}
nav.vorhang li:last-child::after{top:auto;bottom:0}
nav.vorhang ol a::before,nav.vorhang ol a::after{content:none;display:none}
nav.vorhang a.vorhang__start svg.vorhang__pfeil{grid-column:1;grid-row:1 / 3;align-self:center}
nav.vorhang .vorhang__marke{grid-column:2}
@media(min-width:761px){
 nav.vorhang{padding-bottom:20px;overflow:hidden}
 nav.vorhang > .wrap{flex:1 1 0;min-height:0}
 nav.vorhang ol{flex:1 1 0;min-height:0;container-type:size}
 nav.vorhang li{flex:1 1 0;min-height:0}
 nav.vorhang ol a{font-size:min(13vw,25cqh,240px);padding-block:.03em .15em}
 nav.vorhang .vorhang__check{font-size:min(3.7vw,6vh,64px);padding-block:clamp(12px,2vh,24px)}
}
@media(max-width:760px){
 nav.vorhang{padding-top:calc(clamp(96px,12.5vh,140px) + 16px);padding-bottom:12px}
 nav.vorhang ol{row-gap:0}
 nav.vorhang ol a{font-size:min(18vw,9.5vh,82px);flex-wrap:wrap;gap:6px;padding-block:.02em .1em}
 nav.vorhang ol a i{flex-basis:100%;font-size:min(6.2vw,2.9vh,26px);padding-left:0}
 nav.vorhang .vorhang__check{font-size:min(6.4vw,3.2vh,28px);padding-block:clamp(10px,1.6vh,18px)}
 nav.vorhang ol a em,nav.vorhang ol a[aria-current="page"] em,
  nav.vorhang ol a:hover em,nav.vorhang ol a:focus-visible em{color:var(--papier)}
 nav.vorhang ol a i,nav.vorhang ol a:hover i,nav.vorhang ol a:focus-visible i{opacity:1;color:var(--papier);transform:none}
 nav.vorhang ol a[aria-current="page"] em,
  nav.vorhang ol a[aria-current="page"] i{color:var(--zeile)}
}
main{background:#0a0a0a}
.unterseite main{--section-color:var(--pink)}
.unterseite main h1,.unterseite main h2,.unterseite main h3,.unterseite main h4{text-wrap:balance}
.unterseite main p{font:400 clamp(16px,1.25vw,19px)/1.55 var(--body);margin:0;max-width:62ch}
.unterseite main p+p{margin-top:20px}
.unterseite main .eyebrow{font:700 13px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;margin:0 0 26px;color:inherit}
.unterseite main .section-intro{font:400 clamp(17px,1.4vw,21px)/1.5 var(--body);margin:28px 0 0;max-width:63ch}
.unterseite main h3{font:600 clamp(26px,2.2vw,36px)/1.08 var(--cond);margin:0 0 16px}
.unterseite main h4{font:600 25px/1.12 var(--cond);margin:0 0 14px}
.unterseite main h2{max-width:23ch}
.unterseite main .sec--schwarz p{color:#b9b6ad}
.unterseite main .sec--schwarz .eyebrow{color:#fff}
.unterseite main .chapter{padding-bottom:calc(var(--kante) + clamp(65px,6vw,100px))}
.unterseite .hero{padding:clamp(130px,11vw,180px) 0 calc(var(--kante) + 75px);background:#fff;overflow:hidden}
.unterseite .hero h1{font:400 clamp(54px,5.9vw,102px)/1.09 var(--cond);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 30px;max-width:20ch}
.unterseite .film-play{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0001;border:0}
.js .unterseite .film-play{display:flex}
.unterseite .film-play>span{display:grid;place-items:center;width:70px;height:60px;background:var(--gelb);color:#111;font:700 24px var(--cond);transform:skewY(var(--tilt));padding-left:4px}
.unterseite .film-play:hover>span{background:#fff}
.unterseite .split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}
.unterseite .next>a{display:flex;align-items:center;justify-content:space-between;gap:35px;text-decoration:none}
.unterseite .next>a>span{font:400 100px/1 var(--cond);color:var(--section-color)}
.unterseite .next>a:hover{color:var(--section-color)}
.unterseite .next>p{margin-top:30px;color:#aaa}
.unterseite main button.button{font:700 20px/1.2 var(--cond);border:0;background:#111;color:#fff;padding:14px 21px;transform:skewY(var(--tilt));text-align:left;cursor:pointer}
.unterseite button.button:hover{background:var(--pink);color:#111}
.unterseite .notes-dialog{width:min(760px,calc(100% - 32px));padding:35px;max-height:90dvh;overscroll-behavior:contain}
.unterseite .notes-dialog h2{font-size:44px;margin-bottom:30px;text-transform:none;line-height:1.1}
.unterseite .notes-dialog .eyebrow{max-width:calc(100% - 45px)}
.unterseite .notes-dialog textarea{width:100%;font:400 17px/1.4 var(--body);border:1px solid #aaa;background:#fff;color:#111;resize:vertical;padding:12px;border-radius:0}
.unterseite .status{font-size:14px!important;margin-top:18px!important;min-height:22px}
@media(max-width:1050px){
 .unterseite .hero h1{font-size:clamp(50px,6.2vw,78px)}
}
@media(max-width:390px){
 .unterseite .hero h1{font-size:43px}
}
@media(prefers-reduced-motion:reduce){
 .unterseite *{scroll-behavior:auto!important;transition:none!important}
}
@media print{
 html,body{height:auto!important;overflow:visible!important}
 .unterseite main>*,.unterseite main section{display:block!important}
 .unterseite .ecke, .unterseite .vorhang, .unterseite footer, .unterseite .skip-link, .unterseite #week-dialog{display:none!important}
 .unterseite main section{clip-path:none!important;padding:15px 0!important;margin:0!important;background:#fff!important;color:#111!important}
 body.unterseite:has(#notes-dialog) main>section{display:none!important}
 .unterseite #notes-dialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
 .unterseite #notes-dialog>*{display:none!important}
 @page{size:A4;margin:20mm}
}
.unterseite{--kopf:clamp(60px,5.45vw,88px)}
.unterseite .kapitel{position:sticky;top:0;z-index:60;background:#fff;padding-top:var(--kopf);margin-bottom:var(--kante);box-shadow:0 1px 0 #e4e0d8}
.unterseite .hero:has(+ .kapitel){padding-bottom:24px}
.unterseite .kapitel__band{display:flex;gap:6px;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:0 max(14px,calc(var(--pad) - 34px)) 10px}
.unterseite .kapitel__band::-webkit-scrollbar{display:none}
.unterseite .kapitel__stopp{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;text-decoration:none;white-space:nowrap;font:700 13.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#8a867e;background:#f4f2ed;padding:6px 16px 6px 6px;border-radius:999px;transition:color .2s,background-color .2s}
.unterseite .kapitel__stopp i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2dfd8;color:#6f6b64;font-size:11px;letter-spacing:0;flex-shrink:0;transition:background-color .2s,color .2s}
.unterseite .kapitel__stopp:hover{color:#0a0a0a;background:#e8e5de}
.unterseite .kapitel__stopp.ist-erledigt{color:#0a0a0a}
.unterseite .kapitel__stopp.ist-erledigt i{background:#0a0a0a;color:#fff}
.unterseite .kapitel__stopp.ist-hier{background:#0a0a0a;color:#fff}
.unterseite .kapitel__stopp.ist-hier i{background:var(--akzent);color:#0a0a0a}
.unterseite .kapitel__balken{height:3px;background:#ecebe5}
.unterseite .kapitel__balken>i{display:block;height:100%;width:0;background:var(--akzent);transition:width .15s linear}
html:has(.unterseite){scroll-padding-top:0}
.unterseite .chapter{scroll-margin-top:calc(var(--kopf) + 72px - var(--kante) - var(--luft))}
.unterseite .zwischen{font:400 clamp(27px,2.4vw,42px)/1.05 var(--cond);text-transform:uppercase;margin:58px 0 24px;padding-top:22px;border-top:2px solid currentColor}
.unterseite .typen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2vw;margin-top:8px}
.unterseite .typen article{background:#fff;padding:24px 20px 26px;border-top:2px solid var(--section-color)}
.unterseite .typen .eyebrow{margin-bottom:10px;color:#8a867e}
.unterseite .typen h3{font-size:23px;margin-bottom:10px}
.unterseite .typen p{font-size:15px}
.unterseite .koerper{width:100%;max-width:96px;height:auto;margin:0 auto 22px;display:block}
.unterseite .hinweis{font:400 14px/1.55 var(--body);color:#77736c;margin-top:28px;max-width:82ch}
.unterseite .sec--schwarz .hinweis{color:#a8a49c}
.unterseite .karte{background:#fff;padding:clamp(26px,2.3vw,38px);border-top:3px solid var(--section-color)}
.unterseite .karte .eyebrow{color:#8a867e;margin-bottom:18px}
.unterseite .sec--schwarz .karte{background:#15150f}
.unterseite .sec--schwarz .karte .eyebrow{color:#a8a49c}
@media(max-width:1050px){
 .unterseite .typen{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
}
@media(max-width:760px){
 .unterseite .kapitel{padding-top:calc(var(--kopf) - 4px)}
 .unterseite .kapitel__band{justify-content:flex-start;gap:5px;padding-bottom:8px}
 .unterseite .kapitel__stopp{font-size:12.5px;padding:5px 13px 5px 5px;gap:7px}
 .unterseite .kapitel__stopp i{width:20px;height:20px;font-size:10px}
 .unterseite .typen{grid-template-columns:1fr;gap:26px}
 .unterseite .koerper{max-width:82px;margin-bottom:16px}
 .unterseite .typen article{padding:20px}
 .unterseite .zwischen{margin:42px 0 20px;font-size:30px}
}
html.leiste-klebt .unterseite .ecke{color:var(--tinte)!important}
.unterseite .hero--foto{position:relative;min-height:min(92svh,980px);display:flex;align-items:flex-end;padding:clamp(150px,16vw,230px) 0 clamp(70px,7vw,110px);background:#0a0a0a;color:#fff;overflow:hidden}
.unterseite .hero--foto:has(+ .kapitel){padding-bottom:clamp(70px,7vw,110px)}
.unterseite .hero__bild{position:absolute;inset:0}
.unterseite .hero__bild img{width:100%;height:100%;object-fit:cover;max-height:none}
.unterseite .hero__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.28) 0%,rgba(10,10,10,0) 35%,rgba(10,10,10,.2) 60%,rgba(10,10,10,.88) 100%)}
.unterseite .hero__lage{position:relative;z-index:1}
.unterseite .hero--foto .eyebrow{color:#fff;opacity:.9}
.unterseite .hero--foto h1{color:#fff;font-size:clamp(58px,8.4vw,152px);line-height:.98;max-width:12ch;margin-bottom:26px}
html.hero-dunkel .unterseite .ecke{color:#fff!important}
html.leiste-klebt .unterseite .ecke{color:var(--tinte)!important}
.unterseite .wende{position:relative;perspective:1400px;min-height:320px;cursor:pointer}
.unterseite .wende h3{font-size:clamp(24px,1.7vw,30px);margin:0 0 8px}
.unterseite .wende .eyebrow{color:#8a867e;margin-bottom:14px;font-size:12px}
.unterseite .wende__knopf{position:absolute;right:16px;bottom:14px;border:0;background:none;font:700 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#8a867e;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 0}
.unterseite .wende__knopf i{font-style:normal;font-size:18px;transition:transform .4s}
.unterseite .wende:hover .wende__knopf{color:#0a0a0a}
.unterseite .wende:hover .wende__knopf i{transform:rotate(180deg)}
.unterseite .wende .koerper{max-width:88px;margin:0 auto 16px}
html:not(.js) .unterseite .wende{min-height:0;aspect-ratio:auto}
html:not(.js) .unterseite .wende__knopf{display:none}
@media(max-width:1050px){
 .unterseite .hero--foto h1{font-size:clamp(54px,8.6vw,110px)}
}
@media(max-width:760px){
 .unterseite .hero--foto{min-height:min(88svh,760px);padding-top:140px;padding-bottom:64px}
 .unterseite .hero--foto h1{font-size:clamp(46px,11.5vw,72px);line-height:1.02}
 .unterseite .wende{aspect-ratio:auto;min-height:250px}
 .unterseite .wende h3{font-size:22px}
 .unterseite .wende .koerper{max-width:64px;margin-bottom:10px}
}
@media(max-width:420px){
 .unterseite .wende{min-height:230px}
}
.unterseite .hero--foto .eyebrow{margin-bottom:18px}
.unterseite .hero__marke{font:800 clamp(88px,15vw,270px)/.82 var(--fett);letter-spacing:-.045em;color:#fff;text-transform:none;max-width:none;margin:0 0 10px;display:inline-block;transform:skewY(var(--shear));transform-origin:left center;padding-bottom:.06em}
.unterseite .hero__marke b{font-weight:800;color:var(--section-color)}
.unterseite .hero__frage{font:400 clamp(26px,3vw,50px)/1.05 var(--cond);text-transform:uppercase;color:#fff;margin:0 0 26px;max-width:none;letter-spacing:-.01em}
@media(max-width:760px){
 .unterseite .hero__marke{font-size:clamp(78px,24vw,110px)}
 .unterseite .hero__frage{font-size:24px;margin-bottom:18px}
}
.unterseite .reel{--neigung:var(--tilt);display:flex;flex-direction:column;gap:16px;color:#fff}
.unterseite .reel__visual{aspect-ratio:3/4;background:#242424;border:0;padding:0;position:relative;overflow:hidden;color:#fff;cursor:pointer;display:block;width:100%}
.unterseite .reel__visual::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);transition:opacity .3s}
.unterseite .reel__visual img,.unterseite .reel__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none}
.unterseite .reel__video{opacity:0;z-index:1;pointer-events:none}
.unterseite .reel__visual[data-laeuft=true] .reel__video{opacity:1}
.unterseite .reel__visual[data-laeuft=true] .reel__play, .unterseite .reel__visual[data-laeuft=true]::after{opacity:0}
.unterseite .reel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;padding-left:5px;border:2px solid #fff;background:#0005;z-index:2;transition:opacity .25s,background .25s}
.unterseite .reel__visual:hover .reel__play{background:var(--gelb);color:#0a0a0a;border-color:var(--gelb)}
.unterseite .hero h1.hero__marke{text-transform:none;line-height:.82}
.unterseite .reel__play{color:#fff}
.unterseite .reel__visual:hover .reel__play{color:#0a0a0a}
.unterseite .hero h1.hero__marke{font:800 clamp(88px,15vw,270px)/.82 var(--fett);letter-spacing:-.045em;max-width:none;margin:0 0 14px}
@media(max-width:760px){
 .unterseite .hero h1.hero__marke{font-size:clamp(78px,24vw,110px)}
}
.unterseite .hero--foto{min-height:min(68svh,720px);padding:clamp(120px,12vw,160px) 0 clamp(54px,5vw,80px)}
.unterseite .hero__bild img{object-position:var(--pos,75% 40%)}
.unterseite .hero__bild::after{background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.92) 24%,rgba(10,10,10,.55) 46%,rgba(10,10,10,.05) 72%,rgba(10,10,10,0) 100%),linear-gradient(0deg,rgba(10,10,10,.6),rgba(10,10,10,0) 40%)}
.unterseite .hero__lage>div{max-width:min(58ch,62%)}
.unterseite .hero h1.hero__marke{font-size:clamp(80px,11.5vw,200px)}
.unterseite .hero__frage{font-size:clamp(24px,2.5vw,40px);margin-bottom:18px}
@media(max-width:760px){
 .unterseite .hero--foto{min-height:min(78svh,640px);padding-top:120px;padding-bottom:48px}
 .unterseite .hero__bild::after{background:linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.85) 35%,rgba(10,10,10,.25) 70%,rgba(10,10,10,.1) 100%)}
 .unterseite .hero__lage>div{max-width:none}
 .unterseite .hero h1.hero__marke{font-size:clamp(70px,21vw,100px)}
}
@media(min-width:761px){
 .unterseite .hero__bild img{width:134%;left:auto;right:0;position:absolute}
}
.unterseite .kapitel__stopp.ist-hier i{color:var(--seitenfarbe-tinte,#0a0a0a)}
html.leiste-klebt .unterseite .marke em{color:var(--marke-auf-hell,var(--akzent-marke))}
.unterseite .hero__marke b{color:var(--section-color)}
@keyframes shg-auf{from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; }}
.unterseite .reel__play{transform:translate(-50%,-50%) skewY(var(--neigung,-3.5deg))}
.unterseite .reel__visual:hover .reel__play,
.unterseite .reel__visual:focus-visible .reel__play{transform:translate(-50%,-50%) skewY(var(--neigung,-3.5deg))}
.reel__visual:hover .reel__play{transform:translate(-50%,-50%) skewY(var(--neigung,-3.5deg))}
@media(max-width:760px){
 .campaign-footer .pf-strich{display:none}
 .campaign-footer a.pf-brand{max-width:280px!important;width:100%;margin-inline:auto!important}
 .campaign-footer .pf-identity{text-align:center}
 body[data-page="impressum"] .campaign-footer,
  body[data-page="datenschutz"] .campaign-footer{padding-top:calc(var(--kante) + 24px);padding-bottom:22px}
 body[data-page="impressum"] .campaign-footer>.wrap,
  body[data-page="datenschutz"] .campaign-footer>.wrap{padding-inline:18px}
 body[data-page="impressum"] .campaign-footer .pf-split,
  body[data-page="datenschutz"] .campaign-footer .pf-split{gap:22px}
 body[data-page="impressum"] .campaign-footer .pf-nav,
  body[data-page="datenschutz"] .campaign-footer .pf-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 body[data-page="impressum"] .campaign-footer .pf-word,
  body[data-page="datenschutz"] .campaign-footer .pf-word{font-size:clamp(24px,6.4vw,38px)}
 body[data-page="impressum"] .campaign-footer .pf-question,
  body[data-page="datenschutz"] .campaign-footer .pf-question{font-size:10px;max-width:none}
 body[data-page="impressum"] .campaign-footer .pf-service,
  body[data-page="datenschutz"] .campaign-footer .pf-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:10px}
 body[data-page="impressum"] .campaign-footer a.pf-test,
  body[data-page="datenschutz"] .campaign-footer a.pf-test{min-width:0;width:100%;font-size:12px;padding:10px 11px;gap:8px}
 body[data-page="impressum"] .campaign-footer .pf-org,
  body[data-page="datenschutz"] .campaign-footer .pf-org{max-width:320px;margin-top:12px;padding-top:14px;gap:12px}
 body[data-page="impressum"] .campaign-footer .pf-org p,
  body[data-page="datenschutz"] .campaign-footer .pf-org p{font-size:16px}
 body[data-page="impressum"] .campaign-footer .pf-org .society-logo,
  body[data-page="datenschutz"] .campaign-footer .pf-org .society-logo{max-width:140px}
 body[data-page="impressum"] .campaign-footer .pf-legal,
  body[data-page="datenschutz"] .campaign-footer .pf-legal{margin-top:20px;gap:12px 10px;font-size:11px}
 body[data-page="impressum"] .campaign-footer .pf-legal nav,
  body[data-page="datenschutz"] .campaign-footer .pf-legal nav{gap:12px 16px}
}
body[data-page="impressum"] footer .logo__akzent,
body[data-page="datenschutz"] footer .logo__akzent{fill:#fff}
body[data-page="impressum"] footer .pf-strich,
body[data-page="datenschutz"] footer .pf-strich{background:#fff;border-color:#fff;color:#fff}
.v2-bar{font-style:normal;display:inline-block;max-width:100%;transform:skewY(var(--tilt));transform-origin:left bottom;margin-top:.1em;line-height:1.32}
.v2-bar>span{display:inline;--balken-farbe:var(--section-color,var(--pink));color:#fff;font-weight:800;letter-spacing:-.04em;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.v2-bar--schraeg{transform:skewY(var(--shear))}
.unterseite .sec h2.t-cond,.unterseite h3.zwischen{display:inline-block;transform:skewY(var(--tilt));transform-origin:left bottom}
.unterseite .sec h2.t-cond .v2-bar--kopf,.unterseite h3.zwischen .v2-bar--kopf{transform:none}
.unterseite .v2-bar--kopf>span{font-size:1.06em;padding:0 .14em}
.unterseite h2 .v2-bar--kopf,.unterseite h3 .v2-bar--kopf{margin-top:.12em}
.unterseite .sec h2,.unterseite .zwischen{max-width:none}
.unterseite .hero__frage{margin:clamp(14px,1.6vw,26px) 0 30px}
.unterseite .hero__frage .v2-bar>span{font:800 clamp(24px,2.7vw,46px)/1.32 var(--cond);text-transform:uppercase;letter-spacing:-.02em;padding:0 .2em}
.unterseite .hero--foto{padding-bottom:clamp(60px,6vw,90px)}
.unterseite .kapitel + .sec.schraeg{clip-path:none;margin-top:0;padding-top:var(--luft);scroll-margin-top:0}
.stimme-wechsel{grid-area:1/1;margin:0;opacity:0;translate:0 14px;transition:opacity .3s,translate .3s;pointer-events:none}
.stimme-wechsel[data-an]{opacity:1;translate:0 0;pointer-events:auto;transition:opacity .6s ease .25s,translate .6s cubic-bezier(.2,.7,.3,1) .25s}
.stimme-wechsel blockquote{margin:0;font:400 clamp(28px,2.6vw,46px)/1.12 var(--cond);letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
.stimme-wechsel figcaption{margin-top:22px;font:800 12px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#8a867e}
.unterseite .sec--schwarz .stimme-wechsel figcaption{color:#a8a49c}
@keyframes stimme-takt{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.unterseite #symptome.sec.schraeg{--luft:clamp(36px,3.6vw,64px)}
.unterseite #symptome .section-intro{margin-top:14px;font-size:clamp(16px,1.25vw,20px)}
.unterseite .kapitel{margin-bottom:0}
.symptome{position:relative}
.symptome__figur{position:relative;margin:0 auto;width:100%;max-width:min(clamp(280px,25vw,400px),36vh);aspect-ratio:1086/1448}
.symptome__figur img.koerper{object-fit:contain}
.symptome__figur [data-symptom="symmetrie"]{left:28%!important;top:28%!important}
.symptome__figur [data-symptom="taille"]{left:57%!important;top:28%!important}
.symptome__figur [data-symptom="knoten"]{left:72%!important;top:43%!important}
.symptome__figur [data-symptom="gewicht"]{left:29%!important;top:52%!important}
.symptome__figur [data-symptom="druck"]{left:69%!important;top:57%!important}
.symptome__figur [data-symptom="fleck"]{left:26%!important;top:66%!important}
.symptome__figur [data-symptom="kaelte"]{left:65%!important;top:70%!important}
.symptome__figur [data-symptom="frei"]{left:78%!important;top:85%!important}
.unterseite .symptome__figur .koerper{width:100%!important;height:100%!important;max-width:none!important;display:block;margin:0}
.symptome__knopf{position:absolute;translate:-50% -50%;width:clamp(38px,3vw,46px);height:clamp(38px,3vw,46px);border:0;padding:0;background:none;cursor:pointer;z-index:2}
.symptome__icon{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;border:1.5px solid #0a0a0a;box-shadow:0 6px 18px rgba(0,0,0,.14);transition:background .2s,border-color .2s,scale .2s}
.symptome__icon svg{width:52%;height:52%;fill:none;stroke:#0a0a0a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.symptome__knopf:hover .symptome__icon{scale:1.1}
.symptome__knopf[aria-expanded="true"] .symptome__icon{background:var(--section-color);border-color:var(--section-color)}
.symptome__knopf[aria-expanded="true"] .symptome__icon svg{stroke:#fff}
.symptome__knopf:focus-visible .symptome__icon{outline:2px solid var(--section-color);outline-offset:4px}
@keyframes sym-pop{from{scale:.92}to{scale:1}}
@media(max-width:1050px){
 .symptome__figur{max-width:340px}
}
@media(max-width:760px){
 .unterseite .hero__frage .v2-bar>span{font-size:clamp(20px,5.6vw,26px)}
 .stimme-wechsel blockquote{font-size:clamp(24px,7vw,32px)}
 .symptome__figur{max-width:min(300px,78vw)}
 .symptome__knopf{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
 .stimme-wechsel,.stimme-wechsel[data-an]{transition:none}
}
@media(min-width:1000px){
 .unterseite main>.sec.chapter{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
 .unterseite main>.sec.chapter.schraeg{--luft:clamp(20px,2vw,38px)}
 .unterseite main>.sec.chapter>.wrap{width:100%}
 .unterseite main>.sec.chapter .t-cond--m{font-size:clamp(30px,2.9vw,46px)}
 .unterseite main>.sec.chapter .zwischen{font-size:clamp(20px,1.8vw,28px)}
 .unterseite main>.sec.chapter .section-intro{margin-top:12px;font-size:clamp(15px,1.15vw,18px);max-width:66ch}
 .unterseite main>.sec.chapter .zwischen{margin-top:clamp(20px,2vw,32px)}
 .unterseite .wende{min-height:clamp(170px,18vh,215px)}
 .unterseite .karte{padding:clamp(20px,1.8vw,28px)}
 .unterseite .hinweis{margin-top:12px;font-size:13px}
}
@media(min-width:1000px) and (max-height:700px){
 .unterseite main>.sec.chapter{min-height:0}
}
.unterseite .campaign-footer{margin-top:0}
.unterseite .campaign-footer .pf-word{font-size:clamp(30px,2.6vw,50px)}
.unterseite .campaign-footer .pf-nav{column-gap:clamp(20px,2.6vw,48px)}
.tafel{margin-top:clamp(20px,2vw,32px)}
.wie2{--rot-dunkel:#ff4d5e;--luft:clamp(72px,7.4vw,140px)}
.wie2 .pfeil{width:1.15em;height:1em;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;flex:none;transition:translate .2s}
.wie2 a:hover .pfeil{translate:5px 0}
.wie2 main>.sec.chapter{position:relative;z-index:1;clip-path:none;margin-top:0;padding-top:var(--luft);padding-bottom:var(--luft);scroll-margin-top:calc(var(--kopf) + 62px)}
.wie2 main>.sec.chapter .wrap{width:100%}
.wie2 .v2-bar>span{--balken-farbe:var(--gelb);color:var(--tinte)}
.wie2 .hero__frage .v2-bar>span{--balken-farbe:var(--gelb);color:var(--tinte)}
@media(min-width:761px){
 .wie2 .hero__bild img{width:100%;left:0;right:auto}
}
.wie2 .hero__bild::after{background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.9) 22%,rgba(10,10,10,.5) 44%,rgba(10,10,10,.06) 68%,rgba(10,10,10,0) 100%),linear-gradient(0deg,rgba(10,10,10,.55),rgba(10,10,10,0) 38%)}
.wie2 .hero__frage{margin-bottom:0}
.wie2 .hero__frage .v2-bar>span{font-size:clamp(26px,3vw,50px)}
.wie2 .kapitel{background:#fff;box-shadow:0 1px 0 #0a0a0a,0 14px 34px rgba(0,0,0,.09)}
.wie2 .kapitel__band{gap:8px;padding-bottom:12px}
.wie2 .kapitel__stopp{font:800 14px/1 var(--cond);letter-spacing:.12em;padding:8px 20px 8px 8px;gap:10px;background:#f1efe9;color:#4e4b45;border:1.5px solid #f1efe9}
.wie2 .kapitel__stopp i{width:26px;height:26px;font-size:12px;font-weight:800;background:#dedbd3;color:#3a3833}
.wie2 .kapitel__stopp:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.wie2 .kapitel__stopp:hover i{background:var(--gelb);color:#0a0a0a}
.wie2 .kapitel__stopp.ist-erledigt{background:#fff;border-color:#0a0a0a;color:#0a0a0a}
.wie2 .kapitel__stopp.ist-erledigt i{background:#0a0a0a;color:#fff}
.wie2 .kapitel__stopp.ist-hier{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.wie2 .kapitel__stopp.ist-hier i{background:var(--gelb);color:#0a0a0a}
.wie2 .kapitel__balken{height:5px;background:#e9e7e0}
.wie2 .kapitel__balken>i{background:var(--gelb)}
.wie2 main>.sec.chapter h2.t-cond--m{font-size:clamp(42px,4.8vw,88px);font-weight:800;line-height:.98;letter-spacing:-.03em;text-transform:uppercase}
.wie2 main>.sec.chapter .eyebrow{margin-bottom:18px}
.wie2 main>.sec.chapter .section-intro{margin-top:22px;max-width:70ch;font-size:clamp(16px,1.25vw,20px)}
.wie2 .plakat__frage{display:inline-block;margin:0;font:800 clamp(34px,5.6vw,104px)/.98 var(--cond);letter-spacing:-.035em;text-transform:uppercase;transform:skewY(var(--tilt));transform-origin:left bottom;max-width:none;color:inherit}
.wie2 .plakat__frage .v2-bar--kopf{transform:none;margin-top:.1em}
.wie2 .plakat__frage .v2-bar--kopf>span{font-size:1em;padding:0 .16em}
.wie2 .hl{display:inline;font-style:normal;font-weight:800;padding:.02em .16em .06em;margin-inline:.02em;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:var(--hl-bg,var(--gelb));color:var(--hl-fg,#0a0a0a)}
.wie2 .hilfe{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,110px);align-items:center}
html.wie2-js .wie2 [data-rein]{opacity:0;translate:0 26px;transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 110ms)}
html.wie2-js .wie2 [data-rein].ist-da{opacity:1;translate:0 0}
html.wie2-js .wie2 .stimmen[data-rein] .stimme-wechsel{transition-delay:0s}
@media(max-width:1100px){
 .wie2 .hilfe{grid-template-columns:1fr .9fr;gap:40px}
}
@media(max-width:1000px){
 .wie2 main>.sec.chapter{min-height:0}
}
@media(max-width:760px){
 .wie2{--luft:clamp(56px,10vw,80px)}
 .wie2 .hero__frage .v2-bar>span{font-size:clamp(22px,6vw,28px)}
 .wie2 .kapitel__stopp{font-size:12.5px;padding:7px 14px 7px 7px}
 .wie2 .kapitel__stopp i{width:22px;height:22px;font-size:10.5px}
 .wie2 main>.sec.chapter h2.t-cond--m{font-size:clamp(34px,10vw,52px)}
 .wie2 .plakat__frage{font-size:clamp(30px,9.4vw,46px)}
 .wie2 .hilfe{grid-template-columns:1fr;gap:40px}
}
@media(prefers-reduced-motion:reduce){
 html.wie2-js .wie2 [data-rein]{opacity:1;translate:0 0;transition:none}
 .wie2 .pfeil{transition:none}
}
.wie2neu main, .wie2neu .hero, .wie2neu .kapitel{--gelb:#5371ff}
.wie2neu{--leit:#5371ff}
.wie2neu main>.sec.chapter{min-height:0}
.wie2neu main>.sec.chapter{clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%);margin-top:calc(var(--kante) * -1);margin-bottom:0;padding-top:calc(var(--kante) + var(--luft));padding-bottom:calc(var(--kante) + var(--luft))}
.wie2neu .kapitel+.sec.chapter{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--kante)),0 100%);margin-top:0;padding-top:var(--luft)}
.wie2neu .campaign-footer{margin-top:calc(var(--kante) * -1);--pf-blau:var(--leit)}
.wie2neu .hero__frage{transform:translateY(clamp(-22px,-1.5vw,-10px))}
.wie2neu .hero__frage .v2-bar>span{font-size:clamp(30px,3.4vw,56px)}
.wie2neu main h2 .v2-bar--kopf{line-height:1.12;margin-top:0}
.wie2neu main h2 .v2-bar--kopf>span{font-size:1em}
.wie2neu .kapitel{box-shadow:0 14px 34px rgba(0,0,0,.09)}
.wie2neu .kapitel__stopp.ist-erledigt{background:#f1efe9;border-color:#f1efe9;color:#4e4b45}
.wie2neu .kapitel__stopp.ist-erledigt i{background:#dedbd3;color:#3a3833}
.wie2neu .kapitel__stopp.ist-erledigt:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.wie2neu .kapitel__stopp.ist-erledigt:hover i{background:var(--gelb);color:#0a0a0a}
.wie2neu blockquote:has(>.zitattext){display:block;text-align:left;padding-bottom:0}
.wie2neu main>.sec.chapter.kino-sec{padding-top:0;padding-bottom:0}
.wie2neu .kapitel+.sec.chapter.kino-sec{padding-top:0}
.wie2neu .kino-sec{--film:clamp(330px,46vw,760px);--gesell-luft:calc(var(--film) - var(--pad) + clamp(30px,3vw,56px));--film-kante:calc(var(--film) * .06116)}
.wie2neu .kino-sec>.wrap{min-height:var(--film);display:flex;flex-direction:column;justify-content:center;padding-block:calc(var(--kante) + clamp(18px,1.8vw,32px))}
.wie2neu .kino-sec--rechts>.wrap>*{padding-right:var(--gesell-luft)}
.wie2neu .kino-sec>.wrap>h2.t-cond{margin:0 0 clamp(22px,2.2vw,40px)}
.wie2neu .gesell{position:static;display:block;min-height:0;padding:0}
.wie2neu .gesell .stimmen{position:relative;z-index:1}
.wie2neu .gesell .stimme-wechsel{align-self:center;min-width:0;text-align:left}
.wie2neu .gesell .stimme-wechsel blockquote{margin:0;max-width:none;color:#fff;font:800 clamp(30px,3.1vw,56px)/1.16 var(--cond);letter-spacing:-.025em;text-transform:uppercase;text-wrap:pretty;transform:skewY(var(--tilt));transform-origin:center}
.wie2neu .gesell .stimme-wechsel figcaption{display:inline-block;margin-top:clamp(18px,1.6vw,28px);padding:.34em .8em .4em;background:var(--gelb);color:#0a0a0a;font:800 clamp(12px,1vw,15px)/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;transform:skewY(var(--tilt));transform-origin:center}
.wie2neu .sec--weiss .gesell .stimme-wechsel blockquote{color:#0a0a0a}
.wie2neu .gesell__buehne{position:absolute;top:0;bottom:0;width:var(--film);height:auto;margin:0}
.wie2neu .kino-sec--rechts .gesell__buehne{right:0;left:auto}
.wie2neu .gesell__buehne .reel{gap:0;display:block;height:100%}
.wie2neu .gesell__buehne .reel__visual{aspect-ratio:1/1;width:100%;height:100%;background:#1c1c1c;padding:0}
.wie2neu .gesell__buehne .reel__visual img,
.wie2neu .gesell__buehne .reel__video{width:100%;height:100%;object-fit:cover;object-position:50% var(--reel-pos,12%);display:block}
.wie2neu .gesell__buehne .reel__visual:has(.reel__video) img{opacity:0}
.wie2neu .gesell__buehne .reel__visual:has(.reel__video) .reel__video{opacity:1;z-index:1}
.wie2neu .gesell__buehne::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.5) 40%,rgba(10,10,10,0) 70%)}
.wie2neu .gesell__frage{position:absolute;z-index:2;left:0;right:0;margin:0;bottom:calc(var(--kante) + clamp(66px,5.4vw,100px));padding:0 clamp(20px,2.4vw,46px);font-size:clamp(21px,2.3vw,42px);color:#fff}
.wie2neu .filmleiste{position:absolute;z-index:3;left:0;right:0;bottom:calc(var(--kante) + clamp(8px,1vw,18px));display:flex;align-items:center;gap:clamp(10px,1.1vw,18px);padding:0 clamp(20px,2.4vw,46px);transform:skewY(var(--tilt));transform-origin:left center;opacity:0;transition:opacity .22s ease;pointer-events:auto}
.wie2neu .filmleiste:hover,
.wie2neu .filmleiste:focus-within,
.wie2neu .gesell__buehne:has(.reel__visual:hover) .filmleiste,
.wie2neu .gesell__buehne:has(.reel__visual:focus-visible) .filmleiste{opacity:1}
.wie2neu .filmleiste[hidden]{display:none}
.wie2neu .filmleiste__spur{flex:1 1 auto;min-width:0;height:6px;appearance:none;-webkit-appearance:none;cursor:pointer;border-radius:0;background:linear-gradient(90deg,var(--gelb) 0 var(--fortschritt,0%),rgba(255,255,255,.3) var(--fortschritt,0%) 100%)}
.wie2neu .filmleiste__spur::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:16px;background:#fff;border:0;border-radius:0}
.wie2neu .filmleiste__spur::-moz-range-thumb{width:4px;height:16px;background:#fff;border:0;border-radius:0}
.wie2neu .filmleiste__spur:disabled{cursor:default}
.wie2neu .filmleiste__zeit{transform:skewY(calc(var(--tilt) * -1))}
.wie2neu .filmleiste__zeit{flex:none;font:800 11px/1 var(--cond);letter-spacing:.1em;color:#d6d3cb;font-variant-numeric:tabular-nums}
.wie2neu #weiter .next>a{align-items:center;transform:skewY(var(--tilt));transform-origin:center}
.wie2neu #weiter .next__text{min-width:0}
.wie2neu #weiter .eyebrow{display:block;margin:0 0 14px}
.wie2neu #weiter h2.t-cond{display:block;margin:0;transform:none}
.wie2neu .next>a .pfeil{width:clamp(56px,6vw,104px);height:auto;stroke-width:3;color:#0a0a0a;transform:none;flex-shrink:0;margin:0;stroke-linecap:butt;stroke-linejoin:miter;transition:translate .2s,color .2s}
.wie2neu .next>a:is(:hover,:focus-visible) .pfeil{translate:8px 0;color:var(--gelb)}
@media(max-width:1000px){
 .wie2neu .kino-sec>.wrap{display:block;min-height:0;padding-block:clamp(46px,8vw,72px)}
 .wie2neu .kino-sec--rechts>.wrap>*{padding-inline:0}
 .wie2neu .gesell{display:flex;flex-direction:column;align-items:stretch}
 .wie2neu .gesell__buehne{position:relative;top:auto;right:auto;left:auto;width:auto;height:auto;order:-1;margin-inline:calc(var(--pad) * -1);aspect-ratio:1/1;clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)}
 .wie2neu .gesell__buehne .reel{position:absolute;inset:0;height:auto;width:auto}
 .wie2neu .gesell__buehne .reel__visual{position:absolute;inset:0;height:auto;width:auto;aspect-ratio:auto}
 .wie2neu .gesell__buehne::after{background:linear-gradient(0deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.46) 38%,transparent 72%)}
 .wie2neu .gesell .stimme-wechsel blockquote{font-size:clamp(30px,5.6vw,52px)}
 .wie2neu .gesell__frage{font-size:clamp(21px,5.6vw,30px);bottom:calc(var(--kante) + 40px)}
}
@media(max-width:760px){
 .wie2neu .hero__bild::after{background:linear-gradient(0deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.62) 34%,rgba(10,10,10,.08) 62%,transparent 78%)}
 .wie2neu .hero__frage{transform:translateY(-10px)}
 .wie2neu .hero__frage .v2-bar>span{font-size:clamp(25px,6.6vw,34px)}
 .wie2neu .filmleiste{opacity:0;transition:opacity .18s ease}
 .wie2neu .filmleiste:focus-within,
 .wie2neu .gesell__buehne:has(.reel__visual:focus) .filmleiste{opacity:1}
 .wie2neu .next>a .pfeil{width:clamp(44px,12vw,68px)}
 .wie2neu .kapitel__stopp{font-size:10px;padding:4px 9px 4px 4px;gap:5px;letter-spacing:.08em}
 .wie2neu .kapitel__stopp i{width:17px;height:17px;font-size:8px}
 .wie2neu .kapitel__band{padding-top:10px}
 .wie2neu .campaign-footer{padding-top:calc(var(--kante) + 24px);padding-bottom:22px}
 .wie2neu .campaign-footer>.wrap{padding-inline:18px}
 .wie2neu .campaign-footer .pf-split{gap:22px}
 .wie2neu .campaign-footer .pf-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .wie2neu .campaign-footer .pf-word{font-size:clamp(24px,6.4vw,38px)}
 .wie2neu .campaign-footer .pf-question{font-size:10px;max-width:none}
 .wie2neu .campaign-footer .pf-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:10px}
 .wie2neu .campaign-footer a.pf-test{min-width:0;width:100%;font-size:12px;padding:10px 11px;gap:8px}
 .wie2neu .campaign-footer a.pf-brand{max-width:320px}
 .wie2neu .campaign-footer .pf-org{max-width:320px;margin-top:12px;padding-top:14px;gap:12px}
 .wie2neu .campaign-footer .pf-org p{font-size:16px}
 .wie2neu .campaign-footer .pf-org .society-logo{max-width:140px}
 .wie2neu .campaign-footer .pf-legal{margin-top:20px;gap:12px 10px;font-size:11px}
 .wie2neu .campaign-footer .pf-legal nav{gap:12px 16px}
}
.wie2neu .hl{--hl-bg:var(--gelb);--hl-fg:#fff}
.wie2neu .v2-bar>span, .wie2neu .hero__frage .v2-bar>span, .wie2neu .sec--schwarz .v2-bar>span{--balken-farbe:var(--gelb);color:#fff}
.wie2neu .gesell .stimme-wechsel figcaption{background:var(--gelb);color:#fff}
.wie2neu .kapitel__stopp:hover i,
.wie2neu .kapitel__stopp.ist-hier i,
.wie2neu .kapitel__stopp.ist-erledigt:hover i{color:#fff}
.wie2neu #hilfe .split{align-items:end;gap:clamp(40px,6vw,110px)}
@media(max-width:760px){
 .wie2neu .kino-sec .gesell__frage{bottom:calc(var(--kante) * 2 + 52px)}
 .wie2neu .kino-sec .filmleiste{bottom:calc(var(--kante) * 2 + 12px)}
}
.wie2neu .filmleiste__pause{flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;padding:6px 8px;background:none;color:#fff;cursor:pointer;transition:color .18s}
.wie2neu .filmleiste__pause:hover{color:var(--gelb)}
.wie2neu .filmleiste__ikon{width:20px;height:20px;display:block}
.wie2neu .filmleiste__pause .filmleiste__ikon--play{display:none}
.wie2neu .filmleiste__pause[data-pausiert] .filmleiste__ikon--pause{display:none}
.wie2neu .filmleiste__pause[data-pausiert] .filmleiste__ikon--play{display:block}
.wasneu main, .wasneu .hero, .wasneu .kapitel{--gelb:#ff328c}
.wasneu{--leit:#ff328c}
.wasneu .hero--wasneu{min-height:min(78svh,880px)}
.wasneu .hero__frage{transform:translateY(clamp(-22px,-1.5vw,-10px))}
.wasneu .hero__frage .v2-bar>span{font-size:clamp(30px,3.4vw,56px)}
.wasneu .symptome--raster{display:block;margin-top:clamp(30px,3.2vw,52px)}
.wasneu .symptome__figur{max-width:min(480px,48vw)}
.wasneu .symptome__liste[hidden]{display:none}
.wasneu .symptome__liste{list-style:none;margin:clamp(30px,3vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,2.6vw,44px)}
.wasneu .symptome__eintrag{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;align-items:start;padding:clamp(14px,1.4vw,22px) 0;border-top:1px solid #35342e}
.wasneu .symptome__eintrag .symptome__icon{grid-row:span 2;width:clamp(36px,2.8vw,44px);height:clamp(36px,2.8vw,44px);box-shadow:none}
.wasneu .symptome__eintrag b{align-self:end;font:800 clamp(17px,1.4vw,22px)/1.05 var(--cond);letter-spacing:-.01em;text-transform:uppercase;color:#fff;padding-top:.15em}
.wasneu .symptome__eintrag p{margin:0;max-width:none;font:400 clamp(13.5px,.95vw,15px)/1.45 var(--body);color:#c9c6bd}
.wasneu .symptome__knopf[aria-pressed="true"] .symptome__icon{background:var(--gelb);border-color:var(--gelb)}
.wasneu .symptome__knopf[aria-pressed="true"] .symptome__icon svg{stroke:#fff}
.wasneu .symptome__knopf:focus-visible .symptome__icon{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1000px){
 .wasneu .symptome__figur{max-width:min(440px,88vw)}
}
@media(max-width:760px){
 .wasneu .hero--wasneu{min-height:64svh}
 .wasneu .hero__frage{transform:translateY(-10px)}
 .wasneu .hero__frage .v2-bar>span{font-size:clamp(25px,6.6vw,34px)}
 .wasneu .symptome__liste{grid-template-columns:1fr}
 .wasneu .symptome__knopf{width:40px;height:40px}
}
:root{--balken-hoehe:.94em;--balken-versatz:.18em}
.v2-bar>span:not(:has(.w--balken)), .wie2 mark.hl{background-color:transparent;background-image:linear-gradient(var(--balken-farbe),var(--balken-farbe));background-repeat:no-repeat;background-size:100% var(--balken-hoehe);background-position:0 var(--balken-versatz);box-decoration-break:clone;-webkit-box-decoration-break:clone;text-transform:uppercase;padding-block:0}
.wie2 mark.hl{--balken-farbe:var(--hl-bg,var(--gelb));padding-inline:.17em}
.v2-bar>span, .wie2 mark.hl{text-shadow:-2px 3px 2.5px color-mix(in srgb, color-mix(in srgb, var(--balken-farbe, var(--section-color, var(--pink))) 72%, #000) 80%, transparent)}
.feld{text-shadow:-2px 3px 2.5px color-mix(in srgb, color-mix(in srgb, var(--section-color, var(--pink)) 72%, #000) 80%, transparent)}
.feld:is(:hover,:focus-visible){text-shadow:none}
.unterseite.wie2 .kapitel__band{gap:6px}
.unterseite.wie2 .kapitel__stopp,
.unterseite.wie2 .kapitel__stopp.ist-erledigt{gap:0;height:36px;padding:0 16px 0 0;border:0;border-radius:0;font:800 14px/1 var(--cond);letter-spacing:.1em;background:#f1efe9;color:#4e4b45}
.unterseite.wie2 .kapitel__stopp i,
.unterseite.wie2 .kapitel__stopp.ist-erledigt i{align-self:stretch;width:36px;height:auto;margin-right:13px;border-radius:0;font-size:13px;font-weight:800;letter-spacing:0;background:#dedbd3;color:#3a3833}
.unterseite.wie2 .kapitel__stopp:hover,
.unterseite.wie2 .kapitel__stopp.ist-erledigt:hover{background:#e6e3db;color:#0a0a0a}
.unterseite.wie2 .kapitel__stopp:hover i,
.unterseite.wie2 .kapitel__stopp.ist-erledigt:hover i{background:#cfcbc1;color:#0a0a0a}
.unterseite.wie2 .kapitel__stopp.ist-hier,
.unterseite.wie2 .kapitel__stopp.ist-hier:hover{background:#0a0a0a;color:#fff}
.unterseite.wie2 .kapitel__stopp.ist-hier i,
.unterseite.wie2 .kapitel__stopp.ist-hier:hover i{background:var(--gelb);color:#fff}
.unterseite.wie2 .kapitel__stopp:focus-visible{outline:3px solid var(--gelb);outline-offset:-3px}
.unterseite.wie2 #weiter .next>a{gap:clamp(28px,4vw,80px)}
.unterseite.wie2 #weiter .eyebrow{font:800 clamp(18px,1.6vw,30px)/1 var(--cond);letter-spacing:.1em;margin:0 0 clamp(14px,1.3vw,24px)}
.unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{font-size:clamp(52px,7.2vw,120px);line-height:.94;letter-spacing:-.03em}
.unterseite.wie2 #weiter .next>a .pfeil{width:clamp(84px,10vw,176px);stroke-width:3}
@media(max-width:760px){
 .unterseite.wie2 .kapitel__band{gap:4px}
 .unterseite.wie2 .kapitel__stopp,
 .unterseite.wie2 .kapitel__stopp.ist-erledigt{height:28px;padding-right:11px;font-size:11px;letter-spacing:.08em}
 .unterseite.wie2 .kapitel__stopp i,
 .unterseite.wie2 .kapitel__stopp.ist-erledigt i{width:28px;margin-right:9px;font-size:10px}
 .unterseite.wie2 #weiter .next>a{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:16px}
 .unterseite.wie2 #weiter .next__text{display:contents}
 .unterseite.wie2 #weiter .eyebrow{grid-area:1/1;margin:0 0 4px;font-size:clamp(17px,3.2vw,24px)}
 .unterseite.wie2 #weiter .next>a .pfeil{grid-area:1/2;width:clamp(46px,10vw,76px)}
 .unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{grid-area:2/1/3/3;margin-top:4px;font-size:10vw;letter-spacing:-.035em}
 .unterseite.wie2:is([data-page="wie"],[data-page="wohin"]) main>#weiter.sec.chapter h2.t-cond--m{font-size:13vw}
}
.unterseite.wie2 .kapitel{top:0;padding-top:var(--kopf);margin-top:calc(17px - var(--kopf));background:transparent;transition:background-color .2s}
.unterseite.wie2 .kapitel__band{background:#fff}
.unterseite.wie2 .kapitel.ist-fest{background:#fff}
@media(max-width:760px){
 .unterseite.wie2 .kapitel{margin-top:calc(7px - var(--kopf))}
}
@media(min-width:761px){
 .unterseite .hero--foto .hero__bild{inset:0 0 0 22%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 10%,rgba(0,0,0,.6) 26%,#000 44%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 10%,rgba(0,0,0,.6) 26%,#000 44%)}
 .unterseite .hero--foto .hero__bild img{position:absolute;left:0;right:auto;width:100%}
 .unterseite .hero--foto .hero__bild::after{background: linear-gradient(0deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,0) 36%), linear-gradient(180deg,rgba(10,10,10,.35) 0%,rgba(10,10,10,0) 20%)}
}
@media(min-width:761px){
 .unterseite .hero--foto .hero__bild{left:30%}
}
@media(min-width:761px){
 .wasneu .hero--foto .hero__bild img{transform:scale(1.16);transform-origin:38% 40%}
 .wie2neu .hero--foto .hero__bild img{transform:translateX(-14%) scale(-1.36,1.36);transform-origin:50% 58%}
}
.wie2neu main>.sec.chapter{transform:translateZ(0);isolation:isolate}
.unterseite .symptome__eintrag p, .unterseite .symptome__karte p, .unterseite .symptome__handytext, .unterseite main .section-intro, .unterseite .typenwaehler__text, .unterseite .ursachen__block p:not(.ursachen__satz), .unterseite .kompression__lead{font-family:var(--cond)!important;font-weight:500!important;line-height:1.36!important;letter-spacing:.005em}
.unterseite .symptome__karte p{font-size:17px!important}
.unterseite .typenwaehler__text,.unterseite .ursachen__block p:not(.ursachen__satz){font-size:clamp(18px,1.3vw,21px)!important}
.unterseite .kompression__lead{font-size:clamp(19px,1.42vw,23px)!important}
.unterseite main .section-intro{font-size:clamp(19px,1.45vw,23px)!important}
.unterseite[data-page="was"] .kino-sec>.wrap,
.unterseite[data-page="wie"] .kino-sec>.wrap{min-height:calc(var(--film) * 1.28)}
@media(max-width:760px){
 .unterseite:not(.startseite-neu) .kino-sec .gesell__buehne:not(.gesell__buehne--foto){aspect-ratio:4/5;margin-bottom:calc(var(--luft) * -1)}
 .unterseite:not(.startseite-neu) .kino-sec .gesell__buehne .reel__visual{aspect-ratio:auto}
 .unterseite .symptome__handytext,.unterseite .symptome__handytext p{font-family:var(--cond)!important;font-weight:500!important;font-size:19px!important;line-height:1.36!important}
 .unterseite .typenwaehler__figur{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}
 .unterseite .typenwaehler__bild{width:40%;flex:0 0 40%;margin:0}
 .unterseite .typenwaehler__buttons{flex:1 1 0;width:auto;min-width:0;margin:0;gap:16px}
 .unterseite .typenwaehler__tasten{grid-template-columns:1fr;gap:8px}
 .unterseite .typenwaehler__btn{font-size:12.5px;padding:10px 6px}
 .wasneu .kompression__bild{aspect-ratio:4/5!important;height:auto}
 .unterseite.wie2 main>#weiter.sec.chapter{padding-top:calc(var(--kante) + var(--luft) * .5);padding-bottom:calc(var(--luft) * .5)}
 .unterseite.wie2 #weiter .eyebrow{margin-bottom:0}
 .unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{margin-top:-6px}
 .campaign-footer .pf-strich{display:none}
 .campaign-footer a.pf-brand{max-width:280px!important;width:100%;margin-inline:auto!important}
 .campaign-footer .pf-identity{text-align:center}
}
.unterseite:not(.startseite-neu) main{background:linear-gradient(to bottom,#fff 0,#fff calc(100svh + 160px),#0a0a0a calc(100svh + 160px))}
@media(max-width:760px){
 .unterseite.wie2 #weiter .next>a{align-items:center;row-gap:2px}
 .unterseite.wie2 #weiter .next>a .pfeil{grid-area:1/2/3/3;align-self:center;width:clamp(40px,9vw,60px)}
 .unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{grid-area:2/1/3/2;margin-top:0;font-size:8.6vw}
 .unterseite.wie2:is([data-page="wie"],[data-page="wohin"]) main>#weiter.sec.chapter h2.t-cond--m{font-size:10.5vw}
 .unterseite.wie2 main>#weiter.sec.chapter{padding-top:calc(var(--kante) * .5 + var(--luft) * .5);padding-bottom:calc(var(--kante) * .5 + var(--luft) * .5)}
 .unterseite .typenwaehler__buttons{flex:0 1 150px}
}
.unterseite[data-page="wie"]:not(.startseite-neu) main{background:#fff}
@media(max-width:760px){
 .unterseite .typenwaehler__figur{justify-content:space-between}
 .unterseite .typenwaehler__buttons{margin-left:auto}
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec .gesell__buehne:not(.gesell__buehne--foto){margin-bottom:calc(var(--kante) + 22px)}
}
@media(max-width:760px){
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec .gesell__buehne:not(.gesell__buehne--foto){clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)!important;margin-bottom:0}
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec>.wrap{padding-bottom:0}
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec{background:linear-gradient(0deg,#0a0a0a 0,#0a0a0a calc(var(--kante) + 10px),#fff calc(var(--kante) + 10px))}
 .unterseite .typenwaehler__bild{width:47%;flex:0 0 47%}
 .unterseite .typenwaehler__buttons{flex:0 1 140px}
 .unterseite .typenwaehler__btn{font-size:11.5px;padding:10px 4px}
}
.unterseite .hero__bild img{filter:contrast(1.05)}
@media(max-width:760px){
 .unterseite[data-page="wie"] .kapitel__band{justify-content:safe center}
}
.unterseite[data-page="was"] .kapitel::selection,
.unterseite[data-page="was"] .kapitel ::selection{background:#ff328c;color:#fff}
.unterseite[data-page="wie"] .kapitel::selection,
.unterseite[data-page="wie"] .kapitel ::selection{background:#5371ff;color:#fff}
.unterseite[data-page="wohin"] .kapitel::selection,
.unterseite[data-page="wohin"] .kapitel ::selection{background:#bb1030;color:#fff}
.wasneu .kino-sec--nur-kopf>.wrap>h2.t-cond{margin:0}
.wasneu .figur-buehne{display:grid}
.wasneu .figur-kopf>h2.t-cond{margin:0}
.wasneu .symptome__hinweis{display:flex;align-items:center;gap:12px;margin:clamp(16px,1.6vw,26px) 0 0;max-width:none;font:700 clamp(14px,1vw,16px)/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#c9c6bd}
.wasneu .symptome__hinweis[hidden]{display:none}
.wasneu .symptome__hinweis i{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:var(--gelb)}
.wasneu .symptome__hinweis i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--gelb);opacity:0;animation:hinweis-puls 2.4s ease-out infinite}
@keyframes hinweis-puls{0%{opacity:.9;scale:.5}80%,100%{opacity:0;scale:1.25}}
@media(prefers-reduced-motion:reduce){
 .wasneu .symptome__hinweis i::after{animation:none}
}
.wasneu .figur-sec .symptome--raster{position:relative;margin-top:clamp(28px,4vw,44px)}
.wasneu .figur-sec .symptome__figur{margin-inline:auto}
.wasneu .symptome__lage{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}
.wasneu .symptome__linien{position:absolute;left:0;top:0;overflow:visible}
.wasneu .symptome__linien path{fill:none;stroke:var(--gelb);stroke-width:2;opacity:0;transition:opacity .2s}
.wasneu .symptome__linien path.is-an{opacity:0}
.wasneu .symptome__karte{position:absolute;box-sizing:border-box;padding:0;background:none;border:0;color:#fff;text-align:left;opacity:0;visibility:hidden;translate:0 8px;pointer-events:none;transition:opacity .22s,translate .22s,visibility 0s .22s}
.wasneu .symptome__karte[data-seite="links"]{border:0;text-align:right}
.wasneu .symptome__karte.is-an{opacity:1;visibility:visible;translate:0 0;pointer-events:auto;transition:opacity .22s,translate .22s}
.wasneu .symptome__karte b{display:block;margin:0 0 6px;font:800 clamp(19px,1.4vw,24px)/1.02 var(--cond);letter-spacing:-.01em;text-transform:uppercase;color:var(--gelb)}
.wasneu .symptome__karte p{margin:0;max-width:none;font:400 clamp(14.5px,1vw,16px)/1.4 var(--body);color:#e4e1d9;text-wrap:pretty}
.wasneu .symptome__handy{display:grid}
.wasneu .symptome__handy>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .2s}
.wasneu .symptome__handy>.is-an{visibility:visible;opacity:1}
.wasneu .symptome__handytext{box-sizing:border-box;padding:0;background:none;border:0}
.wasneu .symptome__handytext b{display:block;margin:0 0 8px;font:800 clamp(22px,2.6vw,28px)/1.02 var(--cond);text-transform:uppercase;color:var(--gelb)}
.wasneu .symptome__handytext p{margin:0;max-width:none;font:400 clamp(15.5px,1.6vw,17px)/1.5 var(--body);color:#e4e1d9;text-wrap:pretty}
@media(min-width:1280px){
 .wasneu .figur-sec{--figur-h:clamp(700px,min(calc(100svh - 70px),60vw),1040px)}
 .wasneu .figur-kopf{grid-area:1/1;align-self:start;justify-self:start;position:relative;z-index:4}
 .wasneu .figur-sec .symptome--raster{grid-area:1/1;margin-top:clamp(56px,4.6vw,96px)}
 .wasneu main>.figur-sec.sec.chapter{--luft:clamp(44px,4vw,76px)}
 .wasneu .figur-sec .symptome__figur{height:var(--figur-h);width:calc(var(--figur-h) * 1086 / 1448);max-width:none;margin:0 0 0 calc((100% - var(--figur-h) * 1086 / 1448) / 2 + clamp(0px,1.2vw,40px))}
 .wasneu .symptome__lage{display:block}
 .wasneu .symptome__handy{display:none}
}
@media(min-width:761px) and (max-width:1279px){
 .wasneu .figur-buehne{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:clamp(28px,4vw,56px)}
 .wasneu .figur-sec .symptome--raster{display:contents}
 .wasneu .figur-sec .symptome__figur{grid-column:1;grid-row:1/-1;align-self:center;margin:0;width:100%;max-width:min(600px,calc((100svh - 60px) * 1086 / 1448))}
 .wasneu .figur-kopf{grid-column:2;grid-row:2}
 .wasneu .symptome__handy{grid-column:2;grid-row:3;margin-top:clamp(26px,3.4vw,40px)}
}
@media(max-width:760px){
 .wasneu .figur-sec .symptome__figur{max-width:min(400px,86vw)}
 .wasneu .symptome__handy{margin:clamp(20px,5vw,30px) auto 0;max-width:560px}
}
.wasneu .ursachen__reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr;column-gap:clamp(14px,1.6vw,28px);margin-top:clamp(36px,4vw,68px)}
.wasneu .ursachen__block{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;padding:clamp(24px,2.4vw,44px) clamp(22px,2.2vw,40px) clamp(28px,2.8vw,48px);background:#1c1c1c}
.wasneu .ursachen__block h3{margin:0;align-self:end;font:800 clamp(18px,1.5vw,26px)/1.05 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:#fff}
.wasneu .ursachen__satz{margin:clamp(14px,1.3vw,22px) 0 0;max-width:none;align-self:start;text-wrap:balance;font:800 clamp(22px,2.3vw,42px)/1.12 var(--cond);letter-spacing:-.02em;text-transform:uppercase}
.wasneu .ursachen__satz .v2-bar{margin:0}
.wasneu .ursachen__block>p:last-child{margin:clamp(16px,1.6vw,24px) 0 0;max-width:none;font:400 clamp(15px,1.1vw,17.5px)/1.55 var(--body);color:#c9c6bd}
@media(max-width:900px){
 .wasneu .ursachen__reihe{grid-template-columns:1fr;grid-template-rows:none;row-gap:14px}
 .wasneu .ursachen__block{grid-row:auto;grid-template-rows:none}
 .wasneu .ursachen__satz{font-size:clamp(26px,7vw,40px)}
}
.wasneu :is(.ursachen__block>p:last-child,.kompression__lead,.kompression__klein){text-wrap:pretty}
.wasneu .kompression-sec{--bild:clamp(340px,38vw,720px)}
.wasneu .kompression-sec>.wrap{min-height:clamp(440px,30vw,600px);display:flex;flex-direction:column;justify-content:center}
.wasneu .kompression__bild{position:absolute;top:0;bottom:0;left:0;width:var(--bild);margin:0;background:#1c1c1c}
.wasneu .kompression__bild img{width:100%;height:100%;object-fit:cover;display:block}
.wasneu .kompression__text{padding-left:calc(var(--bild) - var(--pad) + clamp(36px,4vw,84px))}
.wasneu .kompression__text>h2.t-cond{margin:0}
.wasneu .kompression{margin-top:clamp(28px,3vw,52px);max-width:720px;padding:0;background:none}
.wasneu .kompression h3{margin:0;font:800 clamp(18px,1.5vw,26px)/1.05 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:#0a0a0a}
.wasneu .kompression__satz{margin:clamp(14px,1.3vw,22px) 0 0;max-width:none;font:800 clamp(22px,2.3vw,42px)/1.12 var(--cond);letter-spacing:-.02em;text-transform:uppercase}
.wasneu .kompression__satz .v2-bar{margin:0}
.wasneu .kompression__lead{margin:clamp(16px,1.6vw,24px) 0 0;max-width:none;font:500 clamp(16px,1.2vw,19px)/1.5 var(--body);color:#1f1e1b}
.wasneu main>.weitere-sec.sec.chapter{--luft:clamp(40px,4.4vw,80px)}
.wasneu .weitere-sec h2.t-cond{margin:0}
@media(max-width:1000px){
 .wasneu .kompression-sec>.wrap{min-height:0;display:flex}
 .wasneu .kompression__text{display:contents}
 .wasneu .kompression__text>h2.t-cond{order:0}
 .wasneu .kompression__bild{position:relative;order:1;width:calc(100% + var(--pad) * 2);margin:clamp(26px,5vw,40px) calc(var(--pad) * -1) 0;aspect-ratio:4/3;max-height:60svh;overflow:hidden;clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)}
 .wasneu .kompression{order:2;margin-top:clamp(22px,5vw,36px)}
 .wasneu .kompression__bild img{position:absolute;inset:0}
 .wasneu .kino-sec--nur-kopf>.wrap{padding-bottom:clamp(14px,3vw,24px)}
}
@media(max-width:760px){
 .wasneu .kompression__satz{font-size:clamp(26px,7vw,40px)}
}
.wasneu #ursachen .ursachen__block{transform:skewY(-3.5deg)}
.wasneu #ursachen .ursachen__satz{margin-top:0;align-self:end}
.wasneu #ursachen .ursachen__reihe{padding-block:clamp(10px,1.6vw,28px)}
.wasneu #ursachen .ursachen__block h3.ursachen__satz{font:800 clamp(22px,2.3vw,42px)/1.12 var(--cond);letter-spacing:-.02em;text-transform:uppercase}
@media(max-width:760px){
 .wasneu #ursachen .ursachen__block h3.ursachen__satz{font-size:clamp(26px,7vw,40px)}
 .wasneu #ursachen .ursachen__reihe{row-gap:32px}
}
.wasneu #ursachen .ursachen__block h3.ursachen__satz{font-size:clamp(32px,3.3vw,60px);line-height:1.08}
.wasneu #ursachen .ursachen__satz .v2-bar{transform:none}
@media(max-width:760px){
 .wasneu #ursachen .ursachen__block h3.ursachen__satz{font-size:clamp(32px,9.5vw,44px)}
}
.wasneu #ursachen .ursachen__satz .v2-bar{line-height:1.06}
.wasneu .kompression h3.kompression__satz{margin:0;font:800 clamp(32px,3.3vw,60px)/1.08 var(--cond);letter-spacing:-.02em;text-transform:uppercase}
@media(max-width:760px){
 .wasneu .kompression h3.kompression__satz{font-size:clamp(28px,8.4vw,40px)}
}
.wasneu .kompression h3.kompression__satz .v2-bar>span{--balken-farbe:#0a0a0a;text-shadow:none}
.wasneu #behandlung-weitere .ursachen__block{transform:skewY(-3.5deg)}
.wasneu #behandlung-weitere .ursachen__satz .v2-bar{transform:none}
.wasneu #behandlung-weitere .ursachen__reihe{padding-block:clamp(10px,1.6vw,28px)}
@media(max-width:760px){
 .wasneu #behandlung-weitere .ursachen__reihe{row-gap:32px}
}
.wasneu #behandlung-weitere .ursachen__block h3.ursachen__satz{margin:0;align-self:end;font:800 clamp(32px,3.3vw,60px)/1.08 var(--cond);letter-spacing:-.02em;text-transform:uppercase}
.wasneu #behandlung-weitere .ursachen__satz .v2-bar{line-height:1.06}
@media(max-width:760px){
 .wasneu #behandlung-weitere .ursachen__block h3.ursachen__satz{font-size:clamp(32px,9.5vw,44px)}
}
#typen{padding-block:clamp(88px,10.5vh,142px);scroll-margin-top:clamp(60px,8vh,90px)}
.typenwaehler{display:flex;flex-direction:column;gap:16px}
.typenwaehler__links{display:contents}
.typenwaehler__kopf{order:1}
.typenwaehler__kopf h2{margin-bottom:0}
.typenwaehler__kopf .section-intro{margin-top:16px;font-size:clamp(16px,1.2vw,19px);line-height:1.5;max-width:54ch;color:#3a3a3a}
.typenwaehler__kopf .section-intro b{font-weight:700;color:#0a0a0a}
.typenwaehler__kopf .section-intro em{font-style:italic}
.typenwaehler__figur{order:2;margin:10px 0 14px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}
.typenwaehler__bild{position:relative;aspect-ratio:760/2068;width:clamp(160px,44vw,215px);height:auto;margin:0 auto}
.typenwaehler__bild img{display:block;width:100%;height:100%;object-fit:contain}
.typenwaehler__grund{position:relative;z-index:0}
.typenwaehler--an .typenwaehler__grund{display:none}
.typenwaehler__ebene{position:absolute;inset:0;opacity:0;pointer-events:none}
.typenwaehler__ebene.ist-da{opacity:1}
.typenwaehler__ebene.wischt{will-change:clip-path;transition:clip-path var(--wisch,.46s) cubic-bezier(.45,0,.25,1)}
.typenwaehler--an .typenwaehler__ebene{display:block}
.typenwaehler:not(.typenwaehler--an) .typenwaehler__ebene{display:none}
@media (prefers-reduced-motion:reduce){
 .typenwaehler__ebene.wischt{transition:none}
}
.typenwaehler__buttons{order:3;display:flex;flex-direction:column;gap:14px;margin:4px 0 14px;width:100%;max-width:420px}
.unterseite .typenwaehler__gruppenname{font:700 13.5px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;margin:0 0 7px}
.typenwaehler__tasten{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.typenwaehler__btn{font:700 clamp(10.5px,2.7vw,14px)/1.15 var(--cond);letter-spacing:.03em;text-transform:uppercase;padding:9px 4px;hyphens:none;overflow-wrap:break-word;text-align:center;border:2px solid #0a0a0a;background:transparent;color:#0a0a0a;cursor:pointer;transform:skewY(var(--tilt));transition:background .2s,color .2s,border-color .2s}
.typenwaehler__btn:hover{background:#0a0a0a;color:#fff}
.typenwaehler__btn[aria-selected="true"],
.typenwaehler__btn.ist-aktiv{background:var(--pink);border-color:var(--pink);color:#fff}
.unterseite .typenwaehler__hinweis{display:flex;align-items:center;gap:9px;font:700 13.5px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;margin:0 0 2px}
.unterseite .typenwaehler__hinweis i{width:9px;height:9px;border-radius:50%;background:var(--pink);flex:0 0 auto;animation:typenpuls 2s ease-in-out infinite}
@keyframes typenpuls{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.45}}
@media (prefers-reduced-motion:reduce){
 .unterseite .typenwaehler__hinweis i{animation:none}
}
.typenwaehler__stufen{order:4;display:grid;position:relative;min-height:180px}
.typenwaehler__stufe{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
.typenwaehler__stufe[data-an]{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease}
@media (prefers-reduced-motion:reduce){
 .typenwaehler__stufe{transition:none;transform:none}
}
.unterseite .typenwaehler__etikett{font:700 13.5px/1.2 var(--cond);letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;color:var(--pink)}
.unterseite .typenwaehler__titel{font:600 clamp(26px,2.2vw,36px)/1.08 var(--cond);letter-spacing:-.005em;margin:0 0 12px;max-width:26ch}
.unterseite .typenwaehler__text{font:400 clamp(15.5px,1.1vw,17.5px)/1.5 var(--body);margin:0;max-width:48ch;color:#333}
@media (min-width:1000px){
 .typenwaehler{flex-direction:row;align-items:center;justify-content:flex-start;gap:clamp(40px,4.4vw,96px)}
 .typenwaehler__links{display:flex;flex-direction:column;flex:1 1 600px;min-width:0;max-width:740px}
 .typenwaehler__kopf{order:unset}
 .unterseite.wie2 main>#typen.sec.chapter h2.t-cond--m{font-size:clamp(42px,4.6vw,70px)}
 .typenwaehler__stufen{order:unset;min-height:190px;margin-top:clamp(24px,2.6vw,40px)}
 .typenwaehler__figur{order:unset;flex:0 0 auto;margin:0;flex-direction:row;justify-content:center;align-items:center;gap:clamp(28px,3.4vw,60px)}
 .typenwaehler__bild{width:auto;height:clamp(560px,70vh,720px);aspect-ratio:760/2068;margin:0}
 .typenwaehler__buttons{order:unset;gap:22px;margin:0;width:auto;max-width:none}
 .typenwaehler__tasten{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .typenwaehler__btn{min-width:196px;padding:12px 20px;font-size:clamp(12.5px,1vw,14px);letter-spacing:.1em}
}
.typenwaehler__stadien{margin-top:14px;padding-left:16px;border-left:3px solid var(--pink);font-size:clamp(15px,1.1vw,17.5px)!important;color:#4a4a4a}
.typenwaehler__stadien b{font-weight:700;color:#0a0a0a}