body.vollbild{--tief:#101a22;--papier:#f6f4ef;--papier-2:#ecebe4;--petrol:#0e5b6d;--lagune:#7fc4d2;--lagune-hell:#9fd6e2;--text-hell:#3d4a53;--text-dunkel:#b9c2c8;--linie-dunkel:#33424d;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;background:var(--papier);height:100%;color:var(--tief);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,SF Pro Text,Segoe UI,system-ui,Helvetica Neue,sans-serif}body.vollbild *{box-sizing:border-box}:where(body.vollbild) a{color:inherit;text-decoration:none}.sprungmarke{position:absolute;left:-9999px}.sprungmarke:focus{z-index:60;background:var(--petrol);color:#fff;border-radius:999px;padding:10px 18px;top:16px;left:16px}body.vollbild :focus-visible{outline:2px solid var(--lagune);outline-offset:3px;border-radius:4px}.scroller{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;height:100dvh;position:relative;overflow-y:auto}.scroller::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.scroller{scroll-behavior:auto;scroll-snap-type:none}}.schirm{scroll-snap-align:start;flex-direction:column;min-height:100dvh;padding:120px clamp(20px,5vw,64px) 80px;display:flex;position:relative}.schirm.mitte{justify-content:center}.schirm.dunkel{background:var(--tief);color:var(--papier)}.schirm.hell{background:var(--papier)}.schirm.getoent{background:var(--papier-2);justify-content:center;padding-block:104px 40px}.breit{width:100%;max-width:1300px;margin:0 auto}.zweispalt{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(40px,6vw,96px);display:grid}.kopf{z-index:20;color:var(--papier);background:linear-gradient(#101a22bf 0%,#101a2259 70%,#101a2200 100%);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,64px) 40px;transition:color .5s,background .5s,backdrop-filter .5s;display:flex;position:fixed;top:0;left:0;right:0}.kopf[data-stand=dunkel]{color:var(--papier);-webkit-backdrop-filter:blur(14px);text-shadow:0 1px 12px #00000073;background:#101a22b8}.kopf[data-stand=hell]{color:var(--tief);-webkit-backdrop-filter:blur(14px);background:#f6f4efd9}.marke{letter-spacing:-.01em;align-items:baseline;gap:10px;font-size:20px;font-weight:600;display:flex}.marke span{font-size:13px;font-weight:400}@media (width<=640px){.marke span{display:none}}.hauptmenue{align-items:center;gap:28px;font-size:14px;display:flex}.hauptmenue a{font-weight:500}@media (width<=860px){.hauptmenue a:not(.knopf-linie){display:none}}.punkte{z-index:20;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:clamp(12px,2.5vw,32px);transform:translateY(-50%)}.punkte a{width:10px;height:10px;color:var(--papier);background:0 0;border:1.5px solid;border-radius:50%;transition:background .4s,color .4s;display:block}.punkte[data-stand=hell] a{color:var(--tief)}.punkte a[aria-current=true]{background:currentColor}@media (width<=640px){.punkte{display:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:400;line-height:1.05}.display.riesig{letter-spacing:-.025em;font-size:clamp(44px,6.5vw,104px);line-height:.98}.display.gross{font-size:clamp(38px,4.6vw,72px);line-height:1}.display.mittel{font-size:clamp(34px,4vw,60px);line-height:1.02}.display.schmal{font-size:clamp(30px,3.2vw,48px);line-height:1.02}.display.klein{font-size:clamp(34px,3.6vw,56px);line-height:1}.augenbraue{letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:14px;font-weight:600}.augenbraue.klein-braue{letter-spacing:.12em;margin:0;font-size:12px}.augenbraue.petrol{color:var(--petrol)}.augenbraue.lagune{color:var(--lagune)}.fliess{text-wrap:pretty;margin:16px 0 0;font-size:clamp(16px,1.2vw,19px);line-height:1.6}.fliess.dunkel-text{color:var(--text-dunkel)}.fliess.hell-text{color:var(--text-hell)}.knoepfe{flex-wrap:wrap;align-items:center;gap:14px;margin-top:40px;display:flex}.knopf-voll,.knopf-rand,.knopf-linie,.knopf-blank{white-space:nowrap;border-radius:999px;font-weight:500;transition:background .3s,color .3s,border-color .3s}.knopf-voll{background:var(--papier);color:var(--tief);padding:16px 28px;font-size:16px}.knopf-voll:hover{background:var(--lagune);color:var(--tief)}.knopf-rand{color:var(--papier);border:1px solid #f6f4efb3;padding:16px 28px;font-size:16px}.knopf-rand:hover{background:var(--papier);color:var(--tief)}.knopf-linie{border:1px solid;padding:10px 18px}.knopf-linie:hover{background:var(--petrol);border-color:var(--petrol);color:#fff}.knopf-blank{color:var(--text-dunkel);padding:16px 8px;font-size:16px}.knopf-blank:hover{color:var(--papier)}.schirm.auftakt{justify-content:flex-end;padding-bottom:48px;overflow:hidden}.film{pointer-events:none;position:absolute;inset:0;overflow:hidden}.film iframe{border:0;width:max(100vw,177.78vh);height:max(100vh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film-schleier{background:linear-gradient(#101a22cc 0%,#101a22c2 40%,#101a22d6 65%,#101a22f2 100%);position:absolute;inset:0}.auftakt-inhalt{max-width:1100px;position:relative}.auftakt-inhalt .display,.auftakt-inhalt h1{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(52px,9.5vw,148px);font-weight:400;line-height:.95}.auftakt-inhalt h1 span{display:block}.auftakt-inhalt .augenbraue{color:var(--lagune-hell);margin-bottom:28px}.auftakt-text{color:#d5dbdf;text-wrap:pretty;max-width:560px;margin:36px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.auftakt-fuss{color:var(--text-dunkel);border-top:1px solid #f6f4ef40;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:56px;padding-top:20px;font-size:13px;display:flex;position:relative}.weiter{color:var(--papier);white-space:nowrap;align-items:center;gap:8px;display:flex}.pfeil{animation:1.8s ease-in-out infinite fl-huepf;display:inline-block}@keyframes fl-huepf{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.pfeil{animation:none}}@media (width<=640px){.auftakt-fuss span:first-child{display:none}.auftakt-fuss{justify-content:flex-end}}.haelfte{border-top:2px solid var(--kante);padding-top:28px}.haelfte .fliess{margin-bottom:28px}.punktliste{gap:12px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.punktliste li{align-items:baseline;gap:14px;display:flex}.ziffer{color:var(--petrol);flex:none;font-weight:600}.projekte-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:28px;display:flex}.projekte-vorspann{max-width:420px;color:var(--text-hell);text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.karten{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.karte{background:var(--papier);color:var(--tief);border:1px solid #e1dfd7;border-radius:18px;flex-direction:column;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s;display:flex;overflow:hidden}.karte:hover{border-color:var(--petrol);transform:translateY(-6px);box-shadow:0 28px 56px #101a2224}@media (prefers-reduced-motion:reduce){.karte:hover{transform:none}}.karte-bild{background:linear-gradient(180deg, #dfe9eb, var(--papier-2));padding:14px 14px 0}.fenster{background:#fff;border-radius:10px 10px 0 0;height:clamp(120px,19vh,200px);position:relative;overflow:hidden;box-shadow:0 12px 30px #101a2229}.fensterleiste{background:#f1f1ee;border-bottom:1px solid #e3e3df;gap:5px;padding:8px 10px;display:flex}.fensterleiste span{background:#d6d6d0;border-radius:50%;width:7px;height:7px}.fenster img{object-fit:cover;object-position:top left;width:100%;height:calc(100% - 24px);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);display:block}.karte:hover .fenster img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.karte:hover .fenster img{transform:none}}.karte-text{flex-direction:column;flex:1;gap:8px;padding:18px 20px;display:flex}.karte-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.karte-domain{color:#5c666e;font-size:12px}.karte-titel{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:600}.karte-teaser{color:var(--text-hell);text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.marker{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.marker span{background:var(--papier-2);color:var(--text-hell);border-radius:999px;padding:4px 9px;font-size:11.5px}.karte-fuss{border-top:1px solid #dcd9d0;justify-content:space-between;align-items:center;gap:16px;margin:auto 0 0;padding-top:12px;display:flex}.karte-fuss p{color:var(--text-hell);margin:0;font-size:13px;line-height:1.45}.petrol-fett{color:var(--petrol);font-weight:600}.ansehen{color:var(--tief);flex:none;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.karte:hover .ansehen span{transform:translate(3px)}.ansehen span{transition:transform .3s;display:inline-block}.ablauf-kopf{max-width:760px;margin-bottom:56px}.schritte{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.schritte li{border-top:1px solid var(--linie-dunkel);padding-top:22px}.schritt-zahl{font-family:var(--serif);color:var(--lagune);margin-bottom:18px;font-size:44px;line-height:1;display:block}.schritte h3{margin:0 0 12px;font-size:22px;font-weight:600}.schritte p{color:var(--text-dunkel);text-wrap:pretty;margin:0;font-size:15px;line-height:1.6}.massstab{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start;gap:clamp(32px,5vw,80px);display:grid}.werte{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px 28px;display:grid}.werte h3{letter-spacing:-.01em;margin:0 0 10px;font-size:19px;font-weight:600}.werte .fliess{margin-top:0;font-size:15px}.schirm.abschluss{justify-content:space-between;padding-bottom:32px}.einladung{max-width:900px;margin:auto 0}.einladung .fliess{max-width:560px;margin:24px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.55}.fuss{border-top:1px solid var(--linie-dunkel);color:var(--text-dunkel);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px;padding-top:28px;font-size:14px;display:grid}.fuss p{max-width:300px;margin:0;line-height:1.55}.fuss-marke{color:var(--papier);font-size:18px;font-weight:600;margin:0 0 10px!important}.fuss-spalte{align-content:start;gap:8px;display:grid}.fuss-spalte a:hover,.fuss-recht a:hover{color:var(--papier)}.fuss-recht{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.fuss-recht>div{gap:18px;display:flex}