/*
Theme Name: GenussDepot Neon
Description: Individuelles responsives Theme für GenussDepot24 mit Kontaktformular, Social Media und Projektplaner.
Version: 3.5.0
Requires at least: 6.4
Requires PHP: 7.4
Author: GenussDepot
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genussdepot
*/
/* GenussDepot 3.0 – mobile-first refinement and WordPress shared styles. */
:root{--bg:#06080d;--panel:#0c1018;--surface:#141926;--text:#f6f7fb;--muted:#b2bac9;--line:#293242;--pink:#ff4de3;--cyan:#57e8ff;--violet:#ba8cff;--green:#b3f584;--orange:#ffbd73;--radius:14px;--max:1280px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}html{background:var(--bg)}body{margin:0;color:var(--text);background:transparent;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:.01em}h2{font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase}h3{font-size:1.3rem;letter-spacing:-.02em}em{font-style:normal;color:var(--pink)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.section{padding-block:90px}.panel{background:#0c1018b8}.muted{color:var(--muted)}.pink{color:var(--pink)}.cyan{color:var(--cyan)}.green{color:var(--green)}.orange{color:var(--orange)}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:700;color:var(--cyan);margin-bottom:22px}.fine{font-size:.8rem;color:var(--muted)}.visually-hidden,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:100;top:10px;left:10px;background:var(--cyan);color:#000;padding:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 23px;background:var(--pink);color:#200c1c;border:1px solid var(--pink);border-radius:7px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 28px #ff4de34a;background:#ff85ec}.button.secondary{background:#090d16cc;color:var(--text);border-color:#778195;box-shadow:none}.button:disabled{opacity:.6;cursor:wait;transform:none}.button.small{font-size:.85rem;padding:10px 16px}.text-link{font-size:.9rem;font-weight:700;color:var(--cyan);display:inline-flex;align-items:center;min-height:44px;gap:16px}.text-link:hover{color:var(--pink)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.header{position:sticky;top:0;z-index:30;background:#06080df5;border-bottom:1px solid #2d3444;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px;padding-inline:40px;max-width:1800px;margin-inline:auto}.header-wordmark,.brand{font-size:1.6rem;font-weight:800;letter-spacing:-.06em;white-space:nowrap;color:var(--pink);line-height:1.2;text-shadow:0 0 18px #ff00cc55}.header-wordmark span,.brand span{color:var(--cyan)}.header-wordmark sup,.brand sup{color:white;font-size:.62em;margin-left:2px}.brand small{display:block;font-size:.6rem;letter-spacing:.17em;color:var(--muted);margin-top:9px;text-shadow:none}nav{display:flex;gap:24px;align-items:center}nav a{font-size:.85rem;min-height:44px;display:flex;align-items:center}nav a:hover,nav a[aria-current]{color:var(--pink)}.open-badge{border:1px solid #4ab5c8;border-left-color:var(--pink);border-radius:30px;padding:6px 14px;font-size:.75rem;white-space:nowrap;letter-spacing:.09em;display:flex;align-items:center;gap:8px;color:var(--cyan)}.open-badge>span{font-size:1.4rem;color:white}.menu-toggle{display:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;min-height:44px;padding:9px 13px}.scroll-progress{height:2px;background:linear-gradient(90deg,var(--pink),var(--cyan));position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:35% 30% 35%;min-height:570px;overflow:hidden}.hero-logo{display:flex;align-items:center;min-width:0}.hero-logo img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,#000 75%,transparent)}.hero-content{z-index:2;align-self:center;padding:45px 0;margin-left:-10px}.hero h1{font-size:clamp(3.6rem,5.4vw,6rem);font-style:italic;line-height:.95;letter-spacing:-.015em;margin-bottom:26px}.hero h1 em{display:inline-block;background:linear-gradient(110deg,var(--pink) 30%,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}.hero-copy{font-size:.875rem;color:#d7dcea;line-height:1.7;letter-spacing:.04em}.hero-room{background:url('assets/arcade.webp') 80% center/cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero .actions{margin-top:24px}.hero .button{padding:12px 17px;font-size:.8rem}.hero-kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;display:block;margin-bottom:20px}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent)}
.mood-crop{background-image:url('assets/moodboard.webp');background-repeat:no-repeat;display:block}.services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.services article{text-align:center;padding:26px 18px;display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--line)}.services article:last-child{border:0}.service-icon{position:relative;display:block;width:84px;aspect-ratio:1;margin-bottom:14px}.services h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;text-transform:uppercase;font-size:1.2rem;letter-spacing:.025em;min-height:46px}.services p{font-size:.875rem;color:var(--muted);line-height:1.5}.services a{font-size:.8rem;color:var(--cyan);margin-top:auto;min-height:44px;display:flex;align-items:center}.lifestyle{display:none}#leistungen{padding:12px 0;border-block:1px solid var(--line)}#leistungen>.wrap{width:min(1440px,calc(100% - 40px))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;color:var(--muted);margin:0}.worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.world{position:relative;isolation:isolate;min-height:410px;border:1px solid #475065;border-radius:12px;overflow:hidden;display:flex;align-items:end;background:#05080a}.world-image{position:absolute;inset:0;z-index:-2;transition:filter .3s,transform .5s}.world:hover .world-image{transform:scale(1.025);filter:saturate(1.2)}.world>div{width:100%;padding:85px 25px 20px;background:linear-gradient(transparent,#06080def 50%)}.world .tag{font-size:.75rem;letter-spacing:.1em;color:var(--cyan)}.world h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:1.9rem;font-weight:400;letter-spacing:.02em;margin:14px 0}.world p{display:none}.world .text-link{font-size:.8rem}.products{margin-top:30px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-card{border:1px solid #3c4558;border-radius:10px;overflow:hidden;background:#0b0f17;transition:border-color .2s,transform .2s,box-shadow .2s}.product-card:hover{border-color:var(--pink);transform:translateY(-5px);box-shadow:0 6px 24px #ff00cc22}.product-image{width:100%}.product-card>div{padding:16px;position:relative}.product-card h3{font-size:1rem;margin:0 25px 8px 0}.product-card p{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0}.product-arrow{position:absolute;top:12px;right:12px;color:var(--cyan)}.products+.fine{margin:18px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px}.intro p{font-size:1.05rem}.gallery{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:220px 220px;gap:18px}.gallery-item{border:1px solid #4a4d5b;border-radius:12px;padding:0;background:var(--bg);position:relative;overflow:hidden;color:white;text-align:left}.gallery-item.large{grid-row:span 2}.gallery-item img{width:100%;height:100%;transition:transform .5s}.gallery-item:hover img{transform:scale(1.03)}.gallery-item>span{position:absolute;bottom:0;left:0;right:0;padding:55px 22px 20px;background:linear-gradient(transparent,#05080def);font-size:.9rem}.gallery-item b{float:right}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;padding:20px 0 0;margin:0}.steps li{border-top:1px solid #61537b;padding-top:22px}.steps span{font-size:2.5rem;color:var(--violet);font-weight:700}.steps h3{font-size:1.1rem;margin-top:22px}.steps p{color:var(--muted)}.benefits{padding:80px 0;border-block:1px solid var(--line)}.benefit-list article{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px}.benefit-list article>span{color:var(--green);font-size:1.5rem}.benefit-list h3{font-size:1.15rem;margin-bottom:8px}.benefit-list p{color:var(--muted);margin:0}.faqs details{border-bottom:1px solid var(--line)}summary{list-style:none;position:relative;cursor:pointer;padding:22px 32px 22px 0;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--pink);font-size:1.6rem;top:15px}details[open] summary:after{content:'−'}.faqs p{color:var(--muted);padding-right:20px}
.planner{background:radial-gradient(ellipse at 10% 0%,#41164355,transparent 60%),#10131e;border-block:1px solid #49415c}.planner-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.planner-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.planner-choice{border:1px solid #4b5063;border-radius:10px;background:#090d17;padding:19px;text-align:left;color:white;min-height:90px}.planner-choice small{display:block;margin-top:5px;color:var(--muted)}.planner-choice[aria-pressed=true]{border-color:var(--pink);background:#351c37;box-shadow:0 0 18px #ff00cc15}.planner-result{color:var(--cyan);min-height:54px;margin:22px 0}.planner h3{font-size:1.1rem}.social-section{border-top:1px solid var(--line)}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.social-note{color:var(--muted);font-size:.875rem;margin:22px 0 0}.contact{background:linear-gradient(110deg,#200c27ee,#060d16ed),url('assets/arcade.webp') center/cover;border-block:1px solid #423047}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact h2{font-size:clamp(3rem,4.8vw,4.6rem)}.contact-note{margin-top:30px;font-size:.9rem}.domain{color:var(--cyan);font-size:.95rem}.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}.form-intro{font-size:1.15rem;font-weight:700;margin-bottom:8px}form#contact-form{background:#0b101aeb;padding:30px;border:1px solid #594e69;border-radius:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.field{min-width:0}.full{grid-column:1/-1}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}label span{font-weight:400;color:var(--muted)}input:not([type=checkbox]),select,textarea{width:100%;padding:13px;background:#060a12;color:var(--text);border:1px solid #556076;border-radius:7px;min-height:49px;font-size:16px}textarea{min-height:140px;resize:vertical}textarea::placeholder{color:#969fb2}.error{display:block;color:#ffb6c7;font-size:.875rem;margin-top:7px}.error:empty{display:none}[aria-invalid=true]{border-color:#ff91ad!important}.consent{display:flex;align-items:start;gap:12px;margin-top:24px}.consent input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--pink);margin-top:4px}.consent label{font-weight:400;font-size:.875rem;line-height:1.6;color:#c4cbd8}.consent a{text-decoration:underline}.submit{width:100%;justify-content:space-between;margin-top:22px}.form-status{font-size:.95rem;color:var(--cyan);margin-bottom:0}.form-status:empty{display:none}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
footer{padding:50px 0 26px;background:#040609}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:30px}.footer-top p{font-size:.95rem}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.85rem}.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.mobile-dock{display:none}dialog{background:#0b101a;color:white;border:1px solid #647085;border-radius:13px;width:min(1000px,92vw);max-height:90vh;padding:20px}dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}dialog .close{display:block;margin:0 0 15px auto;min-height:44px;background:#171f30;color:white;border:1px solid #717c91;border-radius:7px;padding:9px 14px}dialog img{max-height:65vh;object-fit:contain;margin:auto}dialog p{margin:15px 0 0}.legal-page{max-width:850px;min-height:60vh}.legal-page h1{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:25px}.legal-page h2{font:700 1.35rem/1.4 Arial,sans-serif;text-transform:none;margin-top:34px}.legal-page a{text-decoration:underline;color:var(--cyan)}.legal-banner{padding:18px 22px;border:1px solid #b18649;background:#30241666;border-radius:10px;color:#ffdda7;margin-bottom:30px}.legal-page li{margin-bottom:10px}.wp-block-image img{height:auto}.page-content{overflow-wrap:anywhere}.entry-list article{padding-block:25px;border-bottom:1px solid var(--line)}body.admin-bar .header{top:32px}.menu-open{overflow:hidden}.reveal{transition:opacity .65s ease,transform .65s ease}.motion-on .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}.header-wordmark{animation:brand-glow 5s ease-in-out 2}@keyframes brand-glow{50%{text-shadow:0 0 22px #ff00cc88}}

@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav-wrap{padding-inline:24px}nav{gap:17px}.open-badge{display:none}.hero{grid-template-columns:34% 36% 30%;min-height:510px}.hero h1{font-size:4.5rem}.hero-content{margin-left:0}.services article{padding:22px 12px}.split,.contact-grid{gap:40px}.worlds{gap:14px}.world>div{padding-inline:18px}.world h3{font-size:1.6rem}.product-card>div{padding:13px}.planner-layout{gap:35px}.footer-top{flex-wrap:wrap}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.nav-wrap{min-height:76px;flex-wrap:wrap;gap:0;padding-inline:24px}.menu-toggle:not([hidden]){display:block}.nav-wrap nav{width:100%;flex-wrap:wrap;padding-bottom:15px}.js .nav-wrap nav{display:none}.js .nav-wrap nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#0a0f19;border-bottom:1px solid #455068;padding:18px 24px 24px;max-height:calc(100dvh - 80px);overflow:auto}.nav-wrap nav.open a{flex:1 0 40%;padding:14px;border-bottom:1px solid #253042;font-size:1rem}.hero{grid-template-columns:43% 57%;min-height:470px}.hero-content{padding:40px 26px 40px 0}.hero h1{font-size:4.7rem}.hero-room{position:absolute;inset:0;z-index:-2;opacity:.18;mask-image:none}.hero-logo img{object-fit:contain;height:auto}.hero-logo{background:linear-gradient(90deg,#06080d22,#06080d88)}.services{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.services article{border:1px solid var(--line);border-radius:12px;background:#0c111a}.services article:last-child{border:1px solid var(--line)}#leistungen{padding:22px 0}.services h3{min-height:0}.services p{margin-bottom:8px}.services a{font-size:.875rem}.worlds{grid-template-columns:1fr}.world{min-height:300px}.world>div{padding:50px 30px 22px;background:linear-gradient(90deg,#04070dea,transparent);max-width:65%}.world p{display:block;color:var(--muted)}.world h3{font-size:2rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{display:block}.section-heading>p{max-width:600px;margin-top:20px}.steps{grid-template-columns:repeat(2,1fr)}.planner-layout,.contact-grid{grid-template-columns:1fr}.contact h2 br{display:none}.contact h2 br:after{content:' '}.social-grid{grid-template-columns:repeat(2,1fr)}.section{padding-block:66px}.footer-bottom{flex-direction:column;gap:6px}body.admin-bar .header{top:32px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.nav-wrap{min-height:70px;padding-inline:18px}.header-wordmark{font-size:1.4rem}.hero{display:flex;flex-direction:column;min-height:0;padding:0 22px 26px;isolation:isolate;align-items:stretch}.hero-logo{position:absolute;top:25px;right:-15px;width:175px;height:175px;z-index:-1;opacity:.38;background:none}.hero-logo img{height:100%;width:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 30%)}.hero-content{padding:45px 0 28px;align-self:stretch;min-width:0}.hero-kicker{font-size:.75rem;margin-bottom:24px;max-width:210px}.hero h1{font-size:clamp(3.65rem,15vw,5.5rem);line-height:.96;margin-bottom:25px;max-width:100%;letter-spacing:.005em}.hero-copy{font-size:.875rem;letter-spacing:.025em}.hero .actions{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.hero .button{font-size:.8rem;padding:13px 10px;min-height:49px}.hero-room{position:relative;inset:auto;opacity:1;z-index:0;width:100%;height:auto;aspect-ratio:16/8;border:1px solid #634571;border-radius:12px;background-position:85% 50%;mask-image:none}.hero-room:after{content:'KIOSK. AUTOMATEN. ARCADE.';position:absolute;left:13px;bottom:12px;font-size:.65rem;letter-spacing:.1em;text-shadow:0 2px 4px black}#leistungen>.wrap{width:calc(100% - 36px)}.services{grid-template-columns:1fr;gap:10px}.services article{display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto auto;text-align:left;padding:15px 18px;column-gap:15px;align-items:center}.service-icon{width:62px;grid-row:1/4;margin:0}.services h3{font:700 1rem/1.3 Arial,sans-serif;text-transform:none;letter-spacing:-.015em;margin:0 0 5px}.services h3 br{display:none}.services p{margin:0;font-size:.875rem;max-width:none}.services a{grid-column:2;font-size:.8rem;min-height:36px;margin:0;padding-top:3px}.section{padding-block:52px}h2{font-size:2.25rem;line-height:1.08}.eyebrow{font-size:.72rem;margin-bottom:18px}.worlds{gap:18px}.world{min-height:350px}.world>div{max-width:100%;padding:75px 22px 22px;background:linear-gradient(transparent,#05080df5 45%)}.world h3{font-size:1.9rem}.world p{display:block;font-size:.9rem;margin-bottom:8px}.world .text-link{font-size:.875rem}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.product-card p{font-size:.8rem}.product-card h3{font-size:1rem}.product-card>div{padding:15px 12px}.product-card:last-child .product-image{height:100%;min-height:115px}.split{grid-template-columns:1fr;gap:22px}.intro p{font-size:1rem}.gallery{grid-template-columns:1fr;grid-template-rows:290px 220px 220px}.gallery-item.large{grid-row:auto}.steps{grid-template-columns:1fr;gap:23px}.steps li{display:grid;grid-template-columns:46px 1fr;column-gap:16px;padding-top:18px}.steps span{grid-row:1/3;font-size:2rem}.steps h3{margin:5px 0 9px}.steps p{margin:0;font-size:.95rem}.benefits{padding-block:52px}.benefit-list article:last-child{margin-bottom:0}.planner-layout{gap:24px}.planner-options{gap:10px}.planner-choice{padding:15px 12px;font-size:.95rem}.planner-choice small{font-size:.8rem}.planner-result{margin:18px 0;font-size:.95rem}.social-grid{grid-template-columns:1fr 1fr;gap:10px}.contact-grid{gap:28px}.contact h2{font-size:2.6rem}.contact h2 br{display:block}.contact h2 br:nth-child(2){display:none}.contact h2 br:nth-child(2):after{content:' '}.contact-note{margin-top:20px}form#contact-form{padding:24px 18px;border-radius:12px;margin-inline:-4px}.form-grid{grid-template-columns:1fr;gap:18px}.full{grid-column:auto}.consent label{font-size:.85rem}.footer-top{display:grid;gap:22px}.footer-top nav{flex-wrap:wrap;gap:12px 25px}.footer-bottom>div{gap:8px 20px}.footer-top p{margin:0}footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.mobile-dock{display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:25;background:#111824ee;backdrop-filter:blur(15px);border:1px solid #506175;border-radius:12px;padding:6px;gap:6px;box-shadow:0 8px 25px #0009;transition:transform .25s}.mobile-dock a{flex:1;min-height:44px;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:.85rem;font-weight:700}.mobile-dock a:last-child{background:var(--pink);color:#260e21}.mobile-dock.is-hidden{transform:translateY(150%)}.menu-open .mobile-dock{display:none}.legal-page h1{font-size:2.8rem}.legal-banner{padding:16px;font-size:.95rem}body.admin-bar .header{top:46px}.social-section .section-heading>p{font-size:.95rem}}
@media(max-width:360px){.hero{padding-inline:18px}.hero h1{font-size:3.35rem}.hero .actions{grid-template-columns:1fr}.product-card:last-child{display:block}.social-grid{grid-template-columns:1fr}.planner-options{grid-template-columns:1fr}.footer-bottom>div{gap:3px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-on .reveal:not(.is-visible){opacity:1;transform:none}}

.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb a{color:var(--cyan)}.breadcrumb a:hover{color:var(--pink)}
.seo-text{padding-block:40px}.seo-text .intro{max-width:900px}.seo-text p{color:var(--muted);font-size:.95rem;line-height:1.7}

.whatsapp-fab{position:fixed;right:20px;bottom:20px;z-index:26;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#04140c;padding:12px;border-radius:999px;box-shadow:0 8px 24px #0007;transition:transform .2s,box-shadow .2s}.whatsapp-fab svg{width:28px;height:28px;flex:0 0 28px}.whatsapp-fab .wa-label{font-weight:700;font-size:.9rem;padding-right:4px;white-space:nowrap;color:#04140c}.whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0009}.back-to-top{position:fixed;left:20px;bottom:20px;z-index:26;width:46px;height:46px;border-radius:50%;background:#111824ee;border:1px solid #506175;color:var(--cyan);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 8px 20px #0006;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s,border-color .2s,color .2s}.back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.back-to-top:hover{color:var(--pink);border-color:var(--pink)}.back-to-top svg{width:20px;height:20px}@media(max-width:900px){.whatsapp-fab{bottom:calc(78px + env(safe-area-inset-bottom))}.back-to-top{bottom:calc(78px + env(safe-area-inset-bottom))}}@media(max-width:480px){.whatsapp-fab .wa-label{display:none}.whatsapp-fab{padding:14px}}.motion-on .whatsapp-fab,.motion-on .back-to-top{transition:opacity .25s,transform .25s,border-color .2s,color .2s,box-shadow .2s}

.cf7-wrap{background:#0b101aeb;padding:30px;border:1px solid #594e69;border-radius:14px}.cf7-wrap .wpcf7-form-control-wrap{display:block;margin-top:8px}.cf7-wrap p{margin-bottom:18px}.cf7-wrap input[type=submit],.cf7-wrap .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 23px;background:var(--pink);color:#200c1c;border:1px solid var(--pink);border-radius:7px;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:10px}.cf7-wrap input[type=submit]:hover,.cf7-wrap .wpcf7-submit:hover{transform:translateY(-3px);box-shadow:0 5px 28px #ff4de34a;background:#ff85ec}.cf7-wrap .wpcf7-not-valid-tip{color:#ffb6c7;font-size:.875rem;margin-top:6px;display:block}.cf7-wrap .wpcf7-response-output{border-radius:7px;margin-top:18px;font-size:.9rem}

/* =====================================================================
   GenussDepot 3.5 – Neon-Upgrade
   Intro-Gate · Vollbild-Hero · Neon-Hintergrund · Ribbons · Social-Slider
   Scroll-Animationen · Tilt · Cursor-Glow
   Alle Bewegungen respektieren die Systemeinstellung „Bewegung reduzieren“.
   ===================================================================== */
@property --gd-angle{syntax:'<angle>';inherits:false;initial-value:0deg}

/* ---------- Seitenweiter Neon-Hintergrund ---------- */
.gd-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1100px 620px at 50% -10%,#2b0c43 0%,transparent 62%),radial-gradient(900px 520px at 100% 105%,#082a3b 0%,transparent 62%),#05060b}
.gd-bg-grid{position:absolute;inset:-60px;background-image:linear-gradient(#57e8ff17 1px,transparent 1px),linear-gradient(90deg,#57e8ff17 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 22%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 80% 60% at 50% 22%,#000 15%,transparent 72%)}
.gd-bg-floor{position:absolute;left:-50%;right:-50%;top:66vh;height:110vh;transform:perspective(300px) rotateX(62deg);transform-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%);opacity:.34}
.gd-bg-floor>span{position:absolute;inset:-90px 0 0;background-image:linear-gradient(#ff4de3 2px,transparent 2px),linear-gradient(90deg,#b86bff 2px,transparent 2px);background-size:90px 90px;opacity:.5}
.gd-orb{position:absolute;width:52vmax;height:52vmax;border-radius:50%;background:radial-gradient(circle,var(--c) 0%,transparent 62%);opacity:.3;mix-blend-mode:screen}
.gd-orb.o1{--c:#ff2bd6;left:-18vmax;top:-16vmax}
.gd-orb.o2{--c:#1fd6ff;right:-22vmax;top:16vh;opacity:.24}
.gd-orb.o3{--c:#8a3dff;left:18vw;bottom:-28vmax}
.gd-orb.o4{--c:#39ff88;right:6vw;bottom:-30vmax;width:38vmax;height:38vmax;opacity:.12}
.gd-bg-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 3px,#0000004d 3px 4px);opacity:.45}
.gd-spot{position:absolute;left:0;top:0;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;background:radial-gradient(circle,#ff4de32b 0%,#57e8ff17 34%,transparent 66%);opacity:0;transition:opacity .6s}
.has-spot .gd-spot{opacity:1}

/* Sektionen durchlässig machen, damit der Hintergrund überall wirkt */
.header{background:#06080dd9}
footer{background:#040609d9}
.planner{background:radial-gradient(ellipse at 10% 0%,#41164366,transparent 60%),#10131ecc}
.benefits,.social-section{background:transparent}

/* ---------- Header: auf der Startseite transparent über dem Vollbild-Hero ---------- */
.home .header{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .35s,border-color .35s,backdrop-filter .35s}
.home .header.is-scrolled,.home.menu-open .header{background:#06080de6;border-bottom-color:#2d3444;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-wordmark{transition:transform .3s}
.header-wordmark:hover{transform:scale(1.04)}
nav#navigation a{position:relative}
nav#navigation a:after{content:'';position:absolute;left:0;right:0;bottom:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 10px var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
nav#navigation a:hover:after{transform:scaleX(1)}

/* ---------- Vollbild-Hero ---------- */
.hero{width:100%;min-height:max(680px,100svh);padding-top:calc(108px + var(--wp-admin--admin-bar--height,0px));background:transparent}
@media(min-width:901px){.hero{padding-top:0}.hero .hero-content{padding-top:calc(118px + var(--wp-admin--admin-bar--height,0px))}}
@media(min-width:901px){.hero{grid-template-columns:34% 32% 34%}.hero-logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:2vh 0 2vh 2vw}.hero-content{position:relative;z-index:3;align-self:center;padding:30px 0 60px;margin-left:-10px}.hero-room{position:relative;z-index:1;background:url('assets/arcade.webp') 72% center/cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.hero-room:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05060bee 0%,transparent 30%),linear-gradient(90deg,#05060b 0,transparent 25%)}.hero-logo img{width:min(100%,78vh);max-width:680px;height:auto;aspect-ratio:1}}
.hero:after{z-index:4}
.hero-fx{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-fx:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 45% 55% at 20% 52%,#8a1fb866,transparent 70%),radial-gradient(ellipse 40% 55% at 88% 45%,#0f6f8a55,transparent 70%),linear-gradient(180deg,#05060b00 60%,#05060bcc)}
.hero-floor{position:absolute;left:-45%;right:-45%;top:80%;opacity:.55;height:90%;transform:perspective(260px) rotateX(60deg);transform-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%)}
.hero-floor>span{position:absolute;inset:-72px 0 0;background-image:linear-gradient(#ff4de3 3px,transparent 3px),linear-gradient(90deg,#57e8ff 2px,transparent 2px);background-size:72px 72px;opacity:.6}
.hero-fx:after{content:'';position:absolute;left:0;right:0;top:80%;height:2px;background:linear-gradient(90deg,transparent,#ff4de3 25%,#57e8ff 75%,transparent);box-shadow:0 0 24px 4px #ff4de355;opacity:.7}
.hero-beam{position:absolute;top:-25%;width:22vw;height:150%;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform-origin:50% 0;mix-blend-mode:screen;opacity:.42;filter:blur(10px)}
.hero-beam.b1{left:12%;background:linear-gradient(180deg,#ff4de3,transparent 72%)}
.hero-beam.b2{left:46%;background:linear-gradient(180deg,#57e8ff,transparent 72%);opacity:.3}
.hero-beam.b3{left:74%;background:linear-gradient(180deg,#b86bff,transparent 72%)}
.hero-sparks{position:absolute;inset:0;width:100%;height:100%}
.hero-logo:before{content:'';position:absolute;inset:18% 12%;border-radius:50%;background:radial-gradient(circle,#ff2bd666,#8a3dff33 45%,transparent 70%);filter:blur(30px);z-index:-1}
.hero-logo img{object-fit:cover;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 47%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,#000 47%,transparent 70%);mix-blend-mode:screen;filter:saturate(1.15) brightness(1.08)}
.hero-kicker{display:inline-flex;align-items:center;gap:10px}
.hero-kicker .live-dot{margin:0;box-shadow:0 0 0 0 #b3f584aa}
.hero h1.hero-title{font-size:clamp(3.8rem,6.3vw,7.6rem);line-height:.9;margin:0 0 30px}
.hero-title .hl{display:block;overflow:hidden;padding:.02em .16em .06em 0;margin-right:-.16em}
.hero-title .hl>span{position:relative;display:inline-block}
.hero-title .hl>span:before,.hero-title .hl>span:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}
.hero-title .hl>span:before{color:var(--cyan);transform:translate(-3px,0);clip-path:inset(20% 0 55% 0)}
.hero-title .hl>span:after{color:var(--pink);transform:translate(3px,0);clip-path:inset(60% 0 10% 0)}
.hero h1.hero-title em{display:inline-block;background:linear-gradient(100deg,var(--pink) 0%,#ff9cf0 25%,var(--cyan) 50%,var(--pink) 75%,#ff9cf0 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.hero-copy{font-size:.95rem}
.hero .actions{margin-top:30px}
@media(min-width:901px){.hero .button{padding:15px 22px;font-size:.85rem}}
.hero-badge{position:absolute;right:clamp(24px,4vw,72px);bottom:clamp(40px,9vh,110px);z-index:5;width:152px;height:152px;display:grid;place-items:center}
.hero-badge svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-badge text{font:700 15px Arial,Helvetica,sans-serif;letter-spacing:.14em;fill:#f6f7fb}
.hero-badge>span{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#ff8af0,#ff2bd6 45%,#7a1fd1);font:italic 400 1.9rem/1 Impact,'Arial Narrow',Arial,sans-serif;color:#fff;box-shadow:0 0 34px #ff2bd6aa,inset 0 0 18px #ffffff55;text-shadow:0 2px 8px #0006}
.hero-badge small{font-size:.8em;margin:0 1px}
.scroll-cue{position:absolute;left:50%;bottom:26px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#cfd5e3}
.mouse{width:24px;height:38px;border:2px solid #cfd5e3aa;border-radius:14px;display:flex;justify-content:center;padding-top:6px}
.mouse>span{width:4px;height:8px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

/* ---------- Leistungs-Icons (Moodboard) ohne schwarzen Kasten ---------- */
.services article{position:relative;transition:background .35s,transform .35s}
.services article:before{content:'';position:absolute;left:18%;right:18%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent);opacity:0;transition:opacity .35s}
.services article:hover{background:linear-gradient(180deg,#ff4de312,transparent 70%)}
.services article:hover:before{opacity:1}
.service-icon{position:relative;display:block;width:88px;aspect-ratio:90/87;margin:0 auto 14px}
.service-icon:before{content:'';position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 66%);opacity:.22;filter:blur(10px)}
.service-icon .mood-crop{position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 56%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,#000 56%,transparent 70%);mix-blend-mode:screen;filter:saturate(1.35) brightness(1.15);transition:transform .5s cubic-bezier(.2,1.5,.4,1),filter .35s}
.services article:hover .mood-crop{transform:translateY(-6px) scale(1.12) rotate(-5deg);filter:saturate(1.7) brightness(1.45)}
.services article:hover .service-icon:before{opacity:.55}

/* ---------- Neon-Ribbons (Laufband) ---------- */
.ribbons{position:relative;height:210px;overflow:hidden;z-index:2;pointer-events:none;margin:-6px 0}
.ribbon{position:absolute;left:-6%;right:-6%;top:50%;height:66px;display:flex;align-items:center;overflow:hidden}
.ribbon.r1{transform:translateY(-50%) rotate(-3.4deg);background:linear-gradient(90deg,#ff4de3,#b86bff 50%,#57e8ff);color:#0a0612;box-shadow:0 0 44px #ff4de366,0 0 0 1px #ffffff33 inset;z-index:2}
.ribbon.r2{transform:translateY(-50%) rotate(2.8deg);background:#07090fe8;border-block:2px solid #57e8ff;color:transparent;-webkit-text-stroke:1.3px #57e8ff;box-shadow:0 0 34px #57e8ff44}
.ribbon-track{display:flex;width:max-content}
.ribbon-track>span{font:italic 400 2.2rem/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.05em;white-space:pre;padding-top:2px}

/* ---------- Welten-Karten: echte Fotos + laufender Neonrahmen ---------- */
.world-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:filter .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
.world{border-color:transparent}
.world:before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--gd-angle),#ff4de3,#57e8ff,#b86bff,#39ff88,#ff4de3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .3s;pointer-events:none}
.world:hover:before{opacity:1}
.world:hover .world-image{transform:scale(1.06);filter:saturate(1.25) brightness(1.08)}
.product-card{position:relative}

/* ---------- Tilt + Glanz ---------- */
.tilt{transform-style:preserve-3d;will-change:transform}
.tilt:hover{transition-property:transform,box-shadow,border-color;transition-duration:.14s,.3s,.3s;transition-delay:0s}
.tilt-glare{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#ffffff38,transparent 55%);opacity:0;transition:opacity .3s;mix-blend-mode:overlay}
.tilt:hover .tilt-glare{opacity:1}

/* ---------- Buttons: Glanz-Sweep ---------- */
.button{position:relative;overflow:hidden;isolation:isolate}
.button:after{content:'';position:absolute;top:-10%;bottom:-10%;left:-70%;width:45%;background:linear-gradient(100deg,transparent,#ffffffa0,transparent);transform:skewX(-20deg);transition:left .7s cubic-bezier(.2,.8,.2,1);z-index:-1;pointer-events:none}
.button.secondary:after{background:linear-gradient(100deg,transparent,#57e8ff55,transparent)}
.button:hover:after{left:130%}
.magnet{transition:translate .3s cubic-bezier(.2,.8,.2,1),transform .2s,box-shadow .2s,background .2s}

/* ---------- Social-Media-Slider (endlos, rechts → links) ---------- */
.social-section{border-top:0;overflow:hidden}
.social-section .section-heading{margin-bottom:10px}
.social-marquee{position:relative;overflow:hidden;padding:30px 0 40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.social-track{display:flex;width:max-content}
.social-marquee:hover .social-track,.social-marquee:focus-within .social-track{animation-play-state:paused}
.social-row{display:flex;gap:22px;list-style:none;margin:0;padding:0 11px}
.social-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;width:330px;min-height:104px;padding:20px 22px;border-radius:20px;background:linear-gradient(160deg,#161c2bdd,#0a0d15ee);border:1px solid #2c3446;transition:transform .45s cubic-bezier(.2,1.3,.4,1),box-shadow .4s,border-color .4s}
.social-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 50%,var(--glow),transparent 60%);opacity:.12;transition:opacity .4s}
.social-card:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff2e,transparent);transform:skewX(-18deg);transition:left .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.social-card:hover,.social-card:focus-visible{transform:translateY(-10px) scale(1.04);border-color:var(--glow);box-shadow:0 22px 50px -14px var(--glow),0 0 0 1px var(--glow) inset}
.social-card:hover:before{opacity:.32}
.social-card:hover:after{left:130%}
.social-icon{flex:0 0 62px;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:var(--brand);color:var(--ink);box-shadow:0 10px 26px -8px var(--glow),inset 0 0 0 1px #ffffff26;transition:transform .5s cubic-bezier(.2,1.5,.4,1)}
.social-card:hover .social-icon{transform:rotate(-10deg) scale(1.12)}
.social-icon svg{width:30px;height:30px}
.social-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.social-text strong{font-size:1.15rem;letter-spacing:-.01em}
.social-text small{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-cta{margin-left:auto;padding:6px 10px;border-radius:30px;border:1px solid color-mix(in srgb,var(--glow) 60%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--glow);white-space:nowrap}
.social-card.pending{opacity:.72}
.social-card.pending .social-cta{border-style:dashed;color:var(--muted);border-color:#4b5366}

/* ---------- Scroll-Reveals ---------- */
.reveal{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;transition-delay:var(--rd,0s)}
.motion-on .reveal:not(.is-visible){opacity:0;transform:translateY(46px)}
.motion-on .reveal.r-zoom:not(.is-visible){transform:scale(.9)}
.motion-on .reveal.r-left:not(.is-visible){transform:translateX(-70px)}
.motion-on .reveal.r-right:not(.is-visible){transform:translateX(70px)}
.motion-on h2.reveal:not(.is-visible){opacity:0;transform:translateY(44px) skewY(3deg);filter:blur(12px) brightness(2)}
.eyebrow{position:relative}
.steps span{text-shadow:0 0 18px #ba8cff88}

/* ---------- Cursor-Glow (nur Maus) ---------- */
.gd-cursor,.gd-cursor-dot{position:fixed;left:0;top:0;z-index:9990;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .3s}
.gd-cursor{width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid #ff4de3;box-shadow:0 0 16px #ff4de3aa,inset 0 0 12px #57e8ff55;transition:opacity .3s,width .3s,height .3s,margin .3s,border-color .3s,background .3s}
.gd-cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#57e8ff;box-shadow:0 0 10px #57e8ff}
.cursor-on .gd-cursor,.cursor-on .gd-cursor-dot{opacity:1}
.gd-cursor.is-hover{width:66px;height:66px;margin:-33px 0 0 -33px;border-color:#57e8ff;background:#57e8ff14}

/* ---------- Intro-Gate (bleibt bis Scroll / Klick / Taste) ---------- */
.intro-gate{display:none}
.js .intro-gate{display:block;position:fixed;inset:0;z-index:100000;background:#020308;color:#fff;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}
html.intro-active,html.intro-active body{overflow:hidden}
.ig-screen{position:absolute;inset:0;display:grid;place-items:center;transform-origin:50% 50%;overflow:hidden}
.ig-fx{position:absolute;inset:0;overflow:hidden}
.ig-sky{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,#3b0f5a 0%,#14071f 46%,#020308 78%)}
.ig-sun{position:absolute;left:50%;top:47%;width:min(62vh,64vw);aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ffd36e 0%,#ff6aa2 42%,#c23cff 78%,#6a1bff 100%);-webkit-mask-image:linear-gradient(#000 0 52%,transparent 52%),repeating-linear-gradient(180deg,#000 0 13px,transparent 13px 21px);mask-image:linear-gradient(#000 0 52%,transparent 52%),repeating-linear-gradient(180deg,#000 0 13px,transparent 13px 21px);opacity:.42;transform:translate(-50%,-50%)}
.ig-floor{position:absolute;left:-50%;right:-50%;top:60%;opacity:.72;height:120%;transform:perspective(220px) rotateX(58deg);transform-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%)}
.ig-floor>span{position:absolute;inset:-64px 0 0;background-image:linear-gradient(#ff4de3 3px,transparent 3px),linear-gradient(90deg,#57e8ff 3px,transparent 3px);background-size:64px 64px}
.ig-fx:after{content:'';position:absolute;left:0;right:0;top:60%;height:2px;background:linear-gradient(90deg,transparent,#ff4de3 20%,#fff 50%,#57e8ff 80%,transparent);box-shadow:0 0 30px 6px #ff4de366}
.ig-orb{position:absolute;width:46vmax;height:46vmax;border-radius:50%;mix-blend-mode:screen;opacity:.35}
.ig-orb.a{left:-18vmax;top:-12vmax;background:radial-gradient(circle,#ff2bd6,transparent 62%)}
.ig-orb.b{right:-18vmax;top:10vh;background:radial-gradient(circle,#1fd6ff,transparent 62%);opacity:.25}
.ig-orb.c{left:30vw;bottom:-30vmax;background:radial-gradient(circle,#8a3dff,transparent 62%)}
.ig-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 2px,#00000073 2px 4px);opacity:.55}
.ig-scan:after{content:'';position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,#ffffff0d 50%,transparent)}
.ig-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,#000000cc 100%);box-shadow:inset 0 0 160px #000}
.ig-hud{position:absolute;inset:0;z-index:3;pointer-events:none;font:700 clamp(.62rem,1.1vw,.8rem)/1 'Courier New',Courier,monospace;letter-spacing:.24em;text-transform:uppercase}
.ig-hud span{position:absolute}
.ig-hud .tl{left:clamp(16px,3vw,40px);top:clamp(18px,3.5vh,40px);color:#ff4de3;text-shadow:0 0 10px #ff4de3}
.ig-hud .tr{right:clamp(16px,3vw,40px);top:clamp(18px,3.5vh,40px);color:#57e8ff;text-shadow:0 0 10px #57e8ff}
.ig-hud .bl{left:clamp(16px,3vw,40px);bottom:clamp(18px,3.5vh,40px);color:#ffd36e;text-shadow:0 0 10px #ffbd3f}
.ig-hud .br{right:clamp(16px,3vw,40px);bottom:clamp(18px,3.5vh,40px);color:#8b93a7}
.ig-stage{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}
.ig-logo{position:relative;width:min(58vh,80vw,560px);aspect-ratio:1;margin-top:-5vh}
.ig-logo img{position:relative;width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 44%,transparent 67%);mask-image:radial-gradient(circle at 50% 50%,#000 44%,transparent 67%);mix-blend-mode:screen}
.ig-ring{position:absolute;inset:16%;border-radius:50%;box-shadow:0 0 90px 12px #ff2bd644,inset 0 0 70px #57e8ff22}
.ig-logo:after{content:'';position:absolute;inset:22%;border:2px solid #ff4de3;border-radius:50%;opacity:0;box-shadow:0 0 24px #ff4de3,inset 0 0 24px #57e8ff}
.ig-tag{min-height:1.5em;margin:-2vh 0 28px;padding:4px 14px;border-radius:6px;background:#020308a6;font:700 clamp(.78rem,1.6vw,1.05rem)/1.5 'Courier New',Courier,monospace;letter-spacing:.38em;color:#57e8ff;text-shadow:0 0 12px #57e8ff}
.ig-start{position:relative;font:700 clamp(1rem,2.3vw,1.4rem)/1 'Courier New',Courier,monospace;letter-spacing:.32em;color:#fff;background:#ff4de314;border:2px solid #ff4de3;border-radius:8px;padding:17px 22px 17px 30px;box-shadow:0 0 20px #ff4de3aa,inset 0 0 20px #ff4de355;text-shadow:0 0 10px #ff4de3;cursor:pointer}
.ig-start:hover{background:#ff4de333}
.ig-start:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}
.ig-hint{display:flex;align-items:center;gap:12px;margin:22px 0 0;padding:8px 16px;border-radius:30px;background:#020308b3;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#b9c1d3}
.ig-mouse{width:20px;height:32px;border:2px solid #b9c1d3aa;border-radius:12px;display:flex;justify-content:center;padding-top:5px}
.ig-mouse>span{width:3px;height:7px;border-radius:2px;background:#ff4de3;box-shadow:0 0 8px #ff4de3}
.intro-gate.is-leaving{background:transparent;pointer-events:none}
.intro-gate.is-leaving:after{content:'';position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1px;background:#fff;box-shadow:0 0 30px 8px #ff4de3,0 0 70px 24px #57e8ff88}

/* ---------- Bewegung (nur wenn nicht reduziert) ---------- */
@media (prefers-reduced-motion:no-preference){
 .gd-bg-grid{animation:gdGridPan 16s linear infinite}
 .gd-bg-floor>span{animation:gdFloor 3.2s linear infinite}
 .gd-orb.o1{animation:gdOrb1 26s ease-in-out infinite alternate}
 .gd-orb.o2{animation:gdOrb2 32s ease-in-out infinite alternate}
 .gd-orb.o3{animation:gdOrb3 28s ease-in-out infinite alternate}
 .gd-orb.o4{animation:gdOrb1 36s ease-in-out infinite alternate-reverse}
 .hero-floor>span{animation:gdFloorHero 1.5s linear infinite}
 .hero-beam.b1{animation:gdBeam 9s ease-in-out infinite alternate}
 .hero-beam.b2{animation:gdBeam 12s ease-in-out -4s infinite alternate-reverse}
 .hero-beam.b3{animation:gdBeam 10s ease-in-out -7s infinite alternate}
 .hero-logo img{animation:gdLogoIn 1.6s steps(1,end) .15s both,gdFloat 6s ease-in-out 1.8s infinite,gdBreath 4s ease-in-out 1.8s infinite}
 .hero-kicker{animation:gdFadeUp .8s cubic-bezier(.2,.8,.2,1) .1s both}
 .hero-kicker .live-dot{animation:gdPing 2s ease-out infinite}
 .hero-title .hl>span,.hero-title .hl>em{transform:translateY(110%);animation:gdLineUp 1s cubic-bezier(.2,.85,.2,1) forwards;animation-delay:calc(.3s + var(--i)*.13s)}
 .hero-title .hl>span:before{animation:gdGlitchA 7s steps(1,end) calc(2.4s + var(--i)*1.1s) infinite}
 .hero-title .hl>span:after{animation:gdGlitchB 7s steps(1,end) calc(2.4s + var(--i)*1.1s) infinite}
 .hero h1.hero-title em{animation:gdLineUp 1s cubic-bezier(.2,.85,.2,1) forwards,gdShimmer 5s linear 1.6s infinite;animation-delay:calc(.3s + var(--i)*.13s),1.6s}
 .hero-copy{animation:gdFadeUp .9s cubic-bezier(.2,.8,.2,1) .95s both}
 .hero .actions{animation:gdFadeUp .9s cubic-bezier(.2,.8,.2,1) 1.1s both}
 .hero .button:not(.secondary){animation:gdBtnPulse 2.6s ease-in-out 2.4s infinite}
 .hero-room{clip-path:inset(0 0 0 100%);animation:gdWipeIn 1.3s cubic-bezier(.75,0,.2,1) .45s forwards}
 .hero-badge{animation:gdPop .9s cubic-bezier(.2,1.5,.4,1) 1.35s both}
 .hero-badge svg{animation:gdSpin 18s linear infinite}
 .scroll-cue{animation:gdFadeUp .8s ease 1.8s both}
 .mouse>span{animation:gdWheel 1.8s ease-in-out infinite}
 .intro-active .hero,.intro-active .hero *,.intro-active .hero *:before,.intro-active .hero *:after{animation-play-state:paused!important}
 .ribbon-track{animation:gdTicker 40s linear infinite}
 .ribbon.r2 .ribbon-track{animation-direction:reverse;animation-duration:50s}
 .social-track{animation:gdTicker var(--speed,50s) linear infinite}
 .world:before{animation:gdSpinAngle 6s linear infinite}
 .service-icon:before{animation:gdBreath 3.6s ease-in-out infinite}
 .services article:nth-child(2) .service-icon:before{animation-delay:-.7s}
 .services article:nth-child(3) .service-icon:before{animation-delay:-1.4s}
 .services article:nth-child(4) .service-icon:before{animation-delay:-2.1s}
 .services article:nth-child(5) .service-icon:before{animation-delay:-2.8s}
 h2.is-lit{animation:gdH2Lit 1.6s ease both}
 /* Intro-Gate */
 .ig-sun{animation:gdSunRise 2s cubic-bezier(.2,.8,.2,1) .2s both}
 .ig-floor{animation:gdFadeIn 1.2s ease both}
 .ig-floor>span{animation:gdFloorIG .85s linear infinite}
 .ig-orb.a{animation:gdOrb1 18s ease-in-out infinite alternate}
 .ig-orb.b{animation:gdOrb2 22s ease-in-out infinite alternate}
 .ig-orb.c{animation:gdOrb3 20s ease-in-out infinite alternate}
 .ig-scan:after{animation:gdRoll 5.5s linear infinite}
 .ig-hud span{animation:gdFadeIn .6s ease 1.9s both}
 .ig-hud .bl{animation:gdFadeIn .6s ease 1.9s both,gdBlink 1.2s steps(1,end) 2.6s infinite}
 .ig-logo img{animation:gdIgnite 1.8s steps(1,end) .5s both,gdBreath 4s ease-in-out 2.4s infinite}
 .ig-ring{animation:gdFadeIn 1s ease 1.3s both,gdRing 3.2s ease-in-out 2.3s infinite}
 .ig-logo:after{animation:gdShock 1.3s ease-out 1.25s both}
 .ig-tag{animation:gdFadeIn .3s ease 1.45s both}
 .ig-start{animation:gdFadeUp .7s cubic-bezier(.2,.8,.2,1) 2.5s both,gdBlink 1.1s steps(1,end) 3.4s infinite}
 .ig-start:hover,.ig-start:focus-visible{animation:gdFadeUp .7s cubic-bezier(.2,.8,.2,1) 2.5s both}
 .ig-hint{animation:gdFadeIn .9s ease 3s both}
 .ig-mouse>span{animation:gdWheel 1.6s ease-in-out infinite}
 .intro-gate.is-leaving .ig-screen{animation:gdCrtOff .62s cubic-bezier(.7,0,.3,1) forwards}
 .intro-gate.is-leaving:after{animation:gdFlashLine .9s ease forwards}
}
@keyframes gdGridPan{to{transform:translate3d(60px,60px,0)}}
@keyframes gdFloor{to{transform:translate3d(0,90px,0)}}
@keyframes gdFloorHero{to{transform:translate3d(0,72px,0)}}
@keyframes gdFloorIG{to{transform:translate3d(0,64px,0)}}
@keyframes gdOrb1{to{transform:translate3d(24vw,18vh,0) scale(1.15)}}
@keyframes gdOrb2{to{transform:translate3d(-28vw,22vh,0) scale(.88)}}
@keyframes gdOrb3{to{transform:translate3d(16vw,-24vh,0) scale(1.2)}}
@keyframes gdBeam{0%{transform:rotate(-20deg)}100%{transform:rotate(20deg)}}
@keyframes gdLogoIn{0%{opacity:0}10%{opacity:.8}13%{opacity:.15}18%{opacity:1}26%{opacity:.35}30%,100%{opacity:1}}
@keyframes gdFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes gdBreath{0%,100%{filter:saturate(1.15) brightness(1.05)}50%{filter:saturate(1.35) brightness(1.3)}}
@keyframes gdFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes gdFadeIn{from{opacity:0}to{opacity:1}}
@keyframes gdLineUp{to{transform:none}}
@keyframes gdShimmer{to{background-position:-220% 0}}
@keyframes gdGlitchA{0%,90%,100%{opacity:0;transform:translate(0,0)}91%{opacity:.9;transform:translate(-6px,-1px);clip-path:inset(10% 0 60% 0)}93%{opacity:.9;transform:translate(5px,1px);clip-path:inset(45% 0 30% 0)}95%{opacity:.8;transform:translate(-3px,0);clip-path:inset(70% 0 5% 0)}96%{opacity:0}}
@keyframes gdGlitchB{0%,90%,100%{opacity:0;transform:translate(0,0)}91%{opacity:.9;transform:translate(6px,1px);clip-path:inset(55% 0 20% 0)}93%{opacity:.9;transform:translate(-5px,-1px);clip-path:inset(15% 0 65% 0)}95%{opacity:.8;transform:translate(4px,0);clip-path:inset(35% 0 45% 0)}96%{opacity:0}}
@keyframes gdBtnPulse{0%,100%{box-shadow:0 0 0 0 #ff4de366}50%{box-shadow:0 0 0 12px #ff4de300,0 0 36px #ff4de399}}
@keyframes gdWipeIn{to{clip-path:inset(0 0 0 0)}}
@keyframes gdPop{from{opacity:0;transform:scale(.3) rotate(-90deg)}to{opacity:1;transform:none}}
@keyframes gdSpin{to{transform:rotate(360deg)}}
@keyframes gdWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes gdPing{0%{box-shadow:0 0 0 0 #b3f584aa}80%,100%{box-shadow:0 0 0 12px #b3f58400}}
@keyframes gdTicker{to{transform:translate3d(-50%,0,0)}}
@keyframes gdSpinAngle{to{--gd-angle:360deg}}
@keyframes gdH2Lit{0%{text-shadow:none}12%{text-shadow:0 0 22px #ff4de3,0 0 44px #ff4de388}16%{text-shadow:none}24%{text-shadow:0 0 26px #57e8ff,0 0 50px #57e8ff88}100%{text-shadow:0 0 0 transparent}}
@keyframes gdSunRise{from{opacity:0;transform:translate(-50%,-10%)}to{opacity:.42;transform:translate(-50%,-50%)}}
@keyframes gdRoll{to{transform:translateY(430%)}}
@keyframes gdBlink{50%{opacity:.2}}
@keyframes gdIgnite{0%{opacity:0;filter:brightness(.3)}7%{opacity:.85;filter:brightness(1.9)}10%{opacity:.1;filter:brightness(.5)}15%{opacity:1;filter:brightness(1.6)}23%{opacity:.25;filter:brightness(.6)}27%{opacity:.95;filter:brightness(1.4)}32%{opacity:.45}37%,100%{opacity:1;filter:brightness(1.12) saturate(1.2)}}
@keyframes gdRing{0%,100%{box-shadow:0 0 90px 12px #ff2bd644,inset 0 0 70px #57e8ff22}50%{box-shadow:0 0 130px 26px #ff2bd666,inset 0 0 90px #57e8ff44}}
@keyframes gdShock{0%{opacity:.95;transform:scale(.55)}100%{opacity:0;transform:scale(1.9)}}
@keyframes gdCrtOff{0%{transform:scale(1,1);opacity:1}45%{transform:scale(1,.006);opacity:1}72%{transform:scale(.3,.006);opacity:1}100%{transform:scale(0,.006);opacity:0}}
@keyframes gdFlashLine{0%{opacity:0;transform:scaleX(1)}35%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0)}}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.hero h1.hero-title{font-size:clamp(3.4rem,6.6vw,5.6rem)}.hero-badge{width:124px;height:124px}.hero-badge>span{width:70px;height:70px;font-size:1.5rem}.hero-badge text{font-size:14px}}
@media(max-width:900px){
 .hero{min-height:max(620px,100svh);padding-top:calc(76px + var(--wp-admin--admin-bar--height,0px))}
 .hero-logo{background:none}
 .hero-badge{left:24px;right:auto;bottom:24px;width:110px;height:110px}.hero-badge>span{width:62px;height:62px;font-size:1.35rem}
 .scroll-cue{display:none}
 .ribbons{height:160px}.ribbon{height:54px}.ribbon-track>span{font-size:1.7rem}
 .social-card{width:290px}
}
@media(max-width:620px){
 .hero{min-height:100svh;padding-top:calc(70px + var(--wp-admin--admin-bar--height,0px))}
 .hero h1.hero-title{font-size:clamp(3.2rem,15vw,5.2rem);line-height:.94}
 .hero-logo img{width:100%;mix-blend-mode:screen}
 .hero-badge{display:none}
 .hero-fx:after,.hero-floor{top:78%}
 .service-icon{width:64px;margin:0}
 .ribbons{height:130px}.ribbon{height:46px}.ribbon-track>span{font-size:1.35rem}
 .social-card{width:260px;min-height:92px;padding:16px;gap:12px}.social-icon{flex-basis:52px;width:52px;height:52px;border-radius:15px}.social-icon svg{width:26px;height:26px}.social-cta{display:none}
 .ig-hud .tr,.ig-hud .br{display:none}
 .ig-start{padding:15px 16px 15px 22px}
 .ig-hint{font-size:.7rem;letter-spacing:.1em}
 .ig-tag{letter-spacing:.2em;font-size:.74rem}
 .gd-bg-floor{top:72vh}
}
@media(prefers-reduced-motion:reduce){
 .social-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 .social-row[aria-hidden="true"]{display:none}
 .gd-spot,.gd-cursor,.gd-cursor-dot{display:none}
}
@media(hover:none){.gd-cursor,.gd-cursor-dot{display:none}}
#main:focus{outline:none}
@media(min-width:901px){footer{padding-bottom:96px}}
.page-title{font-size:clamp(2.8rem,7vw,5.6rem);font-style:italic;line-height:.95;margin:0;background:linear-gradient(100deg,#fff 30%,var(--pink) 65%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
@media print{.gd-bg,.intro-gate,.gd-cursor,.gd-cursor-dot,.whatsapp-fab,.back-to-top,.ribbons,.hero-fx,.hero-badge,.scroll-cue{display:none!important}}
@media(min-width:901px) and (max-height:820px){.scroll-cue{display:none}.hero-badge{bottom:110px}}