.startseite{--mt-bg:#050b0c;--mt-surface:#0b1718;--mt-text:#e6f2f1;--mt-text-2:#cbd5e1;--mt-muted:#94a3b8;--mt-accent:#2dd4bf;--mt-accent-hi:#5eead4;--mt-petrol:#0f766e;--mt-petrol-hover:#0b5a54;--mt-petrol-active:#0a4d48;--mt-focus:#99f6e4;--mt-raster:rgba(94,234,212,0.04);--mt-linie:rgba(94,234,212,0.08);--mt-rahmen:rgba(94,234,212,0.16);min-height:100vh;min-height:100dvh}html:has(.startseite){color-scheme:dark;background-color:#050b0c}.startseite-raster{inset:0;background-image:linear-gradient(var(--mt-raster) 1px,transparent 1px),linear-gradient(90deg,var(--mt-raster) 1px,transparent 1px);background-size:64px 64px;background-position:-6px -6px;-webkit-mask-image:radial-gradient(circle at 50% 36%,#000 0,transparent 62%);mask-image:radial-gradient(circle at 50% 36%,#000 0,transparent 62%)}.startseite-glow,.startseite-raster{position:absolute;pointer-events:none}.startseite-glow{left:calc(50% - 280px);top:60px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.32) 0,rgba(15,118,110,.1) 42%,transparent 70%);animation:startseite-atmen 11s ease-in-out infinite}.startseite-emblem{width:120px;height:auto;filter:drop-shadow(0 0 12px rgba(45,212,191,.3))}.startseite-emblem path{stroke-width:6}.startseite-verlauf-start{stop-color:var(--mt-accent)}.startseite-verlauf-ende{stop-color:var(--mt-petrol)}.startseite-einblenden{animation:startseite-einblenden .3s ease-out both}.startseite-knopf{background-color:var(--mt-petrol);transition:background-color .15s,box-shadow .15s}.startseite-kopf-link{border:1px solid var(--mt-rahmen);transition:border-color .15s}@media (hover:hover){.startseite-knopf:hover{background-color:var(--mt-petrol-hover);box-shadow:inset 0 0 0 1px var(--mt-accent),0 0 24px rgba(45,212,191,.28)}.startseite-kopf-link:hover{border-color:var(--mt-accent)}}.startseite-knopf:active{background-color:var(--mt-petrol-active)}.startseite-fokus:focus-visible{outline:2px solid var(--mt-focus);outline-offset:2px}@media (min-width:44rem){.startseite-raster{background-position:calc(50% - 32px) 2px;-webkit-mask-image:radial-gradient(ellipse 50% 60% at 50% 42%,#000 0,transparent 100%);mask-image:radial-gradient(ellipse 50% 60% at 50% 42%,#000 0,transparent 100%)}.startseite-glow{left:calc(50% - 480px);top:-120px;width:960px;height:960px;background:radial-gradient(circle,rgba(15,118,110,.32) 0,rgba(15,118,110,.1) 40%,transparent 68%)}.startseite-emblem{width:200px;filter:drop-shadow(0 0 20px rgba(45,212,191,.3))}.startseite-emblem path{stroke-width:5}}@keyframes startseite-atmen{0%,to{opacity:1}50%{opacity:.7}}@keyframes startseite-einblenden{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.startseite,.startseite *{animation:none!important;transition:none!important}}