@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--schrift:"Inter Variable", system-ui, sans-serif;--groesse-mini:.6875rem;--groesse-klein:.75rem;--groesse-text:.9375rem;--groesse-knopf:.875rem;--groesse-status:.75rem;--groesse-eingabe:1rem;--groesse-untertitel:1.0625rem;--groesse-titel:1.625rem;--groesse-zahl:1.625rem;--hintergrund-oben:#141b18;--hintergrund-unten:#0d1210;--karte-oben:#1d2622;--karte-unten:#161d1a;--menue:#080c0a73;--handy-leiste:#0d1210d6;--handy-leiste-voll:#0d1210;--rand:#ffffff14;--rand-hell:#ffffff29;--schatten-schwebend:0 8px 20px #00000080;--schatten-karte:inset 0 1px 0 #ffffff0d, 0 12px 28px -14px #0009;--neutral-flaeche:#232c28;--text:#eef1ec;--text-leise:#a9b3ad;--titel:#f4dcaa;--text-dunkel:#1b1405;--gruen:#5ed28a;--gruen-flaeche:#17331f;--gruen-schein:#5ed28a0f;--akzent:#f2b84b;--akzent-flaeche:#302a19;--akzent-schein:#f2b84b29;--knopf-1:#f2b84b66;--knopf-2:#a8b0ab29;--knopf-grund:#1b221f;--knopf-rand:#f2b84b99;--knopf-text:#eef1ec;--knopf-lichtkante:#ffffff24;--neben-knopf-oben:#ffffff12;--neben-knopf-unten:#ffffff05;--verlauf-knopf:linear-gradient(135deg, var(--knopf-1), var(--knopf-2)), linear-gradient(var(--knopf-grund), var(--knopf-grund));--karte-toenung:#f2b84b12;--karte-grau:#a8b0ab08;--verlauf-karte:linear-gradient(135deg, var(--karte-toenung), var(--karte-grau) 60%, transparent), linear-gradient(180deg, var(--karte-oben), var(--karte-unten));--verlauf-balken:linear-gradient(90deg, var(--gruen), var(--akzent));--verlauf-logo:linear-gradient(135deg, var(--akzent), var(--gruen));--gruen-hell:#b5e38a;--akzent-hell:#f8d88f;--verlauf-zahl-gruen:linear-gradient(120deg, var(--gruen) 20%, var(--gruen-hell));--verlauf-zahl-akzent:linear-gradient(120deg, var(--akzent) 20%, var(--akzent-hell));--waben-muster:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='156' viewBox='0 0 90 156'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath stroke-dasharray='30 6 40 8' d='M0 13L22.5 0L45 13M0 13V39L22.5 52L45 39M22.5 52V78'/%3E%3Cpath stroke-dasharray='18 5 60 4' d='M45 13L67.5 0L90 13M45 13V39L67.5 52L90 39M67.5 52V78'/%3E%3Cpath d='M0 91L22.5 78L45 91M0 91V117L22.5 130L45 117M22.5 130V156'/%3E%3Cpath stroke-dasharray='50 7 22 9' d='M45 91L67.5 78L90 91M45 91V117L67.5 130L90 117M67.5 130V156'/%3E%3Cpath stroke-opacity='0.45' stroke-dasharray='16 10' d='M40 74l22.5 13v26l-22.5 13l-22.5-13v-26z'/%3E%3C/g%3E%3Cpath fill='%23000' fill-opacity='0.1' d='M67.5 0l22.5 13v26l-22.5 13l-22.5-13v-26z'/%3E%3C/svg%3E");--waben-groesse:135px 234px;--waben-groesse-handy:90px 156px;--waben-gold:#f2b84b57;--waben-gruen:#5ed28a45;--waben-gold-leise:#f2b84b33;--waben-gruen-leise:#5ed28a29;--licht:#ffd66617;--licht-kern:#fff4d612;--tippflaeche:44px;--knopf-rund:56px;--radius-karte:18px;--radius-knopf:12px;--radius-pille:999px;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:16px;--abstand-5:24px;--abstand-6:32px;--menue-breite:248px;--inhalt-breite:1280px;--handy-leiste-hoehe:64px;--dauer:.15s;--dauer-einblenden:.24s;--dauer-wachsen:.7s;--kurve:cubic-bezier(.2, .8, .2, 1);--druck:.96;--druck-symbol:.88}[data-theme=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hintergrund-oben:#f3f5f3;--hintergrund-unten:#e8ece8;--karte-oben:#fff;--karte-unten:#f7f9f7;--menue:#ffffff8c;--handy-leiste:#f7f9f7eb;--handy-leiste-voll:#f7f9f7;--rand:#17201b1f;--rand-hell:#17201b33;--schatten-schwebend:0 8px 20px #17201b2e;--schatten-karte:inset 0 1px 0 #ffffffe6, 0 1px 2px #17201b0d, 0 12px 28px -16px #17201b33;--neutral-flaeche:#e3e8e3;--karte-toenung:#d6a02d12;--karte-grau:#78827808;--text:#17201b;--text-leise:#4f5a54;--titel:#5c4410;--text-dunkel:#fff;--gruen:#1d7a45;--gruen-hell:#4b7a14;--gruen-flaeche:#e2f4e8;--gruen-schein:#1d7a450f;--akzent:#8a5a00;--akzent-hell:#936100;--akzent-flaeche:#f7edd6;--akzent-schein:#d4a03224;--knopf-1:#d6a02d52;--knopf-2:#7882781a;--knopf-grund:#fcf8ef;--knopf-rand:#aa781480;--knopf-text:#231a05;--knopf-lichtkante:#ffffffb3;--neben-knopf-oben:#ffffffe6;--neben-knopf-unten:#e8ede8e6;--waben-gold:#aa781445;--waben-gruen:#1d7a4536;--waben-gold-leise:#aa781429;--waben-gruen-leise:#1d7a451f;--licht:#ffc85029;--licht-kern:#ffecbe33;--statusleiste:#17201b}.landingpage{--akzent:#5ed28a;--akzent-hell:#d9f5e4;--zweitfarbe:#f2b84b;--gruen:var(--zweitfarbe);--titel:#eaf6ee;--akzent-schein:#5ed28a29;--gruen-schein:#f2b84b0d;--karte-toenung:#5ed28a12;--knopf-1:#5ed28a5c;--knopf-rand:#5ed28a99;--waben-gold:#e2ece63d;--waben-gruen:#5ed28a4d;--verlauf-knopf:linear-gradient(135deg, var(--knopf-1), var(--knopf-2)), linear-gradient(var(--knopf-grund), var(--knopf-grund));--verlauf-karte:linear-gradient(135deg, var(--karte-toenung), var(--karte-grau) 60%, transparent), linear-gradient(180deg, var(--karte-oben), var(--karte-unten));--verlauf-balken:linear-gradient(90deg, var(--gruen), var(--akzent));--verlauf-logo:linear-gradient(135deg, var(--akzent), var(--gruen))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{font-family:var(--schrift);color:var(--text);background:var(--hintergrund-unten);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);margin:0;font-size:1rem;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}a{color:inherit}h1,h2,h3{color:var(--titel);letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:clamp(2.3rem,6.4vw,4.4rem);font-weight:750}h2{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700}h3{font-size:1.15rem;font-weight:650}p{margin:0}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.hintergrund,.waben,.waben-licht{pointer-events:none;position:fixed;inset:0}.hintergrund{z-index:-3;background:radial-gradient(50rem 34rem at 8% -8%, var(--akzent-schein), transparent 70%), radial-gradient(40rem 30rem at 100% 110%, var(--gruen-schein), transparent 70%), linear-gradient(180deg, var(--hintergrund-oben), var(--hintergrund-unten))}.waben,.waben-licht{z-index:-2;-webkit-mask:var(--waben-muster) 0 0 / var(--waben-groesse) repeat;-webkit-mask:var(--waben-muster) 0 0 / var(--waben-groesse) repeat;mask:var(--waben-muster) 0 0 / var(--waben-groesse) repeat}.waben{background:radial-gradient(34rem 26rem at 0% 0%, var(--waben-gold), transparent 70%), radial-gradient(30rem 22rem at 100% 100%, var(--waben-gruen), transparent 70%)}@property --x{syntax:"<length-percentage>";inherits:false;initial-value:72%}@property --y{syntax:"<length-percentage>";inherits:false;initial-value:28%}.waben-licht{background:radial-gradient(20rem circle at var(--x) var(--y), color-mix(in srgb, var(--akzent) 60%, transparent), transparent 70%);animation:22s ease-in-out infinite alternate licht-wandern}.waben-licht.folgt{animation:none}@keyframes licht-wandern{0%{--x:72%;--y:22%}50%{--x:18%;--y:58%}to{--x:82%;--y:84%}}.kopf{z-index:10;justify-content:space-between;align-items:center;gap:var(--abstand-4);padding:var(--abstand-3) max(var(--abstand-4), env(safe-area-inset-left));background:color-mix(in srgb, var(--hintergrund-unten) 72%, transparent);border-bottom:1px solid var(--rand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:sticky;top:0}.marke{align-items:center;gap:var(--abstand-3);letter-spacing:.02em;font-weight:650;text-decoration:none;display:flex}.marke img{clip-path:circle(46%);width:34px;height:34px}.knopf{justify-content:center;align-items:center;gap:var(--abstand-2);min-height:var(--tippflaeche);padding:0 var(--abstand-5);border-radius:var(--radius-pille);font-size:var(--groesse-knopf);white-space:nowrap;transition:transform var(--dauer) var(--kurve), box-shadow var(--dauer-einblenden) var(--kurve), border-color var(--dauer-einblenden) var(--kurve);font-weight:650;text-decoration:none;display:inline-flex}.knopf:active{transform:scale(var(--druck))}.knopf.haupt{color:var(--knopf-text);background:var(--verlauf-knopf);border:1px solid var(--knopf-rand);box-shadow:inset 0 1px 0 var(--knopf-lichtkante);position:relative;overflow:hidden}.knopf.haupt:after{content:"";background:linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--akzent-hell) 45%, transparent) 50%, transparent 65%);animation:glanz-knopf 5s var(--kurve) infinite;position:absolute;inset:0;transform:translate(-120%)}.knopf.haupt:hover{box-shadow:inset 0 1px 0 var(--knopf-lichtkante), 0 0 28px var(--akzent-schein)}.knopf.neben{color:var(--text);background:linear-gradient(180deg, var(--neben-knopf-oben), var(--neben-knopf-unten));border:1px solid var(--rand-hell)}.knopf.neben:hover{border-color:var(--knopf-rand)}.knopf.klein{padding:0 var(--abstand-4)}@keyframes glanz-knopf{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}main{width:min(100% - 2 * var(--abstand-4), 1120px);margin-inline:auto}.vorzeile{margin-bottom:var(--abstand-3);font-size:var(--groesse-klein);letter-spacing:.18em;text-transform:uppercase;color:var(--zweitfarbe);font-weight:650}.verlauf{background:linear-gradient(110deg, var(--akzent), var(--akzent-hell) 40%, var(--gruen) 70%, var(--akzent));color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate verlauf-gleiten}@keyframes verlauf-gleiten{to{background-position:100% 0}}.einleitung{max-width:34rem;color:var(--text-leise);font-size:clamp(1.05rem,2vw,1.2rem)}.leise{font-size:var(--groesse-klein);color:var(--text-leise)}.aktionen{gap:var(--abstand-3);flex-wrap:wrap;display:flex}.mitte{text-align:center;justify-content:center}.held{align-items:center;gap:var(--abstand-6);grid-template-columns:1.15fr .85fr;min-height:min(88vh,760px);padding-block:clamp(48px,9vh,96px);display:grid}.held-text{gap:var(--abstand-5);display:grid}.logo-buehne{aspect-ratio:1;justify-self:center;width:min(68vw,360px);position:relative}.logo-rund,.logo-ring,.logo-schein{border-radius:50%;position:absolute}.logo-rund{clip-path:circle(46.5%);animation:7s ease-in-out infinite alternate schweben;inset:0}.logo-rund img{width:100%;height:100%;display:block}.logo-glanz{background:linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--akzent-hell) 55%, transparent) 50%, transparent 62%);mix-blend-mode:overlay;animation:glanz-logo 7s var(--kurve) infinite;position:absolute;inset:0;transform:translate(-100%)}.logo-ring{background:conic-gradient(from 0deg, transparent 0 40%, var(--akzent) 70%, var(--gruen) 88%, transparent 100%);animation:10s linear infinite drehen;inset:1.5%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),currentColor calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),currentColor calc(100% - 2px))}.logo-schein{background:radial-gradient(closest-side, var(--akzent-schein), transparent);animation:6s ease-in-out infinite alternate atmen;inset:-22%}.schwebe-wabe{stroke-width:2px;width:22%;height:auto;position:absolute}.schwebe-wabe.w1{color:var(--akzent);animation:9s ease-in-out infinite alternate wabe-schweben;top:-6%;left:-10%}.schwebe-wabe.w2{width:14%;color:var(--gruen);animation:11s ease-in-out -3s infinite alternate wabe-schweben;top:34%;right:-12%}.schwebe-wabe.w3{width:11%;color:var(--akzent-hell);opacity:.7;animation:8s ease-in-out -5s infinite alternate wabe-schweben;bottom:-8%;left:12%}@keyframes drehen{to{transform:rotate(1turn)}}@keyframes schweben{to{transform:translateY(-10px)}}@keyframes atmen{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}@keyframes glanz-logo{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes wabe-schweben{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-18px)rotate(14deg)}}.abschnitt{gap:var(--abstand-4);padding-block:clamp(56px,10vh,104px);display:grid}.abschnitt>h2{margin-bottom:var(--abstand-4)}.raster{gap:var(--abstand-4);display:grid}.raster.drei{grid-template-columns:repeat(3,1fr)}.karte{align-content:start;gap:var(--abstand-3);padding:var(--abstand-5);border:1px solid var(--rand);border-radius:var(--radius-karte);background:var(--verlauf-karte);box-shadow:var(--schatten-karte);transition:transform var(--dauer-einblenden) var(--kurve), border-color var(--dauer-einblenden) var(--kurve);display:grid;position:relative;overflow:hidden}.karte:before{content:"";background:radial-gradient(16rem circle at var(--mx,50%) var(--my,-20%), var(--akzent-schein), transparent 70%);opacity:0;transition:opacity var(--dauer-einblenden) var(--kurve);pointer-events:none;position:absolute;inset:0}.karte:hover{border-color:color-mix(in srgb, var(--akzent) 40%, transparent);transform:translateY(-4px)}.karte:hover:before{opacity:1}.karte>svg{width:30px;height:30px;color:var(--akzent)}.karte p:not(.vorzeile){color:var(--text-leise)}.galerie{gap:var(--abstand-4);display:flex}.werk{--format:4 / 5;--anteil:.8;flex:var(--anteil) 1 0;min-width:0;aspect-ratio:var(--format);border:1px solid var(--rand);border-radius:var(--radius-karte);background:var(--verlauf-karte);box-shadow:var(--schatten-karte);transition:transform var(--dauer-einblenden) var(--kurve), border-color var(--dauer-einblenden) var(--kurve);margin:0;position:relative;overflow:hidden}.werk.hoch{--format:9 / 16;--anteil:.5625}.werk img,.werk video{object-fit:cover;width:100%;height:100%;display:block}.werk figcaption{justify-content:space-between;align-items:center;gap:var(--abstand-2);padding:var(--abstand-6) var(--abstand-3) var(--abstand-3);font-size:var(--groesse-klein);color:var(--text);background:linear-gradient(transparent, color-mix(in srgb, var(--hintergrund-unten) 80%, transparent) 45%, var(--hintergrund-unten));pointer-events:none;font-weight:650;display:flex;position:absolute;inset:auto 0 0}.werk figcaption span{padding:2px var(--abstand-2);border:1px solid color-mix(in srgb, var(--zweitfarbe) 60%, transparent);border-radius:var(--radius-pille);font-size:var(--groesse-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--zweitfarbe)}.werk:hover{border-color:color-mix(in srgb, var(--akzent) 40%, transparent);transform:translateY(-4px)}#arbeiten .mitte{margin-top:var(--abstand-6)}.schritte{gap:var(--abstand-5);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.schritte:before{content:"";background:var(--verlauf-balken);opacity:.5;height:1px;position:absolute;top:28px;left:28px;right:28px}.schritte li{gap:var(--abstand-2);display:grid;position:relative}.nummer{width:56px;height:62px;margin-bottom:var(--abstand-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--verlauf-logo);color:var(--text-dunkel);place-items:center;font-size:1.2rem;font-weight:750;display:grid}.schritte p{color:var(--text-leise)}.preis{text-align:center;justify-items:center;max-width:44rem;margin-inline:auto;padding:clamp(24px,5vw,48px)}.preis p:last-child{color:var(--text-leise)}.kontakt{text-align:center;justify-items:center}.kontakt .einleitung{margin-bottom:var(--abstand-4)}.fuss{justify-content:space-between;gap:var(--abstand-3);width:min(100% - 2 * var(--abstand-4), 1120px);margin:var(--abstand-6) auto 0;padding:var(--abstand-5) 0 max(var(--abstand-5), env(safe-area-inset-bottom));border-top:1px solid var(--rand);font-size:var(--groesse-klein);color:var(--text-leise);flex-wrap:wrap;display:flex}.fuss nav{gap:var(--abstand-4);display:flex}.fuss nav a{padding-block:var(--abstand-3)}.text-seite{gap:var(--abstand-4);max-width:44rem;padding-block:var(--abstand-6) 96px;display:grid}.text-seite h2{margin-top:var(--abstand-4);font-size:var(--groesse-untertitel)}.text-seite p{color:var(--text-leise)}.text-seite a{color:var(--akzent)}.js [data-zeigen]{opacity:0}.js [data-zeigen].sichtbar{opacity:1;animation:einblenden .8s var(--kurve) var(--verzoegerung,0s) both}@keyframes einblenden{0%{opacity:0;translate:0 28px}}@media (width<=899px){.held{min-height:auto;padding-top:var(--abstand-6);text-align:center;grid-template-columns:1fr}.held .logo-buehne{order:-1;width:min(62vw,260px)}.held .aktionen{justify-content:center}.held .einleitung{margin-inline:auto}.raster.drei,.schritte{grid-template-columns:1fr}.schritte:before{background:linear-gradient(180deg, var(--gruen), var(--akzent));width:1px;height:auto;inset:28px auto 28px 28px}.schritte li{column-gap:var(--abstand-4);grid-template-columns:56px 1fr}.schritte .nummer{grid-row:span 2;margin-bottom:0}.galerie{margin-inline:calc(-1 * var(--abstand-4));padding:var(--abstand-2) var(--abstand-4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--abstand-4);scrollbar-width:none;overflow-x:auto}.werk{scroll-snap-align:start;flex:none;height:min(64vh,440px)}.waben,.waben-licht{-webkit-mask-size:var(--waben-groesse-handy);-webkit-mask-size:var(--waben-groesse-handy);mask-size:var(--waben-groesse-handy);opacity:.8}.marke span{font-size:var(--groesse-text)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js [data-zeigen]{opacity:1}}@media (prefers-reduced-transparency:reduce){.kopf{background:var(--hintergrund-unten);-webkit-backdrop-filter:none;backdrop-filter:none}}