/*
Theme Name: Enfold Child
Description: A <a href='https://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: https://www.kriesi.at
Template: enfold
*/
/* ============================================================
   INEK Prozessbegleitung – Custom CSS
   Ziel: style.css des Enfold Child Themes
   KOMPLETT ERSETZEN (unterhalb des Theme-Kopf-Kommentars)
   Stand: Abschnitte 1-7 – Version 16 (+ Praxis/Abtei)
   ============================================================ */

/* ---------- Basis: Enfold-Linie neben Ueberschriften ausblenden ---------- */
.inek-h2 .special-heading-border,
.inek-hero-h1 .special-heading-border,
.inek-h2 .special-heading-inner-border,
.inek-hero-h1 .special-heading-inner-border {
  display: none !important;
}

/* ---------- Basis: Schriften ---------- */
.inek-hero,
.inek-hero h1,
.inek-hero .iconbox_content_title,
.inek-h2 h2,
.inek-body,
.inek-body p,
.inek-badge-white p,
.inek-badge p {
  font-family: 'Source Sans 3', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

/* ---------- Hero: Badge ---------- */
#top .inek-badge {
  margin-bottom: 0 !important;       /* Badge dichter an Headline */
}
.inek-badge p {
  display: inline-block;
  background: #afca0b;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 9px 18px;
  margin-bottom: 0;
}

/* ---------- Hero: H1 ---------- */
.inek-hero-h1 h1 {
  font-weight: 700;
  font-size: clamp(42px, 6vw, 80px);
  line-height: 1.1;
  letter-spacing: -0.018em !important;
  text-transform: none !important;   /* keine GROSSBUCHSTABEN */
  text-wrap: balance;
  margin-bottom: 0;
}
#top .inek-hero-h1.av-special-heading,
#top div .inek-hero-h1 {
  margin-top: 22px !important;       /* Abstand Badge -> Headline */
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Abstand Headline -> Intro laeuft ueber das Trenner-Element im Builder */
#top .inek-lead {
  margin-top: 0 !important;
}

/* ---------- Hero: Intro-Text (Source Serif kursiv) ---------- */
#top .inek-lead p {
  font-family: 'Source Serif 4', Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: clamp(20px, 2.3vw, 27px);
  line-height: 1.38;
  max-width: 720px;
  margin-bottom: 48px !important;    /* Abstand Intro -> Buttons */
}

/* ---------- Hero: Buttons ---------- */
.inek-btn-primary.avia-button,
.inek-btn-primary .avia-button,
.inek-btn-outline.avia-button,
.inek-btn-outline .avia-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 17px;
  padding: 15px 28px;
  border-radius: 0;
  margin-right: 16px;
  margin-top: 10px;
}
/* Pfeil-Icon nach RECHTS hinter den Text */
.inek-btn-primary.avia-button,
.inek-btn-primary .avia-button {
  flex-direction: row-reverse;
}
.inek-btn-primary.avia-button:hover,
.inek-btn-primary .avia-button:hover {
  background-color: #9bb50a !important;
}
.inek-btn-outline.avia-button,
.inek-btn-outline .avia-button {
  background: transparent !important;
  border: 1.5px solid #000 !important;
  color: #000 !important;
}
.inek-btn-outline.avia-button:hover,
.inek-btn-outline .avia-button:hover {
  background: #f3f7da !important;
}

/* ---------- Hero: Vertrauens-Spalten (Icon-Boxen) ---------- */
/* Grauen Karten-Look von Enfolds iconbox_top entfernen */
.inek-trust.iconbox,
.inek-trust.iconbox_top .iconbox_content {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  text-align: left;
}
/* Schwarzen Icon-Kreis entfernen, Icon pur zeigen */
.inek-trust .iconbox_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: auto !important;
  height: auto !important;
  margin: 0 0 18px 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #000 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  left: auto !important;
  top: auto !important;
}
.inek-trust .iconbox_icon:hover {
  background: transparent !important;
  color: #000 !important;
}
/* Grüne Keyline über dem Titel */
.inek-trust .iconbox_content_title::before {
  content: '';
  display: block;
  width: 32px;
  height: 3px;
  background: #afca0b;
  margin-bottom: 14px;
}
.inek-trust .iconbox_content_title {
  font-weight: 700;
  font-size: 17px !important;
  line-height: 1.25;
  letter-spacing: 0 !important;
  text-transform: none !important;   /* keine GROSSBUCHSTABEN */
  color: #000;
  margin-bottom: 6px;
}
.inek-trust .iconbox_content p {
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}


/* ============================================================
   Abschnitt 2: Ansatz (gruene Sektion)
   ============================================================ */

/* Weisses Badge auf gruenem Grund */
#top .inek-badge-white {
  margin-bottom: 0 !important;
}
.inek-badge-white p {
  display: inline-block;
  background: #fff;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 8px 16px;
  margin-bottom: 0;
}

/* H2-Stil (gilt auch fuer kommende Abschnitte) */
.inek-h2 h2 {
  font-weight: 700;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.012em !important;
  text-transform: none !important;
  color: #000;
}

/* Fliesstext-Stil (gilt auch fuer kommende Abschnitte) */
.inek-body p {
  font-size: 18.5px;
  line-height: 1.6;
  color: #000;
}


/* Abstand Badge -> Headline-Zeile in der Ansatz-Sektion verkleinern */
#top .inek-ansatz .av_one_half {
  margin-top: 26px !important;
}


/* ============================================================
   Abschnitt 3: Bewegungen (Begleiten / Sichtbar machen)
   ============================================================ */

/* Icon + Titel nebeneinander, ohne Box-Look */
.inek-move.iconbox,
.inek-move .iconbox_content {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
.inek-move .iconbox_icon {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #000 !important;
  font-size: 42px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}
.inek-move .iconbox_content_title {
  font-family: 'Source Sans 3', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000;
  margin-bottom: 0;
}

/* Abstand H2 -> erste Zeile */
#top .inek-bewegungen .av_one_fourth {
  margin-top: 40px !important;
}
#top .inek-bewegungen .av_three_fourth {
  margin-top: 40px !important;
}


/* ============================================================
   Abschnitt 4: Widerstand (helle Flaeche, Serif-Zitat)
   ============================================================ */

/* Headline direkt unter Badge (halbe Spalte links) */
#top .inek-h2-nachbadge.av-special-heading,
#top div .inek-h2-nachbadge {
  margin-top: 24px !important;
}

/* Serif-Zitat mit gepunkteter Linie darueber */
#top .inek-quote {
  border-top: 2px dotted #000;
  margin-top: 30px !important;
  padding-top: 26px;
}
.inek-quote p {
  font-family: 'Source Serif 4', Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.3;
  color: #000;
  margin-bottom: 0;
}


/* ============================================================
   Abschnitt 5: Dieselbe Hand (zentriert)
   ============================================================ */
.inek-center,
.inek-center p {
  text-align: center;
}
#top .inek-center p {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
#top .inek-center-icon {
  margin-bottom: 20px;
}

/* ============================================================
   Abschnitt 6: Ablauf (nummerierte Schritte)
   ============================================================ */

/* Nummern-Kreise gruen, Ziffer weiss (CSS-Zaehler statt Icons) */
.inek-schritte {
  counter-reset: inek-step;
}
.inek-schritte li {
  counter-increment: inek-step;
}
.inek-schritte .iconlist_icon {
  background-color: #afca0b !important;
  color: #fff !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  text-align: center;
  font-weight: 700;
  font-size: 20px !important;
}
/* Icon-Zeichen ausblenden, Ziffer per Zaehler einsetzen */
.inek-schritte .iconlist_icon span,
.inek-schritte .iconlist_icon .iconlist-char {
  display: none !important;
}
.inek-schritte .iconlist_icon::before {
  content: counter(inek-step);
  font-family: 'Source Sans 3', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
}
/* Verbindungslinie zwischen den Nummern ausblenden */
.inek-schritte .iconlist-timeline {
  display: none !important;
}
.inek-schritte .iconlist_title {
  font-family: 'Source Sans 3', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px !important;
  text-transform: none !important;
  color: #000;
  margin-bottom: 6px;
}
.inek-schritte .iconlist_content,
.inek-schritte .iconlist_content p {
  font-family: 'Source Sans 3', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 17.5px;
  line-height: 1.58;
  max-width: 620px;
  color: #000;
}

/* Gepunktete Linie vor dem CTA */
#top .inek-dotline {
  border-top: 1.5px dotted #000;
  margin-top: 48px !important;
  padding-top: 0;
}


/* ============================================================
   Abschnitt 7: Praxis / Abtei St. Hildegard
   ============================================================ */

/* Serif-Schlusszeile "Tradition im Wandel." */
#top .inek-serifline {
  margin-top: 40px !important;
}
.inek-serifline p {
  font-family: 'Source Serif 4', Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  color: #000;
  margin-bottom: 0;
}