/* lightparc – modernes Erscheinungsbild für alle Seiten (lädt nach site.css).
   Reduziert: Systemschrift, ruhige Farben, weiße Karten ohne Eckkreise, dunkler Hero, Sprachwahl als Text. */
:root{
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ink:#0E1A2B;--ink2:#3A4A5F;--muted:#3A4A5F;--paper:#F5F5F7;--line:#E2E2E7;--night:#0B1220;--night2:#141C2B;
  --amber:#F5A742;--amber-text:#9A5800;--blue:#254A7A;
  --blue-t:#F5F5F7;--coral-t:#F5F5F7;--teal-t:#F5F5F7;--amber-t:#FFF6E8
}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;color:var(--ink)}
h1,h2,h3,h4,.display,.h2,.h3,.h4{font-family:var(--serif);font-weight:700;letter-spacing:-.025em}
.display{letter-spacing:-.035em;line-height:1.04}
.h2{letter-spacing:-.03em;line-height:1.08}
.lead{color:var(--ink2);font-weight:500;letter-spacing:-.01em}
.small,.p{color:var(--ink2)}

/* Kopfzeile: hell, durchscheinend */
.hdr{background:rgba(255,255,255,.74);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
/* Sprachwahl als Text statt Flaggen */
.lang-sw .flag{display:none}
.lang-sw a{padding:6px 7px;border-radius:8px;opacity:.55;line-height:1;box-shadow:none!important;font:600 13px/1 var(--sans);color:var(--ink);text-decoration:none}
.lang-sw a[hreflang="de"]::after{content:"DE"}
.lang-sw a[hreflang="en"]::after{content:"EN"}
.lang-sw a[hreflang^="zh"]::after{content:"中文"}
.lang-sw a.on{opacity:1;background:rgba(14,26,43,.07)}
.lang-sw .zhb{font:600 13px/1 var(--sans);padding:6px 7px}

/* Abschnittsrhythmus und Flächen */
.section{background:var(--paper)}
.section.white{background:#fff}
.night{background:var(--night)}
.night .eyebrow{color:var(--amber)}

/* Eyebrow: ruhig, ohne Versalien */
.eyebrow{font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--amber-text)}
.eyebrow::before{width:11px;height:11px}
.hero-photo .eyebrow,.hero-pano .eyebrow{color:var(--amber)}

/* Buttons */
.btn{border-radius:999px;font-weight:600;letter-spacing:-.005em}
.btn-light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}

/* Karten: weiß, weich, ohne Eckkreise */
.card .corner{display:none}
.card{border-radius:24px;border:1px solid transparent;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.03),0 14px 34px -22px rgba(14,26,43,.28);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.card.tint-blue,.card.tint-coral,.card.tint-teal{background:#fff;border-color:transparent}
.card.tint-amber{background:#FFF6E8}
.white .card{background:var(--paper);box-shadow:none}
.white .card.tint-amber{background:#FFF6E8}
a.card:hover,.card.topic:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(0,0,0,.03),0 26px 46px -26px rgba(14,26,43,.38)}
.tight{padding-right:0!important}
.night .card{background:#1A2233;border-color:rgba(255,255,255,.06);box-shadow:none}
.card .tag{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--amber-text)}
.night .card .tag{color:var(--amber)}
.card.tint-amber .tag[style]{color:var(--amber-text)!important}

/* Listen, Chips, Kennzahlen */
.list li::before{width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--amber)}
.night .list li::before{background:var(--amber)}
.chip{border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600}
.facts{font-weight:600}

/* Hero der Unterseiten: dunkel und ruhig, Bild als Stimmung */
.hero-photo::before{background:linear-gradient(90deg,rgba(8,12,20,.94) 0,rgba(8,12,20,.82) 42%,rgba(8,12,20,.45) 100%)}
.hero-photo::after{display:none}
.hero-photo .hero-bg img{filter:saturate(.75)}
.hero-photo .lead{color:#C9D2E0}

/* Formulare */
.formcard{border-radius:28px;border:0;box-shadow:0 1px 0 rgba(0,0,0,.03),0 24px 60px -36px rgba(14,26,43,.4)}
.field{border-radius:14px}
.opt span{border-radius:999px}

/* Abschlussbänder und Bilder */
.cta-band{border-radius:32px;background:var(--night)}
.frame,.figure img{border-radius:24px}
.marquee img{filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
.marquee a:hover img{filter:none;opacity:1}

/* Kontaktkarte und Fußzeile */
.ccard{border-radius:24px}
.ftr{background:var(--night)}
