@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)}
.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}
.kredit__name{display: inline-block;margin: 0 0 clamp(14px, 1.5vw, 24px);font-family: var(--fett);font-weight: 800;font-size: clamp(30px, 3.4vw, 60px);line-height: 1;letter-spacing: -.04em;border-bottom: 4px solid var(--akzent);padding-bottom: .08em}
@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}
.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}
.kredit__name{font-size:clamp(30px,3vw,54px);margin:0 0 10px}
.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 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 video{width:100%;max-height:55svh;background:#111}
dialog details{margin:20px 0}
dialog summary{cursor:pointer;font-weight:600}
@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}
 .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}
 .kredit__name{font-size:32px}
 .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>*, #selbsttest .wrap>*{display:none!important}
 main>#selbsttest{display:block!important}
 #selbsttest{padding:0!important;background:white!important;color:black!important}
 .wrap{padding:0;max-width:none}
}
: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}
: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}
.alltag{--luft:clamp(66px,6.2vw,116px)}
.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] #selbsttest{background:#f6f4f1;color:#0a0a0a;padding:120px 0 80px;min-height:100svh;margin-top:0;clip-path:none}
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)}
 body[data-page=check] #selbsttest{padding-top:100px}
}
@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}
@media print{
 body[data-page=check] #selbsttest{padding:0!important;background:#fff!important;min-height:0}
}
#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)}
}
.cta .pfeil, .teaser__cta .cta svg{filter:drop-shadow(0 2px 6px rgba(10,10,10,.45))}
#mitmachen .cta .pfeil{filter:none}
main{background:#0a0a0a}
.startseite-v2{--hell:#f2f2f2;--hell-2:#e6e6e6;--linie-hell:#e2e2e2;--linie-dunkel:#2a2a2a}
.startseite-v2 main .wrap{max-width:1540px}
.startseite-v2 .sec h2{max-width:none}
.startseite-v2 main>.sec.schraeg{--luft:clamp(80px,8vw,150px)}
.v2-bar{font-style:normal;display:inline-block;max-width:100%;transform:skewY(var(--tilt));transform-origin:left center;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}
.pfeil{width:1.15em;height:1em;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;flex:none;transition:translate .2s}
a:hover .pfeil,button:hover .pfeil{translate:4px 0}
.v2-marke{font-family:var(--fett);font-weight:800;letter-spacing:-.04em;text-transform:none;display:inline-block;transform:skewY(var(--tilt));transform-origin:left bottom;font-size:1.06em;line-height:1}
.v2-marke b{font-weight:800;color:var(--section-color)}
.v2-lead{font:500 clamp(19px,1.5vw,24px)/1.35 var(--cond);max-width:36ch;margin:24px 0 0;color:#3a3a3a}
.sec--schwarz .v2-lead{color:#d4d4d4}
.startseite-v2 .reel{display:flex;flex-direction:column;gap:16px;min-width:0}
.startseite-v2 .reel__play{background:var(--section-color);color:#fff}
.startseite-v2 .reel__visual:hover .reel__play{background:#fff;color:#111}
.startseite-v2 .reel__visual{aspect-ratio:3/4}
.v2-hero{position:relative;height:100svh;min-height:660px;background:#0a0a0a;color:#fff;overflow:hidden;isolation:isolate;display:flex;align-items:center}
.v2-hero__bilder{position:absolute;inset:0;z-index:-2;background:#0a0a0a}
.v2-hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);opacity:0;transition:opacity 1.2s ease;scale:1}
.v2-hero__foto[data-an]{opacity:1;animation:v2-zoom var(--takt,7s) linear forwards}
@keyframes v2-zoom{from{scale:1.1}to{scale:1.02}}
.v2-hero__foto--rechts{translate:11% 0}
.v2-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.96) 22%,rgba(10,10,10,.62) 42%,rgba(10,10,10,0) 60%),linear-gradient(0deg,rgba(10,10,10,.65),rgba(10,10,10,0) 32%)}
.v2-hero__lage{position:relative;z-index:1;padding-top:40px}
.v2-hero__zitate{display:grid}
.v2-hero__zitat{grid-area:1/1;margin:0;opacity:0;pointer-events:none;transition:opacity .3s}
.v2-hero__zitat[data-an]{opacity:1;pointer-events:auto;transition:opacity .2s}
.v2-hero__zitat blockquote{margin:0;padding-left:.6em;position:relative;font:400 clamp(34px,4.2vw,80px)/1.22 var(--cond);letter-spacing:-.02em;max-width:17ch;transform:skewY(var(--tilt));transform-origin:left center}
.v2-anf{position:relative;font-style:normal;font-weight:800;color:var(--farbe);line-height:0;display:inline-block}
.v2-anf--auf{position:absolute;left:-.02em;top:.55em}
.v2-anf--zu{margin-left:.08em;vertical-align:-.1em}
.v2-hero__zitat .v2-bar{display:inline;transform:none;margin:0;line-height:inherit}
.v2-hero__zitat .v2-bar>span{background:none;padding:0;margin-left:-.16em;font-weight:800;letter-spacing:-.03em}
.v2-bar .w--balken,.v2-hero__zitat .w--balken{--balken-farbe:var(--farbe);color:var(--auf-farbe);padding:0 .3em 0 0}
.v2-hero__zitat .w--erst{padding-left:.16em}
.v2-hero__zitat .w--letzt{padding-right:.16em}
.v2-hero__zitat[data-an] .v2-anf--auf{animation:v2-pop .45s cubic-bezier(.2,.8,.3,1.3) both}
.v2-hero__zitat[data-an] blockquote{animation:v2-auf .65s cubic-bezier(.2,.7,.3,1) both .1s}
.v2-hero__zitat[data-an] .kredit span{animation:v2-rein .55s cubic-bezier(.2,.7,.3,1) both}
.v2-hero__zitat[data-an] .kredit span:nth-child(1){animation-delay:.5s}
.v2-hero__zitat[data-an] .kredit span:nth-child(2){animation-delay:.62s}
.v2-hero__zitat[data-an] .kredit span:nth-child(3){animation-delay:.74s}
@keyframes v2-pop{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
@keyframes v2-auf{from{opacity:0;translate:0 .35em}to{opacity:1;translate:0 0}}
@keyframes v2-wisch{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes v2-rein{from{opacity:0;translate:28px 0}to{opacity:1;translate:0 0}}
.startseite-v2 .kredit{opacity:1;translate:0 0;position:absolute;z-index:3;right:var(--pad);bottom:clamp(120px,20vh,220px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;transform:skewY(var(--shear));transform-origin:right bottom;text-align:right;pointer-events:none}
.startseite-v2 .kredit span{display:inline-block;color:#fff;font:800 clamp(15px,1.3vw,22px)/1.1 var(--cond);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.7);border-bottom:3px solid var(--farbe);padding:0 0 5px}
.startseite-v2 .kredit .kredit__name{font-size:clamp(17px,1.5vw,26px)}
.startseite-v2 .kredit .kredit__name{letter-spacing:.06em}
.v2-hero__story{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;gap:4px;padding:0 4px 4px}
.v2-hero__story button{flex:1;height:5px;border:0;padding:0;background:rgba(255,255,255,.28);cursor:pointer;position:relative;overflow:hidden}
.v2-hero__story button::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.v2-hero__story button[data-fertig]::after{transform:scaleX(1)}
.v2-hero__story button[aria-current="true"]::after{background:var(--farbe);animation:v2-story var(--takt,7s) linear forwards}
@keyframes v2-story{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.v2-hero[data-pause] .v2-hero__story button[aria-current="true"]::after,.v2-hero[data-pause] .v2-hero__foto[data-an]{animation-play-state:paused}
.v2-hero[data-still] .v2-hero__story button[aria-current="true"]::after{animation:none;transform:scaleX(1)}
.v2-hero__story button:hover{background:rgba(255,255,255,.5)}
.v2-hero__cue{position:absolute;left:var(--pad);bottom:34px;z-index:2;display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font:800 13px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase}
.v2-hero__cue .pfeil{width:1.6em;height:1.6em;rotate:90deg;animation:v2-nicken 1.8s ease-in-out infinite}
@keyframes v2-nicken{0%,100%{translate:0 0}50%{translate:0 5px}}
.v2-blicke{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.v2-blick{position:relative;display:block;width:100%;aspect-ratio:3/4;margin:0;padding:0;border:0;background:#151515;color:#fff;cursor:zoom-out;overflow:hidden;text-align:left;isolation:isolate}
.v2-blick__bild{position:absolute;inset:0;overflow:hidden}
.v2-blick__bild img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06);transform-origin:var(--fx) var(--fy);transform:scale(var(--zoom));transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.v2-blick::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.85),rgba(10,10,10,.35) 38%,rgba(10,10,10,0) 60%);pointer-events:none}
.v2-blick__text{position:absolute;left:clamp(16px,1.6vw,26px);right:clamp(16px,1.6vw,26px);bottom:clamp(16px,1.6vw,26px);z-index:1;display:flex;flex-direction:column;gap:6px;transition:opacity .35s,translate .35s}
.v2-blick__text small{font:800 11px/1.2 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:#d0d0d0}
.v2-blick__text b{font:800 clamp(26px,2.4vw,42px)/1 var(--cond);letter-spacing:-.03em;text-transform:uppercase}
.v2-blick__nachher small{color:var(--pink)}
.v2-blick__nachher b{font-weight:400;font-size:clamp(22px,2vw,34px)}
.v2-blick__nachher .v2-bar{margin-top:.1em}
.v2-blick__nachher .v2-bar>span{font-size:.92em}
.v2-blick__nachher{opacity:0;translate:0 10px}
.v2-blick__hinweis{position:absolute;top:14px;right:14px;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:rgba(10,10,10,.6);color:#fff;font:800 10.5px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s}
.v2-blick__hinweis svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.v2-blick:is(:hover,[aria-pressed="true"],:focus-visible) .v2-blick__bild img{transform:scale(1)}
.v2-blick:is(:hover,[aria-pressed="true"],:focus-visible) .v2-blick__vorher{opacity:0;translate:0 -10px}
.v2-blick:is(:hover,[aria-pressed="true"],:focus-visible) .v2-blick__nachher{opacity:1;translate:0 0;transition-delay:.25s}
.v2-blick:is(:hover,[aria-pressed="true"]) .v2-blick__hinweis{opacity:0}
.v2-blick:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.kachel{position:relative;min-width:0;aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;perspective:1400px;text-align:left;color:var(--tinte)}
.kachel__innen{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.kachel[aria-pressed=true] .kachel__innen{transform:rotateY(180deg)}
.kachel__vorn,.kachel__hinten{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:clamp(16px,1.6vw,26px)}
.kachel__vorn{align-items:center;justify-content:center;gap:14px;background:var(--gelb);transition:background .15s,color .15s}
.kachel:hover .kachel__vorn{background:var(--tinte);color:#fff}
.kachel:hover .kachel__vorn img{filter:invert(1)}
.kachel__vorn img{width:clamp(38px,3.4vw,54px);height:auto}
.kachel__vorn b{font:700 clamp(15px,1.25vw,20px)/1.1 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.kachel__vorn i{position:absolute;left:0;right:0;bottom:14px;display:inline-flex;justify-content:center;align-items:center;gap:6px;font:800 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:#5c5a1a}
.kachel__vorn i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.kachel:hover .kachel__vorn i{color:var(--gelb)}
.kachel__hinten{transform:rotateY(180deg);background:var(--tinte);color:#fff;justify-content:center;gap:4px}
.kachel__hinten small{font:800 10.5px/1.2 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--gelb);margin-top:12px}
.kachel__hinten small:first-child{margin-top:0}
.kachel__hinten span{font:600 clamp(15px,1.2vw,19px)/1.2 var(--cond)}
.kachel:focus-visible{outline:3px solid var(--tinte);outline-offset:3px}
.startseite-v2 .campaign-footer{margin-top:0}
.startseite-v2 .campaign-footer .pf-word{font-size:clamp(30px,2.6vw,50px)}
.startseite-v2 .campaign-footer .pf-nav{column-gap:clamp(20px,2.6vw,48px)}
@media(max-width:1000px){
 .kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .v2-hero{min-height:100svh;align-items:flex-end}
 .v2-hero__foto{object-position:50% 35%!important}
 .v2-hero__foto--rechts{translate:0 0}
 .v2-hero::after{background:linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.9) 36%,rgba(10,10,10,.2) 62%,rgba(10,10,10,0) 75%),linear-gradient(180deg,rgba(10,10,10,.45),rgba(10,10,10,0) 25%)}
 .v2-hero__lage{padding:0 var(--pad) 130px}
 .v2-hero__zitat blockquote{font-size:clamp(26px,7vw,44px);max-width:none;padding-left:.6em}
 .v2-hero__lage{padding-bottom:110px}
 .startseite-v2 .kredit{position:static;align-items:flex-start;text-align:left;transform:skewY(var(--tilt));transform-origin:left bottom;margin-top:22px;gap:5px}
 .startseite-v2 .kredit span{font-size:13px}
 .startseite-v2 .kredit .kredit__name{font-size:16px}
 .v2-hero__foto[data-an]{animation:none;scale:1.02}
 .v2-hero__cue{bottom:28px;font-size:12px}
 .v2-blicke{grid-template-columns:1fr;gap:6px}
 .v2-blick{aspect-ratio:4/5}
 .v2-blick__text b{font-size:clamp(26px,7.4vw,36px)}
 .v2-lead{font-size:20px;margin-top:22px}
 .kacheln{grid-template-columns:1fr 1fr;gap:8px}
 .kachel{aspect-ratio:auto;min-height:230px}
 .kachel__vorn img{width:36px}
 .kachel__hinten span{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .v2-hero__cue .pfeil{animation:none}
 .v2-hero__foto[data-an],.v2-hero__zitat[data-an] *{animation:none!important}
 .kachel__innen, .pfeil{transition:none}
}
.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 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 .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 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 .hero:has(+ .kapitel){padding-bottom:24px}
html:has(.unterseite){scroll-padding-top:0}
.unterseite .chapter{scroll-margin-top:calc(var(--kopf) + 72px - var(--kante) - var(--luft))}
.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 .sec--schwarz .karte{background:#15150f}
@media(max-width:760px){
 .unterseite .koerper{max-width:82px;margin-bottom:16px}
}
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--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__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 .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 .reel__play{color:#fff}
.unterseite .reel__visual:hover .reel__play{color:#0a0a0a}
.unterseite .hero--foto{min-height:min(68svh,720px);padding:clamp(120px,12vw,160px) 0 clamp(54px,5vw,80px)}
@media(max-width:760px){
 .unterseite .hero--foto{min-height:min(78svh,640px);padding-top:120px;padding-bottom:48px}
}
.unterseite .frage{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:clamp(28px,4vw,64px);align-items:start;margin-top:46px}
@media(max-width:1050px){
 .unterseite .frage{grid-template-columns:minmax(220px,280px) 1fr;gap:28px}
}
@media(max-width:760px){
 .unterseite .frage{grid-template-columns:1fr;gap:26px}
}
.unterseite .sec--weiss .frage .reel{color:#0a0a0a}
html.leiste-klebt .unterseite .marke em{color:var(--marke-auf-hell,var(--akzent-marke))}
@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}
.unterseite .sec h2.t-cond{display:inline-block;transform:skewY(var(--tilt));transform-origin:left bottom}
.unterseite .sec h2.t-cond .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{max-width:none}
.unterseite .hero--foto{padding-bottom:clamp(60px,6vw,90px)}
.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)}}
@keyframes sym-pop{from{scale:.92}to{scale:1}}
@media(min-width:1000px){
 .unterseite #erkrankung .wende{flex:0 0 auto;min-height:0;height:clamp(118px,15.5vh,168px)}
 .unterseite #erkrankung .wende h3{margin:0;align-self:end}
 .unterseite #erkrankung .wende__knopf{bottom:10px;right:14px}
}
.paar{display:grid;grid-template-columns:minmax(240px,310px) minmax(190px,.8fr) 1.05fr;gap:clamp(24px,2.6vw,44px);align-items:start;margin-top:clamp(24px,2.4vw,38px)}
@media(max-width:1050px){
 .paar{grid-template-columns:minmax(200px,260px) 1fr;gap:32px}
}
@media(max-width:760px){
 .stimme-wechsel blockquote{font-size:clamp(24px,7vw,32px)}
 .paar{grid-template-columns:1fr;gap:28px}
}
@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 .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 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 .auftakt{align-items:center}
.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 main>#alltag.sec.chapter{z-index:2;clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%);margin-top:calc(var(--kante) * -1);margin-bottom:calc(var(--kante) * -1);padding-top:calc(var(--kante) + var(--luft));padding-bottom:calc(var(--kante) + var(--luft))}
.wie2 main>#alltag.sec.chapter+.sec.chapter{padding-top:calc(var(--kante) + var(--luft))}
.wie2 .hilfe{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,110px);align-items:center}
.wie2 .hilfe .cta{margin-top:clamp(28px,3vw,44px)}
.wie2 .cta{display:inline-flex;align-items:center;gap:18px;padding:17px 26px 18px;font:800 clamp(16px,1.3vw,20px)/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transform:skewY(var(--tilt));transform-origin:left center;transition:background .2s,color .2s,translate .2s}
.wie2 .cta:hover{translate:0 -3px}
.wie2 .cta--gelb{background:var(--gelb);color:#0a0a0a}
.wie2 .cta--gelb:hover{background:#fff}
.wie2 .cta--linie{border:2px solid currentColor;color:#fff;padding-block:15px 16px}
.wie2 .cta--linie:hover{background:#fff;color:#0a0a0a}
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 main>.sec.chapter h2.t-cond--m{font-size:clamp(34px,10vw,52px)}
 .wie2 .plakat__frage{font-size:clamp(30px,9.4vw,46px)}
 .wie2 .auftakt{grid-template-columns:1fr;gap:28px}
 .wie2 main>#alltag.sec.chapter{clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)}
 .wie2 .hilfe{grid-template-columns:1fr;gap:40px}
 .wie2 .cta{padding:15px 20px 16px;font-size:15px;gap:14px}
}
@media(prefers-reduced-motion:reduce){
 html.wie2-js .wie2 [data-rein]{opacity:1;translate:0 0;transition:none}
 .wie2 .cta,.wie2 .pfeil{transition:none}
}
.wie2neu main, .wie2neu .hero{--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 main>#alltag.sec.chapter{margin-bottom:0;z-index:1;padding-top:0;padding-bottom:0}
.wie2neu .campaign-footer{margin-top:calc(var(--kante) * -1);--pf-blau:var(--leit)}
.wie2neu main h2 .v2-bar--kopf{line-height:1.12;margin-top:0}
.wie2neu main h2 .v2-bar--kopf>span{font-size:1em}
.wie2neu blockquote:has(>.zitattext){display:block;text-align:left;padding-bottom:0}
.wie2neu .zitattext{display:inline}
.wie2neu .zitatzeichen{display:inline;position:static;font:inherit;line-height:inherit;color:currentColor;opacity:.32;margin:0;padding:0;height:auto;transform:none}
.wie2neu .zitatzeichen--auf{margin-right:.14em}
.wie2neu .zitatzeichen--zu{margin-left:.14em}
.wie2neu main>.sec.chapter.kino-sec{padding-top:0;padding-bottom:0}
.wie2neu main>#alltag.sec.chapter+.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--links>.wrap>*{padding-left: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__text{position:relative;min-width:0;padding-block: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 .kino-sec--links .gesell__buehne{left:0;right: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 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>*,
 .wie2neu .kino-sec--links>.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__text{padding-block:clamp(34px,6vw,52px) 0}
 .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 .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 .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 .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 .cta--gelb{background:var(--gelb);color:#fff}
.wie2neu .cta--gelb:is(:hover,:focus-visible){background:#fff;color:#0a0a0a}
.wie2neu .kino-sec--links .gesell__frage{bottom:calc(var(--film-kante) + clamp(66px,5.4vw,100px))}
.wie2neu .kino-sec--links .filmleiste{bottom:calc(var(--film-kante) + clamp(8px,1vw,18px))}
.wie2neu #hilfe .split{align-items:end;gap:clamp(40px,6vw,110px)}
@media(max-width:760px){
 .wie2neu .kino-sec .gesell__frage,.wie2neu .kino-sec--links .gesell__frage{bottom:calc(var(--kante) * 2 + 52px)}
 .wie2neu .kino-sec .filmleiste,.wie2neu .kino-sec--links .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}
:root{--balken-hoehe:.94em;--balken-versatz:.18em}
.v2-bar>span:not(:has(.w--balken)), .v2-hero__zitat .w--balken{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}
.v2-bar>span, .v2-hero__zitat .w--balken{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)}
.cta, .feld, .kachel__vorn{text-shadow:-2px 3px 2.5px color-mix(in srgb, color-mix(in srgb, var(--section-color, var(--pink)) 72%, #000) 80%, transparent)}
.cta:is(:hover,:focus-visible), .feld:is(:hover,:focus-visible), .kachel:is(:hover,:focus-visible) .kachel__vorn{text-shadow:none}
.startseite-neu main{--gelb:#ff328c}
.startseite-neu{--leit:#ff328c}
.startseite-neu main .wrap{max-width:var(--wrap-wide)}
.startseite-neu .v2-hero+.sec.chapter{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--kante)),0 100%);margin-top:0;padding-top:calc(var(--luft) + 28px)}
.startseite-neu .campaign-footer{margin-top:calc(var(--kante) * -1)}
.startseite-neu main>#alltag.sec.chapter{padding-top:calc(var(--kante) + var(--luft));padding-bottom:calc(var(--kante) + var(--luft))}
.startseite-neu .v2-hero__zitat blockquote{font:400 clamp(35px,4.5vw,86px)/1.1 var(--cond);letter-spacing:-.025em;max-width:20ch;text-wrap:balance}
.startseite-neu .v2-hero__zitat blockquote{padding-left:0}
.startseite-neu .v2-hero__zitat .v2-anf{position:static;display:inline;font-family:inherit;font-size:1em;font-weight:700;line-height:inherit;vertical-align:baseline;animation:none;scale:none}
.startseite-neu .v2-hero__zitat .v2-anf--auf{margin-right:.14em}
.startseite-neu .v2-hero__zitat .v2-anf--zu{margin-left:.14em}
.startseite-neu .v2-hero::after{background: linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.97) 30%,rgba(10,10,10,.74) 50%,rgba(10,10,10,0) 74%), linear-gradient(0deg,rgba(10,10,10,.72),rgba(10,10,10,0) 34%)}
.startseite-neu .v2-hero__zitat .w--balken{background-image:none;padding:0}
.startseite-neu .v2-hero__zitat .w--erst{padding-left:.14em}
.startseite-neu .v2-hero__zitat .w--letzt{padding-right:.14em}
.startseite-neu .v2-hero__zitat .v2-bar>span{background-image:linear-gradient(var(--farbe),var(--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;color:var(--auf-farbe)}
.startseite-neu .v2-hero__zitat .v2-bar>span{margin-left:0}
.startseite-neu .v2-hero__zitat[data-an] blockquote{animation:v2-auf .5s cubic-bezier(.2,.7,.3,1) both}
.startseite-neu .v2-hero__zitat[data-an] .w--balken{animation:none}
.startseite-neu .v2-hero__zitat .v2-bar>span{-webkit-mask-image:linear-gradient(90deg,#000 0 100%);mask-image:linear-gradient(90deg,#000 0 100%);-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.startseite-neu .v2-hero__zitat[data-an] .v2-bar>span{animation:v2-wisch-zeilen .5s cubic-bezier(.3,.8,.3,1) both .32s}
@keyframes v2-wisch-zeilen{from{-webkit-mask-size:0% 100%;mask-size:0% 100%}
 to{-webkit-mask-size:100% 100%;mask-size:100% 100%}}
.startseite-neu .v2-hero__zitat[data-an] .kredit span:nth-child(1){animation-delay:.72s}
.startseite-neu .v2-hero__zitat[data-an] .kredit span:nth-child(2){animation-delay:.84s}
.startseite-neu .v2-hero__zitat[data-an] .kredit span:nth-child(3){animation-delay:.96s}
@property --akzent-marke{syntax:'<color>';inherits:true;initial-value:#ff328c}
:root{transition:--akzent .55s ease,--akzent-marke .55s ease}
.startseite-neu main h2 .v2-marke{transform:none;font-size:1.16em;letter-spacing:-.035em;text-transform:none}
.startseite-neu main h2 .v2-marke b{color:var(--gelb)}
.startseite-neu main h2 .v2-bar--kopf.v2-bar--frage>span{font-size:.66em}
.startseite-neu main h2 .v2-bar--kopf.v2-bar--frage{margin-top:-.06em;line-height:1.06}
.startseite-neu main .split.auftakt{align-items:end;gap:clamp(40px,6vw,110px)}
.startseite-neu main .split.auftakt .v2-lead{margin:0;font:500 clamp(19px,1.5vw,24px)/1.35 var(--cond);max-width:36ch;color:#3a3a3a}
.startseite-neu main .split.auftakt .v2-lead+.v2-lead{margin-top:16px}
.startseite-neu .sec--schwarz .split.auftakt .v2-lead{color:#d4d4d4}
.startseite-neu .v2-blicke{width:100vw;margin:clamp(34px,3.6vw,58px) calc(50% - 50vw) 0;gap:4px;clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)}
.startseite-neu .v2-blick{--tafel-kante:0px;--oben-kante:calc(var(--kante) / 3 * 2)}
.startseite-neu .v2-blick:nth-child(2){--tafel-kante:calc(var(--kante) / 3);--oben-kante:calc(var(--kante) / 3)}
.startseite-neu .v2-blick:nth-child(3){--tafel-kante:calc(var(--kante) / 3 * 2);--oben-kante:0px}
.startseite-neu .v2-blick__text{bottom:calc(var(--tafel-kante) + clamp(18px,1.8vw,30px))}
.startseite-neu .v2-blick__hinweis{top:calc(var(--oben-kante) + 14px)}
.startseite-neu main>#dahinter.sec.chapter{padding-bottom:calc(var(--kante) + clamp(34px,3.6vw,62px))}
.startseite-neu .v2-blick__nachher small{color:var(--gelb)}
.startseite-neu .v2-blick:focus-visible{outline-color:var(--gelb)}
.startseite-neu .kacheln{margin-top:clamp(40px,4.4vw,74px)}
.startseite-neu .kachel__vorn{background:var(--gelb);color:#fff}
.startseite-neu .kachel__vorn img{filter:invert(1)}
.startseite-neu .kachel:hover .kachel__vorn{background:#0a0a0a;color:#fff}
.startseite-neu .kachel:hover .kachel__vorn img{filter:invert(1)}
.startseite-neu .kachel__vorn i{color:rgba(255,255,255,.72)}
.startseite-neu .kachel:hover .kachel__vorn i{color:var(--gelb)}
.startseite-neu .kachel__vorn b{font-size:clamp(17px,1.5vw,24px);letter-spacing:-.01em}
.startseite-neu .kachel__hinten{background:#0a0a0a}
.startseite-neu .kachel__hinten small{color:var(--gelb)}
.startseite-neu .kachel:focus-visible{outline-color:var(--gelb)}
.startseite-neu .teaser__cta{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:clamp(40px,4.4vw,72px)}
.startseite-neu .teaser__cta .cta{display:inline-flex;justify-content:space-between;align-items:center;min-height:76px;min-width:320px;padding:20px 34px;gap:40px;font-size:clamp(20px,1.9vw,28px);line-height:1;letter-spacing:.02em;background:var(--gelb);color:#fff;border:1px solid transparent}
.startseite-neu .teaser__cta .cta:is(:hover,:focus-visible){background:#0a0a0a;color:#fff;translate:0 -3px}
.startseite-neu .sec--schwarz .teaser__cta .cta:is(:hover,:focus-visible){background:#fff;color:#0a0a0a}
.startseite-neu .teaser__cta .cta .pfeil{display:block;width:32px;height:32px;color:inherit;stroke:currentColor;stroke-width:3;fill:none;flex:none;stroke-linecap:butt;stroke-linejoin:miter}
.startseite-neu .gesell__buehne--foto{background:#1c1c1c}
.startseite-neu .gesell__buehne--foto img{width:100%;height:100%;object-fit:cover;display:block;max-height:none;filter:grayscale(1) contrast(1.05)}
.startseite-neu .gesell__buehne--foto::after{background: linear-gradient(90deg,rgba(10,10,10,0) 34%,rgba(10,10,10,.5) 70%,rgba(10,10,10,.97) 98%), linear-gradient(0deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,0) 42%)}
.startseite-neu #selbsttest .v2-bar>span{color:#fff}
.startseite-neu #selbsttest .check__satz{margin:clamp(22px,2.2vw,36px) 0 0;max-width:34ch;font:500 clamp(18px,1.5vw,24px)/1.35 var(--cond);color:#d6d3cb}
.startseite-neu #selbsttest .check__cta{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:clamp(26px,2.8vw,42px)}
.startseite-neu #selbsttest .cta{display:inline-flex;justify-content:space-between;align-items:center;min-height:76px;min-width:320px;padding:20px 34px;gap:40px;font-size:clamp(20px,1.9vw,28px);line-height:1;letter-spacing:.02em}
.startseite-neu #selbsttest .cta--gelb{background:var(--gelb);color:#fff}
.startseite-neu #selbsttest .cta--gelb:is(:hover,:focus-visible){background:#fff;color:#0a0a0a}
.startseite-neu #selbsttest .cta .pfeil{display:block;color:inherit;stroke:currentColor;stroke-width:3;fill:none;width:32px;height:32px;flex:none}
.startseite-neu #selbsttest .check__note{margin:clamp(18px,1.8vw,28px) 0 0;font:400 13.5px/1.5 var(--body);color:#a8a49c;max-width:40ch}
@media(max-width:760px){
 .startseite-neu .v2-hero::after{background: linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.92) 34%,rgba(10,10,10,.22) 62%,rgba(10,10,10,0) 76%), linear-gradient(180deg,rgba(10,10,10,.45),rgba(10,10,10,0) 25%)}
 .startseite-neu .v2-hero__zitat blockquote{font-size:clamp(27px,7.4vw,40px);max-width:none}
 .startseite-neu main .split.auftakt{grid-template-columns:1fr;gap:28px}
 .startseite-neu .v2-blicke{clip-path:none;gap:4px}
 .startseite-neu .v2-blick{--tafel-kante:0px;--oben-kante:0px;clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)}
 .startseite-neu .v2-blick+.v2-blick{margin-top:calc(var(--kante) * -1)}
 .startseite-neu .v2-blick__text{bottom:calc(var(--kante) + 18px)}
 .startseite-neu .v2-blick__hinweis{top:calc(var(--kante) + 12px)}
 .startseite-neu #selbsttest .check__cta{gap:12px}
 .startseite-neu #selbsttest .cta,
 .startseite-neu .teaser__cta .cta{min-width:0;width:100%}
}
.stempel__kopf{margin-bottom:clamp(36px,4.4vw,72px)}
.stempel__raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(12px,1.3vw,22px)}
.stempel__feld{--text-schrift:clamp(15px,1.1vw,19px);--luft:clamp(16px,1.5vw,26px);--rand:calc(var(--text-schrift) * 1.24 * 2 + var(--luft) * 1.7);position:relative;display:grid;place-items:center;margin:0;padding:var(--rand) clamp(18px,2vw,34px);background:#161616}
.stempel__feld:has(.stempel__knopf:focus-visible){outline:3px solid var(--leit,#ff328c);outline-offset:3px}
.stempel__knopf{appearance:none;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;border:0;background:none;color:#fff;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.stempel__knopf::after{content:"";position:absolute;inset:0;z-index:3}
.stempel__knopf:focus{outline:none}
.stempel__irrtum{grid-area:1/1;position:relative;z-index:0;margin:0;font:800 clamp(30px,3.1vw,56px)/.94 var(--cond);text-transform:uppercase;letter-spacing:-.01em;transition:color .35s ease}
.stempel__knopf[aria-pressed="true"] .stempel__irrtum{color:#4a4a4a;opacity:.25}
.stempel__abdruck{grid-area:1/1;position:relative;z-index:1;pointer-events:none;font:800 clamp(31px,2.75vw,50px)/1 var(--cond);text-transform:uppercase;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s .2s}
.stempel__abdruck .v2-bar{margin:0;line-height:1.12}
.stempel__abdruck .v2-bar>span{padding:0 .16em}
.stempel__knopf[aria-pressed="true"] .stempel__abdruck{visibility:visible;opacity:1;transition:none}
.stempel .stempel__text{position:absolute;left:clamp(18px,2vw,34px);right:clamp(18px,2vw,34px);bottom:calc(var(--luft) * 2.2);margin:0;max-width:none;text-align:center;font:500 var(--text-schrift)/1.24 var(--cond);color:#d4d4d4;text-wrap:balance;visibility:hidden;opacity:0;translate:0 8px;transition:opacity .35s ease .12s,translate .35s ease .12s,visibility 0s .47s}
.stempel__knopf[aria-pressed="true"]~.stempel__text{visibility:visible;opacity:1;translate:0 0;transition-delay:.12s,.12s,0s}
.stempel.ist-aktiv .stempel__knopf[aria-pressed="true"] .stempel__abdruck{animation:balken-klebt .32s cubic-bezier(.3,.7,.3,1) both}
@keyframes balken-klebt{0%{scale:1.1;opacity:.45}
 60%{scale:.98;opacity:1}
 100%{scale:1;opacity:1}}
@media (prefers-reduced-motion:reduce){
 .stempel.ist-aktiv .stempel__knopf[aria-pressed="true"] .stempel__abdruck{animation:none}
 .stempel__irrtum,.stempel .stempel__text,.stempel__abdruck{transition:none}
}
@media (max-width:1099px){
 .stempel__raster{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stempel__irrtum{font-size:clamp(30px,5vw,52px)}
 .stempel__abdruck{font-size:clamp(27px,4.4vw,44px)}
 .stempel__feld{--text-schrift:clamp(15px,1.8vw,18px)}
}
@media (max-width:640px){
 .stempel__raster{grid-template-columns:minmax(0,1fr)}
 .stempel__feld{--text-schrift:16px;padding-inline:22px}
 .stempel__irrtum{font-size:clamp(30px,9.6vw,44px)}
 .stempel__abdruck{font-size:clamp(24px,7.4vw,34px)}
 .stempel .stempel__text{left:22px;right:22px}
}
.stempel__feld{transform:skewY(-3.5deg)}
.stempel__raster{row-gap:clamp(28px,3vw,48px)}
.stempel .stempel__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:#6b6b6b}
.stempel__hinweis[hidden]{display:none}
.stempel__hinweis i{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:var(--leit,#ff328c)}
.stempel__hinweis i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--leit,#ff328c);opacity:0;animation:stempel-puls 2.4s ease-out infinite}
@keyframes stempel-puls{0%{opacity:.9;scale:.5}80%,100%{opacity:0;scale:1.25}}
@media(prefers-reduced-motion:reduce){
 .stempel__hinweis i::after{animation:none}
}
@media (max-width:760px){
 .stempel__raster{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;grid-auto-rows:auto;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-24px;padding:26px 24px;scroll-padding-inline:24px}
 .stempel__raster::-webkit-scrollbar{display:none}
 .stempel__feld{scroll-snap-align:start;min-height:250px}
}
@media(max-width:760px){
 .stempel__abdruck{font-size:clamp(30px,8.2vw,42px)}
 .stempel__feld{--luft:14px;--rand:calc(var(--text-schrift) * 1.3 * 2 + var(--luft) * 1.5)}
 .stempel .stempel__text{bottom:calc(var(--luft) * 1.15)}
}
.stempel__feld{padding-top:calc(var(--rand) * .52)}
@media(max-width:760px){
 .stempel__feld{min-height:0}
}
.startseite-neu .v2-blicke{margin-top:calc(var(--kante) * -1 + clamp(44px,4.2vw,76px))}
.startseite-neu main>#dahinter.sec.chapter{padding-bottom:clamp(30px,2.8vw,50px)}
.startseite-neu .v2-blick{--pad-blick:clamp(18px,1.9vw,32px)}
.startseite-neu .v2-blick::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.78) 0%,rgba(10,10,10,.3) 26%,rgba(10,10,10,0) 44%)}
.startseite-neu .v2-blick__text,
.startseite-neu .v2-blick__hinweis{z-index:2}
.startseite-neu .v2-blick__vorher{top:calc(var(--oben-kante) + var(--kante) / 3 + var(--pad-blick));bottom:auto;left:var(--pad-blick);right:var(--pad-blick);gap:4px}
.startseite-neu .v2-blick__text small{font-size:clamp(15px,1.25vw,21px);letter-spacing:.14em;color:#fff}
.startseite-neu .v2-blick__vorher b{font-size:clamp(34px,3.3vw,62px);line-height:.96}
.startseite-neu .v2-blick:is(:hover,[aria-pressed="true"],:focus-visible) .v2-blick__vorher{opacity:1;translate:0 0}
.startseite-neu .v2-blick__nachher{bottom:calc(var(--tafel-kante) + var(--kante) / 3 + var(--pad-blick));left:var(--pad-blick);right:var(--pad-blick);align-items:flex-end;text-align:right}
.startseite-neu .v2-blick__nachher b{font-size:clamp(28px,2.6vw,48px)}
.startseite-neu .v2-blick__nachher .v2-bar{transform-origin:right center}
.startseite-neu .v2-blick__hinweis{top:auto;right:var(--pad-blick);bottom:calc(var(--tafel-kante) + var(--kante) / 3 + var(--pad-blick));padding:9px 13px;font-size:clamp(11px,.8vw,15px)}
.startseite-neu .v2-blick__hinweis svg{width:1.4em;height:1.4em}
.startseite-neu .v2-blick:focus-visible .v2-blick__hinweis{opacity:0}
.startseite-neu #erkrankung .split.auftakt{grid-template-columns:max-content minmax(0,1fr);gap:clamp(36px,4.4vw,80px);align-items:start}
.startseite-neu #erkrankung #was-titel .v2-bar--frage{font-size:.66em;line-height:1.04;margin-top:.02em}
.startseite-neu #erkrankung #was-titel .v2-bar--frage>span{font-size:1em}
.startseite-neu #erkrankung .split.auftakt>div:first-child h2{margin:0}
.startseite-neu #erkrankung .was-antwort{border:0;padding:0}
.startseite-neu #erkrankung .was-antwort .v2-lead:not(.v2-lead--gross){font-size:clamp(21px,1.9vw,32px);line-height:1.3;max-width:none;color:#2a2a2a;text-wrap:pretty}
.startseite-neu #erkrankung .was-antwort .teaser__cta{margin-top:clamp(30px,3vw,52px)}
.startseite-neu .kachel__vorn{align-items:flex-start;justify-content:flex-start;gap:0;text-align:left;padding:clamp(18px,1.8vw,30px) clamp(18px,1.8vw,30px) clamp(54px,4.4vw,72px)}
.startseite-neu .kachel__vorn img{width:clamp(44px,3.8vw,68px)}
.startseite-neu .kachel__vorn b{margin-top:auto;font:800 clamp(30px,3.1vw,58px)/.94 var(--cond);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.startseite-neu .kachel__vorn i{left:clamp(18px,1.8vw,30px);right:auto;bottom:clamp(18px,1.6vw,28px);justify-content:flex-start;gap:8px;font-size:clamp(14px,1.1vw,18px);letter-spacing:.12em;color:#fff}
.startseite-neu .kachel__vorn i svg{width:1.3em;height:1.3em}
.startseite-neu .kachel__hinten{justify-content:center;padding:clamp(18px,1.8vw,30px)}
.startseite-neu .kachel__hinten span{font:700 clamp(26px,2.55vw,46px)/1.04 var(--cond);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.startseite-neu #selbsttest.kino-sec{--film:clamp(330px,58vw,1060px)}
.startseite-neu #selbsttest.kino-sec>.wrap{min-height:clamp(330px,46vw,760px)}
.startseite-neu #selbsttest .check__satz{max-width:36ch;font-size:clamp(20px,1.95vw,34px);line-height:1.28;color:#e4e1d9;text-wrap:pretty}
.startseite-neu #selbsttest .check__note{max-width:none;font:500 clamp(15px,1.1vw,18px)/1.4 var(--cond);letter-spacing:.01em;color:#a8a49c;text-wrap:balance}
.startseite-neu .felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-top:clamp(40px,4.4vw,74px)}
.startseite-neu .feld{--feld:var(--gelb);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;min-height:clamp(220px,17vw,320px);margin:0;padding:clamp(22px,2.2vw,40px);background:var(--feld);color:#fff;text-decoration:none;transform:none;transition:background .2s,color .2s,box-shadow .2s,translate .2s}
.startseite-neu .feld:nth-child(2){--feld:#0a0a0a}
.startseite-neu .feld b{display:block;font:800 clamp(30px,3.9vw,72px)/.9 var(--cond);letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap;transform:skewY(var(--tilt));transform-origin:left center}
.startseite-neu .feld p{margin:clamp(12px,1.1vw,20px) 0 0;max-width:30ch;font:500 clamp(18px,1.4vw,24px)/1.28 var(--cond);color:rgba(255,255,255,.86);transition:color .2s}
.startseite-neu .feld .pfeil{margin-top:auto;align-self:flex-end;padding-top:clamp(14px,1.2vw,22px);width:clamp(52px,4.8vw,86px);height:auto;box-sizing:content-box;color:inherit;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;transition:translate .2s}
.startseite-neu .feld:is(:hover,:focus-visible){background:#fff;color:var(--feld);box-shadow:inset 0 0 0 clamp(4px,.35vw,6px) var(--feld);translate:0 -6px}
.startseite-neu .feld:is(:hover,:focus-visible) p{color:#2a2a2a}
.startseite-neu .feld:is(:hover,:focus-visible) .pfeil{translate:10px 0}
.startseite-neu .feld:focus-visible{outline:3px solid #0a0a0a;outline-offset:4px}
.startseite-neu #was-jetzt .teaser__cta{margin-top:clamp(56px,5.6vw,96px)}
.startseite-neu .teaser__cta .cta{white-space:nowrap;min-width:0;gap:clamp(12px,1.2vw,20px)}
@media(max-width:1000px){
 .startseite-neu #selbsttest.kino-sec>.wrap{min-height:0}
}
@media(max-width:900px){
 .startseite-neu #erkrankung .split.auftakt{grid-template-columns:1fr;gap:30px}
}
@media(max-width:760px){
 .startseite-neu .v2-blicke{margin-top:clamp(28px,7vw,40px)}
 .startseite-neu .v2-blick__vorher{top:calc(var(--kante) + 16px);bottom:auto}
 .startseite-neu .v2-blick__nachher,
 .startseite-neu .v2-blick__hinweis{top:auto;bottom:calc(var(--kante) + 16px)}
 .startseite-neu .v2-blick__vorher b{font-size:clamp(32px,9vw,44px)}
 .startseite-neu .v2-blick__nachher b{font-size:clamp(26px,7.4vw,36px)}
 .startseite-neu main>#dahinter.sec.chapter{padding-bottom:28px}
 .startseite-neu .felder{grid-template-columns:1fr;gap:10px}
 .startseite-neu .feld{min-height:0;padding:24px 22px 20px}
 .startseite-neu .feld b{font-size:clamp(40px,12vw,54px)}
 .startseite-neu .feld .pfeil{width:52px;padding-top:6px}
 .startseite-neu #was-jetzt .teaser__cta{margin-top:48px}
 .startseite-neu .kacheln{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}
 .startseite-neu .kacheln::-webkit-scrollbar{display:none}
 .startseite-neu .kachel{aspect-ratio:auto;min-height:280px;scroll-snap-align:start}
 .startseite-neu .kachel__vorn{padding:20px 22px 54px}
 .startseite-neu .kachel__vorn img{width:44px}
 .startseite-neu .kachel__vorn b{font-size:clamp(34px,10vw,42px)}
 .startseite-neu .kachel__vorn i{left:22px;bottom:20px;font-size:13px}
 .startseite-neu .kachel__hinten{padding:20px 22px}
 .startseite-neu .kachel__hinten span{font-size:clamp(27px,7.8vw,32px);line-height:1.06}
 .startseite-neu .teaser__cta .cta{padding:18px 20px;gap:12px;font-size:clamp(17px,4.8vw,20px)}
 .startseite-neu .teaser__cta .cta .pfeil{width:26px;height:26px}
}
.startseite-neu #frage.kino-sec--nur-kopf>.wrap>h2.t-cond{margin:0}
.startseite-neu .feld b{transform:none}
.startseite-neu main>#was-jetzt.sec.chapter{padding-bottom:calc(var(--kante) + var(--luft) * .45)}
.startseite-neu .kredit{align-items:flex-start;text-align:left;gap:clamp(3px,.35vw,6px)}
.startseite-neu .kredit span,
.startseite-neu .kredit .kredit__name{position:relative;margin:0;border:0;padding:0 .1em .12em 0;white-space:nowrap;font:800 clamp(14px,1.15vw,20px)/1 var(--cond);letter-spacing:.04em;text-shadow:0 3px 10px rgba(0,0,0,.75),0 10px 30px rgba(0,0,0,.55)}
.startseite-neu .kredit span::after{content:"";position:absolute;left:-.35em;right:0;bottom:-.02em;height:2px;background:var(--farbe)}
@media(max-width:760px){
 .startseite-neu .kredit span,
 .startseite-neu .kredit .kredit__name{font-size:13px}
 .startseite-neu .kredit span::after{left:0}
}
.marke.marke--logo{font-size:clamp(32px,3.1vw,48px)}
.vorhang-auf{font-size:clamp(16px,1.3vw,20px)}
.vorhang-auf i,.vorhang-auf i::before,.vorhang-auf i::after{width:30px}
.startseite-neu .v2-blick__vorher{transform:skewY(var(--tilt));gap:0}
.startseite-neu .v2-blick__nachher{gap:0}
.startseite-neu .v2-blick__nachher small{display:block;transform:skewY(var(--tilt));transform-origin:right bottom}
.startseite-neu .v2-blick__nachher .v2-bar{line-height:1.08;transform-origin:right bottom}
.startseite-neu .v2-blick__vorher{transform-origin:left top}
.startseite-neu .v2-blick__nachher{transform-origin:right bottom}
.startseite-neu .v2-blick__text small,
.startseite-neu .v2-blick__nachher b{font:800 clamp(34px,3.3vw,62px)/.96 var(--cond);letter-spacing:-.03em;text-transform:uppercase}
@media(max-width:760px){
 .startseite-neu .v2-blick__text small,.startseite-neu .v2-blick__nachher b{font-size:clamp(32px,9vw,44px)}
}
@media(min-width:761px){
 .startseite-neu .v2-hero__lage{padding-top:0}
 .startseite-neu .v2-hero__zitat{align-self:center}
}
@media(min-width:901px){
 .startseite-neu #erkrankung .split.auftakt{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,120px)}
 .startseite-neu #erkrankung #was-titel{font-size:clamp(63px,7.35vw,140px)}
}
.startseite-neu #erkrankung .was-antwort .v2-lead.was-text{font:600 clamp(22px,2.1vw,38px)/1.36 var(--cond);letter-spacing:-.005em;max-width:none;color:#0a0a0a;text-wrap:pretty;margin:0}
@media(max-width:900px){
 .startseite-neu #erkrankung #was-titel{font-size:min(14.7vw,105px)}
}
.startseite-neu main>#dahinter.sec.chapter{padding-bottom:0!important}
.startseite-neu main>#dahinter.sec.chapter{padding-top:0!important}
.startseite-neu #dahinter .v2-blicke{margin-top:0!important}
@media(min-width:901px){
 .startseite-neu #erkrankung #was-titel{font-size:clamp(82px,9.555vw,182px)}
}
@media(max-width:900px){
 .startseite-neu #erkrankung #was-titel{font-size:min(19.11vw,136.5px)}
}
.startseite-neu #erkrankung #was-titel .v2-bar--frage{font-size:.5077em;margin-top:.4em}
.startseite-neu .v2-blicke{transform:translateZ(0);isolation:isolate}
.startseite-neu .v2-blick{transform:translateZ(0)}
.startseite-neu .v2-blick__bild{transform:translateZ(0);-webkit-mask-image:linear-gradient(#000,#000)}
.startseite-neu .v2-blick__bild img{will-change:transform;backface-visibility:hidden}
.startseite-neu #alltag-titel .v2-marke{font-size:1.3em}
.startseite-neu #alltag-titel .v2-bar--frage>span{font-size:1em}
.startseite-neu #alltag-titel .v2-bar--frage{margin-top:.12em;line-height:1.12}
.startseite-neu #alltag-titel .v2-marke{font-size:1.65em}
.startseite-neu .kachel-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:#6b6b6b}
.startseite-neu .kachel-hinweis i{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:var(--section-color,#5773ff)}
.startseite-neu .kachel-hinweis i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--section-color,#5773ff);opacity:0;animation:stempel-puls 2.4s ease-out infinite}
@keyframes stempel-puls{0%{opacity:.9;scale:.5}80%,100%{opacity:0;scale:1.25}}
@media(prefers-reduced-motion:reduce){
 .startseite-neu .kachel-hinweis i::after{animation:none}
}
.startseite-neu .kacheln{margin-top:clamp(36px,4vw,64px);row-gap:clamp(24px,2.6vw,44px)}
.startseite-neu .kachel{transform:skewY(-3.5deg)}
@media(max-width:760px){
 .startseite-neu .kacheln{padding-block:24px}
}
.startseite-neu .v2-blick:is(:hover,:focus-visible):not([aria-pressed="true"]) .v2-blick__bild img{transform:scale(var(--zoom))}
.startseite-neu .v2-blick:is(:hover,:focus-visible):not([aria-pressed="true"]) .v2-blick__nachher{opacity:0;translate:0 10px;transition-delay:0s}
.startseite-neu .v2-blick:is(:hover,:focus-visible):not([aria-pressed="true"]) .v2-blick__hinweis{opacity:1}
.startseite-neu .kachel__hinten{overflow:hidden}
.startseite-neu .kachel__hinten::before{content:"“";position:absolute;left:.02em;top:-.08em;z-index:0;pointer-events:none;font:800 clamp(280px,29vw,540px)/1 var(--cond);color:var(--section-color,#5773ff);opacity:.3}
.startseite-neu .kachel__hinten>span{position:relative;z-index:1;font-size:clamp(24px,2.1vw,38px);line-height:1.12}
@media(max-width:760px){
 .startseite-neu .kachel__hinten>span{font-size:clamp(26px,7.4vw,34px)}
 .startseite-neu .kachel__hinten::before{font-size:380px}
}
.startseite-neu .kachel__vorn{overflow:hidden}
.startseite-neu .kachel__vorn::before{content:"“";position:absolute;left:.02em;top:-.08em;z-index:0;pointer-events:none;font:800 clamp(280px,29vw,540px)/1 var(--cond);color:#fff;opacity:.18}
.startseite-neu .kachel__vorn>b{position:relative;z-index:1}
@media(max-width:760px){
 .startseite-neu .kachel__vorn::before{font-size:380px}
}
.startseite-neu .kachel__vorn>b{font-size:clamp(28px,2.6vw,50px)}
@media(max-width:760px){
 .startseite-neu .kachel__vorn>b{font-size:clamp(30px,9vw,38px)}
}
.startseite-neu #wohin-titel .v2-marke{font-size:1.65em}
.startseite-neu #wohin-titel .v2-bar--frage>span{font-size:1em}
.startseite-neu #wohin-titel .v2-bar--frage{margin-top:.12em;line-height:1.12}
.startseite-neu #was-jetzt .feld{transform:skewY(-3.5deg)}
.startseite-neu #was-jetzt .felder{row-gap:clamp(28px,3vw,48px);padding-block:clamp(10px,1.4vw,24px)}
.startseite-neu #was-jetzt .feld:nth-child(2){text-shadow:none}
.startseite-neu footer .logo__akzent{fill:#fff}
.startseite-neu footer .pf-strich{background:#fff;border-color:#fff;color:#fff}
.startseite-neu .v2-hero__foto[src$="bild-22.webp"]{filter:none;object-fit:cover;object-position:50% 26%;background:#0a0a0a}
@media(max-width:760px){
 .startseite-neu .v2-hero__foto[src$="bild-22.webp"]{object-position:50% 18%!important;object-fit:cover}
}
.startseite-neu .v2-hero__foto--rechts[src$="bild-22.webp"]{translate:0 0}
.startseite-neu .v2-hero::after{background: linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.88) 25%,rgba(10,10,10,.4) 40%,rgba(10,10,10,0) 55%), linear-gradient(0deg,rgba(10,10,10,.5),rgba(10,10,10,0) 40%)}
.startseite-neu .v2-hero__foto[src$="bild-22.webp"]{object-position:56% 16%}
@media(min-width:761px){
 .startseite-neu .v2-hero__bilder{position:absolute;inset:0 0 0 20%;overflow:hidden}
 .startseite-neu .v2-hero::after{background: linear-gradient(90deg,#0a0a0a 0%,#0a0a0a 20%,rgba(10,10,10,.97) 24%,rgba(10,10,10,.8) 32%,rgba(10,10,10,.34) 48%,rgba(10,10,10,0) 62%), linear-gradient(0deg,rgba(10,10,10,.45),rgba(10,10,10,0) 38%)}
 .startseite-neu .v2-hero__foto[src$="bild-22.webp"]{object-position:54% 2%}
}
@media(min-width:761px){
 .startseite-neu .v2-hero__bilder::after{content:"";position:absolute;inset:0 -1px 0 -2px;z-index:2;pointer-events:none;background: linear-gradient(90deg,#0a0a0a 0%,#0a0a0a 22%,rgba(10,10,10,.88) 32%,rgba(10,10,10,.34) 48%,rgba(10,10,10,0) 64%), linear-gradient(0deg,rgba(10,10,10,.45),rgba(10,10,10,0) 38%)}
 .startseite-neu .v2-hero::after{background:none}
}
@media(min-width:761px){
 .startseite-neu .v2-hero__bilder{inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 21%,rgba(0,0,0,.14) 30%,rgba(0,0,0,.62) 46%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,transparent 21%,rgba(0,0,0,.14) 30%,rgba(0,0,0,.62) 46%,#000 62%)}
 .startseite-neu .v2-hero__foto{left:20%;width:80%}
 .startseite-neu .v2-hero__bilder::after{inset:0;background:linear-gradient(0deg,rgba(10,10,10,.45),rgba(10,10,10,0) 38%)}
 .startseite-neu .v2-hero__foto--rechts[src$="bild-22.webp"]{object-position:54% 0%;translate:0 9%}
 .startseite-neu .v2-hero__bilder:has(img[src$="bild-22.webp"][data-an])::after{background: linear-gradient(180deg,#0a0a0a 0,#0a0a0a 9%,rgba(10,10,10,0) 24%), linear-gradient(0deg,rgba(10,10,10,.45),rgba(10,10,10,0) 38%)}
}
@media(min-width:761px){
 .startseite-neu .v2-hero__foto--rechts{translate:0 0}
}
@media(min-width:761px){
 .startseite-neu .v2-hero__foto--rechts[src$="bild-22.webp"]{object-position:54% 17%!important;translate:0 0}
 .startseite-neu .v2-hero__bilder:has(img[src$="bild-22.webp"][data-an])::after{background:linear-gradient(0deg,rgba(10,10,10,.45),rgba(10,10,10,0) 38%)}
}
.startseite-neu .v2-hero__foto{filter:none}
.startseite-neu .v2-blick__bild img{filter:none}
.startseite-neu #selbsttest .gesell__buehne--foto img{filter:contrast(1.05)}
.startseite-neu .v2-hero__zitat .v2-bar>span{padding-inline:.14em}
.startseite-neu .v2-hero__zitat .w--erst{padding-left:0}
.startseite-neu .v2-hero__zitat .w--letzt{padding-right:0}
.startseite-neu .v2-blick__bild img{object-position:var(--lage,50% 50%);transform-origin:0 0;transform:translate(var(--nx),var(--ny)) scale(var(--nz))}
.startseite-neu .v2-blick:is(:hover,:focus-visible):not([aria-pressed="true"]) .v2-blick__bild img{transform:translate(var(--nx),var(--ny)) scale(var(--nz))}
.startseite-neu .v2-blick[aria-pressed="true"] .v2-blick__bild img{transform:translate(var(--wx),var(--wy)) scale(var(--wz))}
.startseite-neu .v2-blick{background:#0a0a0a}
.startseite-neu .v2-blick__vorher{text-shadow:0 2px 6px rgba(0,0,0,.55),0 6px 22px rgba(0,0,0,.45)}
.startseite-neu #selbsttest .gesell__buehne--foto{overflow:hidden}
.startseite-neu #selbsttest .gesell__buehne--foto img{transform:translate(6%,8%) rotate(4deg) scale(1.2);transform-origin:50% 50%}
@media(min-width:761px){
 .startseite-neu .v2-hero__zitat{align-self:end}
 .startseite-neu .v2-hero__lage{padding-bottom:clamp(120px,15vh,190px)}
 .startseite-neu .kredit{left:var(--kx);top:var(--ky);right:auto;bottom:auto;align-items:flex-start;text-align:left;transform:skewY(var(--tilt));transform-origin:left top}
 .startseite-neu .kredit span,
 .startseite-neu .kredit .kredit__name{text-shadow:0 2px 8px rgba(0,0,0,.6),0 6px 22px rgba(0,0,0,.5)}
}
@media(max-width:760px){
 .startseite-neu .kredit{position:absolute;z-index:3;left:var(--hx);top:var(--hy);right:auto;bottom:auto;margin:0;align-items:flex-start;text-align:left;transform:skewY(var(--tilt));transform-origin:left top}
 .startseite-neu .kredit span,
 .startseite-neu .kredit .kredit__name{text-shadow:0 2px 8px rgba(0,0,0,.65),0 6px 20px rgba(0,0,0,.5)}
}
@media(max-width:760px){
 .startseite-neu .v2-hero__lage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end}
}
@media(max-width:760px){
 .startseite-neu .v2-hero::after{background: linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.9) 30%,rgba(10,10,10,.35) 52%,rgba(10,10,10,0) 68%), linear-gradient(180deg,rgba(10,10,10,.5),rgba(10,10,10,0) 16%)}
}
@media(min-width:761px){
 .startseite-neu .v2-hero__lage{position:absolute;inset:0;max-width:none;display:flex;flex-direction:column;justify-content:center;padding-inline:max(var(--pad),calc((100vw - var(--wrap-wide)) / 2 + var(--pad)))}
}
@media(max-width:760px){
 .startseite-neu .v2-hero__lage{padding-bottom:96px}
}
.startseite-neu .kredit span,
.startseite-neu .kredit .kredit__name{text-shadow:0 1px 3px rgba(0,0,0,.9),0 3px 10px rgba(0,0,0,.8),0 8px 26px rgba(0,0,0,.6)!important}
.startseite-neu .v2-hero__zitat[data-wer="Sonja"] .kredit span,
.startseite-neu .v2-hero__zitat[data-wer="Sonja"] .kredit .kredit__name{text-shadow:0 2px 8px rgba(0,0,0,.6),0 6px 22px rgba(0,0,0,.5)!important}
.startseite-neu main>.sec.chapter{transform:translateZ(0);isolation:isolate}
@media(min-width:761px){
 .startseite-neu .v2-hero__foto[src$="bild-11.webp"]{scale:1.14;translate:0 7%}
}
.startseite-neu #mitmachen .mit__kopf{max-width:none}
.startseite-neu .mit__lead{margin:clamp(18px,2vw,30px) 0 0;max-width:60ch;font:500 clamp(18px,1.5vw,25px)/1.4 var(--cond);color:#2a2a2a;text-wrap:pretty}
.startseite-neu .mit-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,24px);margin-top:clamp(34px,4vw,64px);padding-block:clamp(10px,1.4vw,24px)}
.startseite-neu .mit-karte{display:flex;flex-direction:column;transform:skewY(-3.5deg);padding:clamp(24px,2.2vw,36px) clamp(22px,2.2vw,34px);border:2px solid rgba(10,10,10,.22);background:transparent}
.startseite-neu .mit-karte--spenden{background:var(--rot,#bb1030);border-color:var(--rot,#bb1030)}
.startseite-neu .mit-karte h3{margin:0;font:800 clamp(24px,2.1vw,38px)/1.05 var(--cond);letter-spacing:-.02em;text-transform:uppercase;color:#0a0a0a}
.startseite-neu .mit-karte p{margin:clamp(10px,1vw,16px) 0 0;max-width:none;font:500 clamp(16px,1.15vw,19px)/1.42 var(--cond);color:#3a3a3a;text-wrap:pretty}
.startseite-neu .mit-karte--spenden :is(h3,p){color:#fff}
.startseite-neu .mit-karte .cta{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;margin-top:auto;padding-top:clamp(18px,1.8vw,28px)}
.startseite-neu .mit-karte .cta{padding:14px 22px;margin-top:clamp(18px,1.8vw,28px);font:800 clamp(14px,1.05vw,17px)/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.startseite-neu .mit-karte .cta--rot{background:#fff;color:#0a0a0a}
.startseite-neu .mit-karte .cta--rot:is(:hover,:focus-visible){background:#0a0a0a;color:#fff}
.startseite-neu .mit-karte .cta--linie{border:2px solid #0a0a0a;color:#0a0a0a}
.startseite-neu .mit-karte .cta--linie:is(:hover,:focus-visible){background:#0a0a0a;color:#fff}
.startseite-neu .mit-karte .cta .pfeil{width:20px;height:20px;stroke:currentColor;stroke-width:3;fill:none}
@media(max-width:900px){
 .startseite-neu .mit-karten{grid-template-columns:1fr;gap:22px}
}
.startseite-neu #mitmachen.sec{background:#131211;color:#fff}
.startseite-neu #mitmachen h2.t-cond{color:#fff}
.startseite-neu #mitmachen h2 .v2-bar>span{--balken-farbe:var(--pink);color:#fff}
.startseite-neu #mitmachen .mit__lead{color:rgba(255,255,255,.92)}
.startseite-neu #mitmachen .mit-karte{background:var(--pink);border-color:var(--pink)}
.startseite-neu #mitmachen .mit-karte h3{display:inline-block;align-self:flex-start;background:#0a0a0a;color:#fff;padding:.08em .3em .16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.startseite-neu #mitmachen .mit-karte .cta,
.startseite-neu #mitmachen .mit-karte .cta span{text-shadow:none!important}
.startseite-neu #mitmachen .mit-karte p{color:#fff}
.startseite-neu #mitmachen .mit-karte--spenden{background:var(--pink);border-color:var(--pink)}
.startseite-neu #mitmachen .mit-karte .cta--rot{background:#fff;color:#0a0a0a}
.startseite-neu #mitmachen .mit-karte .cta--rot:is(:hover,:focus-visible){background:#131211;color:#fff}
.startseite-neu #mitmachen .mit-karte .cta--linie{border-color:#fff;background:#fff;color:#0a0a0a}
.startseite-neu #mitmachen .mit-karte .cta--linie:is(:hover,:focus-visible){background:#131211;border-color:#131211;color:#fff}
@media(min-width:901px){
 .startseite-neu #mitmachen .mit__kopf{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:start}
 .startseite-neu #mitmachen .mit__kopf h2{margin:0}
 .startseite-neu #mitmachen .mit__lead{margin:0;max-width:44ch;align-self:center}
}
.startseite-neu #alltag .kachel{aspect-ratio:9/16}
.startseite-neu #alltag .kachel__vorn{padding:0;gap:0;align-items:stretch;justify-content:flex-end;background:var(--section-color,#5773ff)}
.startseite-neu #alltag .kachel:hover .kachel__vorn{background:var(--section-color,#5773ff)}
.startseite-neu #alltag .kachel__vorn::before{content:none}
.startseite-neu #alltag .kachel__bild{position:relative;flex:0 0 auto;aspect-ratio:3/4;min-height:0;display:grid;place-items:center;overflow:hidden;background:#f2f2f0}
.startseite-neu #alltag .kachel__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center var(--fokus,18%);display:block}
.startseite-neu #alltag .kachel__bild i{position:static;display:block;padding:0 14px;font:700 11px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:#a8a8a3;text-align:center}
.startseite-neu #alltag .kachel__bild:has(i){background:repeating-linear-gradient(93.5deg,#f5f5f3 0 26px,#f0f0ed 26px 52px)}
.startseite-neu #alltag .kachel__vorn>b{flex:1 1 auto;display:grid;align-content:center;padding:clamp(16px,1.5vw,26px) clamp(16px,1.5vw,26px) clamp(18px,1.7vw,30px);color:#fff;font:800 clamp(20px,1.65vw,30px)/1.04 var(--cond);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
@media(max-width:760px){
 .startseite-neu #alltag .kachel{aspect-ratio:9/15;min-height:0}
 .startseite-neu #alltag .kachel__vorn>b{font-size:clamp(20px,5.6vw,26px);padding:16px 18px 20px}
}
.startseite-neu .kacheln-reihe{position:relative}
.startseite-neu #alltag .kacheln{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * var(--kachel-luft)) / 4.4);--kachel-luft:clamp(10px,1.2vw,18px);gap:var(--kachel-luft);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-inline:var(--pad);padding-block:clamp(10px,1.2vw,20px)}
.startseite-neu #alltag .kacheln::-webkit-scrollbar{display:none}
.startseite-neu #alltag .kachel{scroll-snap-align:start}
.startseite-neu .kacheln__pfeile{position:absolute;inset:0;pointer-events:none}
.startseite-neu .kacheln__pfeil{position:absolute;top:50%;translate:0 -50%;pointer-events:auto;display:grid;place-items:center;width:clamp(48px,3.6vw,62px);height:clamp(48px,3.6vw,62px);border:0;background:var(--section-color,#5773ff);color:#fff;cursor:pointer;transform:skewY(var(--neigung,-3.5deg));transition:background .18s,opacity .2s,visibility 0s;box-shadow:0 10px 30px rgba(10,10,10,.22)}
.startseite-neu .kacheln__pfeil svg{width:44%;height:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.startseite-neu .kacheln__pfeil:hover{background:#0a0a0a}
.startseite-neu .kacheln__pfeil[data-kacheln-zurueck]{left:clamp(4px,.5vw,12px)}
.startseite-neu .kacheln__pfeil[data-kacheln-weiter]{right:clamp(4px,.5vw,12px)}
.startseite-neu .kacheln__pfeil[hidden]{display:none}
@media(max-width:760px){
 .startseite-neu .kacheln__pfeile{display:none}
 .startseite-neu #alltag .kacheln{grid-auto-columns:82%;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;scroll-snap-type:x mandatory}
}
.startseite-neu #frage.kino-sec>.wrap{min-height:calc(var(--film) * 1.28)}
@media(max-width:760px){
 .startseite-neu .v2-hero__zitat blockquote{font-size:clamp(31px,8.8vw,44px)}
 body.startseite-neu #erkrankung #was-titel .v2-bar--frage,
  body.startseite-neu #alltag #alltag-titel .v2-bar--frage,
  body.startseite-neu #wohin-titel .v2-bar--frage{font-size:clamp(24px,8.9vw,34px)}
 body.startseite-neu #erkrankung #was-titel{line-height:.62}
 body.startseite-neu #erkrankung #was-titel .v2-bar--frage{margin-top:0}
 body.startseite-neu #alltag #alltag-titel .v2-bar--frage{margin-top:.34em}
 body.startseite-neu #wohin-titel .v2-bar--frage{margin-top:.30em}
 body.startseite-neu #alltag #alltag-titel .v2-marke{font-size:min(22.2vw,159px)}
 body.startseite-neu #wohin-titel .v2-marke{font-size:min(20.3vw,145px)}
 body.startseite-neu #was-titel .v2-bar--frage>span,
  body.startseite-neu #alltag-titel .v2-bar--frage>span,
  body.startseite-neu #wohin-titel .v2-bar--frage>span{font-size:1em;white-space:nowrap}
 .startseite-neu #frage .gesell__buehne{aspect-ratio:4/5;margin-bottom:calc(var(--luft) * -1)}
 .startseite-neu #selbsttest .gesell__buehne--foto{margin-top:calc((var(--kante) + var(--luft)) * -1);aspect-ratio:1/1}
 .startseite-neu #selbsttest .gesell__buehne--foto img{transform:translate(4%,10%) rotate(3deg) scale(1.1);object-position:25% 4%!important}
 .startseite-neu #selbsttest .gesell__buehne--foto::after{background: linear-gradient(0deg,#0a0a0a 0%,#0a0a0a 11%,rgba(10,10,10,.82) 24%, rgba(10,10,10,.42) 48%,rgba(10,10,10,.12) 72%,rgba(10,10,10,0) 88%)}
 .startseite-neu #selbsttest .gesell__buehne--foto{-webkit-mask-image:linear-gradient(0deg,transparent 0,transparent 9%,rgba(0,0,0,.35) 20%,rgba(0,0,0,.8) 38%,#000 58%);mask-image:linear-gradient(0deg,transparent 0,transparent 9%,rgba(0,0,0,.35) 20%,rgba(0,0,0,.8) 38%,#000 58%)}
 .startseite-neu .pf-strich{display:none}
 .startseite-neu .campaign-footer a.pf-brand{max-width:280px;margin-inline:auto}
 .startseite-neu .pf-identity{text-align:center}
}
.startseite-neu #selbsttest .check__note{display:inline-block;transform:skewY(var(--tilt));transform-origin:left center}
.startseite-neu .mit-karte .cta{transform:none}
@media(max-width:760px){
 .startseite-neu .stempel__raster,
  .startseite-neu #alltag .kacheln{overscroll-behavior-x:contain}
}
.startseite-neu #alltag .kacheln{overflow-y:hidden}
@media(max-width:760px){
 .startseite-neu .stempel__raster{overflow-y:hidden}
 .startseite-neu #alltag .kacheln{padding-block:34px;margin-block:-10px}
}
.startseite-neu #alltag .kachel__bild img,
.startseite-neu #alltag .kachel:hover .kachel__vorn img{filter:none}
@media(hover:hover){
 .startseite-neu #alltag .kachel:is(:hover,:focus-visible) .kachel__vorn{text-shadow:-2px 3px 2.5px color-mix(in srgb, var(--section-color,#5371ff) 72%, #000)}
}
.startseite-neu .kachel__innen{transform:none!important;transform-style:flat;transition:none;perspective:1400px}
.startseite-neu .kachel__vorn,.startseite-neu .kachel__hinten{transform-origin:50% 50%}
.startseite-neu .kachel .kachel__vorn{transform:rotateY(0deg);visibility:visible;transition:transform .28s cubic-bezier(.2,0,.35,1) .28s,visibility 0s .28s}
.startseite-neu .kachel .kachel__hinten{transform:rotateY(90deg);visibility:hidden;transition:transform .28s cubic-bezier(.65,0,.8,1),visibility 0s .28s}
.startseite-neu .kachel[aria-pressed="true"] .kachel__vorn{transform:rotateY(-90deg);visibility:hidden;transition:transform .28s cubic-bezier(.65,0,.8,1),visibility 0s .28s}
.startseite-neu .kachel[aria-pressed="true"] .kachel__hinten{transform:rotateY(0deg);visibility:visible;transition:transform .28s cubic-bezier(.2,0,.35,1) .28s,visibility 0s .28s}
@media(prefers-reduced-motion:reduce){
 .startseite-neu .kachel .kachel__vorn,.startseite-neu .kachel .kachel__hinten{transition:none}
}
}
.startseite-neu #alltag .kachel__vorn>b{box-sizing:content-box;min-height:calc(3em * 1.04);display:grid;align-content:center;justify-items:start}