/* MX-Tech Elementor – globale Styles (Design hart kodiert, aus den Sektionen übernommen) */

.mxt-scope *{box-sizing:border-box;}

/* Keyframes */
@keyframes mxbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes mxbPulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}
@keyframes mxbGrid{0%{background-position:0 0}100%{background-position:46px 46px}}
@keyframes mxbSpin{to{transform:rotate(360deg)}}

/* Reveal-on-scroll */
.mxt-scope [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);}
.mxt-scope [data-reveal].is-in{opacity:1;transform:none;}

/* Form fields */
.mxt-scope input::placeholder,.mxt-scope textarea::placeholder{color:#6B7688;}
.mxt-scope input:focus,.mxt-scope textarea:focus,.mxt-scope select:focus{outline:none;border-color:#4FA8FF !important;box-shadow:0 0 0 4px rgba(79,168,255,.18) !important;}

/* FAQ accordion */
.mxt-scope .mxb-faq-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);}
.mxt-scope .mxb-faq-body.open{max-height:400px;}

/* Selection */
.mxt-scope ::selection{background:#4FA8FF;color:#F5F7FA;}

/* ===================== Portfolio-Widget ===================== */
.mxt-portfolio ::selection{background:rgba(129,140,248,.35);color:#fff;}
.mxt-portfolio .grain::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='mxtn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23mxtn)'/%3E%3C/svg%3E");}
.mxt-portfolio .pf{position:relative;border-radius:22px;overflow:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s,border-color .55s;will-change:transform;}
.mxt-portfolio .pf:hover{transform:translateY(-6px);}
.mxt-portfolio .shot{transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform;}
.mxt-portfolio .pf:hover .shot{transform:scale(1.025);}
.mxt-portfolio .go{transition:gap .4s cubic-bezier(.22,1,.36,1),color .4s;}
.mxt-portfolio .pf:hover .go{gap:13px;}
.mxt-portfolio .go svg{transition:transform .4s cubic-bezier(.22,1,.36,1);}
.mxt-portfolio .pf:hover .go svg{transform:translate(3px,-3px);}
.mxt-portfolio .pf h3{transition:color .4s;}
.mxt-portfolio .draw{stroke-dasharray:600;stroke-dashoffset:600;animation:mxtDraw 1.6s cubic-bezier(.22,1,.36,1) .3s forwards;}
@keyframes mxtDraw{to{stroke-dashoffset:0;}}

@media (max-width:860px){
	.mxt-portfolio .mxt-pf-split{grid-template-columns:1fr !important;}
	.mxt-portfolio .mxt-pf-row{grid-template-columns:1fr !important;}
	.mxt-portfolio section{padding:80px 22px 90px !important;}
}

/* ===================== Hero-Split-Widget ===================== */
.mxt-hero-split .mxhs-mock{animation:mxhsRise 1s cubic-bezier(.22,1,.36,1) both;}
.mxt-hero-split .mxhs-mock2{animation:mxhsFloat 8s ease-in-out infinite;animation-delay:1s;}
.mxt-hero-split .mxhs-bar{transform-origin:left center;animation:mxhsBar .8s cubic-bezier(.22,1,.36,1) both;}
.mxt-hero-split .mxhs-accent{animation:mxhsPulse 3.4s ease-in-out infinite;animation-delay:1.2s;}
.mxt-hero-split .mxhs-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:mxhsDraw 2.2s cubic-bezier(.22,1,.36,1) .5s forwards;}
.mxt-hero-split .mxhs-fill{opacity:0;animation:mxhsArea 1.4s ease-out 1.1s forwards;}
.mxt-hero-split .mxhs-dot{animation:mxhsBlink 1.8s ease-in-out infinite;}
.mxt-hero-split .mxhs-sweep{position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:mxhsSweep 4.5s ease-in-out infinite;animation-delay:2s;pointer-events:none;}
@keyframes mxhsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes mxhsRise{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
@keyframes mxhsDraw{to{stroke-dashoffset:0}}
@keyframes mxhsArea{from{opacity:0}to{opacity:1}}
@keyframes mxhsBar{from{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes mxhsPulse{0%,100%{box-shadow:0 0 0 0 rgba(79,168,255,0)}50%{box-shadow:0 0 0 4px rgba(79,168,255,.18)}}
@keyframes mxhsBlink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes mxhsSweep{0%{transform:translateX(-140%)}100%{transform:translateX(240%)}}

@media (max-width:860px){
	.mxt-hero-split .mxhs-grid{grid-template-columns:1fr !important;gap:40px !important;padding:64px 24px 72px !important;}
	/* Mock aus absoluter Positionierung in den Fluss holen, sonst kollabiert der
	   Container auf 0 und das 440px-Mock überlappt/erzeugt eine Riesenlücke. */
	.mxt-hero-split .mxhs-visual{height:auto !important;}
	.mxt-hero-split .mxhs-mock2{position:static !important;width:100% !important;}
}

/* ===================== Leistungen-2-Widget (Featured) ===================== */
@keyframes lzGlow{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.06)}}
.mxt-leistungen2 .lz-card{transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),background .55s,opacity .5s cubic-bezier(.22,1,.36,1);}
.mxt-leistungen2 .lz-icon{transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1);will-change:transform;}
.mxt-leistungen2 .lz-cta{transition:gap .35s cubic-bezier(.22,1,.36,1),color .35s;}
.mxt-leistungen2 .lz-cta svg{transition:transform .35s cubic-bezier(.22,1,.36,1);}
.mxt-leistungen2 .lz-grid:hover .lz-card{opacity:.93;}
.mxt-leistungen2 .lz-grid:hover .lz-featured{opacity:.96;}
.mxt-leistungen2 .lz-grid:hover .lz-card:hover{opacity:1;}
.mxt-leistungen2 .lz-grid:hover .lz-feat-wrap:hover .lz-featured{opacity:1;}
.mxt-leistungen2 .lz-side:hover .lz-icon{transform:scale(1.05);}
.mxt-leistungen2 .lz-feat-wrap:hover .lz-icon{transform:scale(1.06) rotate(-4deg);}
.mxt-leistungen2 .lz-glow{transition:opacity .6s cubic-bezier(.22,1,.36,1);}
.mxt-leistungen2 .lz-feat-wrap:hover .lz-glow{opacity:1;filter:brightness(1.25);}

@media (max-width:860px){
	.mxt-leistungen2 .lz-grid{grid-template-columns:1fr !important;}
	.mxt-leistungen2 .lz-featured{transform:none !important;}
	.mxt-leistungen2 section{padding:0 22px !important;}
}

/* ===================== Prozess-Widget ===================== */
.mxt-prozess .mxt-process-line{overflow:hidden;transform-origin:left center;animation:mxtProcessDraw 1.4s cubic-bezier(.22,1,.36,1) .25s both;}
.mxt-prozess .mxt-process-line::after{content:"";position:absolute;inset:-1px auto -1px 0;width:22%;background:linear-gradient(90deg,transparent,rgba(127,180,242,.95),transparent);filter:drop-shadow(0 0 8px rgba(79,168,255,.75));animation:mxtProcessSweep 4.8s ease-in-out 1.2s infinite;}
.mxt-prozess .mxt-process-step{transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1);}
.mxt-prozess .mxt-process-step:hover{transform:translateY(-6px);filter:brightness(1.08);}
.mxt-prozess .mxt-process-step h3{transition:color .35s ease,text-shadow .35s ease;}
.mxt-prozess .mxt-process-step:hover h3{color:#7FB4F2 !important;text-shadow:0 0 18px rgba(79,168,255,.22);}
.mxt-prozess .mxt-process-badge{position:relative;isolation:isolate;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .45s ease;will-change:transform;}
.mxt-prozess .mxt-process-step:hover .mxt-process-badge{transform:translateY(-3px) scale(1.055);border-color:rgba(127,180,242,.75) !important;box-shadow:0 16px 34px -12px rgba(79,168,255,.72) !important;}
.mxt-prozess .mxt-process-badge.is-final::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(79,168,255,.45);border-radius:23px;z-index:-1;animation:mxtProcessPulse 3.2s ease-out infinite;}
@keyframes mxtProcessDraw{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes mxtProcessSweep{0%{left:-24%;opacity:0}18%{opacity:1}65%{opacity:1}100%{left:102%;opacity:0}}
@keyframes mxtProcessPulse{0%{opacity:.75;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.2)}}

@media (prefers-reduced-motion:reduce){
	.mxt-prozess .mxt-process-line,.mxt-prozess .mxt-process-line::after,.mxt-prozess .mxt-process-badge.is-final::after{animation:none !important;}
	.mxt-prozess .mxt-process-step,.mxt-prozess .mxt-process-badge{transition:none !important;}
}

/* ===================== Kontakt-Standalone-Widget ===================== */
.mxt-kontakt-standalone .mxt-contact-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border:none;border-radius:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;transition:all .2s;background:transparent;color:#8A94A6;}
.mxt-kontakt-standalone .mxt-contact-tab.is-active{background:#4FA8FF;color:#F5F7FA;box-shadow:0 8px 20px -10px rgba(79,168,255,.55);}
.mxt-kontakt-standalone .mxt-contact-tab[data-mxt-contact-tab="whatsapp"].is-active{background:#25D366;color:#052B14;box-shadow:0 8px 20px -10px rgba(37,211,102,.55);}
.mxt-kontakt-standalone .mxt-whats-topic{border:none;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .2s;background:rgba(7,11,22,.5);color:#C7D0DE;border:1px solid rgba(118,150,196,.2);}
.mxt-kontakt-standalone .mxt-whats-topic.is-active{background:#4FA8FF;color:#F5F7FA;border-color:#4FA8FF;box-shadow:0 8px 18px -10px rgba(79,168,255,.6);}

@media (max-width:860px){
	.mxt-kontakt .mxt-contact-grid{grid-template-columns:1fr !important;}
	.mxt-kontakt .mxt-form-two{grid-template-columns:1fr !important;}
	.mxt-kontakt section{padding:64px 22px 80px !important;}
}

/* ===================== Über-uns-2-Widget (Code-Editor) ===================== */
.mxt-ueber2 ::selection{background:rgba(61,130,246,.35);color:#fff;}
.mxt-ueber2 .au-card{transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .55s,box-shadow .55s;}
.mxt-ueber2 .au-card:hover{transform:translateY(-4px);border-color:rgba(61,130,246,.3);box-shadow:0 60px 110px -48px rgba(61,130,246,.3);}
@keyframes auPulse{0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes auType{0%,12%{width:0}52%,88%{width:100%}100%{width:0}}
@keyframes auBlink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes auBar{0%{transform:scaleX(.15)}100%{transform:scaleX(1)}}

@media (max-width:860px){
	.mxt-ueber2 .au-card{grid-template-columns:1fr !important;}
	.mxt-ueber2 section{padding:0 20px !important;}
}

/* ============================================================
   MOBILE-OPTIMIERUNG — greift nur bei kleinen Viewports.
   Alles in @media-Blöcken → Desktop (> 860px) bleibt unverändert.
   ============================================================ */
@media (max-width:860px){
	/* Sicherheitsnetz gegen horizontalen Overflow durch dekorative Elemente */
	.mxt-scope{overflow-x:hidden;}

	/* Mehrspalten-Grids stapeln */
	.mxt-warum [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr 1fr !important;}
	.mxt-projekte [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}
	.mxt-leistungen [style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr !important;}
	.mxt-footer [style*="grid-template-columns:1.6fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important;}
	.mxt-ueber [style*="grid-template-columns:1.1fr .9fr"]{grid-template-columns:1fr !important;}
	.mxt-hero [style*="grid-template-columns:200px 1fr"]{grid-template-columns:1fr !important;}
	.mxt-hero [style*="height:300px"]{height:auto !important;}
	.mxt-prozess [style*="grid-template-columns:repeat("]{grid-template-columns:1fr 1fr !important;}
	.mxt-prozess .mxt-process-line{display:none !important;}

	/* Hero-Dashboard: schwebendes Badge einfangen (sonst H-Scroll) */
	.mxt-hero [style*="right:-26px"]{right:0 !important;}

	/* Horizontales Padding entschärfen (vertikaler Rhythmus bleibt) */
	.mxt-warum section,.mxt-projekte section,.mxt-leistungen section,.mxt-faq section{padding-left:22px !important;padding-right:22px !important;}
	.mxt-hero [style*="padding:92px 32px 80px"]{padding-left:20px !important;padding-right:20px !important;}
	.mxt-ueber [style*="padding:60px"]{padding:34px 26px !important;}
	.mxt-ueber2 [style*="padding:66px 52px 60px 64px"]{padding:44px 26px 40px !important;}
	.mxt-ueber2 [style*="padding:44px 44px 44px 8px"]{padding:0 26px 40px !important;}
	.mxt-leistungen2 [style*="padding:48px 40px"]{padding:34px 26px !important;}
	/* (Header-Mobilverhalten: eigener Block weiter unten, Breakpoint 768px) */
}

@media (max-width:560px){
	/* Grids vollständig auf 1 Spalte */
	.mxt-warum [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr !important;}
	.mxt-footer [style*="grid-template-columns:1.6fr 1fr 1fr 1fr"]{grid-template-columns:1fr !important;}
	.mxt-prozess [style*="grid-template-columns:repeat("]{grid-template-columns:1fr !important;}

	/* Große Überschriften auf Handy-Breite verkleinern */
	.mxt-hero h1,.mxt-hero-split h1{font-size:34px !important;line-height:1.15 !important;}
	.mxt-leistungen h2,.mxt-leistungen2 h2{font-size:31px !important;}
	.mxt-warum h2,.mxt-projekte h2,.mxt-prozess h2,.mxt-faq h2,.mxt-kontakt h2,.mxt-kontakt-standalone h2{font-size:29px !important;}
	.mxt-ueber h2{font-size:27px !important;}

	/* Riesige vertikale Paddings kürzen */
	.mxt-leistungen2{padding-top:64px !important;padding-bottom:72px !important;}
	.mxt-ueber2{padding-top:64px !important;padding-bottom:72px !important;}
}

/* ===================== Aktuelles-Projekt-Widget ===================== */
.mxt-projekt ::selection{background:rgba(124,58,237,.35);color:#fff;}
.mxt-projekt .ap-card{transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .55s,box-shadow .55s;will-change:transform;}
.mxt-projekt .ap-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.42);box-shadow:0 60px 120px -50px rgba(124,58,237,.5);}
.mxt-projekt .ap-shot{transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .9s cubic-bezier(.22,1,.36,1);will-change:transform;}
.mxt-projekt .ap-card:hover .ap-shot{transform:scale(1.02);box-shadow:0 60px 110px -38px rgba(0,0,0,.9),0 0 70px -30px rgba(124,58,237,.55);}
.mxt-projekt .ap-go{transition:gap .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;}
.mxt-projekt .ap-go:hover{transform:translateY(-2px);box-shadow:0 22px 42px -16px rgba(124,58,237,.9);}
.mxt-projekt .ap-go svg{transition:transform .4s cubic-bezier(.22,1,.36,1);}
.mxt-projekt .ap-go:hover svg{transform:translateX(4px);}

@media (max-width:860px){
	.mxt-projekt .ap-card{grid-template-columns:1fr !important;}
	.mxt-projekt .ap-card > div{padding:32px 26px !important;}
	.mxt-projekt section{padding:0 20px !important;}
}

/* Vertikale Sektions-Abstände auf Mobil straffen (nur ≤860px, Desktop unberührt) */
@media (max-width:860px){
	.mxt-leistungen2, .mxt-projekt, .mxt-ueber2{padding-top:64px !important;padding-bottom:72px !important;}
	.mxt-warum section{padding-top:48px !important;padding-bottom:64px !important;}
	.mxt-projekte section,.mxt-leistungen section{padding-top:56px !important;padding-bottom:64px !important;}
	.mxt-faq section,.mxt-ueber section{padding-bottom:64px !important;}
	.mxt-hero [style*="padding:92px 32px 80px"]{padding-top:56px !important;padding-bottom:56px !important;}
	.mxt-prozess [style*="padding:90px 32px"]{padding-top:56px !important;padding-bottom:64px !important;}
}

/* Elementor-Wrapper-Abstände auf Mobil neutralisieren.
   MX-Tech-Widgets bringen ihren vertikalen Abstand selbst mit – ohne dies würde
   sich das Padding der umgebenden Elementor-Section/Container addieren und große
   Lücken erzeugen. Nur ≤860px und nur bei Wrappern, die ein MX-Tech-Widget enthalten
   (via :has()). Desktop bleibt komplett unberührt. */
@media (max-width:860px){
	.elementor-section:has(.mxt-scope),
	.e-con:has(.mxt-scope),
	.elementor-column:has(.mxt-scope),
	.elementor-widget:has(> .elementor-widget-container > .mxt-scope){
		padding-top:0 !important;padding-bottom:0 !important;
		margin-top:0 !important;margin-bottom:0 !important;
	}
}

/* ===================== Rechtstext-Widget ===================== */
.mxt-recht ::selection{background:rgba(61,130,246,.35);color:#fff;}
.mxt-recht a{color:#8FB4F2;text-decoration:none;}
.mxt-recht a:hover{color:#B9D2F7;}
.mxt-recht .rx-body h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;color:#EDF0F5;margin:40px 0 14px;letter-spacing:-.01em;scroll-margin-top:40px;}
.mxt-recht .rx-body h3:first-child{margin-top:0;}
.mxt-recht .rx-body h4{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;color:#C7D0DE;margin:26px 0 10px;}
.mxt-recht .rx-body p{font-size:15px;line-height:1.75;color:#7A8494;margin:0 0 15px;max-width:680px;}
.mxt-recht .rx-body ul,.mxt-recht .rx-body ol{margin:0 0 15px;padding-left:20px;max-width:680px;}
.mxt-recht .rx-body li{font-size:15px;line-height:1.7;color:#7A8494;margin-bottom:7px;}
.mxt-recht .rx-body strong{color:#B4BDCB;font-weight:600;}
.mxt-recht .rx-body a{color:#8FB4F2;}

@media (max-width:860px){
	.mxt-recht{padding-top:64px !important;padding-bottom:72px !important;}
	.mxt-recht section{padding:0 22px !important;}
	.mxt-recht [style*="padding:48px 52px 52px"]{padding:32px 24px 36px !important;}
}

/* ===================== Header-Widget: Mobile-Navigation (Burger) ===================== */
/* Standard/Desktop: Burger, Mobil-Overlay und Kurz-CTA versteckt (Desktop unverändert) */
.mxt-header .mxt-burger{display:none;}
.mxt-header .mxt-cta-short{display:none;}
.mxt-header .mxt-mobile{display:none;}
.mxt-header .mxt-actions{display:flex;align-items:center;gap:12px;}

/* Burger-Button */
.mxt-header .mxt-burger{width:44px;height:44px;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;background:rgba(255,255,255,.05);border:1px solid rgba(118,150,196,.2);border-radius:11px;cursor:pointer;}
.mxt-header .mxt-burger span{display:block;width:20px;height:2px;background:#F5F7FA;border-radius:2px;}

/* Overlay + Drawer */
.mxt-header .mxt-mobile.is-open{display:block;position:fixed;inset:0;z-index:9999;overflow:hidden;}
.mxt-header .mxt-mobile__backdrop{position:absolute;inset:0;background:rgba(4,7,14,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mxtHdrFade .25s ease both;}
.mxt-header .mxt-mobile__panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,340px);max-width:100vw;background:#0B1020;border-left:1px solid rgba(118,150,196,.14);box-shadow:-30px 0 60px -20px rgba(0,0,0,.7);display:flex;flex-direction:column;padding:20px 22px 26px;overflow-y:auto;animation:mxtHdrSlide .3s cubic-bezier(.22,1,.36,1) both;}
@keyframes mxtHdrFade{from{opacity:0}to{opacity:1}}
@keyframes mxtHdrSlide{from{transform:translateX(100%)}to{transform:none}}

.mxt-header .mxt-mobile__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.mxt-header .mxt-mobile__logo{font-family:'Space Grotesk',sans-serif;font-size:22px;line-height:1;}
.mxt-header .mxt-mobile__logo .mxt-logo__mx{color:#4FA8FF;font-weight:700;}
.mxt-header .mxt-mobile__logo .mxt-logo__tech{color:#F5F7FA;font-weight:500;letter-spacing:.1em;}
.mxt-header .mxt-mobile__close{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(118,150,196,.2);border-radius:11px;color:#F5F7FA;cursor:pointer;}

.mxt-header .mxt-mobile__list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;}
.mxt-header .mxt-mobile__list a{display:block;padding:15px 4px;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;color:#EAF1FB;text-decoration:none;border-bottom:1px solid rgba(118,150,196,.1);transition:color .2s;}
.mxt-header .mxt-mobile__list a:hover{color:#4FA8FF;}
.mxt-header .mxt-mobile__cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#4FA8FF;color:#F5F7FA;text-decoration:none;font-weight:700;font-size:16px;padding:15px 20px;border-radius:13px;box-shadow:0 10px 26px -12px rgba(79,168,255,.55);}

/* Sichtbare Fokuszustände */
.mxt-header .mxt-burger:focus-visible,
.mxt-header .mxt-cta:focus-visible,
.mxt-header .mxt-mobile__close:focus-visible,
.mxt-header .mxt-mobile__list a:focus-visible,
.mxt-header .mxt-mobile__cta:focus-visible{outline:2px solid #7FB4F2;outline-offset:3px;border-radius:8px;}

/* Body-Scroll-Sperre, solange das Menü offen ist */
body.mxt-menu-open{overflow:hidden !important;}

/* Umschaltpunkt: Mobile-Navigation ab ≤768px */
@media (max-width:768px){
	.mxt-header .mxt-nav{display:none !important;}
	.mxt-header .mxt-burger{display:inline-flex !important;}
	.mxt-header .mxt-cta-full{display:none;}
	.mxt-header .mxt-cta-short{display:inline;}
	.mxt-header .mxt-header__inner{padding-left:16px !important;padding-right:16px !important;gap:12px !important;}
	.mxt-header .mxt-cta{padding:10px 16px !important;font-size:15px !important;white-space:nowrap;}
}

/* Sehr schmale Geräte (~360px): noch kompakter, kein H-Scroll */
@media (max-width:380px){
	.mxt-header .mxt-header__inner{padding-left:12px !important;padding-right:12px !important;}
	.mxt-header .mxt-cta{padding:9px 13px !important;font-size:14px !important;}
	.mxt-header .mxt-logo__mx,.mxt-header .mxt-logo__tech{font-size:24px !important;}
}