.elementor-kit-6{--e-global-color-primary:#5B8FB9;--e-global-color-secondary:#76B39D;--e-global-color-text:#7A7A7A;--e-global-color-accent:#69B8FA;--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:#494949;font-family:"Inter", Sans-serif;font-size:1.12rem;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:1.12rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:3rem;line-height:3.5rem;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:2.25rem;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:1.75rem;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:1.4rem;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:1.3rem;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-6 h1{font-size:2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:2rem;line-height:1.1em;}.elementor-kit-6 h2{font-size:1.9rem;}.elementor-kit-6 h3{line-height:1.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container-Grundlage */
.mphauptbild {
  position: relative;
  overflow: hidden;
}

/* Pseudo-Hintergrund */
.mphauptbild::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;      /* uebernimmt das gesetzte BG-Bild */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1);
  will-change: transform;
  animation: bgZoomInPseudo 4.5s ease-out forwards;
  z-index: 0;
}

/* Inhalt ueber dem BG */
.mphauptbild > * {
  position: relative;
  z-index: 1;
}

/* Keyframes fuer das Zoom-In via Transform */
@keyframes bgZoomInPseudo {
  from { transform: scale(1); }
  to   { transform: scale(1.05); }
}

@media (max-width: 767px) {
  .mphauptbild { min-height: 40vh; }
}

@media (prefers-reduced-motion: reduce) {
  .mphauptbild::before { animation: none !important; }
}

/* Loop-Element Hover Effekt */
.elementor-184 {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 12px; /* optional – für weichere Kanten */
  overflow: hidden;
}

/* Hover-Effekt */
.elementor-184:hover {
  transform: scale(1.03); /* sanfter Zoom */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); /* weicher Schatten */
}

/* Optional: Bild selbst leicht animieren (wenn enthalten) */
.elementor-184 img {
  transition: transform 0.6s ease;
}

.elementor-184:hover img {
  transform: scale(1.05);
}

.elementor-265 {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 12px; /* optional – für weichere Kanten */
  overflow: hidden;
}

/* Hover-Effekt */
.elementor-265:hover {
  transform: scale(1.03); /* sanfter Zoom */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); /* weicher Schatten */
}

/* Optional: Bild selbst leicht animieren (wenn enthalten) */
.elementor-265 img {
  transition: transform 0.6s ease;
}

.elementor-265:hover img {
  transform: scale(1.05);
}


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



#mpseitentitel {
  opacity: 0;
  transform: scale(0.95);
  animation: titleZoomIn 1.3s ease-out forwards;
}

@keyframes titleZoomIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

hr {
 margin-top: 20px!important;
  margin-bottom: 20px!important;
}

h4{
    margin-top: 20px!important;
  margin-bottom: 20px!important;
}/* End custom CSS */