@import url('/architecture/artikeldetails.css');
@import url('/architecture/ral-tabelle.css');
.vp-ueberblick { min-width:0; }
.vp-ueberblick h1 { margin-top:10px; }
.vp-ueberblick .p1-galerie { margin-top:24px; }
.vp-ueberblick .p1-eck { margin-top:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.vp-produkt > .vp-form { margin-top:0; margin-bottom:0; }
.vp-form { margin:24px 0; }
.vp-form fieldset { border:0; padding:20px 0; margin:0; border-top:1px solid var(--t-line,#d3dae4); min-width:0; }
.vp-form legend { font-size:1rem; font-weight:700; padding:0 8px 0 0; }
.vp-wahlen { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.vp-deckel { grid-template-columns:minmax(0,1fr); }
.vp-form .vp-wahl { display:flex; align-items:center; gap:8px; background:white; border:1px solid #d3dae4; padding:12px; margin:0; min-height:72px; cursor:pointer; font-size:.85rem; line-height:1.35; }
.vp-wahl:has(input:checked) { background:#e1e5eb; border-color:#142a4c; box-shadow:inset 0 0 0 1px #142a4c; }
.vp-wahl:focus-within { outline:3px solid #142a4c; outline-offset:2px; }
.vp-form .vp-wahl input { width:18px; min-height:18px; margin:0; flex:0 0 18px; accent-color:#142a4c; }
.vp-wahl img { width:48px; height:48px; object-fit:contain; }
.vp-wahl small { display:block; margin-top:4px; }
.vp-wahl span { min-width:0; overflow-wrap:anywhere; }
.vp-mass { position:relative; max-width:280px; }
.vp-mass input { padding-right:50px; font-size:1.3rem; }
.vp-mass span { position:absolute; right:16px; top:50%; transform:translateY(-50%); pointer-events:none; }
.vp-form input:not([type=radio]) { width:100%; min-height:48px; box-sizing:border-box; border:1px solid #8d95a1; padding:12px; background:white; border-radius:0; }
.vp-form .vp-mass input { padding-right:50px; }
.vp-form label { display:block; margin:0 0 6px; }
.vp-form [hidden] { display:none; }
#profil-ral-feld { margin-top:16px; max-width:280px; }
.vp-bestellen { display:grid; grid-template-columns:100px minmax(0,1fr); gap:24px; align-items:end; padding:20px 0 8px; border-top:1px solid #d3dae4; }
.vp-bestellen output { font-size:2rem; font-weight:700; line-height:1.2; }
.vp-preis-label { margin:0 0 4px; font-size:.8rem; }
.vp-form .t-klein { margin:8px 0; line-height:1.5; }
.vp-form button[type=submit] { width:100%; min-height:48px; }
#profil-fehler { color:#9b2929; font-size:.9rem; }
#profil-fehler:empty { display:none; }
@media(min-width:861px) { .vp-form fieldset { padding:12px 0; } }
@media(max-width:700px) { .vp-wahlen { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:440px) { .vp-wahlen { grid-template-columns:minmax(0,1fr); } .vp-bestellen { gap:16px; grid-template-columns:80px minmax(0,1fr); } .vp-bestellen output { font-size:1.7rem; } }
.vp-wahl small:empty { display:none; }