@layer quartz-base{.stammbaum{--sb-rand:color-mix(in srgb, var(--secondary) 35%, transparent);margin-top:.6rem}.stammbaum .sb-titel{margin:1.6rem 0 .6rem;font-size:1.05rem;font-weight:600}.sb-leiste{flex-wrap:wrap;align-items:center;gap:.45rem .6rem;margin-bottom:.6rem;display:flex}.sb-leiste input,.sb-leiste select,.sb-leiste button,.sb-steuer button,.sb-info button{color:var(--darkgray);border:1px solid var(--sb-rand);background:color-mix(in srgb, var(--light) 85%, transparent);border-radius:999px;padding:.28rem .7rem;font-family:inherit;font-size:.82rem;transition:border-color .25s,box-shadow .25s}.sb-leiste input:focus,.sb-leiste select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary) 18%, transparent);outline:none}.sb-leiste input[type=search]{flex:0 13rem}.sb-leiste button,.sb-steuer button,.sb-info button{cursor:pointer}.sb-leiste button:hover,.sb-steuer button:hover,.sb-info button:hover{border-color:var(--secondary);box-shadow:0 0 12px -3px var(--secondary)}.sb-vergleich .sb-label{opacity:.75;font-size:.82rem}.sb-ergebnis{font-size:.88rem}.sb-ergebnis b{color:var(--secondary)}.sb-ergebnis small{opacity:.7;display:block}.sb-buehne{border:1px solid var(--sb-rand);background:var(--light);border-radius:14px;position:relative;overflow:hidden}.sb-scan{display:none}.sb-flaeche{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;height:560px;transition:height .5s cubic-bezier(.22,.8,.2,1);position:relative;overflow:hidden}.sb-flaeche[data-zieht=ja]{cursor:grabbing}.sb-flaeche svg{width:100%;height:100%;display:block}.sb-steuer{z-index:3;gap:.3rem;display:flex;position:absolute;top:12px;right:14px}.sb-steuer button{padding:.2rem .6rem}.sb-knoten{cursor:pointer;animation:.55s cubic-bezier(.2,.8,.2,1) both sb-ein;animation-delay:var(--v,0s);outline:none}@keyframes sb-ein{0%{opacity:0}}.sb-knoten .sb-karte{stroke-width:1.3px;transition:stroke-width .25s,filter .25s}.sb-knoten:hover .sb-karte{filter:drop-shadow(0 0 8px var(--sb-f))}.sb-knoten .sb-kante{fill:var(--sb-f)}.sb-knoten text{font-family:var(--bodyFont,inherit);fill:var(--dark);pointer-events:none}.sb-knoten .sb-haus{font-family:var(--codeFont,monospace);fill:var(--darkgray);opacity:.75;letter-spacing:.08em;text-transform:uppercase}.sb-knoten.gewaehlt .sb-karte{stroke-width:2.6px;filter:drop-shadow(0 0 12px var(--sb-f))}.sb-knoten.treffer .sb-karte{stroke-width:2.6px;filter:drop-shadow(0 0 10px var(--secondary));stroke:var(--secondary)!important}.sb-knoten.gedimmt{opacity:.28}.sb-linie{fill:none;stroke:color-mix(in srgb, var(--darkgray) 55%, transparent);stroke-width:1.5px}.sb-fern{stroke-dasharray:1 6;stroke-linecap:round;stroke-width:2.2px;opacity:.85}.sb-paar{stroke:color-mix(in srgb, var(--secondary) 75%, transparent);stroke-width:2.2px;stroke-dasharray:5 4;animation:2.6s linear infinite sb-fluss}@keyframes sb-fluss{to{stroke-dashoffset:-18px}}.sb-punkt{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite sb-puls}@keyframes sb-puls{0%,to{opacity:.6}50%{opacity:1}}.sb-info{z-index:3;border:1px solid var(--sb-rand);background:color-mix(in srgb, var(--light) 92%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.7rem;max-width:calc(100% - 170px);padding:.4rem .8rem;font-size:.86rem;animation:.35s both sb-ein;display:flex;position:absolute;top:12px;left:14px;box-shadow:0 8px 24px -12px #00000080}.sb-info:not(:has(strong)){display:none}.sb-info strong{color:var(--secondary)}.sb-leer{opacity:.7;font-style:italic}@media (prefers-reduced-motion:reduce){.stammbaum *{animation:none!important}}}