.elementor-kit-9{--e-global-color-primary:#1A3A5C;--e-global-color-secondary:#E8A020;--e-global-color-text:#1A1A1A;--e-global-color-accent:#1A3A5C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:300;--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;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#E8A020;color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =============================================================
   Mauritz Maschinenbau – Responsive-CSS
   Eingefügt unter: Elementor → Websiteeinstellungen → Custom CSS

   Prinzip: Layout-Logik zentral hier, NICHT pro Widget durch
   die Geräte-Tabs klicken. Pro Section in Elementor unter
   Advanced → CSS Classes die hier genannte Klasse vergeben.

   Breakpoints auf Elementor-Standard:
     Tablet  ≤ 1024px
     Handy   ≤ 767px
   ============================================================= */


/* =============================================================
   1) HERO  – Bild + Überschrift + Button
   CSS-Klasse für die Hero-Section:  mz-hero
   Bild als HINTERGRUND der Section setzen (nicht als Widget,
   keine Slideshow!). Position: Center Center, Size: Cover.
   ============================================================= */
.mz-hero {
  min-height: 80vh;
  display: flex;
  align-items: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

/* Overlay für Lesbarkeit des Textes über dem Bild */
.mz-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 0;
}
.mz-hero > * {
  position: relative;
  z-index: 1;
}

/* Hero-Text skaliert flüssig mit der Bildschirmbreite */
.mz-hero h1,
.mz-hero h2 {
  font-size: clamp(1.8rem, 4vw + 1rem, 3.5rem);
  line-height: 1.15;
}
.mz-hero p {
  font-size: clamp(1rem, 1vw + 0.6rem, 1.25rem);
}

@media (max-width: 767px) {
  .mz-hero {
    min-height: 60vh;
    text-align: center;
    padding: 2rem 1.25rem;
  }
}


/* =============================================================
   2) BILD-TEXT-WECHSELBLÖCKE
   CSS-Klasse: mz-split (normal) / mz-split--reverse (gespiegelt)
   ============================================================= */
.mz-split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
}
.mz-split > * {
  flex: 1 1 320px;
  min-width: 0;
}
.mz-split img {
  max-width: 100%;
  height: auto;
  display: block;
}
.mz-split--reverse {
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .mz-split,
  .mz-split--reverse {
    flex-direction: column;
    gap: 1.5rem;
  }
}


/* =============================================================
   3) NAVIGATION – mehrstufiges Menü auf dem Handy
   ============================================================= */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .sub-menu,
  .elementor-nav-menu .sub-menu {
    padding-left: 1rem;
    border-left: 2px solid rgba(0, 0, 0, 0.12);
    margin: 0.25rem 0 0.5rem 0.5rem;
  }
  .elementor-nav-menu a,
  .elementor-nav-menu .sub-menu a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    line-height: 1.3;
  }
}


/* =============================================================
   4) SICHERHEITSNETZ gegen horizontales Scrollen
   ============================================================= */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
img,
video,
iframe {
  max-width: 100%;
  height: auto;
}


a {
    color: #375EFB;
}

a:hover {
    color: #1A3FD8;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://mauritz-maschinenbau.de/wp-content/uploads/2026/06/roboto-v51-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mauritz-maschinenbau.de/wp-content/uploads/2026/06/roboto-v51-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mauritz-maschinenbau.de/wp-content/uploads/2026/06/roboto-v51-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://mauritz-maschinenbau.de/wp-content/uploads/2026/06/roboto-v51-latin-300.woff2') format('woff2');
}
/* End Custom Fonts CSS */