.planer :focus-visible{outline:3px solid var(--gruen-dunkel);outline-offset:3px}.planer .kachel:has(input:focus-visible){outline:3px solid var(--gruen-dunkel);outline-offset:3px}.planer .muster:has(input:focus-visible) .muster-feld{outline:3px solid var(--gruen-dunkel);outline-offset:3px}.planer input[type=range]{accent-color:var(--gruen);height:44px}@keyframes planer-ausblenden{0%{opacity:1}to{opacity:0}}.planer .planer-geist{pointer-events:none;animation:.35s ease-in-out forwards planer-ausblenden}.planer input[type=number]::-webkit-outer-spin-button{margin:0}.planer input[type=number]::-webkit-inner-spin-button{margin:0}.planer .planraster{background-image:linear-gradient(var(--raster) 1px, transparent 1px), linear-gradient(90deg, var(--raster) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px}.planer .p-kreuze:before,.planer .p-kreuze:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(var(--tinte), var(--tinte)) 0 4px / 9px 1px no-repeat, linear-gradient(var(--tinte), var(--tinte)) 4px 0 / 1px 9px no-repeat, linear-gradient(var(--tinte), var(--tinte)) 0 calc(100% - 4px) / 9px 1px no-repeat, linear-gradient(var(--tinte), var(--tinte)) 4px 100% / 1px 9px no-repeat;width:9px;position:absolute;top:-5px;bottom:-5px}.planer .p-kreuze:before{left:-5px}.planer .p-kreuze:after{right:-5px}@media (prefers-reduced-motion:reduce){.planer .planer-geist{opacity:0;animation:none}}@media (min-width:80rem){.planer .planer-flaeche{min-height:clamp(700px,100dvh - 24px,840px)}.planer .planer-auswahl{min-height:400px}.planer .planer-buehne{container-type:size}.planer .planer-legende{min-height:140px}}@media not (min-width:80rem){.planer figure[data-klein]{clip-path:inset(0 -6px calc(100% - var(--klein-hoehe,100%)) -6px)}.planer figure[data-klein] .planer-zeichenflaeche{transform:scale(var(--klein-faktor,1));transform-origin:top}.planer figure[data-klein] .planer-klein-linie{top:calc(var(--klein-hoehe,100%) - 1px)}.planer figure[data-klein] .planer-klein-knopf{top:calc(var(--klein-hoehe,100%) - 52px)}html:has(.planer-dock){scroll-padding-top:calc(var(--kopf-hoehe-mobil) + 36svh + 24px);scroll-padding-bottom:104px}}