/* icnkonfigurator 2.2.0 – Winkelkonfigurator: Ergänzungen zum Haubenkonfigurator (k2-2.1.0.css, k2-hood-2.1.5.css).
   Gilt nur innerhalb von .k2w (Wurzel des Winkelkonfigurators). */

/* Schenkel wählen: zwei breite Knöpfe nebeneinander, Symbol links, Name und Lage rechts */
.k2w .k2h-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.k2w .k2h-side{flex-direction:row;justify-content:flex-start;gap:10px;min-height:54px;padding:6px 12px;text-align:left}
.k2w .k2h-side[aria-checked="true"]{padding:5px 11px}
.k2w .k2h-side .sn{font-size:13px;font-weight:600;line-height:1.25}
.k2w .k2h-side .sn small{display:block;font-size:11.5px;font-weight:400;color:var(--muted)}
.k2w .k2h-side .bi-edge{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round}
.k2w .k2h-side .bi-face{fill:rgba(46,104,121,.16)}
.k2w .k2h-sname .bi-edge{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round}

/* Maße als Standardlängen: Auswahlliste im großen Feld, Zahl rechtsbündig wie die Eingabefelder */
.k2w .k2w-big{position:relative;cursor:pointer}
.k2.k2w .k2w-sel{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex:1 1 auto;min-width:0;width:100%;height:40px;margin:0;border:0!important;border-radius:0;box-shadow:none!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a5a5a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat 4px center/13px 13px;padding:0 4px 0 20px;text-align:right;text-align-last:right;font:inherit;font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer}
.k2.k2w .k2w-sel:focus{outline:none}
.k2.k2w .k2w-sel option{font-size:15px;font-weight:500;text-align:left}
.k2w .k2w-sub{margin:3px 0 0;font-size:11.5px;line-height:1.3;color:var(--muted)}.k2w .k2w-free{margin:10px 0 0;font-size:12.5px;line-height:1.4;color:var(--muted)}.k2.k2w:not(.k2p) .measure .k2w-free{order:2}
.k2w .mf .err:not([hidden]){margin:4px 0 0;font-size:12px;color:var(--warn)}
.k2.k2w .mgrid .mf label .let{width:auto!important;min-width:18px;padding:0 4px;border-radius:9px}

/* Skizze zu den Maßen: Profil mit S1, S2 und Breite B */
.k2w .k2w-sketch{margin:0 0 10px;padding:8px 10px 2px;background:var(--ground);border:.5px solid var(--line);border-radius:10px}
.k2w .k2w-sketch svg{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}
.k2w .k2w-skp{fill:rgba(170,212,226,.55);stroke:var(--acryl-edge-strong);stroke-width:1.2;stroke-linejoin:round}
.k2w .k2w-skd{fill:none;stroke:var(--muted);stroke-width:1}
.k2w .k2w-skt{font-size:11px;font-weight:700;fill:var(--ink)}
.k2w .k2w-sks{font-size:9.5px;fill:var(--muted)}

/* Kanten: Standardhinweis und Schalter „poliert“; mit Bohrungen ausgegraut */
.k2w .k2w-edgeNote{margin:12px 0 0;font-size:13px;line-height:1.45}
.k2w .k2h-switch.dis{opacity:.62;cursor:not-allowed}
.k2w .k2h-switch.dis .k2h-sw{background:#dddbd3}

/* flache Zeichnung: Rundung an der Kantung */
.k2w .k2w-bend{pointer-events:none}

/* 3D: Rundung der Kantung ohne sichtbare Teilstriche, Enden wie Kanten; Schild „90° gekantet“ */
.k2w .f3-out.f3-bend{stroke-width:.35;stroke-opacity:.35}
.k2w .f3-edge.f3-end{stroke-width:.8}
.k2w .k2w-bend3 rect{fill:rgba(255,255,255,.93)}

/* Handy: drei Maße nebeneinander, Bezeichnung ohne Kürzel in einer Zeile */
@media (max-width:539.98px){
  .k2.k2w .mgrid .mf label .let{display:none!important}
  .k2.k2w .mgrid .mf label{font-size:12.5px!important;white-space:nowrap}
  .k2.k2w .k2w-sel{font-size:16px;padding:0 2px 0 13px;background-position:1px center;background-size:11px 11px}
  .k2.k2w .k2w-big .unit{font-size:11.5px!important;padding:0 6px 0 1px!important}
}

/* Lichtschachtabdeckung nach Maß (Modus „shaft“): zwei Maße, Hauswand und Rost in 3D, Skizze mit Gefälle, Messanleitung, Lieferumfang */
.k2.k2h.k2s:not(.k2p) .measure .k2h-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.k2s .k2s-wall{fill:#e8e5de;stroke:#d9d5cb;stroke-width:2.5;stroke-linejoin:round}
.k2s .k2s-shaft{fill:rgba(40,46,52,.14);stroke:none}
.k2s .k2s-grate{fill:none;stroke:rgba(70,76,82,.4);stroke-width:.8}
.k2s .k2s-gratef{fill:none;stroke:rgba(70,76,82,.62);stroke-width:1.6;stroke-linejoin:round}
.k2s .k2s-skg{fill:none;stroke:var(--muted);stroke-width:1.3}
.k2s .k2s-skh{fill:none;stroke:var(--muted);stroke-width:.8;opacity:.55}
.k2s .k2s-fix{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;font-size:13px;line-height:1.45}
.k2s .k2s-fix svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--muted)}
.k2s .k2s-howto{margin:10px 0 0;border:.5px solid var(--line);border-radius:10px;background:var(--ground)}
.k2s .k2s-howto summary{cursor:pointer;padding:10px 12px;font-size:13.5px;font-weight:600;list-style:none}
.k2s .k2s-howto summary::-webkit-details-marker{display:none}
.k2s .k2s-howto summary::after{content:'';float:right;width:7px;height:7px;margin:4px 3px 0 0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.k2s .k2s-howto[open] summary::after{transform:rotate(-135deg);margin-top:8px}
.k2s .k2s-howto ol{margin:0;padding:0 14px 12px 30px;font-size:13px;line-height:1.5}
.k2s .k2s-howto li+li{margin-top:5px}
.k2s .k2s-equip{padding:14px 16px}
.k2s .k2s-eqh{margin:0 0 9px;font-size:15px;font-weight:700}
.k2s .k2s-equip ul{margin:0;padding:0;list-style:none;font-size:13.5px;line-height:1.45}
.k2s .k2s-equip li{position:relative;padding-left:24px}
.k2s .k2s-equip li+li{margin-top:7px}
.k2s .k2s-equip li::before{content:'';position:absolute;left:3px;top:5px;width:11px;height:6px;border-left:2px solid #2e7d32;border-bottom:2px solid #2e7d32;transform:rotate(-45deg)}
.k2.k2s .k2m-th,.k2.k2s .k2m-h[hidden]{display:none!important}
.k2.k2h.k2s:not(.k2p) .measure .k2s-howto{order:2}
.k2.k2h.k2s:not(.k2p) .measure .k2s-fix{order:3}
/* 2.2.7: Fehlermeldung steht an Stelle des Untertitels (lag in 2.2.6 am PC darüber), i mit Hinweis am Winkel */
.k2w .mf.bad>.k2w-sub{display:none}
.k2w .mf>.k2w-lbl{position:relative;display:flex;align-items:center;min-width:0}
.k2w .mf>.k2w-lbl .k2-i{flex:none;margin:0 0 6px 6px}
.k2.k2w .mf>.k2w-lbl .k2w-tip{right:auto;width:min(340px,calc(100vw - 48px));font-weight:400;white-space:normal}