/* ============================================================
   ALLES HOLZ · DESIGN-STACK v3
   Self-contained. Kein Framework, keine externen Fonts.
   Tokens + Komponenten nach Design-Handoff v3
   (docs/referenz/design-handoff-v3/ — Home v3.dc.html ist maßgeblich).
   EIN Designsystem: Pill-Buttons, weiche Schatten, helle Ränder.
   Keine Holzschilder, keine Versatz-Schatten, keine Ink-Rahmen mehr.
   ============================================================ */

:root{
  /* ---- Farb-Tokens (Handoff-Palette v3, README „Farben") ---- */
  --ah-paper:#F4EAD4;            /* Body-Grund „Papier" */
  --ah-paper-light:#FBF4E4;      /* hellere Papierfläche (.ah-paper) */
  --ah-paper-white:#FFFDF4;      /* fast-weiße Flächen (Modal, Badges) */
  --ah-text:#4A3B2C;             /* Fließtext */
  --ah-text-2:#5C5348;           /* Beschreibungen */
  --ah-text-3:#7A6E5E;           /* Meta */
  --ah-text-4:#9A9284;           /* Captions */
  --ah-brown:#894F21;            /* Marke: Überschriften, Wortmarke */
  --ah-brown-dark:#7A461E;       /* Marquee-Band */
  --ah-green-bright:#7FBF45;     /* Hero-Verlauf oben */
  --ah-green:#74B239;            /* Stationen-Band, Logo-Kachel, „frei" */
  --ah-green-mid:#57893E;        /* Verlauf, Akzent-Labels/Eyebrows */
  --ah-green-dark:#2C4F17;       /* Verlauf unten, Text auf Grün */
  --ah-lime:#D6DE23;             /* Highlight-Badges, Hero-Marker */
  --ah-red:#FF3B5F;              /* Signalrot: primäre CTAs */
  --ah-red-hover:#ED2E52;        /* CTA-Hover */
  --ah-star:#F4A800;             /* Bewertungssterne */
  --ah-line:#ECE6DA;             /* Kartenränder */
  --ah-line-2:#E3D6B8;           /* Header-Border, stärkere Ränder */
  --ah-beige:#EDE9D0;            /* sekundäre Chips/Karten */
  --ah-footer:#EFE5CC;           /* Footer-Fläche */

  /* Kompat-Aliase (Buchungs-Widget-CSS im Plugin referenziert sie) */
  --ah-pink:var(--ah-red);
  --ah-pink-dark:#C22143;        /* Fehlertext auf hellem Grund */
  --ah-pink-light:#FFD2DB;       /* Disabled-Primär */
  --ah-gray-dark:var(--ah-text);
  --ah-gray-mid:var(--ah-text-3);
  --ah-gray-light:var(--ah-line-2);
  --ah-brown-light:var(--ah-paper-white);
  --ah-sand:var(--ah-paper);
  --ah-ink:var(--ah-text);
  --ah-tan:var(--ah-beige);
  --ah-creme:var(--ah-paper-white);
  --ah-creme2:var(--ah-paper-white);
  --ah-green-light:#E7EFC9;      /* heller Grün-Tint (Widget: is-done, Hover) */
  --ah-tint:#E7EFC9;
  --ah-slot-full:#C9C1B0;        /* Ausgebucht-Punkt */

  /* ---- Typo ---- */
  --ah-font-head:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ah-font-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* Kompat: Mono-Konzept ist mit v3 entfallen — Alt-Content, der den
     Token inline referenziert, fällt auf Hanken zurück */
  --ah-font-mono:var(--ah-font-body);

  /* ---- Radius / Schatten (v3: weich, kein Versatz) ---- */
  --ah-r-sm:8px;
  --ah-r:14px;                   /* Kalenderzellen, Inputs */
  --ah-r-md:18px;                /* kleine Kacheln */
  --ah-r-lg:22px;                /* Karten */
  --ah-r-xl:26px;                /* große Karten/Banner */
  --ah-r-pill:999px;             /* Buttons/Chips/Badges */
  --ah-shadow-sm:0 1px 2px rgba(44,79,23,.08),0 2px 6px rgba(44,79,23,.06);
  --ah-shadow:0 4px 14px rgba(44,79,23,.14);
  --ah-shadow-hover:0 14px 28px rgba(20,40,10,.24);
  --ah-focus:0 0 0 3px #fff,0 0 0 6px var(--ah-green);

  /* ---- Abstände ---- */
  --ah-s1:4px;--ah-s2:8px;--ah-s3:12px;--ah-s4:16px;
  --ah-s5:24px;--ah-s6:32px;--ah-s7:48px;--ah-s8:64px;

  /* ---- Layout ---- */
  --ah-pad-x:clamp(16px,4vw,26px); /* Seitenpadding */
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* Warmes Papier mit feiner Holzmaserung (CSS-Streifen, Home v3 Z.17-22) */
body{
  margin:0;
  font-family:var(--ah-font-body);
  color:var(--ah-text);
  background-color:var(--ah-paper);
  background-image:
    repeating-linear-gradient(93deg, rgba(138,92,44,.030) 0 1px, rgba(255,255,255,0) 1px 3px, rgba(138,92,44,.018) 3px 4px, rgba(255,255,255,0) 4px 9px),
    radial-gradient(120% 60% at 80% -10%, rgba(255,255,255,.5), rgba(255,255,255,0) 60%);
  line-height:1.55;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
/* Hellere Papierfläche mit eigener Maserung */
.ah-paper{
  background-color:var(--ah-paper-light);
  background-image:repeating-linear-gradient(91deg, rgba(138,92,44,.035) 0 1px, rgba(255,255,255,0) 1px 3px, rgba(138,92,44,.02) 3px 4px, rgba(255,255,255,0) 4px 8px);
}
::selection{background:var(--ah-lime);color:var(--ah-green-dark)}

/* Schlanke Scrollbars für horizontale Reihen (Stationen/Sponsoren/Reviews) */
.ah-scroll{scrollbar-width:thin;scrollbar-color:rgba(137,79,33,.28) transparent;-webkit-overflow-scrolling:touch}
.ah-scroll::-webkit-scrollbar{height:8px}
.ah-scroll::-webkit-scrollbar-thumb{background:rgba(137,79,33,.28);border-radius:9px}
.ah-scroll::-webkit-scrollbar-track{background:transparent}

/* =================== TYPO =================== */
.ah-h1{font-family:var(--ah-font-head);font-weight:700;font-size:clamp(38px,6.4vw,68px);line-height:1;letter-spacing:-.015em;color:var(--ah-brown);margin:0}
.ah-h2{font-family:var(--ah-font-head);font-weight:700;font-size:clamp(28px,4.4vw,46px);line-height:1.05;letter-spacing:-.01em;color:var(--ah-brown);margin:0}
.ah-h3{font-family:var(--ah-font-head);font-weight:700;font-size:clamp(19px,2.4vw,24px);line-height:1.15;color:var(--ah-brown);margin:0}
.ah-h4{font-family:var(--ah-font-body);font-weight:800;font-size:18px;line-height:1.25;color:var(--ah-text);margin:0}
.ah-lead{font-size:clamp(16px,2vw,19px);line-height:1.55;color:var(--ah-text);margin:0}
.ah-body{font-size:16px;line-height:1.6;color:var(--ah-text);margin:0}
.ah-small{font-size:14px;line-height:1.5;color:var(--ah-text-3);margin:0}
/* Eyebrow/Label: Hanken uppercase (das Mono-Konzept ist mit v2 entfallen) */
.ah-eyebrow{font-family:var(--ah-font-body);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ah-green-mid);margin:0}
.ah-link{color:#4C8324;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ah-link:hover{color:var(--ah-green-dark)}

/* =================== LAYOUT / SECTIONS =================== */
.ah-section{padding:clamp(40px,6vw,72px) 0}
.ah-wrap{max-width:1200px;margin:0 auto;padding-inline:var(--ah-pad-x)}
.ah-wrap--mid{max-width:900px}    /* mittlere Inhalte (z. B. Seitenköpfe) */
.ah-wrap--prose{max-width:760px}  /* Fließtext (FAQ, Rechtstexte) */
.ah-sec-head{text-align:center;margin-bottom:clamp(28px,4vw,40px)}
.ah-sec-head .ah-eyebrow{margin-bottom:10px}
.ah-bg-green{background:var(--ah-green)}
.ah-bg-sand{background:var(--ah-paper)}
.ah-text-center{text-align:center}

/* =================== CARD =================== */
.ah-card{
  background:#fff;
  border:1px solid var(--ah-line);
  border-radius:var(--ah-r-lg);
  box-shadow:var(--ah-shadow-sm);
  padding:var(--ah-s5);
}

/* =================== BUTTONS =================== */
/* EIN Button-Stil: Pill 999px. Basis = roter Primär-CTA,
   Modifier --outline / --paper; -primary/-secondary sind
   Kompat-Aliase fürs Buchungs-Widget + Unterseiten. */
.ah-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ah-font-head);font-weight:700;font-size:17px;line-height:1;
  padding:15px 26px;min-height:52px;border-radius:var(--ah-r-pill);
  border:2px solid transparent;cursor:pointer;text-decoration:none;
  background:var(--ah-red);color:#fff;
  box-shadow:var(--ah-shadow);
  /* Transition + Hover-/Active-Bewegung: zentrales Motion-System unten */
  -webkit-tap-highlight-color:transparent;
}
.ah-btn:hover{background:var(--ah-red-hover);color:#fff}
.ah-btn:focus-visible{outline:none;box-shadow:var(--ah-focus)}
.ah-btn svg{flex:0 0 auto}
.ah-btn-primary{background:var(--ah-red);color:#fff}
.ah-btn-primary:hover{background:var(--ah-red-hover);color:#fff}
.ah-btn:disabled,.ah-btn[aria-disabled="true"],
.ah-btn-primary:disabled,.ah-btn-primary[aria-disabled="true"]{
  background:var(--ah-pink-light);color:#fff;box-shadow:none;cursor:not-allowed;transform:none;
}

/* Sekundär = Outline: auf Papier weiß mit hellem Rand, Hover-Rand grün */
.ah-btn--outline,.ah-btn-secondary{
  background:#fff;color:#484848;border-color:#E0D9CB;box-shadow:none;
}
.ah-btn--outline:hover,.ah-btn-secondary:hover{
  background:#fff;color:var(--ah-green-dark);border-color:var(--ah-green);
}
.ah-btn--outline:disabled,.ah-btn--outline[aria-disabled="true"],
.ah-btn-secondary:disabled,.ah-btn-secondary[aria-disabled="true"]{
  color:var(--ah-text-4);border-color:var(--ah-line);background:#fff;
  box-shadow:none;cursor:not-allowed;transform:none;
}
/* … auf grünen Flächen: halbtransparent weiß mit weißem Halbrand */
.ah-hero .ah-btn--outline,.ah-stationen .ah-btn--outline,
.ah-subhero .ah-btn--outline,.ah-cta-card .ah-btn--outline{
  background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5);
}
.ah-hero .ah-btn--outline:hover,.ah-stationen .ah-btn--outline:hover,
.ah-subhero .ah-btn--outline:hover,.ah-cta-card .ah-btn--outline:hover{
  background:rgba(255,255,255,.24);color:#fff;border-color:rgba(255,255,255,.5);
}

/* Paper-Variante: fast-weiße Pill auf Grün (z. B. „Zur ganzen Galerie") */
.ah-btn--paper{background:var(--ah-paper-white);color:var(--ah-green-dark);box-shadow:0 4px 14px rgba(20,40,10,.16)}
.ah-btn--paper:hover{background:#fff;color:var(--ah-green-dark)}

.ah-btn-sm{font-size:14px;padding:10px 18px;min-height:44px}

/* loading */
.ah-btn.is-loading{color:transparent !important;pointer-events:none;position:relative}
.ah-btn.is-loading::after{
  content:"";position:absolute;width:20px;height:20px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;
  animation:ah-spin .7s linear infinite;
}
.ah-btn--outline.is-loading::after,.ah-btn-secondary.is-loading::after{
  border-color:rgba(74,59,44,.3);border-top-color:var(--ah-text);
}
@keyframes ah-spin{to{transform:rotate(360deg)}}

/* ============================================================
   ZENTRALES HOVER/ACTIVE-MOTION-SYSTEM für ALLE Pill-Buttons
   (Eric 2026-07: „einheitlicher + ein Tick lebendiger").
   EINE Stelle für Bewegung + Schatten — die Farb-Hover (Rot →
   dunkler, Outline → Grünrand, Nav → Beige …) bleiben bei den
   jeweiligen Varianten.
   Erfasst: .ah-btn inkl. --outline/--paper/-primary/-secondary/
   -sm und .ah-head-tickets, .ah-next-pill (Hero), Nav-Pills,
   WC-Buttons inkl. #place_order, generische Submit-Buttons
   (GP-/Gutschein-Formulare).
   Bewusst NICHT erfasst: .ah-stcard (Karten-Hover), .ah-slot
   (Auswahl-Chips), .ah-step-btn/.ah-burger/.ah-stmodal-x (runde
   Icon-Buttons), Footer-Textlinks (keine Pills).
   Hinweis: :is() trägt die Spezifität des stärksten Selektors
   (2 IDs) — Abweichungen bitte HIER ergänzen, nicht dagegen
   anstylen. prefers-reduced-motion: nur Farbwechsel.
   ============================================================ */
/* Basis: Farb-/Schatten-Transition immer (auch bei Reduced Motion) */
:is(.ah-btn,.ah-btn-primary,.ah-btn-secondary,.ah-btn--outline,.ah-btn--paper,
    .ah-next-pill,
    .main-navigation .main-nav ul li a,
    .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
    .woocommerce #respond input#submit,#place_order,
    input[type="submit"],button[type="submit"]){
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .18s ease;
}
/* Bewegung nur ohne Reduced-Motion: dezenter Overshoot („Pop") */
@media (prefers-reduced-motion: no-preference){
  :is(.ah-btn,.ah-btn-primary,.ah-btn-secondary,.ah-btn--outline,.ah-btn--paper,
      .ah-next-pill,
      .main-navigation .main-nav ul li a,
      .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
      .woocommerce #respond input#submit,#place_order,
      input[type="submit"],button[type="submit"]){
    transition:transform .18s cubic-bezier(.34,1.56,.64,1),
               box-shadow .18s ease,
               background-color .15s ease,color .15s ease,border-color .15s ease;
  }
}
/* Hover: anheben + minimal wachsen + Schatten verstärken.
   Guards (:where = ohne Spezifitäts-Aufschlag): keine Bewegung auf
   disabled Buttons, kein Schatten-Überschreiben des Fokus-Rings. */
@media (hover: hover) and (prefers-reduced-motion: no-preference){
  :is(.ah-btn,.ah-btn-primary,.ah-btn-secondary,.ah-btn--outline,.ah-btn--paper,
      .ah-next-pill,
      .main-navigation .main-nav ul li a,
      .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
      .woocommerce #respond input#submit,#place_order,
      input[type="submit"],button[type="submit"]):hover:where(:not(:disabled):not([aria-disabled="true"]):not(.disabled):not(:focus-visible)){
    transform:translateY(-2px) scale(1.02);
    box-shadow:0 8px 18px rgba(20,40,10,.18);
  }
}
/* Active: spürbarer Klick (auch Touch) — nach Hover, damit er gewinnt */
@media (prefers-reduced-motion: no-preference){
  :is(.ah-btn,.ah-btn-primary,.ah-btn-secondary,.ah-btn--outline,.ah-btn--paper,
      .ah-next-pill,
      .main-navigation .main-nav ul li a,
      .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
      .woocommerce #respond input#submit,#place_order,
      input[type="submit"],button[type="submit"]):active:where(:not(:disabled):not([aria-disabled="true"]):not(.disabled):not(:focus-visible)){
    transform:translateY(0) scale(.98);
    box-shadow:0 2px 6px rgba(20,40,10,.16);
    transition-duration:.08s;
  }
}

/* =================== BADGES =================== */
.ah-badge{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12.5px;letter-spacing:.02em;padding:5px 11px;border-radius:var(--ah-r-pill);line-height:1}
.ah-badge-green{background:var(--ah-green-light);color:var(--ah-green-dark)}
.ah-badge-highlight{background:var(--ah-lime);color:var(--ah-green-dark)}
.ah-badge-pink{background:var(--ah-red);color:#fff}
.ah-badge-info{background:var(--ah-green-light);color:var(--ah-green-dark)}
.ah-badge-neutral{background:var(--ah-beige);color:var(--ah-text)}
.ah-badge-outline{background:#fff;border:1.5px solid var(--ah-line-2);color:var(--ah-text)}

/* =================== SLOT-CHIPS =================== */
.ah-slot{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--ah-font-body);font-weight:700;font-size:15px;
  padding:9px 15px;min-height:44px;border-radius:var(--ah-r-pill);
  border:1.5px solid;background:#fff;cursor:pointer;
  transition:box-shadow .15s,border-color .15s,background-color .15s;
}
.ah-slot:focus-visible{outline:none;box-shadow:var(--ah-focus)}
.ah-slot .ah-slot-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.ah-slot .ah-slot-time{font-variant-numeric:tabular-nums}
.ah-slot .ah-slot-sub{font-weight:600;font-size:12.5px;color:var(--ah-text-3)}

.ah-slot-free{border-color:var(--ah-green)}
.ah-slot-free .ah-slot-dot{background:var(--ah-green)}
.ah-slot-free:hover{background:var(--ah-green-light);box-shadow:0 2px 8px rgba(116,178,57,.25)}
.ah-slot-free[aria-pressed="true"]{background:var(--ah-green);border-color:var(--ah-green-dark)}
.ah-slot-free[aria-pressed="true"] .ah-slot-time,
.ah-slot-free[aria-pressed="true"] .ah-slot-sub{color:#fff}
.ah-slot-free[aria-pressed="true"] .ah-slot-dot{background:#fff}

.ah-slot-low{border-color:var(--ah-red)}
.ah-slot-low .ah-slot-dot{background:var(--ah-red)}
.ah-slot-low .ah-slot-sub{color:var(--ah-pink-dark);font-weight:800}
.ah-slot-low:hover{background:rgba(255,59,95,.08)}

.ah-slot-full{border-color:var(--ah-line-2);background:var(--ah-beige);color:var(--ah-text-3);cursor:not-allowed}
.ah-slot-full .ah-slot-dot{background:var(--ah-slot-full)}
.ah-slot-full .ah-slot-time{text-decoration:line-through}
/* Defensiv: GP-button:hover (Dunkelgrau/Weiß) darf nicht durchschlagen */
.ah-slot-full:hover{background:var(--ah-beige);color:var(--ah-text-3)}

.ah-slot-closed{border-style:dashed;border-color:var(--ah-line-2);background:transparent;color:var(--ah-text-3);cursor:not-allowed}
.ah-slot-closed .ah-slot-dot{background:transparent;border:1.5px solid var(--ah-text-3)}
.ah-slot-closed:hover{background:transparent;color:var(--ah-text-3)}

.ah-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;font-weight:700;color:var(--ah-text-3)}
.ah-legend span{display:inline-flex;align-items:center;gap:7px}
.ah-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}

/* =================== INPUTS =================== */
.ah-field{display:flex;flex-direction:column;gap:6px}
.ah-label{font-weight:800;font-size:14.5px;color:var(--ah-text)}
.ah-input{
  font-family:var(--ah-font-body);font-size:16px;color:var(--ah-text);
  padding:13px 15px;min-height:50px;border-radius:var(--ah-r);
  border:1.5px solid var(--ah-line-2);background:#fff;width:100%;
  transition:border-color .15s,box-shadow .15s;
}
.ah-input::placeholder{color:var(--ah-text-4)}
.ah-input:hover{border-color:var(--ah-text-3)}
.ah-input:focus{outline:none;border-color:var(--ah-green);box-shadow:0 0 0 3px rgba(116,178,57,.2)}
.ah-input:disabled{background:var(--ah-beige);color:var(--ah-text-3);cursor:not-allowed}
.ah-input.is-error{border-color:var(--ah-pink-dark);box-shadow:0 0 0 3px rgba(194,33,67,.14)}
.ah-error-text{display:flex;align-items:center;gap:6px;color:var(--ah-pink-dark);font-size:13.5px;font-weight:700}
.ah-hint-text{font-size:13px;color:var(--ah-text-3)}

/* =================== STEPPER =================== */
.ah-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ah-stepper-label{display:flex;flex-direction:column;gap:2px}
.ah-stepper-label b{font-weight:800;font-size:16px;color:var(--ah-text)}
.ah-stepper-label small{font-size:13px;color:var(--ah-text-3)}
.ah-stepper{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1.5px solid var(--ah-line-2);border-radius:var(--ah-r-pill);padding:4px}
.ah-step-btn{
  width:44px;height:44px;flex:0 0 auto;border-radius:50%;border:none;cursor:pointer;
  background:var(--ah-beige);color:var(--ah-green-dark);
  display:flex;align-items:center;justify-content:center;
  transition:background-color .15s,transform .05s;
}
.ah-step-btn:hover{background:var(--ah-green-light)}
.ah-step-btn:active{transform:scale(.94)}
.ah-step-btn:focus-visible{outline:none;box-shadow:var(--ah-focus)}
.ah-step-btn:disabled{background:rgba(74,59,44,.06);color:var(--ah-line-2);cursor:not-allowed}
.ah-step-val{min-width:48px;text-align:center;font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;color:var(--ah-text)}

/* =================== RADIO-KARTEN =================== */
.ah-radiocards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.ah-radiocard{position:relative;display:block;cursor:pointer}
.ah-radiocard input{position:absolute;opacity:0;width:1px;height:1px}
.ah-radiocard-box{
  height:100%;background:#fff;border:1px solid var(--ah-line);border-radius:var(--ah-r-lg);
  box-shadow:var(--ah-shadow-sm);
  padding:20px;transition:border-color .15s,box-shadow .15s,background-color .15s;
  display:flex;flex-direction:column;gap:6px;
}
.ah-radiocard-box .ah-rc-icon{width:44px;height:44px;border-radius:12px;background:var(--ah-green-light);color:var(--ah-green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.ah-radiocard-box .ah-rc-title{font-family:var(--ah-font-head);font-weight:700;font-size:20px;color:var(--ah-brown)}
.ah-radiocard-box .ah-rc-sub{font-size:13.5px;color:var(--ah-text-3)}
.ah-radiocard-box .ah-rc-price{margin-top:auto;font-weight:800;font-size:15px;color:var(--ah-green-dark)}
.ah-radiocard:hover .ah-radiocard-box{border-color:var(--ah-green)}
.ah-radiocard input:focus-visible + .ah-radiocard-box{box-shadow:var(--ah-focus)}
.ah-radiocard input:checked + .ah-radiocard-box{border-color:var(--ah-green);background:var(--ah-green-light);box-shadow:0 6px 18px rgba(116,178,57,.2)}
.ah-radiocard input:checked + .ah-radiocard-box .ah-rc-check{opacity:1}
.ah-rc-check{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:var(--ah-green);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.ah-radiocard input:disabled + .ah-radiocard-box{background:var(--ah-beige);border-color:var(--ah-line);cursor:not-allowed;opacity:.75}
.ah-radiocard-box .ah-rc-soon{margin-top:auto;font-weight:800;font-size:13px;color:var(--ah-brown)}

/* =================== HINWEIS-BOXEN =================== */
.ah-note{display:flex;gap:12px;padding:15px 17px;border-radius:var(--ah-r);border:1px solid;font-size:14.5px;line-height:1.5}
.ah-note .ah-note-ic{flex:0 0 auto;margin-top:1px}
.ah-note b{font-weight:800}
.ah-note-info{background:var(--ah-green-light);border-color:var(--ah-green);color:var(--ah-green-dark)}
.ah-note-info .ah-note-ic{color:var(--ah-green-mid)}
.ah-note-warn{background:#F7F8DC;border-color:var(--ah-lime);color:#5A5A12}
.ah-note-warn .ah-note-ic{color:#9A9A0E}
.ah-note-error{background:#FFF0F3;border-color:var(--ah-red);color:var(--ah-pink-dark)}
.ah-note-error .ah-note-ic{color:var(--ah-pink-dark)}

/* Telefon-Fallback-Box (v3: warmes Rosa-Beige, weiche Ränder) */
.ah-phone-box{background:#FFF4EE;border:1px solid #F3D9CC;border-radius:var(--ah-r-md);padding:18px 20px;text-align:center}
.ah-phone-box b{font-weight:700;font-size:13.5px;color:var(--ah-brown)}