body.sobix-startseite-page{background:#050713;color:#f3f3fa}
body.sobix-startseite-page .wp-site-blocks{background:#050713}
body.sobix-startseite-page .wp-block-post-title{display:none!important}
body.sobix-startseite-page main{margin-block-start:0!important;padding-block-start:0!important;padding-block-end:0!important}
body.sobix-startseite-page .wp-block-post-content{margin-block-start:0!important}
body.sobix-startseite-page .sobix-startseite{width:var(--slp-viewport,100vw)!important;max-width:none!important;margin-inline:calc((100% - var(--slp-viewport,100vw))/2)!important;margin-block:0!important}
.sobix-startseite{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:grid;place-items:center;min-height:calc(100svh - 88px);padding:110px 24px;background:#050713;color:#f3f3fa;font:400 18px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.sobix-startseite *{box-sizing:border-box}
.sobix-startseite .slp-background{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(100deg,#03040cd0,#03040c8a 50%,#03040cd0),var(--slp-background,linear-gradient(125deg,#082a45,#080c1d 50%,#310d3a));background-position:center;background-size:cover;background-repeat:no-repeat}
.sobix-startseite::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#42f9f90a,transparent 48%),linear-gradient(0deg,#05071390,transparent 35%)}
.sobix-startseite .slp-fog{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;mix-blend-mode:screen;z-index:-1;pointer-events:none}
.sobix-startseite .slp-content{max-width:1140px;width:100%;position:relative;padding:30px 0 65px}
.sobix-startseite .slp-eyebrow{color:#b6d8e6;font-size:11px;font-weight:750;letter-spacing:.22em;margin:0 0 22px;text-wrap:balance}
.sobix-startseite h1{font-size:clamp(56px,7.8vw,114px);line-height:1.08;font-weight:900;letter-spacing:-.045em;margin:0;color:#42f9f9;text-shadow:0 0 9px #42f9f97a,0 0 30px #42f9f94d,0 0 75px #0641c866;text-wrap:balance}
.sobix-startseite .slp-subtitle{max-width:850px;font-size:clamp(18px,2.2vw,26px);font-weight:600;line-height:1.65;margin:28px auto 36px;color:#f1f4fc;text-shadow:0 2px 6px #000;text-wrap:balance}
.sobix-startseite .slp-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.sobix-startseite .slp-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;min-width:174px;padding:13px 26px;border:1px solid #42f9f9;border-radius:999px;font-weight:800;font-size:15px;line-height:1.5;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.sobix-startseite .slp-primary{background:#42f9f9;color:#06111c;box-shadow:0 0 26px #42f9f930}
.sobix-startseite .slp-secondary{background:#070c1ad9;color:#42f9f9}
.sobix-startseite .slp-button:hover{transform:translateY(-3px);box-shadow:0 0 28px #42f9f94d}
.sobix-startseite .slp-primary:hover{background:#9bffff;color:#06111c}
.sobix-startseite .slp-secondary:hover{background:#10313ad9;color:#a9ffff}
.sobix-startseite .slp-button:focus-visible,.sobix-startseite .slp-motion:focus-visible{outline:3px solid #fff;outline-offset:5px}
.sobix-startseite .slp-motion{position:absolute;right:24px;bottom:19px;background:#090e1bc9;color:#a9bfd0;border:1px solid #ffffff30;border-radius:5px;padding:7px 11px;font:500 11px/1.4 system-ui;cursor:pointer}
.sobix-startseite [hidden]{display:none!important}

@media(max-width:600px){.sobix-startseite{padding:80px 20px;min-height:calc(100svh - 76px)}.sobix-startseite .slp-eyebrow{font-size:9px;letter-spacing:.15em}.sobix-startseite h1{font-size:clamp(49px,12vw,70px)}.sobix-startseite .slp-subtitle{font-size:18px;margin:24px auto 30px}.sobix-startseite .slp-actions{gap:13px}.sobix-startseite .slp-button{min-width:0;width:min(100%,300px)}.sobix-startseite .slp-motion{bottom:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.sobix-startseite .slp-button{transition:none}.sobix-startseite .slp-button:hover{transform:none}}

/* Avatar im normalen Inhaltsfluss: Der Text rückt automatisch nach unten. */
.sobix-startseite .slp-avatar{display:block;width:clamp(160px,21vw,240px);height:auto;aspect-ratio:1;object-fit:cover;margin:0 auto 32px;border:2px solid #42f9f9;border-radius:12px;box-shadow:0 0 25px #42f9f933;background:#080c1d}
@media(max-width:600px){.sobix-startseite .slp-avatar{width:160px;margin-bottom:24px}}