/* Alternative Startseite – HPZenner Corporate Identity
   Indigo #3B3280 · Taupe #9E9B8A · Teal #2A7C78 (sparsam) · Georgia / Segoe UI */
:root{
  --ink:#2C2A3A; --ink-soft:#4A475C; --muted:#6B6882;
  --navy:#3B3280; --teal:#3B3280; --teal-dark:#2A2460; --teal-soft:#ECEAF5;
  --sand:#F4F3EF; --line:#E0DDD8; --white:#fff; --bg:#fff;
  --taupe:#9E9B8A; --taupe-light:#C8C5B4; --accent:#2A7C78; --accent-soft:#E1F0EF;
  --radius:6px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#ECEAF5; --ink-soft:#C9C6DA; --muted:#A3A0B8;
    --navy:#B7AEF2; --teal:#9C92E8; --teal-dark:#B7AEF2; --teal-soft:#26213F;
    --sand:#1B1A26; --line:#33304A; --white:#211F2E; --bg:#151420;
    --taupe:#B5B2A1; --taupe-light:#6E6B5E; --accent:#5CB8B2; --accent-soft:#173332;
  }
}
:root[data-theme="dark"]{
  --ink:#ECEAF5; --ink-soft:#C9C6DA; --muted:#A3A0B8;
  --navy:#B7AEF2; --teal:#9C92E8; --teal-dark:#B7AEF2; --teal-soft:#26213F;
  --sand:#1B1A26; --line:#33304A; --white:#211F2E; --bg:#151420;
  --taupe:#B5B2A1; --taupe-light:#6E6B5E; --accent:#5CB8B2; --accent-soft:#173332;
}
body{font-family:"Segoe UI",Calibri,Arial,system-ui,sans-serif;font-size:16.5px}
h1,h2,h3,.brand b,.benefit .num,.panel.cta .big,.portrait figcaption b{font-family:Georgia,"Palatino Linotype",serif;font-weight:normal}
h1{letter-spacing:-.005em}
h3{font-weight:normal}
.eyebrow{color:var(--taupe);letter-spacing:.18em;font-weight:700;font-size:.74rem}
.eyebrow::before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.6em;background:var(--navy);transform:rotate(45deg);vertical-align:.08em}
.btn{border-radius:4px}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:#2A2460}
.btn-ghost{border-color:var(--taupe-light)}
.btn-ghost:hover{border-color:var(--navy)}
/* Kopfzeile mit Rautenmarke */
header{border-bottom:1px solid var(--line)}
header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--navy)}
.brand{display:grid;grid-template-columns:auto auto;column-gap:.75rem;align-items:center;justify-content:start}
.brand b,.brand span{grid-column:2}
.brand::before{content:"";flex:none;width:26px;height:26px;background:
  linear-gradient(var(--navy),var(--navy)) center/11px 11px no-repeat, rgba(158,155,138,.6);
  transform:rotate(45deg);border-radius:2px;grid-row:1 / 3}
.brand b{color:var(--navy);font-size:1.18rem}
.brand span{color:var(--taupe);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}
.menu{gap:1.15rem}
.menu a{font-weight:500;white-space:nowrap}
.menu a:hover{color:var(--navy)}
.menu a.btn,.menu a.btn:hover{color:#fff}
.dd-panel div{border-radius:6px}
.dd-panel a:hover{background:var(--teal-soft)}
/* Hero: dunkles Indigo wie Deckblatt, große Raute als Motiv */
.hero{background:#3B3280;color:#fff;position:relative}
.hero::after{content:"";position:absolute;right:-180px;top:-120px;width:560px;height:560px;transform:rotate(45deg);
  border:1px solid rgba(255,255,255,.12);background:rgba(158,155,138,.08);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{color:#fff}
.hero .eyebrow{color:#C8C5B4}
.hero .eyebrow::before{background:#C8C5B4}
.hero .lead{color:#DCD9EE}
.hero .lead a{color:#fff}
.hero .phone{color:#B9B5D6}
.hero .btn-primary{background:#fff;color:#3B3280}
.hero .btn-primary:hover{background:#ECEAF5}
.hero .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.hero .btn-ghost:hover{border-color:#fff}
.portrait img{border-radius:4px;box-shadow:0 30px 60px -25px rgba(0,0,0,.5)}
.portrait figcaption{border-radius:4px;border-left:4px solid #9E9B8A;color:#2C2A3A}
.portrait figcaption b{color:#3B3280}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero{background:#211C4A}}
:root[data-theme="dark"] .hero{background:#211C4A}
/* Flächen */
section.alt,.contact{background:var(--sand)}
.gallery img{border-radius:3px}
.prose.wide h2{color:var(--navy)}
.prose.wide h3{color:var(--navy);font-style:italic}
/* Schwerpunkte-Karten */
.card{border-radius:6px;border-color:var(--line);border-top:3px solid var(--taupe-light)}
.card:hover{border-color:var(--line);border-top-color:var(--navy)}
.card h3{color:var(--navy)}
.card .more{color:var(--navy)}
.card.book{background:var(--accent);border-color:var(--accent)}  /* Teal-Akzent: einmal pro Seite */
/* Über-Block: Indigo-Dunkel */
.about{background:#2A2460}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .about{background:#1A163A}}
:root[data-theme="dark"] .about{background:#1A163A}
.about .eyebrow{color:#C8C5B4}
.about .eyebrow::before{background:#C8C5B4}
.quals li{border-bottom-color:rgba(255,255,255,.14)}
.quals li::before{width:8px;height:8px;border-radius:0;transform:rotate(45deg);background:#9E9B8A;margin-top:.55rem}
.about-side a{color:#C8C5B4}
.btn-light{border-color:rgba(255,255,255,.35)}
/* Kontakt */
.panel{border-radius:6px}
.panel.cta{background:#3B3280;border-color:#3B3280}
.panel.cta .btn{color:#3B3280}
.tags span{background:var(--teal-soft);color:var(--navy);border-radius:3px}
.airport{background:var(--teal-soft)}
.news{border-radius:6px;border-left:4px solid var(--taupe)}
.news img{border-radius:3px}
a{color:var(--navy)}
footer.site{border-top:3px solid var(--navy)}
.foot a:hover{color:var(--navy)}
/* restliche Serif-Elemente der Vorlage auf Georgia umstellen */
.page-hero .sub,.quote p,.fact b,.timeline li b,.benefit .num,.quote::before{font-family:Georgia,"Palatino Linotype",serif;font-weight:normal}
/* Startseite: CTA in Teal, Anruf-Knopf weiß mit Indigo-Schrift */
.hero .actions .btn-primary{background:#2A7C78;color:#fff;border:0}
.hero .actions .btn-primary:hover{background:#226662}
.hero .actions .btn-ghost{background:#fff;color:#3B3280;border:0}
.hero .actions .btn-ghost:hover{background:#ECEAF5}