/* CRO-Paket 09.10.2026, gemeinsam fuer alle Seiten.
   Grundlage: Clarity, GA4 und Ads-Analyse, wissen/seo-aenderungsjournal-anf.md im Repo nano4you-ai,
   Eintrag 2026-10-09 (Teil 2). */

/* 1 + 3: Preis als eigene Zeile im Hero */
.hero-preis{display:inline-block;margin:0 0 22px;padding:11px 16px;border-radius:12px;background:rgba(235,207,65,.18);border:1px solid rgba(235,207,65,.6);color:var(--color-primary);font-size:16px;line-height:1.45}
.hero-preis strong{font-weight:800}
@media (max-width:560px){.hero-preis{font-size:15px;padding:10px 14px;margin-bottom:18px}}

/* Preis-Richtwert in der Kurzanfrage */
.kurz-preis{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:560px;margin:-6px auto 22px;padding:12px 16px;border-radius:12px;background:var(--color-bg-alt);font-size:14.5px;color:var(--color-primary);text-align:center}
.kurz-preis strong{font-weight:800}

/* 2: Hero-Pillen sind jetzt Links (Clarity: tote Klicks auf "Schonende Verfahren") */
a.hero-pill{text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
a.hero-pill:hover{border-color:var(--color-blue);transform:translateY(-1px)}
a.hero-pill::after{content:"\203A";font-size:18px;line-height:1;margin-left:2px;opacity:.55}

/* 4: Cookie-Banner mobil kompakter, beide Buttons gleich gross und nebeneinander */
@media (max-width:560px){
  .cookie-banner{left:10px;right:10px;bottom:10px;padding:12px 14px}
  .cookie-banner h4{font-size:13.5px;margin-bottom:3px}
  .cookie-banner p{font-size:12.5px;line-height:1.45;margin-bottom:10px}
  .cookie-buttons{flex-wrap:nowrap;gap:8px}
  .cookie-btn{min-width:0;padding:10px 8px}
}

/* 5: Footer-Telefonkasten komplett klickbar */
.footer-phone-highlight{position:relative}
.footer-phone-highlight a::after{content:"";position:absolute;inset:0;border-radius:inherit}

/* 6: Tabellen in Ratgebern am Handy seitlich scrollbar statt Seite verbreitern (14.10.2026, 15 von 22 Ratgebern betroffen) */
@media(max-width:760px){.compare-table,article table,main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* 7: Google-Abzeichen am Handy erst nach 500 px Scrollen (verdeckte Hero-Pille), Logik in /badge-scroll.js (14.10.2026) */
@media(max-width:640px){.sticky-google{opacity:0;pointer-events:none;transition:opacity .3s}.sticky-google.sg-on{opacity:1;pointer-events:auto}}