/* Erzeugt von tools/eigene-website/css-bauen.mjs aus fonts.css, gw.css. Nicht von Hand ändern. */
/* fonts.css */@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/inter-400.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/inter-500.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/inter-600.woff2") format("woff2")}@font-face{font-family:"Fraunces";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/fraunces-300.woff2") format("woff2")}@font-face{font-family:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/fraunces-400.woff2") format("woff2")}@font-face{font-family:"Fraunces";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/fraunces-500.woff2") format("woff2")}@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/fraunces-400-italic.woff2") format("woff2")}
/* gw.css */:root{--nacht: #07080a;--nacht-2: #0d0e11;--nacht-3: #15171b;--nacht-4: #1d2026;--kreide: #ece8e1;--kreide-2: #c8c3ba;--kreide-3: #9a958d;--papier: #f2eee7;--papier-2: #e7e1d6;--papier-3: #d9d2c5;--tinte: #17181c;--tinte-2: #46453f;--tinte-3: #6f6b63;--rot: #e5392f;--rot-tief: #c42f26;--eis: #5cc6ff;--eis-tief: #2b9fe0;--linie-n: rgba(236, 232, 225, .12);--linie-n2: rgba(236, 232, 225, .22);--linie-p: rgba(23, 24, 28, .12);--linie-p2: rgba(23, 24, 28, .22);--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--breit: 1200px;--rand: clamp(20px, 4.8vw, 56px);--bogen: clamp(22px, 3vw, 36px);--kopf-h: 78px;--ease: cubic-bezier(.2, .7, .2, 1);--we-marke: #e5392f;--we-akzent: #5cc6ff}*, *::before, *::after{box-sizing: border-box}*{margin: 0;padding: 0}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;background: var(--nacht);touch-action: pan-x pan-y}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{font-family: var(--sans);font-size: 1.0625rem;line-height: 1.65;color: var(--kreide);background: var(--nacht);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip;font-feature-settings: "kern" 1, "liga" 1, "ss01" 0}img, svg, video, canvas{display: block;max-width: 100%}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer}input, textarea, select{font: inherit;color: inherit}::selection{background: rgba(229, 57, 47, .32);color: #fff}:focus-visible{outline: 2px solid var(--eis);outline-offset: 3px;border-radius: 6px}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.huelle{width: min(100% - 2 * var(--rand), var(--breit));margin-inline: auto;position: relative}h1, h2, h3, .titel{font-family: var(--serif);font-weight: 400;letter-spacing: -.018em;line-height: 1.04;font-optical-sizing: auto}h1{font-size: clamp(2.45rem, 5.3vw, 4.7rem)}h2{font-size: clamp(2rem, 4.1vw, 3.45rem)}h3{font-size: clamp(1.25rem, 1.8vw, 1.5rem);line-height: 1.2;letter-spacing: -.01em}p{text-wrap: pretty}h1, h2{text-wrap: balance}.etikett{display: inline-flex;align-items: center;gap: .7rem;font: 600 .74rem/1 var(--sans);letter-spacing: .2em;text-transform: uppercase;color: var(--rot)}.etikett::before{content: "";width: 28px;height: 2px;background: currentColor;border-radius: 2px}.etikett.ohne-strich::before{content: none}.lead{font-size: clamp(1.08rem, 1.35vw, 1.22rem);line-height: 1.6;color: var(--kreide-2);max-width: 60ch}.klein{font-size: .875rem;color: var(--kreide-3)}.zahlwort{font-variant-numeric: tabular-nums}@property --ohr{syntax: '<length>';inherits: true;initial-value: 9px}.knopf{--k-bg: var(--eis);--k-fg: var(--tinte);--k-ohr: var(--rot);--ohr: 9px;display: inline-flex;align-items: center;justify-content: center;gap: .6rem;min-height: 52px;padding: .9rem 1.55rem;border-radius: 3px;background: var(--k-bg);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -2px 0 rgba(0, 0, 0, .14);color: var(--k-fg);font: 600 1rem/1.1 var(--sans);letter-spacing: -.005em;clip-path: polygon(0 0, calc(100% - var(--ohr)) 0, 100% var(--ohr), 100% 100%, 0 100%);transition: --ohr .4s var(--ease), translate .4s var(--ease), background-color .25s, color .25s;white-space: nowrap;position: relative;isolation: isolate}.knopf::after{content: "";position: absolute;top: 0;right: 0;width: var(--ohr);height: var(--ohr);pointer-events: none;background: linear-gradient(to top right, var(--k-ohr) 0 50%, transparent 50%), linear-gradient(to top right, rgba(0, 0, 0, .28), rgba(0, 0, 0, 0) 60%)}@media (hover: hover){.knopf:hover{--ohr: 18px;translate: 0 -2px}}.knopf:focus-visible{--ohr: 18px}.knopf:active{--ohr: 12px;translate: 0 0}.knopf.leer{--k-bg: rgba(236, 232, 225, .09);--k-fg: var(--kreide);box-shadow: inset 0 0 0 1px rgba(236, 232, 225, .1)}@media (hover: hover){.knopf.leer:hover{--k-bg: rgba(236, 232, 225, .16)}}.papier .knopf.leer{--k-bg: rgba(23, 24, 28, .07);--k-fg: var(--tinte);box-shadow: inset 0 0 0 1px rgba(23, 24, 28, .08)}@media (hover: hover){.papier .knopf.leer:hover{--k-bg: rgba(23, 24, 28, .12)}}.knopf.klebt, .papier .knopf.leer.klebt{--k-bg: var(--eis);--k-fg: var(--tinte);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -2px 0 rgba(0, 0, 0, .14)}.knopf .symbol{width: 18px;height: 18px;flex: none}.kontakt-wege{display: flex;flex-wrap: wrap;gap: .7rem;margin-top: .4rem}@media (prefers-reduced-motion: reduce){.knopf{transition: none}}.textlink{color: var(--eis);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.papier .textlink{color: var(--eis-tief)}.site-header{position: fixed;z-index: 60;top: 0;left: 0;right: 0;height: var(--kopf-h);color: var(--kreide)}.site-header::before, .site-header::after{content: "";position: absolute;pointer-events: none;opacity: 0;transition: opacity .5s var(--ease)}.site-header::before{inset: 0;background: #14161b url("bilder/leinen.webp") repeat;background-size: 256px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 16px 34px -22px rgba(0, 0, 0, .9)}.site-header::after{left: 0;right: 0;bottom: 6px;border-bottom: 1px dashed rgba(236, 232, 225, .17)}.site-header.gerollt::before, .site-header.gerollt::after, .menue-auf .site-header::before{opacity: 1}.site-header .top-nav{position: relative;z-index: 2;height: 100%;width: min(100% - 2 * var(--rand), var(--breit));margin-inline: auto;display: flex;align-items: center;justify-content: space-between;gap: 1.5rem}.site-header .brand{display: inline-flex;align-items: center;gap: 0;color: var(--kreide);min-width: 0;position: relative;z-index: 3}.site-header .logo-mark{width: 44px;height: 44px;flex: none;margin-right: -4px}.logo-mark .g{fill: none;stroke: currentColor;stroke-width: 3.2;stroke-linecap: round}.logo-mark .node{fill: var(--eis)}.logo-mark .link{fill: none;stroke: var(--eis);stroke-width: 1.4;opacity: .7}.logo-mark .cursor{fill: var(--rot)}.site-header .brand-name{font-family: var(--serif);font-size: 1.22rem;font-weight: 400;letter-spacing: -.01em;white-space: nowrap;color: #fff}.brand-accent{color: var(--eis)}.main-nav{display: flex;align-items: center;gap: clamp(.9rem, 1.7vw, 1.7rem)}.main-nav > a:not(.knopf){position: relative;padding: .55rem 0;font: 600 .9rem/1 var(--sans);letter-spacing: .01em;color: rgba(236, 232, 225, .8);transition: color .25s}.main-nav > a:not(.knopf)::after{content: "";display: none}.main-nav > a:not(.knopf):hover, .main-nav > a.aktiv:not(.knopf), .main-nav > a[aria-current="page"]:not(.knopf){color: #fff}.kopf-band{display: none}@media (min-width: 961px){.kopf-band{display: block;position: absolute;z-index: 3;top: -14px;left: 0;width: 12px;height: 36px;pointer-events: none;transform-origin: 50% 0;translate: 0 -105%;filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .45))}.kopf-band i{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 24%, rgba(255, 255, 255, .24) 46%, rgba(255, 255, 255, 0) 62%, rgba(0, 0, 0, .26)), linear-gradient(180deg, #8f1d17, #d4372d 40%, #c3302a);clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 6px), 0 100%)}.kopf-band i::before{content: "";position: absolute;left: 2px;right: 2px;top: 0;bottom: 7px;border-left: 1px dashed rgba(255, 255, 255, .3);border-right: 1px dashed rgba(255, 255, 255, .3)}}.main-nav .nr, .menue-kopf, .menue-fuss{display: none}.kopf-knopf{min-height: 42px;padding: .62rem 1.15rem;font-size: .88rem;--ohr: 8px}.menu-toggle{display: none}.nw{white-space: nowrap}@media (max-width: 960px){:root{--kopf-h: 64px}.site-header .logo-mark{width: 40px;height: 40px}.site-header .brand-name{font-size: 1.12rem}.menu-toggle{display: block;position: relative;z-index: 3;width: 52px;height: var(--kopf-h);margin-right: -8px;align-self: flex-start;filter: drop-shadow(0 7px 6px rgba(0, 0, 0, .45));-webkit-tap-highlight-color: transparent}.menu-toggle .band{position: absolute;top: 0;left: 50%;width: 32px;height: 92px;margin-left: -16px;transform-origin: 50% 0;translate: 0 -18px;rotate: var(--schwung, 0deg);background: linear-gradient(90deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, 0) 22%, rgba(255, 255, 255, .22) 46%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .25)), linear-gradient(180deg, #8f1d17, #d4372d 30%, #c3302a);clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 11px), 0 100%);transition: translate .55s cubic-bezier(.34, 1.56, .64, 1)}.menu-toggle .band::before{content: "";position: absolute;left: 4px;right: 4px;top: 0;bottom: 14px;border-left: 1px dashed rgba(255, 255, 255, .28);border-right: 1px dashed rgba(255, 255, 255, .28)}.menu-toggle .band b{position: absolute;left: 50%;top: 29px;translate: -50% 0;writing-mode: vertical-rl;text-orientation: mixed;font: 700 .62rem/1 var(--sans);letter-spacing: .2em;text-transform: uppercase;color: #fff}.menu-toggle:active .band, .menu-toggle:focus-visible .band{translate: 0 -8px}.menu-toggle[aria-expanded="true"] .band{translate: 0 0}.main-nav{position: fixed;inset: 0;z-index: 1;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;gap: 0;padding: calc(var(--kopf-h) + 22px) var(--rand) max(28px, env(safe-area-inset-bottom));overflow-y: auto;overscroll-behavior: contain;background: #17181d url("bilder/leinen.webp") repeat;background-size: 256px;transform-origin: 50% 0;transform: perspective(1600px) rotateX(-96deg);opacity: 0;visibility: hidden;transition: transform .5s cubic-bezier(.7, 0, .84, 0), opacity .25s ease .28s, visibility 0s linear .55s}.main-nav.offen{transform: none;opacity: 1;visibility: visible;transition: transform .85s cubic-bezier(.16, 1, .3, 1), opacity .15s ease}.main-nav::before{content: "";position: fixed;inset: 0;pointer-events: none;background: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0) 70%);opacity: 1;transition: opacity .9s ease .05s}.main-nav.offen::before{opacity: 0}.main-nav > *{opacity: 0;translate: 0 14px;transition: opacity .2s, translate .2s}.main-nav.offen > *{opacity: 1;translate: 0 0;transition: opacity .6s var(--ease) calc(.22s + var(--i, 0) * .05s), translate .7s var(--ease) calc(.22s + var(--i, 0) * .05s)}.menue-kopf{display: block;margin: 0 0 .8rem;font: 400 2.5rem/1 var(--serif);letter-spacing: -.02em;color: var(--kreide)}.menue-kopf::after{content: "";display: block;width: 44px;height: 3px;margin-top: .85rem;border-radius: 2px;background: var(--rot)}.main-nav > a:not(.knopf){display: flex;align-items: baseline;gap: .7rem;padding: 1rem 0 .95rem;font: 400 1.6rem/1.1 var(--serif);color: var(--kreide);border-bottom: 1px solid rgba(236, 232, 225, .1)}.main-nav > a:not(.knopf)::after{display: block;position: static;order: 2;flex: 1;height: 0;border-radius: 0;background: none;border-bottom: 2px dotted rgba(236, 232, 225, .2);transform: translateY(-.25em);transition: none}.main-nav > a.aktiv::after, .main-nav > a[aria-current="page"]::after{border-bottom-color: rgba(229, 57, 47, .7)}.main-nav .wort{order: 1}.main-nav .nr{display: inline-block;order: 3;font: 600 .8rem/1 var(--sans);font-style: normal;letter-spacing: .08em;color: rgba(236, 232, 225, .5)}.main-nav > a.kopf-knopf{margin-top: 1.7rem;min-height: 56px;font-size: 1rem}.menue-fuss{display: flex;justify-content: center;gap: 1.6rem;margin-top: 1.2rem}.menue-fuss a{font: 600 .92rem/1 var(--sans);color: var(--kreide-2);padding: .7rem 0;border-bottom: 1px solid rgba(236, 232, 225, .25)}.menue-auf .site-header::after{opacity: 0}}@media (prefers-reduced-motion: reduce){.main-nav, .main-nav.offen, .main-nav > *, .main-nav.offen > *{transition: none !important}.menu-toggle .band{transition: none;rotate: none}}html.gw-intro-logo .site-header .brand .logo-mark, html.gw-intro-logo .site-header .brand .brand-name{opacity: .005;animation: gwIntroDa .01s 5s forwards}html.gw-intro-logo.gw-auf .site-header .brand .logo-mark, html.gw-intro-logo.gw-auf .site-header .brand .brand-name{opacity: 1;animation: none}.abschnitt{position: relative;padding: clamp(84px, 11vw, 150px) 0}.abschnitt.papier{background: var(--papier);color: var(--tinte)}.abschnitt.nacht{background: var(--nacht)}.abschnitt.nacht-2{background: var(--nacht-2)}.bogen{position: relative;z-index: 2;margin-inline: clamp(0px, 1.4vw, 20px);border-radius: 3px;box-shadow: 0 34px 70px -34px rgba(0, 0, 0, .9), 0 -18px 50px -30px rgba(0, 0, 0, .7)}.bogen::after{content: "";position: absolute;right: -1px;bottom: -1px;width: calc(clamp(84px, 13vw, 190px) + 1px);aspect-ratio: 1;pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='1' y1='1' x2='.25' y2='.25'%3E%3Cstop offset='0' stop-color='%23b9b1a2'/%3E%3Cstop offset='.42' stop-color='%23f1ece3'/%3E%3Cstop offset='.8' stop-color='%23ded6c9'/%3E%3Cstop offset='1' stop-color='%23cbc3b5'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' x1='.5' y1='.5' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='.55'/%3E%3Cstop offset='.5' stop-color='%23000' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100 0Q62 62 0 100L100 100Z' fill='%2307080a'/%3E%3Cpath d='M100 0Q62 62 0 100L100 100Z' fill='url(%23s)'/%3E%3Cpath d='M100 0Q62 62 0 100Q16 60 33 33Q60 16 100 0Z' fill='url(%23f)'/%3E%3C/svg%3E") 100% 100% / 100% 100% no-repeat;filter: drop-shadow(-5px -5px 7px rgba(0, 0, 0, .2));transform-origin: 100% 100%;transform: scale(0)}.bogen::before{content: "";position: absolute;right: 0;bottom: -16px;width: clamp(84px, 13vw, 190px);height: 22px;pointer-events: none;background: radial-gradient(60% 100% at 78% 0%, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 75%);transform-origin: 100% 0;transform: scaleX(0);opacity: 0}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.bogen{transform-origin: 50% 0;animation: blattLegen linear both;animation-timeline: view();animation-range: entry 0% entry 55%}.bogen::after{animation: eckeHeben linear both;animation-timeline: view();animation-range: cover 4% cover 46%}.bogen::before{animation: eckeSchatten linear both;animation-timeline: view();animation-range: cover 4% cover 46%}}}@keyframes blattLegen{from{transform: perspective(1800px) rotateX(11deg) rotate(-1.3deg) translate3d(0, 90px, 0) scale(.965)}to{transform: none}}@keyframes eckeHeben{from{transform: scale(0)}to{transform: scale(1)}}@keyframes eckeSchatten{from{transform: scaleX(0);opacity: 0}to{transform: scaleX(1);opacity: 1}}.papier .lead{color: var(--tinte-2)}.papier .klein{color: var(--tinte-3)}.papier h2, .papier h3{color: var(--tinte)}.papier .etikett{color: var(--rot-tief)}.etikett{color: #ff5a4e}.papier .textlink, .papier .prosa a{color: #11669f}.kopfzeile{display: grid;gap: 1.1rem;max-width: 820px;margin-bottom: clamp(40px, 6vw, 72px)}.kopfzeile.mittig{margin-inline: auto;text-align: center;justify-items: center}.start{position: relative;background: #050506}.start-lauf{position: relative;height: 245vh}.buehne{position: sticky;top: 0;height: 100vh;height: 100svh;overflow: hidden;background: #050506}.buehne-bild, .buehne-leinwand{position: absolute;inset: 0;width: 100%;height: 100%}.buehne-bild img{width: 100%;height: 100%;object-fit: cover;object-position: 76% 48%}@media (max-aspect-ratio: 4/5){.buehne-bild img{object-position: 50% 70%}}.buehne-leinwand{opacity: 0;transition: opacity .6s ease;touch-action: pan-y}.buch-an .buehne-leinwand{opacity: 1}.buch-an .buehne-bild{opacity: 0;transition: opacity 0s .65s}.buehne::after{content: "";position: absolute;inset: 0;pointer-events: none;z-index: 1;background: linear-gradient(90deg, rgba(5, 5, 6, .78) 0%, rgba(5, 5, 6, .45) 30%, rgba(5, 5, 6, 0) 52%), linear-gradient(0deg, rgba(5, 5, 6, .55) 0%, rgba(5, 5, 6, 0) 18%);opacity: var(--text-sicht, 1)}.start-text{position: absolute;z-index: 2;left: 0;right: 0;top: 50%;transform: translateY(-46%);opacity: var(--text-sicht, 1);translate: 0 calc((1 - var(--text-sicht, 1)) * -40px)}.start-text .huelle{display: grid;gap: 1.4rem}.start-text{pointer-events: none}.start-text a{pointer-events: auto}.text-weg .start-text{visibility: hidden}.text-weg .start-text a{pointer-events: none}.start-text .inhalt{max-width: 34rem;display: grid;gap: 1.35rem}.start-text h1{color: #f6f3ee}.start-text h1 .ruhig{color: var(--kreide-3)}.start-text .lead{color: var(--kreide-2);max-width: 32rem}.start-knoepfe{display: flex;flex-wrap: wrap;gap: .8rem;margin-top: .3rem}.buch-leiste{position: absolute;z-index: 3;left: 50%;bottom: max(18px, env(safe-area-inset-bottom));translate: -50% 0;display: flex;align-items: center;gap: .5rem;padding: .45rem;border-radius: 999px;background: rgba(17, 19, 23, .9);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 0 0 1px rgba(255, 255, 255, .08), 0 18px 40px -18px rgba(0, 0, 0, .8);opacity: var(--leiste-sicht, 0);visibility: hidden;transition: visibility 0s linear .3s;max-width: calc(100vw - 24px)}.buch-offen .buch-leiste{visibility: visible;transition: none}.buch-leiste button, .buch-leiste a{min-height: 44px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center}.buch-leiste .rund{width: 44px;color: var(--kreide);background: rgba(255, 255, 255, .06)}.buch-leiste .rund:hover{background: rgba(255, 255, 255, .13)}.buch-leiste .rund:disabled{opacity: .35;cursor: default}.buch-leiste .rund svg{width: 18px;height: 18px}.buch-titel{display: grid;justify-items: center;padding: 0 .8rem;min-width: 11rem;text-align: center;line-height: 1.25}.buch-titel b{font-weight: 600;font-size: .92rem;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 16rem}.buch-titel small{font-size: .76rem;color: var(--kreide-3);white-space: nowrap}.buch-leiste .oeffnen{padding: 0 1.05rem;background: var(--eis);color: var(--tinte);font-weight: 600;font-size: .9rem;gap: .45rem;white-space: nowrap}.buch-leiste .oeffnen[hidden]{display: none}.buch-hinweis{position: absolute;right: -2px;bottom: calc(100% + 14px);padding: .5rem .85rem;border-radius: 10px;background: var(--kreide);color: #111214;font: 600 .82rem/1.2 var(--sans);white-space: nowrap;pointer-events: none;box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .8);opacity: 0;translate: 0 6px;transition: opacity .4s var(--ease), translate .4s var(--ease)}.buch-hinweis::after{content: "";position: absolute;right: 26px;top: 100%;border: 7px solid transparent;border-top-color: var(--kreide)}.buch-hinweis.da{opacity: 1;translate: 0 0;animation: hinweisWippen 1.6s var(--ease) .4s infinite}@keyframes hinweisWippen{0%, 100%{translate: 0 0}50%{translate: 0 -5px}}.buch-leiste .weiter{position: relative}.buch-leiste.mit-hinweis .weiter{background: var(--kreide);color: #111214}.buch-leiste.mit-hinweis .weiter::after{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: rgba(236, 232, 225, .55);pointer-events: none;animation: weiterPuls 1.6s ease-out infinite}@keyframes weiterPuls{from{transform: scale(1);opacity: 1}to{transform: scale(1.64);opacity: 0}}@media (prefers-reduced-motion: reduce){.buch-hinweis.da, .buch-leiste.mit-hinweis .weiter::after{animation: none}}.buch-fokus-aus{position: absolute;z-index: 4;right: 14px;top: calc(var(--kopf-h) + 10px);min-height: 40px;padding: 0 1rem;border-radius: 999px;background: var(--kreide);color: #111;font-weight: 600;font-size: .9rem;display: none}.buch-fokus .buch-fokus-aus{display: inline-flex;align-items: center}.arbeiten-liste{display: none}.ohne-buch .start-lauf{height: auto}.ohne-buch .buehne{position: relative;height: 100vh;height: 100svh}.ohne-buch .buch-leiste{display: none}.ohne-buch .arbeiten-liste{display: block;padding: 0 0 clamp(70px, 9vw, 120px)}.arbeiten-liste ol{list-style: none;display: grid;gap: clamp(28px, 4vw, 44px);grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr))}.arbeiten-liste li{display: grid;gap: .7rem}.arbeiten-liste img{border-radius: 12px;aspect-ratio: 16 / 10;object-fit: cover;object-position: top;box-shadow: 0 0 0 1px var(--linie-n), 0 20px 40px -24px rgba(0, 0, 0, .8)}.arbeiten-liste h3{font-size: 1.4rem}.arbeiten-liste .art{font: 600 .7rem/1 var(--sans);letter-spacing: .18em;text-transform: uppercase;color: var(--rot)}@media (max-width: 760px){.start-lauf{height: 250vh}.buehne::after{background: linear-gradient(180deg, rgba(5, 5, 6, .86) 0%, rgba(5, 5, 6, .55) 34%, rgba(5, 5, 6, 0) 54%), linear-gradient(0deg, rgba(5, 5, 6, .5) 0%, rgba(5, 5, 6, 0) 14%)}.start-text{top: calc(var(--kopf-h) + 8px);transform: none}.start-text h1{font-size: clamp(2.15rem, 9.6vw, 2.75rem)}.start-text .lead{font-size: 1rem}.start-text .inhalt{gap: 1rem}.start-knoepfe .knopf{min-height: 50px;padding: .85rem 1.2rem}.start-knoepfe .knopf.leer{display: none}.buch-titel{min-width: 0;padding: 0 .35rem;flex: 1}.buch-titel b{max-width: 9.5rem;font-size: .85rem}.buch-leiste{width: calc(100vw - 20px);justify-content: space-between}.buch-leiste .oeffnen{padding: 0 .85rem;font-size: .84rem}}@media (max-height: 640px) and (max-width: 760px){.start-text .lead{display: none}}.zahlen{padding: clamp(64px, 8vw, 104px) 0;background: var(--nacht);position: relative;z-index: 1}.zahlen ul{list-style: none;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0}.zahlen li{padding: 0 clamp(14px, 2.4vw, 32px);border-left: 1px solid var(--linie-n);display: grid;gap: .55rem;align-content: start}.zahlen li:first-child{border-left: 0;padding-left: 0}.zahlen .wert{font-family: var(--serif);font-size: clamp(2.6rem, 5.4vw, 4.4rem);line-height: 1;letter-spacing: -.03em;color: #f6f3ee;font-variant-numeric: tabular-nums;white-space: nowrap}.zahlen .wert small{font-size: .42em;letter-spacing: 0;color: var(--kreide-3);margin-left: .12em}.zahlen .was{font-size: .95rem;color: var(--kreide-3);max-width: 18ch;line-height: 1.45}@media (max-width: 760px){.zahlen ul{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 34px 0}.zahlen li:nth-child(3){border-left: 0;padding-left: 0}}.leistungen-liste{list-style: none;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: clamp(32px, 6vw, 96px)}.leistungen-liste li{position: relative;display: grid;grid-template-columns: auto 1fr;gap: .2rem 1.2rem;padding: 1.7rem 0 1.8rem}.leistungen-liste li::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 1px;background: var(--linie-p2);transform-origin: 0 50%}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.leistungen-liste li::before{animation: strichZiehen linear both;animation-timeline: view();animation-range: entry 5% entry 70%}}}@keyframes strichZiehen{from{transform: scaleX(0)}to{transform: scaleX(1)}}.leistungen-liste h3{transition: translate .45s var(--ease)}@media (hover: hover){.leistungen-liste li:hover h3{translate: 6px 0}.leistungen-liste li:hover .nr{color: var(--tinte)}}.leistungen-liste .nr{grid-row: span 2;font: 500 .82rem/1.9 var(--sans);color: var(--rot);font-variant-numeric: tabular-nums;letter-spacing: .06em}.leistungen-liste h3{font-size: clamp(1.45rem, 2.2vw, 1.9rem)}.leistungen-liste p{color: var(--tinte-2);max-width: 46ch}@media (max-width: 760px){.leistungen-liste{grid-template-columns: 1fr}}.werk{display: grid;grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);gap: clamp(32px, 5vw, 84px);align-items: start}.werk-schritte{list-style: none;display: grid}.werk-schritt{min-height: 74vh;display: grid;align-content: center;gap: .65rem;padding: 2.4rem 0;opacity: .72;transition: opacity .6s var(--ease)}.werk-schritt:first-child{min-height: 60vh}.werk-schritt.an{opacity: 1}.werk-nr{font: 400 3.2rem/1 var(--serif);letter-spacing: -.03em;color: rgba(236, 232, 225, .62);transition: color .6s var(--ease)}.werk-schritt.an .werk-nr{color: var(--rot)}.werk-schritt .dauer{font: 600 .74rem/1 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--kreide-2)}.werk-schritt h3{font-size: clamp(1.6rem, 2.6vw, 2.15rem);color: #f6f3ee}.werk-schritt p{color: var(--kreide-2);max-width: 46ch}.werk-punkte{list-style: none;display: grid;gap: .45rem;margin-top: .5rem;color: var(--kreide-2);font-size: .97rem}.werk-punkte li{display: grid;grid-template-columns: 18px 1fr;gap: .6rem}.werk-punkte li::before{content: "";width: 10px;height: 2px;margin-top: .72em;background: var(--rot);border-radius: 2px}.werk-buehne{position: sticky;top: calc(var(--kopf-h) + 7vh);height: min(76vh, 620px);display: grid;align-items: center}.werk-rahmen{position: relative;width: 100%;aspect-ratio: 16 / 11.5}.fenster{position: absolute;left: 0;top: 4%;width: 88%;height: 86%;border-radius: 12px;overflow: hidden;background: #f4f1ea;box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 255, 255, .06)}.werk-rahmen::before{content: "";position: absolute;left: 0;top: 4%;width: 88%;height: 86%;border-radius: 12px;pointer-events: none;box-shadow: 0 0 90px -10px rgba(255, 220, 170, .28), 0 0 0 1px rgba(255, 255, 255, .05);opacity: 0;transition: opacity 1s var(--ease);will-change: opacity}.stufe-4.werk-buehne .werk-rahmen::before{opacity: 1}.fenster-leiste{height: 34px;display: flex;align-items: center;gap: 6px;padding: 0 12px;background: #e3ddd2}.fenster-leiste > i{width: 9px;height: 9px;border-radius: 50%;background: #cbc4b8}.fenster-leiste > i:nth-child(1){background: #e2685f}.fenster-leiste > i:nth-child(2){background: #e5b84a}.fenster-leiste > i:nth-child(3){background: #69c164}.adresse{position: relative;flex: 1;margin-left: 10px;height: 22px;border-radius: 11px;background: #f8f6f1;display: flex;align-items: center;justify-content: center;font: 500 .7rem/1 var(--sans);color: #5d5b56;overflow: hidden}.adresse > span{position: absolute;left: 0;right: 0;text-align: center;transition: opacity .6s var(--ease), translate .6s var(--ease);white-space: nowrap}.url-echt{opacity: 0;translate: 0 100%;font-weight: 600;color: #17181c}.schloss{position: absolute;left: calc(50% - 64px);top: 6px;width: 8px;height: 7px;border-radius: 1.5px;background: #2f8f4e;opacity: 0;transition: opacity .5s .3s}.schloss::before{content: "";position: absolute;left: 1.5px;top: -4px;width: 5px;height: 5px;border: 1.4px solid #2f8f4e;border-bottom: 0;border-radius: 3px 3px 0 0;box-sizing: border-box}.fenster-seite{position: absolute;left: 0;right: 0;top: 34px;bottom: 0;padding: 4.5% 5.5%;display: grid;grid-template-rows: auto 1fr auto;gap: 5%}.m-kopf, .m-logo, .m-links i, .m-knopf, .m-titel, .m-unter, .m-cta, .m-bild, .m-karten i{border-radius: 4px;outline: 1.4px dashed rgba(23, 24, 28, .32);outline-offset: -1px;transition: background-color .5s var(--ease), outline-color .5s, color .5s}.m-kopf{display: flex;align-items: center;gap: 4%;height: 28px;padding: 0 3%;outline: none}.m-logo{width: 26px;height: 16px}.m-links{flex: 1;display: flex;gap: 7%;justify-content: center}.m-links i{width: 34px;height: 6px}.m-knopf{width: 54px;height: 16px}.m-held{display: grid;grid-template-columns: 1.05fr .95fr;gap: 6%;align-items: center}.m-text{display: grid;gap: 9px;justify-items: start}.m-titel, .m-unter{position: relative;display: block;color: transparent}.m-titel{font: 400 clamp(1.1rem, 2.3vw, 1.75rem)/1.1 var(--serif);letter-spacing: -.02em}.m-unter{font: 500 clamp(.62rem, 1vw, .8rem)/1.3 var(--sans)}.m-titel > span, .m-unter > span{display: block;transition: opacity .6s var(--ease), translate .6s var(--ease)}.m-neu{position: absolute;inset: 0;opacity: 0;translate: 0 6px}.m-cta{display: inline-block;padding: 6px 12px;font: 600 clamp(.55rem, .85vw, .7rem)/1 var(--sans);color: transparent}.m-bild{position: relative;aspect-ratio: 4 / 3;overflow: hidden}.m-foto{position: absolute;inset: 0;opacity: 0;transition: opacity 1s var(--ease) .2s;background: radial-gradient(60% 70% at 70% 30%, rgba(255, 214, 150, .95), rgba(255, 214, 150, 0) 60%), linear-gradient(160deg, #e9a25b, #a8552f 55%, #4a2a22)}.m-foto::after{content: "";position: absolute;left: 12%;right: 12%;bottom: 0;height: 52%;border-radius: 6px 6px 0 0;background: linear-gradient(180deg, rgba(30, 18, 14, .55), rgba(30, 18, 14, .85));clip-path: polygon(0 40%, 25% 15%, 50% 35%, 75% 5%, 100% 30%, 100% 100%, 0 100%)}.m-karten{display: grid;grid-template-columns: repeat(3, 1fr);gap: 4%}.m-karten i{height: 46px}.stufe-1 .m-kopf, .stufe-2 .m-kopf, .stufe-3 .m-kopf, .stufe-4 .m-kopf{background: #17181c}.werk-buehne:not(.stufe-0) .m-kopf, .werk-buehne:not(.stufe-0) .m-logo, .werk-buehne:not(.stufe-0) .m-links i, .werk-buehne:not(.stufe-0) .m-knopf, .werk-buehne:not(.stufe-0) .m-titel, .werk-buehne:not(.stufe-0) .m-unter, .werk-buehne:not(.stufe-0) .m-cta, .werk-buehne:not(.stufe-0) .m-bild, .werk-buehne:not(.stufe-0) .m-karten i{outline-color: transparent}.werk-buehne:not(.stufe-0) .m-logo{background: var(--rot);transition-delay: .25s}.werk-buehne:not(.stufe-0) .m-links i{background: rgba(236, 232, 225, .5);transition-delay: .35s}.werk-buehne:not(.stufe-0) .m-knopf{background: var(--kreide);transition-delay: .45s}.werk-buehne:not(.stufe-0) .m-titel{color: var(--tinte);transition-delay: .55s}.werk-buehne:not(.stufe-0) .m-unter{color: var(--tinte-2);transition-delay: .65s}.werk-buehne:not(.stufe-0) .m-cta{background: var(--rot);color: #fff;transition-delay: .75s}.werk-buehne:not(.stufe-0) .m-bild{background: #d9d2c5;transition-delay: .85s}.werk-buehne:not(.stufe-0) .m-karten i{background: #e6e0d5;transition-delay: .95s}.stufe-3 .m-foto, .stufe-4 .m-foto{opacity: 1}.stufe-3 .m-unter .m-alt, .stufe-4 .m-unter .m-alt{opacity: 0;translate: 0 -6px}.stufe-3 .m-unter .m-neu, .stufe-4 .m-unter .m-neu{opacity: 1;translate: 0 0;transition-delay: .5s}.m-titel .m-neu{display: none}.stempel, .live{position: absolute;right: 5%;top: calc(34px + 5%);font: 700 .78rem/1 var(--sans);letter-spacing: .16em;text-transform: uppercase}.stempel{padding: .55em .8em;color: var(--rot);border: 2px solid currentColor;border-radius: 4px;rotate: -9deg;opacity: 0;scale: 1.6;transition: opacity .25s, scale .35s cubic-bezier(.3, 1.6, .5, 1)}.stufe-1 .stempel, .stufe-2 .stempel, .stufe-3 .stempel{opacity: .9;scale: 1;transition-delay: 1.1s}.live{display: inline-flex;align-items: center;gap: .5em;padding: .55em .85em;border-radius: 999px;background: #17181c;color: #fff;opacity: 0;translate: 0 -8px;transition: opacity .5s, translate .5s var(--ease)}.live::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: #4cd27a}.live::after{content: "";position: absolute;left: .85em;top: 50%;width: 7px;height: 7px;margin-top: -3.5px;border-radius: 50%;background: rgba(76, 210, 122, .6);pointer-events: none;animation: livePuls 1.8s ease-out infinite}@keyframes livePuls{from{transform: scale(1);opacity: 1}to{transform: scale(3.6);opacity: 0}}.stufe-4 .live{opacity: 1;translate: 0 0;transition-delay: .5s}.stufe-4 .url-vorschau{opacity: 0;translate: 0 -100%}.stufe-4 .url-echt{opacity: 1;translate: 0 0}.stufe-4 .schloss{opacity: 1}.werk-zettel{position: absolute;left: -3%;bottom: 0;width: min(46%, 240px);padding: 1rem 1.1rem .9rem;display: grid;gap: .3rem;rotate: -4deg;background: #fbf9f5;color: #17181c;border-radius: 3px;box-shadow: 0 30px 50px -24px rgba(0, 0, 0, .95);opacity: 0;translate: 0 30px;transition: opacity .4s, translate .6s var(--ease)}.werk-zettel b{font: 400 1.15rem/1 var(--serif)}.werk-linie{display: block;border-bottom: 1px solid rgba(23, 24, 28, .3);height: 40px}.werk-linie svg{width: 100%;height: 100%;fill: none;stroke: #1d2b52;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 420;stroke-dashoffset: 420;transition: stroke-dashoffset 1.5s cubic-bezier(.45, .05, .35, 1) .5s}.werk-zettel small{display: inline-flex;align-items: center;gap: .45rem;font: 600 .74rem/1 var(--sans);color: #2f8f4e;opacity: 0;transition: opacity .4s 1.9s}.werk-zettel small i{width: 14px;height: 14px;border-radius: 50%;background: #2f8f4e;position: relative}.werk-zettel small i::after{content: "";position: absolute;left: 4.5px;top: 2.5px;width: 3.5px;height: 6.5px;border: solid #fff;border-width: 0 1.6px 1.6px 0;rotate: 45deg}.stufe-2 .werk-zettel{opacity: 1;translate: 0 0}.stufe-2 .werk-linie svg{stroke-dashoffset: 0}.stufe-2 .werk-zettel small{opacity: 1}.werk-handy{position: absolute;right: 0;bottom: 0;width: 33%;opacity: 0;translate: 30% 8%;rotate: 4deg;transition: opacity .5s, translate .8s var(--ease), rotate .8s var(--ease)}.stufe-3 .werk-handy{opacity: 1;translate: 0 0;rotate: 0deg}.werk-handy-schirm{position: relative;aspect-ratio: 393 / 852;border-radius: 13% / 6%;padding: 3.2%;background: #0d0e11;box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .14), 0 40px 70px -30px rgba(0, 0, 0, 1);display: grid;grid-template-rows: 6.9% 1fr 4%}.werk-handy-schirm::before{content: "";position: absolute;inset: 3.2%;border-radius: 11% / 5.2%;background: #0b0b0d}.statusleiste{position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;padding: 0 9% 0 11%;color: #fff}.statusleiste b{font: 600 clamp(.42rem, .62vw, .6rem)/1 var(--sans)}.statusleiste .insel{position: absolute;left: 50%;top: 22%;width: 31%;height: 56%;translate: -50% 0;border-radius: 999px;background: #000}.statusleiste .zeichen{display: flex;gap: 2px;align-items: flex-end}.statusleiste .zeichen i{width: 3px;background: #fff;border-radius: 1px}.statusleiste .zeichen i:nth-child(1){height: 4px}.statusleiste .zeichen i:nth-child(2){height: 6px}.statusleiste .zeichen i:nth-child(3){height: 8px}.werk-handy-schirm img{position: relative;z-index: 1;width: 100%;height: 100%;object-fit: cover;object-position: top}.home-strich{position: relative;z-index: 1;justify-self: center;align-self: center;width: 36%;height: 3px;border-radius: 3px;background: rgba(255, 255, 255, .6)}.werk-handy-schirm img, .werk-handy-schirm .home-strich{border-radius: 0}.werk-handy-schirm > img{border-radius: 0 0 0 0}.werk-handy-schirm::after{content: "";position: absolute;inset: 3.2%;border-radius: 11% / 5.2%;box-shadow: inset 0 0 0 2px #0b0b0d;pointer-events: none;z-index: 2}.werk-sprache{position: absolute;right: 94%;bottom: 12%;display: flex;align-items: center;gap: .55rem;padding: .55rem .8rem;border-radius: 999px;background: var(--kreide);color: #17181c;box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .95);white-space: nowrap;opacity: 0;translate: 16px 0;transition: opacity .4s .7s, translate .6s var(--ease) .7s}.stufe-3 .werk-sprache{opacity: 1;translate: 0 0}.werk-sprache .spielen{width: 20px;height: 20px;border-radius: 50%;background: var(--rot);position: relative}.werk-sprache .spielen::after{content: "";position: absolute;left: 7.5px;top: 5.5px;border-left: 7px solid #fff;border-top: 4.5px solid transparent;border-bottom: 4.5px solid transparent}.werk-sprache .welle{display: flex;align-items: center;gap: 2px;height: 18px}.werk-sprache .welle i{width: 2.5px;height: 100%;border-radius: 2px;background: #17181c;scale: 1 .3}.stufe-3 .werk-sprache .welle i{animation: welle 1s ease-in-out infinite}.werk-sprache .welle i:nth-child(2n){animation-delay: -.3s !important}.werk-sprache .welle i:nth-child(3n){animation-delay: -.6s !important}.werk-sprache .welle i:nth-child(5n){animation-delay: -.15s !important}@keyframes welle{0%, 100%{scale: 1 .25}50%{scale: 1 1}}.werk-sprache small{font: 600 .72rem/1 var(--sans);color: var(--tinte-3)}@media (prefers-reduced-motion: reduce){.werk-buehne *, .werk-buehne{transition-duration: 0s !important;transition-delay: 0s !important;animation: none !important}}@media (max-width: 900px){.werk{grid-template-columns: 1fr;gap: 0}.werk-buehne{order: -1;top: var(--kopf-h);z-index: 2;height: auto;padding: 14px 0 18px;background: linear-gradient(180deg, var(--nacht) 88%, rgba(7, 8, 10, 0));margin-inline: calc(-1 * var(--rand));padding-inline: var(--rand)}.werk-buehne{padding-block: 10px 16px}.werk-rahmen{aspect-ratio: 1 / .62}.fenster, .werk-rahmen::before{top: 0;height: 100%;width: 100%;transform-origin: 0 50%}.fenster{transition: scale .8s var(--ease)}.stufe-3 .fenster{scale: .66}.fenster-seite{padding: 3.5% 5% 4%;gap: 4%}.m-kopf{height: 20px}.m-held{gap: 5%}.m-text{gap: 6px}.m-bild{aspect-ratio: 16 / 11}.m-karten i{height: 24px}.werk-handy{width: 28%;bottom: 0}.werk-sprache{right: 92%;bottom: 6%}.werk-zettel{left: 3%;bottom: -3%;width: 54%}.werk-schritt, .werk-schritt:first-child{min-height: 58vh;padding: 1.4rem 0;gap: .5rem}.werk-nr{font-size: 2.5rem}.werk-zettel{padding: .7rem .8rem}.werk-sprache{padding: .4rem .6rem}.fenster-leiste{height: 26px}.fenster-seite{top: 26px}.stempel, .live{top: calc(26px + 5%);font-size: .6rem}}.preis-raster{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(14px, 2vw, 22px);align-items: stretch}.preis{position: relative;display: grid;grid-template-rows: auto auto 1fr auto;gap: 1rem;padding: clamp(26px, 3vw, 36px);border-radius: 22px;background: #fbf9f5;box-shadow: 0 0 0 1px var(--linie-p), 0 30px 60px -44px rgba(30, 24, 16, .55)}.preis.empfohlen{background: var(--tinte);color: var(--papier);box-shadow: 0 0 0 1px #000, 0 40px 70px -40px rgba(10, 8, 6, .75)}.preis .name{font: 600 .78rem/1 var(--sans);letter-spacing: .18em;text-transform: uppercase;color: var(--tinte-3)}.preis.empfohlen .name{color: #ff7a6f}.preis .betrag{font-family: var(--serif);font-size: clamp(2.8rem, 4.6vw, 3.6rem);line-height: 1;letter-spacing: -.03em}.preis .betrag small{font-family: var(--sans);font-size: .9rem;letter-spacing: 0;color: var(--tinte-3);margin-left: .35rem}.preis.empfohlen .betrag small{color: var(--kreide-3)}.preis ul{list-style: none;display: grid;gap: .55rem;font-size: .97rem;color: var(--tinte-2);align-content: start}.preis.empfohlen ul{color: var(--kreide-2)}.preis li{display: grid;grid-template-columns: 18px 1fr;gap: .6rem}.preis li::before{content: "";width: 10px;height: 2px;margin-top: .72em;background: var(--rot);border-radius: 2px}.preis .knopf{justify-self: start}@property --glanz{syntax: '<percentage>';inherits: false;initial-value: 100%}.papier .preis.empfohlen{background: #17191e url("bilder/leinen.webp") repeat;background-size: 256px}.papier .preis.empfohlen::before{content: "";position: absolute;inset: 10px;border: 1px dashed rgba(236, 232, 225, .17);border-radius: 15px;pointer-events: none}.papier .preis.empfohlen .betrag{justify-self: start;padding-right: .06em;background: linear-gradient(110deg, #b0863a 0%, #dcb96d 18%, #b0863a 33%, #e8cb84 44%, #fff6dc 50%, #e8cb84 56%, #b0863a 67%, #dcb96d 82%, #b0863a 100%);background-size: 300% 100%;background-position: var(--glanz) 50%;-webkit-background-clip: text;background-clip: text;color: transparent;filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .55));transition: --glanz 2.2s cubic-bezier(.4, .1, .3, 1) .45s}.papier .preis.empfohlen.da .betrag{--glanz: 0%}.papier .preis.empfohlen .betrag small{-webkit-text-fill-color: var(--kreide-3)}.papier .preis.empfohlen .name{color: #e9c77c}.band{position: absolute;z-index: 2;top: 0;right: clamp(22px, 3vw, 32px);width: 24px;height: 92px;overflow: hidden;pointer-events: none}.band::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 74px;background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0) 9px), linear-gradient(90deg, #a9241b, #e23a2f 38%, #cf3127 62%, #9e2219);clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);translate: 0 -100%;transition: translate 1.1s cubic-bezier(.25, 1.35, .45, 1) .25s}.da > .band::before{translate: 0 0}@media (hover: hover){.papier .preis.empfohlen:hover .betrag{transition-duration: .7s;transition-delay: 0s}}@media (prefers-reduced-motion: reduce){.papier .preis.empfohlen .betrag, .band::before{transition: none}}.preis::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;opacity: 0;background: radial-gradient(130% 95% at var(--lx, 50%) var(--ly, 30%), rgba(60, 44, 26, 0) 15%, rgba(60, 44, 26, .06) 100%);mix-blend-mode: multiply;transition: opacity .6s var(--ease)}.papier .preis.empfohlen::after, .nacht .preis:not(.empfohlen)::after{background: radial-gradient(70% 55% at var(--lx, 50%) var(--ly, 30%), rgba(255, 238, 205, .085) 0%, rgba(255, 238, 205, 0) 100%);mix-blend-mode: normal}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.preis{transition: transform .55s var(--ease), box-shadow .55s var(--ease)}.js .preis.auftritt{transition: opacity .8s var(--ease) var(--v, 0s), translate .8s var(--ease) var(--v, 0s), transform .55s var(--ease), box-shadow .55s var(--ease)}.preis:hover{transform: translateY(-6px);box-shadow: 0 0 0 1px var(--linie-p), 0 46px 72px -42px rgba(30, 24, 16, .62)}.preis.empfohlen:hover{box-shadow: 0 0 0 1px #000, 0 58px 86px -40px rgba(10, 8, 6, .85)}.preis:hover::after{opacity: 1}}.preis-band{margin-top: clamp(22px, 3vw, 34px);display: grid;grid-template-columns: 1.2fr 1fr;gap: clamp(20px, 3vw, 40px);align-items: start;padding-top: clamp(22px, 3vw, 34px);border-top: 1px solid var(--linie-p)}.preis-band p{color: var(--tinte-2);font-size: .98rem}.pflege-zeile{display: flex;flex-wrap: wrap;gap: .5rem 1.6rem}.pflege-zeile b{font-family: var(--serif);font-weight: 400;font-size: 1.5rem;letter-spacing: -.02em;color: var(--tinte)}.pflege-zeile span{display: grid;gap: .1rem;font-size: .9rem;color: var(--tinte-3)}@media (max-width: 900px){.preis-raster{grid-template-columns: 1fr}.preis-band{grid-template-columns: 1fr}}.stimmen-raster{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);gap: clamp(40px, 6vw, 96px);align-items: start}.zitat{display: grid;gap: 1.4rem}.zitat .sterne{color: #e3b341;letter-spacing: .14em;font-size: 1.1rem}.zitat blockquote{font-family: var(--serif);font-size: clamp(1.7rem, 3vw, 2.5rem);line-height: 1.22;letter-spacing: -.015em;color: #f6f3ee}.zitat figcaption{display: grid;gap: .1rem;color: var(--kreide-3);font-size: .95rem}.zitat figcaption b{color: var(--kreide);font-weight: 600}.stimmen-weitere{list-style: none;display: grid;gap: 1.2rem;margin-top: 2rem}.stimmen-weitere li{padding-top: 1.2rem;border-top: 1px solid var(--linie-n);display: grid;gap: .35rem}.stimmen-weitere .sterne{color: #e3b341;font-size: .9rem;letter-spacing: .1em}.stimmen-schnitt{display: flex;align-items: baseline;gap: .8rem;color: var(--kreide-3);font-size: .95rem}.stimmen-schnitt b{font-family: var(--serif);font-weight: 400;font-size: 2.4rem;color: #f6f3ee;letter-spacing: -.02em}.bewertung{display: grid;gap: 1.1rem;padding: clamp(24px, 3vw, 34px);border-radius: 22px;background: var(--nacht-3);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px var(--linie-n)}.bewertung h3{color: #f6f3ee}.bewertung > p{color: var(--kreide-3);font-size: .95rem}.feld{display: grid;gap: .45rem;font-size: .9rem;color: var(--kreide-2)}.feld input, .feld textarea{width: 100%;padding: .85rem 1rem;border-radius: 12px;font-size: 1rem;color: var(--kreide);background: rgba(255, 255, 255, .04);border: 1px solid var(--linie-n2);transition: border-color .2s, background-color .2s}.feld input:focus, .feld textarea:focus{outline: none;border-color: var(--eis);background: rgba(255, 255, 255, .06)}.feld textarea{resize: vertical;min-height: 96px}.sterne-wahl{border: 0;display: grid;gap: .45rem}.sterne-wahl legend{font-size: .9rem;color: var(--kreide-2);margin-bottom: .45rem}.sterne-reihe{display: flex;gap: .3rem}.sterne-reihe input{position: absolute;opacity: 0;width: 1px;height: 1px}.sterne-reihe label{width: 44px;height: 44px;display: grid;place-items: center;font-size: 1.55rem;color: rgba(236, 232, 225, .24);cursor: pointer;border-radius: 10px;transition: color .15s, transform .15s}.sterne-reihe label:hover{transform: translateY(-1px)}.sterne-reihe .an{color: #e3b341}.sterne-reihe input:focus-visible + label{outline: 2px solid var(--eis);outline-offset: 2px}.hinweis-zeile{font-size: .9rem;min-height: 1.4em;color: var(--kreide-2)}.hp-feld{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}@media (max-width: 900px){.stimmen-raster{grid-template-columns: 1fr}}@font-face{font-family: "Unterschrift";src: url("fonts/unterschrift.woff2") format("woff2");font-display: swap}.ueber{overflow: clip;background: linear-gradient(180deg, var(--nacht) 0, var(--nacht-2) clamp(140px, 16vw, 230px), var(--nacht-2) calc(100% - clamp(140px, 16vw, 230px)), var(--nacht) 100%)}.ueber::before{content: "";position: absolute;left: 8%;top: 4%;width: min(900px, 90vw);height: 92%;pointer-events: none;background: radial-gradient(closest-side, rgba(255, 228, 190, .11), rgba(255, 220, 180, .04) 55%, rgba(255, 220, 180, 0) 78%)}.ueber-raster{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);gap: clamp(32px, 5vw, 80px);align-items: center}.brief{position: relative;padding: clamp(28px, 4vw, 54px) clamp(24px, 4vw, 56px) clamp(22px, 3vw, 36px);border-radius: 3px;background: var(--papier);color: var(--tinte);rotate: -1.2deg;box-shadow: 0 40px 70px -36px rgba(0, 0, 0, .95), 0 2px 0 rgba(255, 255, 255, .5) inset}.brief::after{content: "";position: absolute;inset: 0;pointer-events: none;border-radius: inherit;background: linear-gradient(115deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 32%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .06))}.brief-kopf{display: flex;align-items: center;gap: 1rem;margin-bottom: clamp(18px, 2.4vw, 28px)}.person-foto{width: 96px;height: 96px;border-radius: 50%;flex: none;background: #1a1a1a url("jonathan.jpg") center / cover no-repeat;filter: saturate(.85);box-shadow: 0 0 0 4px #fff, 0 12px 22px -10px rgba(0, 0, 0, .55);-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;pointer-events: none}.brief-absender{display: grid;gap: .15rem}.brief-absender b{font: 600 1rem/1.2 var(--sans)}.brief-absender small{font-size: .88rem;color: var(--tinte-3)}.brief-text{font-family: var(--serif);font-size: clamp(1.32rem, 2.1vw, 1.8rem);line-height: 1.38;letter-spacing: -.012em;color: var(--tinte)}.unterschrift{--schrift: 0%;justify-self: end;margin: .4rem 0 0 auto;width: max-content;padding: 0 .3em;font: 400 clamp(3.4rem, 6vw, 4.9rem)/1.1 "Unterschrift", cursive;color: #1d2b52;-webkit-mask-image: linear-gradient(90deg, #000 0 var(--schrift), transparent calc(var(--schrift) + 7%));mask-image: linear-gradient(90deg, #000 0 var(--schrift), transparent calc(var(--schrift) + 7%))}.brief .unterschrift{display: block;text-align: right}@property --schrift{syntax: '<percentage>';inherits: false;initial-value: 0%}.brief.da .unterschrift{--schrift: 108%;transition: --schrift 1.9s cubic-bezier(.45, .05, .35, 1) .35s}.no-js .unterschrift, html:not(.js) .unterschrift{--schrift: 108%}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.brief{animation: briefLegen linear both;animation-timeline: view();animation-range: entry 0% entry 70%}}}@keyframes briefLegen{from{transform: perspective(1400px) rotateX(16deg) translate3d(0, 70px, 0) scale(.95);rotate: -4deg}to{transform: none;rotate: -1.2deg}}@media (prefers-reduced-motion: reduce){.unterschrift{--schrift: 108% !important;transition: none !important}}.wege{display: grid;gap: .85rem}.weg{--ohr: 10px;position: relative;display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: center;gap: 1rem;padding: 1.05rem 1.2rem;border-radius: 4px;background: rgba(236, 232, 225, .06);color: var(--kreide);box-shadow: inset 0 0 0 1px rgba(236, 232, 225, .08);clip-path: polygon(0 0, calc(100% - var(--ohr)) 0, 100% var(--ohr), 100% 100%, 0 100%);transition: --ohr .4s var(--ease), background-color .3s, translate .4s var(--ease)}.weg::after{content: "";position: absolute;top: 0;right: 0;width: var(--ohr);height: var(--ohr);background: linear-gradient(to top right, var(--rot) 0 50%, transparent 50%)}@media (hover: hover){.weg:hover{--ohr: 22px;background: rgba(236, 232, 225, .11);translate: 6px 0}}.weg:focus-visible{--ohr: 22px}.weg-zeichen{width: 50px;height: 50px;border-radius: 50%;display: grid;place-items: center;background: var(--kreide);color: #111214}.weg-zeichen svg{width: 24px;height: 24px;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round;overflow: visible}.weg-text{display: grid;gap: .2rem;min-width: 0}.weg-text b{font: 600 1.02rem/1.2 var(--sans)}.weg-text small{font-size: .88rem;color: var(--kreide-3);overflow-wrap: anywhere}.weg-tel .hoerer{transform-origin: 50% 50%;transform-box: fill-box}.weg-tel:hover .hoerer, .weg-tel:focus-visible .hoerer, .weg-tel.tipp .hoerer{animation: klingeln .9s ease-in-out 2}@keyframes klingeln{0%, 100%{rotate: 0deg}10%, 30%, 50%{rotate: -14deg}20%, 40%, 60%{rotate: 14deg}70%{rotate: 0deg}}.weg-wa .tp{fill: currentColor;stroke: none;opacity: .35;transform-box: fill-box;transform-origin: 50% 50%}.weg-wa:hover .tp, .weg-wa:focus-visible .tp, .weg-wa.tipp .tp{animation: tippen 1s ease-in-out infinite}.weg-wa .t2{animation-delay: .15s !important}.weg-wa .t3{animation-delay: .3s !important}@keyframes tippen{0%, 60%, 100%{opacity: .35;translate: 0 0}30%{opacity: 1;translate: 0 -2.4px}}.weg-mail .klappe{transform-box: view-box;transform-origin: 12px 6.6px;transition: transform .45s var(--ease)}.weg-mail .blatt{fill: var(--kreide);stroke-width: 1.3;transition: translate .45s var(--ease) .12s}.weg-mail:hover .klappe, .weg-mail:focus-visible .klappe, .weg-mail.tipp .klappe{transform: scaleY(-1)}.weg-mail:hover .blatt, .weg-mail:focus-visible .blatt, .weg-mail.tipp .blatt{translate: 0 -5px}@media (prefers-reduced-motion: reduce){.weg *, .weg{animation: none !important;transition: none !important}}@media (max-width: 900px){.ueber-raster{grid-template-columns: 1fr}.brief{rotate: -.8deg}.person-foto{width: 72px;height: 72px}}.fragen-raster{display: grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);gap: clamp(32px, 6vw, 96px);align-items: start}.fragen-liste{border-top: 1px solid var(--linie-p)}.fragen-liste details{position: relative;border-bottom: 1px solid var(--linie-p)}.fragen-liste details::before{content: "";position: absolute;left: calc(-1 * clamp(14px, 2.4vw, 34px));top: -1px;width: clamp(9px, 1vw, 13px);height: 74px;background: linear-gradient(90deg, rgba(0, 0, 0, .22), rgba(255, 255, 255, .18) 45%, rgba(0, 0, 0, .2)), linear-gradient(180deg, #a3241c, #d6382e);clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 7px), 0 100%);transform-origin: 50% 0;transform: scaleY(0);transition: transform .5s var(--ease)}.fragen-liste details.auf::before{transform: scaleY(1);transition: transform .7s cubic-bezier(.34, 1.4, .64, 1) .05s}.fragen-liste summary{list-style: none;cursor: pointer;display: grid;grid-template-columns: 2.6rem minmax(0, 1fr) auto;align-items: center;gap: .4rem;padding: 1.3rem 0;font-family: var(--serif);font-size: clamp(1.15rem, 1.6vw, 1.38rem);line-height: 1.3;color: var(--tinte)}.fragen-liste summary::-webkit-details-marker{display: none}.fr-nr{font: 600 .78rem/1 var(--sans);letter-spacing: .1em;color: var(--tinte-3);transition: color .3s}.fr-text{transition: translate .45s var(--ease)}@media (hover: hover){.fragen-liste summary:hover .fr-text{translate: 4px 0}.fragen-liste summary:hover .fr-nr{color: var(--rot-tief)}}.fragen-liste details.auf .fr-nr{color: var(--rot-tief)}.fr-ecke{--ohr: 7px;position: relative;width: 20px;height: 20px;flex: none;border-radius: 2px;background: rgba(23, 24, 28, .16);clip-path: polygon(0 0, calc(100% - var(--ohr)) 0, 100% var(--ohr), 100% 100%, 0 100%);transition: --ohr .5s var(--ease)}.fr-ecke::after{content: "";position: absolute;top: 0;right: 0;width: var(--ohr);height: var(--ohr);background: linear-gradient(to top right, var(--rot) 0 50%, transparent 50%)}.fragen-liste details.auf .fr-ecke{--ohr: 20px}@media (hover: hover){.fragen-liste summary:hover .fr-ecke{--ohr: 12px}.fragen-liste details.auf summary:hover .fr-ecke{--ohr: 20px}}.fragen-liste .antwort{overflow: hidden;position: relative}.fragen-liste .antwort p{padding: 0 0 1.5rem 2.6rem;color: var(--tinte-2);max-width: 64ch;transform-origin: 50% 0}@media (max-width: 560px){.fragen-liste .antwort p{padding-left: 0}.fragen-liste summary{grid-template-columns: 2.2rem minmax(0, 1fr) auto}}@media (max-width: 900px){.fragen-raster{grid-template-columns: 1fr}}.abschluss{position: relative;overflow: hidden;text-align: center;padding: clamp(110px, 14vw, 190px) 0;background: var(--nacht)}.abschluss::before{content: "";position: absolute;left: 50%;top: -12%;width: min(1100px, 150vw);height: 120%;translate: -50% 0;pointer-events: none;background: radial-gradient(closest-side, rgba(255, 233, 204, .16), rgba(255, 220, 180, .06) 45%, rgba(255, 220, 180, 0) 72%)}.abschluss .huelle{display: grid;justify-items: center;gap: 1.5rem}.abschluss h2{font-size: clamp(2.3rem, 5.4vw, 4.4rem);max-width: 17ch;color: #f6f3ee}.abschluss .lead{margin-inline: auto;text-align: center}.abschluss h2.bunt span{transition: color .9s var(--ease)}.abschluss h2.bunt .f-rot{color: #ff5a4e;transition-delay: .1s}.abschluss h2.bunt .f-blau{color: var(--eis);transition-delay: .45s}.abschluss h2.bunt .f-weiss{color: #f6f3ee;transition-delay: .8s}.js .abschluss h2.bunt:not(.da) span{color: rgba(236, 232, 225, .62)}.abschluss-knoepfe{display: grid;justify-items: center;gap: .75rem;margin-top: .6rem;width: min(100%, 420px)}.abschluss-knoepfe .knopf.gross{width: 100%;min-height: 60px;font-size: 1.06rem}.abschluss-knoepfe .neben{display: grid;grid-template-columns: 1fr 1fr;gap: .75rem;width: 100%}.abschluss-knoepfe .neben .knopf{width: 100%}.menue-auf nav.handy-leiste{translate: 0 140%}.seite-inhalt{position: relative;z-index: 1;background: var(--nacht);overflow-x: clip}.fuss{position: relative;background: radial-gradient(50% 70% at 50% 0%, rgba(255, 228, 186, .07), rgba(255, 228, 186, 0) 70%) #060608;color: var(--kreide-3);font-size: .92rem}.fuss::before{content: "";position: absolute;z-index: 1;left: 0;right: 0;top: 12px;border-top: 2px dashed rgba(229, 57, 47, .75);pointer-events: none}.fuss .huelle{position: relative;z-index: 2;display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 32px;padding: clamp(60px, 7.5vw, 90px) 0 clamp(28px, 4vw, 40px)}.fuss .marke-zeile{display: grid;gap: .8rem;color: var(--kreide-2);max-width: 30rem}.fuss .marke-zeile .brand-name{font-family: var(--serif);font-size: clamp(1.9rem, 3vw, 2.4rem);line-height: 1;letter-spacing: -.02em;color: #fff}.fuss .brand-accent{color: var(--eis)}.fuss nav, .fuss .spalte{display: grid;gap: .55rem;align-content: start}.fuss .spalte b{color: var(--rot);font-weight: 600;font-size: .78rem;letter-spacing: .16em;text-transform: uppercase;margin-bottom: .3rem}.fuss a{color: var(--kreide-2);transition: color .2s}.fuss a:hover{color: #fff}.fuss .unten{grid-column: 1 / -1;display: flex;justify-content: space-between;gap: 1rem;flex-wrap: wrap;padding-top: 22px;border-top: 1px solid var(--linie-n);font-size: .82rem;color: var(--kreide-3)}.insta{display: inline-flex;align-items: center;gap: .45rem;width: fit-content;font-weight: 500}.insta svg{width: 15px;height: 15px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.8}.insta .punkt{fill: currentColor;stroke: none}.brief-absender .insta, .kontakt-info .insta{margin-top: .2rem;font-size: .86rem;color: #1a68b0}.brief-absender .insta:hover, .kontakt-info .insta:hover{text-decoration: underline;text-underline-offset: 3px}@media (max-width: 760px){.fuss .huelle{grid-template-columns: 1fr 1fr}.fuss .marke-zeile{grid-column: 1 / -1}}.handy-leiste{display: none}@media (max-width: 760px){nav.handy-leiste{display: grid;grid-template-columns: 1fr 1fr 1.4fr;gap: 6px;position: fixed;z-index: 40;left: 8px;right: 8px;bottom: max(8px, env(safe-area-inset-bottom));padding: 6px;border-radius: 999px;background: rgba(18, 20, 24, .78);-webkit-backdrop-filter: blur(10px) saturate(1.4);backdrop-filter: blur(10px) saturate(1.4);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 0 1px rgba(255, 255, 255, .08), 0 16px 34px -14px rgba(0, 0, 0, .8);translate: 0 140%;transition: translate .45s var(--ease)}.handy-leiste.da{translate: 0 0}.handy-leiste a{min-height: 46px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;gap: .45rem;font-weight: 600;font-size: .88rem;color: var(--kreide);background: rgba(255, 255, 255, .06)}.handy-leiste a.haupt{background: var(--eis);color: var(--tinte)}.handy-leiste svg{width: 17px;height: 17px}.nfc-auf nav.handy-leiste.da{translate: 0 140%}}.nfc-karte{position: fixed;z-index: 45;left: 50%;bottom: max(12px, env(safe-area-inset-bottom));width: min(420px, calc(100% - 20px));display: grid;gap: 14px;padding: 16px 16px 16px 18px;border-radius: 5px;background: #fbf9f4;color: var(--tinte);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 0 0 1px rgba(23, 24, 28, .12), 0 -10px 34px -14px rgba(0, 0, 0, .28), 0 34px 70px -24px rgba(0, 0, 0, .85), 0 10px 22px -12px rgba(0, 0, 0, .5);translate: -50% calc(100% + 60px);rotate: -3deg;opacity: 0;pointer-events: none;transition: translate .75s var(--ease), rotate .75s var(--ease), opacity .35s}.nfc-karte.da{translate: -50% 0;rotate: 0deg;opacity: 1;pointer-events: auto}.menue-auf .nfc-karte{opacity: 0;pointer-events: none}.nfc-kopf{display: flex;align-items: center;gap: 13px;padding-right: 34px}.nfc-foto{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;flex: none;box-shadow: 0 0 0 1px rgba(23, 24, 28, .1)}.nfc-kopf p{display: grid;gap: 3px;min-width: 0}.nfc-kopf b{font: 500 1.28rem/1.12 var(--serif);letter-spacing: -.01em}.nfc-kopf small{font-size: .84rem;line-height: 1.35;color: var(--tinte-3)}.nfc-speichern{width: 100%}.nfc-speichern .symbol{fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round}.nfc-zu{position: absolute;top: 4px;right: 4px;width: 44px;height: 44px;display: grid;place-items: center;border: 0;border-radius: 50%;background: none;color: var(--tinte-3);cursor: pointer}.nfc-zu svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round}@media (hover: hover){.nfc-zu:hover{color: var(--tinte);background: rgba(23, 24, 28, .06)}}.nfc-zu:focus-visible{outline: 2px solid var(--eis-tief);outline-offset: -4px}.nfc-danke{display: none;min-height: 52px;align-items: center;font-weight: 600;color: var(--tinte-2)}.nfc-karte.danke .nfc-speichern{display: none}.nfc-karte.danke .nfc-danke{display: flex}@media (prefers-reduced-motion: reduce){.nfc-karte{translate: -50% 0;rotate: 0deg;transition: opacity .3s}}.js .auftritt{opacity: 0;translate: 0 22px;transition: opacity .8s var(--ease), translate .8s var(--ease);transition-delay: var(--v, 0s)}.js .auftritt.da{opacity: 1;translate: 0 0}@media (prefers-reduced-motion: reduce){.js .auftritt{opacity: 1;translate: none;transition: none}}.seitenkopf{padding: calc(var(--kopf-h) + clamp(56px, 9vw, 110px)) 0 clamp(40px, 6vw, 70px);background: var(--nacht);position: relative;overflow: hidden}.seitenkopf::before{content: "";position: absolute;right: -10%;top: -30%;width: 70vw;height: 140%;pointer-events: none;background: radial-gradient(closest-side, rgba(255, 233, 204, .1), rgba(255, 220, 180, 0) 70%)}.seitenkopf .huelle{display: grid;gap: 1.2rem;max-width: 860px;margin-left: max(var(--rand), calc((100% - var(--breit)) / 2))}.prosa{max-width: 72ch;display: grid;gap: 1.1rem;color: var(--kreide-2)}.prosa h2{font-size: clamp(1.5rem, 2.6vw, 2rem);margin-top: 1.4rem;color: var(--kreide)}.prosa h3{font-size: 1.2rem;margin-top: 1rem;color: var(--kreide)}.prosa a{color: var(--eis);text-decoration: underline;text-underline-offset: 3px}.prosa ul, .prosa ol{padding-left: 1.2rem;display: grid;gap: .4rem}.papier .prosa{color: var(--tinte-2)}.papier .prosa h2, .papier .prosa h3{color: var(--tinte)}.papier .prosa a{color: #11669f}html:root{--we-marke: #e5392f;--we-akzent: #5cc6ff}.site-header .brand{position: relative}.gw-logo-canvas{position: absolute;left: -44px;top: -36px;width: calc(100% + 88px);height: calc(100% + 72px);pointer-events: none;z-index: 3}html.gw-logo-an .brand .logo-mark, html.gw-logo-an .brand .brand-name{opacity: 0;animation: gwLogoNotfall .01s 3.4s forwards}html.gw-logo-an .brand.gw-logo-da .logo-mark, html.gw-logo-an .brand.gw-logo-da .brand-name{opacity: 1;animation: none;transition: opacity .7s var(--ease)}@keyframes gwLogoNotfall{to{opacity: 1}}html.gw-sanft .buehne-bild{animation: gwSanftLicht 1.6s cubic-bezier(.3, 0, .2, 1) backwards}html.gw-sanft :is(.start-text .inhalt, .seitenkopf .huelle) > *{animation: gwSanftAuf 1.2s cubic-bezier(.16, 1, .3, 1) .25s backwards}html.gw-sanft :is(.start-text .inhalt, .seitenkopf .huelle) > :nth-child(2){animation-delay: .35s}html.gw-sanft :is(.start-text .inhalt, .seitenkopf .huelle) > :nth-child(3){animation-delay: .45s}html.gw-sanft :is(.start-text .inhalt, .seitenkopf .huelle) > :nth-child(4){animation-delay: .55s}@keyframes gwSanftLicht{from{opacity: .3}}html.gw-partikel .buehne-leinwand{opacity: .999;transition: none}html:is(.gw-partikel, .gw-partikel-ende) .buehne-leinwand{z-index: 3;pointer-events: none}html.gw-partikel .buehne-bild, html.gw-partikel .start-text .inhalt > *{opacity: .005;will-change: opacity}html.gw-partikel:not(.gw-immer) .buehne-bild, html.gw-partikel:not(.gw-immer) .start-text .inhalt > *{animation: gwPartikelNot .01s 3.8s forwards}html.gw-partikel:not(.gw-immer) .buehne-leinwand{animation: gwPartikelNotAus .01s 3.8s forwards}html.gw-partikel-ende .buehne-bild, html.gw-partikel-ende .start-text .inhalt > *{will-change: opacity}@keyframes gwPartikelNot{to{opacity: 1}}@keyframes gwPartikelNotAus{to{opacity: 0}}html.gw-partikel-ende .buehne-leinwand{opacity: 0;transition: opacity .3s cubic-bezier(.4, 0, .2, 1)}@keyframes gwSanftAuf{from{opacity: .01;transform: translate3d(0, 26px, 0)}}.anker-arbeiten{position: absolute;left: 0;top: 125vh;width: 1px;height: 1px}@media (max-width: 760px){.anker-arbeiten{top: 140vh}}.ohne-buch .anker-arbeiten{top: 100vh}@media (max-width: 420px){.etikett{font-size: .68rem;letter-spacing: .15em;gap: .55rem}.etikett::before{width: 20px}}.seitenkopf.mittig .huelle{margin-inline: auto;text-align: center;justify-items: center}.seitenkopf.mittig .start-knoepfe{justify-content: center}.seitenkopf .start-knoepfe{margin-top: .6rem}.nacht .preis{background: var(--nacht-3);color: var(--kreide);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px var(--linie-n)}.nacht .preis .name{color: var(--kreide-3)}.nacht .preis .betrag small{color: var(--kreide-3)}.nacht .preis ul{color: var(--kreide-2)}.nacht .preis.empfohlen{background: var(--papier);color: var(--tinte);box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .9)}.nacht .preis.empfohlen .name{color: var(--rot-tief)}.nacht .preis.empfohlen .betrag small{color: var(--tinte-3)}.nacht .preis.empfohlen ul{color: var(--tinte-2)}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.nacht .preis:hover{box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 1px var(--linie-n), 0 40px 60px -38px rgba(0, 0, 0, .9)}.nacht .preis.empfohlen:hover{box-shadow: 0 46px 76px -36px rgba(0, 0, 0, .95)}}.preis-band b{color: var(--tinte);font-weight: 600}.kontakt-raster{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);gap: clamp(32px, 6vw, 88px);align-items: start}.formular{display: grid;gap: 1.1rem;padding: clamp(24px, 3.4vw, 40px);border-radius: 22px;background: #fbf9f5;box-shadow: 0 0 0 1px var(--linie-p), 0 30px 60px -44px rgba(30, 24, 16, .55)}.formular .knopf{justify-self: start}.papier .feld{color: var(--tinte-2)}.papier .feld input, .papier .feld textarea{background: #fff;border-color: var(--linie-p2);color: var(--tinte)}.papier .feld input:focus, .papier .feld textarea:focus{border-color: var(--eis-tief);background: #fff}.papier .hinweis-zeile{color: var(--tinte-2)}.kontakt-info{display: grid;gap: 1.6rem;align-content: start;color: var(--tinte-2)}.kontakt-info h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);margin-bottom: .4rem}.kontakt-info h3{font-size: 1.2rem;margin-bottom: .3rem}.kontakt-info .netz-links{display: grid;gap: .55rem;justify-items: start}.kontakt-info .netz-links .insta{margin-top: 0}.kontakt-wege.senkrecht{flex-direction: column;align-items: flex-start}@media (max-width: 900px){.kontakt-raster{grid-template-columns: 1fr}}.lexikon-leiste{display: flex;flex-wrap: wrap;gap: 1rem 1.4rem;align-items: center;justify-content: space-between;margin-bottom: clamp(28px, 4vw, 44px)}.lexikon-suche{position: relative;flex: 1 1 320px;max-width: 520px}.lexikon-suche svg{position: absolute;left: 16px;top: 50%;translate: 0 -50%;width: 20px;height: 20px;fill: none;stroke: var(--tinte-3);stroke-width: 1.8;stroke-linecap: round}.lexikon-suche input{width: 100%;min-height: 52px;padding: .8rem 1rem .8rem 48px;border-radius: 999px;border: 1px solid var(--linie-p2);background: #fff;color: var(--tinte);font-size: 1rem}.lexikon-suche input:focus{outline: none;border-color: var(--eis-tief)}.chips{display: flex;flex-wrap: wrap;gap: .45rem}.chip{min-height: 40px;padding: 0 1rem;border-radius: 999px;font-size: .9rem;font-weight: 500;color: var(--tinte-2);box-shadow: inset 0 0 0 1px var(--linie-p2)}.chip.active{background: var(--tinte);color: var(--papier);box-shadow: none}.glossar{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));gap: 0 clamp(24px, 4vw, 56px)}.glossar .term{padding: 1.4rem 0 1.5rem;border-top: 1px solid var(--linie-p);display: grid;gap: .35rem;align-content: start}.glossar .term[hidden]{display: none}.glossar .term .cat{font: 600 .7rem/1 var(--sans);letter-spacing: .16em;text-transform: uppercase;color: var(--rot-tief)}.glossar .term h3{font-size: 1.4rem;color: var(--tinte)}.glossar .term p{color: var(--tinte-2);font-size: .98rem}.gloss-empty{display: none;color: var(--tinte-2);padding: 1rem 0}.seitenkopf .lichtschrift{width: min(100%, 980px);justify-self: center}.js h2.satz .w{display: inline-block;overflow: clip;vertical-align: bottom;padding: .12em .02em .16em;margin: -.12em -.02em -.16em}.js h2.satz .w > span{display: inline-block;translate: 0 112%;rotate: 6deg;transform-origin: 0 100%;transition: translate .95s var(--ease) calc(var(--i, 0) * 45ms), rotate .95s var(--ease) calc(var(--i, 0) * 45ms)}.js h2.satz.gesetzt .w > span{translate: 0 0;rotate: 0deg}.zahlen .klappe{display: inline-flex;gap: .07em;font-weight: 400;font-style: normal;vertical-align: top}.fb{position: relative;display: inline-block;width: .74em;height: 1.1em;perspective: 3.5em;border-radius: .09em;background: #121418;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 .12em .22em rgba(0, 0, 0, .55)}.fb > span{position: absolute;left: 0;right: 0;height: 50%;overflow: hidden;background: linear-gradient(180deg, #1e2127, #17191e);backface-visibility: hidden;-webkit-backface-visibility: hidden}.fb-o, .fb-ko{top: 0;border-radius: .09em .09em 0 0;transform-origin: 50% 100%}.fb-u, .fb-ku{bottom: 0;border-radius: 0 0 .09em .09em;transform-origin: 50% 0;background: linear-gradient(180deg, #15171c, #121418) !important}.fb-ko, .fb-ku{z-index: 2}.fb-ku{transform: rotateX(90deg)}.fb i{position: absolute;left: 0;right: 0;height: 200%;display: grid;place-items: center;font-style: normal;line-height: 1;color: #f6f3ee}.fb-o i, .fb-ko i{top: 0}.fb-u i, .fb-ku i{top: -100%}.fb::after{content: "";position: absolute;z-index: 3;left: 0;right: 0;top: calc(50% - .5px);height: 1px;background: rgba(0, 0, 0, .8);box-shadow: 0 1px 0 rgba(255, 255, 255, .05)}.fb.klappt .fb-ko{animation: fbOben var(--fb-t, 90ms) ease-in forwards}.fb.klappt .fb-ku{animation: fbUnten var(--fb-t, 90ms) ease-out forwards}@keyframes fbOben{0%{transform: rotateX(0deg)}50%, 100%{transform: rotateX(-90deg)}}@keyframes fbUnten{0%, 50%{transform: rotateX(90deg)}100%{transform: rotateX(0deg)}}.brief-ablage{position: relative}.briefbogen{position: relative;z-index: 2;background: #fffdf8;border-radius: 3px;gap: 1.35rem;box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 34px 60px -34px rgba(30, 24, 16, .55), 0 0 0 1px rgba(23, 24, 28, .07);transform-origin: 50% 100%}.briefbogen-kopf{display: flex;align-items: center;gap: .9rem;padding-bottom: 1.1rem;margin-bottom: .2rem;border-bottom: 1px solid var(--linie-p)}.briefbogen-kopf .logo-mark{width: 52px;height: 52px;color: var(--tinte)}.briefbogen-kopf p{display: grid;gap: .1rem}.briefbogen-kopf small{font-size: .78rem;color: var(--tinte-3)}.briefbogen-kopf small:first-child{font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--rot-tief);font-size: .68rem}.briefbogen-kopf b{font: 400 1.4rem/1.1 var(--serif);color: var(--tinte)}.feld.zeile{position: relative;gap: .2rem}.feld.zeile > span{font: 600 .72rem/1 var(--sans);letter-spacing: .12em;text-transform: uppercase;color: var(--tinte-3);transition: color .3s}.papier .feld.zeile input, .papier .feld.zeile textarea{padding: .55rem 0 .5rem;border: 0;border-radius: 0;background: transparent;font-size: 1.06rem;border-bottom: 1px solid rgba(23, 24, 28, .22)}.papier .feld.zeile textarea{min-height: 150px;line-height: 2rem;padding-top: .3rem;background-image: repeating-linear-gradient(180deg, transparent 0 calc(2rem - 1px), rgba(23, 24, 28, .12) calc(2rem - 1px) 2rem);background-attachment: local;resize: vertical}.papier .feld.zeile input:focus, .papier .feld.zeile textarea:focus{background-color: transparent;border-bottom-color: rgba(23, 24, 28, .22)}.feld.zeile::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;border-radius: 2px;background: linear-gradient(90deg, var(--rot), #1d2b52 70%);transform: scaleX(0);transform-origin: left;transition: transform .6s var(--ease)}.feld.zeile:focus-within::after{transform: scaleX(1)}.feld.zeile:focus-within > span{color: var(--rot-tief)}.aktion{display: grid;gap: .45rem;justify-items: start}.aktion-auf{display: none;padding: .35rem 0;font: 600 .92rem/1.2 var(--sans);color: #11669f;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;cursor: pointer}.js .aktion-auf{display: inline-block}.js .aktion:not(.offen) .feld, .js .aktion:not(.offen) .aktion-hinweis, .js .aktion.offen .aktion-auf{display: none}.aktion .feld{justify-self: stretch}.aktion .feld input{text-transform: uppercase;letter-spacing: .06em}.aktion .feld input::placeholder{text-transform: none;letter-spacing: 0}.aktion-hinweis{min-height: 1.35em;font-size: .92rem;color: var(--tinte-2)}.aktion.gueltig .aktion-hinweis{display: inline-flex;align-items: center;gap: .45rem;font-weight: 600;color: #11669f}.aktion.gueltig .aktion-hinweis::before{content: "";width: 14px;height: 8px;margin-top: -3px;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;rotate: -45deg;animation: aktionHaken .22s var(--ease)}@keyframes aktionHaken{from{scale: .4;opacity: 0}}@media (prefers-reduced-motion: reduce){.aktion.gueltig .aktion-hinweis::before{animation: none}}@media (pointer: coarse){.aktion-auf{min-height: 44px}}.wege.hell .weg{background: #fffdf8;color: var(--tinte);box-shadow: 0 0 0 1px rgba(23, 24, 28, .08), 0 18px 34px -26px rgba(30, 24, 16, .5)}@media (hover: hover){.wege.hell .weg:hover{background: #fff}}.wege.hell .weg-zeichen{background: var(--tinte);color: var(--papier)}.wege.hell .weg-text small{color: var(--tinte-3)}.wege.hell .weg-mail .blatt{fill: var(--tinte);stroke: var(--papier)}.umschlag{position: absolute;left: 50%;bottom: -10px;width: min(56%, 320px);margin-left: calc(-1 * min(28%, 160px));aspect-ratio: .74;pointer-events: none}.umschlag i{position: absolute;left: 0;right: 0;top: 0;height: 100%;border-radius: 6px;opacity: 0;transition: opacity .3s}.u-hinten{z-index: 1;background: #d8cfbf;box-shadow: 0 30px 60px -30px rgba(30, 24, 16, .7)}.u-vorn{z-index: 3;background: linear-gradient(170deg, #efe8db, #e2d9c9);clip-path: polygon(0 26%, 50% 46%, 100% 26%, 100% 100%, 0 100%)}.umschlag .u-klappe{z-index: 0;height: 40%;border-radius: 6px 6px 0 0;background: linear-gradient(180deg, #e7dfd0, #d9cfbe);clip-path: polygon(0 0, 100% 0, 50% 100%);transform-origin: 50% 0;transform: perspective(900px) rotateX(180deg)}.brief-ablage.sendet .umschlag i{opacity: 1}.brief-ablage.sendet .briefbogen{pointer-events: none;animation: briefEinstecken 1.05s cubic-bezier(.5, 0, .3, 1) forwards}.brief-ablage.sendet .u-klappe{animation: klappeZu .45s cubic-bezier(.3, 0, .2, 1) 1.05s forwards}.brief-ablage.sendet{animation: ablageFliegt .8s cubic-bezier(.6, 0, .4, 1) 1.6s forwards}@keyframes briefEinstecken{0%{transform: none}50%{transform: translateY(var(--y1, -60%)) scale(var(--s, .45))}100%{transform: translateY(var(--y2, 0px)) scale(var(--s, .45))}}@keyframes klappeZu{0%{z-index: 4;transform: perspective(900px) rotateX(180deg)}100%{z-index: 4;transform: perspective(900px) rotateX(0deg)}}@keyframes ablageFliegt{0%{transform: none;opacity: 1}100%{transform: translate(55vw, -65vh) rotate(-14deg) scale(.45);opacity: 0}}@media (max-width: 900px){.umschlag{bottom: -6px}}.lexikon-kopf .huelle{max-width: none;width: min(100% - 2 * var(--rand), var(--breit));margin-inline: auto;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);gap: clamp(28px, 5vw, 84px);align-items: center}.lexikon-kopf-text{display: grid;gap: 1.2rem}.kasten{position: relative;height: 380px;perspective: 1100px;perspective-origin: 50% 0%}.kasten[hidden]{display: none}.kasten-karten{position: absolute;left: 50%;bottom: 96px;width: min(100%, 420px);height: 236px;margin-left: calc(-1 * min(50%, 210px));transform-style: preserve-3d}.k-karte{--k: 0;position: absolute;inset: 0;padding: 22px 26px 18px;border-radius: 7px;display: grid;align-content: start;gap: .35rem;background: #f6f2ea;color: var(--tinte);cursor: pointer;transform-origin: 50% 100%;box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 18px 30px -18px rgba(0, 0, 0, .8);transform: translate3d(0, calc(var(--k) * -17px), calc(var(--k) * -30px));filter: brightness(calc(1 - var(--k) * .09));transition: transform .65s var(--ease), filter .65s var(--ease), opacity .4s;opacity: 1;backface-visibility: hidden;-webkit-backface-visibility: hidden}.k-karte.weg{opacity: 0;pointer-events: none}.k-karte .reiter{position: absolute;top: -20px;left: calc(18px + var(--r, 0) * 19%);min-width: 34px;padding: 4px 10px 8px;border-radius: 6px 6px 0 0;background: inherit;text-align: center;font: 700 .76rem/1 var(--sans);letter-spacing: .06em;color: var(--rot-tief);box-shadow: 0 -1px 0 rgba(255, 255, 255, .6) inset}.k-cat{font: 600 .68rem/1 var(--sans);letter-spacing: .16em;text-transform: uppercase;color: var(--rot-tief)}.k-wort{font: 400 clamp(1.7rem, 2.6vw, 2.2rem)/1.05 var(--serif);letter-spacing: -.02em;margin-top: .2rem}.k-text{font-size: .95rem;line-height: 1.5;color: var(--tinte-2);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.k-link{justify-self: start;margin-top: .35rem;font: 600 .82rem/1 var(--sans);color: #11669f;text-decoration: underline;text-underline-offset: 3px}.kasten-front{position: absolute;left: 50%;bottom: 52px;width: min(108%, 454px);height: 112px;margin-left: calc(-1 * min(54%, 227px));z-index: 2;background: #15171c url("bilder/leinen.webp") repeat;background-size: 256px;border-radius: 4px 4px 10px 10px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -10px 18px -10px rgba(0, 0, 0, .7), 0 34px 50px -22px rgba(0, 0, 0, .95);display: grid;place-items: center}.kasten-front::before{content: "";position: absolute;inset: 6px;border: 1px dashed rgba(236, 232, 225, .15);border-radius: 3px 3px 7px 7px;pointer-events: none}.kasten-schild{padding: .5rem 1rem;border-radius: 3px;font: 600 .66rem/1 var(--sans);letter-spacing: .22em;text-transform: uppercase;color: #e9d9b8;background: linear-gradient(180deg, rgba(233, 217, 184, .14), rgba(233, 217, 184, .05));box-shadow: inset 0 0 0 1px rgba(233, 217, 184, .35)}.kasten-steuer{position: absolute;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;gap: 1rem}.kasten-zahl{min-width: 5.5rem;text-align: center;font: 600 .82rem/1 var(--sans);color: var(--kreide-3);font-variant-numeric: tabular-nums}.kasten-knopf{width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;color: var(--kreide);background: rgba(236, 232, 225, .08);transition: background-color .25s}.kasten-knopf:hover{background: rgba(236, 232, 225, .16)}.kasten-knopf svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.glossar .term.gefunden{animation: gefunden 2.2s var(--ease)}@keyframes gefunden{0%, 40%{background: rgba(229, 57, 47, .1);box-shadow: -14px 0 0 rgba(229, 57, 47, .1), 14px 0 0 rgba(229, 57, 47, .1)}100%{background: transparent;box-shadow: none}}@media (max-width: 900px){.lexikon-kopf .huelle{grid-template-columns: 1fr}.kasten{height: 350px;margin-top: 4.2rem}.kasten-karten{height: 222px}}