/* Schinkelzaun: erster Planungsablauf ohne Preiskalkulation. */
.sk-config{background:#fff;border:1px solid #cbd3ce;border-radius:6px;padding:32px;scroll-margin-top:110px}
.sk-config [hidden]{display:none!important}
.sk-progress{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 32px;border-bottom:1px solid #dce2dd;flex-wrap:wrap}
.sk-progress li{padding:12px 8px;color:#58615b;font-size:14px;border-bottom:3px solid transparent}
.sk-progress [aria-current]{color:var(--red);border-color:var(--red);font-weight:700}
.sk-progress .sk-completed{color:#263c30}
.sk-step{border:0;padding:0;margin:0;min-width:0}
.sk-step legend{font-size:clamp(23px,2.5vw,30px);font-weight:700;line-height:1.3;margin-bottom:16px;padding:0;max-width:100%;scroll-margin-top:120px}
.sk-help{font-size:15px;line-height:1.6;color:#4c5751;margin:0 0 22px}
.sk-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.sk-models{grid-template-columns:repeat(2,minmax(0,1fr))}
.sk-gates{grid-template-columns:repeat(3,minmax(0,1fr))}
.sk-choice{position:relative;display:flex;align-items:flex-start;gap:12px;padding:20px;border:1px solid #aab6ae;border-radius:5px;cursor:pointer;min-width:0;background:#fff}
.sk-choice:hover{background:#f6f8f6;border-color:#44564a}
.sk-choice:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#fcf7f7}
.sk-choice:focus-within{outline:3px solid #263c30;outline-offset:3px}
.sk-choice input{margin:4px 0 0;flex:0 0 auto;width:18px;height:18px;accent-color:var(--red)}
.sk-choice-body{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}
.sk-choice-body strong{font-size:17px;line-height:1.4}
.sk-choice-body>span{font-size:14px;line-height:1.6;color:#4c5751}
.sk-pictures{display:grid;grid-template-columns:1.1fr .7fr 1.3fr;gap:8px;background:#fff;padding:6px}
.sk-pictures img{display:block;width:100%;height:90px;object-fit:contain}
.sk-credit{font-size:12px;color:#4c5751;margin:16px 0 0}
.sk-number-label{display:block;font-weight:700;margin-bottom:8px}
#sk-seiten{display:block;font:inherit;width:160px;max-width:100%;padding:12px;border:1px solid #7e8e83;border-radius:4px;margin-bottom:18px}
#sk-seiten:focus-visible{outline:3px solid #263c30;outline-offset:3px}
.sk-notice{padding:18px;background:#f4f1ea;border-left:3px solid #7a6142;margin-top:20px;font-size:15px;line-height:1.6}
.sk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid #dce2dd}
.sk-actions button{cursor:pointer;font:inherit;min-height:48px}
.sk-actions button:focus-visible{outline:3px solid #263c30;outline-offset:4px}
.sk-actions button:disabled{opacity:.5;cursor:not-allowed}
.sk-back,.sk-edit{background:#fff;color:#263c30;border:1px solid #88998e}
.sk-result h3{font-size:28px;margin:0 0 20px}
.sk-result dl{margin:0 0 24px;max-width:700px}
.sk-result dl>div{display:grid;grid-template-columns:1fr 2fr;gap:18px;padding:14px 0;border-bottom:1px solid #dce2dd}
.sk-result dt{font-weight:700}.sk-result dd{margin:0}.sk-result p{line-height:1.6}
@media(max-width:1000px){.sk-models{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-gates{grid-template-columns:1fr}}
@media(max-width:600px){.sk-config{padding:20px}.sk-choices{grid-template-columns:1fr}.sk-progress{gap:0;display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.sk-progress li{font-size:13px;padding:10px 4px}.sk-choice{padding:16px}.sk-pictures img{height:100px}.sk-actions .button{width:100%;justify-content:center}.sk-result dl>div{grid-template-columns:1fr;gap:6px}}

.sk-picture{display:flex;flex-direction:column;align-items:center;min-width:0;gap:8px}
.sk-picture>span{font-size:12px;font-weight:700;color:#35443b}
.sk-door-preview{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;padding:16px;border:1px solid #e2e7e3;border-radius:3px}
.sk-door-preview img{width:200px;max-width:100%;height:240px;object-fit:contain}
.sk-door-preview>span{font-size:13px;font-weight:700;text-align:center}
@media(max-width:600px){.sk-pictures{grid-template-columns:1fr .8fr}.sk-picture:last-child{grid-column:1/-1}.sk-picture:last-child img{height:110px}}

.sk-measure-help{margin-top:18px}
.sk-side-fields,.sk-position-fields{display:grid;gap:20px;margin-top:24px}
.sk-input-card{border:1px solid #cbd3ce;border-radius:5px;padding:22px;background:#fafbf9;min-width:0}
.sk-input-card h3{font-size:21px;margin:0 0 18px}
.sk-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sk-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;min-width:0}
.sk-field input,.sk-field select{font:inherit;font-weight:400;width:100%;min-height:48px;padding:12px;background:#fff;border:1px solid #7e8e83;border-radius:4px;box-sizing:border-box}
.sk-field input:focus-visible,.sk-field select:focus-visible{outline:3px solid #263c30;outline-offset:3px}
.sk-field small{font-weight:400;line-height:1.5;color:#4c5751}
.sk-position-reference{font-size:14px;margin:14px 0 0;color:#4c5751;line-height:1.6}
@media(max-width:600px){.sk-field-grid{grid-template-columns:1fr}.sk-input-card{padding:16px}}

.sk-size-section{margin-top:28px;padding-top:24px;border-top:1px solid #dce2dd}
.sk-size-section h3{font-size:23px;margin:0 0 14px}
.sk-size-choices .sk-choice-body strong{font-variant-numeric:tabular-nums}