/* TrendShip: Seite Bewertungen (26.09.2026). Laedt nach unterseite.css. */

/* Kopf: Titel links, grosse Note rechts */
.bw-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.bw-score{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;padding-top:1.4rem;border-top:1px solid rgba(147,178,237,.28)}
.bw-score b{font-size:clamp(4.2rem,9vw,7.5rem);line-height:.9;font-weight:600;letter-spacing:-.05em;color:var(--cream-ink)}
.bw-score small{font-size:1.1rem;color:var(--cream-muted)}
.bw-score-meta{flex-basis:100%;margin-top:.9rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.7;color:var(--xenon)}

.bw-stars{font-family:var(--mono);font-size:.95rem;letter-spacing:.12em;color:var(--accent)}
.bw-stars .off{color:rgba(9,16,32,.2)}

/* Brief: die Berger-Bewertung, dunkel, mit ihrer Website daneben */
.bw-brief{padding-block:var(--sp);background:var(--abyss-2);color:var(--cream-ink);border-bottom:1px solid rgba(147,178,237,.18)}
.bw-brief .eyebrow{color:var(--xenon)}
.bw-brief-kopf{max-width:60rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}
.bw-brief h2{margin:1rem 0 1.1rem;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.98;letter-spacing:-.05em;font-weight:500;color:var(--cream-ink)}
.bw-brief .bw-q{display:block}
.bw-wer{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--xenon);margin:0}
.bw-brief-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.bw-brief-text{margin:0;padding-top:1.4rem;border-top:1px solid rgba(147,178,237,.22)}
.bw-brief-text .bw-stars{color:var(--xenon)}
.bw-brief-text blockquote{margin:1.2rem 0 0;font-size:clamp(1.02rem,1.35vw,1.14rem);line-height:1.7;color:var(--cream-muted)}
.bw-brief-text blockquote p{margin:0 0 1em;max-width:62ch}
.bw-brief-text blockquote p:last-child{margin-bottom:0}
.bw-brief-text .bw-hebung{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.25;letter-spacing:-.02em;font-weight:500;color:var(--cream-ink);border-left:2px solid var(--xenon);padding-left:1rem;margin:1.4em 0}
.bw-brief-text figcaption{margin-top:1.6rem;font-size:.82rem;color:var(--xenon)}

.bw-brief-seite{position:sticky;top:6.5rem}
.bw-fenster{border:1px solid rgba(147,178,237,.28);background:#fff;box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
.bw-fenster-leiste{display:flex;gap:.35rem;padding:.55rem .7rem;background:#E5EBF6}
.bw-fenster-leiste i{width:.5rem;height:.5rem;border-radius:50%;background:rgba(9,16,32,.22)}
.bw-fenster-bild{aspect-ratio:4/3.4;overflow:hidden}
.bw-fenster-bild img{display:block;width:100%;height:auto;transform:translateY(0);transition:transform 6s var(--ease)}
.bw-fenster:hover .bw-fenster-bild img{transform:translateY(calc(-100% + 100cqh))}
.bw-fenster-bild{container-type:size}
.bw-seite-text{margin:1.2rem 0 .9rem;font-size:.92rem;line-height:1.6;color:var(--cream-muted);max-width:44ch}
.bw-brief .link-more{color:var(--xenon)}

/* Wand: die uebrigen Bewertungen im Mauerwerk */
.bw-wand .s-head h2 em{color:var(--accent)}
.bw-liste{list-style:none;margin:0;padding:0;columns:3;column-gap:clamp(1.5rem,3vw,3rem)}
.bw-liste li{break-inside:avoid;padding:1.4rem 0 1.6rem;border-top:1px solid var(--line)}
.bw-liste figure{margin:0}
.bw-liste blockquote{margin:.8rem 0 0;font-size:1rem;line-height:1.6;color:var(--text)}
.bw-liste blockquote p{margin:0 0 .7em}
.bw-liste blockquote p:last-child{margin-bottom:0}
.bw-liste figcaption{margin-top:.9rem;font-size:.82rem;font-weight:600;color:var(--muted)}
.bw-echt{margin-top:2.5rem;max-width:70ch;font-size:.84rem;line-height:1.6;color:var(--muted)}
.bw-echt a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}

@media (max-width:1000px){.bw-liste{columns:2}}
@media (max-width:900px){
  .bw-hero-grid,.bw-brief-grid{grid-template-columns:1fr}
  .bw-brief-seite{position:static}
}
@media (max-width:620px){.bw-liste{columns:1}}
@media (prefers-reduced-motion:reduce){.bw-fenster-bild img{transition:none}}