/* Aus wertungen/index.php zentral ausgelagerte Gestaltung */
:root {
    --wr-blau:#005a94;
    --wr-blau-dunkel:#003d66;
    --wr-blau-hell:#eaf4fa;
    --wr-rot:#d7192d;
    --wr-text:#17232d;
    --wr-grau:#65737f;
    --wr-linie:#d9e3e9;
    --wr-bg:#f4f7f9;
    --wr-weiss:#fff;
}

.wr-number { text-align: right; }
.wr-link-compact { margin-top: 0; }

.wr-seite{min-height:100vh;background:var(--wr-bg);color:var(--wr-text)}
.wr-kopf{padding:clamp(38px,7vw,72px) 18px;background:linear-gradient(135deg,#fff 0%,#f7fbfd 60%,#eaf4fa 100%);border-bottom:1px solid var(--wr-linie)}
.wr-kopf-inner,.wr-inhalt{width:min(1180px,calc(100% - 30px));margin:auto}
.wr-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;color:var(--wr-rot);font-weight:900;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.wr-kicker:before{content:"";width:30px;height:3px;background:var(--wr-rot)}
.wr-kopf h1{margin:0 0 12px;color:var(--wr-blau);font-family:var(--font-display,Arial,sans-serif);font-size:clamp(2.25rem,6vw,4.7rem);line-height:1;text-transform:uppercase}
.wr-kopf p{max-width:760px;margin:0;color:#344653;font-size:clamp(1rem,2vw,1.12rem);line-height:1.6}
.wr-inhalt{padding-top:22px;padding-bottom:60px}

.wr-filter{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) auto;gap:11px;align-items:end;margin-bottom:16px;padding:16px;border:1px solid var(--wr-linie);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(0,52,83,.05)}
.wr-feld label{display:block;margin-bottom:6px;color:#40515f;font-size:.77rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.wr-feld select,.wr-suche input{width:100%;min-height:46px;box-sizing:border-box;padding:10px 12px;border:1px solid #aebbc5;border-radius:9px;background:#fff;color:var(--wr-text);font:inherit}
.wr-knopf{min-height:46px;padding:10px 18px;border:0;border-radius:9px;background:var(--wr-blau);color:#fff;font:inherit;font-weight:900;text-transform:uppercase;cursor:pointer}
.wr-knopf:hover,.wr-knopf:focus-visible{background:var(--wr-blau-dunkel)}
.wr-feld select:focus-visible,.wr-suche input:focus-visible,.wr-knopf:focus-visible,.wr-tab:focus-visible,.wr-link:focus-visible{outline:3px solid rgba(215,25,45,.3);outline-offset:2px}

.wr-typwahl,.wr-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:3px 0 7px}
.wr-tab{flex:0 0 auto;display:inline-flex;min-height:42px;align-items:center;padding:9px 15px;border:1px solid var(--wr-linie);border-radius:999px;background:#fff;color:var(--wr-blau-dunkel);font-weight:850;text-decoration:none;white-space:nowrap}
.wr-tab.aktiv{border-color:var(--wr-blau);background:var(--wr-blau);color:#fff}

.wr-statistik{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}
.wr-stat{padding:15px;border:1px solid var(--wr-linie);border-radius:12px;background:#fff}
.wr-stat strong{display:block;color:var(--wr-blau);font-size:1.55rem;line-height:1}
.wr-stat span{display:block;margin-top:7px;color:var(--wr-grau);font-size:.82rem;font-weight:750}

.wr-titel{margin:0 0 8px;color:var(--wr-blau);font-family:var(--font-display,Arial,sans-serif);font-size:clamp(1.55rem,4vw,2.2rem);text-transform:uppercase}
.wr-einleitung{margin:0 0 18px;color:var(--wr-grau);line-height:1.55}
.wr-hinweis,.wr-fehler{padding:18px;border:1px solid var(--wr-linie);border-left:5px solid var(--wr-blau);border-radius:11px;background:#fff}
.wr-fehler{border-left-color:var(--wr-rot)}

.wr-klasse{margin-bottom:21px;overflow:hidden;border:1px solid var(--wr-linie);border-radius:14px;background:#fff;box-shadow:0 7px 21px rgba(0,52,83,.045)}
.wr-klasse-kopf{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;background:linear-gradient(135deg,var(--wr-blau),#0876bb);color:#fff}
.wr-klasse-kopf h2,.wr-klasse-kopf h3{margin:0;color:#fff;font-family:var(--font-display,Arial,sans-serif);font-size:1.25rem;text-transform:uppercase}
.wr-klasse-kopf span{color:rgba(255,255,255,.86);font-size:.83rem}

.wr-tabelle-rahmen{overflow-x:auto}
.wr-tabelle{width:100%;border-collapse:collapse;font-size:.92rem}
.wr-tabelle th{padding:10px 12px;background:var(--wr-blau-hell);color:#26465e;text-align:left;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.wr-tabelle td{padding:11px 12px;border-top:1px solid var(--wr-linie);vertical-align:middle}
.wr-tabelle tbody tr:nth-child(even){background:#f9fbfc}
.wr-rang{width:52px;color:var(--wr-blau);font-size:1.02rem;font-weight:950}
.wr-name{font-weight:900}
.wr-meta{display:block;margin-top:3px;color:var(--wr-grau);font-size:.79rem;font-weight:550}
.wr-punkte{color:var(--wr-blau);font-weight:950;text-align:right;white-space:nowrap}
.wr-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf1f4;color:#475763;font-size:.72rem;font-weight:850}

.wr-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.wr-karte{padding:16px;border:1px solid var(--wr-linie);border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(0,52,83,.04)}
.wr-karte-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
.wr-badge{display:inline-flex;min-height:27px;align-items:center;padding:4px 9px;border-radius:999px;background:var(--wr-blau-hell);color:var(--wr-blau-dunkel);font-size:.72rem;font-weight:900;text-transform:uppercase}
.wr-karte h2,.wr-karte h3{margin:0 0 8px;color:var(--wr-blau-dunkel);line-height:1.2}
.wr-karte p{margin:5px 0;color:var(--wr-grau);line-height:1.45}
.wr-miniwerte{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.wr-miniwert{padding:6px 9px;border-radius:7px;background:#f1f5f7;color:#344653;font-size:.78rem;font-weight:750}
.wr-link{display:inline-flex;margin-top:13px;color:var(--wr-blau);font-weight:900;text-decoration:none}
.wr-link:hover{text-decoration:underline}
.wr-zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wr-suche{display:flex;gap:9px;margin-bottom:17px}
.wr-suche input{flex:1;min-width:0}
.wr-detail{margin-bottom:17px;padding:17px;border:1px solid var(--wr-linie);border-radius:13px;background:#fff}
.wr-detail h2{margin:7px 0 8px;color:var(--wr-blau);font-size:clamp(1.5rem,4vw,2.1rem)}
.wr-zurueck{display:inline-flex;margin-bottom:12px;color:var(--wr-blau);font-weight:900;text-decoration:none}

@media(max-width:900px){
    .wr-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wr-statistik{grid-template-columns:repeat(2,1fr)}
    .wr-zweispaltig{grid-template-columns:1fr}
}
@media(max-width:680px){
    .wr-kopf-inner,.wr-inhalt{width:min(100% - 22px,1180px)}
    .wr-inhalt{padding-top:15px}
    .wr-filter,.wr-karten{grid-template-columns:1fr}
    .wr-filter .wr-knopf{width:100%}
    .wr-statistik{gap:8px}
    .wr-stat{padding:12px}
    .wr-klasse-kopf{align-items:flex-start;flex-direction:column;gap:4px}
    .wr-tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
    .wr-tabelle,.wr-tabelle tbody,.wr-tabelle tr,.wr-tabelle td{display:block;width:100%;box-sizing:border-box}
    .wr-tabelle tr{position:relative;padding:13px 12px 13px 57px;border-top:1px solid var(--wr-linie)}
    .wr-tabelle td{padding:2px 0;border:0;text-align:left}
    .wr-tabelle .wr-rang{position:absolute;top:13px;left:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:var(--wr-blau);color:#fff}
    .wr-tabelle .wr-punkte{margin-top:7px;font-size:1.02rem}
    .wr-mobil-label:before{content:attr(data-label) ": ";color:var(--wr-grau);font-weight:550}
    .wr-suche{flex-direction:column}
    .wr-suche .wr-knopf{width:100%}
}