@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/schriften/newsreader-400.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/schriften/newsreader-500.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/schriften/newsreader-600.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/schriften/atkinson-hyperlegible-400.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/schriften/atkinson-hyperlegible-700.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/schriften/ibm-plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/schriften/ibm-plex-mono-500.woff2) format("woff2")}:root{--ink:#1C1A17;--ink-soft:#4A443C;--paper:#F7F2E8;--paper-lt:#EDE6D8;--brick:#8A3324;--water:#2F4F5A;--line:#CFC6B4;--sand:#EDE6D8;--display:"Newsreader",Georgia,serif;--body:"Atkinson Hyperlegible",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--wrap:1140px;--gap:clamp(3.5rem,7vw,6.5rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:5.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(1.125rem,1.04rem + .34vw,1.25rem);line-height:1.62;-webkit-font-smoothing:antialiased}.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.12;margin:0;letter-spacing:-.01em}h1{font-size:clamp(2.3rem,1.6rem + 3.2vw,4rem)}h2{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}h3{font-size:clamp(1.2rem,1.1rem + .5vw,1.45rem)}p{margin:0 0 1.05em}a{color:inherit}.eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1.1rem}.top{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 0}.mark{font-family:var(--display);font-size:1.18rem;font-weight:600;letter-spacing:-.015em;text-decoration:none}.mark span{color:var(--brick)}.top nav{display:flex;align-items:center;gap:1.6rem;font-size:.94rem}.top nav a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.top nav a:hover{border-bottom-color:var(--brick)}.mail{font-family:var(--mono);font-size:.86rem;white-space:nowrap;text-decoration:none;font-weight:500;color:var(--brick)}footer .rueckruf{margin-top:.55rem;max-width:32rem;font-size:.94rem;color:var(--ink-soft)}.tabelle{overflow-x:auto;margin:1.6rem 0}.tabelle table{border-collapse:collapse;width:100%;font-size:.95em}.tabelle th,.tabelle td{text-align:left;vertical-align:top;padding:.6rem .9rem .6rem 0;border-bottom:1px solid var(--line)}.tabelle th{font-weight:600;width:16rem;white-space:nowrap}.quellen{font-size:.9em;color:var(--ink-soft)}.ortsliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;margin:2rem 0;padding:0;list-style:none}.ortsliste a{display:block;padding:1.1rem 1.2rem;border:1px solid var(--line);text-decoration:none;background:var(--paper-lt)}.ortsliste a:hover{border-color:var(--brick)}.ortsliste strong{display:block;font-family:var(--display);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.ortsliste span{font-size:.9rem;color:var(--ink-soft)}footer{padding:3rem 0 4rem;font-size:.88rem;color:var(--ink-soft)}footer .row{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:baseline}footer a{text-decoration:none;border-bottom:1px solid var(--line)}footer a:hover{border-bottom-color:var(--brick)}footer nav{display:flex;gap:1.4rem;flex-wrap:wrap}.hero{padding:clamp(2.6rem,5vw,5rem) 0 var(--gap)}.hero .grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.hero h1{margin-bottom:1.4rem}.hero .lede{font-size:1.13em;max-width:36ch;color:var(--ink-soft)}.cta{display:inline-block;margin-top:.6rem;padding:1rem 1.6rem;background:var(--brick);color:#fff;text-decoration:none;font-weight:700;border-radius:2px}.cta:hover{background:#6E2819}.cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero .sub{font-size:.86rem;color:var(--ink-soft);margin:.9rem 0 0}.radar svg{width:100%;height:auto;display:block}.radar figcaption{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);margin-top:.8rem;letter-spacing:.03em}.ring{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:2 6}.lake{fill:var(--water);fill-opacity:.18;stroke:var(--water);stroke-width:1}.lakelab{font-family:var(--display);font-style:italic;font-size:12px;fill:var(--water)}.hub circle{fill:var(--brick)}.hub text{font-family:var(--body);font-weight:700;font-size:13.5px;fill:var(--ink)}.place circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.4;transition:fill .16s ease}.place text{font-family:var(--body);font-size:11.5px;fill:var(--ink)}.place .min{font-family:var(--mono);font-size:8.5px;fill:var(--ink-soft)}.place:hover circle,.place:focus-within circle{fill:var(--brick);stroke:var(--brick)}.halo{paint-order:stroke;stroke:var(--paper);stroke-width:3.5px;stroke-linejoin:round}.flow{background:var(--paper-lt);border-block:1px solid var(--line);padding:var(--gap) 0}.flow .head{max-width:50ch;margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem;counter-reset:s}.step{border-top:1px solid var(--ink);padding-top:1.1rem}.step:before{counter-increment:s;content:counter(s,decimal-leading-zero);display:block;font-family:var(--mono);font-size:.78rem;color:var(--brick);margin-bottom:.8rem;letter-spacing:.1em}.step h3{font-size:1.08rem;margin-bottom:.5rem}.step p{font-size:.93em;color:var(--ink-soft);margin:0}.about{padding:var(--gap) 0}.about .grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2rem,5vw,4rem);align-items:start}.portrait{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;display:block;border:1px solid var(--line)}.creds{list-style:none;margin:1.8rem 0 0;padding:0}.creds li{border-top:1px solid var(--line);padding:.85rem 0;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:baseline}.creds .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brick)}.creds a{text-decoration:none;border-bottom:1px solid var(--brick)}.creds a:hover{color:var(--brick)}.doors{background:var(--paper-lt);border-block:1px solid var(--line);padding:var(--gap) 0}.doors .head{max-width:54ch;margin-bottom:2.4rem}.field{display:block;margin-bottom:.8rem}.field span{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;opacity:.8}.field input,.field select{width:100%;padding:.85rem .9rem;font:inherit;font-size:1rem;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:2px}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--brick);outline-offset:1px}.consent{display:flex;gap:.65rem;align-items:flex-start;font-size:.81rem;line-height:1.45;margin:.9rem 0 1.1rem}.consent input{margin-top:.28rem;width:1.05rem;height:1.05rem;flex:none}.consent-note{font-size:.81rem;line-height:1.5;margin:.9rem 0 1.1rem;opacity:.88}.consent-note a{text-decoration:none;border-bottom:1px solid var(--brick)}.btn{display:block;width:100%;padding:1.05rem 1.2rem;font:inherit;font-weight:700;font-size:1.02rem;border:0;border-radius:2px;cursor:pointer}.btn--brick{background:var(--brick);color:#fff}.btn--brick:hover{background:#6E2819}.btn--water{background:var(--paper);color:var(--ink)}.btn--water:hover{background:#fff}.btn:focus-visible{outline:2px solid var(--water);outline-offset:2px}.assure{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.83rem;color:var(--ink-soft)}.assure li:before{content:"– ";color:var(--brick)}.after{font-size:.83rem;color:var(--ink-soft);margin:1rem 0 0}.after a{text-decoration:none;border-bottom:1px solid var(--brick)}.note{margin:2.2rem 0 0;font-size:.84rem;line-height:1.6;color:var(--ink-soft);max-width:78ch}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.data{padding:var(--gap) 0}.data .head{max-width:56ch;margin-bottom:2.4rem}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}caption{caption-side:bottom;text-align:left;font-family:var(--mono);font-size:.7rem;line-height:1.6;color:var(--ink-soft);padding-top:1rem}th,td{text-align:left;padding:.85rem .6rem;border-bottom:1px solid var(--line)}thead th{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--ink-soft);border-bottom:1px solid var(--ink)}td.num{font-family:var(--mono);text-align:right;color:var(--ink-soft)}.guide{background:var(--paper-lt);border-top:1px solid var(--line);padding:var(--gap) 0}.guide .head{margin-bottom:2.4rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{background:var(--paper);border:1px solid var(--line);padding:1.5rem;text-decoration:none;display:block;transition:border-color .18s ease}.card:hover{border-color:var(--brick)}.card h3{font-size:1.06rem;margin-bottom:.45rem}.card p{font-size:.9em;color:var(--ink-soft);margin:0}.dazu{margin:2rem 0 0;max-width:62ch;font-size:.94em;color:var(--ink-soft)}.dazu a{text-decoration:none;border-bottom:1px solid var(--brick)}.prose{max-width:68ch;padding:clamp(2.4rem,5vw,4rem) 0 var(--gap)}.prose h1{margin-bottom:1.2rem}.prose h2{margin:2.4rem 0 .9rem}.prose h3{margin:1.8rem 0 .6rem}.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 1.05em}.prose li{margin-bottom:.4rem}.prose blockquote{border-left:3px solid var(--brick);margin:1.6rem 0;padding-left:1.2rem;color:var(--ink-soft);font-style:italic}.prose .meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1rem}.prose-cta{margin-top:3rem;padding:1.8rem;border:1px solid var(--line);background:var(--paper-lt)}.prose-cta h3{margin-bottom:.6rem}.disclaimer{margin-top:2.6rem;padding:1.2rem 1.4rem;border-left:3px solid var(--line);background:var(--paper-lt);font-size:.86rem;line-height:1.55;color:var(--ink-soft)}.disclaimer p{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero h1,.hero .lede,.hero .cta,.hero .sub,.radar{animation:rise .7s cubic-bezier(.2,.7,.3,1) both}.hero .lede{animation-delay:.08s}.hero .cta{animation-delay:.14s}.hero .sub{animation-delay:.18s}.radar{animation-delay:.22s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero .grid,.about .grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.portrait{max-width:320px}.top nav a:not(.mail){display:none}.cta{display:block;text-align:center}}@media(max-width:520px){.steps,.cards{grid-template-columns:1fr}}.kurzform{margin-top:3rem;padding:clamp(1.6rem,3vw,2.2rem);background:var(--paper-lt);border-top:3px solid var(--brick)}.kurzform h3{margin-bottom:.6rem}.kurzform>p{font-size:.95em;color:var(--ink-soft)}.kurzform-felder{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;margin-top:1.2rem}.kurzform-felder .field:first-child{grid-column:1 / -1}.kurzform .btn{margin-top:.4rem}@media(max-width:640px){.kurzform-felder{grid-template-columns:1fr}}.liste{list-style:none;margin:0;padding:0;max-width:70ch}.liste li{border-top:1px solid var(--line);padding:.9rem 0;display:grid;grid-template-columns:15rem 1fr;gap:1.4rem;align-items:baseline}.liste strong{font-weight:700}.liste span{font-size:.94em;color:var(--ink-soft)}@media(max-width:700px){.liste li{grid-template-columns:1fr;gap:.25rem}}

/* Buchseite. Oben der Umschlag mit dem Kaufweg, darunter abgesetzt der
   Leserbereich. Beides muss auf dem Telefon in einem Wisch erreichbar sein. */
.buchkopf{padding:clamp(2.2rem,4vw,3.6rem) 0 var(--gap)}
.buchkopf .grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.buchkopf h1{margin:.2rem 0 1rem}
.buchkopf .lede{font-size:1.12em;color:var(--ink-soft);max-width:34ch;margin-bottom:1.1em}
.buchkopf p{max-width:52ch}
.cover{width:100%;height:auto;display:block;border:1px solid var(--line);box-shadow:0 14px 34px rgba(28,26,23,.16)}

/* Der Umschlag ist anklickbar. Auf der Buchseite fuehrt er dorthin, wohin auch
   der Knopf fuehrt, auf der Startseite auf die Buchseite. Ein Cover, das sich
   nicht klicken laesst, probieren Leser trotzdem. */
.coverlink{display:block;text-decoration:none}
.coverlink img{transition:transform .18s ease,box-shadow .18s ease}
.coverlink:hover img{transform:translateY(-3px);box-shadow:0 20px 44px rgba(28,26,23,.22)}
.coverlink:focus-visible{outline:2px solid var(--brick);outline-offset:5px}
.eckdaten{list-style:none;margin:2rem 0 0;padding:0;max-width:34rem}
.eckdaten li{border-top:1px solid var(--line);padding:.7rem 0;display:grid;grid-template-columns:9rem 1fr;gap:1rem;align-items:baseline}
.eckdaten .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brick)}
.leser{background:var(--paper-lt);border-block:1px solid var(--line);padding:var(--gap) 0}
.leser h2{margin-bottom:.7rem}
.leser>.wrap>p{max-width:60ch;color:var(--ink-soft)}
.leser .ortsliste a{background:var(--paper)}
@media(max-width:900px){
  .buchkopf .grid{grid-template-columns:1fr;gap:1.8rem}
  .buchkopf .coverlink,.buchkopf picture{display:block;max-width:220px}
}

/* Buchband auf der Startseite. Kein Verkaufsblock, sondern ein Beleg. */
.buchband{padding:var(--gap) 0;border-top:1px solid var(--line)}
.buchband .grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:center}
.buchband img{width:clamp(130px,15vw,180px);height:auto;display:block;border:1px solid var(--line);box-shadow:0 10px 26px rgba(28,26,23,.14)}
.buchband h2{margin-bottom:.7rem}
.buchband p{max-width:56ch}
.buchband .zeile{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;color:var(--ink-soft);margin:.2rem 0 0;max-width:none}
@media(max-width:640px){
  .buchband .grid{grid-template-columns:1fr;gap:1.4rem}
  .buchband img{width:150px}
}

/* Druck. Die Checklistenseite wird ausgedruckt und mit ins Haus genommen,
   deshalb fliegt alles raus, was auf Papier nur Platz kostet. */
@media print{
  .top,footer,.kurzform,.disclaimer,.meta{display:none}
  body{background:#fff;color:#000;font-size:11pt;line-height:1.4}
  .wrap{width:auto;margin:0}
  h1{font-size:20pt;margin-bottom:.6cm}
  h2{font-size:14pt;margin-top:.7cm;page-break-after:avoid}
  h3{font-size:12pt;page-break-after:avoid}
  p,li{orphans:3;widows:3}
  ul,ol,table{page-break-inside:avoid}
  li{margin-bottom:.15cm}
  a{color:#000;text-decoration:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:#444}
  table{border-collapse:collapse;width:100%}
  th,td{border-bottom:1px solid #999;padding:.15cm .3cm .15cm 0;text-align:left}
}
.anfrage{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:start;margin-top:1.6rem}.anfrage>form{background:var(--paper);border-top:3px solid var(--brick);padding:clamp(1.7rem,3vw,2.4rem)}.anfrage .beistand{grid-column:2;margin-top:0}.beistand p{font-size:.94em;color:var(--ink-soft)}.beistand p:last-child{margin-bottom:0}.beistand .note{margin:1.8rem 0 0;max-width:none}.anliegen{border:0;margin:0 0 1.2rem;padding:0}.anliegen legend{padding:0;margin-bottom:.6rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.anliegen .wahl{display:flex;flex-wrap:wrap;gap:.6rem}.anliegen label{flex:1 1 12rem;display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .9rem;border:1px solid var(--line);background:#fff;font-size:.92rem;line-height:1.35;cursor:pointer}.anliegen label:hover{border-color:var(--brick)}.anliegen input{margin:.15rem 0 0;width:1.05rem;height:1.05rem;flex:none;accent-color:var(--brick)}.anliegen input:focus-visible{outline:2px solid var(--brick);outline-offset:2px}.mehr{margin:2rem 0 0;font-size:.94em}.mehr a{text-decoration:none;border-bottom:1px solid var(--brick)}@media(max-width:900px){.anfrage{grid-template-columns:1fr}.anfrage>form,.anfrage .beistand{grid-column:auto;grid-row:auto}}
.signatur{margin:2.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.86rem;line-height:1.55;color:var(--ink-soft)}.signatur a{text-decoration:none;border-bottom:1px solid var(--brick)}
.fragen{margin:3rem 0 0;padding-top:1.6rem;border-top:1px solid var(--line)}.fragen h2{margin-bottom:1.4rem}.frage{margin-bottom:1.5rem}.frage h3{font-size:1.08rem;margin-bottom:.35rem}.frage p{margin:0;color:var(--ink-soft);font-size:.96em}
