@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/barlow-condensed-v13-latin-900.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@property --akzent{syntax: '<color>'; inherits: true; initial-value: #bb1030;}
:root{transition: --akzent .55s ease}
:root{--gelb: #dfd510;--blau: #5371ff;--pink: #ff328c;--rot: #bb1030;--papier: #FFFFFF;--papier-2: #F6F6F6;--papier-3: #FAFAFA;--paper: #FFFFFF;--paper-2: #F6F6F6;--tinte: #0A0A0A;--tinte-2: #4E4B45;--tinte-3: #7F7F7F;--ink: #0A0A0A;--line: rgba(255,255,255,0.12);--grey-2: #B9B9B9;--akzent: var(--pink);--display: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;--fett: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;--cond: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;--mono: 'IBM Plex Mono', monospace;--body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--tilt: -3.5deg;--shear: -10deg;--wrap: 1360px;--wrap-wide: 1760px;--pad: clamp(24px, 4.8vw, 84px)}
*, *::before, *::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%;overflow-x: clip}
body{margin: 0;background: var(--papier);color: var(--tinte);font-family: var(--body);font-size: 17px;font-weight: 400;line-height: 1.62;-webkit-font-smoothing: antialiased;overflow-x: clip}
img, video, svg{max-width: 100%;display: block}
a{color: inherit}
button{font: inherit;color: inherit}
::selection{background: var(--section-color, var(--akzent));color: var(--markier-schrift, #fff)}
[style*="--section-color:#dfd510"]{--markier-schrift: #0a0a0a}
:focus-visible{outline: 2px solid currentColor;outline-offset: 4px;border-radius: 2px}
.skip-link{position: absolute;left: -9999px;top: 0;z-index: 500;background: var(--tinte);color: #fff;padding: 12px 22px}
.skip-link:focus{left: 12px;top: 12px}
.wrap{width: 100%;max-width: var(--wrap);margin-inline: auto;padding-inline: var(--pad)}
.wrap--wide{max-width: var(--wrap-wide)}
.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}
h1, h2, h3, h4{margin: 0;font-family: var(--cond);font-weight: 400;letter-spacing: -.005em;line-height: .9}
.stark{font-weight: 800;color: var(--akzent)}
.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--schwarz{background: var(--tinte);color: var(--papier)}
.kante{display: block;width: 100%;height: clamp(40px, 5vw, 96px)}
.kante path{fill: currentColor}
.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}
.zeilen span{display: block;overflow: hidden}
.zeilen span > i{display: block;font-style: normal;transform: translateY(105%);transition: transform 1s cubic-bezier(.16,.84,.28,1)}
html:not(.js) .zeilen span > i{transform: none}
[data-shown="true"] .zeilen span > i{transform: none}
.zeilen span:nth-child(2) > i{transition-delay: .08s}
.zeilen span:nth-child(3) > i{transition-delay: .16s}
.zeilen span:nth-child(4) > i{transition-delay: .24s}
@media (prefers-reduced-motion: reduce){
 html.js [data-anim], html.js [data-anim][data-shown="true"]{opacity: 1;transform: none;transition: none}
 .zeilen span > i{transform: none !important}
 .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 .flaeche{fill: var(--akzent)}
.berg__ding[data-aktiv="true"] .flaeche{fill: var(--papier)}
.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)}
.zahl{text-align: left}
.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)}
.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}
.ecke{transition:opacity .25s,color .3s}
.ecke__ort{font:600 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:12px}
.vorhang{overflow-y:auto}
.vorhang[inert]{pointer-events:none}
.vorhang__start[aria-current]{color:var(--gelb)}
.vorhang ol a{font-size:clamp(45px,min(10.5vw,17vh),190px)}
.vorhang ol a i{white-space:normal}
.aufmacher__buehne{height:100svh;min-height:520px}
.aufmacher__bild{background:#080808}
.aufmacher__bild img{object-fit:contain;object-position:right center}
.aufmacher__bild:after{background:linear-gradient(90deg,#0009 0%,#0003 58%,transparent),linear-gradient(0deg,#000a,transparent 45%)}
.aufmacher__lage{transition:opacity .4s,transform .4s}
.kredit{display:block;top:auto;bottom:60px;right:var(--pad);transform:skewY(var(--tilt));max-width:280px}
.reel>.eyebrow{margin:25px 0 14px;color:var(--gelb);font-size:14px}
.reel h3{font-size:clamp(29px,2.8vw,48px);line-height:1.05}
.reel>p:last-child{font-size:16px;color:#c5c5c5}
.perspektive{min-height:360px;padding:clamp(25px,3vw,50px);background:#0a0a0a;color:white;border-top:8px solid var(--gelb);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.perspektive h3{font-size:clamp(33px,3.3vw,56px);line-height:1.05;margin-bottom:24px}
.perspektive p{margin:0;font-size:18px;line-height:1.45}
.perspektive .perspektive__label{font:700 14px/1.2 var(--cond);text-transform:uppercase;letter-spacing:.1em;margin:22px 0 10px;color:var(--gelb)}
.perspektive .perspektive__label:first-of-type{color:#bcbcbc;margin-top:0}
.solid-button{border:2px solid #0a0a0a;padding:14px 23px;font:700 20px/1.3 var(--cond);display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px}
.solid-button{background:#0a0a0a;color:#fff}
.solid-button:hover{background:var(--pink);border-color:var(--pink);color:#0a0a0a}
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 .dialog-dismiss{margin-top:24px}
dialog video{width:100%;max-height:55svh;background:#111}
dialog details{margin:20px 0}
dialog summary{cursor:pointer;font-weight:600}
@media(min-width:1600px){
 .aufmacher__bild img{object-position:90% center;transform-origin:80% 68%}
}
@media(max-width:1050px){
 .perspektive{min-height:260px}
 .reel h3{font-size:32px}
 .kredit{display:block}
}
@media(max-width:700px){
 :root{--pad:24px}
 .eyebrow{font-size:14px}
 .ecke{padding-top:24px}
 .ecke__ort{font-size:12px}
 .vorhang{padding-top:122px;overflow-y:auto}
 .vorhang ol a{font-size:clamp(44px,11vw,76px);padding-block:17px;gap:5px 16px;flex-wrap:wrap}
 .vorhang ol a i{flex-basis:100%;font-size:21px;padding-left:20px}
 .vorhang__kopf{gap:14px}
 .vorhang__marke{font-size:26px}
 .vorhang__pfeil{font-size:20px}
 .vorhang__ort{font-size:10px;letter-spacing:.14em;margin-top:5px}
 .vorhang__zu{font-size:12px;letter-spacing:.12em;gap:9px}
 .vorhang__fuss{gap:14px 20px;margin-top:34px}
 .vorhang__check{font-size:15px;padding:12px 18px;letter-spacing:.1em}
 .aufmacher__buehne{min-height:500px}
 .aufmacher__bild img{object-position:center;object-fit:cover;--rahmen-x:.5;--rahmen-y:.5;--fokus-x:.5;--fokus-y:.84}
 .aufmacher__bild:after{background:linear-gradient(0deg,#000c,transparent 85%)}
 .kredit{bottom:35px;right:24px}
 .reel h3{font-size:37px}
 .perspektive{padding:28px}
 .perspektive h3{font-size:39px}
 .solid-button{font-size:18px;padding:12px 16px}
}
@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%)}
.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}
.solid-button{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}
.solid-button:hover{transform:skewY(var(--neigung)) translateY(-3px);background:#111;color:#fff}
.solid-button{background:#111;color:#fff;border-color:transparent}
.solid-button:hover{background:var(--pink);color:#111}
.reel{display:flex;flex-direction:column;gap:22px}
@supports(grid-template-rows:subgrid){
 .reel{display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:22px}
}
.reel__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}
.alltag{--luft:clamp(66px,6.2vw,116px)}
.perspektive{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;border-top:0;background:#0a0a0a;color:#fff;padding:clamp(26px,2.6vw,42px);min-height:0}
.perspektive h3{font:700 clamp(26px,2.3vw,38px)/1.05 var(--cond);margin:0 0 6px;max-width:14ch}
.perspektive p{margin:0;font:500 clamp(19px,1.55vw,25px)/1.22 var(--cond);max-width:26ch}
.perspektive .perspektive__label{font:800 12px/1.2 var(--cond);letter-spacing:.14em;text-transform:uppercase;margin:22px 0 7px;color:var(--pink)}
.perspektive .perspektive__label:first-of-type{color:#8d8a84;margin-top:18px}
.campaign-footer{padding:calc(var(--kante) + clamp(64px,6.2vw,110px)) 0 32px;background:var(--tinte)}
.society-logo{display:block;background:none;padding:0;max-width:none;width:clamp(210px,20vw,290px);opacity:.92;transition:opacity .2s}
.society-logo:hover{opacity:1}
.society-logo img{display:block;width:100%;height:auto;object-fit:contain}
body[data-page=check]{background:#f6f4f1}
body[data-page=check] .ecke--links{color:#0a0a0a!important}
body[data-page=check] .campaign-footer{display:none}
@keyframes chatFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes userPop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes typingBounce{0%,80%,100%{transform:scale(.6);opacity:.35}40%{transform:scale(1.15);opacity:1}}
@media(max-width:820px){
 .reel{grid-row:auto;display:flex}
}
@media(max-width:700px){
 .kredit{bottom:130px;right:var(--pad)}
 .kredit span{font-size:13px}
 .solid-button{font:800 21px/1.15 var(--cond);padding:12px 18px;gap:20px}
 .perspektive{padding:26px}
}
@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}
.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))}
.platzhalter{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:baseline;margin:clamp(26px,3vw,44px) 0 0;padding:16px 20px;border:2px dashed currentColor;font-size:15.5px;line-height:1.5;max-width:74ch;opacity:.85}
.platzhalter>span{font:800 12px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;background:var(--section-color,var(--akzent));color:#0a0a0a;padding:6px 10px 7px;transform:skewY(var(--neigung))}
.campaign-footer{--pf-leise:#a6a6a6;--pf-linie:#303030;--pf-blau:#5371ff;padding:clamp(76px,4.8vw,110px) 0 clamp(28px,1.9vw,40px);color:#fff}
.campaign-footer>.wrap{max-width:2200px;padding-inline:4.8%}
.pf-split{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);column-gap:clamp(40px,5.5vw,110px);align-items:center}
.pf-rechts{min-width:0;padding-left:clamp(0px,2.1vw,42px);padding-top:clamp(35px,4.4vw,88px)}
.pf-strich{background:var(--pf-blau);height:76%;min-height:210px}
.pf-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-end}
.campaign-footer a.pf-brand{display:block;width:100%;max-width:690px;color:#fff;line-height:1}
.pf-brand .logo{width:100%;height:auto}
.pf-brand .logo__wort{fill:#fff}
.pf-brand .logo__akzent{fill:var(--pf-blau)}
.pf-org{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,1.3vw,26px);width:66%;margin-top:12px;padding-top:22px;position:relative}
.pf-org::before{content:"";position:absolute;inset:-12px 0 auto;height:1px;background:var(--pf-linie);transform:skewY(var(--tilt));transform-origin:right center}
.pf-org p{margin:0;font:500 clamp(17px,1.4vw,28px)/1.15 var(--cond);white-space:nowrap;color:#fff}
.pf-org .society-logo{flex:0 1 45%;min-width:0;max-width:240px;width:45%;margin:0}
.pf-nav{display:grid;max-width:none;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(22px,2.1vw,42px) clamp(24px,3.7vw,74px);transform:skewY(var(--tilt));transform-origin:left bottom}
.campaign-footer .pf-nav a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#eee;text-decoration:none}
.pf-word{font:400 clamp(38px,3.65vw,73px)/.95 var(--cond);letter-spacing:-.045em;white-space:nowrap}
.pf-word em{font-weight:800;font-style:normal}
.pf-question{font:400 clamp(11px,.7vw,14px)/1.3 var(--body);color:var(--pf-leise);letter-spacing:-.02em}
.pf-nav .pf-arrow{display:none}
.campaign-footer .pf-nav a .pf-word em,.campaign-footer .pf-nav a .pf-question{transition:color .2s}
.campaign-footer .pf-nav a:is(:hover,:focus-visible) .pf-word em,.campaign-footer .pf-nav a:is(:hover,:focus-visible) .pf-question{color:var(--nav-hover,var(--pf-blau))}
.pf-service{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(20px,3vw,60px);margin-top:clamp(30px,2.4vw,48px)}
.campaign-footer a.pf-test{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid #fff;background:#fff;color:var(--tinte);font:800 clamp(15px,1.1vw,22px)/1 var(--cond);text-decoration:none;text-transform:uppercase;transform:skewY(var(--tilt));transform-origin:left center;transition:background .2s,color .2s,border-color .2s}
.campaign-footer a.pf-test--linie{background:none;color:#fff}
.campaign-footer a.pf-test:is(:hover,:focus-visible){background:var(--pf-blau);border-color:var(--pf-blau);color:#fff}
.pf-icon,.pf-test>span:last-child{display:inline-block;font:400 .85em/1 var(--body);flex-shrink:0;transition:translate .2s}
.campaign-footer .pf-test:is(:hover,:focus-visible)>span:last-child{translate:3px -3px}
.pf-legal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:clamp(35px,2.1vw,46px);padding-top:clamp(22px,1.3vw,28px);border-top:1px solid var(--pf-linie);font:400 clamp(12px,.85vw,16px)/1.4 var(--body);color:var(--pf-leise)}
.pf-legal nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.campaign-footer .pf-legal a{color:inherit;font:inherit;text-decoration:none;transition:color .2s}
.campaign-footer .pf-legal a:is(:hover,:focus-visible){color:#fff}
.pf-up{justify-self:end;white-space:nowrap}
@media(max-width:1100px){
 .pf-split{column-gap:32px}
 .pf-rechts{padding-left:0}
 .pf-nav{column-gap:22px}
 .pf-service{gap:18px}
 .pf-org{width:100%;gap:14px}
}
@media(max-width:760px){
 .campaign-footer{padding-top:calc(var(--kante) + 48px)}
 .campaign-footer>.wrap{padding-inline:24px}
 .pf-split{grid-template-columns:1fr;gap:42px}
 .pf-rechts{padding:0}
 .pf-nav{grid-template-columns:1fr;gap:22px}
 .pf-word{font-size:clamp(36px,8.5vw,62px)}
 .pf-question{font-size:12px;max-width:22ch}
 .pf-service{margin-top:36px;gap:20px}
 .campaign-footer a.pf-test{font-size:16px;padding:14px 16px}
 .pf-strich{height:2px;min-height:0;width:100%}
 .pf-identity{align-items:center}
 .campaign-footer a.pf-brand{width:100%;max-width:480px}
 .pf-org{width:100%;max-width:480px;margin-top:22px;padding-top:24px;gap:18px}
 .pf-org p{font-size:20px}
 .pf-org .society-logo{flex:0 1 42%;max-width:190px}
 .pf-legal{grid-template-columns:1fr auto;gap:20px 12px;margin-top:36px;font-size:12px}
 .pf-legal nav{grid-row:2;grid-column:1/-1;gap:20px}
 .pf-up{grid-row:1;grid-column:2}
}
@media(prefers-reduced-motion:reduce){
 .pf-icon,.pf-test>span:last-child{transition:none;translate:0 0}
}
body[data-page="was"]{--seitenfarbe:#ff328c;--seitenfarbe-tinte:#fff;--marke-auf-hell:#ff328c}
body[data-page="wie"]{--seitenfarbe:#dfd510;--seitenfarbe-tinte:#0a0a0a;--marke-auf-hell:#0a0a0a}
body[data-page="wer"]{--seitenfarbe:#5371ff;--seitenfarbe-tinte:#fff;--marke-auf-hell:#5371ff}
body[data-page="wohin"]{--seitenfarbe:#bb1030;--seitenfarbe-tinte:#fff;--marke-auf-hell:#bb1030}
.vorhang__start:has(.vorhang__marke--logo){transform:none}
.vorhang__start:has(.vorhang__marke--logo) .vorhang__ort{transform:skewY(var(--shear));transform-origin:left center}
nav.vorhang{padding-top:calc(clamp(130px,17.6vh,200px) + 24px)}
nav.vorhang{justify-content:flex-start}
nav.vorhang > .wrap{flex-shrink:0;min-height:auto}
nav.vorhang ol{row-gap:0;min-height:auto}
nav.vorhang li{border-top:0;border-bottom:0;min-height:min-content;flex-basis:auto}
nav.vorhang ol a{line-height:1.12;padding-block:.18em .3em}
nav.vorhang .vorhang__check{border-top:0}
nav.vorhang li:not(:first-child)::before,
nav.vorhang li:last-child::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.18);transform:scaleY(.5);transform-origin:center;pointer-events:none}
nav.vorhang li:not(:first-child)::before{top:0}
nav.vorhang li:last-child::after{top:auto;bottom:0}
nav.vorhang ol a::before,nav.vorhang ol a::after{content:none;display:none}
nav.vorhang a.vorhang__start svg.vorhang__pfeil{grid-column:1;grid-row:1 / 3;align-self:center}
nav.vorhang .vorhang__marke{grid-column:2}
@media(min-width:761px){
 nav.vorhang{padding-bottom:20px;overflow:hidden}
 nav.vorhang > .wrap{flex:1 1 0;min-height:0}
 nav.vorhang ol{flex:1 1 0;min-height:0;container-type:size}
 nav.vorhang li{flex:1 1 0;min-height:0}
 nav.vorhang ol a{font-size:min(13vw,25cqh,240px);padding-block:.03em .15em}
 nav.vorhang .vorhang__check{font-size:min(3.7vw,6vh,64px);padding-block:clamp(12px,2vh,24px)}
}
@media(max-width:760px){
 nav.vorhang{padding-top:calc(clamp(96px,12.5vh,140px) + 16px);padding-bottom:12px}
 nav.vorhang ol{row-gap:0}
 nav.vorhang ol a{font-size:min(18vw,9.5vh,82px);flex-wrap:wrap;gap:6px;padding-block:.02em .1em}
 nav.vorhang ol a i{flex-basis:100%;font-size:min(6.2vw,2.9vh,26px);padding-left:0}
 nav.vorhang .vorhang__check{font-size:min(6.4vw,3.2vh,28px);padding-block:clamp(10px,1.6vh,18px)}
 nav.vorhang ol a em,nav.vorhang ol a[aria-current="page"] em,
  nav.vorhang ol a:hover em,nav.vorhang ol a:focus-visible em{color:var(--papier)}
 nav.vorhang ol a i,nav.vorhang ol a:hover i,nav.vorhang ol a:focus-visible i{opacity:1;color:var(--papier);transform:none}
 nav.vorhang ol a[aria-current="page"] em,
  nav.vorhang ol a[aria-current="page"] i{color:var(--zeile)}
}
main{background:#0a0a0a}
body[data-page=check]{background: #0a0a0a;color: #fff;--akzent: #ff328c;--lc-ease: cubic-bezier(.2, .7, .2, 1)}
body[data-page=check] .ecke{color: #fff !important}
body[data-page=check]::before{content: '';position: fixed;inset: 0 0 auto;height: 108px;background: #0a0a0a;z-index: 90;pointer-events: none}
body[data-page=check]::after{display: none}
body[data-page=check] .campaign-footer{display: none}
.lc-page{min-height: 100svh;padding: 124px 24px 36px;background: #0a0a0a;color: #fff}
.lc-wrap{max-width: 880px;margin: 0 auto}
.lc-progress{position: fixed;top: 98px;left: var(--pad);right: var(--pad);z-index: 94}
.lc-progress-track{height: 3px;border-radius: 0;background: #262626;overflow: hidden}
#check-progress-bar{height: 100%;width: 0;background: var(--pink);transition: width .6s var(--lc-ease)}
.lc-welcome{max-width: none;margin: 0 0 64px;color: #8a8a8a;font-size: 13px;text-align: center;line-height: 1.6;animation: lc-fade .8s var(--lc-ease) both}
.lc-turn{margin: 0 0 72px;scroll-margin-top: 140px}
.lc-turn--typing{margin-bottom: 0}
.lc-question-row{display: flex;align-items: flex-start;gap: 20px}
.lc-avatar{flex: 0 0 54px;height: 54px;display: grid;place-items: center;background: #fff;color: var(--pink);border-radius: 50%}
.lc-avatar-mark{font: 800 34px/1 var(--cond);padding-bottom: 3px;transform: skewY(var(--shear))}
.lc-col{position: relative;flex: 1 1 auto;min-width: 0}
.lc-stage{display: grid}
.lc-stage > *{grid-area: 1 / 1;justify-self: start}
.lc-typing{display: flex;align-items: center;gap: 6px;height: 54px;padding: 0 22px;background: #fff;transform: skewY(var(--tilt));transform-origin: left center;align-self: start}
.lc-typing i{width: 7px;height: 7px;border-radius: 50%;background: var(--pink);animation: lc-dot 1.1s ease-in-out infinite}
.lc-typing i:nth-child(2){animation-delay: .15s}
.lc-typing i:nth-child(3){animation-delay: .3s}
.lc-typing.is-out{animation: lc-out .3s ease both;pointer-events: none}
.lc-question{display: flex;align-items: center;gap: 12px;width: fit-content;max-width: 100%;min-width: 0;min-height: 54px;padding: 16px 22px;background: #fff;color: #0a0a0a;border-radius: 0;transform: skewY(var(--tilt));transform-origin: left center}
.lc-question h2{flex: 1 1 auto;min-width: 0;font: 600 25px/1.2 var(--cond);letter-spacing: 0}
.lc-question h2:focus{outline: none}
.lc-info{display: grid;place-items: center;flex: 0 0 22px;width: 22px;height: 22px;padding: 0;border: 1.5px solid #cfcfcf;border-radius: 50%;color: #6a6a6a;background: #fff;font: 700 12px/1 var(--cond);cursor: pointer;position: relative;transition: border-color .2s, color .2s, background .2s}
.lc-info::before{content: '';position: absolute;inset: -9px}
.lc-info:hover, .lc-info[aria-expanded=true]{border-color: var(--pink);background: var(--pink);color: #fff}
.lc-pop{position: absolute;z-index: 5;top: 0;left: 0;width: max-content;max-width: min(320px, 100%);margin: 0;padding: 12px 15px;background: #fff;color: #333;font: 400 13px/1.55 var(--body);box-shadow: 0 14px 36px rgba(0, 0, 0, .5);opacity: 0;visibility: hidden;scale: .9;transform-origin: var(--pop-origin, top left);transition: opacity .18s ease, scale .2s var(--lc-ease), visibility 0s linear .2s}
.lc-pop::before{content: '';position: absolute;top: -5px;left: var(--pop-arrow, 5px);width: 11px;height: 11px;background: #fff;rotate: 45deg}
.lc-pop.is-open{opacity: 1;visibility: visible;scale: 1;transition: opacity .18s ease, scale .32s cubic-bezier(.2, 1.3, .3, 1), visibility 0s}
.lc-multi{margin: 44px 0 0;max-width: none;text-align: right;color: #8a8a8a;font: 600 11px/1 var(--cond);letter-spacing: .16em;text-transform: uppercase}
.lc-response{display: flex;flex-direction: column;align-items: flex-end}
.lc-options{border: 0;padding: 0;margin: 44px 0 0;max-width: calc(100% - 74px);display: flex;flex-direction: column;align-items: flex-end;gap: 12px;min-width: 0}
.lc-multi + .lc-response .lc-options{margin-top: 14px}
.lc-option{width: fit-content;max-width: 100%;min-height: 50px;padding: 14px 22px;text-align: left;border: 1px solid var(--pink);border-radius: 0;background: transparent;color: var(--pink);box-shadow: none;font: 400 15px/1.45 var(--body);cursor: pointer;transform: skewY(var(--tilt));transform-origin: right center;transition: background .2s, border-color .2s, color .2s, translate .25s var(--lc-ease)}
.lc-option:hover{background: var(--pink);color: #fff;translate: 0 -2px}
.lc-option[aria-pressed=true]{background: var(--pink);color: #fff;font-weight: 500}
.lc-option[aria-pressed=true]::before{content: '✓';margin-right: 10px;font-weight: 700}
.lc-answer{display: flex;align-items: baseline;gap: 14px;width: fit-content;max-width: min(100% - 74px, 60ch);margin: 44px 0 0;padding: 14px 22px;min-height: 50px;border: 1px solid var(--pink);border-radius: 0;background: var(--pink);color: #fff;text-align: left;font: 500 15px/1.45 var(--body);cursor: pointer;transform: skewY(var(--tilt));transform-origin: right center;transition: background .2s, border-color .2s, color .2s}
.lc-answer__edit{flex: 0 0 auto;font: 600 11px/1 var(--cond);letter-spacing: .14em;text-transform: uppercase;color: rgba(255, 255, 255, .75);opacity: 0;translate: -4px 0;transition: opacity .2s, translate .25s var(--lc-ease), color .2s}
.lc-answer:hover, .lc-answer:focus-visible{background: #fff;border-color: #fff;color: #0a0a0a}
.lc-answer:hover .lc-answer__edit, .lc-answer:focus-visible .lc-answer__edit{opacity: 1;translate: 0 0;color: #0a0a0a}
@media (hover: none){
 .lc-answer__edit{opacity: 1;translate: 0 0}
}
.lc-weiter{display: inline-flex;align-items: center;gap: 12px;margin: 14px 0 0;padding: 0 22px;min-height: 50px;border: 1px solid var(--pink);background: var(--pink);color: #fff;font: 700 16px/1 var(--cond);letter-spacing: .06em;text-transform: uppercase;cursor: pointer;transform: skewY(var(--tilt));transform-origin: right center;transition: background .2s, color .2s, border-color .2s, translate .25s var(--lc-ease)}
.lc-weiter__pfeil{font: 400 1em/1 var(--body);transition: translate .25s var(--lc-ease)}
.lc-weiter:disabled{background: transparent;border-color: rgba(255, 255, 255, .18);color: #6a6a6a;cursor: not-allowed}
.lc-weiter:not(:disabled):hover{background: #fff;border-color: #fff;color: #0a0a0a;translate: 0 -2px}
.lc-weiter:not(:disabled):hover .lc-weiter__pfeil{translate: 4px 0}
.lc-cancel{margin: 12px 0 0;padding: 6px 0;border: 0;background: none;color: #8a8a8a;font-size: 12px;text-decoration: underline;text-underline-offset: 3px;cursor: pointer;transition: color .2s}
.lc-cancel:hover{color: #fff}
@keyframes lc-fade{from { opacity: 0; } to { opacity: 1; }}
@keyframes lc-rise{from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; }}
@keyframes lc-rise-r{from { opacity: 0; translate: 18px 6px; } to { opacity: 1; translate: 0 0; }}
@keyframes lc-pop{from { opacity: 0; scale: .5; } 70% { scale: 1.06; } to { opacity: 1; scale: 1; }}
@keyframes lc-out{to { opacity: 0; scale: .92; }}
@keyframes lc-dot{0%, 60%, 100% { translate: 0 0; opacity: .35; } 30% { translate: 0 -5px; opacity: 1; }}
.lc-turn:not(.is-shown) .lc-question, .lc-turn:not(.is-shown) .lc-multi, .lc-turn:not(.is-shown) .lc-response{visibility: hidden;opacity: 0}
.lc-turn.is-typing .lc-typing{animation: lc-rise .4s var(--lc-ease) both}
.lc-turn.is-new .lc-avatar{animation: lc-pop .55s var(--lc-ease) both}
.lc-turn.is-shown:not(.is-new){animation: lc-fade .4s var(--lc-ease) both}
.lc-turn.is-shown.is-new .lc-question{animation: lc-rise .5s var(--lc-ease) both}
.lc-turn.is-shown.is-new .lc-multi{animation: lc-fade .45s var(--lc-ease) .2s both}
.lc-turn.is-shown .lc-option{animation: lc-rise-r .45s var(--lc-ease) both;animation-delay: calc(var(--lc-delay, 0s) + var(--i, 0) * 60ms)}
.lc-turn.is-shown .lc-weiter, .lc-turn.is-shown .lc-cancel{animation: lc-fade .4s var(--lc-ease) both;animation-delay: calc(var(--lc-delay, 0s) + var(--n, 4) * 60ms)}
.lc-turn.is-shown .lc-answer{animation: lc-rise-r .45s var(--lc-ease) both}
.lc-result{margin: 0 0 32px;scroll-margin-top: 140px}
.lc-question--ergebnis{display: block}
.lc-result-dank{margin: 0 0 4px;color: #7a7a7a;font: 400 13px/1.4 var(--body)}
.lc-result h2{font: 600 25px/1.2 var(--cond);letter-spacing: 0}
.lc-result h2:focus{outline: none}
.lc-result-lead{margin: 30px 0 0;max-width: 64ch;color: #cfcfcf;font-size: 15px;line-height: 1.7}
.lc-karten{display: grid;gap: 3px;margin-top: 30px}
.lc-card{background: #fff;color: #0a0a0a}
.lc-card summary{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 26px 28px;cursor: pointer;list-style: none;font: 600 30px/1.1 var(--cond);transition: color .2s}
.lc-card summary::-webkit-details-marker{display: none}
.lc-card summary::after{content: '+';flex: 0 0 auto;color: var(--pink);font: 300 36px/1 var(--body);transition: rotate .3s var(--lc-ease)}
.lc-card[open] summary::after{rotate: 45deg}
.lc-card summary:hover{color: var(--pink)}
.lc-card-body{padding: 4px 28px 30px}
.lc-card[open] .lc-card-body{animation: lc-fade .35s var(--lc-ease) both}
.lc-card-body h4{margin: 0 0 8px;font: 600 17px/1.3 var(--body)}
.lc-card-body p{margin: 0 0 12px;max-width: 64ch;font-size: 16px;line-height: 1.65}
.lc-card-body > :last-child{margin-bottom: 0}
.lc-einschaetzung p{margin: 0 0 14px;max-width: 60ch}
.lc-einschaetzung > :last-child{margin-bottom: 0}
.lc-einschaetzung-kern{font: 600 22px/1.3 var(--cond);letter-spacing: .01em}
.lc-einschaetzung--viele .lc-einschaetzung-kern{color: var(--pink)}
.lc-einschaetzung-haftung{font-size: 14px !important;line-height: 1.6 !important;color: #5c5c5c;border-top: 1px solid #e4e4e4;padding-top: 12px}
@media (min-width: 720px){
 .lc-einschaetzung-kern{font-size: 26px}
}
.lc-punkte{margin: 14px 0;padding: 0;list-style: none;max-width: 60ch}
.lc-punkte li{position: relative;margin: 8px 0;padding-left: 22px;font-size: 16px;line-height: 1.55}
.lc-punkte li::before{content: '';position: absolute;left: 0;top: .5em;width: 10px;height: 10px;background: var(--pink);transform: skewY(var(--tilt))}
.lc-btns{display: flex;flex-wrap: wrap;gap: 10px 12px;margin: 20px 0 0 !important}
.lc-btn{display: inline-flex;align-items: center;gap: 10px;padding: 12px 18px;background: var(--pink);color: #fff;text-decoration: none;font: 700 15px/1.2 var(--cond);letter-spacing: .06em;text-transform: uppercase;transform: skewY(var(--tilt));transform-origin: left center;transition: background .2s, color .2s, translate .25s var(--lc-ease)}
.lc-btn:hover{background: #0a0a0a;color: #fff;translate: 0 -2px}
.lc-karte-links{display: flex;flex-wrap: wrap;gap: 4px 22px;margin: 10px 0 0 !important}
.lc-karte-links a{font: 600 16px/1.35 var(--cond);text-underline-offset: 4px}
.lc-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-top: 18px}
.lc-action{display: inline-flex;align-items: center;justify-content: center;gap: 14px;padding: 13px 18px;background: #fff;color: #0a0a0a;border: 1px solid #0a0a0a;text-decoration: none;font: 600 16px/1.2 var(--cond);cursor: pointer;transform: skewY(var(--tilt));transform-origin: left center;transition: background .2s, color .2s}
.lc-action:hover{background: #eee}
.lc-action--primary{background: #0a0a0a;color: #fff}
.lc-action--primary:hover{background: var(--pink);border-color: var(--pink);color: #fff}
.lc-action--leise{border-color: transparent;text-decoration: underline;text-underline-offset: 4px}
.lc-action--leise:hover{background: none;color: var(--pink)}
.lc-restart-zeile{display: flex;justify-content: center;margin-top: 34px}
.lc-restart{display: inline-flex;align-items: center;gap: 12px;padding: 15px 26px;border: 0;background: var(--pink);color: #fff;font: 700 17px/1.2 var(--cond);letter-spacing: .06em;text-transform: uppercase;cursor: pointer;transform: skewY(var(--tilt));transition: background .2s, color .2s, translate .25s var(--lc-ease)}
.lc-restart:hover{background: #fff;color: #0a0a0a;translate: 0 -2px}
.lc-result.is-new .lc-avatar{animation: lc-pop .55s var(--lc-ease) both}
.lc-result.is-new .lc-question{animation: lc-rise .5s var(--lc-ease) both}
.lc-result.is-new .lc-result-lead{animation: lc-fade .5s var(--lc-ease) .2s both}
.lc-result.is-new .lc-card, .lc-result.is-new .lc-restart-zeile{animation: lc-rise .5s var(--lc-ease) both;animation-delay: calc(.3s + var(--i, 4) * 80ms)}
.lc-footer-note{margin: 0;color: #777;text-align: center;font-size: 11px;line-height: 1.7}
.lc-fallback{line-height: 1.7}
.lc-fallback h2{font-size: 34px}
@media (max-width: 700px){
 body[data-page=check]::before{height: 87px}
 .lc-page{padding: 108px 20px 30px}
 .lc-progress{top: 80px}
 .lc-welcome{font-size: 11px;margin-bottom: 40px}
 .lc-question-row{gap: 12px}
 .lc-avatar{flex-basis: 38px;height: 38px;margin-top: 5px}
 .lc-avatar-mark{font-size: 24px;padding-bottom: 2px}
 .lc-typing{height: 48px;padding: 0 18px}
 .lc-question{min-height: 48px;padding: 13px 17px;gap: 10px}
 .lc-question h2{font-size: 22px}
 .lc-options{margin-top: 32px;max-width: calc(100% - 50px);gap: 11px}
 .lc-option{min-height: 46px;padding: 12px 17px;font-size: 14px}
 .lc-answer{margin-top: 32px;max-width: calc(100% - 50px);min-height: 46px;font-size: 14px;padding: 12px 17px}
 .lc-weiter{min-height: 46px;font-size: 15px;padding: 0 18px}
 .lc-turn{margin-bottom: 56px;scroll-margin-top: 104px}
 .lc-result{scroll-margin-top: 104px}
 .lc-result-lead{font-size: 14px}
 .lc-card summary{padding: 20px 18px;font-size: 24px}
 .lc-card summary::after{font-size: 30px}
 .lc-card-body{padding: 0 18px 22px}
 .lc-card-body p{font-size: 15px}
 .lc-actions{flex-direction: column;align-items: stretch}
 body[data-page=check] .vorhang ol a{flex-wrap: wrap}
}
@media (prefers-reduced-motion: reduce){
 .lc-welcome, .lc-turn, .lc-turn *, .lc-result, .lc-result *, #check-progress-bar{animation: none !important;transition: none !important}
}
@media print{
 body[data-page=check]::before, .lc-progress, .lc-welcome, .lc-turn, .lc-footer-note, .lc-actions, .lc-restart-zeile, .lc-result .lc-avatar{display: none !important}
 body[data-page=check] main > .lc-page{display: block !important;padding: 0 !important;background: #fff;color: #000}
 .lc-wrap{max-width: none}
 .lc-result{margin: 0;animation: none}
 .lc-result .lc-question{transform: none;padding: 0;animation: none}
 .lc-result h2{font: bold 22pt/1.1 Arial, sans-serif}
 .lc-result-lead{color: #000}
 .lc-card{border: 1px solid #999;margin-bottom: 8px;break-inside: avoid;animation: none}
 .lc-card > :not(summary){display: block !important}
 .lc-card summary::after{content: '' !important}
 .lc-btn{background: none;color: #000;padding: 0;transform: none;text-decoration: underline}
}
body[data-page=check]{--pink: var(--gelb);--akzent: var(--gelb)}
body[data-page=check] .lc-info:hover,
body[data-page=check] .lc-info[aria-expanded=true],
body[data-page=check] .lc-option:hover,
body[data-page=check] .lc-option[aria-pressed=true],
body[data-page=check] .lc-answer,
body[data-page=check] .lc-weiter:not(:disabled),
body[data-page=check] .lc-btn,
body[data-page=check] .lc-action--primary:hover,
body[data-page=check] .lc-restart{color: #0a0a0a}
body[data-page=check] .lc-answer .lc-answer__edit{color: rgba(10, 10, 10, .62)}
body[data-page=check] .lc-btn:is(:hover, :focus-visible){background: #0a0a0a;color: #fff}
body[data-page=check] .lc-avatar{color: #0a0a0a}
body[data-page=check] .lc-typing i{background: #0a0a0a}
body[data-page=check] .lc-card summary::after{color: #0a0a0a}
body[data-page=check] .lc-card summary:hover{color: #0a0a0a;opacity: .55}
body[data-page=check] .lc-action--leise:hover{color: #0a0a0a}
body[data-page=check] .lc-einschaetzung--viele .lc-einschaetzung-kern{color: #0a0a0a;background: var(--gelb);box-decoration-break: clone;-webkit-box-decoration-break: clone;padding: .06em .28em .12em}
.lc-zahl{margin: 4px 0 26px}
.lc-zahl__kopf{display: flex;align-items: flex-end;gap: 16px;margin: 0}
.lc-zahl__gross{font: 800 clamp(66px, 13vw, 120px)/.78 var(--cond);letter-spacing: -.045em;color: #0a0a0a;background: var(--gelb, #dfd510);padding: .06em .12em .04em;transform: skewY(var(--tilt, -3.5deg));display: inline-block;flex: none}
.lc-card-body .lc-zahl__von{font: 700 clamp(14px, 1.4vw, 18px)/1.25 var(--cond);text-transform: uppercase;letter-spacing: .1em;color: #6b6b6b;max-width: 11ch;padding-bottom: .5em}
.lc-card-body .lc-zahl__kurz{display: block;margin: 18px 0 0;max-width: none;color: #0a0a0a;font: 800 clamp(26px, 3.4vw, 46px)/1.04 var(--cond);text-transform: uppercase;letter-spacing: -.01em;transform: skewY(var(--tilt, -3.5deg));transform-origin: left center}
.lc-zahl__band{display: flex;flex-wrap: nowrap;gap: 4px;margin: 22px 0 0}
.lc-zahl__feld{flex: 1 1 0;height: 14px;min-width: 0}
.lc-zahl__feld--dafuer{background: var(--gelb, #dfd510)}
.lc-zahl__feld--dagegen{background: #0a0a0a}
.lc-zahl__feld--unklar{background: #e0e0e0}
.lc-card-body .lc-zahl__legende{display: flex;flex-wrap: wrap;gap: 8px 22px;margin: 14px 0 0 !important;max-width: none !important}
.lc-zahl__punkt{display: inline-flex;align-items: center;gap: 8px;font: 700 11.5px/1 var(--cond);text-transform: uppercase;letter-spacing: .1em;color: #6b6b6b}
.lc-zahl__punkt::before{content: "";width: 11px;height: 11px;flex: none}
.lc-zahl__punkt--dafuer::before{background: var(--gelb, #dfd510)}
.lc-zahl__punkt--dagegen::before{background: #0a0a0a}
.lc-zahl__punkt--unklar::before{background: #e0e0e0}
body[data-page=check] .lc-einschaetzung .lc-zahl ~ .lc-einschaetzung-kern{background: none;padding: 0;color: #2a2a2a;font: 500 clamp(16px, 1.3vw, 19px)/1.55 var(--cond)}
@media print{
 .lc-zahl__band, .lc-zahl__legende{display: none}
 .lc-zahl__gross, .lc-zahl__kurz{transform: none}
}
.lc-card-body .lc-zahl__kurz--allein{margin-top: 4px}