/* Schriften lokal statt von Google Fonts: Archivo Black und Manrope (SIL Open Font License), Latein und erweitertes Latein */ @font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/archivo-black-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/archivo-black-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} #navid-hero-sitzend { color-scheme: dark; --lc-bg:#25103c; --lc-ink:#faf8ff; --lc-muted:#c1b5d0; --lc-neon:#d8ff00; --lc-accent:#d8ff00; --lc-display:'Archivo Black'; --lc-display-weight:400; --lc-dx:0px; --lc-dy:0px; --lc-layer-shift:0px; --lc-glass-blur:12px; font:400 14px/1.7 'Manrope',sans-serif; color:var(--lc-ink); } #navid-hero-sitzend * { box-sizing:border-box; } #navid-hero-sitzend [hidden] { display:none !important; } #navid-hero-sitzend .lc-page { position:relative; isolation:isolate; overflow:hidden; padding:24px 29px 34px; background:radial-gradient(ellipse at 88% 29%,#743fb43b 0%,transparent 40%),radial-gradient(ellipse at 25% 75%,#55308520 0%,transparent 44%),linear-gradient(130deg,#0c0b13 4%,var(--lc-bg) 56%,#101019 98%); } #navid-hero-sitzend .lc-glow { position:absolute; z-index:-2; top:285px; right:-130px; width:450px; height:390px; background:radial-gradient(ellipse,#a287c930,transparent 67%); filter:blur(38px); transform:translate(calc(var(--lc-dx) * .5),calc(var(--lc-dy) * .5)); } #navid-hero-sitzend .lc-material { position:relative; isolation:isolate; background:linear-gradient(125deg,#ffffff16,#ffffff04 44%,#d4b6ff0d); backdrop-filter:blur(var(--lc-glass-blur)) saturate(180%) contrast(108%); -webkit-backdrop-filter:blur(var(--lc-glass-blur)) saturate(180%) contrast(108%); border:1px solid #ffffff23; box-shadow:inset 0 2px 2px #ffffff26,inset 0 -2px 3px #00000038,0 18px 45px #03010833; } #navid-hero-sitzend .lc-material::before { content:''; position:absolute; pointer-events:none; z-index:4; inset:-1px; border-radius:inherit; padding:1px; background:conic-gradient(from 190deg at 52% 50%,#ffffff08 0deg,#ece5ff7a 52deg,#ffffffed 105deg,#ffffff16 148deg,#ffffff05 202deg,#cdbaff66 245deg,#ffffffaa 290deg,#ffffff08 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; } #navid-hero-sitzend .lc-material::after { content:''; position:absolute; pointer-events:none; z-index:0; inset:0; border-radius:inherit; background:linear-gradient(135deg,#ffffff19,transparent 25%,transparent 72%,#ffffff0b),radial-gradient(ellipse at calc(55% + var(--lc-dx)) calc(0% + var(--lc-dy)),#ffffff24,transparent 52%); } #navid-hero-sitzend .lc-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 11px 10px 20px; border-radius:26px; z-index:7; } #navid-hero-sitzend .lc-brand { font:var(--lc-display-weight) 20px/1 var(--lc-display),sans-serif; letter-spacing:-.6px; text-transform:uppercase; position:relative; z-index:1; } #navid-hero-sitzend .lc-brand span { color:var(--lc-neon); } #navid-hero-sitzend .lc-navlinks { display:flex; align-items:center; gap:19px; position:relative; z-index:1; } #navid-hero-sitzend button { font:600 12px/1.3 'Manrope',sans-serif; color:inherit; min-height:42px; border:0; } #navid-hero-sitzend .lc-navlink { background:transparent; color:#cbc0db; padding:8px 0; } #navid-hero-sitzend .lc-navcontact { border-radius:13px; padding:12px 16px; background:var(--lc-neon); color:#202701; font-weight:800; } #navid-hero-sitzend .lc-hero { position:relative; padding-top:43px; min-height:694px; } #navid-hero-sitzend .lc-copy { position:relative; z-index:3; } #navid-hero-sitzend .lc-eyebrow { color:var(--lc-muted); display:flex; align-items:center; gap:8px; font-size:11px; margin:0 0 23px; } #navid-hero-sitzend .lc-eyebrow::before { content:''; width:5px; height:5px; background:var(--lc-neon); border-radius:50%; } #navid-hero-sitzend .lc-hero h1 { margin:0; font-family:var(--lc-display),sans-serif; font-weight:var(--lc-display-weight); font-size:67px; line-height:.96; letter-spacing:-.035em; } #navid-hero-sitzend .lc-heading-line { display:block; white-space:nowrap; } #navid-hero-sitzend .lc-hero h1 em { font-style:normal; color:var(--lc-neon); } #navid-hero-sitzend .lc-intro { width:280px; max-width:100%; color:#c7bdd3; font-size:13px; line-height:1.85; margin:29px 0 26px; } #navid-hero-sitzend .lc-intro strong { color:#faf8ff; font-weight:700; } #navid-hero-sitzend .lc-cta { position:relative; display:inline-flex; align-items:center; gap:24px; overflow:hidden; background:var(--lc-neon); color:#202701; font-weight:800; padding:16px 19px; border-radius:13px; box-shadow:4px 4px 0 #100d1980; transition:transform 200ms ease,box-shadow 200ms ease; } #navid-hero-sitzend .lc-cta:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 #100d1980; } #navid-hero-sitzend .lc-cta::before { content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,#ffffff65 50%,transparent 70%); transform:translateX(-110%); transition:transform 600ms ease; } #navid-hero-sitzend .lc-cta:hover::before { transform:translateX(110%); } #navid-hero-sitzend .lc-secondary { display:block; background:transparent; color:#d0c4e0; font-weight:500; margin-top:8px; padding:11px 0; } #navid-hero-sitzend .lc-art { position:absolute; z-index:1; width:460px; height:470px; top:176px; right:-83px; transform:translateY(calc(var(--lc-layer-shift) * -.42)); } #navid-hero-sitzend .lc-canvas { width:100%; height:100%; display:block; } #navid-hero-sitzend .lc-fallback { position:absolute; inset:70px; border-radius:47% 53% 58% 42%; background:linear-gradient(30deg,#26222e,#f0e9fc 25%,#777185 36%,#faf7ff 47%,#342a43 61%,#c6a8dd 86%); mask:radial-gradient(ellipse 36% 38%,transparent 97%,#000 100%); transform:rotate(-20deg); } #navid-hero-sitzend .lc-identity { position:absolute; z-index:5; right:0; top:309px; width:258px; padding:15px; border-radius:30px; transform:perspective(700px) rotateY(var(--lc-ry,0deg)) rotateX(var(--lc-rx,0deg)) translate(calc(var(--lc-dx) * .17),calc(var(--lc-dy) * .17 + var(--lc-layer-shift) * -.18)); } #navid-hero-sitzend .lc-identity img { position:relative; z-index:1; display:block; width:100%; height:190px; object-fit:cover; object-position:50% 38%; border-radius:19px; filter:saturate(.88); border:1px solid #ffffff38; } #navid-hero-sitzend .lc-photo-copy { position:relative; z-index:1; padding:15px 4px 4px; } #navid-hero-sitzend .lc-photo-copy small { display:block; color:#d5c9e5; font-size:11px; margin-bottom:5px; } #navid-hero-sitzend .lc-photo-copy strong { font-family:var(--lc-display),sans-serif; font-weight:var(--lc-display-weight); font-size:22px; letter-spacing:-.6px; line-height:1.1; } #navid-hero-sitzend .lc-photo-copy p { margin:9px 0 0; color:#e2d8ed; font-size:11px; line-height:1.6; } #navid-hero-sitzend .lc-glass-tag { display:inline-flex; gap:6px; align-items:center; position:absolute; z-index:6; top:274px; right:5px; padding:8px 13px; border-radius:50px; transform:rotate(6deg) translateY(calc(var(--lc-layer-shift) * -.25)); font-size:11px; color:#ddd4e9; } #navid-hero-sitzend .lc-glass-tag span { width:4px; height:4px; border-radius:50%; background:var(--lc-neon); } #navid-hero-sitzend .lc-art-caption { position:absolute; z-index:6; bottom:12px; right:0; } #navid-hero-sitzend .lc-pause { font-size:11px; color:#a99abb; background:transparent; min-height:32px; padding:8px 10px; border:1px solid #ffffff16; border-radius:50px; } #navid-hero-sitzend .lc-hero-foot { position:absolute; bottom:24px; left:0; width:280px; max-width:45%; color:#b6a7c9; font-size:11px; border-top:1px solid #ffffff18; padding-top:17px; } #navid-hero-sitzend .lc-hero-foot strong { display:block; font-weight:500; color:#f0e9fa; font-size:13px; margin-top:4px; } #navid-hero-sitzend .lc-bands { position:relative; isolation:isolate; z-index:6; height:146px; margin:22px -65px 13px; } #navid-hero-sitzend .lc-band { position:absolute; width:112%; left:-6%; height:60px; overflow:hidden; display:flex; align-items:center; } #navid-hero-sitzend .lc-band-neon { z-index:2; top:40px; background:var(--lc-neon); color:#1b2201; transform:translateX(calc(var(--lc-layer-shift) * -.4)) rotate(-5deg); box-shadow:0 5px 18px #05030835; } #navid-hero-sitzend .lc-band-glass { z-index:1; top:43px; color:#f7f2ff; background:linear-gradient(115deg,#ffffff0b,#e3d3ff2f,#ffffff0b); border-top:1px solid #ffffffa1; border-bottom:1px solid #ffffff3d; backdrop-filter:blur(10px) saturate(190%); -webkit-backdrop-filter:blur(10px) saturate(190%); transform:translateX(calc(var(--lc-layer-shift) * .5)) rotate(6deg); } #navid-hero-sitzend .lc-band-track { display:flex; flex-shrink:0; width:max-content; animation:lc-bold-marquee 34s linear infinite; } #navid-hero-sitzend .lc-band-glass .lc-band-track { animation-duration:42s; animation-direction:reverse; } #navid-hero-sitzend .lc-band-track span { padding-right:0; white-space:nowrap; font:var(--lc-display-weight) var(--lc-band-type,56px)/1 var(--lc-display),sans-serif; letter-spacing:-.04em; -webkit-text-stroke:.01em currentColor; } #navid-hero-sitzend[data-paused="true"] .lc-band-track { animation-play-state:paused; } #navid-hero-sitzend .lc-approach { position:relative; z-index:4; padding-top:24px; } #navid-hero-sitzend .lc-approach-header { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:24px; } #navid-hero-sitzend .lc-approach-header h2 { margin:0; font:var(--lc-display-weight) 27px/1.06 var(--lc-display),sans-serif; letter-spacing:-.7px; } #navid-hero-sitzend .lc-approach-header p { margin:0; max-width:208px; font-size:11px; color:var(--lc-muted); line-height:1.75; } #navid-hero-sitzend .lc-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; position:relative; } #navid-hero-sitzend .lc-steps::before { content:''; position:absolute; z-index:-1; height:125px; width:260px; top:0; right:0; background:linear-gradient(25deg,#8f66c436,#e1e2ee12); border-radius:60px; transform:rotate(-15deg); filter:blur(21px); } #navid-hero-sitzend .lc-step { padding:22px 16px 21px; border-radius:22px; transition:transform 220ms ease; } #navid-hero-sitzend .lc-step:hover { transform:translateY(-4px); } #navid-hero-sitzend .lc-step small { display:flex; justify-content:space-between; gap:8px; font-size:11px; color:#c6b9d5; position:relative; z-index:1; } #navid-hero-sitzend .lc-step small span { color:var(--lc-neon); } #navid-hero-sitzend .lc-step h3 { margin:23px 0 10px; font:var(--lc-display-weight) 16px/1.18 var(--lc-display),sans-serif; letter-spacing:-.3px; position:relative; z-index:1; } #navid-hero-sitzend .lc-step p { margin:0; color:#c6b9d5; font-size:11px; line-height:1.8; position:relative; z-index:1; } #navid-hero-sitzend .lc-detail { margin-top:26px; background:#21152f; border:1px solid #ffffff28; border-radius:22px; padding:23px; } #navid-hero-sitzend .lc-detail-top { display:flex; align-items:start; justify-content:space-between; gap:15px; } #navid-hero-sitzend .lc-detail h3 { font:var(--lc-display-weight) 20px/1.2 var(--lc-display),sans-serif; letter-spacing:-.4px; margin:0 0 18px; } #navid-hero-sitzend .lc-close { padding:8px 12px; border:1px solid #ffffff24; border-radius:50px; background:#ffffff08; } #navid-hero-sitzend .lc-offer { display:flex; justify-content:space-between; gap:14px; padding:13px 0; border-top:1px solid #ffffff19; font-size:12px; } #navid-hero-sitzend .lc-offer span:last-child { color:var(--lc-muted); text-align:right; } #navid-hero-sitzend .lc-note { margin:16px 0 0; color:var(--lc-muted); font-size:11px; line-height:1.8; } #navid-hero-sitzend .lc-choices { display:flex; flex-wrap:wrap; gap:8px; margin:5px 0 18px; } #navid-hero-sitzend .lc-choice { border:1px solid #ffffff30; padding:11px 14px; background:#ffffff0b; border-radius:12px; } #navid-hero-sitzend .lc-choice[aria-pressed="true"] { background:var(--lc-neon); color:#1b2201; border-color:transparent; } #navid-hero-sitzend .lc-answer { margin:0; color:var(--lc-muted); font-size:12px; line-height:1.8; } #navid-hero-sitzend { --lc-neon-opacity:72%; } #navid-hero-sitzend .lc-cta, #navid-hero-sitzend .lc-navcontact, #navid-hero-sitzend .lc-band-neon, #navid-hero-sitzend .lc-choice[aria-pressed="true"] { background:linear-gradient(135deg,#ffffff2e,transparent 42%,#ffffff0d),color-mix(in srgb,var(--lc-neon) var(--lc-neon-opacity),transparent); backdrop-filter:blur(14px) saturate(170%); -webkit-backdrop-filter:blur(14px) saturate(170%); border:1px solid color-mix(in srgb,var(--lc-neon) 36%,#ffffffb3); box-shadow:inset 0 2px 2px #ffffff55,inset 0 -2px 3px #41600035,0 8px 24px #08020f30; color:#182000; } #navid-hero-sitzend .lc-cta { box-shadow:inset 0 2px 2px #ffffff55,inset 0 -2px 3px #41600035,4px 4px 0 #100d1970; } #navid-hero-sitzend .lc-cta:hover { box-shadow:inset 0 2px 2px #ffffff70,inset 0 -2px 3px #41600035,6px 6px 0 #100d1970; } #navid-hero-sitzend .lc-band-neon::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,#ffffff18,transparent 30%,transparent 66%,#ffffff22); border-top:1px solid #ffffff80; border-bottom:1px solid #233c002e; } @keyframes lc-bold-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } } @media(max-width:959px) { #navid-hero-sitzend .lc-page { padding:18px 21px 29px; } #navid-hero-sitzend .lc-nav { padding:9px 9px 9px 13px; border-radius:22px; } #navid-hero-sitzend .lc-brand { font-size:17px; } #navid-hero-sitzend .lc-navlinks { gap:0; } #navid-hero-sitzend .lc-navlink { display:none; } #navid-hero-sitzend .lc-navcontact { font-size:11px; padding:11px 12px; } #navid-hero-sitzend .lc-hero { min-height:0; padding-top:32px; } #navid-hero-sitzend .lc-hero h1 { font-size:38px; line-height:.96; letter-spacing:-.035em; } #navid-hero-sitzend .lc-hero h1 em { display:block; } #navid-hero-sitzend .lc-intro { width:100%; max-width:365px; margin-top:25px; } #navid-hero-sitzend .lc-art { position:relative; top:auto; right:auto; width:calc(100% + 38px); height:405px; margin:13px -19px 0; } #navid-hero-sitzend .lc-identity { top:auto; bottom:82px; right:0; width:238px; max-width:100%; padding:13px; } #navid-hero-sitzend .lc-identity img { height:157px; } #navid-hero-sitzend .lc-photo-copy { padding-top:13px; } #navid-hero-sitzend .lc-photo-copy strong { font-size:21px; } #navid-hero-sitzend .lc-glass-tag { top:auto; bottom:365px; right:0; } #navid-hero-sitzend .lc-art-caption { bottom:55px; } #navid-hero-sitzend .lc-hero-foot { position:relative; bottom:auto; width:100%; max-width:none; padding-top:18px; margin-top:2px; } #navid-hero-sitzend .lc-bands { margin:19px -45px 4px; height:132px; } #navid-hero-sitzend .lc-band { height:51px; } #navid-hero-sitzend .lc-band-neon { top:33px; transform:translateX(calc(var(--lc-layer-shift) * -.4)) rotate(-8deg); } #navid-hero-sitzend .lc-band-glass { top:37px; transform:translateX(calc(var(--lc-layer-shift) * .5)) rotate(7deg); } #navid-hero-sitzend .lc-band-track span { font-size:var(--lc-band-type,42px); } #navid-hero-sitzend .lc-approach { padding-top:21px; } #navid-hero-sitzend .lc-approach-header { display:block; } #navid-hero-sitzend .lc-approach-header h2 { font-size:25px; overflow-wrap:break-word; } #navid-hero-sitzend .lc-approach-header p { margin-top:16px; max-width:350px; font-size:12px; } #navid-hero-sitzend .lc-steps { grid-template-columns:1fr; } #navid-hero-sitzend .lc-step { padding:23px 21px; } #navid-hero-sitzend .lc-step h3 { font-size:19px; margin-top:20px; } #navid-hero-sitzend .lc-step p { font-size:12px; } #navid-hero-sitzend .lc-offer { flex-wrap:wrap; gap:5px; } #navid-hero-sitzend .lc-detail { padding:18px; } } @media(pointer:coarse) { #navid-hero-sitzend button { min-height:44px; min-width:44px; } } @media(prefers-reduced-motion:reduce) { #navid-hero-sitzend .lc-band-track { animation:none; } #navid-hero-sitzend .lc-cta,#navid-hero-sitzend .lc-cta::before,#navid-hero-sitzend .lc-step { transition:none; } } #navid-hero-sitzend { --lc-person-width:370px; --lc-person-height:555px; --lc-scene-height:591px; --lc-seat-right:195px; } #navid-hero-sitzend .lc-hero { min-height:calc(238px + var(--lc-scene-height)); } #navid-hero-sitzend .lc-scene { position:absolute; z-index:2; isolation:isolate; top:238px; left:0; right:0; height:var(--lc-scene-height); transform:translateY(calc(var(--lc-layer-shift) * -.12)); } #navid-hero-sitzend .lc-scene .lc-art { position:absolute; z-index:0; width:540px; height:530px; top:-74px; right:-118px; margin:0; opacity:.85; transform:translateY(calc(var(--lc-layer-shift) * -.24)); } #navid-hero-sitzend .lc-person { position:absolute; z-index:4; top:0; right:10px; width:var(--lc-person-width); height:var(--lc-person-height); margin:0; pointer-events:none; } #navid-hero-sitzend .lc-person img { display:block; width:100%; height:100%; object-fit:contain; } #navid-hero-sitzend .lc-scene .lc-bands { position:absolute; z-index:auto; isolation:auto; top:calc(var(--lc-person-height) * .56 - 7px); left:-65px; width:calc(100% + 130px); height:120px; margin:0; } #navid-hero-sitzend .lc-scene .lc-band { width:100%; left:0; height:var(--lc-band-height,86px); transform-origin:calc(100% - 65px - var(--lc-seat-right)) 50%; } #navid-hero-sitzend .lc-scene .lc-band-neon { z-index:5; top:5px; transform:rotate(calc(var(--lc-band-angle,4deg) * -1)); } #navid-hero-sitzend .lc-scene .lc-band-glass { z-index:2; top:5px; transform:rotate(var(--lc-band-angle,4deg)); } #navid-hero-sitzend .lc-scene .lc-art-caption { position:absolute; z-index:6; bottom:0; right:8px; } #navid-hero-sitzend .lc-hero-foot { bottom:35px; } #navid-hero-sitzend .lc-brand { flex-shrink:0; white-space:nowrap; } #navid-hero-sitzend .lc-contact-short { display:none; } @media(max-width:959px) { #navid-hero-sitzend .lc-hero { min-height:0; } #navid-hero-sitzend .lc-scene { position:relative; top:auto; left:auto; right:auto; width:100%; margin-top:22px; } #navid-hero-sitzend .lc-person { right:auto; left:calc(50% - var(--lc-person-width) * .5); } #navid-hero-sitzend .lc-scene .lc-art { width:calc(100% + 95px); height:430px; top:-55px; right:-58px; } #navid-hero-sitzend .lc-scene .lc-bands { left:-45px; width:calc(100% + 90px); } #navid-hero-sitzend .lc-scene .lc-band { height:var(--lc-band-height,68px); transform-origin:calc(100% - 45px - var(--lc-seat-right)) 50%; } #navid-hero-sitzend .lc-scene .lc-band-neon { transform:rotate(calc(var(--lc-band-angle,6deg) * -1)); } #navid-hero-sitzend .lc-scene .lc-band-glass { transform:rotate(var(--lc-band-angle,6deg)); } #navid-hero-sitzend .lc-scene .lc-art-caption { right:0; } #navid-hero-sitzend .lc-hero-foot { position:relative; bottom:auto; margin-top:17px; } #navid-hero-sitzend .lc-approach-header h2 { font-size:clamp(18px,4.8vw,25px); overflow-wrap:normal; } } @media(max-width:380px) { #navid-hero-sitzend .lc-brand { font-size:15px; } #navid-hero-sitzend .lc-contact-long { display:none; } #navid-hero-sitzend .lc-contact-short { display:inline; } } #navid-hero-sitzend { --lc-paper:#fafaf7; --lc-paper-ink:#211a2b; --lc-paper-muted:#706779; --lc-paper-left:590px; --lc-paper-right:670px; --lc-chrome-left:330px; --lc-chrome-right:390px; } #navid-hero-sitzend .lc-page::before { content:''; position:absolute; z-index:-1; pointer-events:none; inset:0; background:linear-gradient(180deg,var(--lc-paper) calc(var(--lc-paper-start,630px) + 150px),#eadff4 var(--lc-gradient-light,980px),color-mix(in srgb,var(--lc-bg) 36%,#ad86cf) calc((var(--lc-gradient-light,980px) + var(--lc-gradient-deep,1350px)) * .5),var(--lc-bg) var(--lc-gradient-deep,1350px)); clip-path:polygon(0 calc(var(--lc-paper-left) + var(--lc-layer-shift) * -.12),var(--lc-paper-center-x,50%) calc(var(--lc-paper-center-y,630px) + var(--lc-layer-shift) * -.12),100% calc(var(--lc-paper-right) + var(--lc-layer-shift) * -.12),100% 100%,0 100%); } #navid-hero-sitzend .lc-hero > .lc-art { position:absolute; z-index:0; width:620px; height:560px; top:var(--lc-chrome-top,100px); right:calc(50% - 310px); margin:0; opacity:.65; transform:translateY(calc(var(--lc-layer-shift) * -.36)); clip-path:polygon(0 0,100% 0,100% calc(var(--lc-chrome-right) + var(--lc-layer-shift) * .24),var(--lc-chrome-center-x,50%) calc(var(--lc-chrome-center-y,360px) + var(--lc-layer-shift) * .24),0 calc(var(--lc-chrome-left) + var(--lc-layer-shift) * .24)); } #navid-hero-sitzend .lc-band-glass { color:#111805; background:linear-gradient(125deg,#ffffff35,transparent 44%,#ffffff12),color-mix(in srgb,var(--lc-neon) 58%,transparent); border-top:1px solid #f8ffbcb3; border-bottom:1px solid #4b610b50; box-shadow:inset 0 2px 2px #ffffff5c,inset 0 -2px 3px #42600838,0 6px 18px #100d1930; } #navid-hero-sitzend .lc-hero-foot { color:var(--lc-paper-muted); border-color:#2b18341a; } #navid-hero-sitzend .lc-hero-foot strong { color:var(--lc-paper-ink); } #navid-hero-sitzend .lc-pause { color:var(--lc-paper-muted); border-color:#2b183421; } #navid-hero-sitzend .lc-approach, #navid-hero-sitzend .lc-detail { color-scheme:light; color:var(--lc-paper-ink); --lc-muted:var(--lc-paper-muted); } #navid-hero-sitzend .lc-step { background:linear-gradient(130deg,#ffffffcc,#ffffff6b 50%,#e9e2f03b); border-color:#35234014; box-shadow:inset 0 2px 2px #ffffff,0 12px 35px #29173708; } #navid-hero-sitzend .lc-step::before { background:conic-gradient(from 190deg at 52% 50%,#35234005,#ffffff,#c9c0d466,#ffffffb0,#3523400c,#ffffff); } #navid-hero-sitzend .lc-step small, #navid-hero-sitzend .lc-step p { color:var(--lc-paper-muted); } #navid-hero-sitzend .lc-step small span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:color-mix(in srgb,var(--lc-neon) 68%,transparent); color:#293205; } #navid-hero-sitzend .lc-steps::before { opacity:.35; } #navid-hero-sitzend .lc-detail { background:linear-gradient(125deg,#ffffffdc,#f2eef680); border-color:#35234014; backdrop-filter:blur(var(--lc-glass-blur)); } #navid-hero-sitzend .lc-offer { border-color:#35234018; } #navid-hero-sitzend .lc-close, #navid-hero-sitzend .lc-choice { background:#ffffff80; border-color:#35234026; } #navid-hero-sitzend .lc-choice[aria-pressed="true"] { background:linear-gradient(135deg,#ffffff2e,transparent 42%,#ffffff0d),color-mix(in srgb,var(--lc-neon) var(--lc-neon-opacity),transparent); color:#182000; } #navid-hero-sitzend { --lc-scene-top:180px; --lc-side-width:225px; } #navid-hero-sitzend .lc-hero { min-height:calc(var(--lc-scene-top) + var(--lc-scene-height)); } #navid-hero-sitzend .lc-copy { z-index:auto; } #navid-hero-sitzend .lc-eyebrow { position:relative; z-index:3; } #navid-hero-sitzend .lc-hero h1 { position:relative; z-index:1; } #navid-hero-sitzend .lc-heading-line { letter-spacing:-.035em; } #navid-hero-sitzend .lc-hero-message { position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,var(--lc-side-width)) minmax(0,1fr) minmax(0,var(--lc-side-width)); gap:20px; align-items:start; margin-top:18px; } #navid-hero-sitzend .lc-intro { grid-column:1; width:100%; margin:0; font-size:12px; line-height:1.85; } #navid-hero-sitzend .lc-actions { grid-column:3; min-width:0; } #navid-hero-sitzend .lc-actions .lc-cta { width:100%; justify-content:space-between; gap:12px; text-align:left; } #navid-hero-sitzend .lc-actions .lc-cta span { flex-shrink:0; } #navid-hero-sitzend .lc-actions .lc-secondary { width:100%; text-align:right; font-size:11px; } #navid-hero-sitzend .lc-scene { top:var(--lc-scene-top); } #navid-hero-sitzend .lc-person { left:calc(50% - var(--lc-person-width) * .5); right:auto; } #navid-hero-sitzend .lc-step { background:linear-gradient(130deg,#ffffffef,#ffffffe3 50%,#f1eaf5cf); box-shadow:inset 0 2px 2px #ffffff,0 12px 35px #2917370d; } #navid-hero-sitzend .lc-band-neon { color:#111805; } #navid-hero-sitzend .lc-cta, #navid-hero-sitzend .lc-navcontact, #navid-hero-sitzend .lc-choice, #navid-hero-sitzend .lc-close, #navid-hero-sitzend .lc-pause, #navid-hero-sitzend .lc-secondary, #navid-hero-sitzend .lc-navlink { border-radius:999px; } @media(min-width:960px) and (max-width:1099px) { #navid-hero-sitzend .lc-hero-message { margin-top:2px; } } @media(max-width:959px) { #navid-hero-sitzend .lc-hero { min-height:0; } #navid-hero-sitzend .lc-scene { top:auto; } #navid-hero-sitzend .lc-hero-message { display:block; margin-top:25px; } #navid-hero-sitzend .lc-intro { max-width:365px; font-size:13px; margin:0 0 26px; } #navid-hero-sitzend .lc-actions { max-width:300px; } #navid-hero-sitzend .lc-actions .lc-cta { width:auto; } #navid-hero-sitzend .lc-actions .lc-secondary { width:auto; font-size:12px; text-align:left; } #navid-hero-sitzend .lc-hero > .lc-art { width:calc(100% + 95px); height:430px; right:-58px; opacity:.8; } } html{scroll-behavior:smooth}body{margin:0;background:#25103c}a{color:inherit;text-decoration:none}button,a,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d8ff00;outline-offset:5px}#navid-hero-sitzend .lc-navlinks a{font:700 13px/1.3 Manrope,sans-serif}#navid-hero-sitzend .lc-cta{font:800 13px/1.3 Manrope,sans-serif}#navid-hero-sitzend .lc-page{min-height:100vh}