/* Sektion „Gute Anzeigen sind kein Zufall“: über 1100 px Anatomie mit Linien (.anat), darunter Lupe beim Scrollen (.lupe) */

/* ---------- gemeinsam ---------- */
.wv-neu p,.wv-neu li{text-wrap:pretty}
.wv-schluss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin-top:clamp(2.2rem,4vw,3.4rem);padding-top:clamp(1.4rem,2.4vw,1.8rem);border-top:1px solid var(--li-soft)}
.wv-schluss p{margin:0;max-width:36rem;font-size:1.0625rem;line-height:1.55}
.wv-schluss b{font-weight:650}
.wv-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem}
.wv-knoepfe .btn{width:auto}
.wv-knoepfe svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.wv-neu *,.wv-neu *::before,.wv-neu *::after{transition:none!important;animation:none!important}}

/* ---------- Google-Suche, nachgebaut ---------- */
.gs{--gs-link:#1A0DAB;background:#fff;border:1px solid var(--g-rand);border-radius:18px;box-shadow:var(--sh-3);font-family:var(--g-font);color:var(--g-tx);text-align:left;position:relative}
.gs__kopf{padding:16px 18px 0}
.gs__such{display:flex;align-items:center;gap:10px;border:1px solid var(--g-rand);border-radius:999px;padding:9px 14px;box-shadow:0 1px 6px rgba(32,33,36,.1);background:#fff}
.gs__such svg{width:18px;height:18px;flex:none}
.gs__q{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs__nicht{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;padding:8px 10px;border:1px dashed rgba(76,141,255,.55);border-radius:10px;background:rgba(76,141,255,.05);font-size:12px;color:var(--g-tx-mut)}
.gs__nicht s{color:#80868B;background:#fff;border:1px solid var(--g-rand-soft);border-radius:999px;padding:3px 9px}
.gs__tabs{display:flex;gap:18px;padding:12px 20px 0;font-size:13px;color:var(--g-tx-mut);border-bottom:1px solid var(--g-rand-soft)}
.gs__tabs span{padding-bottom:9px}
.gs__tabs .ist-an{color:var(--g-blau);box-shadow:inset 0 -3px 0 var(--g-blau);font-weight:500}
.gs__ad{padding:16px 20px 16px}
.gs__gesp{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
.gs__url{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.gs__fav{width:28px;height:28px;flex:none;border-radius:50%;background:var(--g-blau-soft);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--g-blau)}
.gs__name{display:block;font-size:14px;line-height:1.25}
.gs__pfad{display:block;font-size:12px;color:var(--g-tx-mut);line-height:1.35}
.gs__titel{font-size:20px;line-height:1.3;color:var(--gs-link);margin:0 0 4px;font-weight:400}
.gs__text{font-size:14px;line-height:1.55;color:#4D5156;margin:0}
.gs__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gs__links span{font-size:13px;color:var(--gs-link);border:1px solid var(--g-rand);border-radius:999px;padding:6px 12px}
.gs__fuss{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--g-rand-soft);font-size:13px;color:var(--g-tx-mut)}
.gs__fuss em{font-style:normal;color:#188038}
.gs__anruf{display:inline-flex;align-items:center;gap:6px;background:var(--g-blau-soft);color:#174EA6;font-weight:500;border-radius:999px;padding:7px 14px;white-space:nowrap}
.gs__anruf svg{width:15px;height:15px}
.gs__kontakt{display:inline-flex;gap:8px;margin-left:auto;border-radius:999px}
.gs__wa{display:inline-flex;align-items:center;gap:6px;background:var(--g-blau-soft);color:#174EA6;font-weight:500;border-radius:999px;padding:7px 14px;white-space:nowrap}
.gs__wa svg{width:15px;height:15px;color:#25D366}
.gs .gs__kontakt[data-ziel]{border-radius:999px}
.gs__org{padding:14px 20px 18px;border-top:6px solid var(--g-flaeche);border-radius:0 0 18px 18px}
.gs__skel{display:block;margin-bottom:14px}
.gs__skel:last-child{margin-bottom:0}
.gs__skel i{display:block;height:9px;border-radius:5px;background:var(--g-rand-soft);margin:7px 0}
.gs__skel i:first-child{background:#E3E8F4}
.gs .gs__titel[data-ziel],.gs .gs__pfad[data-ziel],.gs .gs__links[data-ziel]{border-radius:6px}
.gs [data-ziel]{position:relative;transition:box-shadow .3s var(--fed-weich),background-color .3s}
.gs [data-ziel].ist-an{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--akz);background-color:rgba(76,141,255,.06)}

/* ---------- PC: Anatomie mit Linien ---------- */
.anat{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:center;margin-top:clamp(2.2rem,4vw,3.6rem)}
.anat__linien{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}
.anat__linien path{fill:none;stroke:var(--graphit);stroke-opacity:.35;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--fed-weich) calc(var(--d)*1ms),stroke .3s,stroke-opacity .3s}
.anat__linien circle{fill:var(--ink);stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .45s var(--fed-kurz) calc(var(--d)*1ms + 700ms),fill .3s}
.anat.ist-los .anat__linien path{stroke-dashoffset:0}
.anat.ist-los .anat__linien circle{transform:scale(1)}
.anat__linien .ist-an path{stroke:var(--akz);stroke-opacity:1;stroke-width:2}
.anat__linien .ist-an circle{fill:var(--akz)}
.anat__seite{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative;z-index:2}
.anat__k{background:#fff;border:1px solid var(--li-soft);border-radius:var(--r-sm);padding:14px 16px 15px;box-shadow:var(--sh-1);cursor:default;opacity:0;transition:opacity .5s var(--fed-weich) calc(var(--d)*1ms + 500ms),border-color .25s,box-shadow .25s}
.anat.ist-los .anat__k{opacity:1}
.anat__k.ist-an{border-color:var(--akz);box-shadow:var(--sh-2)}
.anat__k:focus-visible{outline:2px solid var(--akz);outline-offset:3px}
.anat__kopf{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.anat__nr{width:24px;height:24px;flex:none;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 .75rem 'Geist Mono',ui-monospace,monospace}
.anat__k b{font-size:1rem;font-weight:650;letter-spacing:-.01em;line-height:1.3}
.anat__k p{margin:0;font-size:.875rem;line-height:1.5;color:var(--tx-mut)}
.anat__mitte{position:relative;z-index:2}
.anat__mitte::before{content:"";position:absolute;inset:-12% -18%;z-index:-1;background:radial-gradient(closest-side,rgba(76,141,255,.16),rgba(76,141,255,0));pointer-events:none}

/* ---------- Handy und Tablet: Lupe beim Scrollen ---------- */
.lupe{display:none}
@media (max-width:1100px){
  .anat{display:none}
  .wv-neu .sec__kopf{margin-bottom:1.4rem}
  .lupe{display:block;max-width:560px;margin:0 auto}
}
@media (max-width:640px){
  .wv-neu .sec__kopf--mitte{text-align:left;margin-inline:0}
  .wv-neu .sec__kopf--mitte .t-lead{margin-inline:0}
  .wv-schluss{flex-direction:column;align-items:stretch;gap:1rem;margin-top:2rem;padding-top:1.4rem}
  .wv-schluss p{font-size:1rem}
  .wv-knoepfe{display:grid;width:100%}
  .wv-knoepfe .btn{width:100%}
}
.lupe__spur{position:relative;height:calc(480px + 330vh)}
.lupe__buehne{position:sticky;top:max(12px, calc(50vh - 245px))}
.lupe__balken{display:flex;gap:4px;margin-bottom:10px}
.lupe__balken i{flex:1;height:3px;border-radius:2px;background:var(--li);overflow:hidden}
.lupe__balken b{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
.lupe__fenster{position:relative;height:300px;overflow:hidden;border-radius:var(--r-card);background:var(--papier-2);border:1px solid var(--li-soft);box-shadow:var(--sh-2)}
.lupe__anzeige{position:absolute;left:0;top:0;width:100%;transform-origin:0 0;transition:transform .8s var(--fed-weich)}
.lupe__texte{display:grid;margin-top:14px}
.lupe__texte > div{grid-area:1/1;opacity:0;transform:translateY(6px);transition:opacity .35s var(--fed-weich),transform .35s var(--fed-weich)}
.lupe__texte > div.ist-an{opacity:1;transform:none}
.lupe__kopf{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.lupe__nr{width:24px;height:24px;flex:none;border-radius:50%;background:var(--akz);color:#fff;display:grid;place-items:center;font:600 .75rem 'Geist Mono',ui-monospace,monospace}
.lupe__intro .lupe__nr{background:var(--papier-3)}
.lupe__nr svg{width:14px;height:14px}
.lupe__texte b{font-size:1.0625rem;font-weight:650;letter-spacing:-.01em;line-height:1.3}
.lupe__texte p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--tx-mut)}
/* kompakte Anzeige im Lupenfenster */
.lupe .gs{border-radius:0;border:0;box-shadow:none}
.lupe .gs__kopf{padding:12px 12px 0}
.lupe .gs__such{gap:9px;padding:8px 12px}
.lupe .gs__such svg{width:17px;height:17px}
.lupe .gs__q{font-size:14px}
.lupe .gs__nicht{gap:5px;margin:8px 0 0;padding:6px 9px;font-size:11.5px;width:fit-content;max-width:100%}
.lupe .gs__nicht s{padding:2px 8px}
.lupe .gs__tabs{gap:16px;padding:10px 16px 0;font-size:12px}
.lupe .gs__tabs span{padding-bottom:8px}
.lupe .gs__ad{padding:12px 14px}
.lupe .gs__gesp{font-size:11.5px;margin-bottom:7px}
.lupe .gs__url{gap:9px;margin-bottom:5px}
.lupe .gs__fav{width:26px;height:26px;font-size:11px}
.lupe .gs__name{font-size:13px}
.lupe .gs__pfad{font-size:11.5px}
.lupe .gs__titel{font-size:17px;margin:0 0 3px;width:fit-content;max-width:100%}
.lupe .gs__text{font-size:13px;line-height:1.5}
.lupe .gs__links{gap:6px;margin-top:10px;width:fit-content}
.lupe .gs__links span{font-size:12px;padding:5px 11px}
.lupe .gs__fuss{margin-top:11px;padding-top:10px;font-size:12px}
.lupe .gs__fuss{flex-wrap:wrap;row-gap:8px}
.lupe .gs__kontakt{gap:6px}
.lupe .gs__anruf,.lupe .gs__wa{padding:6px 12px}
.lupe .gs__anruf svg,.lupe .gs__wa svg{width:14px;height:14px}
.lupe .gs [data-ziel].ist-an{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--akz);background-color:rgba(76,141,255,.07)}