.seite{background:var(--color-night)}.seite .innen{max-width:calc(1240px + 2 * var(--rand));padding:0 var(--rand);margin:0 auto}.seite .innen--schmal{max-width:calc(880px + 2 * var(--rand))}.seite .abschnitt{padding:136px 0}.seite .abschnitt--ohne-oben{padding-top:0}.seite .verlauf{background:linear-gradient(180deg, var(--color-night) 0%, var(--color-night) 45%, var(--color-navy) 100%)}.seite .verlauf-zurueck{background:linear-gradient(180deg, var(--color-navy) 0%, var(--color-night) 55%)}.seite .linie-oben{border-top:1px solid var(--color-slate)}.seite h1,.seite h2,.seite h3,.seite h4{color:var(--color-ivory);font-family:var(--font-display);margin:0}.seite h1{letter-spacing:-.03em;font-size:84px;font-weight:500;line-height:88px}.seite h2{letter-spacing:-.028em;max-width:20ch;font-size:52px;font-weight:500;line-height:60px}.seite h3{letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.seite p{margin:0}.seite .einleitung{max-width:40em;color:var(--color-mist);font-size:19px;line-height:31px}.seite .abstand{margin-top:28px}.seite .klein{font-size:14px;line-height:22px}.seite img{max-width:100%;height:auto;display:block}.seite .marke{font:500 12px/16px var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--color-brass);margin:0 0 22px;display:block}.seite .mitte .marke,.seite .marke--mitte{margin-inline-end:-.34em}.seite .mitte{text-align:center}.seite .mitte h1,.seite .mitte h2,.seite .mitte .einleitung{margin-inline:auto}.seite .kopf-mitte{text-align:center;max-width:820px;margin:0 auto}.seite .kopf-mitte h2{margin-inline:auto}.seite .kopf-mitte .einleitung{max-width:36em;margin:24px auto 0}.seite .strich{background:var(--color-brass);border:0;width:56px;height:1px;margin:36px auto;display:block}.seite .karte{background:var(--color-graphite);border:1px solid var(--color-slate);border-radius:4px}.seite .karte-bild{padding:12px 12px 0}.seite .karte-bild img{object-fit:cover;border-radius:2px;width:100%}.seite .zeichen{width:24px;height:24px;stroke:var(--color-brass);fill:none;stroke-width:1.2px}.seite .knopf{height:52px;font:500 15px/1 var(--font-body);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:0 30px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.seite .knopf--messing{background:var(--color-brass);color:var(--color-night)}.seite .knopf--messing:hover{background:#cdae7c}.seite .knopf--rahmen{color:var(--color-ivory);background:0 0;border-color:#f5f0e773}.seite .knopf--rahmen:hover{border-color:var(--color-brass);color:var(--color-brass)}.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:500 15px/24px var(--font-body);color:var(--color-ivory);text-underline-offset:5px;text-decoration:underline 1px;text-decoration-color:var(--color-brass)}.seite .textlink:after{content:" →";transition:transform .2s;display:inline-block}.seite .textlink:hover:after{transform:translate(3px)}.seite .textlink--leise{color:var(--color-mist);font-size:14px}.seite .zahlen{border-block:1px solid var(--color-slate);text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;margin:0;padding:56px 0;list-style:none;display:grid}.seite .zahlen strong{font:400 48px/1 var(--font-display);letter-spacing:-.03em;color:var(--color-brass);margin-bottom:14px;display:block}.seite .zahlen span{color:var(--color-steel);max-width:16em;margin:0 auto;font-size:14px;line-height:21px;display:block}.seite .lote{text-align:center;grid-template-columns:repeat(3,1fr);gap:48px;margin:0;padding:0;list-style:none;display:grid}.seite .lote li:before{content:"";background:linear-gradient(180deg, #c2a16a00, var(--color-brass));width:1px;height:44px;margin:0 auto 28px;display:block}.seite .lote h3{margin-bottom:12px}.seite .lote p{max-width:24em;margin:0 auto}.seite .leiste{display:none}.mit-bewegung .seite .auf{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(10px)}.mit-bewegung .seite .auf.ist-da{opacity:1;transform:none}@media (width<=1100px){.seite h1{font-size:64px;line-height:70px}.seite h2{font-size:42px;line-height:50px}.seite .zahlen{grid-template-columns:1fr 1fr;row-gap:40px}}@media (width<=760px){.seite .abschnitt{padding:88px 0}.seite .abschnitt--ohne-oben{padding-top:0}.seite h1{font-size:42px;line-height:47px}.seite h2{font-size:32px;line-height:39px}.seite h3{font-size:20px;line-height:26px}.seite .einleitung{font-size:17px;line-height:28px}.seite .marke{letter-spacing:.28em;margin-bottom:18px;font-size:11px}.seite .mitte .marke,.seite .marke--mitte{margin-inline-end:-.28em}.seite .strich{margin:28px auto}.seite .zahlen{padding:40px 0}.seite .zahlen strong{font-size:40px}.seite .lote{grid-template-columns:1fr;gap:40px}.seite .lote li:before{height:32px;margin-bottom:20px}.seite .leiste{z-index:30;padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--color-slate);background:#0d0e10f5;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%}}
