/* MOT Röbel – Designsystem (seitenweit). Quelle: Claude Design „MOT Röbel“, bundle.css. Versioniert in clients/mot-roebel/wp/mot-assets/. */
@font-face{font-family:'Roboto Condensed';src:url('/wp-content/uploads/mot-assets/fonts/RobotoCondensed-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Roboto';src:url('/wp-content/uploads/mot-assets/fonts/Roboto-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Werte ohne Elementor-Variable; Farben, Abstände, Schriften kommen aus den globalen Elementor-Variablen */
:root{--fehler:var(--mot-rot-tief);--container:100%;--radius-0:0px;--radius-feld:2px;--radius-rund:50%;--schatten-karte:0 18px 40px -24px rgba(31, 35, 38, 0.45);--schatten-kopf:0 1px 0 rgba(31, 35, 38, 0.10);--bp-mobil:767px;--bp-tablet:1024px;--bp-laptop:1366px;--icon-strich:2px;--font-label:"Roboto Condensed", "Arial Narrow", sans-serif}
/* ===== Neues Design: Designsystem MOT Röbel, gewichtet für Elementor (erzeugt mit css_prefix.py) ===== */
/* Elementor-Standardwerte der Atomic-Bausteine innerhalb neuer Seiten zurücksetzen (Werte kommen aus dem Designsystem) */
.mot-neu.mot-neu :is(.e-div-block-base, .e-flexbox-base, .e-grid-base) { padding: 0; min-width: 0; }
.mot-neu.mot-neu .e-con { --width: auto; --gap: 0px; --row-gap: 0px; --column-gap: 0px; }
.mot-neu.mot-neu .e-con::before, .mot-neu.mot-neu .e-con::after { width: auto; height: auto; }
.mot-neu.mot-neu :is(.t-dt, .t-dd, .t-li, .t-figcaption, .t-address) { display: block; }
.mot-neu.mot-neu :is(.t-span, .t-strong, .t-em, .t-small, .t-label) { display: inline; }
.mot-neu.mot-neu .e-div-block-base:where(a) { display: inline; text-decoration: inherit; }
.mot-neu.mot-neu .e-svg-base { display: inline-block; width: auto; height: auto; line-height: 0; }
.mot-neu.mot-neu .e-svg-base > svg { display: block; width: 100%; height: 100%; transform: none; }
.mot-neu.mot-neu:is(.e-div-block-base, .e-con) { display: block; padding: 0; min-width: 0; }

.mot-neu.mot-neu .display-xl {font-family:var(--font-display);font-size:80px;line-height:0.95;font-weight:800;letter-spacing:-0.01em}
.mot-neu.mot-neu .h1 {font-family:var(--font-display);font-size:64px;line-height:1;font-weight:800;letter-spacing:-0.005em}
.mot-neu.mot-neu .h2 {font-family:var(--font-display);font-size:48px;line-height:1.05;font-weight:700}
.mot-neu.mot-neu .h3 {font-family:var(--font-display);font-size:30px;line-height:1.15;font-weight:700}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .display-xl {font-family:var(--font-display);font-size:46px;line-height:0.98;font-weight:800} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .h1 {font-family:var(--font-display);font-size:40px;line-height:1.05;font-weight:800} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .h2 {font-family:var(--font-display);font-size:32px;line-height:1.1;font-weight:700} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .h3 {font-family:var(--font-display);font-size:24px;line-height:1.2;font-weight:700} }
.mot-neu.mot-neu .h4 {font-family:var(--font-label);font-size:22px;line-height:1.25;font-weight:600}
.mot-neu.mot-neu .label {font-family:var(--font-label);font-size:14px;line-height:1.2;font-weight:600;letter-spacing:0.12em}
.mot-neu.mot-neu .button {font-family:var(--font-label);font-size:17px;line-height:1;font-weight:600;letter-spacing:0.04em}
.mot-neu.mot-neu .nav {font-family:var(--font-label);font-size:17px;line-height:1;font-weight:600;letter-spacing:0.02em}
.mot-neu.mot-neu .lead {font-family:var(--font-text);font-size:21px;line-height:1.55;font-weight:400}
.mot-neu.mot-neu .body {font-family:var(--font-text);font-size:18px;line-height:1.65;font-weight:400}
.mot-neu.mot-neu .body-strong {font-family:var(--font-text);font-size:18px;line-height:1.65;font-weight:500}
.mot-neu.mot-neu .small {font-family:var(--font-text);font-size:15px;line-height:1.5;font-weight:400}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .lead {font-family:var(--font-text);font-size:19px;line-height:1.5;font-weight:400} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .body {font-family:var(--font-text);font-size:17px;line-height:1.6;font-weight:400} }
.mot-neu.mot-neu *, .mot-neu.mot-neu, .mot-neu.mot-neu *::before, .mot-neu.mot-neu::before, .mot-neu.mot-neu *::after, .mot-neu.mot-neu::after {box-sizing: border-box;}
.mot-neu.mot-neu {margin: 0; font-family: var(--font-text); font-size: 18px; line-height: 1.65; color: var(--schiefer); background: var(--weiss);}
.mot-neu.mot-neu h1, .mot-neu.mot-neu h2, .mot-neu.mot-neu h3, .mot-neu.mot-neu h4, .mot-neu.mot-neu :is(p, .t-p), .mot-neu.mot-neu :is(ul, .t-ul), .mot-neu.mot-neu :is(ol, .t-ol), .mot-neu.mot-neu :is(dl, .t-dl), .mot-neu.mot-neu :is(dd, .t-dd), .mot-neu.mot-neu :is(figure, .t-figure) {margin: 0;}
.mot-neu.mot-neu :is(ul, .t-ul), .mot-neu.mot-neu :is(ol, .t-ol) {padding: 0; list-style: none;}
.mot-neu.mot-neu img {display: block; max-width: 100%;}
.mot-neu.mot-neu a {color: inherit;}
.mot-neu.mot-neu :focus-visible {outline: 3px solid var(--fokus); outline-offset: 4px;}
.mot-neu.mot-neu .mot-dunkel :focus-visible {outline-color: var(--fokus-hell);}
@media (prefers-reduced-motion: reduce) {
.mot-neu.mot-neu *, .mot-neu.mot-neu, .mot-neu.mot-neu *::before, .mot-neu.mot-neu::before, .mot-neu.mot-neu *::after, .mot-neu.mot-neu::after {transition: none !important;}
}
.mot-neu.mot-neu .display-xl, .mot-neu.mot-neu .h1, .mot-neu.mot-neu .h2, .mot-neu.mot-neu .h3, .mot-neu.mot-neu .h4 {color: var(--asphalt); text-wrap: balance;}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .display-xl, .mot-neu.mot-neu.mot-neu.mot-neu .h1, .mot-neu.mot-neu.mot-neu.mot-neu .h2, .mot-neu.mot-neu.mot-neu.mot-neu .h3 {color: var(--asphalt); text-wrap: balance;} }
.mot-neu.mot-neu .mot-dunkel .display-xl, .mot-neu.mot-neu .mot-dunkel .h1, .mot-neu.mot-neu .mot-dunkel .h2, .mot-neu.mot-neu .mot-dunkel .h3, .mot-neu.mot-neu .mot-dunkel .h4 {color: var(--weiss);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-dunkel .display-xl, .mot-neu.mot-neu.mot-neu.mot-neu .mot-dunkel .h1, .mot-neu.mot-neu.mot-neu.mot-neu .mot-dunkel .h2, .mot-neu.mot-neu.mot-neu.mot-neu .mot-dunkel .h3 {color: var(--weiss);} }
.mot-neu.mot-neu .label, .mot-neu.mot-neu .button, .mot-neu.mot-neu .nav {text-transform: uppercase;}
.mot-neu.mot-neu .nav {text-transform: none;}
.mot-neu.mot-neu .mot-container {width: var(--container); padding-inline: var(--rand-desktop);}
.mot-neu.mot-neu .mot-anschnitt-rechts {margin-right: calc(-1 * var(--rand-desktop));}
.mot-neu.mot-neu .mot-anschnitt-links {margin-left: calc(-1 * var(--rand-desktop));}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-anschnitt-rechts {margin-right: calc(-1 * var(--rand-mobil));} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-anschnitt-links {margin-left: calc(-1 * var(--rand-mobil));} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-anschnitt-beide {margin-inline: calc(-1 * var(--rand-mobil));} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container {padding-inline: var(--rand-mobil);} }
.mot-neu.mot-neu .mot-sektion {padding-block: var(--sektion-desktop);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-sektion {padding-block: var(--sektion-mobil);} }
.mot-neu.mot-neu .mot-sektion--beton {background: var(--beton);}
.mot-neu.mot-neu .mot-dunkel {background: var(--asphalt); color: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-text {max-width: var(--textspalte);}
.mot-neu.mot-neu .mot-stapel {display: grid; gap: var(--space-6); align-content: start;}
.mot-neu.mot-neu .mot-stapel--eng {gap: var(--space-4);}
.mot-neu.mot-neu .mot-reihe {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8);}
.mot-neu.mot-neu .mot-raster-3 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8);}
.mot-neu.mot-neu .mot-raster-2 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); align-items: center;}
.mot-neu.mot-neu .mot-raster-1 {display: grid; gap: var(--space-6);}
.mot-neu.mot-neu .mot-eyebrow {display: inline-flex; align-items: center; gap: var(--space-4); color: var(--mot-rot);}
.mot-neu.mot-neu .mot-eyebrow::before {content: ""; flex: none; width: 24px; height: 10px; background: var(--mot-rot); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-dunkel .mot-eyebrow {color: var(--mot-rot-hell);}
.mot-neu.mot-neu .mot-kopf {display: grid; gap: var(--space-6); max-width: 880px; margin-bottom: var(--space-16);}
.mot-neu.mot-neu .mot-kopf--geteilt {max-width: none; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: var(--space-12);}
.mot-neu.mot-neu .mot-kopf--geteilt > .mot-stapel {max-width: 880px;}
.mot-neu.mot-neu .mot-btn {--btn-bg: var(--mot-rot); --btn-bg-hover: var(--mot-rot-tief); --btn-fg: var(--weiss); --btn-rahmen: var(--btn-bg);
  position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3);
  min-height: var(--button-hoehe); padding: 0 var(--space-8); border: 0; background: none; color: var(--btn-fg);
  text-decoration: none; white-space: nowrap; cursor: pointer;}
.mot-neu.mot-neu .mot-btn::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--btn-bg); border: 2px solid var(--btn-rahmen);
  transform: skewX(calc(-1 * var(--slant-angle))); transition: background-color .18s ease, border-color .18s ease;}
.mot-neu.mot-neu .mot-btn:hover::before {background: var(--btn-bg-hover); border-color: var(--btn-bg-hover);}
.mot-neu.mot-neu .mot-btn:focus-visible {outline-offset: 8px;}
.mot-neu.mot-neu .mot-btn__pfeil {width: 16px; height: 16px; flex: none; transition: transform .18s ease;}
.mot-neu.mot-neu .mot-btn:hover .mot-btn__pfeil {transform: translateX(4px);}
.mot-neu.mot-neu .mot-btn--sekundaer {--btn-bg: var(--asphalt); --btn-bg-hover: var(--graphit);}
.mot-neu.mot-neu .mot-btn--kontur {--btn-bg: var(--weiss); --btn-bg-hover: var(--beton); --btn-fg: var(--asphalt); --btn-rahmen: var(--asphalt);}
.mot-neu.mot-neu .mot-btn--kontur:hover::before {border-color: var(--asphalt);}
.mot-neu.mot-neu .mot-btn--kontur-dunkel {--btn-bg: transparent; --btn-bg-hover: var(--asphalt-2); --btn-fg: var(--weiss); --btn-rahmen: var(--weiss);}
.mot-neu.mot-neu .mot-btn--kontur-dunkel:hover::before {border-color: var(--weiss);}
.mot-neu.mot-neu .mot-btn--m {min-height: var(--button-hoehe-m); padding: 0 var(--space-6);}
.mot-neu.mot-neu .mot-btn--voll {width: 100%;}
.mot-neu.mot-neu .mot-link {display: inline-flex; align-items: center; gap: var(--space-2); color: var(--mot-rot); text-decoration: none;}
.mot-neu.mot-neu .mot-link .mot-btn__pfeil {width: 16px; height: 16px;}
.mot-neu.mot-neu .mot-link:hover {color: var(--mot-rot-tief);}
.mot-neu.mot-neu .mot-link:hover .mot-btn__pfeil {transform: translateX(4px);}
.mot-neu.mot-neu .mot-dunkel .mot-link {color: var(--weiss);}
.mot-neu.mot-neu .mot-bild {position: relative; overflow: hidden; background: var(--beton);}
.mot-neu.mot-neu .mot-bild > img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease;}
.mot-neu.mot-neu .mot-bild--ecke {clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-cut)), calc(100% - var(--slant-cut) * var(--slant-tan)) 100%, 0 100%);}
.mot-neu.mot-neu .mot-bild--kante-links {--bild-h: 560px; clip-path: polygon(calc(var(--bild-h) * var(--slant-tan)) 0, 100% 0, 100% 100%, 0 100%);}
.mot-neu.mot-neu .mot-bild--kante-rechts {--bild-h: 560px; clip-path: polygon(0 0, 100% 0, calc(100% - var(--bild-h) * var(--slant-tan)) 100%, 0 100%);}
.mot-neu.mot-neu .mot-bild--parallelogramm {--bild-h: 240px; clip-path: polygon(calc(var(--bild-h) * var(--slant-tan)) 0, 100% 0, calc(100% - var(--bild-h) * var(--slant-tan)) 100%, 0 100%);}
.mot-neu.mot-neu .mot-plakette {position: relative; isolation: isolate; display: inline-flex; align-items: center; min-height: 32px; padding: 0 var(--space-4); color: var(--weiss);}
.mot-neu.mot-neu .mot-plakette::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--graphit); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-plakette--rot::before {background: var(--mot-rot);}
.mot-neu.mot-neu .mot-bild .mot-plakette {position: absolute; left: var(--space-6); top: var(--space-6);}
.mot-neu.mot-neu .mot-chips {display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4);}
.mot-neu.mot-neu .mot-chip {position: relative; isolation: isolate; display: inline-flex; align-items: center; min-height: 32px; padding: 0 var(--space-4); color: var(--asphalt);}
.mot-neu.mot-neu .mot-chip::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--beton); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-sektion--beton .mot-chip::before {background: var(--weiss);}
.mot-neu.mot-neu .mot-karte {position: relative; display: flex; flex-direction: column; background: var(--weiss); transition: box-shadow .2s ease;}
.mot-neu.mot-neu .mot-sektion--beton .mot-karte:hover {box-shadow: var(--schatten-karte);}
.mot-neu.mot-neu .mot-karte__bild {aspect-ratio: 4 / 3;}
.mot-neu.mot-neu .mot-karte:hover .mot-bild > img {transform: scale(1.03);}
.mot-neu.mot-neu .mot-karte__inhalt {display: grid; gap: var(--space-4); padding: var(--space-8); flex: 1; align-content: start;}
.mot-neu.mot-neu .mot-karte__ziel {text-decoration: none;}
.mot-neu.mot-neu .mot-karte__ziel::after {content: ""; position: absolute; inset: 0;}
.mot-neu.mot-neu .mot-karte__mehr {margin-top: auto; padding-top: var(--space-2);}
.mot-neu.mot-neu .mot-liste {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-12);}
.mot-neu.mot-neu .mot-liste__eintrag {border-top: 1px solid var(--asphalt-2);}
.mot-neu.mot-neu .mot-liste__eintrag:nth-last-child(-n+2) {border-bottom: 1px solid var(--asphalt-2);}
.mot-neu.mot-neu .mot-liste__link {display: flex; align-items: center; gap: var(--space-6); padding: var(--space-6) var(--space-2); text-decoration: none; color: var(--weiss); transition: background-color .18s ease;}
.mot-neu.mot-neu .mot-liste__link:hover {background: var(--asphalt-2);}
.mot-neu.mot-neu .mot-liste__marke {flex: none; width: 28px; height: 10px; background: var(--mot-rot); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-liste__titel {flex: 1;}
.mot-neu.mot-neu .mot-liste__text {display: block; color: var(--asphalt-text-2); margin-top: var(--space-1);}
.mot-neu.mot-neu .mot-projekt {display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-12); align-items: center;}
.mot-neu.mot-neu .mot-projekt__bild {aspect-ratio: 3 / 2;}
.mot-neu.mot-neu .mot-projekt__daten {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); padding-block: var(--space-6); border-block: 1px solid var(--linie);}
.mot-neu.mot-neu .mot-projekt__daten :is(dt, .t-dt) {color: var(--schiefer-hell); margin-bottom: var(--space-1);}
.mot-neu.mot-neu .mot-projekt__daten :is(dd, .t-dd) {color: var(--asphalt);}
.mot-neu.mot-neu .mot-projekt--klein {grid-template-columns: 1fr; gap: var(--space-6);}
.mot-neu.mot-neu .mot-projekt--klein .mot-projekt__bild {aspect-ratio: 4 / 3;}
.mot-neu.mot-neu .mot-platzhalter {color: var(--schiefer-hell); font-style: italic;}
.mot-neu.mot-neu .mot-stelle {display: flex; align-items: center; gap: var(--space-8); padding: var(--space-8); background: var(--weiss);}
.mot-neu.mot-neu .mot-dunkel .mot-stelle {background: var(--asphalt-2);}
.mot-neu.mot-neu .mot-stelle__info {flex: 1; display: grid; gap: var(--space-2);}
.mot-neu.mot-neu .mot-stelle__meta {color: var(--schiefer-hell);}
.mot-neu.mot-neu .mot-dunkel .mot-stelle__meta {color: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-fakten {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
.mot-neu.mot-neu .mot-fakt {position: relative; display: grid; gap: var(--space-2); padding: var(--space-2) var(--space-8);}
.mot-neu.mot-neu .mot-fakt + .mot-fakt::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--linie); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-dunkel .mot-fakt + .mot-fakt::before {background: var(--asphalt-2);}
.mot-neu.mot-neu .mot-fakt__wert {font-family: var(--font-display); font-weight: 800; font-size: 48px; line-height: 1; color: var(--asphalt);}
.mot-neu.mot-neu .mot-dunkel .mot-fakt__wert {color: var(--weiss);}
.mot-neu.mot-neu .mot-topbar {background: var(--graphit); color: var(--weiss);}
.mot-neu.mot-neu .mot-topbar__innen {display: flex; align-items: center; justify-content: space-between; min-height: 40px; gap: var(--space-8);}
.mot-neu.mot-neu .mot-topbar a {display: inline-flex; align-items: center; gap: var(--space-2); text-decoration: none;}
.mot-neu.mot-neu .mot-topbar a:hover {text-decoration: underline;}
.mot-neu.mot-neu .mot-topbar .e-svg-base {width: 16px; height: 16px;}
.mot-neu.mot-neu .mot-kopfzeile {background: var(--weiss); box-shadow: var(--schatten-kopf);}
.mot-neu.mot-neu .mot-kopfzeile__innen {display: flex; align-items: center; gap: var(--space-8); min-height: 96px;}
.mot-neu.mot-neu .mot-logo {display: block; flex: none;}
.mot-neu.mot-neu .mot-logo img {height: 56px; width: auto;}
.mot-neu.mot-neu .mot-nav {display: flex; align-items: center; gap: var(--space-2); margin-left: auto;}
.mot-neu.mot-neu .mot-nav__punkt {position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--button-hoehe-m); padding: 0 var(--space-4); color: var(--asphalt); text-decoration: none;}
.mot-neu.mot-neu .mot-nav__punkt::before {content: ""; position: absolute; inset: 0; z-index: -1; background: transparent; transform: skewX(calc(-1 * var(--slant-angle))); transition: background-color .18s ease;}
.mot-neu.mot-neu .mot-nav__punkt:hover::before {background: var(--beton-hell);}
.mot-neu.mot-neu .mot-nav__punkt[aria-current="page"] {color: var(--weiss);}
.mot-neu.mot-neu .mot-nav__punkt[aria-current="page"]::before {background: var(--mot-rot);}
.mot-neu.mot-neu .mot-nav__punkt .e-svg-base {width: 16px; height: 16px;}
.mot-neu.mot-neu .mot-nav__neu {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-kopfzeile .mot-btn {margin-left: var(--space-4);}
.mot-neu.mot-neu .mot-burger {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: auto; border: 0; background: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-burger .e-svg-base {width: 28px; height: 28px;}
.mot-neu.mot-neu .mot-dropdown {position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-8); padding: var(--space-6) var(--space-8); background: var(--weiss); box-shadow: var(--schatten-karte); border-top: 4px solid var(--mot-rot); width: 560px;}
.mot-neu.mot-neu .mot-dropdown a {display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) 0; text-decoration: none; color: var(--asphalt); border-bottom: 1px solid var(--linie);}
.mot-neu.mot-neu .mot-dropdown a:hover {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-dropdown .mot-liste__marke {width: 16px; height: 6px;}
.mot-neu.mot-neu .mot-hero {position: relative; overflow: hidden; background: var(--asphalt); min-height: 720px;}
.mot-neu.mot-neu .mot-hero__bild {position: absolute; top: 0; bottom: 0; right: 0; width: 50%; --bild-h: 720px;}
.mot-neu.mot-neu .mot-hero__bild > img {width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%;}
.mot-neu.mot-neu .mot-hero__streifen {position: absolute; top: 0; bottom: 0; right: calc(50% - 34px); width: 56px; background: var(--strasse); transform-origin: 0 100%; transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-hero__streifen::after {content: ""; position: absolute; left: calc(50% - 2px); top: 0; bottom: 0; width: 4px; background: repeating-linear-gradient(to bottom, var(--weiss) 0 44px, transparent 44px 80px);}
.mot-neu.mot-neu .mot-hero__inhalt {position: relative; display: grid; gap: var(--space-8); align-content: center; min-height: 720px; padding-block: var(--space-24); max-width: min(760px, calc(50% - 56px));}
.mot-neu.mot-neu .mot-hero__aktionen {display: flex; flex-wrap: wrap; gap: var(--space-6); padding-top: var(--space-2);}
.mot-neu.mot-neu .mot-hero .lead {color: var(--asphalt-text-2); max-width: 600px;}
.mot-neu.mot-neu .mot-hero-m {background: var(--asphalt);}
.mot-neu.mot-neu .mot-hero-m__bild {aspect-ratio: 4 / 3; --slant-cut: 120px;}
.mot-neu.mot-neu .mot-hero-m__inhalt {display: grid; gap: var(--space-6); padding: var(--space-8) var(--rand-mobil) var(--space-12);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-hero-m .lead {color: var(--asphalt-text-2);} }
.mot-neu.mot-neu .mot-kontaktband {position: relative; overflow: hidden; background: var(--mot-rot); color: var(--weiss);}
.mot-neu.mot-neu .mot-kontaktband__innen {display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); padding-block: var(--space-16);}
.mot-neu.mot-neu .mot-kontaktband .h2 {color: var(--weiss);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-kontaktband .h2 {color: var(--weiss);} }
.mot-neu.mot-neu .mot-kontaktband__tel {font-family: var(--font-display); font-weight: 800; font-size: 48px; line-height: 1; color: var(--weiss); text-decoration: none; white-space: nowrap;}
.mot-neu.mot-neu .mot-kontaktband .mot-btn {--btn-bg: var(--asphalt); --btn-bg-hover: var(--graphit);}
.mot-neu.mot-neu .mot-kontaktband::after {content: ""; position: absolute; top: 0; bottom: 0; right: -120px; width: 360px; background: var(--mot-rot-tief); transform: skewX(calc(-1 * var(--slant-angle))); z-index: 0;}
.mot-neu.mot-neu .mot-kontaktband__innen {position: relative; z-index: 1;}
.mot-neu.mot-neu .mot-feld {display: grid; gap: var(--space-2);}
.mot-neu.mot-neu .mot-feld__label {color: var(--asphalt);}
.mot-neu.mot-neu .mot-feld__pflicht {color: var(--mot-rot-tief);}
.mot-neu.mot-neu .mot-feld__eingabe {width: 100%; min-height: var(--feld-hoehe); padding: 0 var(--space-4); border: 1px solid var(--linie-feld); border-radius: var(--radius-feld); background: var(--weiss); color: var(--asphalt); font: inherit;}
.mot-neu.mot-neu textarea.mot-feld__eingabe {min-height: 160px; padding-block: var(--space-4); resize: vertical;}
.mot-neu.mot-neu .mot-feld__eingabe:hover {border-color: var(--asphalt);}
.mot-neu.mot-neu .mot-feld__eingabe:focus-visible {outline: 3px solid var(--fokus); outline-offset: 2px; border-color: var(--fokus);}
.mot-neu.mot-neu .mot-feld__hilfe {color: var(--schiefer-hell);}
.mot-neu.mot-neu .mot-feld--fehler .mot-feld__eingabe {border: 2px solid var(--fehler);}
.mot-neu.mot-neu .mot-feld__fehler {display: flex; align-items: center; gap: var(--space-2); color: var(--fehler);}
.mot-neu.mot-neu .mot-feld__fehler .e-svg-base {width: 18px; height: 18px; flex: none;}
.mot-neu.mot-neu .mot-check {display: flex; gap: var(--space-4); align-items: flex-start;}
.mot-neu.mot-neu .mot-check input {width: 24px; height: 24px; margin: 2px 0 0; accent-color: var(--mot-rot); flex: none;}
.mot-neu.mot-neu .mot-fuss {background: var(--asphalt); color: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-fuss__oben {display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: var(--space-12); padding-block: var(--space-24) var(--space-16);}
.mot-neu.mot-neu .mot-fuss__logo {justify-self: start; position: relative; isolation: isolate; display: inline-block; padding: var(--space-4) var(--space-8);}
.mot-neu.mot-neu .mot-fuss__logo::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--weiss); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-fuss__logo img {height: 48px; width: auto;}
.mot-neu.mot-neu .mot-fuss h3 {color: var(--weiss); margin-bottom: var(--space-4);}
.mot-neu.mot-neu .mot-fuss :is(ul, .t-ul) {display: grid; gap: var(--space-2);}
.mot-neu.mot-neu .mot-fuss a {text-decoration: none;}
.mot-neu.mot-neu .mot-fuss a:hover {color: var(--weiss); text-decoration: underline;}
.mot-neu.mot-neu .mot-fuss :is(address, .t-address) {font-style: normal;}
.mot-neu.mot-neu .mot-fuss__unten {display: flex; justify-content: space-between; gap: var(--space-8); padding-block: var(--space-6); border-top: 1px solid var(--asphalt-2);}
.mot-neu.mot-neu .mot-fuss__unten :is(ul, .t-ul) {display: flex; gap: var(--space-8);}
.mot-neu.mot-neu .mot-ist {display: grid; grid-template-columns: 420px 200px minmax(0, 1fr); gap: var(--space-12); align-items: start;}
.mot-neu.mot-neu .mot-ist__shot {border: 1px solid var(--linie); background: var(--weiss);}
.mot-neu.mot-neu .mot-ist__shot img {width: 100%; height: auto;}
.mot-neu.mot-neu .mot-ist__unterschrift {margin-top: var(--space-2); color: var(--schiefer-hell);}
.mot-neu.mot-neu .mot-tabelle {width: 100%; border-collapse: collapse;}
.mot-neu.mot-neu .mot-tabelle th, .mot-neu.mot-neu .mot-tabelle td {text-align: left; padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--linie); vertical-align: top;}
.mot-neu.mot-neu .mot-tabelle th {color: var(--schiefer-hell);}
.mot-neu.mot-neu .mot-tabelle td:first-child {color: var(--asphalt);}
.mot-neu.mot-neu .mot-tabelle .mot-alt {color: var(--schiefer-hell); text-decoration: line-through; text-decoration-color: var(--mot-rot);}
.mot-neu.mot-neu .mot-tabelle .mot-neu {color: var(--asphalt); font-weight: 600;}
.mot-neu.mot-neu .mot-winkel {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-6);}
.mot-neu.mot-neu .mot-winkel :is(figure, .t-figure) {display: grid; gap: var(--space-3); padding: var(--space-6); background: var(--beton-hell);}
.mot-neu.mot-neu .mot-winkel :is(figure, .t-figure).mot-winkel--neu {background: var(--asphalt); color: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-winkel .e-svg-base {width: 100%; height: 120px;}
.mot-neu.mot-neu .mot-winkel .mot-w-flaeche {fill: var(--graphit);}
.mot-neu.mot-neu .mot-winkel .mot-w-rot {fill: var(--mot-rot);}
.mot-neu.mot-neu .mot-winkel .mot-w-hilfe {stroke: var(--linie-feld); stroke-width: 1; stroke-dasharray: 4 4; fill: none;}
.mot-neu.mot-neu .mot-winkel--neu .mot-w-hilfe {stroke: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-winkel :is(figcaption, .t-figcaption) :is(strong, .t-strong) {display: block; font-family: var(--font-display); font-weight: 800; font-size: 32px; line-height: 1; color: var(--asphalt);}
.mot-neu.mot-neu .mot-winkel--neu :is(figcaption, .t-figcaption) :is(strong, .t-strong) {color: var(--weiss);}
.mot-neu.mot-neu .mot-befunde {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8);}
.mot-neu.mot-neu .mot-befund {display: grid; gap: var(--space-3); padding: var(--space-8); background: var(--weiss); border-top: 4px solid var(--mot-rot);}
.mot-neu.mot-neu .mot-kopfzeile__innen--mobil {min-height: 72px; gap: var(--space-2);}
.mot-neu.mot-neu .mot-kopfzeile__innen--mobil .mot-logo img {height: 44px;}
.mot-neu.mot-neu .mot-tel-icon {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: auto; color: var(--mot-rot);}
.mot-neu.mot-neu .mot-tel-icon .e-svg-base {width: 24px; height: 24px;}
.mot-neu.mot-neu .mot-kopfzeile__innen--mobil .mot-burger {margin-left: 0;}
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-8);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten .mot-fakt {padding: 0 var(--space-4);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten .mot-fakt:nth-child(3)::before {display: none;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten .mot-fakt__wert {font-size: 36px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-liste {grid-template-columns: 1fr;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-liste .mot-liste__eintrag:nth-last-child(-n+2) {border-bottom: 0;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-liste .mot-liste__eintrag:last-child {border-bottom: 1px solid var(--asphalt-2);} }
.mot-neu.mot-neu .mot-kontaktband__innen--mobil {flex-direction: column; align-items: flex-start; gap: var(--space-6); padding-block: var(--space-12);}
.mot-neu.mot-neu .mot-kontaktband__innen--mobil .mot-kontaktband__tel {font-size: 36px;}
.mot-neu.mot-neu .mot-fuss__oben--mobil {grid-template-columns: 1fr; gap: var(--space-8); padding-block: var(--space-12);}
.mot-neu.mot-neu .mot-fuss__unten--mobil {flex-direction: column;}
.mot-neu.mot-neu .mot-fuss__unten--mobil :is(ul, .t-ul) {flex-wrap: wrap; gap: var(--space-4) var(--space-6);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-kopf {margin-bottom: var(--space-8); gap: var(--space-4);} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-karte .mot-karte__inhalt {padding: var(--space-6);} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-stelle {flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6);} }
.mot-neu.mot-neu .mot-icon {width: var(--icon-l); height: var(--icon-l); flex: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-icon--m {width: var(--icon-m); height: var(--icon-m);}
.mot-neu.mot-neu .mot-icon .i-l {fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter;}
.mot-neu.mot-neu .mot-icon .i-a {fill: var(--mot-rot);}
.mot-neu.mot-neu .mot-icon .i-as {fill: none; stroke: var(--mot-rot); stroke-width: 2.5; stroke-linecap: square; stroke-linejoin: miter;}
.mot-neu.mot-neu .mot-icon .i-ad {fill: none; stroke: var(--mot-rot); stroke-width: 2.5; stroke-dasharray: 2 3;}
.mot-neu.mot-neu .mot-dunkel .mot-icon {color: var(--weiss);}
.mot-neu.mot-neu .mot-dunkel .mot-icon .i-a {fill: var(--mot-rot-hell);}
.mot-neu.mot-neu .mot-dunkel .mot-icon .i-as, .mot-neu.mot-neu .mot-dunkel .mot-icon .i-ad {stroke: var(--mot-rot-hell);}
.mot-neu.mot-neu .mot-icon-plakette {position: relative; z-index: 1; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; justify-self: start; width: 80px; height: 80px; margin-top: calc(-1 * var(--space-8) - 40px);}
.mot-neu.mot-neu .mot-icon-plakette::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mot-rot); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-icon-plakette .mot-icon {color: var(--weiss);}
.mot-neu.mot-neu .mot-icon-plakette .mot-icon .i-a {fill: var(--weiss);}
.mot-neu.mot-neu .mot-icon-plakette .mot-icon .i-as, .mot-neu.mot-neu .mot-icon-plakette .mot-icon .i-ad {stroke: var(--weiss);}
.mot-neu.mot-neu .mot-icon-raster {display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-8) var(--space-6);}
.mot-neu.mot-neu .mot-icon-raster :is(figure, .t-figure) {display: grid; gap: var(--space-3); justify-items: start;}
.mot-neu.mot-neu .mot-dunkel .mot-icon-raster :is(figcaption, .t-figcaption) {color: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-box {--box-bg: var(--beton); --box-rand: var(--rand-desktop);
  position: relative; isolation: isolate; color: var(--asphalt);}
.mot-neu.mot-neu .mot-box::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--box-bg);
  transform: skewX(calc(-1 * var(--slant-angle))); transition: background-color .18s ease;}
.mot-neu.mot-neu .mot-box--rand-links::before {left: calc(-1 * var(--box-rand)); transform-origin: 0 0;}
.mot-neu.mot-neu .mot-box--rand-rechts::before {right: calc(-1 * var(--box-rand)); transform-origin: 0 100%;}
.mot-neu.mot-neu .mot-sektion, .mot-neu.mot-neu .mot-kontakt {overflow-x: clip;}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-sektion {overflow-x: clip;} }
.mot-neu.mot-neu .mot-box--bis-bild::before {left: var(--box-bis-bild, -120px); transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 100%;}
.mot-neu.mot-neu .mot-projekt__daten.mot-box--bis-bild {padding-left: 0;}
.mot-neu.mot-neu .mot-box--rot {--box-bg: var(--mot-rot); color: var(--weiss);}
.mot-neu.mot-neu .mot-sektion--beton .mot-box, .mot-neu.mot-neu .mot-kontakt .mot-box, .mot-neu.mot-neu .mot-dunkel .mot-box {--box-bg: var(--weiss);}
.mot-neu.mot-neu .mot-dunkel .mot-box :is(.h3, .h4) {color: var(--asphalt);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-box, .mot-neu.mot-neu.mot-neu.mot-neu .mot-container.mot-box {--box-rand: var(--rand-mobil);} }
.mot-neu.mot-neu .mot-plakette-icon {flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 68px; height: 56px; background: var(--mot-rot); color: var(--weiss);
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);}
.mot-neu.mot-neu .mot-plakette-icon .e-svg-base {width: 26px; height: 26px;}
.mot-neu.mot-neu .mot-plakette-icon .mot-icon {color: var(--weiss); width: 32px; height: 32px;}
.mot-neu.mot-neu .mot-plakette-icon .mot-icon .i-a {fill: var(--weiss);}
.mot-neu.mot-neu .mot-plakette-icon .mot-icon .i-as, .mot-neu.mot-neu .mot-plakette-icon .mot-icon .i-ad {stroke: var(--weiss);}
.mot-neu.mot-neu .mot-btn--kontur {--btn-bg: var(--beton); --btn-bg-hover: var(--linie); --btn-rahmen: transparent;}
.mot-neu.mot-neu .mot-sektion--beton .mot-btn--kontur {--btn-bg: var(--weiss); --btn-bg-hover: var(--beton-hell);}
.mot-neu.mot-neu .mot-btn--kontur:hover::before, .mot-neu.mot-neu .mot-btn--kontur-dunkel:hover::before {border-color: transparent;}
.mot-neu.mot-neu .mot-btn--kontur-dunkel {--btn-bg: var(--asphalt-2); --btn-bg-hover: var(--graphit); --btn-rahmen: transparent;}
.mot-neu.mot-neu .mot-btn--weiss {--btn-bg: var(--weiss); --btn-bg-hover: var(--beton); --btn-fg: var(--asphalt); --btn-rahmen: transparent;}
.mot-neu.mot-neu .mot-btn--weiss .mot-btn__pfeil {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-btn--anschnitt {margin-left: calc(-1 * var(--box-innen, 40px)); padding-left: var(--box-innen, 40px); justify-content: flex-start;}
.mot-neu.mot-neu .mot-btn--anschnitt::before {transform: none; clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);}
.mot-neu.mot-neu .mot-dunkel .mot-eyebrow {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-faktenband {background: var(--mot-rot); clip-path: polygon(0 0, 100% 0, calc(100% - 48px) 100%, 0 100%); padding: 44px 120px 44px var(--rand-desktop);}
.mot-neu.mot-neu .mot-fakten--rot .mot-fakt__wert, .mot-neu.mot-neu .mot-fakten--rot .small {color: var(--weiss);}
.mot-neu.mot-neu .mot-fakten--rot .mot-fakt + .mot-fakt::before {background: rgba(255, 255, 255, .45);}
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten.mot-fakten--rot {column-gap: var(--space-4);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten.mot-fakten--rot .mot-fakt {padding: 0;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten.mot-fakten--rot .mot-fakt::before {display: none;} }
.mot-neu.mot-neu .mot-projekt__bild, .mot-neu.mot-neu .mot-karte__bild {clip-path: none;}
.mot-neu.mot-neu .mot-projekt__bild--schraeg {clip-path: polygon(0 0, 100% 0, calc(100% - var(--bild-h) * var(--slant-tan)) 100%, 0 100%);}
.mot-neu.mot-neu .mot-karte .mot-icon-plakette {position: absolute; top: 40px; left: 0; z-index: 2; margin: 0; width: 89px; height: 80px; padding-right: 9px; box-sizing: border-box;}
.mot-neu.mot-neu .mot-karte .mot-icon-plakette::before {transform: none; clip-path: polygon(0 0, 100% 0, calc(100% - 17px) 100%, 0 100%);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-karte .mot-icon-plakette {top: 24px; width: 75px; height: 68px; padding-right: 7px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-karte .mot-icon-plakette .mot-icon {width: 40px; height: 40px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-karte .mot-icon-plakette::before {clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);} }
.mot-neu.mot-neu .mot-usp {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-4) 0 0; padding: 0; list-style: none;}
.mot-neu.mot-neu .mot-usp :is(li, .t-li) {position: relative; isolation: isolate; display: flex; gap: var(--space-4); align-items: flex-start; padding: 28px 28px 28px 32px; box-sizing: border-box;}
.mot-neu.mot-neu .mot-usp :is(li, .t-li)::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--beton); transform: skewX(calc(-1 * var(--slant-angle)));}
.mot-neu.mot-neu .mot-usp :is(li, .t-li):nth-child(odd) {padding-left: 0;}
.mot-neu.mot-neu .mot-usp :is(li, .t-li):nth-child(odd)::before {left: calc(-1 * var(--rand-desktop)); transform: none; clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);}
.mot-neu.mot-neu .mot-verfahren {display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: stretch;}
.mot-neu.mot-neu .mot-vliste {display: flex; flex-direction: column; gap: var(--space-2); justify-content: center;}
.mot-neu.mot-neu .mot-vrow {position: relative; isolation: isolate; display: flex; align-items: center; gap: 20px; width: 100%; min-height: 80px; padding: 12px 32px 12px 12px; border: 0; background: none; text-align: left; cursor: pointer; color: var(--asphalt); font: inherit;}
.mot-neu.mot-neu .mot-vrow::before {content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: calc(-1 * var(--rand-desktop)); z-index: -1; background: rgba(255, 255, 255, .45);
  clip-path: polygon(0 0, 100% 0, calc(100% - 17px) 100%, 0 100%); transition: background-color .18s ease;}
.mot-neu.mot-neu .mot-vrow:hover::before {background: rgba(255, 255, 255, .8);}
.mot-neu.mot-neu .mot-vrow--aktiv::before, .mot-neu.mot-neu .mot-vrow--aktiv:hover::before {background: var(--weiss);}
.mot-neu.mot-neu .mot-vrow__icon {display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 56px; flex: none;}
.mot-neu.mot-neu .mot-vrow--aktiv .mot-vrow__icon {background: var(--mot-rot); clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);}
.mot-neu.mot-neu .mot-vrow--aktiv .mot-icon {color: var(--weiss);}
.mot-neu.mot-neu .mot-vrow--aktiv .mot-icon .i-a {fill: var(--weiss);}
.mot-neu.mot-neu .mot-vrow--aktiv .mot-icon .i-as, .mot-neu.mot-neu .mot-vrow--aktiv .mot-icon .i-ad {stroke: var(--weiss);}
.mot-neu.mot-neu .mot-vrow__titel {flex: 1;}
.mot-neu.mot-neu .mot-vrow .mot-btn__pfeil {color: var(--mot-rot); opacity: 0;}
.mot-neu.mot-neu .mot-vrow--aktiv .mot-btn__pfeil {opacity: 1;}
.mot-neu.mot-neu .mot-vrow:focus-visible {outline: 3px solid var(--fokus); outline-offset: 4px;}
.mot-neu.mot-neu .mot-vpanel {display: flex; flex-direction: column; background: var(--weiss);}
.mot-neu.mot-neu .mot-vpanel__bild {position: relative; aspect-ratio: 16 / 10; overflow: hidden;}
.mot-neu.mot-neu .mot-vpanel__bild img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mot-neu.mot-neu .mot-vpanel__bild .mot-vpanel__img {position: absolute; inset: 0; opacity: 0; transition: opacity .25s ease;}
.mot-neu.mot-neu .mot-vpanel__bild .mot-vpanel__img--aktiv {opacity: 1;}
.mot-neu.mot-neu .mot-vpanel__text {display: grid; gap: var(--space-4); padding: 32px 40px 40px; justify-items: start;}
.mot-neu.mot-neu .mot-leistungen .mot-liste {gap: var(--space-4);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag, .mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag:nth-last-child(-n+2), .mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag:last-child {border: 0;}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag:last-child:nth-child(odd) {grid-column: 1 / -1;}
.mot-neu.mot-neu .mot-leistungen .mot-liste__link {position: relative; isolation: isolate; padding: 24px 40px 24px 32px; color: var(--asphalt);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__link:hover {background: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__link::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--weiss); transform: skewX(calc(-1 * var(--slant-angle))); transition: background-color .18s ease;}
.mot-neu.mot-neu .mot-leistungen .mot-liste__link:hover::before {background: var(--beton-hell);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__text {color: var(--schiefer);}
.mot-neu.mot-neu .mot-leistungen .mot-liste .h4 {color: var(--asphalt);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .h4 {color: var(--asphalt);} }
.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-icon {color: var(--asphalt);}
.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-icon .i-a {fill: var(--mot-rot);}
.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-icon .i-as, .mot-neu.mot-neu .mot-leistungen .mot-liste .mot-icon .i-ad {stroke: var(--mot-rot);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__link .mot-btn__pfeil {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link::before, .mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link:hover::before {background: var(--mot-rot);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link, .mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .h4, .mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__text {color: var(--weiss);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link {padding-top: 20px; padding-bottom: 20px;}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__titel .h4 {font-size: 28px;}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon {color: var(--weiss);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon .i-a {fill: var(--weiss);}
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon .i-as, .mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon .i-ad {stroke: var(--weiss);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste {gap: 12px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-liste__link {padding: 20px 28px 20px 0; gap: var(--space-4);} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-liste__link::before {left: calc(-1 * var(--rand-mobil)); transform-origin: 0 0;} }
.mot-neu.mot-neu .mot-projekt__daten :is(dt, .t-dt) {color: var(--schiefer);}
.mot-neu.mot-neu .mot-projekt__daten {border: 0; padding: var(--space-6) 0 var(--space-6) 40px;}
.mot-neu.mot-neu .mot-projekt--klein {gap: 0; align-items: stretch; align-content: start;}
.mot-neu.mot-neu .mot-projekt__text {background: var(--beton); padding: 28px 32px 32px; align-content: start;}
.mot-neu.mot-neu .mot-projekt__text .mot-chip::before {background: var(--weiss);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-projekt__text {margin-inline: calc(-1 * var(--rand-mobil)); padding: var(--space-6) var(--rand-mobil) 28px;} }
.mot-neu.mot-neu .mot-stelle {background: none; padding: 28px 40px 28px 44px; gap: var(--space-8);}
.mot-neu.mot-neu .mot-dunkel .mot-stelle {background: none;}
.mot-neu.mot-neu .mot-stelle .mot-stelle__meta, .mot-neu.mot-neu .mot-dunkel .mot-stelle .mot-stelle__meta {color: var(--schiefer);}
.mot-neu.mot-neu .mot-stellen {gap: var(--space-4);}
.mot-neu.mot-neu .mot-stellen .mot-reihe {padding-top: var(--space-4);}
.mot-neu.mot-neu .mot-kopf--zweispaltig {grid-template-columns: minmax(0, 1fr) minmax(0, 560px); column-gap: 96px;}
.mot-neu.mot-neu .mot-kontakt {background: var(--beton);}
.mot-neu.mot-neu .mot-kwege {list-style: none; margin: var(--space-4) 0 var(--space-2); padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px var(--space-8);}
.mot-neu.mot-neu .mot-kwege :is(li, .t-li):first-child {grid-column: 1 / -1;}
.mot-neu.mot-neu .mot-kwege :is(li, .t-li) > * {display: flex; align-items: flex-start; gap: var(--space-4); text-decoration: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-kwege a:hover {color: var(--asphalt);}
.mot-neu.mot-neu .mot-kwege a:hover .mot-kweg__wert {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-kweg__icon {flex: none; display: inline-flex; color: var(--mot-rot); padding-top: 1px;}
.mot-neu.mot-neu .mot-kweg__icon .e-svg-base {width: 22px; height: 22px;}
.mot-neu.mot-neu .mot-kweg__art {display: block; color: var(--schiefer); margin-bottom: var(--space-1);}
.mot-neu.mot-neu .mot-kweg__wert {display: block; font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.25; transition: color .18s ease;}
.mot-neu.mot-neu .mot-kweg__wert--gross {font-size: 40px; font-weight: 800; line-height: 1.1;}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-kwege {grid-template-columns: 1fr; gap: var(--space-6);} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-kweg__wert {font-size: 20px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-kweg__wert--gross {font-size: 30px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li), .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li):nth-child(odd) {padding: 20px 32px 20px 0;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li)::before, .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li):nth-child(odd)::before {left: calc(-1 * var(--rand-mobil)); transform: none;
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-faktenband {clip-path: none; padding: 32px var(--rand-mobil);} }
.mot-neu.mot-neu .mot-vmliste {display: flex; flex-direction: column; gap: 12px;}
.mot-neu.mot-neu .mot-vm {display: flex; gap: var(--space-4); align-items: stretch; background: var(--weiss); text-decoration: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-vm__bild {width: 104px; flex: none; overflow: hidden;}
.mot-neu.mot-neu .mot-vm__bild img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mot-neu.mot-neu .mot-vm__text {display: flex; flex-direction: column; gap: var(--space-1); padding: 14px 14px 14px 0;}
.mot-neu.mot-neu .mot-vm__text .small {color: var(--schiefer);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-box::before {transform: none; left: 0; right: 0; clip-path: none;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-stelle {padding: var(--space-6) var(--space-6) 28px; --box-innen: var(--space-6);} }
.mot-neu.mot-neu .mot-vkliste {display: grid; gap: var(--space-6); --vk-rand: var(--rand-mobil);}
.mot-neu.mot-neu .mot-vk {display: block; text-decoration: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-vk:hover {color: var(--asphalt);}
.mot-neu.mot-neu .mot-vk__kopf {position: relative; display: block; margin-left: calc(-1 * var(--vk-rand));}
.mot-neu.mot-neu .mot-vk__bild {display: block; aspect-ratio: 2 / 1; overflow: hidden; clip-path: polygon(0 0, 100% 0, 89.37% 100%, 0 100%);}
.mot-neu.mot-neu .mot-vk__bild img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mot-neu.mot-neu .mot-vk__icon {position: absolute; left: 0; bottom: 0; display: inline-flex; align-items: center; justify-content: center; width: 71px; height: 64px; padding-right: 7px; box-sizing: border-box;
  background: var(--mot-rot); color: var(--weiss); clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);}
.mot-neu.mot-neu .mot-vk__icon .mot-icon {width: 36px; height: 36px; color: var(--weiss);}
.mot-neu.mot-neu .mot-vk__icon .mot-icon .i-a {fill: var(--weiss);}
.mot-neu.mot-neu .mot-vk__icon .mot-icon .i-as, .mot-neu.mot-neu .mot-vk__icon .mot-icon .i-ad {stroke: var(--weiss);}
.mot-neu.mot-neu .mot-vk__text {display: flex; align-items: center; gap: var(--space-4); margin-inline: calc(-1 * var(--vk-rand)); padding: var(--space-4) var(--vk-rand) 20px; background: var(--weiss);}
.mot-neu.mot-neu .mot-vk__titel {flex: 1; display: grid; gap: var(--space-1);}
.mot-neu.mot-neu .mot-vk__titel .small {color: var(--schiefer);}
.mot-neu.mot-neu .mot-vk .mot-btn__pfeil {color: var(--mot-rot);}
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-container {padding-inline: var(--rand-tablet);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-sektion {padding-block: var(--sektion-tablet);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-anschnitt-links {margin-left: calc(-1 * var(--rand-tablet));} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-anschnitt-rechts {margin-right: calc(-1 * var(--rand-tablet));} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-box {--box-rand: var(--rand-tablet);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-usp :is(li, .t-li):nth-child(odd)::before {left: calc(-1 * var(--rand-tablet));} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-raster-2, .mot-neu.mot-neu.mot-neu .mot-projekt {grid-template-columns: 1fr;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-raster-3 {grid-template-columns: repeat(2, minmax(0, 1fr));} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-kopf--zweispaltig {grid-template-columns: 1fr; row-gap: var(--space-6);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .h2 {font-size: 40px;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .display-xl {font-size: 60px;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-hero, .mot-neu.mot-neu.mot-neu .mot-hero__inhalt {min-height: 0;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-hero__inhalt {max-width: none;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-faktenband {padding: 32px 72px 32px var(--rand-tablet);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-kopfzeile__innen--mobil {min-height: 88px; gap: var(--space-4);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-kopfzeile__innen--mobil .mot-logo img {height: 52px;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-fuss__oben {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12);} }
@media (min-width: 768px) { .mot-neu.mot-neu .mot-vkliste--tablet {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); --vk-rand: 0px;} }
.mot-neu.mot-neu .mot-fakten--rot .mot-fakt {align-content: start; gap: var(--space-2);}
.mot-neu.mot-neu .mot-fakt__wert {display: flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--space-2);}
.mot-neu.mot-neu .mot-fakt__zusatz {font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: 0;}
.mot-neu.mot-neu .mot-fakt__text {font-family: var(--font-text); font-size: 17px; line-height: 1.45; color: var(--weiss); opacity: .88; max-width: 260px;}
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten .mot-fakt__zusatz {font-size: 18px;} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-fakten .mot-fakt__text {font-size: 15px;} }
.mot-neu.mot-neu .mot-btn--anschnitt-rechts {margin-right: calc(-1 * var(--box-innen-r, 40px));}
.mot-neu.mot-neu .mot-btn--anschnitt-rechts::before {transform: none; clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%);}
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste {gap: var(--space-4); clip-path: inset(0);} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-liste__link::before {transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-liste__eintrag:nth-child(odd) .mot-liste__link::before {left: -120px; right: 0;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-liste__eintrag:nth-child(even) .mot-liste__link::before {left: 0; right: -120px;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste .mot-liste__eintrag:last-child:nth-child(odd) .mot-liste__link::before {left: 0; right: 0; transform: none;} }
.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link {padding-right: 40px;}
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li)::before, .mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li):nth-child(odd)::before {transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0; clip-path: none;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li):nth-child(odd)::before {left: -200px; right: 0;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-usp :is(li, .t-li):nth-child(even)::before {left: 0; right: calc(-1 * var(--usp-bis-bild, 0px));} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-usp :is(li, .t-li):nth-child(even)::before {right: calc(-1 * var(--rand-tablet));} }
.mot-neu.mot-neu .mot-verfahren {--vp-h: 690px; --vp-tan: 0.2126; column-gap: var(--space-4); align-items: start;}
.mot-neu.mot-neu .mot-vspalte {display: grid; gap: var(--space-12); justify-items: start;}
.mot-neu.mot-neu .mot-vspalte .mot-vliste {justify-self: stretch; justify-content: start;}
.mot-neu.mot-neu .mot-vrow {width: auto; margin-right: calc(var(--vi, 0) * 88px * var(--vp-tan));}
.mot-neu.mot-neu .mot-vrow:nth-child(2) {--vi: 1;}
.mot-neu.mot-neu .mot-vrow:nth-child(3) {--vi: 2;}
.mot-neu.mot-neu .mot-vrow:nth-child(4) {--vi: 3;}
.mot-neu.mot-neu .mot-vrow:nth-child(5) {--vi: 4;}
.mot-neu.mot-neu .mot-vrow:nth-child(6) {--vi: 5;}
.mot-neu.mot-neu .mot-vrow::before {left: -300px; right: 0; clip-path: none; transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0;}
.mot-neu.mot-neu .mot-vpanel {position: relative; isolation: isolate; background: none; height: var(--vp-h); box-sizing: border-box; margin-right: calc(-1 * var(--rand-desktop)); padding: 32px 0 40px;}
.mot-neu.mot-neu .mot-vpanel::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: -200px; z-index: -1; background: var(--weiss); transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0;}
.mot-neu.mot-neu .mot-vpanel__bild {aspect-ratio: auto; height: 420px; flex: none; margin-left: calc(32px - 452px * var(--vp-tan));
  clip-path: polygon(calc(420px * var(--vp-tan)) 0, 100% 0, 100% 100%, 0 100%);}
.mot-neu.mot-neu .mot-vpanel__text {flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: 28px 64px 0 0; margin-left: -66px;}
.mot-neu.mot-neu .mot-vpanel__btn {margin-top: auto; margin-left: calc(6px + 66px - (var(--vp-h) - 40px) * var(--vp-tan));}
.mot-neu.mot-neu .mot-projekt__daten.mot-box--rot :is(dt, .t-dt), .mot-neu.mot-neu .mot-projekt__daten.mot-box--rot :is(dd, .t-dd) {color: var(--weiss);}
.mot-neu.mot-neu .mot-projekt--klein .mot-chips {position: relative; z-index: 2; margin: -16px 0 0;}
.mot-neu.mot-neu .mot-projekt--klein .mot-chip:first-child::before {transform: none; clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 100%, 0 100%);}
.mot-neu.mot-neu .mot-projekt--klein .mot-projekt__text {background: var(--weiss); border: 1px solid #e8e8e6; border-top: 0; padding: var(--space-6) var(--space-6) 28px;}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-projekt--klein .mot-projekt__text {padding: var(--space-6) var(--rand-mobil) 28px;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-stelle.mot-box::before {transform: none;} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-stelle {padding: 28px 40px 28px 40px;} }
.mot-neu.mot-neu .mot-chip {font-size: 12px; letter-spacing: .06em; min-height: 28px; padding: 0 var(--space-3);}
.mot-neu.mot-neu .mot-projekt--klein .mot-chips {margin-top: -14px; gap: var(--space-2) var(--space-2);}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-projekt--klein .mot-chips {margin-left: calc(-1 * var(--rand-mobil));} }
.mot-neu.mot-neu .mot-box.mot-box--rot, .mot-neu.mot-neu .mot-dunkel .mot-box.mot-box--rot, .mot-neu.mot-neu .mot-sektion--beton .mot-box.mot-box--rot, .mot-neu.mot-neu .mot-kontakt .mot-box.mot-box--rot {--box-bg: var(--mot-rot); color: var(--weiss);}
.mot-neu.mot-neu .mot-dunkel .mot-box.mot-box--rot :is(.h3, .h4), .mot-neu.mot-neu .mot-box.mot-box--rot :is(.h3, .h4) {color: var(--weiss);}
.mot-neu.mot-neu .mot-boxraster {display: grid; gap: var(--space-4); clip-path: inset(0);}
.mot-neu.mot-neu .mot-box--schraeg::before {transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0;}
.mot-neu.mot-neu .mot-box--gerade::before {transform: none;}
.mot-neu.mot-neu .mot-box--gerade-links::before {left: -120px;}
.mot-neu.mot-neu .mot-box--gerade-rechts::before {right: -120px;}
.mot-neu.mot-neu .mot-pzeilen {display: grid; gap: var(--space-4); --pz-h: 220px; --pz-bild: 496px; --pz-rand: var(--rand-desktop);}
.mot-neu.mot-neu .mot-pzeile {position: relative; display: block; height: var(--pz-h); text-decoration: none; color: var(--asphalt);}
.mot-neu.mot-neu .mot-pzeile:hover {color: var(--asphalt);}
.mot-neu.mot-neu .mot-pzeile__bild {position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--pz-rand)); width: calc(var(--pz-bild) + var(--pz-rand)); overflow: hidden;
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--pz-h) * var(--slant-tan)) 100%, 0 100%);}
.mot-neu.mot-neu .mot-pzeile__bild img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease;}
.mot-neu.mot-neu .mot-pzeile:hover .mot-pzeile__bild img {transform: scale(1.03);}
.mot-neu.mot-neu .mot-pzeile__box {--box-bg: var(--beton); position: absolute; top: 0; bottom: 0; left: calc(var(--pz-bild) + var(--space-4)); right: calc(-1 * var(--pz-rand)); isolation: isolate;
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); padding: 0 calc(var(--pz-rand) + 64px) 0 48px;}
.mot-neu.mot-neu .mot-sektion--beton .mot-pzeile__box, .mot-neu.mot-neu .mot-dunkel .mot-pzeile__box {--box-bg: var(--weiss);}
.mot-neu.mot-neu .mot-pzeile__box::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: -200px; z-index: -1; background: var(--box-bg);
  transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0; transition: filter .18s ease;}
.mot-neu.mot-neu .mot-pzeile:hover .mot-pzeile__box::before {filter: brightness(.97);}
.mot-neu.mot-neu .mot-pzeile__text {display: grid; gap: 10px;}
.mot-neu.mot-neu .mot-pzeile__box .mot-chip::before {background: var(--weiss);}
.mot-neu.mot-neu .mot-sektion--beton .mot-pzeile__box .mot-chip::before {background: var(--beton);}
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-pzeilen {--pz-h: 200px; --pz-bild: 260px; --pz-rand: var(--rand-tablet);} }
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-pzeile__box {flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-3); padding-left: 40px;} }
.mot-neu.mot-neu .mot-kwege :is(li, .t-li) > * {display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center;}
.mot-neu.mot-neu .mot-kwege :is(li, .t-li) > * > :is(span, .t-span):not(.mot-kweg__icon) {display: contents;}
.mot-neu.mot-neu .mot-kweg__art {grid-column: 2; grid-row: 1; margin-bottom: 2px;}
.mot-neu.mot-neu .mot-kweg__wert {grid-column: 2; grid-row: 2;}
.mot-neu.mot-neu .mot-kweg__icon {grid-column: 1; grid-row: 2; padding-top: 0; align-self: center;}
.mot-neu.mot-neu .mot-kweg__icon .e-svg-base {width: 20px; height: 20px;}
.mot-neu.mot-neu .mot-kwege :is(li, .t-li):first-child .mot-kweg__icon .e-svg-base {width: 30px; height: 30px;}
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-kwege :is(li, .t-li):first-child .mot-kweg__icon .e-svg-base {width: 24px; height: 24px;} }
.mot-neu.mot-neu .mot-kontakt__flotte {margin-left: calc(-1 * var(--rand-desktop)); margin-right: -48px;}
.mot-neu.mot-neu .mot-kontakt__flotte img {display: block; width: 100%; height: auto;}
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-kontakt__flotte {margin: 0 calc(-1 * var(--rand-tablet)) -24px;} }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu.mot-neu .mot-container .mot-kontakt__flotte {margin: 0 calc(-1 * var(--rand-mobil)) -8px;} }
.mot-neu.mot-neu .mot-seitenkopf {--sk-h: 520px; position: relative; overflow: hidden; background: var(--asphalt); min-height: var(--sk-h);}
.mot-neu.mot-neu .mot-seitenkopf__bild {position: absolute; top: 0; bottom: 0; right: 0; width: 50%; clip-path: polygon(calc(var(--sk-h) * var(--slant-tan)) 0, 100% 0, 100% 100%, 0 100%);}
.mot-neu.mot-neu .mot-seitenkopf__bild img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mot-neu.mot-neu .mot-seitenkopf__inhalt {position: relative; display: grid; gap: var(--space-6); max-width: 600px; padding: 80px 0 112px;}
.mot-neu.mot-neu .mot-seitenkopf .h1 {color: var(--weiss); margin: 0;}
.mot-neu.mot-neu .mot-seitenkopf .lead {color: var(--asphalt-text-2); margin: 0;}
.mot-neu.mot-neu .mot-seitenkopf--hell {background: var(--beton);}
.mot-neu.mot-neu .mot-seitenkopf--hell .h1 {color: var(--asphalt);}
.mot-neu.mot-neu .mot-seitenkopf--hell .lead {color: var(--schiefer);}
.mot-neu.mot-neu .mot-brotkrume {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; color: var(--asphalt-text-2);}
.mot-neu.mot-neu .mot-brotkrume a {color: inherit; text-decoration: none;}
.mot-neu.mot-neu .mot-brotkrume :is(span, .t-span)[aria-current] {color: var(--weiss);}
.mot-neu.mot-neu .mot-seitenkopf--hell .mot-brotkrume {color: var(--schiefer);}
.mot-neu.mot-neu .mot-seitenkopf--hell .mot-brotkrume :is(span, .t-span)[aria-current] {color: var(--asphalt);}
.mot-neu.mot-neu .mot-brotkrume .e-svg-base {width: 10px; height: 10px; color: var(--mot-rot);}
.mot-neu.mot-neu .mot-seitenkopf + section .mot-faktenband, .mot-neu.mot-neu .mot-seitenkopf + .mot-faktenband-wrap {margin-top: -56px;}
.mot-neu.mot-neu .mot-schritte {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); clip-path: inset(0); margin: 0; padding: 0; list-style: none;}
.mot-neu.mot-neu .mot-schritt {--box-bg: var(--weiss); position: relative; isolation: isolate; display: grid; gap: 10px; align-content: start; padding: 32px 40px 36px 36px;}
.mot-neu.mot-neu .mot-schritt::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background: var(--box-bg); transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0;}
.mot-neu.mot-neu .mot-schritt:first-child::before {left: -120px;}
.mot-neu.mot-neu .mot-schritt:last-child::before {right: -120px;}
.mot-neu.mot-neu .mot-sektion:not(.mot-sektion--beton) .mot-schritt {--box-bg: var(--beton);}
.mot-neu.mot-neu .mot-schritt__nr {font-family: var(--font-display); font-weight: 800; font-size: 48px; line-height: 1; color: var(--mot-rot);}
.mot-neu.mot-neu .mot-schritt :is(p, .t-p) {margin: 0; color: var(--schiefer);}
.mot-neu.mot-neu .mot-standorte {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); clip-path: inset(0);}
.mot-neu.mot-neu .mot-standort {--box-bg: var(--weiss); position: relative; isolation: isolate; display: grid; gap: 8px; align-content: start; padding: 36px 48px 40px 40px; color: var(--asphalt);}
.mot-neu.mot-neu .mot-standort::before {content: ""; position: absolute; inset: 0; z-index: -1; background: var(--box-bg); transform: skewX(calc(-1 * var(--slant-angle))); transform-origin: 0 0;}
.mot-neu.mot-neu .mot-standort:first-child::before {left: -120px;}
.mot-neu.mot-neu .mot-standort:last-child::before {right: -120px;}
.mot-neu.mot-neu .mot-sektion:not(.mot-sektion--beton):not(.mot-kontakt) .mot-standort {--box-bg: var(--beton);}
.mot-neu.mot-neu .mot-standort :is(address, .t-address) {font-style: normal; color: var(--schiefer); line-height: 1.6;}
.mot-neu.mot-neu .mot-standort a {color: var(--asphalt); text-decoration: none; font-family: var(--font-display); font-weight: 700; font-size: 20px;}
.mot-neu.mot-neu .mot-bildband {position: relative; height: 320px;}
.mot-neu.mot-neu .mot-bildband > div {position: absolute; top: 0; bottom: 0; overflow: hidden;}
.mot-neu.mot-neu .mot-bildband img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mot-neu.mot-neu .mot-filter {display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-12); padding: 0; list-style: none;}
.mot-neu.mot-neu .mot-filter .mot-chip {font-size: 13px; min-height: 36px; padding: 0 var(--space-4);}
.mot-neu.mot-neu .mot-chip--aktiv {color: var(--weiss);}
.mot-neu.mot-neu .mot-chip--aktiv::before, .mot-neu.mot-neu .mot-sektion--beton .mot-chip--aktiv::before {background: var(--mot-rot);}
.mot-neu.mot-neu .mot-folgt {display: grid; gap: 6px; padding: 24px 28px; background: repeating-linear-gradient(-12deg, var(--beton-hell) 0 14px, var(--weiss) 14px 28px); color: var(--schiefer);}
.mot-neu.mot-neu .mot-sektion--beton .mot-folgt {background: repeating-linear-gradient(-12deg, var(--weiss) 0 14px, var(--beton-hell) 14px 28px);}
.mot-neu.mot-neu .mot-folgt .label {color: var(--mot-rot);}
.mot-neu.mot-neu .mot-folgt :is(p, .t-p) {margin: 0; font-style: italic;}
.mot-neu.mot-neu .mot-fliesstext {display: grid; gap: var(--space-4); max-width: var(--textspalte);}
.mot-neu.mot-neu .mot-fliesstext :is(p, .t-p) {margin: 0; color: var(--schiefer);}
.mot-neu.mot-neu .mot-fliesstext .h3 {margin: var(--space-4) 0 0;}
.mot-neu.mot-neu .mot-formular {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) var(--space-6);}
.mot-neu.mot-neu .mot-formular .mot-feld--breit {grid-column: 1 / -1;}
.mot-neu.mot-neu .mot-formular .mot-feld__eingabe {width: 100%; box-sizing: border-box; background: var(--weiss);}
.mot-neu.mot-neu .mot-formular textarea.mot-feld__eingabe {min-height: 160px;}
.mot-neu.mot-neu .mot-stapel > .mot-kopf {margin-bottom: var(--space-2);}
@media (min-width: 768px) { .mot-neu.mot-neu .mot-vkliste--tablet > .mot-vk {display: flex; flex-direction: column;} }
@media (min-width: 768px) { .mot-neu.mot-neu .mot-vkliste--tablet > .mot-vk > .mot-vk__text {flex: 1;} }
.mot-neu.mot-neu .mot-dunkel .mot-vk__titel .h4 {color: var(--asphalt);}
.mot-neu.mot-neu .mot-vkliste--raster .mot-vk__text {padding: 20px 24px 24px;}
.mot-neu.mot-neu .mot-brotleiste {background: var(--beton-hell); padding-block: 14px;}
.mot-neu.mot-neu .mot-brotleiste .mot-brotkrume {color: var(--schiefer);}
.mot-neu.mot-neu .mot-brotleiste .mot-brotkrume :is(span, .t-span)[aria-current] {color: var(--asphalt);}
.mot-neu.mot-neu h1.mot-eyebrow {margin: 0;}
.mot-neu.mot-neu .mot-schritt .h4 {max-width: 190px;}
.mot-neu.mot-neu .mot-schritt :is(p, .t-p) {max-width: 200px;}
.mot-neu.mot-neu .mot-usp.mot-usp--innen :is(li, .t-li), .mot-neu.mot-neu .mot-usp.mot-usp--innen :is(li, .t-li):nth-child(odd) {padding: 28px 40px 28px 32px;}
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-usp.mot-usp--innen :is(li, .t-li):nth-child(odd)::before {left: 0; right: 0; transform: none; clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);} }
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-usp.mot-usp--innen :is(li, .t-li):nth-child(even)::before {left: 0; right: 0; transform: none; clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);} }
.mot-neu.mot-neu .mot-seitenkopf {--sk-h: 640px;}
.mot-neu.mot-neu .mot-seitenkopf__inhalt {padding: 128px 0 168px;}
.mot-neu.mot-neu .mot-seitenkopf__bild--frei {clip-path: none; right: var(--rand-desktop); width: calc(50% - var(--rand-desktop)); top: 48px; bottom: 48px;}
.mot-neu.mot-neu .mot-seitenkopf__bild--frei img {object-fit: contain; object-position: right center;}
@media (min-width: 768px) { .mot-neu.mot-neu.mot-neu .mot-container .mot-usp.mot-usp--innen :is(li, .t-li):nth-child(even)::before {left: -24px;} }
.mot-neu.mot-neu .mot-vkliste--raster .mot-vk__bild {clip-path: none;}

/* =====================================================================
 * Elementor-Teil: Regeln für Elementor-Widgets und Pseudo-Elemente.
 * Quelle: clients/mot-roebel/wp/mot-assets/mot-elementor.css (wird an mot-design.css angehängt)
 * ===================================================================== */

/* Original-Kopf (Nachbau von mot-roebel.de, Werte aus dem Live-Stand) */
.mot-ok-symbol svg { display: block; width: 100%; height: 100%; }
.mot-ok-kontakt { isolation: isolate; }
.mot-ok-kontakt::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mot-rot); transform: skewX(-12deg); transition: background-color .18s ease; }
.mot-ok-kontakt:hover::before, .mot-ok-kontakt:focus-visible::before { background: var(--mot-rot-tief); }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu { gap: 18px; }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li { margin: 0; }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item {
	position: relative; isolation: isolate; height: 35px; padding: 0 20px; line-height: 35px;
	font-family: var(--font-display); font-size: 16px; font-weight: 400; color: #4a4a4a; background: none;
}
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item::before {
	content: ""; position: absolute; inset: 0; z-index: -1; background: #eaeaea; transform: skewX(-12deg); transition: background-color .18s ease;
}
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item-active,
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item { color: var(--weiss); }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover::before,
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item-active::before,
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item::before { background: var(--mot-rot); }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a .sub-arrow { display: none; }
.mot-ok .elementor-nav-menu--main .sub-menu { background: var(--weiss); box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px; padding: 8px 0; min-width: 240px; }
.mot-ok .elementor-nav-menu--main .sub-menu a { font-family: var(--font-display); font-size: 15px; color: #4a4a4a; padding: 8px 20px; }
.mot-ok .elementor-nav-menu--main .sub-menu a:hover, .mot-ok .elementor-nav-menu--main .sub-menu a.elementor-sub-item-active { color: var(--mot-rot); background: none; }
.mot-ok .elementor-menu-toggle { position: relative; isolation: isolate; background: none; color: var(--weiss); width: 44px; height: 40px; }
.mot-ok .elementor-menu-toggle::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mot-rot); transform: skewX(-12deg); }
.mot-ok .elementor-menu-toggle svg { fill: var(--weiss); }
.mot-ok .elementor-nav-menu--dropdown { background: var(--weiss); box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px; }
.mot-ok .elementor-nav-menu--dropdown a { font-family: var(--font-display); font-size: 17px; color: #4a4a4a; }
.mot-ok .elementor-nav-menu--dropdown a.elementor-item-active, .mot-ok .elementor-nav-menu--dropdown a:hover { background: var(--beton); color: var(--mot-rot); }
/* Tablet und Smartphone wie im Original: Leiste nur mit Firmenname, Menü-Button als gerades rotes Quadrat */
@media (max-width: 1024px) {
	.mot-ok-kontakt, .mot-ok-wege { display: none !important; }
	.mot-ok .elementor-menu-toggle::before { transform: none; }
	.mot-ok .elementor-menu-toggle { width: 44px; height: 40px; }
}
@media (max-width: 767px) {
	.mot-ok-top .mot-ok-innen { justify-content: center !important; }
}
.mot-ok-nav > .elementor-widget-nav-menu { width: auto; flex: 0 0 auto; }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item { white-space: nowrap; }
.mot-ok-symbol { flex: 0 0 auto; }
.mot-ok-symbol svg, .mot-ok-symbol svg * { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mot-ok .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item::before { opacity: 1 !important; }
.mot-ok { overflow-x: clip; }
.mot-ok .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute !important; top: calc(100% + 18px) !important; left: auto !important; right: 0 !important; z-index: 50; width: 320px !important; max-width: calc(100vw - 2 * var(--rand-mobil)); }

/* Original-Fuß (Nachbau von mot-roebel.de) */
.mot-of-symbol svg, .mot-of-symbol svg * { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mot-of-symbol svg * { width: auto; height: auto; }
.mot-of .elementor-widget-nav-menu { width: auto; }
.mot-of .elementor-nav-menu--main .elementor-nav-menu > li { margin: 0; }
.mot-of .elementor-nav-menu--main .elementor-nav-menu a.elementor-item {
	padding: 3.5px 0; justify-content: center; font-family: var(--font-text); font-size: 15px; font-weight: 400; line-height: 22.5px; color: var(--weiss); background: none;
}
.mot-of .elementor-nav-menu--main .elementor-nav-menu a.elementor-item:hover { color: var(--weiss); text-decoration: underline; }
.mot-of .elementor-nav-menu--main .elementor-nav-menu a.elementor-item-active { color: var(--weiss); }
.mot-of .elementor-nav-menu--main .elementor-nav-menu a.elementor-item::before, .mot-of .elementor-nav-menu--main .elementor-nav-menu a.elementor-item::after { display: none; }
.mot-of-unten .elementor-nav-menu--main .elementor-nav-menu { gap: 10px 40px; flex-wrap: wrap; justify-content: center; }
.mot-of-unten .elementor-nav-menu--main .elementor-nav-menu a.elementor-item { padding: 0; font-size: 14px; line-height: 21px; }
@media (max-width: 767px) { .mot-of-copy { text-align: center; } }

/* Textseiten wie im alten Theme (Impressum, Datenschutz, Verantwortung); Werte aus dem Live-Stand */
.mot-rt-innen { font-family: var(--font-text); font-size: 15px; font-weight: 400; line-height: 22.5px; color: #000; }
.mot-rt-innen h1 { margin: 0 0 5px; font-family: var(--font-display); font-size: 30px; font-weight: 700; line-height: 45px; color: #4a4a4a; }
.mot-rt-innen h2 { margin: 0 0 20px; font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 33px; color: #4a4a4a; }
.mot-rt-innen h3 { margin: 0 0 20px; font-family: var(--font-display); font-size: 20px; font-weight: 700; line-height: 30px; color: #4a4a4a; }
.mot-rt-innen h4 { margin: 0; font-family: var(--font-text); font-size: 15px; font-weight: 700; line-height: 22.5px; color: #1d2329; }
.mot-rt-innen p { margin: 0 0 15px; font-size: 15px; line-height: 24px; color: #475665; }
.mot-rt-innen a { color: #0000ee; }
.mot-rt-innen ul { margin: 0 0 15px; padding-left: 40px; }
.mot-rt-innen .mt10-i { margin-top: 10px !important; }
.mot-rt-innen .mb10-i { margin-bottom: 10px !important; }
.mot-rt-innen .row { display: flex; flex-wrap: wrap; margin: 0 -16px; }
.mot-rt-innen .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 16px; box-sizing: border-box; }
.mot-rt-innen .row img { max-width: 100%; height: auto; }
.mot-rt-innen a.btn.m-btn-middle { position: relative; isolation: isolate; display: inline-block; margin: 10px 0; padding: 10px 30px; font-family: var(--font-text); font-size: 15px; font-weight: 700; line-height: 22.5px; color: var(--weiss); text-decoration: none; }
.mot-rt-innen a.btn.m-btn-middle::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mot-rot); transform: skewX(-12deg); transition: background-color .18s ease; }
.mot-rt-innen a.btn.m-btn-middle:hover::before { background: var(--mot-rot-tief); }
@media (max-width: 767px) { .mot-rt-innen .col-md-4 { flex-basis: 100%; max-width: 100%; } .mot-rt-innen .row .col-md-4 img { margin-bottom: 0; } .mot-rt-innen .row .col-md-4 a.btn.m-btn-middle { margin: 6px 0 0; } }
.mot-rt-innen .elementor-widget-theme-post-content { font-family: var(--font-text); font-size: 15px; line-height: 22.5px; color: #000; }
.mot-rt-innen .elementor-widget-theme-post-content a:not(.btn) { color: #0000ee; }
.mot-rt-innen .row img { display: block; margin-bottom: 7px; }
.mot-rt-innen .row br { display: none; }

/* Partnerseite wie im alten Theme (Werte aus dem Live-Stand) */
.mot-op-titelbox, .mot-op-subbox, .mot-op-brotkrume { isolation: isolate; }
.mot-op-titelbox::before, .mot-op-subbox::before, .mot-op-brotkrume::before { content: ""; position: absolute; inset: 0; z-index: -1; transform: skewX(-12deg); }
.mot-op-titelbox::before { background: rgba(74, 74, 74, 0.92); }
.mot-op-subbox::before, .mot-op-brotkrume::before { background: var(--weiss); }
.mot-op-brotkrume::before { box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.mot-op-brotkrume-text a { color: #4a4a4a; text-decoration: none; }
.mot-op-brotkrume-text .mot-op-trenner { margin: 0 8px; color: var(--mot-rot); }
.mot-op-brotkrume-text .mot-op-aktuell { color: var(--mot-rot); }
.mot-op-linie::before, .mot-op-linie::after, .mot-op-h2::before, .mot-op-h2::after { content: ""; position: absolute; top: 50%; width: 30px; height: 2px; background: var(--mot-rot); }
.mot-op-linie::before, .mot-op-h2::before { left: 0; }
.mot-op-linie::after, .mot-op-h2::after { right: 0; }
.mot-op-karte:hover .mot-op-name { color: var(--mot-rot); }
.mot-op-logos { scroll-snap-type: x mandatory; scrollbar-width: none; }
.mot-op-logos::-webkit-scrollbar { display: none; }
.mot-op-logoslot { scroll-snap-align: start; }
/* Brotkrume: Elementor entfernt Klassen im Absatztext, daher über die Reihenfolge */
.mot-op-brotkrume-text span:first-of-type { margin: 0 8px; color: #c4c4c4; }
.mot-op-brotkrume-text span:last-of-type { color: var(--mot-rot); }
/* Menüpunkt „Kontakt“ nur im Mobilmenü (am Desktop steht der rote Kontakt-Button) */
.mot-ok .elementor-nav-menu--main .mot-nur-mobil { display: none; }
@media (max-width: 767px) {
	.mot-rt-innen h1 { font-size: 22px; line-height: 33px; }
	.mot-rt-innen h2, .mot-rt-innen h3 { font-size: 18px; line-height: 27px; }
	.mot-rt-innen p { font-size: 14px; line-height: 22.4px; }
}
/* ===== Inline-Stile aus den Seiten-Entwürfen (erzeugt mit inline_css.py) ===== */
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-019b327 {position: relative !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-0a023c8 {width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 65% 50% !important; display: block !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-0a023c8 {width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 65% 50% !important; display: block !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-0a023c8 {width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 62% 50% !important; display: block !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-0d53ee3 {height: 600px !important; --bild-h: 600px !important; aspect-ratio: auto !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-0d53ee3 {height: 440px !important; --bild-h: 440px !important; aspect-ratio: auto !important; margin-right: 120px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-0d53ee3 {height: 440px !important; --bild-h: 440px !important; aspect-ratio: auto !important; margin-right: 120px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-154c0f9 {display: flex !important; gap: 16px !important; align-items: flex-start !important; position: relative !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-154c0f9 {display: flex !important; gap: 16px !important; align-items: flex-start !important; position: relative !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-154c0f9 {display: flex !important; gap: 16px !important; align-items: flex-start !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-1dd0673 {width: 824px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-1df8415 {gap: 96px !important; align-items: center !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-1df8415 {gap: 48px !important; align-items: center !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-1df8415 {gap: 48px !important; align-items: center !important;} }
.mot-neu.mot-neu .mot-i-214dcfa {display: flex !important; flex-direction: column !important; gap: 2px !important;}
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-2a2aad2 {position: relative !important; z-index: 2 !important; margin-top: -56px !important; padding-right: 96px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-2a2aad2 {position: relative !important; z-index: 2 !important; margin-top: -48px !important; padding-right: 48px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-2db4b18 {height: 640px !important; --bild-h: 640px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-2db4b18 {height: 440px !important; --bild-h: 440px !important; margin-left: 120px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-2db4b18 {height: 440px !important; --bild-h: 440px !important; margin-left: 120px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-37baed5 {--usp-bis-bild: 152px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-37baed5 {--usp-bis-bild: 152px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-37baed5 {display: flex !important; gap: 16px !important; align-items: flex-start !important;} }
.mot-neu.mot-neu .mot-i-3c4f3de {padding-top: 48px !important;}
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-4a97bfb {width: 1087px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-4e91169 {gap: 96px !important; position: relative !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-4e91169 {gap: 56px !important; position: relative !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-4e91169 {gap: 56px !important; position: relative !important;} }
.mot-neu.mot-neu .mot-i-551e87c {color: #475665 !important;}
.mot-neu.mot-neu .mot-i-5b6479d {color: #475665 !important; margin: 0 !important;}
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-5c7bf69 {--usp-bis-bild: 115px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-5c7bf69 {--usp-bis-bild: 115px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-5c7bf69 {display: flex !important; gap: 16px !important; align-items: flex-start !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-6167a66 {position: absolute !important; inset: 0 !important; background: linear-gradient(90deg, rgba(31,35,38,0.94) 0%, rgba(31,35,38,0.86) 45%, rgba(31,35,38,0.45) 72%, rgba(31,35,38,0.1) 100%) !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-6167a66 {position: absolute !important; inset: 0 !important; background: linear-gradient(90deg, rgba(31,35,38,0.94) 0%, rgba(31,35,38,0.84) 55%, rgba(31,35,38,0.5) 100%) !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-6167a66 {position: absolute !important; inset: 0 !important; background: linear-gradient(90deg, rgba(31,35,38,0.94) 0%, rgba(31,35,38,0.84) 55%, rgba(31,35,38,0.5) 100%) !important;} }
.mot-neu.mot-neu .mot-i-66a9384 {color: #1f2326 !important;}
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-6e341ef {height: 560px !important; --bild-h: 560px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-6e341ef {height: 400px !important; --bild-h: 400px !important; margin-right: 120px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-6e341ef {height: 400px !important; --bild-h: 400px !important; margin-right: 120px !important;} }
.mot-neu.mot-neu .mot-i-b2d526c {padding-top: 16px !important;}
.mot-neu.mot-neu .mot-i-b583214 {--box-bis-bild: -132px !important;}
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-bacd96c {height: 640px !important; --bild-h: 640px !important; width: 935px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-bacd96c {height: 400px !important; --bild-h: 400px !important; margin-right: 120px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-bacd96c {height: 400px !important; --bild-h: 400px !important; margin-right: 120px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-bd8d221 {margin-top: 96px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-bd8d221 {margin-top: 72px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-bd8d221 {margin-top: 72px !important;} }
@media (min-width: 1025px) { .mot-neu.mot-neu .mot-i-cc99028 {max-width: 1100px !important; padding-top: 128px !important; padding-bottom: 200px !important;} }
@media (min-width: 768px) and (max-width: 1024px) { .mot-neu.mot-neu .mot-i-cc99028 {padding-top: 96px !important; padding-bottom: 152px !important;} }
@media (max-width: 767px) { .mot-neu.mot-neu .mot-i-cc99028 {padding-top: 96px !important; padding-bottom: 152px !important;} }
.mot-neu.mot-neu .mot-i-eb29a54 {color: var(--asphalt-text-2) !important; margin: 0 !important;}
.mot-neu.mot-neu .mot-i-ef1dd54 {position: absolute !important; inset: 0 !important;}
/* ===== Neues Design: Anpassungen je Breakpoint, von Hand gepflegt =====
 * Eine Seite, ein Markup für alle Breiten. Wo Tablet- oder Mobil-Board eine andere
 * Komponente zeigen, wird das Desktop-Markup hier umgestellt. Breakpoints wie Elementor:
 * Tablet bis 1024 px, Mobil bis 767 px.
 * Gewichtung: drei .mot-neu (schlägt Designsystem-Regeln); !important nur dort, wo ein
 * Inline-Maß aus dem Entwurf (mot-i-*) übersteuert werden muss.
 */

/* Sichtbarkeit nach Breite (Klassen im Markup) */
@media (max-width: 1024px) { .mot-neu.mot-neu.mot-neu .mot-nur-desktop { display: none; } }
@media (min-width: 1025px) { .mot-neu.mot-neu.mot-neu .mot-bis-tablet { display: none; } }
@media (max-width: 767px) { .mot-neu.mot-neu.mot-neu .mot-ab-tablet { display: none !important; } }

/* Feste Breiten aus dem Desktop-Entwurf (1440 px) nie breiter als der verfügbare Platz */
.mot-neu.mot-neu.mot-neu .mot-hero__inhalt { grid-template-columns: minmax(0, 1fr); }
.mot-neu.mot-neu.mot-neu .mot-hero__inhalt > .display-xl { max-width: 100%; }

/* Verfahrenskarten (Tablet und Mobil statt Auswahlliste) */
.mot-neu.mot-neu.mot-neu .mot-vk__text .e-svg-base { flex: none; width: 16px; height: 16px; }
.mot-neu.mot-neu.mot-neu .mot-vk__icon .mot-icon { width: 36px; height: 36px; }

@media (max-width: 767px) {
  /* Hero wie Mobil-Board (mot-hero-m): Bewegtbild oben mit Eckschnitt, Text darunter */
  .mot-neu.mot-neu.mot-neu .mot-hero { min-height: 0; }
  .mot-neu.mot-neu.mot-neu .mot-hero__medien {
    position: relative !important; inset: auto !important; aspect-ratio: 4 / 3; --slant-cut: 120px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-cut)), calc(100% - var(--slant-cut) * var(--slant-tan)) 100%, 0 100%);
  }
  .mot-neu.mot-neu.mot-neu .mot-hero__verlauf { display: none !important; }
  .mot-neu.mot-neu.mot-neu .mot-hero__inhalt { min-height: 0; gap: var(--space-6); padding: var(--space-8) 0 var(--space-12) !important; }
  .mot-neu.mot-neu.mot-neu .mot-hero__aktionen { display: grid; gap: var(--space-4); }
  .mot-neu.mot-neu.mot-neu .mot-hero__aktionen .mot-btn,
  .mot-neu.mot-neu.mot-neu .mot-kontakt .mot-reihe .mot-btn,
  .mot-neu.mot-neu.mot-neu .mot-kopf--geteilt > .mot-btn { width: 100%; }

  /* Faktenband ohne Schräge, volle Breite */
  .mot-neu.mot-neu.mot-neu .mot-hero + section { margin-top: 0 !important; padding-right: 0 !important; }

  /* Bilder mit Schräge: volle Breite, 4:3, Eckschnitt unten rechts (mot-bild--ecke) */
  .mot-neu.mot-neu.mot-neu .mot-bild:is(.mot-anschnitt-links, .mot-anschnitt-rechts) {
    width: auto !important; height: auto !important; aspect-ratio: 4 / 3 !important;
    margin-inline: calc(-1 * var(--rand-mobil)) !important; --slant-cut: 120px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-cut)), calc(100% - var(--slant-cut) * var(--slant-tan)) 100%, 0 100%);
  }
  .mot-neu.mot-neu.mot-neu .mot-bild:is(.mot-anschnitt-links, .mot-anschnitt-rechts) img { width: 100%; height: 100%; object-fit: cover; }

  /* USP einspaltig */
  .mot-neu.mot-neu.mot-neu .mot-usp { grid-template-columns: 1fr; gap: 12px 32px; margin-top: 8px; }

  /* Beratung & Service: auf dem Smartphone ein normaler Listeneintrag; ganze Zeile verlinkt */
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link::before { background: var(--weiss); }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot :is(.mot-liste__link, .h4) { color: var(--asphalt); }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__text { color: var(--schiefer); }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__titel .h4 { font-size: 22px; }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-liste__link { padding-top: 24px; padding-bottom: 24px; }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon { color: var(--asphalt); }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon .i-a { fill: var(--mot-rot); }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-icon :is(.i-as, .i-ad) { stroke: var(--mot-rot); }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-btn {
    position: static; min-height: 0; padding: 0; margin: 0; font-size: 0; gap: 0; --btn-bg: transparent; --btn-bg-hover: transparent;
  }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-btn::before { display: none; }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-btn::after { content: ""; position: absolute; inset: 0; }
  .mot-neu.mot-neu.mot-neu .mot-leistungen .mot-liste__eintrag--rot .mot-btn .e-svg-base { width: 16px; height: 16px; }

  /* Stellen: Button links angeschnitten wie mot-btn--anschnitt im Mobil-Board */
  .mot-neu.mot-neu.mot-neu .mot-stelle .mot-btn { margin-left: calc(-1 * var(--box-innen, 24px)); margin-right: 0; padding-left: var(--box-innen, 24px); justify-content: flex-start; }
  .mot-neu.mot-neu.mot-neu .mot-stelle .mot-btn::before { transform: none; clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%); }

  /* Referenzen: Kopf gestapelt, Projekt einspaltig wie mot-projekt--klein */
  .mot-neu.mot-neu.mot-neu .mot-kopf--geteilt { grid-template-columns: 1fr; row-gap: var(--space-6); }
  .mot-neu.mot-neu.mot-neu .mot-projekt { grid-template-columns: 1fr; gap: var(--space-6); }
}
/* ===== Mitwachsen auf großen Bildschirmen (erzeugt mit skalierung.py) ===== */
/* Bezug 1600 × 800 px, Stärke 0.5, Stufen 0.05, höchstens Faktor 1.25 */
@media (min-width: 1760px) and (min-height: 840px) { body:not(.elementor-editor-active) { zoom: 1.05; } body:not(.elementor-editor-active) #wpadminbar { zoom: 0.9524; } }
@media (min-width: 1920px) and (min-height: 880px) { body:not(.elementor-editor-active) { zoom: 1.1; } body:not(.elementor-editor-active) #wpadminbar { zoom: 0.9091; } }
@media (min-width: 2080px) and (min-height: 920px) { body:not(.elementor-editor-active) { zoom: 1.15; } body:not(.elementor-editor-active) #wpadminbar { zoom: 0.8696; } }
@media (min-width: 2240px) and (min-height: 960px) { body:not(.elementor-editor-active) { zoom: 1.2; } body:not(.elementor-editor-active) #wpadminbar { zoom: 0.8333; } }
@media (min-width: 2400px) and (min-height: 1000px) { body:not(.elementor-editor-active) { zoom: 1.25; } body:not(.elementor-editor-active) #wpadminbar { zoom: 0.8; } }
/* Sehr breite Fenster: Inhaltsbreite der neuen Seiten begrenzen, Rand wächst mit */
.mot-neu.mot-neu { container-type: inline-size; width: 100%; }
.mot-neu.mot-neu > * { --rand-desktop: max(64px, (100cqw - 1472px) / 2); }