/* vollbetreut.de – Farben und Schrift nach dem Cover: cremefarbener Grund, Dunkelgrün, Literata */
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/literata-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(/schriften/literata-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/atkinson-hyperlegible-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(/schriften/atkinson-hyperlegible-latin-700-normal.woff2) format('woff2')}
:root{--grund:#F5F1EA;--flaeche:#FFFDF9;--tinte:#1C1C1A;--tinte2:#55524B;--gruen:#1E4A35;--gruen2:#163827;--linie:#E2DACB}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--grund);color:var(--tinte);font-family:'Atkinson Hyperlegible',system-ui,sans-serif;font-size:18px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--gruen)}a:hover{color:var(--gruen2)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gruen);outline-offset:3px;border-radius:4px}
.breit{max-width:1080px;margin:0 auto;padding:0 24px}
.serif{font-family:'Literata',Georgia,serif}
header.kopf{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0}
header.kopf a.marke{font-family:'Literata',Georgia,serif;font-weight:600;font-size:22px;color:var(--tinte);text-decoration:none}
header.kopf nav{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:16px}
header.kopf nav a{text-decoration:none;color:var(--tinte2)}
.held{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:center;padding:40px 0 64px}
.held .cover{flex:0 1 320px;min-width:200px}
.held .cover img{width:100%;max-width:320px;border-radius:4px;box-shadow:0 18px 40px rgba(28,28,26,.22)}
.held .text{flex:1 1 380px;min-width:0}
h1{font-family:'Literata',Georgia,serif;font-weight:600;font-size:clamp(48px,8vw,84px);line-height:1;margin:0 0 6px;letter-spacing:-.01em}
h1 .voll{color:var(--gruen)}
.unterzeile{margin:0 0 26px;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinte2)}
.aufhaenger{font-family:'Literata',Georgia,serif;font-size:clamp(22px,3vw,28px);line-height:1.35;margin:0 0 28px;max-width:22em}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.knopf{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:4px;text-decoration:none;font-weight:700;border:2px solid var(--gruen)}
.knopf.voll{background:var(--gruen);color:#fff}.knopf.voll:hover{background:var(--gruen2);color:#fff}
.knopf.rand{color:var(--gruen);background:transparent}
.klein{font-size:15px;color:var(--tinte2)}
section.block{padding:56px 0;border-top:1px solid var(--linie)}
h2{font-family:'Literata',Georgia,serif;font-weight:600;font-size:clamp(28px,4vw,36px);line-height:1.15;margin:0 0 18px}
.lauftext p{max-width:40em;margin:0 0 16px}
.heute{background:var(--flaeche);border:1px solid var(--linie);border-left:6px solid var(--gruen);border-radius:4px;padding:24px 28px;max-width:40em}
.heute .zeit{font-family:'Literata',Georgia,serif;font-size:15px;color:var(--tinte2);letter-spacing:.06em;margin:0 0 6px}
.heute .szene{font-family:'Literata',Georgia,serif;font-size:22px;line-height:1.45;margin:0;white-space:pre-line}
.tipps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tipps li{background:var(--flaeche);border:1px solid var(--linie);border-radius:4px;padding:18px 20px}
.tipps b{display:block;font-family:'Literata',Georgia,serif;color:var(--gruen);font-size:15px;letter-spacing:.06em;margin-bottom:4px}
.haendler{display:flex;flex-wrap:wrap;gap:10px}
.haendler a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--flaeche);border:1px solid var(--linie);border-radius:4px;text-decoration:none;color:var(--tinte)}
.haendler a:hover{border-color:var(--gruen)}
.autor{display:flex;flex-wrap:wrap;gap:24px 40px}
.autor .lauftext{flex:1 1 420px}
footer{background:var(--tinte);color:#CFC8BA;margin-top:24px}
footer .breit{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;padding-top:24px;padding-bottom:36px;font-size:15px}
footer a{color:#CFC8BA}
.hinweis{font-size:15px;color:var(--tinte2);font-style:italic}
.rtext h2{font-size:24px;margin:36px 0 8px}
.rtext p{margin:0 0 14px;max-width:44em}
@media (max-width:600px){body{font-size:17px}.held{padding-top:8px;gap:28px}.held .text{order:-1}.held .cover{flex-basis:100%;text-align:center}.held .cover img{max-width:220px}header.kopf nav{display:none}.heute{padding:20px}}