.seite{background:var(--color-white);color:var(--color-ink-70)}.seite .innen{max-width:calc(1240px + 2 * var(--rand));padding:0 var(--rand);margin:0 auto}.seite .innen--schmal{max-width:calc(960px + 2 * var(--rand))}.seite .tafel{z-index:3;background:var(--color-white);border-radius:36px 36px 0 0;margin-top:-36px;position:relative}.seite .abschnitt{padding:96px 0}.seite .abschnitt--hell{background:var(--color-ivory)}.seite .abschnitt--dunkel{background:var(--color-night);color:var(--color-mist)}.seite h1,.seite h2,.seite h3,.seite h4{color:var(--color-ink);font-family:var(--font-display);margin:0;font-weight:700}.seite .abschnitt--dunkel h2,.seite .abschnitt--dunkel h3{color:var(--color-ivory)}.seite h1{letter-spacing:-.02em;font-size:58px;line-height:64px}.seite h2{letter-spacing:-.02em;max-width:24ch;font-size:38px;line-height:46px}.seite h3{letter-spacing:-.01em;font-size:19px;line-height:26px}.seite p{margin:0}.seite .einleitung{max-width:40em;font-size:18px;line-height:29px}.seite .abstand{margin-top:24px}.seite .klein{font-size:14px;line-height:22px}.seite img{max-width:100%;height:auto;display:block}.seite .abschnitt-kopf{max-width:760px}.seite .abschnitt-kopf p{color:var(--color-ink-70);margin-top:12px;font-size:17px;line-height:27px}.seite .abschnitt--dunkel .abschnitt-kopf p{color:var(--color-mist)}.seite .abschnitt-kopf--mitte{text-align:center;margin-inline:auto}.seite .abschnitt-kopf--mitte h2{margin-inline:auto}.seite .abschnitt-kopf-zeile{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.seite .karte{background:var(--color-white);border:1px solid var(--color-sand);border-radius:16px}.seite .abschnitt--dunkel .karte{background:var(--color-graphite);border-color:var(--color-slate)}.seite .karte-bild{padding:8px 8px 0}.seite .karte-bild img{object-fit:cover;border-radius:12px;width:100%}.seite .nummer{background:var(--color-night);width:32px;height:32px;color:var(--color-white);font:700 15px/1 var(--font-display);border-radius:8px;place-items:center;display:inline-grid}.seite .zeichen{width:26px;height:26px;stroke:var(--color-bronze);fill:none;stroke-width:1.4px}.seite .abschnitt--dunkel .zeichen{stroke:var(--color-brass)}.seite .knopf{height:52px;font:600 15px/1 var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.seite .knopf--nacht{background:var(--color-night);color:var(--color-white)}.seite .knopf--nacht:hover{background:var(--color-slate)}.seite .knopf--messing{background:var(--color-brass);color:var(--color-night)}.seite .knopf--messing:hover{background:#cdae7c}.seite .knopf--hell{background:var(--color-white);color:var(--color-night)}.seite .knopf--hell:hover{background:var(--color-ivory)}.seite .knopf--rahmen{border-color:var(--color-ink);color:var(--color-ink);background:0 0}.seite .knopf--rahmen:hover{background:var(--color-ivory)}.seite .abschnitt--dunkel .knopf--rahmen{color:var(--color-ivory);border-color:#f5f0e780}.seite .abschnitt--dunkel .knopf--rahmen:hover{background:#f5f0e714}.seite .knopf--pfeil:after{content:"→";font-size:16px;transition:transform .2s}.seite .knopf--pfeil:hover:after{transform:translate(3px)}.seite .knopf:disabled{opacity:.6;cursor:wait}.seite .textlink{font:600 15px/24px var(--font-body);color:var(--color-bronze);text-decoration:none}.seite .textlink:after{content:" →";transition:transform .2s;display:inline-block}.seite .textlink:hover{text-underline-offset:4px;text-decoration:underline}.seite .textlink:hover:after{transform:translate(3px)}.seite .abschnitt--dunkel .textlink{color:var(--color-brass)}.seite .textlink--leise{color:var(--color-ink-70);font-size:14px;font-weight:500}.seite .fragen-liste{grid-template-columns:1fr 1fr;align-items:start;gap:0 48px;margin-top:48px;display:grid}.seite .fragen-liste details{border-bottom:1px solid var(--color-sand)}.seite .abschnitt--hell .fragen-liste details{border-color:#ddd4c4}.seite .fragen-liste summary{cursor:pointer;font:600 16px/24px var(--font-display);color:var(--color-ink);padding:20px 36px 20px 0;list-style:none;position:relative}.seite .fragen-liste summary::-webkit-details-marker{display:none}.seite .fragen-liste summary:after{content:"";inset-inline-end:6px;border-right:1.5px solid var(--color-ink-70);border-bottom:1.5px solid var(--color-ink-70);width:8px;height:8px;transition:transform .2s;position:absolute;top:27px;transform:rotate(45deg)}.seite .fragen-liste details[open] summary:after{top:31px;transform:rotate(-135deg)}.seite .fragen-liste details p{padding:0 36px 22px 0;font-size:15px;line-height:25px}.seite :focus-visible{outline-color:var(--color-bronze)}.seite .abschnitt--dunkel :focus-visible{outline-color:var(--color-brass)}.seite .leiste{display:none}.mit-bewegung .seite .auf{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(10px)}.mit-bewegung .seite .auf.ist-da{opacity:1;transform:none}@media (width<=1100px){.seite h1{font-size:48px;line-height:54px}.seite h2{font-size:32px;line-height:40px}}@media (width<=760px){.seite .tafel{border-radius:24px 24px 0 0;margin-top:-24px}.seite .abschnitt{padding:64px 0}.seite h1{font-size:38px;line-height:44px}.seite h2{font-size:28px;line-height:35px}.seite h3{font-size:18px;line-height:25px}.seite .einleitung{font-size:17px;line-height:27px}.seite .abschnitt-kopf p{font-size:16px;line-height:25px}.seite .fragen-liste{grid-template-columns:1fr;margin-top:32px}.seite .leiste{z-index:30;padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--color-sand);background:#fffffff5;transition:transform .3s;display:block;position:fixed;inset:auto 0 0;transform:translateY(110%)}.seite .leiste.ist-da{transform:none}.seite .leiste .knopf{width:100%}}
