.elementor-kit-4778{--e-global-color-primary:#F6F9DE;--e-global-color-secondary:#B7CD00;--e-global-color-text:#393939;--e-global-color-accent:#DB007E;--e-global-typography-primary-font-family:"Trebuchet bold";--e-global-typography-primary-font-size:clamp(2rem, 1.63rem + 1.52vw, 3rem);--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1;--e-global-typography-secondary-font-family:"Trebuchet bold";--e-global-typography-secondary-font-size:clamp(1.625rem, 1.39rem + 0.95vw, 2.25rem);--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.15;--e-global-typography-text-font-family:"Trebuchet";--e-global-typography-text-font-size:clamp(1.0625rem, 0.99rem + 0.29vw, 1.25rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.5;--e-global-typography-accent-font-family:"Trebuchet bold italic";--e-global-typography-accent-font-size:clamp(1.0625rem, 0.99rem + 0.29vw, 1.25rem);--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4;--e-global-typography-titel-font-family:"Trebuchet bold";--e-global-typography-titel-font-size:clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);--e-global-typography-titel-font-weight:400;--e-global-typography-titel-line-height:1.2;--e-global-typography-kennzahl-font-family:"Trebuchet bold";--e-global-typography-kennzahl-font-size:clamp(2.5rem, 2.22rem + 1.14vw, 3.25rem);--e-global-typography-kennzahl-font-weight:600;--e-global-typography-kennzahl-line-height:1;--e-global-typography-label-font-family:"Trebuchet bold";--e-global-typography-label-font-size:clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);--e-global-typography-label-font-weight:400;--e-global-typography-label-line-height:1.2;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4778 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4778 a{color:var( --e-global-color-secondary );font-family:"Trebuchet", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:25px;}.elementor-kit-4778 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-4778 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-4778 h3{font-family:var( --e-global-typography-titel-font-family ), Sans-serif;font-size:var( --e-global-typography-titel-font-size );font-weight:var( --e-global-typography-titel-font-weight );line-height:var( --e-global-typography-titel-line-height );}.elementor-kit-4778 h4{font-family:"Trebuchet", Sans-serif;font-size:25px;font-weight:400;line-height:25px;}.elementor-kit-4778 h5{font-family:"Trebuchet", Sans-serif;font-size:20px;line-height:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1199px){.elementor-kit-4778{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4778 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-4778 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-4778 h3{font-size:var( --e-global-typography-titel-font-size );line-height:var( --e-global-typography-titel-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:767px){.elementor-kit-4778{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4778 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-4778 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-4778 h3{font-size:var( --e-global-typography-titel-font-size );line-height:var( --e-global-typography-titel-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ======================================================
   ELOONA – ZENTRALE STANDARDS (Abstände)
   Fließende Werte: Handy (390px) -> Desktop (1440px)
   --eloona-section          64 -> 120px   Sektion Standard (oben/unten)
   --eloona-section-kompakt  40 ->  64px   Sektion kompakt
   --eloona-gap              16 ->  24px   Abstand zwischen Elementen
   --eloona-gutter           20 ->  32px   Seitenrand links/rechts
   Schriftgrößen stehen in Website-Einstellungen > Globale Schriftart.
   ====================================================== */
/* Grundschrift auf allen Geräten = Browser-Standard (meist 16px).
   Astra setzt sie auf Tablet/Handy sonst auf 91,2 %, dann wären alle rem-Werte kleiner. */
html:root {
  font-size: 100%;
}

:root {
  --eloona-section: clamp(4rem, 2.7rem + 5.33vw, 7.5rem);
  --eloona-section-kompakt: clamp(2.5rem, 1.94rem + 2.29vw, 4rem);
  --eloona-gap: clamp(1rem, 0.81rem + 0.76vw, 1.5rem);
  --eloona-gutter: clamp(1.25rem, 0.5rem + 3vw, 2rem);
}

/* Klasse im Container unter Erweitert > CSS-Klassen eintragen */
.e-con.eloona-section {
  --padding-top: var(--eloona-section);
  --padding-bottom: var(--eloona-section);
  --padding-left: var(--eloona-gutter);
  --padding-right: var(--eloona-gutter);
  --gap: var(--eloona-gap);
  --row-gap: var(--eloona-gap);
  --column-gap: var(--eloona-gap);
}
.e-con.eloona-section--kompakt {
  --padding-top: var(--eloona-section-kompakt);
  --padding-bottom: var(--eloona-section-kompakt);
}

/* Sektion schließt direkt an die vorherige an (z. B. Karten unter einer Überschrift) */
.e-con.eloona-section--anschluss {
  --padding-top: calc(var(--eloona-gap) * 2);
}
/* Sektion ohne Abstand unten (wenn danach eine --anschluss-Sektion folgt) */
.e-con.eloona-section--offen-unten {
  --padding-bottom: 0px;
}

/* ======================================================
   KLEINSCHREIBUNG nur in Kopfzeile und Hauptmenü
   (Entscheidung Kunde 09/2026) – überall sonst normale Schreibweise
   ====================================================== */
[data-elementor-type="header"],
[data-elementor-type="header"] .elementor-nav-menu a,
[data-elementor-type="header"] .elementor-item,
[data-elementor-type="header"] .elementor-sub-item {
  text-transform: lowercase !important;
}

/* ======================================================
   BUTTON-HOVER "INVERTIERT" (Klasse: eloona-btn-invert)
   Gefüllter Magenta-Button -> beim Hover/Fokus transparent
   mit Magenta-Rand und Magenta-Schrift. Rein über Farbe,
   ohne Bewegung (barrierearm, WCAG-Kontrast >= 4,5:1).
   ====================================================== */
.eloona-btn-invert .elementor-button {
  border: 2px solid var(--e-global-color-accent) !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease !important;
}
.eloona-btn-invert .elementor-button:hover,
.eloona-btn-invert .elementor-button:focus {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--e-global-color-accent) !important;
}
.eloona-btn-invert .elementor-button:focus-visible {
  outline: 2px solid var(--e-global-color-accent);
  outline-offset: 3px;
}
/* Pfeil-Icon (weißer Kreis) mit invertieren */
.eloona-btn-invert .elementor-button svg ellipse,
.eloona-btn-invert .elementor-button svg circle,
.eloona-btn-invert .elementor-button svg path {
  transition: fill .25s ease;
}
.eloona-btn-invert .elementor-button:hover svg ellipse,
.eloona-btn-invert .elementor-button:focus svg ellipse,
.eloona-btn-invert .elementor-button:hover svg circle,
.eloona-btn-invert .elementor-button:focus svg circle {
  fill: var(--e-global-color-accent);
}
.eloona-btn-invert .elementor-button:hover svg path,
.eloona-btn-invert .elementor-button:focus svg path {
  fill: #fff;
}

/* ======================================================
   BARRIEREFREIHEIT (09/2026)
   ====================================================== */

/* Text auf Bildern: weicher dunkler Schleier hinter der Hero-H1
   (Kontrast >= 3:1 für große Schrift). Für andere Überschriften
   auf Bildern die Klasse "eloona-text-auf-bild" vergeben. */
.eloona-hero .elementor-widget-heading:has(h1),
.eloona-text-auf-bild {
  position: relative;
  isolation: isolate;
}
.eloona-hero .elementor-widget-heading:has(h1)::before,
.eloona-text-auf-bild::before {
  content: "";
  position: absolute;
  inset: -150% -60%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(closest-side,
    rgba(25,25,25,.62) 0%,
    rgba(25,25,25,.55) 35%,
    rgba(25,25,25,.30) 62%,
    rgba(25,25,25,.10) 82%,
    rgba(25,25,25,0) 100%);
}

/* Dunkle Schrift auf Bildern: weicher heller Schleier direkt hinter dem
   Überschriftentext (Kontrast >= 3:1 für große Schrift, gemessen).
   "eloona-text-auf-bild--hell"       = immer
   "eloona-text-auf-bild--hell-mobil" = nur Tablet/Handy (wenn das Bild dort
                                         unter den Text rutscht) */
.eloona-text-auf-bild--hell .elementor-heading-title {
  display: inline-block;
  position: relative;
  isolation: isolate;
}
.eloona-text-auf-bild--hell .elementor-heading-title::before {
  content: "";
  position: absolute;
  inset: -100% -45%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(closest-side,
    rgba(255,255,255,.92) 0%,
    rgba(255,255,255,.83) 35%,
    rgba(255,255,255,.46) 62%,
    rgba(255,255,255,.15) 82%,
    rgba(255,255,255,0) 100%);
}
@media (max-width: 1199px) {
  .eloona-text-auf-bild--hell-mobil .elementor-heading-title {
    display: inline-block;
    position: relative;
    isolation: isolate;
  }
  .eloona-text-auf-bild--hell-mobil .elementor-heading-title::before {
    content: "";
    position: absolute;
    inset: -100% -45%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(closest-side,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.83) 35%,
      rgba(255,255,255,.46) 62%,
      rgba(255,255,255,.15) 82%,
      rgba(255,255,255,0) 100%);
  }
}

/* "Zum Inhalt springen": gut lesbar, wenn per Tab sichtbar */
.skip-link.screen-reader-text:focus {
  background: #fff !important;
  color: var(--e-global-color-text) !important;
  outline: 2px solid var(--e-global-color-accent) !important;
  outline-offset: 2px;
  padding: 12px 20px !important;
  z-index: 100000 !important;
}

/* Formulare: Beschriftungen dezent, eingerückt bis nach dem Feldradius (20px) */
.elementor-form .elementor-field-group > .elementor-field-label {
  font-family: var(--e-global-typography-text-font-family), sans-serif !important;
  font-size: .875rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  color: #6e6e6e !important; /* 5,1:1 auf Weiß */
  padding-left: 20px !important;
  margin-bottom: .3rem !important;
}
.elementor-form .elementor-mark-required .elementor-field-label:after {
  color: var(--e-global-color-accent) !important;
}

/* Formulare: Datenschutz-Zustimmung (klein, magenta Haken) */
.elementor-form .elementor-field-type-acceptance .elementor-field-option {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  padding-left: 20px;
}
.elementor-form .elementor-field-type-acceptance input[type="checkbox"] {
  accent-color: var(--e-global-color-accent);
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: .1rem 0 0 0;
  cursor: pointer;
}
.elementor-form .elementor-field-type-acceptance .elementor-field-option label {
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  font-size: .875rem;
  font-style: normal;
  line-height: 1.45;
  color: var(--e-global-color-text);
  cursor: pointer;
}
.elementor-form .elementor-field-type-acceptance a {
  font: inherit !important;
  color: var(--e-global-color-accent) !important;
  text-decoration: underline;
}
.elementor-form .eloona-form-hinweis {
  padding-left: 20px;
}

/* Formulare: Datei-Upload (z. B. Bewerbung) im Stil der Buttons.
   Nur Chrome/Edge/Safari (-webkit-). Die Standard-Variante für Firefox lässt sich hier
   nicht eintragen, weil Elementor das Wort "sel-ector" im CSS ersetzt. */
.elementor-form .elementor-field-type-upload .elementor-upload-field {
  padding: 0 0 0 20px !important;
  border: 0 !important;
  background: transparent !important;
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  font-size: .875rem;
  color: var(--e-global-color-text);
}
.elementor-form .elementor-upload-field::-webkit-file-upload-button {
  margin-right: 12px;
  padding: 8px 18px;
  border: 2px solid var(--e-global-color-accent);
  border-radius: 999px;
  background: transparent;
  color: var(--e-global-color-accent);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease;
}
.elementor-form .elementor-upload-field:hover::-webkit-file-upload-button {
  background: var(--e-global-color-accent);
  color: #fff;
}

/* Formulare: Hinweis zu Pflichtfeldern */
.elementor-form .eloona-form-hinweis {
  margin: 0;
  font-size: .875rem;
  color: var(--e-global-color-text);
}


/* ======================================================
   UNTERSEITEN-STANDARDS (09/2026)
   ====================================================== */

/* Überschrift einer Magenta-CTA als gestalteter Absatz (keine Überschrift-Ebene) */
.eloona-cta-titel,
.eloona-cta-titel p {
  font-family: var(--e-global-typography-secondary-font-family), sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
  color: #fff;
  margin: 0 0 .5em;
}

/* Magenta-CTA-Band (volle Breite): Button-Beschriftung einzeilig ab Tablet */
@media (min-width: 768px) {
  .eloona-cta-band .elementor-button { white-space: nowrap; }
}

/* Zeilenumbruch nur auf Desktop/Tablet (auf dem Handy bricht der Text selbst um) */
@media (max-width: 767px) { .eloona-br-desktop { display: none; } }

/* Karten-Raster: Überschriften und Texte aller Karten einer Reihe auf gleicher Höhe.
   Klasse an den Container mit den Karten, Spaltenzahl per --eloona-spalten (Standard 3). */
@media (min-width: 1200px) {
  .eloona-karten-raster > .e-con-inner,
  .eloona-karten-raster.e-con-full {
    display: grid !important;
    grid-template-columns: repeat(var(--eloona-spalten, 3), minmax(0, 1fr));
    grid-auto-rows: auto;
    align-items: stretch;
  }
  .eloona-karten-raster > .e-con-inner > .e-con,
  .eloona-karten-raster.e-con-full > .e-con {
    display: grid !important;
    grid-row: span 2;
    grid-template-rows: subgrid;
    align-content: start;
    width: auto !important;
    max-width: none !important;
  }
  .eloona-karten-raster--2 { --eloona-spalten: 2; }
}


/* Buttons: Beschriftung ab Tablet einzeilig (kein Umbruch in schmalen Spalten) */
@media (min-width: 768px) {
  .elementor-widget-button .elementor-button { white-space: nowrap; }
}


/* CTA-Band ab Desktop: Button-Spalte so breit wie der Button, Text-Spalte nimmt den Rest */
@media (min-width: 1200px) {
  .eloona-cta-band .e-con:has(> .elementor-widget-button) {
    --width: auto; width: auto !important; flex: 0 0 auto; max-width: 45%;
  }
  .eloona-cta-band .e-con:has(> .elementor-widget-text-editor, > .elementor-widget-heading):not(:has(> .elementor-widget-button)) {
    --width: auto; width: auto !important; flex: 1 1 0; min-width: 0;
  }
}


/* ======================================================
   HERO-STANDARDS (09/2026)
   ====================================================== */

/* Überschriften im Hero immer in Kleinschreibung (Marken-Stil).
   Klasse "eloona-hero-titel" am Überschrift-Widget im Hero. */
.eloona-hero-titel .elementor-heading-title { text-transform: lowercase !important; }

/* Heller Schleier nur ab Desktop (Gegenstück zu "--hell-mobil") */
@media (min-width: 1200px) {
  .eloona-text-auf-bild--hell-desktop .elementor-heading-title {
    display: inline-block; position: relative; isolation: isolate;
  }
  .eloona-text-auf-bild--hell-desktop .elementor-heading-title::before {
    content: ""; position: absolute; inset: -100% -45%; z-index: -1; pointer-events: none;
    background: radial-gradient(closest-side,
      rgba(255,255,255,.92) 0%, rgba(255,255,255,.83) 35%, rgba(255,255,255,.46) 62%,
      rgba(255,255,255,.15) 82%, rgba(255,255,255,0) 100%);
  }
}

/* Hero mit Überschrift unten im Weißverlauf: auf niedrigen Bildschirmen nie höher
   als der sichtbare Bereich, damit die Überschrift im ersten Bildschirm bleibt.
   "--versatz" = Hero liegt 200 px unter der Kopfzeile (negativer Außenabstand oben). */
@media (min-width: 1200px) {
  .e-con.eloona-hero-unten {
    min-height: min(var(--min-height, 100svh), calc(100svh + var(--eloona-hero-versatz, 0px))) !important;
  }
  .e-con.eloona-hero-unten--versatz { --eloona-hero-versatz: 200px; }
}


/* Startseite: Weißverlauf unten im Hero. Die Überschrift steht dunkel im hellen Übergang,
   daher ohne dunklen Schleier. Klasse "eloona-hero--uebergang" am Hero-Container. */
.e-con.eloona-hero--uebergang::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0) 48%,rgba(255,255,255,.9) 68%,#fff 88%)}
.eloona-hero--uebergang > .e-con,.eloona-hero--uebergang > .e-con-inner{position:relative;z-index:1}
.eloona-hero.eloona-hero--uebergang .elementor-widget-heading:has(h1)::before{content:none}


/* CTA als Kachel (10/2026): Magenta-Kachel in Inhaltsbreite mit runden Ecken
   statt Vollband, z. B. vor dem Footer. Klasse "eloona-cta-kachel" am äußeren
   Container (Hintergrund dort leer lassen). */
.e-con.eloona-cta-kachel{background:none;padding-bottom:var(--eloona-section-kompakt)}
.e-con.eloona-cta-kachel>.e-con-inner{background:var(--e-global-color-accent);border-radius:24px;
  padding:clamp(2rem,1.5rem + 1.5vw,3rem) clamp(1.5rem,1rem + 2vw,3.5rem)}


/* UNTERMENÜ-HOVER (10/2026): statt heller Fläche ein Magenta-Unterstrich,
   der von der Mitte nach außen aufzieht (600 ms). Gilt für beide Kopfzeilen,
   nur Desktop-Menü ab 1025 px. */
@media (min-width:1200px){
html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a:hover,html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a:focus,html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a:active{background:transparent!important;background-color:transparent!important;color:var(--e-global-color-text)!important}
html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a{position:relative;width:max-content;max-width:100%}
html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a::after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:2px;border-radius:2px;background:var(--e-global-color-accent);transform:scaleX(0);transform-origin:50% 50%;transition:transform .6s cubic-bezier(.22,.61,.36,1);pointer-events:none}
html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a:hover::after,html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a:focus-visible::after{transform:scaleX(1)}
}
@media (prefers-reduced-motion:reduce){html body [data-elementor-type="header"] nav.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a::after{transition:none}}


/* HINTERGRUNDVIDEO (10/2026): Klasse "eloona-video-weich" am Container.
   Video füllt den Bereich und ist unten verankert (eingebauter Weißverlauf bleibt sichtbar).
   Der weiche Loop kommt aus dem HTML-Widget "Skript: weicher Video-Loop" im selben Container. */
.eloona-video-weich .elementor-background-video-container video{top:0!important;left:0!important;width:100%!important;height:100%!important;
  transform:none!important;object-fit:cover;object-position:50% 100%}
.elementor-widget.eloona-skript{display:none!important}
/* Überlagerung (Weißverlauf) liegt über dem Video, Inhalte darüber */
.e-con.eloona-video-weich::before{z-index:1}
.eloona-video-weich .elementor-background-video-container{z-index:0}
.eloona-video-weich .elementor-widget{position:relative;z-index:2}


/* SCROLL-NACH-OBEN (10/2026): runder Magenta-Button statt Quadrat.
   Die sanfte Scroll-Bewegung kommt aus dem Skript-Widget in der Fußzeile (#347). */
html #ast-scroll-top{width:46px;height:46px;line-height:46px;padding:0;border-radius:50%;text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,.16);transition:transform .3s ease,box-shadow .3s ease}
html #ast-scroll-top:hover,html #ast-scroll-top:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.22)}


/* PRÜFUNG VOR WPML (10/2026) */
/* B1: Der helle Schleier hinter Hero-Überschriften darf die Seite nicht seitlich verbreitern (kein waagerechtes Scrollen auf Handy/Tablet) */
.e-con.e-parent:has(.eloona-text-auf-bild--hell, .eloona-text-auf-bild--hell-mobil, .eloona-text-auf-bild--hell-desktop){overflow-x:clip}
/* B2: Lange Wörter auf dem Handy automatisch trennen (erst ab 12 Zeichen), lange Links umbrechen */
@media (max-width:767px){
  .elementor-heading-title, .eloona-cta-titel, .e-n-accordion-item-title-text{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5;overflow-wrap:break-word}
}
.elementor-element-ce2f4f9 .elementor-heading-title{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}
.elementor-widget-text-editor a{overflow-wrap:anywhere}
/* B5: Rechtliche Seiten (Impressum, Datenschutz, AGB): Überschriften dunkel, Links in Magenta (ausreichender Kontrast) */
body.page-id-1975 .elementor-heading-title, body.page-id-1977 .elementor-heading-title, body.page-id-1979 .elementor-heading-title, body.page-id-1982 .elementor-heading-title{color:var(--e-global-color-text)!important}
body.page-id-1975 .elementor-widget-text-editor h1, body.page-id-1977 .elementor-widget-text-editor h1, body.page-id-1979 .elementor-widget-text-editor h1, body.page-id-1982 .elementor-widget-text-editor h1, body.page-id-1975 .elementor-widget-text-editor h2, body.page-id-1977 .elementor-widget-text-editor h2, body.page-id-1979 .elementor-widget-text-editor h2, body.page-id-1982 .elementor-widget-text-editor h2, body.page-id-1975 .elementor-widget-text-editor h3, body.page-id-1977 .elementor-widget-text-editor h3, body.page-id-1979 .elementor-widget-text-editor h3, body.page-id-1982 .elementor-widget-text-editor h3, body.page-id-1975 .elementor-widget-text-editor h4, body.page-id-1977 .elementor-widget-text-editor h4, body.page-id-1979 .elementor-widget-text-editor h4, body.page-id-1982 .elementor-widget-text-editor h4{color:var(--e-global-color-text)}
body.page-id-1975 .elementor-widget-text-editor a, body.page-id-1977 .elementor-widget-text-editor a, body.page-id-1979 .elementor-widget-text-editor a, body.page-id-1982 .elementor-widget-text-editor a{color:var(--e-global-color-accent);text-decoration:underline}
/* B5: Rechtstexte lesbarer: Abstände zwischen Abschnitten */
body.page-id-1975 .elementor-widget-text-editor h2, body.page-id-1977 .elementor-widget-text-editor h2, body.page-id-1979 .elementor-widget-text-editor h2, body.page-id-1982 .elementor-widget-text-editor h2{margin:2em 0 .6em}
body.page-id-1975 .elementor-widget-text-editor h3, body.page-id-1977 .elementor-widget-text-editor h3, body.page-id-1979 .elementor-widget-text-editor h3, body.page-id-1982 .elementor-widget-text-editor h3{margin:1.6em 0 .5em}
body.page-id-1975 .elementor-widget-text-editor h4, body.page-id-1977 .elementor-widget-text-editor h4, body.page-id-1979 .elementor-widget-text-editor h4, body.page-id-1982 .elementor-widget-text-editor h4, body.page-id-1975 .elementor-widget-text-editor h5, body.page-id-1977 .elementor-widget-text-editor h5, body.page-id-1979 .elementor-widget-text-editor h5, body.page-id-1982 .elementor-widget-text-editor h5{margin:1.2em 0 .4em}
body.page-id-1975 .elementor-widget-text-editor p, body.page-id-1977 .elementor-widget-text-editor p, body.page-id-1979 .elementor-widget-text-editor p, body.page-id-1982 .elementor-widget-text-editor p, body.page-id-1975 .elementor-widget-text-editor ul, body.page-id-1977 .elementor-widget-text-editor ul, body.page-id-1979 .elementor-widget-text-editor ul, body.page-id-1982 .elementor-widget-text-editor ul{margin:0 0 .9em}
body.page-id-1975 .elementor-widget-text-editor h2, body.page-id-1977 .elementor-widget-text-editor h2, body.page-id-1979 .elementor-widget-text-editor h2, body.page-id-1982 .elementor-widget-text-editor h2{font-size:1.6em}
body.page-id-1975 .elementor-widget-text-editor h3, body.page-id-1977 .elementor-widget-text-editor h3, body.page-id-1979 .elementor-widget-text-editor h3, body.page-id-1982 .elementor-widget-text-editor h3{font-size:1.25em}
body.page-id-1975 .elementor-widget-text-editor h4, body.page-id-1977 .elementor-widget-text-editor h4, body.page-id-1979 .elementor-widget-text-editor h4, body.page-id-1982 .elementor-widget-text-editor h4{font-size:1.08em;font-weight:600}
body.page-id-1975 .elementor-widget-text-editor h5, body.page-id-1977 .elementor-widget-text-editor h5, body.page-id-1979 .elementor-widget-text-editor h5, body.page-id-1982 .elementor-widget-text-editor h5{font-size:1em;font-weight:600}
/* B5: Rechtstexte auf Tablet/Handy mit Seitenabstand wie die übrigen Seiten */
@media (max-width:1199px){body.page-id-1975 [data-elementor-type="wp-page"] > .e-con, body.page-id-1977 [data-elementor-type="wp-page"] > .e-con, body.page-id-1979 [data-elementor-type="wp-page"] > .e-con, body.page-id-1982 [data-elementor-type="wp-page"] > .e-con{padding-left:var(--eloona-gutter)!important;padding-right:var(--eloona-gutter)!important}}
/* B8: Footer-Links (Impressum, Datenschutz …) auf dem Handy mit größerer Tippfläche */
@media (max-width:767px){.elementor-347 .elementor-element-5239cf6 .elementor-item{padding-top:5px!important;padding-bottom:5px!important}}

/* BF1/BF2 (02.10.2026): sichtbarer Tastaturfokus (WCAG 2.4.7, 1.4.11). Nur Tastatur, Maus unverändert */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible,
.elementor-button:focus-visible,
.elementor-field-group .elementor-field:focus-visible,
.elementor-field-group input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--e-global-color-accent) !important;
  outline-offset: 3px !important;
}
/* BF2 (02.10.2026, Variante b): grüne Buttons – Schrift bei Hover und Fokus dunkel statt weiß (WCAG 1.4.3) */
.eloona-btn-gruen .elementor-button:hover,
.eloona-btn-gruen .elementor-button:focus {
  color: var(--e-global-color-text) !important;
}
.eloona-btn-gruen .elementor-button:hover svg,
.eloona-btn-gruen .elementor-button:focus svg,
.eloona-btn-gruen .elementor-button:hover svg path,
.eloona-btn-gruen .elementor-button:focus svg path {
  fill: var(--e-global-color-text) !important;
}

/* Links im Fließtext (02.10.2026): Schriftgröße und Zeilenhöhe wie der umgebende Text. Die globale Link-Typografie (20 px) machte Links auf dem Handy größer als den Text (17 px) */
.elementor-widget-text-editor a {
  font-size: inherit;
  line-height: inherit;
}

/* AKTUELLES (02.10.2026): Beitragskarten – Kategorie und Datum über dem Titel */
.eael-grid-post .eael-entry-wrapper { display: flex; flex-direction: column; }
.eael-grid-post .eael-entry-header-after { order: -1; margin-bottom: 6px; }
.eael-grid-post .eael-entry-meta, .eael-grid-post .eael-entry-meta time, .eael-grid-post .eael-entry-meta span { font-size: 15px; line-height: 1.4; color: var(--e-global-color-text); }
.eael-grid-post .eael-entry-meta .eloona-kat { font-weight: 700; }
.eael-grid-post .eael-entry-meta .eloona-kat::after { content: "·"; margin: 0 .45em; font-weight: 400; }
.eael-grid-post .eael-entry-meta .fa-clock { display: none; }


/* ---------- SEITENBREITE MAX. 1920 PX (09.10.2026) ---------- */
@media (min-width: 1921px) {
  html, body { background-color: #fff; }
  #page { max-width: 1920px; margin-left: auto; margin-right: auto; }
  .elementor-location-header .eloona-header-wrap,
  .elementor-location-header .ehh-root { max-width: 1920px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
}
/* Produktseiten: Filtergrafik bis an den Seitenrand, statt 100vw (verhindert seitliches Scrollen) */
.ks-fullbleed { width: auto !important; margin-left: calc(-1 * var(--padding-left, 0px)) !important; margin-right: calc(-1 * var(--padding-right, 0px)) !important; }


/* FAQ-AKKORDEON (13.10.2026): Pfeile auf allen Seiten und Geräten rechtsbündig untereinander */
.elementor-widget-n-accordion .e-n-accordion-item-title { justify-content: space-between !important; }
.elementor-widget-n-accordion .e-n-accordion-item-title-header { flex: 1 1 auto; min-width: 0; }
.elementor-widget-n-accordion .e-n-accordion-item-title-icon { flex: 0 0 auto; margin-left: auto; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Trebuchet bold';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://eloona.eu/wp-content/uploads/2026/05/Trebuchet-MS-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Trebuchet';
	font-display: auto;
	src: url('https://eloona.eu/wp-content/uploads/2026/05/Trebuchet-MS.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Trebuchet bold italic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://eloona.eu/wp-content/uploads/2026/05/Trebuchet-MS-Bold-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */