/* ERZEUGT von bauen.py - nicht bearbeiten.
   Die lesbare Fassung mit allen Kommentaren steht in "WORKING CSS/layout.css".
   Dort aendern, dann "python bauen.py" laufen lassen. */
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:0.5rem var(--gutter);background:color-mix(in oklab,var(--ground) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.topbar__mark{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-label);letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-quiet);border:0}.topbar__mark:hover{color:var(--ink)}.topbar nav{display:flex;flex-wrap:wrap;gap:1.5rem}.topbar nav a{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-label);letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-quiet);border:0;padding-bottom:0.5rem;border-bottom:1px solid transparent}.topbar nav a:hover{color:var(--ink)}.topbar nav a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}.topbar__toggle{display:none;align-items:center;gap:0.5rem;font-family:'Antonio','Antonio Ersatz',sans-serif;font-size:var(--t-label);letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-quiet);background:none;border:0;padding:0.5rem 0;cursor:pointer}.topbar__toggle:hover,.topbar__toggle[aria-expanded="true"]{color:var(--ink)}.topbar__burger{position:relative;width:1.5rem;height:0.5rem;flex:none}.topbar__burger::before,.topbar__burger::after{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor;transition:transform .16s ease,top .16s ease}.topbar__burger::before{top:0}.topbar__burger::after{top:0.5rem}.topbar__toggle[aria-expanded="true"] .topbar__burger::before{top:0.25rem;transform:rotate(45deg)}.topbar__toggle[aria-expanded="true"] .topbar__burger::after{top:0.25rem;transform:rotate(-45deg)}@media (max-width:759px){.topbar{flex-wrap:wrap;row-gap:0}.topbar__toggle{display:inline-flex;order:3}.topbar__lang{order:2}.topbar nav{order:4;display:none;width:100%}.topbar.is-open nav{display:flex;flex-direction:column;gap:0;padding-bottom:0.5rem;max-height:calc(100svh - 6rem);overflow-y:auto}.topbar.is-open nav a{padding:0.5rem 0;border-bottom:1px solid var(--rule)}.topbar.is-open nav a:last-child{border-bottom:0}}.topbar__lang{display:flex;align-items:baseline;gap:0.5rem;font-family:'Antonio','Antonio Ersatz',sans-serif;font-size:var(--t-label);letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-quiet);white-space:nowrap}.topbar__lang [aria-current="true"]{color:var(--accent)}.topbar__lang a{color:var(--ink-quiet);border:0}.topbar__lang a:hover,.topbar__lang a:focus-visible{color:var(--ink)}.topbar__lang span + a::before{content:"·";padding-right:0.5rem;color:var(--rule)}.masthead{display:flex;flex-direction:column;justify-content:flex-end;min-height:88svh;padding:5rem var(--gutter) 4rem var(--gutter)}.promise{list-style:none;display:flex;flex-wrap:wrap;gap:0.5rem;padding:2.5rem 0 0 0}.promise li{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-label);letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-quiet);border:1px solid var(--rule);line-height:1.2;white-space:nowrap;transition:border-color .16s ease}.promise a{display:block;padding:0.5rem 1rem;color:inherit;border:0;transition:color .16s ease}.promise li:hover{border-color:var(--ink-quiet)}.promise a:hover,.promise a:focus-visible{color:var(--ink)}.pullquote{padding:3rem 0 0 0}.pullquote__line{font-family:'Anton','Anton Ersatz',sans-serif;font-size:var(--t-quote);line-height:1.1;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}.pullquote__line .em{color:var(--accent)}.pullquote__sub{font-size:1rem;line-height:1.5;color:var(--ink-quiet);max-width:71ch;padding-top:2.5rem}.index{display:grid;gap:1rem 2.5rem;padding:0 0 1rem 0;border-bottom:1px solid var(--rule);margin-bottom:3.5rem}.index__label,.marginal{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-label);letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-quiet);line-height:1.6;padding-bottom:1.5rem}.index__list{list-style:none;display:grid;grid-template-columns:1fr}.index__list li{border-top:1px solid var(--rule)}.index__list li:last-child{border-bottom:1px solid var(--rule)}.index__list a{display:grid;grid-template-columns:2.5rem 1fr;align-items:baseline;gap:0 1rem;padding:0.5rem 0;border:0;color:var(--ink)}.index__list .n{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-label);letter-spacing:0.14em;color:var(--ink-quiet);font-variant-numeric:tabular-nums;transition:color .16s ease}.index__list .t{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-sub);line-height:1.15;text-transform:uppercase;letter-spacing:0.04em;text-wrap:nowrap}.index__list a:hover,.index__list a:focus-visible{color:var(--accent)}.index__list a:hover .n,.index__list a:focus-visible .n{color:var(--accent)}.intro{padding-bottom:3rem}.body-copy p{max-width:62ch;padding-bottom:1rem}.body-copy p:last-child{padding-bottom:0}.body-copy p.quiet,.quiet{color:var(--ink-quiet)}.body-copy__lead{font-size:var(--t-sub);line-height:1.5;max-width:46ch;padding-bottom:1.5rem}.section{padding-top:4rem;scroll-margin-top:4rem}.section-head{display:flex;align-items:baseline;gap:1rem;font-family:'Anton','Anton Ersatz',sans-serif;font-size:var(--t-head);text-transform:uppercase;letter-spacing:1px;line-height:1;padding-bottom:1.5rem}.section-head .idx{font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-label);letter-spacing:0.16em;color:var(--accent);font-variant-numeric:tabular-nums}.outro__line{font-family:'Anton','Anton Ersatz',sans-serif;font-size:var(--t-head);line-height:1.12;letter-spacing:1px;text-transform:uppercase;max-width:34ch;padding-bottom:2rem}.outro__line .em{color:var(--accent)}.outro .cta{display:inline-flex;align-items:baseline;gap:1rem;font-family:'Antonio','Antonio Ersatz',sans-serif;font-weight:400;font-size:var(--t-sub);letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);padding:1rem 0;border:0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);transition:color .16s ease,gap .16s ease}.outro .cta:hover,.outro .cta:focus-visible{color:var(--accent);gap:1.5rem}.outro .cta .arr{color:var(--accent)}.site-foot{padding:0 var(--gutter) 3rem var(--gutter);margin:0 auto 0 0;max-width:var(--measure)}.imprint{font-size:var(--t-label);color:var(--ink-quiet);padding-top:2rem;margin-top:0;border-top:1px solid var(--rule)}.colophon{font-size:var(--t-label);color:var(--ink-quiet);padding-top:0.5rem}.colophon a{color:var(--ink-quiet);border-bottom-color:var(--rule)}.colophon a:hover,.colophon a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.imprint a{color:var(--ink-quiet);border-bottom-color:var(--rule)}.imprint a:hover{color:var(--accent);border-bottom-color:var(--accent)}@media (min-width:760px){.masthead{padding-top:5rem}.section{padding-top:5rem}}@media (min-width:1000px){.masthead{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:5rem;align-items:end;padding:7rem var(--gutter) 5rem var(--gutter)}.masthead__side{padding-bottom:1rem}.pullquote{padding-top:0}.pullquote__line{font-size:clamp(3rem,5.2vw,7rem);max-width:20ch}.pullquote__sub{font-size:var(--t-sub);line-height:1.4;max-width:52ch}}@media (min-width:1200px){.masthead{padding:8rem var(--gutter) 6rem var(--gutter)}.topbar__mark,.topbar nav a,.topbar__lang{font-size:var(--t-small)}.topbar nav{gap:2rem}.index__list{grid-template-columns:1fr 1fr;column-gap:3.5rem}.outro__line{font-size:clamp(2rem,3.4vw,2.75rem)}.section{padding-top:6rem}}