/* Moritz Designs Landingpage — 1:1 aus der Claude-Design-Referenz (index.html <style>) */
html{scroll-behavior:smooth}
body.md-lp-page{margin:0;background:#08040F;color:#F4F1FA;font-family:'Quiet Sans',system-ui,sans-serif;font-style:italic;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.md-lp-page a{color:#C4B5FD;text-decoration:none}
body.md-lp-page a:hover{color:#E44BFF}
body.md-lp-page ::selection{background:rgba(139,92,246,.4)}
.md-lp-page summary{list-style:none;cursor:pointer}
.md-lp-page summary::-webkit-details-marker{display:none}
.md-lp-page [data-prozess-track]::-webkit-scrollbar{display:none}
.md-lp-page input::placeholder,.md-lp-page textarea::placeholder{color:#6E6590}
.md-lp-page input,.md-lp-page textarea{font-family:'Quiet Sans',system-ui,sans-serif;font-style:italic}
.md-lp-page details[open] .faq-chevron{transform:rotate(45deg)}
.md-lp-page h1,.md-lp-page h2,.md-lp-page h3{font-family:'Quiet Sans',system-ui,sans-serif;font-style:italic}
.md-lp-page img{max-width:100%}
@keyframes orbitdot{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Elementor-Container neutralisieren: die Referenz bringt ihr eigenes Layout mit */
.md-lp-page .e-con,.md-lp-page .e-con-inner{max-width:none!important;padding:0!important;margin:0!important;--container-max-width:none;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}
.md-lp-page .e-con,.md-lp-page .e-con-inner,.md-lp-page .elementor-widget-container,.md-lp-page .elementor-widget-html{overflow:visible!important}
.md-lp-page .e-con{display:block!important}
.md-lp-page .elementor-widget-html{width:100%}
.md-lp-page .elementor-widget:not(:last-child){margin-block-end:0}

/* Hover-/Focus-States (i1 … i42 der Referenz, gruppiert) */
.i1:focus,.i2:focus,.i3:focus,.i4:focus,.i5:focus,.i6:focus,.i7:focus,.i8:focus,.i9:focus,.i13:focus,.i14:focus,.i15:focus,.i16:focus,.i22:focus,.i34:focus,.i35:focus,.i36:focus,.i37:focus,.i38:focus,.i39:focus,.i40:focus,.i41:focus,.i42:focus{outline:3px solid rgba(139,92,246,0.6)!important;outline-offset:3px!important}
.i17:focus,.i18:focus,.i19:focus,.i20:focus,.i21:focus{outline:3px solid rgba(139,92,246,0.6)!important;outline-offset:-4px!important}
.i29:focus,.i30:focus,.i31:focus,.i32:focus,.i33:focus{outline:3px solid rgba(139,92,246,0.6)!important;outline-offset:2px!important}
.i2:hover,.i3:hover,.i4:hover,.i5:hover,.i6:hover,.i35:hover,.i36:hover,.i37:hover,.i38:hover,.i39:hover,.i40:hover{color:#E44BFF!important}
.i7:hover{box-shadow:0 0 36px rgba(139,92,246,0.7)!important;transform:translateY(-1px)!important}
.i8:hover,.i22:hover,.i34:hover{box-shadow:0 0 40px rgba(139,92,246,0.7)!important;transform:translateY(-2px)!important}
.i9:hover{border-color:rgba(196,181,253,0.7)!important;background:rgba(167,139,250,0.08)!important}
.i10:hover,.i11:hover,.i12:hover{transform:translateY(-4px)!important;border-color:rgba(228,75,255,0.45)!important;box-shadow:0 12px 40px rgba(91,33,182,0.35)!important}
.i13:hover,.i14:hover,.i15:hover,.i16:hover{filter:brightness(1.25)!important}
.i23:hover,.i24:hover,.i25:hover,.i26:hover,.i27:hover,.i28:hover{transform:translateY(-4px)!important;border-color:rgba(139,92,246,0.5)!important}
.i41:hover,.i42:hover{border-color:#E44BFF!important;color:#E44BFF!important}

/* ===== Layout-Anpassungen ===== */
/* Hero: Content auf max. 1300px begrenzen und zentrieren */
.md-lp-page [data-hero-text]{max-width:1300px!important;width:100%;margin:0 auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px);box-sizing:border-box}
.md-lp-page [data-hero-text]>*{max-width:660px}

/* Leistungen: Kernstueck-Karte - Bild nimmt wie bei den anderen Kacheln 50 % ein,
   der Text liegt darueber und ueberlappt nur den leeren linken Bildbereich. */
@media(min-width:900px){
  .md-lp-page #webseiten>div{display:block!important;position:relative;min-height:430px}
  .md-lp-page #webseiten>div>div:last-child{position:absolute!important;top:0;right:0;width:50%;height:100%;min-height:0!important}
  .md-lp-page #webseiten>div>div:last-child>div{background:linear-gradient(90deg,rgba(19,10,38,1) 0%,rgba(19,10,38,0.94) 30%,rgba(19,10,38,0) 64%)!important}
  .md-lp-page #webseiten>div>div:first-child{position:relative;z-index:2;width:68%;box-sizing:border-box}
}

/* Prozess: fixiertes Hintergrundbild hinter der gesamten Section, 40 % Deckkraft */
.md-lp-page #prozess{--md-bg:.3}
.md-lp-page #prozess::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background-image:url('https://moritz-designs.de/wp-content/uploads/2026/08/prozess-bg.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;opacity:var(--md-bg);z-index:0;pointer-events:none}
.md-lp-page #prozess>*{position:relative;z-index:1}
@media(max-width:900px),(pointer:coarse){
  .md-lp-page #prozess::before{background-attachment:scroll}
}

/* Prozess: nur der Slider laeuft ueber die volle Seitenbreite, die Headline bleibt im Raster */
@media(min-width:901px){
  .md-lp-page #prozess [data-prozess-wrap]{width:100vw;margin-left:calc(50% - 50vw);max-width:100vw}
  .md-lp-page #prozess [data-prozess-slide]>div{max-width:1120px;margin:0 auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px)}
}

/* Mobile-Navigation (Burger) — Ergänzung, da die Referenz die Nav mobil nur ausblendet */
.md-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(196,181,253,0.25);background:rgba(167,139,250,0.06);cursor:pointer;padding:0}
.md-burger span{display:block;width:18px;height:2px;background:#F4F1FA;position:relative}
.md-burger span::before,.md-burger span::after{content:'';position:absolute;left:0;width:18px;height:2px;background:#F4F1FA}
.md-burger span::before{top:-6px}
.md-burger span::after{top:6px}
@media(max-width:899px){
  .md-burger{display:flex}
  [data-header-nav]{position:fixed;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0!important;padding:8px 20px 18px;background:rgba(19,10,38,0.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(196,181,253,0.14);display:none!important}
  [data-header-nav].is-open{display:flex!important}
  [data-header-nav] a{min-height:48px;display:flex;align-items:center}
  .md-hdr-cta{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .md-lp-page *,.md-lp-page *::before,.md-lp-page *::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}