:root{--theme-dark:0;--color-primary:0 0 0;--color-onPrimary:255 255 255;--color-primaryContainer:123 177 224;--color-onPrimaryContainer:0 22 41;--color-secondary:245 181 125;--color-onSecondary:64 30 0;--color-secondaryContainer:242 202 167;--color-onSecondaryContainer:64 30 0;--color-tertiary:89 54 46;--color-onTertiary:245 224 215;--color-tertiaryContainer:212 132 116;--color-onTertiaryContainer:71 30 12;--color-success:101 163 13;--color-onSuccess:255 255 255;--color-successContainer:217 249 157;--color-onSuccessContainer:54 83 20;--color-warning:245 158 11;--color-onWarning:69 26 3;--color-warningContainer:251 191 36;--color-onWarningContainer:120 53 15;--color-error:190 18 60;--color-onError:255 228 230;--color-errorContainer:253 164 175;--color-onErrorContainer:76 5 25;--color-surface:255 255 255;--color-onSurface:29 27 32;--color-surfaceVariant:197 217 230;--color-onSurfaceVariant:13 47 74;--color-surfaceInverse:50 47 53;--color-onSurfaceInverse:245 239 247;--color-surfaceTint:2 48 89;--color-onSurfaceTint:209 234 255;--color-surfaceContainerHighest:240 240 240;--color-surfaceContainerHigh:246 246 246;--color-surfaceContainer:246 246 246;--color-surfaceContainerLow:250 250 250;--color-surfaceContainerLowest:253 253 253;--color-outline:121 116 126;--color-outlineVariant:202 196 208;--color-shadow:0 0 0;--color-highlight:0 170 227;}html.dark{--theme-dark:1;--color-primary:2 48 89;--color-onPrimary:232 245 255;--color-primaryContainer:123 177 224;--color-onPrimaryContainer:0 22 41;--color-secondary:219 146 81;--color-onSecondary:46 21 0;--color-secondaryContainer:245 181 125;--color-onSecondaryContainer:64 30 0;--color-tertiary:89 54 46;--color-onTertiary:245 224 215;--color-tertiaryContainer:156 91 76;--color-onTertiaryContainer:255 245 245;--color-success:89 140 18;--color-onSuccess:242 255 217;--color-successContainer:163 230 53;--color-onSuccessContainer:54 83 20;--color-warning:245 158 9;--color-onWarning:41 14 0;--color-warningContainer:251 191 36;--color-onWarningContainer:69 26 3;--color-error:171 12 52;--color-onError:255 228 230;--color-errorContainer:207 70 91;--color-onErrorContainer:255 255 255;--color-surface:20 18 24;--color-onSurface:230 224 233;--color-surfaceVariant:38 40 71;--color-onSurfaceVariant:235 235 255;--color-surfaceInverse:201 201 203;--color-onSurfaceInverse:0 0 0;--color-surfaceTint:0 67 125;--color-onSurfaceTint:209 234 255;--color-surfaceContainerHighest:54 52 59;--color-surfaceContainerHigh:43 41 48;--color-surfaceContainer:33 31 38;--color-surfaceContainerLow:29 27 32;--color-surfaceContainerLowest:15 13 19;--color-outline:147 143 153;--color-outlineVariant:73 69 79;--color-shadow:130 130 130;--color-highlight:0 170 227;}html{--color-txt:var(--color-onSurface);--color-bgr:var(--color-surface);--color-contrast:var(--color-surfaceInverse);--color-link:var(--color-primary);}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url(/api/font/inter/inter-latin-400-normal.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:500;src:url(/api/font/inter/inter-latin-500-normal.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url(/api/font/inter/inter-latin-600-normal.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url(/api/font/inter/inter-latin-700-normal.woff2) format('woff2');}@font-face{font-family:'Rubik';font-style:normal;font-display:swap;font-weight:400;src:url(/api/font/rubik/rubik-latin-400-normal.woff2) format('woff2');}@font-face{font-family:'Rubik';font-style:normal;font-display:swap;font-weight:500;src:url(/api/font/rubik/rubik-latin-500-normal.woff2) format('woff2');}@font-face{font-family:'Rubik';font-style:normal;font-display:swap;font-weight:600;src:url(/api/font/rubik/rubik-latin-600-normal.woff2) format('woff2');}@font-face{font-family:'Rubik';font-style:normal;font-display:swap;font-weight:700;src:url(/api/font/rubik/rubik-latin-700-normal.woff2) format('woff2');}:root{--font-body:'Inter', sans-serif;--font-heading:'Rubik', sans-serif;}body{font-family:var(--font-body);}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);}/*#MBM-LANDING-DESIGN-START*/

.mbm-page{position:relative;color:rgb(var(--color-onSurface,17 24 39))}
.mbm-page>*{position:relative;z-index:1}
.mbm-page::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
 radial-gradient(1100px 700px at 72% -12%,rgba(56,189,248,.12),transparent 60%),
 radial-gradient(900px 620px at 8% 6%,rgba(124,58,237,.10),transparent 55%),
 radial-gradient(820px 520px at 92% 96%,rgba(219,39,119,.08),transparent 60%);
 background:
 radial-gradient(1100px 700px at 72% -12%,color-mix(in srgb,rgb(var(--color-secondary,56 189 248)) 13%,transparent),transparent 60%),
 radial-gradient(900px 620px at 8% 6%,color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 12%,transparent),transparent 55%),
 radial-gradient(820px 520px at 92% 96%,color-mix(in srgb,rgb(var(--color-tertiary,219 39 119)) 9%,transparent),transparent 60%)}
.mbm-page::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45;background-image:radial-gradient(rgb(var(--color-outlineVariant,71 85 105)/.5) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(85% 65% at 50% 0%,#000 15%,transparent 75%);mask-image:radial-gradient(85% 65% at 50% 0%,#000 15%,transparent 75%)}
.mbm-h1{font-size:clamp(2.5rem,6.5vw,4.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.07;margin:0;color:rgb(var(--color-onSurface,17 24 39))}
.mbm-h2{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.015em;line-height:1.15;margin:0 0 14px;color:rgb(var(--color-onSurface,17 24 39))}
.mbm-sub{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65;color:rgb(var(--color-onSurfaceVariant,55 65 81));margin:0}
.mbm-sec{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--color-secondary,8 145 178))}
.mbm-grad{background:linear-gradient(92deg,rgb(var(--color-secondary,56 189 248)) 0%,rgb(var(--color-primary,124 58 237)) 48%,rgb(var(--color-tertiary,219 39 119)) 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.mbm-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgb(var(--color-onSurfaceVariant,55 65 81));border:1px solid rgb(var(--color-outlineVariant,71 85 105)/.5);background:rgb(var(--color-surfaceContainerLow,15 23 42)/.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mbm-chip i{width:8px;height:8px;border-radius:50%;background:rgb(var(--color-secondary,56 189 248));box-shadow:0 0 12px rgb(var(--color-secondary,56 189 248));animation:mbmblink 2.4s ease-in-out infinite}
@keyframes mbmblink{50%{opacity:.35}}
.mbm-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.mbm-btn.primary{color:rgb(var(--color-onPrimary,255 255 255));background:linear-gradient(135deg,rgb(var(--color-primary,124 58 237)),rgb(var(--color-secondary,8 145 178)));box-shadow:0 14px 38px -10px rgba(56,189,248,.45);box-shadow:0 14px 38px -10px color-mix(in srgb,rgb(var(--color-secondary,56 189 248)) 55%,transparent)}
.mbm-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mbm-btn.ghost{color:rgb(var(--color-onSurface,17 24 39));border:1px solid rgb(var(--color-outlineVariant,71 85 105)/.55);background:rgb(var(--color-surfaceContainerLow,15 23 42)/.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mbm-btn.ghost:hover{transform:translateY(-2px);border-color:rgb(var(--color-secondary,56 189 248))}
.mbm-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.mbm-card{background:rgb(var(--color-surfaceContainerLow,15 23 42)/.55);border:1px solid rgb(var(--color-outlineVariant,71 85 105)/.4);border-radius:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:28px;box-shadow:0 10px 30px -18px rgba(0,0,0,.55);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.mbm-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.5);border-color:color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 55%,transparent);box-shadow:0 22px 60px -20px rgba(124,58,237,.45);box-shadow:0 22px 60px -20px color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 50%,transparent)}
.mbm-card h3{font-size:17px;font-weight:700;margin:0 0 8px;color:rgb(var(--color-onSurface,17 24 39))}
.mbm-card p{font-size:14px;line-height:1.65;margin:0;color:rgb(var(--color-onSurfaceVariant,55 65 81))}
.mbm-grid{display:flex;gap:20px;flex-wrap:wrap}
.mbm-grid>.mbm-card{flex:1;min-width:240px}
.mbm-ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:rgb(var(--color-primary,124 58 237));background:rgba(124,58,237,.12);background:color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 12%,transparent);border:1px solid rgba(124,58,237,.3);border-color:color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 32%,transparent)}
.mbm-ic svg{fill:currentColor}
.mbm-stat{text-align:center;padding:26px 14px}
.mbm-stat b{display:block;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.15;background:linear-gradient(180deg,rgb(var(--color-onSurface,17 24 39)),rgb(var(--color-primary,124 58 237)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.mbm-stat span{display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--color-onSurfaceVariant,55 65 81))}
.mbm-alt{background:rgb(var(--color-surfaceContainerLowest,255 255 255)/.35)}
.mbm-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mbm-bullets li{display:flex;gap:12px;align-items:baseline;color:rgb(var(--color-onSurfaceVariant,55 65 81));line-height:1.6}
.mbm-bullets li::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,rgb(var(--color-primary,124 58 237)),rgb(var(--color-secondary,8 145 178)));flex:none}
.mbm-media{border-radius:20px;border:1px solid rgb(var(--color-outlineVariant,71 85 105)/.45);box-shadow:0 30px 80px -30px rgba(0,0,0,.6);object-fit:cover;width:100%}
.mbm-term{border-radius:18px;border:1px solid rgb(var(--color-outlineVariant,71 85 105)/.45);background:rgb(var(--color-surfaceContainerLowest,12 14 18)/.85);box-shadow:0 25px 60px -25px rgba(124,58,237,.4);box-shadow:0 25px 60px -25px color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 40%,transparent);padding:26px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:2}
.mbm-cta{text-align:center;padding:clamp(32px,4.5vw,40px) clamp(18px,3vw,24px);background:radial-gradient(120% 140% at 50% 0%,rgba(124,58,237,.14),transparent 60%),rgb(var(--color-surfaceContainerLow,15 23 42)/.55);background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,rgb(var(--color-primary,124 58 237)) 14%,transparent),transparent 60%),rgb(var(--color-surfaceContainerLow,15 23 42)/.55)}
.mbm-cta .mbm-h2{margin-bottom:10px}
.mbm-cta .mbm-sub{margin:0 auto 26px;max-width:560px}
/* Kontakt-Formular (MKontakt) in der Glas-Card: Felder lesbar, Karten-Hover
   behindert das Tippen nicht. */
.mbm-form-card{width:100%}
.mbm-form-card:hover{transform:none}
.mbm-form-card .q-field__control{border-radius:12px;background:rgb(var(--color-surfaceContainerLowest,255 255 255)/.7)}
.mbm-form-card .q-field__native,.mbm-form-card .q-field__input,.mbm-form-card .q-placeholder{color:rgb(var(--color-onSurface,17 24 39))!important}
.mbm-form-card .q-field__label{color:rgb(var(--color-onSurfaceVariant,55 65 81))}
.mbm-foot{border-top:1px solid rgb(var(--color-outlineVariant,71 85 105)/.35);color:rgb(var(--color-onSurfaceVariant,55 65 81));font-size:13px}
/* Menü in generierten Seiten: sticky-Leiste mit Luft, zentriert, lesbare Größe.
   Alles aus Theme-Variablen → multisite-fähig, kein hartcodiertes Branding. */
.mbm-page .m-nav-underline-wrap{position:sticky;top:0;z-index:1500;padding:12px 24px;background:rgb(var(--color-surfaceContainerLowest,255 255 255)/.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgb(var(--color-outlineVariant,71 85 105)/.22)}
.mbm-page .m-nav-underline-wrap .m-nav-underline-list{gap:2rem;justify-content:center;flex-wrap:nowrap}
.mbm-page .m-nav-underline-wrap .m-menu-link{font-size:15px;font-weight:600;padding:.55rem .4rem;white-space:nowrap}
/* Fußzeilen-Menü (footer-Slot): zentrierte Leiste mit Luft und Trennlinie –
   sonst rendert das minimal-Template randlos linksbündig unter dem Content. */
.mbm-page .q-footer{background:rgb(var(--color-surfaceContainerLowest,255 255 255)/.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgb(var(--color-outlineVariant,71 85 105)/.22)}
.mbm-page .q-footer .m-nav-minimal,.mbm-page .q-footer .m-nav-minimal-list{display:flex;justify-content:center}
.mbm-page .q-footer .m-nav-minimal-list{padding:18px 24px;gap:2rem}
.mbm-page .q-footer .m-menu-link{font-size:13px;font-weight:500}
@media (max-width:767px){.mbm-page .q-footer .m-nav-minimal-list{padding:14px 16px;gap:1.25rem}}
@media (max-width:767px){.mbm-page .m-nav-underline-wrap{padding:8px 16px}}
@keyframes mbmrise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.mbm-hero{padding:clamp(56px,8vw,84px) 20px clamp(84px,11vw,112px)}
.mbm-hero,.mbm-hero .q-page-container,.mbm-hero .q-page{min-height:0!important}
.mbm-hero .q-page{display:flex;flex-direction:column;align-items:center;gap:24px}
.mbm-alt{padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(36px,5vw,56px)}
/* Verschachtelte MLayouts (Sektions-Wrapper) erben von Quasars QPage ein
   INLINE min-height:100vh (=Viewport) → weiße Wand zwischen den Sektionen.
   .mbm-page ist der Wurzel-.q-layout selbst; alle .q-layout/.q-page-container/
   .q-page als ABKÖMMLINGE werden auf 0 gesetzt (!important schlägt Inline).
   Die Wurzel selbst und ihr direkter .q-page bleiben erhalten – die Seite
   behält ihre Mindesthöhe, der Footer sitzt bei kurzem Inhalt unten. */
.mbm-page .q-layout,
.mbm-page .q-layout .q-page-container,
.mbm-page .q-layout .q-page{min-height:0!important}
.mbm-stats{max-width:1152px;margin:-64px auto 0}
.mbm-split{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px);align-items:center;max-width:1152px;margin:0 auto;padding:clamp(36px,5vw,56px) 20px}
.mbm-split>*,.mbm-grid>*{min-width:0}
.mbm-split .q-page-container,.mbm-grid .q-page-container{min-height:0}
.mbm-split .q-layout,.mbm-grid .q-layout{position:static;min-height:0}
@media (min-width:1024px){.mbm-split{grid-template-columns:1fr 1fr;gap:64px}}
/* Split ohne rechten Inhalt (kein Bild/Code): über die volle Breite setzen,
   sonst hängt eine halbleere Spalte und die Sektion wirkt leer. */
.mbm-split-single{grid-template-columns:min(720px,100%)!important;justify-content:center}
.mbm-split-single .mbm-col{max-width:720px}
.mbm-hero .q-page>*{animation:mbmrise .7s cubic-bezier(.2,.7,.2,1) both}
.mbm-hero .q-page>*:nth-child(2){animation-delay:.08s}
.mbm-hero .q-page>*:nth-child(3){animation-delay:.16s}
.mbm-hero .q-page>*:nth-child(4){animation-delay:.24s}
.mbm-hero .q-page>*:nth-child(5){animation-delay:.32s}
@media (max-width:640px){.mbm-grid{gap:12px}.mbm-grid>.mbm-card{flex:1 1 100%;min-width:0}.mbm-card{padding:20px}.mbm-btns{flex-direction:column;align-items:stretch}.mbm-btn{justify-content:center}.mbm-stats{margin-top:-40px}.mbm-stat{padding:18px 10px}.mbm-sub{font-size:.98rem;line-height:1.6}.mbm-sec{letter-spacing:.16em}}
@media (max-width:640px) and (min-width:400px){.mbm-grid>.mbm-card{flex:1 1 calc(50% - 12px)}}
@media (prefers-reduced-motion:reduce){.mbm-page,.mbm-page * ,.mbm-page *::before,.mbm-page *::after{animation:none!important;transition:none!important}}

/*#MBM-LANDING-DESIGN-END*/