/* Design-Varianten zum Vergleich: <html data-theme="a|b|c"> */

/* A · Editorial – Cormorant Garamond + Jost, Elfenbein, Gold als feine Linie */
[data-theme="a"]{
  --sun:#c9a14a; --sun-soft:#f6efe0; --sun-deep:#8d6a24; --shade:#1d3557; --shade-soft:#eef1f5; --navy:#111c2e;
  --ink:#1b2333; --ink-soft:#5c6370; --line:#e6e0d4; --bg:#fbf9f4; --bg-alt:#f3efe6;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif; --gold:#c9a14a; --gold-deep:#8d6a24;
}
[data-theme="a"] body{font-weight:350;letter-spacing:.005em}
[data-theme="a"] h1,[data-theme="a"] h2,[data-theme="a"] h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
[data-theme="a"] h1{font-size:clamp(2.8rem,6vw,4.6rem);line-height:1.02}
[data-theme="a"] h1 span{font-style:italic;color:var(--sun-deep)}
[data-theme="a"] h2{font-size:clamp(2.2rem,4vw,3.2rem)}
[data-theme="a"] h3{font-size:1.45rem}
[data-theme="a"] .eyebrow{color:var(--sun-deep);font-weight:500;letter-spacing:.24em;font-size:.72rem}
[data-theme="a"] .hero{background:var(--bg)}
[data-theme="a"] .hero figure img{border-radius:2px}
[data-theme="a"] .btn{border-radius:0;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;padding:15px 26px}
[data-theme="a"] .btn-sun{background:var(--navy);color:#fff}
[data-theme="a"] .btn-sun:hover{background:#25344d}
[data-theme="a"] .btn-ghost{border:1px solid var(--ink);color:var(--ink)}
[data-theme="a"] .btn-shade{background:var(--navy)}
[data-theme="a"] .brand{font-family:var(--serif);font-weight:500;font-size:1.6rem;letter-spacing:.01em;gap:12px}
[data-theme="a"] .brand img{width:34px;height:34px}
[data-theme="a"] .brand small{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.28em;color:var(--sun-deep);margin-left:-2px;align-self:flex-start;margin-top:.2em}
.foot .brand small{color:var(--sun)}
[data-theme="a"] .top{background:rgba(251,249,244,.92)}
[data-theme="a"] .card,[data-theme="a"] .price{border-radius:2px;border-color:var(--line)}
[data-theme="a"] .ico{background:transparent;width:auto;height:auto;display:block;color:var(--ink);opacity:.75}
[data-theme="a"] .ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
[data-theme="a"] .card h3{margin-top:16px}
[data-theme="a"] .sl-big{font-family:var(--serif);font-weight:500}
[data-theme="a"] .sl-result,[data-theme="a"] .sl-inputs,[data-theme="a"] .sl-card{border-radius:2px}
[data-theme="a"] .sl-locate,[data-theme="a"] .sl-input{border-radius:0}
[data-theme="a"] .hh .hs-stage,[data-theme="a"] .hh .hs-card{border-radius:2px}
[data-theme="a"] .hh .hs-play{background:var(--navy)}
[data-theme="a"] .stat{background:var(--navy);border-radius:2px}
[data-theme="a"] .stat .big{font-family:var(--serif);font-weight:500;font-size:3.6rem}
[data-theme="a"] .price .amt{font-family:var(--serif);font-weight:500;font-size:2.6rem}
[data-theme="a"] .price.hl{border:1px solid var(--sun)}
[data-theme="a"] .price.hl::before{border-radius:0;background:var(--sun);color:#fff;letter-spacing:.14em;text-transform:uppercase;font-weight:500}

/* B · Nacht & Gold – Fraunces + Inter, dunkler Hero, warmes Gold */
[data-theme="b"]{
  --sun:#e0b25c; --sun-soft:#fbf3e3; --sun-deep:#9a6f1e; --shade:#20406b; --shade-soft:#edf1f7; --navy:#0e1a2b;
  --ink:#152238; --ink-soft:#56627a; --line:#e4e8ef; --bg:#ffffff; --bg-alt:#f6f7fa;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif; --gold:#d9a441; --gold-deep:#9a6f1e;
}
[data-theme="b"] h1,[data-theme="b"] h2,[data-theme="b"] h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 50}
[data-theme="b"] h1{font-size:clamp(2.6rem,5.6vw,4.3rem);line-height:1.04}
[data-theme="b"] h1 span{font-style:italic;color:var(--sun)}
[data-theme="b"] .hero{background:radial-gradient(1200px 500px at 85% 10%,rgba(224,178,92,.22),transparent 60%),linear-gradient(160deg,#0e1a2b,#1b3354);color:#fff}
[data-theme="b"] .hero .lead,[data-theme="b"] .hero .note{color:#c9d3e3}
[data-theme="b"] .hero .eyebrow{color:var(--sun)}
[data-theme="b"] .hero figure img{border-radius:16px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
[data-theme="b"] .hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
[data-theme="b"] .eyebrow{color:var(--sun-deep);letter-spacing:.2em;font-weight:600}
[data-theme="b"] .btn{border-radius:999px;font-weight:600}
[data-theme="b"] .btn-sun{background:var(--sun);color:#0e1a2b}
[data-theme="b"] .brand{font-family:var(--serif);font-weight:500;font-size:1.35rem}
[data-theme="b"] .card,[data-theme="b"] .price{border-radius:16px}
[data-theme="b"] .stat .big,[data-theme="b"] .price .amt{font-family:var(--serif);font-weight:400}

/* C · Schweizer Klarheit – Instrument Serif + Inter, viel Weiss, Gold sparsam */
[data-theme="c"]{
  --sun:#d4a72c; --sun-soft:#faf5e6; --sun-deep:#8f6b0c; --shade:#1a3a63; --shade-soft:#eff3f8; --navy:#0f1f36;
  --ink:#0f1f36; --ink-soft:#5a6578; --line:#e7eaef; --bg:#ffffff; --bg-alt:#f7f8fa;
  --serif:'Instrument Serif',Georgia,serif; --sans:'Inter',system-ui,sans-serif; --gold:#d4a72c; --gold-deep:#8f6b0c;
}
[data-theme="c"] body{font-size:16.5px}
[data-theme="c"] h1,[data-theme="c"] h2{font-family:var(--serif);font-weight:400;letter-spacing:-.015em}
[data-theme="c"] h1{font-size:clamp(3rem,6.6vw,5.2rem);line-height:.98}
[data-theme="c"] h1 span{font-style:italic;color:var(--sun-deep)}
[data-theme="c"] h2{font-size:clamp(2.3rem,4.4vw,3.5rem);line-height:1.02}
[data-theme="c"] h3{font-weight:600;letter-spacing:-.01em}
[data-theme="c"] .hero{background:#fff;border-bottom:1px solid var(--line)}
[data-theme="c"] .hero figure img{border-radius:6px}
[data-theme="c"] .eyebrow{color:var(--ink-soft);font-weight:500;letter-spacing:.16em}
[data-theme="c"] .eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--sun);vertical-align:middle;margin-right:10px}
[data-theme="c"] .btn{border-radius:6px;font-weight:500}
[data-theme="c"] .btn-sun{background:var(--ink);color:#fff}
[data-theme="c"] .btn-sun:hover{background:#22365a}
[data-theme="c"] .btn-ghost{border:1px solid var(--line);color:var(--ink)}
[data-theme="c"] .brand{font-family:var(--serif);font-weight:400;font-size:1.55rem}
[data-theme="c"] .brand img{width:26px;height:26px}
[data-theme="c"] .card,[data-theme="c"] .price{border-radius:8px}
[data-theme="c"] .ico{background:var(--sun-soft);border-radius:8px}
[data-theme="c"] .stat{border-radius:8px;background:var(--ink)}
[data-theme="c"] .stat .big,[data-theme="c"] .price .amt{font-family:var(--serif);font-weight:400;font-size:3.4rem}