/*
Theme Name:   Enfold Child
Theme URI:    https://www.abtei-st-hildegard.de/
Description:  Child-Theme für Enfold – Abtei St. Hildegard.
Author:       Abtei St. Hildegard
Template:     enfold
Version:      1.1
Text Domain:  enfold-child
*/

/* ============================================================
   ABTEI ST. HILDEGARD · CHILD-THEME STYLESHEET
   ------------------------------------------------------------
   Aufgeräumt am 02.09.2026.

   ALLE eigenen CSS-Regeln stehen ab jetzt in dieser Datei.
   Das Quick CSS unter Enfold → Allgemeine Stilrichtung ist
   bewusst leer und enthält nur einen Verweis hierher.

   Schriften kommen aus der WordPress-Schriften-Bibliothek
   (Design → Schriften). Benötigt: Source Sans 3 in 300/400/
   600/700/900 sowie Source Serif 4 in 400/600 inkl. kursiv 400.

   AUFBAU
    1  Design-Variablen
    2  Header
    3  Rubriken-Navigation
    4  Footer und Socket
    5  Fördergeber
    6  Fließtext global
    7  Überschrift mit Untertitel
    8  Etappen und Zeitstrahl
    9  Jahresübersicht-Karte (Hub)
   10  Vertiefungskarte
   11  Transformationsblog (Kachelansicht)
   12  Magazin
   13  Textstile für Beiträge
   14  Responsive
   ============================================================ */


/* ============================================================
   1 · DESIGN-VARIABLEN
   ============================================================ */

:root{
  --burgund-dunkel:#881535;
  --burgund:#9C183E;
  --warmweiss:#F5F0E8;
  --schwarz:#1D1D1B;
  --weiss:#FFFFFF;
  --text-muted:#6B6560;
  --border-subtle:rgba(29,29,27,0.14);
  --bg-burgund-wash:#F9F1F1;
  --font-sans:'Source Sans 3', system-ui, 'Segoe UI', Arial, sans-serif;
  --font-serif:'Source Serif 4', Georgia, 'Times New Roman', serif;
}


/* ============================================================
   2 · HEADER
   Weiße Schrift bei transparentem Header.
   ============================================================ */

.html_header_transparent.html_header_top #header .av-main-nav > li > a,
.html_header_transparent.html_header_top #header .subnav_menu a{
  color:#FFFFFF !important;
}


/* ============================================================
   3 · RUBRIKEN-NAVIGATION
   Enfold-Submenu, gespeist aus dem WP-Menü „zukunft".
   ============================================================ */

#sub_menu1{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.abtei-catnav-menu{
  background:#E9E7E3 !important;
  min-height:0 !important; height:auto !important;
  padding:0 !important; margin:0 !important;
  border:none !important; box-shadow:none !important;
}
.abtei-catnav-menu .container{
  padding-top:0 !important; padding-bottom:0 !important;
  min-height:0 !important; height:auto !important;
}
.abtei-catnav-menu .av-subnav-menu{
  background:transparent !important;
  border:none !important; box-shadow:none !important;
  min-height:0 !important; height:auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  flex-wrap:wrap; align-items:center;
}
.abtei-catnav-menu .av-subnav-menu > li{
  background:transparent !important;
  border:none !important;
  height:auto !important;
  margin:0 !important;
}
.abtei-catnav-menu .av-subnav-menu a{
  background:transparent !important;
  color:var(--schwarz) !important;
  padding:12px 14px !important;
  height:auto !important;
  line-height:1.2 !important;
}
.abtei-catnav-menu .av-subnav-menu a .avia-menu-text{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.9rem !important;
  letter-spacing:0.02em !important;
  text-transform:none !important;
  color:var(--schwarz) !important;
}
.abtei-catnav-menu .av-subnav-menu a:hover,
.abtei-catnav-menu .av-subnav-menu a:hover .avia-menu-text,
.abtei-catnav-menu .av-subnav-menu li.current-menu-item > a .avia-menu-text,
.abtei-catnav-menu .av-subnav-menu li.current_page_item > a .avia-menu-text{
  color:var(--burgund-dunkel) !important;
}


/* ============================================================
   4 · FOOTER UND SOCKET
   ============================================================ */

#footer{ background-color:#881535 !important; }
#footer .widget{ border:none !important; }
#footer .widgettitle{ color:var(--warmweiss); }

#footer .abtei-footer-logo{
  height:108px; width:auto; display:block;
}
#footer .abtei-footer-text p{
  margin:0 0 6px;
  font-size:0.9rem;
  color:rgba(245,240,232,0.82);
  line-height:1.65;
}
#footer .abtei-footer-text .abtei-footer-claim{
  margin-top:18px;
  font-family:var(--font-serif);
  font-style:italic;
  font-size:1.15rem;
  color:var(--warmweiss);
}
#footer .abtei-footer-col .abtei-footer-head{
  font-family:var(--font-sans);
  font-weight:700;
  margin-bottom:12px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  font-size:0.72rem;
  color:var(--warmweiss);
}
#footer .abtei-footer-col a,
#footer .abtei-footer-col span{
  display:block;
  color:rgba(245,240,232,0.82);
  padding:4px 0;
  text-decoration:none;
  font-size:0.9rem;
}
#footer .abtei-footer-col a:hover{ color:var(--weiss) !important; }
#footer .abtei-footer-col .abtei-footer-small{
  color:rgba(245,240,232,0.62);
  padding:8px 0 0;
  font-size:0.78rem;
}

#socket{
  background-color:#6E1029 !important;
  color:rgba(245,240,232,0.72) !important;
}
#socket .container{ border-top:none !important; }
#socket a{ color:var(--warmweiss) !important; }


/* ============================================================
   5 · FÖRDERGEBER
   ============================================================ */

.abtei-funders-label{
  font-family:var(--font-sans);
  font-size:0.78rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.abtei-funders-img img{
  height:88px !important;
  width:auto !important;
}


/* ============================================================
   6 · FLIESSTEXT GLOBAL
   ------------------------------------------------------------
   Wirkt auf alle Textblöcke im Inhaltsbereich (#main),
   NICHT auf den Footer. Braucht keine Custom Class.

   Achtung: Diese Regel arbeitet mit !important. Alles, was
   sie überschreiben soll — etwa Anleser oder Kacheltexte —
   braucht deshalb ebenfalls !important.
   ============================================================ */

#main .avia_textblock,
#main .avia_textblock p,
#main .entry-content > p{
  font-family:var(--font-sans) !important;
  font-size:1.2rem !important;      /* ~19px */
  line-height:1.4 !important;
  color:var(--schwarz) !important;
}

/* Fettungen im Fließtext sollen wirklich fett sein */
#top #main strong,
#top #main b,
#top #main .avia_textblock strong,
#top #main .avia_textblock b{
  font-weight:700 !important;
  color:inherit !important;
}


/* ============================================================
   7 · ÜBERSCHRIFT MIT UNTERTITEL
   ------------------------------------------------------------
   Ein einzelnes Enfold-Heading-Element.
   Einstellung: Untertitel aktivieren, Position „oben".
   Custom CSS Class: abtei-headline
   ============================================================ */

/* Hauptüberschrift — Serife, keine Versalien */
.abtei-headline .av-special-heading-tag,
.abtei-headline h1,
.abtei-headline h2,
.abtei-headline h3{
  font-family:var(--font-serif) !important;
  font-weight:400 !important;
  font-size:2rem !important;
  line-height:1.15 !important;
  color:var(--schwarz) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:0 !important;
}

/* Untertitel als Kicker — Sans, halbfett, burgund, gesperrt, versal */
.abtei-headline .av-subheading,
.abtei-headline .av-subheading *{
  font-family:var(--font-sans) !important;
  font-weight:600 !important;
  font-size:0.9rem !important;
  letter-spacing:0.18em !important;
  text-transform:uppercase !important;
  color:var(--burgund-dunkel) !important;
  line-height:1.2 !important;
}
.abtei-headline .av-subheading{
  margin:0 0 10px !important;
  padding:0 !important;
  border:none !important;
}
.abtei-headline .av-subheading_below{ margin:10px 0 0 !important; }


/* ============================================================
   8 · ETAPPEN UND ZEITSTRAHL
   ============================================================ */

/* Kicker-Überschrift */
.abtei-kicker-heading .av-special-heading-tag,
.abtei-kicker-heading h1,
.abtei-kicker-heading h2,
.abtei-kicker-heading h3{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.72rem !important;
  letter-spacing:0.18em !important;
  text-transform:uppercase !important;
  color:var(--burgund-dunkel) !important;
  line-height:1.2 !important;
}

/* Serifen-Überschrift */
.abtei-serif-heading .av-special-heading-tag,
.abtei-serif-heading h1,
.abtei-serif-heading h2,
.abtei-serif-heading h3{
  font-family:var(--font-serif) !important;
  font-weight:600 !important;
  font-size:2rem !important;
  line-height:1.15 !important;
  color:var(--schwarz) !important;
  letter-spacing:0 !important;
}

/* Einleitungstext */
.abtei-lede{
  font-family:var(--font-sans);
  font-size:1.02rem;
  line-height:1.7;
  color:var(--text-muted);
  max-width:62ch;
}

.abtei-lead,
.abtei-lead p{ line-height:1.35 !important; }

.abtei-timeline-block{
  font-family:var(--font-sans);
  margin-top:24px;
}
.abtei-timeline-block .abtei-post-card:hover{
  border-color:var(--burgund-dunkel) !important;
}


/* ============================================================
   9 · JAHRESÜBERSICHT-KARTE (HUB)
   ------------------------------------------------------------
   Natives Enfold-Element.
   Sektion: Custom CSS Class = abtei-hubcard, Padding „No Padding"
   ============================================================ */

/* Rahmen um beide Spalten */
.abtei-hubcard .container{
  border:1px solid rgba(136,21,53,0.30) !important;
  border-top:4px solid var(--burgund-dunkel) !important;
  border-radius:3px;
  overflow:hidden;
  padding:0 !important;
}

/* Sektionsränder von Enfold entfernen */
.abtei-hubcard{
  border-top:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}
.abtei-hubcard:before,
.abtei-hubcard:after{
  display:none !important;
  border:none !important;
  background:none !important;
}
.abtei-hubcard .container_wrap,
.container_wrap.abtei-hubcard{
  border:none !important;
  box-shadow:none !important;
}

/* Bildspalte */
.abtei-hubcard .abtei-hub-img{ min-height:240px; }

/* Badge */
.abtei-hub-badge{
  display:inline-block;
  background:var(--burgund-dunkel);
  color:var(--weiss);
  font-family:var(--font-sans);
  font-weight:700;
  font-size:0.72rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  padding:6px 12px;
  border-radius:3px;
}

/* Meta-Zeile */
.abtei-hub-meta,
.abtei-hub-meta p{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.8rem !important;
  color:var(--burgund-dunkel) !important;
  letter-spacing:0.01em !important;
  margin:14px 0 6px !important;
}

/* Überschrift */
.abtei-hub-title .av-special-heading-tag,
.abtei-hub-title h1,
.abtei-hub-title h2,
.abtei-hub-title h3{
  font-family:var(--font-serif) !important;
  font-weight:400 !important;
  font-size:1.9rem !important;
  line-height:1.18 !important;
  color:var(--schwarz) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:0 0 12px !important;
  max-width:24ch;
}

/* Teaser */
.abtei-hub-teaser,
.abtei-hub-teaser p{
  font-family:var(--font-sans) !important;
  font-size:0.98rem !important;
  line-height:1.6 !important;
  color:var(--text-muted) !important;
  margin:0 0 18px !important;
}

/* Weiterlesen */
.abtei-hub-more a{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.95rem !important;
  color:var(--burgund-dunkel) !important;
  text-decoration:none !important;
}
.abtei-hub-more a:hover{ color:var(--burgund) !important; }


/* ============================================================
   10 · VERTIEFUNGSKARTE
   ------------------------------------------------------------
   Sektion: Custom CSS Class = abtei-vcard
   Innere Spalte: abtei-vcard-body
   Bausteine: abtei-vbadge, abtei-vmeta, abtei-vtitle,
              abtei-vteaser, abtei-vmore
   ============================================================ */

.abtei-vcard{
  border:none !important;
  box-shadow:none !important;
  margin-top:32px !important;
}
.abtei-vcard:before,
.abtei-vcard:after{ display:none !important; }
.abtei-vcard .container{
  padding-left:0 !important;
  padding-right:0 !important;
}

.abtei-vcard-body{
  background:var(--weiss) !important;
  border:1px solid var(--border-subtle) !important;
  border-top:4px solid var(--burgund-dunkel) !important;
  border-radius:3px;
}

.abtei-vbadge{
  display:inline-block;
  background:rgba(136,21,53,0.12);
  color:var(--burgund-dunkel);
  font-family:var(--font-sans);
  font-weight:700;
  font-size:0.68rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:3px;
}

.abtei-vmeta,
.abtei-vmeta p{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.8rem !important;
  color:var(--burgund-dunkel) !important;
  margin:14px 0 6px !important;
}

.abtei-vtitle .av-special-heading-tag,
.abtei-vtitle h1,
.abtei-vtitle h2,
.abtei-vtitle h3{
  font-family:var(--font-serif) !important;
  font-weight:600 !important;
  font-size:1.35rem !important;
  line-height:1.18 !important;
  color:var(--schwarz) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:0 0 10px !important;
}

.abtei-vteaser,
.abtei-vteaser p{
  font-family:var(--font-sans) !important;
  font-size:0.98rem !important;
  line-height:1.6 !important;
  color:var(--text-muted) !important;
  margin:0 0 18px !important;
}

.abtei-vmore a{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.95rem !important;
  color:var(--burgund-dunkel) !important;
  text-decoration:none !important;
}
.abtei-vmore a:hover{ color:var(--burgund) !important; }


/* ============================================================
   11 · TRANSFORMATIONSBLOG (KACHELANSICHT)
   ------------------------------------------------------------
   Enfold-Element „Blog Beiträge", Raster-Layout, 2 Spalten.
   Custom CSS Class: transformationsblog

   Übernimmt bewusst die Optik der Vertiefungskarte, damit
   beide Kachelarten auf einer Seite gleich aussehen.
   Werte deshalb identisch mit Abschnitt 10 halten.
   ============================================================ */

/* Veröffentlichungsdatum ausblenden.
   Die Zeitangabe steht bei diesen Beiträgen im Textauszug,
   das Datum wäre eine zweite, widersprüchliche Angabe. */
#top .transformationsblog .slide-meta{ display:none !important; }

/* Platzhalter für fehlende Beitragsbilder ausblenden.
   Enfold vergibt bei Beiträgen ohne Bild die Klasse
   fake-thumbnail und zeigt einen grauen Stift-Kreis. */
#top .transformationsblog .slide-entry.fake-thumbnail .slide-image{
  display:none !important;
}

/* Kachel */
#top .transformationsblog .slide-entry{
  background:var(--weiss) !important;
  border:1px solid var(--border-subtle) !important;
  border-top:4px solid var(--burgund-dunkel) !important;
  border-radius:3px;
  padding:2rem 1.8rem 1.6rem !important;
}

/* Titel — Werte wie .abtei-vtitle */
#top .transformationsblog .slide-entry-title,
#top .transformationsblog .slide-entry-title a{
  font-family:var(--font-serif) !important;
  font-weight:600 !important;
  font-size:1.35rem !important;
  line-height:1.18 !important;
  color:var(--schwarz) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:0 0 10px !important;
}

/* Textauszug — Werte wie .abtei-vteaser */
#top .transformationsblog .slide-entry-excerpt,
#top .transformationsblog .slide-entry-excerpt p{
  font-family:var(--font-sans) !important;
  font-size:1.2rem !important;
  line-height:1.4 !important;
  color:var(--schwarz) !important;
  margin:0 0 18px !important;
}

/* Weiterlesen — Werte wie .abtei-vmore */
#top .transformationsblog .read-more-link a{
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.95rem !important;
  color:var(--burgund-dunkel) !important;
  text-decoration:none !important;
}
#top .transformationsblog .read-more-link a:hover{
  color:var(--burgund) !important;
}

/* Enfolds Chevron durch einen Pfeil ersetzen */
#top .transformationsblog .read-more-link a > span{ display:none !important; }
#top .transformationsblog .read-more-link a::after{ content:" →"; }

/* Gleiche Kachelhöhen innerhalb einer Zeile */
#top .transformationsblog .slide-entry-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}


/* ============================================================
   12 · MAGAZIN
   ------------------------------------------------------------
   Enfold-Element „Magazin".
   Custom CSS Class: abtei-magazin
   ============================================================ */

/* Datum ausblenden */
#top .abtei-magazin .av-magazine-time{ display:none !important; }

/* Eintrag mit feiner Trennlinie */
#top .abtei-magazin .av-magazine-entry{
  border-top:1px solid var(--border-subtle) !important;
  padding:22px 0 !important;
}
#top .abtei-magazin .av-magazine-entry:first-child{
  border-top:none !important;
}

/* Titelzeile mit vorangestellter Raute */
#top .abtei-magazin .av-magazine-title{
  display:flex !important;
  align-items:center;
  gap:16px;
  margin:0 !important;
}
#top .abtei-magazin .av-magazine-title:before{
  content:"";
  flex:0 0 auto;
  width:12px; height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpolygon points='6 0 12 10 6 20 0 10' fill='%23881535'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform 160ms ease;
}

/* Titel */
#top .abtei-magazin .av-magazine-title a{
  font-family:var(--font-serif) !important;
  color:var(--burgund-dunkel) !important;
  font-weight:700 !important;
  font-size:1.5rem !important;
  line-height:1.25 !important;
  letter-spacing:-0.01em !important;
}

/* Hover */
#top .abtei-magazin .av-magazine-entry:hover .av-magazine-title a{
  color:var(--burgund) !important;
}
#top .abtei-magazin .av-magazine-entry:hover .av-magazine-title:before{
  transform:translateX(3px);
}


/* ============================================================
   13 · TEXTSTILE FÜR BEITRÄGE
   ------------------------------------------------------------
   Alle Regeln mit #main davor, damit sie die globale
   Fließtext-Regel aus Abschnitt 6 überschreiben.
   ============================================================ */

/* ---- Anleser 1 — burgund, Serife, kursiv --------------------
   Custom CSS Class: abtei-anleser1                            */
#main .abtei-anleser1,
#main .abtei-anleser1 p,
#main .avia_textblock.abtei-anleser1,
#main .avia_textblock.abtei-anleser1 p,
#main .abtei-anleser1 .av-special-heading-tag,
#main .abtei-anleser1 .av-subheading{
  font-family:var(--font-serif) !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-size:1.35rem !important;
  line-height:1.5 !important;
  color:var(--burgund-dunkel) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:0 0 8px !important;
}

/* ---- Anleser 2 — schwarz, Serife, etwas größer --------------
   Custom CSS Class: abtei-anleser                             */
#main .abtei-anleser,
#main .abtei-anleser p,
#main .avia_textblock.abtei-anleser,
#main .avia_textblock.abtei-anleser p{
  font-family:var(--font-serif) !important;
  font-weight:400 !important;
  font-size:1.3rem !important;
  line-height:1.3 !important;
  color:var(--schwarz) !important;
}

/* ---- Zwischenüberschriften ----------------------------------
   Wirken automatisch auf jedes H2 und H3, das im Textblock-
   Editor als Überschrift formatiert wird. Enfold-Heading-
   Elemente und die Startseite bleiben unberührt.              */
#main .avia_textblock h2{
  font-family:var(--font-serif) !important;
  font-weight:400 !important;
  font-size:1.55rem !important;
  line-height:1.25 !important;
  color:var(--burgund-dunkel) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:40px 0 14px !important;
}
#main .avia_textblock h3{
  font-family:var(--font-serif) !important;
  font-weight:400 !important;
  font-size:1.25rem !important;
  line-height:1.3 !important;
  color:var(--burgund-dunkel) !important;
  text-transform:none !important;
  margin:32px 0 10px !important;
}

/* ---- Zitate -------------------------------------------------
   Wirken automatisch auf jedes Blockquote im Textblock.       */
#main .avia_textblock blockquote,
#main .avia_textblock blockquote p{
  font-family:var(--font-serif) !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-size:1.7rem !important;
  line-height:1.35 !important;
  color:var(--burgund-dunkel) !important;
}
#main .avia_textblock blockquote{
  border:none !important;
  border-left:3px solid var(--burgund-dunkel) !important;
  padding:2px 0 2px 24px !important;
  margin:36px 0 !important;
  background:none !important;
  quotes:none;
}
#main .avia_textblock blockquote p{ margin:0 !important; }

/* Dekoratives Anführungszeichen von Enfold entfernen */
#main .avia_textblock blockquote:before,
#main .avia_textblock blockquote:after{
  content:none !important;
  display:none !important;
}

/* ---- Kasten „Übertragbare Frage" ----------------------------
   HTML-Schnipsel in einen Textblock im Text-/HTML-Modus.      */
#main .abtei-frage{
  background:var(--bg-burgund-wash) !important;
  border-left:3px solid var(--burgund-dunkel) !important;
  padding:26px 30px !important;
  margin:40px 0 !important;
}
#main .abtei-frage .abtei-frage-label{
  display:block !important;
  font-family:var(--font-sans) !important;
  font-weight:600 !important;
  font-size:0.72rem !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  color:var(--burgund-dunkel) !important;
  margin:0 0 12px !important;
}
#main .avia_textblock .abtei-frage p,
#main .abtei-frage p{
  font-family:var(--font-serif) !important;
  font-weight:400 !important;
  font-size:1.28rem !important;
  line-height:1.4 !important;
  color:var(--schwarz) !important;
  margin:0 !important;
}

/* ---- Kategorien-Pillen -------------------------------------- */
#main .abtei-kategorien{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin:24px 0;
  border-top:1px solid var(--border-subtle) !important;
  border-bottom:1px solid var(--border-subtle) !important;
  padding:16px 0 !important;
}
#main .abtei-kategorien .abtei-kat{
  display:inline-block;
  background:var(--burgund-dunkel) !important;
  color:var(--weiss) !important;
  font-family:var(--font-sans) !important;
  font-weight:700 !important;
  font-size:0.9rem !important;
  letter-spacing:0.01em !important;
  padding:10px 20px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  margin:0 10px 5px 0 !important;
  transition:background .14s;
}
#main .abtei-kategorien .abtei-kat:hover{
  background:var(--burgund) !important;
  color:var(--weiss) !important;
}


/* ============================================================
   14 · RESPONSIVE
   ============================================================ */

@media (max-width:768px){

  .abtei-catnav-menu .av-subnav-menu{
    justify-content:center !important;
  }

  .abtei-timeline-block .abtei-timeline{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .abtei-timeline-block .abtei-phase-btn{
    flex:1 1 44% !important;
    -webkit-clip-path:none !important;
    clip-path:none !important;
    padding-left:12px !important;
    padding-right:12px !important;
    border-radius:3px;
  }
  .abtei-timeline-block .abtei-phase-content div[style*="grid-template-columns"]{
    grid-template-columns:1fr !important;
  }
  .abtei-timeline-block .abtei-post-card[style*="flex-direction:row"]{
    flex-direction:column !important;
  }
  .abtei-timeline-block .abtei-post-card div[style*="width:300px"]{
    width:100% !important;
    min-height:180px !important;
  }

  #top .abtei-magazin .av-magazine-title a{ font-size:1.25rem !important; }
  #top .abtei-magazin .av-magazine-title{ gap:12px; }
}


/* Social-Icons im Socket vergrößern */
#socket .av-social-link a,
#footer .av-social-link a{
  font-size:26px !important;
  width:auto !important;
  height:auto !important;
  padding:6px !important;
}