:root{--paper:#f6f4ee;--ink:#18202e;--blue:#1f3a8a;--muted:#5b6475;--line:#c8cbd0;--leaf:#fffdf8;--green:#2f6b4f;--gap:#a4500b}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}a{color:var(--blue);text-underline-offset:.2em}a:focus-visible,summary:focus-visible{outline:3px solid #a4500b;outline-offset:4px}h1,h2,h3{font-family:Charter,'Bitstream Charter','Iowan Old Style','Palatino Linotype',Georgia,serif;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5.5vw,5.5rem);max-width:16ch;margin:.3em 0}h2{font-size:clamp(1.9rem,3vw,3rem);margin:0 0 .65em}h3{font-size:1.45rem}p{margin:0 0 1em}img{display:block;width:100%;height:auto}figure{margin:0}.skip{position:absolute;top:-5rem;left:1rem;background:white;z-index:9}.skip:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem max(4vw,24px);border-bottom:1px solid var(--line);background:var(--leaf)}.brand{font-size:1.18rem;text-decoration:none;color:var(--ink);white-space:nowrap}.site-header nav{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;font-size:.88rem}.site-header nav a{text-decoration:none}.nav-cta,.btn{display:inline-block;background:var(--blue);color:white!important;padding:.85rem 1.2rem;text-decoration:none;font-weight:650}.opening,.feature,.reading,.faq,.sources,.related,.action-band,.reading-pair,.example-spread{width:min(100% - 48px,1200px);margin:0 auto}.opening{padding:clamp(4rem,8vw,8rem) 0}.eyebrow,.sheet-label,.status{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.intro{font-size:clamp(1.1rem,1.5vw,1.35rem);max-width:46rem}.feature{padding:3rem 0 5rem}.desk{background:var(--leaf);padding:clamp(1.4rem,4vw,4rem);border-top:4px solid var(--blue)}.desk h2{font-size:2rem}.desk-sheets{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.sheet-label{border-bottom:1px solid var(--ink);padding-bottom:1rem}.row{display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);margin:0}.mk{color:var(--blue);font-weight:700}.mk.gap,.is-gap .mk{color:var(--gap)}mark{background:#e3e9f4;color:inherit}mark.gap{background:#f5e5d8}.desk-result{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:3rem}.letter{font-family:Charter,"Bitstream Charter","Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:1.2rem}.gaps{border-left:3px solid var(--gap);padding-left:1.3rem}.gaps-title{font-weight:700}.src{color:var(--blue)}.desk-cta{margin-top:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.desk-cta p{margin:0}.status{color:var(--gap);width:100%}.reading{padding:4.5rem 0;border-top:1px solid var(--line)}.reading>*{max-width:48rem}.reading ul,.reading ol{padding-left:1.4rem}.reading li{margin:.7rem 0}.reading-pair{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.reading-pair .reading{width:100%}.example-spread{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:start}.example-spread .reading{width:100%;min-width:0}.example-spread figure{margin-top:5rem;position:sticky;top:2rem}.bs-table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:.95rem}.bs-table th,.bs-table td{min-width:12rem;text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid var(--line)}.bs-compare{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.bs-before,.bs-after{border-top:3px solid var(--blue);padding-top:1rem}.bs-sample{font:1.5rem/1.4 Charter,"Bitstream Charter","Iowan Old Style","Palatino Linotype",Georgia,serif;border-left:3px solid var(--blue);padding-left:1.5rem;margin:2rem 0}.bs-callout{font-weight:700;border-top:1px solid var(--line);padding-top:1rem}.action-band{padding:2rem 0 4rem}.action-band .desk-cta{background:var(--ink);color:white;padding:2rem}.action-band .status{color:#ffd8b0}.faq,.sources,.related{padding:4rem 0;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1rem 0;max-width:55rem}summary{cursor:pointer;font-weight:650}details p{padding-top:1rem}.sources ol{padding-left:1.2rem}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem}.card{display:flex;flex-direction:column;padding:1.2rem 0;border-top:1px solid var(--line);text-decoration:none}.card-k{font-size:.8rem;color:var(--muted)}.card-t{font-family:Charter,"Bitstream Charter","Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:1.25rem}.site-footer{background:var(--ink);color:white;padding:4rem max(4vw,24px);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}.site-footer a{color:white}.site-footer nav{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.site-footer .brand{color:white}.opening-picture{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.opening-picture .page-head{grid-column:1}.opening-picture figure{grid-column:2;grid-row:1}.variant-b .feature{padding-top:0}.variant-b .desk{border-top:0;border-left:4px solid var(--blue)}.variant-b .bs-steps ol{display:grid;gap:1rem}.opening-index{display:grid;grid-template-columns:1fr 1fr;gap:0 4rem}.opening-index .page-head{grid-column:1/-1}.opening-index .reading{width:100%;padding:2rem 0}.opening-index .reading h2{font-size:2rem}.variant-c .routes{background:var(--leaf);padding:0 3rem}.process{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.process .reading{width:100%}@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column;gap:1rem}.site-header nav{gap:.7rem 1rem}.opening-picture,.opening-index,.reading-pair,.example-spread,.process{display:block}.opening-picture figure{margin-top:2rem}.opening-index .reading{padding:2rem 0}.example-spread figure{position:static;margin:0 0 3rem}.reading-pair .reading{padding:3rem 0}.desk-sheets,.desk-result{grid-template-columns:1fr;gap:1.5rem}.desk-result{margin-top:2rem}.site-footer{grid-template-columns:1fr 1fr}.variant-c .routes{padding:0 1.5rem}.feature{padding:1rem 0 3rem}.reading{padding:3rem 0}}@media(max-width:400px){body{font-size:16px}.opening,.feature,.reading,.faq,.sources,.related,.action-band,.reading-pair,.example-spread{width:calc(100% - 32px)}.opening{padding:3.5rem 0}.bs-compare,.related-grid,.site-footer{grid-template-columns:1fr}.desk{padding:1.25rem}.bs-sample{font-size:1.25rem}.site-header nav{font-size:.82rem}.reading-pair .reading{width:100%}}

.nav-menu{border:0;padding:0;max-width:none}.nav-menu summary{font-size:.82rem;color:var(--ink);margin-bottom:.4rem}.nav-menu nav{display:flex}
/* Pilotrevision: Motive im ersten Sichtfeld zeigen. */
.entry-link{display:inline-block;margin-top:.5rem;font-weight:700}.pilot-entry{width:min(100% - 48px,1200px);margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem;align-items:start}.pilot-entry .opening,.pilot-entry .feature{width:100%;margin:0}.pilot-entry .opening{padding:4rem 0}.pilot-entry .feature{padding:3rem 0}.pilot-entry h1,.opening-picture h1,.opening-index h1{font-size:clamp(2.4rem,4vw,4rem)}.pilot-entry .desk{padding:1.5rem}.pilot-entry .desk-sheets{gap:1.25rem}.pilot-entry .desk .row{font-size:.9rem;padding:.7rem 0}.opening-picture{padding:3.5rem 0}.opening-picture .desk-cta{grid-column:1;margin-top:0}.opening-index{padding:3.5rem 0;grid-template-columns:1.15fr .85fr;column-gap:5rem}.opening-index .page-head{grid-column:1;grid-row:1 / span 2}.opening-index .reading{grid-column:2;padding:1.3rem 0}.opening-index .ohne-abo{grid-row:1}.opening-index .grenzen{grid-row:2}.opening-index .reading h2{font-size:1.7rem}
@media(max-width:800px){.pilot-entry{width:calc(100% - 32px);display:block}.pilot-entry .opening{padding:3rem 0 1rem}.pilot-entry .feature{padding:1rem 0 3rem}.opening-picture,.opening-index{padding:3rem 0}.opening-picture .desk-cta{margin:1rem 0 0}.opening-index .reading{padding:1.5rem 0}}
.nav-studio{display:flex;flex-direction:column;align-items:start;gap:.2rem}.nav-studio .status{font-size:.65rem}.entry-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}.entry-actions .status{width:auto}.entry-actions .entry-link{margin:0}.table-label{font-size:.82rem;color:var(--ink);margin:1.5rem 0 .4rem}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line)}.table-scroll:focus-visible{outline:3px solid var(--gap);outline-offset:3px}.table-scroll .bs-table{display:table;width:100%;min-width:36rem}
