.ja{--ja-ease:cubic-bezier(.16, 1, .3, 1);overflow-x:clip}.ja-mitte{margin-left:auto;margin-right:auto}.ja-reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,3vw,3rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.ja-werkzeug{cursor:pointer;min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:.9rem;padding:0;display:flex}.ja-werkzeug:focus-visible{outline:2px solid var(--color-action);outline-offset:6px;border-radius:1rem}.ja-buehne{width:100%;height:clamp(8rem,19vw,16.5rem);transition:transform .9s var(--ja-ease);display:block;position:relative}.ja-werkzeug:not([aria-pressed=true]) .ja-buehne{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.ja-werkzeug:hover .ja-buehne{transform:translateY(-6px)}}.ja-lauf{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 0 8%}.ja-geraet{z-index:1;object-fit:contain;width:auto;max-width:100%;height:100%;filter:drop-shadow(0 18px 18px color-mix(in srgb, var(--color-ink) 22%, transparent));display:block;position:relative}.ja-werkzeug[data-art=schere] .ja-geraet{transform-origin:30%;width:100%;height:auto;margin-bottom:22%}.ja-boden{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-ink) 16%, transparent), transparent);height:12%;transition:background .9s var(--ja-ease);border-radius:50%;position:absolute;bottom:2%;left:8%;right:8%}.ja-werkzeug[aria-pressed=true] .ja-boden{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-brand) 45%, transparent), transparent)}.ja-name{white-space:nowrap;color:var(--color-ink-soft);transition:color .6s var(--ja-ease);padding-bottom:.45rem;font-size:clamp(.72rem,3.1vw,1.1rem);font-weight:800;position:relative}.ja-name:after{content:"";background:var(--color-action);height:3px;transition:transform .8s var(--ja-ease);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ja-werkzeug[aria-pressed=true] .ja-name{color:var(--color-action)}.ja-werkzeug[aria-pressed=true] .ja-name:after{transform:none}.ja-tipp{text-align:center;letter-spacing:.04em;color:var(--color-ink-soft);margin-top:1rem;font-size:.82rem;font-weight:700}.ja-tipp-maus{display:none}@media (hover:hover) and (pointer:fine){.ja-tipp-maus{display:inline}.ja-tipp-touch{display:none}}.ja-effekt,.ja-nebel{pointer-events:none;opacity:0;position:absolute}.ja-werkzeug[data-art=schere] .ja-effekt{width:32%;height:auto;top:36%;left:48%}.ja-werkzeug[data-art=streuer] .ja-effekt{transform-origin:50% 70%;width:78%;height:auto;bottom:-22%;left:5%;transform:scale(.2,.07)}.ja-nebel{background:radial-gradient(closest-side, transparent 52%, color-mix(in srgb, var(--color-brand) 55%, transparent) 72%, transparent);filter:blur(2px);border-radius:50%;width:74%;height:32%;bottom:-4%;left:26%}.ja-nebel:after{content:"";background:inherit;animation:inherit;border-radius:50%;animation-delay:.38s;position:absolute;inset:0}.ja-lauf[data-laeuft] .ja-geraet{animation:.9s linear both ja-brummen}.ja-werkzeug[data-art=schere] .ja-lauf[data-laeuft] .ja-geraet{animation-name:ja-schnapp}.ja-werkzeug[data-art=schere] .ja-lauf[data-laeuft] .ja-effekt{animation:ja-fallen 1.5s var(--ja-ease) .15s both}.ja-werkzeug[data-art=streuer] .ja-lauf[data-laeuft] .ja-geraet{animation:ja-rollen 1.4s var(--ja-ease) both}.ja-werkzeug[data-art=streuer] .ja-lauf[data-laeuft] .ja-effekt{animation:ja-streuen 1.7s var(--ja-ease) .2s both}.ja-lauf[data-laeuft] .ja-nebel{animation:ja-spruehen 1.5s var(--ja-ease) .1s both}@keyframes ja-schnapp{0%,to{transform:none}10%{transform:translate(-2px,1px)rotate(-.8deg)}20%{transform:translate(2px,-1px)rotate(.6deg)}30%{transform:translate(-2px)rotate(-.6deg)}40%{transform:translate(2px,1px)rotate(.5deg)}50%{transform:translate(-1px,-1px)rotate(-.4deg)}60%{transform:translate(1px)rotate(.3deg)}75%{transform:translate(-1px)rotate(-.2deg)}}@keyframes ja-brummen{0%,to{transform:none}10%,30%,50%,70%{transform:translate(-1.5px,.5px)}20%,40%,60%,80%{transform:translate(1.5px,-.5px)}}@keyframes ja-fallen{0%{opacity:0;transform:translateY(-25%)scale(.85)}25%{opacity:1}to{opacity:0;transform:translateY(22%)rotate(10deg)scale(1)}}@keyframes ja-rollen{0%{transform:none}50%{transform:translate(-9%)}to{transform:none}}@keyframes ja-streuen{0%{opacity:0;transform:scale(.2,.07)}30%{opacity:1}70%{opacity:.9;transform:scaleY(.32)}to{opacity:0;transform:scale(1.1,.36)}}@keyframes ja-spruehen{0%{opacity:0;transform:scale(.5)}35%{opacity:.95}to{opacity:0;transform:scale(1.35)}}.ja-tafeln{background:color-mix(in srgb, var(--color-mist) 45%, var(--color-paper));box-shadow:inset 0 0 0 1px var(--sprosse);border-radius:1.6rem;margin-top:1.6rem;padding:clamp(1.4rem,3.5vw,2.6rem);display:grid;position:relative}.ja-tafel{opacity:0;visibility:hidden;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);transition:opacity .26s ease-out,transform .26s ease-out,visibility 0s linear .26s;display:grid;transform:translateY(.8rem)}.ja-tafel[data-aktiv]{opacity:1;visibility:visible;transition:opacity .8s var(--ja-ease) .28s, transform 1s var(--ja-ease) .28s, visibility 0s linear 0s;transform:none}.ja-h3{letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:900;line-height:1.1}.ja-satz{max-width:34rem;color:var(--color-ink-soft);margin-top:.8rem;font-size:1.0625rem;line-height:1.6}.ja-punkte{grid-template-columns:repeat(2,minmax(0,max-content));gap:.6rem 2rem;margin-top:1.3rem;display:grid}.ja-punkte li{color:var(--color-ink);align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.ja-haken{background:var(--color-brand);border-radius:50%;flex:none;width:1.05rem;height:1.05rem;position:relative}.ja-haken:after{content:"";border:solid var(--color-on-dark);border-width:0 2px 2px 0;width:.28rem;height:.5rem;position:absolute;top:.2rem;left:.36rem;transform:rotate(45deg)}.ja-fuss{flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;margin-top:1.6rem;display:flex}.ja-mehr,.ja-nummer{white-space:nowrap;min-height:2.75rem;color:var(--color-action);align-items:center;gap:.4rem;font-weight:800;display:inline-flex}.ja-nummer{color:var(--color-ink-soft);font-weight:700}@media (hover:hover) and (pointer:fine){.ja-mehr:hover,.ja-nummer:hover{color:var(--color-action-strong);text-underline-offset:.25em;text-decoration:underline}}.ja-symbol{background:var(--color-deep);color:var(--color-on-dark);border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:.6rem;right:.6rem}@media (max-width:1023px){.ja-tafel{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.ja-reihe{gap:.4rem}.ja-werkzeug{gap:.5rem}.ja-h3{font-size:1.6rem}.ja-satz{font-size:1rem;line-height:1.55}.ja-punkte{grid-template-columns:minmax(0,1fr);gap:.5rem}.ja-fuss{gap:.4rem .9rem}.ja-knopf{padding:0 1rem;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.ja-lauf[data-laeuft] *,.ja-buehne,.ja-tafel{transition:none!important;animation:none!important}}.ja[data-ruhig] .ja-werkzeug{pointer-events:none}.ja[data-ruhig] .ja-werkzeug .ja-buehne{transform:none}.ja[data-ruhig] .ja-tipp{display:none}.ja[data-ruhig] .ja-tafeln{gap:2.5rem}@media (min-width:1024px){.ja[data-ruhig] .ja-tafeln{grid-template-columns:repeat(3,minmax(0,1fr))}}.ja[data-ruhig] .ja-tafel{opacity:1;visibility:visible;grid-area:auto;grid-template-columns:minmax(0,1fr);align-items:start;transform:none}.ja[data-ruhig] .ja[data-ruhig] .ja-punkte{grid-template-columns:minmax(0,1fr)}.ja[data-ruhig] .ja-h3{font-size:1.6rem}.ja[data-ruhig] .ja-name{color:var(--color-ink)}.ja[data-ruhig] .ja-name:after{display:none}.ja[data-ruhig] .ja-boden{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-ink) 16%, transparent), transparent)}
.ob{background:linear-gradient(180deg, var(--color-paper), color-mix(in srgb, var(--color-mist) 42%, var(--color-paper)) 14%, color-mix(in srgb, var(--color-mist) 42%, var(--color-paper)) 86%, var(--color-paper));padding:clamp(5rem,10vw,8.5rem) 0;position:relative;overflow:clip}@media (max-width:1023px){.ob{padding-bottom:1.5rem}}.ob-raster{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:1024px){.ob-text{grid-template-columns:minmax(min-content,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(3rem,6vw,6rem);display:grid}.ob-text .hs-label,.ob-text .hs-h2{grid-column:1}.ob-text .hs-satz{grid-area:1/2/span 2;align-self:end;margin-top:0}.ob-text .hs-knopf{grid-column:2;justify-self:start;margin-top:1.5rem}}.ob-text .hs-knopf{margin-top:2rem}.ob-figur{margin:0;container-type:inline-size}.ob-brett{background:url(/img/objektbetreuung/brett.webp) center / cover, var(--color-mist);box-shadow:0 1px 0 color-mix(in srgb, var(--color-on-dark) 60%, transparent) inset, 0 -2px 0 color-mix(in srgb, var(--color-ink) 12%, transparent) inset, 0 40px 60px -36px color-mix(in srgb, var(--color-deep) 55%, transparent), 0 12px 24px -16px color-mix(in srgb, var(--color-deep) 35%, transparent);border-radius:1.4rem;padding:clamp(1.1rem,2.4vw,1.8rem) clamp(.45rem,2vw,1.6rem) clamp(1.6rem,3vw,2.4rem);position:relative}.ob-reihe{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.6rem clamp(.5rem,1.5vw,.7rem);margin:0;padding:0;list-style:none;display:grid}@container (min-width:700px){.ob-reihe{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 .7rem}}.ob-haken{min-width:0}.ob-haken[data-aktiv]{z-index:3;position:relative}.ob-knopf{width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.8rem;flex-direction:column;align-items:center;padding:0;display:flex}.ob-knopf:focus-visible{outline:3px solid var(--color-action);outline-offset:4px}.ob-schild{text-align:left;background:var(--color-on-dark);width:100%;min-height:7rem;color:var(--color-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--color-ink) 10%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--color-deep) 45%, transparent);border-radius:.55rem;flex-direction:column;gap:.3rem;padding:.75rem clamp(.5rem,1.6vw,.7rem) .8rem;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ob-nr{letter-spacing:.08em;color:var(--color-action);font-size:.8rem;font-weight:900;transition:color .5s cubic-bezier(.16,1,.3,1)}.ob-schild-text{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;font-size:1rem;font-weight:800;line-height:1.3}.ob-haken[data-aktiv] .ob-schild{background:var(--color-action);color:var(--color-on-dark);transform:translateY(-2px)}.ob-haken[data-aktiv] .ob-nr{color:var(--color-on-dark)}.ob-stift{z-index:2;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--color-signal) 30%, var(--color-on-dark)), var(--color-signal) 55%, color-mix(in srgb, var(--color-signal) 55%, var(--color-ink)));width:.9rem;height:.9rem;box-shadow:0 3px 5px -1px color-mix(in srgb, var(--color-deep) 55%, transparent);border-radius:50%;margin-top:.85rem;position:relative}.ob-pendel{will-change:transform;margin-top:-.55rem;display:block;position:relative}.ob-schluessel{filter:drop-shadow(6px 14px 10px color-mix(in srgb, var(--color-deep) 38%, transparent));display:block}.ob-bild{width:auto;height:clamp(7.5rem,30vw,9.5rem);display:block}@container (min-width:700px){.ob-bild{height:clamp(10rem,16vw,14rem)}}@container (min-width:1000px){.ob-bild{height:15.5rem}.ob-schild{padding:1rem 1.1rem 1.1rem}.ob-schild-text{font-size:1.12rem}}.ob-fuss{justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.ob-fuss .ob-hinweis{margin-top:0}.ob-tipp{letter-spacing:.12em;text-transform:uppercase;color:var(--color-action);font-size:.75rem;font-weight:800}@media (hover:hover) and (pointer:fine){.ob-tipp{visibility:hidden}.ob-knopf:hover .ob-schild{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.ob-schild,.ob-nr{transition:none}}
.wa{--wa-h:min(84svh, 50rem, calc(min(100vw - 2 * var(--gutter), 32rem) * 1105 / 760));background:linear-gradient(180deg, var(--color-paper), color-mix(in srgb, var(--color-mist) 38%, var(--color-paper)) 12%, color-mix(in srgb, var(--color-mist) 38%, var(--color-paper)) 88%, var(--color-paper));padding:clamp(5rem,10vw,8.5rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow-x:clip}.wa-raster{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.wa-links{display:contents}.wa-kopf{order:1}.wa-bahn{order:2}.wa-anfrage{order:3}@media (min-width:1024px){.wa-raster{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.wa-links{display:block;position:sticky;top:14vh}.wa-anfrage{max-width:30rem;margin-top:clamp(1.75rem,4vh,2.75rem)}}.wa-bahn{height:calc(var(--wa-h) + 150svh);position:relative}.wa-bahn-ruhig{height:auto}.wa-buehne{top:calc((100svh - var(--wa-h)) / 2);justify-content:center;display:flex;position:sticky}.wa-bahn-ruhig .wa-buehne{position:relative;top:0}.wa-brett{height:var(--wa-h);aspect-ratio:760/1105;filter:drop-shadow(0 30px 34px color-mix(in srgb, var(--color-ink) 22%, transparent)) drop-shadow(0 4px 6px color-mix(in srgb, var(--color-ink) 14%, transparent));will-change:transform;margin:0;position:relative}.wa-brett-bild{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wa-blatt{flex-direction:column;padding:0 clamp(.9rem,7%,2.2rem) clamp(.9rem,5%,1.8rem);display:flex;position:absolute;inset:13% 5.3% 4.3% 5%;container-type:inline-size}.wa-liste{flex-direction:column;flex:1;justify-content:space-evenly;margin:0;padding:0;list-style:none;display:flex}.wa-zeile{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 30%, transparent);flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.8rem,5cqi,1.3rem);padding:clamp(.7rem,4cqi,1.2rem) 0;display:grid}.wa-kasten{aspect-ratio:1;border:2px solid var(--color-action);width:clamp(2rem,11cqi,2.9rem);color:var(--color-action);border-radius:.35rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.wa-haken{width:135%;height:135%;margin:-10% -30% 0 0;overflow:visible}.wa-text{color:var(--color-ink-soft);margin:0;font-size:clamp(1.05rem,6.2cqi,1.5rem);line-height:1.3}.wa-text strong{letter-spacing:-.015em;color:var(--color-ink);font-weight:900;display:block}.wa-stempel{border:3px solid var(--color-action);outline:1.5px solid var(--color-action);outline-offset:3px;transform-origin:60% 60%;border-radius:.6rem;flex:none;align-self:flex-end;width:44%;margin-top:clamp(.4rem,3cqi,1rem);padding:3.2cqi 3.6cqi;rotate:-7deg}.wa-stempel-marke{aspect-ratio:981/172;background:var(--color-action);width:100%;display:block;-webkit-mask:url(/img/mullis-logo.png) 50%/contain no-repeat;mask:url(/img/mullis-logo.png) 50%/contain no-repeat}.wa-anfrage{background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse), 0 24px 50px -34px color-mix(in srgb, var(--color-ink) 50%, transparent);border-radius:1.6rem;padding:clamp(1.6rem,3vw,2.25rem)}.wa-anfrage-titel{letter-spacing:-.02em;color:var(--color-ink);font-size:1.45rem;font-weight:900;line-height:1.2}.wa-satz{color:var(--color-ink-soft);margin-top:.5rem;font-size:1rem;line-height:1.6}.wa-anfrage-knopf{justify-content:center;width:100%;margin-top:1.4rem}.wa-tel{color:var(--color-ink);white-space:nowrap;align-items:center;gap:.75rem;margin-top:1.4rem;font-size:1.3rem;font-weight:900;display:inline-flex}.wa-tel-icon{background:color-mix(in srgb, var(--color-brand) 16%, transparent);width:2.6rem;height:2.6rem;color:var(--color-action);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.wa-tel{transition:color .2s}.wa-tel:hover{color:var(--color-action)}}.wa-stift{z-index:3;aspect-ratio:308/360;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(5.5rem,30cqi,8.5rem);filter:drop-shadow(-6px 10px 8px color-mix(in srgb, var(--color-ink) 28%, transparent));background:url(/img/warum/stift.webp) 50%/contain no-repeat;position:absolute;top:0;left:0;translate:0 -100%}
