@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)}
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)}
.kasten{display: inline-block;background: var(--akzent);color: #fff;font-weight: 800;padding: .02em .2em .09em;transform: skewY(var(--tilt));transform-origin: left center}
.label{display: inline-block;margin: 0;font-family: var(--mono);font-weight: 700;text-transform: uppercase;font-size: 11.5px;letter-spacing: .16em;line-height: 1.3;color: var(--akzent);transform: skewY(var(--tilt));transform-origin: left center}
.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}
.download{display: flex;align-items: baseline;justify-content: space-between;gap: 20px;padding: clamp(24px, 2.6vw, 42px);text-decoration: none;background: rgba(255,255,255,.06);transition: background .3s, color .3s}
.download:hover{background: var(--akzent);color: #fff}
.download b{font-family: var(--cond);font-weight: 400;font-size: clamp(24px, 2.4vw, 40px);line-height: 1;letter-spacing: -.006em}
.download span{font-family: var(--cond);font-weight: 800;text-transform: uppercase;font-size: 13px;letter-spacing: .16em}
.check{background: var(--papier);color: var(--tinte);border: 3px solid var(--tinte)}
.check .tag, .check .label{color: var(--akzent);font-family: var(--cond);font-weight: 700;text-transform: uppercase;font-size: 13px;letter-spacing: .18em;margin: 0}
.fuss{background: var(--tinte);color: var(--papier);padding: clamp(70px, 8vw, 130px) 0 34px}
.fuss h4{font-family: var(--cond);font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: .2em;color: var(--akzent);margin: 0 0 18px}
.fuss ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}
.fuss a{color: rgba(241,237,225,.8);text-decoration: none;font-size: 16px}
.fuss a:hover{color: var(--akzent)}
[data-parallax], [data-drift], [data-scale]{will-change: transform}
[data-scale]{transform-origin: center}
.oton img{will-change: transform}
html.js [data-anim]{opacity: 0;transform: translateY(52px)}
html.js [data-anim][data-shown="true"]{opacity: 1;transform: none;transition: opacity .95s cubic-bezier(.2,.7,.3,1), transform .95s cubic-bezier(.2,.7,.3,1)}
html.js [data-staffel] > *{opacity: 0;transform: translateY(38px)}
html.js [data-staffel][data-shown="true"] > *{opacity: 1;transform: none;transition: opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1)}
[data-staffel] > *:nth-child(1){transition-delay: .00s}
[data-staffel] > *:nth-child(2){transition-delay: .06s}
[data-staffel] > *:nth-child(3){transition-delay: .12s}
[data-staffel] > *:nth-child(4){transition-delay: .18s}
[data-staffel] > *:nth-child(5){transition-delay: .24s}
[data-staffel] > *:nth-child(6){transition-delay: .30s}
[data-staffel] > *:nth-child(7){transition-delay: .36s}
[data-staffel] > *:nth-child(8){transition-delay: .42s}
@media (prefers-reduced-motion: reduce){
 html.js [data-staffel] > *, html.js [data-staffel][data-shown="true"] > *{opacity: 1;transform: none;transition: none}
 [data-parallax], [data-drift], [data-scale]{transform: none !important}
}
.kredit{position: absolute;z-index: 3;right: var(--pad);top: 50%;transform: translateY(-50%) skewY(var(--shear));transform-origin: right center;color: var(--papier);text-align: right;pointer-events: none;opacity: 0;transition: opacity .5s ease .12s, translate .6s cubic-bezier(.2,.7,.3,1) .12s;translate: 0 18px}
.kredit[data-an="true"]{opacity: 1;translate: 0 0}
@media (max-width: 1080px){
 .kredit{display: none}
}
@media (max-width: 760px){
 nav.vorhang{padding: clamp(118px, 15.5vh, 158px) 0 clamp(22px, 3vh, 40px)}
 nav.vorhang .vorhang__kopf{padding: 24px var(--pad) 14px}
 nav.vorhang .vorhang__zu{top: 29px}
 nav.vorhang .vorhang__zu i{font-size: 1.7em}
 nav.vorhang a.vorhang__start svg.vorhang__pfeil{width: clamp(30px, 8vw, 40px)}
 nav.vorhang .vorhang__marke{font-size: clamp(30px, 8.6vw, 44px)}
 nav.vorhang .vorhang__pfeil{font-size: clamp(21px, 5.6vw, 28px)}
 nav.vorhang .vorhang__ort{font-size: 11px;letter-spacing: .18em;margin-top: 5px}
 nav.vorhang .vorhang__zu{font-size: 12px;letter-spacing: .16em;gap: 9px}
 nav.vorhang ol a{gap: 13px 10px;padding-block: 0;font-size: clamp(52px, 18vw, 76px)}
 nav.vorhang ol a::before{font-size: 11px;letter-spacing: .12em;align-self: start;margin-top: 12px}
 nav.vorhang ol a::after{height: clamp(30px, 8.4vw, 40px);margin-inline: -1px;align-self: start;margin-top: 6px}
 nav.vorhang ol a i{font-size: clamp(16px, 4.6vw, 21px);padding-left: 0}
 nav.vorhang ol a:hover, nav.vorhang ol a:focus-visible{padding-left: calc(var(--pad) + 6px)}
 nav.vorhang .vorhang__check{gap: 12px;padding: clamp(16px, 4vw, 24px) var(--pad);font-size: clamp(32px, 9.6vw, 46px)}
 nav.vorhang a.vorhang__check svg.pfeil{width: clamp(34px, 9vw, 46px)}
}
@media (hover: none){
 .vorhang a.vorhang__check svg.pfeil{opacity: .6;translate: 0 0}
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
[hidden]{display:none!important}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
p{max-width:70ch}
.eyebrow{font:700 15px/1.3 var(--cond);letter-spacing:.13em;text-transform:uppercase;margin:0 0 24px}
.textlink{display:inline-flex;align-items:baseline;gap:22px;text-decoration:none;border-bottom:2px solid currentColor;padding:12px 0;font:700 clamp(18px,1.5vw,25px)/1.3 var(--cond);margin-top:28px}
.textlink>span:last-child{font-size:1.5em;line-height:1}
.textlink:hover{border-color:var(--section-color,var(--pink))}
.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}
progress{height:6px;border:0;border-radius:0;width:100%;accent-color:var(--pink);background:#ddd}
progress::-webkit-progress-bar{background:#ddd}
progress::-webkit-progress-value{background:var(--pink)}
progress::-moz-progress-bar{background:var(--pink)}
.campaign-footer{padding-block:65px 30px}
.society-logo{background:#fff;padding:15px;max-width:230px;flex-shrink:0}
.society-logo img{height:auto;width:100%;object-fit:contain}
dialog{border:0;border-top:8px solid var(--pink);padding:clamp(30px,4vw,65px);max-width:min(730px,calc(100% - 32px));max-height:90svh;background:#fff;color:#0a0a0a;box-shadow:0 20px 100px #0007}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
dialog h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin-bottom:28px}
dialog p{font-size:17px}
dialog .eyebrow{padding-right:35px;font-size:14px}
dialog .dialog-close{position:absolute;right:18px;top:18px;background:transparent;border:0;font-size:24px;width:44px;height:44px}
dialog video{width:100%;max-height:55svh;background:#111}
dialog details{margin:20px 0}
dialog summary{cursor:pointer;font-weight:600}
.textlink{overflow-wrap:break-word}
@media(min-width:1600px){
 .aufmacher__bild img{object-position:90% center;transform-origin:80% 68%}
}
@media(max-width:1050px){
 .kredit{display:block}
}
@media(max-width:700px){
 :root{--pad:24px}
 .sec{padding-block:85px}
 .eyebrow{font-size:14px}
 .ecke{padding-top:24px}
 .ecke__ort{font-size:12px}
 .vorhang{padding-top:122px;overflow-y:auto}
 .vorhang ol a{font-size:clamp(44px,11vw,76px);padding-block:17px;gap:5px 16px;flex-wrap:wrap}
 .vorhang ol a i{flex-basis:100%;font-size:21px;padding-left:20px}
 .vorhang__kopf{gap:14px}
 .vorhang__marke{font-size:26px}
 .vorhang__pfeil{font-size:20px}
 .vorhang__ort{font-size:10px;letter-spacing:.14em;margin-top:5px}
 .vorhang__zu{font-size:12px;letter-spacing:.12em;gap:9px}
 .vorhang__fuss{gap:14px 20px;margin-top:34px}
 .vorhang__check{font-size:15px;padding:12px 18px;letter-spacing:.1em}
 .aufmacher__buehne{min-height:500px}
 .aufmacher__bild img{object-position:center;object-fit:cover;--rahmen-x:.5;--rahmen-y:.5;--fokus-x:.5;--fokus-y:.84}
 .aufmacher__bild:after{background:linear-gradient(0deg,#000c,transparent 85%)}
 .kredit{bottom:35px;right:24px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .aufmacher__buehne{position:relative;height:auto;min-height:100svh;padding-block:140px 155px}
 .aufmacher__bild img{transform:none!important}
 .aufmacher__lage{opacity:1;transform:none;margin:0 0 30px}
 .kredit{opacity:1;translate:0 0;bottom:35px}
}
html:not(.js) .aufmacher__buehne{position:relative;height:auto;min-height:100svh;padding-block:150px}
html:not(.js) .aufmacher__bild img{transform:none}
html:not(.js) .aufmacher__lage{opacity:1;transform:none;margin:0 0 35px}
html:not(.js) .kredit{opacity:1}
html:not(.js) .vorhang{position:relative;clip-path:none;padding-top:100px}
html:not(.js) .vorhang-auf, html:not(.js) .vorhang__zu{display:none}
@media print{
 @page{margin:18mm}
 body{font:11pt/1.4 Arial,sans-serif!important;background:white!important;color:black!important}
 body:after,.ecke,.vorhang,.skip-link,footer,dialog{display:none!important}
 main>*{display:none!important}
 .wrap{padding:0;max-width:none}
 .eyebrow{font:700 11pt Arial,sans-serif}
}
:root{--neigung:-3.5deg;--kante:6.116vw}
.schraeg{position:relative;margin-top:calc(var(--kante) * -1);clip-path:polygon(0 var(--kante),100% 0,100% 100%,0 100%)}
footer.fuss.schraeg{clip-path:polygon(0 calc(var(--kante) - 1px),100% -1px,100% 100%,0 100%)}
.sec.schraeg{--luft:clamp(64px,6.2vw,120px);padding-top:calc(var(--kante) + var(--luft));padding-bottom:var(--luft);scroll-margin-top:calc(var(--kante) * -1)}
.t-cond{font-weight:400;line-height:.98;letter-spacing:-.02em}
.t-cond--m{font-size:clamp(44px,5.9vw,104px);line-height:.98}
.sec h2{max-width:18ch}
.eyebrow{font:700 13px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase}
: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}
.textlink{border-radius:0;transform:skewY(var(--neigung));font:800 clamp(19px,1.65vw,27px)/1.1 var(--cond);text-transform:uppercase;letter-spacing:.015em;padding:13px 21px;border:0;box-shadow:none;min-height:50px;gap:25px;text-align:left;transition:background .18s,color .18s,transform .18s}
.textlink{background:var(--section-color,var(--pink));color:#0a0a0a;margin-top:34px;max-width:100%}
.textlink>span:last-child{display:inline-block;font:400 .85em/1 var(--body);opacity:0;translate:-8px 0;transition:opacity .25s ease,translate .25s cubic-bezier(.2,.7,.3,1);flex-shrink:0}
.textlink:hover{transform:skewY(var(--neigung)) translateY(-3px);background:#111;color:#fff}
.textlink:hover>span:last-child,.textlink:focus-visible>span:last-child,.textlink:active>span:last-child{opacity:1;translate:0 0}
.sec--schwarz .textlink{background:var(--gelb);color:#111}
.sec--schwarz .textlink:hover{background:#fff;color:#111}
.stimmen{--luft:clamp(74px,7.2vw,140px)}
.reel__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel__video{filter:grayscale(1) contrast(1.07);transition:transform .5s,opacity .3s}
.reel__video{opacity:0;pointer-events:none;z-index:1}
.campaign-footer{padding:calc(var(--kante) + clamp(64px,6.2vw,110px)) 0 32px;background:var(--tinte)}
.society-logo{display:block;background:none;padding:0;max-width:none;width:clamp(210px,20vw,290px);opacity:.92;transition:opacity .2s}
.society-logo:hover{opacity:1}
.society-logo img{display:block;width:100%;height:auto;object-fit:contain}
body[data-page=check]{background:#f6f4f1}
body[data-page=check] .ecke--links{color:#0a0a0a!important}
body[data-page=check] .campaign-footer{display:none}
@keyframes chatFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes userPop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes typingBounce{0%,80%,100%{transform:scale(.6);opacity:.35}40%{transform:scale(1.15);opacity:1}}
@media(max-width:700px){
 .kredit{bottom:130px;right:var(--pad)}
 .kredit span{font-size:13px}
 .textlink{font:800 21px/1.15 var(--cond);padding:12px 18px;gap:20px}
 .t-cond--m{font-size:clamp(46px,11vw,74px)}
}
@media(prefers-reduced-motion:reduce){
 .aufmacher__bild img{transform:none!important;opacity:1!important}
 .aufmacher__lage .wrap{padding-top:0}
 .reel__video{transition:none}
}
html:not(.js) .aufmacher__bild img{object-fit:cover;object-position:50% 74%;transform:none}
#lipowas.sec{background:#ffffff;color:#0a0a0a}
#lipowas .textlink{background:var(--blau);color:#ffffff}
#lipowas .textlink:hover{background:#0a0a0a;color:#ffffff}
.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, .textlink .pfeil{filter:drop-shadow(0 2px 6px rgba(10,10,10,.45))}
main{background:#0a0a0a}
.unterseite main{--section-color:var(--pink)}
.unterseite main h1,.unterseite main h2,.unterseite main h3,.unterseite main h4{text-wrap:balance}
.unterseite main p{font:400 clamp(16px,1.25vw,19px)/1.55 var(--body);margin:0;max-width:62ch}
.unterseite main p+p{margin-top:20px}
.unterseite main .eyebrow{font:700 13px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;margin:0 0 26px;color:inherit}
.unterseite main h3{font:600 clamp(26px,2.2vw,36px)/1.08 var(--cond);margin:0 0 16px}
.unterseite main h4{font:600 25px/1.12 var(--cond);margin:0 0 14px}
.unterseite main h2{max-width:23ch}
.unterseite main .sec--schwarz p{color:#b9b6ad}
.unterseite main .sec--schwarz .eyebrow{color:#fff}
.unterseite main .chapter{padding-bottom:calc(var(--kante) + clamp(65px,6vw,100px))}
.unterseite .hero{padding:clamp(130px,11vw,180px) 0 calc(var(--kante) + 75px);background:#fff;overflow:hidden}
.unterseite .hero h1{font:400 clamp(54px,5.9vw,102px)/1.09 var(--cond);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 30px;max-width:20ch}
.unterseite .hero .textlink{margin-top:20px}
.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 .steps{list-style:none;counter-reset:step;margin:0 0 30px;padding:0}
.unterseite .steps li{counter-increment:step;position:relative;padding-left:40px;margin-bottom:27px}
.unterseite .steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font:700 16px var(--cond);color:#666}
.unterseite .steps h3{font-size:27px;margin-bottom:12px}
.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 .resource-links{display:flex;flex-direction:column;align-items:start;gap:8px}
.unterseite .resource-links .textlink{font-size:18px;margin-top:18px}
.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 .dialog-close{position:sticky;float:right;top:0;right:0;background:#fff;z-index:1}
.unterseite .notes-dialog .eyebrow{max-width:calc(100% - 45px)}
.unterseite .notes-form label,.unterseite .week-fields label{display:block;font:600 23px var(--cond);margin:24px 0 9px}
.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 .note-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.unterseite .note-actions button{font:600 18px var(--cond);background:#111;color:#fff;border:0;padding:11px 16px;cursor:pointer}
.unterseite .note-actions button:hover{background:var(--blau)}
.unterseite .status{font-size:14px!important;margin-top:18px!important;min-height:22px}
.unterseite .note-preview{border-top:2px solid var(--pink);margin-top:25px}
.unterseite .note-preview h3{font-size:24px;margin:22px 0 10px}
.unterseite .note-preview p{white-space:pre-wrap;overflow-wrap:anywhere}
.unterseite .week-fields{margin-bottom:24px}
.unterseite .v2-note-print{display:none}
@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>*,.unterseite .notes-form>*{display:none!important}
 .unterseite #notes-dialog .notes-form,.unterseite .notes-form .v2-note-print{display:block!important}
 .unterseite .v2-note-print h2{font:700 25px Arial,sans-serif!important}
 .unterseite .v2-note-print h3{font:700 19px Arial,sans-serif!important;margin-top:23px;break-after:avoid}
 .unterseite .v2-note-print p{font:400 16px/1.4 Arial,sans-serif!important;white-space:pre-wrap;overflow-wrap:anywhere;orphans:3;widows:3}
 @page{size:A4;margin:20mm}
}
.unterseite{--kopf:clamp(60px,5.45vw,88px)}
.unterseite .kapitel{position:sticky;top:0;z-index:60;background:#fff;padding-top:var(--kopf);margin-bottom:var(--kante);box-shadow:0 1px 0 #e4e0d8}
.unterseite .hero:has(+ .kapitel){padding-bottom:24px}
.unterseite .kapitel__band{display:flex;gap:6px;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:0 max(14px,calc(var(--pad) - 34px)) 10px}
.unterseite .kapitel__band::-webkit-scrollbar{display:none}
.unterseite .kapitel__stopp{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;text-decoration:none;white-space:nowrap;font:700 13.5px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#8a867e;background:#f4f2ed;padding:6px 16px 6px 6px;border-radius:999px;transition:color .2s,background-color .2s}
.unterseite .kapitel__stopp i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2dfd8;color:#6f6b64;font-size:11px;letter-spacing:0;flex-shrink:0;transition:background-color .2s,color .2s}
.unterseite .kapitel__stopp:hover{color:#0a0a0a;background:#e8e5de}
.unterseite .kapitel__stopp.ist-erledigt{color:#0a0a0a}
.unterseite .kapitel__stopp.ist-erledigt i{background:#0a0a0a;color:#fff}
.unterseite .kapitel__stopp.ist-hier{background:#0a0a0a;color:#fff}
.unterseite .kapitel__stopp.ist-hier i{background:var(--akzent);color:#0a0a0a}
.unterseite .kapitel__balken{height:3px;background:#ecebe5}
.unterseite .kapitel__balken>i{display:block;height:100%;width:0;background:var(--akzent);transition:width .15s linear}
html:has(.unterseite){scroll-padding-top:0}
.unterseite .chapter{scroll-margin-top:calc(var(--kopf) + 72px - var(--kante) - var(--luft))}
.unterseite .zwischen{font:400 clamp(27px,2.4vw,42px)/1.05 var(--cond);text-transform:uppercase;margin:58px 0 24px;padding-top:22px;border-top:2px solid currentColor}
.unterseite .koerper{width:100%;max-width:96px;height:auto;margin:0 auto 22px;display:block}
.unterseite .hinweis{font:400 14px/1.55 var(--body);color:#77736c;margin-top:28px;max-width:82ch}
.unterseite .sec--schwarz .hinweis{color:#a8a49c}
.unterseite .karte{background:#fff;padding:clamp(26px,2.3vw,38px);border-top:3px solid var(--section-color)}
.unterseite .karte .eyebrow{color:#8a867e;margin-bottom:18px}
.unterseite .sec--schwarz .karte{background:#15150f}
.unterseite .sec--schwarz .karte .eyebrow{color:#a8a49c}
@media(max-width:760px){
 .unterseite .kapitel{padding-top:calc(var(--kopf) - 4px)}
 .unterseite .kapitel__band{justify-content:flex-start;gap:5px;padding-bottom:8px}
 .unterseite .kapitel__stopp{font-size:12.5px;padding:5px 13px 5px 5px;gap:7px}
 .unterseite .kapitel__stopp i{width:20px;height:20px;font-size:10px}
 .unterseite .koerper{max-width:82px;margin-bottom:16px}
 .unterseite .zwischen{margin:42px 0 20px;font-size:30px}
}
html.leiste-klebt .unterseite .ecke{color:var(--tinte)!important}
.unterseite .hero--foto{position:relative;min-height:min(92svh,980px);display:flex;align-items:flex-end;padding:clamp(150px,16vw,230px) 0 clamp(70px,7vw,110px);background:#0a0a0a;color:#fff;overflow:hidden}
.unterseite .hero--foto:has(+ .kapitel){padding-bottom:clamp(70px,7vw,110px)}
.unterseite .hero__bild{position:absolute;inset:0}
.unterseite .hero__bild img{width:100%;height:100%;object-fit:cover;max-height:none}
.unterseite .hero__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.28) 0%,rgba(10,10,10,0) 35%,rgba(10,10,10,.2) 60%,rgba(10,10,10,.88) 100%)}
.unterseite .hero__lage{position:relative;z-index:1}
.unterseite .hero--foto .eyebrow{color:#fff;opacity:.9}
.unterseite .hero--foto h1{color:#fff;font-size:clamp(58px,8.4vw,152px);line-height:.98;max-width:12ch;margin-bottom:26px}
.unterseite .hero--foto .textlink.button{background:#fff;color:#0a0a0a}
.unterseite .hero--foto .textlink.button:hover{background:var(--section-color)}
html.hero-dunkel .unterseite .ecke{color:#fff!important}
html.leiste-klebt .unterseite .ecke{color:var(--tinte)!important}
.unterseite .zwischenbild{position:relative;z-index:1;margin:0;height:clamp(420px,72svh,820px);background:#0a0a0a;color:#fff;overflow:hidden}
.unterseite .zwischenbild img{width:100%;height:100%;object-fit:cover}
.unterseite .zwischenbild figcaption{position:absolute;left:0;right:0;bottom:0;padding:0 var(--pad) calc(var(--kante) + 40px);background:linear-gradient(0deg,rgba(10,10,10,.75),rgba(10,10,10,0) 70%)}
.unterseite .zwischenbild figcaption p{font:400 clamp(34px,4.6vw,78px)/.95 var(--cond);text-transform:uppercase;color:#fff;max-width:16ch;margin:0}
.unterseite .zwischenbild+.chapter{margin-top:calc(var(--kante) * -1)}
.unterseite .wende{position:relative;perspective:1400px;min-height:320px;cursor:pointer}
.unterseite .wende h3{font-size:clamp(24px,1.7vw,30px);margin:0 0 8px}
.unterseite .wende .eyebrow{color:#8a867e;margin-bottom:14px;font-size:12px}
.unterseite .wende__knopf{position:absolute;right:16px;bottom:14px;border:0;background:none;font:700 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#8a867e;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 0}
.unterseite .wende__knopf i{font-style:normal;font-size:18px;transition:transform .4s}
.unterseite .wende:hover .wende__knopf{color:#0a0a0a}
.unterseite .wende:hover .wende__knopf i{transform:rotate(180deg)}
.unterseite .wende .koerper{max-width:88px;margin:0 auto 16px}
html:not(.js) .unterseite .wende{min-height:0;aspect-ratio:auto}
html:not(.js) .unterseite .wende__knopf{display:none}
@media(max-width:1050px){
 .unterseite .hero--foto h1{font-size:clamp(54px,8.6vw,110px)}
}
@media(max-width:760px){
 .unterseite .hero--foto{min-height:min(88svh,760px);padding-top:140px;padding-bottom:64px}
 .unterseite .hero--foto h1{font-size:clamp(46px,11.5vw,72px);line-height:1.02}
 .unterseite .zwischenbild{height:clamp(320px,60svh,520px)}
 .unterseite .zwischenbild figcaption p{font-size:clamp(30px,9vw,44px)}
 .unterseite .wende{aspect-ratio:auto;min-height:250px}
 .unterseite .wende h3{font-size:22px}
 .unterseite .wende .koerper{max-width:64px;margin-bottom:10px}
}
@media(max-width:420px){
 .unterseite .wende{min-height:230px}
}
.unterseite .hero--foto .eyebrow{margin-bottom:18px}
.unterseite .hero__marke{font:800 clamp(88px,15vw,270px)/.82 var(--fett);letter-spacing:-.045em;color:#fff;text-transform:none;max-width:none;margin:0 0 10px;display:inline-block;transform:skewY(var(--shear));transform-origin:left center;padding-bottom:.06em}
.unterseite .hero__marke b{font-weight:800;color:var(--section-color)}
.unterseite .hero__frage{font:400 clamp(26px,3vw,50px)/1.05 var(--cond);text-transform:uppercase;color:#fff;margin:0 0 26px;max-width:none;letter-spacing:-.01em}
@media(max-width:760px){
 .unterseite .hero__marke{font-size:clamp(78px,24vw,110px)}
 .unterseite .hero__frage{font-size:24px;margin-bottom:18px}
}
.unterseite .reel__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 .hero h1.hero__marke{text-transform:none;line-height:.82}
.unterseite .hero h1.hero__marke{font:800 clamp(88px,15vw,270px)/.82 var(--fett);letter-spacing:-.045em;max-width:none;margin:0 0 14px}
@media(max-width:760px){
 .unterseite .hero h1.hero__marke{font-size:clamp(78px,24vw,110px)}
}
.unterseite .hero--foto{min-height:min(68svh,720px);padding:clamp(120px,12vw,160px) 0 clamp(54px,5vw,80px)}
.unterseite .hero__bild img{object-position:var(--pos,75% 40%)}
.unterseite .hero__bild::after{background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.92) 24%,rgba(10,10,10,.55) 46%,rgba(10,10,10,.05) 72%,rgba(10,10,10,0) 100%),linear-gradient(0deg,rgba(10,10,10,.6),rgba(10,10,10,0) 40%)}
.unterseite .hero__lage>div{max-width:min(58ch,62%)}
.unterseite .hero h1.hero__marke{font-size:clamp(80px,11.5vw,200px)}
.unterseite .hero__frage{font-size:clamp(24px,2.5vw,40px);margin-bottom:18px}
@media(max-width:760px){
 .unterseite .hero--foto{min-height:min(78svh,640px);padding-top:120px;padding-bottom:48px}
 .unterseite .hero__bild::after{background:linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.85) 35%,rgba(10,10,10,.25) 70%,rgba(10,10,10,.1) 100%)}
 .unterseite .hero__lage>div{max-width:none}
 .unterseite .hero h1.hero__marke{font-size:clamp(70px,21vw,100px)}
}
@media(min-width:761px){
 .unterseite .hero__bild img{width:134%;left:auto;right:0;position:absolute}
}
.unterseite .kapitel__stopp.ist-hier i{color:var(--seitenfarbe-tinte,#0a0a0a)}
html.leiste-klebt .unterseite .marke em{color:var(--marke-auf-hell,var(--akzent-marke))}
.unterseite .hero__marke b{color:var(--section-color)}
.shg{margin-top: 34px}
.shg-suche{position: relative;max-width: 640px}
.shg-suche input{width: 100%;min-height: 64px;padding: 0 72px 0 22px;border: 2px solid var(--tinte);border-radius: 0;background: #fff;color: var(--tinte);font: 400 clamp(19px, 1.6vw, 23px)/1.2 var(--body);-webkit-appearance: none;appearance: none}
.shg-suche input::placeholder{color: #9a9691}
.shg-suche input::-webkit-search-cancel-button, .shg-suche input::-webkit-search-decoration{-webkit-appearance: none}
.shg-suche input:focus-visible{outline: 3px solid var(--section-color, var(--akzent));outline-offset: 2px}
.shg-suche button{position: absolute;top: 6px;right: 6px;bottom: 6px;width: 54px;border: 0;background: var(--tinte);color: #fff;font: 400 24px/1 var(--body);cursor: pointer;transition: background .2s}
.shg-suche button:hover{background: var(--section-color, var(--akzent))}
.unterseite .shg-status{margin: 22px 0 0}
.shg-status:empty{display: none}
.shg-treffer{list-style: none;margin: 14px 0 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 12px}
.shg-treffer:empty{display: none}
.shg-treffer li{display: flex;flex-direction: column;gap: 5px;padding: 22px 22px 20px;background: #fff;animation: shg-auf .45s cubic-bezier(.2, .7, .2, 1) both;animation-delay: calc(var(--i, 0) * 60ms)}
@keyframes shg-auf{from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; }}
.shg-km{align-self: flex-start;margin-bottom: 8px;padding: 5px 10px 6px;background: var(--section-color, var(--akzent));color: #fff;font: 700 13px/1 var(--cond);letter-spacing: .08em;transform: skewY(var(--tilt));transform-origin: left center}
.shg-treffer b{font: 600 22px/1.15 var(--cond)}
.shg-ort, .shg-termine{font-size: 15px;line-height: 1.4;color: #77736c}
.shg-karte{position: relative;margin-top: 28px;height: clamp(360px, 56vw, 600px);background: #eeece9;overflow: hidden}
.shg-karte__flaeche{position: relative;width: 100%;height: 100%;isolation: isolate;z-index: 0}
.shg-karte__start{position: absolute;inset: 0;z-index: 2;display: grid;place-content: center;justify-items: center;gap: 14px}
.shg-karte__start small{font-size: 13px;color: #77736c}
.shg-karte__start small a{color: inherit}
.shg-karte.is-aktiv .shg-karte__start{display: none}
.shg-karte .maplibregl-map{font-family: var(--body)}
.shg-karte .maplibregl-ctrl-group{border-radius: 0;box-shadow: 0 1px 4px rgba(0, 0, 0, .18)}
.shg-karte .maplibregl-ctrl-group button{border-radius: 0}
.shg-karte .maplibregl-ctrl-attrib{font-size: 10px;background: rgba(255, 255, 255, .7)}
.shg-karte .maplibregl-marker{cursor: pointer}
.shg-karte .maplibregl-popup{z-index: 200000}
.shg-karte .maplibregl-cooperative-gesture-screen{font: 600 18px/1.3 var(--cond);letter-spacing: .04em;text-transform: uppercase;background: rgba(10, 10, 10, .6)}
.shg-pin{position: relative;width: 40px;height: 54px;background: none;border: 0}
.shg-pin--haufen{width: 46px;height: 62px}
.shg-pin__k{position: absolute;inset: 0;transform-origin: 50% 100%;transition: transform .2s}
.shg-pin svg{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible}
.shg-pin__schatten{fill: rgba(20, 20, 30, .18)}
.shg-pin__form{fill: var(--section-color, #bb1030);stroke: rgba(255, 255, 255, .38);stroke-width: 2;stroke-linejoin: round;transition: fill .2s}
.shg-pin b{position: absolute;left: 0;top: 0;width: 100%;height: 71%;display: grid;place-items: center;font: 800 26px/1 var(--cond);color: #fff;transform: skewY(-10deg);pointer-events: none}
.shg-pin--haufen b{transform: none;font-size: 20px}
.shg-pin:hover, .shg-pin.is-aktiv{z-index: 99999 !important}
.shg-pin:hover .shg-pin__k, .shg-pin.is-aktiv .shg-pin__k{transform: scale(1.08)}
.shg-pin:hover .shg-pin__form, .shg-pin.is-aktiv .shg-pin__form{fill: var(--tinte)}
.shg-ich{width: 18px;height: 18px;border-radius: 50%;background: var(--tinte);border: 3px solid #fff;box-shadow: 0 2px 6px rgba(0, 0, 0, .3)}
.shg-popup{display: grid;gap: 4px;min-width: 180px;font-size: 14px;line-height: 1.4}
.shg-popup b{font: 600 18px/1.2 var(--cond)}
.shg-popup span{color: #77736c}
.shg-popup button{justify-self: start;margin-top: 8px;padding: 8px 14px;border: 0;background: var(--tinte);color: #fff;font: 700 12px/1.2 var(--cond);letter-spacing: .1em;text-transform: uppercase;cursor: pointer}
.shg-popup button:hover{background: var(--section-color, #bb1030)}
.shg-karte .maplibregl-popup-content{padding: 16px 18px;border-radius: 0;box-shadow: 0 6px 24px rgba(0, 0, 0, .18);font-family: var(--body)}
.shg-karte .maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color: #fff}
.shg-reset{position: absolute;z-index: 500;left: 12px;top: 12px;padding: 8px 12px;border: 1px solid var(--tinte);background: #fff;color: var(--tinte);font: 600 12px/1.2 var(--cond);letter-spacing: .1em;text-transform: uppercase;cursor: pointer}
.shg-reset:hover{background: var(--tinte);color: #fff}
.shg-detail{position: absolute;top: 0;right: 0;bottom: 0;z-index: 700;width: clamp(300px, 38%, 400px);overflow: auto;padding: 32px 28px 28px;background: #fff;box-shadow: -10px 0 30px rgba(0, 0, 0, .1);font-size: 15px;line-height: 1.55;transform: translateX(100%);visibility: hidden;transition: transform .55s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .55s}
.shg-karte.is-detail .shg-detail{transform: none;visibility: visible;transition: transform .55s cubic-bezier(.2, .8, .2, 1), visibility 0s}
.shg-detail > *{opacity: 0;translate: 12px 0;transition: opacity .3s ease, translate .4s cubic-bezier(.2, .8, .2, 1)}
.shg-karte.is-detail .shg-detail > *{opacity: 1;translate: 0 0;transition-delay: .2s}
.shg-detail h4{margin: 0 0 4px 0;padding-right: 36px;font: 600 clamp(22px, 2vw, 28px)/1.15 var(--cond)}
.shg-detail__ort{margin: 0 0 16px;color: #77736c}
.shg-detail p{margin: 0 0 8px;white-space: pre-line}
.shg-detail .shg-kontakt{margin-top: 12px}
.shg-detail .shg-mehr{display: inline-block;margin-top: 18px}
.shg-detail__zu{position: absolute;top: 14px;right: 14px;width: 34px;height: 34px;border: 0;border-radius: 50%;background: #f2f0ec;color: var(--tinte);font: 400 16px/1 var(--body);cursor: pointer}
.shg-detail__zu:hover{background: var(--tinte);color: #fff}
.unterseite .shg-status--karte{margin-top: 12px;font: 400 14px/1.5 var(--body);color: #77736c;letter-spacing: 0;text-transform: none}
.shg-mehr{align-self: flex-start;margin-top: 12px;padding: 0 0 2px;border-bottom: 1px solid currentColor;color: var(--tinte);font: 600 13px/1.3 var(--cond);letter-spacing: .1em;text-transform: uppercase;text-decoration: none}
.shg-mehr:hover{color: var(--section-color, var(--akzent))}
.shg-liste{margin-top: 4px}
.shg-land{border-top: 1px solid #c9c6c1}
.shg-land:last-of-type{border-bottom: 1px solid #c9c6c1}
.shg-land > summary{display: flex;align-items: baseline;gap: 14px;padding: 22px 0;cursor: pointer;list-style: none;font: 600 clamp(23px, 2vw, 29px)/1.14 var(--cond)}
.shg-land > summary::-webkit-details-marker{display: none}
.shg-land > summary > span{flex: 1 1 auto;font: 400 15px/1 var(--body);color: #77736c}
.shg-land > summary::after{content: '+';display: inline-block;font: 400 28px/1 var(--body);transition: rotate .25s}
.shg-land[open] > summary::after{rotate: 45deg}
.shg-land > div{padding: 0 0 20px}
.shg-eintrag{border-top: 1px solid #e6e3df}
.shg-eintrag > summary{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 16px;padding: 14px 0;cursor: pointer;list-style: none}
.shg-eintrag > summary::-webkit-details-marker{display: none}
.shg-eintrag > summary b{font: 600 19px/1.2 var(--cond)}
.shg-eintrag > summary span{font-size: 14px;color: #77736c}
.shg-eintrag > summary:hover b{color: var(--section-color, var(--akzent))}
.shg-eintrag__mehr{padding: 2px 0 18px;max-width: 64ch;font-size: 15px;line-height: 1.55}
.shg-eintrag__mehr p{margin: 0 0 6px;white-space: pre-line}
.shg-grau{color: #77736c}
.shg-kontakt{display: flex;flex-wrap: wrap;gap: 4px 16px}
.shg-kontakt a{color: inherit;text-underline-offset: 3px;overflow-wrap: anywhere}
@media (max-width: 700px){
 .shg-suche input{min-height: 58px;font-size: 18px;padding-left: 16px}
 .shg-karte{margin-inline: calc(-1 * var(--pad));height: 80vw}
 .shg-detail{top: auto;left: 0;right: 0;bottom: 0;width: auto;max-height: 62%;padding: 24px 20px 20px;border-top: 1px solid #e4e1dc;box-shadow: 0 -10px 30px rgba(0, 0, 0, .12);transform: translateY(100%)}
 .shg-detail > *{translate: 0 10px}
}
@media (prefers-reduced-motion: reduce){
 .shg-treffer li{animation: none}
}
@media(max-width:760px){
 .campaign-footer .pf-strich{display:none}
 .campaign-footer a.pf-brand{max-width:280px!important;width:100%;margin-inline:auto!important}
 .campaign-footer .pf-identity{text-align:center}
 body[data-page="impressum"] .campaign-footer,
  body[data-page="datenschutz"] .campaign-footer{padding-top:calc(var(--kante) + 24px);padding-bottom:22px}
 body[data-page="impressum"] .campaign-footer>.wrap,
  body[data-page="datenschutz"] .campaign-footer>.wrap{padding-inline:18px}
 body[data-page="impressum"] .campaign-footer .pf-split,
  body[data-page="datenschutz"] .campaign-footer .pf-split{gap:22px}
 body[data-page="impressum"] .campaign-footer .pf-nav,
  body[data-page="datenschutz"] .campaign-footer .pf-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 body[data-page="impressum"] .campaign-footer .pf-word,
  body[data-page="datenschutz"] .campaign-footer .pf-word{font-size:clamp(24px,6.4vw,38px)}
 body[data-page="impressum"] .campaign-footer .pf-question,
  body[data-page="datenschutz"] .campaign-footer .pf-question{font-size:10px;max-width:none}
 body[data-page="impressum"] .campaign-footer .pf-service,
  body[data-page="datenschutz"] .campaign-footer .pf-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:10px}
 body[data-page="impressum"] .campaign-footer a.pf-test,
  body[data-page="datenschutz"] .campaign-footer a.pf-test{min-width:0;width:100%;font-size:12px;padding:10px 11px;gap:8px}
 body[data-page="impressum"] .campaign-footer .pf-org,
  body[data-page="datenschutz"] .campaign-footer .pf-org{max-width:320px;margin-top:12px;padding-top:14px;gap:12px}
 body[data-page="impressum"] .campaign-footer .pf-org p,
  body[data-page="datenschutz"] .campaign-footer .pf-org p{font-size:16px}
 body[data-page="impressum"] .campaign-footer .pf-org .society-logo,
  body[data-page="datenschutz"] .campaign-footer .pf-org .society-logo{max-width:140px}
 body[data-page="impressum"] .campaign-footer .pf-legal,
  body[data-page="datenschutz"] .campaign-footer .pf-legal{margin-top:20px;gap:12px 10px;font-size:11px}
 body[data-page="impressum"] .campaign-footer .pf-legal nav,
  body[data-page="datenschutz"] .campaign-footer .pf-legal nav{gap:12px 16px}
}
body[data-page="impressum"] footer .logo__akzent,
body[data-page="datenschutz"] footer .logo__akzent{fill:#fff}
body[data-page="impressum"] footer .pf-strich,
body[data-page="datenschutz"] footer .pf-strich{background:#fff;border-color:#fff;color:#fff}
.v2-bar{font-style:normal;display:inline-block;max-width:100%;transform:skewY(var(--tilt));transform-origin:left bottom;margin-top:.1em;line-height:1.32}
.v2-bar>span{display:inline;--balken-farbe:var(--section-color,var(--pink));color:#fff;font-weight:800;letter-spacing:-.04em;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.v2-bar--schraeg{transform:skewY(var(--shear))}
.unterseite .sec h2.t-cond,.unterseite h3.zwischen{display:inline-block;transform:skewY(var(--tilt));transform-origin:left bottom}
.unterseite .sec h2.t-cond .v2-bar--kopf,.unterseite h3.zwischen .v2-bar--kopf{transform:none}
.unterseite .v2-bar--kopf>span{font-size:1.06em;padding:0 .14em}
.unterseite h2 .v2-bar--kopf,.unterseite h3 .v2-bar--kopf{margin-top:.12em}
.unterseite .sec h2,.unterseite .zwischen{max-width:none}
.unterseite .hero__frage{margin:clamp(14px,1.6vw,26px) 0 30px}
.unterseite .hero__frage .v2-bar>span{font:800 clamp(24px,2.7vw,46px)/1.32 var(--cond);text-transform:uppercase;letter-spacing:-.02em;padding:0 .2em}
.unterseite .hero--foto{padding-bottom:clamp(60px,6vw,90px)}
.unterseite .kapitel + .sec.schraeg{clip-path:none;margin-top:0;padding-top:var(--luft);scroll-margin-top:0}
.stimme-wechsel{grid-area:1/1;margin:0;opacity:0;translate:0 14px;transition:opacity .3s,translate .3s;pointer-events:none}
.stimme-wechsel[data-an]{opacity:1;translate:0 0;pointer-events:auto;transition:opacity .6s ease .25s,translate .6s cubic-bezier(.2,.7,.3,1) .25s}
.stimme-wechsel blockquote{margin:0;font:400 clamp(28px,2.6vw,46px)/1.12 var(--cond);letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
.stimme-wechsel figcaption{margin-top:22px;font:800 12px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#8a867e}
.unterseite .sec--schwarz .stimme-wechsel figcaption{color:#a8a49c}
@keyframes stimme-takt{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.unterseite .kapitel{margin-bottom:0}
@keyframes sym-pop{from{scale:.92}to{scale:1}}
.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){
 .unterseite .hero__frage .v2-bar>span{font-size:clamp(20px,5.6vw,26px)}
 .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 main>.sec.chapter .zwischen{font-size:clamp(20px,1.8vw,28px)}
 .unterseite main>.sec.chapter .zwischen{margin-top:clamp(20px,2vw,32px)}
 .unterseite .resource-links{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(14px,1.4vw,22px);padding-bottom:14px;margin-top:clamp(20px,2vw,32px)}
 .unterseite .resource-links::-webkit-scrollbar{display:none}
 .unterseite .resource-links>*{flex:0 0 auto;scroll-snap-align:start}
 .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)}
.unterseite .zwischenbild{position:relative}
.unterseite .zwischenbild__zitat{position:absolute;inset:auto 0 0;padding:clamp(28px,4vw,70px) var(--pad);background:linear-gradient(0deg,rgba(10,10,10,.82),rgba(10,10,10,.35) 55%,transparent);color:#fff}
.unterseite .zwischenbild__zitat blockquote{margin:0;max-width:17ch;font:800 clamp(26px,3.4vw,60px)/1.06 var(--cond);letter-spacing:-.03em;text-wrap:balance;color:var(--section-color);text-transform:uppercase}
.unterseite .zwischenbild__zitat cite{display:block;margin-top:clamp(12px,1.4vw,20px);font:800 12px/1.3 var(--cond);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:#fff}
@media(max-width:760px){
 .unterseite .zwischenbild__zitat{padding:22px var(--pad) 26px}
 .unterseite .zwischenbild__zitat blockquote{font-size:clamp(22px,6.4vw,30px);max-width:none}
}
.tafel{margin-top:clamp(20px,2vw,32px)}
.wie2{--rot-dunkel:#ff4d5e;--luft:clamp(72px,7.4vw,140px)}
.wie2 .pfeil{width:1.15em;height:1em;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;flex:none;transition:translate .2s}
.wie2 a:hover .pfeil{translate:5px 0}
.wie2 main>.sec.chapter{position:relative;z-index:1;clip-path:none;margin-top:0;padding-top:var(--luft);padding-bottom:var(--luft);scroll-margin-top:calc(var(--kopf) + 62px)}
.wie2 main>.sec.chapter .wrap{width:100%}
.wie2 .v2-bar>span{--balken-farbe:var(--gelb);color:var(--tinte)}
.wie2 .hero__frage .v2-bar>span{--balken-farbe:var(--gelb);color:var(--tinte)}
@media(min-width:761px){
 .wie2 .hero__bild img{width:100%;left:0;right:auto}
}
.wie2 .hero__bild::after{background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.9) 22%,rgba(10,10,10,.5) 44%,rgba(10,10,10,.06) 68%,rgba(10,10,10,0) 100%),linear-gradient(0deg,rgba(10,10,10,.55),rgba(10,10,10,0) 38%)}
.wie2 .hero__frage{margin-bottom:0}
.wie2 .hero__frage .v2-bar>span{font-size:clamp(26px,3vw,50px)}
.wie2 .kapitel{background:#fff;box-shadow:0 1px 0 #0a0a0a,0 14px 34px rgba(0,0,0,.09)}
.wie2 .kapitel__band{gap:8px;padding-bottom:12px}
.wie2 .kapitel__stopp{font:800 14px/1 var(--cond);letter-spacing:.12em;padding:8px 20px 8px 8px;gap:10px;background:#f1efe9;color:#4e4b45;border:1.5px solid #f1efe9}
.wie2 .kapitel__stopp i{width:26px;height:26px;font-size:12px;font-weight:800;background:#dedbd3;color:#3a3833}
.wie2 .kapitel__stopp:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.wie2 .kapitel__stopp:hover i{background:var(--gelb);color:#0a0a0a}
.wie2 .kapitel__stopp.ist-erledigt{background:#fff;border-color:#0a0a0a;color:#0a0a0a}
.wie2 .kapitel__stopp.ist-erledigt i{background:#0a0a0a;color:#fff}
.wie2 .kapitel__stopp.ist-hier{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.wie2 .kapitel__stopp.ist-hier i{background:var(--gelb);color:#0a0a0a}
.wie2 .kapitel__balken{height:5px;background:#e9e7e0}
.wie2 .kapitel__balken>i{background:var(--gelb)}
.wie2 main>.sec.chapter h2.t-cond--m{font-size:clamp(42px,4.8vw,88px);font-weight:800;line-height:.98;letter-spacing:-.03em;text-transform:uppercase}
.wie2 main>.sec.chapter .eyebrow{margin-bottom:18px}
.wie2 .hl{display:inline;font-style:normal;font-weight:800;padding:.02em .16em .06em;margin-inline:.02em;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:var(--hl-bg,var(--gelb));color:var(--hl-fg,#0a0a0a)}
.wie2 .hl--rot{--hl-bg:var(--rot);--hl-fg:#fff}
.wie2 .sec--schwarz .hl--rot{--hl-bg:var(--rot-dunkel);--hl-fg:#0a0a0a}
.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}
html.wie2-js .wie2 [data-rein]{opacity:0;translate:0 26px;transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 110ms)}
html.wie2-js .wie2 [data-rein].ist-da{opacity:1;translate:0 0}
html.wie2-js .wie2 .stimmen[data-rein] .stimme-wechsel{transition-delay:0s}
@media(max-width:1100px){
 .wie2 .hilfe{grid-template-columns:1fr .9fr;gap:40px}
}
@media(max-width:1000px){
 .wie2 main>.sec.chapter{min-height:0}
}
@media(max-width:760px){
 .wie2{--luft:clamp(56px,10vw,80px)}
 .wie2 .hero__frage .v2-bar>span{font-size:clamp(22px,6vw,28px)}
 .wie2 .kapitel__stopp{font-size:12.5px;padding:7px 14px 7px 7px}
 .wie2 .kapitel__stopp i{width:22px;height:22px;font-size:10.5px}
 .wie2 main>.sec.chapter h2.t-cond--m{font-size:clamp(34px,10vw,52px)}
 .wie2 .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}
}
.wohin2 main, .wohin2 .hero, .wohin2 .kapitel{--gelb:#bb1030}
.wohin2{--leit:#bb1030}
.wohin2 main>.sec.chapter{min-height:0}
.wohin2 .v2-bar>span, .wohin2 .hero__frage .v2-bar>span, .wohin2 .sec--schwarz .v2-bar>span{color:#fff}
.wohin2 .kapitel__stopp:hover i,
.wohin2 .kapitel__stopp.ist-hier i{color:#fff}
.wohin2 .kapitel{box-shadow:0 14px 34px rgba(0,0,0,.09)}
.wohin2 .kapitel__stopp.ist-erledigt{background:#f1efe9;border-color:#f1efe9;color:#4e4b45}
.wohin2 .kapitel__stopp.ist-erledigt i{background:#dedbd3;color:#3a3833}
.wohin2 .kapitel__stopp.ist-erledigt:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.wohin2 .kapitel__stopp.ist-erledigt:hover i{background:var(--gelb);color:#fff}
.wohin2 .hl--rot{--hl-bg:#bb1030;--hl-fg:#fff}
.wohin2 .sec--schwarz .hl--rot{--hl-bg:#bb1030;--hl-fg:#fff}
.wohin2 .hero--wohin2{min-height:min(78svh,880px)}
.wohin2 .hero__frage .v2-bar>span{font-size:clamp(32px,3.6vw,60px)}
.wohin2 .hero__frage{transform:translateY(clamp(-22px,-1.5vw,-10px))}
.wohin2 .steps--vier{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.8vw,52px);margin:clamp(36px,4vw,68px) 0 0;padding:0}
.wohin2 .steps--vier li{padding:0;margin:0;border-top:0}
.wohin2 .steps--vier li{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
.wohin2 main>#orientierung.sec.chapter{padding-bottom:calc(var(--kante) + var(--luft) * .5)}
.wohin2 .steps--vier li::before{content:none}
.wohin2 .steps__nr{display:block;margin:0 0 clamp(20px,2vw,34px) -.04em;font:800 clamp(96px,10.4vw,190px)/.78 var(--cond);letter-spacing:-.05em;color:var(--leit);transform:skewY(var(--tilt));transform-origin:left center}
.wohin2 .steps--vier h3{font:800 clamp(22px,2vw,34px)/1.04 var(--cond);letter-spacing:-.015em;text-transform:uppercase;margin:0 0 12px}
.wohin2 .steps--vier p{font-size:clamp(15px,1.15vw,18px);line-height:1.5;max-width:none;margin:0}
.wohin2 main>.sec.chapter,
.wohin2 main>.zwischenbild{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))}
.wohin2 .kapitel+.sec.chapter{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--kante)),0 100%);margin-top:0;padding-top:var(--luft)}
.wohin2 main>.zwischenbild{padding:0}
.wohin2 .campaign-footer{margin-top:calc(var(--kante) * -1)}
.wohin2 main h2 .v2-bar--kopf{line-height:1.12;margin-top:0}
.wohin2 main h2 .v2-bar--kopf>span{font-size:1em}
.wohin2 .cta .pfeil{display:block;color:inherit;stroke:currentColor;fill:none;width:24px;height:24px;flex:none}
.wohin2 .resource-links{margin-top:clamp(28px,3vw,46px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(24px,2.8vw,40px);overflow:visible;scroll-snap-type:none;padding-bottom:0}
.wohin2 .resource-links .textlink{margin:0;width:100%;max-width:100%;min-height:clamp(104px,8.6vw,150px);padding:clamp(20px,2vw,32px) clamp(22px,2.2vw,38px);display:grid;grid-template-columns:minmax(0,max-content) auto;align-content:center;align-items:end;justify-content:start;column-gap:clamp(14px,1.2vw,22px);font-size:clamp(24px,2.3vw,40px);line-height:1.04;letter-spacing:0;white-space:normal}
.wohin2 .resource-links .textlink>span{min-width:0;text-wrap:balance}
.wohin2 .resource-links .textlink .pfeil{width:clamp(30px,2.5vw,44px);height:auto;stroke-width:3;color:inherit;stroke:currentColor;margin-bottom:-.1em}
.wohin2 .anlauf__quelle{display:block;margin-bottom:.45em;font-size:max(16px,.48em);line-height:1;letter-spacing:.12em}
.wohin2 .textlink{color:#fff}
@media(max-width:760px){
 .wohin2 main>.sec.chapter h2.t-cond--m{font-size:min(42px,calc((100vw - 2 * var(--pad)) / 10.1))}
}
.wohin2 .zwischenbild::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 32%,rgba(0,0,0,.3) 62%,transparent 88%)}
.wohin2 .zwischenbild .zwischenbild__zitat{z-index:1;inset:0 auto 0 0;width:58%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:calc(var(--kante) + 24px) var(--pad);background:none;text-align:left}
.wohin2 .zwischenbild__zitat blockquote{color:#fff;max-width:none;width:100%;font-size:clamp(32px,3.8vw,64px);line-height:1.16;transform:skewY(var(--tilt));transform-origin:center}
.wohin2 .zwischenbild__zitat cite{transform:skewY(var(--tilt));transform-origin:center}
.wohin2 blockquote:has(>.zitattext){display:block;text-align:left;padding-bottom:0}
.wohin2 .zitattext{display:inline}
.wohin2 .zitatzeichen{display:inline;position:static;font:inherit;line-height:inherit;color:currentColor;opacity:.32;margin:0;padding:0;height:auto;transform:none}
.wohin2 .zitatzeichen--auf{margin-right:.18em}
.wohin2 .zitatzeichen--zu{margin-left:.18em}
.wohin2 .zwischenbild__zitat cite{margin-top:clamp(30px,2.8vw,52px);font-size:clamp(17px,1.35vw,23px);letter-spacing:.22em}
.wohin2 #selbsthilfe h2.t-cond--m{margin-bottom:clamp(12px,1.2vw,20px)}
.wohin2 #selbsthilfe .shg{margin-top:0}
.wohin2 button.cta{border:0;background:none;cursor:pointer;font-family:var(--cond);appearance:none}
.wohin2 .cta:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1000px){
 .wohin2 .steps--vier{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:clamp(40px,6vw,56px)}
 .wohin2 .resource-links .textlink{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}
 .wohin2 .resource-links .textlink .pfeil{justify-self:end}
}
@media(max-width:760px){
 .wohin2 .hero--wohin2{min-height:74svh}
 .wohin2 .hero--wohin2 .hero__bild img{object-position:26% 42%!important}
 .wohin2 .hero__frage .v2-bar>span{font-size:clamp(27px,7vw,36px)}
 .wohin2 .hero__frage{transform:translateY(-10px)}
 .wohin2 .resource-links .textlink{width:100%}
 .wohin2 .resource-links{grid-template-columns:1fr}
 .wohin2 .steps--vier{grid-template-columns:1fr;gap:34px}
 .wohin2 .steps--vier li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:start}
 .wohin2 .steps--vier li{grid-row:auto;grid-template-rows:auto 1fr}
 .wohin2 .steps__nr{grid-row:1/3;font-size:clamp(64px,19vw,88px);margin:0;min-width:1.05em}
 .wohin2 .steps--vier h3{font-size:clamp(21px,5.8vw,26px)}
 .wohin2 .resource-links .textlink{min-height:88px;font-size:clamp(22px,6.2vw,28px);padding:18px 20px}
 .wohin2 .resource-links .textlink .pfeil{width:26px}
}
.wohin2 .shg-alle{border-top:2px solid currentColor;margin-top:clamp(18px,2vw,30px)}
.wohin2 .shg-alle>summary{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:14px 0;cursor:pointer;list-style:none}
.wohin2 .shg-alle>summary::-webkit-details-marker{display:none}
.wohin2 .shg-alle>summary .zwischen{border:0;margin:0;padding:0}
.wohin2 .shg-alle>summary small{flex:1 1 auto;font:400 15px/1 var(--body);color:#77736c}
.wohin2 .shg-alle>summary::after{content:'+';font:400 30px/1 var(--body);transition:rotate .25s}
.wohin2 .shg-alle[open]>summary::after{rotate:45deg}
.wohin2 .shg-alle .shg-liste{padding-bottom:12px}
.wohin2 #weiter .next>a{align-items:center;transform:skewY(var(--tilt));transform-origin:center}
.wohin2 #weiter .next__text{min-width:0}
.wohin2 #weiter .eyebrow{display:block;margin:0 0 14px}
.wohin2 #weiter h2.t-cond{display:block;margin:0;transform:none}
.wohin2 .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}
.wohin2 .next>a:is(:hover,:focus-visible) .pfeil{translate:8px 0;color:var(--leit)}
body.unterseite.wohin2[data-page="wohin"] main>#weiter.sec.chapter h2.t-cond--m{font-size:clamp(72px,7.2vw,120px)}
@media(max-width:760px){
 body.unterseite.wohin2[data-page="wohin"] main>#weiter.sec.chapter h2.t-cond--m{font-size:min(13vw,72px)}
}
.wohin2 .campaign-footer{--pf-blau:var(--leit)}
@media(max-width:760px){
 .wohin2 .hero--wohin2{min-height:60svh}
 .wohin2 .hero--wohin2 .hero__bild::after{background:linear-gradient(0deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.62) 34%,rgba(10,10,10,.08) 62%,transparent 78%)}
 .wohin2 .zwischenbild{height:clamp(360px,64svh,560px)}
 .wohin2 .zwischenbild::after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.64) 65%,rgba(0,0,0,.38))}
 .wohin2 .zwischenbild::after{background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.3) 55%,transparent 78%)}
 .wohin2 .zwischenbild .zwischenbild__zitat{width:100%;padding:calc(var(--kante) + 22px) var(--pad) calc(var(--kante) + 42px);justify-content:flex-end}
 .wohin2 .zwischenbild__zitat blockquote{font-size:clamp(28px,7.2vw,38px)}
 .wohin2 .next>a .pfeil{width:clamp(44px,12vw,68px)}
 .wohin2 .kapitel__stopp{font-size:10px;padding:4px 9px 4px 4px;gap:5px;letter-spacing:.08em}
 .wohin2 .kapitel__stopp i{width:17px;height:17px;font-size:8px}
 .wohin2 .kapitel__band{padding-top:10px}
 .wohin2 .campaign-footer{padding-top:calc(var(--kante) + 24px);padding-bottom:22px}
 .wohin2 .campaign-footer>.wrap{padding-inline:18px}
 .wohin2 .campaign-footer .pf-split{gap:22px}
 .wohin2 .campaign-footer .pf-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .wohin2 .campaign-footer .pf-word{font-size:clamp(24px,6.4vw,38px)}
 .wohin2 .campaign-footer .pf-question{font-size:10px;max-width:none}
 .wohin2 .campaign-footer .pf-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:10px}
 .wohin2 .campaign-footer a.pf-test{min-width:0;width:100%;font-size:12px;padding:10px 11px;gap:8px}
 .wohin2 .campaign-footer a.pf-brand{max-width:320px}
 .wohin2 .campaign-footer .pf-org{max-width:320px;margin-top:12px;padding-top:14px;gap:12px}
 .wohin2 .campaign-footer .pf-org p{font-size:16px}
 .wohin2 .campaign-footer .pf-org .society-logo{max-width:140px}
 .wohin2 .campaign-footer .pf-legal{margin-top:20px;gap:12px 10px;font-size:11px}
 .wohin2 .campaign-footer .pf-legal nav{gap:12px 16px}
}
@media(max-width:700px){
 .wohin2 .shg-detail__zu{z-index:5;opacity:1!important;translate:0!important;pointer-events:auto;touch-action:manipulation}
 .wohin2 .shg-detail{pointer-events:auto}
}
.wohin2 .shg-karte .shg-karte__start .button:hover,
.wohin2 .shg-popup button:hover{background:var(--leit);color:#fff}
.wohin2 .shg-reset{display:none!important}
.wohin2 #selbsthilfe .shg-status{margin:clamp(22px,2vw,30px) 0 0}
:root{--balken-hoehe:.94em;--balken-versatz:.18em}
.v2-bar>span:not(:has(.w--balken)), .wie2 mark.hl{background-color:transparent;background-image:linear-gradient(var(--balken-farbe),var(--balken-farbe));background-repeat:no-repeat;background-size:100% var(--balken-hoehe);background-position:0 var(--balken-versatz);box-decoration-break:clone;-webkit-box-decoration-break:clone;text-transform:uppercase;padding-block:0}
.wie2 mark.hl{--balken-farbe:var(--hl-bg,var(--gelb));padding-inline:.17em}
.v2-bar>span, .wie2 mark.hl{text-shadow:-2px 3px 2.5px color-mix(in srgb, color-mix(in srgb, var(--balken-farbe, var(--section-color, var(--pink))) 72%, #000) 80%, transparent)}
.cta, .feld, .resource-links .textlink{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), .resource-links .textlink:is(:hover,:focus-visible){text-shadow:none}
.unterseite.wie2 .kapitel__band{gap:6px}
.unterseite.wie2 .kapitel__stopp,
.unterseite.wie2 .kapitel__stopp.ist-erledigt{gap:0;height:36px;padding:0 16px 0 0;border:0;border-radius:0;font:800 14px/1 var(--cond);letter-spacing:.1em;background:#f1efe9;color:#4e4b45}
.unterseite.wie2 .kapitel__stopp i,
.unterseite.wie2 .kapitel__stopp.ist-erledigt i{align-self:stretch;width:36px;height:auto;margin-right:13px;border-radius:0;font-size:13px;font-weight:800;letter-spacing:0;background:#dedbd3;color:#3a3833}
.unterseite.wie2 .kapitel__stopp:hover,
.unterseite.wie2 .kapitel__stopp.ist-erledigt:hover{background:#e6e3db;color:#0a0a0a}
.unterseite.wie2 .kapitel__stopp:hover i,
.unterseite.wie2 .kapitel__stopp.ist-erledigt:hover i{background:#cfcbc1;color:#0a0a0a}
.unterseite.wie2 .kapitel__stopp.ist-hier,
.unterseite.wie2 .kapitel__stopp.ist-hier:hover{background:#0a0a0a;color:#fff}
.unterseite.wie2 .kapitel__stopp.ist-hier i,
.unterseite.wie2 .kapitel__stopp.ist-hier:hover i{background:var(--gelb);color:#fff}
.unterseite.wie2 .kapitel__stopp:focus-visible{outline:3px solid var(--gelb);outline-offset:-3px}
.unterseite.wie2 #weiter .next>a{gap:clamp(28px,4vw,80px)}
.unterseite.wie2 #weiter .eyebrow{font:800 clamp(18px,1.6vw,30px)/1 var(--cond);letter-spacing:.1em;margin:0 0 clamp(14px,1.3vw,24px)}
.unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{font-size:clamp(52px,7.2vw,120px);line-height:.94;letter-spacing:-.03em}
.unterseite.wie2 #weiter .next>a .pfeil{width:clamp(84px,10vw,176px);stroke-width:3}
@media(max-width:760px){
 .unterseite.wie2 .kapitel__band{gap:4px}
 .unterseite.wie2 .kapitel__stopp,
 .unterseite.wie2 .kapitel__stopp.ist-erledigt{height:28px;padding-right:11px;font-size:11px;letter-spacing:.08em}
 .unterseite.wie2 .kapitel__stopp i,
 .unterseite.wie2 .kapitel__stopp.ist-erledigt i{width:28px;margin-right:9px;font-size:10px}
 .unterseite.wie2 #weiter .next>a{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:16px}
 .unterseite.wie2 #weiter .next__text{display:contents}
 .unterseite.wie2 #weiter .eyebrow{grid-area:1/1;margin:0 0 4px;font-size:clamp(17px,3.2vw,24px)}
 .unterseite.wie2 #weiter .next>a .pfeil{grid-area:1/2;width:clamp(46px,10vw,76px)}
 .unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{grid-area:2/1/3/3;margin-top:4px;font-size:10vw;letter-spacing:-.035em}
 .unterseite.wie2:is([data-page="wie"],[data-page="wohin"]) main>#weiter.sec.chapter h2.t-cond--m{font-size:13vw}
}
.unterseite.wie2 .kapitel{top:0;padding-top:var(--kopf);margin-top:calc(17px - var(--kopf));background:transparent;transition:background-color .2s}
.unterseite.wie2 .kapitel__band{background:#fff}
.unterseite.wie2 .kapitel.ist-fest{background:#fff}
@media(max-width:760px){
 .unterseite.wie2 .kapitel{margin-top:calc(7px - var(--kopf))}
}
@media(min-width:761px){
 .unterseite .hero--foto .hero__bild{inset:0 0 0 22%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 10%,rgba(0,0,0,.6) 26%,#000 44%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 10%,rgba(0,0,0,.6) 26%,#000 44%)}
 .unterseite .hero--foto .hero__bild img{position:absolute;left:0;right:auto;width:100%}
 .unterseite .hero--foto .hero__bild::after{background: linear-gradient(0deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,0) 36%), linear-gradient(180deg,rgba(10,10,10,.35) 0%,rgba(10,10,10,0) 20%)}
}
@media(min-width:761px){
 .unterseite .hero--foto .hero__bild{left:30%}
 .wohin2 .hero--foto .hero__bild{left:33%}
}
@media(min-width:761px){
 .wohin2 .hero--foto .hero__bild img{transform:scale(1.08);transform-origin:50% 85%}
}
@media(max-width:760px){
 .wohin2 .hero--foto .hero__bild img{transform:scale(1.14) translateY(-8%)}
}
.wohin2 main>.sec.chapter, .wohin2 main>.zwischenbild{transform:translateZ(0);isolation:isolate}
.unterseite.wohin2 #orientierung p{font-family:var(--cond)!important;font-weight:500!important;line-height:1.36!important;letter-spacing:.005em}
.unterseite[data-page="was"] .kino-sec>.wrap,
.unterseite[data-page="wie"] .kino-sec>.wrap{min-height:calc(var(--film) * 1.28)}
@media(max-width:760px){
 .unterseite:not(.startseite-neu) .kino-sec .gesell__buehne:not(.gesell__buehne--foto){aspect-ratio:4/5;margin-bottom:calc(var(--luft) * -1)}
 .unterseite.wie2 main>#weiter.sec.chapter{padding-top:calc(var(--kante) + var(--luft) * .5);padding-bottom:calc(var(--luft) * .5)}
 .unterseite.wie2 #weiter .eyebrow{margin-bottom:0}
 .unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{margin-top:-6px}
 .campaign-footer .pf-strich{display:none}
 .campaign-footer a.pf-brand{max-width:280px!important;width:100%;margin-inline:auto!important}
 .campaign-footer .pf-identity{text-align:center}
}
.unterseite:not(.startseite-neu) main{background:linear-gradient(to bottom,#fff 0,#fff calc(100svh + 160px),#0a0a0a calc(100svh + 160px))}
@media(max-width:760px){
 .unterseite.wie2 #weiter .next>a{align-items:center;row-gap:2px}
 .unterseite.wie2 #weiter .next>a .pfeil{grid-area:1/2/3/3;align-self:center;width:clamp(40px,9vw,60px)}
 .unterseite.wie2 main>#weiter.sec.chapter h2.t-cond--m{grid-area:2/1/3/2;margin-top:0;font-size:8.6vw}
 .unterseite.wie2:is([data-page="wie"],[data-page="wohin"]) main>#weiter.sec.chapter h2.t-cond--m{font-size:10.5vw}
 .unterseite.wie2 main>#weiter.sec.chapter{padding-top:calc(var(--kante) * .5 + var(--luft) * .5);padding-bottom:calc(var(--kante) * .5 + var(--luft) * .5)}
}
.unterseite[data-page="wie"]:not(.startseite-neu) main{background:#fff}
@media(max-width:760px){
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec .gesell__buehne:not(.gesell__buehne--foto){margin-bottom:calc(var(--kante) + 22px)}
}
@media(max-width:760px){
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec .gesell__buehne:not(.gesell__buehne--foto){clip-path:polygon(0 var(--kante),100% 0,100% calc(100% - var(--kante)),0 100%)!important;margin-bottom:0}
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec>.wrap{padding-bottom:0}
 .unterseite:not(.startseite-neu) .sec--weiss.kino-sec{background:linear-gradient(0deg,#0a0a0a 0,#0a0a0a calc(var(--kante) + 10px),#fff calc(var(--kante) + 10px))}
}
.unterseite .gesell__buehne--foto img, .unterseite .hero__bild img{filter:contrast(1.05)}
@media(max-width:760px){
 .unterseite[data-page="wie"] .kapitel__band{justify-content:safe center}
}
.unterseite[data-page="was"] .kapitel::selection,
.unterseite[data-page="was"] .kapitel ::selection{background:#ff328c;color:#fff}
.unterseite[data-page="wie"] .kapitel::selection,
.unterseite[data-page="wie"] .kapitel ::selection{background:#5371ff;color:#fff}
.unterseite[data-page="wohin"] .kapitel::selection,
.unterseite[data-page="wohin"] .kapitel ::selection{background:#bb1030;color:#fff}
.wohin2 .zwischenbild--rechts::after{background:linear-gradient(270deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.84) 34%,rgba(0,0,0,.4) 52%,transparent 70%)}
.wohin2 .zwischenbild--rechts .zwischenbild__zitat{inset:0 0 0 auto;width:44%}
.wohin2 .zwischenbild--rechts .zwischenbild__zitat blockquote{font-size:clamp(30px,3.3vw,60px)}
.wohin2 .zwischenbild--rechts img{transform:scale(1.15);transform-origin:100% 0}
@media(min-width:1301px){
 .wohin2 .zwischenbild--rechts img{object-position:50% 12%!important}
}
.wohin2 .zwischenbild--rechts mark.hl{padding-inline:.17em .1em}
@media(min-width:761px) and (max-width:1300px){
 .wohin2 .zwischenbild--rechts .zwischenbild__zitat{width:37%;padding-right:clamp(24px,3vw,40px)}
 .wohin2 .zwischenbild--rechts .zwischenbild__zitat blockquote{font-size:clamp(28px,2.9vw,36px)}
 .wohin2 .zwischenbild--rechts img{transform:scale(1.16);transform-origin:100% 30%}
}
@media(max-width:760px){
 .wohin2 .zwischenbild--rechts::after{background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 46%,rgba(0,0,0,.52) 66%,transparent 88%)}
 .wohin2 .zwischenbild--rechts .zwischenbild__zitat{inset:0;width:100%}
 .wohin2 .zwischenbild--rechts img{object-position:36% 30%!important;transform:none}
}
.wohin2 dialog.notes-dialog{border-top-color:#bb1030}
@media(min-width:1000px){
 .wohin2 main>#selbsthilfe.sec.chapter.schraeg{--luft:clamp(72px,7.4vw,140px)}
}
.wohin2 .shg-suche button{display:grid;place-items:center}
.wohin2 .shg-suche button .pfeil{width:24px;height:24px;color:#fff;stroke:#fff;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;transition:none}
.wohin2 main>#selbstcheck.sec.chapter.kino-sec{padding-top:0;padding-bottom:0;--film:clamp(330px,58vw,1060px);--gesell-luft:calc(var(--film) - var(--pad) + clamp(30px,3vw,56px));position:relative}
.wohin2 #selbstcheck>.wrap{min-height:clamp(330px,46vw,760px);display:flex;flex-direction:column;justify-content:center;padding-block:calc(var(--kante) + clamp(18px,1.8vw,32px))}
.wohin2 #selbstcheck>.wrap>*{padding-left:var(--gesell-luft)}
.wohin2 #selbstcheck h2.t-cond{margin:0}
.wohin2 #selbstcheck .gesell{position:static;display:block;min-height:0;padding:0}
.wohin2 #selbstcheck .gesell__text{position:relative;min-width:0;padding-block:0}
.wohin2 #selbstcheck .gesell__buehne{position:absolute;top:0;bottom:0;left:0;right:auto;width:var(--film);height:auto;margin:0;overflow:hidden;background:#1c1c1c}
.wohin2 #selbstcheck .gesell__buehne img{width:100%;height:100%;object-fit:cover;display:block;max-height:none;filter:contrast(1.05)}
.wohin2 #selbstcheck .gesell__buehne::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;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%)}
.wohin2 #selbstcheck .v2-bar>span{color:#fff}
.wohin2 #selbstcheck .check__satz{margin:clamp(22px,2.2vw,36px) 0 0;max-width:36ch;font:500 clamp(20px,1.95vw,34px)/1.28 var(--cond);color:#e4e1d9;text-wrap:pretty}
.wohin2 #selbstcheck .check__cta{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:clamp(26px,2.8vw,42px)}
.wohin2 #selbstcheck .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}
.wohin2 #selbstcheck .cta--gelb{background:var(--section-color);color:#fff}
.wohin2 #selbstcheck .cta--gelb:is(:hover,:focus-visible){background:#fff;color:#0a0a0a}
.wohin2 #selbstcheck .cta .pfeil{display:block;color:inherit;stroke:currentColor;stroke-width:3;fill:none;width:32px;height:32px;flex:none}
.wohin2 #selbstcheck .check__note{margin:clamp(18px,1.8vw,28px) 0 0;max-width:none;font:500 clamp(15px,1.1vw,18px)/1.4 var(--cond);letter-spacing:.01em;color:#a8a49c;text-wrap:balance}
@media(max-width:1000px){
 .wohin2 #selbstcheck>.wrap{display:block;min-height:0;padding-block:clamp(46px,8vw,72px)}
 .wohin2 #selbstcheck>.wrap>*{padding-inline:0}
 .wohin2 #selbstcheck .gesell{display:flex;flex-direction:column;align-items:stretch}
 .wohin2 #selbstcheck .gesell__buehne{position:relative;width: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%)}
 .wohin2 #selbstcheck .gesell__buehne::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%)}
 .wohin2 #selbstcheck .gesell__buehne{-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%)}
 .wohin2 #selbstcheck .gesell__text{padding-block:clamp(34px,6vw,52px) 0}
 .wohin2 #selbstcheck .cta{min-width:0;width:100%}
}
.wohin2 #selbstcheck .gesell__text{z-index:2}
.wohin2 #selbstcheck .v2-bar>span{--balken-farbe:var(--section-color)}
@media(min-width:1001px){
 .wohin2 #selbstcheck .gesell__text{padding-left:var(--gesell-luft)}
}
.wohin2 #selbstcheck .v2-bar>span{--balken-farbe:#bb1030}
.wohin2 .zwischenbild--rechts img[src*="bild-21"]{object-position:50% 27%!important;transform:none}
@media(min-width:761px){
 .wohin2 .zwischenbild--rechts{background:#0a0a0a}
 .wohin2 .zwischenbild--rechts img[src*="bild-21"]{transform:translateX(-17%)}
}
@media(max-width:760px){
 .wohin2 .zwischenbild--rechts img[src*="bild-21"]{object-position:50% 22%!important}
}
@media(min-width:761px){
 .wohin2 .zwischenbild--rechts img[src*="bild-21"]{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 96%);mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 96%)}
}
.wohin2 #selbstcheck .cta--gelb{background:#bb1030;color:#fff;text-shadow:-2px 3px 2.5px color-mix(in srgb,color-mix(in srgb,#bb1030 72%,#000) 80%,transparent)}
.wohin2 #selbstcheck .cta--gelb:is(:hover,:focus-visible){background:#fff;color:#0a0a0a;text-shadow:none}
@media(min-width:761px){
 .wohin2 .zwischenbild{background:#0a0a0a}
 .wohin2 .zwischenbild::after,.wohin2 .zwischenbild--rechts::after{background:none}
 .wohin2 .zwischenbild:not(.zwischenbild--rechts) img{position:absolute;top:0;left:36%;width:64%;height:100%;object-position:50% 40%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 10%,rgba(0,0,0,.65) 26%,#000 42%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 10%,rgba(0,0,0,.65) 26%,#000 42%)}
 .wohin2 .zwischenbild:not(.zwischenbild--rechts) .zwischenbild__zitat{width:50%}
 .wohin2 .zwischenbild--rechts img[src*="bild-21"]{position:absolute;top:0;left:0;width:54%;height:100%;transform:none;object-position:50% 30%!important;-webkit-mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.18) 10%,rgba(0,0,0,.65) 26%,#000 42%);mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.18) 10%,rgba(0,0,0,.65) 26%,#000 42%)}
}
.wohin2 #selbstcheck .gesell__buehne img{object-position:50% 6%!important}
.wohin2 .shg-karte__start small{max-width:46ch;padding-inline:20px;text-align:center;font-size:14px;line-height:1.45;color:#55524c;text-wrap:balance}
.wohin2 .shg-karte__start small a{text-decoration:underline}
.wohin2 .resource-links .anlauf-lesen{background:var(--section-color,var(--rot,#bb1030));color:#fff;transform:skewY(var(--neigung,-3.5deg));padding:clamp(18px,1.8vw,30px) clamp(22px,2.2vw,38px);min-height:clamp(104px,8.6vw,150px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.wohin2 .anlauf-datei{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;transition:color .18s}
.wohin2 .anlauf-datei span{font:800 clamp(15px,1.15vw,19px)/1.2 var(--cond);text-transform:uppercase}
.wohin2 .anlauf-datei small{font:700 11px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.wohin2 .anlauf-datei:is(:hover,:focus-visible){color:#0a0a0a}
.wohin2 .anlauf-datei:is(:hover,:focus-visible) small{color:#0a0a0a}
@media(max-width:760px){
 .wohin2 .resource-links .anlauf-lesen{min-height:88px;padding:16px 20px}
}
.wohin2 #selbstcheck .check__note{display:inline-block;transform:skewY(var(--tilt));transform-origin:left center}
.wohin2 .resource-links .textlink{grid-template-columns:minmax(0,max-content) auto!important;justify-content:start!important}
.wohin2 .resource-links .textlink>span{text-wrap:wrap}
.maplibregl-popup{z-index:2000000!important}
.maplibregl-marker{z-index:auto}
.wohin2 .resource-links .textlink>span{width:fit-content;max-width:100%;text-wrap:balance}
@media(min-width:761px){
 .wohin2 .resource-links .textlink{font-size:clamp(22px,2.05vw,36px)}
}
.maplibregl-canvas-container{position:relative;z-index:0;isolation:isolate}
.maplibregl-map>.maplibregl-popup,.maplibregl-popup{z-index:10!important}
.wohin2 .anlauf-datei:first-child{border-top:0}
@media(max-width:760px){
 .wohin2 #selbstcheck .gesell__buehne{margin-top:calc((var(--kante) + var(--luft)) * -1)}
 .wohin2 #selbstcheck .gesell__buehne::after{background:linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.72) 26%,rgba(10,10,10,0) 62%)}
}