/* Variante 4 · Notte Rosa — dunkel, Magenta und Violett aus den Abendfotos. */
:root{
  --bg:#0C0912; --bg-alt:#181222; --surface:rgba(255,255,255,.055); --surface-2:rgba(255,255,255,.05);
  --ink:#F4F0F8; --muted:#A99CBB; --line:rgba(255,255,255,.13);
  --primary:#E7278D; --primary-ink:#FFFFFF; --primary-hover:#C81F79;
  --accent:#FF63AC; --accent-ink:#FFFFFF;
  --f-display:'Outfit',system-ui,sans-serif; --f-body:'Outfit',system-ui,sans-serif;
  --h-weight:600; --h-track:-.03em;
  --r:20px; --r-sm:14px; --r-lg:26px; --btn-r:100px;
  --shadow:0 18px 50px rgba(0,0,0,.5);
  --hero-overlay:linear-gradient(180deg,rgba(12,9,18,.82),rgba(12,9,18,.44) 40%,#0C0912);
  --hero-accent:#FF63AC; --hero-eyebrow:#FF63AC;
  --hdr-bg:rgba(12,9,18,.82);
  --foot-bg:#080510; --foot-accent:#FF63AC;
  --lb-bg:rgba(6,4,10,.97);
  --bw-bg:rgba(255,255,255,.05);
  --grad:linear-gradient(115deg,#E7278D,#7B4BFF);
}
body{font-weight:300;color-scheme:dark}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(52vw 42vw at 8% 4%, rgba(231,39,141,.16), transparent 62%),
    radial-gradient(46vw 40vw at 96% 30%, rgba(123,75,255,.15), transparent 60%),
    radial-gradient(58vw 44vw at 40% 100%, rgba(43,200,212,.07), transparent 62%)}
#site-header,#main,#site-footer,.bottombar{position:relative;z-index:1}
.btn--primary{background:var(--grad);box-shadow:0 10px 30px rgba(231,39,141,.34)}
.btn--primary:hover{background:var(--grad);box-shadow:0 14px 40px rgba(231,39,141,.5)}
.btn--ghost{border-color:var(--line);background:rgba(255,255,255,.05);color:var(--ink)}
.btn--ghost:hover{background:rgba(255,255,255,.12);color:var(--ink)}
.unit,.card,.bw{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.unit:hover{border-color:rgba(231,39,141,.45)}
.unit__sqm{background:var(--grad);color:#fff}
.chip{background:rgba(255,255,255,.05);color:var(--muted)}
.chip.is-on{background:var(--grad);color:#fff;border-color:transparent}
.trust__in{background:var(--line)}
.trust__i{background:var(--bg)}
.trust__i b,.pricelist b,.rev__big b,.dist b,.hero__score b,.about__badge b{
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.about__badge{background:rgba(255,255,255,.08);border:1px solid var(--line);
  backdrop-filter:blur(12px)}
.bar__track{background:rgba(255,255,255,.09)}
.bar__track i{background:var(--grad)}
.field input,.field select,.field textarea,.bw__f input,.bw__f select{color-scheme:dark}
.field select option,.bw__f select option{background:#181222;color:#F4F0F8}
.form__msg.is-ok{background:var(--grad)}
.foot__bar{border-top-color:var(--line)}
.bottombar{background:rgba(24,18,34,.94);backdrop-filter:blur(16px);
  border-top:1px solid var(--line)}
.bottombar a{background:transparent;color:var(--ink)}
.bottombar a.is-primary{background:var(--grad)}
.navpanel{background:rgba(12,9,18,.97);backdrop-filter:blur(20px);color:var(--ink)}
.langmenu{background:#181222}
.lang-btn.is-active{background:var(--grad)}
.svc__list li::before{background:var(--grad)}
.ticks li::before{border-color:var(--accent)}