/* wertradar • ergänzende Komponenten, Entwurf 10.10.2026
   Nach portal-*.css laden; nur innerhalb .wr-vnext aktiv.
   Keine Font-Downloads. Bestehende DM Sans / Manrope werden weiterverwendet.
   !important ausschließlich zur Übersteuerung der vorhandenen Layout-Regeln. */
:root {
  --wr-color-bg: #f8f9f5;
  --wr-color-surface: #ffffff;
  --wr-color-ink: #172d2d;
  --wr-color-muted: #53665e;
  --wr-color-accent: #214e43;
  --wr-color-accent-hover: #183e32;
  --wr-color-soft: #edf2e6;
  --wr-color-line: #dfe5df;
  --wr-color-control: #687775;
  --wr-color-owner: #e8f0db;
  --wr-color-focus: #214e43;
  --wr-pc-low-bg: #dcebdc; --wr-pc-low-fg: #234d31;
  --wr-pc-below-bg: #edf2e6; --wr-pc-below-fg: #36513a;
  --wr-pc-near-bg: #edf0ee; --wr-pc-near-fg: #394d45;
  --wr-pc-above-bg: #fbefd8; --wr-pc-above-fg: #705013;
  --wr-pc-high-bg: #f6e3dc; --wr-pc-high-fg: #803f2a;
  --wr-pc-none-bg: #f0f1ef; --wr-pc-none-fg: #53605b;
  --wr-space-1: .25rem; --wr-space-2: .5rem;
  --wr-space-3: .75rem; --wr-space-4: 1rem;
  --wr-space-5: 1.25rem; --wr-space-6: 1.5rem;
  --wr-space-8: 2rem; --wr-space-12: 3rem; --wr-space-16: 4rem;
  --wr-radius-sm: 6px; --wr-radius-card: 11px; --wr-radius-panel: 13px;
  --wr-font-body: 'DM Sans', Arial, sans-serif;
  --wr-font-heading: Manrope, 'DM Sans', Arial, sans-serif;
  --wr-text-xs: .8125rem; --wr-text-sm: .875rem; --wr-text-base: 1rem;
  --wr-text-lg: 1.125rem; --wr-text-price: 1.5rem;
  --wr-text-h2: clamp(1.5rem, 2.5vw, 1.875rem);
  --wr-text-h1: clamp(2rem, 3.8vw, 3.375rem);
  --wr-leading-body: 1.55; --wr-leading-heading: 1.25;
  --wr-touch: 44px; --wr-content-max: 1280px;
}
.wr-vnext {color:var(--wr-color-ink);font:var(--wr-text-base)/var(--wr-leading-body) var(--wr-font-body)}
.wr-vnext *, .wr-vnext *::before, .wr-vnext *::after {box-sizing:border-box}
.wr-vnext :is(a,button,summary,input,select,textarea):focus-visible {outline:3px solid var(--wr-color-focus);outline-offset:4px;box-shadow:0 0 0 3px white}
.wr-vnext :is(a,button,summary) {touch-action:manipulation}
.wr-vnext a {color:var(--wr-color-accent);text-underline-offset:.2em}
.wr-vnext :is(h1,h2,h3,h4) {font-family:var(--wr-font-heading);line-height:var(--wr-leading-heading)}
.wr-vnext .wr-meta {font-size:var(--wr-text-xs);color:var(--wr-color-muted);overflow-wrap:anywhere}
.wr-vnext .wr-link {display:inline-flex;align-items:center;min-height:var(--wr-touch);padding:8px 0;gap:6px}
.wr-vnext .wr-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--wr-touch);max-width:100%;padding:12px 18px;border:1px solid var(--wr-color-accent);border-radius:var(--wr-radius-sm);font:600 var(--wr-text-base)/1.4 var(--wr-font-body);text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.wr-vnext .wr-button-primary {background:var(--wr-color-accent);color:white}
.wr-vnext .wr-button-primary:hover {background:var(--wr-color-accent-hover)}
.wr-vnext .wr-button-secondary {background:transparent;color:var(--wr-color-accent)}
.wr-vnext .wr-icon {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--wr-color-soft);color:var(--wr-color-accent);flex-shrink:0}
.wr-vnext .wr-icon svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* .wr-v2 is the explicit opt-in for legacy cards. All anchors remain siblings. */
body .wr-vnext .wr-object.wr-v2 {display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;background:var(--wr-color-surface);border:1px solid var(--wr-color-line);border-radius:var(--wr-radius-card);overflow:visible;box-shadow:none;transform:none;transition:none;min-width:0}
body .wr-vnext .wr-object.wr-v2.wr-data-only {grid-template-columns:64px minmax(0,1fr)!important;border-left:3px solid #acc68c}
body .wr-vnext .wr-v2 .wr-object-photo {position:relative;display:flex;justify-content:center;align-items:center;min-height:0!important;height:auto!important;overflow:hidden;background:var(--wr-color-soft);border-radius:10px 0 0 10px}
body .wr-vnext .wr-v2 .wr-object-photo img {position:static!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain!important;display:block}
body .wr-vnext .wr-v2.wr-data-only .wr-object-photo {align-items:flex-start;padding:20px 0 0;background:transparent!important;overflow:visible}
body .wr-vnext .wr-v2 .wr-object-body {display:grid!important;grid-template-columns:minmax(0,1fr) 190px;grid-template-areas:'main end' 'check check';padding:20px!important;gap:8px 20px;min-width:0}
body .wr-vnext .wr-v2 .wr-main {grid-area:main;min-width:0}
body .wr-vnext .wr-v2 .wr-end {grid-area:end;text-align:right;min-width:0}
body .wr-vnext .wr-v2 h3 {font-size:var(--wr-text-lg)!important;line-height:1.4!important;margin:0 0 8px;overflow-wrap:anywhere}
.wr-vnext .wr-facts {display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;font-size:var(--wr-text-sm)}
body .wr-vnext .wr-v2 .wr-price {font:700 var(--wr-text-price)/1.3 var(--wr-font-heading)!important;margin:0;letter-spacing:-.02em;overflow-wrap:anywhere}
.wr-vnext .wr-unit {font:400 var(--wr-text-sm)/1.5 var(--wr-font-body);display:block}
.wr-vnext .wr-check {grid-area:check;border-top:1px solid var(--wr-color-line);padding-top:8px;min-width:0}
.wr-vnext .wr-check summary {display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:var(--wr-touch);cursor:pointer;list-style:none}
.wr-vnext .wr-check summary::-webkit-details-marker {display:none}
.wr-vnext .wr-check summary::after {content:'＋';margin-left:auto;font-size:20px}
.wr-vnext .wr-check[open] summary::after {content:'−'}
.wr-vnext .wr-check p {margin:8px 0;font-size:var(--wr-text-sm)}
.wr-vnext .wr-check .wr-explanation {padding:12px;background:var(--wr-color-soft);border-radius:var(--wr-radius-sm)}
.wr-vnext .wr-status {display:inline-block;padding:5px 9px;border-radius:5px;font-size:var(--wr-text-xs);font-weight:700;line-height:1.5;background:var(--wr-pc-none-bg);color:var(--wr-pc-none-fg)}
.wr-vnext .wr-status-low {background:var(--wr-pc-low-bg);color:var(--wr-pc-low-fg)}
.wr-vnext .wr-status-below {background:var(--wr-pc-below-bg);color:var(--wr-pc-below-fg)}
.wr-vnext .wr-status-near {background:var(--wr-pc-near-bg);color:var(--wr-pc-near-fg)}
.wr-vnext .wr-status-above {background:var(--wr-pc-above-bg);color:var(--wr-pc-above-fg)}
.wr-vnext .wr-status-high {background:var(--wr-pc-high-bg);color:var(--wr-pc-high-fg)}
/* List adapter: row-hit is a div, never an anchor around interactive children. */
body .wr-vnext.results .wr-row.row {display:block!important;border:1px solid var(--wr-color-line);border-radius:11px;background:white;overflow:visible;box-shadow:none;transform:none}
body .wr-vnext.results .wr-row .row-hit {display:grid!important;grid-template-columns:64px minmax(0,1fr) 205px!important;gap:0;align-items:start!important;padding:16px}
body .wr-vnext.results .wr-row .r-ic {width:40px!important;height:40px!important;min-height:0!important;grid-row:auto!important;background:transparent!important;padding:0!important;align-self:start}
body .wr-vnext.results .wr-row .r-ic::before, body .wr-vnext.results .wr-row .r-ic::after {content:none!important;display:none!important}
body .wr-vnext.results .wr-row :is(.r-main,.r-end) {padding:0!important;min-width:0}
body .wr-vnext.results .wr-row .r-end {display:block;text-align:right}
body .wr-vnext.results .wr-row .row-go {display:flex;min-height:44px!important;height:auto;border:0!important;background:transparent!important;color:var(--wr-color-accent)!important;padding:10px 0!important;align-items:center;justify-content:flex-end;font-size:var(--wr-text-sm)}
body .wr-vnext.results .wr-row .wr-check {margin-top:12px;grid-column:2/-1}
body .wr-vnext.results .wr-row.wr-has-photo .row-hit {grid-template-columns:160px minmax(0,1fr) 205px!important;gap:16px}
body .wr-vnext.results .wr-row.wr-has-photo .r-ic {width:160px!important;height:120px!important}
body .wr-vnext.results .wr-row.wr-has-photo .r-ic img {position:static!important;width:160px!important;height:120px!important;object-fit:contain!important}
.wr-vnext .wr-owner {padding:24px;background:var(--wr-color-owner);border:1px solid #c6d6b7;border-radius:var(--wr-radius-panel);margin-top:48px;color:var(--wr-color-ink)}
.wr-vnext .wr-owner-head {display:flex;gap:12px;align-items:center}
.wr-vnext .wr-owner h2 {font-size:var(--wr-text-h2);margin:0}
.wr-vnext .wr-owner h3 {font-size:var(--wr-text-lg);margin-top:24px}
.wr-vnext .wr-owner-notice {border-left:3px solid var(--wr-color-accent);padding-left:12px;font-weight:600}
.wr-vnext .wr-owner .wr-owner-actions {display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0;padding:0;background:transparent;border:0}
.wr-vnext .wr-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px 0 0;border:1px solid var(--wr-color-line);border-radius:var(--wr-radius-card);overflow:hidden;background:var(--wr-color-line)}
.wr-vnext .wr-stats>div {background:white;padding:20px;min-width:0}
.wr-vnext .wr-stats dt {font-size:var(--wr-text-sm);color:var(--wr-color-muted)}
.wr-vnext .wr-stats dd {margin:8px 0 0;font:700 var(--wr-text-price)/1.35 var(--wr-font-heading);overflow-wrap:anywhere}
.wr-vnext .wr-stats small {display:block;margin-top:8px;font:400 var(--wr-text-xs)/1.5 var(--wr-font-body);color:var(--wr-color-muted)}
.wr-vnext .wr-detail {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;padding:24px;border:1px solid var(--wr-color-line);border-radius:13px;background:white}
.wr-vnext .wr-detail h2 {margin-top:0}
.wr-vnext .wr-panel {padding:20px;background:var(--wr-color-soft);border-radius:11px}
.wr-vnext .wr-unavailable {padding:20px;border-left:4px solid var(--wr-pc-above-fg);background:var(--wr-pc-above-bg)}
.wr-vnext .wr-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wr-vnext .wr-fields dt {font-size:var(--wr-text-sm);color:var(--wr-color-muted)}
.wr-vnext .wr-fields dd {margin:4px 0 0;font-weight:600}
.wr-vnext .wr-control {font:inherit;min-height:44px;width:100%;padding:10px;border:1px solid var(--wr-color-control);border-radius:6px;background:white;color:var(--wr-color-ink)}
@media(max-width:700px) {
 body .wr-vnext .wr-object.wr-v2 {grid-template-columns:100px minmax(0,1fr)!important}
 body .wr-vnext .wr-object.wr-v2.wr-data-only {grid-template-columns:48px minmax(0,1fr)!important}
 body .wr-vnext .wr-v2 .wr-object-photo {align-items:flex-start;padding-top:16px;border-radius:10px}
 body .wr-vnext .wr-v2 .wr-object-body {display:flex!important;flex-direction:column;gap:12px;padding:16px 12px 16px 0!important}
 body .wr-vnext .wr-v2 .wr-end {text-align:left}
 body .wr-vnext .wr-v2.wr-data-only .wr-object-photo {padding-top:16px}
 .wr-vnext .wr-icon {width:32px;height:32px;border-radius:8px}
 .wr-vnext .wr-check {width:100%}
 .wr-vnext .wr-status {overflow-wrap:anywhere}
 body .wr-vnext.results .wr-row .row-hit, body .wr-vnext.results .wr-row.wr-has-photo .row-hit {grid-template-columns:40px minmax(0,1fr)!important;padding:16px 12px;gap:0 8px}
 body .wr-vnext.results .wr-row .r-ic {width:32px!important;height:32px!important;grid-column:1;grid-row:1!important}
 body .wr-vnext.results .wr-row .r-main {grid-column:2}
 body .wr-vnext.results .wr-row .r-end {grid-column:2;text-align:left;margin-top:12px}
 body .wr-vnext.results .wr-row .row-go {justify-content:flex-start}
 body .wr-vnext.results .wr-row .wr-check {grid-column:2}
 body .wr-vnext.results .wr-row.wr-has-photo .row-hit {grid-template-columns:80px minmax(0,1fr)!important}
 body .wr-vnext.results .wr-row.wr-has-photo .r-ic {width:80px!important;height:60px!important}
 body .wr-vnext.results .wr-row.wr-has-photo .r-ic img {width:80px!important;height:60px!important}
 .wr-vnext .wr-stats {grid-template-columns:repeat(2,minmax(0,1fr))}
 .wr-vnext .wr-stats>div {padding:16px 12px}
 .wr-vnext .wr-stats dd {font-size:1.25rem}
 .wr-vnext .wr-owner {padding:20px 16px;margin-top:32px}
 .wr-vnext .wr-owner-head {align-items:flex-start}
 .wr-vnext .wr-owner-actions {flex-direction:column;align-items:stretch}
 .wr-vnext .wr-detail {grid-template-columns:1fr;padding:16px;gap:16px}
}
@media(prefers-reduced-motion:reduce) {.wr-vnext * {scroll-behavior:auto;transition:none!important}}
@media(forced-colors:active) {.wr-vnext .wr-status,.wr-vnext .wr-button {border:1px solid ButtonText}}

.wr-vnext .wr-check summary .wr-check-meta {flex-basis:100%;order:2;font-weight:400}
.wr-vnext .wr-check summary::after {order:1}
.wr-vnext .wr-v2 h3 a {display:inline-flex;align-items:center;min-height:44px}
.wr-vnext .wr-end>span.wr-meta {display:block}
.wr-vnext .wr-check summary {position:relative;padding-right:28px}
.wr-vnext .wr-check summary::after {position:absolute;right:0;top:6px}
.wr-vnext .wr-price {font:700 var(--wr-text-price)/1.3 var(--wr-font-heading);margin:12px 0}
.wr-vnext .wr-end>.wr-link {margin-top:8px}
.wr-vnext .wr-end>span.wr-meta {margin-top:8px}
@media(max-width:700px) {
 .wr-vnext .wr-detail>div {display:flex;flex-direction:column;align-items:stretch}
 .wr-vnext .wr-detail .wr-button-primary {order:2}
 .wr-vnext .wr-detail .wr-button-primary+span {order:2;margin-top:8px}
 .wr-vnext .wr-detail .wr-provider-note {order:3}
 .wr-vnext .wr-detail .wr-fields {order:4}
 .wr-vnext .wr-detail .wr-source-note {order:5}
}

/* Integration wertradar 10.10.2026: portal-data-list20261010.js (live) haengt an jede .wr-object
   ohne geladenes <img> ein .wr-data-icon an. Die v2-Karten bringen ihr Symbol (.wr-icon) selbst mit;
   das zweite Symbol bleibt aus. Faellt ein freigegebenes Bild aus, zeigt das Skript sein Symbol. */
body .wr-vnext .wr-v2 .wr-icon~.wr-data-icon{display:none!important}
body .wr-vnext .wr-v2.wr-has-photo.wr-data-only .wr-object-photo>img{display:none!important}
body .wr-vnext .px-text-link{display:inline-flex;align-items:center;min-height:44px}