*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080b15;color:#f4f5ff;font-family:'Segoe UI',Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #77ecff;outline-offset:7px}a:hover{color:#8ceaff}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#17243e;padding:15px}.skip:focus{top:12px}.aurora{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 78% 20%,#6743bb27,transparent 50%),radial-gradient(ellipse at 32% 55%,#005e7123,transparent 50%)}.grid{position:absolute;inset:0 0 auto;height:100%;max-height:1100px;pointer-events:none;z-index:-1;background-image:linear-gradient(#9cc8ff05 1px,transparent 1px),linear-gradient(90deg,#9cc8ff05 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#0007,transparent)}
.masthead,main,footer{max-width:1440px;margin:auto}.masthead{padding:27px 64px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;line-height:1.1}.brand small{display:block;font-size:12px;letter-spacing:.25px;font-weight:400;color:#a6b2cd;margin-top:7px}.brand-symbol{width:50px;height:47px;display:block;background:url('logo.png') left center / 265% auto no-repeat}.live{display:flex;align-items:center;gap:10px;color:#a8b4cf;font-size:9px;letter-spacing:2px}.live i{height:6px;width:6px;background:#70efd3;border-radius:100%;box-shadow:0 0 14px #54e7cf80}.header-link{font-size:13px;border-bottom:1px solid #ffffff35;padding-bottom:6px}.header-link span{margin-left:24px;color:#96e8ff}
main{padding:0 64px}.launch{display:grid;grid-template-columns:1.02fr 1fr;gap:32px;align-items:center;min-height:760px;padding:55px 0 45px;position:relative}.copy{position:relative;z-index:4}.eyebrow{font-size:9px;letter-spacing:2px;color:#b0beda;font-weight:650;display:flex;align-items:center;gap:12px}.eyebrow>span{font-size:20px;color:#78e5ef}h1{position:relative;font-size:clamp(64px,6.8vw,96px);line-height:1.01;letter-spacing:-5px;margin:29px 0 24px;font-weight:760}h1 em{font-style:normal;white-space:nowrap;background:linear-gradient(105deg,#60e8ef 5%,#8aa8ff 48%,#c29cfa 77%,#f59bac);background-clip:text;color:transparent}.title-dot{display:inline-block;font-size:42px;vertical-align:top;color:#68738f;margin:9px 0 0 15px}.intro{font-size:20px;line-height:1.6;letter-spacing:-.25px;color:#e3e8f6;margin-bottom:18px}.personal{font-size:14px;line-height:1.85;color:#9eabc6;max-width:420px}.personal strong{color:#dbe5f6;font-weight:600}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:31px 0}.button{display:inline-flex;gap:27px;align-items:center;background:linear-gradient(110deg,#5549e8,#8845da);border:1px solid #b2a2ff44;box-shadow:0 8px 40px #7255fb1a,inset 0 1px #ffffff30;border-radius:10px;padding:16px 21px;font-size:13px;font-weight:650;transition:transform .3s,box-shadow .3s}.button:hover{color:white;transform:translateY(-3px);box-shadow:0 12px 40px #7255fb44}.phone{font-size:12px;color:#b5c2da}.phone span{margin-left:7px;color:#7fe5fa}.availability{display:flex;align-items:center;gap:11px;font-size:10px;color:#8494b3}.availability>span{width:25px;height:1px;background:#64cfcd}.availability strong{font-weight:400;color:#b8c6dc}.availability p{line-height:1.7}
.scene{position:relative;height:685px;min-width:0;isolation:isolate}.portrait-halo{position:absolute;inset:5% -10% 3%;background:radial-gradient(ellipse at 35% 43%,#20c3dc23,transparent 58%),radial-gradient(ellipse at 75% 80%,#9854fa25,transparent 56%);filter:blur(20px);z-index:-1}.portrait{position:absolute;top:-6%;right:-9%;height:107%;width:113%;object-fit:cover;object-position:center 21%;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 60%,transparent 96%),linear-gradient(to right,transparent,#000 20%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 60%,transparent 96%),linear-gradient(to right,transparent,#000 20%,#000 82%,transparent);-webkit-mask-composite:source-in}.vertical-label{position:absolute;right:-20px;top:12%;writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;color:#7486a5;z-index:2}.portrait-note{position:absolute;top:37%;left:-3%;z-index:2;line-height:1.8;text-shadow:0 2px 20px #030710}.portrait-note span{display:block;letter-spacing:1.4px;color:#9db5d0;font-size:7px}.portrait-note strong{font-weight:500;font-size:21px;letter-spacing:-.5px}
.card-zone{position:absolute;left:1%;bottom:34px;width:99%;perspective:1100px;--px:50%;--py:40%;--rx:0deg;--ry:0deg;z-index:3}.business-card{display:flex;position:relative;isolation:isolate;flex-direction:column;min-height:300px;border:1px solid #c0caff33;border-radius:20px;padding:23px;background:linear-gradient(125deg,#1a2843ed,#17142bec 70%);backdrop-filter:blur(20px);box-shadow:0 25px 60px #0008,inset 0 1px #dbeaff26;transform:rotate(-5deg) rotateY(-8deg);transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s;overflow:hidden}.business-card::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.25;background:radial-gradient(260px circle at var(--px) var(--py),#9bf5ff3b,transparent 65%);transition:opacity .4s}.card-top,.card-bottom{display:flex;justify-content:space-between;gap:12px;color:#b2bfd7;letter-spacing:1px;font-size:8px;line-height:1.6;position:relative;z-index:2}.card-arrow{color:#c4c9f5;font-size:14px;transition:transform .4s}.card-bottom{font-size:8px;letter-spacing:.6px}.card-bottom span:last-child{font-size:6px;letter-spacing:1px;color:#929bb7}.monogram{position:relative;height:252px;flex-shrink:0;transition:transform .55s,filter .55s}.monogram::before{content:'';position:absolute;inset:0;background:url('logo.png') left center / 265% auto no-repeat}.sheen{position:absolute;inset:-50% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#e2fbff1c 49%,#fff3 50%,#d4a4ff13 53%,transparent 58%);transform:translateX(-35%);opacity:0}.floating{position:absolute;bottom:-23px;right:-5px;display:flex;align-items:center;gap:9px;padding:15px 18px;border:1px solid #b29af533;background:linear-gradient(120deg,#181e35f2,#271932f2);backdrop-filter:blur(18px);border-radius:17px;font-size:10px;color:#dcd6f7;box-shadow:0 15px 40px #0005;transition:transform .5s,box-shadow .5s;pointer-events:none}.floating>span{color:#c5aaff;font-size:16px}.card-hint{position:absolute;bottom:-54px;left:16px;letter-spacing:1.4px;color:#64728f;font-size:6px}.card-zone:is(:hover,:focus-within) .business-card{transform:rotate(-1deg) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-9px);border-color:#88dcff99;box-shadow:0 30px 70px #000a,-12px 7px 55px #00cce02b,14px -3px 60px #9c40ef2b,inset 0 1px #d9ffff66}.card-zone:is(:hover,:focus-within) .business-card::before{opacity:1}.card-zone:is(:hover,:focus-within) .monogram{transform:scale(1.045) translateY(-4px);filter:brightness(1.09) saturate(1.1) drop-shadow(0 6px 15px #7758ff40)}.card-zone:is(:hover,:focus-within) .sheen{opacity:1;animation:scan 1.35s ease forwards}.card-zone:is(:hover,:focus-within) .card-arrow{transform:translate(3px,-3px)}.card-zone:is(:hover,:focus-within) .floating{transform:translate(8px,5px) rotate(2deg);box-shadow:0 8px 35px #8b42f02b}@keyframes scan{to{transform:translateX(35%)}}
.outlook{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 31px;color:#a9b7d0;font-size:12px}.outlook-label{color:#7788a6;font-size:8px;letter-spacing:1.8px}.outlook b{font-size:12px;margin-left:12px;font-weight:400;color:#9e89d6}.outlook>span{white-space:nowrap}footer{border-top:1px solid #ffffff10;padding:25px 64px 30px;color:#7787a4;font-size:10px;display:flex;justify-content:space-between;gap:20px;line-height:1.7}footer>div{display:flex;gap:22px}footer a{color:#aab6cf}
@media(min-width:1500px){.launch{min-height:820px}.scene{height:730px}.monogram{height:285px}.card-zone{bottom:45px}}
@media(max-width:1100px){.masthead{padding:24px 35px}main{padding:0 35px}footer{padding-inline:35px}.launch{gap:16px}.title-dot{display:none}h1{font-size:76px}.actions{gap:18px}.button{padding:14px;font-size:12px;gap:15px}.scene{height:650px}.card-zone{left:0;width:100%}.monogram{height:220px}.business-card{min-height:280px;padding:20px}.outlook{gap:15px;font-size:10px}.outlook-label{font-size:7px}.portrait-note{left:-5%;top:39%}.intro{font-size:18px}}
@media(max-width:800px){.live{display:none}.masthead{padding:22px 25px}main{padding:0 25px}.launch{grid-template-columns:1fr;gap:0;padding:45px 0 55px}.copy{max-width:580px}h1{font-size:clamp(62px,11vw,84px);letter-spacing:-4px;margin-top:24px}.personal{max-width:460px}.scene{height:660px;width:100%;max-width:540px;margin:-20px auto 0}.portrait{top:0;right:-4%;width:105%}.portrait-note{left:2%;top:39%}.card-zone{bottom:25px;left:3%;width:94%}.monogram{height:265px}.business-card{padding:23px}.outlook{flex-wrap:wrap;justify-content:flex-start;column-gap:25px;row-gap:17px;font-size:11px}.outlook-label{width:100%;font-size:8px}footer{padding:25px;flex-wrap:wrap}.footer-location{display:block}.eyebrow{font-size:8px;letter-spacing:1.6px}.vertical-label{right:0}}
@media(max-width:420px){.masthead{padding:20px}.brand{font-size:19px}.brand-symbol{width:42px;height:40px}.brand small{font-size:11px}.header-link{font-size:11px}.header-link span{margin-left:12px}main{padding:0 22px}.launch{padding-top:33px}h1{font-size:64px;letter-spacing:-3.8px}.eyebrow{letter-spacing:1px;font-size:7px}.intro{font-size:17px}.personal{font-size:13px}.actions{gap:21px}.scene{height:570px;margin-top:0}.monogram{height:195px}.business-card{padding:18px;min-height:260px;border-radius:16px}.card-bottom span:last-child{font-size:5px}.portrait-note{top:39%}.portrait-note strong{font-size:18px}.floating{font-size:9px;padding:12px 14px;bottom:-19px}.card-top{font-size:6px}.card-hint{font-size:5px;bottom:-47px}.vertical-label{font-size:6px}.outlook{font-size:10px;column-gap:18px}.outlook b{margin-left:6px}}
@media(hover:none){.card-hint{display:none}.business-card{transform:rotate(-4deg)}.card-zone:is(:hover,:focus-within) .business-card{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.business-card,.card-zone:is(:hover,:focus-within) .business-card{transform:none}.card-zone:is(:hover,:focus-within) .monogram,.card-zone:is(:hover,:focus-within) .floating{transform:none}.sheen{display:none}}
@media(max-width:350px){h1{font-size:54px;letter-spacing:-3px}.scene{height:510px}.monogram{height:175px}.business-card{min-height:240px}.portrait-note span{font-size:6px}} html{scroll-behavior:smooth;scroll-padding-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* RS mit festem Innenabstand innerhalb der Kartenfläche */ .monogram::before{inset:10px 14% 12px; background-size:265% auto; background-position:left center}.card-zone:is(:hover,:focus-within) .monogram{transform:scale(1.025) translateY(-2px)}