:root{--bg:#14131b;--panel:#201c27;--ink:#f4edf1;--muted:#c3b8c5;--rose:#d995b0;--stroke:rgba(246,230,243,.24)}
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}
    .mark{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:700;letter-spacing:.28em;text-decoration:none;white-space:nowrap}.mark span{width:34px;height:34px;border:1px solid var(--rose);border-radius:50%;color:var(--rose);display:grid;place-items:center;font:italic 22px Georgia,serif;letter-spacing:0;padding-bottom:5px}
    .gate{min-height:100svh;position:relative;display:flex;flex-direction:column;isolation:isolate}.gate::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--bg) url('saskia-gate.webp') center right/cover no-repeat}.gate::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,10,18,.97) 0%,rgba(14,11,20,.89) 44%,rgba(12,10,18,.48) 100%)}
    .gate-head,.gate-foot{padding:27px clamp(22px,6vw,94px);display:flex;align-items:center;justify-content:space-between}.gate-head>small,.gate-foot{letter-spacing:.18em;text-transform:uppercase;font-size:10px;color:#eadbe6}.gate-stage{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:30px clamp(25px,13vw,205px)}.gate-box{width:min(100%,540px);padding:clamp(25px,4vw,52px);background:rgba(26,22,32,.82);border:1px solid rgba(217,149,176,.41);box-shadow:0 30px 90px rgba(0,0,0,.17);backdrop-filter:blur(12px)}.gate-brow{display:flex;gap:12px;align-items:center;color:var(--rose);font-size:11px;letter-spacing:.22em;font-weight:bold}.gate-brow b{font-size:22px;font-weight:400}.gate-rule{border-top:1px solid rgba(217,149,176,.27);margin:25px 0 28px}.gate h1{font-size:clamp(46px,5.9vw,78px);letter-spacing:-.068em;line-height:1.03;font-weight:500;margin:0 0 20px}.gate-description{font-size:16px;line-height:1.66;color:#e1d7e0;max-width:41ch;margin:0 0 24px}.agree{width:100%;background:var(--rose);color:#20161e;border:1px solid var(--rose);text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:750;padding:19px 20px;transition:transform .2s,background .2s}.agree:hover{background:#efbad0}.agree:active{transform:scale(.985)}.disagree{background:none;color:var(--ink);border:none;text-decoration:underline;text-underline-offset:5px;margin:14px auto 0;display:block;padding:10px}.disagree:hover{color:var(--rose)}.gate-note{font-size:11px;line-height:1.55;color:#bfb4c0;margin:23px 0 0}.gate-foot{padding-top:15px;padding-bottom:20px}
    .denied{max-width:600px}.denied h1{font-size:clamp(60px,7vw,96px)}.denied .gate-description{max-width:36ch}
    .page{background:var(--bg);min-height:100svh}.site-header{position:absolute;inset:0 0 auto;z-index:5;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,100px)}.site-header>span{font-size:10px;letter-spacing:.19em}.site-header i{color:var(--rose);font-size:16px;margin:0 12px;font-style:normal}
    .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-2;inset:0 0 0 36%;background:var(--panel) url('saskia-hero.webp') 50% 32%/cover no-repeat}.hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#14131b 0%,rgba(20,19,27,.98) 21%,rgba(20,19,27,.84) 40%,rgba(20,19,27,.25) 74%,rgba(20,19,27,.25))}.hero-main{flex:1;display:flex;align-items:center;padding:110px clamp(27px,13vw,205px) 70px}.hero-content{max-width:700px}.tiny-label{font-size:11px;letter-spacing:.25em;color:var(--rose);font-weight:700;margin:0 0 31px}.hero h1{font-size:clamp(70px,9vw,140px);font-weight:500;line-height:.91;letter-spacing:-.077em;max-width:620px;margin:0 0 28px}.hero h1 em{color:var(--rose);font-style:normal}.hero-intro{font-size:clamp(17px,1.7vw,21px);line-height:1.55;color:#f0eaf0;max-width:420px;margin:0 0 33px}.fanvue{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:20px 22px;min-width:255px;font-weight:700;font-size:14px;letter-spacing:.03em;text-decoration:none;background:var(--ink);color:var(--bg);border:1px solid var(--ink);transition:transform .2s,background .2s}.fanvue:hover{transform:translateY(-3px);background:#fff}.fanvue:active{transform:scale(.98)}.fanvue[aria-disabled="true"]{background:transparent;color:var(--ink);border-color:rgba(244,237,241,.64);cursor:default;opacity:.9}.fanvue[aria-disabled="true"]:hover{transform:none}.fanvue-sub{display:block;margin:13px 0 0;font-size:12px;color:#ded2dc}.hero-side{position:absolute;right:22px;top:45%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em}.hero-bottom{height:59px;flex-shrink:0;border-top:1px solid rgba(230,219,226,.27);margin:0 clamp(27px,7vw,100px);display:flex;align-items:center;justify-content:space-between;letter-spacing:.22em;font-size:10px;color:#e5d8e0}
    .about{background:#24202b;display:grid;grid-template-columns:1fr 1fr;min-height:540px}.about-img{position:relative;min-height:480px;overflow:hidden}.about-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-img::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,11,19,.38),transparent 50%)}.about-img span{position:absolute;bottom:36px;left:7vw;z-index:1;font-size:10px;letter-spacing:.23em}.about-copy{padding:clamp(54px,9vw,130px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.about-symbol{font-size:32px;color:var(--rose);margin-bottom:27px}.about h2{font-size:clamp(42px,4.4vw,65px);font-weight:500;line-height:1.08;letter-spacing:-.062em;margin:0 0 22px}.about p{font-size:16px;line-height:1.73;color:#dcd2dc;max-width:38ch;margin:0 0 33px}.about-line{width:min(100%,390px);display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--stroke);padding-top:17px;font-size:11px;letter-spacing:.18em;color:var(--rose)}
    .site-footer{padding:78px clamp(27px,7vw,100px) 28px}.footer-first{border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:38px}.footer-first strong{font-size:clamp(61px,8vw,110px);letter-spacing:-.08em;line-height:1;font-weight:600}.footer-first strong span{color:var(--rose)}.footer-first>span{font-size:17px;color:#dbd0dc}.truth,.preview{font-size:12px;line-height:1.75;color:#c9beca;max-width:650px;margin:25px 0 0}.preview{color:#d9a6bb}.last{margin-top:70px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.18em;color:#d2c5d0}.last a{text-underline-offset:6px}
    @media(max-width:820px){.hero-main{padding-left:7vw;padding-right:7vw}.hero::before{inset:0 0 0 29%}.about-copy{padding:7vw}}
    @media(max-width:640px){.gate-head{padding:22px}.gate-head>small{display:none}.gate-stage{padding:15px 16px}.gate-box{padding:clamp(21px,5.7vw,29px);backdrop-filter:blur(7px)}.gate-rule{margin:15px 0 20px}.gate h1{font-size:clamp(42px,10.4vw,62px);margin-bottom:15px}.gate-description{font-size:14px;line-height:1.6;margin-bottom:18px}.agree{padding:17px}.gate-note{margin-top:16px}.gate-foot{padding:16px 19px;letter-spacing:.08em;font-size:9px}.site-header{padding:0 23px;height:77px}.site-header>span{font-size:9px;letter-spacing:.1em}.hero::before{inset:0 0 20% 0;background-position:center 30%}.hero::after{background:linear-gradient(0deg,#14131b 0%,rgba(20,19,27,.96) 17%,rgba(20,19,27,.55) 56%,rgba(20,19,27,.17) 100%)}.hero-main{padding:123px 27px 45px;align-items:flex-end}.tiny-label{margin-bottom:18px;font-size:10px}.hero h1{font-size:clamp(62px,15vw,91px);margin-bottom:19px}.hero-intro{font-size:17px;margin-bottom:22px}.hero-side{display:none}.hero-bottom{height:54px;margin:0 25px;font-size:9px;letter-spacing:.12em}.about{grid-template-columns:1fr}.about-img{min-height:280px}.about-copy{padding:55px 29px 65px}.about h2{font-size:44px}.site-footer{padding:54px 27px 25px}.footer-first{flex-direction:column;align-items:flex-start;gap:10px}.footer-first strong{font-size:70px}.footer-first>span{font-size:15px}.last{margin-top:43px;letter-spacing:.08em}}
    @media(max-width:360px){.gate-box{padding:20px}.gate h1{font-size:39px}.gate-description{font-size:13px}.gate-note{font-size:10px}.hero h1{font-size:56px}.fanvue{min-width:230px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Shared legal and launch chrome */
:root{color-scheme:dark}
.legal-links{display:flex;flex-wrap:wrap;gap:10px 19px;align-items:center}
.legal-links a,.gate-legal a{color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(220,202,215,.48)}
.legal-links a:hover,.gate-legal a:hover{color:var(--rose)}
.gate-foot{flex-wrap:wrap;gap:12px}
.gate-legal{display:flex;gap:14px;align-items:center;letter-spacing:.05em;text-transform:none}
.site-footer .last{align-items:center;flex-wrap:wrap;row-gap:16px}
.legal-page{min-height:100svh;background:#14131b;color:var(--ink)}
.legal-header{padding:30px clamp(24px,7vw,100px);border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;gap:12px}
.legal-back{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.legal-main{width:min(100% - 48px,760px);margin:0 auto;padding:80px 0 100px}
.legal-main .tiny-label{margin:0 0 24px}
.legal-main h1{font-size:clamp(44px,7vw,78px);font-weight:500;letter-spacing:-.06em;line-height:1;margin:0 0 36px}
.legal-main h2{font-size:22px;letter-spacing:-.025em;font-weight:650;margin:39px 0 13px}
.legal-main h3{font-size:17px;margin:27px 0 10px}
.legal-main p,.legal-main li,.legal-main address{font-size:15px;line-height:1.85;color:#ded2dd}
.legal-main address{font-style:normal}
.legal-main a{color:#f1c6d7;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-main ul{padding-left:22px}
.legal-main .rule{height:1px;background:var(--stroke);margin:30px 0}
.legal-footer{border-top:1px solid var(--stroke);padding:28px clamp(24px,7vw,100px);color:#d2c5d0;font-size:12px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.noscript-note{color:#f5d0df;text-align:center;font-size:13px;padding:15px}
.eyebrow-kicker{font-size:11px;letter-spacing:.16em;color:var(--rose);font-weight:650;margin-bottom:13px}
.hero::before{background-position:center 30%}
.hero::after{background:linear-gradient(90deg,#14131b 0%,rgba(20,19,27,.97) 21%,rgba(20,19,27,.76) 43%,rgba(20,19,27,.13) 78%,rgba(20,19,27,.18) 100%)}
.about-img img{object-position:center 28%}
.verified-link{color:var(--rose);font-size:11px;letter-spacing:.12em;margin-bottom:18px}
@media(max-width:640px){
 .gate-foot{justify-content:center;text-align:center;flex-direction:column;gap:13px}
 .gate-legal{flex-wrap:wrap;justify-content:center}
 .hero::before{background-position:55% 18%}
 .hero::after{background:linear-gradient(0deg,#14131b 0%,rgba(20,19,27,.96) 18%,rgba(20,19,27,.68) 45%,rgba(20,19,27,.07) 100%)}
 .hero-main{padding-top:154px}
 .legal-header{padding:22px}
 .legal-main{padding:55px 0 75px}
 .legal-main h1{margin-bottom:28px}
}

.sr-skip{position:fixed;left:14px;top:-90px;z-index:9999;padding:12px 16px;background:#f4edf1;color:#14131b;text-decoration:none;border-radius:3px}.sr-skip:focus{top:14px}


/* Sassyki: direktes Kontaktformular auf der Impressumsseite (ohne Drittanbieter). */
.contact-section { margin-top: 64px; padding: 36px; border: 1px solid rgba(217,149,176,.34); background: #211d28; border-radius: 10px; }
.contact-heading { margin-bottom: 29px; }
.contact-eyebrow { font-size: 11px; letter-spacing: .19em; font-weight: 700; color: var(--rose); }
.contact-section h2 { font-size: 32px; font-weight: 600; letter-spacing: -.045em; line-height: 1.15; margin: 12px 0 12px; }
.contact-section p { margin: 0 0 16px; }
.contact-form { display: grid; gap: 20px; }
.form-field { display: flex; flex-direction: column; gap: 8px; }
.form-field label { color: #f5ecf4; font-size: 14px; font-weight: 680; }
.form-field .optional { color: #c7b9c6; font-weight: 400; }
.form-field input, .form-field textarea { width: 100%; padding: 14px 16px; font: inherit; color: #fff7fc; background: #17151d; border: 1px solid #776573; border-radius: 5px; transition: border-color .15s ease; }
.form-field input::placeholder, .form-field textarea::placeholder { color: #a99daa; opacity: 1; }
.form-field input:focus, .form-field textarea:focus { outline: 2px solid #edb1c8; outline-offset: 2px; border-color: var(--rose); }
.form-field textarea { resize: vertical; min-height: 140px; line-height: 1.6; }
.form-field .form-help { color: #c2b6c2; font-size: 12px; }
.form-privacy { font-size: 12px !important; line-height: 1.75 !important; margin: -2px 0 0 !important; }
.math-field { max-width: 340px; }
.contact-submit { width: 100%; display:flex; justify-content:space-between; align-items:center; gap:14px; background:var(--rose); border:1px solid var(--rose); color:#19131c; font-weight:750; text-align:left; border-radius: 5px; padding:18px 20px; transition: background .2s ease, transform .2s ease; }
.contact-submit:hover { background:#f5bdd3; }
.contact-submit:active { transform: scale(.99); }
.form-feedback { padding:19px 21px; border-radius:5px; margin-bottom:20px; }
.form-feedback strong { font-size:17px; }
.form-feedback p { margin:10px 0 0; }
.form-feedback ul { margin:8px 0 0; padding-left:19px; }
.form-success { background:#263a34; border:1px solid #7fba9c; color:#f3f9f5; }
.form-error { background:#40242b; border:1px solid #e3a5af; color:#fff1f2; }
.anti-bot { position: absolute; width: 1px; height: 1px; overflow:hidden; left:-10000px; clip-path:inset(100%); }
@media (max-width: 640px) { .contact-section { margin-top: 40px; padding: 23px 17px; } .contact-section h2 { font-size: 29px; } }
@media (prefers-reduced-motion: reduce) { .form-field input, .form-field textarea, .contact-submit { transition:none; } }


/* 17.10.2026: klare KI-Kennzeichnung direkt beim Fanvue-Link. */
.hero-ai-note{font-size:12px;line-height:1.6;color:#f0dce8;max-width:410px;margin:14px 0 0}
.hero-ai-note span{color:var(--rose);margin-right:6px;font-size:15px}
/* Der bisherige typografische Hinweis ist jetzt ein echter, zugänglicher Link. */
.about-line{text-decoration:none;cursor:pointer;transition:color .18s ease,border-color .18s ease}
.about-line:hover{color:#fff0f7;border-top-color:var(--rose)}
.about-line:focus-visible{outline:3px solid #fff;outline-offset:6px}
@media (max-width:640px){.hero-ai-note{font-size:11px;margin-top:10px;max-width:31ch}}
@media (prefers-reduced-motion:reduce){.about-line{transition:none}}