.kf .head{margin-bottom:24px}.kf-systeme{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.kf-sys{text-align:left;font:inherit;background:#fff;border:1px solid var(--line);border-bottom:3px solid transparent;padding:12px 14px;cursor:pointer;display:grid;gap:3px;align-content:start;transition:border-color .2s,background .2s}.kf-sys:hover{border-color:var(--ink)}.kf-sys[aria-pressed=true]{background:var(--grey);border-color:var(--line);border-bottom-color:var(--blue)}.kf-sys b{font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:.92rem}.kf-sys span{font-size:.82rem;color:var(--muted);line-height:1.35}.kf-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3.5vw,44px);align-items:start}.kf-bild{position:relative;padding-bottom:28px}.kf-gross{aspect-ratio:4 / 3}.kf-muster{position:absolute;right:16px;bottom:0;width:34%;margin:0;background:#fff;border:6px solid #fff;box-shadow:0 10px 30px #0000002e}.kf-muster{padding:0;font:inherit;color:var(--ink);text-align:left;cursor:zoom-in;transition:transform .2s,box-shadow .2s}.kf-muster:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0000003d}.kf-muster img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.kf-muster-name{display:block;font-size:.74rem;font-weight:700;padding:5px 2px 0;text-transform:uppercase;letter-spacing:.04em}.kf-lupe{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 8px #0003}.kf-lupe:before{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border:2px solid var(--ink);border-radius:50%}.kf-lupe:after{content:"";position:absolute;left:17px;top:17px;width:2px;height:6px;background:var(--ink);transform:rotate(-45deg)}.kf-lightbox{border:0;padding:0;background:transparent;max-width:min(92vw,1100px);max-height:92vh;overflow:visible}.kf-lightbox::backdrop{background:#141222d1}.kf-lightbox figure{margin:0;display:grid;gap:10px}.kf-lightbox img{display:block;max-width:min(92vw,1100px);max-height:calc(92vh - 50px);width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 20px 60px #0006}.kf-lightbox figcaption{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.kf-lb-zu{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:1.1rem;cursor:pointer;box-shadow:0 4px 14px #0000004d}.kf-lightbox[open]{animation:kfLbEin .2s ease-out}@keyframes kfLbEin{0%{opacity:0;transform:scale(.97)}}.kf-info{display:grid;gap:7px;align-content:start}.kf-titel{font-size:clamp(1.3rem,1.8vw,1.55rem)}.kf-lead{color:var(--muted);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kf-schritt{display:grid;gap:6px;margin-top:6px}.kf-label{font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kf-label b{color:var(--ink);letter-spacing:.04em}.kf-tabs{display:flex;gap:6px;flex-wrap:wrap}.kf-tabs button{font:700 .8rem var(--f);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:8px 14px;cursor:pointer}.kf-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.kf-variante{display:grid;gap:4px}.kf-tech{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--muted);margin-top:6px}.kf-tech span:not(:last-child):after{content:"·";margin-left:14px;color:var(--line)}.kf-dekore{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.kf-dekore button{display:block;width:52px;height:52px;padding:0;border:0;background:none;cursor:pointer;border-radius:4px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .15s}.kf-dekore img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.kf-dekore button:hover{box-shadow:0 0 0 2px var(--ink)}.kf-dekore button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.kf-abschluss{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;margin-top:18px;padding:12px 18px;background:var(--grey);border-left:4px solid var(--blue)}.kf-zusatz{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.kf-zusatz legend{float:left;margin-right:6px;padding:0}.kf-zusatz label{display:inline-flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);padding:8px 12px;cursor:pointer;font:700 .78rem var(--f);text-transform:uppercase;letter-spacing:.04em;transition:border-color .15s}.kf-zusatz label:hover{border-color:var(--ink)}.kf-zusatz input{appearance:none;width:16px;height:16px;margin:0;border:2px solid var(--ink);background:#fff;display:grid;place-content:center;flex:none}.kf-zusatz input:after{content:"";width:8px;height:8px;background:#fff;transform:scale(0);transition:transform .12s}.kf-zusatz input:checked{background:var(--red);border-color:var(--red)}.kf-zusatz input:checked:after{transform:scale(1);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.kf-zusatz label:has(input:checked){border-color:var(--red)}.kf-zusatz label:has(input:focus-visible){outline:3px solid var(--red);outline-offset:2px}.kf-auswahl{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.kf-auswahl p{font-weight:700}.kf-auswahl p .kf-label{margin-right:6px}.kf-projekte{margin:48px 0 16px;display:grid;gap:6px}.kf-projekte h3{font-size:1.4rem}@media(max-width:900px){.kf-systeme{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:6px;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none}.kf-systeme::-webkit-scrollbar{display:none}.kf-sys{flex:0 0 auto;scroll-snap-align:start;padding:10px 14px}.kf-sys span{display:none}.kf-panel{grid-template-columns:1fr;gap:14px}.kf-gross{aspect-ratio:16 / 10}.kf-muster{width:28%;right:12px;border-width:4px}.kf-muster:hover{transform:none}.kf-lead{-webkit-line-clamp:2}.kf-tech{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:.78rem}.kf-tech span:after{display:none}.kf-dekore{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:20px;margin-inline:-20px;padding:4px 20px 8px;scrollbar-width:none}.kf-dekore::-webkit-scrollbar{display:none}.kf-dekore li{flex:0 0 auto;scroll-snap-align:start}.kf-dekore button{width:56px;height:56px}.kf-abschluss{display:grid;padding:16px}.kf-auswahl{display:grid}.kf-auswahl .btn{justify-content:center}}.kf-mini{display:none;position:fixed;top:88px;z-index:30;padding:0;margin:0;font:inherit;color:var(--ink);text-align:left;background:#fff;border:4px solid #fff;box-shadow:0 10px 30px #00000038;cursor:zoom-in}.kf-mini.an{display:block}.kf-mini img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.kf-mini .kf-muster-name{padding:4px 2px 0}@media(min-width:901px){.kf-mini{display:none!important}}