/* site.css · JB IT-Design & Marketing · erzeugt aus dem Design System (tokens/web.css + components/web-bausteine.css). Änderungen dort vornehmen und neu erzeugen. */
@font-face{font-family:"Roboto Condensed";src:url("../fonts/roboto-condensed-latin.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("../fonts/roboto-condensed-italic-latin.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Open Sans";src:url("../fonts/open-sans-latin.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}

/* Website jb-design.net · Werte von der Live-Seite gemessen (Designer-Prompt 4.1–4.3) */
:root{
  --web-orange:#F7751E;
  --web-rot:#E02B20;
  --web-verlauf:linear-gradient(130deg,#F7751E 0%,#E02B20 100%);
  --web-verlauf-gespiegelt:linear-gradient(130deg,#E02B20 0%,#F7751E 100%);
  --web-schwarz:#000000;
  --web-text:#5B5B5B;
  --web-logo-grau:#333333;
  --web-flieder:#F2F2FA;
  --web-grau:#E2E2E2;
  --web-grau-flaeche:#EFEFEF;
  --web-feld:#EEEEEE;
  --web-weiss:#FFFFFF;
  --web-kasten:rgba(247,117,30,.55);
  --web-band-text:#000000;

  --font-web-head:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --font-web-body:"Open Sans","Segoe UI",system-ui,sans-serif;

  --web-inhalt:1080px;
  --web-inhalt-anteil:80%;
  --web-abschnitt:100px;
  --web-abschnitt-mobil:50px;
  --web-linie-staerke:5px;
  --web-linie-lang:216px;
  --web-linie-mittel:105px;
  --web-linie-kurz:68px;
  --web-schraege:40px;
  --web-schraege-mobil:110px;
  --web-welle:250px;
  --web-welle-mobil:110px;
  --web-knopf-radius:3px;
  --web-dauer:200ms;
  --web-einblenden:400ms;
}

html{scroll-padding-top:170px}
/* Website-Bausteine jb-design.net. Klassennamen wie im Designer-Prompt, Abschnitt 5.
   Seiten tragen <body class="jbw">. Alle Regeln sind klassenbasiert, keine nackten Element-Selektoren außerhalb von .jbw. */

.jbw{margin:0;font-family:var(--font-web-body);font-weight:500;font-size:16px;line-height:32px;color:var(--web-text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.jbw *,.jbw *::before,.jbw *::after{box-sizing:border-box}
.jbw img{max-width:100%;height:auto;display:block}
.jbw picture{display:block}
.kopf-bild picture{height:100%}
.jbw a{color:var(--web-orange)}
.jbw a:hover{color:var(--web-rot)}
.jbw :focus-visible{outline:3px solid var(--web-orange);outline-offset:3px}
.jbw p{margin:0}
.jbw address{font-style:normal}
.sprunglink{position:absolute;left:-9999px;top:0;z-index:300;background:#000;color:#fff!important;padding:10px 16px;font-family:var(--font-web-head);font-weight:700;text-decoration:none}
.sprunglink:focus{left:16px;top:16px}
.sr-nur{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.inhalt{width:var(--web-inhalt-anteil);max-width:var(--web-inhalt);margin:0 auto;position:relative;z-index:1}
.abschnitt{position:relative;padding:var(--web-abschnitt) 0;overflow:hidden;isolation:isolate}
.abschnitt>.inhalt{z-index:auto}
.abschnitt>.deko{z-index:-1}

/* Flächen */
.flaeche-flieder{background:linear-gradient(180deg,#fff 0%,var(--web-flieder) 100%)}
.flaeche-flieder-welle{background:linear-gradient(180deg,#fff 0%,var(--web-flieder) 100%)}
.flaeche-grau{background:linear-gradient(180deg,#fff 0%,#EFEFEF 100%)}
.flaeche-grau-oben{background:linear-gradient(180deg,#fff 0%,#EFEFEF 100%)}
/* Weißgrundige Bilder verschmelzen mit dem Verlauf statt als Kasten zu stehen */
.flaeche-grau .bild-text-bild img,.flaeche-grau-oben .bild-text-bild img,.flaeche-flieder .bild-text-bild img{mix-blend-mode:multiply}
.bild-text-bild .galerie img{mix-blend-mode:normal}

/* Trennformen aus bilder/trennformen, als Daten-URI */
.deko{position:absolute;left:0;right:0;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;height:var(--deko-h,var(--web-welle))}
.deko--welle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 140h1280C573.08 140 0 0 0 0z'/%3E%3C/svg%3E")}
.deko--dreifach{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 140h1280C573.08 140 0 0 0 0z' fill-opacity='.3'/%3E%3Cpath d='M0 140h1280C573.08 140 0 30 0 30z' fill-opacity='.5'/%3E%3Cpath d='M0 140h1280C573.08 140 0 60 0 60z'/%3E%3C/g%3E%3C/svg%3E")}
.deko--schraege{height:var(--deko-h,var(--web-schraege));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M1280 140V0H0l1280 140z'/%3E%3C/svg%3E")}
.deko--schraege.deko--grau{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill='%23E2E2E2' d='M1280 140V0H0l1280 140z'/%3E%3C/svg%3E")}
.deko--oben{top:-2px}
.deko--unten{bottom:-2px}
.deko--x{transform:scaleX(-1)}
.deko--y{transform:scaleY(-1)}
.deko--xy{transform:scale(-1,-1)}
/* Gegen Haarlinien: weiße Trennformen werden nicht über die Fläche gelegt, sondern schneiden sie als Maske aus. Darunter liegt nur das Seitenweiß, es gibt keine Kante, die durchscheinen kann. */
*:has(>.deko--welle.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L1280 140C573.08 140 0 0 0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L1280 140C573.08 140 0 0 0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% 100%;mask-size:100% var(--deko-h,var(--web-welle)),100% 100%}
*:has(>.deko--welle.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L1280 140C573.08 140 0 0 0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L1280 140C573.08 140 0 0 0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px);mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px)}
*:has(>.deko--welle.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L0 140C706.92 140 1280 0 1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L0 140C706.92 140 1280 0 1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% 100%;mask-size:100% var(--deko-h,var(--web-welle)),100% 100%}
*:has(>.deko--welle.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L0 140C706.92 140 1280 0 1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L0 140C706.92 140 1280 0 1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px);mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px)}
*:has(>.deko--welle.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L1280 0C573.08 0 0 140 0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L1280 0C573.08 0 0 140 0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% 100%;mask-size:100% var(--deko-h,var(--web-welle)),100% 100%}
*:has(>.deko--welle.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L1280 0C573.08 0 0 140 0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L1280 0C573.08 0 0 140 0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px);mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px)}
*:has(>.deko--welle.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L0 0C706.92 0 1280 140 1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L0 0C706.92 0 1280 140 1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-welle)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% 100%;mask-size:100% var(--deko-h,var(--web-welle)),100% 100%}
*:has(>.deko--welle.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L0 0C706.92 0 1280 140 1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L0 0C706.92 0 1280 140 1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px);mask-size:100% var(--deko-h,var(--web-welle)),100% calc(100% - var(--deko-h,var(--web-welle)) + 1px)}
*:has(>.deko--schraege.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L1280 0L0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L1280 0L0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%}
*:has(>.deko--schraege.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L1280 0L0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L1280 0L0 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px)}
*:has(>.deko--schraege.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L0 0L1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L0 0L1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%}
*:has(>.deko--schraege.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L0 0L1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L0 0L1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px)}
*:has(>.deko--schraege.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L1280 140L0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L1280 140L0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%}
*:has(>.deko--schraege.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L1280 140L0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L1280 140L0 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px)}
*:has(>.deko--schraege.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L0 140L1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L0 140L1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h,var(--web-schraege)),100% 100%}
*:has(>.deko--schraege.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L0 140L1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 0L0 140L1280 140Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - var(--deko-h,var(--web-schraege)) + 1px)}
*:has(>.deko--schraege.deko--oben.deko--x:not(.deko--grau)):has(>.deko--schraege.deko--unten.deko--y:not(.deko--grau))::before,*:has(>.deko--schraege.deko--oben.deko--x:not(.deko--grau)):has(>.deko--schraege.deko--unten.deko--y:not(.deko--grau))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L0 0L1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L1280 140L0 140Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM0 140L0 0L1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 0L1280 140L0 140Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px),0 100%;mask-position:0 0,0 calc(var(--deko-h,var(--web-schraege)) - 1px),0 100%;-webkit-mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - 2 * var(--deko-h,var(--web-schraege)) + 2px),100% var(--deko-h,var(--web-schraege));mask-size:100% var(--deko-h,var(--web-schraege)),100% calc(100% - 2 * var(--deko-h,var(--web-schraege)) + 2px),100% var(--deko-h,var(--web-schraege))}
/* Die Maske sitzt nur auf Hintergrund (::before) und Bild (.kopf-bild), nie auf dem Inhalt: Text und Knöpfe in der Welle bleiben sichtbar */
*:has(>:is(.deko--welle,.deko--schraege):not(.deko--grau)){isolation:isolate;background-size:0 0;background-color:transparent}
*:has(>:is(.deko--welle,.deko--schraege):not(.deko--grau))::before{content:"";position:absolute;inset:0;z-index:-5;pointer-events:none;background-image:inherit;background-repeat:no-repeat;background-size:100% 100%}
.deko:not(.deko--grau):not(.deko--dreifach){visibility:hidden}

/* Überschriften und Text */
.titel{font-family:var(--font-web-head);font-weight:700;font-size:40px;line-height:40px;color:#000;margin:0 0 10px;hyphens:none;text-wrap:balance}
.titel em,.titel--kursiv{font-style:italic}
.titel--kunden{font-size:42px;line-height:42px;text-align:center;margin-bottom:70px}
.fliesstext{padding-left:40px;text-align:justify;hyphens:auto}
.fliesstext a{text-decoration:underline}
.linie{display:block;height:var(--web-linie-staerke);background:var(--web-orange);width:var(--web-linie-lang);margin:0 0 55px}
.linie--mittel{width:var(--web-linie-mittel);margin-bottom:14px}
.linie--kurz{width:var(--web-linie-kurz);margin-bottom:14px}

/* Knopf */
.knopf{display:inline-flex;align-items:center;font-family:var(--font-web-head);font-weight:700;font-size:30px;line-height:1.7;padding:9px 30px;border-radius:var(--web-knopf-radius);background:var(--web-orange);color:#000!important;text-decoration:none;text-transform:uppercase;border:0;cursor:pointer;white-space:nowrap}
.knopf::after{content:"\2192";display:inline-block;max-width:0;opacity:0;overflow:hidden;margin-left:0;transition:max-width var(--web-dauer),opacity var(--web-dauer),margin-left var(--web-dauer)}
.knopf:hover::after,.knopf:focus-visible::after{max-width:1em;opacity:1;margin-left:.3em}
.knopf--rahmen{background:#fff;border:2px solid var(--web-orange);padding:7px 28px}
.knopf-zeile{display:flex;gap:20px;flex-wrap:wrap;margin-top:40px}
.knopf-zeile--abstand{margin-top:60px}

/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:#fff;padding-top:30px}
.kopf>.inhalt{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:23px}
.kopf-logo{display:block;line-height:0}
.kopf-logo img{width:256px;height:auto}
.kopf-nav ul{display:flex;gap:23px;list-style:none;margin:0;padding:0;align-items:center}
.kopf-nav a{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-web-head);font-weight:300;font-size:22px;line-height:1.2;letter-spacing:1px;color:#000;text-decoration:none}
.kopf-nav a:hover,.kopf-nav a[aria-current="page"]{color:var(--web-orange)}
.flagge{width:18px;height:12px;display:inline-block;flex:none}
.kopf-menue-knopf{display:none}

/* Kopfbild groß */
.kopf-gross{position:relative;height:490px;display:flex;align-items:center;overflow:hidden;background:var(--web-orange)}
.kopf-bild{position:absolute;inset:0;z-index:0;overflow:hidden}
.kopf-bild img{width:100%;height:100%;object-fit:cover}
.kopf-gross>.deko,.kopf-klein>.deko{z-index:1}
.kopf-kasten{display:inline-block;background:var(--web-kasten);padding:20px;width:620px;max-width:100%}
.kopf-titel{margin:0;font-family:var(--font-web-head);font-weight:700;color:#000;hyphens:none;overflow-wrap:normal;word-break:keep-all}
.kopf-zeile{display:block;color:#fff;font-size:50px;line-height:50px}
.kopf-haupt{display:block;font-size:100px;line-height:90px;padding-left:40px}

/* Kopfbild klein */
.kopf-klein{position:relative;height:245px;z-index:2;background:#fff}
.kopf-klein>.inhalt{position:absolute;left:0;right:0;top:85px}
.kopf-balken{display:inline-block;padding:12px 60px 14px 20px;min-width:min(470px,100%);background:linear-gradient(90deg,rgba(247,117,30,.22) 0%,rgba(247,117,30,.92) 100%)}
.kopf-klein .kopf-zeile{font-style:italic;font-size:40px;line-height:46px}
.kopf-klein .kopf-haupt{font-size:70px;line-height:70px;padding-left:60px}
.kopf-klein--ohne-zeile .kopf-haupt{padding-left:0}

/* Intro */
.intro>.inhalt{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 60px;align-items:start}
.intro--ohne-bild>.inhalt{grid-template-columns:minmax(0,800px)}
.intro-bild{padding-top:60px}
.intro-bild--kurz{padding-top:0}
.intro .kacheln{grid-column:1/-1;margin-top:70px}
.intro--ohne-bild .kacheln{margin-top:120px}
.intro .zaehler{grid-column:1/-1}
.kacheln-balken{grid-column:1/-1;position:relative;isolation:isolate;margin-top:110px;padding:70px 0}
.kacheln-balken::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;background:rgba(0,0,0,.05);transform:skewY(-3deg)}
.kacheln-balken .kacheln{margin-top:0}
/* Schriftzug im Balken: halb so schräg wie der Balken (1,5° statt 3°), der Zuschnitt folgt per clip-path den 3° des Balkens, ragt über ihn hinaus und wird an seinen Kanten abgeschnitten */
.kacheln-balken::after{content:"AUTOMATISIERUNG" / "";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;transform:skewY(-1.5deg);clip-path:polygon(0 3.93vw,100% -3.93vw,100% calc(100% - 3.93vw),0 calc(100% + 3.93vw));display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;font-family:var(--font-web-head);font-weight:900;-webkit-text-stroke:.06em #fff;paint-order:stroke fill;font-size:clamp(160px,26vw,420px);line-height:.8;box-sizing:border-box;padding-left:100vw;text-indent:var(--schrift-x,40px);letter-spacing:-.01em;color:#fff;opacity:.75;pointer-events:none}
.jbw:lang(en) .kacheln-balken::after,[lang="en"] .kacheln-balken::after{content:"AUTOMATION" / ""}
.intro:has(.kacheln-balken){overflow-x:clip}
body.jbw{overflow-x:clip}
.intro--hintergrund{padding-bottom:calc(var(--web-abschnitt) + var(--web-welle))}
.intro--hintergrund>.kopf-bild{z-index:-2}
.intro--hintergrund>.kopf-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0,#fff 420px,rgba(255,255,255,.7) 640px,rgba(255,255,255,.7) 100%)}
.intro--hintergrund .kacheln{margin-top:110px}
.intro--rahmen{padding-top:calc(var(--web-abschnitt) + 90px)}
.intro--rahmen>.inhalt{position:relative;isolation:isolate;grid-template-columns:minmax(0,600px);justify-content:center;padding-bottom:70px}
/* Symmetrisch 100 px über den Inhalt; Ausblenden per Maske statt weißer Überlagerung, damit oben keine Bildkante als Linie entsteht */
.intro-rahmen-bild{z-index:-1;opacity:.6;top:-120px;bottom:0;left:max(calc(50% - 400px),calc((100% - 100vw) / 2));right:max(calc(50% - 400px),calc((100% - 100vw) / 2));-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 270px,rgba(0,0,0,.25) 58%,rgba(0,0,0,.7) 78%,#000 95%);mask-image:linear-gradient(180deg,transparent 0,transparent 270px,rgba(0,0,0,.25) 58%,rgba(0,0,0,.7) 78%,#000 95%)}
.intro--rahmen .fliesstext{max-width:none}
.kopf-gross+.kasten-auf-bild{margin-top:40px}
.intro+.kasten-auf-bild{margin-top:100px}
.weiter{padding:0 0 var(--web-abschnitt)}
.intro-nach{grid-column:1/-1}
.knopf-mitte{display:flex;justify-content:center}

/* Bild und Text */
.bild-text>.inhalt{display:grid;grid-template-columns:var(--spalten,minmax(0,2fr) minmax(0,1fr));gap:40px 60px;align-items:center}
.bild-text-bild img,.bild-text-bild picture{margin:0 auto}
.bild-text-bild--unten{grid-column:1/-1;margin-top:-110px}
.bild-text-text{position:relative;z-index:1}
.bild-text--oben>.inhalt{align-items:start}
.bild-text--abstand{padding-top:calc(var(--web-abschnitt) + 80px)}

/* Kacheln */
.kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 60px;list-style:none;margin:0;padding:0}
.kachel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.kachel-icon{width:151px;height:151px;object-fit:contain;transition:transform .35s cubic-bezier(.2,.7,.2,1.3)}
.kachel:hover .kachel-icon{transform:translateY(-8px) scale(1.05)}
.kachel-titel{font-family:var(--font-web-head);font-weight:700;font-size:25px;line-height:25px;color:#000;margin:0;text-transform:uppercase;hyphens:none}
.kacheln--auf-bild{grid-template-columns:repeat(2,168px);gap:24px 58px;justify-content:end}
.kacheln--auf-bild .kachel{background:rgba(255,255,255,.8);width:168px;height:241px;justify-content:center;gap:12px;padding:16px 8px}
.kacheln--auf-bild .kachel-titel{font-size:23px;line-height:24px}
.platzhalter{display:flex;align-items:center;justify-content:center;text-align:center;background:#D9D9D9;color:#5B5B5B;font-family:var(--font-web-body);font-size:12px;line-height:16px;padding:8px;word-break:break-all}

/* Zähler */
.zaehler{container-type:inline-size;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px;list-style:none;margin:100px 0 0;padding:0}
.zaehler li{text-align:center}
.zaehler-zahl{display:block;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:700;font-size:min(96px,8.6cqi);line-height:1;letter-spacing:-.02em;color:var(--web-orange);font-variant-numeric:tabular-nums;white-space:nowrap}
.zaehler-titel{display:block;margin-top:24px;font-family:var(--font-web-head);font-weight:700;font-size:min(29px,2.6cqi);line-height:1.05;hyphens:auto;color:#000}

/* Kundenlogos */
.logos-raster{display:grid;grid-template-columns:repeat(4,minmax(0,225px));justify-content:space-between;gap:50px 20px;list-style:none;margin:0;padding:0}
.logos-raster img{width:225px;height:160px;object-fit:contain}

/* Kasten auf Bild */
.kasten-auf-bild{position:relative;padding:90px 0;overflow:hidden;background:var(--web-grau)}
.kasten-auf-bild>.kopf-bild{z-index:0}
.kasten-auf-bild>.inhalt{display:grid;grid-template-columns:minmax(0,680px) auto;gap:40px 60px;align-items:start;justify-content:space-between}
.kasten-auf-bild--ohne-kacheln>.inhalt{grid-template-columns:minmax(0,800px)}
.kasten-spalte .linie{margin:0 0 30px 50px}
.kasten{background:rgba(255,255,255,var(--kasten-deckkraft,.75));padding:46px 50px 52px}
.kasten .titel{margin-bottom:20px}
.kasten .fliesstext{text-align:left;hyphens:manual}
.kasten-auf-bild--bild-rechts{background:#fff}
/* Das Bild blendet links selbst nach Weiß aus; volle Breite, rechts verankert, damit das Motiv sichtbar bleibt */
.kasten-auf-bild--bild-rechts>.kopf-bild img{object-position:right center}
.kasten-auf-bild--bild-rechts>.kopf-bild{opacity:.5}
/* Kasten läuft unten weich aus, keine sichtbare Unterkante */
.kasten-auf-bild--bild-rechts .kasten{padding-bottom:120px;background:linear-gradient(180deg,rgba(255,255,255,var(--kasten-deckkraft,.75)) 0,rgba(255,255,255,var(--kasten-deckkraft,.75)) calc(100% - 120px),rgba(255,255,255,0) 100%)}
.kasten-auf-bild--ausblenden>.kopf-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 55%,#fff 100%)}

/* Teaser Über uns */
.teaser{padding:180px 0}
.teaser>.inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 80px;align-items:start}
.teaser-bild img{width:402px}

/* Galerie */
.galerie-bilder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.galerie-bild{display:block;cursor:zoom-in;line-height:0}
.galerie-bild img{width:100%;aspect-ratio:400/516;object-fit:cover}
.galerie--quer .galerie-bild img{aspect-ratio:400/284}
.galerie-seiten{display:none;gap:16px;border-top:1px solid #E2E2E2;margin-top:32px;padding-top:14px}
.galerie-seiten button{background:none;border:0;padding:0;font:inherit;color:#9A9A9A;cursor:pointer}
.galerie-seiten button[aria-current="true"]{color:var(--web-text)}
.js .galerie-seiten{display:flex}
.js .galerie-bild.ist-versteckt{display:none}
.lightbox{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:56px 24px}
.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto}
.lightbox-schliessen{position:absolute;top:12px;right:12px;width:48px;height:48px;background:none;border:0;color:#fff;font-size:40px;line-height:1;cursor:pointer}

/* Team */
.team-karte{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;margin:0 auto}
.team-foto img{width:var(--foto-b,280px);height:var(--foto-h,373px);object-fit:cover;filter:grayscale(1)}
.team-name{font-family:var(--font-web-head);font-weight:700;font-size:30px;line-height:32px;color:#000;margin:28px 0 10px;text-transform:uppercase}
.team-rolle{font-size:15px;line-height:20px;color:var(--web-orange);text-transform:uppercase;margin-bottom:18px}
.team-text{font-size:15px;line-height:26px}
.team-linkedin{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-family:var(--font-web-body);font-weight:700;font-size:24px;color:#9A9A9A!important;text-decoration:none;letter-spacing:-1px}
.team-linkedin:hover{color:var(--web-orange)!important}

/* Kontaktformular */
.formular{position:relative;background:var(--web-verlauf-gespiegelt);padding:140px 0 130px;color:#000}
.formular .linie{margin-bottom:55px}
.formular-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:33px}
.formular-feld--voll{grid-column:1/-1}
.formular-feld input,.formular-feld textarea{display:block;width:100%;background:var(--web-feld);border:0;border-radius:0;padding:16px;font-family:var(--font-web-body);font-weight:500;font-size:14px;line-height:20px;color:#333}
.formular-feld textarea{height:150px;resize:vertical}
.formular-feld ::placeholder{color:#777;opacity:1}
.formular-falle{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.formular-fuss{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:-16px}
.formular-hinweis{font-size:13px;line-height:20px;max-width:640px}
.formular-hinweis a{color:#000!important;text-decoration:underline}
.formular-senden{font-family:var(--font-web-head);font-weight:700;font-size:20px;line-height:1.7;padding:8px 22px;background:var(--web-orange);color:#000;border:0;border-radius:var(--web-knopf-radius);cursor:pointer;text-transform:uppercase;white-space:nowrap}
.formular-senden:hover{background:#FF8A3A}
.formular-meldung{display:none;grid-column:1/-1;background:#fff;color:#000;padding:14px 18px;font-size:15px;line-height:24px}
.formular-meldung:target,.formular-meldung.ist-sichtbar{display:block}
.formular-adresse{margin-top:50px;width:248px;max-width:100%;border-top:2px solid var(--web-orange);border-bottom:2px solid var(--web-orange);padding:30px 0;font-size:15px;line-height:25px;white-space:nowrap}
.formular-adresse p{margin-bottom:15px}
.formular-adresse p:last-child{margin-bottom:0}
.formular-adresse a,.band a:not(.knopf){color:#000!important;text-decoration:none}

/* Kontaktband */
.band{position:relative;background:var(--web-verlauf);padding:262px 0 130px;color:var(--web-band-text);overflow:hidden}
/* Das Orange endet genau unter der Welle (Maske), darüber ist nichts, also auch keine Kante, die als Linie durchscheinen kann */
.band{--band-welle:var(--web-welle);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0 78C0 78 573.08 -2 1280 -2V140H0z'/%3E%3C/svg%3E") 0 -2px/100% var(--band-welle) no-repeat,linear-gradient(#000,#000) 0 calc(var(--band-welle) - 4px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0 78C0 78 573.08 -2 1280 -2V140H0z'/%3E%3C/svg%3E") 0 -2px/100% var(--band-welle) no-repeat,linear-gradient(#000,#000) 0 calc(var(--band-welle) - 4px)/100% 100% no-repeat}
.band>.inhalt{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr)}
.band-adresse{padding:0 40px 0 35px;border-right:2px solid var(--web-orange);font-size:15px;line-height:25px}
.band-adresse p{margin-bottom:15px}
.band-adresse p:last-child{margin-bottom:0}
.band-satz{padding-left:60px;font-size:15px;line-height:25px}
.band .knopf{margin-top:40px}

/* Fußleiste */
.fuss{background:#000;color:#9A9A9A;font-size:13px;line-height:20px;padding:15px 0}
.fuss a{color:#fff!important;font-weight:700;text-transform:uppercase;text-decoration:none}
.fuss a:hover{color:var(--web-orange)!important}

/* Einspaltiger Text (Impressum, Datenschutz) */
.text-einspaltig{max-width:760px}
.text-einspaltig h2{font-family:var(--font-web-head);font-weight:700;font-size:24px;line-height:30px;color:#000;margin:28px 0 6px}
.text-einspaltig h2:first-of-type{margin-top:0}

/* Bewegung. .einblenden ist nur der Auslöser; die Teile darin kommen gestaffelt. */
.js .einblenden .linie{transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.js .einblenden :is(.titel,.fliesstext,.knopf-zeile,.zaehler li,.team-name,.team-rolle,.team-text,.team-linkedin,.band-satz){opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .einblenden :is(.bild-text-bild,.intro-bild,.teaser-bild,.team-foto,.kasten,.band-adresse){opacity:0;transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.js .einblenden :is(.bild-text-bild:first-child,.kasten,.band-adresse){transform:translateX(-80px)}
.js .einblenden :is(.bild-text-text+.bild-text-bild,.intro-bild,.teaser-bild){transform:translateX(80px)}
.js .einblenden .team-foto{transform:scale(.9)}
.js .einblenden :is(.kachel,.logos-raster li){opacity:0;transform:translateY(24px);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.16,.8,.3,1)}
.js .einblenden .titel{transition-delay:.12s}
.js .einblenden :is(.fliesstext,.team-rolle){transition-delay:.26s}
.js .einblenden :is(.knopf-zeile,.team-text){transition-delay:.4s}
.js .einblenden :is(.kasten .titel){transition-delay:.35s}
.js .einblenden :is(.kasten .fliesstext){transition-delay:.5s}
.js .einblenden :is(.bild-text-bild,.intro-bild,.teaser-bild,.band-satz){transition-delay:.15s}
.js .einblenden :is(.kachel,.logos-raster li,.zaehler li):nth-child(1){transition-delay:.3s}
.js .einblenden :is(.kachel,.logos-raster li,.zaehler li):nth-child(2){transition-delay:.4s}
.js .einblenden :is(.kachel,.logos-raster li,.zaehler li):nth-child(3){transition-delay:.5s}
.js .einblenden :is(.kachel,.logos-raster li,.zaehler li):nth-child(4){transition-delay:.6s}
.js .einblenden :is(.kachel,.logos-raster li):nth-child(5){transition-delay:.7s}
.js .einblenden :is(.kachel,.logos-raster li):nth-child(6){transition-delay:.8s}
.js .einblenden :is(.kachel,.logos-raster li):nth-child(7){transition-delay:.9s}
.js .einblenden :is(.kachel,.logos-raster li):nth-child(8){transition-delay:1s}
.js .jbw .einblenden.ist-sichtbar :is(.linie,.titel,.fliesstext,.knopf-zeile,.zaehler li,.team-name,.team-rolle,.team-text,.team-linkedin,.band-satz,.bild-text-bild,.intro-bild,.teaser-bild,.team-foto,.kasten,.band-adresse,.kachel,.logos-raster li){opacity:1;transform:none}

/* Icons: an die Scrollposition gekoppelt (site.js). Jedes Icon erscheint einzeln, sobald die Reihe ein Stück weiter gescrollt ist, nie mehrere zugleich */
.js .jbw .einblenden .kacheln .kachel{transition:opacity .45s ease,transform .6s cubic-bezier(.2,.9,.3,1.4);transition-delay:0s}
.js .jbw .einblenden .kacheln .kachel:not(.ist-da){opacity:0;transform:translateY(30px) scale(.55)}
.js .jbw .kacheln .kachel.ist-da{opacity:1;transform:none}

/* Hinweis beim ersten Besuch (site.js): keine Cookies. Muss mit OK bestätigt werden */
.hinweis{position:fixed;left:24px;bottom:24px;z-index:500;width:min(440px,calc(100vw - 48px));background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:26px 28px 24px;font-family:var(--font-web-body);font-size:15px;line-height:24px;color:var(--web-text);border-top:6px solid var(--web-orange);animation:jbw-hoch .6s cubic-bezier(.2,.7,.2,1) both}
.hinweis strong{display:block;font-family:var(--font-web-head);font-weight:700;font-size:22px;line-height:26px;color:#000;margin-bottom:8px;text-transform:uppercase}
.hinweis p{margin:0}
.hinweis a{color:var(--web-orange)}
.hinweis .knopf{margin-top:18px;cursor:pointer;border:0}
.hinweis.ist-weg{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}

/* Kopfbilder: beim Laden einfahren, beim Scrollen Parallax (site.js) */
@keyframes jbw-rein-links{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes jbw-hoch{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes jbw-zoom{from{transform:scale(1.14)}to{transform:none}}
.js .kopf-kasten,.js .kopf-balken{animation:jbw-rein-links 1s cubic-bezier(.2,.7,.2,1) .1s both}
.js .kopf-zeile{animation:jbw-hoch .8s cubic-bezier(.2,.7,.2,1) .45s both}
.js .kopf-haupt{animation:jbw-hoch .8s cubic-bezier(.2,.7,.2,1) .65s both}
.js .kopf-gross>.kopf-bild,.js .kopf-klein>.kopf-bild{animation:jbw-zoom 2.4s cubic-bezier(.2,.7,.2,1) both}
.js .kopf-bild img{position:absolute;left:0;top:-90px;width:100%;height:calc(100% + 180px);max-width:none;will-change:transform}
.js .intro-rahmen-bild img{top:-180px;height:calc(100% + 360px)}
.js .intro--hintergrund>.kopf-bild img{top:-140px;height:calc(100% + 280px)}

@media (prefers-reduced-motion:reduce){
  .js .einblenden *{opacity:1!important;transform:none!important;transition:none!important}
  .js .kopf-kasten,.js .kopf-balken,.js .kopf-zeile,.js .kopf-haupt,.js .kopf-bild,.js .kopf-gross>.kopf-bild,.js .kopf-klein>.kopf-bild{animation:none}
  .knopf::after,.kachel-icon{transition:none}
}

/* Zwischenbreite: Menü mit Home passt neben das Logo */
@media (min-width:981px) and (max-width:1300px){
  .kopf-logo img{width:210px}
  .kopf-nav ul{gap:16px}
  .kopf-nav a{font-size:19px}
}

/* Handy */
@media (max-width:980px){
  .jbw{line-height:28px}
  .abschnitt{padding:var(--web-abschnitt-mobil) 0}
  .abschnitt:has(>.deko--welle.deko--unten:not(.deko--grau)){padding-bottom:calc(var(--web-abschnitt-mobil) + var(--web-welle-mobil))}
  .deko{height:var(--deko-h-mobil,var(--web-welle-mobil))}
  .deko--schraege{height:var(--deko-h-mobil,var(--web-schraege))}
  *:has(>.deko--welle.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%}
  *:has(>.deko--welle.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px)}
  *:has(>.deko--welle.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%}
  *:has(>.deko--welle.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px)}
  *:has(>.deko--welle.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%}
  *:has(>.deko--welle.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px)}
  *:has(>.deko--welle.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--welle.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-welle-mobil)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% 100%}
  *:has(>.deko--welle.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-welle-mobil)),100% calc(100% - var(--deko-h-mobil,var(--web-welle-mobil)) + 1px)}
  *:has(>.deko--schraege.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%}
  *:has(>.deko--schraege.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten:not(.deko--x):not(.deko--y):not(.deko--xy):not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px)}
  *:has(>.deko--schraege.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben.deko--x:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%}
  *:has(>.deko--schraege.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten.deko--x:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px)}
  *:has(>.deko--schraege.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben.deko--y:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%}
  *:has(>.deko--schraege.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px)}
  *:has(>.deko--schraege.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--oben.deko--xy:not(.deko--grau)):not(:has(>.deko--unten:not(.deko--grau)))>.kopf-bild{-webkit-mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);mask-position:0 0,0 calc(var(--deko-h-mobil,var(--web-schraege)) - 1px);-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%;mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% 100%}
  *:has(>.deko--schraege.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--schraege.deko--unten.deko--xy:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px);mask-size:100% var(--deko-h-mobil,var(--web-schraege)),100% calc(100% - var(--deko-h-mobil,var(--web-schraege)) + 1px)}
  .titel,.titel--kunden{font-size:32px;line-height:34px}
  .titel--kunden{margin-bottom:40px}
  .fliesstext{padding-left:20px;text-align:left}
  .knopf{font-size:22px;padding:6px 20px}
  .knopf--rahmen{padding:4px 18px}
  .kopf{padding-top:20px}
  .kopf>.inhalt{flex-direction:column;gap:10px;padding-bottom:6px}
  .kopf-logo img{width:312px}
  .js .kopf-menue-knopf{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;background:none;border:0;cursor:pointer;padding:0}
  .kopf-menue-knopf span{display:block;width:24px;height:2px;background:#000}
  .kopf-nav{width:100%;background:#fff;border-top:3px solid var(--web-orange);box-shadow:0 2px 5px rgba(0,0,0,.1)}
  .js .kopf-nav{display:none;position:absolute;left:10%;right:10%;top:100%;width:auto}
  .js .kopf.ist-offen .kopf-nav{display:block}
  .kopf-nav ul{flex-direction:column;align-items:stretch;gap:0;padding:0 30px}
  .kopf-nav li{border-bottom:1px solid rgba(0,0,0,.05)}
  .kopf-nav a{display:flex;min-height:68px}
  .kopf-gross{height:auto;padding:130px 0}
  .kopf-gross>.deko--schraege,.kopf-klein>.deko--schraege{height:var(--web-schraege-mobil)}
  .kopf-kasten{width:100%}
  .kopf-zeile{font-size:30px;line-height:30px}
  .kopf-haupt{font-size:clamp(36px,11vw,100px);line-height:1;padding-left:20px}
  .kopf-klein{height:auto;padding:120px 0 40px}
  .kopf-klein>.inhalt{position:relative;top:auto}
  .kopf-balken{min-width:0;width:100%;padding:12px 16px 14px}
  .kopf-klein .kopf-zeile{font-size:28px;line-height:32px}
  .kopf-klein--lang .kopf-haupt{font-size:7.6vw}
  .weiter{padding-bottom:var(--web-abschnitt-mobil)}
  .kopf-klein .kopf-haupt{font-size:clamp(34px,10vw,70px);line-height:1.05;padding-left:20px}
  .intro>.inhalt,.intro--ohne-bild>.inhalt,.teaser>.inhalt,.kasten-auf-bild>.inhalt{grid-template-columns:minmax(0,1fr)}
  .bild-text>.inhalt{grid-template-columns:minmax(0,1fr)!important}
  .intro-bild{padding-top:30px}
  .bild-text-bild{order:2}
  .bild-text-bild--unten{margin-top:0}
  .intro+.kasten-auf-bild{margin-top:50px}
  .bild-text--abstand{padding-top:calc(var(--web-abschnitt-mobil) + 40px)}
  .intro .kacheln,.intro--ohne-bild .kacheln{margin-top:60px}
  .kacheln-balken{margin-top:60px;padding:50px 0}
  .kacheln-balken .kacheln{margin-top:0}
  .kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
  .kachel-icon,.kachel .platzhalter{width:120px;height:120px}
  .kachel-titel{font-size:20px;line-height:22px}
  .kacheln--auf-bild{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .kacheln--auf-bild .kachel{width:auto;height:auto;min-height:200px}
  .zaehler{grid-template-columns:minmax(0,1fr);margin-top:50px}
  .zaehler-zahl{font-size:min(72px,22cqi)}
  .zaehler-titel{font-size:24px;line-height:1.1;margin-top:12px}
  .logos-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .logos-raster img{width:100%;height:auto;aspect-ratio:225/160}
  .kasten-auf-bild{padding:120px 0}
  .kasten{padding:28px 24px 32px}
  .kasten-spalte .linie{margin-left:24px}
  .teaser{padding:90px 0}
  .intro--rahmen{padding-top:calc(var(--web-abschnitt-mobil) + 30px)}
  .intro--rahmen>.inhalt{padding-bottom:50px}
  .teaser-bild img{width:100%}
  /* Auf dem Handy würde die vertikal gespiegelte Welle unten hart an der Kante enden: dort die horizontal gespiegelte Form */
  *:has(>.deko--welle.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))::before,*:has(>.deko--welle.deko--unten.deko--y:not(.deko--grau)):not(:has(>.deko--oben:not(.deko--grau)))>.kopf-bild{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L0 140C706.92 140 1280 0 1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1280V140H0ZM1280 140L0 140C706.92 140 1280 0 1280 0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000)}
  .galerie-bilder{scrollbar-width:none}
  .galerie-bilder::-webkit-scrollbar{display:none}
  .galerie-bilder{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory}
  .galerie-bild{scroll-snap-align:start}
  /* Scrollende Galerie wird als eigene Ebene gezeichnet; damit Weiß im Bild trotzdem im Verlauf verschwindet, mischt die ganze Leiste multiplikativ */
  :is(.flaeche-grau,.flaeche-grau-oben,.flaeche-flieder) .galerie--quer .galerie-bilder{mix-blend-mode:multiply}
  .js .galerie-bild.ist-versteckt{display:block}
  .js .galerie-seiten{display:none}
  .formular{padding:130px 0 70px}
  .formular-raster{grid-template-columns:minmax(0,1fr);gap:16px}
  .formular-fuss{flex-direction:column;align-items:flex-start;margin-top:0}
  .band{padding:150px 0 70px;--band-welle:var(--web-welle-mobil)}
  .band>.inhalt{grid-template-columns:minmax(0,1fr);gap:30px}
  .band-adresse{padding:0 0 30px;border-right:0;border-bottom:2px solid var(--web-orange)}
  .band-satz{padding-left:0}
}