.elementor-kit-1086{--e-global-color-primary:#015531;--e-global-color-secondary:#017644;--e-global-color-text:#26332B;--e-global-color-accent:#012F1B;--e-global-color-creme:#F7F5EF;--e-global-color-sand:#EFE9DC;--e-global-color-muted:#61705F;--e-global-color-linie:#E1E5DD;--e-global-color-weiss:#FFFFFF;--e-global-color-gedaempft:#B9CCBF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.08em;color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:1.65em;}.elementor-kit-1086 button,.elementor-kit-1086 input[type="button"],.elementor-kit-1086 input[type="submit"],.elementor-kit-1086 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:1em;color:var( --e-global-color-weiss );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:13px 26px 13px 26px;}.elementor-kit-1086 button:hover,.elementor-kit-1086 button:focus,.elementor-kit-1086 input[type="button"]:hover,.elementor-kit-1086 input[type="button"]:focus,.elementor-kit-1086 input[type="submit"]:hover,.elementor-kit-1086 input[type="submit"]:focus,.elementor-kit-1086 .elementor-button:hover,.elementor-kit-1086 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-weiss );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );}.elementor-kit-1086 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1086 a{color:var( --e-global-color-primary );}.elementor-kit-1086 a:hover{color:var( --e-global-color-accent );}.elementor-kit-1086 h1{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:52px;font-weight:700;line-height:1.15em;}.elementor-kit-1086 h2{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:700;line-height:1.15em;}.elementor-kit-1086 h3{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:700;line-height:1.2em;}.elementor-kit-1086 h4{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;line-height:1.25em;}.elementor-kit-1086 input:not([type="button"]):not([type="submit"]),.elementor-kit-1086 textarea,.elementor-kit-1086 .elementor-field-textual{color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-linie );border-radius:8px 8px 8px 8px;}.elementor-kit-1086 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-1086 textarea:focus,.elementor-kit-1086 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1086{--e-global-typography-secondary-font-size:15px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:12px;font-size:16px;}.elementor-kit-1086 h1{font-size:30px;}.elementor-kit-1086 h2{font-size:26px;}.elementor-kit-1086 h3{font-size:20px;}.elementor-kit-1086 h4{font-size:18px;}.elementor-kit-1086 button,.elementor-kit-1086 input[type="button"],.elementor-kit-1086 input[type="submit"],.elementor-kit-1086 .elementor-button{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================================
   Grünland-Landschaftsbau - zentrales Custom CSS
   Quelle: medien/css/gl-custom.css (CC1, 18./21.09.2026), eingefügt durch CW1 am 21.09.2026.
   Präfix gl- für alle eigenen Klassen; Klassen im Widget unter Advanced > CSS Classes
   vergeben (ohne Punkt). Nur das, was Elementor-Controls nicht können.
   Die Global-Color-Slugs unten sind die tatsächlich vergebenen (CW1):
     primary secondary text accent creme sand muted linie weiss
   ===================================================================== */

/* ---- 1. Farb-Aliase auf die Elementor Global Colors ----------------- */
:root {
  --gl-gruen:  var(--e-global-color-primary,   #015531);
  --gl-laub:   var(--e-global-color-secondary, #017644);
  --gl-text:   var(--e-global-color-text,      #26332B);
  --gl-tief:   var(--e-global-color-accent,    #012F1B);
  --gl-creme:  var(--e-global-color-creme,     #F7F5EF);
  --gl-sand:   var(--e-global-color-sand,      #EFE9DC);
  --gl-muted:  var(--e-global-color-muted,     #61705F);
  --gl-linie:  var(--e-global-color-linie,     #E1E5DD);
  --gl-weiss:  var(--e-global-color-weiss,     #FFFFFF);
  /* Schatten-Grundfarbe = Tiefgrün, im Prototyp als rgba(2,46,23,...) */
  --gl-schatten-rgb: 2, 46, 23;
}

/* ---- 2. Karten (Leistungs-, Ratgeber-, Referenz-Kacheln) ----------- */
.gl-karte { border-radius: 14px; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.gl-karte:hover, .gl-karte:focus-within { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(var(--gl-schatten-rgb), .12); }
.gl-karte img { transition: transform .4s ease; }
.gl-karte:hover img { transform: scale(1.045); }

/* ---- 3. Sticky Header: Schatten erst beim Scrollen ----------------- */
.elementor-sticky--effects { box-shadow: 0 6px 20px rgba(0, 0, 0, .08); }
.elementor-sticky--effects,
.elementor-sticky--effects.elementor-sticky__spacer + * { transition: box-shadow .25s ease; }

/* ---- 4. Navigation: keine Umbrüche in Menüpunkten ------------------ */
.gl-nav .elementor-nav-menu a,
.gl-nav .elementor-nav-menu--main .elementor-item { white-space: nowrap; }
@media (min-width: 1025px) and (max-width: 1180px) {
  .gl-nav .elementor-nav-menu--main .elementor-item { font-size: 13.5px; padding-left: 8px; padding-right: 8px; }
}

/* ---- 5. Buttons: Hebe-Effekt mit Schatten -------------------------- */
.gl-btn .elementor-button { transition: background-color .2s ease, transform .18s ease, box-shadow .18s ease; }
.gl-btn .elementor-button:hover,
.gl-btn .elementor-button:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(var(--gl-schatten-rgb), .25); }

/* ---- 6. Galerie-Bilder (Referenzen) -------------------------------- */
.gl-galerie .elementor-gallery-item,
.gl-galerie .e-gallery-item { border-radius: 12px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.gl-galerie .elementor-gallery-item:hover,
.gl-galerie .e-gallery-item:hover { transform: scale(1.03); box-shadow: 0 14px 34px rgba(var(--gl-schatten-rgb), .22); z-index: 2; }

/* ---- 7. FAQ-Accordion: Plus/Minus wie im Prototyp ------------------ */
.gl-faq .e-n-accordion-item { border: 1px solid var(--gl-linie); border-radius: 10px; margin-bottom: 10px; background: var(--gl-weiss); }
.gl-faq .e-n-accordion-item-title { position: relative; padding-right: 44px; }
.gl-faq .e-n-accordion-item-title::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 22px; line-height: 1; color: var(--gl-gruen); }
.gl-faq .e-n-accordion-item[open] > .e-n-accordion-item-title::after { content: "-"; }

/* ---- 8. MDR-Claim-Link im Header ----------------------------------- */
.gl-mdr-claim a { text-decoration: none; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; color: var(--gl-gruen); transition: color .2s ease; }
.gl-mdr-claim a:hover { color: var(--gl-tief); text-decoration: none; }

/* ---- 9. Video-Container: abgerundet, Poster deckend ---------------- */
.gl-video .elementor-video,
.gl-video video { border-radius: 14px; overflow: hidden; background: var(--gl-tief); }

/* ---- 10. Formular: Fokusfarbe und Radius --------------------------- */
.gl-formular .elementor-field-group .elementor-field:focus { border-color: var(--gl-gruen); box-shadow: 0 0 0 3px rgba(1, 85, 49, .15); outline: none; }

/* ---- 11. Bewegung reduzieren (Barrierefreiheit) -------------------- */
@media (prefers-reduced-motion: reduce) {
  .gl-karte, .gl-karte img, .gl-btn .elementor-button,
  .gl-galerie .elementor-gallery-item, .gl-galerie .e-gallery-item { transition: none; }
  .gl-karte:hover, .gl-btn .elementor-button:hover,
  .gl-galerie .elementor-gallery-item:hover, .gl-galerie .e-gallery-item:hover { transform: none; }
  .gl-karte:hover img { transform: none; }
}

/* ---- 12. Links auf dunklem Grund (CW3a, 22.09.2026) ---------------- */
/* Text-Editor-Widgets haben keinen Regler fuer die Linkfarbe. Kopfleiste
   und Fusszeile stehen auf Tiefgruen; dort waere die globale Linkfarbe
   (Primaer Gruen) nicht lesbar. */
.gl-topbar a,
.gl-footer-text a { color: inherit; text-decoration: none; }
.gl-topbar a:hover,
.gl-footer-text a:hover { color: var(--gl-weiss); }

/* ---- 13. Info-Kasten mit Tabelle (Leistungsseiten) ------------------ */
.gl-infokasten table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.gl-infokasten td { padding: 6px 8px; border-bottom: 1px solid var(--gl-linie); vertical-align: top; }
.gl-infokasten td:first-child { color: var(--gl-tief); white-space: nowrap; }
.gl-infokasten tr:last-child td { border-bottom: 0; }

/* ---- 14. Linien-Icons von CD1 (CW3a, 22.09.2026) ------------------- */
/* Elementor faerbt SVG-Icons mit fill: currentColor und ueberschreibt
   damit das Attribut fill="none" der Zeichnung. Bei Kontur-Icons wird
   daraus eine gefuellte Flaeche. Nur Icons mit stroke="currentColor"
   sind betroffen, also genau die CD1-Icons. */
.elementor-icon svg[stroke="currentColor"],
.elementor-icon svg[stroke="currentColor"] *,
.elementor-icon-list-icon svg[stroke="currentColor"],
.elementor-icon-list-icon svg[stroke="currentColor"] * { fill: none !important; }

/* ---- 15. MDR-Claim: Groesse am Textknoten (CW3a, 22.09.2026) ------- */
/* Regel 8 faerbt nur den Link. Die Schriftgroesse sitzt im Textknoten des
   Icon-List-Widgets; ohne diese Regel erbt er 16px und bricht auf dem
   Smartphone dreizeilig um. */
.gl-mdr-claim .elementor-icon-list-text,
.gl-mdr-claim a {
  font-family: "Montserrat", sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .06em;
  white-space: nowrap;
}

/* ---- 16. Bildflaechen ohne Verzerrung (CW3a, 22.09.2026) ----------- */
/* Der Regler "Object Fit" des Bild-Widgets greift nur unter Bedingungen,
   die hier nicht erfuellt sind - ohne ihn wird das Bild auf die feste
   Hoehe gestreckt. Zwei Hilfsklassen, Hoehe im Namen. */
.gl-bild-170 img,
.gl-bild-280 img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.gl-bild-170 img { height: 170px; }
.gl-bild-280 img { height: 280px; }
@media (max-width: 767px) {
  .gl-bild-280 img { height: 220px; }
}

/* ---- 17. FAQ-Accordion (CW3a, 22.09.2026) -------------------------- */
/* Die Gestaltung sitzt vollstaendig in den Reglern des Elementor-Pro-
   Accordions (Abstand 10 px, Radius 10 px, Rahmen Linie, Titel Montserrat
   600/15,5 px, Plus-Minus-Symbol rechts, FAQ-Schema an). Hier bleibt nur,
   was das Widget nicht kann: die Kopfzeile braucht eine Bezugsflaeche,
   damit das Symbol sauber mittig sitzt. */
.gl-faq .e-n-accordion-item-title { position: relative; }

/* ---- 18. Brotkrumen im Kopfbereich hell (CW6, 04.10.2026, Z-51) ----- */
/* SEOPress-Widget sp-breadcrumbs steht in jedem Hero (gl-hero) auf dem
   dunklen Bild. Links Weiss 80 %, beim Darueberfahren Weiss 100 %,
   Trenner (li::after) Weiss 60 %, aktuelle Seite Weiss. */
.gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item { color: rgba(255, 255, 255, 0.6); }
.gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item a { color: rgba(255, 255, 255, 0.8); transition: color 0.2s ease; }
.gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item a:hover,
.gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item a:focus-visible { color: #FFFFFF; }
.gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item.active { color: #FFFFFF; }
/* Abstand zur H1 (CW7, 05.10.2026, Z-57) */
/* .elementor-widget doppelt, weil Elementor mit .e-con .elementor-widget.elementor-widget (0,3,0) auf 0 setzt */
.gl-hero .elementor-widget.elementor-widget-sp-breadcrumbs { margin-bottom: 8px; }
/* Mobil: letzte Ebene ausblenden, sie wiederholt die H1; nur ab drei Ebenen, damit Kontakt, Ratgeber und Medien unveraendert bleiben (CW7, 05.10.2026, Entscheid Marcel) */
@media (max-width: 767px) {
  .gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item.active:nth-child(n+3) { display: none; }
  .gl-hero .elementor-widget-sp-breadcrumbs .breadcrumb .breadcrumb-item:nth-child(n+2):nth-last-child(2)::after { display: none; }
}

/* ---- 19. Kopfleiste und Hauptmenue (Arbeitschat, 06.10.2026) ------ */
/* Kopfleiste: Schriftgroesse wie im Prototyp (13 px statt 17 px). Container mit Klasse gl-topbar. */
.gl-topbar .elementor-icon-list-text,
.gl-topbar .elementor-icon-list-item > a { font-size: 13px; }
/* Hauptmenue Desktop: statt Hintergrundflaeche eine Unterstreichung im CI-Verlauf (Tiefgruen, Laubgruen, Sand) */
.gl-nav .elementor-nav-menu--main .elementor-item { position: relative; background-color: transparent !important; }
.gl-nav .elementor-nav-menu--main .elementor-item::before { display: none !important; }
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item::after {
  content: ""; display: block !important; position: absolute; left: 10px; right: 10px; bottom: 2px; top: auto;
  height: 3px; width: auto; border-radius: 3px; z-index: 1;
  background: linear-gradient(90deg, #015531 0%, #017644 55%, #C2B68E 100%) !important;
  opacity: 0; transform: scaleX(.3); transform-origin: left center;
  transition: opacity .25s ease, transform .25s ease;
}
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:hover::after,
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:focus-visible::after,
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item.highlighted::after,
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item.elementor-item-active::after { opacity: 1; transform: scaleX(1); }
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:hover,
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item.highlighted { color: #015531 !important; }
/* Untermenue Desktop: helle Karte mit runden Ecken, Eintraege mit Flaeche beim Ueberfahren */
.gl-nav .elementor-nav-menu--main .sub-menu {
  background-color: #F7F5EF !important; border: 1px solid #EFE9DC !important; border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(1, 47, 27, .14) !important; padding: 8px !important; min-width: 260px !important;
}
.gl-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item {
  border-radius: 10px; border: 0 !important; padding: 10px 14px !important;
  font-size: 14px !important; font-weight: 500 !important; line-height: 1.4;
  color: #26332B !important; background-color: transparent !important;
  transition: background-color .2s ease, color .2s ease;
}
.gl-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
.gl-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus-visible,
.gl-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted,
.gl-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active {
  background-color: #EFE9DC !important; color: #015531 !important;
}
/* Elternpunkt der aktuellen Seite ebenfalls unterstrichen (z. B. Leistungen auf allen Leistungsseiten) */
.gl-nav .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > .elementor-item::after { opacity: 1; transform: scaleX(1); }
/* Klappmenue Tablet und Handy: gleiche Farben, damit der Text beim Antippen lesbar bleibt */
.gl-nav .elementor-nav-menu--dropdown a:hover,
.gl-nav .elementor-nav-menu--dropdown a:focus-visible,
.gl-nav .elementor-nav-menu--dropdown a.highlighted,
.gl-nav .elementor-nav-menu--dropdown a.elementor-item-active {
  background-color: #EFE9DC !important; color: #015531 !important;
}
/* Kopfleiste Handy (Z-63, Entscheid Marcel 06.10.2026): Adresse ist per Elementor auf dem Handy ausgeblendet (steht im Fuss), Telefon und Mail in einer Zeile, mittig */
@media (max-width: 767px) {
  .gl-topbar .elementor-icon-list-items.elementor-inline-items { flex-wrap: nowrap; justify-content: center; }
  .gl-topbar .elementor-icon-list-text,
  .gl-topbar .elementor-icon-list-item > a { font-size: 12px; }
}
@media (max-width: 359px) {
  .gl-topbar .elementor-icon-list-items.elementor-inline-items { flex-wrap: wrap; }
}

/* ---- 20. Google-Bewertungen auf der Startseite (Arbeitschat, 06.10.2026, Z-11) ---- */
/* WP Review Slider Pro, Vorlage 1 (Stil 1). Sektion mit Klasse gl-reviews. Karte wie im Prototyp:
   weisse Karte mit Rand, Name in der Karte, gleiche Hoehen, Fotos der Bewertungen aus, runde Pfeile in CI. */
.gl-reviews .wprevpro_t1_DIV_1.outerrevdiv{background:#FFFFFF;border:1px solid #E1E5DD;border-radius:14px;padding:22px 24px 20px!important;margin:6px 10px 10px!important;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.gl-reviews .wprevpro_t1_DIV_1.outerrevdiv:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(2,46,23,.10)}
.gl-reviews .wprevpro_t1_DIV_2.indrevdiv{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;flex:1;position:relative;min-height:0!important}
.gl-reviews .wprevpro_t1_DIV_2.indrevdiv::before,.gl-reviews .wprevpro_t1_DIV_2.indrevdiv::after{display:none!important}
.gl-reviews .wprevpro_t1_P_3{font-style:italic;color:#26332B!important;font-size:15px!important;line-height:1.65!important;padding:0 34px 0 0!important;margin:0!important}
.gl-reviews .wprevpro_t1_P_3::before{display:none!important}
.gl-reviews .wprevpro_star_imgs_T1{display:block;margin-bottom:10px}
.gl-reviews .wprevpro_t1_site_logo_a{position:absolute;top:0;right:0}
.gl-reviews .wprevpro_t1_SPAN_5{text-transform:none!important;font-weight:700;font-size:14px!important;color:#26332B!important;margin:14px 0 0!important;padding:0!important;letter-spacing:0!important}
.gl-reviews .slickwprev-arrow{width:42px!important;height:42px!important;min-height:0!important;padding:0!important;border-radius:50%!important;background:#FFFFFF!important;border:1px solid #E1E5DD!important;box-shadow:0 4px 12px rgba(2,46,23,.08)!important;font-size:0!important;line-height:0!important;color:transparent!important;top:50%!important;transform:translateY(-50%)!important;z-index:2}
.gl-reviews .slickwprev-arrow::before{font-size:24px!important;line-height:38px!important;color:#015531!important;opacity:1!important;font-family:Arial,sans-serif!important}
.gl-reviews .slickwprev-prev::before{content:"\2039"!important}.gl-reviews .slickwprev-next::before{content:"\203A"!important}
.gl-reviews .slickwprev-arrow:hover{background:#015531!important;border-color:#015531!important}.gl-reviews .slickwprev-arrow:hover::before{color:#FFFFFF!important}
.gl-reviews .slickwprev-dots li button{background:#E1E5DD!important}.gl-reviews .slickwprev-dots li.slickwprev-active button{background:#015531!important}
.gl-reviews .wprev_media_div{display:none!important}
.gl-reviews .slickwprev-track{display:flex!important}
.gl-reviews .slickwprev-slide{height:auto!important;display:flex!important}
.gl-reviews .slickwprev-slide > div{display:flex;width:100%}
.gl-reviews .slickwprev-slide .outerrevdiv{width:100%}
.gl-reviews .slickwprev-dots li button{width:10px!important;height:10px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;font-size:0!important}
.gl-reviews .slickwprev-dots li button::before{display:none!important}

/* ---- 9. Feinschliff Revision 1, 16.10.2026 (Arbeitschat) ------------ */
/* Hero: Luft zwischen Button-Zeile und Badge-Zeile */
.gl-hero .e-con-inner > .e-con + .e-con { margin-top: 18px; }
/* FAQ-Accordion: Abstand zwischen Frage und Antwort */
.elementor .e-n-accordion-item > .e-con.e-child { padding-top: 14px !important; padding-bottom: 14px !important; }
/* Loop-Grid: mehr Luft unter der Überschrift (Ratgeber, Wir im MDR) */
.elementor-widget-heading + .elementor-widget-loop-grid { margin-top: 22px; }
/* Seitennummerierung (Wir im MDR): zentriert, als Pillen */
.elementor-widget-loop-grid .elementor-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 36px; }
.elementor-widget-loop-grid .elementor-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 16px; border: 1px solid #015531; border-radius: 999px; color: #015531; font-weight: 600; text-decoration: none; transition: background .2s, color .2s, box-shadow .2s; }
.elementor-widget-loop-grid .elementor-pagination a.page-numbers:hover, .elementor-widget-loop-grid .elementor-pagination a.page-numbers:focus-visible { background: #015531; color: #fff; box-shadow: 0 6px 16px rgba(1,85,49,.25); }
.elementor-widget-loop-grid .elementor-pagination .page-numbers.current { background: #015531; color: #fff; }
.elementor-widget-loop-grid .elementor-pagination span.page-numbers.prev, .elementor-widget-loop-grid .elementor-pagination span.page-numbers.next { opacity: .4; border-color: #9aa8a0; color: #4a5a52; }

/* Header mobil: Badge "bekannt aus dem MDR" lief unter den Button */
@media (max-width: 767px) {
  .elementor-location-header .elementor-element-14a217b { flex-shrink: 0; }
  .elementor-location-header .elementor-element-089874d .elementor-icon-list-icon { display: none; }
  .elementor-location-header .elementor-element-089874d .elementor-icon-list-text { white-space: nowrap; }
  .elementor-location-header .elementor-element-7a1bf3c .elementor-button { padding: 10px 14px; }
}

/* Infokasten-Tabellen: etwas größer und luftiger (16.10.2026) */
.gl-infokasten table { font-size: 15px; line-height: 1.45; }
.gl-infokasten td { padding: 8px 10px; }

/* Footer Desktop: Kontaktspalte breiter, damit die E-Mail-Adresse nicht umbricht (16.10.2026) */
@media (min-width: 1025px) {
  .elementor-location-footer .elementor-element-e2be60b { width: 262px; }
  .elementor-location-footer .elementor-element-fe7f571 { width: 162px; }
  .elementor-location-footer .elementor-element-e2be60b a[href^="mailto:"] { white-space: nowrap; }
}

/* 404-Seite: Themenliste als Pills, Hinweiszeile (16.10.2026) */
.gl-404-hinweis p { color: var(--gl-muted); font-size: 16px; }
.gl-404-hinweis a { color: var(--gl-gruen); font-weight: 600; text-decoration: none; }
.gl-404-linkliste { max-width: 860px; }
.gl-404-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.gl-404-links li { margin: 0; padding: 0; }
.gl-404-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--gl-gruen); border-radius: 999px; background: var(--gl-weiss); color: var(--gl-gruen); font-weight: 600; text-decoration: none; transition: background .2s, color .2s, box-shadow .2s; }
.gl-404-links a:hover, .gl-404-links a:focus-visible { background: var(--gl-gruen); color: var(--gl-weiss); box-shadow: 0 6px 16px rgba(var(--gl-schatten-rgb), .25); }
.gl-404-trost { color: var(--gl-muted); font-size: 16px; margin: 6px 0 0; }
.gl-404-trost a { color: var(--gl-gruen); font-weight: 600; }

/* ---- 10. Kacheln Revision 2: Bild über die ganze Karte, Text auf Verlauf (Lydias Idee 4) ---- */
.gl-kachel { position: relative; border-radius: 14px; overflow: hidden; isolation: isolate; color: var(--gl-weiss); transition: transform .25s ease, box-shadow .25s ease; }
.gl-kachel:hover, .gl-kachel:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(var(--gl-schatten-rgb), .24); }
.gl-kachel::before { transition: opacity .35s ease; }
.gl-kachel:hover::before { opacity: 1; }
.gl-kachel > .gl-kachel-kicker { margin-bottom: auto; }
.gl-kachel .gl-kachel-kicker .elementor-heading-title { display: inline-block; background: rgba(255,255,255,.92); color: var(--gl-gruen); border-radius: 999px; padding: 4px 11px; font-size: 10.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.gl-kachel .elementor-icon svg { color: var(--gl-weiss); }
.gl-kachel .elementor-icon { color: var(--gl-weiss); }
.gl-kachel .elementor-heading-title, .gl-kachel .elementor-widget-text-editor, .gl-kachel .elementor-widget-text-editor p { color: var(--gl-weiss); }
.gl-kachel .gl-kachel-text .elementor-widget-container { opacity: .9; }
.gl-kachel .gl-kachel-cta .elementor-heading-title { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.gl-kachel .gl-kachel-cta .elementor-heading-title::after { content: "\2192"; transition: transform .25s ease; }
.gl-kachel:hover .gl-kachel-cta .elementor-heading-title::after { transform: translateX(5px); }
.gl-kachel .gl-kachel-liste .elementor-icon-list-item a, .gl-kachel .gl-kachel-liste .elementor-icon-list-text { color: var(--gl-weiss); }
.gl-kachel .gl-kachel-liste .elementor-icon-list-item a:hover .elementor-icon-list-text { text-decoration: underline; }
.gl-kachel .gl-kachel-liste .elementor-icon-list-icon svg { fill: var(--gl-weiss); }
.gl-kachel .gl-kachel-titel a { color: var(--gl-weiss); text-decoration: none; }
.gl-kachel .gl-kachel-titel a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.gl-kachel-breit { min-height: 300px; }
/* Loop-Kacheln (Ratgeber): Bild-Widget als Hintergrund, Verlauf per CSS */
.gl-kachel > .gl-kachel-bg { position: absolute; inset: 0; margin: 0; z-index: 0; }
.gl-kachel > .gl-kachel-bg .elementor-widget-container, .gl-kachel > .gl-kachel-bg img { width: 100%; height: 100%; display: block; }
.gl-kachel > .gl-kachel-bg img { object-fit: cover; transition: transform .5s ease; }
.gl-kachel:hover > .gl-kachel-bg img { transform: scale(1.04); }
.gl-kachel > .gl-kachel-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,46,23,0) 25%, rgba(2,46,23,.9) 100%); }
.gl-kachel > .elementor-widget:not(.gl-kachel-bg) { position: relative; z-index: 1; }
.gl-kachel .gl-clamp2 .elementor-widget-container { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gl-kachel .gl-clamp2 p { margin: 0; }
.gl-kachel .gl-kachel-cta a { color: var(--gl-weiss); }
.gl-kachel .gl-kachel-liste .elementor-icon-list-item { padding: 0; }
.gl-kachel .gl-kachel-liste .elementor-icon-list-text::before { content: "\203A"; display: inline-block; width: 12px; font-weight: 700; opacity: .8; }
.gl-kachel .gl-kachel-liste .elementor-icon-list-item a:hover .elementor-icon-list-text { text-decoration: none; }
.gl-kachel .gl-kachel-liste .elementor-icon-list-item a:hover .elementor-icon-list-text::before { transform: translateX(3px); }
.gl-kachel .gl-kachel-liste .elementor-icon-list-text::before { transition: transform .2s ease; }
.gl-kachel .gl-kachel-liste .elementor-icon-list-item a:hover .elementor-icon-list-text { text-decoration: underline; text-underline-offset: 3px; }
.e-con.gl-kachel-breit > .elementor-element.elementor-widget { max-width: 56% !important; }
@media (max-width: 767px) { .e-con.gl-kachel-breit > .elementor-element.elementor-widget { max-width: 100% !important; } .e-con.gl-kachel-breit::before { background-image: linear-gradient(180deg, rgba(2,46,23,0) 15%, rgba(2,46,23,.94) 100%) !important; } }

@media (max-width: 767px) { .gl-kachel { min-height: 340px; } .gl-kachel-breit { min-height: 300px; } }

/* ---- 11. Hinweisbalken Fällsaison (Startseite, 1. Oktober bis Ende Februar, per Skript eingeblendet) ---- */
.gl-saison { display: none; }
.gl-saison.gl-saison-aktiv { display: flex; }
.gl-saison .gl-saison-script { display: none; }
.gl-saison > .elementor-widget-text-editor { width: auto; }
.gl-saison .elementor-widget-text-editor p { margin: 0; color: var(--gl-weiss); font-size: 15px; line-height: 1.4; }
.gl-saison .elementor-widget-text-editor strong { color: var(--gl-weiss); }
.gl-saison .elementor-button { background: var(--gl-weiss); color: var(--gl-gruen); border-radius: 999px; padding: 8px 16px; font-size: 14px; font-weight: 600; }
.gl-saison .elementor-button:hover { background: var(--gl-creme); color: var(--gl-gruen); }
/* Foto Marcus und Lydia auf dem Rasentraktor: Ausschnitt mit ganzem Kopf (Revision 2) */
.gl-foto-kopf img { object-position: 50% 20%; }
/* Referenzen Revision 2: Vorher-Nachher kompakt, Kurzfilme klein */
.gl-vn-klein .gl-va { aspect-ratio: 4 / 3; }
.gl-vn-reihe .elementor-widget-text-editor p { margin: 0; }
.gl-kurzfilm .elementor-custom-embed-image-overlay { border-radius: 10px; overflow: hidden; }
.gl-kurzfilm .elementor-custom-embed-play i { font-size: 48px; }

/* ---- 12. Rechtstexte (Datenschutzerklärung): Überschriften im Fließtext kleiner ---- */
.elementor-element-08a043c h2 { font-size: 26px; line-height: 1.3; margin: 1.6em 0 0.5em; }
.elementor-element-08a043c h3 { font-size: 20px; line-height: 1.35; margin: 1.3em 0 0.4em; }
.elementor-element-08a043c h4 { font-size: 17px; line-height: 1.4; margin: 1.1em 0 0.3em; }
.elementor-element-08a043c a { word-break: break-word; }
.elementor-element-08a043c .elementor-widget-container > h2:first-child { margin-top: 0; }
@media (max-width: 600px) {
  .elementor-element-08a043c h2 { font-size: 22px; }
  .elementor-element-08a043c h3 { font-size: 18px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.gruenland-landschaftsbau.de/wp-content/uploads/2026/09/montserrat-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.gruenland-landschaftsbau.de/wp-content/uploads/2026/09/montserrat-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.gruenland-landschaftsbau.de/wp-content/uploads/2026/09/roboto-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.gruenland-landschaftsbau.de/wp-content/uploads/2026/09/roboto-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.gruenland-landschaftsbau.de/wp-content/uploads/2026/09/roboto-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */