:root{--grund:#111111;--grund-hoch:#1b1a1a;--karte:#252424;--karte-hover:#2c2c31;--linie:rgba(255, 255, 255, .09);--linie-stark:rgba(255, 255, 255, .16);--fg:#ffffff;--fg-gedimmt:#9a9a9a;--fg-leise:#b6b6b6;--r-pille:999px;--r-karte:18px;--r-gross:24px;--dauer-wechsel:400ms;--dauer-hover:250ms;--ease:cubic-bezier(.22, .61, .36, 1);--schatten:0 6px 20px rgba(0, 0, 0, .35);--schatten-hover:0 18px 44px rgba(0, 0, 0, .55);--spalte-abstand:12px;--sichtbar:5}.kampagnen,.kampagnen *,.kampagnen *::before,.kampagnen *::after,.modal,.modal *,.modal *::before,.modal *::after{box-sizing:border-box}.kampagnen{color:var(--fg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.kampagnen img,.modal img{display:block;max-width:100%}body.demo{margin:0;background:var(--grund);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.kampagnen button,.modal button{appearance:none;-webkit-appearance:none;margin:0;border:0;border-radius:0;padding:0;background:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;text-transform:none;letter-spacing:normal;box-shadow:none}.kampagnen{background:var(--grund-hoch);padding-block:clamp(64px, 8vw, 112px)}.kampagnen__breite{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px, 4vw, 32px)}.kampagnen__kopf{display:grid;justify-items:start;gap:14px;margin-bottom:clamp(28px, 4vw, 44px)}.schild{margin:0;padding:7px 14px;border:1px solid var(--linie);border-radius:var(--r-pille);background:rgb(255 255 255 / .04);color:#d9d9d9;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.kampagnen__titel{margin:4px 0 0;font-size:clamp(32px, 5.2vw, 54px);font-weight:800;line-height:1.06;letter-spacing:-1.4px}.kampagnen__titel-gedimmt{color:var(--fg-gedimmt)}.kampagnen__text{max-width:62ch;margin:0;color:var(--fg-leise);font-size:clamp(15px, 1.4vw, 17px)}.umschalter{position:relative;display:inline-flex;gap:4px;margin-top:10px;padding:5px;border:1px solid var(--linie);border-radius:var(--r-pille);background:rgb(255 255 255 / .04)}.umschalter__pille{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:var(--pille-breite,0);border-radius:var(--r-pille);background:#fff;transform:translateX(var(--pille-x,0));transition:transform var(--dauer-wechsel) var(--ease),width var(--dauer-wechsel) var(--ease)}.umschalter:not([data-bereit]) .umschalter__pille{opacity:0}.kampagnen .umschalter__knopf{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 20px;border:0;border-radius:var(--r-pille);background:none;color:#cfcfcf;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color var(--dauer-wechsel) var(--ease)}.kampagnen .umschalter__pfeil{display:none;place-items:center;width:24px;height:24px;border-radius:50%;background:rgb(17 17 17 / .1);color:#111}.kampagnen .umschalter__knopf[aria-selected="true"] .umschalter__pfeil{display:grid}.kampagnen .umschalter__pfeil svg{width:13px;height:13px}.kampagnen .umschalter__knopf[data-kategorie="video"] .umschalter__pfeil svg{transform:rotate(180deg)}.kampagnen .umschalter__knopf[aria-selected="false"]{padding-right:20px}.kampagnen .umschalter__knopf[aria-selected="true"]{color:#111}.kampagnen .umschalter__knopf:focus-visible{outline:2px solid #fff;outline-offset:3px}.karussell{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:6px 18px;margin-inline:calc(clamp(16px, 4vw, 32px) * -1);padding-inline:clamp(16px, 4vw, 32px);scroll-padding-inline-start:clamp(16px, 4vw, 32px)}.karussell::-webkit-scrollbar{display:none}.karussell:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:var(--r-gross)}.karussell[data-zieht]{scroll-snap-type:none;cursor:grabbing}.karussell__spur{display:flex;gap:var(--spalte-abstand);margin:0;padding:0;list-style:none;transition:opacity 200ms var(--ease),transform 200ms var(--ease)}.karussell__spur[data-wechselt]{opacity:0;transform:translateY(10px)}.karte{flex:0 0 calc((100% - (var(--sichtbar) - 1) * var(--spalte-abstand)) / var(--sichtbar));min-width:0;scroll-snap-align:start}.kampagnen .karte__knopf{display:grid;color:var(--fg);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;height:100%;padding:8px 8px 14px;border:1px solid var(--linie);border-radius:var(--r-gross);background:var(--karte);box-shadow:var(--schatten);text-align:left;cursor:pointer;transition:transform var(--dauer-hover) var(--ease),box-shadow var(--dauer-hover) var(--ease),background-color var(--dauer-hover) var(--ease),border-color var(--dauer-hover) var(--ease)}.kampagnen .karte__knopf:hover,.kampagnen .kampagnen .karte__knopf:focus-visible{transform:translateY(-4px) scale(1.015);background:var(--karte-hover);border-color:var(--linie-stark);box-shadow:var(--schatten-hover)}.karte__knopf:focus-visible{outline:2px solid #fff;outline-offset:3px}.karte__bildrahmen{position:relative;overflow:hidden;width:100%;border-radius:var(--r-karte);background:#000;aspect-ratio:var(--verhaeltnis,9 / 16)}.karte__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dauer-hover) var(--ease)}.kampagnen .karte__knopf:hover .karte__bild,.kampagnen .karte__knopf:focus-visible .karte__bild{transform:scale(1.05)}.karte__abspielen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.karte__abspielen span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgb(255 255 255 / .3);border-radius:50%;background:rgb(20 20 20 / .55);backdrop-filter:blur(6px);transition:transform var(--dauer-hover) var(--ease),background var(--dauer-hover) var(--ease)}.kampagnen .karte__knopf:hover .karte__abspielen span,.kampagnen .karte__knopf:focus-visible .karte__abspielen span{transform:scale(1.08);background:rgb(255 255 255 / .92);color:#111}.karte__abspielen svg{width:16px;height:16px;margin-left:2px}.karte__text{padding-inline:6px}.kampagnen .karte__titel{margin:0;color:var(--fg);font-size:13px;font-weight:700;letter-spacing:-.1px}.kampagnen .karte__unterzeile{margin:2px 0 0;color:#8f8f8f;font-size:11.5px}.kampagnen .karte__knopf--ruhig{cursor:default}.kampagnen .karte__knopf--ruhig:hover{transform:none;background:var(--karte);border-color:var(--linie);box-shadow:var(--schatten)}.kampagnen .karte__knopf--ruhig:hover .karte__bild{transform:none}.karte__hinweis{display:inline-block;margin:8px 0 0;padding:3px 9px;border:1px solid var(--linie);border-radius:var(--r-pille);color:#9a9a9a;font-size:11px;letter-spacing:.4px}.pfeile{display:inline-flex;gap:4px;margin-top:24px;padding:5px;border:1px solid var(--linie);border-radius:var(--r-pille);background:rgb(255 255 255 / .04)}.kampagnen .pfeil{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--fg);cursor:pointer;transition:background var(--dauer-hover) var(--ease),border-color var(--dauer-hover) var(--ease),opacity var(--dauer-hover) var(--ease)}.kampagnen .pfeil svg{width:20px;height:20px}.kampagnen .pfeil:hover:not(:disabled){background:rgb(255 255 255 / .12)}.kampagnen .pfeil:focus-visible{outline:2px solid #fff;outline-offset:3px}.kampagnen .pfeil:disabled{opacity:.3;cursor:default}.modal{width:min(1040px, 92vw);padding:0;border:1px solid var(--linie);border-radius:var(--r-gross);background:var(--karte);color:var(--fg)}.modal::backdrop{background:rgb(0 0 0 / .78);backdrop-filter:blur(4px)}.modal__kasten{padding:20px}.modal__kopf{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal__titel{margin:0;font-size:19px;font-weight:700}.modal__unterzeile{margin:2px 0 0;color:var(--fg-leise);font-size:13px}.modal .modal__schliessen{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--linie);border-radius:50%;background:rgb(255 255 255 / .04);cursor:pointer;transition:background var(--dauer-hover) var(--ease)}.modal .modal__schliessen:hover{background:rgb(255 255 255 / .12)}.modal .modal__schliessen:focus-visible{outline:2px solid #fff;outline-offset:3px}.modal .modal__schliessen svg{width:18px;height:18px}.modal__rahmen{overflow:hidden;border-radius:var(--r-karte);background:#000;aspect-ratio:16 / 9}.modal__rahmen[data-hochformat]{aspect-ratio:9 / 16;max-height:76vh;margin-inline:auto}.modal__rahmen iframe{width:100%;height:100%;border:0}.karussell[data-ansicht="reel"]{--sichtbar:6}.karussell[data-ansicht="video"]{--sichtbar:3}.karussell[data-ansicht="reel"] .karte__bildrahmen{--verhaeltnis:9 / 16}.karussell[data-ansicht="video"] .karte__bildrahmen{--verhaeltnis:16 / 9}@media (max-width:1200px){.karussell[data-ansicht="reel"]{--sichtbar:5}}@media (max-width:1000px){.karussell[data-ansicht="reel"]{--sichtbar:4}}@media (max-width:900px){.karussell[data-ansicht="reel"]{--sichtbar:3}.karussell[data-ansicht="video"]{--sichtbar:2}}@media (max-width:620px){:root{--spalte-abstand:14px}.karussell[data-ansicht="reel"]{--sichtbar:1.6}.karussell[data-ansicht="video"]{--sichtbar:1}.umschalter{width:100%}.kampagnen .umschalter__knopf{flex:1;padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}