:root{--brand:#ff3d7f;--accent:#48d6ff;--violet:#8b5cf6;--bg:#090b18;--ink:#f8fbff;--muted:#aeb7d4;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.14);--line:rgba(255,255,255,.16);--shadow:0 30px 90px rgba(0,0,0,.35);--max:1160px;--radius:30px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(255,61,127,.22),transparent 30vw),radial-gradient(circle at 82% 16%,rgba(72,214,255,.2),transparent 28vw),linear-gradient(135deg,#080912,#121832 48%,#090b18);color:var(--ink);font:400 clamp(16px,1.04vw,18px)/1.72 var(--font);overflow-x:hidden}body.day-mode{--bg:#f9fbff;--ink:#101828;--muted:#667085;--panel:rgba(255,255,255,.72);--panel2:rgba(255,255,255,.92);--line:rgba(20,30,60,.12);background:radial-gradient(circle at 12% 8%,rgba(255,61,127,.16),transparent 30vw),radial-gradient(circle at 82% 16%,rgba(72,214,255,.18),transparent 28vw),linear-gradient(135deg,#fff,#f4f7ff 56%,#fff)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none;filter:brightness(1.1)}img{max-width:100%;height:auto}h1,h2,h3{margin:0 0 .7em;line-height:.98;letter-spacing:-.06em}h1{font-size:clamp(3rem,9vw,7.8rem)}h2{font-size:clamp(2rem,4.5vw,4rem)}h3{font-size:clamp(1.2rem,2vw,1.7rem)}p,li{hyphens:auto;overflow-wrap:anywhere}p{margin:0 0 1.1rem}.lead{color:var(--muted);font-size:clamp(1.1rem,2.2vw,1.55rem);max-width:780px}.skip-link{position:absolute;left:-999px;top:10px;z-index:999;background:#fff;color:#000;padding:12px 16px;border-radius:12px}.skip-link:focus{left:10px}.site-header.clean-header{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:60;width:min(1080px,calc(100% - 30px));display:flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(8,9,18,.46);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 16px 46px rgba(0,0,0,.18)}body.day-mode .site-header.clean-header{background:rgba(255,255,255,.58)}.brand{display:flex;align-items:center}.brand img{width:min(220px,42vw);height:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 18px rgba(72,214,255,.22))}.page-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:clamp(110px,16vw,180px) 0 120px}.page-shell:before{content:"";position:fixed;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand),#ffa502,#26c485,var(--accent),var(--violet),var(--brand));background-size:240% 100%;animation:gradFlow 4s linear infinite;transform-origin:left;z-index:100}.hero{position:relative;min-height:72vh;display:grid;align-content:center;isolation:isolate;padding:clamp(42px,8vw,98px);border-radius:44px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 18% 35%,rgba(255,61,127,.34),transparent 42%),radial-gradient(ellipse at 80% 35%,rgba(72,214,255,.24),transparent 44%),linear-gradient(135deg,#0f0c29,#302b63 55%,#24243e);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14)}.hero:before,.hero:after{content:"";position:absolute;border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;filter:blur(38px);opacity:.38;z-index:-1;animation:blobMorph 9s ease-in-out infinite}.hero:before{width:440px;height:440px;background:var(--brand);left:-130px;top:-120px}.hero:after{width:520px;height:520px;background:var(--accent);right:-170px;bottom:-150px;animation-delay:3s}.hero h1{position:relative;text-shadow:0 8px 32px rgba(0,0,0,.34);overflow:hidden}.hero h1:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.34) 50%,transparent 100%);transform:translateX(-150%);animation:liquidSwipe 4s ease-in-out infinite}.hero p{max-width:760px;color:rgba(255,255,255,.86);font-size:clamp(1.1rem,2.4vw,1.65rem)}.hero .btn,.hero a.btn,.hero a[href*="kontakt"],.hero a[href*="contact"]{display:inline-flex;margin:.45rem .45rem .45rem 0;border-radius:999px;padding:.9rem 1.25rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(14px);color:#fff;font-weight:850;box-shadow:0 16px 40px rgba(0,0,0,.22);transition:.25s ease}.hero a:hover{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 0 18px rgba(72,214,255,.55))}.hero:where(section):not(.no-grid){background-size:auto}.content-grid,.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:20px;margin:44px 0}.feature-card,.info-box,.glass-card,.content-card,.result-item,.search-results,.legal-page,.form-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));backdrop-filter:blur(18px) saturate(150%);border-radius:var(--radius);padding:clamp(22px,3.5vw,38px);box-shadow:0 18px 54px rgba(0,0,0,.12);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.feature-card:before,.info-box:before,.glass-card:before{content:"";position:absolute;inset:-80%;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 38%);opacity:0;transition:opacity .3s ease;animation:shimmer 5s linear infinite}.feature-card:hover,.info-box:hover,.glass-card:hover{transform:translateY(-12px) rotateX(3deg);box-shadow:0 34px 90px rgba(0,0,0,.2);border-color:rgba(255,255,255,.34)}.feature-card:hover:before,.info-box:hover:before,.glass-card:hover:before{opacity:1}.feature-card h2,.info-box h2{font-size:1.55rem}.feature-card p,.info-box p{color:var(--muted)}.feature-card:nth-child(odd){transform-style:preserve-3d}.feature-card:nth-child(odd):hover{transform:translateY(-12px) rotateY(4deg)}.feature-icon,.float-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;margin-bottom:16px;box-shadow:0 12px 32px rgba(255,61,127,.25);animation:iconBounce 2.8s ease-in-out infinite}.btn,.btn-cookie,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--violet));color:#fff!important;padding:.8rem 1.12rem;font-weight:850;cursor:pointer;text-decoration:none;box-shadow:0 14px 34px rgba(255,61,127,.24);transition:transform .2s ease,box-shadow .2s ease}.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(72,214,255,.24)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);color:#101828;padding:14px 16px;font:inherit;margin:.35rem 0 1rem}body.night-mode input,body.night-mode textarea,body.night-mode select{background:rgba(255,255,255,.08);color:#fff}textarea{min-height:190px}.share-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}.share-box span{color:var(--muted);font-weight:900}.share-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.08)}.share-icon:hover{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;transform:translateY(-2px)}.bottom-wow-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:70;display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(8,9,18,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 18px 60px rgba(0,0,0,.32)}body.day-mode .bottom-wow-nav{background:rgba(255,255,255,.68);border-color:rgba(20,30,60,.12)}.bottom-wow-nav a,.bottom-wow-nav button{position:relative;display:grid;place-items:center;min-width:64px;color:var(--ink);background:transparent;box-shadow:none;border:0;padding:.58rem .72rem;border-radius:999px;font-weight:900}.night-mode .bottom-wow-nav a,.night-mode .bottom-wow-nav button{color:#fff}.bottom-wow-nav a:hover,.bottom-wow-nav button:hover{background:rgba(255,255,255,.16);box-shadow:0 0 24px rgba(72,214,255,.22)}.bottom-wow-nav span{font-size:.68rem}.drawer-backdrop{position:fixed;inset:0;background:rgba(7,9,18,.35);backdrop-filter:blur(12px);z-index:80}.premium-drawer{position:fixed;inset:16px 16px 16px auto;width:min(430px,calc(100% - 32px));z-index:90;transform:translateX(calc(100% + 36px));transition:transform .3s cubic-bezier(.2,.9,.2,1);background:linear-gradient(135deg,rgba(16,18,32,.82),rgba(42,30,78,.76));border:1px solid rgba(255,255,255,.14);border-radius:32px;box-shadow:0 40px 110px rgba(0,0,0,.42);backdrop-filter:blur(30px) saturate(170%);padding:22px;color:#fff}.premium-drawer.is-open{transform:translateX(0)}.side-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.side-menu-head img{width:190px;height:auto;object-fit:contain}.icon-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff;width:44px;height:44px;border-radius:50%;box-shadow:none}.side-menu-nav ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}.side-menu-nav a{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-radius:19px;background:rgba(255,255,255,.06);color:#fff;font-size:1.15rem;font-weight:900;transition:.2s ease}.side-menu-nav a:after{content:"→";opacity:.5}.side-menu-nav a:hover{background:rgba(255,255,255,.13);transform:translateX(5px)}.search-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-42%) scale(.96);z-index:100;width:min(760px,calc(100% - 32px));background:rgba(16,18,32,.82);border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:28px;color:#fff;box-shadow:0 40px 110px rgba(0,0,0,.42);backdrop-filter:blur(30px) saturate(170%);opacity:0;pointer-events:none;transition:.25s}.search-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.search-panel form{display:grid;gap:14px}.search-panel label{font-size:1.7rem;font-weight:950;letter-spacing:-.04em}.search-panel input{font-size:1.25rem}.site-footer{padding:38px 0 116px;color:var(--muted);font-size:.84rem}.site-footer .container{width:min(var(--max),calc(100% - 32px));margin:auto;border-top:1px solid var(--line);padding-top:24px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}.footer-brand img{width:150px;height:auto;object-fit:contain}.footer-nav{display:grid;gap:8px}.footer-nav a{color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.cookie-consent-container{position:fixed;left:18px;right:18px;bottom:96px;z-index:120;max-width:780px;margin:auto;display:flex;gap:14px;align-items:center;background:rgba(16,18,32,.82);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:18px;box-shadow:0 26px 76px rgba(0,0,0,.3);backdrop-filter:blur(24px)}.cookie-details p{text-align:left;color:rgba(255,255,255,.76);margin:0}.cookie-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-decline{background:rgba(255,255,255,.12)!important;box-shadow:none!important}.aurora-particle{position:fixed;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);box-shadow:0 0 12px rgba(72,214,255,.55);z-index:1;animation:particleFloat linear forwards}@keyframes particleFloat{from{transform:translateY(0) translateX(0) scale(1);opacity:0}12%{opacity:.7}to{transform:translateY(-120vh) translateX(var(--tx)) scale(0);opacity:0}}@keyframes gradFlow{to{background-position:-240% 0}}@keyframes blobMorph{0%,100%{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%}25%{border-radius:30% 70% 46% 54% / 62% 34% 66% 38%}50%{border-radius:72% 28% 54% 46% / 35% 66% 34% 65%}75%{border-radius:42% 58% 32% 68% / 68% 42% 58% 32%}}@keyframes liquidSwipe{0%,100%{transform:translateX(-160%)}50%{transform:translateX(160%)}}@keyframes shimmer{50%{transform:translate(14%,12%)}}@keyframes iconBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(4deg)}}@media(max-width:840px){.page-shell{width:calc(100% - 22px);padding-top:108px}.hero{padding:34px 24px;border-radius:30px}.footer-grid{grid-template-columns:1fr}.bottom-wow-nav{left:10px;right:10px;bottom:10px;transform:none;justify-content:space-around}.bottom-wow-nav a,.bottom-wow-nav button{min-width:auto}.cookie-consent-container{display:grid;bottom:88px}.btn,.hero a{margin-bottom:10px}.site-header.clean-header{top:10px;width:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.aurora-particle{display:none}}

/* v29: lesbares Aurora-Menü */
.bottom-wow-nav{width:min(720px,calc(100% - 24px));justify-content:space-between;gap:10px;padding:10px 12px;background:rgba(8,9,18,.42);}
body.day-mode .bottom-wow-nav{background:rgba(255,255,255,.74);}
.bottom-wow-nav a,.bottom-wow-nav button{display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:118px;white-space:nowrap;color:var(--ink)!important;font-size:.96rem;line-height:1;border:1px solid transparent;}
.night-mode .bottom-wow-nav a,.night-mode .bottom-wow-nav button{color:#fff!important;}
.bottom-wow-nav span{display:inline!important;font-size:.78rem;font-weight:900;letter-spacing:.01em;}
.bottom-wow-nav a:hover,.bottom-wow-nav button:hover{border-color:rgba(72,214,255,.32);background:rgba(255,255,255,.18);}
.side-menu-nav ul{display:grid!important;gap:10px!important;margin:28px 0 0!important;padding:0!important;list-style:none!important;}
.side-menu-nav li{margin:0!important;padding:0!important;list-style:none!important;}
.side-menu-nav a{color:#fff!important;text-decoration:none!important;}
@media(max-width:620px){.bottom-wow-nav{left:8px;right:8px;width:auto;bottom:8px;transform:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-radius:24px}.bottom-wow-nav a,.bottom-wow-nav button{min-width:0;flex-direction:column;gap:3px;padding:9px 5px;font-size:1rem}.bottom-wow-nav span{font-size:.66rem}.premium-drawer{inset:10px;width:calc(100% - 20px)}}


/* MobiScript Baukasten: dynamische Navigation + hochwertige Share-Icons */
.bottom-wow-nav{background:var(--menu-bg,rgba(255,255,255,.72))!important}
.share-wow{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:2.4rem 0 0;padding:1rem;border:1px solid var(--line,rgba(15,23,42,.12));border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:var(--shadow,0 18px 48px rgba(15,23,42,.10));width:max-content;max-width:100%}
.share-wow .share-label{font-weight:850;color:var(--muted,#667085);padding:0 .35rem}
.share-wow .share-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line,rgba(15,23,42,.12));background:var(--panel,#fff);color:var(--ink,#111827);box-shadow:0 10px 25px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.share-wow .share-icon svg{width:22px;height:22px;fill:currentColor}
.share-wow .share-icon:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 34px rgba(15,23,42,.16);color:#fff}
.share-wow .mail:hover{background:#2563eb}.share-wow .whatsapp:hover{background:#22c55e}.share-wow .linkedin:hover{background:#0a66c2}.share-wow .x:hover{background:#111827}.share-wow .copy:hover{background:linear-gradient(135deg,var(--brand,#4f86ff),var(--accent,#ff8a3d))}
.module-page{min-height:50vh}.module-menu-entry a{font-weight:850}
body.night-mode .share-wow{background:rgba(10,12,26,.72)}

/* v40 appended */

/* v40 consistency: robust light/dark text + premium forms */
:root{color-scheme:light dark}.night-mode,.night-mode body{color:var(--ink,#f8fafc)!important}.night-mode p,.night-mode li,.night-mode label,.night-mode small,.night-mode td,.night-mode th,.night-mode .lead,.night-mode .cookie-details p{color:var(--muted,#cbd5e1)!important}.night-mode h1,.night-mode h2,.night-mode h3,.night-mode strong,.night-mode .brand,.night-mode .side-menu-nav a{color:var(--ink,#f8fafc)!important}.night-mode input,.night-mode textarea,.night-mode select{background:rgba(255,255,255,.08)!important;color:var(--ink,#f8fafc)!important;border-color:rgba(255,255,255,.18)!important}.night-mode input::placeholder,.night-mode textarea::placeholder{color:rgba(248,250,252,.55)!important}.night-mode .content-card,.night-mode .contact-form-card,.night-mode .feature-card,.night-mode .info-box,.night-mode .result-item{background:rgba(15,23,42,.78)!important;border-color:rgba(255,255,255,.12)!important}.contact-form-card,.form-card{max-width:880px;margin:clamp(24px,5vw,70px) auto;padding:clamp(24px,5vw,56px);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78));border:1px solid var(--line,rgba(15,23,42,.12));box-shadow:0 28px 90px rgba(15,23,42,.12);backdrop-filter:blur(18px)}.contact-form-card form,.form-card form{display:grid;gap:1.05rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-form-card p,.form-card p{margin:0;text-align:left}.contact-form-card label,.form-card label{display:block;font-weight:800;margin:0 0 .38rem;color:var(--ink,#101828)}.contact-form-card input,.contact-form-card textarea,.form-card input,.form-card textarea,.search-panel input{width:100%;border:1px solid var(--line,rgba(15,23,42,.14));border-radius:18px;padding:.95rem 1rem;background:rgba(255,255,255,.88);color:var(--ink,#101828);font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.45);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.contact-form-card textarea,.form-card textarea{min-height:150px;resize:vertical}.contact-form-card input:focus,.contact-form-card textarea:focus,.form-card input:focus,.form-card textarea:focus,.search-panel input:focus{border-color:var(--brand,#4f86ff);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand,#4f86ff) 18%,transparent);transform:translateY(-1px)}.contact-form-card .btn,.form-card .btn,.contact-form-card button[type=submit],.form-card button[type=submit]{width:max-content;min-width:190px;padding:.95rem 1.35rem;border-radius:999px;background:linear-gradient(135deg,var(--brand,#4f86ff),var(--accent,#ff8a3d));color:#fff;border:0;box-shadow:0 16px 38px color-mix(in srgb,var(--brand,#4f86ff) 25%,transparent)}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice.success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.notice.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}body.night-mode .notice.success{background:rgba(34,197,94,.12);color:#bbf7d0;border-color:rgba(34,197,94,.28)}body.night-mode .notice.error{background:rgba(239,68,68,.12);color:#fecaca;border-color:rgba(239,68,68,.28)}@media(max-width:700px){.form-row{grid-template-columns:1fr}.contact-form-card,.form-card{border-radius:24px;padding:22px}.contact-form-card .btn,.form-card .btn,.contact-form-card button[type=submit],.form-card button[type=submit]{width:100%;margin-top:.35rem}}

/* v42 readability/form consistency */
:root{color-scheme:light dark}.contact-form,.system-contact,.ms-contact,.contact-card{background:color-mix(in srgb, Canvas 88%, transparent);border:1px solid color-mix(in srgb, CanvasText 14%, transparent);border-radius:24px;padding:clamp(18px,4vw,34px);box-shadow:0 18px 60px rgba(0,0,0,.10);color:CanvasText}.contact-form input,.contact-form textarea,.contact-form select,.system-contact input,.system-contact textarea,.system-contact select,input,textarea,select{color:CanvasText;background:Canvas;border:1px solid color-mix(in srgb, CanvasText 18%, transparent);border-radius:14px}.contact-form button,.system-contact button,.share-btn,.button,.btn{font-weight:800}.dark,.dark-mode,[data-theme="dark"],body.dark-mode{color:#f8fafc}body.dark-mode input,body.dark-mode textarea,body.dark-mode select,.dark input,.dark textarea,.dark select,[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#101827;color:#f8fafc;border-color:rgba(255,255,255,.22)}body.dark-mode a,.dark a,[data-theme="dark"] a{color:#bfdbfe}body.dark-mode .card,body.dark-mode .feature-card,body.dark-mode .content-card,.dark .card,.dark .feature-card,.dark .content-card{background:rgba(15,23,42,.78);color:#f8fafc;border-color:rgba(255,255,255,.14)}

/* v43 dark/light readability fixes */
body.night-mode h1,
body.night-mode h2,
body.night-mode h3,
body.night-mode h4,
body.night-mode h5,
body.night-mode h6,
body.night-mode .hero h1,
body.night-mode .hero h2,
body.night-mode .page-shell h1,
body.night-mode .page-shell h2,
body.night-mode .feature-card h2,
body.night-mode .feature-card h3,
body.night-mode .content-card h1,
body.night-mode .content-card h2,
body.night-mode .content-card h3,
body.night-mode .legal-page h1,
body.night-mode .legal-page h2,
body.night-mode .legal-page h3{
  color:#ffffff!important;
  text-shadow:0 2px 18px rgba(72,214,255,.16);
}
body.night-mode .bottom-wow-nav a,
body.night-mode .bottom-wow-nav button,
body.night-mode .bottom-wow-nav span{
  color:#05070f!important;
}
body.night-mode .bottom-wow-nav{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(255,255,255,.34)!important;
}
body.night-mode .premium-drawer,
body.night-mode .premium-drawer a,
body.night-mode .premium-drawer button,
body.night-mode .premium-drawer span,
body.night-mode .premium-drawer strong,
body.night-mode .premium-drawer p{
  color:#ffffff!important;
}
body.night-mode .brand img,
body.night-mode .side-menu-head img,
body.night-mode .footer-brand img{
  padding:8px;
  border-radius:18px;
  background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,.42) 52%,rgba(72,214,255,.14));
  box-shadow:0 0 24px rgba(72,214,255,.28),0 14px 44px rgba(0,0,0,.32);
}

/* v52 share UI */
.share-wow{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;margin:2.4rem auto 0;padding:1.05rem 1.2rem;border-radius:28px;width:max-content;max-width:100%}.share-wow .share-label{display:block;width:100%;font-weight:900;letter-spacing:-.02em}.share-wow .share-icons{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}.share-wow .share-icon{flex:0 0 auto}

/* v54 premium share UI - centered two-line layout */
.share-box.share-wow,
aside.share-wow {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: min(620px, 100%) !important;
  max-width: calc(100vw - 32px) !important;
  margin: clamp(32px, 5vw, 58px) auto 0 !important;
  padding: 24px !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(91,92,255,.12), transparent 34%),
    radial-gradient(circle at 84% 80%, rgba(0,210,255,.10), transparent 34%),
    rgba(255,255,255,.72) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .11) !important;
  backdrop-filter: blur(20px) saturate(165%) !important;
  text-align: center !important;
  overflow: visible !important;
}
body.night-mode .share-box.share-wow,
body.dark-mode .share-box.share-wow,
[data-theme="dark"] .share-box.share-wow,
body.night-mode aside.share-wow,
body.dark-mode aside.share-wow,
[data-theme="dark"] aside.share-wow {
  background:
    radial-gradient(circle at 16% 20%, rgba(91,92,255,.22), transparent 38%),
    radial-gradient(circle at 84% 80%, rgba(0,210,255,.16), transparent 38%),
    rgba(9, 12, 24, .78) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.32) !important;
}
.share-wow .share-label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink, #111827) !important;
  font-size: clamp(1.05rem, 2vw, 1.35rem) !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}
body.night-mode .share-wow .share-label,
body.dark-mode .share-wow .share-label,
[data-theme="dark"] .share-wow .share-label { color: #fff !important; }
.share-wow .share-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}
.share-wow .share-icon,
.share-wow button.share-icon {
  appearance: none !important;
  border: 0 !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 18px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: rgba(255,255,255,.92) !important;
  color: #111827 !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .13), inset 0 0 0 1px rgba(15,23,42,.06) !important;
  transform: translateY(0) scale(1) !important;
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-size: 20px !important;
  overflow: hidden !important;
}
body.night-mode .share-wow .share-icon,
body.dark-mode .share-wow .share-icon,
[data-theme="dark"] .share-wow .share-icon {
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
.share-wow .share-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  fill: currentColor !important;
  pointer-events: none !important;
}
.share-wow .share-icon:hover,
.share-wow .share-icon:focus-visible {
  transform: translateY(-5px) scale(1.06) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .20) !important;
  outline: none !important;
}
.share-wow .share-icon.mail:hover,
.share-wow .share-icon.mail:focus-visible { background: linear-gradient(135deg,#2563eb,#60a5fa) !important; }
.share-wow .share-icon.whatsapp:hover,
.share-wow .share-icon.whatsapp:focus-visible { background: linear-gradient(135deg,#16a34a,#22c55e) !important; }
.share-wow .share-icon.linkedin:hover,
.share-wow .share-icon.linkedin:focus-visible { background: linear-gradient(135deg,#0a66c2,#38bdf8) !important; }
.share-wow .share-icon.x:hover,
.share-wow .share-icon.x:focus-visible { background: linear-gradient(135deg,#111827,#374151) !important; }
.share-wow .share-icon.copy:hover,
.share-wow .share-icon.copy:focus-visible { background: linear-gradient(135deg,#7c3aed,#06b6d4) !important; }
@media (max-width: 560px) {
  .share-box.share-wow,
  aside.share-wow { padding: 20px 16px !important; border-radius: 24px !important; }
  .share-wow .share-icons { gap: 8px !important; }
  .share-wow .share-icon,
  .share-wow button.share-icon { width: 48px !important; height: 48px !important; min-width:48px !important; min-height:48px !important; border-radius: 16px !important; }
}

/* v57 Neon Horizon readability + bigger icons */
.theme-neon-horizon .feature-icon,.theme-neon-horizon .float-icon,.theme-neon-horizon .card-icon{font-size:clamp(2.4rem,4vw,4.2rem)!important;width:clamp(70px,8vw,108px)!important;height:clamp(70px,8vw,108px)!important;display:grid!important;place-items:center!important;line-height:1!important}
.theme-neon-horizon .feature-card h2,.theme-neon-horizon .glass-card h2{font-size:clamp(1.35rem,2vw,2rem)!important}
.theme-neon-horizon.night-mode h1,.theme-neon-horizon.night-mode h2,.theme-neon-horizon.night-mode h3,.theme-neon-horizon.night-mode .hero h1,.theme-neon-horizon.night-mode .hero-copy h1{color:#fff!important}

.neon-hero .hero-media{position:relative;z-index:1;align-self:center;justify-self:end;width:min(420px,100%);border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.28)}.neon-hero .hero-media img,.neon-hero .hero-media video{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}.neon-hero:has(.hero-media){grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(24px,5vw,62px)}@media(max-width:900px){.neon-hero:has(.hero-media){grid-template-columns:1fr}.neon-hero .hero-media{justify-self:start;margin-top:24px}}

.footer-logo{display:inline-flex;align-items:center;margin-bottom:14px;text-decoration:none}.footer-logo img{max-width:180px;height:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(72,214,255,.22))}


/* v7.6.5 Footer spacing + bottom navigation safety */
html{scroll-padding-bottom:120px}
body{padding-bottom:env(safe-area-inset-bottom)}
.site-footer{margin-top:clamp(42px,7vw,96px)!important;padding-bottom:calc(136px + env(safe-area-inset-bottom))!important}
.site-footer .container{padding-bottom:clamp(18px,3vw,36px)}
.footer-generated{align-items:start}
.footer-brand{display:grid!important;gap:14px!important}
.footer-logo{margin:0 0 8px!important}
.footer-nav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 14px!important}
.footer-nav a{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:7px 11px!important;border-radius:999px!important;text-decoration:none!important;line-height:1.2!important;background:rgba(148,163,184,.12)!important;border:1px solid rgba(148,163,184,.16)!important}
.footer-nav a:hover{background:rgba(148,163,184,.22)!important;text-decoration:none!important}
.footer-legal{gap:8px 10px!important}
.footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;line-height:1.55!important}
.theme-neon-horizon .site-footer{padding-bottom:calc(154px + env(safe-area-inset-bottom))!important}
.theme-neon-horizon .footer-nav a{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:var(--muted)!important}
.theme-neon-horizon .footer-nav a:hover{background:rgba(255,255,255,.15)!important;color:var(--ink)!important;box-shadow:0 0 24px rgba(72,214,255,.18)}
@media(max-width:760px){.site-footer{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}.footer-grid,.footer-generated{gap:22px!important}.footer-nav{gap:9px!important}.footer-nav a{min-height:38px!important;padding:8px 12px!important}.footer-bottom{display:grid!important}.bottom-wow-nav{max-width:calc(100% - 20px)}}

/* v7.7.1: responsive Bilder / PageSpeed */
img{max-width:100%;height:auto}
.page-content img,.content img,.admin-card img{max-width:100%;height:auto;border-radius:16px}
img[width][height]{height:auto}


/* v7.8.1 systemweite Theme-Finalisierung: mobil, Footer, Medien */
:root{--ms-bottom-safe:clamp(72px,10vh,126px);--ms-footer-gap:clamp(12px,2.5vw,22px)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
img,picture,video,iframe{max-width:100%;height:auto}
img[loading="lazy"]{content-visibility:auto}
.footer-generated,.footer-grid,.site-footer .footer-grid,footer .footer-grid{display:flex;flex-wrap:wrap;gap:var(--ms-footer-gap);align-items:flex-start;justify-content:space-between}
.footer-brand{display:grid;gap:10px;min-width:min(100%,260px)}
.footer-brand img,.footer-logo{max-width:180px;height:auto;object-fit:contain}
.footer-nav,footer nav[aria-label*="Footer"],.footer-links{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.footer-nav a,footer nav[aria-label*="Footer"] a,.footer-links a{display:inline-flex;align-items:center;min-height:38px;padding:.55rem .82rem;border-radius:999px;background:rgba(127,127,127,.10);text-decoration:none;line-height:1.15;white-space:nowrap}
.footer-bottom{margin-top:clamp(18px,3vw,34px);padding-top:clamp(14px,2.5vw,24px);border-top:1px solid rgba(127,127,127,.18)}
.site-footer,footer{padding-bottom:calc(var(--ms-bottom-safe) + env(safe-area-inset-bottom))!important}
@media(max-width:720px){.footer-generated,.footer-grid,.site-footer .footer-grid,footer .footer-grid{display:grid;gap:18px}.footer-nav,footer nav[aria-label*="Footer"],.footer-links{gap:9px}.footer-nav a,footer nav[aria-label*="Footer"] a,.footer-links a{white-space:normal}.container,.page-shell{max-width:100%;}}
/* v7.8.3 systemwide template polish */
.hero-actions,.inline-actions,.page-actions,.editor-actions,.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem;row-gap:.75rem}.footer-nav{align-items:flex-start}.footer-nav a{display:inline-flex;align-items:center;margin:0;text-decoration:none}.btn + .btn,.button + .button,button + button,a.btn + a.btn{margin-left:0}.content-container p,.legal-page p,.feature-card p,.info-box p{text-align:left}@media(max-width:640px){.hero-actions,.inline-actions,.page-actions{gap:.65rem}.hero-actions>*{width:auto}.footer-nav{gap:.55rem}}




/* ==========================================================
   AURORA ARC – eigenständiges MobiScript WOW-Theme
   Ziel:
   - kein kopierter Horizon-Look
   - heller, freundlicher Webseitenhintergrund
   - dauerhaft sichtbarer Halbkreis unten
   - spektakuläres Aufrollen als Arc-Launcher
   - Suche bleibt vollständig nutzbar, kein Blur-Problem
   ========================================================== */

:root{
  --aa-bg:#f7fbff;
  --aa-bg-2:#eef6ff;
  --aa-ink:#101828;
  --aa-text:#182235;
  --aa-muted:#64748b;
  --aa-white:rgba(255,255,255,.82);
  --aa-glass:rgba(255,255,255,.68);
  --aa-line:rgba(28,40,70,.13);
  --aa-cyan:#34e5ff;
  --aa-blue:#3478ff;
  --aa-violet:#9b5cff;
  --aa-pink:#ff5bc8;
  --aa-orange:#ff9b54;
  --aa-shadow:0 28px 90px rgba(42,61,98,.18);
  --aa-safe:220px;
}

html{
  scroll-padding-bottom:var(--aa-safe);
}

body{
  color:var(--aa-text)!important;
  background:
    radial-gradient(circle at 16% 12%, rgba(52,229,255,.24), transparent 30%),
    radial-gradient(circle at 82% 4%, rgba(155,92,255,.18), transparent 29%),
    radial-gradient(circle at 80% 74%, rgba(255,155,84,.15), transparent 36%),
    linear-gradient(180deg,#f9fdff 0%,#eef6ff 48%,#f8fbff 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-x:hidden;
  padding-bottom:env(safe-area-inset-bottom);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(120deg, transparent 0 25%, rgba(52,229,255,.10) 35%, transparent 48%),
    linear-gradient(240deg, transparent 0 28%, rgba(155,92,255,.10) 40%, transparent 55%);
  filter:blur(18px);
}

body::after{
  content:"";
  position:fixed;
  left:50%;
  bottom:-34vh;
  width:140vw;
  height:62vh;
  transform:translateX(-50%);
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(52,229,255,.25), transparent 38%),
    radial-gradient(ellipse at 24% 30%, rgba(255,91,200,.16), transparent 34%),
    radial-gradient(ellipse at 76% 32%, rgba(155,92,255,.18), transparent 34%);
}

/* Basis-Look: bewusst hell, freundlich und lesbar */
main,
.page-shell,
.site-main,
.content{
  padding-bottom:clamp(160px,18vw,260px)!important;
}

.site-footer,
footer{
  position:relative;
  color:var(--aa-muted)!important;
  padding-bottom:calc(220px + env(safe-area-inset-bottom))!important;
  background:
    linear-gradient(180deg,transparent,rgba(255,255,255,.58))!important;
}

/* alte dunkle Flächen neutralisieren */
.hero,
.hero-section,
.stage,
.header,
.site-header{
  color:var(--aa-text)!important;
}

h1,h2,h3,h4,h5,h6{
  color:var(--aa-ink)!important;
  letter-spacing:-.04em;
}

p{
  color:var(--aa-muted)!important;
}

/* Karten frisch und sauber */
.card,
.feature-card,
.service-card,
.panel,
.glass-card,
section article{
  color:var(--aa-text)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.58))!important;
  border:1px solid rgba(28,40,70,.10)!important;
  box-shadow:0 24px 80px rgba(42,61,98,.13)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  border-radius:34px!important;
}

/* ==========================================================
   DAUERHAFT SICHTBARER HALBKREIS
   Das Dock ist nicht nur ein runder Knopf, sondern eine bestehende Bühne.
   ========================================================== */

.bottom-wow-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(-78px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:500!important;
  width:min(780px,calc(100vw - 14px))!important;
  height:178px!important;
  min-height:178px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:16px!important;
  border-radius:900px 900px 0 0 / 100% 100% 0 0!important;
  background:
    radial-gradient(ellipse at 50% 16%,rgba(255,255,255,.92),rgba(255,255,255,.58) 45%,rgba(255,255,255,.22) 74%,transparent 76%),
    linear-gradient(135deg,rgba(52,229,255,.24),rgba(155,92,255,.18),rgba(255,91,200,.10))!important;
  border:1px solid rgba(28,40,70,.12)!important;
  border-bottom:none!important;
  box-shadow:
    0 -8px 34px rgba(52,229,255,.22),
    0 -30px 100px rgba(155,92,255,.12),
    0 20px 60px rgba(42,61,98,.18)!important;
  backdrop-filter:blur(28px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
  overflow:visible!important;
  isolation:isolate;
}

.bottom-wow-nav::before{
  content:"";
  position:absolute;
  left:50%;
  top:-18px;
  width:86%;
  height:54px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    linear-gradient(90deg,transparent,rgba(52,229,255,.55),rgba(155,92,255,.48),rgba(255,91,200,.32),transparent);
  filter:blur(12px);
  opacity:.76;
  pointer-events:none;
  animation:aaArcBreathe 4.8s ease-in-out infinite;
}

.bottom-wow-nav::after{
  content:"";
  position:absolute;
  left:50%;
  top:-6px;
  width:10px;
  height:10px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 14px #fff,
    0 0 36px var(--aa-cyan),
    0 0 72px rgba(155,92,255,.55);
  animation:aaBeacon 2.4s ease-in-out infinite;
}

/* Dock-Buttons auf dem Bogen */
.bottom-wow-nav a,
.bottom-wow-nav button{
  appearance:none!important;
  position:relative!important;
  z-index:2!important;
  margin-top:34px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(28,40,70,.10)!important;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.92),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.74),rgba(238,246,255,.56))!important;
  color:#172033!important;
  text-decoration:none!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 30px rgba(42,61,98,.14)!important;
  cursor:pointer!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease!important;
}

.bottom-wow-nav a:hover,
.bottom-wow-nav button:hover,
.bottom-wow-nav a:focus-visible,
.bottom-wow-nav button:focus-visible{
  transform:translateY(-8px) scale(1.06)!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.55),transparent 23%),
    linear-gradient(135deg,var(--aa-cyan),var(--aa-blue),var(--aa-violet))!important;
  box-shadow:
    0 0 28px rgba(52,229,255,.38),
    0 16px 38px rgba(42,61,98,.22)!important;
  outline:none!important;
}

/* Hauptmenü-Orb in der Mitte */
.bottom-wow-nav [data-menu-toggle],
.bottom-wow-nav [data-nav-toggle],
.bottom-wow-nav [aria-controls*="menu"],
.bottom-wow-nav button:nth-of-type(1){
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  min-height:88px!important;
  margin-top:5px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.86),transparent 16%),
    radial-gradient(circle at 80% 84%,rgba(255,91,200,.46),transparent 32%),
    linear-gradient(135deg,var(--aa-cyan),var(--aa-blue) 48%,var(--aa-violet))!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:
    0 0 0 8px rgba(255,255,255,.28),
    0 0 38px rgba(52,229,255,.55),
    0 0 90px rgba(155,92,255,.32),
    0 22px 46px rgba(42,61,98,.26)!important;
  animation:aaMenuAttention 5s ease-in-out infinite;
}

.bottom-wow-nav a::before,
.bottom-wow-nav button::before{
  display:block;
  font-size:25px;
  line-height:1;
  font-weight:900;
}

/* Bessere passende Icons */
.bottom-wow-nav a:first-child::before{content:"⌂"}
.bottom-wow-nav button:nth-of-type(1)::before{content:"☰";font-size:30px}
.bottom-wow-nav button:nth-of-type(2)::before{content:"⌕"}
.bottom-wow-nav button:nth-of-type(3)::before{content:"◐"}

body.menu-open .bottom-wow-nav button:nth-of-type(1)::before,
body.nav-open .bottom-wow-nav button:nth-of-type(1)::before,
.bottom-wow-nav button[aria-expanded="true"]::before{
  content:"×";
  font-size:42px;
  font-weight:500;
}

.bottom-wow-nav span,
.bottom-wow-nav small,
.bottom-wow-nav .label{
  font-size:0!important;
  line-height:0!important;
}

/* ==========================================================
   AUFROLLEN: "WAS IST HIER LOS?" ARC-LAUNCHER
   Die Halbkreis-Bühne ist immer da. Beim Öffnen wächst daraus
   ein spektakulärer Fächer nach oben.
   ========================================================== */

.premium-drawer{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(60px + env(safe-area-inset-bottom))!important;
  width:min(940px,calc(100vw - 18px))!important;
  height:min(560px,72vh)!important;
  max-height:min(560px,72vh)!important;
  overflow:hidden!important;
  z-index:470!important;
  padding:96px 46px 34px!important;
  color:#122033!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.86),rgba(255,255,255,.72) 40%,rgba(255,255,255,.40) 68%,transparent 71%),
    radial-gradient(circle at 50% 22%,rgba(52,229,255,.20),transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.76),rgba(236,246,255,.54))!important;
  border:1px solid rgba(28,40,70,.12)!important;
  border-bottom:0!important;
  border-radius:900px 900px 44px 44px / 88% 88% 44px 44px!important;
  box-shadow:
    0 -18px 70px rgba(52,229,255,.25),
    0 -44px 130px rgba(155,92,255,.15),
    0 34px 120px rgba(42,61,98,.22)!important;
  backdrop-filter:blur(34px) saturate(185%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(185%)!important;
  transform:
    translateX(-50%)
    translateY(290px)
    scale(.58)
    rotateX(38deg)!important;
  transform-origin:50% 100%!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:ellipse(18% 5% at 50% 100%)!important;
  transition:
    transform .92s cubic-bezier(.12,1.18,.22,1),
    clip-path .92s cubic-bezier(.12,1.18,.22,1),
    opacity .20s ease!important;
}

/* Energie-Bogen beim Öffnen */
.premium-drawer::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-44px;
  width:106%;
  height:102%;
  transform:translateX(-50%);
  border-radius:50% 50% 0 0;
  background:
    conic-gradient(from 205deg at 50% 100%,
      transparent 0deg,
      rgba(52,229,255,0) 22deg,
      rgba(52,229,255,.74) 62deg,
      rgba(155,92,255,.62) 112deg,
      rgba(255,91,200,.40) 148deg,
      rgba(255,155,84,.22) 178deg,
      transparent 220deg,
      transparent 360deg);
  filter:blur(22px);
  opacity:.62;
  z-index:-1;
  animation:aaArcSweep 4.8s ease-in-out infinite;
}

/* leuchtende obere Schnittkante */
.premium-drawer::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:28px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--aa-cyan),var(--aa-violet),var(--aa-pink),transparent);
  box-shadow:0 0 22px rgba(52,229,255,.42);
  opacity:.78;
}

.premium-drawer.is-open,
body.menu-open .premium-drawer,
body.nav-open .premium-drawer{
  opacity:1!important;
  pointer-events:auto!important;
  transform:
    translateX(-50%)
    translateY(0)
    scale(1)
    rotateX(0deg)!important;
  clip-path:ellipse(112% 100% at 50% 100%)!important;
}

/* Header im Menü */
.side-menu-head{
  position:absolute!important;
  left:50%!important;
  top:28px!important;
  transform:translateX(-50%)!important;
  width:min(520px,calc(100% - 120px))!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:8px 58px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 14px 34px rgba(42,61,98,.10)!important;
  color:#122033!important;
}

.side-menu-head img,
.side-menu-head .logo,
.side-menu-head svg{
  max-height:38px!important;
  filter:none!important;
}

.side-menu-head .icon-btn,
.premium-drawer .icon-btn{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:rgba(15,23,42,.07)!important;
  color:#122033!important;
  border:1px solid rgba(28,40,70,.10)!important;
}

/* Menü-Fächer: Karten folgen der Bogenform */
.side-menu-nav{
  height:100%!important;
  overflow:auto!important;
  padding:0 4px 8px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(52,229,255,.36) transparent;
}

.side-menu-nav ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}

.side-menu-nav li{
  margin:0!important;
  padding:0!important;
  opacity:0;
  transform:translateY(120px) scale(.72) rotate(var(--aa-r,0deg));
  transition:
    opacity .42s ease,
    transform .76s cubic-bezier(.12,1.28,.22,1);
}

.side-menu-nav li:nth-child(5n+1){--aa-r:-8deg}
.side-menu-nav li:nth-child(5n+2){--aa-r:-4deg}
.side-menu-nav li:nth-child(5n+3){--aa-r:0deg}
.side-menu-nav li:nth-child(5n+4){--aa-r:4deg}
.side-menu-nav li:nth-child(5n+5){--aa-r:8deg}

.premium-drawer.is-open .side-menu-nav li,
body.menu-open .premium-drawer .side-menu-nav li,
body.nav-open .premium-drawer .side-menu-nav li{
  opacity:1;
  transform:translateY(0) scale(1) rotate(0deg);
}

.premium-drawer .side-menu-nav li:nth-child(1){transition-delay:.10s}
.premium-drawer .side-menu-nav li:nth-child(2){transition-delay:.14s}
.premium-drawer .side-menu-nav li:nth-child(3){transition-delay:.18s}
.premium-drawer .side-menu-nav li:nth-child(4){transition-delay:.22s}
.premium-drawer .side-menu-nav li:nth-child(5){transition-delay:.26s}
.premium-drawer .side-menu-nav li:nth-child(6){transition-delay:.30s}
.premium-drawer .side-menu-nav li:nth-child(7){transition-delay:.34s}
.premium-drawer .side-menu-nav li:nth-child(8){transition-delay:.38s}
.premium-drawer .side-menu-nav li:nth-child(9){transition-delay:.42s}
.premium-drawer .side-menu-nav li:nth-child(10){transition-delay:.46s}

.side-menu-nav a{
  position:relative!important;
  min-height:104px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:18px 12px!important;
  border-radius:30px!important;
  color:#122033!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.94),rgba(255,255,255,.62) 52%,rgba(255,255,255,.40))!important;
  border:1px solid rgba(28,40,70,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 18px 46px rgba(42,61,98,.13)!important;
  text-decoration:none!important;
  font-weight:850!important;
  overflow:hidden!important;
  transition:.26s ease!important;
}

.side-menu-nav a::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    linear-gradient(120deg,transparent,rgba(52,229,255,.38),rgba(155,92,255,.22),transparent);
  transform:translateX(-110%);
  transition:transform .55s ease;
}

.side-menu-nav a:hover,
.side-menu-nav a:focus-visible,
.side-menu-nav .active > a,
.side-menu-nav a[aria-current="page"]{
  color:#fff!important;
  transform:translateY(-8px) scale(1.035)!important;
  background:
    radial-gradient(circle at 35% 22%,rgba(255,255,255,.35),transparent 24%),
    linear-gradient(135deg,var(--aa-cyan),var(--aa-blue),var(--aa-violet))!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:
    0 0 30px rgba(52,229,255,.34),
    0 22px 54px rgba(42,61,98,.22)!important;
  outline:none!important;
}

.side-menu-nav a:hover::before,
.side-menu-nav a:focus-visible::before{
  transform:translateX(110%);
}

/* Backdrop: KEIN starker Blur mehr */
.drawer-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:430!important;
  background:rgba(248,252,255,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* ==========================================================
   SUCHE REPARIERT:
   - liegt über Backdrop und Menü
   - kein Blur davor
   - Input lesbar
   ========================================================== */

.search-panel,
.search-modal,
.search-overlay,
[data-search-panel]{
  position:fixed!important;
  z-index:900!important;
  color:#122033!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,248,255,.94))!important;
  border:1px solid rgba(28,40,70,.12)!important;
  box-shadow:
    0 28px 90px rgba(42,61,98,.22),
    0 0 36px rgba(52,229,255,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:34px!important;
}

.search-panel *,
.search-modal *,
.search-overlay *,
[data-search-panel] *{
  color:#122033!important;
}

.search-panel input,
.search-modal input,
.search-overlay input,
[data-search-panel] input,
input[type="search"]{
  color:#122033!important;
  background:#fff!important;
  border:1px solid rgba(28,40,70,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.search-panel input::placeholder,
.search-modal input::placeholder,
.search-overlay input::placeholder,
[data-search-panel] input::placeholder,
input[type="search"]::placeholder{
  color:#7b8798!important;
}

/* Wenn Suche offen ist, Menü-Blur/Backdrop deaktivieren */
body.search-open .drawer-backdrop,
body.is-search-open .drawer-backdrop{
  display:none!important;
}

/* Dark Mode: freundlich dunkel statt depressiv */
body.dark,
body.dark-mode,
body.night-mode{
  --aa-text:#edf6ff;
  --aa-ink:#ffffff;
  --aa-muted:#b7c5d8;
  background:
    radial-gradient(circle at 18% 8%, rgba(52,229,255,.20), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(155,92,255,.22), transparent 32%),
    radial-gradient(circle at 50% 95%, rgba(255,91,200,.12), transparent 40%),
    linear-gradient(180deg,#07101f 0%,#081426 52%,#050916 100%)!important;
  color:var(--aa-text)!important;
}

body.dark .card,
body.dark-mode .card,
body.night-mode .card,
body.dark .feature-card,
body.dark-mode .feature-card,
body.night-mode .feature-card,
body.dark section article,
body.dark-mode section article,
body.night-mode section article{
  color:var(--aa-text)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Mobile */
@media(max-width:860px){
  :root{--aa-safe:230px}

  .bottom-wow-nav{
    width:calc(100vw - 10px)!important;
    height:158px!important;
    bottom:calc(-72px + env(safe-area-inset-bottom))!important;
    gap:9px!important;
  }

  .bottom-wow-nav a,
  .bottom-wow-nav button{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    margin-top:35px!important;
  }

  .bottom-wow-nav [data-menu-toggle],
  .bottom-wow-nav [data-nav-toggle],
  .bottom-wow-nav [aria-controls*="menu"],
  .bottom-wow-nav button:nth-of-type(1){
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
    margin-top:8px!important;
  }

  .premium-drawer{
    width:calc(100vw - 10px)!important;
    height:min(620px,76vh)!important;
    max-height:calc(100dvh - 78px)!important;
    bottom:calc(48px + env(safe-area-inset-bottom))!important;
    padding:88px 18px 28px!important;
    border-radius:520px 520px 34px 34px / 50% 50% 34px 34px!important;
  }

  .side-menu-nav ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }

  .side-menu-nav a{
    min-height:82px!important;
    border-radius:24px!important;
    font-size:.94rem!important;
  }

  .side-menu-head{
    width:calc(100% - 54px)!important;
    padding-inline:46px!important;
  }
}

@media(max-width:430px){
  .bottom-wow-nav{
    gap:5px!important;
  }
  .bottom-wow-nav a,
  .bottom-wow-nav button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  .bottom-wow-nav [data-menu-toggle],
  .bottom-wow-nav [data-nav-toggle],
  .bottom-wow-nav [aria-controls*="menu"],
  .bottom-wow-nav button:nth-of-type(1){
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
  }
  .side-menu-nav ul{
    grid-template-columns:1fr!important;
  }
}

@keyframes aaArcBreathe{
  0%,100%{opacity:.46;transform:translateX(-50%) scaleX(.92)}
  50%{opacity:.94;transform:translateX(-50%) scaleX(1.06)}
}

@keyframes aaBeacon{
  0%,100%{opacity:.45;transform:translateX(-50%) translateY(0) scale(.82)}
  50%{opacity:1;transform:translateX(-50%) translateY(-7px) scale(1.22)}
}

@keyframes aaMenuAttention{
  0%,68%,100%{transform:translateY(0) scale(1)}
  74%{transform:translateY(-8px) scale(1.045)}
  80%{transform:translateY(0) scale(1)}
  86%{transform:translateY(-4px) scale(1.025)}
  92%{transform:translateY(0) scale(1)}
}

@keyframes aaArcSweep{
  0%,100%{transform:translateX(-50%) rotate(-5deg);opacity:.42}
  50%{transform:translateX(-50%) rotate(5deg);opacity:.82}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}




/* ==========================================================
   AURORA ARC V2 – Menü-Fix & Premium-Rollup
   - harmonische Icons ohne Emoji/zufällige Zeichen
   - Menüpunkte untereinander
   - nicht gequetschtes Öffnen
   - bessere Hell/Dunkel-Kontraste
   - stärkerer WOW-Effekt
   ========================================================== */

:root{
  --aa2-bg-light:#f7fbff;
  --aa2-text-light:#0f172a;
  --aa2-muted-light:#475569;
  --aa2-panel-light:rgba(255,255,255,.88);
  --aa2-card-light:rgba(255,255,255,.72);
  --aa2-line-light:rgba(15,23,42,.13);

  --aa2-bg-dark:#07111f;
  --aa2-text-dark:#f8fbff;
  --aa2-muted-dark:#b8c5d6;
  --aa2-panel-dark:rgba(8,15,30,.88);
  --aa2-card-dark:rgba(255,255,255,.075);
  --aa2-line-dark:rgba(255,255,255,.14);

  --aa2-cyan:#20d9ff;
  --aa2-blue:#2563eb;
  --aa2-violet:#7557ff;
  --aa2-indigo:#15203a;
}

/* Lesbarkeit im Standard-Light-Mode */
body{
  color:var(--aa2-text-light)!important;
  background:
    radial-gradient(circle at 16% 8%, rgba(32,217,255,.18), transparent 30%),
    radial-gradient(circle at 82% 10%, rgba(117,87,255,.13), transparent 30%),
    linear-gradient(180deg,#f8fcff 0%,#eef6ff 52%,#f8fbff 100%)!important;
}
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--aa2-text-light)!important}
body p,body li,body small{color:var(--aa2-muted-light)!important}

/* Dark mode sauber lesbar, nicht depressiv */
body.dark,
body.dark-mode,
body.night-mode,
body[data-theme="dark"]{
  color:var(--aa2-text-dark)!important;
  background:
    radial-gradient(circle at 16% 8%, rgba(32,217,255,.18), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(117,87,255,.19), transparent 32%),
    radial-gradient(circle at 50% 92%, rgba(32,217,255,.08), transparent 42%),
    linear-gradient(180deg,#081426 0%,#07111f 58%,#050914 100%)!important;
}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,
body.night-mode h1,body.night-mode h2,body.night-mode h3,body.night-mode h4,body.night-mode h5,body.night-mode h6,
body[data-theme="dark"] h1,body[data-theme="dark"] h2,body[data-theme="dark"] h3,body[data-theme="dark"] h4,body[data-theme="dark"] h5,body[data-theme="dark"] h6{
  color:var(--aa2-text-dark)!important;
}
body.dark p,body.dark li,body.dark small,
body.dark-mode p,body.dark-mode li,body.dark-mode small,
body.night-mode p,body.night-mode li,body.night-mode small,
body[data-theme="dark"] p,body[data-theme="dark"] li,body[data-theme="dark"] small{
  color:var(--aa2-muted-dark)!important;
}

/* Unterer Halbkreis: professioneller, ruhiger, nicht pillig */
.bottom-wow-nav{
  width:min(760px,calc(100vw - 18px))!important;
  height:172px!important;
  bottom:calc(-82px + env(safe-area-inset-bottom))!important;
  background:
    radial-gradient(ellipse at 50% 14%,rgba(255,255,255,.90),rgba(255,255,255,.52) 44%,rgba(255,255,255,.18) 72%,transparent 74%),
    linear-gradient(135deg,rgba(32,217,255,.18),rgba(37,99,235,.11),rgba(117,87,255,.12))!important;
  border-color:rgba(15,23,42,.14)!important;
  box-shadow:
    0 -10px 34px rgba(32,217,255,.20),
    0 -28px 92px rgba(37,99,235,.10),
    0 20px 60px rgba(15,23,42,.14)!important;
}

body.dark .bottom-wow-nav,
body.dark-mode .bottom-wow-nav,
body.night-mode .bottom-wow-nav,
body[data-theme="dark"] .bottom-wow-nav{
  background:
    radial-gradient(ellipse at 50% 14%,rgba(255,255,255,.15),rgba(255,255,255,.075) 46%,rgba(255,255,255,.025) 72%,transparent 74%),
    linear-gradient(135deg,rgba(32,217,255,.15),rgba(37,99,235,.10),rgba(117,87,255,.12)),
    rgba(6,12,24,.82)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:
    0 -10px 38px rgba(32,217,255,.22),
    0 -30px 100px rgba(117,87,255,.12),
    0 20px 60px rgba(0,0,0,.34)!important;
}

/* Dock Icons: einheitliche Linien-Optik per CSS, keine unpassenden Symbole */
.bottom-wow-nav a,
.bottom-wow-nav button{
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(238,246,255,.58))!important;
  color:#142033!important;
  border-color:rgba(15,23,42,.11)!important;
}

body.dark .bottom-wow-nav a,
body.dark .bottom-wow-nav button,
body.dark-mode .bottom-wow-nav a,
body.dark-mode .bottom-wow-nav button,
body.night-mode .bottom-wow-nav a,
body.night-mode .bottom-wow-nav button,
body[data-theme="dark"] .bottom-wow-nav a,
body[data-theme="dark"] .bottom-wow-nav button{
  background:rgba(255,255,255,.075)!important;
  color:#f8fbff!important;
  border-color:rgba(255,255,255,.12)!important;
}

.bottom-wow-nav a::before,
.bottom-wow-nav button::before{
  content:""!important;
  width:23px!important;
  height:23px!important;
  display:block!important;
  background:currentColor!important;
  font-size:0!important;
  line-height:0!important;
  mask-size:contain!important;
  mask-position:center!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:contain!important;
  -webkit-mask-position:center!important;
  -webkit-mask-repeat:no-repeat!important;
}

/* Home */
.bottom-wow-nav a:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.2 12 4l9 7.2v8.3a1.5 1.5 0 0 1-1.5 1.5h-4.2v-6.1H8.7V21H4.5A1.5 1.5 0 0 1 3 19.5v-8.3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.2 12 4l9 7.2v8.3a1.5 1.5 0 0 1-1.5 1.5h-4.2v-6.1H8.7V21H4.5A1.5 1.5 0 0 1 3 19.5v-8.3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
/* Menu */
.bottom-wow-nav button:nth-of-type(1)::before{
  width:30px!important;height:30px!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%3E%3C/g%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%3E%3C/g%3E%3C/svg%3E")!important;
}
/* Search */
.bottom-wow-nav button:nth-of-type(2)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/g%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/g%3E%3C/svg%3E")!important;
}
/* Theme */
.bottom-wow-nav button:nth-of-type(3)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c-1.8-1.7-2.8-4.5-2.8-9S10.2 4.7 12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c-1.8-1.7-2.8-4.5-2.8-9S10.2 4.7 12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* X-Zustand beim geöffneten Menü */
body.menu-open .bottom-wow-nav button:nth-of-type(1)::before,
body.nav-open .bottom-wow-nav button:nth-of-type(1)::before,
.bottom-wow-nav button[aria-expanded="true"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/g%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* Hauptbutton professioneller, nicht bonbonartig */
.bottom-wow-nav [data-menu-toggle],
.bottom-wow-nav [data-nav-toggle],
.bottom-wow-nav [aria-controls*="menu"],
.bottom-wow-nav button:nth-of-type(1){
  background:
    radial-gradient(circle at 33% 24%,rgba(255,255,255,.55),transparent 20%),
    linear-gradient(135deg,#20d9ff,#2563eb 52%,#7557ff)!important;
  box-shadow:
    0 0 0 7px rgba(255,255,255,.30),
    0 0 36px rgba(32,217,255,.46),
    0 22px 48px rgba(37,99,235,.22)!important;
}

/* ==========================================================
   Premium Roll-up: nicht mehr gequetscht.
   Es fährt als ruhiger Bogen hoch und entfaltet vertikal.
   ========================================================== */

.premium-drawer{
  width:min(560px,calc(100vw - 26px))!important;
  height:auto!important;
  max-height:calc(100dvh - 150px)!important;
  bottom:calc(118px + env(safe-area-inset-bottom))!important;
  padding:76px 22px 22px!important;
  border-radius:42px!important;
  overflow:visible!important;
  color:var(--aa2-text-light)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,255,.88))!important;
  border:1px solid rgba(15,23,42,.13)!important;
  box-shadow:
    0 34px 110px rgba(15,23,42,.20),
    0 0 46px rgba(32,217,255,.16)!important;
  clip-path:none!important;
  transform:translateX(-50%) translateY(42px) scale(.94)!important;
  transform-origin:50% 100%!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:
    transform .58s cubic-bezier(.16,1,.3,1),
    opacity .28s ease!important;
}

body.dark .premium-drawer,
body.dark-mode .premium-drawer,
body.night-mode .premium-drawer,
body[data-theme="dark"] .premium-drawer{
  color:var(--aa2-text-dark)!important;
  background:
    linear-gradient(180deg,rgba(13,24,45,.96),rgba(7,14,28,.92))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.50),
    0 0 46px rgba(32,217,255,.16)!important;
}

/* Der Wow-Bogen entsteht als eigene Energie-Ebene, nicht durch Quetschen des Panels */
.premium-drawer::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-52px!important;
  width:118%!important;
  height:160px!important;
  transform:translateX(-50%) scaleX(.52)!important;
  border-radius:50% 50% 0 0!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(32,217,255,.42),transparent 58%),
    conic-gradient(from 205deg at 50% 100%,transparent 0deg,rgba(32,217,255,.62) 52deg,rgba(117,87,255,.50) 108deg,transparent 180deg,transparent 360deg)!important;
  filter:blur(18px)!important;
  opacity:0!important;
  z-index:-1!important;
  transition:
    transform .72s cubic-bezier(.16,1,.3,1),
    opacity .32s ease!important;
}

.premium-drawer::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:16px!important;
  width:0!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#20d9ff,#7557ff,transparent)!important;
  box-shadow:0 0 20px rgba(32,217,255,.42)!important;
  opacity:0!important;
  transition:width .62s cubic-bezier(.16,1,.3,1),opacity .25s ease!important;
}

.premium-drawer.is-open,
body.menu-open .premium-drawer,
body.nav-open .premium-drawer{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
  clip-path:none!important;
}

.premium-drawer.is-open::before,
body.menu-open .premium-drawer::before,
body.nav-open .premium-drawer::before{
  opacity:.78!important;
  transform:translateX(-50%) scaleX(1)!important;
}

.premium-drawer.is-open::after,
body.menu-open .premium-drawer::after,
body.nav-open .premium-drawer::after{
  width:78%!important;
  opacity:1!important;
}

/* Header im Drawer klar und lesbar */
.side-menu-head{
  position:absolute!important;
  top:18px!important;
  left:22px!important;
  right:22px!important;
  transform:none!important;
  width:auto!important;
  min-height:44px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:8px 54px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.56)!important;
  color:var(--aa2-text-light)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body.dark .side-menu-head,
body.dark-mode .side-menu-head,
body.night-mode .side-menu-head,
body[data-theme="dark"] .side-menu-head{
  background:rgba(255,255,255,.07)!important;
  color:var(--aa2-text-dark)!important;
}

/* Menüpunkte UNTEREINANDER */
.side-menu-nav{
  height:auto!important;
  max-height:calc(100dvh - 260px)!important;
  overflow:auto!important;
  padding:0 2px 2px!important;
}

.side-menu-nav ul{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}

.side-menu-nav li{
  opacity:0!important;
  transform:translateY(24px) scale(.98)!important;
  transition:
    opacity .42s ease,
    transform .52s cubic-bezier(.16,1,.3,1)!important;
}

.premium-drawer.is-open .side-menu-nav li,
body.menu-open .premium-drawer .side-menu-nav li,
body.nav-open .premium-drawer .side-menu-nav li{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}

.side-menu-nav li:nth-child(1){transition-delay:.08s!important}
.side-menu-nav li:nth-child(2){transition-delay:.12s!important}
.side-menu-nav li:nth-child(3){transition-delay:.16s!important}
.side-menu-nav li:nth-child(4){transition-delay:.20s!important}
.side-menu-nav li:nth-child(5){transition-delay:.24s!important}
.side-menu-nav li:nth-child(6){transition-delay:.28s!important}
.side-menu-nav li:nth-child(7){transition-delay:.32s!important}
.side-menu-nav li:nth-child(8){transition-delay:.36s!important}
.side-menu-nav li:nth-child(9){transition-delay:.40s!important}
.side-menu-nav li:nth-child(10){transition-delay:.44s!important}

/* Vertikale Menüzeilen mit Icon-Marker */
.side-menu-nav a{
  position:relative!important;
  min-height:58px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  gap:14px!important;
  padding:14px 18px 14px 54px!important;
  border-radius:22px!important;
  color:var(--aa2-text-light)!important;
  background:rgba(15,23,42,.045)!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  text-decoration:none!important;
  transform:none!important;
}

body.dark .side-menu-nav a,
body.dark-mode .side-menu-nav a,
body.night-mode .side-menu-nav a,
body[data-theme="dark"] .side-menu-nav a{
  color:var(--aa2-text-dark)!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.side-menu-nav a::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  transform:translateY(-50%)!important;
  border-radius:9px!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.75),transparent 24%),
    linear-gradient(135deg,#20d9ff,#2563eb,#7557ff)!important;
  box-shadow:0 0 18px rgba(32,217,255,.24)!important;
}

.side-menu-nav a:hover,
.side-menu-nav a:focus-visible,
.side-menu-nav .active > a,
.side-menu-nav a[aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(135deg,#20d9ff,#2563eb 54%,#7557ff)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:
    0 0 28px rgba(32,217,255,.24),
    0 18px 44px rgba(37,99,235,.18)!important;
  transform:translateX(4px)!important;
  outline:none!important;
}

.side-menu-nav a:hover::after,
.side-menu-nav a:focus-visible::after,
.side-menu-nav .active > a::after,
.side-menu-nav a[aria-current="page"]::after{
  background:#fff!important;
  box-shadow:0 0 16px rgba(255,255,255,.5)!important;
}

/* Backdrop dezent, Suche bleibt nutzbar */
.drawer-backdrop{
  background:rgba(15,23,42,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Suche weiterhin kontrastreich */
.search-panel,
.search-modal,
.search-overlay,
[data-search-panel]{
  z-index:900!important;
  color:var(--aa2-text-light)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,255,.96))!important;
  border:1px solid rgba(15,23,42,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.search-panel input,
.search-modal input,
.search-overlay input,
[data-search-panel] input,
input[type="search"]{
  color:#0f172a!important;
  background:#fff!important;
  border-color:rgba(15,23,42,.16)!important;
}
.search-panel input::placeholder,
.search-modal input::placeholder,
.search-overlay input::placeholder,
[data-search-panel] input::placeholder,
input[type="search"]::placeholder{
  color:#64748b!important;
}

@media(max-width:760px){
  .premium-drawer{
    width:calc(100vw - 22px)!important;
    bottom:calc(108px + env(safe-area-inset-bottom))!important;
    padding:72px 16px 18px!important;
    border-radius:34px!important;
  }
  .side-menu-nav{
    max-height:calc(100dvh - 240px)!important;
  }
  .side-menu-nav a{
    min-height:56px!important;
    border-radius:20px!important;
  }
}




/* ==========================================================
   AURORA ARC V3 – Light default, centered menu, close center,
   bottom bar hides while drawer is open, stronger rollup.
   ========================================================== */

:root{
  --av3-text:#101828;
  --av3-muted:#475569;
  --av3-bg:#f8fcff;
  --av3-panel:rgba(255,255,255,.94);
  --av3-card:rgba(255,255,255,.78);
  --av3-line:rgba(15,23,42,.12);
  --av3-cyan:#20d9ff;
  --av3-blue:#2563eb;
  --av3-violet:#6d5cff;
}

body{
  background:
    radial-gradient(circle at 15% 10%,rgba(32,217,255,.16),transparent 28%),
    radial-gradient(circle at 84% 12%,rgba(109,92,255,.11),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#eef7ff 62%,#f8fcff 100%)!important;
  color:var(--av3-text)!important;
}
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--av3-text)!important}
body p,body li,body small{color:var(--av3-muted)!important}

body.dark,
body.dark-mode,
body.night-mode,
body[data-theme="dark"]{
  --av3-text:#f8fbff;
  --av3-muted:#c5d1e3;
  --av3-bg:#07111f;
  --av3-panel:rgba(9,18,34,.94);
  --av3-card:rgba(255,255,255,.075);
  --av3-line:rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 15% 10%,rgba(32,217,255,.18),transparent 30%),
    radial-gradient(circle at 84% 12%,rgba(109,92,255,.18),transparent 32%),
    linear-gradient(180deg,#07111f 0%,#09162a 62%,#060b16 100%)!important;
  color:var(--av3-text)!important;
}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,
body.night-mode h1,body.night-mode h2,body.night-mode h3,body.night-mode h4,body.night-mode h5,body.night-mode h6,
body[data-theme="dark"] h1,body[data-theme="dark"] h2,body[data-theme="dark"] h3,body[data-theme="dark"] h4,body[data-theme="dark"] h5,body[data-theme="dark"] h6{color:var(--av3-text)!important}
body.dark p,body.dark li,body.dark small,
body.dark-mode p,body.dark-mode li,body.dark-mode small,
body.night-mode p,body.night-mode li,body.night-mode small,
body[data-theme="dark"] p,body[data-theme="dark"] li,body[data-theme="dark"] small{color:var(--av3-muted)!important}

/* Bottom-Leiste verschwindet beim Öffnen */
body.menu-open .bottom-wow-nav,
body.nav-open .bottom-wow-nav{
  opacity:0!important;
  transform:translateX(-50%) translateY(42px) scale(.90)!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .44s cubic-bezier(.16,1,.3,1)!important;
}

/* Keine Pillen bei Menüeinträgen: Centered Arc Cards */
.premium-drawer{
  width:min(620px,calc(100vw - 26px))!important;
  bottom:calc(86px + env(safe-area-inset-bottom))!important;
  padding:92px 26px 28px!important;
  border-radius:38px!important;
  background:
    radial-gradient(circle at 50% 100%,rgba(32,217,255,.16),transparent 42%),
    var(--av3-panel)!important;
  color:var(--av3-text)!important;
  box-shadow:
    0 34px 110px rgba(15,23,42,.18),
    0 0 56px rgba(32,217,255,.18)!important;
  overflow:visible!important;
  transform:translateX(-50%) translateY(110px) scale(.86)!important;
  opacity:0!important;
  clip-path:ellipse(34% 4% at 50% 100%)!important;
  transition:
    opacity .24s ease,
    transform .76s cubic-bezier(.12,1.22,.24,1),
    clip-path .76s cubic-bezier(.12,1.22,.24,1)!important;
}
body.dark .premium-drawer,body.dark-mode .premium-drawer,body.night-mode .premium-drawer,body[data-theme="dark"] .premium-drawer{
  background:
    radial-gradient(circle at 50% 100%,rgba(32,217,255,.18),transparent 42%),
    var(--av3-panel)!important;
  color:var(--av3-text)!important;
  box-shadow:0 38px 120px rgba(0,0,0,.55),0 0 58px rgba(32,217,255,.18)!important;
}
.premium-drawer.is-open,
body.menu-open .premium-drawer,
body.nav-open .premium-drawer{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
  clip-path:ellipse(120% 110% at 50% 100%)!important;
}

/* Wow-Lichtbogen stärker, aber sauber */
.premium-drawer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-42px!important;
  width:128%!important;
  height:190px!important;
  transform:translateX(-50%) scaleX(.45)!important;
  border-radius:50% 50% 0 0!important;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(32,217,255,.54),transparent 58%),
    conic-gradient(from 210deg at 50% 100%,transparent,rgba(32,217,255,.7),rgba(109,92,255,.58),transparent 58%,transparent)!important;
  filter:blur(20px)!important;
  opacity:0!important;
  transition:opacity .3s ease, transform .84s cubic-bezier(.12,1.22,.24,1)!important;
  z-index:-1!important;
}
body.menu-open .premium-drawer::before,
body.nav-open .premium-drawer::before,
.premium-drawer.is-open::before{
  opacity:.82!important;
  transform:translateX(-50%) scaleX(1)!important;
}
.premium-drawer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:18px!important;
  width:0!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,var(--av3-cyan),var(--av3-violet),transparent)!important;
  box-shadow:0 0 22px rgba(32,217,255,.45)!important;
  border-radius:999px!important;
  opacity:0!important;
  transition:width .72s cubic-bezier(.16,1,.3,1), opacity .24s ease!important;
}
body.menu-open .premium-drawer::after,
body.nav-open .premium-drawer::after,
.premium-drawer.is-open::after{
  width:76%!important;
  opacity:1!important;
}

/* Close Button mittig im Drawer */
.side-menu-head{
  top:20px!important;
  left:50%!important;
  right:auto!important;
  width:min(380px,calc(100% - 46px))!important;
  transform:translateX(-50%)!important;
  justify-content:center!important;
  padding:8px 58px!important;
  color:var(--av3-text)!important;
  background:rgba(255,255,255,.50)!important;
}
body.dark .side-menu-head,body.dark-mode .side-menu-head,body.night-mode .side-menu-head,body[data-theme="dark"] .side-menu-head{
  background:rgba(255,255,255,.075)!important;
  color:var(--av3-text)!important;
}
.side-menu-head .icon-btn,
.premium-drawer .icon-btn{
  left:50%!important;
  right:auto!important;
  top:calc(100% + 10px)!important;
  transform:translateX(-50%)!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--av3-cyan),var(--av3-blue),var(--av3-violet))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 0 26px rgba(32,217,255,.28)!important;
}

/* Menüpunkte vertikal, zentriert, keine Pillen */
.side-menu-nav{
  padding-top:24px!important;
}
.side-menu-nav ul{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
}
.side-menu-nav a{
  width:min(420px,100%)!important;
  justify-content:center!important;
  text-align:center!important;
  padding:16px 20px!important;
  min-height:58px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.045)!important;
  color:var(--av3-text)!important;
  border:1px solid var(--av3-line)!important;
  box-shadow:none!important;
}
body.dark .side-menu-nav a,body.dark-mode .side-menu-nav a,body.night-mode .side-menu-nav a,body[data-theme="dark"] .side-menu-nav a{
  background:rgba(255,255,255,.065)!important;
  color:var(--av3-text)!important;
}
.side-menu-nav a::after{display:none!important}
.side-menu-nav a:hover,
.side-menu-nav a:focus-visible,
.side-menu-nav .active > a,
.side-menu-nav a[aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(135deg,var(--av3-cyan),var(--av3-blue),var(--av3-violet))!important;
  transform:translateY(-3px) scale(1.015)!important;
  box-shadow:0 16px 44px rgba(37,99,235,.20),0 0 28px rgba(32,217,255,.20)!important;
}

/* Dark text überall sicher lesbar */
.card,.feature-card,.service-card,.panel,.glass-card,section article{
  color:var(--av3-text)!important;
}
body.dark .card,body.dark .feature-card,body.dark .service-card,body.dark .panel,body.dark .glass-card,body.dark section article,
body.dark-mode .card,body.dark-mode .feature-card,body.dark-mode .service-card,body.dark-mode .panel,body.dark-mode .glass-card,body.dark-mode section article,
body.night-mode .card,body.night-mode .feature-card,body.night-mode .service-card,body.night-mode .panel,body.night-mode .glass-card,body.night-mode section article,
body[data-theme="dark"] .card,body[data-theme="dark"] .feature-card,body[data-theme="dark"] .service-card,body[data-theme="dark"] .panel,body[data-theme="dark"] .glass-card,body[data-theme="dark"] section article{
  background:rgba(255,255,255,.075)!important;
  color:var(--av3-text)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.search-panel,.search-modal,.search-overlay,[data-search-panel]{
  color:var(--av3-text)!important;
  background:var(--av3-panel)!important;
}
.search-panel *,.search-modal *,.search-overlay *,[data-search-panel] *{color:var(--av3-text)!important}
input,textarea,select{
  color:var(--av3-text)!important;
}
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) input,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) textarea,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) select{
  color:#101828!important;
  background:#fff!important;
}

@media(max-width:760px){
  .premium-drawer{
    width:calc(100vw - 20px)!important;
    bottom:calc(88px + env(safe-area-inset-bottom))!important;
    padding:92px 18px 22px!important;
  }
  .side-menu-nav a{
    width:100%!important;
  }
}




/* ==========================================================
   MOBISCRIPT EXCLUSIVE – Logo-Farben, Branding, Footer-Fix
   ========================================================== */

:root{
  --ms-black:#171717;
  --ms-blue:#0f7bff;
  --ms-yellow:#ffd400;
  --ms-green:#16b84e;
  --ms-red:#f22635;
  --ms-bg:#f8fcff;
  --ms-text:#101828;
  --ms-muted:#475569;
  --ms-line:rgba(15,23,42,.12);
  --ms-panel:rgba(255,255,255,.94);
  --ms-footer:#07111f;
}

/* Logo immer sichtbar halten */
.logo,
.site-logo,
.brand,
.site-brand,
header .logo,
header .brand{
  position:relative!important;
  z-index:800!important;
}

.logo img,
.site-logo img,
.brand img,
.site-brand img,
header img[alt*="Mobi"],
header img[src*="logo"]{
  filter:
    drop-shadow(0 2px 1px rgba(255,255,255,.50))
    drop-shadow(0 12px 22px rgba(15,23,42,.18))!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* Light/Dark Lesbarkeit */
body{
  background:
    radial-gradient(circle at 10% 8%,rgba(15,123,255,.10),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(22,184,78,.08),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#eef6ff 64%,#f8fcff 100%)!important;
  color:var(--ms-text)!important;
}

body.dark,
body.dark-mode,
body.night-mode,
body[data-theme="dark"]{
  --ms-bg:#07111f;
  --ms-text:#f8fbff;
  --ms-muted:#c6d3e4;
  --ms-line:rgba(255,255,255,.14);
  --ms-panel:rgba(8,17,33,.94);
  background:
    radial-gradient(circle at 10% 8%,rgba(15,123,255,.18),transparent 30%),
    radial-gradient(circle at 86% 16%,rgba(22,184,78,.10),transparent 30%),
    linear-gradient(180deg,#07111f 0%,#09172b 64%,#060b16 100%)!important;
  color:var(--ms-text)!important;
}

body h1,body h2,body h3,body h4,body h5,body h6{color:var(--ms-text)!important}
body p,body li,body small{color:var(--ms-muted)!important}

/* Menü: MobiScript-Farben exakt als Bedienfarben */
.bottom-wow-nav{
  background:
    radial-gradient(ellipse at 50% 14%,rgba(255,255,255,.94),rgba(255,255,255,.56) 46%,rgba(255,255,255,.18) 74%,transparent 76%),
    linear-gradient(135deg,rgba(15,123,255,.14),rgba(22,184,78,.10),rgba(242,38,53,.08),rgba(255,212,0,.10))!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.dark .bottom-wow-nav,
body.dark-mode .bottom-wow-nav,
body.night-mode .bottom-wow-nav,
body[data-theme="dark"] .bottom-wow-nav{
  background:
    radial-gradient(ellipse at 50% 14%,rgba(255,255,255,.14),rgba(255,255,255,.07) 46%,rgba(255,255,255,.025) 74%,transparent 76%),
    linear-gradient(135deg,rgba(15,123,255,.15),rgba(22,184,78,.08),rgba(242,38,53,.06),rgba(255,212,0,.07)),
    rgba(6,12,24,.88)!important;
}

/* Grundicons mit runder MobiScript-Logik */
.bottom-wow-nav a,
.bottom-wow-nav button{
  border-radius:50%!important;
  color:#111827!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
}

body.dark .bottom-wow-nav a,
body.dark .bottom-wow-nav button,
body.dark-mode .bottom-wow-nav a,
body.dark-mode .bottom-wow-nav button,
body.night-mode .bottom-wow-nav a,
body.night-mode .bottom-wow-nav button,
body[data-theme="dark"] .bottom-wow-nav a,
body[data-theme="dark"] .bottom-wow-nav button{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Farbstrategie:
   Haus = Gelb, Menü = Grün, Suche = Rot, Darkmode = Blau */
.bottom-wow-nav a:first-child{
  background:var(--ms-yellow)!important;
  color:#111827!important;
  box-shadow:0 0 24px rgba(255,212,0,.28),0 14px 34px rgba(15,23,42,.12)!important;
}
.bottom-wow-nav button:nth-of-type(1){
  background:var(--ms-green)!important;
  color:#fff!important;
  box-shadow:0 0 26px rgba(22,184,78,.30),0 14px 34px rgba(15,23,42,.12)!important;
}
.bottom-wow-nav button:nth-of-type(2){
  background:var(--ms-red)!important;
  color:#fff!important;
  box-shadow:0 0 26px rgba(242,38,53,.26),0 14px 34px rgba(15,23,42,.12)!important;
}
.bottom-wow-nav button:nth-of-type(3){
  background:var(--ms-blue)!important;
  color:#fff!important;
  box-shadow:0 0 26px rgba(15,123,255,.28),0 14px 34px rgba(15,23,42,.12)!important;
}

/* Icons: passend zu MobiScript – weich/rund statt generisch kantig */
.bottom-wow-nav a::before,
.bottom-wow-nav button::before{
  content:""!important;
  display:block!important;
  width:25px!important;
  height:25px!important;
  background:currentColor!important;
  -webkit-mask-size:contain!important;
  -webkit-mask-position:center!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-size:contain!important;
  mask-position:center!important;
  mask-repeat:no-repeat!important;
}

/* Haus: runder Home-Marker */
.bottom-wow-nav a:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.4 12 5l8 6.4v7.1A2.5 2.5 0 0 1 17.5 21h-11A2.5 2.5 0 0 1 4 18.5v-7.1Z' fill='black'/%3E%3Cpath d='M9 21v-6.2h6V21H9Z' fill='white'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.4 12 5l8 6.4v7.1A2.5 2.5 0 0 1 17.5 21h-11A2.5 2.5 0 0 1 4 18.5v-7.1Z' fill='black'/%3E%3Cpath d='M9 21v-6.2h6V21H9Z' fill='white'/%3E%3C/svg%3E")!important;
}

/* Menü: vier MobiScript-Punkte */
.bottom-wow-nav button:nth-of-type(1)::before{
  width:31px!important;
  height:31px!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='4.2' fill='black'/%3E%3Ccircle cx='21' cy='11' r='4.2' fill='black'/%3E%3Ccircle cx='11' cy='21' r='4.2' fill='black'/%3E%3Ccircle cx='21' cy='21' r='4.2' fill='black'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='4.2' fill='black'/%3E%3Ccircle cx='21' cy='11' r='4.2' fill='black'/%3E%3Ccircle cx='11' cy='21' r='4.2' fill='black'/%3E%3Ccircle cx='21' cy='21' r='4.2' fill='black'/%3E%3C/svg%3E")!important;
}

/* Suche: runder Lupenpunkt */
.bottom-wow-nav button:nth-of-type(2)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 4a6.6 6.6 0 0 0 0 13.2 6.6 6.6 0 0 0 0-13.2Zm0 3a3.6 3.6 0 1 1 0 7.2 3.6 3.6 0 0 1 0-7.2Z' fill='black'/%3E%3Cpath d='M15.4 15.4a1.8 1.8 0 0 1 2.5 0l3 3a1.8 1.8 0 0 1-2.5 2.5l-3-3a1.8 1.8 0 0 1 0-2.5Z' fill='black'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 4a6.6 6.6 0 0 0 0 13.2 6.6 6.6 0 0 0 0-13.2Zm0 3a3.6 3.6 0 1 1 0 7.2 3.6 3.6 0 0 1 0-7.2Z' fill='black'/%3E%3Cpath d='M15.4 15.4a1.8 1.8 0 0 1 2.5 0l3 3a1.8 1.8 0 0 1-2.5 2.5l-3-3a1.8 1.8 0 0 1 0-2.5Z' fill='black'/%3E%3C/svg%3E")!important;
}

/* Darkmode: Mond-Kreis */
.bottom-wow-nav button:nth-of-type(3)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2 3.5A8.8 8.8 0 1 0 20.5 16 7.4 7.4 0 0 1 14.2 3.5Z' fill='black'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2 3.5A8.8 8.8 0 1 0 20.5 16 7.4 7.4 0 0 1 14.2 3.5Z' fill='black'/%3E%3C/svg%3E")!important;
}

/* Menü geöffnet: Hauptbutton bleibt nicht als X sichtbar, weil die Leiste verschwindet */
body.menu-open .bottom-wow-nav,
body.nav-open .bottom-wow-nav{
  opacity:0!important;
  transform:translateX(-50%) translateY(52px) scale(.88)!important;
  pointer-events:none!important;
}

/* Drawer: Close Button seitlich mittig als MobiScript-Kreis */
.premium-drawer{
  background:
    radial-gradient(circle at 50% 100%,rgba(15,123,255,.10),transparent 42%),
    var(--ms-panel)!important;
  color:var(--ms-text)!important;
  border-color:var(--ms-line)!important;
}

.side-menu-head{
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(420px,calc(100% - 72px))!important;
  color:var(--ms-text)!important;
  background:rgba(255,255,255,.58)!important;
}

body.dark .side-menu-head,
body.dark-mode .side-menu-head,
body.night-mode .side-menu-head,
body[data-theme="dark"] .side-menu-head{
  background:rgba(255,255,255,.075)!important;
}

/* Close mittig rechts an der Drawer-Seite */
.side-menu-head .icon-btn,
.premium-drawer .icon-btn{
  position:absolute!important;
  left:auto!important;
  right:-64px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  background:
    conic-gradient(from 0deg,
      var(--ms-yellow) 0 25%,
      var(--ms-green) 0 50%,
      var(--ms-red) 0 75%,
      var(--ms-blue) 0 100%)!important;
  color:#fff!important;
  border:4px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 0 32px rgba(15,123,255,.22),
    0 18px 42px rgba(15,23,42,.22)!important;
}

.side-menu-head .icon-btn::before,
.premium-drawer .icon-btn::before{
  content:"×";
  position:absolute;
  inset:8px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font-size:26px;
  line-height:1;
  font-weight:500;
}

/* eventuell vorhandenes Text-X verstecken */
.side-menu-head .icon-btn *,
.premium-drawer .icon-btn *{
  opacity:0!important;
}

/* Menüeinträge: zentriert, keine Pillen, aber MobiScript-Farbkante */
.side-menu-nav a{
  border-radius:16px!important;
  background:rgba(15,23,42,.045)!important;
  color:var(--ms-text)!important;
  border:1px solid var(--ms-line)!important;
  text-align:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
}

.side-menu-nav a::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--ms-yellow),var(--ms-green),var(--ms-red),var(--ms-blue));
  opacity:.85;
}

.side-menu-nav a:hover,
.side-menu-nav a:focus-visible,
.side-menu-nav .active > a,
.side-menu-nav a[aria-current="page"]{
  background:#171717!important;
  color:#fff!important;
  border-color:rgba(23,23,23,.35)!important;
  transform:translateY(-2px) scale(1.01)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.18)!important;
}

/* Suche bleibt klar */
.search-panel,
.search-modal,
.search-overlay,
[data-search-panel]{
  color:var(--ms-text)!important;
  background:var(--ms-panel)!important;
}
.search-panel *,
.search-modal *,
.search-overlay *,
[data-search-panel] *{
  color:var(--ms-text)!important;
}
input[type="search"],
.search-panel input,
.search-modal input,
.search-overlay input,
[data-search-panel] input{
  color:#101828!important;
  background:#fff!important;
}
body.dark input[type="search"],
body.dark-mode input[type="search"],
body.night-mode input[type="search"],
body[data-theme="dark"] input[type="search"]{
  color:#f8fbff!important;
  background:#0b1424!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* Footer: moderner Unternehmensaufbau, keine Pillen */
.site-footer,
footer{
  background:
    linear-gradient(180deg,#07111f 0%,#050914 100%)!important;
  color:#c8d3e0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  padding-top:56px!important;
  padding-bottom:64px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.site-footer *,
footer *{
  color:#c8d3e0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,
footer h1,footer h2,footer h3,footer h4,
.site-footer strong,
footer strong{
  color:#fff!important;
}

.site-footer a,
footer a{
  color:#e8eef8!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
}

.site-footer a:hover,
footer a:hover{
  color:var(--ms-blue)!important;
  text-decoration:none!important;
}

/* Newsletter/Form im Footer nicht pillig */
footer input,
.site-footer input,
footer button,
.site-footer button{
  border-radius:10px!important;
}

/* Mobile: Close Button bleibt nutzbar, seitlich wird zu oben mittig */
@media(max-width:760px){
  .side-menu-head .icon-btn,
  .premium-drawer .icon-btn{
    right:50%!important;
    top:-72px!important;
    transform:translateX(50%)!important;
  }

  .side-menu-head{
    width:calc(100% - 36px)!important;
  }

  .site-footer,
  footer{
    padding-bottom:124px!important;
  }
}




/* ==========================================================
   MOBISCRIPT EXCLUSIVE V2 – heller Start, stronger dark wow,
   harmonisches Roll-up, keine Pillen im Drawer.
   ========================================================== */

/* Heller Start + Hero in MobiScript-Farben */
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]){
  background:
    radial-gradient(circle at 10% 10%,rgba(255,212,0,.16),transparent 26%),
    radial-gradient(circle at 88% 12%,rgba(15,123,255,.14),transparent 28%),
    radial-gradient(circle at 18% 86%,rgba(22,184,78,.10),transparent 30%),
    linear-gradient(180deg,#ffffff,#eef7ff 62%,#f8fcff)!important;
}
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .hero,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .hero-section,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .stage{
  background:
    radial-gradient(circle at 12% 14%,rgba(255,212,0,.16),transparent 30%),
    radial-gradient(circle at 88% 16%,rgba(15,123,255,.14),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f2f8ff 100%)!important;
  color:#101828!important;
  border:0!important;
  box-shadow:0 22px 70px rgba(15,23,42,.09)!important;
}

/* Dark Glow stärker im Menü */
body.dark .bottom-wow-nav,
body.dark-mode .bottom-wow-nav,
body.night-mode .bottom-wow-nav,
body[data-theme="dark"] .bottom-wow-nav{
  box-shadow:
    0 -10px 40px rgba(15,123,255,.36),
    0 -26px 100px rgba(22,184,78,.16),
    0 22px 60px rgba(0,0,0,.55)!important;
}
body.dark .bottom-wow-nav::before,
body.dark-mode .bottom-wow-nav::before,
body.night-mode .bottom-wow-nav::before,
body[data-theme="dark"] .bottom-wow-nav::before{
  opacity:1!important;
  background:
    linear-gradient(90deg,transparent,rgba(255,212,0,.42),rgba(22,184,78,.42),rgba(242,38,53,.34),rgba(15,123,255,.48),transparent)!important;
  filter:blur(10px)!important;
}

/* Roll-up harmonischer: nicht knallen, sondern entfalten */
.premium-drawer{
  border-radius:32px!important;
  transform:translateX(-50%) translateY(96px) scale(.90)!important;
  clip-path:ellipse(44% 8% at 50% 100%)!important;
  transition:
    opacity .24s ease,
    transform .82s cubic-bezier(.16,1,.3,1),
    clip-path .82s cubic-bezier(.16,1,.3,1)!important;
}
.premium-drawer.is-open,
body.menu-open .premium-drawer,
body.nav-open .premium-drawer{
  transform:translateX(-50%) translateY(0) scale(1)!important;
  clip-path:ellipse(118% 106% at 50% 100%)!important;
}

/* Drawer-Menüpunkte: keine Pillen, farbiger Gimmick bleibt subtil */
.side-menu-nav a{
  border-radius:12px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ms-line)!important;
  box-shadow:none!important;
  padding:17px 18px!important;
}
.side-menu-nav a::before{
  width:4px!important;
  border-radius:999px!important;
}
.side-menu-nav a:hover,
.side-menu-nav a:focus-visible,
.side-menu-nav .active>a,
.side-menu-nav a[aria-current="page"]{
  background:
    linear-gradient(90deg,rgba(255,212,0,.10),rgba(22,184,78,.09),rgba(242,38,53,.07),rgba(15,123,255,.10))!important;
  color:var(--ms-text)!important;
  border-bottom-color:rgba(15,123,42,.10)!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}
body.dark .side-menu-nav a:hover,
body.dark-mode .side-menu-nav a:hover,
body.night-mode .side-menu-nav a:hover,
body[data-theme="dark"] .side-menu-nav a:hover{
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(255,212,0,.14),rgba(22,184,78,.12),rgba(242,38,53,.10),rgba(15,123,255,.14))!important;
}

/* Close-Button hochwertiger MobiScript-Kreis */
.side-menu-head .icon-btn,.premium-drawer .icon-btn{
  background:
    radial-gradient(circle at center,#171717 0 48%,transparent 49%),
    conic-gradient(var(--ms-yellow) 0 25%,var(--ms-green) 0 50%,var(--ms-red) 0 75%,var(--ms-blue) 0 100%)!important;
  border:3px solid rgba(255,255,255,.85)!important;
}
.side-menu-head .icon-btn::before,.premium-drawer .icon-btn::before{
  inset:10px!important;
  font-size:22px!important;
}

/* Footer endgültig modern, keine Pillen/Buttons als Pillen */
.site-footer,footer{
  background:#07111f!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  padding:64px clamp(24px,5vw,80px) 80px!important;
}
.site-footer *,footer *{
  border-radius:0!important;
}
.site-footer a,footer a{
  display:inline!important;
}
.site-footer input,footer input{
  border-radius:8px!important;
  background:#0b1424!important;
}
.site-footer button,footer button,.site-footer .btn,footer .btn{
  border-radius:8px!important;
  background:linear-gradient(135deg,var(--ms-blue),#0b5ee8)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .premium-drawer{border-radius:26px!important}
}




/* ==========================================================
   MOBISCRIPT V3 – Lesbarkeit harmonisiert
   ========================================================== */

:root{
  --ms3-text:#101828;
  --ms3-muted:#3f4b5f;
  --ms3-soft:#f7fbff;
  --ms3-panel:rgba(255,255,255,.92);
  --ms3-line:rgba(15,23,42,.12);
}

/* Light immer klar und freundlich */
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]){
  --ms-text:#101828;
  --ms-muted:#3f4b5f;
  color:#101828!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,212,0,.14),transparent 26%),
    radial-gradient(circle at 86% 12%,rgba(15,123,255,.13),transparent 30%),
    radial-gradient(circle at 20% 88%,rgba(22,184,78,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#eef7ff 62%,#f8fcff 100%)!important;
}

body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) h1,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) h2,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) h3,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) h4,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) h5,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) h6{
  color:#101828!important;
}

body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) p,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) li,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) small{
  color:#3f4b5f!important;
}

/* Dark deutlich lesbar */
body.dark,body.dark-mode,body.night-mode,body[data-theme="dark"]{
  --ms-text:#f8fbff;
  --ms-muted:#d1d9e6;
  --ms-panel:rgba(8,17,33,.94);
  --ms-line:rgba(255,255,255,.14);
  color:#f8fbff!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,212,0,.09),transparent 26%),
    radial-gradient(circle at 86% 12%,rgba(15,123,255,.24),transparent 30%),
    radial-gradient(circle at 20% 88%,rgba(22,184,78,.10),transparent 34%),
    linear-gradient(180deg,#07111f 0%,#09172b 62%,#060b16 100%)!important;
}

body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,
body.night-mode h1,body.night-mode h2,body.night-mode h3,body.night-mode h4,body.night-mode h5,body.night-mode h6,
body[data-theme="dark"] h1,body[data-theme="dark"] h2,body[data-theme="dark"] h3,body[data-theme="dark"] h4,body[data-theme="dark"] h5,body[data-theme="dark"] h6{
  color:#f8fbff!important;
}

body.dark p,body.dark li,body.dark small,
body.dark-mode p,body.dark-mode li,body.dark-mode small,
body.night-mode p,body.night-mode li,body.night-mode small,
body[data-theme="dark"] p,body[data-theme="dark"] li,body[data-theme="dark"] small{
  color:#d1d9e6!important;
}

/* Flächen harmonisieren */
.hero,.hero-section,.stage,
.card,.feature-card,.service-card,.panel,.glass-card,section article{
  color:var(--ms-text)!important;
}

body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .hero,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .hero-section,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .stage,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .card,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .feature-card,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .service-card,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .panel,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) .glass-card,
body:not(.dark):not(.dark-mode):not(.night-mode):not([data-theme="dark"]) section article{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(15,23,42,.10)!important;
}

body.dark .hero,body.dark .hero-section,body.dark .stage,
body.dark .card,body.dark .feature-card,body.dark .service-card,body.dark .panel,body.dark .glass-card,body.dark section article,
body.dark-mode .hero,body.dark-mode .hero-section,body.dark-mode .stage,
body.dark-mode .card,body.dark-mode .feature-card,body.dark-mode .service-card,body.dark-mode .panel,body.dark-mode .glass-card,body.dark-mode section article,
body.night-mode .hero,body.night-mode .hero-section,body.night-mode .stage,
body.night-mode .card,body.night-mode .feature-card,body.night-mode .service-card,body.night-mode .panel,body.night-mode .glass-card,body.night-mode section article,
body[data-theme="dark"] .hero,body[data-theme="dark"] .hero-section,body[data-theme="dark"] .stage,
body[data-theme="dark"] .card,body[data-theme="dark"] .feature-card,body[data-theme="dark"] .service-card,body[data-theme="dark"] .panel,body[data-theme="dark"] .glass-card,body[data-theme="dark"] section article{
  background:rgba(255,255,255,.075)!important;
  color:#f8fbff!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Menütexte und Drawer lesbarer */
.premium-drawer,
.side-menu-head,
.side-menu-nav a{
  color:var(--ms-text)!important;
}

.side-menu-nav a{
  font-weight:760!important;
  letter-spacing:-.01em!important;
}

body.dark .side-menu-nav a,
body.dark-mode .side-menu-nav a,
body.night-mode .side-menu-nav a,
body[data-theme="dark"] .side-menu-nav a{
  color:#f8fbff!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
}

.side-menu-nav a:hover,
.side-menu-nav a:focus-visible,
.side-menu-nav .active > a,
.side-menu-nav a[aria-current="page"]{
  color:var(--ms-text)!important;
  background:
    linear-gradient(90deg,rgba(255,212,0,.14),rgba(22,184,78,.12),rgba(242,38,53,.10),rgba(15,123,255,.14))!important;
}

body.dark .side-menu-nav a:hover,
body.dark-mode .side-menu-nav a:hover,
body.night-mode .side-menu-nav a:hover,
body[data-theme="dark"] .side-menu-nav a:hover{
  color:#ffffff!important;
}

/* Footer Texte */
.site-footer *,footer *{
  color:#cdd7e5!important;
}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer strong,
footer h1,footer h2,footer h3,footer h4,footer strong{
  color:#ffffff!important;
}
.site-footer a,footer a{
  color:#ffffff!important;
}
.site-footer a:hover,footer a:hover{
  color:#7db6ff!important;
}

/* Inputs lesbar */
input,textarea,select{
  color:#101828!important;
}
body.dark input,body.dark textarea,body.dark select,
body.dark-mode input,body.dark-mode textarea,body.dark-mode select,
body.night-mode input,body.night-mode textarea,body.night-mode select,
body[data-theme="dark"] input,body[data-theme="dark"] textarea,body[data-theme="dark"] select{
  color:#f8fbff!important;
  background:#0b1424!important;
}



/* ==========================================================
   MobiScript Final Color Mapping 1.5.3
   Vorgabe nach Screenshot:
   Hero Button 1 = Gelb
   Hero Button 2 = Grün
   Feature-Iconboxen = Gelb, Grün, Rot, Blau
   Icons in den Boxen größer
   ========================================================== */

:root{
  --ms-logo-yellow:#ffd400;
  --ms-logo-green:#16b84e;
  --ms-logo-red:#f22635;
  --ms-logo-blue:#0f7bff;
}

/* Hero-Buttons über zusätzlich gesetzte JS-Klassen */
.ms-hero-button-yellow,
.hero .ms-hero-button-yellow,
.hero-section .ms-hero-button-yellow,
.stage .ms-hero-button-yellow{
  background:linear-gradient(135deg,var(--ms-logo-yellow) 0%,#ffe86a 100%)!important;
  background-color:var(--ms-logo-yellow)!important;
  color:#151515!important;
  border:1px solid rgba(255,212,0,.72)!important;
  box-shadow:0 18px 40px rgba(255,212,0,.30)!important;
}

.ms-hero-button-green,
.hero .ms-hero-button-green,
.hero-section .ms-hero-button-green,
.stage .ms-hero-button-green{
  background:linear-gradient(135deg,var(--ms-logo-green) 0%,#48de87 100%)!important;
  background-color:var(--ms-logo-green)!important;
  color:#ffffff!important;
  border:1px solid rgba(22,184,78,.72)!important;
  box-shadow:0 18px 40px rgba(22,184,78,.30)!important;
}

/* Zusätzlich rein per CSS: typische Hero-Buttongruppen */
.hero-actions a:nth-child(1),
.hero-actions button:nth-child(1),
.hero .hero-actions a:nth-child(1),
.hero .hero-actions button:nth-child(1),
.hero-section .hero-actions a:nth-child(1),
.hero-section .hero-actions button:nth-child(1),
.stage .hero-actions a:nth-child(1),
.stage .hero-actions button:nth-child(1),
.cta-row a:nth-child(1),
.cta-row button:nth-child(1),
.hero .cta-row a:nth-child(1),
.hero .cta-row button:nth-child(1),
.buttons a:nth-child(1),
.buttons button:nth-child(1),
.hero .buttons a:nth-child(1),
.hero .buttons button:nth-child(1),
.actions a:nth-child(1),
.actions button:nth-child(1),
.hero .actions a:nth-child(1),
.hero .actions button:nth-child(1){
  background:linear-gradient(135deg,var(--ms-logo-yellow) 0%,#ffe86a 100%)!important;
  background-color:var(--ms-logo-yellow)!important;
  color:#151515!important;
  border-color:rgba(255,212,0,.72)!important;
  box-shadow:0 18px 40px rgba(255,212,0,.30)!important;
}

.hero-actions a:nth-child(2),
.hero-actions button:nth-child(2),
.hero .hero-actions a:nth-child(2),
.hero .hero-actions button:nth-child(2),
.hero-section .hero-actions a:nth-child(2),
.hero-section .hero-actions button:nth-child(2),
.stage .hero-actions a:nth-child(2),
.stage .hero-actions button:nth-child(2),
.cta-row a:nth-child(2),
.cta-row button:nth-child(2),
.hero .cta-row a:nth-child(2),
.hero .cta-row button:nth-child(2),
.buttons a:nth-child(2),
.buttons button:nth-child(2),
.hero .buttons a:nth-child(2),
.hero .buttons button:nth-child(2),
.actions a:nth-child(2),
.actions button:nth-child(2),
.hero .actions a:nth-child(2),
.hero .actions button:nth-child(2){
  background:linear-gradient(135deg,var(--ms-logo-green) 0%,#48de87 100%)!important;
  background-color:var(--ms-logo-green)!important;
  color:#ffffff!important;
  border-color:rgba(22,184,78,.72)!important;
  box-shadow:0 18px 40px rgba(22,184,78,.30)!important;
}

/* Feature-Iconboxen: JS-Klassen */
.ms-feature-icon-yellow{
  background:linear-gradient(135deg,var(--ms-logo-yellow) 0%,#ffe86a 100%)!important;
  background-color:var(--ms-logo-yellow)!important;
  color:#151515!important;
  border-color:rgba(255,212,0,.72)!important;
  box-shadow:0 18px 42px rgba(255,212,0,.28)!important;
}

.ms-feature-icon-green{
  background:linear-gradient(135deg,var(--ms-logo-green) 0%,#48de87 100%)!important;
  background-color:var(--ms-logo-green)!important;
  color:#ffffff!important;
  border-color:rgba(22,184,78,.72)!important;
  box-shadow:0 18px 42px rgba(22,184,78,.28)!important;
}

.ms-feature-icon-red{
  background:linear-gradient(135deg,var(--ms-logo-red) 0%,#ff6872 100%)!important;
  background-color:var(--ms-logo-red)!important;
  color:#ffffff!important;
  border-color:rgba(242,38,53,.72)!important;
  box-shadow:0 18px 42px rgba(242,38,53,.28)!important;
}

.ms-feature-icon-blue{
  background:linear-gradient(135deg,var(--ms-logo-blue) 0%,#57a6ff 100%)!important;
  background-color:var(--ms-logo-blue)!important;
  color:#ffffff!important;
  border-color:rgba(15,123,255,.72)!important;
  box-shadow:0 18px 42px rgba(15,123,255,.28)!important;
}

/* Größe der Iconboxen und Icons */
.ms-feature-color-icon,
.feature-card .ms-feature-color-icon,
.card .ms-feature-color-icon,
.service-card .ms-feature-color-icon{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin-bottom:26px!important;
  font-size:0!important;
  line-height:1!important;
  overflow:hidden!important;
}

.ms-feature-color-icon svg,
.ms-feature-color-icon img,
.ms-feature-color-icon i,
.ms-feature-color-icon span,
.feature-card .ms-feature-color-icon svg,
.feature-card .ms-feature-color-icon img,
.feature-card .ms-feature-color-icon i,
.feature-card .ms-feature-color-icon span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  font-size:34px!important;
  line-height:1!important;
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Falls Icons direkt als Emoji/Text kommen */
.ms-feature-color-icon:not(:has(svg)):not(:has(img)){
  font-size:34px!important;
}

/* Reiner CSS-Fallback für die ersten vier Karten */
.feature-card:nth-of-type(1) [class*="icon"],
.features .card:nth-of-type(1) [class*="icon"],
.feature-card:nth-of-type(1) .card-icon,
.features .card:nth-of-type(1) .card-icon{
  background:linear-gradient(135deg,var(--ms-logo-yellow),#ffe86a)!important;
  color:#151515!important;
}

.feature-card:nth-of-type(2) [class*="icon"],
.features .card:nth-of-type(2) [class*="icon"],
.feature-card:nth-of-type(2) .card-icon,
.features .card:nth-of-type(2) .card-icon{
  background:linear-gradient(135deg,var(--ms-logo-green),#48de87)!important;
  color:#ffffff!important;
}

.feature-card:nth-of-type(3) [class*="icon"],
.features .card:nth-of-type(3) [class*="icon"],
.feature-card:nth-of-type(3) .card-icon,
.features .card:nth-of-type(3) .card-icon{
  background:linear-gradient(135deg,var(--ms-logo-red),#ff6872)!important;
  color:#ffffff!important;
}

.feature-card:nth-of-type(4) [class*="icon"],
.features .card:nth-of-type(4) [class*="icon"],
.feature-card:nth-of-type(4) .card-icon,
.features .card:nth-of-type(4) .card-icon{
  background:linear-gradient(135deg,var(--ms-logo-blue),#57a6ff)!important;
  color:#ffffff!important;
}

/* Dark Mode bleibt lesbar */
body.dark .ms-hero-button-yellow,
body.dark-mode .ms-hero-button-yellow,
body.night-mode .ms-hero-button-yellow,
body[data-theme="dark"] .ms-hero-button-yellow{
  color:#151515!important;
}

body.dark .ms-hero-button-green,
body.dark-mode .ms-hero-button-green,
body.night-mode .ms-hero-button-green,
body[data-theme="dark"] .ms-hero-button-green{
  color:#ffffff!important;
}



/* ==========================================================
   MobiScript Icon Visibility Fix 1.5.4
   Icons wieder sichtbar + größer
   ========================================================== */

/* Wichtig: Iconbox darf NICHT font-size:0 haben */
.ms-feature-color-icon,
.feature-card .ms-feature-color-icon,
.card .ms-feature-color-icon,
.service-card .ms-feature-color-icon{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin-bottom:26px!important;
  font-size:34px!important;
  line-height:1!important;
  overflow:hidden!important;
}

/* Icon-Inhalte sichtbar erzwingen */
.ms-feature-color-icon svg,
.ms-feature-color-icon img,
.ms-feature-color-icon i,
.ms-feature-color-icon span,
.ms-feature-color-icon .icon,
.feature-card .ms-feature-color-icon svg,
.feature-card .ms-feature-color-icon img,
.feature-card .ms-feature-color-icon i,
.feature-card .ms-feature-color-icon span,
.feature-card .ms-feature-color-icon .icon{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  font-size:38px!important;
  line-height:1!important;
  transform:none!important;
}

/* SVGs sicher sichtbar */
.ms-feature-color-icon svg,
.feature-card .ms-feature-color-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.4!important;
}

/* Icons als Text/Emoji/Symbol */
.ms-feature-color-icon > span,
.ms-feature-color-icon > i{
  color:inherit!important;
}

/* Farbkontraste */
.ms-feature-icon-yellow{
  color:#111111!important;
}

.ms-feature-icon-green,
.ms-feature-icon-red,
.ms-feature-icon-blue{
  color:#ffffff!important;
}

/* Fallback: falls bestehende Icons durch alte Regeln transparent wurden */
.feature-card [class*="icon"],
.card [class*="icon"],
.service-card [class*="icon"]{
  opacity:1!important;
  visibility:visible!important;
}

/* Hero-Button-Icons ebenfalls sichtbar */
.ms-hero-button-yellow svg,
.ms-hero-button-yellow i,
.ms-hero-button-yellow span,
.ms-hero-button-green svg,
.ms-hero-button-green i,
.ms-hero-button-green span{
  opacity:1!important;
  visibility:visible!important;
  display:inline-flex!important;
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
}

/* Wenn Iconbox nur Text enthält, diesen nicht ausblenden */
.ms-feature-color-icon:not(:has(svg)):not(:has(img)){
  font-size:38px!important;
  color:inherit!important;
}



/* ==========================================================
   MobiScript Contact Button Color Fix 1.5.5
   Kontaktseite-Buttons in MobiScript-Farben
   ========================================================== */

/* Kontaktformular senden */
.contact-form button,
.contact-form .btn,
.contact-page button,
.contact-page .btn,
.contact-section button,
.contact-section .btn,
form[action*="contact"] button,
form[action*="kontakt"] button,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,#16b84e 0%,#0f7bff 100%)!important;
  background-color:#16b84e!important;
  color:#ffffff!important;
  border:none!important;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(15,123,255,.22)!important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;
}

/* Hover */
.contact-form button:hover,
.contact-form .btn:hover,
.contact-page button:hover,
.contact-page .btn:hover,
.contact-section button:hover,
.contact-section .btn:hover,
form[action*="contact"] button:hover,
form[action*="kontakt"] button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 24px 52px rgba(15,123,255,.30)!important;
}

/* Fokus */
.contact-form button:focus-visible,
.contact-form .btn:focus-visible,
.contact-page button:focus-visible,
.contact-page .btn:focus-visible,
.contact-section button:focus-visible,
.contact-section .btn:focus-visible,
form[action*="contact"] button:focus-visible,
form[action*="kontakt"] button:focus-visible,
button[type="submit"]:focus-visible,
input[type="submit"]:focus-visible{
  outline:3px solid rgba(255,212,0,.55)!important;
  outline-offset:4px!important;
}



/* MobiScript Menu Refinement 1.6.0 */

/* Kategorien ohne Linien/Boxen */
.ms-admin-title,
.admin-nav-title,
.menu-category,
.nav-category,
.sidebar-category,
[class*="category-title"],
[class*="menu-title"]{
  border:none!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:10px 0 4px 0!important;
  margin:18px 0 6px 0!important;
}

/* Dunkleres Blau im hellen Menü */
:root{
  --ms-dark-blue:#173b6d;
}

body:not(.night-mode):not(.dark-mode) .ms-admin-link,
body:not(.night-mode):not(.dark-mode) .admin-nav-link,
body:not(.night-mode):not(.dark-mode) [class*="menu-link"]{
  color:var(--ms-dark-blue)!important;
}

/* Empfehlungsbuttons sichtbar */
.recommendation-button,
.recommend-btn,
.recommendation-card .btn,
.suggestion-btn,
[class*="recommend"] .btn{
  background:linear-gradient(135deg,#16b84e 0%, #0f7bff 100%)!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 14px 38px rgba(15,123,255,.22)!important;
}

/* Kreis dreht sich */
.admin-menu-toggle,
[data-admin-menu-toggle]{
  transition:transform .45s cubic-bezier(.22,1,.36,1)!important;
}

body.menu-open .admin-menu-toggle,
body.menu-open [data-admin-menu-toggle],
.admin-menu-toggle[aria-expanded="true"],
[data-admin-menu-toggle][aria-expanded="true"]{
  transform:rotate(180deg) scale(1.04)!important;
}

.admin-menu-toggle-icon{
  transition:transform .45s cubic-bezier(.22,1,.36,1)!important;
}

body.menu-open .admin-menu-toggle-icon,
.admin-menu-toggle[aria-expanded="true"] .admin-menu-toggle-icon{
  transform:rotate(180deg)!important;
}