/* ============================================================
   SV ABTSHAGEN — SUBPAGE STYLES  (Mobile-First)
   Page-Header + Content-Layout für Impressum, Datenschutz,
   Haftungsausschluss und ähnliche Text-Seiten.
   ============================================================ */

/* ---------- PAGE HEADER ---------- */
.page-head{background:var(--navy);color:var(--paper);padding:5.5rem var(--pad) 3rem;position:relative;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,rgba(61,165,252,.25),transparent 55%),radial-gradient(ellipse at 15% 90%,rgba(11,79,143,.4),transparent 50%);z-index:0}
.page-head__giant{display:none}/* auf Mobile weglassen */
.page-head__inner{max-width:1440px;margin-inline:auto;position:relative;z-index:2}
.page-head__crumbs{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:1.25rem;display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.page-head__crumbs a{color:rgba(245,242,234,.6)}
.page-head__crumbs a:hover{color:var(--accent)}
.page-head__crumbs span{color:rgba(245,242,234,.4)}
.page-head__title{font-family:var(--font-display);font-size:clamp(2.5rem,9vw,7rem);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;color:var(--paper)}
.page-head__sub{margin-top:1.25rem;font-family:var(--font-serif);font-style:italic;font-size:1rem;color:rgba(245,242,234,.7)}
@media(min-width:820px){
  .page-head{padding:5rem var(--pad) 4rem}
  .page-head__giant{display:block;position:absolute;right:-1vw;bottom:-6vh;font-family:var(--font-display);font-size:clamp(10rem,28vw,30rem);line-height:.8;color:rgba(61,165,252,.08);letter-spacing:-.02em;pointer-events:none;user-select:none;z-index:1}
  .page-head__sub{font-size:1.1rem}
}

/* ---------- CONTENT ---------- */
.content{padding:3.5rem var(--pad);background:var(--paper)}
.content__inner{max-width:900px;margin-inline:auto}
.content a{color:var(--blue);text-decoration:none;transition:color .2s}
.content a:hover{color:var(--navy)}
.content h2{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,2rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--navy);margin-top:3rem;margin-bottom:.9rem;padding-bottom:.65rem;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}
.content h2::before{content:attr(data-num);font-family:var(--font-body);font-size:.68rem;letter-spacing:.2em;color:var(--blue);font-weight:700;background:var(--paper-warm);padding:.25rem .55rem;border-radius:4px;flex-shrink:0}
.content h2:first-of-type{margin-top:0}
.content h3{font-family:var(--font-body);font-weight:700;font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-top:1.75rem;margin-bottom:.65rem}
.content p{font-size:.98rem;line-height:1.7;color:rgba(10,14,22,.82);margin-bottom:.9rem}
.content p.lead{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:rgba(10,14,22,.75);margin-bottom:1.75rem}
.content address{font-style:normal;font-size:.98rem;line-height:1.7;color:var(--navy);padding:1.25rem 1.5rem;background:var(--white);border-left:3px solid var(--blue);margin-block:.9rem}
.content address strong{font-family:var(--font-display);font-size:1.15rem;font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:var(--navy);display:block;margin-bottom:.4rem}
.content address .address-label{font-size:.68rem;letter-spacing:.2em;color:var(--blue);font-family:var(--font-body);font-weight:700;text-transform:uppercase}
.content ul.bullets{margin:1rem 0 1.4rem;padding-left:1.1rem}
.content ul.bullets li{list-style:disc;margin-bottom:.45rem;color:rgba(10,14,22,.82);line-height:1.65}
.content ul.bullets li strong{color:var(--navy)}
.content small{display:block;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--line);font-size:.8rem;color:rgba(10,14,22,.55);font-family:var(--font-serif);font-style:italic}
@media(min-width:820px){.content{padding:5rem var(--pad)}}

/* ---------- CALLOUT ---------- */
.callout{background:var(--white);border-left:3px solid var(--warn);padding:1.25rem 1.5rem;margin-bottom:2.5rem;font-size:.92rem;line-height:1.65}
.callout strong{display:block;font-family:var(--font-body);font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warn);margin-bottom:.4rem}