/* ==========================================================
   AUVESTA – main.css   (mobile first, Bootstrap 5.3)
   Reihenfolge: Tokens · Basis · Header · Buttons · Hero · Sektionen
                Preise · Vorteile · Karte · Zitat · Footer
   Basis-Regeln gelten für Smartphones, größere Screens kommen
   per  @media (min-width: …)  dazu.
   ========================================================== */

@font-face{font-family:"Source Sans 3";font-weight:300;font-style:normal;font-display:swap;
  src:url("../fonts/source-sans-3-latin-300-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-weight:400;font-style:normal;font-display:swap;
  src:url("../fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-weight:600;font-style:normal;font-display:swap;
  src:url("../fonts/source-sans-3-latin-600-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-weight:300;font-style:normal;font-display:swap;
  src:url("../fonts/source-sans-3-latin-ext-300-normal.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-weight:400;font-style:normal;font-display:swap;
  src:url("../fonts/source-sans-3-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-weight:600;font-style:normal;font-display:swap;
  src:url("../fonts/source-sans-3-latin-ext-600-normal.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}


/* ---------- Tokens ----------
   ALLE Farben der Seite stehen hier. Wer hier einen Wert ändert, ändert die ganze Seite.
   *-rgb = nur die Zahlen (R,G,B), damit sich Transparenzen daraus bauen lassen:
   rgba(var(--av-gold-rgb), .35)                                                      */
:root{
  /* Marke */
  --av-dark:        #1a1a1a;
  --av-dark-2:      #232628;
  --av-dark-3:      #242424;
  --av-grey:        #41484f;
  --av-grey-light:  #6b737a;
  /* EIN Goldton (wie im Chart). Alle anderen Goldstufen leiten sich davon ab. */
  --av-gold:        #ad9961;
  --av-gold-light:  var(--av-gold);
  --av-gold-hover:  color-mix(in srgb, var(--av-gold) 82%, #fff);
  --av-gold-active: color-mix(in srgb, var(--av-gold) 85%, #000);
  --av-gold-dark:   color-mix(in srgb, var(--av-gold) 80%, #000);

  /* Flächen & Text */
  --av-white:       #fff;
  --av-soft:        #f6f5f1;
  --av-line:        #e3e0d6;
  --av-text:        #2f3438;
  --av-text-soft:   #4a5056;
  --av-on-dark:     #e9e9e7;
  --av-on-gold:     #1a1a1a;
  --av-tip-bg:      rgba(10,11,12,.96);
  --av-totop-bg:    rgba(26,26,26,.85);
  --av-shadow:      rgba(0,0,0,.3);

  /* RGB-Kanäle für Transparenzen */
  --av-white-rgb:      255,255,255;
  --av-dark-rgb:       26,26,26;
  --av-gold-rgb:       173,153,97;   /* = --av-gold als R,G,B */
  --av-gold-light-rgb: var(--av-gold-rgb);

  /* Status */
  --av-pos:         #3fc28a;
  --av-neg:         #e5484d;

  /* Edelmetalle (Chart-Linien) */
  --av-metal-gold:      var(--av-gold);
  --av-metal-silber:    #b8bec5;
  --av-metal-platin:    #d8d8d2;
  --av-metal-palladium: #a8a8a8;

  /* Chart */
  --av-chart-grid:  rgba(255,255,255,.07);
  --av-chart-axis:  rgba(255,255,255,.6);
  --av-chart-tick:  rgba(255,255,255,.15);
  --av-chart-point: #1a1a1a;
  --av-map-point:   var(--av-gold);

  /* Bildband / Overlay (gilt für alle Seiten gleich) */
  --av-band-tint:   rgba(var(--av-dark-rgb),.55);   /* gleichmäßige Einfärbung */
  --av-band-grad:   rgba(var(--av-dark-rgb),.45);   /* zusätzlich links, hinter dem Text */
  --av-band-gold:   rgba(var(--av-gold-rgb),.12);   /* leichter Goldton */

  --av-gutter:      16px;
  --av-header-h:    64px;

  --bs-body-font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-font-weight: 300;
  --bs-body-font-size: 1.0625rem;
  --bs-body-line-height: 1.65;
  --bs-body-color: var(--av-text);
  --bs-body-bg: var(--av-white);
  --bs-link-color: var(--av-gold);
  --bs-link-hover-color: var(--av-gold-dark);
  --bs-border-radius: 6px;
}
[data-bs-theme="dark"]{
  --bs-body-color: var(--av-on-dark);
  --bs-body-bg: var(--av-dark);
}

@media (min-width:768px){ :root{ --av-header-h: 72px; } }
@media (min-width:1200px){ :root{ --av-header-h: 80px; } }

/* Seitenrand mobil = 16px (Bootstrap-Standard wäre 12px) */
.container,.container-xl{ --bs-gutter-x: 2rem; }

html{ scroll-behavior:smooth; scroll-padding-top: var(--av-header-h); }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

body{ overflow-x:hidden; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility; }
img{ max-width:100%; height:auto; }
strong,.fw-semibold{ font-weight:600; }

.av-skip{ position:absolute; z-index:2000; left:8px; top:8px; background:var(--av-white); padding:.5rem 1rem; }
.av-gold{ color:var(--av-gold); }
.av-narrow{ max-width:42rem; }
.av-rounded{ border-radius:10px; }


/* ---------- Typo-Bausteine ---------- */
.av-kicker{
  margin:0 0 .75rem; color:var(--av-gold);
  font-size:.75rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
}
.av-h1,.av-h2{ font-weight:300; line-height:1.15; margin:0 0 1rem; letter-spacing:-.01em; }
.av-h1{ font-size:clamp(2rem,6vw,3.25rem); }
.av-h2{ font-size:clamp(1.75rem,4.6vw,2.75rem); }
.av-lead{ font-size:1.125rem; }
.av-sub{ margin:0; color:rgba(var(--av-white-rgb),.75); }
.av-line{ display:block; width:56px; height:2px; background:var(--av-gold); margin:0 0 1.5rem; }
.av-line-center{ margin-left:auto; margin-right:auto; margin-bottom:2.5rem; }

.av-section{ position:relative; }
.av-section-pad{ padding-block:3.5rem; }
@media (min-width:768px){ .av-section-pad{ padding-block:5rem; } }
@media (min-width:1200px){ .av-section-pad{ padding-block:6.5rem; } }


/* ---------- Buttons ---------- */
.btn{ --bs-btn-border-radius:4px; font-weight:600; letter-spacing:.04em; padding:.8rem 1.6rem; }
.av-btn-gold{
  --bs-btn-color:var(--av-on-gold); --bs-btn-bg:var(--av-gold-light); --bs-btn-border-color:var(--av-gold-light);
  --bs-btn-hover-color:var(--av-on-gold); --bs-btn-hover-bg:var(--av-gold-hover); --bs-btn-hover-border-color:var(--av-gold-hover);
  --bs-btn-active-color:var(--av-on-gold); --bs-btn-active-bg:var(--av-gold-active); --bs-btn-active-border-color:var(--av-gold-active);
  --bs-btn-focus-shadow-rgb:var(--av-gold-light-rgb);
}
.av-btn-ghost{
  --bs-btn-color:var(--av-white); --bs-btn-bg:transparent; --bs-btn-border-color:rgba(var(--av-white-rgb),.55);
  --bs-btn-hover-color:var(--av-on-gold); --bs-btn-hover-bg:var(--av-white); --bs-btn-hover-border-color:var(--av-white);
}
.av-btn-dark{
  --bs-btn-color:var(--av-white); --bs-btn-bg:var(--av-dark); --bs-btn-border-color:var(--av-dark);
  --bs-btn-hover-color:var(--av-on-gold); --bs-btn-hover-bg:var(--av-gold-light); --bs-btn-hover-border-color:var(--av-gold-light);
}


/* ==========================================================
   HEADER
   ========================================================== */
.av-header{ position:sticky; top:0; z-index:1030; background:var(--av-dark); }
.av-navbar{ min-height:var(--av-header-h); padding-block:0; }
.av-wordmark{
  color:var(--av-gold-light); font-weight:600; font-size:1.375rem; letter-spacing:.32em; text-decoration:none;
}
.av-brand{ display:flex; align-items:center; margin:0; padding:0; }
.av-logo{ display:block; height:28px; width:auto; max-width:60vw; }
.av-logo-invert{ filter:brightness(0) invert(1); }
@media (min-width:768px){ .av-logo{ height:32px; } }
@media (min-width:1200px){ .av-logo{ height:36px; } }

.av-toggler{ border:0; padding:.75rem .5rem; margin-right:-.5rem; }
.av-toggler:focus{ box-shadow:0 0 0 2px var(--av-gold); }
.av-burger{ display:block; width:26px; }
.av-burger i{ display:block; height:2px; background:var(--av-white); margin:6px 0; border-radius:2px; }

.av-offcanvas{ --bs-offcanvas-bg:var(--av-dark); --bs-offcanvas-width:min(86vw,360px); }
.av-nav .nav-link{
  color:var(--av-white); font-weight:400; font-size:1.0625rem; padding:.9rem 0;
  border-bottom:1px solid rgba(var(--av-white-rgb),.08);
}
.av-nav .nav-link:hover,.av-nav .nav-link.active,.av-nav .nav-link.show{ color:var(--av-gold-light); }
.av-dropdown{
  --bs-dropdown-bg:transparent; --bs-dropdown-border-width:0; --bs-dropdown-link-color:rgba(var(--av-white-rgb),.8);
  --bs-dropdown-link-hover-bg:transparent; --bs-dropdown-link-hover-color:var(--av-gold-light);
  --bs-dropdown-link-active-bg:transparent; --bs-dropdown-link-active-color:var(--av-gold-light);
  padding:.25rem 0 .5rem 1rem; position:static !important; transform:none !important;
}
.av-dropdown .dropdown-item{ padding:.55rem 0; }

@media (min-width:1200px){
  .av-nav .nav-link{ border:0; padding:.5rem .9rem; font-size:1rem; }
  .av-dropdown{
    position:absolute !important; --bs-dropdown-bg:var(--av-dark-2); padding:.5rem 0;
    --bs-dropdown-border-radius:6px; border:1px solid rgba(var(--av-white-rgb),.08) !important; min-width:14rem;
  }
  .av-dropdown .dropdown-item{ padding:.5rem 1.25rem; }
  .av-offcanvas .offcanvas-body{ display:flex; align-items:center; }
}


/* ==========================================================
   HERO
   ========================================================== */
.av-hero{
  position:relative; display:flex; align-items:center; overflow:hidden; color:var(--av-white);
  min-height:calc(88svh - var(--av-header-h)); min-height:calc(88vh - var(--av-header-h));
  background:
    radial-gradient(120% 90% at 85% 10%, rgba(var(--av-gold-rgb),.35) 0%, rgba(var(--av-gold-rgb),0) 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(var(--av-gold-light-rgb),.12) 0%, rgba(var(--av-gold-light-rgb),0) 60%),
    linear-gradient(160deg,var(--av-dark-3) 0%, var(--av-dark) 60%);
}
@supports (min-height:1svh){ .av-hero{ min-height:calc(88svh - var(--av-header-h)); } }
.av-hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.av-hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1s; }
.av-hero-video.is-ready{ opacity:.55; }
.av-hero-shade{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(var(--av-dark-rgb),.55) 0%,rgba(var(--av-dark-rgb),.2) 40%,rgba(var(--av-dark-rgb),.8) 100%); }
.av-hero-inner{ position:relative; z-index:1; padding-block:3rem; }
.av-hero-title{ font-weight:300; font-size:clamp(2.1rem,8.2vw,4.25rem); line-height:1.08; margin:0 0 1.25rem; letter-spacing:-.015em; }
.av-hero-text{ font-size:1.125rem; max-width:34rem; color:rgba(var(--av-white-rgb),.85); margin:0; }
@media (min-width:768px){ .av-hero-text{ font-size:1.25rem; } }


/* ==========================================================
   KAUFEN
   ========================================================== */
#kaufen{ background:var(--av-white); }


/* ==========================================================
   PREISE / CHART
   ========================================================== */
.av-prices{ background:var(--av-dark); color:var(--av-on-dark); }
.av-prices .av-h2{ color:var(--av-white); }

.av-prices-head{ display:flex; flex-direction:column; gap:1.5rem; margin-bottom:2rem; }
@media (min-width:768px){ .av-prices-head{ flex-direction:row; justify-content:space-between; align-items:flex-end; } }

/* Metall-Tabs: auf dem Handy seitlich wischbar */
.av-tabs{
  display:flex; gap:1.5rem; margin:0 calc(var(--av-gutter) * -1); padding:0 var(--av-gutter); list-style:none;
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.av-tabs::-webkit-scrollbar{ display:none; }
@media (min-width:768px){ .av-tabs{ margin:0; padding:0; overflow:visible; } }
.av-tab{
  background:none; border:0; color:var(--av-white); font-weight:600; font-size:1rem; padding:.6rem 0; white-space:nowrap;
  border-bottom:2px solid transparent; cursor:pointer; min-height:44px;
}
.av-tab:hover{ color:var(--av-gold-light); }
.av-tab.is-active, .av-tab.active{ color:var(--av-gold); border-bottom-color:var(--av-gold); }

/* Grid: mobil gestapelt, ab lg Preis links / Chart rechts */
.av-prices-grid{ display:grid; gap:1.5rem; grid-template-columns:minmax(0,1fr); }
@media (min-width:992px){
  .av-prices-grid{ grid-template-columns:260px minmax(0,1fr); gap:2rem 3rem; align-items:start; }
  .av-price-box{ grid-row:1; }
  .av-chart-wrap{ grid-column:2; grid-row:1; }
  .av-stats{ grid-column:2; grid-row:2; }
}

.av-price-label{ color:var(--av-gold); font-weight:600; letter-spacing:.04em; margin-bottom:.25rem; }
.av-price-value{ font-weight:300; font-size:clamp(2.4rem,9vw,3.5rem); line-height:1.1; color:var(--av-white); font-variant-numeric:tabular-nums; }
.av-price-perf{ margin-top:.5rem; font-weight:600; font-size:1.0625rem; }
.av-price-date{ margin-top:.5rem; font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:rgba(var(--av-white-rgb),.7); }
.is-pos{ color:var(--av-pos); }
.is-neg{ color:var(--av-neg); }

.av-ranges{ display:flex; gap:.25rem; flex-wrap:wrap; margin-bottom:.75rem; }
.av-range{
  background:rgba(var(--av-white-rgb),.06); border:0; color:var(--av-white); font-size:.8125rem; font-weight:600;
  min-width:44px; min-height:36px; padding:.35rem .7rem; border-radius:4px; cursor:pointer;
}
.av-range:hover{ background:rgba(var(--av-white-rgb),.14); }
.av-range.is-active{ background:var(--av-gold); color:var(--av-on-gold); }

.av-chart{ position:relative; height:280px; }
@media (min-width:768px){ .av-chart{ height:360px; } }
.av-chart-msg{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(var(--av-white-rgb),.6); text-align:center; padding:1rem; }
.av-chart .uplot,.av-chart .u-wrap{ max-width:100%; }
.av-chart .u-legend{ display:none; }
.av-chart .u-axis,.av-chart .u-over{ font-family:inherit; }
.av-tip{
  position:absolute; z-index:5; pointer-events:none; white-space:nowrap; transform:translate(-50%,-110%);
  background:var(--av-tip-bg); border:1px solid var(--av-gold); border-radius:6px; padding:.4rem .7rem; font-size:.8125rem; color:var(--av-white);
}
.av-tip b{ font-weight:600; }
.av-tip small{ display:block; color:rgba(var(--av-white-rgb),.65); }

/* Performance / Hoch / Tief – immer 3 nebeneinander */
.av-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(0,1fr)); grid-auto-flow:column; margin:0; border-top:1px solid rgba(var(--av-white-rgb),.12); padding-top:1.25rem; }
.av-stat{ padding:0 .6rem; min-width:0; }
.av-stat:first-child{ padding-left:0; }
.av-stat + .av-stat{ border-left:1px solid rgba(var(--av-white-rgb),.12); }
.av-stat dt{ font-size:.6875rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--av-white); margin-bottom:.35rem; }
.av-stat dd{ margin:0; font-size:1rem; color:var(--av-white); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.av-stat-sub{ font-size:.75rem !important; color:rgba(var(--av-white-rgb),.7) !important; }
/* Plus grün / Minus rot (Farben = Tokens --av-pos / --av-neg, gelten in beiden Farbvarianten) */
.av-stat dd.is-pos,.av-stat dd.av-stat-sub.is-pos{ color:var(--av-pos) !important; }
.av-stat dd.is-neg,.av-stat dd.av-stat-sub.is-neg{ color:var(--av-neg) !important; }
@media (min-width:576px){ .av-stat{ padding:0 1.5rem; } .av-stat dd{ font-size:1.375rem; } }


/* ==========================================================
   VORTEILE
   ========================================================== */
.av-vorteile{ background:var(--av-white); }
.av-vorteil{
  display:flex; gap:1.25rem; align-items:flex-start; height:100%;
  padding:1.5rem; background:var(--av-white);
  border:1px solid var(--av-line); border-radius:10px;
}
.av-vorteil p{ margin:0; font-size:1rem; color:var(--av-text-soft); }
.av-icon{ flex:0 0 auto; width:44px; height:44px; color:var(--av-gold); }
.av-vorteil-title{ font-size:1.25rem; font-weight:400; line-height:1.25; margin:0 0 .5rem; color:var(--av-dark); }

@media (min-width:768px){ .av-icon{ width:52px; height:52px; } }


/* ==========================================================
   KARTE
   ========================================================== */
.av-map{ background:var(--av-dark); color:var(--av-white); }
.av-map .av-h2{ color:var(--av-white); margin-bottom:2rem; }
.av-map-box{ margin-inline:calc(var(--av-gutter) * -1); }
@media (min-width:768px){ .av-map-box{ margin-inline:0; } }

#auvesta-world-map{ position:relative; width:100%; aspect-ratio:1.8; min-height:220px; }
@media (min-width:768px){ #auvesta-world-map{ aspect-ratio:2.3; } }
#auvesta-world-map svg{ display:block; width:100%; height:100%; overflow:hidden; }

.auvesta-country{ fill:var(--av-grey); stroke:var(--av-dark); stroke-width:.5; vector-effect:non-scaling-stroke; }
.auvesta-country.has-customers{ fill:color-mix(in srgb, var(--av-grey) 80%, var(--av-grey-light)); }
.auvesta-home-pulse{ fill:rgba(var(--av-gold-rgb),.25); transform-box:fill-box; transform-origin:center; animation:av-pulse 2.6s ease-out infinite; }
.auvesta-home-ring{ fill:rgba(var(--av-gold-rgb),.55); }
.auvesta-home-core{ fill:var(--av-white); }
@keyframes av-pulse{ 0%{ transform:scale(.6); opacity:.9; } 100%{ transform:scale(1.9); opacity:0; } }
@media (prefers-reduced-motion:reduce){ .auvesta-home-pulse{ animation:none; } }
.auvesta-map-controls{ display:none; }


/* ==========================================================
   ZITAT
   ========================================================== */
.av-quote{ background:var(--av-dark-2); color:var(--av-white); }
.av-quote-text{ font-size:clamp(1.5rem,5vw,2.75rem); font-weight:300; line-height:1.3; margin:0 auto 1.5rem; max-width:52rem; }
.av-quote-by{ margin:0; color:rgba(var(--av-white-rgb),.75); }
.av-quote-by strong{ color:var(--av-gold-light); font-weight:400; }


/* ==========================================================
   FOOTER
   ========================================================== */
.av-reviews{ background:var(--av-white); }
.av-reviews.is-loaded{ padding-block:2rem; border-bottom:1px solid var(--av-line); }

.av-footer-top{ background:var(--av-white); color:var(--av-text); padding-block:3rem; }
.av-fhead{ color:var(--av-gold); font-size:.8125rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.75rem; }
.av-flinks li a,.av-faddress a{ display:inline-block; padding:.3rem 0; color:var(--av-text); text-decoration:none; }
.av-flinks li a:hover,.av-faddress a:hover{ color:var(--av-gold); }
.av-faddress{ margin:0; font-style:normal; font-size:.9375rem; line-height:1.75; }
@media (min-width:992px){ .av-footer-top{ padding-block:4.5rem; } .av-flinks li a{ padding:.15rem 0; } }

.av-footer-bar{ background:var(--av-dark); color:var(--av-white); padding:0 0 5.5rem; }
.av-flabel{ margin:0 0 .9rem; color:var(--av-gold); font-size:.6875rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }

/* Vorteilsleiste */
.av-usp{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 .75rem; margin:0 auto; padding-block:.75rem; border-bottom:1px solid var(--av-grey); }
.av-usp li{ display:grid; grid-template-columns:auto 1fr; column-gap:.65rem; align-items:center; padding:.7rem .25rem; text-align:left; }
.av-usp svg{ grid-row:1 / 3; width:28px; height:28px; margin:0; fill:none; stroke:var(--av-gold); stroke-width:1.5; }
.av-usp b{ display:block; font-size:.8125rem; font-weight:600; line-height:1.25; align-self:end; }
.av-usp span{ display:block; font-size:.75rem; line-height:1.25; align-self:start; color:color-mix(in srgb, var(--av-white) 72%, transparent); }
@media (min-width:992px){
  .av-usp{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); padding-block:0; }
  .av-usp li,.av-usp li:last-child{ grid-column:auto; padding:1.25rem 1rem; display:grid; grid-template-columns:auto 1fr; column-gap:.85rem; align-items:center; text-align:left; border-left:1px solid var(--av-grey); }
  .av-usp li:first-child{ border-left:0; }
  .av-usp svg{ grid-row:1 / 3; margin:0; width:34px; height:34px; }
  .av-usp b{ font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; align-self:end; }
  .av-usp span{ align-self:start; }
}

/* Ausgezeichnet | Zertifiziert | Partner */
.av-fgrid{ display:grid; grid-template-columns:auto minmax(0,1fr); }
.av-fcol{ padding:1.25rem 0; }
.av-fcol-awards{ grid-column:1 / -1; border-bottom:1px solid var(--av-grey); }
.av-fcol-cert{ padding-right:1rem; }
.av-fcol-partner{ padding-left:1rem; border-left:1px solid var(--av-grey); }
.av-slider{ display:flex; align-items:center; gap:.25rem; }
.av-sl-btn{ flex:none; border:0; background:none; color:var(--av-gold); font-size:2rem; line-height:1; padding:.25rem .4rem; cursor:pointer; }
.av-seals{ display:flex; gap:.75rem; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; flex:1; }
.av-seals::-webkit-scrollbar{ display:none; }
.av-seal{ flex:none; scroll-snap-align:center; display:block; }
.av-seal img{ display:block; height:96px; width:auto; max-width:none; border-radius:3px; }
.av-trust-row{ display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; }
.av-trust-img{ display:block; height:64px; width:auto; }
.av-trust-badge{ width:64px; height:64px; }
.av-pe{ display:block; max-width:120px; }
.av-pe img{ max-width:100%; height:auto; }
.av-partner{ display:inline-block; background:var(--av-white); border-radius:4px; padding:.4rem .5rem; line-height:0; max-width:100%; }
.av-partner img{ display:block; height:auto; width:100%; max-width:330px; }
@media (min-width:992px){
  .av-fgrid{ grid-template-columns:2.1fr .9fr 1.2fr; padding-block:.5rem; }
  .av-fcol{ padding:1.5rem 1.75rem; border-left:1px solid var(--av-grey); }
  .av-fcol-awards{ grid-column:auto; border-bottom:0; border-left:0; padding-left:0; }
  .av-fcol-cert{ padding-right:1.75rem; }
  .av-fcol-partner{ padding-left:1.75rem; }
  .av-sl-btn{ display:none; }
  .av-flabel{ white-space:nowrap; }
  .av-seals{ overflow:visible; gap:.45rem; flex-wrap:nowrap; }
  .av-seal img{ height:62px; }
  .av-trust-img,.av-trust-badge{ height:62px; }
  .av-trust-badge{ width:62px; }
}
@media (min-width:1200px){ .av-seal img{ height:70px; } .av-seals{ gap:.6rem; } }

/* Rechtliches */
.av-legal{ border-top:1px solid var(--av-grey); padding-top:.5rem; text-align:center; font-size:.8125rem; }
.av-legal ul{ display:grid; grid-template-columns:repeat(3,auto); justify-content:center; margin:0; }
.av-legal li a{ display:block; padding:.6rem .55rem; color:color-mix(in srgb, var(--av-white) 78%, transparent); text-decoration:none; }
.av-legal li:nth-child(n+2):not(:nth-child(4)) a{ border-left:1px solid var(--av-grey); }
.av-legal li a:hover{ color:var(--av-gold-light); }
.av-copy{ margin:.5rem 0 0; color:color-mix(in srgb, var(--av-white) 60%, transparent); font-size:.8125rem; }
@media (min-width:768px){
  .av-legal{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-block:.9rem 0; text-align:left; font-size:.875rem; }
  .av-legal ul{ display:flex; flex-wrap:wrap; gap:.25rem 1.75rem; }
  .av-legal li a,.av-legal li:nth-child(n+2):not(:nth-child(4)) a{ padding:.25rem 0; border:0; color:var(--av-white); }
  .av-copy{ margin:0; }
  .av-footer-bar{ padding-bottom:2rem; }
}

/* Nach-oben */
.av-totop{
  position:fixed; right:16px; bottom:16px; z-index:1020; width:48px; height:48px; border:0; border-radius:50%;
  background:var(--av-totop-bg); color:var(--av-white); display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 2px 10px var(--av-shadow);
}
.av-totop[hidden]{ display:none; }
.av-totop:hover{ background:var(--av-gold); color:var(--av-on-gold); }


/* ==========================================================
   SPARPLAN
   ========================================================== */
.av-hero-sub{ min-height:clamp(320px,52svh,520px); }
.av-h3{ font-size:1.375rem; font-weight:400; line-height:1.25; margin:0 0 .75rem; }
.av-soft{ background:var(--av-soft); }
.av-dark-sec{ background:var(--av-dark); color:var(--av-on-dark); }
.av-dark-sec .av-h2{ color:var(--av-white); }

.av-subnav{ position:sticky; top:var(--av-header-h); z-index:1020; background:var(--av-white); border-bottom:1px solid var(--av-line); }
.av-subnav ul{ display:flex; gap:1.5rem; margin:0; padding:0; list-style:none; overflow-x:auto; scrollbar-width:none; }
.av-subnav ul::-webkit-scrollbar{ display:none; }
.av-subnav a{ display:block; padding:.85rem 0; white-space:nowrap; color:var(--av-dark); text-decoration:none; font-size:.9375rem; font-weight:600; border-bottom:2px solid transparent; }
.av-subnav a.is-active{ color:var(--av-gold); border-bottom-color:var(--av-gold); }
.av-subnav a:hover{ color:var(--av-gold); border-bottom-color:var(--av-gold); }
html{ scroll-padding-top:calc(var(--av-header-h) + 3.25rem); }

.av-intro-seal{ max-width:200px; width:100%; height:auto; }
.av-variant-img{ max-width:100%; height:auto; max-height:260px; object-fit:contain; }

.av-card{ height:100%; background:var(--av-white); border:1px solid var(--av-line); border-radius:10px; overflow:hidden; }
.av-card img{ display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
.av-card-body{ padding:1.5rem; }

.av-check{ list-style:none; margin:0; padding:0; }
.av-check li{ position:relative; padding:.3rem 0 .3rem 1.6rem; }
.av-check li.no-check, .av-bt-list li.no-check{ padding-left:0; }
.av-check li.no-check::before, .av-bt-list li.no-check::before{ display:none; }
.av-tick{ display:inline-block; position:relative; width:1.6rem; height:1em; margin-left:-1.6rem; vertical-align:baseline; }
.av-tick::before{ content:""; position:absolute; left:0; top:.28em; width:.6rem; height:.32rem; border-left:2px solid var(--av-gold); border-bottom:2px solid var(--av-gold); transform:rotate(-45deg); }
:is(p,h1,h2,h3,h4,h5,h6,div,span,small):has(> .av-tick:first-child){ padding-left:1.6rem; }
.av-check li::before{ content:""; position:absolute; left:0; top:.8rem; width:.6rem; height:.32rem; border-left:2px solid var(--av-gold); border-bottom:2px solid var(--av-gold); transform:rotate(-45deg); }

.av-split{ text-align:center; padding:1.5rem 1rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:10px; }
.av-split-name{ color:var(--av-gold); font-weight:600; letter-spacing:.04em; }
.av-split-pct{ font-size:clamp(2.2rem,8vw,3.25rem); font-weight:300; line-height:1.15; color:var(--av-white); font-variant-numeric:tabular-nums; }
.av-split-fig{ position:relative; width:min(100%,130px); aspect-ratio:3/5; margin:1rem auto .5rem; --fill:0%; }
.av-split-fig img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.av-split-base{ opacity:.3; filter:grayscale(1); }
.av-split-fill{ clip-path:inset(100% 0 0 0); transition:clip-path 1.6s cubic-bezier(.2,.7,.2,1); }
.av-split-fig.is-on .av-split-fill{ clip-path:inset(calc(100% - var(--fill)) 0 0 0); }
@media (prefers-reduced-motion:reduce){ .av-split-fill{ transition:none; } }

#metalle .av-tabs{ border-bottom:1px solid var(--av-line); }
#metalle .av-tab{ color:var(--av-dark); }
#metalle .av-tab:hover{ color:var(--av-gold); }
.av-metal-img{ max-width:100%; height:auto; border-radius:10px; }

.av-steps{ counter-reset:s; }
.av-step-no{ display:inline-flex; align-items:center; justify-content:center; width:2.75rem; height:2.75rem; border:1px solid var(--av-gold); border-radius:50%; color:var(--av-gold); font-weight:600; margin-bottom:1rem; }

.av-services{ margin:0; border-top:1px solid var(--av-line); }
.av-service{ display:grid; gap:.25rem; padding:1.25rem 0; border-bottom:1px solid var(--av-line); }
.av-service dt{ font-weight:600; font-size:1.125rem; color:var(--av-dark); }
.av-service dd{ margin:0; }
@media (min-width:768px){
  .av-service{ grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:2rem; }
}


/* Bildband mit Zitat (alle Edelmetall-Seiten identisch) */
.av-band{ position:relative; overflow:hidden; display:flex; align-items:center; min-height:clamp(300px,42vw,480px); background:var(--av-dark); color:var(--av-white); }
.av-band-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.av-band-shade{ position:absolute; inset:0;
  background:
    linear-gradient(90deg,var(--av-band-grad) 0%,rgba(0,0,0,0) 75%),
    linear-gradient(var(--av-band-gold),var(--av-band-gold)),
    linear-gradient(var(--av-band-tint),var(--av-band-tint)); }
.av-band-inner{ position:relative; z-index:1; padding-block:3rem; }
.av-band-text{ font-size:clamp(1.5rem,3.8vw,2.375rem); font-weight:300; line-height:1.3; margin:0 0 1rem; max-width:40rem; text-shadow:0 1px 18px rgba(var(--av-dark-rgb),.5); }
.av-band-by{ margin:0 0 1.25rem; color:rgba(var(--av-white-rgb),.85); font-size:1.125rem; }
@media (min-width:992px) and (hover:hover){
  .av-band-img{ position:fixed; }              /* Parallax */
  .av-band{ clip-path:inset(0); }
}

/* Einheitliche Box (Rahmen + Rundung) */
.av-box{ height:100%; padding:1.5rem; background:var(--av-white); border:1px solid var(--av-line); border-radius:10px; }
.av-box-dark{ height:100%; padding:1.5rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:10px; }
@media (min-width:768px){ .av-box,.av-box-dark{ padding:2rem; } }

/* Online-Depot */
.av-steps-list{ margin:0; padding:0; list-style:none; counter-reset:odstep; }
.av-steps-list li{ counter-increment:odstep; position:relative; padding:.45rem 0 .45rem 2.6rem; }
.av-steps-list li::before{ content:counter(odstep); position:absolute; left:0; top:.4rem; width:1.9rem; height:1.9rem; border:1px solid var(--av-gold); border-radius:50%; color:var(--av-gold); font-weight:600; font-size:.9rem; display:flex; align-items:center; justify-content:center; }
.av-od-img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; }
/* Online-Depot: Kacheln mit Handy, unten angeschnitten */
.av-od-item{ display:flex; flex-direction:column; gap:1.25rem; padding:1.75rem 1.75rem 0; overflow:hidden; }
.av-od-item .av-od-text{ flex:1 1 auto; }
.av-od-shot{ display:flex; justify-content:center; align-items:flex-start; height:19.5rem; padding-top:2.25rem; box-sizing:border-box; overflow:hidden; }
.av-od-shot .av-od-img{ width:min(100%,16rem); max-width:none; height:auto; margin:0; filter:url(#av-noshadow); } /* entfernt den weichen Schatten im Bild (Alpha-Schwelle, siehe SVG-Filter in online-depot.php) */
@media (min-width:576px) and (max-width:767.98px), (min-width:1200px){
  .av-od-item{ flex-direction:row; align-items:stretch; gap:1rem; }
  .av-od-item .av-od-text{ flex:1 1 52%; align-self:center; padding-bottom:1.75rem; }
  .av-od-shot{ flex:0 0 44%; align-self:flex-end; height:22rem; }
}

/* Online-Depot Hero-Slider */
.av-od-hero{ min-height:0; }
.av-od-hero .av-hero-title span{ color:var(--av-gold); }
.av-od-hero .av-hero-title{ font-size:clamp(1.9rem,6.5vw,3.5rem); }
.av-od-slides{ display:grid; min-height:11rem; }
.av-od-slide{ grid-area:1/1; opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease; pointer-events:none; }
.av-od-slide.is-active{ opacity:1; transform:none; pointer-events:auto; }
.av-od-dots{ display:flex; gap:.5rem; margin-top:1.25rem; }
.av-od-dot{ flex:0 1 3rem; height:1.75rem; padding:0; border:0; background:none; cursor:pointer; display:flex; align-items:center; }
.av-od-dot span{ display:block; width:100%; height:3px; border-radius:2px; background:rgba(var(--av-white-rgb),.25); position:relative; overflow:hidden; }
.av-od-dot span::after{ content:""; position:absolute; inset:0; background:var(--av-gold); transform:scaleX(0); transform-origin:left; }
.av-od-dot.is-active span::after{ transform:scaleX(1); transition:transform var(--od-dur,5s) linear; }
.av-od-dot.is-done span::after{ transform:scaleX(1); }
.av-od-hero.is-paused .av-od-dot.is-active span::after{ transition:none; }
.av-od-phone{ display:grid; width:min(62vw,250px); margin:0 auto; }
.av-od-screen{ grid-area:1/1; display:block; width:100%; height:auto; opacity:0; transition:opacity .6s ease; filter:url(#av-noshadow); }
.av-od-screen.is-active{ opacity:1; }
@media (min-width:768px){ .av-od-phone{ width:min(100%,290px); } }
@media (prefers-reduced-motion:reduce){ .av-od-slide,.av-od-screen,.av-od-dot span::after{ transition:none !important; } }
.av-od-slides{ min-height:8.5rem; }
@media (min-width:768px){ .av-od-slides{ min-height:11rem; } }
.av-od-phone{ width:min(52vw,210px); }
@media (min-width:768px){ .av-od-phone{ width:min(100%,270px); } }

/* Lagerung */
.av-shot{ display:block; width:100%; height:auto; border:1px solid var(--av-line); border-radius:10px; }
/* Barrenzuordnung (Beispiel) */
.av-facts{ margin:0; }
.av-facts div{ display:flex; justify-content:space-between; align-items:center; gap:1rem; box-sizing:border-box; height:var(--av-arow); padding:0; border-bottom:1px solid var(--av-line); font-size:.9375rem; }
.av-facts dt{ font-weight:400; color:var(--av-text-soft); }
.av-facts dd{ margin:0; font-weight:600; text-align:right; }
.av-donut{ position:relative; width:min(100%,220px); margin:0 auto; aspect-ratio:1; }
.av-donut svg{ width:100%; height:100%; transform:rotate(-90deg); }
.av-donut circle{ fill:none; stroke-width:3.4; }
.av-donut-bg{ stroke:var(--av-line); }
.av-donut-fg{ stroke:var(--av-gold); stroke-linecap:round; stroke-dasharray:0 100; transition:stroke-dasharray 1.6s cubic-bezier(.2,.7,.2,1); }
.av-alloc.is-on .av-donut-fg{ stroke-dasharray:var(--p) 100; }
.av-donut-c{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.av-donut-c strong{ font-size:1.75rem; font-weight:400; color:var(--av-gold); font-variant-numeric:tabular-nums; }
.av-donut-c span{ font-size:.8125rem; color:var(--av-text-soft); }
.av-legend{ list-style:none; margin:1rem 0 0; padding:0; font-size:.9375rem; }
.av-legend li{ display:flex; align-items:center; gap:.5rem; padding:.25rem 0; }
.av-legend i{ width:.7rem; height:.7rem; border-radius:50%; background:var(--av-line); flex:none; }
.av-legend .is-mine i{ background:var(--av-gold); }
.av-legend b{ margin-left:auto; font-weight:600; font-variant-numeric:tabular-nums; }
.av-alloc{ --av-arow:2.625rem; }               /* gemeinsame Zeilenhöhe: links Daten, rechts Tabelle */
.av-alloc-table{ max-height:calc(var(--av-arow) * 8); overflow:hidden; position:relative; }   /* Kopf + 7 Zeilen */
.av-alloc-table .av-table{ border-collapse:separate; border-spacing:0; }
.av-alloc-table .av-table td,.av-alloc-table .av-table th{ box-sizing:border-box; height:var(--av-arow); padding:0 .5rem; vertical-align:middle; font-size:.9375rem; border-bottom:1px solid var(--av-line); }
.av-alloc-table th:first-child,.av-alloc-table td:first-child{ text-align:left; }
.av-row{ opacity:0; transform:translateY(8px); transition:opacity .5s ease var(--d), transform .5s ease var(--d); }
.av-alloc.is-on .av-row{ opacity:1; transform:none; }
.av-row.is-mine td{ color:var(--av-gold); font-weight:600; }
.av-alloc-more{ display:flex; align-items:center; height:var(--av-arow); margin:0; padding:0 .5rem; font-size:.875rem; color:var(--av-text-soft); }
@media (min-width:992px){
  .av-alloc .row{ align-items:stretch !important; }
  .av-alloc .row > [class*="col-"]:nth-child(2){ display:flex; flex-direction:column; justify-content:center; }
  .av-alloc .av-facts{ padding-top:var(--av-arow); padding-bottom:var(--av-arow); }   /* Zeilen laufen auf Höhe der Tabellenzeilen */
}

/* Tagesbilanz: Dokumentenstapel */
.av-docs{ position:relative; display:flex; justify-content:center; align-items:flex-start; gap:0; min-height:21rem; padding-top:1rem; gap:.75rem; }
.av-doc{ position:relative; margin:0; width:min(30%,170px); aspect-ratio:3/4.2; padding:.9rem .8rem; background:var(--av-white); border:1px solid var(--av-line); border-radius:10px; box-shadow:var(--av-shadow); opacity:0; transform:translateY(30px) rotate(0deg); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.7,.2,1), box-shadow .3s; }
.av-doc figcaption{ display:flex; flex-direction:column; gap:.1rem; margin-bottom:.8rem; font-size:.8125rem; font-weight:600; line-height:1.2; }
.av-doc figcaption em{ font-style:normal; font-weight:400; color:var(--av-gold); font-size:.75rem; }
.av-doc-lines,.av-doc-table{ display:grid; gap:.4rem; }
.av-doc-lines i,.av-doc-table i{ display:block; height:5px; border-radius:3px; background:var(--av-line); }
.av-doc-lines i:nth-child(3n){ width:70%; }
.av-doc-lines i:nth-child(4){ width:85%; }
.av-doc-table{ margin-top:.9rem; padding-top:.7rem; border-top:1px solid var(--av-line); }
.av-doc-table i{ height:9px; background:rgba(var(--av-gold-rgb),.28); }
.av-docs.is-on .av-doc-1{ opacity:1; transform:translate(4%,14px) rotate(-6deg); }
.av-docs.is-on .av-doc-2{ opacity:1; transform:translateY(-8px); z-index:2; transition-delay:.15s; }
.av-docs.is-on .av-doc-3{ opacity:1; transform:translate(-4%,14px) rotate(6deg); transition-delay:.3s; }
.av-docs.is-on .av-doc:hover{ z-index:3; box-shadow:0 18px 40px rgba(var(--av-dark-rgb),.22); }
.av-docs-ok{ position:absolute; left:50%; bottom:.5rem; z-index:4; display:inline-flex; align-items:center; gap:.4rem; padding:.45rem .9rem; border-radius:999px; background:var(--av-dark); color:var(--av-gold); font-size:.875rem; font-weight:600; transform:translateX(-50%); white-space:nowrap; opacity:0; transition:opacity .6s ease .8s; }
.av-docs.is-on .av-docs-ok{ opacity:1; }
@media (prefers-reduced-motion:reduce){ .av-donut-fg,.av-row,.av-doc,.av-docs-ok{ transition:none; } }
.av-partner-logo{ display:block; height:40px; width:auto; max-width:100%; margin-bottom:1rem; }


.av-card address{ font-style:normal; color:var(--av-text-soft); }
.av-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:1.75rem; margin-top:1rem; }
.av-logos img{ height:32px; width:auto; }
.av-table{ --bs-table-bg:transparent; font-variant-numeric:tabular-nums; }
.av-table th,.av-table td{ text-align:right; white-space:nowrap; }
.av-table th{ font-weight:600; }
.av-service > *{ min-width:0; }
.av-docs{ min-height:0; padding-bottom:4.5rem; }
@media (min-width:768px){ .av-docs{ min-height:21rem; } }

/* Lagerorte: Bento-Raster, Bild vollflächig, Betreiber als Glas-Karten */
.av-tiles{ display:grid; gap:1.25rem; grid-template-columns:1fr; }
@media (min-width:768px){ .av-tiles{ grid-template-columns:repeat(6,1fr); } .av-tile{ grid-column:span 3; } .av-tile:nth-child(n+3){ grid-column:span 2; } }
.av-tile{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:23rem; overflow:hidden; border-radius:12px; background:var(--av-dark); color:var(--av-white); outline:0; opacity:0; transform:translateY(24px); transition:opacity .7s ease var(--d), transform .8s cubic-bezier(.2,.7,.2,1) var(--d), box-shadow .4s ease; }
@media (min-width:768px){ .av-tile{ min-height:27rem; } .av-tile:nth-child(n+3){ min-height:25rem; } }
[data-tiles].is-on .av-tile{ opacity:1; transform:none; }
.av-tile-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.av-tile::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(var(--av-dark-rgb),.05) 25%,rgba(var(--av-dark-rgb),.55) 62%,rgba(var(--av-dark-rgb),.92) 100%); }
.av-tile-flag{ position:absolute; top:1rem; left:1rem; z-index:3; display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .65rem .25rem .35rem; border-radius:999px; background:rgba(var(--av-dark-rgb),.55); backdrop-filter:blur(6px); color:var(--av-white); font-size:.75rem; font-weight:600; letter-spacing:.06em; }
.av-tile-flag img{ width:22px; height:16px; object-fit:cover; border-radius:3px; }
.av-tile-body{ position:relative; z-index:2; padding:1.5rem; }
.av-tile-city{ margin:0; font-size:2.25rem; font-weight:300; line-height:1.05; color:var(--av-white); }
.av-tile-city::after{ content:""; display:block; width:2.5rem; height:2px; margin:.8rem 0 1rem; background:var(--av-gold); transition:width .5s; }
.av-tile-ops{ display:grid; gap:.75rem; grid-template-columns:1fr; }
.av-tile.is-wide .av-tile-ops{ grid-template-columns:repeat(auto-fit,minmax(11rem,1fr)); }
.av-tile-opbox{ padding:0; }
.av-tile-op{ margin:0; color:rgba(var(--av-white-rgb),.85); font-weight:400; font-size:.9375rem; }
.av-tile-addr{ margin:.3rem 0 0; font-style:normal; font-size:.875rem; line-height:1.45; color:rgba(var(--av-white-rgb),.88); }
.av-tile:hover,.av-tile:focus-visible{ box-shadow:0 14px 34px rgba(var(--av-dark-rgb),.28); }
.av-tile:hover .av-tile-img,.av-tile:focus-visible .av-tile-img{ transform:scale(1.07); }
.av-tile:hover .av-tile-city::after{ width:5rem; }
@media (prefers-reduced-motion:reduce){ .av-tile,.av-tile-img,.av-tile-city::after,.av-tile-opbox{ transition:none; } }

/* Kooperation */
.av-maker{ display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:1rem; text-align:center; transition:border-color .25s, transform .25s; }
.av-maker:hover{ border-color:var(--av-gold); transform:translateY(-3px); }
.av-maker-logo{ flex:1; display:flex; align-items:center; justify-content:center; min-height:64px; width:100%; }
.av-maker-logo img{ max-width:100%; max-height:56px; width:auto; height:auto; object-fit:contain; filter:grayscale(1); opacity:.8; transition:filter .3s, opacity .3s; }
.av-maker:hover .av-maker-logo img{ filter:none; opacity:1; }
.av-maker a,.av-maker span{ font-size:.9375rem; }
.av-split-name:only-child{ margin-top:.25rem; }
@media (prefers-reduced-motion:reduce){ .av-maker{ transition:none; } }

/* Unternehmen */
.av-person{ display:flex; gap:1.25rem; align-items:flex-start; }
.av-person img{ flex:none; width:96px; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:10px; }
@media (min-width:576px){ .av-person img{ width:128px; } }
.av-seal-box{ display:flex; align-items:center; justify-content:center; padding:1rem; }
.av-seal-box img{ width:100%; max-width:140px; height:auto; }
.av-award{ display:grid; gap:1.5rem; align-items:center; }
.av-award-img img{ display:block; max-width:180px; width:100%; height:auto; margin:0 auto; }
@media (min-width:768px){ .av-award{ grid-template-columns:220px minmax(0,1fr); } }
.av-bonitaet img{ display:block; max-width:100%; height:auto; max-height:140px; margin:0 auto 1rem; object-fit:contain; }
.av-details summary{ cursor:pointer; font-weight:600; color:var(--av-gold); }
.av-details ul{ list-style:none; margin:.75rem 0 0; padding:0; font-size:.9375rem; }
.av-details li{ display:flex; gap:.75rem; padding:.3rem 0; border-top:1px solid var(--av-line); }
.av-details li b{ min-width:3rem; }
.av-news img{ aspect-ratio:16/10; object-fit:cover; }
.av-news .av-card-body{ display:flex; flex-direction:column; align-items:flex-start; }
.av-news .av-card-body .btn{ margin-top:auto; }
.av-news .av-card-body p:nth-of-type(2){ flex:1; }

/* Historie: Zeitstrahl */
.av-tl{ list-style:none; margin:2.5rem 0 0; padding:0 0 0 1.75rem; position:relative; }
.av-tl::before{ content:""; position:absolute; left:.45rem; top:0; bottom:0; width:2px; background:linear-gradient(var(--av-gold),rgba(var(--av-gold-rgb),.15)); }
.av-tl-item{ position:relative; padding-bottom:1.25rem; opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.av-tl-item.is-on{ opacity:1; transform:none; }
.av-tl-dot{ position:absolute; left:-1.75rem; top:1.4rem; width:.95rem; height:.95rem; border-radius:50%; background:var(--av-dark); border:2px solid var(--av-gold); transition:background .4s; }
.av-tl-item.is-on .av-tl-dot{ background:var(--av-gold); }
.av-tl-card{ display:flex; gap:1rem; align-items:center; padding:1rem 1.25rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:10px; }
.av-tl-card img{ flex:none; width:64px; height:64px; object-fit:contain; border-radius:8px; }
.av-tl-year{ margin:0; font-size:1.75rem; font-weight:300; line-height:1.1; color:var(--av-gold); font-variant-numeric:tabular-nums; }
.av-tl-text{ margin:.25rem 0 0; color:rgba(var(--av-white-rgb),.9); }
@media (min-width:992px){
  .av-tl{ padding:0; }
  .av-tl::before{ left:50%; transform:translateX(-50%); }
  .av-tl-item{ width:50%; padding-right:2.5rem; }
  .av-tl-item:nth-child(even){ margin-left:50%; padding-right:0; padding-left:2.5rem; }
  .av-tl-dot{ left:auto; right:-.475rem; }
  .av-tl-item:nth-child(even) .av-tl-dot{ right:auto; left:-.475rem; }
  .av-tl-item:nth-child(odd) .av-tl-card{ flex-direction:row-reverse; text-align:right; }
  .av-tl-card img{ width:80px; height:80px; }
}
@media (prefers-reduced-motion:reduce){ .av-tl-item{ transition:none; opacity:1; transform:none; } }

/* Münzen */
.av-coincard{ display:flex; flex-direction:column; gap:1.25rem; align-items:center; }
@media (min-width:576px){ .av-coincard{ flex-direction:row; align-items:flex-start; } }
.av-coin{ flex:none; width:180px; height:180px; padding:0; border:0; background:none; cursor:pointer; perspective:900px; }
.av-coin-in{ position:relative; display:block; width:100%; height:100%; transform-style:preserve-3d; transition:transform .9s cubic-bezier(.2,.7,.2,1); }
.av-coin img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; backface-visibility:hidden; -webkit-backface-visibility:hidden; filter:drop-shadow(0 8px 14px rgba(var(--av-dark-rgb),.3)); }
.av-coin-b{ transform:rotateY(180deg); }
.av-coin:hover .av-coin-in,.av-coin:focus-visible .av-coin-in,.av-coin.is-flipped .av-coin-in{ transform:rotateY(180deg); }
.av-coin-body{ flex:1; min-width:0; width:100%; }
.av-specs{ margin:0; }
.av-specs div{ display:flex; justify-content:space-between; gap:1rem; padding:.35rem 0; border-bottom:1px solid var(--av-line); font-size:.9375rem; }
.av-specs dt{ font-weight:400; color:var(--av-text-soft); }
.av-specs dd{ margin:0; font-weight:600; text-align:right; }
.av-coin-tax{ margin:.75rem 0 0; font-size:.875rem; color:var(--av-gold); font-weight:600; }
@media (prefers-reduced-motion:reduce){ .av-coin-in{ transition:none; } }

/* Standard Barren */
.av-bar{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:1rem; }
.av-bar img{ width:100%; max-width:240px; height:auto; aspect-ratio:1; object-fit:contain; }
.av-bar figcaption{ display:flex; flex-direction:column; gap:.1rem; }
.av-bar-size{ font-size:1.75rem; font-weight:300; color:var(--av-gold); line-height:1.1; }

/* ---- Wertentwicklung ---- */
.av-wex{ display:flex; flex-direction:column; gap:1.25rem; }
.av-wex-label{ margin:0; font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--av-gold-dark); font-weight:600; }
.av-wex-row{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.av-wex-val{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.av-wex-val small{ color:var(--av-text-soft); font-size:.8125rem; }
.av-wex-val strong{ font-size:clamp(1.5rem,5vw,2.25rem); line-height:1.1; font-variant-numeric:tabular-nums; }
.av-wex-arrow{ flex:none; width:2.75rem; height:2.75rem; border-radius:50%; background:rgba(var(--av-gold-rgb),.14); color:var(--av-gold); display:grid; place-items:center; }
.av-wex-arrow .av-icon{ width:1.4rem; height:1.4rem; }
.av-wex-res{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding-top:1rem; border-top:1px solid var(--av-line); }
.av-wex-res strong{ font-size:1.5rem; font-variant-numeric:tabular-nums; }

.av-wtabs{ display:flex; flex-wrap:wrap; gap:.5rem; margin:1.75rem 0 1.25rem; }
.av-wtab{ appearance:none; background:var(--av-white); border:1px solid var(--av-line); border-radius:999px; padding:.55rem 1.25rem; font-weight:600; color:var(--av-text); cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.av-wtab:hover{ border-color:var(--av-gold); }
.av-wtab.is-active{ background:var(--av-gold); border-color:var(--av-gold); color:var(--av-on-gold); }
.av-wtab:focus-visible{ outline:2px solid var(--av-gold); outline-offset:2px; }
.av-wtabs{ display:none; }
.av-wert.is-js .av-wtabs{ display:flex; }
.av-wert.is-js .av-wpanel{ display:none; }
.av-wert.is-js .av-wpanel.is-active{ display:block; }
.av-wpanel + .av-wpanel{ margin-top:3rem; }
.av-wert.is-js .av-wpanel + .av-wpanel{ margin-top:0; }

.av-wstat{ display:flex; flex-direction:column; gap:.35rem; padding:1.1rem 1.25rem; }
.av-wstat small{ color:var(--av-text-soft); font-size:.8125rem; }
.av-wstat strong{ font-weight:400; font-size:clamp(1.25rem,4vw,1.75rem); font-variant-numeric:tabular-nums; line-height:1.15; }
.av-wstat em{ font-style:normal; font-size:.875rem; font-weight:400; color:var(--av-text-soft); }

.av-wgrid{ list-style:none; margin:1.25rem 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
@media (min-width:480px){ .av-wgrid{ grid-template-columns:repeat(4,1fr); } }
@media (min-width:768px){ .av-wgrid{ grid-template-columns:repeat(7,1fr); gap:.6rem; } }
@media (min-width:1200px){ .av-wgrid{ grid-template-columns:repeat(13,1fr); } }
.av-wcell{ position:relative; display:flex; flex-direction:column; gap:.15rem; padding:.7rem .6rem; border-radius:10px; border:1px solid var(--av-line);
  background:var(--av-white); border-color:color-mix(in srgb, var(--av-tone) 35%, var(--av-line)); color:var(--av-text); font-variant-numeric:tabular-nums; min-width:0;
  transition:transform .25s ease, box-shadow .25s ease; }
.av-wcell.is-up{ --av-tone:var(--av-pos); }
.av-wcell.is-down{ --av-tone:var(--av-neg); }
.av-wcell:hover{ transform:translateY(-3px); box-shadow:0 8px 20px -8px var(--av-shadow); }
.av-wy{ font-size:.75rem; opacity:.75; }
.av-wv{ font-weight:700; font-size:.9375rem; white-space:nowrap; }
.av-wert.is-js .av-wcell{ opacity:0; transform:translateY(14px) scale(.96); }
.av-wert.is-js .av-wpanel.is-on .av-wcell{ opacity:1; transform:none; transition:opacity .45s ease var(--d), transform .55s cubic-bezier(.2,.7,.2,1) var(--d), box-shadow .25s; }
.av-wert.is-js .av-wpanel.is-on .av-wcell:hover{ transform:translateY(-3px); transition-delay:0s; }

.av-wsim{ display:grid; gap:1.75rem; grid-template-columns:1fr; background:var(--av-dark); color:var(--av-on-dark); margin-bottom:1.5rem; }
@media (min-width:992px){ .av-wsim{ grid-template-columns:minmax(0,21rem) minmax(0,1fr); gap:2.5rem; } }
.av-wsim-main{ display:flex; flex-direction:column; align-items:flex-start; gap:.4rem; min-width:0; }
.av-wsim-k{ margin:0; color:var(--av-gold); font-weight:700; font-size:.875rem; letter-spacing:.06em; text-transform:uppercase; }
.av-wsim small{ color:var(--av-on-dark); opacity:.65; font-size:.8125rem; margin-top:1rem; }
.av-wsim-main strong{ font-size:clamp(2.75rem,12vw,4.5rem); line-height:1.02; font-weight:300; color:var(--av-gold); font-variant-numeric:tabular-nums; }
.av-wsim-mult{ display:inline-flex; margin-top:.5rem; padding:.35rem .9rem; border-radius:99px; font-weight:700; font-size:1.0625rem; color:color-mix(in srgb,var(--av-gold) 60%,#fff); background:color-mix(in srgb,var(--av-gold) 16%,transparent); border:1px solid color-mix(in srgb,var(--av-gold) 50%,transparent); }
.av-wsim-bar{ display:flex; width:100%; height:1rem; margin-top:1.1rem; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.1); }
.av-wsim-bar i{ display:block; height:100%; background:var(--av-grey-light); min-width:.5rem; }
.av-wsim-bar b{ display:block; flex:1; background:var(--av-gold); transform-origin:left; }
.av-wsim-leg{ display:flex; justify-content:space-between; gap:.75rem; width:100%; font-size:.8125rem; color:var(--av-on-dark); }
.av-wsim-leg span{ opacity:.8; } .av-wsim-leg b{ color:var(--av-on-dark); }
.av-wsim-leg b.is-gain{ color:var(--av-gold); } .av-wsim-leg b.is-loss{ color:var(--av-neg); }
.av-wsim-chartbox{ min-width:0; }
.av-wsim-cap{ margin:0 0 .25rem; font-size:.8125rem; opacity:.65; }
.av-wsim-chart{ display:block; width:100%; height:auto; color:var(--av-gold); overflow:visible; }
.av-wsim-chart .g{ stroke:#fff; stroke-opacity:.09; }
.av-wsim-chart .t{ fill:var(--av-on-dark); fill-opacity:.6; font-size:13px; }
.av-wsim-chart .l{ stroke:currentColor; stroke-width:3; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0; }
.av-wsim-chart .m circle{ fill:var(--av-dark); stroke:currentColor; stroke-width:2.5; }
.av-wsim-chart .mt{ fill:var(--av-gold); font-size:15px; font-weight:700; }
.av-wsim-chart .ms{ fill:var(--av-on-dark); fill-opacity:.7; font-size:13px; }
.av-wsim-chart .m.is-lo .mt{ fill:var(--av-neg); }
@media (max-width:700px){ .av-wsim-chart .t,.av-wsim-chart .ms{ font-size:22px; } .av-wsim-chart .mt{ font-size:25px; } .av-wsim-chart .l{ stroke-width:5; } .av-wsim-chart .m circle{ r:8; } }
.av-wert.is-js .av-wsim-chart .l{ stroke-dashoffset:1; }
.av-wert.is-js .av-wsim-chart .a, .av-wert.is-js .av-wsim-chart .m{ opacity:0; }
.av-wert.is-js .av-wpanel.is-on .av-wsim-chart .l{ stroke-dashoffset:0; transition:stroke-dashoffset 2.2s cubic-bezier(.4,.1,.2,1) .15s; }
.av-wert.is-js .av-wpanel.is-on .av-wsim-chart .a{ opacity:1; transition:opacity 1.2s ease 1.2s; }
.av-wert.is-js .av-wpanel.is-on .av-wsim-chart .m{ opacity:1; transition:opacity .5s ease 2.2s; }
.av-wert.is-js .av-wsim-bar b{ transform:scaleX(0); }
.av-wert.is-js .av-wpanel.is-on .av-wsim-bar b{ transform:none; transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s; }
@media (prefers-reduced-motion:reduce){ .av-wert.is-js .av-wsim-chart .l{ stroke-dashoffset:0 !important; transition:none !important; } .av-wert.is-js .av-wsim-chart .a,.av-wert.is-js .av-wsim-chart .m{ opacity:1 !important; transition:none !important; } .av-wert.is-js .av-wsim-bar b{ transform:none !important; transition:none !important; } }

.av-wlegend{ display:flex; align-items:center; gap:.75rem; margin:1rem 0 0; font-size:.8125rem; color:var(--av-text-soft); }
.av-wlegend i{ flex:0 1 12rem; height:.5rem; border-radius:99px; background:linear-gradient(90deg,var(--av-neg),var(--av-line) 50%,var(--av-pos)); }
.av-wnote{ margin:2rem 0 0; font-size:.875rem; color:var(--av-text-soft); }
.av-wnote span{ font-size:.8125rem; }
@media (prefers-reduced-motion:reduce){ .av-wert.is-js .av-wcell{ opacity:1; transform:none; transition:none; } }


/* ==========================================================
   Metallseiten – Kopfbereich „Kurs-Bühne“ (Gold, Silber, Platin, Palladium)
   ========================================================== */
.av-mhero{ --m:var(--av-metal-gold); position:relative; overflow:hidden; color:var(--av-white);
  background:radial-gradient(900px 480px at 80% 25%, var(--av-dark-3), var(--av-dark) 72%); }
.av-mhero.is-silber{ --m:var(--av-metal-silber); } .av-mhero.is-platin{ --m:var(--av-metal-platin); } .av-mhero.is-palladium{ --m:var(--av-metal-palladium); }
.av-mh-bg{ position:absolute; left:0; right:0; bottom:3.5rem; width:100%; height:clamp(150px,22vw,300px); opacity:0; transition:opacity 1s ease; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 30%,#000 62%); mask-image:linear-gradient(90deg,transparent 0,transparent 30%,#000 62%); }
.av-mhero.is-live .av-mh-bg,.av-mhero.is-live .av-mh-dot{ opacity:1; }
.av-mh-area{ fill:color-mix(in srgb, var(--m) 18%, transparent); }
.av-mh-line{ fill:none; stroke:var(--m); stroke-width:3; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.av-mh-dot{ position:absolute; right:0; width:12px; height:12px; margin:0 -2px 0 0; border-radius:50%; background:var(--av-white); box-shadow:0 0 0 6px rgba(var(--av-white-rgb),.18); opacity:0; transition:opacity 1s ease; pointer-events:none; }
.av-mh-in{ position:relative; z-index:2; padding-top:1.5rem; padding-bottom:2rem; }

.av-mh-pills{ display:flex; gap:.5rem; overflow-x:auto; scrollbar-width:none; padding-bottom:.25rem; }
.av-mh-pills::-webkit-scrollbar{ display:none; }
.av-mh-pills a{ flex:none; display:flex; gap:.6rem; align-items:baseline; padding:.5rem 1.1rem; border:1px solid rgba(var(--av-white-rgb),.22); border-radius:999px;
  background:rgba(var(--av-white-rgb),.05); color:var(--av-white); text-decoration:none; font-size:.9rem; transition:background .2s,border-color .2s; }
.av-mh-pills a:hover{ border-color:var(--av-gold); }
.av-mh-pills a b{ font-weight:600; }
.av-mh-pills a.is-active{ background:var(--av-gold); border-color:var(--av-gold); color:var(--av-on-gold); }

.av-mh-main{ display:grid; gap:1.5rem; margin-top:2rem; }
.av-mh-kicker{ margin:0 0 .25rem; font-size:.75rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--av-gold-light); }
.av-mh-title{ margin:0 0 .5rem; max-width:48rem; font-size:clamp(2rem,6.5vw,3.5rem); font-weight:300; line-height:1.1; letter-spacing:-.01em; }
.av-mh-price{ margin:0; font-size:clamp(2rem,7vw,3.25rem); font-weight:300; line-height:1.02; letter-spacing:-.02em; }
.av-mh-price small{ margin-left:.6rem; font-size:.33em; font-weight:300; opacity:.7; letter-spacing:0; }
.av-mh-chg{ margin:.25rem 0 0; font-weight:600; }
.av-mh-up{ color:var(--av-up,#4fd18b); } .av-mh-down{ color:var(--av-down,#ff8a7a); }
.av-mh-lead{ margin:1rem 0 1.5rem; max-width:30rem; font-size:1.0625rem; line-height:1.55; color:rgba(var(--av-white-rgb),.8); }
.av-mh-cta{ display:flex; flex-wrap:wrap; gap:.75rem; }

.av-mh-kpi{ position:relative; z-index:2; margin:0; border-top:1px solid rgba(var(--av-white-rgb),.12); background:rgba(var(--av-dark-rgb),.55); backdrop-filter:blur(6px); }
.av-mh-kpi .container{ display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.5rem; padding-block:1rem; }
.av-mh-kpi dt{ font-size:.6875rem; font-weight:400; letter-spacing:.12em; text-transform:uppercase; color:rgba(var(--av-white-rgb),.6); }
.av-mh-kpi dd{ margin:0; font-size:1.0625rem; font-weight:600; }
@media (min-width:992px){
  .av-mh-in{ padding-top:2.5rem; padding-bottom:4rem; }
  .av-mh-main{ margin-top:2.75rem; }
  .av-mh-kpi .container{ display:flex; gap:4.5rem; padding-block:1.1rem; }
  .av-mh-kpi dd{ font-size:1.1875rem; }
}
@media (prefers-reduced-motion:reduce){ .av-mh-bg,.av-mh-dot{ transition:none; } }

/* ---- Bruchteileigentum ---- */
.av-bt{ display:flex; flex-direction:column; gap:1.25rem; }
.av-bt-label{ margin:0; font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--av-gold-dark); font-weight:600; }
.av-bt-bar{ position:relative; padding:1.25rem 1rem .75rem; border-radius:14px; background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--av-dark) 80%,var(--av-gold)) 0%,var(--av-dark) 70%); overflow:hidden; }
.av-bt-stage{ position:relative; }
.av-bt-img{ display:block; width:100%; height:auto; }
.av-bt-rest{ position:absolute; inset:0; background:center/100% 100% no-repeat; filter:grayscale(1) brightness(.45) contrast(.9); clip-path:inset(0 0 0 calc(1.1% + var(--w,.02%) * .982)); transition:clip-path .25s ease-out; pointer-events:none; }
.av-bt-mine{ position:absolute; left:.4%; top:9%; bottom:14%; width:max(calc(.8% + var(--w,.02%) * .982),8px); border:1px solid rgba(var(--av-gold-rgb),.95); border-radius:8px; box-shadow:0 0 0 3px rgba(var(--av-gold-rgb),.14),0 0 1.5rem rgba(var(--av-gold-rgb),.45); transition:width .25s ease-out; pointer-events:none; }
.av-bt-cap{ margin:.6rem 0 0; text-align:right; font-size:.8125rem; font-weight:600; letter-spacing:.04em; color:rgba(var(--av-white-rgb),.8); }
.av-bt-scale{ display:flex; justify-content:space-between; margin-top:.4rem; font-size:.75rem; color:var(--av-text-soft); }
.av-bt-slider{ display:flex; flex-direction:column; gap:.5rem; font-weight:600; }
.av-bt-slider input{ width:100%; accent-color:var(--av-gold); }
.av-bt-chips{ display:flex; flex-wrap:wrap; gap:.5rem; }
.av-bt-chips .av-wtab{ padding:.4rem 1rem; }
.av-bt-out{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding-top:1rem; border-top:1px solid var(--av-line); }
.av-bt-out small{ display:block; color:var(--av-text-soft); font-size:.8125rem; margin-bottom:.25rem; }
.av-bt-out strong{ font-size:clamp(1.35rem,5vw,2rem); color:var(--av-gold-dark); font-variant-numeric:tabular-nums; }
.av-bt-note{ margin:0; font-size:.8125rem; color:var(--av-text-soft); }

.av-bt-win{ border-color:var(--av-gold); box-shadow:0 12px 30px -16px var(--av-shadow); }
.av-bt-list{ list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.6rem; }
.av-bt-list li{ position:relative; padding-left:1.75rem; }
.av-bt-list li::before{ position:absolute; left:0; top:0; font-weight:700; }
.av-bt-list.is-no li::before{ content:"–"; color:var(--av-grey-light); }
.av-bt-list.is-yes li::before{ content:"✓"; color:var(--av-gold); }

.av-bt-steps{ list-style:none; margin:2rem 0 0; padding:0; display:grid; gap:1rem; grid-template-columns:1fr; counter-reset:s; }
@media (min-width:768px){ .av-bt-steps{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1200px){ .av-bt-steps{ grid-template-columns:repeat(4,1fr); } }
.av-bt-steps li{ position:relative; padding:1.5rem; border:1px solid var(--av-line); border-radius:10px; background:var(--av-white); opacity:0; transform:translateY(20px); transition:opacity .6s ease var(--d), transform .7s cubic-bezier(.2,.7,.2,1) var(--d); }
.av-bt-steps.is-on li{ opacity:1; transform:none; }
.av-bt-steps p{ margin:0; color:var(--av-text-soft); }
.av-bt-n{ display:grid; place-items:center; width:2.25rem; height:2.25rem; margin-bottom:.75rem; border-radius:50%; background:var(--av-gold); color:var(--av-on-gold); font-weight:700; }
@media (prefers-reduced-motion:reduce){ .av-bt-steps li{ opacity:1; transform:none; transition:none; } }

/* ---- FAQ ---- */
.av-faq-wrap{ max-width:56rem; }
.av-faq-tools{ display:grid; gap:1rem; margin-bottom:2rem; }
.av-faq-search{ position:relative; display:block; }
.av-faq-search .av-icon{ position:absolute; left:1rem; top:50%; width:1.25rem; height:1.25rem; transform:translateY(-50%); color:var(--av-gold); pointer-events:none; }
.av-faq-search input{ width:100%; padding:.9rem 1rem .9rem 3rem; border:1px solid var(--av-line); border-radius:10px; background:var(--av-white); color:var(--av-text); font:inherit; }
.av-faq-search input:focus{ outline:2px solid var(--av-gold); outline-offset:1px; }
.av-wtab small{ opacity:.65; margin-left:.25rem; }
.av-faq-cat{ margin-top:2.5rem; scroll-margin-top:calc(var(--av-header-h) + 1rem); }
.av-faq-h{ margin-bottom:.25rem; }
.av-faq-intro{ color:var(--av-text-soft); margin:0 0 1rem; }
.av-faq-item{ margin-bottom:.6rem; border:1px solid var(--av-line); border-radius:10px; background:var(--av-white); scroll-margin-top:calc(var(--av-header-h) + 1rem); transition:border-color .2s, box-shadow .2s; }
.av-faq-item[open]{ border-color:var(--av-gold); box-shadow:0 10px 24px -16px var(--av-shadow); }
.av-faq-item summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.25rem; font-weight:600; }
.av-faq-item summary::-webkit-details-marker{ display:none; }
.av-faq-item summary::after{ content:""; flex:none; width:.6rem; height:.6rem; border-right:2px solid var(--av-gold); border-bottom:2px solid var(--av-gold); transform:rotate(45deg) translateY(-2px); transition:transform .25s; }
.av-faq-item[open] summary::after{ transform:rotate(-135deg); }
.av-faq-item summary:focus-visible{ outline:2px solid var(--av-gold); outline-offset:2px; border-radius:10px; }
.av-faq-a{ padding:0 1.25rem 1.1rem; color:var(--av-text-soft); }
.av-faq-a p:last-child,.av-faq-a ul:last-child{ margin-bottom:0; }
.av-faq-item mark{ background:rgba(var(--av-gold-rgb),.3); color:inherit; padding:0 .1em; border-radius:3px; }
.av-faq-none{ margin-top:2rem; padding:1.25rem; text-align:center; border:1px dashed var(--av-line); border-radius:10px; }

/* ---- Rechtstexte ---- */
.av-prose{ max-width:52rem; line-height:1.7; color:var(--av-text-soft); overflow-wrap:anywhere; }
.av-prose section{ margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--av-line); scroll-margin-top:calc(var(--av-header-h) + 1rem); }
.av-prose h2{ color:var(--av-text); }
.av-prose a{ color:var(--av-gold-dark); text-decoration:underline; text-underline-offset:2px; }
.av-prose ul{ padding-left:1.25rem; }
.av-prose strong{ color:var(--av-text); font-weight:600; }
.av-prose-toc{ position:sticky; top:calc(var(--av-header-h) + 1rem); padding:1.25rem; background:var(--av-white); border:1px solid var(--av-line); border-radius:10px; }
.av-prose-toc-t{ margin:0 0 .75rem; font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--av-gold-dark); font-weight:600; }
.av-prose-toc ol{ list-style:none; margin:0; padding:0; display:grid; gap:.1rem; font-size:.9375rem; }
.av-prose-toc a{ display:block; padding:.3rem .5rem; border-radius:6px; color:var(--av-text); text-decoration:none; }
.av-prose-toc a:hover{ background:rgba(var(--av-gold-rgb),.14); }
.av-prose-toc span{ color:var(--av-gold-dark); font-weight:600; display:inline-block; min-width:1.5rem; }
@media (max-width:991.98px){ .av-prose-toc{ position:static; } }
.av-prose-h{ margin:1.5rem 0 .5rem; font-size:1.0625rem; font-weight:600; color:var(--av-text); }
.av-prose .table-responsive{ margin:1rem 0; }
.av-imp-lead{ color:var(--av-text-soft); margin-bottom:1.25rem; }
.av-imp dl{ margin:0; display:grid; }
.av-imp dl > div{ padding:.75rem 0; border-top:1px solid var(--av-line); }
.av-imp dt{ font-size:.8125rem; color:var(--av-text-soft); font-weight:400; margin-bottom:.15rem; }
.av-imp dd{ margin:0; font-weight:600; overflow-wrap:anywhere; }
.av-imp a{ color:var(--av-gold-dark); }
.av-prose-first{ margin-top:0 !important; padding-top:0 !important; border-top:0 !important; }

/* ---- Edelmetalle-Übersicht ---- */
.av-why{ display:flex; flex-direction:column; gap:.5rem; }
.av-tabs-nav{ display:none; }
.is-tabs .av-tabs-nav{ display:flex; }
.is-tabs .av-tabpanel{ display:none; }
.is-tabs .av-tabpanel.is-active{ display:block; animation:av-tabin .5s ease; }
.av-tabpanel + .av-tabpanel{ margin-top:3rem; }
.is-tabs .av-tabpanel + .av-tabpanel{ margin-top:0; }
@keyframes av-tabin{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.av-pick-img{ display:grid; place-items:center; padding:1rem; }
.av-pick-img img{ display:block; width:100%; height:auto; max-height:22rem; object-fit:contain; }
@media (prefers-reduced-motion:reduce){ .is-tabs .av-tabpanel.is-active{ animation:none; } }

/* Sprachumschalter: Flaggen */
.av-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;margin-right:.5rem;vertical-align:-2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.av-dropdown .dropdown-item{display:flex;align-items:center}

/* ==========================================================
   SUPERMENÜ  (Daten: Redaktion -> Menü, inc/menu.php)
   Mobil: Akkordeon im Offcanvas · Desktop (≥1200px): Vollbreites Panel, Hover/Klick/Tastatur
   Farben nur über Tokens -> gilt für alle Farbvarianten.
   ========================================================== */
.av-mega-toggle{ width:100%; display:flex; justify-content:space-between; align-items:center; background:none; border:0; text-align:left; cursor:pointer; }
.av-chev{ width:.55rem; height:.55rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .25s; flex:none; margin-left:.5rem; }
.av-mega-item.is-open > .av-mega-toggle{ color:var(--av-gold-light); }
.av-mega-item.is-open .av-chev{ transform:rotate(-135deg) translate(-1px,-1px); }
@media (min-width:1200px){ .av-mega-item.is-open .av-chev{ transform:rotate(45deg) translateY(-2px); } }

.av-mega{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.av-mega-item.is-open > .av-mega{ grid-template-rows:1fr; }
.av-mega-clip{ overflow:hidden; min-height:0; }
.av-mega-in{ padding:0 0 .5rem 0; }
.av-mega-cols{ display:grid; gap:.25rem; }
.av-mega-h{ margin:1rem 0 .15rem; font-size:.6875rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--av-gold-light); }
.av-mega-col ul{ list-style:none; margin:0; padding:0; }
.av-mega-col a{ display:flex; align-items:center; gap:.6rem; padding:.55rem 0 .55rem .25rem; color:rgba(var(--av-white-rgb),.82); text-decoration:none; transition:color .15s, transform .15s; }
.av-mega-col a:hover,.av-mega-col a:focus-visible{ color:var(--av-gold-light); transform:translateX(4px); }
.av-mega-col a[aria-current]{ color:var(--av-gold-light); }
.av-mega-col a em{ font-style:normal; font-size:.625rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; background:var(--av-gold); color:var(--av-on-gold); border-radius:999px; padding:.05rem .5rem; }

.av-mega-teaser{ position:relative; display:block; margin:1rem 0 .75rem; border-radius:12px; overflow:hidden; text-decoration:none; color:var(--av-white);
  background:linear-gradient(135deg, rgba(var(--av-gold-rgb),.28), rgba(var(--av-gold-rgb),.06)); border:1px solid rgba(var(--av-gold-rgb),.35); transition:border-color .2s, transform .2s; }
.av-mega-teaser:hover{ border-color:var(--av-gold); transform:translateY(-2px); }
.av-mega-teaser img{ display:block; width:100%; height:140px; object-fit:cover; }
.av-mega-tz-b{ display:grid; gap:.35rem; padding:1rem 1.1rem 1.1rem; }
.av-mega-tz-b strong{ font-size:1.125rem; font-weight:600; line-height:1.25; }
.av-mega-tz-b span{ font-size:.9rem; color:rgba(var(--av-white-rgb),.78); line-height:1.45; }
.av-mega-tz-b u{ text-decoration:none; color:var(--av-gold-light); font-weight:600; font-size:.9rem; }
.av-mega-tz-b u b{ display:inline-block; transition:transform .2s; }
.av-mega-teaser:hover u b{ transform:translateX(4px); }

@media (min-width:1200px){
  .av-navbar{ position:static; }
  .av-navbar .container-xl{ align-items:stretch; }
  .av-brand{ align-self:center; }
  .av-offcanvas .offcanvas-body{ align-items:stretch; }
  .av-nav{ align-items:stretch; }
  .av-nav > .nav-item{ display:flex; align-items:center; }
  .av-offcanvas .offcanvas-body > .btn{ align-self:center; }

  .av-mega-item{ position:static; }
  .av-mega-toggle{ width:auto; }
  .av-mega{
    position:absolute; left:0; right:0; top:100%; display:block; z-index:5;
    background:var(--av-dark-2); border-top:1px solid rgba(var(--av-gold-rgb),.4);
    box-shadow:0 40px 60px -30px var(--av-shadow);
    opacity:0; visibility:hidden; transform:translateY(-8px);
    transition:opacity .18s ease, transform .22s ease, visibility 0s linear .22s;
  }
  .av-mega-item.is-open > .av-mega{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
  .av-mega-clip{ overflow:visible; }
  .av-mega-in{ display:flex; gap:3.5rem; align-items:stretch; padding:2.25rem calc(var(--bs-gutter-x) * .5) 2.5rem; }
  .av-mega-cols{ flex:1; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:2.5rem; }
  .av-mega-h{ margin:0 0 .75rem; padding-bottom:.6rem; border-bottom:1px solid rgba(var(--av-white-rgb),.1); }
  .av-mega-col a{ padding:.4rem 0; font-size:1rem; }
  .av-mega-teaser{ flex:0 0 300px; margin:0; align-self:flex-start; }
  /* Seite hinter dem geöffneten Menü leicht abdunkeln */
  .av-header.is-mega-open::after{ content:""; position:fixed; inset:var(--av-header-h) 0 0 0; background:rgba(var(--av-dark-rgb),.45); z-index:-1; pointer-events:none; animation:avFade .2s ease; }
  @keyframes avFade{ from{opacity:0} to{opacity:1} }
}
@media (min-width:1200px) and (max-width:1399.98px){ .av-mega-teaser{ flex-basis:260px; } .av-mega-in{ gap:2.5rem; } }
@media (prefers-reduced-motion:reduce){ .av-mega,.av-chev,.av-mega-col a{ transition:none; } }


/* Supermenü: Ansichten (Liste mit Erklärzeile, Kacheln mit Icon, Metall-Kacheln) */
.av-mega-tx{ display:grid; gap:.1rem; min-width:0; }
.av-mega-tx small{ font-size:.8125rem; color:rgba(var(--av-white-rgb),.55); line-height:1.3; }
.av-mega-col.is-tiles ul, .av-mega-col.is-metals ul{ display:grid; gap:.6rem; }
.av-mega-col.is-metals ul{ grid-template-columns:1fr 1fr; }
.av-mega-col a.av-mega-tile{ gap:.85rem; padding:.8rem .9rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:12px; background:rgba(var(--av-white-rgb),.035); }
.av-mega-col a.av-mega-tile:hover, .av-mega-col a.av-mega-tile:focus-visible{ transform:translateY(-2px); border-color:rgba(var(--av-gold-rgb),.55); background:rgba(var(--av-white-rgb),.06); }
.av-mega-tile strong{ font-weight:600; font-size:1rem; color:var(--av-white); }
.av-mega-tile:hover strong{ color:var(--av-gold-light); }
.av-mega-ic{ flex:none; display:grid; place-items:center; width:2.4rem; height:2.4rem; border-radius:10px; background:rgba(var(--av-gold-rgb),.16); color:var(--av-gold-light); }
.av-coin{ flex:none; width:2.35rem; height:2.35rem; border-radius:50%; box-shadow:inset 0 -4px 8px rgba(0,0,0,.28), 0 2px 6px rgba(0,0,0,.3); }
.av-coin.is-gold{ background:radial-gradient(circle at 35% 30%, #f3dfa0, #b8963c); }
.av-coin.is-silber{ background:radial-gradient(circle at 35% 30%, #f2f3f6, #9aa0ad); }
.av-coin.is-platin{ background:radial-gradient(circle at 35% 30%, #e9edf2, #7f8896); }
.av-coin.is-palladium{ background:radial-gradient(circle at 35% 30%, #e6e3dd, #8b867c); }
.av-mega-col ul li.av-mega-more{ grid-column:1 / -1; }
.av-mega-col .av-mega-more a{ color:var(--av-gold-light); font-weight:600; font-size:.9rem; padding-left:.25rem; }
.av-mega-col .av-mega-more a b{ display:inline-block; transition:transform .2s; }
.av-mega-col .av-mega-more a:hover b{ transform:translateX(4px); }
.av-mega-col.is-list a{ align-items:flex-start; }
@media (min-width:1200px){
  .av-mega-col.is-metals{ grid-column:span 2; }
  .av-mega-col.is-tiles{ max-width:30rem; }
  .av-mega-col.is-list:not(:first-child) a{ padding:.5rem 0; }
}
@media (max-width:359.98px){ .av-mega-col.is-metals ul{ grid-template-columns:1fr; } }

/* Supermenü: schlanke Zeilen (Lagerung) + Einleitung links */
.av-mega-col.is-rows ul{ display:grid; }
.av-mega-col.is-rows li + li{ border-top:1px solid rgba(var(--av-white-rgb),.1); }
.av-mega-col a.av-mega-row{ gap:.9rem; padding:.85rem .25rem; }
.av-mega-ric{ flex:none; display:grid; place-items:center; width:2.2rem; height:2.2rem; color:var(--av-gold-light); }
.av-mega-ric svg{ width:30px; height:30px; }
.av-mega-row strong{ font-weight:600; font-size:1.0625rem; color:var(--av-white); }
.av-mega-row:hover strong{ color:var(--av-gold-light); }
.av-mega-arr{ margin-left:auto; color:var(--av-gold-light); font-weight:400; transition:transform .2s; }
.av-mega-row:hover .av-mega-arr{ transform:translateX(4px); }
.av-mega-teaser.is-intro{ display:none; }
@media (min-width:1200px){
  .av-mega-in.has-intro .av-mega-cols{ order:2; flex:1.7; }
  .av-mega-teaser.is-intro{ display:block; order:1; flex:1; max-width:380px; background:none; border:0; border-radius:0; overflow:visible; padding:0; }
  .av-mega-teaser.is-intro:hover{ transform:none; }
  .av-mega-teaser.is-intro .av-mega-tz-b{ padding:0; gap:.75rem; }
  .av-mega-teaser.is-intro strong{ font-size:1.625rem; line-height:1.2; }
  .av-mega-teaser.is-intro .av-mega-tz-b span{ max-width:22rem; }
  .av-mega-teaser.is-intro u{ justify-self:start; border:1px solid var(--av-gold); border-radius:4px; padding:.65rem 1.25rem; margin-top:.5rem; transition:background .2s,color .2s; }
  .av-mega-teaser.is-intro:hover u{ background:var(--av-gold); color:var(--av-on-gold); }
  .av-mega-col.is-rows li:first-child a{ padding-top:.25rem; }
}

/* Supermenü: Übersichts-Link ("Alle ansehen →") */
.av-mega-all{ display:inline-flex; gap:.4rem; align-items:center; margin:.75rem 0 .25rem; color:var(--av-gold-light); text-decoration:none; font-weight:600; font-size:.9rem; }
.av-mega-all b{ display:inline-block; transition:transform .2s; }
.av-mega-all:hover b{ transform:translateX(4px); }
@media (min-width:1200px){
  .av-mega-in{ flex-wrap:wrap; row-gap:0; }
  .av-mega-all{ flex:0 0 100%; order:-1; margin:0 0 1.25rem; }
}

/* Header-Hintergrundbild (Backend: Header-Bilder) – Abdunklung für Lesbarkeit, token-basiert */
.av-hero.has-img .av-hero-shade{ background:linear-gradient(180deg,rgba(var(--av-dark-rgb),.62) 0%,rgba(var(--av-dark-rgb),.42) 45%,rgba(var(--av-dark-rgb),.85) 100%); }
@media (max-width:767.98px){ .av-hero.has-img .av-hero-shade{ background:rgba(var(--av-dark-rgb),.68); } }


/* ==========================================================
   NEWS  (Übersicht, Archiv, Beitragsseite) – nur Tokens, gilt für alle Farbvarianten
   ========================================================== */
.av-news-lead{ max-width:42rem; color:var(--av-text-soft); font-size:1.125rem; margin:0 0 1.75rem; }

/* Highlights */
.av-ngrid{ display:grid; gap:1.25rem; grid-template-columns:1fr; }
.av-ncard{ display:flex; flex-direction:column; background:var(--av-white); border:1px solid var(--av-line); border-radius:10px; overflow:hidden;
  color:var(--av-text); text-decoration:none; transition:transform .2s, box-shadow .2s, border-color .2s; }
a.av-ncard:hover{ transform:translateY(-3px); border-color:var(--av-gold); box-shadow:0 14px 32px -16px rgba(var(--av-dark-rgb),.35); color:var(--av-text); }
.av-ncard-img{ display:block; aspect-ratio:16/9; overflow:hidden; position:relative;
  background:radial-gradient(120% 120% at 85% 0%, rgba(var(--av-gold-rgb),.45) 0%, rgba(var(--av-gold-rgb),0) 60%), linear-gradient(160deg,var(--av-dark-3),var(--av-dark)); }
.av-ncard-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
a.av-ncard:hover .av-ncard-img img{ transform:scale(1.04); }
.av-ncard-body{ display:flex; flex-direction:column; align-items:flex-start; gap:.4rem; padding:1.25rem 1.25rem 1.4rem; flex:1; }
.av-ncard-body time{ font-size:.875rem; color:var(--av-grey-light); }
.av-ncard-title{ font-size:1.25rem; line-height:1.25; font-weight:600; }
.av-ncard-text{ color:var(--av-text-soft); }
.av-nmore{ margin-top:auto; padding-top:.5rem; font-weight:600; color:var(--av-gold-dark); }
.av-nmore i{ font-style:normal; display:inline-block; transition:transform .2s; }
a.av-ncard:hover .av-nmore i{ transform:translateX(4px); }
.av-ncard.is-big .av-ncard-title{ font-size:1.5rem; }
@media (min-width:992px){
  .av-ngrid{ grid-template-columns:1.35fr 1fr; grid-template-rows:1fr 1fr; }
  .av-ncard.is-big{ grid-row:span 2; }
  .av-ncard.is-big .av-ncard-img{ aspect-ratio:auto; flex:1 1 auto; min-height:260px; }
  .av-ncard.is-big .av-ncard-title{ font-size:1.75rem; }
  .av-ncard:not(.is-big){ flex-direction:row; }
  .av-ncard:not(.is-big) .av-ncard-img{ flex:0 0 38%; aspect-ratio:auto; min-height:100%; }
}

/* Tags */
.av-ntag{ display:inline-block; padding:.15rem .65rem; border-radius:999px; font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  background:rgba(var(--av-gold-rgb),.14); color:var(--av-gold-dark); }

/* Archiv */
.av-news-tools{ display:grid; gap:1rem; margin-bottom:1rem; }
@media (min-width:992px){ .av-news-tools{ grid-template-columns:minmax(260px,340px) 1fr; align-items:center; } }
.av-nyear{ display:grid; gap:.5rem; margin-top:2rem; }
.av-nyear-h{ font-size:2rem; font-weight:300; line-height:1; margin:0; color:var(--av-gold-dark); }
.av-nlist{ list-style:none; margin:0; padding:0; border-top:1px solid var(--av-line); }
.av-nrow{ position:relative; display:grid; grid-template-columns:3.6rem 1fr; gap:.3rem 1rem; padding:1rem .5rem; border-bottom:1px solid var(--av-line); transition:background .2s; }
.av-nrow time{ color:var(--av-grey-light); font-size:.95rem; padding-top:.1rem; }
.av-nrow-main{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.av-nrow-main strong{ font-weight:600; color:var(--av-text); }
.av-nrow-main > span{ color:var(--av-text-soft); }
.av-nrow-main a{ color:inherit; text-decoration:none; }
.av-nrow-main a::after{ content:""; position:absolute; inset:0; }
.av-nrow-meta{ grid-column:2; display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; }
.av-nkind{ font-size:.85rem; font-weight:600; color:var(--av-gold-dark); white-space:nowrap; }
.av-nrow:not(.is-plain):hover{ background:rgba(var(--av-gold-rgb),.08); }
.av-nrow:not(.is-plain):hover strong{ color:var(--av-gold-dark); }
.av-nrow.is-plain .av-nrow-main strong{ color:var(--av-text-soft); }
.av-nrow[hidden], .av-nyear[hidden]{ display:none; }
.av-news-empty{ padding:2rem 0; color:var(--av-text-soft); }
@media (min-width:768px){
  .av-nyear{ grid-template-columns:110px 1fr; gap:1.5rem; }
  .av-nyear-h{ position:sticky; top:calc(var(--av-header-h) + 1.25rem); align-self:start; }
  .av-nrow{ grid-template-columns:3.6rem 1fr auto; align-items:start; }
  .av-nrow-meta{ grid-column:3; flex-direction:column; align-items:flex-end; gap:.35rem; }
}

/* Beitragsseite */
.av-article{ max-width:46rem; margin:0 auto; }
.av-article-back{ max-width:46rem; margin:0 auto 1.5rem; }
.av-article-back a{ color:var(--av-gold-dark); font-weight:600; text-decoration:none; }
.av-article-back a:hover{ text-decoration:underline; }
.av-article-fig{ margin:0 0 2rem; border-radius:10px; overflow:hidden; border:1px solid var(--av-line); }
.av-article-fig img{ display:block; width:100%; height:auto; }
.av-prose{ font-size:1.125rem; line-height:1.7; color:var(--av-text); }
.av-prose > :first-child{ margin-top:0; }
.av-prose p{ margin:0 0 1.15rem; }
.av-prose h2{ font-size:1.6rem; font-weight:400; line-height:1.25; margin:2.2rem 0 .8rem; }
.av-prose h3{ font-size:1.25rem; font-weight:600; line-height:1.3; margin:1.8rem 0 .6rem; }
.av-prose ul, .av-prose ol{ margin:0 0 1.25rem; padding-left:1.35rem; }
.av-prose li{ margin:.4rem 0; }
.av-prose li::marker{ color:var(--av-gold); }
.av-prose blockquote{ margin:1.5rem 0; padding:.25rem 0 .25rem 1.25rem; border-left:3px solid var(--av-gold); color:var(--av-text-soft); font-size:1.2rem; }
.av-prose a{ color:var(--av-gold-dark); text-decoration:underline; text-underline-offset:3px; }
.av-article-note{ margin:2.5rem 0 0; padding-top:1.25rem; border-top:1px solid var(--av-line); font-size:.875rem; color:var(--av-text-soft); }
.av-article-pn{ display:grid; gap:1rem; margin-top:2rem; }
.av-article-pn a{ display:flex; flex-direction:column; gap:.2rem; padding:1rem 1.25rem; border:1px solid var(--av-line); border-radius:10px; background:var(--av-white); color:var(--av-text); text-decoration:none; transition:border-color .2s, transform .2s; }
.av-article-pn a:hover{ border-color:var(--av-gold); transform:translateY(-2px); }
.av-article-pn small{ color:var(--av-gold-dark); font-weight:600; }
.av-article-pn .is-next{ text-align:right; }
@media (min-width:640px){ .av-article-pn{ grid-template-columns:1fr 1fr; } }


/* Bild-Zoom (Lightbox) – Knopf um das Bild + <dialog> */
.av-zoom{ appearance:none; position:relative; display:block; margin:0 auto; padding:0; border:0; background:none; cursor:zoom-in; border-radius:8px; }
.av-zoom .av-od-img{ max-width:100%; }
.av-zoom::after{ content:"+"; position:absolute; right:.4rem; bottom:.4rem; width:1.75rem; height:1.75rem; display:grid; place-items:center; border-radius:50%;
  background:var(--av-gold); color:var(--av-on-gold); font-weight:600; line-height:1; opacity:.9; transition:transform .2s, opacity .2s; }
.av-zoom:hover::after, .av-zoom:focus-visible::after{ transform:scale(1.15); opacity:1; }
.av-zoom:focus-visible{ outline:2px solid var(--av-gold); outline-offset:3px; }
.av-lightbox{ border:0; padding:0; background:transparent; max-width:100vw; max-height:100vh; width:100vw; height:100vh; overflow:hidden; }
.av-lightbox::backdrop{ background:rgba(var(--av-dark-rgb),.9); }
.av-lightbox-in{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.75rem; padding:3.5rem 1rem 1.5rem; cursor:zoom-out; }
.av-lightbox img{ max-width:min(100%,1100px); max-height:calc(100vh - 8rem); width:auto; height:auto; object-fit:contain; background:var(--av-white); border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); cursor:default; animation:av-zoom-in .2s ease-out; }
.av-lightbox p{ margin:0; color:var(--av-on-dark); font-size:.95rem; text-align:center; max-width:40rem; }
.av-lightbox-x{ position:absolute; top:.75rem; right:.75rem; width:2.75rem; height:2.75rem; border:0; border-radius:50%; background:var(--av-gold); color:var(--av-on-gold); font-size:1.75rem; line-height:1; cursor:pointer; z-index:1; }
.av-lightbox-x:hover{ background:var(--av-gold-hover); }
@keyframes av-zoom-in{ from{ opacity:0; transform:scale(.96); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .av-lightbox img{ animation:none; } }

/* Kontaktseite */
.av-contact-form{ padding:1.5rem; }
@media (min-width:768px){ .av-contact-form{ padding:2.25rem; } }
.av-contact-form .form-label{ font-size:.875rem; font-weight:600; color:var(--av-dark); margin-bottom:.35rem; }
.av-contact-form .form-control,.av-contact-form .form-select{ border-color:var(--av-line); border-radius:8px; padding:.7rem .9rem; }
.av-contact-form .form-control:focus,.av-contact-form .form-select:focus{ border-color:var(--av-gold); box-shadow:0 0 0 .2rem rgba(var(--av-gold-rgb),.25); }
.av-contact-form .form-check-input:checked{ background-color:var(--av-gold); border-color:var(--av-gold); }
.av-contact-form .form-check-input:focus{ border-color:var(--av-gold); box-shadow:0 0 0 .2rem rgba(var(--av-gold-rgb),.25); }
.av-form-hint{ font-size:.875rem; color:var(--av-text-soft); }
.av-form-legal{ font-size:.8125rem; line-height:1.55; color:var(--av-text-soft); padding-top:.75rem; border-top:1px solid var(--av-line); }
.av-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.av-alert{ padding:1rem 1.15rem; border-radius:8px; margin-bottom:1.25rem; border:1px solid var(--av-line); border-left:4px solid var(--av-gold); background:var(--av-white); }
.av-alert ul{ margin:.4rem 0 0; padding-left:1.2rem; }
.av-alert-err{ border-left-color:#b3261e; }
.av-contact-card{ padding:2rem; border-radius:10px; background:var(--av-dark); color:var(--av-on-dark); }
.av-contact-card .av-h3{ color:var(--av-white); margin:0; }
.av-contact-card address{ margin:0 0 1.25rem; font-style:normal; line-height:1.6; color:rgba(var(--av-white-rgb),.88); }
.av-contact-card dl{ margin:0; }
.av-contact-card dt{ margin-top:1.1rem; font-size:.75rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.av-contact-card dd{ margin:.25rem 0 0; line-height:1.6; color:rgba(var(--av-white-rgb),.9); }
.av-contact-card a{ color:var(--av-white); text-decoration:none; border-bottom:1px solid rgba(var(--av-gold-rgb),.6); }
.av-contact-card a:hover{ color:var(--av-gold); }
.av-contact-form .form-check-label a{ color:var(--av-dark); text-decoration:underline; text-decoration-color:var(--av-gold); text-underline-offset:3px; }
.av-contact-form .form-check-label a:hover{ color:var(--av-gold); }
@media (min-width:992px){ .av-contact-card{ position:sticky; top:8rem; } }

/* ==========================================================
   FILM (Startseite) – Vorschau-Rahmen, Vimeo lädt erst beim Klick
   ========================================================== */
.av-film{ background:var(--av-dark-2); color:var(--av-white); overflow:hidden; }
.av-film-head{ max-width:44rem; margin:0 auto 2.25rem; }
.av-film-title{ color:var(--av-white); }
.av-film-title span{ color:var(--av-gold); }
.av-film-text{ margin:1rem auto 0; color:rgba(var(--av-white-rgb),.78); font-size:1.125rem; }
.av-film-stage{ max-width:62rem; margin:0 auto; }
.av-film-frame{ position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:14px; border:0;
  background:radial-gradient(120% 90% at 50% 120%, rgba(var(--av-gold-rgb),.22), transparent 55%), linear-gradient(160deg, rgba(var(--av-white-rgb),.07), rgba(var(--av-white-rgb),.015) 45%), var(--av-dark);
  box-shadow:0 30px 70px rgba(0,0,0,.45); }
.av-film-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; background:#000; }
.av-film-poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.av-film-poster + .av-film-glow{ background:radial-gradient(circle, rgba(0,0,0,.35), transparent 70%); filter:none; width:80%; }
.av-film-frame:has(.av-film-poster)::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(var(--av-dark-rgb),.15), rgba(var(--av-dark-rgb),.45)); pointer-events:none; }
.av-film-frame::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg, transparent 35%, rgba(var(--av-white-rgb),.09) 50%, transparent 65%); transform:translateX(-120%); animation:av-film-sweep 6s ease-in-out 1.2s infinite; }
.av-film-frame.is-playing::after, .av-film-frame.is-playing .av-film-corner, .av-film-frame.is-playing .av-film-glow{ display:none; }
@keyframes av-film-sweep{ 0%,55%{ transform:translateX(-120%); } 100%{ transform:translateX(120%); } }
.av-film-corner{ position:absolute; width:1.75rem; height:1.75rem; border:2px solid var(--av-gold); opacity:.85; pointer-events:none; z-index:2; }
.av-film-corner.c1{ top:1rem; left:1rem; border-right:0; border-bottom:0; }
.av-film-corner.c2{ top:1rem; right:1rem; border-left:0; border-bottom:0; }
.av-film-corner.c3{ bottom:1rem; left:1rem; border-right:0; border-top:0; }
.av-film-corner.c4{ bottom:1rem; right:1rem; border-left:0; border-top:0; }
.av-film-glow{ position:absolute; left:50%; top:50%; width:60%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(var(--av-gold-rgb),.28), transparent 68%); filter:blur(12px); pointer-events:none; }
.av-film-play{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.1rem; width:100%; border:0; background:none; color:var(--av-white); cursor:pointer; }
.av-film-btn{ position:relative; z-index:2; display:grid; place-items:center; width:5.5rem; height:5.5rem; border-radius:50%; background:var(--av-gold); color:var(--av-on-gold); box-shadow:0 10px 30px rgba(0,0,0,.4); transition:transform .35s cubic-bezier(.2,.7,.2,1), background .3s; }
.av-film-btn svg{ margin-left:.2rem; }
.av-film-ring{ position:absolute; left:50%; top:calc(50% - 1.35rem); width:5.5rem; height:5.5rem; margin:-2.75rem 0 0 -2.75rem; border-radius:50%; border:1px solid rgba(var(--av-gold-rgb),.7); animation:av-film-ring 3s ease-out infinite; }
.av-film-ring.r2{ animation-delay:1.5s; }
@keyframes av-film-ring{ 0%{ transform:scale(1); opacity:.8; } 100%{ transform:scale(2.6); opacity:0; } }
.av-film-label{ position:relative; z-index:2; font-size:.8125rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:rgba(var(--av-white-rgb),.9); }
.av-film-play:hover .av-film-btn, .av-film-play:focus-visible .av-film-btn{ transform:scale(1.1); background:var(--av-gold-light); }
.av-film-play:focus-visible{ outline:2px solid var(--av-gold); outline-offset:-6px; border-radius:14px; }
.av-film-note{ margin:1rem 0 0; text-align:center; font-size:.8125rem; color:rgba(var(--av-white-rgb),.55); }
.av-film-note a{ color:rgba(var(--av-white-rgb),.8); text-decoration:underline; text-decoration-color:rgba(var(--av-gold-rgb),.7); text-underline-offset:3px; }
.av-film-note a:hover{ color:var(--av-gold); }
@media (max-width:575.98px){ .av-film-btn,.av-film-ring{ width:4.25rem; height:4.25rem; } .av-film-ring{ margin:-2.125rem 0 0 -2.125rem; top:calc(50% - 1rem); } .av-film-corner{ width:1.25rem; height:1.25rem; top:auto; } .av-film-corner.c1,.av-film-corner.c2{ top:.7rem; } .av-film-corner.c3,.av-film-corner.c4{ bottom:.7rem; } .av-film-corner.c1,.av-film-corner.c3{ left:.7rem; } .av-film-corner.c2,.av-film-corner.c4{ right:.7rem; } }
@media (prefers-reduced-motion:reduce){ .av-film-ring,.av-film-frame::after{ animation:none; } .av-film-ring{ opacity:.4; } }

/* Preise: Einheit + Währungsumschalter */
.av-price-unit{ margin:.9rem 0 0; font-size:.8125rem; line-height:1.45; color:rgba(var(--av-white-rgb),.6); }
.av-cur{ display:inline-flex; margin-left:auto; padding:3px; border-radius:8px; background:rgba(var(--av-white-rgb),.08); }
.av-cur-btn{ appearance:none; border:0; background:none; color:rgba(var(--av-white-rgb),.8); font:inherit; font-size:.8125rem; font-weight:700; padding:.3rem .75rem; border-radius:6px; cursor:pointer; transition:background .25s, color .25s; }
.av-cur-btn:hover{ color:var(--av-white); }
.av-cur-btn.is-active{ background:var(--av-gold); color:var(--av-on-gold); }
.av-cur-btn:focus-visible{ outline:2px solid var(--av-gold); outline-offset:2px; }

/* Ausgeblendete Boxen: übrige Spalten füllen die Zeile (eine einzelne Box = 100 %) */
.row:not(.justify-content-center) > :is(.col-md-6,.col-lg-6,.col-md-4,.col-lg-4,.col-md-3,.col-lg-3,.col-sm-6,.col-xl-4,.col-xl-3):not([class*="offset"]):not(.mx-auto){ flex-grow:1; }
.row[class*="row-cols"]:not(.justify-content-center) > .col:not(.mx-auto){ flex-grow:1; }

/* Box ohne Rahmen (Admin-Schalter „Rahmen“) */
.no-frame, .no-frame.av-box, .no-frame.av-box-dark, .no-frame.av-vorteil, .no-frame.av-coincard{ border-color:transparent !important; box-shadow:none !important; background:transparent !important; }

/* Box mit blauem (dunklem) Hintergrund – Admin: Box › Hintergrund „Blau“.  Farben kommen aus den Tokens (:root / Theme). */
.is-dark.av-box, .is-dark.av-vorteil, .is-dark.av-coincard{ background:var(--av-dark) !important; border-color:rgba(var(--av-white-rgb),.12) !important; color:var(--av-on-dark); }
.is-dark :is(h1,h2,h3,h4,h5,.av-h1,.av-h2,.av-h3,.av-vorteil-title,dt,strong){ color:var(--av-white); }
.is-dark .av-kicker{ color:var(--av-gold); }
.is-dark p, .is-dark li, .is-dark dd, .is-dark address{ color:var(--av-on-dark); }
.is-dark a:not(.btn){ color:var(--av-gold); }
.is-dark a:not(.btn):hover{ color:var(--av-gold-hover); }
.is-dark .av-line{ background:var(--av-gold); }
.is-dark .av-check li::before{ border-color:var(--av-gold); }
.is-dark .av-steps-list li::marker{ color:var(--av-gold); }
.is-dark.no-frame{ border-color:transparent !important; }

/* ---- Barren-Animation (Startseite › Kaufen, Darstellung „Animation“) ---- */
.av-bars{ display:flex; flex-direction:column; align-items:center; gap:.75rem; min-width:0; }
.av-bars-stage{ container-type:inline-size; position:relative; width:100%; aspect-ratio:100/56; }
.av-bars-row{ position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; gap:4cqw; padding-bottom:10cqw; }
.av-bars-unit{ position:relative; flex:none; height:35cqw; width:calc(35cqw*var(--ar)); }
.av-bars-bar{ position:absolute; inset:0; transition:transform .35s ease-out; }
.av-bars-unit:hover .av-bars-bar{ transform:translateY(-1cqw); }
.av-bars-full{ position:absolute; inset:0; width:100%; height:100%; display:block; user-select:none; -webkit-user-drag:none; opacity:.07; }
.av-bars-pieces{ position:absolute; inset:0; }
.av-bars-p{ position:absolute; inset:0; opacity:0; animation:av-bars-build 1s cubic-bezier(.25,.7,.2,1) both paused; animation-delay:var(--delay); }
.av-bars.is-run .av-bars-p{ animation-play-state:running; }
.av-bars-t{ position:absolute; background-repeat:no-repeat; box-shadow:var(--tl,0 0 #0000),var(--tt,0 0 #0000); }
.av-bars-t.sl{ --tl:inset 1px 0 0 rgba(40,25,0,.38), inset 2px 0 0 rgba(255,255,255,.6); }
.av-bars-t.st{ --tt:inset 0 1px 0 rgba(40,25,0,.38), inset 0 2px 0 rgba(255,255,255,.6); }
.av-bars-shine{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%) 130% 0/320% 100% no-repeat; -webkit-mask-size:100% 100%; mask-size:100% 100%; opacity:0; }
.av-bars-bar.is-done .av-bars-shine{ animation:av-bars-shine 2.2s ease-in-out both; }
.av-bars-ground{ position:absolute; left:4%; right:4%; bottom:-1.8cqw; height:2.6cqw; border-radius:50%; background:radial-gradient(ellipse at center,rgba(var(--av-dark-rgb),.5),transparent 70%); filter:blur(3px); opacity:0; transition:opacity .8s ease; z-index:-1; }
.av-bars-bar.is-done ~ .av-bars-ground{ opacity:.5; }
.av-bars-cap{ position:absolute; left:50%; top:calc(100% + 4.4cqw); transform:translateX(-50%); text-align:center; white-space:nowrap; line-height:1.3; font-size:max(10px,1.6cqw); color:var(--av-text-soft); letter-spacing:.04em; opacity:0; animation:av-bars-fade 1.2s ease both paused; animation-delay:var(--start,0s); }
.av-bars.is-run .av-bars-cap{ animation-play-state:running; }
.av-bars-cap b{ display:block; color:var(--av-text); font-weight:600; font-size:1.15em; }
.av-bars-replay{ background:none; border:0; color:var(--av-text-soft); font:inherit; font-size:.8rem; letter-spacing:.06em; cursor:pointer; padding:.4rem .6rem; text-decoration:underline; text-underline-offset:3px; }
.av-bars-replay:hover{ color:var(--av-gold-dark); }
.av-bars-replay:focus-visible{ outline:2px solid var(--av-gold); outline-offset:3px; }
@keyframes av-bars-build{ 0%{ transform:translateY(-4.5cqw); opacity:0; filter:brightness(1.15); } 100%{ transform:none; opacity:1; filter:none; } }
@keyframes av-bars-shine{ 0%{ background-position:130% 0; opacity:1; } 100%{ background-position:-30% 0; opacity:1; } }
@keyframes av-bars-fade{ to{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ .av-bars-p, .av-bars-cap, .av-bars-bar.is-done .av-bars-shine{ animation:none !important; } .av-bars-p, .av-bars-cap{ opacity:1; } .av-bars-ground{ opacity:.5; transition:none; } .av-bars-bar{ transition:none; } }

/* ---- Supermenü: Metalle mit Live-Kurs und Vorschau (Spaltenansicht „kurse“) ---- */
.av-mk-list{ list-style:none; margin:0; padding:0; display:grid; gap:.25rem; }
.av-mega-col a.av-mk-row{ display:flex; align-items:center; gap:.85rem; padding:.7rem .85rem; border:1px solid transparent; border-radius:10px; transform:none; }
.av-mega-col a.av-mk-row:hover, .av-mega-col a.av-mk-row:focus-visible{ transform:none; background:rgba(var(--av-white-rgb),.05); border-color:rgba(var(--av-white-rgb),.12); }
@media (min-width:1200px){ .av-mega-col a.av-mk-row.is-on{ background:rgba(var(--av-white-rgb),.05); border-color:rgba(var(--av-white-rgb),.12); } }
.av-mk-row strong{ flex:1; font-weight:600; font-size:1.0625rem; color:var(--av-white); }
.av-mk-row:hover strong{ color:var(--av-gold-light); }
.av-mk-coin{ flex:none; width:1.9rem; height:1.9rem; border-radius:50%; box-shadow:inset 0 -2px 4px rgba(var(--av-dark-rgb),.25); }
.av-mk-coin.is-gold{ background:radial-gradient(circle at 35% 30%, #f3dfa0, #b8963c); }
.av-mk-coin.is-silber{ background:radial-gradient(circle at 35% 30%, #f2f3f6, #9aa0ad); }
.av-mk-coin.is-platin{ background:radial-gradient(circle at 35% 30%, #e9edf2, #7f8896); }
.av-mk-coin.is-palladium{ background:radial-gradient(circle at 35% 30%, #e6e3dd, #8b867c); }
.av-mk-pc{ display:flex; align-items:baseline; gap:.5rem; font-variant-numeric:tabular-nums; }
.av-mk-pc b{ font-weight:300; font-size:.9375rem; color:rgba(var(--av-white-rgb),.9); }
.av-mk-pc em{ font-style:normal; font-size:.75rem; color:var(--av-on-dark); }
.av-mk-pc em.is-up{ color:#7fd39b; } .av-mk-pc em.is-down{ color:#e58a8a; }
.av-mk-panel{ display:none; }
.av-mega-col.is-kurse .av-mega-h + .av-mk{ margin-top:.25rem; }
@media (min-width:1200px){
  .av-mega-in.has-kurse .av-mega-cols{ display:flex; flex-wrap:wrap; gap:0; }
  .av-mega-col.is-kurse{ flex:0 0 100%; }
  .av-mk{ display:grid; grid-template-columns:minmax(0,22rem) minmax(0,1fr); gap:1.75rem; align-items:stretch; }
  .av-mk-panel{ display:block; position:relative; overflow:hidden; min-height:16rem; padding:1.4rem 1.7rem 1.4rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:12px; background:rgba(var(--av-white-rgb),.04); }
  .av-mk-row.is-on strong{ color:var(--av-gold-light); }
  .av-mk-t{ margin:0; font-size:1.5rem; font-weight:300; color:var(--av-white); } .av-mk-t span{ color:var(--av-gold-light); }
  .av-mk-big{ margin:.6rem 0 .1rem; font-size:2.125rem; font-weight:300; color:var(--av-white); line-height:1.15; font-variant-numeric:tabular-nums; } .av-mk-big small{ font-size:.875rem; color:rgba(var(--av-white-rgb),.6); }
  .av-mk-sub{ margin:0; font-size:.8125rem; color:rgba(var(--av-white-rgb),.6); }
  .av-mk-spark{ position:absolute; left:0; right:0; bottom:4.1rem; width:100%; height:5.6rem; opacity:0; transition:opacity .4s; }
  .av-mk-panel.is-live .av-mk-spark{ opacity:1; }
  .av-mk{ --mkc:var(--av-gold); } .av-mk[data-mk-cur="silber"]{ --mkc:var(--av-metal-silber); } .av-mk[data-mk-cur="platin"]{ --mkc:var(--av-metal-platin); } .av-mk[data-mk-cur="palladium"]{ --mkc:var(--av-metal-palladium); }   /* Farbe je Metall */
  .av-mk-area{ fill:color-mix(in srgb,var(--mkc) 22%,transparent); } .av-mk-line{ fill:none; stroke:var(--mkc); stroke-width:2; vector-effect:non-scaling-stroke; }
  .av-mk .av-mk-t span, .av-mk .av-mk-row.is-on strong, .av-mk .av-mk-row:hover strong{ color:var(--mkc); }
  .av-mk-btns{ position:absolute; left:1.7rem; bottom:1.3rem; display:flex; gap:.6rem; flex-wrap:wrap; }
  .av-mk-btns .btn{ padding:.5rem 1rem; font-size:.875rem; }
  .av-mega-in.has-kurse .av-mega-col.is-list{ flex:0 0 100%; margin-top:1.4rem; padding-top:1.1rem; border-top:1px solid rgba(var(--av-white-rgb),.12); }
  .av-mega-in.has-kurse .av-mega-col.is-list ul{ display:flex; flex-wrap:wrap; gap:.4rem 1.9rem; }
  .av-mega-in.has-kurse .av-mega-col.is-list li:last-child{ margin-left:auto; }
  .av-mega-in.has-kurse .av-mega-col.is-list li:last-child a{ color:var(--av-gold-light); font-weight:600; }
  .av-mega-in.has-kurse .av-mega-col.is-list li:not(:last-child) a::after{ content:"›"; color:var(--av-gold-light); margin-left:.4rem; }
}

/* Menü-Vorschau: Buttons behalten ihre eigene Textfarbe (Menü-Linkfarbe überschreibt sie nicht) */
.av-mega-col .av-mk-btns a.btn{ transform:none; }
.av-mega-col .av-mk-btns a.btn.av-btn-gold,
.av-mega-col .av-mk-btns a.btn.av-btn-gold:hover,
.av-mega-col .av-mk-btns a.btn.av-btn-gold:focus-visible{ color:var(--av-on-gold); }
.av-mega-col .av-mk-btns a.btn.av-btn-gold:hover,
.av-mega-col .av-mk-btns a.btn.av-btn-gold:focus-visible{ background:var(--av-gold-hover); border-color:var(--av-gold-hover); }
.av-mega-col .av-mk-btns a.btn.av-btn-ghost{ color:var(--av-white); }
.av-mega-col .av-mk-btns a.btn.av-btn-ghost:hover,
.av-mega-col .av-mk-btns a.btn.av-btn-ghost:focus-visible{ color:var(--av-on-gold); background:var(--av-white); border-color:var(--av-white); }

/* ===== Online-Depot 2: Handy-Bühne ===== */
.av-od2-hero{ min-height:0; padding-bottom:2.5rem; }
.av-od2-hero .av-hero-title span{ color:var(--av-gold); }
.av-od2{ position:relative; padding:2.5rem 0 3.5rem; overflow:hidden; }
.av-od2::before{ content:""; position:absolute; left:50%; top:50%; width:44rem; height:44rem; max-width:140vw; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(var(--av-gold-rgb),.2),transparent 65%); pointer-events:none; }
.av-od2-grid{ position:relative; display:grid; gap:1.5rem; }
.av-od2-tabs{ list-style:none; margin:0; padding:0 0 .25rem; display:flex; gap:.5rem; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; }
.av-od2-tabs::-webkit-scrollbar{ display:none; }
.av-od2-tabs li{ flex:0 0 auto; scroll-snap-align:start; }
.av-od2-tab{ display:flex; align-items:center; gap:.6rem; padding:.55rem .95rem; border-radius:999px; border:1px solid rgba(var(--av-white-rgb),.18); background:transparent; color:rgba(var(--av-white-rgb),.7); font:inherit; font-size:.9375rem; cursor:pointer; white-space:nowrap; transition:background .2s,border-color .2s,color .2s; }
.av-od2-tab b{ font-size:.75rem; letter-spacing:.1em; color:var(--av-gold); }
.av-od2-tab:hover,.av-od2-tab:focus-visible{ color:var(--av-white); border-color:rgba(var(--av-gold-rgb),.6); }
.av-od2-tab.is-active{ color:var(--av-white); background:rgba(var(--av-white-rgb),.07); border-color:var(--av-gold); }
.av-od2-phone{ display:grid; width:min(58vw,16rem); margin:0 auto; }
.av-od2-screen{ grid-area:1/1; display:block; width:100%; height:auto; opacity:0; transform:translateY(12px) scale(.98); transition:opacity .45s ease, transform .45s ease; filter:url(#av-noshadow) drop-shadow(0 24px 40px rgba(0,0,0,.45)); }
.av-od2-screen.is-active{ opacity:1; transform:none; }
.av-od2-info{ position:relative; display:flex; flex-direction:column; }
.av-od2-pane{ display:none; }
.av-od2-pane.is-active{ display:block; animation:av-od2-in .45s ease both; }
@keyframes av-od2-in{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.av-od2-num{ display:block; font-size:clamp(4rem,12vw,7.5rem); font-weight:200; line-height:1; color:rgba(var(--av-gold-rgb),.35); }
.av-od2-pane .av-h2{ font-size:clamp(1.5rem,3.2vw,2.125rem); }
.av-od2-ctrl{ margin-top:1.5rem; }
.av-od2-bar{ display:flex; gap:.35rem; margin-bottom:1.1rem; }
.av-od2-bar i{ flex:1 1 0; max-width:2.25rem; height:3px; border-radius:2px; background:rgba(var(--av-white-rgb),.2); transition:background .3s; }
.av-od2-bar i.is-active{ background:var(--av-gold); }
.av-od2-btns{ display:flex; flex-wrap:wrap; gap:.6rem; }
@media (min-width:992px){
  .av-od2{ padding:4rem 0 5rem; }
  .av-od2-grid{ grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:3rem; }
  .av-od2-tabs{ flex-direction:column; overflow:visible; gap:.35rem; }
  .av-od2-tab{ width:100%; border-radius:12px; padding:.7rem 1rem; font-size:1.0625rem; }
  .av-od2-phone{ width:min(100%,19rem); }
}
@media (prefers-reduced-motion:reduce){ .av-od2-screen,.av-od2-pane.is-active{ transition:none; animation:none; } }
.av-od2-hero .av-hero-text{ margin-left:auto; margin-right:auto; }

/* Vier Barren ohne Animation */
.av-bars.is-static .av-bars-full{ opacity:1; }
.av-bars.is-static .av-bars-cap{ opacity:1; animation:none; }
.av-bars.is-static .av-bars-ground{ opacity:.5; }

/* ===== Barrenzuordnung: Header ===== */
.av-bz-hero{ position:relative; min-height:0; overflow:hidden; background:radial-gradient(ellipse at 75% 40%,color-mix(in srgb,var(--av-gold) 14%,var(--av-dark)),var(--av-dark) 62%); }
.av-bz-hero .av-hero-title{ font-size:clamp(2rem,5.6vw,3.5rem); line-height:1.1; }
.av-bz-hero .av-hero-title span{ color:var(--av-gold); }
.av-bz-grid{ position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(var(--av-gold-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--av-gold-rgb),.08) 1px,transparent 1px); background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse at 72% 50%,#000,transparent 70%); mask-image:radial-gradient(ellipse at 72% 50%,#000,transparent 70%); }

/* Vier Barren: von unten nach oben einblenden */
.av-bars.is-rise .av-bars-unit{ opacity:0; transform:translateY(9cqw); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.av-bars.is-rise.is-on .av-bars-unit{ opacity:1; transform:none; }
.av-bars.is-rise .av-bars-unit:nth-child(2){ transition-delay:.15s; }
.av-bars.is-rise .av-bars-unit:nth-child(3){ transition-delay:.3s; }
.av-bars.is-rise .av-bars-unit:nth-child(4){ transition-delay:.45s; }
@media (prefers-reduced-motion:reduce){ .av-bars.is-rise .av-bars-unit{ opacity:1; transform:none; transition:none; } }

/* Vier Barren: Teile fahren von unten nach oben ein / ohne Beschriftung */
.av-bars.is-up .av-bars-p{ animation-name:av-bars-build-up; }
@keyframes av-bars-build-up{ 0%{ transform:translateY(4.5cqw); opacity:0; filter:brightness(1.15); } 100%{ transform:none; opacity:1; filter:none; } }
.av-bars.no-cap .av-bars-cap{ display:none; }
.av-bars.no-cap .av-bars-row{ padding-bottom:6cqw; }

/* Barrenzuordnung: Barren mit Anteil (horizontal) */
.av-bz-bar{ position:relative; width:100%; }
.av-bz-pieces{ position:absolute; inset:0; }
.av-bz-pc{ position:absolute; inset:0; opacity:0; filter:drop-shadow(0 1px 1px rgba(40,25,0,.35)); animation:av-bz-up .9s cubic-bezier(.25,.7,.2,1) both paused; animation-delay:var(--d); }
.av-bz-pc i{ position:absolute; background-image:var(--bz-img); background-repeat:no-repeat; }
.av-bz-share.is-run .av-bz-pc{ animation-play-state:running; }
@keyframes av-bz-up{ 0%{ transform:translateY(8%); opacity:0; } 100%{ transform:none; opacity:1; } }
.av-bz-shine{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 42%,rgba(var(--av-white-rgb),.55) 50%,transparent 58%) 130% 0/320% 100% no-repeat; opacity:0; }
.av-bz-share.go-shine .av-bz-shine{ animation:av-bz-shine 1.8s ease-in-out both; }
@keyframes av-bz-shine{ 0%{ background-position:130% 0; opacity:1; } 100%{ background-position:-30% 0; opacity:1; } }
.av-bz-share.go-share .av-bz-rest{ opacity:1; }
.av-bz-share.go-share .av-bz-mine{ width:calc(var(--bz-pct) + 1%); opacity:1; }
.av-bz-replay{ display:block; margin:1.5rem auto 0; background:none; border:0; color:var(--av-text-soft); font:inherit; font-size:.8rem; letter-spacing:.06em; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:575.98px){ .av-bz-lab b{ font-size:1.2rem; } .av-bz-lab.is-2 b{ font-size:1.1rem; } }
@media (prefers-reduced-motion:reduce){ .av-bz-pc{ animation:none; opacity:1; } .av-bz-rest,.av-bz-mine,.av-bz-brace,.av-bz-lab{ transition:none; } }


/* Barrenzuordnung – blaues Band mit Glas-Hinweisen */
.av-bz-band{ position:relative; overflow:hidden; padding:4rem 0 3rem; background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--av-gold) 10%,var(--av-dark)),var(--av-dark) 70%); }
.av-bz-band .av-bz-grid{ -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 75%); mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 75%); }
.av-bz-share{ position:relative; margin:0 auto; width:min(100%,56rem); text-align:left; }
.av-bz-ghost{ display:block; width:100%; height:auto; opacity:.08; }
.av-bz-top,.av-bz-foot{ position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.av-bz-top{ margin-bottom:2.25rem; }
.av-bz-foot{ margin-top:2.25rem; }
.av-bz-card{ position:relative; min-width:11rem; padding:.9rem 1.15rem; border:1px solid rgba(var(--av-gold-rgb),.45); border-radius:14px; background:rgba(var(--av-white-rgb),.07); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:var(--av-white); opacity:0; transform:translateY(8px); transition:opacity .7s ease, transform .7s ease; }
.av-bz-card small{ display:block; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--av-gold); }
.av-bz-card strong{ display:block; font-size:1.375rem; font-weight:600; line-height:1.25; color:var(--av-white); }
.av-bz-card span{ display:block; font-size:.875rem; color:rgba(var(--av-white-rgb),.72); }
.av-bz-card.is-r,.av-bz-card.is-total{ text-align:right; }
.av-bz-card.is-mine{ position:absolute; left:calc(var(--bz-pct) / 2); top:0; transform:translate(-50%,8px); min-width:14rem; border-color:rgba(var(--av-gold-rgb),.8); }
.av-bz-card.is-mine strong{ color:var(--av-gold); font-size:1.75rem; }
.av-bz-card.is-mine i{ display:block; height:4px; margin-top:.6rem; border-radius:2px; background:linear-gradient(90deg,var(--av-gold) var(--bz-pct),rgba(var(--av-white-rgb),.18) 0); }
.av-bz-foot{ min-height:7.5rem; justify-content:flex-end; }
.av-bz-card::after{ content:""; position:absolute; left:2rem; width:1px; height:2.25rem; background:linear-gradient(rgba(var(--av-gold-rgb),.8),rgba(var(--av-gold-rgb),.1)); }
.av-bz-card.is-top::after{ top:100%; }
.av-bz-card.is-top.is-r::after{ left:auto; right:2rem; }
.av-bz-card.is-mine::after{ left:50%; bottom:100%; background:linear-gradient(rgba(var(--av-gold-rgb),.1),rgba(var(--av-gold-rgb),.8)); }
.av-bz-card.is-total::after{ left:auto; right:2rem; bottom:100%; background:linear-gradient(rgba(var(--av-gold-rgb),.1),rgba(var(--av-gold-rgb),.8)); }
.av-bz-share.is-run .av-bz-card.is-top,.av-bz-share.go-b2 .av-bz-card.is-total{ opacity:1; transform:none; }
.av-bz-share.go-b1 .av-bz-card.is-mine{ opacity:1; transform:translate(-50%,0); }
.av-bz-rest{ position:absolute; inset:0; background:var(--bz-img) 0 0/100% 100% no-repeat; filter:grayscale(1) brightness(.45) contrast(.9); clip-path:inset(0 0 0 var(--bz-pct)); opacity:0; transition:opacity 1.2s ease; pointer-events:none; }
.av-bz-mine{ position:absolute; left:1%; top:15%; bottom:8%; width:0; border:1px solid rgba(var(--av-gold-rgb),.9); border-radius:12px; box-shadow:0 0 0 4px rgba(var(--av-gold-rgb),.12),0 0 2.5rem rgba(var(--av-gold-rgb),.3); opacity:0; transition:width 1.2s cubic-bezier(.2,.7,.2,1), opacity .4s; }
.av-bz-replay{ color:rgba(var(--av-white-rgb),.55); }
@media (max-width:767.98px){
  .av-bz-band{ padding:2.5rem 0 2rem; }
  .av-bz-top,.av-bz-foot{ flex-direction:row; align-items:stretch; gap:.625rem; min-height:0; }
  .av-bz-top{ margin-bottom:1.5rem; } .av-bz-foot{ margin-top:1.5rem; }
  .av-bz-card,.av-bz-card.is-mine{ position:relative; left:auto; top:auto; flex:1 1 0; min-width:0; padding:.75rem .85rem; transform:translateY(8px); text-align:left; }
  .av-bz-card.is-r,.av-bz-card.is-total{ text-align:right; }
  .av-bz-card strong{ font-size:1.125rem; overflow-wrap:anywhere; }
  .av-bz-card.is-mine strong{ font-size:1.25rem; }
  .av-bz-card small{ font-size:.625rem; letter-spacing:.12em; }
  .av-bz-card span{ font-size:.8125rem; }
  .av-bz-card::after{ height:1.5rem; left:1.25rem; }
  .av-bz-card.is-top::after{ top:100%; }
  .av-bz-card.is-top.is-r::after{ left:auto; right:1.25rem; }
  .av-bz-card.is-mine::after{ left:1.25rem; bottom:100%; }
  .av-bz-card.is-total::after{ right:1.25rem; left:auto; bottom:100%; }
  .av-bz-share.go-b1 .av-bz-card.is-mine{ transform:none; }
}
@media (prefers-reduced-motion:reduce){ .av-bz-card,.av-bz-rest,.av-bz-mine{ transition:none; } .av-bz-card{ opacity:1; transform:none; } .av-bz-card.is-mine{ transform:translate(-50%,0); } }
@media (prefers-reduced-motion:reduce) and (max-width:767.98px){ .av-bz-card.is-mine{ transform:none; } }

/* ===== SwitchPilot ===== */
.av-sp-hero{ background:radial-gradient(ellipse at 75% 40%,color-mix(in srgb,var(--av-gold) 14%,var(--av-dark)),var(--av-dark) 62%); overflow:hidden; }
.av-sp-hero .av-hero-title{ font-size:clamp(2rem,5.2vw,3.4rem); line-height:1.1; }
.av-sp-hero .av-hero-title span{ color:var(--av-gold); display:block; }
.av-sp-note{ margin-top:1.5rem; font-size:.8125rem; color:rgba(var(--av-white-rgb),.55); }
.av-sp-phone{ position:relative; max-width:21rem; margin:0 auto; padding:1rem 0 1rem; }
.av-sp-phone img{ display:block; width:100%; height:auto; filter:drop-shadow(0 30px 40px rgba(0,0,0,.45)); }
.av-sp-ratio{ position:absolute; right:-1.5rem; bottom:18%; width:11.5rem; padding:1.1rem 1.25rem; border:1px solid rgba(var(--av-gold-rgb),.7); border-radius:14px; background:rgba(var(--av-white-rgb),.08); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 20px 50px rgba(0,0,0,.4); color:var(--av-white); }
.av-sp-ratio small{ display:block; font-size:.7rem; color:rgba(var(--av-white-rgb),.7); }
.av-sp-ratio span{ display:block; margin-top:.6rem; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--av-gold); }
.av-sp-ratio strong{ display:block; font-size:2.75rem; font-weight:300; line-height:1.1; }
.av-sp-step{ position:relative; padding:1.75rem; }
.av-sp-no{ display:grid; place-items:center; width:2.5rem; height:2.5rem; margin-bottom:1rem; border-radius:50%; background:var(--av-gold); color:var(--av-dark); font-weight:700; }
.av-sp-step h3,.av-sp-opt h3{ font-size:1.25rem; font-weight:600; margin-bottom:.5rem; }
.av-sp-step p,.av-sp-opt p{ margin:0; }
.av-sp-result{ margin-top:1.75rem; padding:1.25rem 1.5rem; border:1px solid var(--av-gold); border-radius:12px; background:rgba(var(--av-gold-rgb),.08); font-size:1.125rem; }
.av-sp-tar{ position:relative; height:100%; display:flex; flex-direction:column; padding:2rem 1.5rem 1.5rem; border:1px solid rgba(var(--av-gold-rgb),.45); border-radius:16px; background:rgba(var(--av-white-rgb),.06); }
.av-sp-tar.is-top{ border-color:var(--av-gold); background:rgba(var(--av-gold-rgb),.1); box-shadow:0 0 3rem rgba(var(--av-gold-rgb),.25); }
.av-sp-tk{ margin:0; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.av-sp-tar h3{ margin:.25rem 0 1rem; font-size:2.5rem; font-weight:300; color:var(--av-white); }
.av-sp-tar .av-check{ flex:1; margin-bottom:1.25rem; }
.av-sp-vol small,.av-sp-price small{ display:block; font-size:.8125rem; color:rgba(var(--av-white-rgb),.65); }
.av-sp-vol strong,.av-sp-price strong{ display:block; font-size:1.375rem; font-weight:600; color:var(--av-white); margin-bottom:.5rem; }
.av-sp-price{ margin-top:1rem; }
.av-sp-bar{ height:8px; border-radius:4px; background:rgba(var(--av-white-rgb),.14); overflow:hidden; }
.av-sp-bar i{ display:block; height:100%; background:linear-gradient(90deg,var(--av-gold),var(--av-gold-light,var(--av-gold))); }
.av-sp-badge{ position:absolute; top:.9rem; right:.9rem; padding:.2rem .65rem; border-radius:20px; background:var(--av-gold); color:var(--av-dark); font-size:.6875rem; font-weight:700; font-style:normal; letter-spacing:.08em; }
.av-sp-sl{ margin-top:1.5rem; }
.av-sp-swl{ list-style:none; margin:1.25rem 0 0; padding:0; display:grid; gap:.6rem; }
.av-sp-sl li{ display:grid; grid-template-columns:7rem 8rem 6.5rem 9rem 1fr; gap:.75rem; align-items:center; padding:.85rem 1.1rem; border:1px solid var(--av-line); border-radius:10px; background:var(--av-white); }
.av-sp-dir,.av-sp-r{ font-size:.8125rem; padding:.15rem .6rem; border-radius:20px; background:rgba(var(--av-gold-rgb),.15); text-align:center; }
.av-sp-sl small{ color:var(--av-text-soft); }
@media (max-width:991.98px){ .av-sp-ratio{ right:0; } }
@media (max-width:767.98px){
  .av-sp-ratio{ position:relative; right:auto; bottom:auto; width:auto; margin:-3rem 1rem 0; }
  .av-sp-sl li{ grid-template-columns:1fr 1fr; } .av-sp-sl li small{ grid-column:1 / -1; }
  .av-sp-tar h3{ font-size:2.1rem; }
}

.av-sp-sub{ margin:-.25rem 0 1rem; color:var(--av-text-soft); }
.av-sp-fn{ font-size:.875rem; color:var(--av-text-soft); }
.av-sp-ab{ text-align:left; }
.av-sp-ic{ display:grid; place-items:center; width:4.5rem; height:4.5rem; margin:0 0 1rem; border:2px solid var(--av-gold); border-radius:50%; color:var(--av-gold); }
.av-sp-ic svg{ width:2rem; height:2rem; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.av-sp-ab h3{ font-size:1.5rem; font-weight:400; margin-bottom:.35rem; }
.av-sp-ab p{ margin:0; }

/* Prinzip-Diagramm */
.av-sp-diag{ margin:2.5rem 0 0; padding:1.5rem 1.75rem 1.5rem; border:1px solid rgba(var(--av-gold-rgb),.35); border-radius:18px; background:rgba(var(--av-white-rgb),.04); }
.av-sp-leg{ display:flex; flex-wrap:wrap; gap:.4rem 1.75rem; margin-bottom:1rem; font-size:.875rem; color:rgba(var(--av-white-rgb),.78); }
.av-sp-leg span:before{ content:""; display:inline-block; width:.75rem; height:.75rem; margin-right:.5rem; border-radius:50%; vertical-align:-1px; }
.av-sp-leg .is-g:before{ background:var(--av-gold); } .av-sp-leg .is-s:before{ background:#b9c2d6; }
.av-sp-leg em{ margin-left:auto; font-style:normal; opacity:.6; }
.av-sp-plot{ position:relative; container-type:inline-size; }
.av-sp-plot svg{ display:block; width:100%; height:auto; aspect-ratio:1100 / 290; overflow:visible; }
.av-sp-plot .hi{ stroke:rgba(185,194,214,.6); stroke-dasharray:6 6; fill:none; vector-effect:non-scaling-stroke; }
.av-sp-plot .lo{ stroke:rgba(var(--av-gold-rgb),.8); stroke-dasharray:6 6; fill:none; vector-effect:non-scaling-stroke; }
.av-sp-plot .curve{ fill:none; stroke:#e6cf97; stroke-width:3.5; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0; }
.av-sp-plot .drops path{ stroke-opacity:.35; vector-effect:non-scaling-stroke; fill:none; }
.av-sp-pt{ position:absolute; right:0; font-size:clamp(.55rem,1.2cqw,.8125rem); letter-spacing:.1em; text-transform:uppercase; }
.av-sp-pt.is-hi{ top:calc(21.4% - 1.6em); color:#b9c2d6; } .av-sp-pt.is-lo{ top:calc(76.6% + .6em); color:var(--av-gold); }
.av-sp-dot{ position:absolute; width:clamp(.6rem,1.6cqw,.9rem); aspect-ratio:1; border-radius:50%; transform:translate(-50%,-50%); border:3px solid var(--av-dark); box-sizing:content-box; }
.av-sp-dot.is-g{ background:var(--av-gold); } .av-sp-dot.is-s{ background:#b9c2d6; }
.av-sp-sw{ position:absolute; transform:translate(-50%,0); padding:.3em .9em; border-radius:2em; font-size:clamp(.55rem,1.35cqw,.875rem); font-weight:700; color:var(--av-dark); white-space:nowrap; }
.av-sp-sw.is-g{ background:var(--av-gold); margin-top:1.1em; } .av-sp-sw.is-s{ background:#b9c2d6; margin-top:-3.2em; }
.av-sp-metal{ margin-top:.75rem; }
.av-sp-metal small{ display:block; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(var(--av-white-rgb),.65); margin-bottom:.35rem; }
.av-sp-strip{ display:flex; height:2.75rem; border-radius:10px; overflow:hidden; font-size:.875rem; font-weight:600; }
.av-sp-strip span{ display:grid; place-items:center; color:var(--av-dark); }
.av-sp-strip .is-g{ background:linear-gradient(90deg,var(--av-gold),#e6cf97); } .av-sp-strip .is-s{ background:linear-gradient(90deg,#9aa5bd,#d3dae8); }
/* Animation (nur wenn JS die Figur „armed“ hat) */
.av-sp-diag.is-armed .curve{ stroke-dashoffset:1; transition:stroke-dashoffset 2.6s cubic-bezier(.4,.1,.3,1); }
.av-sp-diag.is-armed .area{ opacity:0; transition:opacity 1.2s ease 1.6s; }
.av-sp-diag.is-armed .drops,.av-sp-diag.is-armed .av-sp-pt{ opacity:0; transition:opacity .8s ease 2.2s; }
.av-sp-diag.is-armed .av-sp-dot,.av-sp-diag.is-armed .av-sp-sw{ opacity:0; transition:opacity .5s ease calc(var(--n) * 2.4s); }
.av-sp-diag.is-armed .av-sp-strip{ clip-path:inset(0 100% 0 0); transition:clip-path 2.6s linear; }
.av-sp-diag.is-armed.is-run .curve{ stroke-dashoffset:0; }
.av-sp-diag.is-armed.is-run .area,.av-sp-diag.is-armed.is-run .drops,.av-sp-diag.is-armed.is-run .av-sp-pt,.av-sp-diag.is-armed.is-run .av-sp-dot,.av-sp-diag.is-armed.is-run .av-sp-sw{ opacity:1; }
.av-sp-diag.is-armed.is-run .av-sp-strip{ clip-path:inset(0); }
@media (max-width:575.98px){ .av-sp-diag{ padding:1rem; } .av-sp-leg em{ margin-left:0; } .av-sp-pt{ display:none; } .av-sp-sw{ padding:.25em .6em; } }
@media (prefers-reduced-motion:reduce){ .av-sp-diag *{ transition:none !important; } }
@media (min-width:992px){ .av-sp-abrow{ max-width:75%; } }

/* Ratio-Erklärung */
.av-sp-formula{ display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin:2rem 0; }
.av-sp-fx{ padding:1rem 1.5rem; border:1px solid var(--av-line); border-radius:14px; background:rgba(var(--av-gold-rgb),.06); text-align:center; }
.av-sp-fx small{ display:block; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold-dark,var(--av-gold)); }
.av-sp-fx b{ font-size:1.75rem; font-weight:600; }
.av-sp-fx.is-res{ background:var(--av-dark); border-color:var(--av-dark); color:var(--av-white); }
.av-sp-fx.is-res b{ color:var(--av-gold-light,var(--av-gold)); }
.av-sp-op{ font-size:2rem; color:var(--av-gold); }
.av-sp-fnote{ flex:1 1 16rem; margin:0 0 0 .75rem; max-width:24rem; color:var(--av-text-soft); }
.av-sp-rule{ display:flex; align-items:center; gap:1.25rem; padding:1.25rem 1.5rem; }
.av-sp-rule .av-sp-ic{ flex:none; margin:0; width:3.5rem; height:3.5rem; }
.av-sp-rule h3{ font-size:1.375rem; font-weight:400; margin:0 0 .15rem; } .av-sp-rule p{ margin:0; color:var(--av-text-soft); }
.av-sp-live{ display:grid; grid-template-columns:1fr auto 1.1fr auto 1fr; align-items:center; gap:1.5rem; padding:2rem 2.5rem; border-radius:20px; background:var(--av-dark); color:var(--av-white); box-shadow:0 20px 60px rgba(var(--av-dark-rgb),.25); }
.av-sp-lcol{ text-align:center; } .av-sp-lcol img{ display:block; height:9rem; width:auto; margin:0 auto .75rem; filter:drop-shadow(0 12px 18px rgba(0,0,0,.5)); }
.av-sp-lcol strong{ display:block; font-size:2.125rem; font-weight:600; } .av-sp-lcol span{ color:rgba(var(--av-white-rgb),.7); }
.av-sp-x{ font-size:1.9rem; color:var(--av-gold); }
.av-sp-lmid{ text-align:center; padding:1.25rem 1.5rem; border:1px solid rgba(var(--av-gold-rgb),.6); border-radius:16px; background:rgba(var(--av-white-rgb),.07); }
.av-sp-lmid small{ display:block; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.av-sp-lmid strong{ display:block; font-size:3.4rem; font-weight:300; line-height:1.15; color:var(--av-gold-light,var(--av-gold)); }
.av-sp-lmid em{ display:block; font-style:normal; font-size:.9375rem; }
.av-sp-ch{ height:100%; padding:1.5rem 1.75rem; border-radius:16px; background:var(--av-dark); color:var(--av-white); }
.av-sp-ch.is-g{ border:1px solid var(--av-gold); box-shadow:0 0 2.5rem rgba(var(--av-gold-rgb),.25); }
.av-sp-cht{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; }
.av-sp-cht h3{ font-size:.9375rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin:0; }
.av-sp-cht span{ font-size:2.25rem; font-weight:600; } .av-sp-ch.is-g .av-sp-cht span{ color:var(--av-gold-light,var(--av-gold)); }
.av-sp-ch small{ color:rgba(var(--av-white-rgb),.65); }
.av-sp-ch svg{ display:block; width:100%; height:7.5rem; margin-top:.75rem; } .av-sp-ch polyline{ fill:none; stroke:var(--av-white); stroke-width:2.5; stroke-linejoin:round; } .av-sp-ch.is-g polyline{ stroke:var(--av-gold-light,var(--av-gold)); }
@media (max-width:767.98px){
  .av-sp-live{ grid-template-columns:1fr; padding:1.5rem 1.25rem; gap:.75rem; } .av-sp-x{ text-align:center; line-height:1; }
  .av-sp-lcol img{ height:6.5rem; } .av-sp-fnote{ margin:0; }
  .av-sp-formula{ flex-direction:column; align-items:stretch; gap:.4rem; } .av-sp-op{ text-align:center; line-height:1; }
  .av-sp-cht span{ font-size:1.75rem; }
}

.av-sp-swbtn{ display:none; padding:.7rem 1.5rem; border:1px solid var(--av-line); border-radius:6px; background:var(--av-white); font:inherit; font-weight:600; color:inherit; cursor:pointer; }
.av-sp-swbtn span:after{ content:" ▾"; }
.av-sp-sl.is-armed .av-sp-swbtn{ display:inline-block; }
.av-sp-sl.is-open .av-sp-swbtn span:after{ content:" ▴"; }
.av-sp-sl.is-armed:not(.is-open) .av-sp-swl{ display:none; }

/* ===== Highlights ===== */
.av-hl-hero .av-hero-title{ font-size:clamp(2rem,5.4vw,3.5rem); line-height:1.1; }
.av-hl-hero .av-hero-title span{ color:var(--av-gold); }
.av-hl-nav{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2rem; }
.av-hl-nav a{ padding:.5rem 1.1rem; border:1px solid rgba(var(--av-gold-rgb),.5); border-radius:2rem; color:var(--av-white); text-decoration:none; font-size:.9375rem; transition:background .25s,border-color .25s; }
.av-hl-nav a:hover{ background:rgba(var(--av-gold-rgb),.15); border-color:var(--av-gold); }
.av-hl-nav b{ margin-right:.5rem; color:var(--av-gold); }
.av-hl-sec{ overflow:hidden; }
.av-hl-sec .av-h2 span{ color:var(--av-gold); }
.av-hl-num{ display:block; font-size:clamp(3.5rem,8vw,6rem); font-weight:200; line-height:1; color:rgba(var(--av-gold-rgb),.4); }
.av-hl-vis{ position:relative; display:grid; place-items:center; min-height:24rem; padding:2rem 1.25rem; border:1px solid rgba(var(--av-gold-rgb),.3); border-radius:20px; background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--av-gold) 10%,var(--av-dark)),var(--av-dark) 72%); color:var(--av-white); overflow:hidden; box-shadow:0 20px 60px rgba(var(--av-dark-rgb),.25); }
.av-hl-vis.is-bruch .av-donut{ width:min(100%,16rem); }
.av-hl-vis .av-donut-bg{ stroke:rgba(var(--av-white-rgb),.16); }
.av-hl-vis .av-donut-c strong{ font-size:2rem; font-weight:300; color:var(--av-white); }
.av-hl-vis .av-donut-c span{ color:var(--av-gold); letter-spacing:.14em; text-transform:uppercase; font-size:.7rem; }
.av-hl-chip{ position:absolute; padding:.6rem 1rem; border:1px solid rgba(var(--av-gold-rgb),.5); border-radius:12px; background:rgba(var(--av-white-rgb),.08); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.av-hl-chip small{ display:block; font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.av-hl-chip b{ font-size:1.125rem; }
.av-hl-chip.is-tl{ left:1.25rem; top:1.25rem; } .av-hl-chip.is-tr{ right:1.25rem; top:1.25rem; text-align:right; } .av-hl-chip.is-br{ right:1.25rem; bottom:1.25rem; text-align:right; }
.av-hl-vis.is-barren{ padding:1.5rem 1rem; }
.av-hl-vis.is-barren .av-bz-share{ width:100%; }
.av-bz-share.is-compact .av-bz-card{ min-width:0; padding:.6rem .85rem; }
.av-bz-share.is-compact .av-bz-card strong{ font-size:1.05rem; }
.av-bz-share.is-compact .av-bz-card small{ font-size:.6rem; }
.av-bz-share.is-compact .av-bz-card.is-mine{ min-width:10rem; } .av-bz-share.is-compact .av-bz-card.is-mine strong{ font-size:1.3rem; }
.av-bz-share.is-compact .av-bz-top{ margin-bottom:1.5rem; } .av-bz-share.is-compact .av-bz-foot{ margin-top:1.5rem; min-height:6rem; }
.av-bz-share.is-compact .av-bz-card::after{ height:1.5rem; }
.av-hl-vis.is-depot{ padding-bottom:1.25rem; }
.av-hl-vis.is-depot .av-od2-phone{ width:min(62vw,14rem); }
.av-hl-dots{ display:flex; gap:.4rem; margin-top:1rem; }
.av-hl-dots i{ width:.5rem; height:.5rem; border-radius:50%; background:rgba(var(--av-white-rgb),.25); transition:background .3s,transform .3s; }
.av-hl-dots i.is-active{ background:var(--av-gold); transform:scale(1.3); }
.av-hl-vis.is-switch{ padding:1.25rem 1rem 7rem; }
.av-hl-vis.is-switch .av-sp-diag{ width:100%; margin:0; padding:1rem; border:0; background:none; }
.av-hl-vis.is-switch .av-sp-leg,.av-hl-vis.is-switch .av-sp-pt{ display:none; }
.av-hl-ratio{ position:absolute; right:1.25rem; bottom:1.25rem; padding:.75rem 1.1rem; border:1px solid var(--av-gold); border-radius:14px; background:rgba(var(--av-white-rgb),.08); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); text-align:center; }
.av-hl-ratio small{ display:block; font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.av-hl-ratio strong{ font-size:2rem; font-weight:300; }
@media (max-width:767.98px){ .av-hl-vis{ min-height:0; } .av-hl-vis.is-bruch{ min-height:21rem; } }

/* ===== SwitchPilot: Beispiel ohne / mit Ratio ===== */
.av-sp-xe{ --sp-ex-d:3.4s; margin-top:2rem; }
.av-sp-xc{ height:100%; padding:1.5rem 1.5rem 1.25rem; border-radius:16px; background:var(--av-dark); color:var(--av-white); border:1px solid transparent; }
.av-sp-xc.is-g{ border-color:var(--av-gold); box-shadow:0 0 2.5rem rgba(var(--av-gold-rgb),.22); }
.av-sp-xh{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; }
.av-sp-xh h3{ margin:0; font-size:.9375rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; }
.av-sp-xc.is-g .av-sp-xh h3{ color:var(--av-gold); }
.av-sp-xp{ font-size:2.25rem; font-weight:600; line-height:1; }
.av-sp-xc.is-g .av-sp-xp{ color:var(--av-gold); }
.av-sp-xs{ margin:.35rem 0 0; color:rgba(var(--av-white-rgb),.65); font-size:.9375rem; }
.av-sp-xg{ display:block; width:100%; height:auto; margin:.75rem 0 .5rem; overflow:visible; }
.av-sp-xg .gr{ stroke:var(--av-chart-grid); stroke-width:1; }
.av-sp-xg .gt{ fill:rgba(var(--av-white-rgb),.55); font-size:10px; }
.av-sp-xg .cv{ fill:none; stroke-width:2; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0; }
.av-sp-xg .cv.is-w{ stroke:var(--av-white); }
.av-sp-xg .cv.is-g{ stroke:var(--av-gold); }
.av-sp-xg .mk circle{ stroke:var(--av-dark); stroke-width:3; }
.av-sp-xg .mk text{ font-size:11px; font-weight:700; fill:var(--av-on-gold); }
.av-sp-xg .mk.is-gold circle{ fill:var(--av-metal-gold); }
.av-sp-xg .mk.is-silver circle{ fill:var(--av-metal-silber); }
.av-sp-xk{ display:grid; grid-template-columns:repeat(3,1fr); gap:.625rem; margin-top:.5rem; }
.av-sp-xk div{ padding:.625rem .75rem; border-radius:10px; background:rgba(var(--av-white-rgb),.06); min-width:0; }
.av-sp-xk small{ display:block; font-size:.6875rem; letter-spacing:.14em; text-transform:uppercase; color:rgba(var(--av-white-rgb),.6); }
.av-sp-xk strong{ font-size:1.125rem; font-weight:600; white-space:nowrap; }
.av-sp-xk strong.is-hi{ color:var(--av-gold); }

.av-sp-xl{ margin-top:1.5rem; }
.av-sp-xl h3{ font-size:.8125rem; letter-spacing:.16em; text-transform:uppercase; color:var(--av-gold); font-weight:700; margin:0 0 .75rem; }
.av-sp-xl ol{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:.625rem; }
.av-sp-xl li{ display:grid; grid-template-columns:1.75rem 1fr; column-gap:.625rem; align-items:center; padding:.625rem .875rem; border:1px solid var(--av-line); border-radius:12px; background:var(--av-white); }
.av-sp-xl li i{ grid-row:span 2; width:1.75rem; height:1.75rem; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:700; font-size:.8125rem; color:var(--av-on-gold); background:var(--av-metal-silber); }
.av-sp-xl li.is-gold i{ background:var(--av-metal-gold); }
.av-sp-xl li b{ font-weight:600; font-size:.9375rem; }
.av-sp-xl li span{ grid-column:2; color:var(--av-text-soft); font-size:.875rem; }
.av-sp-xl li strong{ grid-column:2; font-size:.9375rem; }

.av-sp-xd{ margin-top:1.5rem; padding:1.5rem 1.75rem; border:1px solid var(--av-gold); border-radius:16px; background:rgba(var(--av-gold-rgb),.08); transition:box-shadow .8s ease; }
.av-sp-xd .av-kicker{ margin-bottom:.75rem; }
.av-sp-xd strong{ display:block; font-size:2.75rem; font-weight:300; line-height:1.1; color:var(--av-dark); }
.av-sp-xd strong em{ font-style:normal; font-size:1.125rem; color:var(--av-gold-dark); letter-spacing:.04em; }
.av-sp-xd .col-md-4 > span{ display:block; color:var(--av-text-soft); font-size:.9375rem; }
.av-sp-xw{ height:100%; padding:1.125rem 1.25rem; border-left:4px solid var(--av-metal-silber); }
.av-sp-xw.is-gold{ border-left-color:var(--av-gold); }
.av-sp-xw h3{ font-size:1.0625rem; font-weight:600; margin:0 0 .25rem; }
.av-sp-xw p{ margin:0; color:var(--av-text-soft); font-size:.9375rem; }

/* Animation (nur wenn JS die Gruppe "scharf" gemacht hat) */
.av-sp-xe.is-armed .cv{ stroke-dashoffset:1; }
.av-sp-xe.is-armed.is-run .cv{ stroke-dashoffset:0; transition:stroke-dashoffset var(--sp-ex-d) cubic-bezier(.45,.1,.35,1); }
.av-sp-xe.is-armed .mk{ opacity:0; }
.av-sp-xe.is-armed.is-run .mk{ animation:av-sp-pop .5s cubic-bezier(.2,1.4,.4,1) both; animation-delay:calc(var(--sp-ex-d) * var(--t) + .15s); }
@keyframes av-sp-pop{ 0%{ opacity:0; } 100%{ opacity:1; } }
.av-sp-xe.is-armed.is-run .mk circle{ transform-box:fill-box; transform-origin:center; animation:av-sp-ring .6s cubic-bezier(.2,1.5,.4,1) both; animation-delay:calc(var(--sp-ex-d) * var(--t) + .15s); }
@keyframes av-sp-ring{ 0%{ transform:scale(.2); } 100%{ transform:scale(1); } }
.av-sp-xe.is-armed .av-sp-xl li{ opacity:.25; transform:translateY(6px); }
.av-sp-xe.is-armed.is-run .av-sp-xl li{ opacity:1; transform:none; transition:opacity .5s ease, transform .5s ease; transition-delay:calc(var(--sp-ex-d) * var(--t) + .2s); }
.av-sp-xe.is-armed .av-sp-xp{ opacity:0; }
.av-sp-xe.is-armed.is-run .av-sp-xp{ opacity:1; transition:opacity .6s ease calc(var(--sp-ex-d) - .4s); }
.av-sp-xe.is-armed .av-sp-xd{ opacity:.15; transform:translateY(10px); }
.av-sp-xe.is-armed.is-done .av-sp-xd{ opacity:1; transform:none; box-shadow:0 0 2.5rem rgba(var(--av-gold-rgb),.3); transition:opacity .7s ease, transform .7s ease, box-shadow .8s ease; }
@media (max-width:991.98px){
  .av-sp-xl ol{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:575.98px){
  .av-sp-xl ol{ grid-template-columns:1fr; }
  .av-sp-xk{ grid-template-columns:1fr 1fr; }
  .av-sp-xk div:last-child{ grid-column:span 2; }
  .av-sp-xp{ font-size:1.5rem; white-space:nowrap; }
  .av-sp-xh{ flex-wrap:wrap; }
  .av-sp-xd strong{ font-size:2.25rem; }
}
@media (prefers-reduced-motion:reduce){
  .av-sp-xe .mk,.av-sp-xe li,.av-sp-xe .av-sp-xd{ animation:none !important; transition:none !important; }
}

/* ===== Hauptmenü: Icon über der Beschriftung (Desktop) ===== */
.av-nav-ic,.av-login-ic{ display:none; }
.av-mega-toggle .av-nav-tx{ display:flex; justify-content:space-between; align-items:center; width:100%; }
@media (min-width:1200px){
  .av-nav .nav-link,.av-nav .av-mega-toggle{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem; padding:.5rem .55rem; font-size:.8125rem; line-height:1.15; border-radius:10px; text-align:center; white-space:nowrap; }
  .av-nav .av-mega-toggle{ justify-content:center; }
  .av-nav-ic{ display:block; line-height:0; color:var(--av-gold); transition:transform .25s ease; }
  .av-nav-ic svg{ display:block; }
  .av-nav .nav-link:hover .av-nav-ic,.av-nav .av-mega-item.is-open .av-nav-ic{ transform:translateY(-2px); }
  .av-nav .nav-link.active,.av-nav .av-mega-toggle.active{ background:rgba(var(--av-gold-rgb),.12); }
  .av-nav-tx,.av-mega-toggle .av-nav-tx{ display:inline-flex; justify-content:center; align-items:center; width:auto; }
  .av-nav-tx .av-chev{ margin-left:.4rem; }
  .av-nav .dropdown-toggle::after{ display:none; }
  .av-nav .dropdown-toggle .av-flag{ display:block; margin:0 0 .15rem; }
  .av-nav .dropdown-toggle{ gap:.1rem; }
  .av-nav > .nav-item + .nav-item.dropdown{ margin-left:.25rem; padding-left:.5rem; border-left:1px solid rgba(var(--av-white-rgb),.14); }

  .av-login{ width:42px; height:42px; padding:0; margin-left:.5rem; border-radius:50%; background:transparent; border:1px solid var(--av-gold); color:var(--av-gold); display:inline-flex; align-items:center; justify-content:center; transition:background .2s, color .2s; }
  .av-login:hover,.av-login:focus-visible{ background:var(--av-gold); color:var(--av-on-gold); border-color:var(--av-gold); }
  .av-login-ic{ display:block; line-height:0; }
  .av-login-t{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
}
@media (min-width:1200px) and (max-width:1399.98px){
  .av-nav .nav-link,.av-nav .av-mega-toggle{ padding:.5rem .4rem; font-size:.78rem; }
}
@media (min-width:1200px){ .av-nav-tx .av-chev{ width:.45rem; height:.45rem; margin-top:-.15rem; } }

/* Menü „Metalle mit Info-Links": links Metalle, rechts Links zum gewählten Metall */
.av-mi-row{ width:100%; background:none; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.av-mega-col .av-mi-row{ display:flex; align-items:center; gap:.85rem; padding:.7rem .85rem; border:1px solid transparent; border-radius:10px; }
.av-mega-col .av-mi-row:hover, .av-mega-col .av-mi-row:focus-visible, .av-mega-col .av-mi-row.is-on{ background:rgba(var(--av-white-rgb),.05); border-color:rgba(var(--av-white-rgb),.12); }
.av-mi-row.is-on strong{ color:var(--av-gold-light); }
.av-mi-panels{ margin-top:.75rem; }
.av-mi-panel{ display:none; }
.av-mi-panel.is-on{ display:block; animation:av-mi-in .35s ease; }
@keyframes av-mi-in{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.av-mi-t{ margin:0; font-size:1.5rem; font-weight:300; }
.av-mega-col .av-mi-t a{ color:var(--av-gold-light); display:inline-flex; gap:.5rem; align-items:center; }
.av-mi-s{ margin:.2rem 0 .75rem; font-size:.875rem; color:rgba(var(--av-white-rgb),.6); }
.av-mi-links{ list-style:none; margin:0; padding:0; }
.av-mi-links li{ border-top:1px solid rgba(var(--av-white-rgb),.1); }
.av-mega-col .av-mi-links a{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 0; font-size:1.0625rem; color:var(--av-white); transform:none; }
.av-mega-col .av-mi-links a:hover, .av-mega-col .av-mi-links a:focus-visible{ color:var(--av-gold-light); }
.av-mi-hd{ display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.av-mi-cards{ display:grid; grid-template-columns:1fr; gap:.75rem; }
.av-mega-col a.av-mi-card{ display:flex; gap:.9rem; align-items:flex-start; padding:.95rem 1rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:12px; background:rgba(var(--av-white-rgb),.03); color:var(--av-white); text-decoration:none; transform:none; transition:background .2s,border-color .2s; }
.av-mega-col a.av-mi-card:hover,.av-mega-col a.av-mi-card:focus-visible{ background:rgba(var(--av-white-rgb),.07); border-color:rgba(var(--av-gold-rgb),.55); transform:none; }
.av-mega-col a.av-mi-card.is-hl{ border-color:var(--av-gold); }
.av-mi-ic{ flex:none; display:grid; place-items:center; width:2.6rem; height:2.6rem; border-radius:10px; background:rgba(var(--av-gold-rgb),.15); color:var(--av-gold-light); }
.av-mi-card strong{ display:block; font-size:1.0625rem; font-weight:600; color:var(--av-white); }
.av-mi-card small{ display:block; margin-top:.15rem; font-size:.84rem; line-height:1.35; color:rgba(var(--av-white-rgb),.6); }
.av-mega-col a.av-mi-cta{ transform:none; color:var(--av-on-gold); padding:.6rem 1.2rem; font-size:.9375rem; }
.av-mega-col a.av-mi-cta:hover,.av-mega-col a.av-mi-cta:focus-visible{ color:var(--av-on-gold); transform:none; }
@media (min-width:1200px){ .av-mi-cards{ grid-template-columns:1fr 1fr; } }
.av-mi-t a{ color:inherit; }
.av-mi-t span{ color:var(--av-gold-light); }
.av-mi-links a small{ display:block; margin-top:.15rem; font-size:.8125rem; color:rgba(var(--av-white-rgb),.55); }
.av-mi-links b{ color:var(--av-gold-light); font-weight:400; transition:transform .2s; }
.av-mi-links a:hover b{ transform:translateX(4px); }
@media (min-width:1200px){
  .av-mi{ display:grid; grid-template-columns:minmax(0,22rem) minmax(0,1fr); gap:1.75rem; align-items:start; }
  .av-mi-panels{ margin-top:0; padding:1.4rem 1.7rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:12px; background:rgba(var(--av-white-rgb),.04); min-height:16rem; }
}
@media (prefers-reduced-motion:reduce){ .av-mi-panel.is-on{ animation:none; } }
#preis,#kaufen,#warum{ scroll-margin-top:5.5rem; }

/* Preisliste (Shopware) */
.av-pl-box{ padding:0; overflow:hidden; }
.av-pl-live{ display:flex; justify-content:space-between; gap:1rem; margin:0; padding:.75rem 1.25rem; font-size:.8125rem; color:var(--av-text-soft); border-bottom:1px solid var(--av-line); }
.av-pl-live b{ color:var(--av-pos); font-weight:600; }
.av-pl-tw{ margin:0; }
.av-pl-sortsel{ display:none; }
.av-pl-table{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.av-pl-table th, .av-pl-table td{ padding:.85rem 1.25rem; text-align:right; border-top:1px solid var(--av-line); font-weight:400; }
.av-pl-table thead th{ border-top:0; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; color:var(--av-text-soft); background:var(--av-soft); font-weight:600; padding:0; }
.av-pl-sort{ all:unset; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-end; gap:.35rem; width:100%; padding:.85rem 1.25rem; cursor:pointer; }
.av-pl-sort:hover{ color:var(--av-text); }
.av-pl-sort:focus-visible{ outline:2px solid var(--av-gold-dark); outline-offset:-2px; }
.av-pl-table th.is-name .av-pl-sort{ justify-content:flex-start; }
.av-pl-sort i{ width:.5rem; font-style:normal; opacity:.35; }
.av-pl-sort i::after{ content:"↕"; }
th[aria-sort="ascending"] .av-pl-sort i, th[aria-sort="descending"] .av-pl-sort i{ opacity:1; }
th[aria-sort="ascending"] .av-pl-sort i::after{ content:"↑"; }
th[aria-sort="descending"] .av-pl-sort i::after{ content:"↓"; }
.av-pl-table tbody th.is-name{ text-align:left; color:var(--av-text); }
.av-pl-nm{ display:flex; align-items:center; gap:.9rem; }
.av-pl-table td.is-buy, .av-pl-table td.is-sell{ color:var(--av-dark); }
.av-pl-img{ width:56px; height:56px; flex:0 0 auto; object-fit:contain; background:transparent; }
/* Zebra: jede zweite Zeile abgesetzt, kein Hover */
.av-pl-table tbody tr:nth-child(even){ background:var(--av-soft); }
.av-pl-note{ margin:.75rem 0 0; font-size:.8125rem; color:var(--av-text-soft); }
@media (max-width:640px){
  .av-pl-sortsel{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.6rem 1.1rem; border-bottom:1px solid var(--av-line); font-size:.8125rem; color:var(--av-text-soft); }
  .av-pl-sortsel select{ font:inherit; padding:.3rem .5rem; border:1px solid var(--av-line); border-radius:6px; background:#fff; color:var(--av-text); }
  .av-pl-table thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .av-pl-table, .av-pl-table tbody{ display:block; }
  .av-pl-table tr{ display:grid; grid-template-columns:56px 1fr; column-gap:1rem; align-items:center; padding:1rem 1.1rem; border-top:1px solid var(--av-line); }
  .av-pl-table tbody tr:first-child{ border-top:0; }
  .av-pl-table th, .av-pl-table td{ display:block; padding:0; border:0; text-align:left; grid-column:1 / -1; }
  .av-pl-table tr.has-img > *{ grid-column:2; }
  .av-pl-table tbody th.is-name, .av-pl-nm{ display:contents; }
  .av-pl-img{ grid-column:1; grid-row:1 / span 4; align-self:start; }
  .av-pl-nm > span{ grid-column:inherit; display:block; margin-bottom:.5rem; }
  .av-pl-table tr:not(.has-img) .av-pl-nm > span{ grid-column:1 / -1; }
  .av-pl-table tr.has-img .av-pl-nm > span{ grid-column:2; }
  .av-pl-table td{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding:.2rem 0; font-size:1rem; }
  .av-pl-table td::before{ content:attr(data-l); font-size:.9375rem; color:var(--av-text); }
  .av-pl-table td.is-weight{ font-size:.875rem; color:var(--av-text-soft); }
  .av-pl-table td.is-weight::before{ font-size:.875rem; color:var(--av-text-soft); }
  .av-pl-table td.is-buy, .av-pl-table td.is-sell{ font-size:1.0625rem; }
}


/* ---------- Abschnitts-Design (Seitenaufbau → Design je Block) ---------- */
.av-bg-white{ background:var(--av-white) !important; }
.av-bg-soft{ background:var(--av-soft) !important; }
.av-bg-gold{ background:color-mix(in srgb, var(--av-gold) 24%, #fff) !important; }
.av-bg-dark{ background:var(--av-dark) !important; color:var(--av-on-dark); }
.av-bg-dark .av-h2, .av-bg-dark .av-lead{ color:var(--av-on-dark); }
/* Dunkles Design für JEDEN Block: Text-, Linien- und Flächenfarben umschalten, damit alles lesbar und einheitlich bleibt */
.av-bg-dark{ --av-text:var(--av-on-dark); --av-text-soft:rgba(233,233,231,.72); --av-line:rgba(255,255,255,.14); --av-soft:rgba(255,255,255,.05); --av-gold-dark:var(--av-gold); }
.av-bg-dark :is(h1,h2,h3,h4,h5,h6,.av-vorteil-title,.av-h3){ color:var(--av-on-dark); }
.av-bg-dark :is(.av-box,.av-card,.av-vorteil,.av-pl-box,.av-bp-box,.av-faq-item,.av-bt-steps li,.sp5-num,.av-ncard,.av-wcell){ background:var(--av-dark-2); border-color:rgba(255,255,255,.12); color:var(--av-on-dark); }
.av-bg-dark .av-pl-table tbody tr:nth-child(even){ background:rgba(255,255,255,.04); }
.av-bg-dark .av-pl-table thead th{ background:rgba(255,255,255,.06); color:var(--av-text-soft); }
.av-bg-dark .av-pl-table tbody th.is-name, .av-bg-dark .av-pl-table td.is-buy, .av-bg-dark .av-pl-table td.is-sell{ color:var(--av-on-dark); }
.av-bg-dark .av-pl-more{ background:rgba(255,255,255,.06); color:var(--av-on-dark); }
.av-bg-dark .av-pl-more:hover{ background:rgba(255,255,255,.1); color:var(--av-gold); }
.av-bg-dark .av-pl-more.is-empty:hover{ background:rgba(255,255,255,.06); }
.av-bg-dark .av-wtabs .av-wtab.is-active{ color:var(--av-white); }
.av-bg-dark .av-wtabs .av-wtab:hover{ color:var(--av-white); }
.av-bg-dark .av-line{ background:var(--av-gold); }

/* ---------- Bruchteil-Preis (Preis pro Gramm, Tarif XL-24) ---------- */
.av-bp-box{ padding:0; overflow:hidden; height:auto; }
.av-bp-live{ display:flex; justify-content:space-between; gap:1rem; margin:0; padding:.75rem 1.25rem; font-size:.8125rem; color:var(--av-text-soft); border-bottom:1px solid var(--av-line); }
.av-bp-live b{ color:var(--av-pos); font-weight:600; }
.av-bp-body{ padding:1.75rem 1.5rem; }
.av-bp-k{ margin:0; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--av-gold-dark); }
.av-bp-price{ margin:.35rem 0 .25rem; font-size:clamp(2.4rem,7vw,3.5rem); font-weight:300; line-height:1.05; color:var(--av-dark); }
.av-bp-price small{ font-size:1.125rem; color:var(--av-text-soft); }
.av-bp-sub{ margin:0 0 1.1rem; color:var(--av-text-soft); }
.av-bp-note{ margin:.75rem 0 0; font-size:.8125rem; color:var(--av-text-soft); }
.av-bg-dark .av-bp-box{ background:var(--av-dark-2); border-color:rgba(255,255,255,.12); }
.av-bg-dark .av-bp-live{ border-color:rgba(255,255,255,.12); color:var(--av-on-dark); }
.av-bg-dark .av-bp-price{ color:var(--av-white); }
.av-bg-dark .av-bp-k{ color:var(--av-gold); }
.av-bg-dark .av-bp-price small, .av-bg-dark .av-bp-sub, .av-bg-dark .av-bp-note{ color:var(--av-on-dark); opacity:.8; }
.av-bg-dark .av-bp-cta{ background:var(--av-gold); border-color:var(--av-gold); color:var(--av-on-gold); }

/* Supermenü: je Metall eine Spalte mit Info-Links (wie „Unternehmen“) */
.av-mc{ display:grid; grid-template-columns:1fr; gap:1.25rem 2rem; }
.av-mega-col .av-mc .av-mega-h a{ color:inherit; text-decoration:none; font:inherit; letter-spacing:inherit; text-transform:inherit; padding:0; display:inline; }
.av-mc .av-mega-h a:hover{ color:var(--av-gold-light); }
.av-mega-col.is-metalcols{ grid-column:1 / -1; flex:1 1 100%; max-width:none; }
@media (min-width:768px){ .av-mc{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px){ .av-mc{ grid-template-columns:repeat(4,minmax(0,1fr)); } .av-mega-item.is-click .av-mega-all{ display:none; } }

/* Reiter: Text mit feiner Goldlinie (Edelmetalle, Wertentwicklung) */
.av-wtabs{ gap:0 1.75rem; border-bottom:1px solid var(--av-line); }
.av-wtabs .av-wtab{ background:none; border:0; border-bottom:2px solid transparent; border-radius:0; margin-bottom:-1px; padding:.6rem 0; font-weight:400; color:var(--av-text-soft, var(--av-muted, #5a6076)); }
.av-wtabs .av-wtab:hover{ background:none; border-bottom-color:var(--av-line); color:var(--av-text); }
.av-wtabs .av-wtab.is-active{ background:none; border-bottom-color:var(--av-gold); color:var(--av-text); }

/* ---- SwitchPilot 2 (einfache Erklärung) ---- */
.sp2-live{ padding:1.5rem 1.75rem; border:1px solid rgba(var(--av-gold-rgb),.7); border-radius:14px; background:rgba(var(--av-white-rgb),.06); max-width:24rem; margin-inline:auto; }
.sp2-live span{ display:block; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.sp2-live strong{ display:block; margin-top:.4rem; font-size:3.25rem; font-weight:300; line-height:1.1; font-variant-numeric:tabular-nums; }
.sp2-live strong small{ font-size:1.1rem; font-weight:400; color:rgba(var(--av-white-rgb),.75); }
.sp2-live p{ margin:.6rem 0 0; font-size:.9rem; color:rgba(var(--av-white-rgb),.75); }
.sp2-live em{ display:block; margin-top:.6rem; font-style:normal; font-size:.75rem; color:rgba(var(--av-white-rgb),.55); }
.sp2-no{ display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:50%; border:1px solid var(--av-gold); color:var(--av-gold); font-weight:600; font-size:.95rem; }
.sp2-no.is-solid{ background:var(--av-gold); color:var(--av-on-gold); }
.sp2-ic{ display:block; width:2.4rem; height:2.4rem; margin:.9rem 0 .6rem; color:var(--av-gold); }
.sp2-ic svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.sp2-idea,.sp2-step,.sp2-rule{ height:100%; }
.sp2-idea h3,.sp2-step h3,.sp2-rule h3{ font-size:1.125rem; font-weight:600; margin:.75rem 0 .4rem; color:var(--av-dark); }
.sp2-idea .sp2-ic + h3,.sp2-rule h3{ margin-top:.2rem; }
.sp2-idea p,.sp2-step p,.sp2-rule p{ margin:0; color:var(--av-text-soft); }
.sp2-result{ margin:2rem 0 0; padding:1rem 1.25rem; border:1px solid var(--av-gold); border-radius:14px; background:var(--av-white); font-size:1.0625rem; }
/* Rechner */
.sp2-calc{ display:grid; gap:1.5rem; margin-top:2rem; }
@media (min-width:992px){ .sp2-calc{ grid-template-columns:5fr 7fr; align-items:start; } }
.sp2-in,.sp2-out{ background:rgba(var(--av-white-rgb),.05); border:1px solid rgba(var(--av-white-rgb),.14); border-radius:14px; padding:1.5rem; }
.sp2-f{ display:block; margin-bottom:1.4rem; }
.sp2-f > span{ display:block; font-size:.95rem; margin-bottom:.5rem; color:var(--av-on-dark); }
.sp2-f output{ display:inline-block; min-width:2.6rem; margin-left:.25rem; padding:.05rem .55rem; border:1px solid var(--av-gold); border-radius:999px; color:var(--av-gold); font-weight:600; text-align:center; font-variant-numeric:tabular-nums; }
.sp2-f small{ display:block; margin-top:.4rem; color:rgba(var(--av-white-rgb),.6); font-size:.8125rem; }
.sp2-f input[type=range]{ width:100%; accent-color:var(--av-gold); }
.sp2-num{ display:flex; align-items:center; gap:.6rem; }
.sp2-num input{ width:9rem; padding:.55rem .8rem; border-radius:10px; border:1px solid rgba(var(--av-white-rgb),.25); background:rgba(var(--av-white-rgb),.06); color:var(--av-white); font:inherit; font-size:1.25rem; }
.sp2-num input:focus-visible{ outline:2px solid var(--av-gold); outline-offset:2px; }
.sp2-num b{ font-weight:400; color:var(--av-on-dark); }
.sp2-today{ margin:0; font-size:.875rem; color:rgba(var(--av-white-rgb),.7); }
.sp2-out{ display:grid; gap:.75rem; }
.sp2-stage{ position:relative; padding:1rem 1.1rem 1rem 3.3rem; border-radius:12px; border:1px solid rgba(var(--av-white-rgb),.14); background:rgba(var(--av-white-rgb),.04); }
.sp2-stage i{ position:absolute; left:1rem; top:1rem; width:1.7rem; height:1.7rem; display:grid; place-items:center; border-radius:50%; font-style:normal; font-weight:700; font-size:.85rem; background:var(--av-gold); color:var(--av-on-gold); }
.sp2-stage.is-silver i{ background:var(--av-metal-silber); }
.sp2-stage small{ display:block; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--av-gold); }
.sp2-stage.is-silver small{ color:var(--av-metal-silber); }
.sp2-stage p{ margin:.1rem 0 0; font-size:.875rem; color:rgba(var(--av-white-rgb),.7); }
.sp2-stage strong{ display:block; font-size:1.9rem; font-weight:300; line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.sp2-bar{ height:6px; margin-top:.5rem; border-radius:3px; background:rgba(var(--av-white-rgb),.1); overflow:hidden; }
.sp2-bar u{ display:block; height:100%; width:0; border-radius:3px; background:linear-gradient(90deg,var(--av-gold),#e5cf92); transition:width .5s cubic-bezier(.25,.7,.2,1); }
.sp2-stage.is-silver .sp2-bar u{ background:linear-gradient(90deg,#8e97a6,#d4d9e3); }
.sp2-arr{ display:none; }
.sp2-res{ margin-top:.25rem; padding:1.1rem 1.25rem; border:1px solid var(--av-gold); border-radius:12px; background:rgba(var(--av-gold-rgb),.1); text-align:center; }
.sp2-res small{ display:block; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.sp2-res strong{ display:block; font-size:2.6rem; font-weight:300; line-height:1.15; color:var(--av-gold); font-variant-numeric:tabular-nums; }
.sp2-res span{ font-size:.95rem; color:rgba(var(--av-white-rgb),.85); }
.sp2-res.is-none{ border-color:rgba(var(--av-white-rgb),.3); background:rgba(var(--av-white-rgb),.04); }
.sp2-res.is-none strong{ color:rgba(var(--av-white-rgb),.7); }
/* Graph */
.sp2-chartbox{ padding:1rem 1.25rem 1.25rem; margin-top:1.5rem; }
.sp2-head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.4rem 1.25rem; }
.sp2-tabs{ display:flex; gap:1.6rem; border-bottom:1px solid var(--av-line); flex:1 1 20rem; overflow-x:auto; scrollbar-width:none; }
.sp2-tabs button{ appearance:none; background:none; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; padding:.55rem 0; font:inherit; color:var(--av-text-soft); cursor:pointer; white-space:nowrap; transition:color .2s,border-color .2s; }
.sp2-tabs button:hover{ color:var(--av-dark); border-bottom-color:var(--av-line); }
.sp2-tabs button.is-on{ color:var(--av-dark); border-bottom-color:var(--av-gold); }
.sp2-tabs button:focus-visible{ outline:2px solid var(--av-gold); outline-offset:2px; }
.sp2-fx{ margin:0; font-size:.875rem; color:var(--av-text-soft); }
.sp2-plot{ position:relative; margin-top:.5rem; }
.sp2-plot svg{ width:100%; height:auto; display:block; touch-action:pan-y; }
.sp2-g{ stroke:var(--av-line); opacity:.7; } .sp2-ax{ font-size:11px; fill:var(--av-grey-light); }
.sp2-th{ stroke:var(--av-grey-light); stroke-dasharray:6 5; opacity:.55; } .sp2-thl{ font-size:11px; fill:var(--av-grey-light); }
.sp2-cur{ stroke:var(--av-gold); stroke-dasharray:3 4; } .sp2-dot{ fill:var(--av-white); stroke:var(--av-gold); stroke-width:2.5; }
.sp2-mk-dot{ fill:var(--av-white); stroke:var(--av-dark); stroke-width:2.5; }
.sp2-tip{ position:absolute; top:6px; pointer-events:none; background:var(--av-white); border:1px solid var(--av-gold); border-radius:8px; padding:.45rem .7rem; font-size:.8125rem; box-shadow:0 4px 14px rgba(var(--av-dark-rgb),.12); white-space:nowrap; z-index:3; }
.sp2-tip div{ display:flex; justify-content:space-between; gap:1rem; } .sp2-tip b{ color:var(--av-dark); }
.sp2-mk{ position:absolute; transform:translate(-50%,-100%); background:var(--av-white); border:1px solid var(--av-gold); border-radius:8px; padding:.3rem .6rem; font-size:.75rem; line-height:1.25; box-shadow:0 4px 14px rgba(var(--av-dark-rgb),.1); white-space:nowrap; pointer-events:none; }
.sp2-mk b{ display:block; font-size:.9rem; color:var(--av-dark); } .sp2-mk small{ color:var(--av-grey-light); }
@media (max-width:575.98px){ .sp2-mk small{ display:none; } .sp2-mk{ padding:.2rem .45rem; } }
.sp2-mk.is-r{ transform:translate(16px,-50%); }
/* SwitchPilot 2: Grafik im blauen Design (wie „Kursentwicklung“) */
.av-sp2-dark{ background:var(--av-dark); color:var(--av-on-dark); }
.av-sp2-dark .av-h2{ color:var(--av-white); }
.av-sp2-dark .sp2-chartbox{ background:rgba(var(--av-white-rgb),.04); border-color:rgba(var(--av-white-rgb),.14); }
.av-sp2-dark .sp2-tabs{ border-bottom-color:var(--av-chart-tick); }
.av-sp2-dark .sp2-tabs button{ color:rgba(var(--av-white-rgb),.7); font-weight:600; }
.av-sp2-dark .sp2-tabs button:hover{ color:var(--av-white); border-bottom-color:var(--av-chart-tick); }
.av-sp2-dark .sp2-tabs button.is-on{ color:var(--av-gold); border-bottom-color:var(--av-gold); }
.av-sp2-dark .sp2-fx{ color:rgba(var(--av-white-rgb),.6); }
.av-sp2-dark .sp2-g{ stroke:var(--av-chart-grid); opacity:1; }
.av-sp2-dark .sp2-ax{ fill:var(--av-chart-axis); }
.av-sp2-dark .sp2-th{ stroke:rgba(var(--av-white-rgb),.4); opacity:1; }
.av-sp2-dark .sp2-thl{ fill:rgba(var(--av-white-rgb),.65); }
.av-sp2-dark .sp2-lbl{ fill:var(--av-white); font-weight:600; } .av-sp2-dark .sp2-lbl.is-s{ fill:#b8bec5; }
.av-sp2-dark .sp2-dot{ fill:var(--av-dark); }
.av-sp2-dark .sp2-mk-dot{ fill:var(--av-dark); stroke:var(--av-white); }
.av-sp2-dark .sp2-tip,.av-sp2-dark .sp2-mk{ background:var(--av-dark-2); color:var(--av-on-dark); box-shadow:0 6px 18px rgba(0,0,0,.4); }
.av-sp2-dark .sp2-tip b,.av-sp2-dark .sp2-mk b{ color:var(--av-white); } .av-sp2-dark .sp2-mk small{ color:rgba(var(--av-white-rgb),.6); }
.av-sp2-dark .av-sp-fn{ color:rgba(var(--av-white-rgb),.55); }
.sp2-exh{ margin:2.5rem 0 1rem; font-size:1.25rem; font-weight:400; color:var(--av-white); }
.sp2-ex{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); }
.sp2-exc{ position:relative; padding:1.25rem 1.25rem 1.4rem; border:1px solid rgba(var(--av-white-rgb),.14); border-radius:14px; background:rgba(var(--av-white-rgb),.04); }
.sp2-exc i{ display:inline-grid; place-items:center; width:1.9rem; height:1.9rem; border-radius:50%; background:var(--av-gold); color:var(--av-on-gold); font-style:normal; font-weight:700; font-size:.9rem; }
.sp2-exc h4{ margin:.8rem 0 .35rem; font-size:1.0625rem; font-weight:600; color:var(--av-white); }
.sp2-exc p{ margin:0; font-size:.95rem; color:rgba(var(--av-white-rgb),.78); }
.sp2-exc.is-res{ border-color:var(--av-gold); background:rgba(var(--av-gold-rgb),.1); }
.sp2-exc strong{ display:block; margin-top:.5rem; font-size:2.2rem; font-weight:300; line-height:1.15; color:var(--av-gold); }
.sp2-mk.is-t{ transform:translate(-50%,0); }
.sp2-swl{ stroke:var(--av-gold); stroke-dasharray:3 4; opacity:.8; }
.av-sp2-dark .sp2-lbl.is-g{ fill:var(--av-gold); } .av-sp2-dark .sp2-lbl.is-r{ fill:var(--av-white); }

/* ===== SwitchPilot 3: Ratio-Tabelle + FAQ ===== */
.sp3-zones{ margin-top:1.75rem; border:1px solid var(--av-line); border-radius:14px; overflow:hidden; background:var(--av-white); }
.sp3-zh{ display:none; }
.sp3-zr{ display:grid; gap:.5rem; padding:1.25rem 1.25rem 1.25rem 1.5rem; border-top:1px solid var(--av-line); border-left:4px solid var(--av-gold); }
.sp3-zr:first-of-type{ border-top:0; }
.sp3-zr p{ margin:0; color:var(--av-text-soft); }
.sp3-zv em{ display:block; font-style:normal; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:var(--av-gold); }
.sp3-zv strong{ display:block; font-size:1.25rem; font-weight:600; color:var(--av-text); }
.sp3-zr.is-hi{ border-left-color:#b8bec5; }
.sp3-zr.is-lo{ border-left-color:var(--av-gold-dark, #8a7740); }
.sp3-zr:nth-child(even){ background:var(--av-soft); }
@media (min-width:768px){
  .sp3-zh, .sp3-zr{ display:grid; grid-template-columns:.9fr 1.4fr 1.4fr; gap:1.5rem; align-items:start; }
  .sp3-zh{ padding:.9rem 1.25rem .9rem 1.5rem; background:var(--av-dark); color:var(--av-on-dark); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
  .sp3-zr{ padding:1.5rem 1.25rem 1.5rem 1.5rem; }
}
.sp3-faq{ margin-top:1.75rem; max-width:56rem; display:grid; gap:.75rem; }
.sp3-faq details{ border:1px solid var(--av-line); border-radius:12px; background:var(--av-white); padding:0 1.25rem; }
.sp3-faq summary{ cursor:pointer; padding:1rem 0; font-weight:600; color:var(--av-text); list-style:none; display:flex; justify-content:space-between; gap:1rem; }
.sp3-faq summary::-webkit-details-marker{ display:none; }
.sp3-faq summary::after{ content:"+"; color:var(--av-gold); font-size:1.4rem; line-height:1; }
.sp3-faq details[open] summary::after{ content:"–"; }
.sp3-faq details p{ margin:0 0 1.1rem; color:var(--av-text-soft); }

/* ===== SwitchPilot 4: Prinzip-Ablauf, Warum ===== */
.sp4-flow{ display:grid; gap:.75rem; margin-top:1.5rem; align-items:stretch; }
.sp4-arr{ display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:var(--av-gold); transform:rotate(90deg); height:1.6rem; }
.sp4-step{ padding:1.5rem; }
.sp4-step h3{ font-size:1.1rem; margin:.9rem 0 .5rem; }
.sp4-step p{ margin:0; color:var(--av-text-soft); font-size:.95rem; }
.sp4-step strong{ display:block; margin-top:1rem; font-size:1.15rem; color:var(--av-text); }
@media (min-width:992px){ .sp4-flow{ grid-template-columns:1fr auto 1fr auto 1fr; } .sp4-arr{ transform:none; height:auto; } }
.sp4-result{ margin-top:1.25rem; padding:1.25rem 1.5rem; border:1px solid var(--av-gold); border-radius:14px; background:var(--av-white); }
.sp4-result strong{ font-size:1.5rem; font-weight:500; color:var(--av-text); }
.sp4-result p{ margin:.25rem 0 0; color:var(--av-text-soft); }
.sp4-mini{ display:flex; gap:1rem; align-items:center; margin-top:.75rem; padding:.9rem 1.1rem; border:1px solid var(--av-line); border-radius:10px; background:var(--av-white); }
.sp4-mini b{ min-width:6rem; color:var(--av-gold-dark, #8a7740); }
.sp4-quote{ margin:0; padding:1.75rem 1.75rem 1.75rem 2rem; border-left:4px solid var(--av-gold); background:var(--av-soft); font-size:1.4rem; line-height:1.45; color:var(--av-text); border-radius:0 12px 12px 0; }

/* ===== SwitchPilot 5: große Zahlen, breiter ===== */
.sp5 .container{ max-width:1240px; }
.sp5-big{ display:grid; gap:1rem; margin-top:2rem; align-items:center; }
.sp5-num{ text-align:center; padding:1.75rem 1rem; border:1px solid var(--av-line); border-radius:16px; background:var(--av-white); }
.sp5-num small{ display:block; font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:var(--av-text-soft); }
.sp5-num strong{ display:block; font-size:clamp(3.5rem,9vw,6rem); font-weight:300; line-height:1.05; color:var(--av-text); font-variant-numeric:tabular-nums; margin-top:.4rem; }
.sp5-num b{ display:block; font-size:1.4rem; font-weight:500; color:var(--av-gold); }
.sp5-num.is-silver b{ color:#7d858f; }
.sp5-num.is-end{ border-color:var(--av-gold); box-shadow:0 0 0 3px rgba(var(--av-gold-rgb),.15); }
.sp5-arr{ text-align:center; color:var(--av-gold); }
.sp5-arr span{ display:block; font-size:.95rem; font-weight:600; color:var(--av-text); }
.sp5-arr i{ display:block; font-style:normal; font-size:2.6rem; line-height:1; transform:rotate(90deg); margin:.4rem 0; }
@media (min-width:992px){ .sp5-big{ grid-template-columns:1fr auto 1fr auto 1fr; } .sp5-arr i{ transform:none; } .sp5-arr{ min-width:10rem; } }
.sp5-res{ margin:1.5rem 0 0; text-align:center; font-size:clamp(1.4rem,3vw,2rem); font-weight:500; color:var(--av-text); }
.sp5-after{ margin-top:1.5rem; padding:1.25rem 1.5rem; border-left:4px solid var(--av-gold); background:var(--av-white); border-radius:0 12px 12px 0; }
.sp5-after strong{ display:block; font-size:1.15rem; color:var(--av-text); }
.sp5-after p{ margin:.35rem 0 0; font-size:1.05rem; color:var(--av-text-soft); }
.sp5 .sp2-exc p, .sp5 .sp2-step p, .sp5 .sp3-faq details p{ font-size:1.05rem; }
.sp5 .sp3-faq{ max-width:none; }

/* Rechner: heutiges Ratio als Knopf + Markierung auf dem Regler */
.sp2-f > div.sp2-rng, .sp2-rng{ position:relative; }
.sp2-tick{ position:absolute; top:50%; width:2px; height:16px; margin-top:-8px; background:var(--av-gold); border-radius:2px; pointer-events:none; opacity:.9; }
.sp2-now{ margin-left:.35rem; padding:.1rem .7rem; border:1px dashed var(--av-gold); border-radius:999px; background:transparent; color:var(--av-gold); font:inherit; font-size:.8rem; cursor:pointer; transition:background .2s,color .2s; }
.sp2-now:hover{ background:var(--av-gold); color:var(--av-on-gold); }
.sp2-cur{ margin-bottom:1.5rem; padding:1rem 1.25rem; border:1px solid var(--av-gold); border-radius:12px; background:rgba(var(--av-gold-rgb),.08); }
.sp2-cur span{ display:block; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.sp2-cur strong{ display:block; font-size:2.6rem; font-weight:300; line-height:1.15; font-variant-numeric:tabular-nums; color:var(--av-white); }
.sp2-cur small{ display:block; font-size:.85rem; color:rgba(var(--av-white-rgb),.75); }

/* Metall-Reiter (Barren / Kaufen) – Seite bleibt, nur das Metall wechselt */
.av-wtabs.av-mtbar{ display:flex; margin:1.25rem 0 1.5rem; }
.av-mtp[hidden]{ display:none !important; }



/* ===== Kaufrechner: Anteil am Goldbarren ===== */
.kb-grid{ display:grid; gap:2rem; align-items:stretch; }
@media (min-width:992px){ .kb-grid{ grid-template-columns:1fr; gap:2rem; max-width:44rem; margin-inline:auto; } }
.kb .kb-note{ text-align:center; }
.kb-lead{ color:rgba(var(--av-white-rgb),.8); max-width:34rem; }
.kb .av-h2 span{ color:var(--av-gold); }
.kb-in{ margin-top:1.5rem; padding:1.25rem 1.5rem; border:1px solid rgba(var(--av-white-rgb),.14); border-radius:14px; background:rgba(var(--av-white-rgb),.04); }
.kb-in label{ display:block; font-size:.85rem; color:rgba(var(--av-white-rgb),.7); margin-bottom:.2rem; }
.kb-amount{ display:flex; align-items:center; gap:.6rem; border-bottom:1px solid rgba(var(--av-white-rgb),.2); padding-bottom:.35rem; }
.kb-amount input{ flex:1; min-width:0; border:0; background:transparent; color:var(--av-white); font:inherit; font-size:clamp(2.2rem,5vw,3rem); font-weight:300; font-variant-numeric:tabular-nums; outline:none; caret-color:var(--av-gold); -moz-appearance:textfield; }
.kb-amount input::-webkit-outer-spin-button,.kb-amount input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.kb-amount b{ font-size:1.8rem; font-weight:300; color:var(--av-gold); }
.kb-range{ width:100%; margin:1.2rem 0 1rem; accent-color:var(--av-gold); }
.kb-chips{ display:flex; flex-wrap:wrap; gap:.5rem; }
.kb-chip{ padding:.3rem .85rem; border:1px solid rgba(var(--av-white-rgb),.22); border-radius:999px; background:transparent; color:var(--av-on-dark); font:inherit; font-size:.85rem; cursor:pointer; transition:border-color .2s,background .2s; }
.kb-chip:hover{ border-color:var(--av-gold); background:rgba(var(--av-gold-rgb),.12); }
.kb-get{ margin-top:1rem; padding:1.1rem 1.5rem; border:1px solid rgba(var(--av-gold-rgb),.75); border-radius:14px; background:linear-gradient(160deg,rgba(var(--av-gold-rgb),.1),rgba(var(--av-white-rgb),.02)); box-shadow:0 0 1.6rem rgba(var(--av-gold-rgb),.12); }
.kb-get small{ display:block; font-size:.85rem; color:rgba(var(--av-white-rgb),.75); }
.kb-get strong{ display:block; font-size:clamp(2rem,5vw,2.8rem); font-weight:500; line-height:1.15; color:var(--av-gold); font-variant-numeric:tabular-nums; word-break:break-word; }
.kb-get strong em{ font-style:normal; font-size:.6em; }
.kb-get-foot{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.8rem; margin-top:.4rem; }
.kb-get-foot p{ margin:0; font-size:.9rem; color:rgba(var(--av-white-rgb),.8); }
.kb-i,.kb-info i{ display:inline-grid; place-items:center; width:1.15rem; height:1.15rem; border:1px solid rgba(var(--av-white-rgb),.55); border-radius:50%; background:none; color:var(--av-white); font:italic 600 .7rem/1 Georgia,serif; cursor:help; padding:0; vertical-align:middle; }
.kb-note{ margin:1.2rem 0 0; font-size:.78rem; color:rgba(var(--av-white-rgb),.55); }
.kb-right{ display:flex; flex-direction:column; justify-content:space-between; gap:1.1rem; padding:1.5rem; border:1px solid rgba(var(--av-white-rgb),.14); border-top:2px solid rgba(var(--av-gold-rgb),.6); border-radius:16px; background:linear-gradient(180deg,rgba(var(--av-gold-rgb),.07),rgba(var(--av-white-rgb),.03) 40%); box-shadow:0 1.2rem 2.5rem rgba(0,0,0,.25); }
.kb-right>*{ margin-top:0 !important; margin-bottom:0 !important; }
.kb-bar{ box-shadow:0 0 2.4rem rgba(var(--av-gold-rgb),.14); }
.kb-share{ padding:1rem 0; border-top:1px solid rgba(var(--av-white-rgb),.1); border-bottom:1px solid rgba(var(--av-white-rgb),.1); }
.kb-scale{ position:relative; display:flex; justify-content:space-between; align-items:flex-end; height:2.2rem; margin-bottom:.4rem; font-size:.78rem; color:rgba(var(--av-white-rgb),.7); }
.kb-end{ font-style:normal; } .kb-end::before{ content:"▼"; display:block; font-size:.6rem; color:rgba(var(--av-white-rgb),.5); text-align:center; }
.kb-pin{ position:absolute; left:12%; bottom:0; transform:translateX(-50%); text-align:center; transition:left .25s ease-out; }
.kb-pin b{ display:block; font-weight:600; color:var(--av-gold); white-space:nowrap; font-variant-numeric:tabular-nums; }
.kb-pin::after{ content:"▼"; display:block; line-height:.8; font-size:.7rem; color:var(--av-gold); }
.kb-bar{ border-radius:14px; }
.kb-share{ display:grid; grid-template-columns:auto 1fr; gap:1.5rem; align-items:center; margin-top:1.1rem; }
.kb-mine{ padding:.6rem 1.4rem; border:1px solid rgba(var(--av-gold-rgb),.85); border-radius:10px; box-shadow:0 0 1.2rem rgba(var(--av-gold-rgb),.2); text-align:center; }
.kb-mine small,.kb-free small{ display:block; font-size:.8rem; color:rgba(var(--av-white-rgb),.75); }
.kb-mine strong{ font-size:clamp(1.8rem,4vw,2.4rem); font-weight:500; color:var(--av-gold); font-variant-numeric:tabular-nums; }
.kb-free{ text-align:center; padding-left:1.5rem; border-left:1px solid rgba(var(--av-white-rgb),.18); }
.kb-free strong{ display:block; font-size:1.5rem; font-weight:500; color:var(--av-white); font-variant-numeric:tabular-nums; }
.kb-info{ display:flex; gap:.8rem; align-items:center; margin:1.1rem 0 0; padding:.8rem 1rem; border:1px solid rgba(var(--av-white-rgb),.14); border-radius:10px; font-size:.9rem; color:rgba(var(--av-white-rgb),.85); }
.kb-info i{ flex:none; width:1.4rem; height:1.4rem; cursor:default; }

.kb-mode{ display:inline-flex; margin-bottom:1rem; padding:.2rem; border:1px solid rgba(var(--av-white-rgb),.2); border-radius:999px; background:rgba(var(--av-white-rgb),.04); }
.kb-mode button{ padding:.35rem 1.1rem; border:0; border-radius:999px; background:transparent; color:var(--av-on-dark); font:inherit; font-size:.9rem; font-weight:600; cursor:pointer; transition:background .2s,color .2s; }
.kb-mode button.is-on{ background:var(--av-gold); color:var(--av-on-gold); }
.kb-pane[hidden]{ display:none; }
.kb-for{ margin:.1rem 0 0; font-size:.95rem; color:rgba(var(--av-white-rgb),.8); } .kb-for b{ font-weight:600; color:var(--av-white); font-variant-numeric:tabular-nums; }

.kb-gram{ margin-top:1.1rem; } .kb-gram label{ display:block; font-size:.9rem; font-weight:600; color:var(--av-white); }
.kb-gram .kb-range{ margin:.6rem 0 .8rem; }
.kb-left{ text-align:center; } .kb-left .kb-lead{ margin-inline:auto; } .kb-left .av-line{ margin-inline:auto; }
.kb-right .kb-in{ margin:0 !important; }
.kb-right .kb-get{ margin:0 !important; }

.kb-share{ grid-template-columns:1fr 1fr; }
.kb-share .kb-mine{ padding:.7rem 1rem; }
.kb-share .kb-mine strong{ display:block; font-size:clamp(1.4rem,3.5vw,2rem); }
.kb-gram{ padding-top:.2rem; }
.kb-ppg{ margin:0; text-align:center; font-size:.95rem; color:rgba(var(--av-white-rgb),.85); } .kb-ppg b{ color:var(--av-white); font-weight:600; }
.kb-card{ border-radius:16px; }
.kb-card .kb-note{ margin:0; text-align:center; }
.kb-card{ background:linear-gradient(180deg,rgba(var(--av-gold-rgb),.08),rgba(var(--av-white-rgb),.03) 40%),var(--av-dark); }
.kb-inhead{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.3rem 1rem; margin-bottom:.2rem; }
.kb-inhead label{ margin:0 !important; }
.kb-inhead .kb-ppg{ text-align:right; font-size:.85rem; color:rgba(var(--av-white-rgb),.8); }
.kb-amount{ justify-content:flex-start; gap:.15rem; } .kb-amount input{ flex:none; width:auto; max-width:calc(100% - 2.5rem); } .kb-amount b{ flex:none; }

/* ===== Startseite 2: Story-Bühne, Marquee, Bento ===== */
.s2-marquee{ overflow:hidden; background:var(--av-dark); border-top:1px solid rgba(var(--av-gold-rgb),.25); border-bottom:1px solid rgba(var(--av-gold-rgb),.25); padding:1.1rem 0; user-select:none; }
.s2-marquee-track{ display:flex; align-items:center; gap:2.2rem; width:max-content; animation:s2-marq 38s linear infinite; }
.s2-marquee span{ font-size:clamp(1.6rem,4vw,2.8rem); font-weight:200; letter-spacing:.06em; text-transform:uppercase; color:transparent; -webkit-text-stroke:1px rgba(var(--av-gold-rgb),.75); white-space:nowrap; }
.s2-marquee i{ flex:none; width:.7rem; height:.7rem; transform:rotate(45deg); background:var(--av-gold); }
@keyframes s2-marq{ to{ transform:translateX(-50%); } }
.s2-marquee:hover .s2-marquee-track{ animation-play-state:paused; }

.s2-story{ position:relative; background:linear-gradient(180deg,var(--av-dark) 0%,var(--av-dark-2) 55%,var(--av-dark) 100%); color:var(--av-on-dark); overflow:clip; }
.s2-bg{ position:absolute; inset:0; pointer-events:none; }
.s2-grid-bg{ position:absolute; inset:0; background-image:linear-gradient(rgba(var(--av-white-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--av-white-rgb),.04) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%); -webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%); }
.s2-orb{ position:absolute; width:46rem; height:46rem; left:calc(40% + var(--ox,0%)); top:calc(18% + var(--oy,0%)); border-radius:50%; background:radial-gradient(circle,rgba(var(--av-gold-rgb),.22),rgba(var(--av-gold-rgb),0) 65%); filter:blur(30px); transition:left 1.1s cubic-bezier(.2,.7,.2,1),top 1.1s cubic-bezier(.2,.7,.2,1); }
.s2-story[data-active="0"]{ --ox:0%; --oy:0%; } .s2-story[data-active="1"]{ --ox:12%; --oy:26%; } .s2-story[data-active="2"]{ --ox:-8%; --oy:52%; } .s2-story[data-active="3"]{ --ox:10%; --oy:78%; } .s2-story[data-active="4"]{ --ox:-6%; --oy:100%; }
.s2-head{ position:relative; text-align:center; padding-top:clamp(4rem,9vw,7rem); padding-bottom:1rem; }
.s2-title{ font-size:clamp(2rem,5.2vw,3.6rem); font-weight:300; line-height:1.1; color:var(--av-white); margin:0 0 1rem; }
.s2-title span{ color:var(--av-gold); }
.s2-lead{ max-width:40rem; margin:0 auto; color:rgba(var(--av-white-rgb),.78); font-size:1.125rem; }

.s2-grid{ position:relative; display:flex; flex-direction:column; }
.s2-chapters,.s2-stagecol{ display:contents; }
.s2-stage{ display:contents; }
.s2-chapter{ padding:3.5rem 0 1.5rem; }
.s2-num{ display:block; font-size:clamp(4rem,12vw,7.5rem); font-weight:200; line-height:.9; color:transparent; -webkit-text-stroke:1px rgba(var(--av-gold-rgb),.6); margin-bottom:.5rem; }
.s2-h{ font-size:clamp(1.8rem,4vw,2.9rem); font-weight:300; line-height:1.12; color:var(--av-white); margin:.3rem 0 1rem; }
.s2-h span{ color:var(--av-gold); }
.s2-text{ font-size:1.15rem; color:rgba(var(--av-white-rgb),.82); max-width:32rem; }
.s2-list{ list-style:none; padding:0; margin:1.2rem 0 1.6rem; display:grid; gap:.6rem; }
.s2-list li{ position:relative; padding-left:2rem; color:rgba(var(--av-white-rgb),.9); }
.s2-list li::before{ content:""; position:absolute; left:0; top:.25em; width:1.15rem; height:1.15rem; border-radius:50%; border:1px solid var(--av-gold); background:radial-gradient(circle,var(--av-gold) 0 28%,transparent 32%); }
.s2-btn{ display:inline-flex; align-items:center; gap:.6rem; }
.s2-btn svg{ transition:transform .25s; } .s2-btn:hover svg{ transform:translateX(5px); }
.s2-scene{ position:relative; width:100%; max-width:34rem; margin:0 auto 1rem; }
.s2-scene .av-hl-vis{ background:linear-gradient(160deg,rgba(var(--av-white-rgb),.08),rgba(var(--av-white-rgb),.02)); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 2rem 4rem rgba(0,0,0,.45),inset 0 1px 0 rgba(var(--av-white-rgb),.12); border-color:rgba(var(--av-gold-rgb),.35); }
.s2-ghost,.s2-dots{ display:none; }

@media (min-width:992px){
  .s2-grid{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:4rem; align-items:stretch; }
  .s2-grid{ margin-top:-9vh; }   /* Kapitel sind je 100vh hoch und mittig: der obere Leerraum wird hier zurückgeholt */
  .s2-chapters{ display:block; }
  .s2-chapter{ min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:0; opacity:.22; transform:translateX(-18px); transition:opacity .6s,transform .6s; }
  .s2-chapter.is-on{ opacity:1; transform:none; }
  .s2-stagecol{ display:block; position:relative; }
  .s2-stage{ display:grid; place-items:center; position:sticky; top:0; height:100vh; padding:5rem 0 6rem; perspective:1200px; }
  .s2-ghost{ display:block; grid-area:1/1; font-size:clamp(14rem,26vw,24rem); font-weight:100; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(var(--av-white-rgb),.08); opacity:0; transform:scale(.9); transition:opacity .8s,transform .8s; pointer-events:none; user-select:none; }
  .s2-ghost.is-on{ opacity:1; transform:none; }
  .s2-scene{ grid-area:1/1; margin:0; opacity:0; transform:translateY(46px) scale(.93); filter:blur(10px); pointer-events:none; transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),filter .7s; }
  .s2-scene.is-on{ opacity:1; transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg)); filter:none; pointer-events:auto; }
  .s2-scene .av-hl-vis{ min-height:26rem; }
  .s2-dots{ display:flex; gap:.4rem; position:absolute; left:0; right:0; bottom:1.8rem; justify-content:center; flex-wrap:wrap; }
  .s2-dots a{ display:flex; align-items:center; gap:.5rem; padding:.45rem .9rem; border:1px solid rgba(var(--av-white-rgb),.18); border-radius:2rem; color:rgba(var(--av-white-rgb),.6); text-decoration:none; font-size:.8rem; backdrop-filter:blur(6px); transition:all .35s; }
  .s2-dots a b{ color:var(--av-gold); font-weight:500; }
  .s2-dots a span{ max-width:0; overflow:hidden; white-space:nowrap; transition:max-width .45s; }
  .s2-dots a.is-on{ border-color:var(--av-gold); color:var(--av-white); background:rgba(var(--av-gold-rgb),.14); }
  .s2-dots a.is-on span{ max-width:12rem; }
  .s2-bar{ display:none; }
}
@media (min-width:1400px){ .s2-grid{ gap:6rem; } }

.s2-why{ position:relative; padding:clamp(4rem,9vw,7rem) 0; background:radial-gradient(ellipse at 15% 0%,rgba(var(--av-gold-rgb),.14),transparent 55%),var(--av-dark); color:var(--av-on-dark); }
.s2-why .s2-title{ margin-bottom:0; }
.s2-bento{ display:grid; grid-template-columns:1fr; gap:1rem; margin-top:2.5rem; }
.s2-card{ --mx:50%; --my:0%; position:relative; overflow:hidden; padding:1.6rem 1.5rem 1.5rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:18px; background:linear-gradient(160deg,rgba(var(--av-white-rgb),.06),rgba(var(--av-white-rgb),.015)); transition:opacity .7s var(--d,0ms),transform .7s var(--d,0ms),border-color .3s,box-shadow .3s; }
.s2-card.s2-pre{ opacity:0; transform:translateY(28px); }
.s2-card.s2-pre.is-in{ opacity:1; transform:none; }
.s2-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(18rem circle at var(--mx) var(--my),rgba(var(--av-gold-rgb),.22),transparent 60%); opacity:0; transition:opacity .35s; pointer-events:none; }
.s2-card:hover{ border-color:rgba(var(--av-gold-rgb),.6); box-shadow:0 1.2rem 2.6rem rgba(0,0,0,.4); }
.s2-card:hover::before{ opacity:1; }
.s2-card>*{ position:relative; }
.s2-card-n{ position:absolute !important; right:1.1rem; top:.6rem; font-size:3.4rem; font-weight:200; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(var(--av-white-rgb),.14); }
.s2-card-i{ width:2.6rem; height:2.6rem; color:var(--av-gold); margin-bottom:1.1rem; transition:transform .5s; }
.s2-card:hover .s2-card-i{ transform:translateY(-4px) rotate(-6deg) scale(1.08); }
.s2-card h3{ font-size:1.25rem; font-weight:400; line-height:1.25; color:var(--av-white); margin:0 0 .6rem; }
.s2-card p{ margin:0; color:rgba(var(--av-white-rgb),.75); font-size:.98rem; }
.s2-card.is-lead{ background:linear-gradient(150deg,rgba(var(--av-gold-rgb),.2),rgba(var(--av-white-rgb),.03)); border-color:rgba(var(--av-gold-rgb),.5); }
.s2-card.is-lead h3{ font-size:1.6rem; }
@media (min-width:640px){ .s2-bento{ grid-template-columns:repeat(2,1fr); } .s2-c6{ grid-column:span 2; } }
@media (min-width:992px){
  .s2-bento{ grid-template-columns:repeat(12,1fr); gap:1.1rem; }
  .s2-c3{ grid-column:span 3; } .s2-c4{ grid-column:span 4; } .s2-c6{ grid-column:span 6; }
  .s2-card{ padding:2rem 1.8rem 1.8rem; } .s2-card.is-lead h3{ font-size:1.9rem; }
}
@media (prefers-reduced-motion:reduce){
  .s2-marquee-track{ animation:none; } .s2-orb{ transition:none; }
  .s2-card,.s2-scene,.s2-chapter,.s2-ghost{ transition:none; opacity:1; transform:none; filter:none; }
}
.s2-btn{ align-self:flex-start; }
.s2-why .s2-title{ margin-bottom:1rem; }

/* Startseite 2 – Feinschliff: breite Szenen, Kaufrechner/Grafik als Bühnenbild, helles „Warum Auvesta“ */
.s2-scene .kb-card{ box-shadow:0 2rem 4rem rgba(0,0,0,.5); }
.s2-scene .kb-info,.s2-scene .kb-note{ display:none; }
.s2-spscene{ width:100%; }
.s2-spscene .sp2-chartbox{ margin:0; padding:1rem 1rem .6rem; }
.s2-spscene .sp2-exh{ margin:1rem 0 .6rem; font-size:1rem; }
.s2-spscene .sp2-ex{ grid-template-columns:repeat(2,1fr); gap:.6rem; }
.s2-spscene .sp2-exc{ padding:.7rem .85rem .8rem; }
.s2-spscene .sp2-exc h4{ margin:.45rem 0 .15rem; font-size:.95rem; }
.s2-spscene .sp2-exc p{ font-size:.85rem; }
.s2-spscene .sp2-exc strong{ font-size:1.4rem; }
.s2-spscene .sp2-fx{ display:none; }
@media (min-width:992px){
  .s2-scene.is-wide{ max-width:44rem; }
  .s2-scene:not(.is-wide){ max-width:37rem; }
}
@media (min-width:992px) and (max-height:940px){ .s2-scene .kb-card{ zoom:.86; } .s2-spscene{ zoom:.9; } }
@media (min-width:992px) and (max-height:800px){ .s2-scene .kb-card{ zoom:.74; } .s2-spscene{ zoom:.78; } }
.s2-ghost{ -webkit-text-stroke:1px rgba(var(--av-white-rgb),.11) !important; }
@media (min-width:992px) and (max-height:940px){ .s2-scene .kb-card{ zoom:.72; } }
@media (min-width:992px) and (max-height:800px){ .s2-scene .kb-card{ zoom:.6; } }


/* ===== Startseite 3: zweizeiliges Kurs-Laufband, gestapelte Karten, Gold-Kacheln ===== */
.s3-ticker{ background:#0f0f0f; color:var(--av-on-dark); overflow:hidden; }
.s3-row1{ display:flex; align-items:stretch; border-bottom:1px solid rgba(var(--av-gold-rgb),.4); }
.s3-live{ flex:none; display:grid; place-items:center; width:3.2rem; background:var(--av-gold); position:relative; z-index:2; }
.s3-live i{ width:.7rem; height:.7rem; border-radius:50%; background:var(--av-dark); animation:s3-pulse 1.8s infinite; }
@keyframes s3-pulse{ 0%{ box-shadow:0 0 0 0 rgba(26,26,26,.55); } 70%,100%{ box-shadow:0 0 0 .8rem rgba(26,26,26,0); } }
.s3-view{ flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.s3-track{ display:flex; align-items:center; width:max-content; animation:s3-l 60s linear infinite; }
.s3-track.is-rev{ animation-name:s3-r; animation-duration:75s; }
@keyframes s3-l{ to{ transform:translateX(-50%); } }
@keyframes s3-r{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }
.s3-ticker:hover .s3-track{ animation-play-state:paused; }
.s3-tk{ display:inline-flex; align-items:baseline; gap:1rem; color:inherit; text-decoration:none; white-space:nowrap; }
.s3-tk-c{ font-style:normal; font-variant-numeric:tabular-nums; }
.s3-sep{ flex:none; width:.55rem; height:.55rem; transform:rotate(45deg); background:var(--av-gold); }
/* Zeile 1: groß, Namen als Kontur */
.s3-row1 .s3-tk{ padding:1.1rem 0 1.3rem; }
.s3-row1 .s3-tk b{ font-size:clamp(2.6rem,6.4vw,5.2rem); font-weight:200; letter-spacing:.05em; text-transform:uppercase; line-height:1; color:transparent; -webkit-text-stroke:1px var(--av-gold); }
.s3-row1 .s3-tk-p{ font-size:clamp(1.5rem,3vw,2.5rem); font-weight:300; font-variant-numeric:tabular-nums; color:var(--av-white); }
.s3-row1 .s3-tk-c{ font-size:clamp(.85rem,1.2vw,1.05rem); padding:.2em .7em; border-radius:999px; border:1px solid currentColor; }
.s3-row1 .s3-tk-c.is-up{ color:#c9b57a; } .s3-row1 .s3-tk-c.is-down{ color:#d98b80; }
.s3-row1 .s3-tk:hover b{ color:var(--av-gold); }
.s3-row1 .s3-sep{ margin:0 clamp(1.6rem,3.4vw,3.2rem); }
.s3-row1 .is-ratio b{ font-size:clamp(1rem,1.4vw,1.2rem); -webkit-text-stroke:0; color:var(--av-gold); letter-spacing:.16em; }
/* Zeile 2: schmales Goldband, läuft gegenläufig */
.s3-row2{ background:var(--av-gold); color:var(--av-dark); }
.s3-row2 .s3-view{ mask-image:none; -webkit-mask-image:none; }
.s3-row2 .s3-tk{ padding:.7rem 0; gap:.7rem; font-size:.95rem; }
.s3-row2 .s3-tk b{ font-weight:700; letter-spacing:.16em; text-transform:uppercase; font-size:.8rem; }
.s3-row2 .s3-tk-p{ font-weight:400; font-variant-numeric:tabular-nums; }
.s3-row2 .s3-tk-c{ font-size:.82rem; font-weight:600; } .s3-row2 .s3-tk-c.is-down{ color:#6b1f18; }
.s3-row2 .is-note{ font-size:.82rem; opacity:.75; }
.s3-row2 .s3-sep{ margin:0 1.6rem; background:var(--av-dark); width:.4rem; height:.4rem; }

/* Highlights: gestapelte Karten */
.s3-stack{ position:relative; background:#0f0f0f; color:var(--av-on-dark); padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,6vw,5rem); overflow:clip; }
.s3-bg{ position:absolute; inset:0; pointer-events:none; }
.s3-orb{ position:absolute; left:50%; top:-12rem; width:70rem; height:70rem; margin-left:-35rem; border-radius:50%; background:radial-gradient(circle,rgba(var(--av-gold-rgb),.22),transparent 62%); }
.s3-intro{ position:relative; margin-bottom:clamp(2.5rem,6vw,5rem); }
.s3-intro-t{ max-width:64rem; font-size:clamp(2.4rem,6.2vw,5.4rem); font-weight:200; line-height:1.04; letter-spacing:-.015em; margin:0 0 1.4rem; color:var(--av-white); }
.s3-intro-t span{ background:linear-gradient(100deg,var(--av-gold),#e7dcb8 45%,var(--av-gold)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.s3-intro-p{ max-width:40rem; font-size:1.1rem; color:rgba(var(--av-white-rgb),.7); margin:0; }
.s3-cards{ position:relative; }
.s3-card{ position:relative; border-radius:28px; padding:clamp(1.5rem,4vw,3.5rem); margin-bottom:1.5rem; overflow:hidden; transform-origin:50% 0; border:1px solid rgba(var(--av-gold-rgb),.35); box-shadow:0 -1.2rem 3rem rgba(0,0,0,.35); }
.s3-card.is-v0,.s3-card.is-v2{ background:linear-gradient(155deg,#262626,#151515); color:var(--av-on-dark); }
.s3-card.is-v1{ background:var(--av-gold); color:var(--av-dark); border-color:transparent; }
.s3-card.is-v3{ background:var(--av-soft); color:var(--av-dark); border-color:transparent; }
.s3-big{ position:absolute; right:3%; top:-1.5rem; font-size:clamp(9rem,26vw,22rem); font-weight:100; line-height:1; color:transparent; pointer-events:none; -webkit-text-stroke:1px rgba(var(--av-gold-rgb),.35); }
.s3-card.is-v1 .s3-big{ -webkit-text-stroke-color:rgba(26,26,26,.22); }
.s3-card-in{ position:relative; display:grid; gap:2rem; align-items:center; }
.s3-h{ font-size:clamp(2rem,4vw,3.4rem); font-weight:200; line-height:1.08; margin:0 0 1rem; }
.s3-h span{ color:var(--av-gold); }
.s3-card.is-v1 .s3-h span{ color:var(--av-dark); font-weight:500; }
.s3-card.is-v3 .s3-h span{ color:var(--av-gold-dark); }
.s3-card.is-v1 .av-kicker{ color:var(--av-dark); } .s3-card.is-v1 .av-line{ background:var(--av-dark); }
.s3-text{ font-size:1.1rem; line-height:1.6; max-width:30rem; margin:1.2rem 0 1rem; opacity:.82; }
.s3-list{ list-style:none; padding:0; margin:0 0 1.6rem; display:grid; gap:.5rem; }
.s3-list li{ display:flex; gap:.8rem; align-items:center; opacity:.9; }
.s3-list li::before{ content:""; width:1.2rem; height:1px; background:currentColor; opacity:.6; flex:none; }
.s3-btn{ display:inline-flex; align-items:center; gap:.7rem; }
.s3-card.is-v1 .s3-btn:hover{ background:var(--av-white); color:var(--av-dark); }
.s3-vault{ position:relative; width:100%; max-width:37rem; margin-inline:auto; padding:.9rem; border-radius:22px; background:linear-gradient(160deg,#242424,#121212); border:1px solid rgba(var(--av-gold-rgb),.45); box-shadow:0 2.2rem 4rem rgba(0,0,0,.22),inset 0 1px 0 rgba(var(--av-white-rgb),.1); color:var(--av-on-dark); }
.s3-vault.is-wide{ max-width:44rem; }
.s3-vault .kb-card{ background:transparent; border:0; box-shadow:none; padding:.4rem; }
.s3-vault .av-hl-vis{ background:transparent; border:0; box-shadow:none; min-height:0; }
.s3-vault .kb-info,.s3-vault .kb-note{ display:none; }
.s3-vault .sp2-chartbox{ margin:0; padding:1rem 1rem .6rem; }
.s3-vault .sp2-exh{ margin:1rem 0 .6rem; font-size:1rem; }
.s3-vault .sp2-ex{ grid-template-columns:repeat(2,1fr); gap:.6rem; }
.s3-vault .sp2-exc{ padding:.7rem .85rem .8rem; }
.s3-vault .sp2-exc h4{ margin:.45rem 0 .15rem; font-size:.95rem; }
.s3-vault .sp2-exc p{ font-size:.85rem; }
.s3-vault .sp2-fx{ display:none; }
@media (min-width:992px) and (max-height:940px){ .s3-vault .kb-card{ zoom:.74; } .s3-vault .sp2-chartbox{ zoom:.9; } }
@media (min-width:992px) and (max-height:800px){ .s3-vault .kb-card{ zoom:.62; } .s3-vault .sp2-chartbox{ zoom:.78; } }
@media (min-width:992px){
  .s3-card{ position:sticky; top:calc(5.2rem + var(--i) * 1.1rem); min-height:calc(100vh - 8.5rem); display:flex; align-items:center; margin-bottom:12vh; transform:scale(calc(1 - var(--p,0) * .06)); filter:brightness(calc(1 - var(--p,0) * .45)); will-change:transform; }
  .s3-card-in{ width:100%; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:4rem; }
}
@media (max-width:991.98px){ .s3-card{ margin-bottom:1.25rem; } .s3-vault{ margin-top:.5rem; } }

/* Warum Auvesta: Goldfläche mit Kacheln */
.s3-why{ background:var(--av-gold); color:var(--av-dark); padding:clamp(4rem,9vw,8rem) 0; }
.s3-why-t{ font-size:clamp(2.4rem,6vw,5rem); font-weight:200; line-height:1.05; letter-spacing:-.015em; max-width:50rem; margin:0 0 clamp(2rem,5vw,4rem); }
.s3-grid{ display:grid; gap:1px; background:rgba(26,26,26,.28); border:1px solid rgba(26,26,26,.28); }
@media (min-width:600px){ .s3-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:992px){ .s3-grid{ grid-template-columns:repeat(3,1fr); } }
.s3-tile{ position:relative; overflow:hidden; background:var(--av-gold); padding:clamp(1.5rem,2.6vw,2.4rem); min-height:15rem; display:flex; flex-direction:column; transition:background .4s,color .4s; --mx:50%; --my:50%; }
.s3-tile::before{ content:""; position:absolute; inset:0; background:radial-gradient(18rem circle at var(--mx) var(--my),rgba(var(--av-gold-rgb),.45),transparent 65%); opacity:0; transition:opacity .3s; pointer-events:none; }
.s3-tile:hover::before{ opacity:1; }
.s3-tile:hover{ background:var(--av-dark); color:var(--av-on-dark); }
.s3-tile-n{ font-size:4.2rem; font-weight:100; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(26,26,26,.4); transition:-webkit-text-stroke-color .4s; }
.s3-tile:hover .s3-tile-n{ -webkit-text-stroke-color:var(--av-gold); }
.s3-tile-i{ position:absolute; right:1.4rem; top:1.4rem; width:2.4rem; height:2.4rem; opacity:.85; transition:transform .5s,color .4s; }
.s3-tile:hover .s3-tile-i{ color:var(--av-gold); transform:rotate(-8deg) scale(1.12); }
.s3-tile h3{ margin:2.6rem 0 .6rem; font-size:1.45rem; font-weight:300; line-height:1.2; }
.s3-tile p{ margin:0; font-size:.98rem; line-height:1.5; opacity:.78; }
@media (prefers-reduced-motion:reduce){ .s3-track{ animation:none; } .s3-live i{ animation:none; } .s3-card{ transform:none !important; filter:none !important; } }

/* ===== Startseite 3: Bewegung ===== */
@property --s3a{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
.s3-progress{ position:fixed; left:0; top:0; height:3px; width:100%; z-index:2100; background:var(--av-gold); transform:scaleX(var(--sp,0)); transform-origin:0 50%; pointer-events:none; }
.s3-dust{ position:absolute; bottom:-1rem; border-radius:50%; background:var(--av-gold); opacity:0; pointer-events:none; animation:s3-up linear infinite; }
@keyframes s3-up{ 0%{ transform:translate3d(0,0,0); opacity:0; } 12%{ opacity:.7; } 100%{ transform:translate3d(var(--dx,20px),-110vh,0); opacity:0; } }
.s3-glow{ position:absolute; left:0; top:0; width:34rem; height:34rem; margin:-17rem 0 0 -17rem; border-radius:50%; background:radial-gradient(circle,rgba(var(--av-gold-rgb),.16),transparent 65%); transform:translate3d(var(--gx,50vw),var(--gy,30vh),0); pointer-events:none; transition:opacity .4s; opacity:0; }
.s3-stack:hover .s3-glow{ opacity:1; }
.s3-intro-t span{ background-size:250% 100%; animation:s3-shine 6s linear infinite; }
@keyframes s3-shine{ to{ background-position:-250% 0; } }
.s3-intro-t,.s3-h{ clip-path:inset(0 0 -.2em 0); }
.s3-js .s3-intro:not(.is-in) .s3-intro-t{ clip-path:inset(0 100% 0 0); }
.s3-js .s3-intro-t{ transition:clip-path 1.2s cubic-bezier(.2,.7,.2,1); }
.s3-js .s3-intro:not(.is-in) .s3-intro-p,.s3-js .s3-intro:not(.is-in) .av-kicker{ opacity:0; transform:translateY(24px); }
.s3-intro-p,.s3-intro .av-kicker{ transition:opacity .9s .4s,transform .9s .4s; }

/* Karten: Choreografie beim Einblenden */
.s3-js .s3-copy > *{ transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),clip-path 1.1s cubic-bezier(.2,.7,.2,1); transition-delay:calc(var(--k,0) * 110ms + 150ms); }
.s3-js .s3-card:not(.is-in) .s3-copy > *{ opacity:0; transform:translateY(46px); }
.s3-js .s3-card:not(.is-in) .s3-h{ clip-path:inset(0 100% -.2em 0); transform:none; }
.s3-js .s3-card:not(.is-in) .av-line{ transform:scaleX(0); }
.s3-copy .av-line{ transform-origin:0 50%; }
.s3-js .s3-card:not(.is-in) .s3-list li{ opacity:0; transform:translateX(-24px); }
.s3-list li{ transition:opacity .6s,transform .6s; }
.s3-list li:nth-child(1){ transition-delay:.7s; } .s3-list li:nth-child(2){ transition-delay:.85s; } .s3-list li:nth-child(3){ transition-delay:1s; } .s3-list li:nth-child(4){ transition-delay:1.15s; }
.s3-btn::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%); transform:translateX(-120%); animation:s3-sweep 4s 2s infinite; pointer-events:none; }
.s3-btn{ position:relative; overflow:hidden; }
@keyframes s3-sweep{ 0%,55%{ transform:translateX(-120%); } 100%{ transform:translateX(120%); } }
.s3-vault{ transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity 1s; will-change:transform; transform-style:preserve-3d; }
.s3-js .s3-card:not(.is-in) .s3-vault{ opacity:0; transform:perspective(1400px) translateY(90px) rotateX(22deg) rotateY(-10deg) scale(.88); }
.s3-card.is-in .s3-vault{ transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); }
.s3-card.is-live .s3-vault{ transition:transform .25s ease-out; }
.s3-vault::after{ content:""; position:absolute; inset:-1px; border-radius:inherit; padding:2px; background:conic-gradient(from var(--s3a),transparent 0 62%,var(--av-gold) 82%,#fff6d8 88%,transparent 94%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:s3-spin 5s linear infinite; pointer-events:none; }
@keyframes s3-spin{ to{ --s3a:360deg; } }
.s3-big{ transform:translate3d(0,calc(var(--py,0) * -90px),0); transition:transform .15s linear; }
.s3-card.is-in .s3-big{ animation:s3-bigin 1.4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes s3-bigin{ from{ opacity:0; letter-spacing:.2em; } to{ opacity:1; letter-spacing:0; } }

/* Kacheln */
.s3-js .s3-tile{ transition:background .4s,color .4s,opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1); transition-delay:0s,0s,calc(var(--i) * 70ms),calc(var(--i) * 70ms); }
.s3-js .s3-grid:not(.is-in) .s3-tile{ opacity:0; transform:translateY(70px) rotate(2.5deg) scale(.94); }
.s3-js .s3-why-t{ transition:clip-path 1.2s cubic-bezier(.2,.7,.2,1); }
.s3-js .s3-why:not(.is-in) .s3-why-t{ clip-path:inset(0 100% 0 0); }
.s3-why-t{ clip-path:inset(0 0 -.2em 0); }
.s3-tile::after{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%); transform:translateX(-130%); animation:s3-sweep 7s calc(var(--i) * .6s + 1s) infinite; pointer-events:none; }
.s3-tile-i{ animation:s3-float 5s ease-in-out infinite; animation-delay:calc(var(--i) * -.55s); }
@keyframes s3-float{ 50%{ translate:0 -6px; } }
@media (prefers-reduced-motion:reduce){ .s3-dust,.s3-glow,.s3-btn::after,.s3-tile::after,.s3-tile-i,.s3-vault::after,.s3-intro-t span{ animation:none; } .s3-js .s3-copy > *,.s3-js .s3-vault,.s3-js .s3-tile{ opacity:1 !important; transform:none !important; clip-path:none !important; } }

/* ===== SwitchPilot 7 (kompakt) ===== */
.sp7-ex{ background:linear-gradient(160deg,var(--av-dark-3),var(--av-dark-2)); border:1px solid rgba(var(--av-gold-rgb),.45); border-radius:22px; padding:1.8rem; box-shadow:0 1.8rem 3.6rem rgba(0,0,0,.4); }
.sp7-ex-row,.sp7-ex-cap{ display:grid; grid-template-columns:1fr 2rem 1fr 2rem 1fr; align-items:center; text-align:center; gap:.4rem; }
.sp7-ex-box{ border:1px solid rgba(var(--av-white-rgb),.14); border-radius:14px; padding:1.1rem .4rem; background:rgba(var(--av-white-rgb),.03); min-width:0; }
.sp7-ex-box small{ display:block; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; opacity:.65; }
.sp7-ex-box b{ display:block; font-size:clamp(1.5rem,2.6vw,2.2rem); font-weight:300; margin-top:.3rem; color:var(--av-white); font-variant-numeric:tabular-nums; }
.sp7-ex-box i{ font-style:normal; font-size:.9rem; opacity:.75; }
.sp7-ex-box.is-s b{ color:#cfd6e6; }
.sp7-ex-box.is-r{ border-color:var(--av-gold); background:rgba(var(--av-gold-rgb),.1); } .sp7-ex-box.is-r b{ color:#e1d3a6; }
.sp7-ex-ar{ color:var(--av-gold); font-size:1.3rem; }
.sp7-ex-cap{ margin-top:.6rem; font-size:.78rem; opacity:.65; }
.sp7-ex-res{ margin-top:1.3rem; padding-top:1.1rem; border-top:1px solid rgba(var(--av-white-rgb),.1); text-align:center; }
.sp7-ex-res b{ font-size:clamp(1.9rem,3.4vw,2.7rem); font-weight:300; color:#e1d3a6; } .sp7-ex-res em{ font-style:normal; font-size:1.15rem; opacity:.85; } .sp7-ex-res span{ display:block; opacity:.7; }

.sp7-h{ max-width:46rem; }
.sp7-card{ display:grid; margin-top:2rem; border:1px solid rgba(var(--av-gold-rgb),.4); border-radius:24px; overflow:hidden; background:linear-gradient(160deg,var(--av-dark-3),var(--av-dark-2)); }
@media (min-width:992px){ .sp7-card{ grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr); } .sp7-l{ border-right:1px solid rgba(var(--av-white-rgb),.08); } }
.sp7-l{ padding:clamp(1rem,2.4vw,1.9rem); min-width:0; }
.sp7-chart{ position:relative; color:var(--av-gold); }
.sp7-chart svg{ display:block; width:100%; height:auto; }
.sp7-cur{ position:absolute; right:0; top:0; margin:0; font-size:.85rem; color:var(--av-on-dark); opacity:.8; } .sp7-cur b{ color:#e1d3a6; font-weight:600; }
.sp7-grid{ stroke:rgba(255,255,255,.08); } .sp7-ax{ fill:rgba(255,255,255,.5); font-size:11px; }
.sp7-line{ fill:none; stroke:#fff; stroke-width:2; stroke-dasharray:4 4; }
.sp7-thr{ stroke:#d8c68f; stroke-dasharray:5 5; } .sp7-thl{ fill:#d8c68f; font-size:11px; }
.sp7-dot{ fill:var(--av-dark); stroke:#fff; stroke-width:2; }
.sp7-tipg rect{ fill:var(--av-dark); stroke:var(--av-gold); } .sp7-t1{ fill:rgba(255,255,255,.65); font-size:10px; } .sp7-t2{ fill:#fff; font-size:14px; }
.sp7-sl{ display:grid; gap:1.4rem 2rem; margin-top:1.2rem; }
@media (min-width:640px){ .sp7-sl{ grid-template-columns:1fr 1fr; } }
.sp7-f label{ display:flex; justify-content:space-between; align-items:center; gap:.8rem; font-weight:400; }
.sp7-f output{ border:1px solid var(--av-gold); border-radius:999px; padding:.05rem .8rem; color:#e1d3a6; font-weight:600; font-variant-numeric:tabular-nums; }
.sp7-f input[type=range]{ width:100%; margin:.9rem 0 .4rem; accent-color:var(--av-gold); }
.sp7-f small{ opacity:.6; font-size:.82rem; }
.sp7-r{ padding:clamp(1rem,2.4vw,1.9rem); display:flex; flex-direction:column; gap:.75rem; justify-content:center; }
.sp7-stp{ display:flex; align-items:center; gap:.9rem; border:1px solid rgba(var(--av-white-rgb),.12); border-radius:14px; padding:.8rem 1rem; background:rgba(var(--av-white-rgb),.03); }
.sp7-stp i{ flex:none; width:1.9rem; height:1.9rem; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:600; background:var(--av-gold); color:var(--av-on-gold); }
.sp7-stp.is-s i{ background:#c3cad8; }
.sp7-stp small{ display:block; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; opacity:.6; }
.sp7-stp b{ font-weight:300; font-size:clamp(1.25rem,2vw,1.55rem); color:#fff; font-variant-numeric:tabular-nums; }
.sp7-final{ margin-top:.2rem; text-align:center; border:1px solid var(--av-gold); border-radius:16px; padding:1.1rem; background:rgba(var(--av-gold-rgb),.1); }
.sp7-final small{ font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--av-gold); font-weight:600; }
.sp7-final b{ display:block; font-size:clamp(2.2rem,4vw,2.9rem); font-weight:300; color:#e1d3a6; line-height:1.15; } .sp7-final span{ opacity:.75; }
.sp7-card[data-pluslbl]:not([data-pluslbl=""]) .sp7-final b{ font-weight:600; color:var(--av-gold); } .sp7-card[data-pluslbl]:not([data-pluslbl=""]) .sp7-final span{ display:block; margin-top:.35rem; opacity:.85; }
.sp7-final.is-none b{ opacity:.5; } .sp7-final.is-none{ border-color:rgba(var(--av-white-rgb),.25); background:transparent; }

.sp7-flow{ background:var(--av-white); color:var(--av-text); }
.sp7-st{ list-style:none; margin:2rem 0 0; padding:0; display:grid; border:1px solid var(--av-line); border-radius:18px; overflow:hidden; }
@media (min-width:768px){ .sp7-st{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1100px){ .sp7-st{ grid-template-columns:repeat(4,1fr); } }
.sp7-st li{ padding:1.6rem 1.5rem; border-bottom:1px solid var(--av-line); } @media (min-width:1100px){ .sp7-st li{ border-bottom:0; border-right:1px solid var(--av-line); } .sp7-st li:last-child{ border-right:0; } }
.sp7-st em{ display:block; margin-bottom:.8rem; font-style:normal; font-size:3.2rem; font-weight:200; line-height:1; color:transparent; -webkit-text-stroke:1px var(--av-gold); }
.sp7-st h3{ margin:0 0 .4rem; font-size:1.25rem; font-weight:600; color:var(--av-dark); } .sp7-st p{ margin:0; color:var(--av-text-soft); line-height:1.5; }
.sp7-q{ display:grid; gap:.8rem 1.5rem; margin-top:2rem; align-items:start; } @media (min-width:900px){ .sp7-q{ grid-template-columns:1fr 1fr; } }
.sp7-q details{ background:var(--av-white); border:1px solid var(--av-line); border-radius:12px; padding:0 1.3rem; }
.sp7-q summary{ cursor:pointer; list-style:none; padding:1.1rem 0; font-weight:600; color:var(--av-dark); display:flex; justify-content:space-between; gap:1rem; }
.sp7-q summary::-webkit-details-marker{ display:none; } .sp7-q summary::after{ content:"+"; color:var(--av-gold-dark); font-size:1.4rem; font-weight:300; line-height:1; } .sp7-q details[open] summary::after{ content:"–"; }
.sp7-q p{ margin:0 0 1.1rem; color:var(--av-text-soft); line-height:1.55; }
.sp7-now{ margin:1.4rem 0 0; display:flex; flex-wrap:wrap; align-items:baseline; gap:.3rem .8rem; font-size:1rem; }
.sp7-now span{ opacity:.8; } .sp7-now strong{ font-size:1.6rem; font-weight:300; color:#e1d3a6; } .sp7-now small{ flex-basis:100%; opacity:.6; font-size:.85rem; }
.sp7-after{ margin-top:1.4rem; border-left:3px solid var(--av-gold); background:rgba(var(--av-white-rgb),.05); border-radius:0 12px 12px 0; padding:1rem 1.3rem; } .sp7-after strong{ display:block; font-weight:600; } .sp7-after p{ margin:.3rem 0 0; opacity:.8; }
.sp7-stp p{ margin:.15rem 0 .35rem; font-size:.92rem; line-height:1.45; opacity:.78; font-weight:400; }
.sp7-key{ margin-top:1.2rem; padding:.9rem 1.1rem; border-radius:12px; background:rgba(var(--av-gold-rgb,184,150,62),.12); border:1px solid var(--av-gold); font-weight:500; }
.sp7-src{ margin-top:1.4rem; padding:1.3rem 1.4rem; border:1px solid var(--av-line); border-radius:14px; background:var(--av-soft); } .sp7-src h3{ margin:0 0 .4rem; font-size:1.15rem; font-weight:600; } .sp7-src p{ margin:0; color:var(--av-text-soft); }
.sp7-tb{ margin-top:1.8rem; padding:1.4rem 1.5rem; border:1px solid rgba(var(--av-white-rgb),.14); border-radius:16px; background:rgba(var(--av-white-rgb),.04); } .sp7-tb h3{ margin:0 0 .8rem; font-size:1.1rem; font-weight:600; }
.sp7-tb dl{ margin:0; } .sp7-tb dl>div{ display:flex; justify-content:space-between; gap:1rem; padding:.65rem 0; border-bottom:1px solid rgba(var(--av-white-rgb),.12); } .sp7-tb dt{ font-weight:400; opacity:.8; } .sp7-tb dd{ margin:0; font-weight:600; } .sp7-tb .is-res{ border-bottom:0; color:var(--av-gold); } .sp7-tb small{ display:block; margin-top:.6rem; opacity:.6; }
.sp7-risk{ max-width:46rem; margin:1.4rem auto 0; opacity:.75; font-size:.95rem; }
.sp7-st li{ padding:2rem 1.7rem; } .sp7-st li:hover{ background:var(--av-soft); } .sp7-st em{ font-size:4rem; } .sp7-st h3{ font-size:1.4rem; }
/* sp7 – Optimierung: größere Zahlen, lesbarere Schrift */
.sp7-ex-box.is-r{ padding-block:1.5rem; transform:scale(1.07); box-shadow:0 0 0 1px var(--av-gold), 0 18px 50px rgba(var(--av-gold-rgb),.22); } .sp7-ex-box.is-r b{ font-size:clamp(2.6rem,4.4vw,3.6rem); color:#f0e2b4; }
.sp7-ex-res b{ font-size:clamp(2.8rem,5vw,4rem); font-weight:300; color:#f0e2b4; } .sp7-ex-res em{ font-size:1.1rem; } .sp7-ex-res span{ font-size:1rem; opacity:.8; }
.sp7-ex-cap span{ font-size:.95rem; }
.sp7-stp small{ font-size:.9rem; } .sp7-stp p{ font-size:1.05rem; opacity:.9; }
.sp7-f small, .sp7-tb small, .sp7-tb dt, .sp7-note, .av-sp-fn, .sp7-card .sp7-cur{ font-size:1rem; }
.sp7-calc .av-sp-note, .sp7-after p, .sp7-after strong, .sp7-risk{ font-size:1rem; opacity:.85; }
.sp7-q summary{ font-size:1.1rem; } .sp7-q p{ font-size:1.05rem; }
.sp7-st p{ font-size:1.05rem; } .sp2-exc p{ font-size:1rem; } .sp4-mini span{ font-size:1.05rem; } .sp7-src p{ font-size:1.05rem; }
.sp7-resnote{ margin:1rem 0 0; font-size:1.05rem; opacity:.9; padding-left:1rem; border-left:2px solid var(--av-gold); }
.sp7-ahaw{ display:grid; gap:1rem; margin-top:1.4rem; } @media (min-width:900px){ .sp7-ahaw{ grid-template-columns:1fr 1fr; } }
.sp7-ahaw>div{ padding:1.4rem 1.5rem; border-radius:14px; border:1px solid rgba(var(--av-white-rgb),.14); background:rgba(var(--av-white-rgb),.05); } .sp7-ahaw h3{ margin:0 0 .5rem; font-size:1.2rem; font-weight:600; color:#f0e2b4; } .sp7-ahaw p{ margin:0; font-size:1.05rem; line-height:1.6; opacity:.9; }
.sp7-stp small{ font-size:1rem; letter-spacing:0; text-transform:none; font-weight:600; opacity:1; color:var(--av-on-dark,#fff); }
.av-sp-hero .av-sp-note, .sp7-calc .av-sp-note{ font-size:.95rem; }
.sp7-f label span{ font-size:1.05rem; }
.sp7-nowc{ margin-top:1.2rem; padding:1.4rem 1.6rem; border:1px solid var(--av-gold); border-radius:18px; background:rgba(var(--av-white-rgb),.05); }
.sp7-nowc small{ display:block; font-size:.85rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold); }
.sp7-nowc p{ margin:.4rem 0 .3rem; } .sp7-nowc b{ font-size:clamp(2.6rem,5vw,3.6rem); font-weight:300; line-height:1; } .sp7-nowc span{ font-size:1.2rem; opacity:.85; }
.sp7-nowc em{ display:block; font-style:normal; font-size:1rem; opacity:.75; }
/* SwitchPilot 8 */
.sp7-ex2 .sp7-ex-row{ grid-template-columns:1fr auto 1.35fr; }
.sp8-path{ margin-top:2rem; display:grid; gap:1rem; align-items:center; }
@media (min-width:992px){ .sp8-path{ grid-template-columns:1fr auto 1fr auto 1.15fr; } }
.sp8-box{ text-align:center; padding:1.8rem 1rem; background:var(--av-white,#fff); border:1px solid var(--av-line); border-radius:18px; box-shadow:0 10px 30px rgba(var(--av-dark-rgb,11,18,38),.06); }
.sp8-box small{ display:block; font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:var(--av-text-soft); }
.sp8-box b{ display:block; font-size:clamp(2.6rem,4.6vw,4rem); font-weight:300; line-height:1.1; margin:.4rem 0 .1rem; color:var(--av-dark); font-variant-numeric:tabular-nums; } .sp8-box i{ font-style:normal; color:var(--av-text-soft); font-size:1.05rem; }
.sp8-box.is-r{ border-color:var(--av-gold); box-shadow:0 0 0 1px var(--av-gold), 0 16px 44px rgba(var(--av-gold-rgb),.22); transform:scale(1.04); } .sp8-box.is-r b{ color:var(--av-gold-dark,var(--av-dark)); }
.sp8-ar{ display:flex; flex-direction:column; align-items:center; gap:.2rem; text-align:center; color:var(--av-text-soft); font-weight:600; font-size:1rem; } .sp8-ar i{ font-style:normal; font-size:2rem; color:var(--av-gold); line-height:1; }
@media (max-width:991px){ .sp8-ar i{ transform:rotate(90deg); } }
.sp8-res{ margin:1.8rem 0 0; text-align:center; font-size:clamp(1.5rem,3vw,2.2rem); font-weight:300; color:var(--av-dark); }
.sp8-after{ background:var(--av-white,#fff); color:var(--av-text); border:1px solid var(--av-line); border-left:3px solid var(--av-gold); } .sp8-after p{ color:var(--av-text-soft); opacity:1; }
.sp8-fn{ margin:1rem 0 0; color:var(--av-text-soft); font-size:1rem; }
.sp7-ex2 .sp7-ex-row{ grid-template-columns:1fr 2.2rem 1.3fr; gap:.4rem; } .sp7-ex2 .sp7-ex-box.is-r{ transform:none; }
/* ===== SwitchPilot 9 – Strategie-Labor ===== */
.sp9-lab{ margin-top:2rem; border:1px solid rgba(var(--av-white-rgb),.14); border-radius:22px; background:linear-gradient(160deg,rgba(var(--av-white-rgb),.06),rgba(var(--av-white-rgb),.02)); padding:clamp(1rem,2.4vw,1.8rem); }
.sp9-bar{ display:flex; flex-wrap:wrap; gap:.8rem 1.6rem; align-items:center; margin-bottom:1.2rem; }
.sp9-grp{ display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; } .sp9-grp>span{ font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; opacity:.65; margin-right:.3rem; }
.sp9-bar button{ font:inherit; font-size:1rem; padding:.45rem 1rem; border-radius:999px; border:1px solid rgba(var(--av-white-rgb),.22); background:transparent; color:inherit; cursor:pointer; transition:background .2s,border-color .2s,transform .15s; }
.sp9-bar button:hover{ border-color:var(--av-gold); transform:translateY(-1px); } .sp9-bar button[aria-pressed="true"]{ background:var(--av-gold); border-color:var(--av-gold); color:#1a1404; font-weight:600; }
.sp9-bar .sp9-reset{ margin-left:auto; opacity:.8; }
.sp9-main{ display:grid; gap:1.4rem; } @media (min-width:1100px){ .sp9-main{ grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr); } }
.sp9-ch-h{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; flex-wrap:wrap; font-size:1rem; } .sp9-ch-h b{ font-weight:600; } .sp9-ch-h span{ opacity:.75; } .sp9-ch-h strong{ color:var(--av-gold); } .sp9-ch-h.is-b{ margin-top:.6rem; }
.sp9-leg i{ display:inline-block; width:.9rem; height:.9rem; margin-right:.4rem; border-radius:3px; background:rgba(var(--av-gold-rgb),.35); vertical-align:-.1rem; }
.sp9-top,.sp9-bot{ width:100%; height:auto; display:block; color:var(--av-gold); user-select:none; -webkit-user-select:none; }
.sp9-top.is-drag{ cursor:ns-resize; }
.sp9-grid{ stroke:rgba(var(--av-white-rgb),.08); } .sp9-ax{ fill:rgba(var(--av-white-rgb),.55); font-size:19px; }
.sp9-line{ fill:none; stroke:var(--av-white,#fff); stroke-width:2.6; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0; animation:sp9draw 1.4s ease both; } @keyframes sp9draw{ from{ stroke-dashoffset:1; } }
.sp9-area{ opacity:.9; } .sp9-band{ fill:rgba(var(--av-gold-rgb),.16); }
.sp9-thr{ stroke:var(--av-gold); stroke-width:2; stroke-dasharray:8 6; } .sp9-h{ cursor:ns-resize; outline:none; } .sp9-hit{ fill:transparent; }
.sp9-pill{ fill:rgba(var(--av-dark-rgb,11,18,38),.92); stroke:var(--av-gold); stroke-width:1.6; transition:fill .2s; } .sp9-h:hover .sp9-pill,.sp9-h:focus-visible .sp9-pill{ fill:rgba(var(--av-gold-rgb),.25); }
.sp9-p1{ fill:var(--av-white,#fff); font-size:21px; font-weight:600; } .sp9-p2{ fill:rgba(var(--av-white-rgb),.7); font-size:17px; } .sp9-p1.is-big{ font-size:26px; font-weight:400; }
.sp9-grip path{ stroke:var(--av-gold); stroke-width:2; stroke-linecap:round; fill:none; }
.sp9-top:not([data-touched="1"]) .sp9-h .sp9-pill{ animation:sp9pulse 2s ease-in-out infinite; } @keyframes sp9pulse{ 50%{ stroke-width:4; } }
.sp9-stock{ fill:none; stroke:var(--av-gold); stroke-width:3; stroke-linejoin:round; } .sp9-base{ stroke:rgba(var(--av-white-rgb),.3); stroke-dasharray:4 5; }
.sp9-end{ fill:var(--av-gold); stroke:#fff; stroke-width:2; } .sp9-end.is-dn,.sp9-pill.is-end.is-dn{ stroke:#e07a6b; } .sp9-end.is-dn{ fill:#e07a6b; }
.sp9-hint{ margin:.2rem 0 .8rem; font-size:1rem; opacity:.7; } .sp9-hint span{ color:var(--av-gold); }
.sp9-sl{ display:grid; gap:1rem; margin-top:1rem; } @media (min-width:700px){ .sp9-sl{ grid-template-columns:1fr 1fr; } }
.sp9-kpis{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.sp9-k{ padding:1rem 1.1rem; border-radius:16px; border:1px solid rgba(var(--av-white-rgb),.14); background:rgba(var(--av-white-rgb),.04); } .sp9-k small{ display:block; font-size:.85rem; letter-spacing:.1em; text-transform:uppercase; opacity:.65; }
.sp9-k b{ display:block; margin-top:.25rem; font-size:clamp(1.7rem,2.6vw,2.2rem); font-weight:300; line-height:1.1; font-variant-numeric:tabular-nums; } .sp9-k em{ font-style:normal; font-size:1.05rem; opacity:.7; }
.sp9-k.is-main{ grid-column:1/-1; border-color:var(--av-gold); background:rgba(var(--av-gold-rgb),.1); } .sp9-k.is-main b{ font-size:clamp(2.6rem,4vw,3.6rem); color:#f0e2b4; }
.sp9-k.is-plus b{ color:#f0e2b4; } .sp9-k.is-neg b{ color:#e07a6b; }
.sp9-hold{ margin:.8rem 0 0; font-size:1rem; opacity:.8; }
.sp9-evs{ margin-top:1rem; } .sp9-evs h3{ margin:0 0 .6rem; font-size:1.05rem; font-weight:600; }
.sp9-evs ol{ list-style:none; margin:0; padding:0; max-height:300px; overflow:auto; display:grid; gap:.5rem; }
.sp9-evs li{ display:flex; gap:.7rem; align-items:flex-start; padding:.65rem .8rem; border-radius:12px; background:rgba(var(--av-white-rgb),.05); font-size:1rem; line-height:1.4; animation:sp9in .35s ease both; } @keyframes sp9in{ from{ opacity:0; transform:translateY(6px); } }
.sp9-evs li i{ font-style:normal; font-weight:700; color:var(--av-gold); } .sp9-evs li.is-s i{ color:#cfd6e6; } .sp9-evs li.is-none{ opacity:.7; display:block; }
@media (prefers-reduced-motion:reduce){ .sp9-line,.sp9-evs li,.sp9-top:not([data-touched="1"]) .sp9-h .sp9-pill{ animation:none; } }
.sp9-conn{ stroke:var(--av-gold); stroke-width:1.6; fill:none; }
.sp7-chart .sp8-tabs{ margin-bottom:.9rem; flex:none; border-bottom-color:rgba(var(--av-white-rgb),.18); }
.sp7-chart .sp8-tabs button{ color:rgba(var(--av-white-rgb),.7); font-weight:600; font-size:1rem; padding:.55rem 0; }
.sp7-chart .sp8-tabs button:hover{ color:var(--av-white); border-bottom-color:rgba(var(--av-white-rgb),.3); }
.sp7-chart .sp8-tabs button.is-on{ color:var(--av-gold); border-bottom-color:var(--av-gold); background:none; }
.sp8-ln{ fill:none; stroke-width:2.6; stroke-linejoin:round; stroke-linecap:round; } .sp8-ln.is-r{ stroke:var(--av-white,#fff); } .sp8-ln.is-g{ stroke:var(--av-gold); } .sp8-ln.is-s{ stroke:#cfd6e6; stroke-dasharray:6 5; }
.sp8-lg.is-r{ fill:var(--av-white,#fff); } .sp8-lg.is-g{ fill:var(--av-gold); } .sp8-lg.is-s{ fill:#cfd6e6; }
.sp9-line.is-g{ stroke:var(--av-gold); } .sp9-line.is-s{ stroke:#cfd6e6; }
.sp7-chart svg.sp9-top{ touch-action:pan-y; }
.sp7-chart .sp7-cur{ position:static; margin:0 0 .5rem; }
/* Einheitlicher Seiten-Header: Bild rechts (max. 600 px hoch, Seitenverhältnis bleibt) */
.av-hero-media{ position:relative; width:fit-content; max-width:100%; margin:0 auto; }
.av-hero-media.av-sp-phone{ max-width:21rem; }
.av-hero-media picture{ display:block; }
.av-hero-media img{ display:block; width:auto; max-width:100%; height:auto; max-height:600px; margin:0 auto; filter:drop-shadow(0 30px 40px rgba(0,0,0,.45)); }
.av-hero-media.av-sp-phone img{ width:100%; max-height:600px; object-fit:contain; }

/* Preisliste: nur die ersten Zeilen, Rest per Knopf */
.av-pl-table tbody tr[hidden]{ display:none; }
.av-pl-more{ display:block; width:100%; border:0; border-top:1px solid var(--av-line); background:var(--av-soft); color:var(--av-text); font:inherit; font-weight:600; font-size:.9375rem; padding:.9rem 1.25rem; cursor:pointer; transition:background .2s, color .2s; }
.av-pl-more:hover{ background:#fff; color:var(--av-gold-dark); }
.av-pl-more:focus-visible{ outline:2px solid var(--av-gold-dark); outline-offset:-2px; }
.av-pl-more::after{ content:"▾"; margin-left:.5rem; display:inline-block; transition:transform .2s; }
.av-pl-more[aria-expanded="true"]::after{ transform:rotate(180deg); }
.av-pl-more[hidden]{ display:none; }
.av-pl-more{ min-height:3.1rem; }
.av-pl-more.is-empty{ cursor:default; pointer-events:none; }
.av-pl-more.is-empty::after{ content:none; }
.av-pl-more.is-empty:hover{ background:var(--av-soft); }
.av-pl-more{ height:3.4rem; padding-top:0; padding-bottom:0; min-height:0; }

/* ===== Online-Depot 5: Handy-Bühne, mobil optimiert ===== */
.av-od5{ position:relative; padding:.5rem 0 2rem; overflow:hidden; }
.av-od5-hero{ min-height:0; padding:0; }
.av-od5-hero .av-hero-inner{ padding-block:1.5rem .75rem; }
.av-od5-hero .av-hero-title{ margin-bottom:.6rem; }
.av-od5-hero .av-hero-text{ margin-bottom:0; }
@media (min-width:992px){ .av-od5-hero .av-hero-inner{ padding-block:3rem 2rem; } }
.av-od5::before{ content:""; position:absolute; left:50%; top:38%; width:40rem; height:40rem; max-width:150vw; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(var(--av-gold-rgb),.22),transparent 65%); pointer-events:none; }
.od5-grid{ position:relative; display:grid; gap:.9rem; }
.od5-chips{ list-style:none; margin:0 -1rem; padding:.25rem 1rem; display:flex; gap:.4rem; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; }
.od5-chips::-webkit-scrollbar{ display:none; }
.od5-chips li{ flex:0 0 auto; scroll-snap-align:center; }
.od5-chip{ display:flex; flex-direction:column; align-items:center; gap:.1rem; min-width:3.9rem; padding:.45rem .7rem; border-radius:999px; border:1px solid rgba(var(--av-white-rgb),.2); background:transparent; color:rgba(var(--av-white-rgb),.75); font:inherit; font-size:.8125rem; cursor:pointer; white-space:nowrap; transition:background .2s,border-color .2s,color .2s; }
.od5-chip b{ font-size:.625rem; letter-spacing:.12em; color:var(--av-gold); font-weight:600; }
.od5-chip .od5-full{ display:none; }
.od5-chip:hover,.od5-chip:focus-visible{ color:var(--av-white); border-color:rgba(var(--av-gold-rgb),.6); }
.od5-chip.is-active{ color:var(--av-white); background:rgba(var(--av-gold-rgb),.16); border-color:var(--av-gold); }
.od5-stage{ position:relative; display:flex; align-items:center; justify-content:center; }
.od5-phone{ display:grid; width:min(48vw,11.5rem); margin:0 auto; }
.od5-screen{ grid-area:1/1; display:block; width:100%; height:auto; opacity:0; transform:translateY(10px) scale(.98); transition:opacity .4s ease, transform .4s ease; filter:url(#av-noshadow) drop-shadow(0 24px 40px rgba(0,0,0,.5)); }
.od5-screen.is-active{ opacity:1; transform:none; }
.od5-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:2.4rem; height:2.4rem; border-radius:50%; border:1px solid rgba(var(--av-white-rgb),.3); background:rgba(10,12,22,.7); color:var(--av-white); display:grid; place-items:center; cursor:pointer; }
.od5-arrow.is-prev{ left:0; } .od5-arrow.is-next{ right:0; }
.od5-arrow:hover,.od5-arrow:focus-visible{ border-color:var(--av-gold); color:var(--av-gold); }
.od5-info{ display:flex; flex-direction:column; }
.od5-panes{ display:block; order:0; }
.od5-pane{ display:none; border:1px solid rgba(var(--av-white-rgb),.14); background:rgba(var(--av-white-rgb),.05); border-radius:16px; padding:1.1rem 1.15rem; }
.od5-pane.is-active{ display:block; animation:od5-in .35s ease both; }
@keyframes od5-in{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
.od5-ctrl{ display:contents; }   /* Handy: Punkte oben (fester Platz), dann Karte, dann Button */
.od5-dots{ order:-1; } .od5-btns{ order:1; } .od5-hint{ order:2; }
.od5-pane .av-kicker{ margin:0 0 .4rem; }
.od5-num{ display:none; }
.od5-h{ margin:0 0 .5rem; font-size:1.3125rem; font-weight:400; line-height:1.25; color:var(--av-white); }
.od5-t{ margin:0; color:rgba(var(--av-white-rgb),.78); line-height:1.55; }
.od5-pane .av-check{ margin:.75rem 0 0; }
.od5-dots{ display:flex; gap:.3rem; justify-content:center; margin-bottom:.9rem; }
.od5-dots i{ width:.4rem; height:.4rem; border-radius:999px; background:rgba(var(--av-white-rgb),.28); transition:width .25s, background .25s; }
.od5-dots i.is-active{ width:1.4rem; background:var(--av-gold); }
.od5-btns{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.od5-btns .od5-pn{ display:none; }
.od5-btns .od5-go{ width:100%; }
.od5-hint{ margin:.6rem 0 0; text-align:center; font-size:.75rem; color:rgba(var(--av-white-rgb),.55); }
@media (min-width:992px){
  .av-od5{ padding:4rem 0 5rem; }
  .od5-grid{ grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:3rem; }
  .od5-chips{ flex-direction:column; overflow:visible; margin:0; padding:0; gap:.35rem; }
  .od5-chip{ flex-direction:row; justify-content:flex-start; gap:.75rem; width:100%; border-radius:12px; padding:.7rem 1rem; font-size:1.0625rem; }
  .od5-chip b{ font-size:.75rem; }
  .od5-chip .od5-sh{ display:none; } .od5-chip .od5-full{ display:inline; }
  .od5-phone{ width:min(100%,19rem); }
  .od5-arrow{ display:none; }
  .od5-panes{ display:grid; }
  .od5-pane{ display:block; grid-area:1/1; visibility:hidden; opacity:0; animation:none; border:0; background:none; padding:0; }
  .od5-pane.is-active{ visibility:visible; opacity:1; animation:none; }
  .od5-ctrl{ display:block; margin-top:1.5rem; }
  .od5-dots{ order:0; margin-bottom:1.1rem; } .od5-btns{ margin-top:0; }
  .od5-num{ display:block; font-size:clamp(4rem,8vw,7.5rem); font-weight:200; line-height:1; color:rgba(var(--av-gold-rgb),.35); }
  .od5-kn{ display:none; }
  .od5-h{ font-size:clamp(1.5rem,2.6vw,2.125rem); }
  .od5-dots{ gap:.35rem; justify-content:flex-start; }
  .od5-dots i{ flex:1 1 0; max-width:2.25rem; height:3px; border-radius:2px; width:auto; }
  .od5-dots i.is-active{ width:auto; }
  .od5-btns .od5-pn{ display:inline-flex; }
  .od5-btns .od5-go{ width:auto; }
  .od5-hint{ display:none; }
}
@media (prefers-reduced-motion:reduce){ .od5-screen,.od5-pane{ transition:none; } }

/* Online-Depot 6: Karte überlappt das untere Drittel des Handys (nur Handy/Tablet) */
@media (max-width:991.98px){
  .av-od6 .od5-stage{ position:relative; z-index:1; }
  .av-od6 .od5-phone{ --od6-w:min(64vw,15rem); width:var(--od6-w); }
  .av-od6 .od5-info{ position:relative; z-index:3; margin-top:var(--od6-ov,-9rem); }
  .av-od6 .od5-panes{ order:0; }
  .av-od6 .od5-pane{ background:rgba(10,14,28,.9); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-color:rgba(var(--av-gold-rgb),.45); box-shadow:0 -14px 34px -10px rgba(0,0,0,.6); }
  .av-od6 .od5-dots{ order:1; margin:.9rem 0 0; }
  .av-od6 .od5-btns{ order:2; }
  .av-od6 .od5-hint{ order:3; }
}
/* Online-Depot 6: Chips als breite Pillen (Nummer links neben dem Namen) */
@media (max-width:991.98px){
  .av-od6 .od5-chips{ gap:.6rem; }
  .av-od6 .od5-chip{ flex-direction:row; align-items:center; gap:.6rem; min-width:0; padding:.7rem 1.15rem; font-size:1rem; line-height:1.2; }
  .av-od6 .od5-chip b{ font-size:.8125rem; letter-spacing:.06em; }
}

/* Standard-Box (frei befüllbar) */
.av-std-img{ display:block; max-width:100%; height:auto; max-height:26rem; margin-inline:auto; }
.av-std .av-lead{ margin-bottom:1rem; }

/* SwitchPilot-Rechner Desktop: oben Chart + Regler, mitte Tabelle | 3 Schritt-Karten, unten Ergebnis-Balken */
.sp7-tbl{ display:none; } .sp7-steps{ display:flex; flex-direction:column; gap:.75rem; }
@media (min-width:992px){
  .sp7-card:has(.sp7-tbl){ grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); grid-template-rows:auto auto auto; }
  .sp7-card:has(.sp7-tbl) .sp7-l{ grid-column:1 / -1; grid-row:1; border-right:0; padding-bottom:1rem; }
  .sp7-card:has(.sp7-tbl) .sp7-sl{ gap:1rem 1.2rem; }
  .sp7-card:has(.sp7-tbl) .sp7-f{ border:1px solid rgba(var(--av-white-rgb),.12); border-radius:14px; padding:1rem 1.3rem .9rem; background:rgba(var(--av-white-rgb),.03); }
  .sp7-card:has(.sp7-tbl) .sp7-r{ display:contents; }
  .sp7-tbl{ display:grid; grid-column:1; grid-row:2; align-self:stretch; justify-self:stretch; width:auto; height:auto; margin:0 1.4rem 0 clamp(1rem,2.4vw,1.9rem); border:1px solid rgba(var(--av-white-rgb),.14); border-radius:12px; overflow:hidden; background:rgba(var(--av-white-rgb),.03); }
  .sp7-tbl tbody{ display:grid; grid-template-rows:repeat(3,1fr); height:100%; } .sp7-tbl tr{ display:grid; grid-template-columns:60% 1fr; } .sp7-tbl th, .sp7-tbl td{ display:flex; align-items:center; }
  .sp7-tbl th, .sp7-tbl td{ padding:.95rem 1.25rem; border-bottom:1px solid rgba(var(--av-white-rgb),.1); font-size:1.05rem; }
  .sp7-tbl tr:last-child th, .sp7-tbl tr:last-child td{ border-bottom:0; }
  .sp7-tbl th{ font-weight:400; text-align:left; border-right:1px solid rgba(var(--av-white-rgb),.1); }
  .sp7-tbl td{ font-weight:700; font-variant-numeric:tabular-nums; } .sp7-tbl th, .sp7-tbl td{ vertical-align:middle; }
  .sp7-card:has(.sp7-tbl) .sp7-steps{ grid-column:2; grid-row:2; flex-direction:row; align-items:stretch; gap:1.4rem; padding:0 clamp(1rem,2.4vw,1.9rem) 0 0; }
  .sp7-card:has(.sp7-tbl) .sp7-stp{ flex:1 1 0; min-width:0; flex-direction:column; align-items:flex-start; gap:.6rem; padding:1rem 1.1rem; position:relative; }
  .sp7-card:has(.sp7-tbl) .sp7-stp:not(:last-child)::after{ content:"\203A"; position:absolute; right:-1.1rem; top:50%; transform:translateY(-50%); width:.8rem; text-align:center; font-size:1.4rem; line-height:1; color:rgba(var(--av-white-rgb),.55); }
  .sp7-card:has(.sp7-tbl) .sp7-final{ grid-column:1 / -1; grid-row:3; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:2.2rem; align-items:center; text-align:left; margin:1.4rem clamp(1rem,2.4vw,1.9rem) clamp(1rem,2.4vw,1.9rem); padding:1.1rem 2rem; border:1px solid var(--av-gold); border-radius:16px; background:linear-gradient(100deg,rgba(var(--av-gold-rgb),.22),rgba(var(--av-gold-rgb),.06)); }
  .sp7-card:has(.sp7-tbl) .sp7-final small{ grid-column:1; grid-row:1; }
  .sp7-card:has(.sp7-tbl) .sp7-final b{ grid-column:1; grid-row:2; }
  .sp7-card:has(.sp7-tbl) .sp7-final span{ grid-column:2; grid-row:1 / span 2; margin:0; padding-left:2.2rem; border-left:1px solid rgba(var(--av-gold-rgb),.45); font-size:1.15rem; }
}
}
.sp7-stp p.sp7-sum{ color:var(--av-gold); opacity:1; font-weight:500; margin-top:.6rem; }
/* SwitchPilot-Rechner: dezentere Linien-Pillen im Chart */
.sp7-card .sp9-pill{ stroke-width:1; stroke:rgba(var(--av-gold-rgb),.75); fill:rgba(var(--av-dark-rgb,11,18,38),.85); }
.sp7-card .sp9-p1{ font-size:16px; font-weight:600; } .sp7-card .sp9-p2{ font-size:13px; }
.sp7-card .sp9-grip path{ stroke-width:1.4; opacity:.7; } .sp7-card .sp9-thr{ stroke-width:1.4; stroke-dasharray:7 6; opacity:.85; }
.sp7-card .sp9-top:not([data-touched="1"]) .sp9-h .sp9-pill{ animation:none; }
/* Desktop: Schritt-Karten kompakt, Nummer links, Text umläuft */
@media (min-width:992px){
  .sp7-card:has(.sp7-tbl) .sp7-stp{ display:block; padding:.9rem 1rem; }
  .sp7-card:has(.sp7-tbl) .sp7-stp>i{ float:left; margin:0 .65rem .15rem 0; width:1.7rem; height:1.7rem; font-size:.9rem; }
  .sp7-card:has(.sp7-tbl) .sp7-stp>div{ display:block; }
  .sp7-card:has(.sp7-tbl) .sp7-stp small{ margin-bottom:.35rem; line-height:1.3; }
  .sp7-card:has(.sp7-tbl) .sp7-stp p{ margin:.15rem 0 .35rem; line-height:1.4; }
}

/* Sparplan: Bild max. Höhe + Beispielrechnung */
.av-metal-img{ max-height:22rem; width:auto; max-width:100%; }
.av-avg-grid{ display:grid; gap:1rem; margin-top:1.6rem; } @media (min-width:768px){ .av-avg-grid{ grid-template-columns:repeat(3,1fr); } }
.av-avg-card{ display:flex; flex-direction:column; padding:1.4rem 1.5rem; border-radius:18px; background:var(--av-soft); }
.av-avg-card small{ font-size:.85rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--av-text-soft); }
.av-avg-price{ font-size:clamp(1.9rem,3vw,2.6rem); font-weight:300; color:var(--av-dark); margin-top:.6rem; line-height:1.1; }
.av-avg-pl{ color:var(--av-text-soft); font-size:.95rem; }
.av-avg-fig{ display:flex; align-items:flex-end; gap:1rem; margin:1.4rem 0 1.2rem; min-height:140px; }
.av-avg-bar{ flex:none; width:64px; border-radius:12px; background:var(--av-gold); display:block; }
.av-avg-fig strong{ display:block; font-size:clamp(1.5rem,2.4vw,2rem); font-weight:700; color:var(--av-dark); line-height:1.1; } .av-avg-fig em{ font-style:normal; color:var(--av-text-soft); }
.av-avg-card p{ margin:auto 0 0; color:var(--av-dark); }
.av-avg-sum{ display:grid; gap:1.4rem; margin-top:1rem; padding:1.6rem 2rem; border-radius:18px; background:var(--av-dark); color:#fff; } @media (min-width:768px){ .av-avg-sum{ grid-template-columns:1fr 1fr; align-items:center; } }
.av-avg-sum p{ margin:0 0 .3rem; font-size:1.2rem; } .av-avg-sum strong{ display:block; font-size:clamp(2.2rem,4vw,3.2rem); font-weight:700; line-height:1.1; } .av-avg-sum span{ display:block; margin-top:.5rem; opacity:.8; }
.av-avg-r b{ display:block; font-size:clamp(1.6rem,2.6vw,2.2rem); font-weight:300; opacity:.85; } .av-avg-r small{ display:block; margin-top:.2rem; opacity:.8; font-size:.95rem; }
.av-avg-note{ margin:1rem 0 0; font-size:.9rem; color:var(--av-text-soft); } .av-avg-note+.av-avg-note{ margin-top:.3rem; }

/* Login-Symbol mit Auswahl (Kunden / Partner) */
.av-login-dd{ position:relative; display:inline-block; }
.av-login-dd .av-login::after{ display:none; }
.av-login-dd .dropdown-menu{ min-width:12rem; margin-top:.6rem; }
@media (max-width:1199.98px){ .av-login-dd{ display:block; } .av-login-dd .dropdown-menu{ position:static; } }

/* SwitchPilot 10: Ratio erklärt (3 Spalten) */
.sp10-cols{ margin-top:2rem; display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:768px){ .sp10-cols{ grid-template-columns:repeat(3,1fr); gap:1.25rem; } }
.sp10-col{ position:relative; background:var(--av-white,#fff); border:1px solid var(--av-line,rgba(0,0,0,.1)); border-radius:var(--av-radius,1rem); padding:1.4rem 1.4rem 1.5rem; }
.sp10-col>i{ display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--av-gold,#c9a24a); color:#fff; font-style:normal; font-weight:600; margin-bottom:.6rem; }
.sp10-col h3{ font-size:1.2rem; margin:0 0 .5rem; }
.sp10-col p{ margin:0; color:var(--av-text-soft); }
.sp10-ratio .sp8-path{ margin-top:1.5rem; }
@media (max-width:991.98px){ .sp8-box.is-r{ transform:none; } }

/* SwitchPilot 11: Ratio erklärt – Bilder, Beispiel, Hoch/Niedrig */
.sp11-ratio{ background:var(--av-white,#fff); }
.sp11-head{ text-align:center; max-width:46rem; margin:0 auto; }
.sp11-head .av-lead{ margin:.6rem auto 0; }
.sp11-ex{ margin:2rem auto 0; max-width:60rem; background:var(--av-soft,#f5f3ef); border-radius:1.2rem; padding:1.4rem 1rem 1.2rem; text-align:center; }
.sp11-exl{ margin:0 0 .6rem; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--av-gold-dark,var(--av-gold)); }
.sp11-eq{ display:grid; grid-template-columns:1fr; gap:.6rem; align-items:end; justify-items:center; }
.sp11-side{ display:flex; flex-direction:column; align-items:center; gap:.4rem; }
.sp11-side img{ width:auto; height:9.5rem; max-width:100%; object-fit:contain; }
.sp11-side b{ font-size:clamp(1.6rem,3.6vw,2.3rem); font-weight:500; color:var(--av-dark); }
.sp11-is{ width:2.6rem; height:.9rem; border-top:3px solid var(--av-gold); border-bottom:3px solid var(--av-gold); align-self:center; margin:.2rem 0; }
.sp11-sub{ margin:1rem 0 0; color:var(--av-text-soft); }
@media (min-width:768px){ .sp11-eq{ grid-template-columns:1fr auto 1fr; gap:1.5rem; } .sp11-side img{ height:11rem; } .sp11-is{ margin:0 0 3rem; } .sp11-ex{ padding:1.8rem 1.5rem 1.4rem; } }
.sp11-cards{ margin:1.2rem auto 0; max-width:60rem; display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:768px){ .sp11-cards{ grid-template-columns:1fr 1fr; } }
.sp11-card{ display:flex; gap:1rem; align-items:flex-start; border:1px solid var(--av-line,rgba(0,0,0,.1)); border-radius:1rem; padding:1.1rem 1.2rem; background:var(--av-white,#fff); }
.sp11-ic{ flex:none; display:grid; place-items:center; width:2.8rem; height:2.8rem; border-radius:50%; border:1.5px solid var(--av-gold); color:var(--av-gold-dark,var(--av-gold)); }
.sp11-card h3{ font-size:1.2rem; margin:0 0 .25rem; }
.sp11-card p{ margin:0; color:var(--av-text-soft); }
.sp11-more{ text-align:center; margin:2.2rem auto 0; padding-top:1.6rem; border-top:1px solid var(--av-line,rgba(0,0,0,.1)); max-width:60rem; }
.sp11-more h3{ font-size:clamp(1.3rem,2.6vw,1.7rem); font-weight:400; margin:0 0 .5rem; }
.sp11-more a{ color:var(--av-gold-dark,var(--av-gold)); text-decoration:underline; text-underline-offset:.25em; }

/* SwitchPilot 12: Was ist der SwitchPilot? */
.sp12-grid{ margin-top:2rem; display:grid; gap:2rem; grid-template-columns:1fr; align-items:center; }
.sp12-body{ max-width:46rem; margin:0 auto; text-align:center; }
.sp12-tx{ font-size:1.15rem; line-height:1.6; margin:0 0 1.8rem; }
.sp12-pts{ display:grid; gap:1.4rem; grid-template-columns:1fr; text-align:center; }
.sp12-pt{ display:flex; flex-direction:column; align-items:center; }
.sp12-ic{ display:grid; place-items:center; width:4rem; height:4rem; border-radius:50%; border:2px solid var(--av-gold); color:var(--av-gold-dark,var(--av-gold)); margin-bottom:.7rem; }
.sp12-pt:nth-child(2) .sp12-ic{ background:var(--av-gold); color:#fff; }
.sp12-pt h3{ font-size:1.25rem; margin:0 0 .2rem; }
.sp12-pt p{ margin:0; color:var(--av-text-soft); }
.sp12-more{ margin:1.8rem 0 .8rem; }
.sp12-more a{ color:var(--av-gold-dark,var(--av-gold)); text-decoration:underline; text-underline-offset:.25em; }
.sp12-img img{ display:block; max-width:min(20rem,70%); height:auto; margin:0 auto; }
@media (min-width:768px){ .sp12-pts{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:992px){ .sp12-sw.has-img .sp12-grid{ grid-template-columns:5fr 7fr; gap:3rem; } .sp12-sw.has-img .sp12-body{ text-align:left; max-width:none; margin:0; } .sp12-sw.has-img .sp12-pts{ text-align:left; } .sp12-sw.has-img .sp12-pt{ align-items:flex-start; } }

/* SwitchPilot 14 – Geschichte */
.sp14 .sp11-head{ margin-bottom:2.2rem; }
.sp11-ratio + .sp14{ padding-top:clamp(3rem,6vw,5rem); }
.sp14-wrap{ position:relative; display:grid; grid-template-columns:1fr; gap:0; }
.sp14-stick{ position:sticky; top:7.2rem; z-index:3; padding:.4rem 0 .8rem; background:linear-gradient(var(--av-dark) 85%, transparent); }
.sp14-card{ background:color-mix(in srgb, var(--av-dark) 93%, #fff 7%); border:1px solid rgba(255,255,255,.12); border-radius:1.1rem; padding:.7rem .7rem .8rem; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.sp14-plot{ width:100%; min-height:12rem; }
.sp14-svg{ display:block; width:100%; height:auto; overflow:visible; }
.sp14-grid{ stroke:rgba(255,255,255,.08); stroke-width:1; }
.sp14-ax{ fill:rgba(255,255,255,.5); font-size:11px; }
.sp14-line{ fill:none; stroke:#fff; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; transition:opacity .5s, stroke .5s; }
.sp14-area{ opacity:.9; transition:opacity .6s; }
.sp14-svg.is-dim .sp14-line{ stroke:rgba(255,255,255,.7); }
.sp14-thr{ stroke:var(--av-gold,#c9a24a); stroke-width:1.2; stroke-dasharray:5 5; opacity:0; transition:opacity .5s; }
.sp14-thr.is-on, .sp14-g.is-on .sp14-thr{ opacity:.75; }
.sp14-g{ opacity:0; pointer-events:none; transition:opacity .5s; }
.sp14-g.is-on{ opacity:1; }
.sp14-g .sp14-thr{ opacity:0; } .sp14-g.is-on .sp14-thr{ opacity:.75; }
.sp14-dot{ fill:#fff; stroke:var(--av-gold,#c9a24a); stroke-width:2.5; }
.sp14-halo{ fill:rgba(201,162,74,.22); }
.sp14-stem{ stroke:rgba(255,255,255,.35); stroke-width:1; }
.sp14-lb{ fill:#101a35; stroke:var(--av-gold,#c9a24a); stroke-width:1.2; }
.sp14-lt{ fill:#fff; }
.sp14-l1{ font-size:12px; font-weight:600; fill:var(--av-gold,#c9a24a); } .sp14-l2{ font-size:13px; fill:#fff; }
.m-a .sp14-dot, .m-b .sp14-dot{ r:6.5; }
.m-b .sp14-lb{ fill:#17213f; }
.sp14-ro{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.35rem; align-items:center; margin-top:.5rem; }
.sp14-arr{ color:var(--av-gold,#c9a24a); font-size:1.1rem; text-align:center; opacity:.35; }
.sp14-rb{ text-align:center; padding:.45rem .3rem; border-radius:.7rem; border:1px solid rgba(255,255,255,.12); opacity:.32; transition:opacity .5s, border-color .5s, background .5s, transform .5s; min-width:0; }
.sp14-rb.is-on{ opacity:1; }
.sp14-rb small{ display:block; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.6); line-height:1.2; }
.sp14-rb b{ display:block; font-size:clamp(.95rem,3.6vw,1.35rem); font-weight:600; font-variant-numeric:tabular-nums; line-height:1.2; margin-top:.15rem; white-space:nowrap; }
.sp14-rb i{ display:none; font-style:normal; font-weight:700; color:var(--av-gold,#c9a24a); font-size:.95rem; }
.sp14-rb.is-r.is-on{ border-color:var(--av-gold,#c9a24a); background:rgba(201,162,74,.1); }
.sp14-rb.is-r.is-on b{ color:var(--av-gold,#c9a24a); }
.sp14-wrap.is-final .sp14-rb.is-r{ box-shadow:0 0 0 1px var(--av-gold,#c9a24a), 0 10px 36px rgba(201,162,74,.28); }
.sp14-wrap.is-final .sp14-rb.is-r i{ display:block; }
.sp14-arr{ transition:opacity .5s; } .sp14-wrap[data-step="3"] .sp14-arr, .sp14-wrap[data-step="4"] .sp14-arr, .sp14-wrap[data-step="5"] .sp14-arr{ opacity:1; }
/* Schritte */
.sp14-step{ display:block; margin:0 0 22vh; padding:0; }
.sp14-step:last-child{ margin-bottom:30vh; }
.sp14-steps{ padding-top:2vh; }
.sp14-sc{ width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:1.1rem; padding:1.3rem 1.3rem 1.4rem; opacity:1; transition:opacity .5s, transform .5s, border-color .5s; }
.sp14-wrap.js .sp14-sc{ opacity:.35; transform:translateY(10px); }
.sp14-wrap.js .sp14-step.is-on .sp14-sc{ opacity:1; transform:none; border-color:rgba(201,162,74,.6); }
.sp14-tag{ margin:0 0 .5rem; font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:var(--av-gold,#c9a24a); }
.sp14-sc h3{ font-size:clamp(1.5rem,3.4vw,2.1rem); font-weight:400; line-height:1.15; margin:0 0 .6rem; }
.sp14-sc p{ margin:0; font-size:1.05rem; line-height:1.55; color:rgba(255,255,255,.82); }
.sp14-sc p.sp14-tag{ color:var(--av-gold,#c9a24a); font-size:.8rem; margin-bottom:.5rem; }
.sp14-step.is-res h3{ color:var(--av-gold,#c9a24a); font-size:clamp(2rem,5vw,3rem); font-weight:500; }
.sp14-eq{ display:flex; align-items:flex-end; justify-content:center; gap:.8rem; margin:.2rem 0 .8rem; }
.sp14-eq img{ height:4.6rem; width:auto; max-width:40%; object-fit:contain; }
.sp14-eq span{ width:1.8rem; height:.7rem; border-top:3px solid var(--av-gold,#c9a24a); border-bottom:3px solid var(--av-gold,#c9a24a); margin-bottom:1.6rem; }
.sp14-go{ margin-top:1.1rem !important; } .sp14-go a{ color:var(--av-gold,#c9a24a); text-decoration:underline; text-underline-offset:.25em; font-weight:500; }
.sp14-note{ margin-top:2rem; text-align:center; }
@media (min-width:992px){
  .sp14-wrap{ grid-template-columns:7fr 5fr; gap:2.5rem; align-items:start; }
  .sp14-stick{ top:10rem; align-self:start; height:fit-content; padding:0; background:none; }
  .sp14-card{ padding:1rem 1.1rem 1.1rem; }
  .sp14-steps{ padding:0; }
  .sp14-step{ min-height:62vh; display:block; margin:0; padding:0; }
  .sp14-step:last-child{ min-height:62vh; }
  .sp14-sc{ position:sticky; top:13.5rem; }
  .sp14-wrap.js .sp14-sc{ opacity:0; transform:none; }
  .sp14-wrap.js .sp14-step.is-on .sp14-sc{ opacity:1; }
  .sp14-rb{ padding:.7rem .5rem; }
  .sp14-rb small{ font-size:.7rem; }
}
@media (prefers-reduced-motion:reduce){ .sp14-sc,.sp14-rb,.sp14-g,.sp14-line{ transition:none !important; } }

/* SwitchPilot 14 – Klick statt Scrollen */
.sp14-nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin:0 0 1.4rem; }
.sp14-tb{ display:inline-flex; align-items:center; gap:.55rem; background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:.5rem 1.1rem .5rem .5rem; font-size:1rem; cursor:pointer; transition:background .25s,border-color .25s,color .25s; }
.sp14-tb:hover{ border-color:var(--av-gold,#c9a24a); }
.sp14-tn{ display:inline-grid; place-items:center; width:1.8rem; height:1.8rem; border-radius:50%; background:rgba(255,255,255,.14); font-weight:600; font-size:.9rem; }
.sp14-tb.is-on{ background:var(--av-gold,#c9a24a); border-color:var(--av-gold,#c9a24a); color:#14161c; font-weight:600; }
.sp14-tb.is-on .sp14-tn{ background:#14161c; color:var(--av-gold,#c9a24a); }
.sp14-wrap.js .sp14-stick{ position:static; background:none; padding:0; }
.sp14-wrap.js .sp14-step{ display:none; min-height:0; margin:0; }
.sp14-wrap.js .sp14-step.is-on{ display:block; }
.sp14-wrap.js .sp14-sc, .sp14-wrap.js .sp14-step.is-on .sp14-sc{ position:static; opacity:1; transform:none; border-color:rgba(201,162,74,.6); margin-top:1rem; animation:sp14in .45s ease; }
.sp14-wrap .sp14-steps{ padding:0; }
.sp14-nx{ margin-top:1.2rem !important; }
.sp14-next{ background:var(--av-gold,#c9a24a); color:#14161c; border:0; border-radius:999px; padding:.65rem 1.5rem; font-weight:600; font-size:1rem; cursor:pointer; }
.sp14-next:hover{ filter:brightness(1.08); }
@keyframes sp14in{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@media (min-width:992px){
  .sp14-wrap.js{ align-items:center; }
  .sp14-wrap.js .sp14-sc{ margin-top:0; }
}
@media (max-width:575.98px){ .sp14-tb{ padding:.4rem .8rem .4rem .4rem; font-size:.9rem; } .sp14-nav{ gap:.4rem; } }
@media (max-width:575.98px){ .sp14-nav{ display:grid; grid-template-columns:1fr 1fr; } .sp14-tb{ justify-content:flex-start; } }

/* SwitchPilot 15 – Zeitraum-Auswahl am Rechner-Chart */
.sp15-rng{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:0 0 .8rem; }
.sp15-rl{ font-size:.9rem; color:rgba(var(--av-white-rgb),.65); margin-right:.2rem; }
.sp15-rb{ background:rgba(var(--av-white-rgb),.06); color:var(--av-white); border:1px solid rgba(var(--av-white-rgb),.25); border-radius:999px; padding:.35rem 1rem; font-weight:600; font-size:.95rem; cursor:pointer; transition:background .2s,border-color .2s; }
.sp15-rb:hover{ border-color:var(--av-gold); }
.sp15-rb.is-on{ background:var(--av-gold); border-color:var(--av-gold); color:#14161c; }
.sp15-rb[hidden]{ display:none; }

/* SwitchPilot 16 – Simulator */
.sp16 .sp11-head{ margin-bottom:1.6rem; }
.sp16-card{ background:color-mix(in srgb, var(--av-dark) 93%, #fff 7%); border:1px solid rgba(255,255,255,.12); border-radius:1.2rem; padding:1rem 1rem 1.1rem; box-shadow:0 18px 50px rgba(0,0,0,.3); }
.sp16-top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.7rem; margin-bottom:.6rem; }
.sp16-rng{ display:flex; flex-wrap:wrap; gap:.4rem; }
.sp16-chip{ background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:.3rem .95rem; font-weight:600; font-size:.95rem; cursor:pointer; transition:background .2s,border-color .2s; }
.sp16-chip:hover{ border-color:var(--av-gold,#c9a24a); }
.sp16-chip.is-on{ background:var(--av-gold,#c9a24a); border-color:var(--av-gold,#c9a24a); color:#14161c; }
.sp16-chip[hidden]{ display:none; }
.sp16-play{ display:inline-flex; align-items:center; gap:.5rem; background:transparent; color:var(--av-gold,#c9a24a); border:1.5px solid var(--av-gold,#c9a24a); border-radius:999px; padding:.4rem 1.1rem; font-weight:600; cursor:pointer; }
.sp16-play:hover, .sp16-play.is-on{ background:var(--av-gold,#c9a24a); color:#14161c; }
.sp16-pi{ font-size:.8rem; }
.sp16-plot{ width:100%; min-height:15rem; user-select:none; -webkit-user-select:none; }
.sp16-svg{ display:block; width:100%; height:auto; overflow:visible; touch-action:pan-y; }
.sp16-grid{ stroke:rgba(255,255,255,.08); }
.sp16-ax{ fill:rgba(255,255,255,.55); font-size:11.5px; }
.sp16-ln{ fill:none; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; }
.sp16-ln.is-g{ stroke:#e0b84f; } .sp16-ln.is-s{ stroke:#b8c6dc; }
.sp16-mk{ opacity:0; transition:opacity .25s; } .sp16-mk.is-on{ opacity:1; }
.sp16-halo{ fill:rgba(255,255,255,.16); }
.sp16-mk.is-s .sp16-dot{ fill:#b8c6dc; stroke:#fff; stroke-width:2; } .sp16-mk.is-g .sp16-dot{ fill:#e0b84f; stroke:#fff; stroke-width:2; }
.sp16-thl{ stroke:var(--av-gold,#c9a24a); stroke-width:1.4; stroke-dasharray:6 6; opacity:.85; }
.sp16-hit{ fill:transparent; cursor:ns-resize; }
.sp16-chip-bg{ fill:#0f1730; stroke:var(--av-gold,#c9a24a); stroke-width:1.1; }
.sp16-chip-tx{ fill:#fff; font-size:12.5px; font-weight:600; }
.sp16-grip circle{ fill:#0f1730; stroke:var(--av-gold,#c9a24a); stroke-width:1.4; } .sp16-grip path{ stroke:var(--av-gold,#c9a24a); stroke-width:1.5; stroke-linecap:round; fill:none; }
.sp16-th:focus{ outline:none; } .sp16-th:focus .sp16-thl, .sp16-th:hover .sp16-thl{ opacity:1; stroke-width:2; }
.sp16-curl{ stroke:rgba(255,255,255,.4); stroke-width:1; stroke-dasharray:3 3; } .sp16-curd{ fill:#fff; stroke:var(--av-gold,#c9a24a); stroke-width:2.5; }
.is-drag .sp16-plot{ cursor:ns-resize; }
.sp16-leg{ display:flex; gap:1.2rem; justify-content:center; font-size:.85rem; color:rgba(255,255,255,.7); margin:.2rem 0 .8rem; }
.sp16-leg span::before{ content:''; display:inline-block; width:1.4rem; height:.28rem; border-radius:2px; margin-right:.45rem; vertical-align:middle; }
.sp16-leg .is-g::before{ background:#e0b84f; } .sp16-leg .is-s::before{ background:#b8c6dc; }
.sp16-ctl{ display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-bottom:.9rem; }
.sp16-st{ display:flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:.9rem; padding:.45rem .6rem .45rem .9rem; }
.sp16-sl{ flex:1; font-size:.9rem; color:rgba(255,255,255,.75); line-height:1.2; }
.sp16-st button{ width:2.1rem; height:2.1rem; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); color:#fff; font-size:1.2rem; line-height:1; cursor:pointer; }
.sp16-st button:hover{ border-color:var(--av-gold,#c9a24a); color:var(--av-gold,#c9a24a); }
.sp16-st output{ min-width:2.4ch; text-align:center; font-weight:700; font-size:1.15rem; color:var(--av-gold,#c9a24a); font-variant-numeric:tabular-nums; }
.sp16-out{ display:grid; grid-template-columns:1fr auto 1.15fr auto 1.25fr; gap:.4rem; align-items:stretch; }
.sp16-ar{ align-self:center; color:var(--av-gold,#c9a24a); opacity:.6; }
.sp16-t{ border:1px solid rgba(255,255,255,.14); border-radius:.9rem; padding:.7rem .6rem; text-align:center; min-width:0; transition:background .35s,border-color .35s; }
.sp16-t small{ display:block; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.6); line-height:1.25; }
.sp16-t small em{ font-style:normal; letter-spacing:0; text-transform:none; color:rgba(255,255,255,.85); }
.sp16-t b{ display:block; margin-top:.25rem; font-size:clamp(1.05rem,3.8vw,1.6rem); font-weight:600; font-variant-numeric:tabular-nums; line-height:1.15; }
.sp16-t.is-dep.is-g{ border-color:#e0b84f; background:rgba(224,184,79,.1); } .sp16-t.is-dep.is-s{ border-color:#b8c6dc; background:rgba(184,198,220,.12); }
.sp16-t.is-res{ border-color:var(--av-gold,#c9a24a); background:rgba(201,162,74,.1); }
.sp16-t.is-res b{ color:var(--av-gold,#c9a24a); font-size:clamp(1.3rem,5vw,2.1rem); font-weight:700; } .sp16-t.is-res b.is-neg{ color:#e8a0a0; }
.sp16-t.is-res span{ display:block; font-size:.82rem; color:rgba(255,255,255,.75); margin-top:.15rem; }
.sp16-hint{ margin:.8rem 0 0; text-align:center; font-size:.85rem; color:rgba(255,255,255,.5); }
.sp16-note{ margin-top:1.4rem; text-align:center; }
@media (max-width:575.98px){
  .sp16-card{ padding:.8rem .7rem 1rem; }
  .sp16-out{ grid-template-columns:1fr; } .sp16-ar{ display:none; }
  .sp16-t{ display:flex; align-items:center; justify-content:space-between; text-align:left; gap:.6rem; padding:.6rem .8rem; } .sp16-t b{ margin:0; } .sp16-t.is-res span{ display:block; text-align:right; }
  .sp16-ctl{ grid-template-columns:1fr; }
}
.sp16-t{ display:flex; flex-direction:column; justify-content:center; }
@media (max-width:575.98px){ .sp16-t{ flex-direction:row; } }

/* SwitchPilot 18 – Wechsel-Liste, nummerierte Punkte */
.sp16-num{ fill:#fff; font-size:13px; font-weight:700; paint-order:stroke; stroke:#14161c; stroke-width:3px; stroke-linejoin:round; }
.sp16-list{ list-style:none; margin:0 0 .9rem; padding:0; border:1px solid rgba(255,255,255,.14); border-radius:.9rem; overflow:hidden; }
.sp16-list li{ display:grid; grid-template-columns:2rem 6.5rem 1fr auto; gap:.8rem; align-items:center; padding:.55rem .9rem; opacity:0; max-height:0; padding-top:0; padding-bottom:0; overflow:hidden; transition:opacity .35s, max-height .35s, padding .35s; }
.sp16-list li.is-on{ opacity:1; max-height:6rem; padding-top:.55rem; padding-bottom:.55rem; }
.sp16-list li + li.is-on{ border-top:1px solid rgba(255,255,255,.08); }
.sp16-list li.is-none{ display:block; text-align:center; color:rgba(255,255,255,.6); }
.sp16-ln-n{ width:1.7rem; height:1.7rem; border-radius:50%; display:grid; place-items:center; font-weight:700; font-size:.85rem; color:#14161c; } .sp16-ln-n.is-s{ background:#b8c6dc; } .sp16-ln-n.is-g{ background:#e0b84f; }
.sp16-ln-d, .sp16-ln-r{ font-size:.9rem; color:rgba(255,255,255,.7); } .sp16-ln-r b{ color:#fff; }
.sp16-ln-v{ font-weight:600; text-align:right; font-variant-numeric:tabular-nums; } .sp16-ln-v i{ font-style:normal; color:var(--av-gold,#c9a24a); }
@media (max-width:575.98px){ .sp16-list li{ grid-template-columns:2rem 1fr; row-gap:.1rem; } .sp16-ln-d{ grid-column:2; } .sp16-ln-r{ grid-column:2; } .sp16-ln-v{ grid-column:1 / -1; text-align:left; } .sp16-ln-n{ grid-row:1 / 3; } }

a.av-wtab{ display:inline-block; text-decoration:none; }

/* SwitchPilot 19 – Schritt-Karte im Online-Depot-Stil */
.sp14-wrap.js .sp14-sc.sp19-sc, .sp14-wrap.js .sp14-step.is-on .sp14-sc.sp19-sc{ background:none; border:0; padding:0; margin-top:0; box-shadow:none; }
.sp19-num{ display:block; font-size:clamp(4rem,12vw,7.5rem); font-weight:200; line-height:1; color:rgba(var(--av-gold-rgb),.35); margin:0 0 .5rem; font-variant-numeric:tabular-nums; }
.sp19-sc .sp14-tag{ font-weight:600; letter-spacing:.14em; font-size:.78rem; }
.sp19-sc h3{ font-size:clamp(1.7rem,3.6vw,2.5rem); }
.sp19-sc .sp19-tx{ color:rgba(255,255,255,.75); }
.sp14-step.is-res.sp14-step .sp19-sc h3{ font-size:clamp(1.9rem,4.4vw,3rem); }
.sp19-ctl{ margin-top:1.8rem; }
.sp19-segs{ display:flex; gap:.5rem; margin-bottom:1.3rem; }
.sp19-seg{ position:relative; width:clamp(2.4rem,6vw,3.4rem); height:1.4rem; padding:0; border:0; background:none; cursor:pointer; }
.sp19-seg::before{ content:''; position:absolute; left:0; right:0; top:50%; height:3px; margin-top:-1.5px; background:rgba(255,255,255,.25); transition:background .3s; }
.sp19-seg.is-done::before{ background:rgba(201,162,74,.55); } .sp19-seg.is-on::before{ background:var(--av-gold,#c9a24a); } .sp19-seg:hover::before{ background:var(--av-gold,#c9a24a); }
.sp19-seg:focus-visible{ outline:2px solid var(--av-gold,#c9a24a); outline-offset:2px; }
.sp19-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.sp19-btns{ display:flex; flex-wrap:wrap; gap:.8rem; }
.sp19-b{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.6); border-radius:.15rem; padding:.8rem 1.6rem; font-weight:600; font-size:1rem; cursor:pointer; transition:background .2s,border-color .2s,color .2s; }
.sp19-b:hover:not(:disabled){ border-color:var(--av-gold,#c9a24a); color:var(--av-gold,#c9a24a); }
.sp19-b:disabled{ opacity:.35; cursor:default; }
.sp19-b.is-gold{ background:var(--av-gold,#c9a24a); border-color:var(--av-gold,#c9a24a); color:#14161c; } .sp19-b.is-gold:hover{ color:#14161c; filter:brightness(1.08); }
.sp19-b[hidden]{ display:none; }
@media (min-width:992px){ .sp14-wrap.js:has(.sp19-steps){ align-items:center; } }

/* SwitchPilot 20 – Grenzen eintippbar */
.sp16-st input.sp16-in{ width:5.4rem; text-align:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.25); border-radius:.55rem; color:var(--av-gold,#c9a24a); font-weight:700; font-size:1.1rem; padding:.3rem .2rem; font-variant-numeric:tabular-nums; }
.sp16-st input.sp16-in:focus{ outline:none; border-color:var(--av-gold,#c9a24a); background:rgba(255,255,255,.12); }

/* V20: aktueller Ratio-Wert im Chart */
.sp16-nowd{fill:var(--c-gold,#c9a24a);stroke:#fff;stroke-width:2}
.sp16-nowb{fill:rgba(201,162,74,.16);stroke:var(--c-gold,#c9a24a);stroke-width:1}
.sp16-nowt{fill:#fff;font-size:11px;font-weight:600;pointer-events:none}
.sp16-leg{ flex-wrap:wrap; row-gap:.3rem; }
.sp16-leg .is-now{ color:#fff; font-weight:600; }
.sp16-leg .is-now::before{ width:.6rem; height:.6rem; border-radius:50%; background:var(--c-gold,#c9a24a); }
/* V20: Hover der Karten-Buttons wie Online-Depot = weiß */
.sp19-b:hover:not(:disabled),.sp19-b:focus-visible:not(:disabled){ background:#fff; border-color:#fff; color:#14161c; }
.sp19-b.is-gold:hover:not(:disabled){ background:#fff; border-color:#fff; color:#14161c; filter:none; }

/* V20: „So läuft es ab“ – Spalten nach Anzahl der Schritte */
.sp7-st li:last-child{ border-bottom:0; }
@media (min-width:768px){ .sp7-st.is-n1{ grid-template-columns:1fr; } .sp7-st.is-n3{ grid-template-columns:repeat(3,1fr); } .sp7-st.is-n3 li,.sp7-st.is-n2 li{ border-bottom:0; border-right:1px solid var(--av-line); } .sp7-st.is-n3 li:last-child,.sp7-st.is-n2 li:last-child{ border-right:0; } }
@media (min-width:768px) and (max-width:1099px){ .sp7-st.is-n4 li:nth-child(odd){ border-right:1px solid var(--av-line); } .sp7-st.is-n4 li:nth-child(-n+2){ border-bottom:1px solid var(--av-line); } .sp7-st.is-n4 li:nth-child(n+3){ border-bottom:0; } }
@media (min-width:1100px){ .sp7-st.is-n2{ grid-template-columns:repeat(2,1fr); } .sp7-st.is-n3{ grid-template-columns:repeat(3,1fr); } }
/* V20: Wechsel-Liste dezent (kein Fettdruck, Kreise ohne Farbe) und kompakter */
.sp16-ln-n,.sp16-ln-n.is-s,.sp16-ln-n.is-g{ background:transparent; border:1px solid rgba(255,255,255,.35); color:rgba(255,255,255,.8); font-weight:400; width:1.5rem; height:1.5rem; font-size:.78rem; }
.sp16-ln-v{ font-weight:400; } .sp16-ln-r b{ font-weight:400; }
.sp16-list{ margin-bottom:.55rem; } .sp16-list li.is-on{ padding-top:.4rem; padding-bottom:.4rem; }
@media (min-width:576px){ .sp16-list li{ gap:.7rem; grid-template-columns:1.6rem 6rem 1fr auto; } }
@media (max-width:575.98px){
  .sp16-list li{ grid-template-columns:1.6rem auto 1fr; gap:.1rem .7rem; }
  .sp16-list li.is-on{ max-height:9rem; }
  .sp16-ln-n{ grid-row:1 / 3; align-self:center; }
  .sp16-ln-d{ grid-column:2; grid-row:1; } .sp16-ln-r{ grid-column:3; grid-row:1; white-space:nowrap; text-align:right; }
  .sp16-ln-d,.sp16-ln-r{ white-space:nowrap; font-size:.82rem; }
  .sp16-ln-v{ grid-column:2 / -1; grid-row:2; text-align:left; margin-top:.1rem; }
}
.sp16-leg{ margin-bottom:.45rem; } .sp16-ctl{ gap:.5rem; margin-bottom:.5rem; } .sp16-st{ padding:.3rem .5rem .3rem .8rem; }
.sp16-out{ gap:.3rem; } .sp16-t{ padding:.5rem .6rem; } .sp16-hint{ margin-top:.5rem; }

/* Startseite: Beispiel-Karten mit Bild (Nummer links, Bild rechts) */
.sp2-exr{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; min-height:3.2rem; }
.sp2-exi{ display:inline-flex; align-items:center; justify-content:flex-end; height:3.2rem; color:var(--av-gold,#c9a24a); }
.sp2-exi img{ height:100%; width:auto; max-width:7rem; object-fit:contain; }
.sp2-exi svg{ height:100%; width:auto; }
.s2-spscene .sp2-exr, .s3-vault .sp2-exr{ min-height:2.6rem; } .s2-spscene .sp2-exi, .s3-vault .sp2-exi{ height:2.6rem; }
/* Startseite Beispiel-Karten v2: Bild groß und mittig, Nummer als Plakette links oben, Ergebnis als Pill */
.sp2-exc{ display:flex; flex-direction:column; }
.sp2-exr{ position:relative; display:flex; align-items:center; justify-content:center; min-height:5.6rem; margin-bottom:.35rem; }
.sp2-exr i{ position:absolute; left:0; top:0; }
.sp2-exi{ height:5.2rem; justify-content:center; }
.sp2-exi img{ height:100%; max-width:9rem; filter:drop-shadow(0 6px 12px rgba(0,0,0,.45)); }
.sp2-exi svg{ height:4.4rem; width:auto; }
.sp2-exc h4{ margin-top:.5rem; }
.sp2-exc strong{ align-self:flex-start; margin-top:.8rem; padding:.3rem .9rem; border:1px solid var(--av-gold,#c9a24a); border-radius:.6rem; background:rgba(var(--av-gold-rgb),.12); font-size:1.15rem; font-weight:600; line-height:1.3; }
.s2-spscene .sp2-exr, .s3-vault .sp2-exr{ min-height:5.2rem; } .s2-spscene .sp2-exi, .s3-vault .sp2-exi{ height:4.8rem; }
.s2-spscene .sp2-exc strong{ font-size:1.05rem; }
.s2-spscene .sp2-exc, .s3-vault .sp2-exc{ padding:.8rem .9rem 1rem; }

/* Redaktions-Schalter „Normal“: ganzer Text nicht fett (überstimmt fette Überschriften) */
.av-n{ font-weight:400 !important; color:inherit !important; }

/* Betrag-Feld: kein Innenabstand (Safari), Breite setzt das Skript per Messung */
.kb-amount input{ padding:0; box-sizing:content-box; max-width:none !important; min-width:0; }

/* V20: Regler per Schieberegler statt Plus/Minus */
.sp16-st{ flex-wrap:wrap; row-gap:.2rem; }
.sp16-st .sp16-sl{ flex:1 1 auto; }
.sp16-rg{ flex:1 1 100%; width:100%; margin:.15rem 0 .1rem; accent-color:var(--av-gold,#c9a24a); height:1.4rem; cursor:pointer; }

/* V20: Wechsel-Liste verkürzt (erster + letzter), Rest per Button */
.sp16-mk.is-hid{ display:none; }
.sp16-list li.is-gap{ display:flex; align-items:center; gap:.7rem; padding:.3rem .9rem; border-top:1px dashed rgba(255,255,255,.25); border-bottom:1px dashed rgba(255,255,255,.25); color:rgba(255,255,255,.55); font-size:.85rem; }
.sp16-list li.is-gap.is-on{ max-height:3rem; }
.sp16-list li + li.is-on{ border-top-style:solid; } .sp16-list li.is-gap + li.is-on{ border-top:0; }
.sp16-ln-n.is-gap{ border:0; width:1.5rem; text-align:center; letter-spacing:0; }
.sp16-all{ display:block; margin:0 0 .6rem; padding:.3rem .2rem; background:none; border:0; color:var(--av-gold,#c9a24a); font-size:.88rem; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.sp16-all[hidden]{ display:none; }
.sp16-eq{ display:block; margin-top:.15rem; font-size:.78rem; color:rgba(255,255,255,.6); }
.sp16-asof{ font-style:normal; color:rgba(255,255,255,.6); font-size:.78rem; }
@media (max-width:575.98px){ .sp16-list li.is-gap{ display:flex; } }
.sp16-list li.is-gap:not(.is-on){ padding-top:0; padding-bottom:0; border-width:0; }

/* Ergebnis-Kachel: Gramm Gold groß, darunter Differenz + Prozent */
.sp16-t.is-res span.sp16-r2{ display:block; font-size:1rem; font-weight:600; color:var(--av-gold,#c9a24a); margin-top:.2rem; } .sp16-t.is-res span.sp16-r2.is-neg{ color:#e8a0a0; }
.sp16-t.is-res span.sp16-r3{ display:block; font-size:.78rem; color:rgba(255,255,255,.65); margin-top:.2rem; }