.mockup[data-astro-cid-frsgokc6]{margin:0}.mockup__buehne[data-astro-cid-frsgokc6]{position:relative;padding:0 10% 15% 0;isolation:isolate}.mockup__buehne[data-astro-cid-frsgokc6]::before{content:"";position:absolute;z-index:-1;inset:8% 0 4% 12%;border-radius:50%;background:radial-gradient(closest-side,rgb(237 189 85 / 0.22),rgb(237 189 85 / 0));filter:blur(8px)}.mockup__browser[data-astro-cid-frsgokc6]{overflow:hidden;border-radius:0.9rem;background:var(--bg);box-shadow:0 0 0 1px rgb(20 20 20 / 0.07),0 2px 4px rgb(20 20 20 / 0.04),0 24px 48px -26px rgb(20 20 20 / 0.3),0 64px 110px -56px rgb(20 20 20 / 0.32)}.mockup__leiste[data-astro-cid-frsgokc6]{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;height:2rem;padding-inline:0.85rem;border-bottom:1px solid rgb(20 20 20 / 0.06);background:#f4f3f0}.mockup__punkte[data-astro-cid-frsgokc6]{display:flex;gap:0.32rem}.mockup__punkte[data-astro-cid-frsgokc6] span[data-astro-cid-frsgokc6]{width:0.45rem;height:0.45rem;border-radius:50%;background:rgb(20 20 20 / 0.14)}.mockup__adresse[data-astro-cid-frsgokc6]{justify-self:center;max-width:100%;overflow:hidden;padding:0.18rem 0.85rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgb(20 20 20 / 0.06);color:rgb(20 20 20 / 0.55);font-size:0.7rem;line-height:1.4;letter-spacing:0.01em;text-overflow:ellipsis;white-space:nowrap}.mockup__browser[data-astro-cid-frsgokc6] .mockup__bild[data-astro-cid-frsgokc6]{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top center}.mockup__telefon[data-astro-cid-frsgokc6]{position:absolute;right:0;bottom:0;width:26%;aspect-ratio:400 / 866;padding:1.6%;border-radius:14% / 6.5%;background:#161616;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 0.08),0 2px 4px rgb(20 20 20 / 0.08),0 26px 48px -20px rgb(20 20 20 / 0.42),0 54px 90px -40px rgb(20 20 20 / 0.34)}.mockup__telefon[data-astro-cid-frsgokc6] .mockup__bild[data-astro-cid-frsgokc6]{display:block;width:100%;height:100%;border-radius:11% / 5.1%;object-fit:cover;object-position:top center}.mockup__beschriftung[data-astro-cid-frsgokc6]{display:flex;flex-wrap:wrap;gap:0.15rem 0.5rem;margin-top:1.1rem;color:var(--ink-soft);font-size:var(--fs-klein);line-height:1.45}.mockup__art[data-astro-cid-frsgokc6]{color:var(--ink);font-weight:var(--fw-betont)}.mockup__beschriftung[data-astro-cid-frsgokc6] a[data-astro-cid-frsgokc6]{color:inherit}.kopf[data-astro-cid-hzhagqlo]{display:grid;gap:var(--abstand-block)}.kopf[data-astro-cid-hzhagqlo]>[data-astro-cid-hzhagqlo]{min-width:0}.kopf__h1[data-astro-cid-hzhagqlo]{max-width:24ch;font-size:var(--fs-h1-artikel)}.kopf__trenner[data-astro-cid-hzhagqlo]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kopf__titel[data-astro-cid-hzhagqlo]{display:block;margin-top:1rem}.kopf__akzent[data-astro-cid-hzhagqlo]{color:var(--ink-soft)}.websiteprojekt[data-astro-cid-hzhagqlo]{display:grid;gap:1.25rem;margin-top:var(--abstand-abschnitt);padding-block:var(--abstand-block);border-block:1px solid var(--border)}.websiteprojekt[data-astro-cid-hzhagqlo] h2[data-astro-cid-hzhagqlo]{font-size:var(--fs-h2-artikel)}.websiteprojekt__text[data-astro-cid-hzhagqlo] p[data-astro-cid-hzhagqlo]{max-width:62ch;color:var(--ink-soft)}.websiteprojekt__text[data-astro-cid-hzhagqlo] .link[data-astro-cid-hzhagqlo]{margin-top:0.5rem;overflow-wrap:anywhere}.inhaltsspalte[data-astro-cid-hzhagqlo]{margin-top:var(--abstand-abschnitt)}.projektblock[data-astro-cid-hzhagqlo]+.inhaltsspalte[data-astro-cid-hzhagqlo]{margin-top:var(--abstand-block)}.inhaltsspalte[data-astro-cid-hzhagqlo]>[data-astro-cid-hzhagqlo]+[data-astro-cid-hzhagqlo]{margin-top:var(--abstand-block)}.verwandtes-projekt[data-astro-cid-hzhagqlo]{padding-block:1.25rem;border-block:1px solid var(--border)}.verwandtes-projekt[data-astro-cid-hzhagqlo] p[data-astro-cid-hzhagqlo]{color:var(--ink-soft)}.verwandtes-projekt[data-astro-cid-hzhagqlo] .link[data-astro-cid-hzhagqlo]{margin-top:0.5rem}.inhalt[data-astro-cid-hzhagqlo]>h2:first-child,.inhalt[data-astro-cid-hzhagqlo]>div:empty:first-child + h2{margin-top:0}.faq-abschnitt[data-astro-cid-hzhagqlo] h2[data-astro-cid-hzhagqlo]{font-size:var(--fs-h2-artikel)}@media (min-width: 48rem){.websiteprojekt[data-astro-cid-hzhagqlo]{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem}}.kopf--zweispaltig[data-astro-cid-hzhagqlo]>.mockup{width:min(100%,40rem)}@media (min-width: 64rem){.websiteprojekt[data-astro-cid-hzhagqlo]{grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);column-gap:clamp(2.5rem,4.5vw,3.5rem)}.kopf--zweispaltig[data-astro-cid-hzhagqlo]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,4.5rem);align-items:center}.kopf--zweispaltig[data-astro-cid-hzhagqlo]>.mockup{width:100%}}