/* Schriften aus preset/_schriften (#998 P2): Inter + Inter */
@font-face{font-family:"Inter";src:url("assets/fonts/inter-var.woff2") format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}

/* Erzeugt von preset_kit.php aus design-tokens.json - nicht von Hand aendern. */
/* Silbentrennung nur fuer echte Ueberschriften. Bei kurzen Auszeichnungen
   (Faktenleiste, Eyebrow) zerreisst sie Woerter wie MEISTERBE-TRIEB. */
/* Nur H2: die H1-Regel weiter unten (hyphens:manual) verlor sonst gegen die
   hoehere Spezifitaet dieser Regel - gemessen 08.09. an "MI-TRA", "Gar-ten". */
.elementor-widget-heading h2.elementor-heading-title{
  hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;word-break:normal;
}
/* H3 stehen in schmalen Karten. Dort trennt die Automatik kurze Titel mitten
   im Wort ("Mitbestim-men") - das sieht nach Fehler aus, nicht nach Satz. */
.elementor-widget-heading h3.elementor-heading-title{
  hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;text-wrap:balance;
}
/* Die Wortmarke wird nie getrennt - ein "Dachdeckermeist-er" im Firmennamen ist
   ein Fehler, kein Umbruch. Die Groesse steht hier, weil Elementor sonst die
   Ueberschriftengroesse des Kits erbt (gemessen: 44px im Fuss statt 20px). */
.vm-marke .elementor-heading-title{
  hyphens:none !important;-webkit-hyphens:none !important;
  overflow-wrap:normal;word-break:keep-all;line-height:1.15 !important
}
.elementor-location-header .vm-marke .elementor-heading-title{font-size:19px !important}
.elementor-location-footer .vm-marke .elementor-heading-title{font-size:20px !important}
/* #953: Kundenlogo als Bild-Widget (company.logo) - Hoehe begrenzt, Breite folgt. */
.vm-logo img{height:auto;max-height:44px;width:auto;display:block}
.elementor-location-footer .vm-logo img{max-height:36px}
@media(max-width:767px){.vm-logo img{max-height:34px}}
/* #953: Datentabelle im Texteditor (Sektion "tabelle") - editierbar in Elementor,
   auf dem Handy gestapelt statt seitlich scrollend (Gate 2b L19). */
.vm-tabelle table{width:100%;border-collapse:collapse;margin:0}
.vm-tabelle th,.vm-tabelle td{padding:10px 12px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--e-global-color-vm_border);font-size:15px;line-height:1.5}
.vm-tabelle th{font-weight:600;color:var(--e-global-color-accent);
  font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.vm-tabelle td:first-child{font-weight:600}
@media(max-width:767px){
  .vm-tabelle thead{display:none}
  .vm-tabelle tr{display:block;border:1px solid var(--e-global-color-vm_border);margin-bottom:12px}
  .vm-tabelle td{display:flex;gap:12px;border:0;padding:8px 12px}
  .vm-tabelle td::before{content:attr(data-label);font-weight:600;min-width:38%;flex:0 0 38%}
}
.elementor-widget-heading div.elementor-heading-title{
  hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;
}
/* Die H1 steht im Hero in einer halben Spalte. Die volle Token-Groesse ist
   dafuer zu gross - lange Komposita wie "Dachdeckermeister" wurden getrennt. */
/* #913: Die Groesse steht seit 14.09.2026 im Kit-Schriftstil "H1 (Seitentitel)" und ist
   dort editierbar - hier bleibt nur die Trennregel. */
h1.elementor-heading-title{hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}
/* Die H1 des Seitenkopfs (sektion_seitenhero) ist ein Block-Heading, kein
   Widget - ohne diese Regel trennt sie automatisch ("MI-TRA", "Gar-ten"). */
h1.wp-block-heading{hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}
/* Ablaufschritte stehen in schmalen Karten: kleinere H3, Trennung erlaubt */
.vm-ablauf .elementor-heading-title{font-size:1.05rem !important;hyphens:auto;-webkit-hyphens:auto;letter-spacing:.02em}
/* #913: H2/H3-Groessen stehen in den Kit-Schriftstilen "Ueberschriften"/"Zwischentitel". */
.elementor-button{min-height:50px;border-radius:8px;display:inline-flex;
  align-items:center;justify-content:center;text-align:center}
.elementor-widget-text-editor{max-width:72ch}
.elementor-widget-image figcaption.widget-image-caption{
  margin:0;width:100%;box-sizing:border-box;display:block
}
@media (max-width:767px){
  .elementor-widget-button .elementor-button{width:100%}
}
/* Navigations-Unterstrich nur unter dem Wort.
   Elementors Unterstrich laeuft ueber den ganzen Menuepunkt einschliesslich
   Polster - bei engen Punkten sah das aus wie EIN durchgehender Balken unter
   zwei Woertern (Kilian, 08.09.2026). Der Strich beginnt und endet jetzt am
   Text, dazwischen bleibt Luft. */
.elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px}
.elementor-nav-menu--main .elementor-item:after,
.elementor-nav-menu--main .elementor-item:before{left:10px;right:10px;width:auto}
/* Fuenf Hauptpunkte plus Telefon und Knopf: bei 1440 px brach das Menue in zwei
   Zeilen um, sobald "Karriere" dazukam (08.09.2026, #864). Kein Umbruch im Menue,
   die Rufnummer bleibt einzeilig, unter 1600 px etwas engere Punkte. */
.elementor-location-header .elementor-nav-menu--layout-horizontal .elementor-nav-menu{flex-wrap:nowrap}
.elementor-location-header .vm-kopf-telefon .elementor-heading-title{white-space:nowrap}
@media (max-width:1600px){
  .elementor-location-header:not(:has(.bl-kopf)) .elementor-nav-menu--main .elementor-item{font-size:13px !important;letter-spacing:.06em !important;padding-left:8px;padding-right:8px}
  .elementor-location-header:not(:has(.bl-kopf)) .elementor-nav-menu--main .elementor-item:after,
  .elementor-location-header:not(:has(.bl-kopf)) .elementor-nav-menu--main .elementor-item:before{left:8px;right:8px}   /* #954: Block-Kopf (navbar5) behaelt 14 px */
}

/* Weisse Karten mit dezentem Schatten - hebt die Blöcke von der Flaeche ab,
   ohne dass eine Linie noetig waere. */
/* Fuss: Links hell halten. Das Theme des ersten Baus faerbt sie sonst in seiner
   Signalfarbe, die auf dunkelblauem Grund zu dunkel ist (gemessen #B83F04). */
.elementor-location-footer a{color:rgba(255,255,255,.82)}
.elementor-location-footer a:hover{color:#fff}
.vm-fussliste .vm-ein{opacity:.45;padding-left:10px}
.vm-fussliste a{text-decoration:none}
.vm-fussliste a:hover{text-decoration:underline}

/* KI-Kennzeichnung als Badge AUF dem Bild, unten rechts mit Abstand zur Kante. */
.vm-bild{position:relative}
.vm-bild figcaption.widget-image-caption{
  position:absolute; right:14px; bottom:14px; left:auto; width:auto; max-width:calc(100% - 28px);
  margin:0; padding:6px 12px; border-radius:999px;
  background:rgba(12,14,18,.78); color:#fff;
  font-size:11px; font-weight:600; letter-spacing:.01em; line-height:1.3;
  backdrop-filter:saturate(140%) blur(6px);
  box-shadow:0 1px 2px rgba(0,0,0,.25);
}
@media (max-width:640px){
  .vm-bild figcaption.widget-image-caption{right:10px;bottom:10px;font-size:10px;padding:5px 10px}
}

/* Karten: Bild-Zoom beim Ueberfahren. Die Karte ist ein verlinkter Container
   (a.e-con); Klassen kommen nur an Widgets an, deshalb :has(). */
.vm-kartenbild{overflow:hidden}
.vm-kartenbild img{transition:transform .5s ease;will-change:transform}
a.e-con:hover .vm-kartenbild img,.e-con:has(> .vm-kartenbild):hover .vm-kartenbild img{transform:scale(1.05)}
a.e-con{color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
a.e-con:hover{transform:translateY(-3px)}
.vm-pfeil .elementor-heading-title{transition:transform .25s ease;display:inline-block}
a.e-con:hover .vm-pfeil .elementor-heading-title{transform:translateX(4px)}
/* Feste Seitenverhaeltnisse: Karten in einer Reihe sind gleich hoch (Kilian,
   08.09.2026: "IMMER die selbe aspect ratio"). aspect-ratio am img griff in
   Kilians Browser nicht - deshalb der Rahmen mit padding-top, der ueberall
   traegt; das Bild fuellt ihn absolut mit object-fit:cover. */
/* Der Rahmen sitzt auf dem WIDGET, nicht auf dem figure: ein figure mit
   height:0 trug seine Hoehe nicht ans Widget weiter, das Widget blieb auf
   schmalen Viewports 0 px hoch und der Folgeabschnitt lag ueber dem Bild
   (ABF und MG, 08.09.2026, im Browser bei 500 px gemessen). */
.vm-32,.vm-43,.vm-169{position:relative;width:100%;height:0;overflow:hidden}
.vm-32{padding-top:66.667%}
.vm-43{padding-top:75%}
.vm-169{padding-top:56.25%}
.vm-32 figure,.vm-43 figure,.vm-169 figure,
.vm-32 .elementor-widget-container,.vm-43 .elementor-widget-container,.vm-169 .elementor-widget-container{position:static;height:auto;padding:0;margin:0}
.vm-32 img,.vm-43 img,.vm-169 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
/* FAQ: Fragen in Textgroesse, nicht als Ueberschriften (Kilian, 08.09.2026: "viel zu gross bzw. klobig") */
.elementor-accordion .elementor-tab-title{display:flex;align-items:center;gap:10px;font-size:1.05rem !important;font-weight:600 !important;line-height:1.35;text-transform:none !important;letter-spacing:0 !important;padding:14px 18px !important;margin:0}
.elementor-accordion .elementor-tab-title .elementor-accordion-title{font-size:1.05rem !important;font-weight:600 !important;line-height:1.35;text-transform:none !important;letter-spacing:0 !important}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon{font-size:14px;width:1.2em}
.elementor-accordion .elementor-tab-content{font-size:15px !important;line-height:1.6;padding:2px 18px 16px !important}
.elementor-accordion .elementor-accordion-item+.elementor-accordion-item{border-top-width:1px}
/* Ablauf-Karten: kleine Nummer, kompakter Text (Kilian, 08.09.2026: "zu gross und klobig, in die Laenge gezogen") */
.vm-nummer .elementor-heading-title{font-size:15px !important;line-height:1 !important;font-weight:700}
.vm-ablauf-text,.vm-ablauf-text p{font-size:15px;line-height:1.55}
/* Chip "Beispielprojekt · Platzhalter" oben links auf dem Bild */
.vm-chip .elementor-heading-title{white-space:nowrap;line-height:1.2}
.vm-chip{pointer-events:none}
/* Haftende Seitenkarte (Projektdaten, Kurz-und-knapp-Box) */
@media (min-width:1025px){
  .e-con:has(> .vm-haft){position:sticky;top:96px}
}
/* Eyebrow mit kurzer Linie davor */
.vm-eyebrow .elementor-heading-title::before{content:"";display:inline-block;width:22px;height:2px;
  margin-right:.55rem;background:currentColor;vertical-align:middle;opacity:.9}
/* Hinweiszeile unter der H1 */
.vm-hinweis p{margin:0}
/* Symbole: Kreis/Quadrat in der getoenten Flaeche */
.elementor-widget-icon .elementor-icon{display:inline-flex;align-items:center;justify-content:center}

/* Schraffur-Baender: im kantigen Design liegt eine dezente diagonale Textur
   auf den dunklen Flaechen. Als Verlauf gebaut, nicht als Bilddatei - so
   ueberlebt sie den statischen Export und kostet keinen Ladevorgang. */
.vm-schraffur{
  background-image:repeating-linear-gradient(135deg,
    rgb(255 255 255 / 3.5%) 0 2px, transparent 2px 9px) !important;
}

/* =====================================================================
   BEWEGUNG UND ZUSTAENDE (#895, 12.09.2026)
   Grundlage: Emil Kowalski, Design Engineering. Vier Regeln, die den
   Unterschied zwischen "funktioniert" und "fuehlt sich gut an" ausmachen:
   eigene Kurven statt der schwachen CSS-Vorgaben, Druckgefuehl auf allem
   Anfassbaren, Hover nur auf Geraeten mit Zeiger, und nichts laenger als
   300 ms. Die Werte stehen hier zentral, damit alle vier Presets und
   alle Vorfuehrseiten dieselbe Handschrift tragen.
   ===================================================================== */
:root{
  /* Starkes ease-out: startet sofort, bremst weich aus. Fuer alles, was
     erscheint oder auf eine Eingabe antwortet. */
  --vm-aus:cubic-bezier(.23,1,.32,1);
  /* Starkes ease-in-out fuer Bewegung AUF dem Schirm (kein Ein/Austritt). */
  --vm-ein-aus:cubic-bezier(.77,0,.175,1);
}

/* Knoepfe: sichtbares Druckgefuehl. Ein Knopf ohne Reaktion auf den Druck
   fuehlt sich an, als haette die Seite den Klick nicht gehoert. scale statt
   translateY, weil es den ganzen Knopf mitsamt Beschriftung mitnimmt. */
.elementor-button{
  transition:background-color 160ms var(--vm-aus),color 160ms var(--vm-aus),
             border-color 160ms var(--vm-aus),box-shadow 160ms var(--vm-aus),
             transform 160ms var(--vm-aus);
}
.elementor-button:active{transform:scale(.97)}

/* Karten: anheben nur dort, wo es einen Mauszeiger gibt. Auf dem Handy
   loest Tippen sonst den Hover aus und die Karte bleibt angehoben stehen. */
a.e-con{transition:transform 220ms var(--vm-aus),box-shadow 220ms var(--vm-aus)}
@media (hover:hover) and (pointer:fine){
  a.e-con:hover{transform:translateY(-4px)}
}
a.e-con:active{transform:translateY(-1px) scale(.995)}

/* Bildzoom in der Karte: eigene Kurve statt ease, etwas ruhiger. */
.vm-kartenbild img{transition:transform 620ms var(--vm-aus)}
@media (hover:none){
  a.e-con:hover .vm-kartenbild img,
  .e-con:has(> .vm-kartenbild):hover .vm-kartenbild img{transform:none}
}
.vm-pfeil .elementor-heading-title{transition:transform 220ms var(--vm-aus)}

/* Tastaturbedienung sichtbar machen. Ohne diese Regel ist auf manchen
   Themes gar nicht zu erkennen, wo man sich gerade befindet. */
a:focus-visible,button:focus-visible,.elementor-button:focus-visible,
input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid currentColor;outline-offset:3px;border-radius:4px;
}

/* Abschnitte erscheinen beim Heranscrollen. Ohne Skript, ohne Bibliothek:
   die Bildlaufzeitachse des Browsers steuert die Animation. Browser ohne
   diese Faehigkeit zeigen alles sofort - es gibt also keinen Zustand, in
   dem Inhalt unsichtbar haengen bleibt.
   Ausgenommen sind Abschnitte mit haftender Seitenkarte (.vm-haft): eine
   Transformation am Elternteil wuerde das Haften brechen. */
/* Startwert bewusst .4 statt 0: Suchmaschinen rendern die Seite EINMAL mit
   festem Fenster und scrollen nicht. Bei Deckkraft 0 stuende alles unterhalb
   des Falzes fuer Google als verborgener Inhalt da - bei Seiten, die auf
   Sichtbarkeit verkauft werden, ein unnoetiges Risiko. Bei .4 ist jeder Text
   jederzeit lesbar, die Bewegung bleibt deutlich spuerbar. */
@keyframes vm-auftauchen{
  from{opacity:.4;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:none}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .elementor > .e-con:not(:has(.vm-haft)):not(.vm-aktionsleiste){
      animation:vm-auftauchen linear both;
      animation-timeline:view();
      animation-range:entry 0% entry 30%;
    }
  }
}

/* Wer im Betriebssystem weniger Bewegung eingestellt hat, bekommt keine.
   Farb- und Deckkraftwechsel bleiben, sie helfen beim Verstehen. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important;
  }
  .elementor > .e-con{animation:none !important;opacity:1 !important;transform:none !important}
}
/* =====================================================================
   KOPFBEREICH UEBER ALLEM (#908, Kilian 14.09.2026)
   „dropdownmenü ist abgeschnitten"

   Ursache: Seit die Abschnitte eigene Flaechen tragen (#899/#907) hat der
   erste Abschnitt unter dem Kopf einen eigenen Hintergrund. Zusaetzlich
   erzeugt die Scroll-Einblendung (`animation-timeline: view()`) an jedem
   Abschnitt einen eigenen Stapelkontext. Beides zusammen legt den Abschnitt
   UEBER das absolut positionierte Untermenue - es sah abgeschnitten aus,
   war aber ueberdeckt.

   Der Kopf bekommt deshalb einen eigenen, hoeheren Stapelkontext. Kein
   `overflow` im Kopf, sonst schneidet die Huelle das Untermenue wirklich ab.
   ===================================================================== */
.elementor-location-header{position:relative;z-index:900}
.elementor-location-header .e-con,
.elementor-location-header .elementor-widget-nav-menu{overflow:visible}
.elementor-nav-menu--main .elementor-nav-menu--dropdown,
.elementor-nav-menu .sub-menu{z-index:901}
/* Der erste Abschnitt der Seite darf sich nicht ueber den Kopf legen. */
.elementor-location-header ~ * .e-con{z-index:auto}

/* =====================================================================
   PREMIUM-BAUSTEINE (#913, 14.09.2026) - nur Anordnung und Zustaende.
   Inhalte, Farben und Schriften stehen editierbar in den Widgets/Kit.
   ===================================================================== */
/* KI-Kennzeichnung auf Hintergrundbildern */
.vm-ki-badge{pointer-events:none;opacity:.92}
.vm-ki-badge .elementor-heading-title{white-space:nowrap;line-height:1.2}
.vm-musterangabe .elementor-heading-title{white-space:nowrap;line-height:1.2}
.vm-musterangabe{align-self:flex-start}

/* Leistungs-Mosaik: erste Kachel gross, verbreiterte Kacheln schliessen das Raster */
.vm-mosaik{grid-auto-flow:row dense}
.vm-kachel{position:relative;overflow:hidden;isolation:isolate}
.vm-kachel .elementor-heading-title{hyphens:manual}
/* Teaser in normalen Kacheln auf zwei Zeilen kuerzen - sonst schiebt langer Text
   den Titel unter das KI-Badge (gesehen 14.09.2026, Flachdach/Daemmung). Der volle
   Text bleibt im Widget und fuer Suchmaschinen im HTML. */
.vm-kachel:not(.vm-kachel-gross) .elementor-widget-text-editor p{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
@media (max-width:767px){
  .vm-kachel .elementor-widget-text-editor p{-webkit-line-clamp:3}
  .vm-kachel.vm-kachel-gross .elementor-widget-text-editor p{
    display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0}
}
/* Top-Leiste bleibt einzeilig */
.vm-topbar .elementor-heading-title{white-space:nowrap}

/* Zaehler linksbuendig wie die Textwerte daneben (gesehen 14.09.2026: 23/20 mittig) */
.vm-zahl .elementor-counter{align-items:flex-start;text-align:left}
.vm-zahl .elementor-counter-number-wrapper{justify-content:flex-start}
.vm-zahl .elementor-counter-title{justify-content:flex-start;text-align:left}

/* Stellenzeile: Pfeil bleibt rechts neben dem Titel, auch auf dem Handy */
.vm-stellenzeile{flex-wrap:nowrap !important}
.vm-stellenzeile > .e-con{flex:1 1 auto;min-width:0;width:auto !important}
.vm-stellenzeile > .elementor-widget-icon{flex:0 0 auto}

/* Fortschrittsbalken der Anfrage in den Preset-Farben statt Elementor-Schwarz */
.elementor-form .e-form__indicators__indicator__progress{
  background-color:var(--e-global-color-vm_border);border-radius:999px;overflow:hidden}
.elementor-form .e-form__indicators__indicator__progress__meter{
  background-color:var(--e-global-color-secondary);color:var(--e-global-color-vm_accent_fg)}
@media (min-width:1025px){
  .vm-mosaik > .vm-kachel-gross{grid-column:span 2;grid-row:span 2;min-height:500px}
  .vm-mosaik > .vm-kachel-breit{grid-column:span 2}
}
@media (min-width:768px) and (max-width:1024px){
  .vm-mosaik > .vm-kachel-gross{grid-column:span 2;min-height:360px}
}
.vm-kachel-pfeil .elementor-icon{transition:transform 220ms var(--vm-aus),background-color 220ms var(--vm-aus)}
@media (hover:hover) and (pointer:fine){
  a.vm-kachel:hover{transform:none}
  a.vm-kachel:hover .vm-kachel-pfeil .elementor-icon{transform:translateX(4px)}
  a.vm-stellenzeile:hover{transform:none}
  a.vm-stellenzeile:hover .vm-kachel-pfeil .elementor-icon{transform:translateX(4px)}
}

/* Zeitleiste: Linie mit Punkten, ab Tablet vertikal */
.vm-zeitleiste{position:relative}
.vm-schritt{position:relative}
.vm-schritt::before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;
  background:var(--e-global-color-secondary)}
@media (min-width:1025px){
  .vm-zeitleiste::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;
    background:var(--e-global-color-vm_border_st)}
  .vm-schritt{padding-top:34px}
  .vm-schritt::before{left:0;top:0;box-shadow:0 0 0 5px var(--e-global-color-vm_bg)}
}
@media (max-width:1024px){
  .vm-zeitleiste{padding-left:30px}
  .vm-zeitleiste::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;
    background:var(--e-global-color-vm_border_st)}
  .vm-schritt::before{left:-30px;top:3px}
}

/* Vollbild-Hero */
.vm-hero-voll{position:relative}

/* Einsatzorte als lockere Zeile */
.vm-orte .elementor-icon-list-items{row-gap:10px}

/* Handy-Aktionsleiste (Theme-Fuss): fest unten, auf dem Desktop ausgeblendet */
.vm-aktionsleiste{position:fixed !important;left:0;right:0;bottom:0;z-index:950;
  box-shadow:0 -8px 24px rgba(0,0,0,.18)}
.vm-aktionsleiste .elementor-button{min-height:48px;width:100%}
@media (min-width:1025px){ .vm-aktionsleiste{display:none !important} }
@media (max-width:1024px){ body:has(.vm-aktionsleiste){padding-bottom:76px} }   /* Nachtlauf 14.10.: nur wenn die Aktionsleiste wirklich da ist (sonst weisser Streifen unter dem Fuss) */
/* #1398z-10 (Kilian 14.10.2026): Pitch-Seiten brauchen 10/10 im Website-Check. Mindestschrift 14 px fuer Bildunterschriften,
   Fusszeilen und Pflichtzeilen (Check: „kleinste Fliesstext-Schrift am Handy“), Handy-H1 kompakter (Check-Raster: „ueberdimensionierte Ueberschrift“). */
html:root body .bl [class*="-unterschrift"] .bl-p,html:root body .bl [class*="-unterschrift"] p,html:root body footer .bl-fuss-copy p,html:root body footer .bl-fuss-copy,html:root body footer .bl-fuss-pflicht-zeile p,html:root body footer .bl-fuss-pflicht-zeile,html:root body footer .bl-fuss-unten p,html:root body footer .bl-fuss-unten a,html:root body footer .bl-fuss-pflicht p,html:root body footer .bl-fuss-pflicht a,html:root body footer .bl-fuss-recht p,html:root body footer .bl-fuss-recht a,html:root body footer .bl-fuss-recht .elementor-icon-list-text{font-size:14px !important;line-height:1.45}
@media (max-width:767px){ .bl h1,.bl h1.elementor-heading-title{font-size:clamp(28px,8.2vw,34px) !important;line-height:1.1 !important;letter-spacing:-0.02em} }
/* #1398z-10: Beweisleiste in hero35: Wert nie umbrechen (4,9 brach in 4, / 9), mobil zentriert wie der Hero-Text */
:root body .blk-g-beweis:not(.blk-g-beweis-dunkel){flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:8px 18px !important}
:root body .blk-g-beweis:not(.blk-g-beweis-dunkel) .blk-g-beweis-google{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px !important}
:root body .blk-g-beweis:not(.blk-g-beweis-dunkel) .blk-g-beweis-sp{flex-direction:row !important;align-items:center;gap:8px !important}
:root body .blk-g-beweis:not(.blk-g-beweis-dunkel) .blk-g-beweis-punkt{flex-direction:row;align-items:center;gap:6px !important}
:root body .blk-g-beweis .blk-g-beweis-wert{white-space:nowrap;flex:none}
/* #1398z-10: Projektfoto als Vorschau in der Referenzen-Liste des Mega-Menüs */
:root body .blk-navbar3mega-symbolbox-bild{overflow:hidden;padding:0 !important}
:root body .blk-navbar3mega-symbolbox-bild .blk-navbar3mega-vorschau,:root body .blk-navbar3mega-symbolbox-bild .blk-navbar3mega-vorschau img{width:100% !important;height:100% !important;object-fit:cover;display:block}
:root body .blk-g-beweis .blk-g-beweis-text,:root body .blk-g-beweis .blk-g-beweis-label{white-space:nowrap}
@media (max-width:767px){ :root body .blk-hero35-beweis{align-items:center} :root body .blk-hero35-beweis .blk-g-beweis-google,:root body .blk-hero35-beweis .blk-g-beweis-punkt{justify-content:center} }
/* Die Einblendung darf die feste Leiste nicht in einen Stapelkontext ziehen */
.elementor-location-footer > .elementor > .e-con.vm-aktionsleiste{animation:none !important;transform:none !important}


/* ---- shadcnblocks-Basis (alle Block-Presets) ---- */
/* =====================================================================
   shadcnblocks-Basis fuer Elementor (#954/#955, 16.09.2026)
   Gilt fuer JEDES Preset mit meta.blocks (preset_kit.php haengt es vor preset/<design>/kit-elementor.css an).
   Masse aus dem Block-Studio gemessen (wissen/shadcnblocks/masse_*.json), Nachweis wissen/shadcnblocks/vergleich.py.
   Neue Block-Renderer bekommen ihren Abschnitt hier, nicht im Kunden-Preset.
   ===================================================================== */

/* ---- Grundlagen: klassische Kit-Regeln fuer Block-Sektionen neutralisieren ---- */
.bl .elementor-widget-text-editor{max-width:none}
.bl .elementor-widget-text-editor p{margin:0}
/* #956: Theme-style.css setzt p/li auf "IBM Plex Sans" (GTE) - in Block-Sektionen erbt der Absatz die Kit-Schrift des Widgets */
.bl p,.bl li{font-family:inherit}
.bl h1.elementor-heading-title,.bl h2.elementor-heading-title,.bl h3.elementor-heading-title{hyphens:manual;-webkit-hyphens:manual}
/* Studio: nur hero1-H1 und stats6-H2 tragen text-pretty, der Lead text-balance; alles andere bricht normal um */
.bl .elementor-heading-title,.bl p{text-wrap:wrap;font-variation-settings:normal}
.bl{letter-spacing:normal}
.bl-hero-h1 .elementor-heading-title,.bl-stats-h2 .elementor-heading-title{text-wrap:pretty}
.bl .e-con.e-grid{grid-template-rows:none !important;grid-auto-rows:auto}
.bl .e-con{position:relative}
/* #998 P2: Lucide-Symbole sind Strichsymbole - AUSSER Fuellsymbolen (Bewertungssterne, Klasse blk-fuell; Lehre S0 Pro Dach / #39).
   :where() haelt die Spezifitaet bei (0,1,1), damit die Kopf-Regeln (.bl-kopf .sub-arrow svg) weiter gewinnen. */
.bl svg:where(:not(.blk-fuell svg)){fill:none !important;stroke:currentColor}
.bl .blk-fuell svg{fill:currentColor !important;stroke:currentColor}
.bl .elementor-icon-list-icon{color:inherit}
.bl-muted{color:var(--e-global-color-accent)}
.bl-muted-70{color:color-mix(in srgb,var(--e-global-color-accent) 70%,transparent)}
.bl-unterstrichen{text-decoration:underline;white-space:nowrap;margin:0 4px;color:inherit}
.bl-nowrap .elementor-button-text{white-space:nowrap}

/* ---- Knopf (shadcn Button, Nova): h-8 / lg h-9, px-2.5, gap 1.5, radius 4 ---- */
.bl .bl-btn .elementor-button{min-height:0;height:32px;padding:0 10px;gap:6px;line-height:20px;
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-width:1px;border-style:solid}
.bl .bl-btn-default .elementor-button{border-color:transparent}
.bl .bl-btn-lg .elementor-button{height:36px}
.bl .bl-btn .elementor-button-content-wrapper{gap:6px;align-items:center}
.bl .bl-btn .elementor-button-icon{margin:0;display:inline-flex}
.bl .bl-btn .elementor-button-icon svg{width:16px;height:16px}
.bl .bl-btn .elementor-button:active{transform:translateY(1px)}
.bl .bl-btn{width:auto}
@media (max-width:767px){ .bl .elementor-widget-button.bl-btn .elementor-button{width:auto} }

/* ---- KI-Kennzeichnung wie Kachel-Badge im Studio: bottom-3 right-3, black/60, px-2 py-0.5, 11px, radius 4 ---- */
.bl .vm-bild figcaption.widget-image-caption,.bl .bl-ki-badge .elementor-heading-title{
  right:12px;bottom:12px;padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;
  font-size:11px;font-weight:400;line-height:15.7px;letter-spacing:0;backdrop-filter:none;box-shadow:none}
.bl .bl-ki-badge{position:absolute !important;right:12px;bottom:12px;width:auto !important;z-index:2}
.bl .bl-ki-badge .elementor-heading-title{position:static;display:inline-block}
/* #998 0D: Sammel-Badge einer Bildgruppe liegt im Rahmen der Gruppe (Gate 2b L10) */
.bl .blk-ki-gruppe{position:relative}
/* #998 0D: Pflichtzeilen im Fuss (Anschrift, Zeiten, Entwurfs-/KI-Hinweis) unter der Unterzeile */
.bl .bl-fuss-pflicht{width:100% !important}
.bl .bl-fuss-pflicht .elementor-widget-text-editor p{margin:0}
.bl .vm-bild img{display:block;width:100%}

/* ---- Bilder ---- */
.bl .bl-bild img{object-fit:cover;width:100%;height:100%}
.bl .bl-bild-16-9 img{aspect-ratio:16/9;object-position:top;border-radius:calc(var(--bl-r,4px)*.8) !important;border:1px solid var(--e-global-color-vm_border)}
.bl .bl-bild-4-3 img{aspect-ratio:4/3;border-radius:calc(var(--bl-r,4px)*1.4) !important}

/* ================================================================ Kopf (navbar5) */
.elementor-location-header .bl-kopf{min-height:72px}
.bl-kopf > .e-con-inner{justify-content:space-between;align-items:center;flex-wrap:nowrap}
.bl-kopf > .e-con-inner > .e-con{width:auto;flex:0 0 auto}
.bl-kopf .bl-logo img{max-height:40px;width:auto;height:40px;display:block}
.bl-kopf .elementor-widget-nav-menu{width:auto}
.bl-kopf .elementor-nav-menu--main .elementor-item{height:36px;padding:6px 10px !important;border-radius:var(--bl-r,4px);display:flex;align-items:center;line-height:20px}
.bl-kopf .elementor-nav-menu--main .elementor-item:hover,.bl-kopf .elementor-nav-menu--main .elementor-item:focus{background:var(--e-global-color-vm_muted)}
.bl-kopf .elementor-nav-menu--main .elementor-item.elementor-item-active{background:transparent}
.bl-kopf .elementor-nav-menu--main .elementor-item::before,.bl-kopf .elementor-nav-menu--main .elementor-item::after{display:none}
.bl-kopf .sub-arrow{margin-left:4px;padding:0;display:inline-flex}
.bl-kopf .sub-arrow svg{width:10px;height:10px;position:relative;top:1px;transition:transform .3s;fill:currentColor !important;stroke:none}
.bl-kopf .menu-item-has-children:hover > a .sub-arrow svg{transform:rotate(180deg)}
.bl-kopf .elementor-nav-menu--main .sub-menu{min-width:280px !important;padding:12px;border:1px solid var(--e-global-color-vm_border);
  border-radius:8px;background:var(--e-global-color-vm_surface);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);margin-top:6px !important}
.bl-kopf .elementor-nav-menu--main .sub-menu .elementor-sub-item{border-radius:6px;padding:12px !important;font-weight:600;border:0}
.bl-kopf .bl-kopf-aktionen{gap:16px}
.bl-kopf .elementor-menu-toggle{width:32px;height:32px;border:1px solid var(--e-global-color-vm_border);border-radius:var(--bl-r,4px);padding:0}
.bl-kopf .elementor-menu-toggle svg{width:16px;height:16px}
.bl-kopf .elementor-nav-menu--dropdown.elementor-nav-menu__container{border-top:1px solid var(--e-global-color-vm_border);margin-top:16px !important}
.bl-kopf .elementor-nav-menu--dropdown .elementor-item{padding:12px 16px !important;font-size:16px;font-weight:500}
@media (max-width:1024px){ .bl-kopf > .e-con-inner > .bl-kopf-menue{order:2} .bl-kopf > .e-con-inner > .bl-kopf-aktionen{display:none !important} }

/* ================================================================ Hero (hero1) */
.bl-hero-raster{align-items:center}
.bl-hero-text{align-items:flex-start}
.bl-hero .bl-badge{width:auto;max-width:100%}
.bl-badge .elementor-icon-list-items{margin:0 !important}
.bl-badge .elementor-icon-list-item{flex-direction:row-reverse;gap:4px;height:20px;padding:2px 8px !important;margin:0 !important;
  border:1px solid var(--e-global-color-vm_border);border-radius:calc(var(--bl-r,4px)*2.6);white-space:nowrap;align-items:center}
.bl-badge .elementor-icon-list-icon{padding:0 !important;margin:0}
.bl-badge .elementor-icon-list-icon svg{width:12px !important;height:12px !important}
.bl-badge .elementor-icon-list-text{padding:0 !important;line-height:16px}
.bl-hero-h1 .elementor-heading-title{max-width:768px}
.bl-hero-lead{max-width:1024px}
.bl-hero-lead p{text-wrap:balance}
.bl-hero-knoepfe{width:100% !important}
@media (max-width:1023px){
  .bl-hero-text{align-items:center;text-align:center}
  .bl-hero-h1 .elementor-heading-title{max-width:576px;margin:0 auto}
  .bl-hero-knoepfe{justify-content:center !important}
}
@media (max-width:639px){
  .bl-hero-knoepfe{flex-direction:column !important}
  .bl-hero-knoepfe .elementor-widget-button,.bl-hero-knoepfe .elementor-widget-button .elementor-button{width:100% !important}
}

/* ================================================================ Kennzahlen (stats6) */
.bl-stats-innen{align-items:flex-start}
.bl-stats-kopf{width:100% !important}
.bl-stats-h2 .elementor-heading-title{max-width:384px}
@media (min-width:768px){ .bl-stats-h2 .elementor-heading-title{max-width:480px} }
@media (min-width:1024px){ .bl-stats-h2 .elementor-heading-title{max-width:592px} }
.bl-stats-raster{width:100% !important}
.bl-stat{gap:8px}
@media (max-width:767px){ .bl-stats-innen{gap:48px !important} }
@media (max-width:639px){
  .bl-stats-knoepfe{flex-direction:column}
  .bl-stats-knoepfe .elementor-widget-button,.bl-stats-knoepfe .elementor-widget-button .elementor-button{width:100% !important}
}
@media (min-width:640px) and (max-width:1023px){ .bl-stats-raster{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:48px !important} }

/* ================================================================ Produkte (services12) */
.bl-services-raster{align-items:stretch}
.bl-services-links{width:calc((100% - 80px) / 3) !important;flex:0 0 auto !important;justify-content:space-between !important}
.bl-services-rechts{flex:1 1 0 !important;min-width:0 !important}
.bl-services-lead{width:288px !important;max-width:100% !important}
.bl-services-knopf{margin-top:0}
.bl-kachel{display:block;overflow:hidden;border-radius:calc(var(--bl-r,4px)*1.4);position:relative;box-shadow:0 0 0 1px rgba(45,45,45,.1);
  background-color:var(--e-global-color-primary);transition:opacity .2s;text-decoration:none}
.bl-kachel:hover{opacity:.8}
.bl-kachel::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.2),transparent);z-index:0;pointer-events:none}
.bl-kachel > *{position:relative;z-index:1}
.bl-kachel-gross{aspect-ratio:3/4}
.bl-kachel-klein{aspect-ratio:4/3}
.bl-kachel-gross .bl-kachel-titel{padding-right:16px}
.bl-kachel-klein .bl-kachel-titel{padding-right:24px}
.bl-kachel .bl-kachel-pfeil{position:absolute !important;z-index:2;width:auto !important;transition:transform .2s}
.bl-kachel-gross .bl-kachel-pfeil{top:24px;right:24px}
.bl-kachel-klein .bl-kachel-pfeil{top:16px;right:16px}
.bl-kachel:hover .bl-kachel-pfeil{transform:scale(1.1)}
.bl-kachel .elementor-icon{display:flex}
@media (max-width:1023px){ .bl-services-links{width:100% !important} }

/* ================================================================ Gruende (feature67) */
.bl-feature-innen{align-items:flex-start}
.bl-feature-kopf{flex:1 1 33.333% !important;min-width:0 !important}
.bl-feature-raster{flex:1 1 66.667% !important;min-width:0 !important;width:100% !important}
.bl-feature-karte{align-items:flex-start}
.bl-feature-symbol{flex:0 0 auto !important;width:auto !important}
.bl-feature-symbol .elementor-icon{display:flex !important}
.bl-feature-inhalt{flex:1 1 0 !important;min-width:0 !important}
@media (max-width:1279px){ .bl-feature-innen{flex-direction:column !important} .bl-feature-kopf,.bl-feature-raster{flex:0 0 auto !important;width:100% !important} }
@media (max-width:767px){ .bl-feature-raster{grid-template-columns:minmax(0,1fr) !important} }

/* ================================================================ Ueber uns (about3) */
.bl-about-kopf{width:66.667% !important}
.bl-about-raster{align-items:flex-start}
.bl-about-bild{width:calc((100% - 56px) * 2 / 3 + 28px) !important;flex:0 0 auto !important}
.bl-about-bild img{max-height:620px}
.bl-about-rechts{flex:1 1 0 !important;min-width:0 !important}
.bl-about-logo img{height:48px;width:auto;display:block}
.bl-about-logo{width:auto !important;align-self:flex-start}
.bl-knopf-links{align-self:flex-start}
.bl-about-kasten{overflow:hidden}
.bl-max-576{max-width:576px}
.bl-about-zahlen{justify-content:space-between !important;row-gap:32px}
.bl-about-zahl{width:auto !important;flex:0 0 auto !important}
.bl-zahl-mono .elementor-heading-title{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}
@media (max-width:1023px){ .bl-about-kopf,.bl-about-bild{width:100% !important} .bl-about-rechts{width:100% !important} }
@media (max-width:767px){
  .bl-about-kasten-kopf,.bl-about-zahl{text-align:center}
  .bl-max-576{margin:0 auto}
  .bl-about-zahlen{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px !important;row-gap:32px !important}
  .bl-about-zahl{width:auto !important}
}

/* ================================================================ Ablauf (timeline6) */
.bl-ablauf-raster{align-items:flex-start}
.bl-ablauf-links{flex:1 1 0 !important;min-width:0 !important;position:sticky !important;top:96px !important;align-self:flex-start !important}
.bl-ablauf-h2 .elementor-heading-title{max-width:512px}
.bl-ablauf-rechts{flex:1 1 0 !important;min-width:0 !important;margin-top:-48px !important}
.bl-schritt{align-items:flex-start}
.bl-schritt-symbol{flex:0 0 auto !important;width:auto !important}
.bl-schritt-symbol .elementor-icon{display:flex !important}
.bl-schritt-symbol svg{stroke-width:1.5}
.bl-schritt-inhalt{flex:1 1 0 !important;min-width:0 !important}
@media (max-width:1023px){ .bl-ablauf-links{position:static !important;width:100% !important} .bl-ablauf-rechts{width:100% !important} }
@media (max-width:639px){ .bl-ablauf-rechts{margin-top:-32px !important} }

/* ================================================================ Fragen (faq7) */
.bl-faq-raster{align-items:start}
.bl-faq-links .bl-btn{align-self:flex-start}
.bl-akkordeon .elementor-toggle-item{border-bottom:1px solid var(--e-global-color-vm_border);margin:0 !important}
.bl-akkordeon .elementor-toggle-item:last-child{border-bottom:0}
.bl-akkordeon .elementor-tab-title{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;
  padding:10px 0 !important;border:0 !important;line-height:20px}
.bl-akkordeon .elementor-tab-title:hover .elementor-toggle-title{text-decoration:underline}
.bl-akkordeon .elementor-toggle-icon{width:16px !important;margin:2px 0 0 auto !important;display:inline-flex}
.bl-akkordeon .elementor-toggle-icon svg{width:16px;height:16px}
.bl-akkordeon .elementor-toggle-title{text-decoration:none}
.bl-akkordeon .elementor-tab-content{padding:0 0 10px 0 !important;border:0 !important}
@media (max-width:767px){ .bl-faq-raster{grid-template-columns:minmax(0,1fr) !important} }

/* ================================================================ Abschluss (cta6) */
.bl-cta-band{overflow:hidden}
.bl-cta-band-innen{position:relative}
.bl-cta-band-innen > .e-con-inner{flex-direction:row;gap:48px;position:static}
.bl-cta-links{flex:0 0 auto !important;width:50% !important;margin-bottom:80px !important}
.bl-cta-karten{position:relative !important;flex:1 1 auto !important;width:100% !important;height:auto !important;align-self:stretch !important}
.bl-cta-box{position:relative !important;height:100% !important;min-height:256px;width:100% !important;aspect-ratio:8/5}
.bl-cta-karte{position:absolute !important;top:0;right:0;width:60% !important;aspect-ratio:3/5;border-radius:calc(var(--bl-r,4px)*2.2);overflow:clip;
  background:var(--e-global-color-vm_bg);z-index:40;display:flex;justify-content:center;align-items:center;padding:0 !important}
.bl-cta-karte-1{translate:-24% 24%;rotate:-30deg;box-shadow:0 10px 15px -3px rgba(45,45,45,.2),0 4px 6px -4px rgba(45,45,45,.2)}
.bl-cta-karte-2{translate:-16% 8%;rotate:-15deg;box-shadow:0 20px 25px -5px rgba(45,45,45,.2),0 8px 10px -6px rgba(45,45,45,.2)}
.bl-cta-karte-3{box-shadow:0 25px 50px -12px rgba(45,45,45,.2)}
.bl-cta-karte .elementor-widget-spacer{display:none}
.bl-cta-karte .bl-cta-bild,.bl-cta-karte .bl-cta-bild .elementor-widget-container,.bl-cta-karte .bl-cta-bild figure{width:100%;height:100%;margin:0}
.bl-cta-bild img{height:100% !important;border-radius:0 !important}
@media (max-width:1279px){
  .bl-cta-links{width:66.667% !important;margin-bottom:112px !important}
  .bl-cta-karten{position:absolute !important;right:-144px !important;bottom:0 !important;width:75% !important;max-width:576px !important;height:min-content !important;align-self:auto !important}
  .bl-cta-box{height:auto !important}
  .bl-cta-karte-1{translate:-8% 16%} .bl-cta-karte-2{translate:-6% 6%}
}
@media (max-width:767px){
  .bl-cta-band-innen > .e-con-inner{flex-direction:column}
  .bl-cta-links{width:100% !important;margin-bottom:288px !important}
  .bl-cta-karten{right:50% !important;margin-right:24px;width:110% !important;max-width:448px !important;translate:50% 0 !important}
  .bl-cta-karte-1{translate:-24% 24%} .bl-cta-karte-2{translate:-16% 8%}
}

/* ================================================================ Fuss (footer56) */
.elementor-location-footer .bl-fuss a{color:inherit}
.bl-fuss-raster{align-items:flex-start}
.bl-fuss-marke{width:calc((100% - 160px) / 6 * 2 + 32px) !important;flex:0 0 auto !important}
.bl-fuss-spalte{width:calc((100% - 160px) / 6) !important;flex:0 0 auto !important}
.bl-fuss-logo img{height:28px;width:auto;display:block}
.bl-fuss-logo{width:auto !important;align-self:flex-start;margin-bottom:24px}
.bl-fuss-zeile .elementor-icon-list-item{align-items:flex-start !important}
.bl-fuss-zeile .elementor-icon-list-icon{color:var(--e-global-color-accent);margin-top:2px}
.bl-fuss-link .elementor-icon-list-item{align-items:center !important}
.bl-fuss-link .elementor-icon-list-icon{margin-top:0}
.bl-fuss-zeile .elementor-icon-list-icon svg,.bl-fuss-link .elementor-icon-list-icon svg{width:16px;height:16px}
.bl-fuss-liste .elementor-icon-list-icon{display:none}
.bl-fuss-liste .elementor-icon-list-text{padding:0 !important;line-height:20px}
.bl-fuss-liste .elementor-icon-list-item > a:hover .elementor-icon-list-text,.bl-fuss-link a:hover .elementor-icon-list-text{color:var(--e-global-color-secondary)}
.bl-fuss-unten .bl-fuss-copy{width:auto;flex:0 1 auto}
.bl-fuss-recht{width:auto !important}
.bl-fuss-recht .elementor-icon-list-icon{display:none}
.bl-fuss-recht .elementor-icon-list-text{text-decoration:underline;padding:0 !important}
@media (max-width:1023px){
  .bl-fuss-marke{width:100% !important;margin-bottom:32px !important}
  .bl-fuss-spalte{width:calc((100% - 32px) / 2) !important}
}
@media (max-width:767px){ .bl-fuss-unten .bl-fuss-copy{width:100%} }



/* #954 Messrunde 1 */
.bl-kopf .bl-logo,.bl-kopf .bl-logo a,.bl-fuss-logo a{display:block;line-height:0}
.bl .bl-btn-icon-ml2 .elementor-button-icon{margin-left:8px}
.bl-akkordeon .elementor-tab-title{font-size:14px;line-height:20px}
.bl-akkordeon .elementor-toggle-icon{line-height:0;height:16px}

/* #954 Messrunde 2 (390 px) */
.elementor-location-header .bl-kopf{position:relative}
.bl-kopf .bl-kopf-menue,.bl-kopf .elementor-widget-nav-menu{position:static !important}
.bl-kopf nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute !important;left:0 !important;right:0 !important;top:100% !important;
  width:100% !important;margin-top:0 !important;background:var(--e-global-color-vm_bg);z-index:950}
.bl-zahl .elementor-heading-title{white-space:nowrap;overflow-wrap:normal}
.bl-akkordeon .elementor-tab-title{padding:11px 0 !important}
.bl-fuss-marke{padding-bottom:24px !important}
.bl-fuss-zeile:first-child .elementor-icon-list-text{line-height:21px !important}
.bl-badge .elementor-icon-list-icon{width:12px !important;min-width:0 !important;flex:0 0 12px}
/* #954 Augenschein: Burger-Symbol ist gefuellt (kein Lucide), Rufnummer im FAQ-Text unterstrichen wie im Block */
.bl-kopf .elementor-menu-toggle svg{fill:currentColor !important;stroke:none !important}
.bl-kopf .elementor-menu-toggle{color:var(--e-global-color-text)}
.bl-faq-text a,.bl-faq-text a.bl-unterstrichen{text-decoration:underline !important;text-underline-offset:auto;color:inherit;margin:0 !important}

/* =====================================================================
   BEWEGUNG (#955, Kilian 16.09.2026: "Elemente kommen nicht reingeflogen, Buttons ohne Hover")
   Regeln wie im Kit (#895): ohne Skript, Scroll-Zeitachse des Browsers; Startdeckkraft .4 statt 0,
   damit Suchmaschinen (einmal gerendert, kein Scrollen) nie verborgenen Text sehen; alles nur bei
   prefers-reduced-motion:no-preference. Messwerkzeuge laufen mit reduzierter Bewegung (Endzustand).
   ===================================================================== */
@keyframes bl-einblenden{from{opacity:.4;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes bl-hoch{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes bl-bild-rein{from{opacity:0;scale:.98}to{opacity:1;scale:1}}
@media (prefers-reduced-motion:no-preference){
  /* Knoepfe: Farbe, leichtes Anheben, Pfeil schiebt nach rechts, Druck gibt nach */
  .bl .bl-btn .elementor-button,.bl .elementor-button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,translate .18s ease,transform .18s ease}
  .bl .bl-btn .elementor-button:hover,.bl .elementor-button:hover{translate:0 -1px;box-shadow:0 4px 12px -6px rgba(0,0,0,.25)}
  .bl .bl-btn .elementor-button:active,.bl .elementor-button:active{translate:0 1px;box-shadow:none;transform:none}
  .bl .elementor-button .elementor-button-icon{transition:translate .18s ease}
  .bl .elementor-button:hover .elementor-button-icon{translate:2px 0}
  .bl-kopf .elementor-nav-menu--main .elementor-item{transition:background-color .15s ease}
  /* Karten: heben sich nur mit Maus (auf dem Handy bliebe der Hover haengen) */
  @media (hover:hover) and (pointer:fine){
    .bl-feature-karte,.bl-about-karte{transition:translate .25s ease,box-shadow .25s ease}
    .bl-feature-karte:hover,.bl-about-karte:hover{translate:0 -3px;box-shadow:0 12px 24px -16px rgba(0,0,0,.35)}
    .bl a.e-con.bl-kachel{transition:opacity .2s ease,translate .25s ease,box-shadow .25s ease}
    .bl a.e-con.bl-kachel:hover{transform:none;translate:0 -3px;box-shadow:0 0 0 1px rgba(45,45,45,.1),0 16px 32px -18px rgba(0,0,0,.45)}
    .bl-schritt .bl-schritt-symbol{transition:translate .25s ease}
    .bl-schritt:hover .bl-schritt-symbol{translate:4px 0}
  }
  /* Hero beim Laden: Text zeilenweise, Bild weich */
  .bl-hero-text > .elementor-element{animation:bl-hoch .6s cubic-bezier(.22,1,.36,1) both}
  .bl-hero-text > .elementor-element:nth-child(2){animation-delay:.08s}
  .bl-hero-text > .elementor-element:nth-child(3){animation-delay:.16s}
  .bl-hero-text > .elementor-element:nth-child(4){animation-delay:.24s}
  .bl-hero-raster > .elementor-widget-image{animation:bl-bild-rein .8s cubic-bezier(.22,1,.36,1) .2s both}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    /* Karten, Kacheln, Kennzahlen, Schritte kommen beim Heranscrollen einzeln herein */
    .bl-kachel,.bl-feature-karte,.bl-stat,.bl-about-zahl,.bl-schritt,.bl-about-karte,.bl-about-bild,.bl-akkordeon .elementor-toggle-item{
      animation:bl-einblenden linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  }
}
@media (prefers-reduced-motion:reduce){
  .bl *,.bl *::before,.bl *::after{animation:none !important;transition:none !important;translate:none;scale:none}
}

/* ================================================================ hero3 (#957): Bewertungszeile statt Badge */
.bl-hero3 .bl-hero-h1 .elementor-heading-title{text-wrap:pretty}
@media (min-width:1025px) and (max-width:1279px){ .bl-hero3 .bl-hero-h1 .elementor-heading-title{font-size:60px;line-height:60px} }
@media (max-width:1024px){ .bl-hero3 .bl-hero-h1 .elementor-heading-title{max-width:576px;margin:0 auto} }
.bl-hero3 .bl-bewertung{width:auto !important;max-width:100%}
.bl-hero3 .bl-sterne-reihe{width:auto !important;align-items:center !important;flex-wrap:nowrap !important}
.bl-hero3 .bl-sterne{width:auto !important;line-height:0}
.bl-hero3 .bl-sterne .elementor-star-rating__wrapper{margin:0}
.bl-hero3 .bl-sterne .elementor-star-rating{display:flex;gap:4px;line-height:20px;font-size:20px}
.bl-hero3 .bl-sterne .elementor-star-rating i{width:20px;height:20px;line-height:20px;margin:0 !important;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
.bl-hero3 .bl-bewertung-wert{width:auto !important;margin-left:4px}
.bl-hero3 .bl-bewertung-text p{margin:0;text-align:left}
@media (max-width:1024px){ .bl-hero3 .bl-hero-text{align-items:center} }

/* ================================================================ Knopf sm (#956): shadcn size sm h-7, px-2.5, Symbol 16 */
.bl .bl-btn-sm .elementor-button{height:28px;padding:0 10px;border-radius:min(calc(var(--bl-r,4px)*.8),12px) !important}

/* ================================================================ cta10 Notdienst-Band (#956) */
.bl-notdienst-karte{overflow:hidden}
.bl-notdienst-textspalte{flex:1 1 0 !important;min-width:0}
.bl-notdienst-text p{max-width:576px}
.bl-notdienst-knoepfe{width:auto !important;flex:0 0 auto !important}
.bl-notdienst-knoepfe > .elementor-widget-button{width:auto}
@media (max-width:1024px){ .bl-notdienst-textspalte{flex:0 0 auto !important} .bl-notdienst-knoepfe{align-self:flex-start} }
@media (max-width:639px){
  .bl-notdienst-knoepfe{flex-direction:column !important;align-self:stretch;width:100% !important}
  .bl-notdienst-knoepfe > .elementor-widget-button,.bl-notdienst-knoepfe .elementor-button{width:100% !important}
  .bl-notdienst-knoepfe .elementor-button{justify-content:center}
}

/* ================================================================ careers10 Karriere (#956) */
.bl-karriere-raster{max-width:1024px;margin:0 auto}
@media (min-width:1025px){
  /* Raster .9fr/1.1fr: Anteil vom Platz ohne Luecke - flex-basis 0 rechnete das Polster der Liste (48 px) nicht mit */
  .bl-karriere-raster > .bl-karriere-links{flex:0 0 calc((100% - 64px) * .45) !important;width:calc((100% - 64px) * .45) !important;min-width:0;position:sticky !important;top:96px}
  .bl-karriere-raster > .bl-karriere-liste{flex:0 0 calc((100% - 64px) * .55) !important;width:calc((100% - 64px) * .55) !important;min-width:0}
}
.bl-karriere-h2 .elementor-heading-title{max-width:448px;text-wrap:balance}
.bl-karriere-text p{max-width:512px}
.bl-karriere-vorteil > .bl-karriere-symbol{width:20px;flex:0 0 20px;margin-top:2px}
.bl-karriere-vorteil > .bl-karriere-vorteil-inhalt{flex:1 1 0;min-width:0}
.bl-karriere-liste{overflow:hidden}
.bl-karriere-zeile + .bl-karriere-zeile{border-top:1px solid var(--e-global-color-vm_border)}
.bl-karriere-zeile-text{width:auto !important;flex:1 1 auto;min-width:0}
.bl-karriere-zeile > .bl-btn{flex:0 0 auto}
.bl-karriere-badge,.bl-karriere-zeile .elementor-widget-button{line-height:0}
@media (min-width:640px){ .bl-karriere-zeile{align-items:center !important} .bl-karriere-zeile > .bl-btn{align-self:center !important} }
@media (max-width:639px){ .bl-karriere-zeile-text{width:100% !important} }
.bl-karriere-titel .elementor-heading-title a{color:inherit}
.bl-karriere-meta{width:auto !important}
.bl-karriere-meta > .elementor-widget{width:auto}
.bl-karriere-badge .elementor-heading-title{display:inline-flex;align-items:center;height:20px;padding:2px 8px;border-radius:calc(var(--bl-r,4px)*2.6);
  background:var(--e-global-color-vm_muted);white-space:nowrap;line-height:16px}
.bl-karriere-ort .elementor-icon-list-items{margin:0 !important}
.bl-karriere-ort .elementor-icon-list-item{margin:0 !important;padding:0 !important;align-items:center}
.bl-karriere-ort .elementor-icon-list-icon svg{width:14px !important;height:14px !important}
.bl-karriere-ort .elementor-icon-list-icon{width:14px !important;min-width:0 !important;flex:0 0 14px;padding:0 !important;margin:0 !important}
.bl-karriere-ort .elementor-icon-list-text{padding-left:6px !important}
/* footer56: Rechtslinks nebeneinander, auch bei langem Hinweistext (shrink-0) */
.bl-fuss-unten > .bl-fuss-recht{flex:0 0 auto !important;width:auto !important}
.bl-fuss-recht .elementor-icon-list-items{flex-wrap:nowrap !important}
@media (max-width:639px){ .bl-karriere-zeile{flex-direction:column !important;align-items:flex-start !important} }

/* ================================================================ Unterseiten (#957, nur mit meta.blocks_unterseiten) */
.bl .bl-krume .elementor-icon-list-items{margin:0 !important}
.bl .bl-krume .elementor-icon-list-item{margin:0 !important;align-items:center}
.bl .bl-krume .elementor-icon-list-item > .elementor-icon-list-icon{order:-1;margin:0 10px 0 0}
.bl .bl-krume .elementor-icon-list-item:first-child > .elementor-icon-list-icon{display:none}
.bl .bl-krume a:hover .elementor-icon-list-text{text-decoration:underline}
.bl .bl-chip{width:auto !important;max-width:100%}
.bl .bl-chip .elementor-heading-title{display:inline-flex;align-items:center;min-height:20px;padding:1px 8px;line-height:16px;vertical-align:top;border-radius:999px;background:var(--e-global-color-vm_muted);border:1px solid var(--e-global-color-vm_border);white-space:normal}
.bl-seitenhero .bl-hero-text{align-items:flex-start}
.bl-seitenhero .bl-hero-h1 .elementor-heading-title{max-width:720px;text-wrap:balance}
.bl-seitenhero .bl-hero-hinweis p{margin:0}
.bl-seitenhero-ohne-bild .bl-hero-text{max-width:768px}
@media (max-width:1024px){ .bl-seitenhero .bl-hero-text{align-items:center;text-align:center} .bl-seitenhero .bl-hero-knoepfe{justify-content:center !important} .bl-seitenhero .bl-krume .elementor-icon-list-items{justify-content:center} }
.bl .bl-eyebrow .elementor-heading-title{text-transform:none}
.bl-seotext-links{flex:0 0 calc(40% - 32px) !important;width:calc(40% - 32px) !important}
.bl-seotext-rechts{flex:1 1 0 !important;min-width:0}
.bl-seotext-rechts > .bl-abschnitt:first-child{padding-top:0 !important}
@media (min-width:1025px){ .bl-seotext-links{position:sticky !important;top:96px;align-self:flex-start} }
@media (max-width:1024px){ .bl-seotext-links,.bl-seotext-rechts{flex:1 1 auto !important;width:100% !important} }
.bl .bl-abschnitt-text p,.bl .bl-prosa p{margin:0 0 12px}
.bl .bl-abschnitt-text p:last-child,.bl .bl-prosa p:last-child{margin-bottom:0}
.bl .bl-prosa ul{margin:0 0 12px 20px}
.bl .bl-haken .elementor-icon-list-item{align-items:flex-start}
.bl .bl-haken .elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:4px}
.bl .bl-haken-bl_klein .elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:2px}
.bl .bl-haken-bl_text_lg .elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:6.5px}
@media (max-width:767px){ .bl .bl-haken-bl_text_lg .elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:5px} }
.bl .bl-kasten-knoepfe{margin-top:4px}
.bl a.e-con.bl-blogkarte{text-decoration:none;color:inherit}
.bl .bl-blogbild img{aspect-ratio:3/2;object-fit:cover;border-radius:12px !important;transition:opacity .3s}
.bl a.bl-blogkarte:hover .bl-blogbild img{opacity:.8}
.bl .bl-blog-titel .elementor-heading-title{text-wrap:balance}
.bl .bl-blog-text p{margin:0}
.bl .bl-bild-3-2 img{aspect-ratio:3/2;width:100%;object-fit:cover}
.bl .bl-bild-16-7 img{aspect-ratio:16/7;width:100%;object-fit:cover;border-radius:2px !important;border:1px solid var(--e-global-color-vm_border)}
.bl .bl-bild-4-3.bl-rand img{border:1px solid var(--e-global-color-vm_border)}
.bl-projekt-links{flex:1 1 0 !important;min-width:0}
.bl-projekt-rechts{flex:0 0 380px !important;width:380px !important}
@media (min-width:1025px){ .bl-projekt-rechts{position:sticky !important;top:96px;align-self:flex-start} }
@media (max-width:1024px){ .bl-projekt-links,.bl-projekt-rechts{flex:1 1 auto !important;width:100% !important} }
.bl .bl-daten-label .elementor-heading-title{text-transform:uppercase}
.bl .bl-datenzeile > .elementor-element{width:auto !important}
.bl .bl-projekt-knoepfe .elementor-widget-button,.bl .bl-voll .elementor-button{width:100% !important}
.bl .bl-projekt-knoepfe .elementor-button{justify-content:center}
.bl-knopfreihe{flex-wrap:wrap !important}
.bl-kontakt-links,.bl-kontakt-panel{flex:1 1 0 !important;min-width:0}
@media (max-width:1024px){ .bl-kontakt-links,.bl-kontakt-panel{flex:1 1 auto !important;width:100% !important} }
.bl .bl-kontaktlink .elementor-icon-list-item{align-items:center}
.bl .bl-kontaktlink a:hover .elementor-icon-list-text{text-decoration:underline}
.bl .bl-form .elementor-field-group .elementor-field-label{font-weight:500}
.bl .bl-form .elementor-field-textual,.bl .bl-form select.elementor-field{min-height:36px;padding:4px 10px;border:1px solid var(--e-global-color-vm_border) !important;border-radius:var(--bl-r,4px) !important;background:var(--e-global-color-vm_bg) !important;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bl .bl-form textarea.elementor-field-textual{height:118px;min-height:118px;padding-top:8px;padding-bottom:8px}
.bl .bl-form .elementor-field-textual:focus{outline:none;border-color:var(--e-global-color-secondary) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--e-global-color-secondary) 25%,transparent)}
.bl .bl-form .elementor-button{border:0;min-height:36px;height:36px;padding:0 16px;font-size:14px;line-height:20px;border-radius:var(--bl-r,4px);transition:background-color .18s,transform .18s,box-shadow .18s}
.bl .bl-form .elementor-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px -4px rgba(0,0,0,.25)}
.bl .bl-rechtstext{max-width:768px}
@media (prefers-reduced-motion:no-preference){
  .bl .bl-blogkarte,.bl .bl-abschnitt,.bl .bl-datenzeile,.bl .bl-galerie-raster > .elementor-element,.bl .bl-kontakt-panel{animation:bl-einblenden linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
}

.bl .bl-chip{line-height:0}

/* ================================================================ #958 Block-Bibliothek (Klassen blk-*) */
.bl .blk-center .elementor-heading-title,.bl .blk-center p{text-align:center}
.bl .blk-balance .elementor-heading-title,.bl .blk-balance p{text-wrap:balance}
.bl .blk-nowrap .elementor-heading-title{white-space:nowrap}
.bl .blk-w-fit{width:auto !important;align-self:flex-start}
.bl .blk-mt-16{margin-top:16px}.bl .blk-mt-24{margin-top:24px}
.bl .blk-symbol{width:auto !important;line-height:0}
.bl .blk-symbol .elementor-icon{display:flex}
.bl .blk-caps .elementor-heading-title{text-transform:uppercase}
/* hero61 */
.blk-hero61-bildbox{position:relative}
.bl .blk-hero61-bild img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:12px !important;background:var(--e-global-color-vm_muted)}
.bl .blk-hero61-bild .widget-image-caption,.bl .blk-hero61-bild figcaption{top:12px !important;left:12px !important;right:auto !important;bottom:auto !important}
.blk-hero61-oben{position:absolute !important;top:16px;right:16px;width:auto !important;z-index:3}
.blk-hero61-oben .elementor-heading-title{background:var(--e-global-color-vm_bg);padding:6px 12px}
.blk-hero61-platte{position:absolute !important;left:32px;bottom:32px;width:auto !important;max-width:512px !important;z-index:2}
.blk-hero61-text{max-width:576px}
.blk-hero61-knoepfe{width:auto !important}
@media (max-width:767px){ .bl .blk-hero61-bild img{aspect-ratio:4/3} .blk-hero61-platte{left:24px;bottom:24px} }
@media (max-width:639px){ .blk-hero61-oben{display:none !important} .blk-hero61-platte{left:16px;right:16px;bottom:16px;max-width:none !important} .blk-hero61-knoepfe{width:100% !important} }
/* stats4 */
.blk-stats4-titel,.blk-stats4-item,.blk-stats4-wert,.blk-stats4-label,.blk-stats4-werte{width:auto !important}
.blk-stats4-item{align-items:center}
.blk-stats4-werte{flex-wrap:wrap !important}
@media (min-width:1025px){ .blk-stats4-icon{margin-right:4px} }
@media (max-width:1024px){ .blk-stats4-titel .elementor-heading-title{text-align:center} }
/* services18 */
.blk-s18-kopf > .e-con,.blk-s18-kopf > .elementor-element{width:auto !important}
.blk-s18-punkt{width:12px !important;height:12px;min-height:12px !important;flex:0 0 12px !important;padding:0 !important;border-radius:2px}
.blk-s18-links{flex:0 0 calc((100% - 160px) / 3) !important;width:calc((100% - 160px) / 3) !important}
.blk-s18-rechts{flex:1 1 0 !important;min-width:0}
@media (max-width:1024px){ .blk-s18-links,.blk-s18-rechts{flex:1 1 auto !important;width:100% !important} }
.blk-kreis-24{width:24px !important;height:24px;min-height:24px !important;flex:0 0 24px !important;padding:0 !important;border-radius:999px;background:var(--e-global-color-vm_muted)}
.blk-s18-punktzeile > .elementor-widget-heading{flex:1 1 auto;width:auto}
.bl .blk-trenner .elementor-divider{padding:0 !important}
a.e-con.blk-s18-zeile{text-decoration:none;transition:border-color .18s,box-shadow .18s}
a.e-con.blk-s18-zeile:hover{box-shadow:0 6px 18px -10px rgba(0,0,0,.25)}
.bl .blk-s18-bild{width:128px !important;flex:0 0 128px !important}
.bl .blk-s18-bild img{width:128px !important;height:80px !important;object-fit:cover;border-radius:2px !important;border:1px solid var(--e-global-color-vm_border)}
.blk-s18-zeile-links{width:auto !important;flex:1 1 auto !important;min-width:0}
.blk-s18-pfeil{flex:0 0 auto !important}
.blk-s18-pfeil svg{transition:transform .18s}
a.blk-s18-zeile:hover .blk-s18-pfeil svg{transform:translate(2px,-2px)}
@media (max-width:639px){ .blk-s18-pfeil{display:none !important} }
/* feature104 */
.blk-f104-head{max-width:768px;margin:0 auto;align-items:center !important}
.bl .blk-badge-outline{width:auto !important}
.bl .blk-badge-outline .elementor-icon-list-items{margin:0 !important}
.bl .blk-badge-outline .elementor-icon-list-item{gap:4px;padding:6px 10px !important;margin:0 !important;border:1px solid var(--e-global-color-vm_border);border-radius:999px;align-items:center}
.bl .blk-badge-outline .elementor-icon-list-icon{margin:0 !important;padding:0 !important}
.bl .blk-badge-outline .elementor-icon-list-text{padding:0 !important}
.blk-f104-raster{align-items:stretch !important}
.blk-f104-spalte,.blk-f104-bildspalte{flex:1 1 0 !important;min-width:0}
.blk-f104-bildspalte .elementor-widget-image,.blk-f104-bildspalte .elementor-widget-container,.blk-f104-bildspalte figure,.blk-f104-bildspalte img{height:100% !important}
.bl .blk-f104-bild img{width:100%;object-fit:cover;border-radius:8px !important}
@media (max-width:1024px){ .blk-f104-spalte{flex:1 1 auto !important;width:100% !important} }
.blk-box-48{width:48px !important;height:48px;min-height:48px !important;flex:0 0 48px !important;padding:0 !important;border-radius:6px;background:var(--e-global-color-vm_muted)}
.blk-f104-kopf > .elementor-widget-heading{flex:1 1 auto;width:auto}
/* timeline1 */
.blk-t1-innen{max-width:576px;margin:0 auto}
.blk-t1-schritt{width:100%}
.blk-kreis-96{width:96px !important;height:96px;min-height:96px !important;flex:0 0 96px !important;padding:0 !important;border:2px solid var(--e-global-color-text);border-radius:999px}
.blk-t1-linie{width:2px !important;height:144px;min-height:144px !important;flex:0 0 auto !important;padding:0 !important;margin:12px 0;background-image:linear-gradient(to bottom,var(--e-global-color-text) 10%,rgba(255,255,255,0) 0%);background-position:left;background-size:3px 15px;background-repeat:repeat-y}
.blk-t1-titel{margin:8px 0}
/* about37 */
.blk-a37-links{max-width:576px;align-items:flex-start !important}
.bl .blk-a37-bild img{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:16px !important}
/* faq6 */
.blk-badge-voll{width:auto !important}
.blk-badge-voll .elementor-heading-title{display:inline-flex;align-items:center;height:20px;padding:2px 8px;border-radius:999px;background:var(--e-global-color-secondary)}
.blk-faq6-kopf{align-items:center !important}
.blk-nummer{width:24px !important;flex:0 0 24px !important}
.blk-nummer .elementor-heading-title{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:2px;background:var(--e-global-color-vm_muted)}
.blk-faq6-inhalt{flex:1 1 0 !important;min-width:0}
/* cta44 */
.blk-cta44-flaeche{position:relative;overflow:hidden}
.blk-cta44-inhalt{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.blk-cta44-h2{max-width:768px;margin:0 auto}
.blk-cta44-text p{opacity:.9}
.blk-cta44 .bl-ki-badge{position:absolute !important;right:12px;bottom:12px;width:auto !important;z-index:3}
@media (max-width:639px){ .blk-cta44-knoepfe{flex-direction:column !important} .blk-cta44-knoepfe .elementor-widget-button,.blk-cta44-knoepfe .elementor-button{width:100% !important} }
/* navbar6 */
.blk-navbar6{position:relative;z-index:50}
.blk-n6-pille{width:min(90%,700px) !important;max-width:700px;background:color-mix(in srgb,var(--e-global-color-vm_bg) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bl .blk-n6-marke .bl-logo img{height:36px !important;width:auto !important;max-height:none !important}
.blk-n6-menuebox{flex:1 1 auto !important;width:auto !important}
/* footer24 */
.blk-footer24{--content-width:1232px}
.blk-f24-wortmarke .elementor-heading-title{line-height:1}
.blk-f24-spalte,.blk-f24-link,.blk-f24-link > .elementor-element,.blk-f24-nav{width:auto !important}
a.e-con.blk-f24-link{text-decoration:none}
a.e-con.blk-f24-link:hover .elementor-heading-title{color:var(--e-global-color-secondary)}
.blk-f24-navraster{display:grid !important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px;width:fit-content !important;flex:0 0 auto !important}
@media (max-width:767px){ .blk-f24-navraster{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));width:100% !important} }
@media (min-width:640px) and (max-width:767px){ .blk-f24-navraster{grid-template-columns:repeat(3,minmax(0,1fr))} }
.blk-f24-copy{max-width:448px !important;flex:0 1 448px !important}
.blk-f24-copy p{margin:0;text-align:right}
@media (max-width:767px){ .blk-f24-copy{max-width:none} .blk-f24-copy p{text-align:left} }
/* Bewegung der Bibliothek */
@media (prefers-reduced-motion:no-preference){
  .bl .blk-f104-karte,.bl .blk-s18-zeile,.bl .blk-faq6-item,.bl .blk-t1-schritt,.bl .blk-a37-bild,.bl .blk-stats4-item{animation:bl-einblenden linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
  .blk-hero61-platte{animation:bl-hoch .7s cubic-bezier(.22,1,.36,1) .15s both}
}
.blk-n6-marke,.blk-n6-marke .elementor-widget-image{flex:0 0 auto !important;width:auto !important}
.blk-n6-menuebox .elementor-nav-menu--main .elementor-item{white-space:nowrap}
.blk-f24-wortmarke .elementor-heading-title{font-stretch:82%;font-variation-settings:"wdth" 82}

/* #958 Hover-Kontrast im Kopfmenue (Kilian 17.09., AKOM-Screenshot): geoeffneter Punkt (.highlighted) war weiss auf heller Flaeche */
.bl-kopf .elementor-nav-menu--main .elementor-item:hover,
.bl-kopf .elementor-nav-menu--main .elementor-item:focus,
.bl-kopf .elementor-nav-menu--main .elementor-item.highlighted,
.bl-kopf .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--e-global-color-text) !important}
.bl-kopf .elementor-nav-menu--main .elementor-item.highlighted{background:var(--e-global-color-vm_muted)}
.bl-kopf .elementor-nav-menu--main .elementor-item .sub-arrow svg,.bl-kopf .elementor-nav-menu--main .elementor-item .sub-arrow i{fill:currentColor;color:currentColor}
/* Dropdown: volle Titel statt abgeschnitten */
.bl-kopf .elementor-nav-menu--main .sub-menu{min-width:280px !important;width:max-content !important;max-width:440px !important}
.bl-kopf .elementor-nav-menu--main .sub-menu a.elementor-sub-item{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;color:var(--e-global-color-text) !important}
.bl-kopf .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover,.bl-kopf .elementor-nav-menu--main .sub-menu a.elementor-sub-item.highlighted{background:var(--e-global-color-vm_muted) !important;color:var(--e-global-color-text) !important}
.bl-kopf .elementor-nav-menu--dropdown a{color:var(--e-global-color-text) !important}
/* navbar6: Aktionsbereich nur so breit wie der Knopf */
.bl-kopf .blk-n6-aktion{flex:0 0 auto !important;width:auto !important}

/* ================================================================ #958 GTE-Blocks */
.bl .blk-max-672{max-width:672px !important;margin-left:auto;margin-right:auto}
.bl .blk-max-576{max-width:576px}
.bl .blk-my-48{margin:48px 0 !important}
/* hero79 */
.blk-hero79{min-height:100svh;position:relative}
.blk-h79-innen{min-height:100svh;--content-width:1120px}
.blk-h79-innen > .e-con-inner{justify-content:space-between !important;height:100%}
.blk-h79-text{width:66.666% !important}
@media (max-width:767px){ .blk-h79-text{width:100% !important} }
.blk-h79-link,.blk-h79-link > .elementor-element{width:auto !important;flex:0 0 auto !important}
a.e-con.blk-h79-link{text-decoration:none}
.blk-h79-eyebrow .elementor-heading-title{opacity:.8;letter-spacing:.025em}
.blk-hero79 .bl-ki-badge{position:absolute !important;right:12px;bottom:12px;width:auto !important;z-index:3}
/* services4 */
.blk-s4-innen{max-width:1152px;margin:0 auto;width:100%}
a.e-con.blk-s4-karte{text-decoration:none;color:inherit;transition:box-shadow .18s,transform .18s}
a.e-con.blk-s4-karte:hover{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.blk-kreis-48{width:48px !important;height:48px;min-height:48px !important;flex:0 0 48px !important;padding:0 !important;border-radius:999px;background:var(--e-global-color-vm_muted)}
.blk-s4-kopf > .elementor-widget-heading,.blk-s4-punkt > .elementor-widget-heading{flex:1 1 auto;width:auto}
.blk-punkt6{width:6px !important;height:6px;min-height:6px !important;flex:0 0 6px !important;padding:0 !important;border-radius:999px}
/* feature364 */
.blk-box-40{width:40px !important;height:40px;min-height:40px !important;flex:0 0 40px !important;padding:0 !important;border-radius:6px;background:var(--e-global-color-vm_sky)}
.blk-f364-kopf{margin-left:0 !important}
/* timeline10 */
.blk-t10-spur{position:relative;padding:64px 0 !important;margin-top:48px}
.blk-t10-linie{position:absolute !important;top:32px;left:0;width:100% !important;height:2px;min-height:2px !important;padding:0 !important;background:var(--e-global-color-text)}
.blk-t10-schritt{position:relative}
.blk-t10-punkt{position:absolute !important;top:-40px;left:0;width:20px !important;height:20px;min-height:20px !important;padding:0 !important;border-radius:999px;background:var(--e-global-color-vm_bg);border:4px solid var(--e-global-color-text);z-index:2}
@media (max-width:767px){
  .blk-t10-spur{padding:0 !important;margin-top:0}
  .blk-t10-linie{display:none !important}
  .blk-t10-punkt{top:0;left:-9px}
  .blk-t10-schritt::before{content:"";position:absolute;left:0;top:24px;bottom:0;width:1px;background:var(--e-global-color-vm_border)}
  .blk-t10-text{padding-left:28px}
}
/* about23 */
.blk-a23-titel{width:auto !important}
.bl .blk-a23-bild img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0 !important}
.blk-a23-zahlen{--content-width:1280px}
.blk-a23-raster{border-top:1px solid var(--e-global-color-vm_muted)}
.blk-a23-zelle{border-right:1px solid var(--e-global-color-vm_muted);border-bottom:1px solid var(--e-global-color-vm_muted);padding:64px 32px !important}
.blk-a23-zelle:first-child{border-left:1px solid var(--e-global-color-vm_muted)}
@media (min-width:768px){ .blk-a23-zelle{border-bottom:0} }
/* faq4 */
.bl .blk-ohne-linie .elementor-toggle-item{border-bottom:0 !important}
a.e-con.blk-faq4-link{text-decoration:none;width:auto !important}
.blk-faq4-link > .elementor-element{width:auto !important}
.blk-faq4-noch{width:auto !important}
/* cta4 */
.blk-cta4-rahmen{max-width:1024px;margin:0 auto;width:100%}
.blk-cta4-links{flex:0 0 50% !important;width:50% !important}
.blk-cta4-rechts{flex:0 0 33.333% !important;width:33.333% !important}
@media (max-width:767px){ .blk-cta4-links,.blk-cta4-rechts{flex:1 1 auto !important;width:100% !important} }
.blk-cta4-knopf{margin-top:24px}
.bl .blk-cta4-liste .elementor-icon-list-item{align-items:flex-start}
.bl .blk-cta4-liste .elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:2px}   /* #958 Gate L9: Haken auf Hoehe der ersten Zeile */
/* hero11 */
.blk-h11-innen{max-width:1024px;margin:0 auto;width:100%}
.blk-h11-h1 .elementor-heading-title{max-width:768px;margin:0 auto;text-wrap:pretty}
@media (max-width:1024px){ .blk-h11-h1 .elementor-heading-title{max-width:576px} }
.bl .blk-h11-bild{margin-top:80px}
.bl .blk-h11-bild img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--e-global-color-vm_border);border-bottom:0;border-radius:8px 8px 0 0 !important;box-shadow:0 10px 36px -10px rgb(0 0 0/.08)}
.blk-h11-mit-bild{border-bottom:1px solid var(--e-global-color-vm_border)}
.blk-h11-knoepfe{width:100% !important}
.blk-hero11 .bl-krume .elementor-icon-list-items{justify-content:center}
/* tabelle1 */
.bl .blk-tabelle-box table.blk-tabelle{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--e-global-color-vm_border);border-radius:6px;overflow:hidden;margin:0}
.bl table.blk-tabelle thead th{background:color-mix(in srgb,var(--e-global-color-vm_muted) 50%,transparent);height:40px;padding:0 12px;text-align:left;font-weight:500;color:var(--e-global-color-accent);border:0}
.bl table.blk-tabelle td{padding:12px;border:0;border-top:1px solid var(--e-global-color-vm_border);vertical-align:top;color:var(--e-global-color-accent)}
.bl table.blk-tabelle td:first-child{font-weight:500;color:var(--e-global-color-text)}
.bl table.blk-tabelle tbody tr:hover td{background:color-mix(in srgb,var(--e-global-color-vm_muted) 50%,transparent)}
@media (max-width:767px){
  .bl table.blk-tabelle,.bl table.blk-tabelle tbody,.bl table.blk-tabelle tr,.bl table.blk-tabelle td{display:block;width:100%}
  .bl table.blk-tabelle thead{display:none}
  .bl table.blk-tabelle{border:0}
  .bl table.blk-tabelle tr{border:1px solid var(--e-global-color-vm_border);border-radius:6px;padding:16px;margin-bottom:16px}
  .bl table.blk-tabelle td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:16px}
  .bl table.blk-tabelle td::before{content:attr(data-label);font-weight:500;color:var(--e-global-color-text)}
  .bl table.blk-tabelle td:first-child{display:block;margin-bottom:8px;padding:0}
  .bl table.blk-tabelle tr:last-child{margin-bottom:0}
  .bl table.blk-tabelle td:first-child::before{content:none}
}
/* navbar1 */
.blk-n1-links{width:auto !important;flex:0 1 auto !important}
.blk-n1-marke,.blk-n1-marke .elementor-widget-image{flex:0 0 auto !important;width:auto !important}
.bl .blk-n1-marke .bl-logo img{max-height:32px !important;width:auto !important}
.blk-n1-menuebox{width:auto !important}
.bl-kopf .blk-n1-aktionen{flex:0 0 auto !important;width:auto !important}
.bl .bl-btn-sm .elementor-button{min-height:28px !important;height:28px;padding:0 10px !important;font-size:13px !important}
/* footer2 */
.blk-f2-raster{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}
.blk-f2-marke{grid-column:span 2}
@media (max-width:1024px){ .blk-f2-raster{grid-template-columns:repeat(2,minmax(0,1fr))} .blk-f2-marke{margin-bottom:32px} }
.bl .blk-f2-logo img{height:28px !important;width:auto !important}
.blk-f2-text p{margin:0}
.bl .blk-f2-recht a .elementor-icon-list-text{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){
  .bl .blk-s4-karte,.bl .blk-f364-item,.bl .blk-t10-schritt,.bl .blk-a23-zelle,.bl .blk-cta4-box{animation:bl-einblenden linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
}

/* #958 Feinschliff nach Messung */
.bl .blk-symbol .elementor-icon-wrapper{line-height:0;display:flex}
.blk-stats4-wert{align-items:center !important}
.bl .blk-t1-titel{margin:8px 0 !important}
.bl .blk-badge-outline .elementor-icon-list-item{height:20px;padding:0 10px !important;gap:4px}
.bl .blk-badge-outline .elementor-icon-list-icon svg{width:12px !important;height:12px !important}
.bl .blk-badge-outline .elementor-icon-list-icon{width:12px !important;min-width:0 !important;flex:0 0 12px}
.bl .blk-f24-nav .elementor-heading-title{line-height:20px}
@media (max-width:767px){ .blk-f24-copy{flex:0 0 auto !important;max-width:none !important} }
@media (max-width:767px){ .blk-s18-kopf{flex-wrap:nowrap !important} .blk-s18-kopf > .e-con,.blk-s18-kopf > .elementor-element{flex:0 1 auto !important;min-width:0} }
.bl .blk-stats4-wert{height:32px}
.bl .blk-stats4-wert .blk-symbol{align-self:center}
@media (max-width:1024px){ .bl .blk-stats4-label{height:16px} .bl .blk-stats4-label .elementor-heading-title{line-height:16px} }
.bl .blk-badge-voll .elementor-heading-title{display:flex;width:fit-content;box-sizing:border-box;border:1px solid transparent}
.bl .blk-faq6-kopf .blk-badge-voll .elementor-heading-title{margin-inline:auto}

/* ================================================================ #956 AKOM (navbar9, hero85, services16, cta14, feature10, about8, timeline5, careers2, faq29, cta19, footer9)
   Masse aus wissen/shadcnblocks/blocks/quelle/<block>.tsx; Studio shadcn-studio/src/bibliothek/<Name>.tsx. Desktop-Layouts ab 1025 px (Tailwind lg). */
.bl .blk-chip,.bl .blk-chip-outline{width:auto !important}
.bl .blk-chip .elementor-heading-title,.bl .blk-chip-outline .elementor-heading-title{display:inline-flex;align-items:center;height:20px !important;padding:2px 8px;white-space:nowrap;
  border-radius:calc(var(--bl-r,4px)*2.6);background:var(--e-global-color-secondary)}
.bl .blk-chip-outline .elementor-heading-title{background:transparent;border:1px solid var(--e-global-color-vm_border)}
.bl .blk-unterstrichen{width:auto !important}
.bl .blk-unterstrichen .elementor-heading-title a{text-decoration:underline;text-underline-offset:4px;color:inherit}

/* navbar9 */
.elementor-location-header .blk-navbar9{min-height:64px}
.blk-navbar9 > .e-con-inner{height:64px !important}
.blk-navbar9 .blk-n9-logo img{height:40px !important;max-height:40px;width:auto}
.elementor-location-header .blk-navbar9 .elementor-nav-menu--main .elementor-item,.elementor-location-header .blk-navbar9 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:rgba(255,255,255,.9) !important;font-weight:400}
.blk-navbar9 .elementor-nav-menu--main .elementor-item:hover,.blk-navbar9 .elementor-nav-menu--main .elementor-item.highlighted{background:rgba(255,255,255,.1) !important;color:#fff !important}
.blk-navbar9 .elementor-nav-menu--main .sub-menu .elementor-sub-item{color:var(--e-global-color-text) !important;background:transparent}
.blk-navbar9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover{background:var(--e-global-color-vm_muted) !important}
.blk-navbar9 .elementor-menu-toggle{border:0 !important;color:#fff !important;background:transparent !important}
.blk-navbar9 .blk-n9-aktionen{order:3}
@media (max-width:1024px){ .blk-navbar9 .blk-n9-weiss{display:none !important} .blk-navbar9 > .e-con-inner > .blk-n9-menuebox{order:4} .blk-navbar9 .blk-n9-marke{margin-right:auto} }

/* hero85 */
.blk-h85-pille{width:auto !important;border:1px solid var(--e-global-color-vm_border);border-radius:999px;padding:6px 10px !important}
.blk-h85-pille > .elementor-widget{width:auto}
.bl .blk-h85-h1{margin:40px 0 16px}
.bl .blk-h85-knoepfe{margin-top:40px}
.blk-h85-box{position:relative;overflow:hidden;border-radius:calc(var(--bl-r,4px)*.8)}
.blk-h85-bild img{width:100%;object-fit:cover;border-radius:calc(var(--bl-r,4px)*.8) !important}
@media (min-width:1025px){
  .blk-h85-raster > .blk-h85-text,.blk-h85-raster > .blk-h85-box{flex:1 1 0 !important;min-width:0}
  .blk-h85-box{height:800px !important}
  .blk-h85-galerie{display:grid !important;grid-template-columns:1fr 1fr}
  .blk-h85-spalte{width:auto !important}
  .blk-h85-bild img{aspect-ratio:3/4;height:auto !important}
}
@media (min-width:1025px) and (prefers-reduced-motion:no-preference){
  .blk-h85-hoch{animation:blk-pendel 30s ease-in-out infinite alternate}
  .blk-h85-runter{animation:blk-pendel 30s ease-in-out -15s infinite alternate}
}
@keyframes blk-pendel{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 800px))}}
@media (max-width:1024px){
  .blk-h85-galerie{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none}
  .blk-h85-spalte{display:contents !important}
  .blk-h85-galerie .elementor-widget-image{flex:0 0 288px !important;width:288px !important}
  .blk-h85-bild img{height:240px !important;width:288px}
}
@media (max-width:639px){ .blk-h85-knoepfe{flex-direction:column !important} .blk-h85-knoepfe .elementor-widget-button,.blk-h85-knoepfe .elementor-button{width:100% !important} }

/* services16 */
@media (min-width:768px){ .blk-s16-kopf{display:grid !important;grid-template-columns:repeat(4,1fr)} .blk-s16-kopf > .blk-s16-h2{grid-column:span 3} .bl .blk-s16-lead{padding-top:16px} }
.blk-s16-akk .e-n-accordion{counter-reset:s16}
.blk-s16-akk .e-n-accordion-item{counter-increment:s16;border-bottom:1px solid var(--e-global-color-vm_border)}
.blk-s16-akk .e-n-accordion-item:last-child{border-bottom:0}
.blk-s16-akk .e-n-accordion-item-title{padding:10px 0 !important;border:0 !important;background:transparent !important;align-items:flex-start;gap:0}
.blk-s16-akk .e-n-accordion-item-title-header{display:flex;gap:16px;align-items:center;flex:1 !important}
.blk-s16-akk .e-n-accordion-item-title-header::before{content:counter(s16,decimal-leading-zero);font-size:16px;line-height:24px;color:var(--e-global-color-accent)}
@media (min-width:640px){ .blk-s16-akk .e-n-accordion-item-title-header{display:grid;grid-template-columns:repeat(4,1fr)} .blk-s16-akk .e-n-accordion-item-title-text{grid-column:span 3} }
.blk-s16-akk .e-n-accordion-item-title-icon svg{width:16px;height:16px !important}
.blk-s16-akk .e-n-accordion-item > .e-con{border:0 !important;padding:24px 0 48px !important}
@media (min-width:640px){ .blk-s16-inhalt > .blk-s16-innen{margin-left:calc((100% - 48px)/4 + 16px) !important;width:calc((100% - 48px)*.75 + 32px) !important} }
@media (min-width:1025px){ .blk-s16-innen{display:grid !important;grid-template-columns:repeat(5,1fr)} .blk-s16-innen > .blk-s16-haupt{grid-column:span 3} .blk-s16-innen > .blk-s16-umfang{grid-column:span 2} }
.blk-s16-bild{flex:0 0 208px !important;width:208px !important;align-self:flex-start}
.blk-s16-bild img{width:208px;aspect-ratio:1.4;object-fit:cover;border-radius:calc(var(--bl-r,4px)*1.4) !important}
.blk-s16-text{flex:1 1 0 !important;min-width:0}
@media (max-width:767px){ .blk-s16-text{gap:8px !important} }
.blk-s16-chips{flex-wrap:wrap !important}

/* cta14 */
.blk-c14-band{position:relative;height:500px !important;overflow:hidden}
@media (max-width:767px){ .blk-c14-band{height:420px !important} }
.blk-c14-band::before{border-radius:inherit}
.blk-c14-inhalt{max-width:100%;z-index:1}
.bl .blk-c14-h2 .elementor-heading-title,.bl .blk-c14-text p{max-width:768px;margin-inline:auto}
@media (max-width:639px){ .blk-c14-knoepfe .elementor-widget-button,.blk-c14-knoepfe .elementor-button{width:100% !important} }

/* feature10 */
.blk-f10-spalte{position:relative}
@media (min-width:768px){ .blk-f10-spalte{border-left:1px dashed var(--e-global-color-vm_border);padding:20px !important;border-radius:calc(var(--bl-r,4px))} .bl .blk-f10-titel{margin-bottom:8px}
  .blk-f10-titel::before{content:"";position:absolute;left:-21px;top:2px;width:1px;height:24px !important;background:var(--e-global-color-secondary)} .blk-f10-titel{position:relative} }
.blk-f10-kreis{width:48px !important;height:48px !important;flex:0 0 48px !important;border-radius:999px;margin-bottom:32px;background:var(--e-global-color-vm_sky)}
@media (max-width:767px){ .blk-f10-kreis{width:40px !important;height:40px !important;flex:0 0 40px !important} }
.blk-f10-lead p{max-width:672px}
.blk-f10-h2 .elementor-heading-title{max-width:672px;text-wrap:pretty}

/* about8 */
.blk-about8{overflow-x:clip}
.blk-a8-kopf,.blk-a8-leiste{max-width:1024px;margin-inline:auto;padding:60px 32px !important;position:relative}
.blk-a8-kopf::after{content:"";position:absolute;inset:-160px;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--e-global-color-text) 8%,transparent) 1px,transparent 1.5px);background-size:16px 16px;
  -webkit-mask-image:radial-gradient(circle at center,#000 0%,#000 20%,transparent 80%);mask-image:radial-gradient(circle at center,#000 0%,#000 20%,transparent 80%)}
.blk-a8-leiste{padding:20px 32px !important;border-top:1px solid var(--e-global-color-vm_border);border-bottom:1px solid var(--e-global-color-vm_border)}
.blk-a8-lead p{max-width:672px}
@media (max-width:1024px){ .blk-a8-kopf{padding:48px 32px !important} }
@media (max-width:767px){ .blk-a8-kopf{padding:40px 0 !important} .blk-a8-leiste{padding:20px 0 !important} }
.blk-a8-streifen{width:100vw !important;margin-left:calc(50% - 50vw);padding:60px 0 !important;position:relative;overflow:hidden}
.blk-a8-streifen .elementor-widget-image{flex:0 0 calc(42% - 16px) !important;width:auto !important}
.blk-a8-bild img{width:100%;height:600px !important;object-fit:cover;border-radius:0 !important}
@media (max-width:1279px){ .blk-a8-bild img{height:440px !important} }
@media (max-width:1024px){ .blk-a8-streifen .elementor-widget-image{flex-basis:calc(55% - 16px) !important} .blk-a8-streifen{padding:48px 0 !important} }
@media (max-width:767px){ .blk-a8-streifen .elementor-widget-image{flex-basis:calc(80% - 16px) !important} .blk-a8-bild img{height:320px !important} .blk-a8-streifen{padding:40px 0 !important} }
.blk-a8-streifen .bl-ki-badge{left:16px;right:auto !important}
.blk-a8-text{max-width:672px;margin-left:auto}

/* timeline5 */
@media (min-width:1025px){
  .blk-t5-raster{display:grid !important;grid-template-columns:1fr 1fr;align-items:start}
  .blk-t5-links{position:sticky !important;top:96px;align-self:start}
}
.blk-t5-links{max-width:512px}
.blk-t5-karte{position:relative;overflow:hidden}
.bl .blk-t5-symbol{width:auto !important;line-height:0}
.blk-t5-nummer{position:absolute !important;top:48px;right:48px;width:auto !important}
@media (max-width:767px){ .blk-t5-nummer{top:40px;right:40px} }
.bl .blk-t5-titel{margin:24px 0 0}
.bl .blk-t5-text{margin-top:24px}

/* careers2 */
.blk-c2-rahmen{margin-inline:-28px;border-left:1px dashed var(--e-global-color-vm_border);border-right:1px dashed var(--e-global-color-vm_border)}
.blk-c2-kopf,.blk-c2-zeile{border-bottom:1px dashed var(--e-global-color-vm_border)}
.bl .blk-c2-text p{max-width:672px;text-align:center}
@media (max-width:639px){ .bl .blk-c2-text p{text-align:left} }
@media (min-width:1025px){
  .blk-c2-zeile{display:grid !important;grid-template-columns:repeat(4,1fr)}
  .blk-c2-meta{grid-column:span 2;justify-self:center;width:auto !important}
  .blk-c2-knopf{justify-self:end}
}
.blk-c2-knopf{width:auto !important}
.blk-c2-meta .elementor-icon-list-items{margin:0 !important}
@media (max-width:639px){ .blk-c2-meta .elementor-icon-list-items{flex-direction:column;gap:16px} .blk-c2-meta .elementor-icon-list-item{margin:0 !important;padding:0 !important} }

/* faq29 */
.blk-faq29{position:relative;isolation:isolate;overflow:hidden}
.blk-faq29::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;
  background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--e-global-color-secondary) 12%,transparent 70%)}
.blk-f29-innen{max-width:1024px;margin-inline:auto}
.blk-f29-h2 .elementor-heading-title{max-width:768px}
.bl .blk-f29-akk{margin-top:56px}
.blk-f29-akk .elementor-toggle{counter-reset:f29}
.blk-f29-akk .elementor-toggle-item{counter-increment:f29;border-bottom:1px solid rgba(255,255,255,.1)}
.blk-f29-akk .elementor-toggle-item:last-child{border-bottom:0}
.blk-f29-akk .elementor-tab-title{padding:24px 0 !important;border:0 !important;display:flex;align-items:baseline;gap:20px}
.blk-f29-akk .elementor-tab-title::before{content:counter(f29,decimal-leading-zero);font-size:36px;line-height:36px;font-weight:700;color:rgba(255,255,255,.25);flex:0 0 auto !important;order:0}
.blk-f29-akk .elementor-toggle-title{order:1;flex:1 !important}
.blk-f29-akk .elementor-toggle-icon{order:2}
.blk-f29-akk .elementor-tab-content{padding:0 0 24px 64px !important;border:0 !important}
@media (min-width:640px){ .blk-f29-akk .elementor-tab-content{padding-left:68px !important} }
.blk-f29-fuss{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
.blk-f29-fuss a.blk-f29-tel{color:rgba(255,255,255,.8);font-weight:500;white-space:nowrap}

/* cta19 */
.bl .blk-c19-h2{margin-top:16px}
.bl .blk-c19-text{margin-top:16px}
.bl .blk-c19-text p{max-width:576px}
.bl .blk-c19-knoepfe{margin-top:32px}
@media (min-width:1025px){ .blk-c19-karte > .blk-c19-links{flex:1 1 auto !important} .blk-c19-karte > .blk-c19-rechts{flex:1 1 41.6667% !important;border-left:1px solid var(--e-global-color-vm_border)} }
@media (max-width:1024px){ .blk-c19-rechts{border-top:1px solid var(--e-global-color-vm_border)} }
.blk-c19-rechts{justify-content:space-between}
.blk-c19-weg{flex:1 1 auto !important;align-items:center;transition:background-color .15s}
.blk-c19-weg + .blk-c19-weg{border-top:1px solid var(--e-global-color-vm_border)}
.blk-c19-weg:hover{background:color-mix(in srgb,var(--e-global-color-vm_muted) 50%,transparent)}
@media (min-width:1025px){ .blk-c19-weg{justify-content:center} }
.bl .blk-c19-symbol{width:auto !important;line-height:0;align-self:flex-start}
.blk-c19-weg-text{width:auto !important;flex:0 1 auto !important}
.bl .blk-c19-weg-text p{max-width:512px}

/* footer9 */
.blk-f9-logo img{height:48px !important;width:auto;margin-bottom:32px}
.bl .blk-f9-h2{margin-bottom:16px}
.bl .blk-f9-text{margin-bottom:32px}
.blk-f9-cta,.blk-f9-karte{width:auto !important}
.blk-f9-karte{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border-radius:calc(var(--bl-r,4px)*1.8)}
.blk-f9-trenner{flex:0 0 1px !important;width:1px !important;min-height:0 !important;padding:0 !important;background:color-mix(in srgb,var(--e-global-color-accent) 30%,transparent) !important}
@media (max-width:767px){ .blk-f9-trenner{width:100% !important;height:1px !important} }
.blk-f9-kontakt{align-self:center;width:auto !important}
.blk-f9-raster{display:grid !important;grid-template-columns:repeat(2,1fr);gap:32px}
@media (min-width:1025px){ .blk-f9-raster{grid-template-columns:repeat(5,1fr)} }
.blk-f9-spalte-breit{grid-column:span 2}
.blk-f9-spalte-breit .elementor-icon-list-items{display:grid !important;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){ .blk-f9-spalte-breit .elementor-icon-list-items{grid-template-columns:1fr 1fr} }
.blk-f9-spalte-breit .elementor-icon-list-item{margin:0 !important;padding:0 !important}
.bl .blk-f9-copy p{max-width:768px}

/* hero5 (AKOM-Unterseiten) */
@media (min-width:1025px){ .blk-h5-text{max-width:576px;flex:1 1 auto !important} .blk-h5-bild{flex:0 0 50% !important;max-width:50%} }
@media (max-width:1024px){ .blk-h5-text{align-items:center !important;text-align:center} .bl .blk-h5-text .elementor-heading-title,.bl .blk-h5-text p{text-align:center} .blk-h5-krume .elementor-icon-list-items{justify-content:center} }
.blk-h5-h1 .elementor-heading-title{text-wrap:pretty}
.blk-h5-bild img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--bl-r,4px)*.8) !important}
.blk-h5-krume .elementor-icon-list-items{margin:0 !important}
@media (max-width:639px){ .blk-h5-knopf,.blk-h5-knopf .elementor-button{width:100% !important} }
.blk-h5-knopf{width:auto}

/* feature17 */
.blk-f17-kopf{max-width:768px;margin-inline:auto}
.bl .blk-chip-sec .elementor-heading-title{background:var(--e-global-color-vm_muted)}
.blk-f17-raster{max-width:1152px;margin-inline:auto}
.bl .blk-f17-kreis{margin-bottom:0}
@media (min-width:768px){ .bl .blk-f17-titel{margin-bottom:8px} }

/* projects12 */
.blk-p12-raster{row-gap:28px !important}
.blk-p12-bild{overflow:hidden;border-radius:calc(var(--bl-r,4px)*1.4)}
.blk-p12-bild img{width:100%;height:400px !important;object-fit:cover;border-radius:var(--bl-r,4px) !important;transition:transform .7s cubic-bezier(.23,1,.32,1),filter .7s}
@media (prefers-reduced-motion:no-preference){ .blk-p12-karte:hover .blk-p12-bild img{transform:scale(1.05);filter:brightness(1.1)} }
.blk-p12-titel{flex:1 1 auto !important;min-width:0}
.blk-p12-rechts{width:auto !important;flex:0 0 auto !important}
.blk-p12-lead p{max-width:672px}

/* #956 Nachschaerfung nach Gate 2b */
.blk-s16-bild{width:208px !important}
@media (max-width:767px){ .blk-s16-bild{flex:none !important} }
.blk-a8-streifen .bl-ki-badge{bottom:72px !important}
@media (max-width:1024px){ .blk-a8-streifen .bl-ki-badge{bottom:60px !important} }
@media (max-width:767px){ .blk-a8-streifen .bl-ki-badge{bottom:52px !important} }
.blk-f9-wert{width:auto !important;flex:0 0 auto !important}
.blk-f9-kontakt{width:auto !important;flex:0 1 auto !important;min-width:0}
@media (max-width:767px){ .blk-f9-cta,.blk-f9-karte{max-width:100% !important} .blk-f9-wert{align-self:stretch} }
.blk-p12-bild img{height:400px !important}
.bl .blk-h5-h1 .elementor-heading-title{hyphens:auto !important;-webkit-hyphens:auto !important}   /* lange Projekttitel (Instandhaltungsplanung) auf dem Handy */
.bl .blk-faq6-kopf .blk-badge-voll{padding-top:4px}
.bl .blk-stats4-label .elementor-icon-wrapper{line-height:0}
@media (min-width:1025px){ .bl .blk-stats4-label{height:20px} }
.bl .bl-haken .elementor-icon-list-item > .elementor-icon-list-icon{flex:0 0 16px;width:16px;min-width:16px;padding:0 !important;margin-inline-end:0 !important}
/* #956 Nachschaerfung Vergleich Studio/WP */
.elementor-location-header .bl-kopf.blk-navbar9{min-height:64px !important}
.bl-kopf.blk-navbar9 .bl-logo img,.bl-kopf.blk-navbar9 .blk-n9-logo img{height:40px !important;max-height:40px !important}
.blk-c2-rahmen{width:calc(100% + 56px) !important;max-width:none !important}
.bl .blk-c14-h2{max-width:768px;margin-inline:auto}
.bl .blk-c14-text{max-width:768px;margin-inline:auto}
.bl .blk-chip,.bl .blk-chip-outline{line-height:0}
.bl .blk-chip .elementor-heading-title,.bl .blk-chip-outline .elementor-heading-title{line-height:16px}
.blk-s16-akk .e-n-accordion-item-title{border:1px solid transparent !important}
.bl .blk-s16-text .bl-p p{margin-bottom:16px}
.bl .blk-h85-h1{margin:40px 0 16px !important}
.bl .blk-h85-knoepfe{margin-top:40px !important}
/* #956 Handy-Abgleich */
@media (max-width:767px){
  .blk-a8-kopf,.blk-a8-leiste,.blk-a8-text{margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important}
  .blk-f10-spalte{flex-wrap:nowrap !important}
  .blk-f10-spalte > .blk-f10-inhalt{flex:1 1 0 !important;min-width:0;width:auto !important}
  .blk-f10-kreis{margin-bottom:0 !important}
}
@media (max-width:1024px){ .blk-a8-kopf,.blk-a8-leiste{margin-left:0 !important;margin-right:0 !important;width:100% !important} }
.blk-s16-akk .e-n-accordion-item-title-icon{order:2}
.blk-s16-akk .e-n-accordion-item-title-header{order:1}
@media (min-width:768px){ .bl .blk-f17-titel{margin-bottom:8px !important} .bl .blk-f10-titel{margin-bottom:8px !important} }
.blk-f29-akk .elementor-tab-title::before{font-variant-numeric:tabular-nums;min-width:47px}
.blk-f29-akk .elementor-tab-title{border:1px solid transparent !important}
/* #958 GTE Feinschliff nach Messung */
.blk-faq4 .blk-badge-voll{padding-top:4px}
.blk-faq4 .bl-akkordeon{margin-top:48px !important}
.blk-faq4 .bl-akkordeon .elementor-toggle-item{padding-bottom:1px}
.bl.blk-navbar1,.bl.blk-navbar1 > .e-con-inner{min-height:0 !important;--min-height:0px}
.bl .blk-h11-innen{--gap:0px;gap:0 !important}
/* #956 Abgleich 2 */
@media (min-width:768px){ .bl .blk-f17-titel{margin-bottom:8px !important} .bl .blk-f10-titel{margin-bottom:8px !important} }
.blk-f29-akk .elementor-tab-title::before{font-variant-numeric:tabular-nums;min-width:47px}
.blk-f29-akk .elementor-tab-title{border:1px solid transparent !important}
.bl .blk-h85-pille{padding:4px 10px !important}
.bl .blk-s16-label{margin-bottom:16px !important}
.bl .blk-f10-kreis{margin-bottom:32px !important}
@media (max-width:767px){ .bl .blk-f10-kreis{margin-bottom:0 !important} }
.bl .blk-c19-h2,.bl .blk-c19-knoepfe{max-width:576px}
.bl .blk-c19-links > .blk-chip-outline{padding-top:4px !important;height:24px}
.bl .blk-f9-h2{margin-bottom:16px !important}
.bl .blk-f9-text{margin-bottom:32px !important}
.bl .blk-f9-logo{margin-bottom:32px !important}
.blk-f9-logo img{margin-bottom:0 !important}
.blk-f9-liste .elementor-icon-list-item,.blk-f9-liste .elementor-icon-list-text{line-height:24px !important}
.bl.blk-hero11 .blk-h11-h1 .elementor-heading-title{max-width:768px;text-wrap:pretty}
@media (max-width:1024px){ .bl.blk-hero11 .blk-h11-h1 .elementor-heading-title{max-width:576px} }
/* #956 Abgleich 3 */
.bl .blk-h85-pille{padding:3px 10px !important}
.bl .blk-h85-knoepfe{margin-top:32px !important}
.blk-f29-akk .elementor-tab-title{padding:24px 0 25px !important}
@media (min-width:1025px){ .blk-c19-karte > .blk-c19-links{flex:1 1 0 !important;min-width:0} .blk-c19-karte > .blk-c19-rechts{flex:0 0 41.9% !important} }
/* #956 Abgleich 4 */
.bl .blk-h85-pille{padding:0 10px !important;height:34px;box-sizing:border-box;align-items:center !important}
.bl .blk-h85-knoepfe{margin-top:40px !important}
/* #956 Abgleich 5 (Handy) */
.blk-f29-akk .elementor-toggle-icon{width:16px !important;margin:0 !important;padding:0 !important;flex:0 0 16px}
.blk-f29-akk .elementor-toggle-icon svg{width:16px;height:16px}
.blk-f29-akk .elementor-tab-title{gap:0 !important}
.blk-f29-akk .elementor-tab-title::before{margin-right:20px}
.blk-f29-akk .elementor-tab-title,.blk-s16-akk .e-n-accordion-item-title-text{hyphens:auto;-webkit-hyphens:auto}
/* #956 Abgleich 6 (feature17) */
.bl .blk-f17-kreis{margin-bottom:0 !important}
@media (max-width:767px){
  .blk-f17-karte{flex-wrap:nowrap !important}
  .blk-f17-karte > .blk-f17-inhalt{flex:1 1 0 !important;min-width:0;width:auto !important}
  .bl .blk-f17-kreis{width:40px !important;height:40px !important;flex:0 0 40px !important}
}
.bl .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:16px}
.bl .elementor-field-type-acceptance .elementor-field-option input{margin:3px 0 0 !important;flex:0 0 auto}
.bl .elementor-field-type-acceptance .elementor-field-option label{flex:1 1 auto;min-width:0}
/* #956 Live-Sichtung 17.09.: Silbentrennung nur fuer lange Fachwoerter (ab 14 Zeichen, je Teil mind. 7) - keine "Famili-enhand", "gu-ten" */
.bl h1.elementor-heading-title,.bl h2.elementor-heading-title,.bl h3.elementor-heading-title,.blk-f29-akk .elementor-tab-title,.blk-s16-akk .e-n-accordion-item-title-text,h3.elementor-heading-title{hyphenate-limit-chars:14 7 7}
/* Handy/Tablet: Notdienst vor dem Menue-Knopf */
@media (max-width:1024px){ .elementor-location-header .bl-kopf.blk-navbar9 > .e-con-inner > .blk-n9-aktionen{order:2 !important} .elementor-location-header .bl-kopf.blk-navbar9 > .e-con-inner > .blk-n9-menuebox{order:3 !important} }
.blk-navbar9 .blk-n9-notdienst .elementor-button{border-color:transparent !important}
/* #982 about8: Bildstreifen als Wischbereich innerhalb der Inhaltsbreite statt 100vw + Beschneidung; Punkt-Raster nur nach oben/unten */
.blk-about8{overflow-x:visible !important}
.blk-a8-kopf::after{inset:-160px 0 !important}
.blk-a8-streifen{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;overflow-x:auto !important;overflow-y:hidden !important;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.blk-a8-streifen::-webkit-scrollbar{display:none}
.blk-a8-streifen .elementor-widget-image{scroll-snap-align:start}
.blk-a8-streifen .bl-ki-badge{left:12px !important;right:auto !important}

/* ================================================================ #982 Mobil: nie seitlich wischbar (Kilian 17.09.2026, iPhone-Screenshot AKOM)
   Ursache: Bildstreifen breiter als der Bildschirm und Dekor mit negativem Abstand, nur per overflow hidden/clip abgeschnitten.
   Chrome/WebKit am Mac werten das als abgeschnitten, das iPhone liess die Seite trotzdem seitlich wischen.
   Regel fuer jeden Block: nichts darf ueber den Fensterrand ragen (Gate 2b L20). Dieses Netz ist nur die zweite Sicherung. */
html,body{overflow-x:clip;max-width:100%}
@supports not (overflow:clip){ html,body{overflow-x:hidden} }

/* ================================================================ #982b HARTE REGEL (Kilian 17.09.2026 13:33): Eine Website darf sich nie horizontal verschieben lassen.
   Dritte Sicherung nach Gate L20/L21: seitliches Verschieben per Touch unterbinden, Zoomen bleibt erlaubt (Barrierefreiheit).
   Horizontale Wischstreifen (overflow-x auto/scroll) sind in Blocks verboten - mobil umbrechen oder stapeln. */
html,body{overflow-x:clip;max-width:100%;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
@supports not (overflow:clip){ html,body{overflow-x:hidden} }

/* ================================================================ #982c AKOM: keine Wischstreifen (Kilian 13:33 „nie horizontal verschieben“)
   hero85 mobil/Tablet: 2x2-Raster statt Wischreihe; about8: Bildraster in Inhaltsbreite (Desktop 4, darunter 2 Spalten) */
@media (max-width:1024px){
  .blk-h85-galerie{display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important;overflow:visible !important;flex-wrap:wrap !important}
  .blk-h85-spalte{display:contents !important}
  .blk-h85-galerie .elementor-widget-image{flex:none !important;width:auto !important;min-width:0}
  .blk-h85-spalte > .elementor-widget-image:nth-child(n+3){display:none !important}
  .blk-h85-bild img{width:100% !important;height:auto !important;aspect-ratio:4/3;display:block}
}
@media (min-width:768px) and (max-width:1024px){ .blk-h85-galerie{gap:16px !important} }
.blk-a8-streifen{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px !important;overflow:visible !important;scroll-snap-type:none}
.blk-a8-streifen .elementor-widget-image{flex:none !important;width:auto !important;min-width:0}
.blk-a8-bild img{width:100% !important;height:auto !important;aspect-ratio:3/4}
@media (max-width:1024px){ .blk-a8-streifen{grid-template-columns:repeat(2,minmax(0,1fr))} .blk-a8-bild img{aspect-ratio:4/3} }
@media (max-width:767px){ .blk-a8-streifen{gap:8px !important} }

/* #975 Osipow: Block-Regeln liegen seit #998 P2 in preset/_blocks/blocks/<block>.css; Rest: */
/* ================================================================ #975 OSIPOW (navbar12, hero4, services5, about16, gallery40, feature42, timeline20, faq9, cta18, footer37)
   Quelle: shadcn-studio/src/bibliothek/<Block>.tsx (osipow.html), Theme amber-minimal: Radius 6 px (md 4,8 · lg 6 · xl 8,4 · 2xl 10,8). */
.bl .blk-g-balance .elementor-heading-title{text-wrap:balance}
.bl .blk-g-caps .elementor-heading-title{text-transform:uppercase}
.bl .blk-g-ecke img{clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px)}
.bl .e-con.blk-g-kein-polster{padding:0}
@media (max-width:767px){ .bl .elementor-widget-button.bl-btn.blk-g-knopf-voll{width:100% !important}
.bl .elementor-widget-button.bl-btn.blk-g-knopf-voll .elementor-button{width:100% !important} }


/* ---- Unterseiten-Renderer (preset/_blocks/unterseiten.css) ---- */
/* #998 Q1: CSS der generischen Unterseiten-Renderer (preset_bausteine_blocks_unterseiten.php: bl_projektkarten, bl_galerie).
   Eigene Datei, weil diese Renderer keine abgenommenen shadcnblocks-Bausteine sind: Die Selektoren treffen nur ihre
   eigenen Klassen; die Basis-CSS bleibt unveraendert, ihr Hash gehoert zu jeder Abnahme (Gate 0). */
/* #998 Q1 (osipow, Koordinator 23.09.2026): Sammel-Badge der Unterseiten-Raster (Projektkarten blog4, Projektgalerie project1)
   oben rechts auf dem ersten Kartenbild statt unten auf dem Kartentext. */
.bl .bl-blog-gruppe.blk-ki-gruppe > .bl-ki-badge,.bl .bl-galerie-gruppe.blk-ki-gruppe > .bl-ki-badge{top:12px;bottom:auto}
.bl .bl-galerie-gruppe.blk-ki-gruppe > .bl-ki-badge{top:36px}

/* #1398t (Kilian, 13.10.2026): Seitenkoepfe aller Unterseiten EINSPALTIG. Zu "artsy" fuer Handwerkskunden: versetzte Zweispalter wirken
   wie Darstellungsfehler. Regel: Brotkrume, Chip, H1, Einleitung (max. 65 Zeichen je Zeile), Knoepfe und Bild an EINER linken Kante;
   Inhaltsbilder in voller Inhaltsbreite derselben Kante, nie schmaler und eingerueckt. Gilt zentral fuer jeden Betrieb mit meta.blocks;
   die Startseite (body.home) bleibt unberuehrt. Hoehere Spezifitaet als Block-CSS und Betriebs-CSS, damit hier nichts dagegen arbeitet. */
/* Seitenkopf hero71 und generischer Seitenhero (bl_seitenhero) */
:root body:not(.home) .bl .blk-hero71-innen,:root body:not(.home) .bl .bl-hero-raster{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:40px !important;text-align:left !important}
:root body:not(.home) .bl .blk-hero71-kopf,:root body:not(.home) .bl .bl-seitenhero .bl-hero-text{flex:0 0 auto !important;width:100% !important;max-width:none !important;min-width:0;align-items:flex-start !important;text-align:left !important;margin-left:0 !important;margin-right:0 !important}
:root body:not(.home) .bl .blk-hero71-kopf > .elementor-element,:root body:not(.home) .bl .bl-seitenhero .bl-hero-text > .elementor-element{margin-left:0 !important;margin-right:0 !important;text-align:left !important}
:root body:not(.home) .bl .blk-hero71-kopf .elementor-heading-title,:root body:not(.home) .bl .blk-hero71-kopf p,:root body:not(.home) .bl .bl-seitenhero .bl-hero-text .elementor-heading-title,:root body:not(.home) .bl .bl-seitenhero .bl-hero-text p{text-align:left !important;margin-left:0 !important;margin-right:0 !important}
:root body:not(.home) .bl .blk-hero71-krume,:root body:not(.home) .bl .blk-hero71-knoepfe,:root body:not(.home) .bl .bl-seitenhero .bl-hero-knoepfe{justify-content:flex-start !important}
:root body:not(.home) .bl .blk-hero71-lead p,:root body:not(.home) .bl .bl-seitenhero .bl-hero-lead p{max-width:65ch !important;text-wrap:pretty}
:root body:not(.home) .bl .blk-hero71-bildbox,:root body:not(.home) .bl .bl-seitenhero .bl-hero-raster > .elementor-widget-image{flex:0 0 auto !important;width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}
:root body:not(.home) .bl .blk-hero71-bild img,:root body:not(.home) .bl .bl-seitenhero .bl-hero-raster > .elementor-widget-image img{width:100% !important;aspect-ratio:21/9 !important;object-fit:cover}
@media (max-width:767px){ :root body:not(.home) .bl .blk-hero71-bild img,:root body:not(.home) .bl .bl-seitenhero .bl-hero-raster > .elementor-widget-image img{aspect-ratio:4/3 !important}
  :root body:not(.home) .bl .blk-hero71-innen,:root body:not(.home) .bl .bl-hero-raster{gap:32px !important} }
/* Fliesstext-Abschnitt (bl_seotext): Kopf, Einleitung, Kasten, danach die Abschnitte - alles untereinander an einer Kante */
:root body:not(.home) .bl .bl-seotext-raster{flex-direction:column !important;align-items:flex-start !important;gap:40px !important}
:root body:not(.home) .bl .bl-seotext-links,:root body:not(.home) .bl .bl-seotext-rechts{flex:0 0 auto !important;width:100% !important;max-width:none !important;position:static !important}
:root body:not(.home) .bl .bl-seotext-intro,:root body:not(.home) .bl .bl-seotext-intro p,:root body:not(.home) .bl .bl-seotext-h2 .elementor-heading-title{max-width:65ch}
:root body:not(.home) .bl .bl-seotext-links .bl-kasten{max-width:none;width:100%}
@media (min-width:1025px){ :root body:not(.home) .bl .bl-seotext-links:has(> .bl-kasten){display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;row-gap:24px;align-items:start}
  :root body:not(.home) .bl .bl-seotext-links:has(> .bl-kasten) > *{grid-column:1}
  :root body:not(.home) .bl .bl-seotext-links:has(> .bl-kasten) > .bl-kasten{grid-column:2;grid-row:1 / span 3} }
:root body:not(.home) .bl .bl-seotext-rechts{display:grid !important;grid-template-columns:minmax(0,1fr);column-gap:48px}
@media (min-width:1025px){
:root body:not(.home) .bl .bl-seotext-rechts:has(> :nth-child(2):last-child),:root body:not(.home) .bl .bl-seotext-rechts:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
:root body:not(.home) .bl .bl-seotext-rechts:has(> :nth-child(3):last-child),:root body:not(.home) .bl .bl-seotext-rechts:has(> :nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
:root body:not(.home) .bl .bl-seotext-rechts > .bl-abschnitt:first-child{padding-top:32px !important}
:root body:not(.home) .bl .bl-seotext-rechts:not(:has(> :nth-child(2))) > .bl-abschnitt{max-width:75ch}
/* Bildgalerie (bl_galerie): erstes Bild und Raster in voller Inhaltsbreite statt schmal und mittig */
:root body:not(.home) .bl.bl-galerie .bl-bild-16-7,:root body:not(.home) .bl.bl-galerie .bl-galerie-raster{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}
/* Beispielprojekt-Karten (projects4): Label unter dem Bildtitel an derselben Kante statt rechts daneben */
:root body:not(.home) .bl .blk-projects4-zeile{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
:root body:not(.home) .bl .blk-projects4-zeile > *{width:auto !important;flex:0 0 auto !important}
:root body:not(.home) .bl .blk-projects4-titelbox{width:100% !important}
/* Abschnittskoepfe mit eigener eingerueckter Kante (Ablauf timeline8, Karriere careers9) an die Inhaltskante ziehen */
:root body:not(.home) .bl .blk-timeline8-innen,:root body:not(.home) .bl .blk-careers9-innen{max-width:none !important;margin-inline:0 !important}
:root body:not(.home) .bl .blk-timeline8-innen > *{max-width:896px}
:root body:not(.home) .bl .blk-careers9-kopf .blk-careers9-lead p{margin-inline:0 !important;max-width:65ch !important}

/* #1398t Nachtrag: Abschnittsueberschriften der Referenz-/Projektkarten linksbuendig, Kopf untereinander, einzelne Karte in voller Breite */
:root body:not(.home) .bl .blk-projects4-kopf{flex-direction:column !important;align-items:flex-start !important;gap:16px !important}
:root body:not(.home) .bl .blk-projects4-h2,:root body:not(.home) .bl .blk-projects4-kopftexte,:root body:not(.home) .bl .blk-projects4-lead,:root body:not(.home) .bl .blk-projects4-lead2{flex:0 0 auto !important;width:100% !important;max-width:none !important}
:root body:not(.home) .bl .blk-projects4-h2 .elementor-heading-title,:root body:not(.home) .bl .blk-projects4-lead p,:root body:not(.home) .bl .blk-projects4-lead2-text p{text-align:left !important;margin-left:0 !important;margin-right:auto !important}
:root body:not(.home) .bl .blk-projects4-lead p,:root body:not(.home) .bl .blk-projects4-lead2-text p{max-width:65ch !important}
@media (min-width:768px){ :root body:not(.home) .bl .blk-projects4-raster > .blk-projects4-karte:only-child{flex:0 0 100% !important;width:100% !important}
  :root body:not(.home) .bl .blk-projects4-raster > .blk-projects4-karte:only-child .blk-projects4-bild img{aspect-ratio:21/9} }
/* Projektdaten (bl_projekt): Bezeichnung in fester Spalte, alle Werte an einer gemeinsamen Kante */
:root body:not(.home) .bl .bl-datenzeile{justify-content:flex-start !important;gap:16px !important}
:root body:not(.home) .bl .bl-daten-label{flex:0 0 112px !important;width:112px !important}
:root body:not(.home) .bl .bl-daten-wert{flex:1 1 0 !important;min-width:0;text-align:left !important}
@media (max-width:767px){ :root body:not(.home) .bl .bl-daten-label{flex:0 0 auto !important;width:auto !important} }


/* ---- Korrekturen (preset/_blocks/korrekturen.css) ---- */
/* #1510 (15.10.2026): Zentrale Lesbarkeits-Korrekturen fuer alle Block-Presets. Eigene Datei wie unterseiten.css: die Basis-CSS und
   die Block-/gemeinsam-CSS gehoeren zu den Abnahme-Hashes (Gate 0, werkzeuge/abnahme.py) - eine Aenderung dort machte 15 Heroes
   (bzw. alle Blocks) bis zur Neu-Abnahme rot. Hier nur Regeln, die einen Lesbarkeitsfehler beheben und sonst nichts treffen. */

/* Pause-/Weiter-Knopf der Buehne (buehne.js, WCAG 2.2.2) zeigte einen leeren Kreis: kit-elementor-basis.css
   ".bl svg:where(:not(.blk-fuell svg)){fill:none !important}" (Strichsymbole) ueberstimmt buehne.css
   ".bl .blk-g-pause svg{fill:currentColor}" (ohne !important). Die Symbole sind Flaechen (rect/path), keine Striche.
   Spezifitaet (0,2,1) + !important gewinnt gegen (0,1,1) + !important, trifft nur SVGs im Pause-Knopf. */
.bl .blk-g-pause svg{fill:currentColor !important;stroke:none !important}


/* ---- Preset-Kit (design-12-akom-blocks) ---- */
/* design-12-akom-blocks (#956): kundenspezifische Ergaenzungen. Alle bl-Block-Regeln stehen in preset/_blocks/kit-elementor-basis.css. */
/* Grundradius cleanslate 0,5 rem: alle shadcn-Radien im Basis-CSS rechnen mit --bl-r */
.bl, .elementor-location-header, .elementor-location-footer { --bl-r: 8px; }

/* ================================================================ Unterseiten (klassische Renderer) */
.elementor-icon-list-items .elementor-icon-list-item{align-items:flex-start}
.elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:7px}
.bl .elementor-icon-list-items .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:0}
.vm-krume .elementor-icon-list-item{align-items:center}
.vm-krume .elementor-icon-list-item > .elementor-icon-list-icon{margin-top:0}
.vm-krume .elementor-icon-list-items.elementor-inline-items{margin-left:0 !important;margin-right:0 !important}
.vm-krume .elementor-inline-items .elementor-inline-item:first-child{padding-left:0}
a.elementor-button[href^="tel:"],a[href^="tel:"]{white-space:nowrap}
.elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:12px}
.elementor-field-type-acceptance .elementor-field-option input{margin-top:5px;flex:0 0 auto}
.elementor-field-type-acceptance .elementor-field-option label{display:block;line-height:1.5}
.vm-cta-knoepfe > .elementor-widget-button{flex:0 0 auto;width:auto}

/* #956: Logo im Kopf 48 px wie Studio (max-h-12), Kopf 80 px */
.elementor-location-header .bl-kopf{min-height:80px}
.bl-kopf .bl-logo img{max-height:48px;height:48px}
/* Notdienst-Knopf auf Handy/Tablet direkt neben dem Menue-Knopf (gap-2) */
.bl-kopf > .e-con-inner > .bl-kopf-notdienst-mobil{order:1;margin-left:auto;margin-right:-8px}
@media (max-width:1024px){ .bl-kopf > .e-con-inner > .bl-kopf-menue{order:2} }

/* #956: Inter ist breiter als die alte Schrift - lange Fachwoerter in Zwischenueberschriften (Handwerkerkoordination,
   Instandhaltungsplanung, Landschaftspfleger) trennen nach deutscher Silbentrennung statt mitten im Wort zu brechen */
h3.elementor-heading-title{hyphens:auto;-webkit-hyphens:auto}

/* #956: Unterseiten ebenfalls in Inter - style.css des Themes setzt p/li auf die GTE-Schrift */
.elementor p,.elementor li,.elementor td,.elementor th{font-family:inherit}
.elementor h1,.elementor h2,.elementor h3,.elementor h4{font-variation-settings:normal}

/* #956 AKOM-Blocks: lange Fachwoerter (Gebaeudemanagement, Landschaftspfleger) in Ueberschriften nach deutscher Silbentrennung trennen; Studio html.akom gleich */
/* #1782 (21.10.2026): aufgehoben - Kilian will keine Umbrueche im Wort; lange Woerter passen ueber Schriftgroesse (siehe #1782 unten) */
/* #956 Kontaktseite: Anschrift bricht am Handy zweizeilig um - Symbol an die erste Zeile */
.bl .bl-kontaktlink .elementor-icon-list-item{align-items:flex-start !important}
.bl .bl-kontaktlink .elementor-icon-list-icon{margin-top:2px !important}

/* ================================================================ #1079/#1080 (Kundenfeedback 07.10.2026): Kopf groesser und praesenter
   Logo 60 px statt 40, Kopf 88 px statt 64, Notdienst und Kontakt als grosse Knoepfe (48 px, 16 px halbfett); Handy: Logo 48, Kopf 76. */
.elementor-location-header .blk-navbar9,.elementor-location-header .bl-kopf.blk-navbar9{min-height:88px !important}
.blk-navbar9 > .e-con-inner{height:88px !important}
.blk-navbar9 .blk-n9-logo img,.bl-kopf.blk-navbar9 .bl-logo img,.bl-kopf.blk-navbar9 .blk-n9-logo img{height:60px !important;max-height:60px !important;width:auto}
.bl .blk-navbar9 .blk-n9-notdienst .elementor-button,.bl .blk-navbar9 .blk-n9-weiss .elementor-button,
.elementor-location-header .blk-navbar9 .blk-n9-notdienst .elementor-button,.elementor-location-header .blk-navbar9 .blk-n9-weiss .elementor-button{
  height:48px !important;padding:0 22px !important;font-size:16px !important;font-weight:600 !important;line-height:24px !important;border-radius:10px !important}
.elementor-location-header .blk-navbar9 .blk-n9-notdienst .elementor-button{box-shadow:0 6px 18px -8px rgba(198,40,40,.7)}
.elementor-location-header .blk-navbar9 .blk-n9-notdienst .elementor-button .elementor-button-icon svg{width:18px;height:18px}
.elementor-location-header .blk-navbar9 .elementor-nav-menu--main .elementor-item{font-size:16px !important;font-weight:500 !important}
@media (max-width:1024px){
  .elementor-location-header .blk-navbar9,.elementor-location-header .bl-kopf.blk-navbar9{min-height:76px !important}
  .blk-navbar9 > .e-con-inner{height:76px !important}
  .blk-navbar9 .blk-n9-logo img,.bl-kopf.blk-navbar9 .bl-logo img,.bl-kopf.blk-navbar9 .blk-n9-logo img{height:48px !important;max-height:48px !important}
  .elementor-location-header .blk-navbar9 .blk-n9-notdienst .elementor-button{height:44px !important;padding:0 16px !important;font-size:15px !important}
}
/* #1080: mehr AKOM-Blau - Bildpunkte/Linien im Leistungsbild, Hover der Karten in Navy, Vorzeilen in Markenblau */
.bl .blk-lb-linien .blk-lb-punkt{fill:#2B2C6E}
.bl .blk-f10-kreis{background:var(--e-global-color-vm_sky)}
.bl .blk-lb-eyebrow .elementor-heading-title,.bl .blk-f10-label .elementor-heading-title{color:var(--e-global-color-vm_link,#255E9E) !important;letter-spacing:.08em;text-transform:uppercase;font-weight:600}

/* ================================================================ #1705 (Kundenwunsch 07.10.2026, umgesetzt 20.10.): Logo in den AKOM-Farben und groesser.
   company.kopf_hell schaltet navbar9 auf hellen Grund (Renderer setzt blk-n9-hell + Globals); Logo 76 px statt 60, Kopf 104 px; Handy Logo 56, Kopf 84. */
.elementor-location-header .blk-navbar9.blk-n9-hell{border-bottom:1px solid var(--e-global-color-vm_border);box-shadow:0 6px 20px -16px rgba(43,44,110,.45)}
.elementor-location-header .blk-navbar9.blk-n9-hell .elementor-nav-menu--main .elementor-item,
.elementor-location-header .blk-navbar9.blk-n9-hell .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--e-global-color-text) !important;font-weight:500 !important}
.blk-navbar9.blk-n9-hell .elementor-nav-menu--main .elementor-item:hover,.blk-navbar9.blk-n9-hell .elementor-nav-menu--main .elementor-item.highlighted{background:var(--e-global-color-vm_muted) !important;color:var(--e-global-color-text) !important}
.blk-navbar9.blk-n9-hell .elementor-menu-toggle{color:var(--e-global-color-text) !important}
.elementor-location-header .blk-navbar9.blk-n9-hell,.elementor-location-header .bl-kopf.blk-navbar9.blk-n9-hell{min-height:104px !important}
.blk-navbar9.blk-n9-hell > .e-con-inner{height:104px !important}
.blk-navbar9.blk-n9-hell .blk-n9-logo img,.bl-kopf.blk-navbar9.blk-n9-hell .bl-logo img{height:76px !important;max-height:76px !important;width:auto}
@media (max-width:1024px){
  .elementor-location-header .blk-navbar9.blk-n9-hell,.elementor-location-header .bl-kopf.blk-navbar9.blk-n9-hell{min-height:84px !important}
  .blk-navbar9.blk-n9-hell > .e-con-inner{height:84px !important}
  .blk-navbar9.blk-n9-hell .blk-n9-logo img,.bl-kopf.blk-navbar9.blk-n9-hell .bl-logo img{height:56px !important;max-height:56px !important}
}

/* ================================================================ #1725 AKOM Design 2 (Kilian 20.10.2026): moderner, weicher, "hier und da Liquid Glass"
   Vorlage: Immobilien-Theme (Bildschirmfoto) - Pillen-Knoepfe, grosse Radien, Glasflaechen ueber Bildern, mitlaufender Glaskopf. */
/* Kopf: mitlaufend, halbtransparentes Glas */
.elementor-location-header{position:sticky;top:0;z-index:900}
.elementor-location-header .blk-navbar9.blk-n9-hell{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);
  border-bottom:1px solid rgba(208,212,219,.6)}
/* Knoepfe als Pillen */
.bl .elementor-button,.elementor-location-header .blk-navbar9 .elementor-button{border-radius:999px !important}
.elementor-location-header .blk-navbar9 .blk-n9-notdienst .elementor-button,.elementor-location-header .blk-navbar9 .blk-n9-weiss .elementor-button,.bl .blk-navbar9 .blk-n9-notdienst .elementor-button,.bl .blk-navbar9 .blk-n9-weiss .elementor-button{border-radius:999px !important}
/* KI-Hinweis als Glas-Etikett */
.bl .vm-bild figcaption.widget-image-caption,.bl .bl-ki-badge .elementor-heading-title{background:rgba(15,18,48,.38) !important;-webkit-backdrop-filter:blur(12px) saturate(1.6);
  backdrop-filter:blur(12px) saturate(1.6);border:1px solid rgba(255,255,255,.28);border-radius:999px !important;color:#FFFFFF !important}
/* Notdienst-Band: Zweitknopf als Glas */
.bl .blk-c14-mail .elementor-button{background:rgba(255,255,255,.14) !important;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);
  border:1px solid rgba(255,255,255,.4) !important;color:#FFFFFF !important}
.bl .blk-c14-mail .elementor-button:hover{background:rgba(255,255,255,.24) !important}
/* Leistungsbild Variante 1: Karten als Glas ueber dem Bild */
.bl.blk-lb-v-karten a.e-con.blk-lb-karte{background:rgba(255,255,255,.74) !important;-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);
  border:1px solid rgba(255,255,255,.65) !important}
.bl.blk-lb-v-karten a.e-con.blk-lb-karte:hover{background:rgba(255,255,255,.88) !important}
/* Groessere Radien fuer Bilder in Ueber uns, Seitenkoepfen und Galerien */
.bl .blk-h5-bild img,.bl .blk-h5-bild,.bl .blk-a8-bild img{border-radius:24px !important}

/* ================================================================ #1731 (Kilian 20.10.2026): Notdienst-Band abgerundet, Bild unscharf, staerkere Ueberlagerung,
   Inhalt als Glasplatte. Unschaerfe ueber backdrop-filter auf Elementors Overlay (::before) - das Hintergrundbild des Bandes liegt dahinter. */
.bl .blk-c14-band{border-radius:32px !important;isolation:isolate}
.bl .blk-c14-band::before{border-radius:32px !important;opacity:1 !important;
  background:linear-gradient(180deg,rgba(31,32,82,.18) 0%,rgba(31,32,82,.42) 100%) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none}   /* #1749: Bild scharf, Glas nur auf der Textflaeche */
.bl .blk-c14-inhalt{position:relative;z-index:1;width:min(860px,calc(100% - 32px)) !important;padding:44px 40px !important;border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(31,32,82,.34));border:1px solid rgba(255,255,255,.38);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 24px 60px -30px rgba(10,12,40,.7)}
.bl .blk-c14-band > .bl-ki-badge{z-index:2}
@media (max-width:767px){
  .bl .blk-c14-band,.bl .blk-c14-band::before{border-radius:24px !important}
  .bl .blk-c14-inhalt{padding:28px 20px !important;border-radius:22px;width:calc(100% - 16px) !important}
}
@media (max-width:767px){   /* #1731: am Handy Band so hoch wie die Glasplatte + Platz fuer den KI-Hinweis darunter (L27) */
  .bl .blk-c14-band{height:auto !important;padding:16px 8px 52px !important}
  .bl .blk-c14-band > .bl-ki-badge{right:16px;bottom:16px !important;top:auto}
}

/* ================================================================ #1741 (Kilian 20.10.2026): Startbereich hero264 passt mit Text UND Bild auf den ersten Bildschirm.
   Nur AKOM-Preset (gemeinsame hero264.css bleibt unveraendert). Bildbreite folgt der verfuegbaren Hoehe (Maske 1340:620). */
.bl.blk-hero264 > .e-con,.bl.blk-hero264 > .e-con > .e-con-inner{padding-top:clamp(12px,1.6svh,20px) !important;padding-bottom:clamp(12px,1.6svh,20px) !important}
.bl .blk-hero264-kopf > .elementor-widget{margin-inline:auto !important}
.bl .blk-hero264-h1{max-width:980px !important}
.bl .blk-hero264-innen{gap:clamp(18px,2.6svh,32px) !important}
.bl .blk-hero264-kopf{max-width:980px !important;gap:12px !important}
.bl .blk-hero264-h1 .elementor-heading-title{font-size:clamp(30px,min(3.2vw,4.6svh),48px) !important;line-height:1.08 !important;letter-spacing:-.025em}
.bl .blk-hero264-lead{max-width:680px !important}
.bl .blk-hero264-lead p{font-size:16px !important;line-height:24px !important}
.bl .blk-hero264-knoepfe{margin-top:4px !important}
@media (min-width:768px){
  .bl .blk-hero264-bildbereich{width:min(100%,max(420px,calc((100svh - 470px) * 2.1613))) !important;margin-inline:auto}
}
@media (max-width:767px){
  .bl .blk-hero264-h1 .elementor-heading-title{font-size:28px !important;line-height:33px !important}
  .bl .blk-hero264-lead p{font-size:15px !important;line-height:22px !important}
  .bl .blk-hero264-knoepfe .elementor-button{height:44px !important}
}
.bl .blk-hero264-h1 .elementor-heading-title{max-width:none !important;margin-inline:auto !important}   /* #1741: Titel mittig (Kopfbreite 980) */

/* ================================================================ #1751 (Kilian 20.10.2026): festgehaltene Spalten (Ablauf, Seitentext, Karriere, Projekt) bleiben
   unter dem mitlaufenden Kopf (104 px, ab 1025 px) statt dahinter zu rutschen */
@media (min-width:1025px){
  .blk-t5-links,.bl-ablauf-links,.bl-seotext-links,.bl-karriere-raster > .bl-karriere-links,.bl-projekt-rechts{top:132px !important}
}

/* ================================================================ #1752 (Kilian 20.10.2026): Kasten rechts auf den Leistungsseiten als Liquid Glass.
   Auf hellem Grund braucht Glas etwas Farbe dahinter: weiche AKOM-Farbflecken im Kasten (unscharf), darueber eine halbtransparente
   Milchglasflaeche mit Lichtkante. Alles bleibt im Kasten (overflow hidden), nichts ragt ueber den Rand. */
.bl .e-con.bl-kasten{position:relative;overflow:hidden;isolation:isolate;border-radius:24px !important;border:1px solid rgba(255,255,255,.85) !important;
  background:rgba(255,255,255,.42) !important;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(43,44,110,.06),0 24px 50px -30px rgba(43,44,110,.45)}
.bl .e-con.bl-kasten::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(60% 70% at 12% 8%,rgba(88,120,176,.38),transparent 70%),radial-gradient(55% 60% at 92% 95%,rgba(169,208,240,.6),transparent 70%),
    radial-gradient(40% 45% at 85% 15%,rgba(43,44,110,.16),transparent 70%),linear-gradient(160deg,#F4F6FC,#E8EDF8)}
.bl .e-con.bl-kasten::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.18) 40%,rgba(255,255,255,.3));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* ================================================================ #1757 (Kilian 20.10.2026): zurueck zu hero85 - Regel aus #1741 gilt weiter:
   Text und Bildspalten passen ohne Scrollen auf den ersten Bildschirm (ab 1025 px). */
@media (min-width:1025px){
  .bl.blk-hero85 > .e-con,.bl.blk-hero85 > .e-con > .e-con-inner{padding-top:clamp(16px,2.4svh,32px) !important;padding-bottom:clamp(16px,2.4svh,32px) !important}
  .bl .blk-h85-box{height:calc(100svh - 110px - 2 * clamp(16px,2.4svh,32px)) !important;max-height:760px;min-height:460px}
  .bl .blk-h85-h1 .elementor-heading-title{font-size:clamp(34px,min(3.3vw,5.4svh),54px) !important;line-height:1.08 !important}
  .bl .blk-h85-h1{margin:clamp(14px,2.4svh,28px) 0 12px !important}
  .bl .blk-h85-lead p{font-size:clamp(16px,2.1svh,19px) !important;line-height:1.5 !important}
  .bl .blk-h85-knoepfe{margin-top:clamp(18px,3svh,32px) !important}
}
@media (max-width:767px){   /* #1757: am Handy eine Bildreihe (2 Bilder), kleinere Ueberschrift - Text und Bilder im ersten Bildschirm */
  .bl .blk-h85-spalte > .elementor-widget-image:nth-child(n+2){display:none !important}
  .bl .blk-h85-h1 .elementor-heading-title{font-size:28px !important;line-height:33px !important}
  .bl .blk-h85-h1{margin:16px 0 10px !important}
  .bl .blk-h85-knoepfe{margin-top:20px !important}
  .bl.blk-hero85 > .e-con,.bl.blk-hero85 > .e-con > .e-con-inner{padding-top:20px !important;padding-bottom:24px !important}
}

/* ================================================================ #1765 (Kilian 20.10.2026): Ablauf-Kacheln als Liquid Glass (wie Kasten #1752) */
.bl .e-con.blk-t5-karte{position:relative;overflow:hidden;isolation:isolate;border-radius:24px !important;border:1px solid rgba(255,255,255,.85) !important;
  background:rgba(255,255,255,.4) !important;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(43,44,110,.06),0 22px 46px -30px rgba(43,44,110,.45)}
.bl .e-con.blk-t5-karte::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(55% 75% at 8% 10%,rgba(88,120,176,.32),transparent 70%),radial-gradient(50% 70% at 95% 95%,rgba(169,208,240,.55),transparent 70%),
    linear-gradient(160deg,#F4F6FC,#E8EDF8)}
.bl .e-con.blk-t5-karte::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.15) 45%,rgba(255,255,255,.28));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.bl .blk-t5-nummer .elementor-heading-title{color:rgba(43,44,110,.22) !important}

/* ================================================================ #1766 (Kilian 20.10.2026): alle Galerie- und Bild-Text-Bilder mit gleichem Radius (24 px) */
.bl-galerie img,.bl-galerie .elementor-widget-image,.bl-galerie figure,.bl-galerie .elementor-widget-container,
.bl-galerie-raster img,.bl-galerie-raster .elementor-widget-image,.bl-galerie-raster figure,
.bl-bildtext img,.bl-bildtext .elementor-widget-image,.bl .blk-h5-bild img{border-radius:24px !important;overflow:hidden}
@media (max-width:767px){ .bl-galerie img,.bl-galerie .elementor-widget-image,.bl-galerie figure,.bl-galerie .elementor-widget-container,.bl-galerie-raster img,.bl-galerie-raster .elementor-widget-image,.bl-galerie-raster figure{border-radius:20px !important} }

/* ================================================================ #1768 (Kilian 20.10.2026): Kopf blendet beim Runterscrollen aus, beim Hochscrollen wieder ein.
   Klasse html.akom-kopf-weg setzt kit-elementor.js; nie bei offenem Menue/Panel. Festgehaltene Spalten ruecken dann nach oben. */
.elementor-location-header{transition:translate .35s cubic-bezier(.22,1,.36,1)}
html.akom-kopf-weg:not(.vm-menue-offen) .elementor-location-header{translate:0 -100%}
@media (min-width:1025px){
  .blk-t5-links,.bl-ablauf-links,.bl-seotext-links,.bl-karriere-raster > .bl-karriere-links,.bl-projekt-rechts{transition:top .35s cubic-bezier(.22,1,.36,1)}
  html.akom-kopf-weg .blk-t5-links,html.akom-kopf-weg .bl-ablauf-links,html.akom-kopf-weg .bl-seotext-links,
  html.akom-kopf-weg .bl-karriere-raster > .bl-karriere-links,html.akom-kopf-weg .bl-projekt-rechts{top:28px !important}
}
@media (prefers-reduced-motion:reduce){ .elementor-location-header{transition:none} }

/* ================================================================ #1769 (Kilian 20.10.2026): Kopf mit Mega-Menue (navbar9mega = navbar3mega + Notdienst-Knopf).
   Look wie bisher: Glaskopf 104 px, farbiges Logo 76 px, Menue mittig, roter Notdienst + "Büro kontaktieren" als Pillen.
   Glas als ::before (backdrop-filter am Kopf selbst wuerde die fixierte Handy-Menueflaeche an den Kopf binden). */
.elementor-location-header .bl-kopf.blk-navbar9mega{background:transparent !important;border-bottom:0 !important;min-height:104px;padding-top:0 !important;padding-bottom:0 !important}
.blk-navbar9mega::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);border-bottom:1px solid rgba(208,212,219,.6);box-shadow:0 6px 20px -16px rgba(43,44,110,.45)}
.blk-navbar9mega > .e-con-inner{min-height:104px;align-items:center}
.blk-navbar9mega .blk-navbar3mega-logo img{height:76px !important;max-height:76px !important}
@media (min-width:1025px){
  .blk-navbar9mega .blk-navbar3mega-menuebox{margin:0 auto}
  .blk-navbar9mega .e-n-menu-title{border-radius:999px !important}
  .blk-navbar9mega .e-n-menu-title-text{font-size:16px !important;font-weight:500 !important}
  .blk-navbar9mega .e-n-menu-title-container a::after{border-radius:999px}
  /* Panels als helles Glas mit grossem Radius */
  /* #1772 (Kilian 20.10.2026): Panel deckend weiss statt Glas, fuer klaren Kontrast zum Inhalt dahinter */
  .blk-navbar9mega .e-n-menu-content > .blk-navbar3mega-panel{background:#FFFFFF !important;-webkit-backdrop-filter:none;backdrop-filter:none;
    border-color:#E4E8EF !important;border-radius:24px !important;box-shadow:0 30px 60px -30px rgba(29,41,61,.45) !important}
  .blk-navbar9mega .blk-navbar3mega-panel-mega{padding:24px !important}
  .blk-navbar9mega .blk-navbar3mega-eintrag,.blk-navbar9mega .blk-navbar3mega-zeile{border-radius:16px}
  .blk-navbar9mega .blk-navbar3mega-bild img{border-radius:18px !important}
}
.blk-navbar9mega .blk-navbar3mega-symbolbox{background:var(--e-global-color-vm_sky,#E1E7FD) !important;border-radius:12px !important}
.blk-navbar9mega .blk-navbar3mega-symbol svg,.blk-navbar9mega .blk-navbar3mega-symbol .elementor-icon{color:#2B2C6E !important}
.blk-navbar9mega .blk-navbar3mega-eintrag:hover .blk-navbar3mega-symbolbox,.blk-navbar9mega .blk-navbar3mega-zeile:hover .blk-navbar3mega-symbolbox{background:#A9D0F0 !important}
.blk-navbar9mega .blk-navbar3mega-beschr .elementor-heading-title{color:#5E6470 !important}
.blk-navbar9mega .blk-navbar3mega-aktionen{gap:12px !important}
.elementor-location-header .blk-navbar9mega .blk-navbar3mega-aktionen .elementor-button{height:48px !important;min-height:48px;padding:0 22px !important;font-size:16px !important;
  font-weight:600 !important;line-height:24px !important;border-radius:999px !important}
.elementor-location-header .blk-navbar9mega .blk-n9-notdienst .elementor-button{box-shadow:0 6px 18px -8px rgba(198,40,40,.7)}
.elementor-location-header .blk-navbar9mega .blk-n9-notdienst .elementor-button .elementor-button-icon svg{width:18px;height:18px}
.blk-navbar9mega .blk-navbar3mega-menueknopf .elementor-button{border-radius:999px !important}
@media (min-width:1025px) and (max-width:1200px){
  .elementor-location-header .blk-navbar9mega .blk-navbar3mega-aktionen .elementor-button{padding:0 16px !important;font-size:15px !important}
  .blk-navbar9mega .blk-navbar3mega-logo img{height:64px !important;max-height:64px !important}
}
@media (max-width:1024px){
  .elementor-location-header .bl-kopf.blk-navbar9mega,.blk-navbar9mega > .e-con-inner{min-height:84px}
  .blk-navbar9mega .blk-navbar3mega-logo img{height:56px !important;max-height:56px !important}
  .blk-navbar9mega .e-n-menu-toggle{border-radius:999px !important;background:rgba(255,255,255,.6)}
  .blk-navbar9mega .blk-navbar3mega-telknopf .elementor-button{border-radius:999px !important}
}

/* ================================================================ #1770 (Kilian 20.10.2026): Bildreihen (Galerie, Bild-Text) mit derselben Einkerbung unten rechts
   wie die Kerbenkarten. Technik: Maske (unabhaengig von der Hintergrundfarbe der Sektion) - volles Bild XOR fuenf disjunkte Teilflaechen:
   A rechter Teil der Kerbe, B linker Streifen, C runde Ecke oben links (R), D/E Hohlkehlen (r) an den Uebergaengen. */
.bl-galerie img,.bl-galerie-raster img,.bl-bildtext img{--kS:76px;--kR:26px;--kr:22px;
  -webkit-mask:
    linear-gradient(#000 0 0) right -1px bottom -1px / calc(var(--kS) - var(--kR) + 1px) calc(var(--kS) + 1px) no-repeat,
    linear-gradient(#000 0 0) right calc(var(--kS) - var(--kR)) bottom -1px / var(--kR) calc(var(--kS) - var(--kR) + 1px) no-repeat,
    radial-gradient(circle at 100% 100%,#000 calc(var(--kR) - .5px),transparent var(--kR)) right calc(var(--kS) - var(--kR)) bottom calc(var(--kS) - var(--kR)) / var(--kR) var(--kR) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right var(--kS) bottom -1px / var(--kr) calc(var(--kr) + 1px) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right -1px bottom var(--kS) / calc(var(--kr) + 1px) var(--kr) no-repeat,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:
    linear-gradient(#000 0 0) right -1px bottom -1px / calc(var(--kS) - var(--kR) + 1px) calc(var(--kS) + 1px) no-repeat,
    linear-gradient(#000 0 0) right calc(var(--kS) - var(--kR)) bottom -1px / var(--kR) calc(var(--kS) - var(--kR) + 1px) no-repeat,
    radial-gradient(circle at 100% 100%,#000 calc(var(--kR) - .5px),transparent var(--kR)) right calc(var(--kS) - var(--kR)) bottom calc(var(--kS) - var(--kR)) / var(--kR) var(--kR) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right var(--kS) bottom -1px / var(--kr) calc(var(--kr) + 1px) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right -1px bottom var(--kS) / calc(var(--kr) + 1px) var(--kr) no-repeat,
    linear-gradient(#000 0 0);
  mask-composite:exclude}
@media (max-width:767px){ .bl-galerie img,.bl-galerie-raster img,.bl-bildtext img{--kS:60px;--kR:22px;--kr:18px} }
/* KI-Hinweis gekerbter Bilder unten links (rechts liegt die Kerbe) */
.bl-galerie-raster figcaption.widget-image-caption,.bl-bildtext figcaption.widget-image-caption{left:12px !important;right:auto !important}
.bl-galerie-raster img,.bl-galerie img{border:0 !important}

/* ================================================================ #1771 (Kilian 20.10.2026): Karriere-Fotokarte (careers14) - Foto fast klar, Text auf Liquid-Glass-Flaeche statt Farbverlauf */
.bl .e-con.blk-c14k-gross::before{background:linear-gradient(180deg,rgba(31,32,82,.10) 0%,rgba(31,32,82,.30) 100%) !important}
.bl .e-con.blk-c14k-gross{align-items:flex-start;justify-content:center}
.bl .blk-c14k-gross-inhalt{max-width:600px !important;width:auto !important;padding:32px 32px 30px !important;border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(31,32,82,.36));border:1px solid rgba(255,255,255,.38);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 24px 60px -30px rgba(10,12,40,.7)}
@media (max-width:767px){
  .bl .e-con.blk-c14k-gross{padding:12px !important;justify-content:flex-end}
  .bl .e-con.blk-c14k-gross::before{background:linear-gradient(180deg,rgba(31,32,82,.08) 0%,rgba(31,32,82,.28) 100%) !important}
  .bl .blk-c14k-gross-inhalt{padding:22px 20px !important;border-radius:20px}
}

/* #1767 (Kilian 20.10.2026): Ueber uns - abwechselnde Bild-Text-Reihen: Absaetze mit Luft, Bild mittig neben langem Text, Bild ohne Rahmenlinie (Kerbe) */
.bl-bildtext .bl-bildtext-text p + p{margin-top:14px !important}
@media (min-width:1025px){ .bl-bildtext .bl-bildtext-raster{align-items:center !important} }
.bl-bildtext img{border:0 !important}

/* #1769 Handy: Zurueck-Zeile ohne Pillenform; Telefon-Knopf als roter Notdienst-Knopf wie im bisherigen Kopf */
.blk-navbar9mega .blk-navbar3mega-zurueck .elementor-button{border-radius:0 !important}
@media (max-width:1024px){
  .elementor-location-header .blk-navbar9mega .blk-navbar3mega-telknopf .elementor-button{background:#C62828 !important;border-color:#C62828 !important;color:#FFFFFF !important;
    border-radius:999px !important;box-shadow:0 6px 18px -8px rgba(198,40,40,.7)}
  .elementor-location-header .blk-navbar9mega .blk-navbar3mega-telknopf .elementor-button *{color:#FFFFFF !important;fill:none}
  .elementor-location-header .blk-navbar9mega .blk-navbar3mega-telknopf .elementor-button svg{stroke:#FFFFFF !important}
}

/* ================================================================ #1776 (Kilian 20.10.2026): schwebende Knoepfe unten rechts, sobald der Kopf weg ist */
.akom-schwebe{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:950;display:flex;flex-direction:column;align-items:flex-end;gap:10px;
  opacity:0;translate:0 14px;pointer-events:none;transition:opacity .3s ease,translate .35s cubic-bezier(.22,1,.36,1)}
html.akom-kopf-weg:not(.vm-menue-offen) .akom-schwebe{opacity:1;translate:0 0;pointer-events:auto}
.akom-schwebe .akom-schwebe-knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;text-decoration:none;
  font-family:var(--e-global-typography-text-font-family,"Inter"),sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#FFFFFF;background:#2B2C6E;
  box-shadow:0 12px 28px -12px rgba(15,18,48,.6);transition:translate .2s ease,background .2s ease}
.akom-schwebe .akom-schwebe-knopf:hover{translate:0 -2px;background:#1F2052}
.akom-schwebe .akom-schwebe-notdienst{background:#C62828;box-shadow:0 12px 28px -10px rgba(198,40,40,.7)}
.akom-schwebe .akom-schwebe-notdienst:hover{background:#A91F1F}
.akom-schwebe .akom-schwebe-knopf *{color:#FFFFFF !important;fill:none}
.akom-schwebe .akom-schwebe-knopf .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:8px;flex-direction:row}
.akom-schwebe .akom-schwebe-knopf svg{width:18px;height:18px;stroke:#FFFFFF}
.akom-schwebe .akom-schwebe-knopf:focus-visible{outline:2px solid #2B2C6E;outline-offset:3px}
@media (max-width:767px){
  .akom-schwebe{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:8px}
  .akom-schwebe .akom-schwebe-knopf{height:44px;padding:0 18px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){ .akom-schwebe{transition:opacity .2s ease;translate:none} }

/* ================================================================ #1782 (Kilian 21.10.2026): keine Umbrueche mitten im Wort.
   Automatische Silbentrennung auf der ganzen AKOM-Seite aus (Bausteine setzen teils hyphens:auto). Woerter, die nicht in ihre Spalte
   passen, werden einzeln ueber Schriftgroesse/Spaltenbreite geloest (Pruefskript arbeitsnotizen-akom/tools/wortumbruch_pruefen.py). */
/* hyphens:none statt manual: auch weiche Trennstellen (&shy; in den Texten) brechen sonst zum Zeilenfuellen um ("Gewerbe-objekte") */
/* ID-Spezifitaet (:not(#…)) noetig: Bausteine setzen hyphens:auto !important mit Klassen-Selektoren, die sonst gewinnen */
html body:not(#akom-ohne-trennung),html body *:not(#akom-ohne-trennung):not(#akom-ohne-trennung-2){hyphens:none !important;-webkit-hyphens:none !important}
/* Seitenkopf-Ueberschrift am Handy 28 px: laengste Woerter ("Renovierungsarbeiten", "Hausmeisterservice,") passen in 326 px Spalte */
@media (max-width:767px){ .bl .blk-h5-h1 .elementor-heading-title{font-size:28px !important;line-height:34px !important} }


/* ---- Block navbar3mega (preset/_blocks/blocks/navbar3mega.css) ---- */
/* Block navbar3mega (#1398v, 13.10.2026): Kopf mit Mega-Panel nach shadcnblocks navbar3, Technik Elementor-Pro-Widget "mega-menu".
   Klassen blk-navbar3mega-*; Layout an Widget-Klassen mit !important, an Containern ohne (Fehler-Register #37). Farben nur ueber Kit-Variablen
   (--e-global-color-*), Schrift ueber die Kit-Rollen blk_navbar3mega_*, Radius aus den Design-Tokens (Einstellungen der Container).
   Bewegung: 180 ms (Panel) bzw. 220 ms (Handy-Unterebene), nur transform/opacity, nur bei prefers-reduced-motion: no-preference.
   Eigene Klassen: Dropdown-Regeln der Presets fuer navbar10 (.blk-navbar10-*) greifen hier nicht. Skript: preset/_blocks/gemeinsam/menue_mega.js. */
.elementor-location-header .bl-kopf.blk-navbar3mega{min-height:0;position:relative;z-index:900}
.blk-navbar3mega{--n3m-gut:32px;--n3m-box:var(--container-max-width,1280px)}
@media (max-width:767px){ .blk-navbar3mega{--n3m-gut:16px} }
/* Bezugsflaeche der Panels ist der Kopf selbst: alle Zwischenebenen ohne eigene Position (Basis-CSS setzt .bl .e-con auf relative) */
.blk-navbar3mega .blk-navbar3mega-links,.blk-navbar3mega .blk-navbar3mega-menuebox,.blk-navbar3mega .blk-navbar3mega-marke,
.blk-navbar3mega .elementor-widget-n-menu,.blk-navbar3mega .elementor-widget-n-menu > .elementor-widget-container,.blk-navbar3mega .e-n-menu{position:static !important}
.blk-navbar3mega .blk-navbar3mega-marke{flex:0 0 auto !important;width:auto !important}
.blk-navbar3mega .blk-navbar3mega-logo{width:auto !important;flex:0 0 auto !important}
.blk-navbar3mega .blk-navbar3mega-logo img{height:44px;max-height:44px;width:auto;max-width:none}
.blk-navbar3mega .blk-navbar3mega-links{flex:1 1 auto !important;min-width:0}
.blk-navbar3mega .blk-navbar3mega-menuebox{flex:0 1 auto !important;width:auto !important}
.blk-navbar3mega .blk-navbar3mega-aktionen{flex:0 0 auto !important;width:auto !important}
.blk-navbar3mega .blk-navbar3mega-ghost .elementor-button{min-height:40px;padding:0 12px}
.blk-navbar3mega .blk-navbar3mega-aktionen .elementor-button{min-height:44px;padding:0 20px;border-radius:var(--bl-r,4px)}

/* ---------------------------------------------------------------- Menuezeile (Desktop) */
.blk-navbar3mega .elementor-widget-n-menu{width:auto}
.blk-navbar3mega .e-n-menu-title{border-radius:var(--bl-r,4px);transition:background-color .18s cubic-bezier(.22,1,.36,1)}
.blk-navbar3mega .e-n-menu-title:hover,.blk-navbar3mega .e-n-menu-title:has(.e-n-menu-dropdown-icon[aria-expanded="true"]){background:var(--e-global-color-vm_muted)}
.blk-navbar3mega .e-n-menu-title:hover .e-n-menu-title-text,.blk-navbar3mega .e-n-menu-title.e-current .e-n-menu-title-text{color:var(--e-global-color-text)}
.blk-navbar3mega .e-n-menu-title-container{padding:0}
.blk-navbar3mega .e-n-menu-title-container a{position:static}
.blk-navbar3mega .e-n-menu-title-container a::after{content:"";position:absolute;inset:0;border-radius:var(--bl-r,4px)}
.blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon{z-index:1}
.blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon{height:auto;margin-inline-start:4px;color:var(--e-global-color-text)}
.blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon svg{width:14px;height:14px;display:block;stroke-width:2.25}
.blk-navbar3mega a:focus-visible,.blk-navbar3mega button:focus-visible{outline:2px solid var(--e-global-color-text);outline-offset:2px;border-radius:var(--bl-r,4px)}
@media (min-width:1025px) and (prefers-reduced-motion:no-preference){
  .blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon svg{transition:transform .18s cubic-bezier(.22,1,.36,1)}
  .blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="true"] svg{transform:rotate(180deg)}
}
@media (min-width:1025px){ .blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="true"] svg{transform:rotate(180deg)} }

@media (min-width:1025px){ .blk-navbar3mega .e-n-menu-heading{flex-wrap:nowrap !important} }
/* schmale Desktops (1025 bis 1200 px): Menue, Telefon und Knopf sollen in einer Zeile bleiben (gemessen: bei 1025 px sonst Umbruch auf 127 px Kopfhoehe) */
@media (min-width:1025px) and (max-width:1200px){
  .blk-navbar3mega .e-n-menu-title{padding-left:8px !important;padding-right:8px !important}
  .blk-navbar3mega .blk-navbar3mega-links{gap:16px !important}
  .blk-navbar3mega .blk-navbar3mega-aktionen{gap:4px !important}
  .blk-navbar3mega .blk-navbar3mega-aktionen .elementor-button{padding-left:14px;padding-right:14px}
  .blk-navbar3mega .blk-navbar3mega-ghost .elementor-button{padding-left:10px;padding-right:10px}
}

/* ---------------------------------------------------------------- Panel (Desktop) */
@media (min-width:1025px){
  .blk-navbar3mega .e-n-menu-content{z-index:950}
  .blk-navbar3mega .e-n-menu-content.e-active{top:calc(100% - 6px) !important;padding-top:6px !important}
  /* Wrapper ueber die ganze Kopfbreite (Elementor setzt die Position der Panels aus der Titellage im Fenster, Bezug = Fensterrand),
     selbst nicht klickbar - nur das Panel faengt Klicks. Mega-Panel buendig mit der Inhaltskante des Kopfes (Logo links), Breite wie navbar3 (min 900 px). */
  .blk-navbar3mega .e-n-menu-content{left:0 !important;right:0 !important;width:auto !important;pointer-events:none}
  .blk-navbar3mega .e-n-menu-content > .e-con{pointer-events:auto}
  .blk-navbar3mega .e-n-menu-content > .blk-navbar3mega-panel-mega{left:max(var(--n3m-gut),calc((100% - var(--n3m-box)) / 2)) !important}
  .blk-navbar3mega .e-n-menu-content > .blk-navbar3mega-panel{box-shadow:0 14px 34px -18px rgba(5,4,3,.30);max-width:none !important}
  .blk-navbar3mega .blk-navbar3mega-panel-mega{width:min(960px,calc(100vw - 64px)) !important;padding:20px !important;align-items:flex-start}
  .blk-navbar3mega .blk-navbar3mega-panel-liste{width:max-content !important;min-width:300px;max-width:min(480px,calc(100vw - 64px)) !important;padding:8px !important}
  .blk-navbar3mega .blk-navbar3mega-zurueck{display:none}
}
@media (min-width:1025px) and (prefers-reduced-motion:no-preference){
  .blk-navbar3mega .e-n-menu-content.e-active > .blk-navbar3mega-panel{animation:n3m-auf .18s cubic-bezier(.22,1,.36,1) both}
}
@keyframes n3m-auf{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}

/* Teaser (links, 1/3): Eyebrow in Versalien, ein Satz, Bild 16:9 mit Rand */
.blk-navbar3mega .blk-navbar3mega-teaser{flex:0 0 30% !important;width:30% !important;min-width:0;padding:0;border-radius:var(--bl-r,4px)}
.blk-navbar3mega .blk-navbar3mega-eyebrow{margin-bottom:12px !important}
.blk-navbar3mega .blk-navbar3mega-eyebrow .elementor-heading-title{text-transform:uppercase;white-space:nowrap}
.blk-navbar3mega .blk-navbar3mega-teasertext{margin-bottom:16px !important}
.blk-navbar3mega .blk-navbar3mega-bild{width:100%}
.blk-navbar3mega .blk-navbar3mega-bild img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 12%;border:1px solid var(--e-global-color-vm_border)}
/* Raster rechts: zwei Spalten, je Eintrag Symbolkaestchen 36 px, Titel, Kurzbeschreibung */
.blk-navbar3mega .blk-navbar3mega-rechts{flex:1 1 0 !important;min-width:0}
.blk-navbar3mega .blk-navbar3mega-raster{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px 16px;width:100%}
.blk-navbar3mega .blk-navbar3mega-eintrag{width:100% !important;max-width:none;justify-self:stretch;padding:10px 12px;border-radius:var(--bl-r,4px);align-items:flex-start;text-decoration:none;transition:background-color .18s cubic-bezier(.22,1,.36,1)}
.blk-navbar3mega .blk-navbar3mega-eintrag:hover,.blk-navbar3mega .blk-navbar3mega-eintrag:focus-visible{background:var(--e-global-color-vm_muted)}
.blk-navbar3mega .blk-navbar3mega-symbolbox{flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:0;transition:background-color .18s cubic-bezier(.22,1,.36,1)}
.blk-navbar3mega .blk-navbar3mega-symbolbox-klein{flex:0 0 32px;width:32px;height:32px;min-width:32px}
.blk-navbar3mega .blk-navbar3mega-eintrag:hover .blk-navbar3mega-symbolbox,.blk-navbar3mega .blk-navbar3mega-eintrag:focus-visible .blk-navbar3mega-symbolbox,
.blk-navbar3mega .blk-navbar3mega-zeile:hover .blk-navbar3mega-symbolbox,.blk-navbar3mega .blk-navbar3mega-zeile:focus-visible .blk-navbar3mega-symbolbox{background:var(--e-global-color-vm_border)}
.blk-navbar3mega .blk-navbar3mega-symbol{width:auto !important;line-height:0}
.blk-navbar3mega .blk-navbar3mega-symbol .elementor-icon{display:flex;line-height:0}
.blk-navbar3mega .blk-navbar3mega-symbol svg{width:18px;height:18px;display:block}
.blk-navbar3mega .blk-navbar3mega-symbolbox-klein .blk-navbar3mega-symbol svg{width:15px;height:15px}
.blk-navbar3mega .blk-navbar3mega-eintrag{gap:6px}
.blk-navbar3mega .blk-navbar3mega-titel .elementor-heading-title,.blk-navbar3mega .blk-navbar3mega-listentitel .elementor-heading-title{white-space:nowrap}
.blk-navbar3mega .blk-navbar3mega-text{min-width:0}
/* "Alle ..." unter dem Raster */
.blk-navbar3mega .blk-navbar3mega-alle{margin-top:8px;padding:4px 12px 0;border-top:1px solid var(--e-global-color-vm_border)}
.blk-navbar3mega .blk-navbar3mega-alle .elementor-icon-list-item{padding:0}
.blk-navbar3mega .blk-navbar3mega-alle .elementor-icon-list-item > a{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:8px;min-height:44px}
.blk-navbar3mega .blk-navbar3mega-alle .elementor-icon-list-icon{color:var(--e-global-color-text) !important;padding:0 !important;width:auto !important}
.blk-navbar3mega .blk-navbar3mega-alle .elementor-icon-list-text{padding:0 !important}
.blk-navbar3mega .blk-navbar3mega-alle .elementor-icon-list-icon svg{width:16px;height:16px}
.blk-navbar3mega .blk-navbar3mega-alle-liste{margin-top:6px;padding:2px 10px 0}
/* schlichte Liste (>= 3 Unterseiten) */
.blk-navbar3mega .blk-navbar3mega-zeile{padding:8px 10px;border-radius:var(--bl-r,4px);text-decoration:none;transition:background-color .18s cubic-bezier(.22,1,.36,1)}
.blk-navbar3mega .blk-navbar3mega-zeile:hover,.blk-navbar3mega .blk-navbar3mega-zeile:focus-visible{background:var(--e-global-color-vm_muted)}

/* ---------------------------------------------------------------- Handy und Tablet (bis 1024 px) */
html.vm-menue-offen{overflow:hidden}
@media (max-width:1024px){
  .blk-navbar3mega .blk-navbar3mega-links{flex:1 1 auto !important;justify-content:flex-start;gap:12px !important}
  .blk-navbar3mega .blk-navbar3mega-telmobil{margin-left:auto;flex:0 0 auto !important;width:auto !important}
  .blk-navbar3mega .blk-navbar3mega-telknopf .elementor-button{min-height:44px;padding:0 14px;border-radius:var(--bl-r,4px)}
  /* #1398n Abnahme: ohne Telefon-Knopf steht der Menueknopf am rechten Rand (wie navbar3, Befund 390 px) */
  .blk-navbar3mega .blk-navbar3mega-menuebox{flex:0 0 auto !important;width:auto !important;margin-left:auto}
  .blk-navbar3mega .blk-navbar3mega-telmobil + .blk-navbar3mega-menuebox{margin-left:0}
  .blk-navbar3mega .elementor-widget-n-menu{width:auto}
  /* Menueknopf rechts: Umriss 44 x 44 (Tippziel) */
  .blk-navbar3mega .e-n-menu-toggle{width:44px;height:44px;border:1px solid var(--e-global-color-vm_border);border-radius:var(--bl-r,4px);padding:0;align-items:center;justify-content:center;
    --n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-padding:0}
  .blk-navbar3mega .e-n-menu-toggle svg{width:20px;height:20px;stroke-width:2}
  .blk-navbar3mega .e-n-menu-toggle:hover{background:var(--e-global-color-vm_muted)}
  /* Menueflaeche vollflaechig unter dem Kopf */
  .blk-navbar3mega .e-n-menu-wrapper{position:fixed !important;left:0 !important;right:0 !important;top:var(--n3m-unten,64px) !important;bottom:0 !important;width:auto !important;
    max-height:none !important;margin:0 !important;background:var(--e-global-color-vm_bg) !important;border:0;border-top:1px solid var(--e-global-color-vm_border);border-radius:0;
    box-shadow:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:2147483640}
  .blk-navbar3mega .e-n-menu-heading{flex-direction:column !important;flex-wrap:nowrap !important;row-gap:0 !important;width:100%}
  .blk-navbar3mega .e-n-menu-item{display:block;width:100%}
  .blk-navbar3mega .e-n-menu-item:not(:last-child){margin-inline-end:0 !important}
  .blk-navbar3mega .e-n-menu-title{width:100% !important;box-sizing:border-box;min-height:60px;padding:18px 20px !important;border-radius:0;border-bottom:1px solid var(--e-global-color-vm_border);
    background:var(--e-global-color-vm_bg) !important;flex-wrap:nowrap;align-items:center}
  .blk-navbar3mega .e-n-menu-title:hover,.blk-navbar3mega .e-n-menu-title:has(.e-n-menu-dropdown-icon[aria-expanded="true"]){background:var(--e-global-color-vm_bg) !important}
  .blk-navbar3mega .e-n-menu-title-container{flex:1 1 auto;min-width:0}
  .blk-navbar3mega .e-n-menu-title-container a{display:flex;align-items:center;min-height:24px}
  /* Pfeilknopf deckt die ganze Zeile: die Zeile oeffnet die Unterebene (Tippziel = Zeile) */
  .blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon{position:absolute;inset:0;width:100%;height:100% !important;margin:0;padding:0 20px 0 0;
    display:flex;flex-direction:row;align-items:center;justify-content:flex-end;transform:none}
  .blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon > span{display:flex;align-items:center}
  .blk-navbar3mega .e-n-menu-title .e-n-menu-dropdown-icon svg{width:20px;height:20px;transform:rotate(-90deg)}
  /* Unterebene: schiebt von rechts herein, ab Kopfhoehe, volle Flaeche */
  .blk-navbar3mega .e-n-menu-content.e-active{position:fixed !important;left:0 !important;right:0 !important;top:var(--n3m-unten,64px) !important;bottom:0 !important;
    width:auto !important;padding:0 !important;background:var(--e-global-color-vm_bg);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:6}
  .blk-navbar3mega .e-n-menu-content.e-active > .e-con{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;
    border-radius:0 !important;box-shadow:none !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;background:var(--e-global-color-vm_bg)}
  .blk-navbar3mega .blk-navbar3mega-teaser{display:none !important}
  .blk-navbar3mega .blk-navbar3mega-rechts{flex:0 0 auto !important;width:100% !important}
  .blk-navbar3mega .blk-navbar3mega-zurueck{display:block;width:100%;--e-global-typography-blk_navbar3mega_titel-font-size:17px}
  .blk-navbar3mega .blk-navbar3mega-zurueck .elementor-button{width:100%;min-height:60px;justify-content:flex-start;padding:18px 20px;border:0;border-bottom:1px solid var(--e-global-color-vm_border);
    border-radius:0;box-shadow:none;translate:none}
  .blk-navbar3mega .blk-navbar3mega-zurueck .elementor-button-content-wrapper{justify-content:flex-start}
  .blk-navbar3mega .blk-navbar3mega-zurueck .elementor-button:focus:not(:focus-visible){background:transparent}
  .blk-navbar3mega .blk-navbar3mega-zurueck .elementor-button:focus-visible{outline-offset:-3px}
  .blk-navbar3mega .blk-navbar3mega-zurueck svg{width:20px;height:20px}
  .blk-navbar3mega .blk-navbar3mega-raster{grid-template-columns:minmax(0,1fr) !important;gap:0;width:100%}
  .blk-navbar3mega .blk-navbar3mega-eintrag,.blk-navbar3mega .blk-navbar3mega-zeile{flex-wrap:nowrap !important}
  .blk-navbar3mega .blk-navbar3mega-text{flex:1 1 0 !important;width:auto !important;min-width:0}
  .blk-navbar3mega .blk-navbar3mega-eintrag{flex-direction:row !important;align-items:center !important;gap:14px !important;padding:16px 20px;border-radius:0;border-bottom:1px solid var(--e-global-color-vm_border)}
  .blk-navbar3mega .blk-navbar3mega-symbolbox{flex:0 0 44px !important;width:44px !important;height:44px;min-width:44px}
  .blk-navbar3mega .blk-navbar3mega-symbol svg{width:24px;height:24px}
  .blk-navbar3mega .blk-navbar3mega-titel .elementor-heading-title,.blk-navbar3mega .blk-navbar3mega-listentitel .elementor-heading-title{white-space:normal}
  .blk-navbar3mega .blk-navbar3mega-alle{margin:0;padding:0 20px;border-top:0;border-bottom:1px solid var(--e-global-color-vm_border)}
  .blk-navbar3mega .blk-navbar3mega-alle .elementor-icon-list-item > a{display:flex;flex-direction:row-reverse;width:100%;min-height:60px;justify-content:flex-end}
  .blk-navbar3mega .blk-navbar3mega-zeile{padding:12px 20px;gap:14px;border-radius:0;border-bottom:1px solid var(--e-global-color-vm_border);min-height:60px}
  .blk-navbar3mega .blk-navbar3mega-symbolbox-klein{flex:0 0 40px !important;width:40px !important;height:40px;min-width:40px}
  .blk-navbar3mega .blk-navbar3mega-symbolbox-klein .blk-navbar3mega-symbol svg{width:20px;height:20px}
  .blk-navbar3mega .blk-navbar3mega-alle-liste{padding:0 20px}
}
@media (max-width:1024px) and (prefers-reduced-motion:no-preference){
  .blk-navbar3mega .e-n-menu-content.e-active{animation:n3m-rein .22s cubic-bezier(.32,.72,0,1) both}
}
@keyframes n3m-rein{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){
  .blk-navbar3mega *,.blk-navbar3mega *::before,.blk-navbar3mega *::after{animation:none !important;transition:none !important}
}

/* #1398n (Koordinator 14.10.): Anfrage-Knopf unten in der offenen Handy-Menueflaeche - Primaerfarbe, Tippziel 48 px, volle Breite abzueglich 16 px Rand */
.blk-navbar3mega .blk-navbar3mega-menueknopf{display:none !important}
@media (max-width:1024px){
  html.vm-menue-offen .blk-navbar3mega .blk-navbar3mega-menueknopf{display:flex !important;position:fixed !important;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
    width:auto !important;margin:0 !important;z-index:2147483645}
  html.vm-menue-offen .blk-navbar3mega .blk-navbar3mega-menueknopf > .elementor-widget-button{width:100% !important}
  html.vm-menue-offen .blk-navbar3mega .blk-navbar3mega-menueknopf .elementor-button{width:100%;min-height:48px;height:48px;justify-content:center}
  /* Platz unter dem letzten Eintrag, damit der Knopf nichts verdeckt */
  .blk-navbar3mega .e-n-menu-wrapper,.blk-navbar3mega .e-n-menu-content.e-active{padding-bottom:88px !important}
}


/* ---- Block footer16 (preset/_blocks/blocks/footer16.css) ---- */
/* Block footer16 (#998 P2, aus design-16-scheidt-holzbau-blocks/kit-elementor.css): Klassen blk-footer16-*; Regel #37: Layout an Widget-Klassen mit !important,
   an Containern ohne. Farben nur ueber Kit-Variablen (--e-global-color-*). Erstnutzer scheidt-holzbau. */
/* ---- footer16 ---- */
.blk-footer16 .blk-footer16-raster{flex-direction:column !important}
.blk-footer16 .blk-footer16-marke{width:auto !important;min-width:0}
.blk-footer16 .blk-footer16-logo img{height:56px !important;width:auto !important;max-width:none;display:block}
.blk-footer16 .blk-footer16-text{max-width:384px}
.blk-footer16 .blk-footer16-spalten{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px !important;width:auto !important;min-width:0}
.blk-footer16 .blk-footer16-spalte{width:auto !important;min-width:0}
.blk-footer16 .blk-footer16-liste .elementor-icon-list-items{display:flex;flex-direction:column;gap:12px;margin:0 !important;padding:0}
.blk-footer16 .blk-footer16-liste .elementor-icon-list-item{margin:0 !important;padding:0 !important}
.blk-footer16 .blk-footer16-liste .elementor-icon-list-item::after{display:none}
.blk-footer16 .blk-footer16-liste .elementor-icon-list-text{line-height:20px !important}
.blk-footer16 .blk-footer16-liste a,.blk-footer16 .blk-footer16-recht a{text-decoration:none}
.blk-footer16 .blk-footer16-wortmarkebox{overflow:hidden}
.blk-footer16 .blk-footer16-wortmarke .elementor-heading-title{font-size:9vw !important;line-height:1 !important;white-space:nowrap;text-align:center;display:block}
.blk-footer16 .blk-footer16-copy{flex:1 1 auto;width:auto !important}
.blk-footer16 .blk-footer16-recht{width:auto !important}
.blk-footer16 .blk-footer16-recht .elementor-icon-list-text{text-decoration:underline}
.blk-footer16 .blk-footer16-recht .elementor-icon-list-items{gap:8px 16px;margin:0 !important}
.blk-footer16 .blk-footer16-recht .elementor-icon-list-item{margin:0 !important;padding:0 !important}
.blk-footer16 .blk-footer16-recht .elementor-icon-list-item::after{display:none}
@media (min-width:768px){ .blk-footer16 .blk-footer16-raster{flex-direction:row !important}
.blk-footer16 .blk-footer16-marke{flex:1 1 50% !important}
.blk-footer16 .blk-footer16-spalten{flex:1 1 50% !important;grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:767px){ .blk-footer16 .blk-footer16-unten > .e-con-inner{flex-direction:column;align-items:flex-start} }


/* ---- Block leistungsbild (preset/_blocks/blocks/leistungsbild.css) ---- */
/* leistungsbild (#1072, 30.09.2026, AKOM): Leistungsuebersicht am Gebaeude - ein Luftbild ueber die volle Breite,
   links und rechts acht Leistungskarten mit Leitlinie zum Bildpunkt. Beim Scrollen fahren die Karten von oben nach unten
   nacheinander herein und beim Hochscrollen wieder heraus (Scroll-Zeitachse des Browsers, Rueckfall in kit-elementor.js).
   Kein shadcnblocks-Original; Vorlage ist Kilians Referenzbild vom 30.09.2026. Handy/Tablet: Bild oben, Karten darunter.
   Regel 4c: nichts ragt ueber den Fensterrand - die Karten liegen im Bild, Bewegung nur nach innen (clip-path + 28 px). */

.bl.blk-leistungsbild{overflow:visible}
.blk-lb-kopf{align-items:center !important;text-align:center}
.blk-lb-kopf .blk-lb-h2 .elementor-heading-title{max-width:760px;text-wrap:pretty}
.blk-lb-kopf .blk-lb-lead p{max-width:640px;margin:0 auto}
.bl .blk-lb-kopf .bl-p{text-align:center}

/* Buehne: Bild ueber die volle Breite */
.blk-lb-buehne{position:relative;width:100% !important;max-width:100%;padding:0 !important}
.blk-lb-bildbox{position:relative;width:100% !important}
.blk-lb-bildbox .elementor-widget-image,.blk-lb-bildbox .elementor-widget-container,.blk-lb-bildbox figure{width:100% !important;margin:0 !important}
.bl .blk-lb-bildbox img{display:block;width:100% !important;height:auto;border-radius:0 !important;aspect-ratio:16/9;object-fit:cover}
.bl .blk-lb-bildbox .vm-bild figcaption.widget-image-caption{right:16px;bottom:16px}
/* Leitlinien und Bildpunkte (von kit-elementor.js gezeichnet) */
.blk-lb-linien{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}
.blk-lb-linien line{stroke:#FFFFFF;stroke-opacity:.85;stroke-width:1.5}
.blk-lb-linien .blk-lb-punkt{fill:#5878B0;stroke:#FFFFFF;stroke-width:2.5}
.blk-lb-linien .blk-lb-puls{fill:none;stroke:#FFFFFF;stroke-width:1.5;opacity:0}

/* Karten */
.blk-lb-karten{position:relative;z-index:3}
.bl a.e-con.blk-lb-karte,.bl .e-con.blk-lb-karte{position:relative;display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;
  width:100% !important;max-width:100%;padding:10px 12px !important;border-radius:calc(var(--bl-r,8px)*1.25);
  background:rgba(29,41,61,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 10px 30px -18px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12);text-decoration:none}
.bl a.e-con.blk-lb-karte:hover{background:rgba(29,41,61,.96)}
.bl .blk-lb-karte .elementor-heading-title,.bl .blk-lb-karte .elementor-icon-list-text{color:inherit}
.blk-lb-symbol{width:36px !important;height:36px !important;flex:0 0 36px !important;padding:0 !important;border-radius:calc(var(--bl-r,8px)*1);
  background:var(--e-global-color-vm_marke,#5878B0)}
.blk-lb-symbol .elementor-icon{display:inline-flex}
.blk-lb-symbol svg{width:18px;height:18px}
/* Elementor gibt Kindern auf dem Handy width 100% und flex-wrap wrap - die Karte bleibt eine Zeile */
.bl .blk-lb-karte{flex-wrap:nowrap !important}
.bl .blk-lb-karte > .blk-lb-text{flex:1 1 0px !important;width:auto !important;max-width:none !important;min-width:0}
.bl .blk-lb-karte > .blk-lb-symbol{width:36px !important;max-width:36px !important}
.bl .blk-lb-text .blk-lb-h3{margin-bottom:2px}
.bl .blk-lb-text .blk-lb-h3 .elementor-heading-title{hyphens:manual !important;-webkit-hyphens:manual !important;text-wrap:balance}
.bl .blk-lb-text .bl-p p{margin:0}
@media (min-width:1025px){ .bl .blk-lb-text .bl-p p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} }
.bl .blk-lb-text .blk-lb-mehr{margin-top:6px}
.bl .blk-lb-text .blk-lb-mehr .elementor-icon-list-items{justify-content:flex-start !important;text-align:left}
.bl .blk-lb-text .blk-lb-mehr .elementor-icon-list-item{padding:0;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
.bl .blk-lb-text .blk-lb-mehr .elementor-icon-list-icon{padding:0}
.bl .blk-lb-text .blk-lb-mehr .elementor-icon-list-icon svg{transition:translate .18s ease}
.bl a.e-con.blk-lb-karte:hover .blk-lb-mehr .elementor-icon-list-icon svg{translate:3px 0}

/* Desktop ab 1025 px (Tailwind lg): Karten links und rechts IM Bild, Leitlinien sichtbar */
@media (min-width:1025px){
  .bl .blk-lb-bildbox img{aspect-ratio:16/9}   /* #1073: Bild ist nativ 16:9 (2688 x 1512), Desktop ohne Beschnitt */
  .blk-lb-linien{display:block}
  .blk-lb-karten{position:absolute !important;top:0;bottom:0;width:clamp(232px,20vw,300px) !important;
    display:flex !important;flex-direction:column !important;justify-content:flex-start !important;gap:12px !important;padding:24px 0 !important}   /* #1073: oben ausgerichtet, damit Vordergrund (Wagen mit Logo, Schneeraeumer) frei bleibt */
  .blk-lb-links{left:clamp(16px,2.4vw,40px)}
  .blk-lb-rechts{right:clamp(16px,2.4vw,40px)}
}
@media (min-width:1025px) and (max-width:1279px){ .bl .blk-lb-text .blk-lb-p{display:none} }
@media (min-width:1280px){
  .blk-lb-karten{width:clamp(260px,21vw,320px) !important;gap:14px !important}
}
@media (min-width:1440px){ .blk-lb-karten{width:clamp(300px,23vw,352px) !important} }
/* Tablet 768-1024: Bild 16:9 beschnitten, Karten darunter zweispaltig */
@media (max-width:1024px){
  .bl .blk-lb-bildbox img{aspect-ratio:16/9}
  .blk-lb-karten{display:grid !important;grid-template-columns:1fr 1fr;gap:12px !important;
    padding:12px var(--bl-gutter,40px) 0 !important;max-width:1216px;margin:0 auto}
  .blk-lb-links{padding-top:24px !important}
}
/* Handy: Bild 4:3 beschnitten (Gebaeude bleibt in der Mitte), Karten einspaltig */
@media (max-width:767px){
  .bl .blk-lb-bildbox img{aspect-ratio:4/3}
  .blk-lb-karten{grid-template-columns:1fr;padding:12px 18px 0 !important}
  .blk-lb-links{padding-top:20px !important}
  .bl a.e-con.blk-lb-karte{padding:12px 14px !important}
}

/* ---- Bewegung: Karten fahren beim Scrollen herein und beim Hochscrollen wieder heraus (Scroll-Zeitachse, kein Skript).
   Startdeckkraft .4 wie im Kit (Suchmaschinen sehen nie verborgenen Text). Rueckfall ohne animation-timeline: kit-elementor.js. */
@keyframes blk-lb-von-links{from{opacity:.4;translate:-28px 0;clip-path:inset(0 100% 0 0 round 12px)}to{opacity:1;translate:0 0;clip-path:inset(0 0 0 0 round 12px)}}
@keyframes blk-lb-von-rechts{from{opacity:.4;translate:28px 0;clip-path:inset(0 0 0 100% round 12px)}to{opacity:1;translate:0 0;clip-path:inset(0 0 0 0 round 12px)}}
@keyframes blk-lb-von-links-klein{from{opacity:.4;translate:-14px 0}to{opacity:1;translate:0 0}}
@keyframes blk-lb-von-rechts-klein{from{opacity:.4;translate:14px 0}to{opacity:1;translate:0 0}}
@keyframes blk-lb-pulsieren{0%{opacity:.9;r:7}100%{opacity:0;r:18}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .blk-lb-links .blk-lb-karte{animation:blk-lb-von-links linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
    .blk-lb-rechts .blk-lb-karte{animation:blk-lb-von-rechts linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
    @media (max-width:1024px){
      .blk-lb-links .blk-lb-karte{animation-name:blk-lb-von-links-klein;animation-range:entry 0% entry 90%}
      .blk-lb-rechts .blk-lb-karte{animation-name:blk-lb-von-rechts-klein;animation-range:entry 0% entry 90%}
      .blk-lb-links .blk-lb-karte:nth-child(2n),.blk-lb-rechts .blk-lb-karte:nth-child(2n){animation-name:blk-lb-von-rechts-klein}
      .blk-lb-rechts .blk-lb-karte:nth-child(2n+1){animation-name:blk-lb-von-links-klein}
    }
  }
}
@media (prefers-reduced-motion:no-preference){
  .blk-lb-linien .blk-lb-puls{animation:blk-lb-pulsieren 2.4s ease-out infinite}
}
/* Skript-Rueckfall (kit-elementor.js setzt --lb-p 0..1 je Karte, nur ohne animation-timeline) */
.blk-lb-js .blk-lb-links .blk-lb-karte{opacity:calc(.4 + .6*var(--lb-p,1));translate:calc(-28px*(1 - var(--lb-p,1))) 0;clip-path:inset(0 calc(100%*(1 - var(--lb-p,1))) 0 0 round 12px)}
.blk-lb-js .blk-lb-rechts .blk-lb-karte{opacity:calc(.4 + .6*var(--lb-p,1));translate:calc(28px*(1 - var(--lb-p,1))) 0;clip-path:inset(0 0 0 calc(100%*(1 - var(--lb-p,1))) round 12px)}
@media (max-width:1024px){
  .blk-lb-js .blk-lb-links .blk-lb-karte,.blk-lb-js .blk-lb-rechts .blk-lb-karte{clip-path:none;translate:0 calc(12px*(1 - var(--lb-p,1)))}
}

/* ================================================================ Varianten (#1719/#1720, Kilian 20.10.2026)
   Gemeinsam: Buehne auf Inhaltsbreite (max. 1216 px), Bild mit runden Ecken, Bildhoehe passt mit Abstand in den Bildschirm.
   Vorlage fuer die Karten: shadcnblocks download21 (weisse, schwebende Hinweiskarten mit Rand und weichem Schatten am Bild). */
.blk-lb-v-karten .blk-lb-buehne,.blk-lb-v-legende .blk-lb-buehne{width:min(1216px,calc(100% - 2*var(--bl-gutter,40px))) !important;max-width:1216px;margin-left:auto !important;margin-right:auto !important}
.blk-lb-v-karten .blk-lb-bildbox,.blk-lb-v-legende .blk-lb-bildbox{border-radius:24px;overflow:hidden;box-shadow:0 24px 60px -32px rgba(29,41,61,.45)}
.bl.blk-lb-v-karten .blk-lb-bildbox img,.bl.blk-lb-v-legende .blk-lb-bildbox img{border-radius:24px !important}
@media (max-width:767px){
  .blk-lb-v-karten .blk-lb-buehne,.blk-lb-v-legende .blk-lb-buehne{width:calc(100% - 36px) !important}
  .blk-lb-v-karten .blk-lb-bildbox,.blk-lb-v-legende .blk-lb-bildbox,.bl.blk-lb-v-karten .blk-lb-bildbox img,.bl.blk-lb-v-legende .blk-lb-bildbox img{border-radius:16px !important}
}
/* Weisse Karten (beide Varianten) */
.bl.blk-lb-v-karten a.e-con.blk-lb-karte,.bl.blk-lb-v-legende a.e-con.blk-lb-karte{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid #E4E8EF;border-radius:14px;box-shadow:0 14px 34px -16px rgba(29,41,61,.42);padding:14px 16px !important;gap:14px !important}
.bl.blk-lb-v-karten a.e-con.blk-lb-karte:hover,.bl.blk-lb-v-legende a.e-con.blk-lb-karte:hover,.bl.blk-lb-v-legende a.e-con.blk-lb-karte.ist-aktiv{background:#FFFFFF;border-color:#5878B0;box-shadow:0 18px 40px -16px rgba(43,44,110,.5)}
.bl.blk-lb-v-karten .blk-lb-karte .blk-lb-h3 .elementor-heading-title,.bl.blk-lb-v-legende .blk-lb-karte .blk-lb-h3 .elementor-heading-title{color:#2B2C6E !important;font-size:17px !important;line-height:22px !important}
.bl.blk-lb-v-karten .blk-lb-karte .bl-p p,.bl.blk-lb-v-legende .blk-lb-karte .bl-p p{color:#5E6470 !important;font-size:14px !important;line-height:20px !important}
.bl.blk-lb-v-karten .blk-lb-karte .blk-lb-mehr .elementor-icon-list-text,.bl.blk-lb-v-legende .blk-lb-karte .blk-lb-mehr .elementor-icon-list-text{color:#255E9E !important}
.bl.blk-lb-v-karten .blk-lb-karte .blk-lb-mehr svg,.bl.blk-lb-v-legende .blk-lb-karte .blk-lb-mehr svg{fill:none;stroke:#255E9E}
.blk-lb-v-karten .blk-lb-symbol,.blk-lb-v-legende .blk-lb-symbol{width:40px !important;height:40px !important;flex:0 0 40px !important;border-radius:10px;background:#2B2C6E}
.bl.blk-lb-v-karten .blk-lb-karte > .blk-lb-symbol,.bl.blk-lb-v-legende .blk-lb-karte > .blk-lb-symbol{width:40px !important;max-width:40px !important}
.blk-lb-v-karten .blk-lb-linien line{stroke:#FFFFFF;stroke-opacity:.95;stroke-width:2;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.55))}

/* ---- Variante 1 "karten": Karten frei im Bild, Lage per Skript aus data-lb-kx/-ky; Bild passt in den Bildschirm */
@media (min-width:1025px){
  .bl.blk-lb-v-karten .blk-lb-bildbox img{aspect-ratio:auto !important;height:clamp(460px,calc(100svh - 170px),660px) !important;object-fit:cover}
  .blk-lb-v-karten .blk-lb-karten{position:absolute !important;inset:0 !important;width:100% !important;padding:0 !important;pointer-events:none;display:block !important}
  .bl.blk-lb-v-karten a.e-con.blk-lb-karte{position:absolute !important;width:clamp(232px,23%,292px) !important;pointer-events:auto}
  .blk-lb-v-karten .blk-lb-text .bl-p p{-webkit-line-clamp:3}
  .blk-lb-v-karten .blk-lb-text .blk-lb-mehr{display:none}   /* ganze Karte ist der Link; haelt die Karten niedrig, damit die Motive frei bleiben */
}
@media (min-width:1025px) and (max-width:1279px){ .bl.blk-lb-v-karten a.e-con.blk-lb-karte{width:212px !important} }

/* ---- Variante 2 "legende": nummerierte Punkte im Bild (immer sichtbar), acht nummerierte Karten im Raster darunter */
.blk-lb-v-legende .blk-lb-linien{display:block !important;pointer-events:none}
.blk-lb-v-legende .blk-lb-marke{pointer-events:auto;cursor:pointer}
.blk-lb-v-legende .blk-lb-marke .blk-lb-punkt{fill:#2B2C6E;stroke:#FFFFFF;stroke-width:2.5;transition:r .18s ease,fill .18s ease}
.blk-lb-v-legende .blk-lb-marke text{fill:#FFFFFF;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700;pointer-events:none}
.blk-lb-v-legende .blk-lb-marke.ist-aktiv .blk-lb-punkt,.blk-lb-v-legende .blk-lb-marke:hover .blk-lb-punkt{fill:#5878B0;r:20}
.blk-lb-v-legende .blk-lb-nr-text .elementor-heading-title{color:#FFFFFF !important;font-weight:700 !important}
.blk-lb-v-legende .blk-lb-legende{position:relative !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px !important;margin-top:16px;width:100% !important;padding:0 !important}
.bl.blk-lb-v-legende .blk-lb-legende a.e-con.blk-lb-karte{padding:12px 14px !important}
.bl.blk-lb-v-legende .blk-lb-legende .blk-lb-text .bl-p p{display:block !important;-webkit-line-clamp:unset;overflow:visible}
@media (min-width:1025px){
  .bl.blk-lb-v-legende .blk-lb-bildbox img{aspect-ratio:auto !important;height:clamp(400px,calc(100svh - 360px),600px) !important;object-fit:cover}
  .blk-lb-v-legende .blk-lb-legende .blk-lb-mehr{display:none}
}
@media (max-width:1024px){ .blk-lb-v-legende .blk-lb-legende{grid-template-columns:1fr 1fr} }
@media (max-width:767px){
  .blk-lb-v-legende .blk-lb-legende{grid-template-columns:1fr}
  .blk-lb-v-legende .blk-lb-marke text{font-size:12px}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .blk-lb-v-legende .blk-lb-legende .blk-lb-karte{animation:blk-lb-von-links-klein linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
  }
}

/* ================================================================ Variante "punkte" (#1773, Kilian 20.10.2026, Testseite Option B):
   Foto 2400:1340 (Handy 4:3 beschnitten), acht pulsierende Punkte mit Glas-Etikett; aktiv (Maus, Fokus, erster Tipp) waechst das Etikett
   zur Karte. Auftakt nur mit Skript (.blk-lbp-bereit -> .blk-lbp-los), ohne Skript oder bei reduzierter Bewegung steht alles sofort da. */
.blk-lb-v-punkte .blk-lbp-buehne{position:relative !important;width:100%;aspect-ratio:2400/1340;border-radius:28px;overflow:hidden;padding:0 !important;
  background:#1F2052;box-shadow:0 30px 70px -40px rgba(29,41,61,.6);isolation:isolate;clip-path:inset(0 round 28px)}
.blk-lb-v-punkte .blk-lbp-buehne > .elementor-widget-image{position:absolute !important;inset:0;width:100% !important;height:100%;margin:0 !important;z-index:0}
.blk-lb-v-punkte .blk-lbp-buehne > .elementor-widget-image .elementor-widget-container,.blk-lb-v-punkte .blk-lbp-buehne > .elementor-widget-image figure{width:100%;height:100%;margin:0}
.blk-lb-v-punkte .blk-lbp-buehne img{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none;object-fit:cover;border-radius:0 !important;border:0 !important;transform-origin:50% 60%}
.blk-lb-v-punkte .blk-lbp-buehne figcaption.widget-image-caption{position:absolute !important;right:16px;bottom:16px;left:auto;z-index:6;margin:0}
.blk-lb-v-punkte .blk-lbp-buehne::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(15,18,48,.28);opacity:0;transition:opacity .35s ease}
.blk-lb-v-punkte .blk-lbp-buehne.fokus::after{opacity:1}
/* Marke = Link mit Punkt und Etikett, Nullgroesse am Bildpunkt */
.blk-lb-v-punkte .e-con.blk-lbp-marke{position:absolute !important;z-index:4;width:0 !important;height:0;min-height:0;padding:0 !important;overflow:visible;text-decoration:none;left:50%;top:50%}
.blk-lb-v-punkte .e-con.blk-lbp-innen{position:absolute !important;top:0;width:auto !important;padding:0 !important;flex-wrap:nowrap !important;align-items:flex-start;gap:8px !important;white-space:nowrap;translate:0 -9px}
.blk-lb-v-punkte .blk-lbp-r .e-con.blk-lbp-innen{left:-9px}
.blk-lb-v-punkte .blk-lbp-l .e-con.blk-lbp-innen{right:-9px;flex-direction:row-reverse !important}
.blk-lb-v-punkte .blk-lbp-unten .e-con.blk-lbp-innen{translate:0 calc(-100% + 9px)}
.blk-lb-v-punkte .e-con.blk-lbp-punkt{flex:0 0 auto !important;width:18px !important;height:18px;min-height:0;padding:0 !important;border-radius:50%;background:#2B2C6E;border:3px solid #fff;
  box-shadow:0 4px 12px -4px rgba(0,0,0,.6);position:relative !important;transition:transform .25s ease,background .25s ease,scale .5s cubic-bezier(.34,1.8,.64,1),opacity .3s ease}
.blk-lb-v-punkte .e-con.blk-lbp-punkt::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.9);opacity:0;animation:lbp-puls 2.6s ease-out var(--d,0s) infinite}
@keyframes lbp-puls{0%{opacity:.85;transform:scale(.6)}70%,100%{opacity:0;transform:scale(1.7)}}
.blk-lb-v-punkte .e-con.blk-lbp-etikett{position:relative !important;left:0;top:0;width:auto !important;max-width:220px;margin-top:-5px;padding:7px 13px !important;gap:0 !important;border-radius:18px;
  background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8);
  box-shadow:0 10px 26px -14px rgba(10,12,40,.7);
  transition:left .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),max-width .35s cubic-bezier(.2,.8,.2,1),padding .35s cubic-bezier(.2,.8,.2,1),background .25s ease,border-radius .35s ease,opacity .5s ease,translate .5s cubic-bezier(.2,.8,.2,1)}
.blk-lb-v-punkte .blk-lbp-titel .elementor-heading-title{margin:0;color:#1F2052 !important;white-space:nowrap;transition:font-size .35s cubic-bezier(.2,.8,.2,1),line-height .35s ease,color .25s ease}
.blk-lb-v-punkte .e-con.blk-lbp-mehr{display:grid !important;grid-template-rows:0fr;padding:0 !important;opacity:0;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease .05s}
.blk-lb-v-punkte .e-con.blk-lbp-mehr-innen{overflow:hidden;min-height:0;padding:0 !important;gap:0 !important;white-space:normal}
.blk-lb-v-punkte .blk-lbp-text{margin:6px 0 0 !important}
.blk-lb-v-punkte .blk-lbp-text p{margin:0;color:#5E6470 !important}
.blk-lb-v-punkte .blk-lbp-link{margin-top:10px !important}
.blk-lb-v-punkte .blk-lbp-link .elementor-heading-title{margin:0;color:#5878B0 !important}
/* aktiv */
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv{z-index:5}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-etikett{max-width:300px;padding:14px 18px 16px !important;border-radius:20px;background:rgba(255,255,255,.95)}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel .elementor-heading-title{font-size:20px !important;line-height:25px !important;color:#2B2C6E !important;white-space:normal}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-mehr{grid-template-rows:1fr;opacity:1}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-punkt{transform:scale(1.18);background:#5878B0}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-punkt::before{animation-duration:1.4s}
.blk-lb-v-punkte .blk-lbp-buehne.fokus .blk-lbp-marke:not(.ist-aktiv){opacity:.45}
.blk-lb-v-punkte .blk-lbp-marke:focus-visible{outline:none}
.blk-lb-v-punkte .blk-lbp-marke:focus-visible .e-con.blk-lbp-etikett{outline:2px solid #2B2C6E;outline-offset:2px}
/* Auftakt (einmal beim ersten Sichtkontakt) */
.blk-lbp-bereit .blk-lbp-buehne{clip-path:inset(7% 9% 7% 9% round 28px)}
.blk-lbp-bereit .blk-lbp-buehne img{scale:1.18;filter:blur(10px) brightness(.55)}
.blk-lbp-bereit .e-con.blk-lbp-punkt{scale:0;opacity:0}
.blk-lbp-bereit .e-con.blk-lbp-etikett{opacity:0;translate:-14px 0}
.blk-lbp-bereit .blk-lbp-l .e-con.blk-lbp-etikett{translate:14px 0}
.blk-lbp-bereit.blk-lbp-los .blk-lbp-buehne{clip-path:inset(0 0 0 0 round 28px);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1)}
.blk-lbp-bereit.blk-lbp-los .blk-lbp-buehne img{scale:1;filter:blur(0) brightness(1);transition:scale 1.3s cubic-bezier(.16,1,.3,1),filter 1.3s cubic-bezier(.16,1,.3,1)}
.blk-lbp-bereit.blk-lbp-los .e-con.blk-lbp-punkt{scale:1;opacity:1;transition-delay:calc(.55s + var(--i,0) * .07s)}
.blk-lbp-bereit.blk-lbp-los .e-con.blk-lbp-etikett{opacity:1;translate:0 0}
.blk-lbp-bereit.blk-lbp-los:not(.blk-lbp-fertig) .e-con.blk-lbp-etikett{transition-delay:calc(.75s + var(--i,0) * .07s)}
@media (prefers-reduced-motion:reduce){ .blk-lb-v-punkte .e-con.blk-lbp-punkt::before{animation:none} }
@media (max-width:1024px){ .blk-lb-v-punkte .blk-lbp-titel .elementor-heading-title{font-size:12.5px !important} }
@media (max-width:767px){
  .blk-lb-v-punkte .blk-lbp-buehne{border-radius:20px;clip-path:inset(0 round 20px);aspect-ratio:4/3}
  .blk-lbp-bereit.blk-lbp-los .blk-lbp-buehne{clip-path:inset(0 0 0 0 round 20px)}
  .blk-lb-v-punkte .blk-lbp-marke:not(.ist-aktiv) .e-con.blk-lbp-etikett{display:none !important}
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-etikett{max-width:min(260px,62vw)}
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel .elementor-heading-title{font-size:17px !important;line-height:22px !important}
  .blk-lb-v-punkte .e-con.blk-lbp-punkt{width:16px !important;height:16px}
  .blk-lb-v-punkte .blk-lbp-buehne figcaption.widget-image-caption{bottom:auto;top:10px;left:10px;right:auto}
}

/* ================================================================ #1774 (Kilian 20.10.2026): aufgeklappte Karte wie die Kerbenkarten, alle gleich gross.
   Zu: Glas-Etikett wie bisher. Auf: Navy-Karte (--lbp-w x --lbp-h), Nummer mit Linie, weisser Titel, unterstrichener Link, Kerbe unten rechts
   (Maske auf ::before, das Foto scheint durch) mit rundem Pfeilknopf. Schatten per drop-shadow, damit er der Kerbe folgt. */
.blk-lb-v-punkte{--lbp-w:280px;--lbp-h:300px;--kS:66px;--kR:24px;--kr:22px;interpolate-size:allow-keywords}
@media (max-width:767px){ .blk-lb-v-punkte{--lbp-w:min(250px,72vw);--lbp-h:220px;--kS:58px;--kR:20px;--kr:18px} }
.blk-lb-v-punkte .e-con.blk-lbp-etikett{background:rgba(255,255,255,.78) !important;border:0 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 10px 26px -14px rgba(10,12,40,.7);
  -webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8);isolation:isolate;
  transition:left .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),
    padding .35s cubic-bezier(.2,.8,.2,1),border-radius .35s ease,opacity .5s ease,translate .5s cubic-bezier(.2,.8,.2,1),filter .3s ease,background-color .25s ease}
/* Glasgrund liegt auf dem Element (Messwerkzeuge sehen ihn), die Navy-Karte mit Kerbe auf ::before - nur aufgeklappt sichtbar */
.blk-lb-v-punkte .e-con.blk-lbp-etikett::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#1F2052;opacity:0;transition:opacity .25s ease}
/* Teile, die nur aufgeklappt zu sehen sind */
.blk-lb-v-punkte .e-con.blk-lbp-oben{display:grid !important;grid-template-rows:0fr;padding:0 !important;opacity:0;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.blk-lb-v-punkte .e-con.blk-lbp-oben-innen{overflow:hidden;min-height:0;padding:0 !important}
.blk-lb-v-punkte .blk-lbp-nr{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.28)}
.blk-lb-v-punkte .blk-lbp-nr .elementor-heading-title{margin:0;color:rgba(255,255,255,.8) !important;font-weight:500 !important}
.blk-lb-v-punkte .blk-lbp-pfeil{position:absolute !important;right:calc((var(--kS) - 48px) / 2);bottom:calc((var(--kS) - 48px) / 2);width:auto !important;margin:0 !important;z-index:2;
  opacity:0;scale:.6;transition:opacity .25s ease,scale .3s cubic-bezier(.34,1.6,.64,1)}
.blk-lb-v-punkte .blk-lbp-pfeil .elementor-icon-wrapper{line-height:0}
.blk-lb-v-punkte .blk-lbp-pfeil .elementor-icon{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#A9D0F0 !important;color:#1F2052 !important}
.blk-lb-v-punkte .blk-lbp-pfeil svg{width:20px;height:20px;fill:none !important;stroke:currentColor !important}
/* aufgeklappt */
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-etikett{width:var(--lbp-w) !important;max-width:none;height:var(--lbp-h);padding:24px 24px 26px !important;border-radius:28px;
  background:transparent !important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 18px 28px rgba(10,12,40,.45))}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-etikett::before{opacity:1;
  -webkit-mask:
    linear-gradient(#000 0 0) right -1px bottom -1px / calc(var(--kS) - var(--kR) + 1px) calc(var(--kS) + 1px) no-repeat,
    linear-gradient(#000 0 0) right calc(var(--kS) - var(--kR)) bottom -1px / var(--kR) calc(var(--kS) - var(--kR) + 1px) no-repeat,
    radial-gradient(circle at 100% 100%,#000 calc(var(--kR) - .5px),transparent var(--kR)) right calc(var(--kS) - var(--kR)) bottom calc(var(--kS) - var(--kR)) / var(--kR) var(--kR) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right var(--kS) bottom -1px / var(--kr) calc(var(--kr) + 1px) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right -1px bottom var(--kS) / calc(var(--kr) + 1px) var(--kr) no-repeat,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:
    linear-gradient(#000 0 0) right -1px bottom -1px / calc(var(--kS) - var(--kR) + 1px) calc(var(--kS) + 1px) no-repeat,
    linear-gradient(#000 0 0) right calc(var(--kS) - var(--kR)) bottom -1px / var(--kR) calc(var(--kS) - var(--kR) + 1px) no-repeat,
    radial-gradient(circle at 100% 100%,#000 calc(var(--kR) - .5px),transparent var(--kR)) right calc(var(--kS) - var(--kR)) bottom calc(var(--kS) - var(--kR)) / var(--kR) var(--kR) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right var(--kS) bottom -1px / var(--kr) calc(var(--kr) + 1px) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--kr) - .5px),#000 var(--kr)) right -1px bottom var(--kS) / calc(var(--kr) + 1px) var(--kr) no-repeat,
    linear-gradient(#000 0 0);
  mask-composite:exclude}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-oben{grid-template-rows:1fr;opacity:1}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel{margin-top:auto !important}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel .elementor-heading-title{font-size:22px !important;line-height:27px !important;color:#FFFFFF !important;white-space:normal}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-mehr-innen{padding-right:0 !important}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-text{margin-top:8px !important}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-text p{color:rgba(255,255,255,.82) !important;hyphens:auto;-webkit-hyphens:auto;padding-right:8px}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-link{margin-top:14px !important;padding-right:calc(var(--kS) - 8px)}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-link .elementor-heading-title{color:#FFFFFF !important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-pfeil{opacity:1;scale:1;transition-delay:.12s}
@media (max-width:767px){
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-etikett{padding:18px 18px 18px !important;border-radius:22px}
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel .elementor-heading-title{font-size:18px !important;line-height:22px !important}
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-text p{font-size:13px !important;line-height:18px !important}
  .blk-lb-v-punkte .blk-lbp-pfeil .elementor-icon{width:42px;height:42px}
  .blk-lb-v-punkte .blk-lbp-pfeil{right:calc((var(--kS) - 42px) / 2);bottom:calc((var(--kS) - 42px) / 2)}
  .blk-lb-v-punkte .blk-lbp-nr{padding-bottom:8px}
}

/* #1777 (Kilian 20.10.2026): der Punkt bleibt beim Aufklappen an seiner Stelle. Untere Punkte: Zeile unten buendig (Punkt unten, Karte waechst
   nach oben), obere Punkte: oben buendig; die Karte wird nur noch selbst verschoben (left/top), nie der Punkt. Punkt liegt ueber der Karte. */
.blk-lb-v-punkte .blk-lbp-unten .e-con.blk-lbp-innen{align-items:flex-end !important}
.blk-lb-v-punkte .blk-lbp-unten .e-con.blk-lbp-etikett{margin-top:0;margin-bottom:-8px}
.blk-lb-v-punkte .e-con.blk-lbp-punkt{z-index:3}

/* #1779 (Kilian 20.10.2026, „texte und spacing nicht sauber“): Titel direkt unter Nummer/Linie, Text darunter, „Zur Leistung“ fest unten;
   der Text endet immer oberhalb der Kerbe (Mindestabstand ueber dem Link), keine automatische Silbentrennung; Kartenhoehe danach bemessen.
   Waehrend eine Karte offen ist: Etiketten der anderen Punkte aus, Punkte unter der Karte aus (.verdeckt, Skript). */
.blk-lb-v-punkte{--lbp-h:252px}
@media (max-width:767px){ .blk-lb-v-punkte{--lbp-h:210px} }
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel{margin-top:20px !important}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-mehr{flex:1 1 auto !important;min-height:0}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .e-con.blk-lbp-mehr-innen{display:flex !important;flex-direction:column !important;height:100%}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-text{margin:8px 0 calc(var(--kS) - 26px - 20px + 10px) !important}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-text p{hyphens:manual !important;-webkit-hyphens:manual !important;padding-right:0}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel .elementor-heading-title{hyphens:manual !important;-webkit-hyphens:manual !important}
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-link{margin-top:auto !important}
.blk-lb-v-punkte .blk-lbp-buehne.fokus .blk-lbp-marke:not(.ist-aktiv){opacity:.6}
.blk-lb-v-punkte .blk-lbp-buehne.fokus .blk-lbp-marke:not(.ist-aktiv) .e-con.blk-lbp-etikett{opacity:0 !important;transition:opacity .15s ease}
.blk-lb-v-punkte .blk-lbp-marke.verdeckt{opacity:0 !important;pointer-events:none}
@media (max-width:767px){
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel{margin-top:12px !important}
  .blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-text{margin:6px 0 calc(var(--kS) - 18px - 18px + 8px) !important}
}
.blk-lb-v-punkte .blk-lbp-marke.punkt-unter .e-con.blk-lbp-punkt{opacity:0 !important}
/* #1782: aufgeklappter Titel 20 px, damit "Gebäudemanagement" in die Karte passt (22 px: 240 px Wortbreite bei 232 px Spalte) */
.blk-lb-v-punkte .blk-lbp-marke.ist-aktiv .blk-lbp-titel .elementor-heading-title{font-size:20px !important;line-height:25px !important;overflow-wrap:normal;word-break:normal}


/* ---- Block kerbenkarten (preset/_blocks/blocks/kerbenkarten.css) ---- */
/* kerbenkarten (#1725, 20.10.2026, AKOM Design 2): Karten mit Ausschnitt unten rechts und rundem Pfeilknopf.
   Kerbe = Icon-Widget .blk-kerbe in Flaechenfarbe (--kerbe-bg), Radius oben links 28 px, zwei Hohlkehlen (::before links unten,
   ::after rechts oben, je 22 px) runden die Karte an der Kerbe konvex ab. Bildkarten: Foto mit Verlauf (Overlay) von unten. */
.blk-kerbenkarten{--kerbe-bg:var(--e-global-color-vm_bg,#F8F8F8)}
.blk-kerben-flaeche-vm_sky{--kerbe-bg:var(--e-global-color-vm_sky,#E1E7FD)}
.blk-kerben-flaeche-vm_surface{--kerbe-bg:#FFFFFF}
.blk-kk-kopf-links{max-width:720px}
.bl .blk-kk-lead{max-width:420px}
.bl .blk-kk-lead p{margin:0}
.blk-kk-raster{gap:20px !important}
.bl .e-con.blk-kk-karte{position:relative !important;overflow:hidden;min-height:360px;border-radius:28px;padding:28px 28px 30px !important;
  text-decoration:none;transition:translate .25s ease,box-shadow .25s ease;isolation:isolate}
.blk-kk-spalten-4 .e-con.blk-kk-karte{min-height:340px}
.bl a.e-con.blk-kk-karte:hover{translate:0 -4px;box-shadow:0 22px 44px -24px rgba(29,41,61,.55)}
.bl .blk-kk-dunkel{background:#1F2052 !important}
.bl .blk-kk-akzent{background:#A9D0F0 !important}
.bl .blk-kk-hell{background:#FFFFFF !important;border:1px solid #E4E8EF}
.bl .blk-kk-bild{background-color:#1F2052}
/* Overlay auf Bildkarten: Verlauf von unten, damit weisser Text lesbar bleibt */
/* #1748 (Kilian 20.10.2026): Foto leicht unscharf (backdrop-filter auf dem Overlay, das Kartenbild liegt dahinter) und dichteres Overlay */
.bl .e-con.blk-kk-bild{background-repeat:no-repeat !important}
.bl .blk-kk-bild::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:linear-gradient(180deg,rgba(15,18,48,.38) 0%,rgba(15,18,48,.55) 45%,rgba(15,18,48,.88) 100%);
  -webkit-backdrop-filter:blur(3px) saturate(1.15);backdrop-filter:blur(3px) saturate(1.15);transition:background .3s ease,-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease}
.bl .blk-kk-bild:hover::before{background:linear-gradient(180deg,rgba(15,18,48,.28) 0%,rgba(15,18,48,.48) 45%,rgba(15,18,48,.85) 100%);
  -webkit-backdrop-filter:blur(1.5px) saturate(1.15);backdrop-filter:blur(1.5px) saturate(1.15)}
/* Kopfzeile der Karte: Nummer + Linie */
.blk-kk-oben{border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:12px !important}
.blk-kk-akzent .blk-kk-oben,.blk-kk-hell .blk-kk-oben{border-bottom-color:rgba(31,32,82,.22)}
.blk-kk-unten{padding-right:0 !important}
.bl .blk-kk-text{padding-right:36px}
.bl .blk-kk-text p{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.bl .blk-kk-link{padding-right:72px}
.bl .blk-kk-karte .elementor-heading-title,.bl .blk-kk-karte .bl-p p{margin:0}
.bl .blk-kk-dunkel .elementor-heading-title,.bl .blk-kk-bild .elementor-heading-title{color:#FFFFFF !important}
.bl .blk-kk-dunkel .bl-p p,.bl .blk-kk-bild .bl-p p{color:rgba(255,255,255,.82) !important}
.bl .blk-kk-akzent .elementor-heading-title,.bl .blk-kk-hell .elementor-heading-title{color:#1F2052 !important}
.bl .blk-kk-akzent .bl-p p,.bl .blk-kk-hell .bl-p p{color:#2F3A55 !important}
.bl .blk-kk-nr .elementor-heading-title{opacity:.8}
.bl .blk-kk-link .elementor-heading-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
/* KI-Hinweis auf Bildkarten oben rechts, als Glas-Etikett */
.bl .blk-kk-karte .blk-kk-ki{position:absolute !important;top:18px;right:18px;bottom:auto !important;left:auto;width:auto !important;height:auto;z-index:2}
/* Kerbe */
.bl .blk-kk-karte .blk-kerbe{position:absolute !important;right:0;bottom:0;width:76px !important;height:76px;margin:0 !important;z-index:3;
  background:var(--kerbe-bg);border-top-left-radius:28px;display:flex !important;align-items:center;justify-content:center}
.bl .blk-kk-karte .blk-kerbe::before,.bl .blk-kk-karte .blk-kerbe::after{content:"";position:absolute;width:22px;height:22px;
  background:radial-gradient(circle at 0 0,transparent 21.5px,var(--kerbe-bg) 22px)}
.bl .blk-kk-karte .blk-kerbe::before{left:-22px;bottom:0}
.bl .blk-kk-karte .blk-kerbe::after{right:0;top:-22px}
.bl .blk-kk-karte .blk-kerbe .elementor-widget-container{padding:6px 0 0 6px}
.bl .blk-kk-karte .blk-kerbe .elementor-icon-wrapper{line-height:0}
.bl .blk-kk-karte .blk-kerbe .elementor-icon{width:56px;height:56px;padding:0 !important;display:inline-flex;align-items:center;justify-content:center;
  background:#A9D0F0 !important;color:#1F2052 !important;transition:rotate .3s ease,background .2s ease}
.bl .blk-kk-akzent .blk-kerbe .elementor-icon{background:#1F2052 !important;color:#FFFFFF !important}
.bl .blk-kk-karte .blk-kerbe .elementor-icon svg{width:20px;height:20px;fill:none !important;stroke:currentColor !important}
.bl a.e-con.blk-kk-karte:hover .blk-kerbe .elementor-icon{rotate:45deg}
@media (max-width:767px){
  .bl a.e-con.blk-kk-karte{min-height:280px;border-radius:24px;padding:24px !important}
}

/* Vier Spalten (schmale Karten): Titel 22 px ohne Silbentrennung im Wort, kleinere Kerbe, damit Titel und Kerbe sich nicht beruehren */
.blk-kk-spalten-4 .blk-kk-h3 .elementor-heading-title{font-size:22px !important;line-height:27px !important;hyphens:manual !important;-webkit-hyphens:manual !important}
.blk-kk-spalten-4 .blk-kk-unten{gap:12px !important}
.bl .blk-kk-spalten-4 .blk-kk-karte .blk-kerbe{width:66px !important;height:66px;border-top-left-radius:24px}
.bl .blk-kk-spalten-4 .blk-kk-karte .blk-kerbe .elementor-icon{width:48px;height:48px}
.bl .blk-kk-spalten-4 .blk-kk-link{padding-right:60px}
@media (max-width:1279px) and (min-width:1025px){ .blk-kk-spalten-4 .blk-kk-h3 .elementor-heading-title{font-size:20px !important;line-height:25px !important} }

.bl .blk-kk-ohne-link:hover{translate:none;box-shadow:none}
.bl .blk-kk-ohne-link:hover .blk-kerbe .elementor-icon{rotate:0deg}
@media (max-width:767px){ .bl .e-con.blk-kk-karte{min-height:280px;border-radius:24px;padding:24px !important} }

/* #1750: Text liegt bei Werte-/Zusagenkarten weiter oben (laengerer Text) - Overlay dort durchgehend dunkler */
.bl .blk-kerbenkarten:not(.blk-kerben-flaeche-vm_sky) .blk-kk-bild::before{background:linear-gradient(180deg,rgba(15,18,48,.5) 0%,rgba(15,18,48,.68) 40%,rgba(15,18,48,.9) 100%);
  -webkit-backdrop-filter:blur(4px) saturate(1.1);backdrop-filter:blur(4px) saturate(1.1)}

/* #1775 (Kilian 20.10.2026): Bildkarten beim Ueberfahren oben ganz scharf, unten leicht unscharf (Text bleibt lesbar).
   ::before behaelt den Farbverlauf, ::after traegt die Unschaerfe mit Maske nach unten; ohne Hover unveraendert. */
.bl .blk-kk-bild::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  -webkit-backdrop-filter:blur(4px) saturate(1.1);backdrop-filter:blur(4px) saturate(1.1);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 38%,#000 74%);mask-image:linear-gradient(180deg,transparent 0%,transparent 38%,#000 74%);
  transition:opacity .3s ease}
.bl .blk-kerbenkarten .blk-kk-bild:hover::before{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.bl .blk-kerbenkarten .blk-kk-bild:hover::after{opacity:1}

/* #1782 (Kilian 21.10.2026): keine Umbrueche mitten im Wort - Text der vierspaltigen Karten bekommt die volle Kartenbreite (vorher 36 px
   Rand rechts, Spalte 197 px: "Dienstleistungsorganisation." brach). Damit der Text nicht in die Kerbe laeuft, mehr Abstand zum Link darunter. */
.bl .blk-kk-spalten-4 .blk-kk-text{padding-right:0}
.blk-kk-spalten-4 .blk-kk-unten{gap:22px !important}


/* ---- Block careers14 (preset/_blocks/blocks/careers14.css) ---- */
/* careers14 (#1756, 20.10.2026, AKOM): grosse Fotokarte fuer die erste Stelle, darunter Stellen mit Bild in zwei Spalten.
   Verlauf ueber dem Foto von links (Desktop) bzw. von unten (Handy) in AKOM-Navy, damit der weisse Text lesbar bleibt. */
.blk-c14k-kopf{max-width:768px}
.bl .blk-c14k-lead p{margin:0}
.bl .e-con.blk-c14k-gross{position:relative !important;isolation:isolate;overflow:hidden;min-height:400px;border-radius:24px;padding:40px !important;text-decoration:none}
.bl .e-con.blk-c14k-gross::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(31,32,82,.95) 0%,rgba(31,32,82,.86) 30%,rgba(31,32,82,.45) 62%,rgba(31,32,82,.08) 100%)}
.bl .blk-c14k-gross-inhalt{position:relative;z-index:1;max-width:576px}
.bl .blk-c14k-gross .elementor-heading-title,.bl .blk-c14k-gross .bl-p p{margin:0}
.bl .blk-c14k-gross .bl-p p{color:rgba(255,255,255,.84) !important}
.bl .blk-c14k-badge-rand .elementor-heading-title{display:inline-block;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:2px 10px;color:#fff !important}
.bl .blk-c14k-knopf .elementor-heading-title{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:#fff;color:#1F2052 !important;
  font-weight:600;transition:translate .2s ease}
.bl .e-con.blk-c14k-gross:hover .blk-c14k-knopf .elementor-heading-title{translate:0 -2px}
.bl .blk-c14k-gross > .blk-c14k-ki{position:absolute !important;top:16px;right:16px;width:auto !important;z-index:2}
.bl .e-con.blk-c14k-zeile{padding:14px 16px !important;border-radius:18px;border:1px solid var(--e-global-color-vm_border,#E4E8EF);background:#fff;text-decoration:none;
  flex-wrap:nowrap !important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.bl .e-con.blk-c14k-zeile:hover{border-color:#5878B0;box-shadow:0 14px 30px -22px rgba(43,44,110,.5)}
.bl .e-con.blk-c14k-thumb{flex:0 0 64px !important;width:64px !important;height:64px;border-radius:12px;padding:0 !important}
.bl .blk-c14k-zeile > .blk-c14k-ztext{flex:1 1 0 !important;min-width:0;width:auto !important}
.bl .blk-c14k-zeile .elementor-heading-title{margin:0}
.bl .blk-c14k-pfeil{flex:0 0 auto !important;width:auto !important;transition:translate .2s ease}
.bl .blk-c14k-pfeil svg{fill:none !important}
.bl .e-con.blk-c14k-zeile:hover .blk-c14k-pfeil{translate:2px -2px}
@media (max-width:767px){
  .bl .e-con.blk-c14k-gross{min-height:440px;padding:24px !important;border-radius:20px;background-position:70% center !important}
  .bl .e-con.blk-c14k-gross::before{background:linear-gradient(0deg,rgba(31,32,82,.96) 0%,rgba(31,32,82,.82) 45%,rgba(31,32,82,.2) 100%)}
}


/* ---- Block feature217b (preset/_blocks/blocks/feature217b.css) ---- */
/* feature217b (#1753, 20.10.2026, AKOM): Foto ueber die volle Breite + Overlay, drei Glaskacheln. Overlay als ::after (wie im Original
   after:bg-black/50), Inhalt darueber (z-index 2). Regel 4c: Hintergrund an einem vollbreiten Container, nichts ragt ueber den Rand. */
.bl.blk-feature217b{position:relative;isolation:isolate;overflow:hidden}
.bl.blk-feature217b::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,18,48,.62) 0%,rgba(15,18,48,.55) 50%,rgba(15,18,48,.7) 100%)}
.bl.blk-feature217b > .blk-f217-innen{position:relative;z-index:2}
.bl.blk-feature217b > .blk-f217-ki{position:absolute !important;right:16px;bottom:16px;width:auto !important;z-index:3}
.blk-f217-kopf{max-width:896px;margin-inline:auto;text-align:center}
.bl .blk-f217-kopf .elementor-heading-title,.bl .blk-f217-kopf .bl-p p{text-align:center;margin:0}
.bl .blk-f217-chip .elementor-heading-title{background:rgba(255,255,255,.16) !important;color:#fff !important;border:1px solid rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.blk-f217-raster{align-items:stretch}
.bl .e-con.blk-f217-kachel{height:100%;padding:32px 28px !important;border-radius:20px;text-align:center;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 24px 50px -30px rgba(5,6,25,.7);transition:background .25s ease,translate .25s ease}
.bl .e-con.blk-f217-kachel:hover{background:rgba(255,255,255,.18);translate:0 -3px}
.bl .blk-f217-kachel .elementor-heading-title,.bl .blk-f217-kachel .bl-p p{text-align:center;margin:0;max-width:24rem;margin-inline:auto}
.bl .blk-f217-kachel .bl-p p{color:rgba(255,255,255,.78) !important}
.bl .blk-f217-icon svg{fill:none !important;stroke:#fff !important}
@media (max-width:1024px){ .bl .e-con.blk-f217-kachel{padding:26px 22px !important} }