.elementor-kit-9{--e-global-color-primary:#874F31;--e-global-color-secondary:#C96E3D;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#373737;font-family:"Tahoma", Sans-serif;font-size:1.2rem;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#86624D;color:#FFFFFF;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 p{margin-block-end:18px;}.elementor-kit-9 a{color:var( --e-global-color-secondary );}.elementor-kit-9 h1{color:#874F31;font-family:"Tahoma", Sans-serif;font-size:30px;line-height:40px;}.elementor-kit-9 h2{color:#874F31;font-family:"Tahoma", Sans-serif;font-size:28px;line-height:39px;word-spacing:0px;}.elementor-kit-9 h3{color:var( --e-global-color-primary );font-family:"Tahoma", Sans-serif;font-size:26px;}.elementor-kit-9 h4{color:var( --e-global-color-primary );font-family:"Tahoma", Sans-serif;font-size:25px;}.elementor-kit-9 h5{color:var( --e-global-color-primary );font-family:"Tahoma", Sans-serif;font-size:24px;}.elementor-kit-9 h6{color:var( --e-global-color-primary );font-family:"Tahoma", Sans-serif;font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9 h1{font-size:25px;line-height:1.4em;}.elementor-kit-9 h2{font-size:23px;line-height:1.2em;}.elementor-kit-9 h3{font-size:22px;line-height:1.3em;}.elementor-kit-9 h4{font-size:20px;}.elementor-kit-9 h5{font-size:20px;}.elementor-kit-9 h6{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h1{font-size:23px;}.elementor-kit-9 h2{font-size:20px;line-height:1.3em;}.elementor-kit-9 h3{font-size:20px;line-height:1.3em;}.elementor-kit-9 h4{line-height:1.2em;}.elementor-kit-9 h5{line-height:1.2em;}.elementor-kit-9 h6{line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Desktop: wie gehabt */
@media (min-width:1025px){
  body {
    background-image: url('/mp/pics/Background2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #000; /* Fallback */
  }
}

/* Mobile: simuliertes Fixed via Layer */
@media (max-width:1024px){
  html, body { min-height: 100%; background: transparent; }
  body {
    background: none !important; /* Body-BG ausschalten */
  }
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('/mp/pics/Background2.jpg'); /* gleiche Datei */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;       /* unter allem */
    pointer-events: none;
  }
}





#mp-header {
  min-height: calc(100vh - 50px);
}


#mpmobilenav{
    margin-top: -1500px;
    transition: 0.8s;
    
}


/* opennavbutton*/
#mpopenmenubutton{
    transform: translateX(-50%);
}

#mpopenmenubutton {
    cursor: pointer;
  opacity: 0;
  transform: translate(-50%, -40%);
  animation: fadeInUp 0.8s ease-out forwards;
  animation-delay: 1.5s; /* optional */
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -10%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}


#mpclosebutton {
    cursor: pointer;}

.mpdienstleistungen{
    max-height: 315px;
}




/* Elementor Texteditor: letzten Abstand entfernen */
.elementor-widget-text-editor .elementor-widget-container > *:last-child {
  margin-bottom: 0 !important;
}


#mpback{
    cursor: pointer;
}


/* Mobile Version: zentrieren */
@media (max-width: 767px) {
  .aep-filter-bar {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    text-align: center !important;
  }

  .aep-filter-bar .filter-items {
    display: inline-flex !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 4px 8px !important; /* etwas Abstand */
  }

  .aep-filter-bar .filter-items a {
    text-align: center !important;
  }
}





/* Nur das Icon bekommt einen runden dunklen Hintergrund */
.elementor-element-65be27b .ae-post-overlay-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;              /* Groesse anpassen */
  height: 60px;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 50%;
  padding: 10px;
}

/* Icon weiss machen, falls noch nicht */
.elementor-element-65be27b .ae-post-overlay-icon svg {
  width: 32px;
  height: 32px;
  fill: #ffffff;
}

.elementor-element-65be27b .ae-post-overlay-wrapper {
    margin-top: 120px; /* nach unten verschieben */
}/* End custom CSS */