/*
Theme Name: Glanzschmiede
Description: Glanzschmiede Child Theme from Enfold
Version: 1.0
Author: Glanzschmiede
Author URI: https://www.gebaeudereinigung-glanzschmiede.de/
Template: enfold
*/


/*Add your own styles here:*/
/* ==========================================================================
   Gartenbewässerung – Seite 452
   Scope: .page-id-452 #main > .avia-section
   Die Seiten-Sektionen sind direkte Kinder von #main, die Footer-Page liegt in
   #footer-page → Header, Titelleiste, Footer und Footer-Page bleiben unberührt.
   Keine Custom-Klassen nötig (Enfold rendert custom_class an Sektionen nicht zuverlässig).
   Keine neuen Schriften, nur Theme-Font. Farben oben zentral anpassbar.
   ========================================================================== */

.page-id-452 #main > .avia-section {
  --gb-accent:        #2e7d32;   /* Hauptfarbe – auf Theme-/Logo-Farbe setzen */
  --gb-accent-dark:   #1b5e20;
  --gb-accent-soft:   #e8f3ea;   /* helle Fläche für Icons/Chips */
  --gb-water:         #1f7ab8;   /* Akzent 2 (Wasser) für Gradients */
  --gb-ink:           #1f2a24;
  --gb-ink-soft:      #5b6a62;
  --gb-surface:       #ffffff;
  --gb-surface-alt:   #f5f8f6;
  --gb-line:          #e3e9e5;
  --gb-radius:        18px;
  --gb-radius-sm:     12px;
  --gb-shadow:        0 10px 30px rgba(20, 40, 30, .08);
  --gb-shadow-hover:  0 18px 40px rgba(20, 40, 30, .14);
  --gb-ease:          cubic-bezier(.2, .7, .2, 1);
}

/* --------------------------------------------------------------------------
   Grundlayout & Rhythmus
   -------------------------------------------------------------------------- */
.page-id-452 #main > .avia-section.avia-section-large {
  padding-top: clamp(56px, 8vw, 110px);
  padding-bottom: clamp(56px, 8vw, 110px);
}
.page-id-452 #main > .avia-section.main_color      { background: var(--gb-surface); }
.page-id-452 #main > .avia-section.alternate_color { background: var(--gb-surface-alt); }
.page-id-452 #main > .avia-section .container { max-width: 1240px; }

/* Anker-Sprungmarken unter fixem Header */
.page-id-452 #main > .avia-section[id] { scroll-margin-top: 110px; }

/* Textrhythmus */
.page-id-452 #main > .avia-section .avia_textblock p {
  color: var(--gb-ink-soft);
  font-size: 1.05rem;
  line-height: 1.75;
  margin-bottom: 1.1em;
}
.page-id-452 #main > .avia-section .avia_textblock p strong { color: var(--gb-ink); }
.page-id-452 #main > .avia-section .avia_textblock h3 {
  font-size: 1.15rem;
  letter-spacing: .01em;
  margin-bottom: .8em;
  color: var(--gb-ink);
}
.page-id-452 #main > .avia-section .av-text-center { text-align: center; }
.page-id-452 #main > .avia-section .av-text-center p { max-width: 760px; margin-left: auto; margin-right: auto; }

/* Zweispaltiger Text soll nicht zu breit laufen */
.page-id-452 #main > .avia-section .av_one_half .avia_textblock { max-width: 560px; }

/* --------------------------------------------------------------------------
   Headlines (av_heading)
   -------------------------------------------------------------------------- */
.page-id-452 #main > .avia-section .av-special-heading .av-special-heading-tag {
  color: var(--gb-ink);
  letter-spacing: -.02em;
  line-height: 1.15;
}
.page-id-452 #main > .avia-section .av-special-heading h1.av-special-heading-tag {
  font-size: clamp(2rem, 4.2vw, 3.1rem);
}
.page-id-452 #main > .avia-section .av-special-heading h2.av-special-heading-tag {
  font-size: clamp(1.6rem, 3vw, 2.25rem);
}
.page-id-452 #main > .avia-section .av-special-heading .av-subheading {
  color: var(--gb-ink-soft);
  font-size: 1.1rem;
  line-height: 1.6;
  margin-top: .6em;
}
.page-id-452 #main > .avia-section .av-special-heading .av-subheading p { margin: 0; }

/* Zentrierte Section-Headlines: Enfold-Linie ersetzen durch kurzen Akzentstrich */
.page-id-452 #main > .avia-section .av-special-heading.modern-centered { margin-bottom: 8px; }
.page-id-452 #main > .avia-section .av-special-heading.modern-centered .av-subheading { max-width: 720px; margin-left: auto; margin-right: auto; }
.page-id-452 #main > .avia-section .av-special-heading.modern-centered .av-special-heading-tag::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  border-radius: 4px;
  margin: 18px auto 0;
  background: linear-gradient(90deg, var(--gb-accent), var(--gb-water));
}
/* Unsichtbare Trenner unter Headlines etwas einkürzen */
.page-id-452 #main > .avia-section .hr-invisible { height: 32px !important; }

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
.page-id-452 #main > .avia-section .avia-button {
  border-radius: 999px;
  padding: 16px 30px;
  font-weight: 600;
  letter-spacing: .01em;
  border: 0;
  background: var(--gb-accent);
  color: #fff;
  box-shadow: 0 8px 20px rgba(46, 125, 50, .28);
  transition: transform .25s var(--gb-ease), box-shadow .25s var(--gb-ease), background .25s;
}
.page-id-452 #main > .avia-section .avia-button:hover {
  background: var(--gb-accent-dark);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(46, 125, 50, .34);
  color: #fff;
}
.page-id-452 #main > .avia-section .avia-button .avia_button_icon { margin-left: .6em; }
.page-id-452 #main > .avia-section .avia-button.avia-size-x-large { padding: 20px 40px; font-size: 1.05rem; }

/* --------------------------------------------------------------------------
   Bilder
   -------------------------------------------------------------------------- */
.page-id-452 #main > .avia-section .avia-image-container {
  border-radius: var(--gb-radius);
  overflow: hidden;
  box-shadow: var(--gb-shadow);
}
.page-id-452 #main > .avia-section .avia-image-container img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--gb-radius);
  transition: transform .8s var(--gb-ease);
}
.page-id-452 #main > .avia-section .avia-image-container:hover img { transform: scale(1.03); }

/* --------------------------------------------------------------------------
   Hero – Video-Hintergrund (Enfold-Section-Video) + dunkles Overlay, Text weiß
   -------------------------------------------------------------------------- */
.page-id-452 #main > #hero {
  position: relative;
  overflow: hidden;
  min-height: 64vh;
  display: flex;
  align-items: center;
  padding-top: clamp(48px, 6vw, 80px);
  padding-bottom: clamp(48px, 6vw, 80px);
}
.page-id-452 #main > #hero .container {
  position: relative;
  z-index: 2;
  width: 100%;
}
/* Enfold berechnet die Videogröße per JS aus dem Seitenverhältnis – wächst die
   Sektion nachträglich (Fonts, Bild), bleibt unten ein schwarzer Rest.
   Deshalb: gesamte Video-Kette per CSS auf die Sektion spannen, object-fit: cover. */
.page-id-452 #main > #hero .avia-slideshow,
.page-id-452 #main > #hero .avia-slideshow > ul,
.page-id-452 #main > #hero .avia-slideshow li,
.page-id-452 #main > #hero .avia-slide-wrap,
.page-id-452 #main > #hero .mejs-container,
.page-id-452 #main > #hero .mejs-inner,
.page-id-452 #main > #hero .mejs-mediaelement,
.page-id-452 #main > #hero video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
  object-fit: cover;
}
.page-id-452 #main > #hero .avia-slideshow { z-index: 0; background: #0f1d14; }
/* Enfolds Klick-Overlay (schwarz) brauchen wir nicht */
.page-id-452 #main > #hero .av-click-overlay { display: none !important; }
/* Overlay: Enfold packt es in einen relativ positionierten Wrapper, der nur den
   Content-Bereich umfasst → Wrapper auf static, Overlay bezieht sich auf die Sektion */
.page-id-452 #main > #hero .av-section-color-overlay-wrap {
  position: static !important;
  width: 100%;
}
.page-id-452 #main > #hero .av-section-color-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: linear-gradient(100deg, rgba(10, 22, 15, .82) 0%, rgba(10, 22, 15, .62) 50%, rgba(10, 22, 15, .35) 100%) !important;
  opacity: 1 !important;
}
/* Text weiß */
.page-id-452 #main > #hero .av-special-heading .av-special-heading-tag,
.page-id-452 #main > #hero .av-special-heading .av-subheading,
.page-id-452 #main > #hero .avia_textblock p,
.page-id-452 #main > #hero .avia_textblock p strong {
  color: #fff;
}
.page-id-452 #main > #hero .av-special-heading .av-special-heading-tag {
  text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}
.page-id-452 #main > #hero .av-special-heading .av-subheading { opacity: .9; }
.page-id-452 #main > #hero .avia_textblock p { font-size: 1.12rem; opacity: .92; }
/* Button im Hero: weiß auf dunkel */
.page-id-452 #main > #hero .avia-button {
  background: #fff;
  color: var(--gb-accent-dark);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
}
.page-id-452 #main > #hero .avia-button:hover {
  background: #eef5ef;
  color: var(--gb-accent-dark);
}
.page-id-452 #main > #hero .avia-button-wrap { margin-top: 10px; }
/* Bildkarte rechts: heller Rahmen, damit sie sich vom Video absetzt */
.page-id-452 #main > #hero .avia-image-container {
  border-radius: 28px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, .35);
  outline: 1px solid rgba(255, 255, 255, .25);
  outline-offset: -1px;
}

/* --------------------------------------------------------------------------
   Icon-Boxen (Vorteile) → Cards
   Enfold legt bei iconbox_top Rahmen + Padding auf .iconbox_content und
   positioniert das Icon absolut nach oben – das wird hier komplett zurückgesetzt.
   -------------------------------------------------------------------------- */
.page-id-452 #main > .avia-section .iconbox {
  position: relative;
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--gb-radius);
  padding: 26px 24px 24px;
  margin: 0;
  height: 100%;
  box-shadow: 0 2px 10px rgba(20, 40, 30, .04);
  transition: transform .3s var(--gb-ease), box-shadow .3s var(--gb-ease), border-color .3s;
}
.page-id-452 #main > .avia-section .iconbox:hover {
  transform: translateY(-6px);
  box-shadow: var(--gb-shadow-hover);
  border-color: transparent;
}
/* Enfold-Inner-Box neutralisieren */
.page-id-452 #main > .avia-section .iconbox.iconbox_top .iconbox_content,
.page-id-452 #main > .avia-section .iconbox .iconbox_content {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.page-id-452 #main > .avia-section .iconbox .entry-content-header {
  display: block;
  margin: 0;
  padding: 0;
}
/* Icon: Häkchen-Kachel, im Fluss statt absolut */
.page-id-452 #main > .avia-section .iconbox.iconbox_top .iconbox_icon,
.page-id-452 #main > .avia-section .iconbox .iconbox_icon {
  position: static;
  top: auto;
  left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 12px;
  background: var(--gb-accent);
  color: #fff;
  border: 0;
  margin: 0 0 16px;
  padding: 0;
  font-size: 20px;
  box-shadow: 0 4px 10px rgba(46, 125, 50, .25);
  text-shadow: none;
}
.page-id-452 #main > .avia-section .iconbox .iconbox_icon::before { color: inherit; line-height: inherit; }
.page-id-452 #main > .avia-section .iconbox .iconbox_content_title {
  font-size: 1.1rem;
  color: var(--gb-ink);
  line-height: 1.35;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  overflow-wrap: anywhere;
  hyphens: auto;
  -webkit-hyphens: auto;
}
.page-id-452 #main > .avia-section .iconbox .iconbox_content_container {
  padding: 0;
  margin: 0;
}
.page-id-452 #main > .avia-section .iconbox .iconbox_content_container,
.page-id-452 #main > .avia-section .iconbox .iconbox_content_container p {
  color: var(--gb-ink-soft);
  font-size: .98rem;
  line-height: 1.65;
}
.page-id-452 #main > .avia-section .iconbox .iconbox_content_container p { margin: 0; }
.page-id-452 #main > .avia-section .iconbox .iconbox_content_container p + p { margin-top: .6em; }

/* Vorteile: Enfold-Float-Spalten durch CSS-Grid ersetzen
   → gleich hohe Cards, keine gequetschten Spalten */
.page-id-452 #vorteile .entry-content-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.page-id-452 #vorteile .entry-content-wrapper::after { display: none; }
.page-id-452 #vorteile .entry-content-wrapper > :not(.flex_column) { grid-column: 1 / -1; }
.page-id-452 #vorteile .flex_column {
  float: none;
  width: 100% !important;
  margin: 0 !important;
  display: flex;
}
.page-id-452 #vorteile .iconbox { width: 100%; }

/* --------------------------------------------------------------------------
   Warum Glanzschmiede → Feature-Liste (Icon links, Titel + Text rechts)
   -------------------------------------------------------------------------- */
.page-id-452 #warum .av_one_half.first { padding-right: 40px; }
.page-id-452 #warum .avia_textblock { max-width: 520px; }
.page-id-452 #warum .avia_textblock em { color: var(--gb-ink); }

.page-id-452 #warum .gb-feature-list,
.page-id-452 #warum .avia-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-id-452 #warum .avia-icon-list li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  min-height: 0;
  padding: 20px 22px;
  margin: 0 0 12px;
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--gb-radius-sm);
  transition: transform .25s var(--gb-ease), box-shadow .25s var(--gb-ease), border-color .25s;
}
.page-id-452 #warum .avia-icon-list li:hover {
  transform: translateX(4px);
  box-shadow: var(--gb-shadow);
  border-color: transparent;
}
/* Enfold-Timeline-Linie deaktivieren */
.page-id-452 #warum .avia-icon-list li::before,
.page-id-452 #warum .avia-icon-list .iconlist-timeline { display: none; }

.page-id-452 #warum .avia-icon-list .iconlist_icon {
  position: static;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 12px;
  background: var(--gb-accent-soft);
  color: var(--gb-accent);
  font-size: 20px;
  text-align: center;
  box-shadow: none;
  border: 0;
  margin: 0;
}
.page-id-452 #warum .avia-icon-list .iconlist_icon::before,
.page-id-452 #warum .avia-icon-list .iconlist_icon .av-icon-char { color: inherit; line-height: inherit; }
.page-id-452 #warum .avia-icon-list .iconlist_content_wrap {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  margin: 0;
}
.page-id-452 #warum .avia-icon-list .iconlist_title {
  font-size: 1.05rem;
  color: var(--gb-ink);
  margin: 2px 0 4px;
  line-height: 1.35;
  hyphens: auto;
  -webkit-hyphens: auto;
}
.page-id-452 #warum .avia-icon-list .iconlist_content {
  color: var(--gb-ink-soft);
  font-size: .96rem;
  line-height: 1.6;
}
.page-id-452 #warum .avia-icon-list .iconlist_content p { margin: 0; }

/* --------------------------------------------------------------------------
   Icon-Listen (Planung, Kosten) → Check-Liste, groß und luftig
   Enfold nennt die Klasse je nach Version av-iconlist-small ODER avia-icon-list-small,
   deshalb zusätzlich über die Section-IDs abgesichert.
   -------------------------------------------------------------------------- */
.page-id-452 #planung .avia-icon-list,
.page-id-452 #kosten .avia-icon-list,
.page-id-452 #main > .avia-section .avia-icon-list.av-iconlist-small,
.page-id-452 #main > .avia-section .avia-icon-list.avia-icon-list-small {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-id-452 #planung .avia-icon-list li,
.page-id-452 #kosten .avia-icon-list li,
.page-id-452 #main > .avia-section .avia-icon-list.av-iconlist-small li,
.page-id-452 #main > .avia-section .avia-icon-list.avia-icon-list-small li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--gb-radius-sm);
  padding: 16px 20px;
  margin: 0 0 12px;
  min-height: 0;
  box-shadow: 0 2px 8px rgba(20, 40, 30, .03);
  transition: border-color .25s, transform .25s var(--gb-ease), box-shadow .25s var(--gb-ease);
}
.page-id-452 #planung .avia-icon-list li:last-child,
.page-id-452 #kosten .avia-icon-list li:last-child { margin-bottom: 0; }
.page-id-452 #planung .avia-icon-list li:hover,
.page-id-452 #kosten .avia-icon-list li:hover {
  border-color: var(--gb-accent);
  transform: translateX(4px);
  box-shadow: var(--gb-shadow);
}
/* Enfold-Timeline-Linie und Pseudo-Elemente komplett weg */
.page-id-452 #planung .avia-icon-list li::before,
.page-id-452 #planung .avia-icon-list li::after,
.page-id-452 #planung .avia-icon-list .iconlist-timeline,
.page-id-452 #kosten .avia-icon-list li::before,
.page-id-452 #kosten .avia-icon-list li::after,
.page-id-452 #kosten .avia-icon-list .iconlist-timeline { display: none; }

/* Icon-Kachel: alle Enfold-Defaults (Kreis, Inset-Shadow, Absolute-Position) überschreiben */
.page-id-452 #planung .avia-icon-list .iconlist_icon,
.page-id-452 #kosten .avia-icon-list .iconlist_icon,
.page-id-452 #main > .avia-section .avia-icon-list.av-iconlist-small .iconlist_icon,
.page-id-452 #main > .avia-section .avia-icon-list.avia-icon-list-small .iconlist_icon {
  position: static;
  top: auto;
  left: auto;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 10px;
  background: var(--gb-accent);
  color: #fff;
  text-align: center;
  font-size: 17px;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: 0 4px 10px rgba(46, 125, 50, .25);
  text-shadow: none;
}
.page-id-452 #planung .avia-icon-list .iconlist_icon::before,
.page-id-452 #kosten .avia-icon-list .iconlist_icon::before,
.page-id-452 #planung .avia-icon-list .iconlist_icon .av-icon-char,
.page-id-452 #kosten .avia-icon-list .iconlist_icon .av-icon-char {
  color: inherit;
  line-height: inherit;
  display: block;
}
.page-id-452 #planung .avia-icon-list .iconlist_content_wrap,
.page-id-452 #kosten .avia-icon-list .iconlist_content_wrap,
.page-id-452 #main > .avia-section .avia-icon-list.av-iconlist-small .iconlist_content_wrap,
.page-id-452 #main > .avia-section .avia-icon-list.avia-icon-list-small .iconlist_content_wrap {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  margin: 0;
  min-height: 0;
}
.page-id-452 #planung .avia-icon-list .iconlist_title,
.page-id-452 #kosten .avia-icon-list .iconlist_title,
.page-id-452 #main > .avia-section .avia-icon-list.av-iconlist-small .iconlist_title,
.page-id-452 #main > .avia-section .avia-icon-list.avia-icon-list-small .iconlist_title {
  color: var(--gb-ink);
  font-weight: 600;
  font-size: 1.08rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  hyphens: auto;
  -webkit-hyphens: auto;
}
.page-id-452 #planung .avia-icon-list .iconlist_content,
.page-id-452 #kosten .avia-icon-list .iconlist_content { display: none; } /* leere Content-Container weg */

/* Zwischenüberschrift über den Listen */
.page-id-452 #planung .avia_textblock h3,
.page-id-452 #kosten .avia_textblock h3 {
  font-size: 1.25rem;
  margin-bottom: 18px;
}

/* --------------------------------------------------------------------------
   Ablauf (große Icon-Liste) → Timeline mit Nummern
   -------------------------------------------------------------------------- */
.page-id-452 #ablauf .avia-icon-list {
  max-width: 820px;
  margin: 0 auto;
  counter-reset: gb-step;
}
.page-id-452 #ablauf .avia-icon-list li {
  position: relative;
  padding-bottom: 36px;
}
/* Enfold-Icon ausblenden, Nummer statt Icon */
.page-id-452 #ablauf .avia-icon-list .iconlist_icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  background: var(--gb-accent);
  color: #fff;
  box-shadow: 0 8px 20px rgba(46, 125, 50, .3);
  text-align: center;
  font-size: 0;            /* Icon-Glyph verstecken */
  border: 4px solid var(--gb-surface-alt);
}
.page-id-452 #ablauf .avia-icon-list .iconlist_icon::before,
.page-id-452 #ablauf .avia-icon-list .iconlist_icon .av-icon-char { display: none; }
.page-id-452 #ablauf .avia-icon-list .iconlist_icon::after {
  counter-increment: gb-step;
  content: counter(gb-step);
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
}
/* Verbindungslinie */
.page-id-452 #ablauf .avia-icon-list .iconlist-timeline,
.page-id-452 #ablauf .avia-icon-list li::before {
  border-color: var(--gb-line);
}
.page-id-452 #ablauf .avia-icon-list .iconlist_content_wrap {
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--gb-radius);
  padding: 22px 26px;
  margin-left: 12px;
  box-shadow: 0 2px 10px rgba(20, 40, 30, .04);
}
.page-id-452 #ablauf .avia-icon-list .iconlist_title {
  font-size: 1.15rem;
  color: var(--gb-ink);
  margin-bottom: 6px;
}
.page-id-452 #ablauf .avia-icon-list .iconlist_content {
  color: var(--gb-ink-soft);
  line-height: 1.7;
}

/* --------------------------------------------------------------------------
   Highlight-Sections (Nachrüsten #nachruesten, Abschluss-CTA #kontakt-cta)
   -------------------------------------------------------------------------- */
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--gb-accent-dark) 0%, var(--gb-accent) 55%, var(--gb-water) 130%);
}
.page-id-452 #main > :is(#nachruesten, #kontakt-cta)::after {
  content: "";
  position: absolute;
  inset: auto -10% -40% auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  pointer-events: none;
}
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .container { position: relative; z-index: 1; }
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .av-special-heading-tag,
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .av-subheading,
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia_textblock p,
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia_textblock p strong,
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia_textblock em,
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia_textblock h3,
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .av-special-heading .av-special-heading-tag {
  color: #fff;
}
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia_textblock p { opacity: .92; }
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .av-special-heading-tag::after {
  background: rgba(255, 255, 255, .7);
}
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia-button {
  background: #fff;
  color: var(--gb-accent-dark);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.page-id-452 #main > :is(#nachruesten, #kontakt-cta) .avia-button:hover {
  background: #f3f7f4;
  color: var(--gb-accent-dark);
}
.page-id-452 #main > #kontakt-cta .avia_textblock:last-child p strong {
  font-size: .8rem;
  letter-spacing: .12em;
  opacity: .8;
}

/* --------------------------------------------------------------------------
   FAQ (Toggle)
   -------------------------------------------------------------------------- */
.page-id-452 #main > .avia-section .togglecontainer {
  max-width: 860px;
  margin: 0 auto;
}
.page-id-452 #main > .avia-section .single_toggle {
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--gb-radius-sm);
  margin-bottom: 12px;
  overflow: hidden;
  transition: box-shadow .25s var(--gb-ease), border-color .25s;
}
.page-id-452 #main > .avia-section .single_toggle:hover { border-color: #cfd9d3; }
.page-id-452 #main > .avia-section .single_toggle.active,
.page-id-452 #main > .avia-section .single_toggle:has(.activeTitle) {
  box-shadow: var(--gb-shadow);
  border-color: transparent;
}
.page-id-452 #main > .avia-section .toggler {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 18px 56px 18px 22px;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--gb-ink);
  line-height: 1.4;
}
.page-id-452 #main > .avia-section .toggler:hover { background: var(--gb-surface-alt); }
.page-id-452 #main > .avia-section .toggler.activeTitle { color: var(--gb-accent); }
/* Plus/Minus rechts – schlicht, kein Kreis */
.page-id-452 #main > .avia-section .toggler .toggle_icon {
  left: auto;
  right: 22px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  transition: transform .3s var(--gb-ease);
}
.page-id-452 #main > .avia-section .toggler .toggle_icon .hor_icon,
.page-id-452 #main > .avia-section .toggler .toggle_icon .vert_icon {
  position: absolute;
  background: var(--gb-ink);
  border: 0;
  border-radius: 2px;
  transition: opacity .2s, background .2s;
}
.page-id-452 #main > .avia-section .toggler .toggle_icon .hor_icon  { left: 0; top: 7px; width: 16px; height: 2px; }
.page-id-452 #main > .avia-section .toggler .toggle_icon .vert_icon { left: 7px; top: 0; width: 2px; height: 16px; }
.page-id-452 #main > .avia-section .toggler.activeTitle .toggle_icon .hor_icon,
.page-id-452 #main > .avia-section .toggler.activeTitle .toggle_icon .vert_icon { background: var(--gb-accent); }
.page-id-452 #main > .avia-section .toggler.activeTitle .toggle_icon .vert_icon { opacity: 0; }
.page-id-452 #main > .avia-section .toggler.activeTitle .toggle_icon { transform: translateY(-50%) rotate(90deg); }
.page-id-452 #main > .avia-section .toggle_wrap .toggle_content {
  border: 0;
  padding: 0 22px 22px;
  color: var(--gb-ink-soft);
  line-height: 1.7;
  font-size: 1rem;
}

/* --------------------------------------------------------------------------
   Galerie / Slideshow
   -------------------------------------------------------------------------- */
.page-id-452 #galerie .avia-slideshow {
  border-radius: var(--gb-radius);
  overflow: hidden;
  box-shadow: var(--gb-shadow);
}
.page-id-452 #galerie .avia-slideshow-arrows a {
  border-radius: 50%;
  background: rgba(255, 255, 255, .85);
  color: var(--gb-ink);
}
.page-id-452 #galerie .avia-slideshow-dots a { background: rgba(255,255,255,.5); }
.page-id-452 #galerie .avia-slideshow-dots a.active { background: #fff; }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 989px) {
  /* Tablet: Vorteile 2-spaltig */
  .page-id-452 #vorteile .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .page-id-452 #warum .av_one_half.first { padding-right: 20px; }
  .page-id-452 #ablauf .avia-icon-list .iconlist_content_wrap { margin-left: 0; }
}

@media only screen and (max-width: 767px) {
  .page-id-452 #main > .avia-section.avia-section-large {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .page-id-452 #main > .avia-section[id] { scroll-margin-top: 80px; }
  .page-id-452 #main > .avia-section .av_one_half .avia_textblock { max-width: none; }
  .page-id-452 #main > #hero { min-height: 0; display: block; }
  .page-id-452 #main > #hero .avia-image-container { margin-top: 24px; border-radius: var(--gb-radius); }
  .page-id-452 #main > #hero .av-section-color-overlay {
    background: linear-gradient(180deg, rgba(10, 22, 15, .78) 0%, rgba(10, 22, 15, .6) 100%) !important;
  }
  /* Bild-Spalten, die im Desktop links stehen, auf Mobile unter den Text */
  .page-id-452 #problem-loesung .av_one_half.first,
  .page-id-452 #technik .av_one_half.first:has(.avia-image-container) {
    order: 2;
  }
  .page-id-452 #problem-loesung .container,
  .page-id-452 #technik .container { display: flex; flex-direction: column; }
  /* Mobile: alles einspaltig */
  .page-id-452 #vorteile .entry-content-wrapper { grid-template-columns: 1fr; gap: 14px; }
  .page-id-452 #main > .avia-section .iconbox { padding: 22px 20px 20px; }
  .page-id-452 #warum .av_one_half.first { padding-right: 0; margin-bottom: 24px; }
  .page-id-452 #warum .avia_textblock { max-width: none; }
  .page-id-452 #warum .avia-icon-list li { padding: 16px 18px; gap: 14px; }
  .page-id-452 #warum .avia-icon-list .iconlist_icon { flex-basis: 42px; width: 42px; height: 42px; line-height: 42px; font-size: 18px; }
  .page-id-452 #main > .avia-section .toggler .toggle_icon { right: 18px; }
  .page-id-452 #planung .avia-icon-list li,
  .page-id-452 #kosten .avia-icon-list li { padding: 13px 16px; gap: 12px; }
  .page-id-452 #planung .avia-icon-list .iconlist_icon,
  .page-id-452 #kosten .avia-icon-list .iconlist_icon { flex-basis: 34px; width: 34px; height: 34px; line-height: 34px; font-size: 15px; }
  .page-id-452 #planung .avia-icon-list .iconlist_title,
  .page-id-452 #kosten .avia-icon-list .iconlist_title { font-size: 1rem; }
  .page-id-452 #main > .avia-section .toggler { padding: 16px 50px 16px 18px; font-size: 1rem; }
  .page-id-452 #main > .avia-section .avia-button.avia-size-x-large { padding: 16px 26px; font-size: .95rem; width: 100%; text-align: center; }
  .page-id-452 #main > .avia-section .av-special-heading h1.av-special-heading-tag { font-size: 1.85rem; }
}

/* Bewegung reduzieren, wenn gewünscht */
@media (prefers-reduced-motion: reduce) {
  .page-id-452 #main > .avia-section * { transition: none !important; }
}
















.special_amp {
font-family: initial !important;
font-size: inherit !important;
color: inherit !important
}

#popmake-358 .aligncenter{
	padding: 0px !important;
}

.header_color .main_menu .menu ul li a:hover{
	background-color: #027be7 !important;
	color: #ffffff !important;
}


.header_color .main_menu .menu ul li a:hover .avia-menu-text{
	color: #ffffff !important;
}

.phone-info a {
	color: #000000 !important;
}

div.wpforms-container-full:not(:empty){
	margin: 0 auto;
}

.wpforms-container #wpforms-form-137 .wpforms-field, .wpforms-container #wpforms-form-339 .wpforms-field{
	    padding: 0px;
}

#wpforms-137-field_0-container fieldset, #wpforms-339-field_0-container fieldset {
	margin-bottom: 0px;
}


#header_meta{
	background: var(--wpr-bg-27575197-268c-4863-a867-85eb7872a13c);
    background-size: cover;
    background-repeat: no-repeat;
}

.logo a{
	padding: 20px 0px;
}


#offers .avia-image-container{
	border: 5px solid #ffffff;
}


.kontaktmenue .avia-menu-text{
	background-color: #00ccff !important;
	border-color: #00ccff !important;
	letter-spacing: 10px;
	border-radius: 100px !important;
	text-transform: uppercase;
	padding: 10px 25px !important;
}

.avia-menu-text{
	font-size: 16px;
	color: #4E4F4F;
}

.header_color .avia-menu-fx{
	background-color: #00ccff !important;
	border-color: #00ccff !important;
}

.header_color .avia-bullet{
	border-color: #00ccff !important;
}

.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu{
	border-top-color: #00ccff !important;
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
	#partner-link-side{
		display:none !important;
	}
}