/* Landingpage Erfahrungen & Bewertungen – ergänzt styles.css */
.stars{display:inline-flex;gap:3px;color:var(--warn);line-height:1}
.stars svg{width:18px;height:18px;fill:currentColor}
.stars--lg svg{width:26px;height:26px}

.xp-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.xp-hero .lead{max-width:56ch}
.subhero.xp-sub .wrap{max-width:var(--maxw)}
.xp-badge{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow-md)}
.xp-badge__top{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:700;color:var(--ink-soft);letter-spacing:.02em}
.xp-badge__score{display:flex;align-items:baseline;gap:10px;margin:14px 0 8px}
.xp-badge__score b{font-size:3.6rem;line-height:1;font-weight:800;letter-spacing:-.04em}
.xp-badge__score span{font-size:1.05rem;color:var(--ink-soft);font-weight:600}
.xp-badge p{margin-top:10px;font-size:.92rem;color:var(--ink-soft);line-height:1.55}
.xp-badge__stores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.xp-badge__stores div b{display:block;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.xp-badge__stores div span{font-size:.8rem;color:var(--ink-faint);font-weight:600}

.xp-intro{max-width:760px}
.xp-intro p{color:var(--ink-soft);line-height:1.65;font-size:1.05rem;margin-top:14px}
.xp-intro p strong{color:var(--ink)}

.xp-reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.xp-rev{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:16px;margin:0}
.xp-rev blockquote{margin:0;font-size:1.02rem;font-weight:550;line-height:1.5;color:var(--ink);flex:1}
.xp-rev blockquote::before{content:"„"}
.xp-rev blockquote::after{content:"“"}
.xp-rev figcaption{display:flex;flex-direction:column;gap:2px;font-size:.84rem}
.xp-rev figcaption b{font-weight:800}
.xp-rev figcaption span{color:var(--ink-faint)}
.xp-rev a{font-size:.84rem;font-weight:700;color:var(--brand)}
.xp-rev a:hover{text-decoration:underline}
.xp-more{margin-top:28px}

.xp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.xp-split--rev .xp-split__txt{order:2}
.xp-split__txt .lead{margin-top:14px}
.xp-split__txt p+p{margin-top:12px}
.xp-split__txt p{color:var(--ink-soft);line-height:1.65}
.xp-quote{margin:22px 0 0;padding:20px 22px;background:var(--brand-light);border-radius:14px;border-left:4px solid var(--brand)}
.xp-quote p{font-size:1.08rem;font-weight:600;color:var(--ink);line-height:1.45}
.xp-store{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.xp-fact{display:inline-flex;align-items:center;gap:12px;margin-top:6px}
.xp-fact b{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.xp-fact span{font-size:.9rem;color:var(--ink-soft);font-weight:600;line-height:1.3}
.xp-appvis{background:linear-gradient(160deg,#EAF1FE,#fff);border:1px solid var(--line);border-radius:24px;padding:36px;display:flex;justify-content:center}
.xp-appvis img{width:min(260px,70%);height:auto;filter:drop-shadow(0 30px 40px rgba(11,27,46,.25))}

.xp-press{background:var(--bg)}
.xp-press__head{max-width:760px;margin-bottom:40px}
.xp-press__head p{margin-top:14px;color:var(--ink-soft);line-height:1.65}
.xp-doc{margin:0;display:block;width:100%;max-width:1000px;margin-inline:auto}
.xp-doc button{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:16px;overflow:hidden;cursor:zoom-in;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.xp-doc img{display:block;width:100%;height:auto}
.xp-doc__zoom{position:absolute;right:14px;bottom:14px;background:rgba(11,27,46,.88);color:#fff;font-size:.82rem;font-weight:700;padding:9px 14px;border-radius:999px;display:inline-flex;gap:8px;align-items:center}
.xp-doc__zoom svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.xp-doc figcaption{margin-top:16px;font-size:.9rem;color:var(--ink-soft);text-align:center}
.xp-doc--empty{background:#fff;border:1px dashed var(--ink-faint);border-radius:16px;padding:40px;text-align:center;color:var(--ink-soft)}
.xp-doc--empty p{margin-bottom:16px}
.xp-tag{display:block;text-align:center;margin-top:30px;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}

.xp-lbox{width:min(1500px,96vw);max-width:none;max-height:92vh;padding:0;border:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);color:var(--ink)}
.xp-lbox[open]{display:flex;flex-direction:column}
.xp-lbox::backdrop{background:rgba(11,27,46,.78);backdrop-filter:blur(4px)}
.xp-lbox__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}
.xp-lbox__top b{font-size:1rem}
.xp-lbox__body{overflow:auto;background:#525659;flex:1;min-height:0;padding:18px 0}
.xp-lbox__body img{display:block;width:min(1100px,94%);height:auto;margin:0 auto;box-shadow:0 4px 16px rgba(0,0,0,.35)}

.xp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.xp-values .card h3{font-size:1.08rem}

@media(max-width:980px){
  .xp-hero,.xp-split{grid-template-columns:1fr;gap:36px}
  .xp-split--rev .xp-split__txt{order:0}
  .xp-values{grid-template-columns:1fr 1fr}
}
@media(max-width:1180px){.xp-reviews{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .xp-reviews,.xp-values{grid-template-columns:1fr}
  .xp-badge{padding:24px}
  .xp-badge__score b{font-size:3rem}
  .xp-doc__zoom{right:10px;bottom:10px}
}