
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/CormorantGaramond.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/CormorantGaramond-Italic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-Italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
:root{--ivory:#F5F1E8;--charcoal:#292B28;--olive:#72765B;--sand:#B5A38E;--brass:#AC9168;--line:#DDD5C6;--slate:#202B32;--slate2:#2A3740;--bone:#F0EEE8;--mist:#A5B3BA;--blue:#526779;
--serif:"Cormorant Garamond",Georgia,serif;--sans:"Source Sans 3",-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:var(--sans);font-size:18px;line-height:1.6}
a{color:inherit;text-decoration-color:var(--olive);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--charcoal)}
img{max-width:100%;height:auto;display:block}
.innen{max-width:1120px;margin:0 auto;padding:0 20px}
.schmal{max-width:720px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,6vw,3.8rem)}h2{font-size:clamp(1.7rem,4vw,2.4rem)}h3{font-size:1.45rem}
p{margin:0 0 1em}
.kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin:0 0 .8em;font-weight:600}
header.kopf{border-bottom:1px solid var(--line);background:var(--ivory)}
.kopf .innen{display:flex;align-items:center;gap:24px;min-height:72px}
.marke{font-family:var(--serif);font-size:1.6rem;font-weight:600;text-decoration:none;letter-spacing:.01em;white-space:nowrap}
nav.haupt{margin-left:auto;display:flex;gap:22px;font-size:.95rem}
nav.haupt a{text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
nav.haupt a:hover,nav.haupt a[aria-current]{border-bottom-color:var(--brass)}
.sprachen{display:flex;gap:8px;font-size:.8rem;letter-spacing:.06em}
.sprachen a{text-decoration:none;color:var(--olive)}.sprachen a[aria-current]{color:var(--charcoal);font-weight:700}
details.menue{display:none;margin-left:auto}
details.menue summary{list-style:none;cursor:pointer;font-size:.95rem;border:1px solid var(--line);padding:6px 12px;border-radius:999px}
details.menue summary::-webkit-details-marker{display:none}
details.menue[open] .menueliste{display:flex}
.menueliste{position:absolute;left:0;right:0;top:72px;background:var(--ivory);border-bottom:1px solid var(--line);flex-direction:column;padding:12px 20px 20px;gap:12px;z-index:10}
.menueliste a{text-decoration:none;font-size:1.1rem}
@media(max-width:860px){nav.haupt,.kopf .sprachen.oben{display:none}details.menue{display:block}.kopf .innen{position:relative}}
main{display:block}
.abschnitt{padding:72px 0}.abschnitt.eng{padding:48px 0}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:56px 0 72px}
.hero .bild img{border-radius:4px}
.hero p.gross{font-size:1.2rem}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:28px;padding:32px 0 48px}}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.knopf{display:inline-block;padding:12px 22px;border:1px solid var(--charcoal);border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem}
.knopf.voll{background:var(--charcoal);color:var(--ivory)}
.dunkel .knopf{border-color:var(--bone);color:var(--bone)}.dunkel .knopf.voll{background:var(--bone);color:var(--slate)}
.linie{border:0;border-top:1px solid var(--line);margin:0}
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.karte{display:block;border:1px solid var(--line);border-radius:6px;padding:22px;text-decoration:none;background:#FBF8F2}
.karte h3{margin-bottom:.3em}.karte p{margin:0;font-size:.95rem;color:#55574F}
.karte:hover{border-color:var(--sand)}
.dunkel{background:var(--slate);color:var(--bone)}
.dunkel a{text-decoration-color:var(--blue)}
.dunkel .kicker{color:var(--mist)}
.dunkel .karte{background:var(--slate2);border-color:#3A4953}.dunkel .karte p{color:var(--mist)}.dunkel .karte:hover{border-color:var(--blue)}
.dunkel .linie{border-top-color:#3A4953}
body.welt .karte{background:var(--slate2);border-color:#3A4953;color:var(--bone)}body.welt .karte p{color:var(--mist)}body.welt .karte:hover{border-color:var(--blue)}body.welt .kicker{color:var(--mist)}body.welt .linie{border-top-color:#3A4953}body.welt .knopf{border-color:var(--bone);color:var(--bone)}body.welt .knopf.voll{background:var(--bone);color:var(--slate)}body.welt a{text-decoration-color:var(--blue)}
.welt-hero{position:relative}
.welt-hero img{width:100%}
.kernsatz{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.35;border-left:2px solid var(--brass);padding-left:20px;margin:28px 0}
.hinweis{border:1px solid #3A4953;border-radius:6px;padding:16px 20px;font-size:.95rem;color:var(--mist)}
.hinweis strong{color:var(--bone)}
.baende{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:860px){.baende{grid-template-columns:repeat(2,1fr)}}
.band{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.band .nr{font-size:.75rem;letter-spacing:.14em;color:var(--mist)}
.band .titel{font-size:.85rem;letter-spacing:.12em;font-weight:600}
.band .status{font-size:.8rem;color:var(--mist)}
.band .leer{aspect-ratio:7/10;border:1px dashed #3A4953;border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--mist);font-size:.8rem;text-align:center;padding:8px}
.liste{list-style:none;padding:0;margin:0}
.liste li{padding:14px 0;border-bottom:1px solid #3A4953}
.liste a{font-family:var(--serif);font-size:1.35rem;text-decoration:none}
.liste .k{display:block;font-size:.95rem;color:var(--mist);margin-top:2px}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;color:var(--mist);margin:0 0 28px}
.meta b{color:var(--bone);font-weight:600}
.marke-echt{display:inline-block;border:1px solid var(--blue);border-radius:999px;padding:2px 10px;font-size:.8rem}
.begegnung{list-style:none;padding:0;margin:0}
.begegnung li{padding:10px 0;border-top:1px solid #3A4953}
.fragen details{border-bottom:1px solid var(--line);padding:14px 0}
.fragen summary{cursor:pointer;font-weight:600}
.fragen details p{margin:.6em 0 0}
.buch{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
@media(max-width:700px){.buch{grid-template-columns:1fr}.buch img{max-width:260px}}
.tagline{font-family:var(--serif);font-size:1.5rem;font-style:italic;line-height:1.3}
.links-amazon{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.projekt{border-top:1px solid var(--line);padding:40px 0}
.projekt:first-of-type{border-top:0}
footer.fuss{border-top:1px solid var(--line);padding:32px 0;font-size:.9rem;color:#55574F}
footer.fuss .innen{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
footer.fuss .sprachen{margin-left:auto}
.mail .at::after{content:"@"}.mail .pt::after{content:"."}
.welt main,.welt{background:var(--slate)}
body.welt{background:var(--slate);color:var(--bone)}
body.welt header.kopf{background:var(--slate);border-bottom-color:#3A4953}
body.welt .menueliste{background:var(--slate);border-bottom-color:#3A4953}
body.welt details.menue summary{border-color:#3A4953}
body.welt .sprachen a{color:var(--mist)}body.welt .sprachen a[aria-current]{color:var(--bone)}
body.welt footer.fuss{border-top-color:#3A4953;color:var(--mist)}
body.welt nav.haupt a:hover,body.welt nav.haupt a[aria-current]{border-bottom-color:var(--blue)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:860px){.zwei{grid-template-columns:1fr}}
.zurueck{font-size:.9rem;margin-bottom:24px;display:inline-block}
