.elementor-kit-8394{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FF0000;--e-global-typography-primary-font-family:"Circular";--e-global-typography-primary-font-weight:bold;--e-global-typography-secondary-font-family:"Circular";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Circular";--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Circular";--e-global-typography-accent-font-weight:bold;--e-global-typography-77dce04-font-family:"Circular";--e-global-typography-77dce04-font-size:32px;--e-global-typography-77dce04-font-weight:normal;--e-global-typography-77dce04-line-height:1.25em;--e-global-typography-9a5f038-font-family:"Circular";--e-global-typography-9a5f038-font-size:32px;--e-global-typography-9a5f038-font-weight:bold;--e-global-typography-9a5f038-line-height:1.25em;--e-global-typography-52267c9-font-family:"Circular";--e-global-typography-52267c9-font-size:24px;--e-global-typography-52267c9-line-height:1.3em;--e-global-typography-86f51ce-font-family:"Circular";--e-global-typography-86f51ce-font-size:24px;--e-global-typography-86f51ce-font-weight:bold;--e-global-typography-86f51ce-line-height:1.3em;--e-global-typography-fcc53dd-font-family:"Circular";--e-global-typography-fcc53dd-font-size:18px;--e-global-typography-fcc53dd-line-height:1.5em;--e-global-typography-db00cce-font-family:"Circular";--e-global-typography-db00cce-font-size:18px;--e-global-typography-db00cce-font-weight:bold;--e-global-typography-db00cce-line-height:1.5em;--e-global-typography-f521c02-font-family:"Circular";--e-global-typography-f521c02-font-size:16px;--e-global-typography-f521c02-line-height:1.45em;--e-global-typography-1f3a7b7-font-family:"Circular";--e-global-typography-1f3a7b7-font-size:16px;--e-global-typography-1f3a7b7-font-weight:bold;--e-global-typography-1f3a7b7-line-height:1.45em;color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:18px;font-weight:normal;}.elementor-kit-8394 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8394 a{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:18px;font-weight:normal;}.elementor-kit-8394 h1{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:300px;font-weight:bold;}.elementor-kit-8394 h2{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:100px;font-weight:bold;line-height:85px;}.elementor-kit-8394 h3{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:32px;font-weight:bold;}.elementor-kit-8394 h4{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:32px;font-weight:normal;}.elementor-kit-8394 h5{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:24px;font-weight:normal;}.elementor-kit-8394 h6{color:var( --e-global-color-primary );font-family:"Circular", Sans-serif;font-size:18px;font-weight:normal;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.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{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-8394{--e-global-typography-77dce04-font-size:26px;--e-global-typography-77dce04-line-height:1.3em;--e-global-typography-9a5f038-font-size:26px;--e-global-typography-9a5f038-line-height:1.3em;--e-global-typography-52267c9-font-size:21px;--e-global-typography-52267c9-line-height:1.35em;--e-global-typography-86f51ce-font-size:21px;--e-global-typography-86f51ce-line-height:1.35em;--e-global-typography-fcc53dd-font-size:18px;--e-global-typography-fcc53dd-line-height:1.5em;--e-global-typography-db00cce-font-size:18px;--e-global-typography-db00cce-line-height:1.5em;--e-global-typography-f521c02-font-size:16px;--e-global-typography-f521c02-line-height:1.45em;--e-global-typography-1f3a7b7-font-size:16px;--e-global-typography-1f3a7b7-line-height:1.45em;font-size:18px;}.elementor-kit-8394 h1{font-size:180px;}.elementor-kit-8394 h2{font-size:72px;line-height:61px;}.elementor-kit-8394 h3{font-size:32px;line-height:35px;}.elementor-kit-8394 h4{font-size:32px;line-height:38px;}.elementor-kit-8394 h5{font-size:24px;line-height:30px;}.elementor-kit-8394 h6{font-size:18px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:50px;--container-default-padding-bottom:0px;--container-default-padding-left:50px;}}@media(max-width:767px){.elementor-kit-8394{--e-global-typography-77dce04-font-size:18px;--e-global-typography-77dce04-line-height:1.35em;--e-global-typography-9a5f038-font-size:18px;--e-global-typography-9a5f038-line-height:1.35em;--e-global-typography-52267c9-font-size:18px;--e-global-typography-52267c9-line-height:1.35em;--e-global-typography-86f51ce-font-size:18px;--e-global-typography-86f51ce-line-height:1.35em;--e-global-typography-fcc53dd-font-size:18px;--e-global-typography-fcc53dd-line-height:1.35em;--e-global-typography-db00cce-font-size:18px;--e-global-typography-db00cce-line-height:1.35em;--e-global-typography-f521c02-font-size:16px;--e-global-typography-f521c02-line-height:1.3em;--e-global-typography-1f3a7b7-font-size:16px;--e-global-typography-1f3a7b7-line-height:1.3em;font-size:18px;}.elementor-kit-8394 h1{font-size:64px;line-height:55px;}.elementor-kit-8394 h2{font-size:41px;line-height:41px;}.elementor-kit-8394 h3{font-size:28px;line-height:31px;}.elementor-kit-8394 h4{font-size:28px;line-height:34px;}.elementor-kit-8394 h5{font-size:22px;line-height:28px;}.elementor-kit-8394 h6{font-size:18px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:28px;--container-default-padding-bottom:0px;--container-default-padding-left:28px;}}
/* Start custom CSS *//* MCU 2026 Grundsystem */

:root {
  --mcu-black: #000000;
  --mcu-white: #ffffff;
  --mcu-red: #ff2323;
  --mcu-light: #f3f3f3;
  --mcu-text: #111111;

  --mcu-max: 1440px;
  --mcu-pad-desktop: 88px;
  --mcu-pad-tablet: 48px;
  --mcu-pad-mobile: 28px;

  --mcu-gap: 28px;
}

/* Kein seitliches Scrollen durch zu breite Elemente */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Grundschrift */

body {
  font-family: circular-regular, Arial, sans-serif;
  color: var(--mcu-text);
  background: var(--mcu-white);
}

h1,
h2,
h3,
h4,
.mcu-bold {
  font-family: circular-bold, Arial, sans-serif;
  letter-spacing: -0.035em;
}

.mcu-dot {
  color: var(--mcu-red);
}

/* Grundlayout */

.mcu-section {
  padding: 96px var(--mcu-pad-desktop);
}

.mcu-section-dark {
  background: var(--mcu-black);
  color: var(--mcu-white);
}

.mcu-section-light {
  background: var(--mcu-white);
  color: var(--mcu-black);
}

.mcu-container {
  max-width: var(--mcu-max);
  margin-left: auto;
  margin-right: auto;
}

.mcu-narrow {
  max-width: 760px;
}

/* Titel */

.mcu-title {
  font-size: clamp(64px, 9vw, 150px);
  line-height: 0.9;
  margin: 0 0 28px 0;
}

.mcu-title-small {
  font-size: clamp(42px, 5vw, 78px);
  line-height: 1;
  margin: 0 0 24px 0;
}

.mcu-lead {
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.35;
  margin: 0 0 32px 0;
  max-width: 980px;
}

.mcu-text {
  font-size: 18px;
  line-height: 1.55;
}

.mcu-line {
  width: 100%;
  height: 4px;
  background: var(--mcu-red);
  margin: 24px 0 32px 0;
}

/* Buttons */

.elementor-button,
.mcu-button {
  border-radius: 0 !important;
  padding: 15px 24px !important;
  font-family: circular-bold, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

.mcu-button-primary .elementor-button {
  background: var(--mcu-red) !important;
  color: var(--mcu-white) !important;
}

.mcu-button-secondary .elementor-button {
  background: transparent !important;
  color: inherit !important;
  border: 1px solid currentColor !important;
}

.mcu-button-row {
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Grids */

.mcu-grid,
.mcu-grid-3,
.mcu-grid-4,
.mcu-grid-5 {
  display: grid !important;
  gap: var(--mcu-gap) !important;
}

.mcu-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.mcu-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.mcu-grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

/* Service-Kacheln */

.mcu-card {
  position: relative;
  overflow: hidden;
  background: var(--mcu-light);
  padding: 22px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;

  min-height: 290px;
}

.mcu-card h3,
.mcu-card .elementor-heading-title {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

.mcu-card .elementor-widget-text-editor {
  margin-bottom: 0 !important;
}

.mcu-card .elementor-widget-button {
  margin-top: auto !important;
}

.mcu-card .elementor-button-wrapper {
  margin-top: 24px !important;
}

/* Bilder allgemein */

.mcu-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mcu-image-card {
  min-height: 320px;
}

/* Referenz-Kacheln */

.mcu-ref-card {
  aspect-ratio: 4 / 3;
  min-height: 260px;
  background: #1a1a1a;
  color: var(--mcu-white);
}

.mcu-ref-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mcu-card-title {
  position: absolute;
  left: 24px;
  bottom: 22px;
  color: var(--mcu-white);
  font-family: circular-bold, Arial, sans-serif;
  font-size: 28px;
  line-height: 1;
  z-index: 2;
}

/* Nur Referenzkarten mit Hover-Overlay, nicht Service-Kacheln */

.mcu-ref-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  opacity: 1;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.mcu-ref-card:hover::after {
  opacity: 0.5;
}

/* Menü */

.mcu-menu-highlight a {
  color: var(--mcu-red) !important;
}

/* Tablet */

@media (max-width: 1024px) {
  .mcu-section {
    padding: 72px var(--mcu-pad-tablet);
  }

  .mcu-grid-4,
  .mcu-grid-5,
  .mcu-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .mcu-card {
    min-height: 260px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .mcu-section {
    padding: 56px var(--mcu-pad-mobile);
  }

  .mcu-grid-3,
  .mcu-grid-4,
  .mcu-grid-5 {
    grid-template-columns: 1fr;
  }

  .mcu-title {
    font-size: clamp(48px, 15vw, 76px);
  }

  .mcu-title-small {
    font-size: clamp(36px, 11vw, 56px);
  }

  .mcu-lead {
    font-size: 20px;
  }

  .mcu-card {
    min-height: auto;
    padding: 20px !important;
  }

  .mcu-image-card {
    min-height: 260px;
  }

  .mcu-button-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
::selection {
  background: #ff2727;
  color: #ffffff;
}

::-moz-selection {
  background: #ff2727;
  color: #ffffff;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Circular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging.mcu.swiss/wp-content/uploads/2026/05/CircularXX-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Circular';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://staging.mcu.swiss/wp-content/uploads/2026/05/CircularXX-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */