/* =================================================================
   Gemeinsamer Stil aller Seiten (ruhig, viel Weißraum, ohne Rahmen)
   ================================================================= */
:root{--warm:#f6f2ec;--kupfer:#a2714a;--tief:#162329}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--warm:#1a2328;--kupfer:#d0a27a;--tief:#0d1518}}

/* Menü */
header.kopf nav a{text-transform:uppercase;letter-spacing:.1em;font-size:13px}
header.kopf nav a.spende{border:1px solid var(--line);border-radius:2px;padding:6px 11px;margin-left:6px;color:var(--kupfer)}
header.kopf nav a.spende:hover{border-color:var(--kupfer);background:transparent}
header.kopf nav a.spende[aria-current="page"]{color:var(--kupfer);border-color:var(--kupfer)}
header.kopf.durchsichtig nav a.spende{border-color:rgba(255,255,255,.45);color:#fff}
header.kopf.durchsichtig.hell nav a.spende{border-color:rgba(0,0,0,.3);color:#1c2a2e}
@media (max-width:1180px){header.kopf nav a.spende{margin:6px 0 0;display:inline-block}}

/* Typografie */
.kicker{display:block;font-family:var(--display);font-style:italic;color:var(--kupfer);font-size:17px;margin-bottom:6px}
.titel{font-family:var(--body);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(22px,2.6vw,30px);line-height:1.25;margin:0 0 18px}
.knopf{display:inline-flex;align-items:center;gap:8px;background:var(--tief);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;padding:14px 22px;border-radius:2px;border:0;cursor:pointer}
.knopf:hover{background:var(--accent)}

/* Bildkopf der Unterseiten */
.seitenkopf{position:relative;min-height:clamp(230px,32vw,340px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;
  --h1:#1f5b70;--h2:#e9c37f;--sonne:#f8e2a8;--b1:#2f6274;--b2:#234b59;--b3:#16323c;--weg:#f3d38c;background:#16323c}
.seitenkopf .landschaft,.seitenkopf .sk-bild{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.seitenkopf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.5) 100%)}
.seitenkopf .wrap{position:relative;z-index:1;width:100%;max-width:1160px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px)) clamp(28px,4vw,48px)}
.seitenkopf .kicker{color:#f1d58e}
.seitenkopf h1{font-family:var(--body)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(26px,4vw,44px)!important;line-height:1.15!important;margin:0!important;text-shadow:0 2px 18px rgba(0,0,0,.3);hyphens:auto;overflow-wrap:break-word}

/* Inhalte der Unterseiten */
main.wrap{padding-top:clamp(40px,6vw,72px)!important;padding-bottom:clamp(56px,8vw,96px)!important}
main h2{font-family:var(--body)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(18px,2vw,22px)!important}
main .lead{font-family:var(--display);font-style:italic;font-size:21px!important;color:var(--muted)}
.kasten,.karte{border:0!important;background:var(--warm)!important;border-radius:2px!important}
.zeit{border:0!important;background:var(--warm)!important;border-radius:2px!important}
.zeit.haupt{box-shadow:inset 0 -3px 0 var(--accent)}
details{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;margin:0!important}
details:last-of-type{border-bottom:1px solid var(--line)!important}
.kurz li::before{background:var(--kupfer)!important}
.knopf.alt{background:var(--tief)}

/* Fußzeile */
footer.fuss.fussband,footer.fussband{background:var(--tief);color:#c9d3d1;padding-block:64px 28px;font-size:15px;border:0}
footer.fussband a{color:#fff}
footer.fuss.fussband .wrap,footer.fussband .wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:block}
.fussraster{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.fussband h4{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:13px;margin:0 0 14px}
.fussband p{margin:0 0 6px}
.fussmarke{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.fussmarke .mark{width:52px;height:52px;fill:#d9b48a;flex:none;margin-block:-4px;transform:translateY(-7px)}
.fussmarke b{font-family:var(--display);font-size:20px;color:#fff;font-weight:600}
.fussunten{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
footer.fussband .fussunten a{color:#c9d3d1}
@media (max-width:900px){.fussraster{grid-template-columns:minmax(0,1fr)}}

/* Glaubensbekenntnis: Titel steht im Bildkopf */
.sprachblock>h1{display:none}
footer.fussband p,footer.fussband span{color:#c9d3d1}
.seitenkopf:has(.sk-bild)::after{background:linear-gradient(180deg,rgba(10,20,25,.15) 0%,rgba(10,20,25,.65) 100%)}

/* Bildkopf ohne Foto: Verlauf in Vereinsfarben mit blassem Logo */
.seitenkopf.verlauf{background:linear-gradient(120deg,#2a6f86 0%,#1f5b70 35%,#16323c 75%,#10252c 100%);min-height:clamp(200px,24vw,260px)}
.seitenkopf.verlauf::after{background:radial-gradient(ellipse at 82% 40%,rgba(160,215,235,.16),rgba(160,215,235,0) 55%)}
.seitenkopf .sk-logo{position:absolute;right:max(20px,6vw);top:50%;transform:translateY(-50%);height:78%;width:auto;fill:#fff;opacity:.09;pointer-events:none}
@media (max-width:640px){.seitenkopf .sk-logo{height:60%;right:-10px}}
@media (max-width:480px){.seitenkopf h1{letter-spacing:.08em;font-size:clamp(22px,7vw,30px)!important}}
.seitenkopf .sk-symbol{position:absolute;right:max(10px,5vw);top:50%;transform:translateY(-50%);height:96%;width:auto;opacity:.6;pointer-events:none}
@media (max-width:640px){.seitenkopf .sk-symbol{height:80%;right:-40px;opacity:.35}}
.fussmarke b{display:block;line-height:1.25}
.fussmarke .fussmotto{display:block;font-family:var(--display);font-style:italic;font-size:15px;color:#c9d3d1;margin-top:2px}
/* Aktuelle Seite im Menü: dezenter Unterstrich in Kupfer */
header.kopf nav a{position:relative}
header.kopf nav a[aria-current="page"]:not(.spende)::after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;background:var(--kupfer);border-radius:1px}
header.kopf.durchsichtig nav a[aria-current="page"]:not(.spende)::after{background:#f1d58e}
header.kopf.durchsichtig.hell nav a[aria-current="page"]:not(.spende)::after{background:#7a5a1c}
@media (max-width:1180px){header.kopf nav a[aria-current="page"]:not(.spende)::after{right:auto;width:28px}}