.visual-poll-page .poll-shell { max-width: 1440px; }
.visual-poll-page #poll-ui,.visual-poll-page #datenschutz,.visual-poll-page #poll-share { max-width: 850px; margin-inline:auto; }
.visual-poll-page .poll-shell>h1 { max-width: 24ch; }
.visual-poll { margin: 2.5rem 0; }
.vp-introduction { max-width: 75ch; line-height: 1.7; }
.vp-share { max-width: 850px; margin-block: 1.5rem; }
.vp-controls { display:flex; flex-wrap:wrap; gap:1rem; margin:1.25rem 0; }
.vp-controls label { flex:1 1 250px; font-size:.9rem; font-weight:700; }
.vp-controls select { display:block; width:100%; min-height:48px; padding:.7rem; margin-top:.4rem; border:1px solid #81908b; border-radius:6px; background:#fff; color:var(--navy); font:inherit; }
.vp-view-buttons { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.vp-view-buttons button { flex:1; min-height:46px; border:1px solid #8c938d; border-radius:6px; color:var(--navy); background:var(--paper); padding:.7rem; font:inherit; font-weight:650; cursor:pointer; }
.vp-view-buttons button[aria-pressed=true] { background:var(--navy); color:white; border-color:var(--navy); }
.vp-stage { position:relative; display:grid; --vp-wipe:50%; border-radius:12px; overflow:hidden; background:#172b39; isolation:isolate; }
.vp-pane { margin:0; min-width:0; position:relative; }
.vp-viewport { overflow:hidden; position:relative; aspect-ratio:1672/941; }
.vp-transform { width:100%; height:100%; transform-origin:50% 50%; }
.vp-transform img { display:block; width:100%; height:100%; object-fit:cover; max-width:none; }
.vp-pane figcaption { position:absolute; bottom:.6rem; left:.6rem; margin-right:.6rem; padding:.35rem .65rem; background:#112638ec; color:#fff; border-radius:5px; font-size:.82rem; line-height:1.35; max-width:calc(100% - 1.2rem); }
.vp-stage[data-view=before] .vp-right,.vp-stage[data-view=after] .vp-left { display:none; }
.vp-stage[data-view=wipe] .vp-right { position:absolute; inset:0; clip-path:inset(0 0 0 var(--vp-wipe)); }
.vp-stage[data-view=wipe] .vp-right figcaption { left:auto; right:.4rem; }
.vp-stage[data-view=wipe] figcaption { display:none; }
.vp-stage[data-view=wipe]::after { content:""; position:absolute; top:0; bottom:0; left:var(--vp-wipe); border-left:3px solid #fff; pointer-events:none; }
.vp-stage[data-view=pair] { grid-template-columns:1fr 1fr; gap:3px; }
.vp-stage[aria-busy=true] .vp-transform { opacity:.15; }
.vp-stage[data-image-error=true] .vp-transform { visibility:hidden; }
.vp-wipe-control { display:block; margin:1rem 0; font-size:.9rem; font-weight:650; }
.vp-wipe-control input { display:block; width:100%; min-height:44px; accent-color:var(--green-dark); touch-action:pan-y; }
.vp-hotspots { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.vp-hotspots button { position:absolute; transform:translate(-50%,-50%); width:46px; height:46px; padding:0; border:3px solid white; border-radius:50%; background:var(--navy); color:white; font:700 1rem system-ui; cursor:pointer; pointer-events:auto; box-shadow:0 2px 12px #0009; }
.vp-hotspots button[aria-pressed=true] { background:var(--green-dark); }
.vp-written { margin-top:2rem; }
.vp-focus-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin:1rem 0; }
.vp-focus-tabs button { min-height:48px; padding:.65rem; border:1px solid #8c938d; border-radius:6px; background:var(--paper); color:var(--navy); font:inherit; font-weight:650; cursor:pointer; }
.vp-focus-tabs button[aria-pressed=true] { background:var(--navy); color:white; }
.vp-contrast { margin:1.5rem 0 2rem; }
.vp-contrast-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.vp-contrast-grid article { padding:1.1rem; border:1px solid #c9d2cf; border-radius:8px; background:white; min-width:0; }
.vp-contrast-grid article[data-selected=true] { outline:3px solid var(--green-dark); outline-offset:-3px; }
.vp-contrast-grid h4 { margin:.6rem 0; font-size:1.1rem; line-height:1.45; }
.vp-contrast-grid p { line-height:1.6; }
.vp-contrast-grid .poll-kicker { margin:0; }
.vp-focus-tabs button:focus-visible { outline:3px solid var(--green-dark); outline-offset:3px; }
.vp-energy { margin:1.5rem 0; padding:1.25rem; border:1px solid #c9d2cf; border-radius:10px; background:#f2f6f3; }
.vp-energy h3 { margin-top:0; }
.vp-energy h4 { margin:1.4rem 0 .7rem; font-size:1.15rem; }
.vp-energy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:0; }
.vp-energy-grid>div { padding:1rem; background:white; border:1px solid #d9e0dc; border-radius:6px; }
.vp-energy-grid dt { font-weight:750; color:var(--navy); margin-bottom:.5rem; }
.vp-energy-grid dd { margin:0; line-height:1.6; }
.vp-written details,#vp-method { border:1px solid #d9d1c2; background:var(--paper); border-radius:8px; padding:.65rem 1.1rem; }
.vp-written summary,#vp-method summary { min-height:44px; line-height:1.5; }
.vp-written p,#vp-method p { max-width:85ch; line-height:1.65; }
.vp-question { font-size:1.15rem; font-weight:700; }
#vp-sources { border-left:4px solid var(--green); padding:1rem 1.25rem; background:#edf5ef; overflow-wrap:anywhere; }
.visual-poll-page .poll-checkbox { display:flex; gap:.8rem; align-items:flex-start; margin:1rem 0; line-height:1.6; }
.visual-poll-page .poll-checkbox input { min-width:22px; min-height:22px; margin-top:.25rem; }
@media(max-width:640px) {
 .vp-focus-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .vp-contrast-grid { grid-template-columns:1fr; }
 .vp-energy-grid { grid-template-columns:1fr; }
 .vp-energy { padding:1rem; }
 .vp-stage[data-view=pair] { grid-template-columns:1fr; }
 .vp-view-buttons button { flex:1 1 40%; }
 .vp-pane figcaption { font-size:.75rem; }
 .vp-hotspots button { width:44px; height:44px; }
 .vp-controls { gap:.5rem; }
 .visual-poll-page .poll-shell { padding:1rem; }
}
@media(prefers-reduced-motion:no-preference) { .vp-transform { transition:transform .25s ease; } }