/* Feinschliff 2026-07-18: H1 site-weit etwas kleiner (Vorgabe Ulrich) */
h1, .uk-h1 { font-size: 1.95rem; }
@media (min-width: 960px) {
  h1, .uk-h1 { font-size: 2.25rem; }
}

/* === Rebrand "Terrakotta & Sand" 2026-07-18 (Briefing v1.0) — Child-Style-Overrides.
   Basis-Palette steckt im kompilierten theme.12.css (tools/terrakotta.py). Diese Regeln
   ergaenzen Spec-spezifische Komponenten + ueberleben Customizer-Recompiles. === */

/* Seitenhintergrund Warmweiss, Text-Braun (belt & suspenders) */
body { background-color: #f6f3ec; color: #1a1f1c; }
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6 { color: #1a1f1c; }
.uk-text-muted { color: #5f6b64 !important; }

/* Muted-Sektionen = Sand (Oakville-Grau-Gradient entfernen) */
.uk-section-muted, .uk-tile-muted, .uk-background-muted {
  background-color: #ece5d6 !important; background-image: none !important;
}

/* Dunkle Baender (Footer, CTA-Band, Hero-Overlay-Sektionen) = Dunkel-Petrol #0f3d2a (2026-07-19, Ulrich: Braun raus) */
.uk-section-secondary, .uk-tile-secondary {
  background-color: #0f3d2a !important; background-image: none !important;
}

/* Cards = Warmweiss auf Sand, warme Border (Entscheidung: Warmweiss statt Reinweiss, dokumentiert) */
.uk-card-default { background-color: #f6f3ec; }
.uk-card-default, .uk-card-body { border-color: #e2dacb; }
hr { border-color: #e2dacb; }

/* Links im Fliesstext unterstrichen (Barrierefreiheit: nicht nur ueber Farbe erkennbar) */
.uk-article a:not(.uk-button):not([class*="uk-icon"]),
.tm-page main .uk-panel a:not(.uk-button):not([class*="uk-icon"]),
.uk-text-lead a:not(.uk-button) { text-decoration: underline; }

/* Primaer-Button: Terrakotta gefuellt, Hover dunkler */
.uk-button-primary { background-color: #1e6b45; }
.uk-button-primary:hover, .uk-button-primary:focus { background-color: #17563a; }

/* Sekundaer-Button: Petrol-Outline, Hover gefuellt (Vertrauen = Petrol) */
.uk-button-secondary {
  background-color: transparent !important; border: 1px solid #1e6b45 !important; color: #1e6b45 !important;
}
.uk-button-secondary:hover, .uk-button-secondary:focus {
  background-color: #1e6b45 !important; color: #fff !important;
}

/* Fokus-Ring Petrol hell fuer Tastatur-Navigation (Abnahmekriterium) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, .uk-button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #1e6b45 !important; outline-offset: 2px;
}
input:focus, select:focus, textarea:focus,
.uk-input:focus, .uk-select:focus, .uk-textarea:focus { border-color: #1e6b45 !important; }

/* SEOGlossary Auto-Link: hervorgehoben statt grau (Tooltips deaktiviert -> reiner Textlink) */
a.jqeasytooltip, .jqeasytooltip {
    color: #1e6b45 !important;
    text-decoration: underline;
    text-decoration-color: rgba(214,69,112,.45);
    text-underline-offset: 2px;
    font-weight: 500;
    cursor: pointer;
}
a.jqeasytooltip:hover {
    color: #124630 !important;
    text-decoration-color: #124630;
}

/* =====================================================================
   TASK 2 (2026-07-22) — Quick-Wins A6 + D2 (sitewide, ueberlebt Recompiles).
   ===================================================================== */

/* --- A6: UIkit-Alerts markenkonform (Sand-Flaeche, Terrakotta-Border links,
   Text #1a1f1c) — gilt sitewide inkl. Joomla-Systemmeldungen. --- */
.uk-alert {
    background: #ece5d6;
    color: #1a1f1c;
    border-left: 4px solid #1e6b45;
    border-radius: 4px;
}
.uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert a { color: #1a1f1c; }
.uk-alert-primary { background: #ece5d6; color: #1a1f1c; border-left-color: #1e6b45; }
.uk-alert-success { background: #ece5d6; color: #1a1f1c; border-left-color: #1e6b45; }
.uk-alert-warning { background: #ece5d6; color: #1a1f1c; border-left-color: #1e6b45; }
.uk-alert-danger  { background: #ece5d6; color: #1a1f1c; border-left-color: #17563a; }
.uk-alert-close { color: #5f6b64; }

/* --- D2: YOOtheme-Consent-Dialog (.tm-consent) unten fixieren statt
   mittig-rechts schwebend. Logik/Buttons unveraendert. --- */
.tm-consent.uk-position-fixed {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.tm-consent.uk-position-fixed > .uk-card {
    border-radius: 0;
    border-top: 1px solid #e2dacb;
    max-width: 1200px;
    margin: 0 auto;
}

/* =====================================================================
   Paket A: Anmelde-Strecke (Konzept 2026-07-24) — /anmelden, /fuer-
   aufsteller/registrierung, "Mein Bereich". Overrides unter
   templates/yootheme/html/com_users/. */

/* Sand-Buehne um die Karte(n) */
.auf-auth {
    max-width: 520px;
    margin: 0 auto;
    padding: 36px 20px 40px;
    background: #ece5d6;
    border-radius: 16px;
}
.auf-auth--wide { max-width: 860px; }

.auf-auth-card {
    max-width: 480px;
    margin: 0 auto;
    border: 1px solid #e2dacb;
    border-radius: 12px;
}
.auf-auth--wide .auf-auth-card { max-width: 640px; }

.auf-auth-head { max-width: 640px; margin: 0 auto 22px; text-align: center; }
h1.auf-auth-title {
    font-size: 1.9rem;
    color: #1e6b45;
    margin: 0 0 6px;
    text-align: center;
}
.auf-auth-context { text-align: center; margin: 0 0 22px; }
.auf-auth-lead { color: #5f6b64; margin: 0; }

/* Joomla-Formfelder in Kartenoptik (form-horizontal -> gestapelt) */
.auf-auth-form .control-group { margin-bottom: 16px; }
.auf-auth-form .control-label label,
.auf-auth-form .form-check-label {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a1f1c;
}
.auf-auth-form .control-label { margin-bottom: 4px; }
.auf-auth-form .form-control {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #e2dacb;
    border-radius: 8px;
    background: #fff;
    color: #1a1f1c;
    font-size: 0.95rem;
    box-sizing: border-box;
}
.auf-auth-form .form-control:focus {
    outline: none;
    border-color: #1e6b45;
    box-shadow: 0 0 0 3px rgba(74, 138, 153, 0.25);
}
/* Passwort-Feld: Joomla rendert input + Auge-Button als input-group */
.auf-auth-form .input-group { display: flex; flex-wrap: nowrap; }
.auf-auth-form .input-group .form-control { flex: 1 1 auto; width: 1%; border-radius: 8px 0 0 8px; }
.auf-auth-form .input-group .btn {
    border: 1px solid #e2dacb;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    background: #ece5d6;
    color: #5f6b64;
    padding: 0 12px;
    cursor: pointer;
}
.auf-auth-form .form-check { display: flex; align-items: center; gap: 8px; }
.auf-auth-form .form-check-input { accent-color: #1e6b45; width: 17px; height: 17px; margin: 0; }
.auf-auth-remember { margin-bottom: 18px; }
.auf-auth-form .com-users-login__submit { margin-bottom: 0; }
.auf-auth-extra { margin-top: 10px; }
.auf-auth-form .spacer hr { border-color: #e2dacb; }

/* Pflicht-Sternchen + Hinweise dezent */
.auf-auth-form .star, .auf-auth-form .required { color: #1e6b45; }

.auf-auth-links { margin: 18px 0 0; }
.auf-auth-links a { color: #1e6b45; text-decoration: underline; }
.auf-auth-linksep { margin: 0 6px; color: #5f6b64; }
.auf-auth-note { margin: 14px 0 0; }

/* Hinweiskasten unter der Login-Karte */
.auf-auth-hint {
    max-width: 480px;
    margin: 18px auto 0;
    padding: 18px 20px;
    background: #f6f3ec;
    border: 1px dashed #d6cbb4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.auf-auth-hint-text { color: #1a1f1c; font-size: 0.95rem; line-height: 1.45; }

/* 3-Schritte-Leiste Registrierung */
.auf-steps {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 24px;
    padding: 0;
    max-width: 720px;
    flex-wrap: wrap;
}
.auf-step {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f6f3ec;
    border: 1px solid #e2dacb;
    border-radius: 999px;
    padding: 7px 16px 7px 8px;
    font-size: 0.85rem;
    color: #5f6b64;
}
.auf-step-num {
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e2dacb;
    color: #5f6b64;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
}
.auf-step--active { border-color: #1e6b45; color: #1a1f1c; }
.auf-step--active .auf-step-num { background: #1e6b45; color: #fff; }

/* "Mein Bereich" Dashboard */
.auf-dash-status { text-align: center; margin: 10px 0 0; color: #1a1f1c; }
.auf-chip {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    vertical-align: 1px;
}
.auf-chip--ok { background: #1e6b45; color: #f6f3ec; }
.auf-chip--pending { background: #e8913a; color: #1a1f1c; }
.auf-dash-grid { margin-top: 4px; }
.auf-dash-tile {
    height: 100%;
    border: 1px solid #e2dacb;
    border-radius: 12px;
    padding: 22px 24px;
}
.auf-dash-tile--primary { border-color: #1e6b45; box-shadow: 0 0 0 1px #1e6b45 inset; }
h2.auf-dash-tile-title {
    font-size: 1.15rem;
    color: #1e6b45;
    margin: 0 0 8px;
}
.auf-dash-tile-text { margin: 0 0 14px; font-size: 0.92rem; color: #1a1f1c; }
.auf-dash-tile-actions { margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.auf-dash-logout { text-align: center; margin-top: 22px; }
.auf-dash-logout .uk-button-text { color: #5f6b64; }

@media (max-width: 639px) {
    .auf-auth { padding: 24px 12px 28px; border-radius: 0; }
    .auf-auth-card { padding: 24px 18px; }
    .auf-steps { flex-direction: column; align-items: stretch; }
}

/* =====================================================================
   Paket B: Termine-Hub /termine (Konzept 2026-07-24) — Tabs, Event-Karten
   mit Datums-Badge, Kalender-/Karten-Tab, Hinweisband. */

.auf-termine-head { max-width: 760px; margin: 0 0 18px; }
.auf-termine-head h1 { color: #1e6b45; margin-bottom: 6px; }
.auf-termine-lead { color: #5f6b64; font-size: 1.05rem; margin: 0; }

/* Tabs als Pillen */
.auf-termine-tabs { gap: 8px; margin-bottom: 6px; }
.auf-termine-tabs > li > a {
    display: inline-block;
    padding: 8px 22px;
    border: 1px solid #e2dacb;
    border-radius: 999px;
    background: #f6f3ec;
    color: #1a1f1c;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    transition: background .15s, color .15s, border-color .15s;
}
.auf-termine-tabs > li > a:hover { border-color: #1e6b45; color: #1e6b45; }
.auf-termine-tabs > li.uk-active > a { background: #1e6b45; border-color: #1e6b45; color: #f6f3ec; }

/* Icon-Zeile (RSS/iCal) dezent rechts */
.auf-termine-icons { float: right; margin: 4px 0 0; }
.auf-termine-icons a { color: #5f6b64; margin-left: 10px; }
.auf-termine-icons a:hover { color: #1e6b45; }

/* Event-Liste */
.auf-ev-list { list-style: none; margin: 18px 0 0; padding: 0; }
.auf-ev-month { margin: 26px 0 12px; }
.auf-ev-month span {
    display: inline-block;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1e6b45;
    border-bottom: 2px solid #1e6b45;
    padding-bottom: 4px;
}
.auf-ev-item { margin: 0 0 14px; }
.auf-ev-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #f6f3ec;
    border: 1px solid #e2dacb;
    border-radius: 12px;
    padding: 18px 20px;
}
.auf-ev-card--canceled { opacity: 0.65; }
.auf-ev-badge {
    flex: none;
    width: 64px;
    border-radius: 10px;
    background: #1e6b45;
    color: #f6f3ec;
    text-align: center;
    padding: 8px 0 9px;
    text-decoration: none;
    line-height: 1.1;
}
.auf-ev-badge:hover { background: #17563a; color: #f6f3ec; text-decoration: none; }
.auf-ev-day { display: block; font-size: 1.6rem; font-weight: 800; }
.auf-ev-mon { display: block; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.auf-ev-main { flex: 1 1 auto; min-width: 0; }
h3.auf-ev-title { font-size: 1.15rem; margin: 0 0 4px; }
.auf-ev-title a { color: #1a1f1c; text-decoration: none; }
.auf-ev-title a:hover { color: #1e6b45; }
.auf-ev-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    font-size: 0.9rem;
    color: #5f6b64;
    margin-bottom: 6px;
}
.auf-ev-loc a { color: #1e6b45; text-decoration: underline; }
.auf-ev-cats a {
    display: inline-block;
    background: #ece5d6;
    border: 1px solid #e2dacb;
    border-radius: 999px;
    padding: 1px 10px;
    font-size: 0.8rem;
    color: #1a1f1c;
    text-decoration: none;
    margin-right: 4px;
}
.auf-ev-cats a:hover { border-color: #1e6b45; color: #1e6b45; }
.auf-chip--online { background: #1e6b45; color: #f6f3ec; }
.auf-chip--canceled { background: #17563a; color: #f6f3ec; }
.auf-ev-desc { margin: 0; font-size: 0.92rem; color: #1a1f1c; }
.auf-ev-side { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.auf-ev-owner { font-size: 0.8rem; }
.auf-ev-owner a { color: #5f6b64; text-decoration: underline; margin-left: 8px; }

/* Kalender-Tab: RSEvents-Tabellen markenkonform */
.auf-termine-cal { max-width: 900px; }
.auf-termine-cal .rs_calendar_module td, .auf-termine-cal .rs_calendar_module th { border: 1px solid #e2dacb; }
.auf-termine-cal .rs_calendar_module th { background: #ece5d6; color: #1e6b45; padding: 8px 4px; }
.auf-termine-cal .rs_calendar_module td { height: 64px; vertical-align: top; padding: 6px; background: #f6f3ec; }
.auf-termine-cal .rs_table a { color: #1e6b45; font-weight: 600; text-decoration: none; }
.auf-termine-cal .rs_calendar_arrows_module {
    display: inline-block;
    padding: 2px 12px;
    border: 1px solid #e2dacb;
    border-radius: 999px;
    background: #f6f3ec;
    color: #1e6b45;
    font-weight: 700;
}
.auf-termine-cal .rs_table { border-collapse: collapse; }

/* Karten-Tab + Consent */
.auf-termine-map .rsepro_map_container, .auf-termine-map [id^="rs_canvas"] { border-radius: 12px; border: 1px solid #e2dacb; }
.auf-map-consent {
    background: #ece5d6;
    border: 1px dashed #d6cbb4;
    border-radius: 12px;
    padding: 32px 28px;
    max-width: 560px;
    text-align: center;
    margin: 24px auto;
}
.auf-map-consent h3 { color: #1e6b45; margin: 0 0 8px; }
.auf-map-consent p { color: #1a1f1c; margin: 0 0 16px; }

/* Hinweisband für Aufsteller */
.auf-termine-band {
    margin-top: 34px;
    background: #0f3d2a;
    border-radius: 12px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.auf-termine-band-text { color: #f6f3ec; font-size: 1rem; max-width: 620px; }
.auf-termine-band-text strong { display: block; font-size: 1.15rem; margin-bottom: 2px; }

@media (max-width: 639px) {
    .auf-ev-card { flex-wrap: wrap; padding: 14px 14px 16px; }
    .auf-ev-side { flex-direction: row; align-items: center; width: 100%; justify-content: flex-start; }
    .auf-termine-icons { float: none; margin-bottom: 8px; }
}

/* Home: Nächste-Termine-Kartenreihe (mod_rseventspro_upcoming-Override, B3) */
.auf-home-ev-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    height: 100%;
    background: #f6f3ec;
    border: 1px solid #e2dacb;
    border-radius: 12px;
    padding: 16px;
    text-decoration: none !important;
    transition: border-color .15s, box-shadow .15s;
}
.auf-home-ev-card:hover { border-color: #1e6b45; box-shadow: 0 6px 18px rgba(62,50,44,.08); }
.auf-home-ev-card--canceled { opacity: 0.6; }
.auf-home-ev-card .auf-ev-badge { width: 54px; padding: 6px 0 7px; }
.auf-home-ev-card .auf-ev-day { font-size: 1.35rem; }
.auf-home-ev-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.auf-home-ev-name { font-weight: 700; color: #1a1f1c; line-height: 1.3; }
.auf-home-ev-card:hover .auf-home-ev-name { color: #1e6b45; }
.auf-home-ev-date { font-size: 0.82rem; color: #5f6b64; }
.auf-home-ev-loc { font-size: 0.82rem; color: #1e6b45; }
.auf-home-ev-loc--online {
    align-self: flex-start;
    background: #1e6b45;
    color: #f6f3ec;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-top: 2px;
}


/* === pcbb Petrol-Rebranding 2026-07-31: Kontrast-Fixes (WCAG >= 4.5:1) === */
/* hauptstadt.net 2026-08-22: gruene pcbb-Kopfleiste entfernt — die Leiste ist weiss mit
   dunkelgruener Schrift (Customizer-CSS/custom_less). Vorher: gruener Balken + dunkelgruene Schrift = unlesbar. */
.uk-text-primary { color: #1e6b45 !important; }
.uk-button-primary { background-color: #1e6b45; color: #fff; }
.uk-button-primary:hover, .uk-button-primary:focus { background-color: #17563a; color: #fff; }
.uk-button-text { color: #1e6b45; }
.uk-button-text:hover, .uk-button-text:focus { color: #17563a; }
#module-1107 a { color: #1e6b45; }
#module-1107 a:hover { color: #17563a; }
.uk-section-secondary .uk-text-muted, .uk-light .uk-text-muted,
.uk-section-secondary p, .uk-card-secondary .uk-text-muted { color: rgba(255,255,255,.85); }
a { color: #1e6b45; }
a:hover { color: #17563a; }
.uk-light .uk-text-meta, .uk-section-secondary .uk-text-meta { color: rgba(255,255,255,.85); }
.uk-text-meta { color: #5f6b64; }

/* =====================================================================
   pcbb Schoenheitsaudit 2026-07-31 — Wissen/Blog + Artikel-Feinschliff.
   Palette A: Petrol #1e6b45 · Hover #17563a · Tiefsee #0f3d2a ·
   Sand #f6f3ec / #ece5d6 / #e2dacb · Akzent #e8913a.
   Ergaenzt die Kontrast-Suite darueber — nichts davon ersetzen.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) /wissen + /en/knowledge: Kategorie-Kacheln (Override
      html/com_content/categories/default_items.php)
   --------------------------------------------------------------------- */
.pcbb-cat-grid { list-style: none; }
.pcbb-cat-grid .com-content-categories__item { list-style: none; }

a.pcbb-cat-card {
    position: relative;
    display: flex;
    height: 100%;
    background: #f6f3ec;
    border: 1px solid #e2dacb;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none !important;
    color: inherit;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
a.pcbb-cat-card:hover,
a.pcbb-cat-card:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(15, 61, 42, .12);
    border-color: #1e6b45;
    color: inherit;
}
.pcbb-cat-card-bar {
    flex: none;
    width: 5px;
    background: #e8913a;
    transition: background .18s ease;
}
a.pcbb-cat-card:hover .pcbb-cat-card-bar,
a.pcbb-cat-card:focus-visible .pcbb-cat-card-bar { background: #1e6b45; }

.pcbb-cat-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 22px 24px 20px;
}
.pcbb-cat-card-title {
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.3;
    color: #0f3d2a;
}
a.pcbb-cat-card:hover .pcbb-cat-card-title { color: #1e6b45; }
.pcbb-cat-card-desc {
    margin-top: 8px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #2a3b33;
}
.pcbb-cat-card-count {
    margin-top: 10px;
    align-self: flex-start;
    background: #ece5d6;
    border: 1px solid #e2dacb;
    border-radius: 999px;
    padding: 2px 12px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #0f3d2a;
}
.pcbb-cat-card-more {
    margin-top: auto;
    padding-top: 16px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #1e6b45;
}
a.pcbb-cat-card:hover .pcbb-cat-card-more { color: #17563a; }

/* ---------------------------------------------------------------------
   2) Kategorie-Blog (/wissen/<kategorie>): Beitraege als Karten
   --------------------------------------------------------------------- */
.pcbb-blog-grid > * > .uk-article,
.pcbb-blog-lead > * > .uk-article {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f6f3ec;
    border: 1px solid #e2dacb;
    border-radius: 14px;
    padding: 26px 28px 24px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pcbb-blog-grid > * > .uk-article:hover,
.pcbb-blog-lead > * > .uk-article:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(15, 61, 42, .12);
    border-color: #1e6b45;
}
.pcbb-blog-grid .uk-article-title,
.pcbb-blog-grid .uk-h3,
.pcbb-blog-lead .uk-article-title,
.pcbb-blog-lead .uk-h3 {
    font-size: 1.25rem !important;
    line-height: 1.3;
    color: #0f3d2a;
}
.pcbb-blog-grid .uk-article-title a,
.pcbb-blog-lead .uk-article-title a { color: #0f3d2a; text-decoration: none; }
.pcbb-blog-grid > * > .uk-article:hover .uk-article-title a { color: #1e6b45; }

/* Teaser */
.pcbb-blog-grid .uk-article > [property="text"],
.pcbb-blog-lead .uk-article > [property="text"] {
    font-size: 0.94rem;
    line-height: 1.6;
    color: #2a3b33;
    margin-top: 12px !important;
}

/* Weiterlesen-Button unten buendig, Petrol */
.pcbb-blog-grid .uk-article > p:last-child,
.pcbb-blog-lead .uk-article > p:last-child { margin-top: auto !important; margin-bottom: 0 !important; padding-top: 18px; }
.pcbb-blog-grid .uk-article .uk-button,
.pcbb-blog-lead .uk-article .uk-button {
    background: #1e6b45;
    border: 1px solid #1e6b45;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 18px;
    height: 36px;
    line-height: 34px;
    font-size: 0.85rem;
}
.pcbb-blog-grid .uk-article .uk-button:hover,
.pcbb-blog-grid .uk-article .uk-button:focus,
.pcbb-blog-lead .uk-article .uk-button:hover,
.pcbb-blog-lead .uk-article .uk-button:focus {
    background: #17563a; border-color: #17563a; color: #fff;
}

/* ---------------------------------------------------------------------
   3) Custom Fields (Lesedauer / Stand / Naechster Schritt)
      Markup: <ul class="fields-container"><li class="field-entry <name>">
   --------------------------------------------------------------------- */
.fields-container {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.fields-container > .field-entry { margin: 0; }

/* Lesedauer direkt unter dem Titel: dezente Meta-Zeile mit Uhr-Symbol */
.field-entry.lesedauer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0 !important;
    font-size: 0.85rem;
    color: #5f6b64;
}
/* Uhr als SVG-Maske statt Emoji (rendert ohne Emoji-Font sonst als Kaestchen) */
.field-entry.lesedauer::before {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    background-color: #5f6b64;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='none' stroke='%23000' stroke-width='2' cx='10' cy='10' r='8.5'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M10 5.5V10l3 2'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='none' stroke='%23000' stroke-width='2' cx='10' cy='10' r='8.5'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M10 5.5V10l3 2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.field-entry.lesedauer .field-label { font-weight: 600; color: #5f6b64; }

/* Stand: kleine, unaufdringliche Zeile am Artikelende */
.field-entry.stand {
    margin: 28px 0 0 !important;
    font-size: 0.82rem;
    color: #5f6b64;
}
.field-entry.stand .field-label { font-weight: 600; }

/* "Ihr naechster Schritt": hervorgehobene Sand-Karte mit Petrol-Kante */
.field-entry.naechster-schritt {
    display: block;
    margin: 18px 0 0 !important;
    background: #ece5d6;
    border: 1px solid #e2dacb;
    border-left: 5px solid #1e6b45;
    border-radius: 12px;
    padding: 20px 24px;
}
.field-entry.naechster-schritt .field-value > p { margin: 0; }
.field-entry.naechster-schritt .field-value > p + p { margin-top: 10px; }
.field-entry.naechster-schritt strong { color: #0f3d2a; }
.field-entry.naechster-schritt a { color: #1e6b45; text-decoration: underline; }
.field-entry.naechster-schritt a:hover { color: #17563a; }

/* In Listenansichten bleibt die Lesedauer eine schlichte Zeile */
.pcbb-blog-grid .fields-container,
.pcbb-blog-lead .fields-container { margin-bottom: 0; }

/* ---------------------------------------------------------------------
   4) Zugaengliches Absenden im Suchformular (mod_finder-Override)
   --------------------------------------------------------------------- */
.pcbb-visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.pcbb-visually-hidden:focus {
    position: static !important;
    width: auto; height: auto;
    margin: 0; overflow: visible;
    clip: auto; clip-path: none;
    padding: 6px 14px;
    background: #1e6b45;
    color: #fff;
    border-radius: 6px;
}

@media (max-width: 639px) {
    .pcbb-blog-grid > * > .uk-article,
    .pcbb-blog-lead > * > .uk-article { padding: 20px 20px 18px; }
    .pcbb-cat-card-body { padding: 18px 18px 16px; }
    .field-entry.naechster-schritt { padding: 16px 18px; }
}

/* ---------------------------------------------------------------------
   5) Artikel-Detailseite (/wissen/<kat>/<beitrag>): Lesetypografie
   --------------------------------------------------------------------- */

/* Doppelte Menue-Ueberschrift ("Wissen") ueber dem Artikel ausblenden —
   der Artikel bringt seine eigene H1 mit. Faellt in Alt-Browsern ohne
   :has() einfach auf den bisherigen Zustand zurueck. */
h1:has(+ article.uk-article) { display: none; }

/* Artikel-Titel in Tiefsee, engerer Zeilenfall */
article.uk-article > .uk-container > .uk-article-title {
    color: #0f3d2a;
    line-height: 1.18;
}

/* Einleitung (Kurzantwort) als Lead: groesser, ruhig, Tiefsee-Grau */
article.uk-article [property="text"] > p:first-child {
    font-size: 1.15rem;
    line-height: 1.65;
    color: #245c3f;
}

/* Zwischenueberschriften: Tiefsee mit kurzer Petrol-Kante */
article.uk-article [property="text"] h2 {
    color: #0f3d2a;
    margin-top: 46px;
    margin-bottom: 14px;
}
article.uk-article [property="text"] h2::after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    border-radius: 2px;
    background: #1e6b45;
    margin-top: 9px;
}
article.uk-article [property="text"] h3 {
    color: #0f3d2a;
    margin-top: 32px;
    margin-bottom: 10px;
}

/* Listen: Petrol-Marker, mehr Luft zwischen den Punkten */
article.uk-article [property="text"] ol > li,
article.uk-article [property="text"] ul > li { margin-bottom: 10px; }
article.uk-article [property="text"] ol > li::marker {
    color: #1e6b45;
    font-weight: 700;
}
article.uk-article [property="text"] ul > li::marker { color: #1e6b45; }
article.uk-article [property="text"] li strong { color: #0f3d2a; }

@media (max-width: 639px) {
    article.uk-article [property="text"] > p:first-child { font-size: 1.08rem; }
    article.uk-article [property="text"] h2 { margin-top: 36px; }
}

/* EN-Seiten: deutsches Feld-Label "Lesedauer:" ausblenden — Uhr + Wert genuegen */
html[lang^="en"] .field-entry.lesedauer .field-label { display: none; }

/* =====================================================================
   Paket A (2026-08-19, ur) — Rote Theme-Reste beseitigen.

   Grund: Die kompilierte theme.12.css traegt noch die vollstaendige
   Terrakotta-Palette (#d64570 / #d64570 / #0f3d2a / #1a1f1c / #5f6b64 …).
   custom.css hatte bisher nur Body, Headings, Buttons, Cards, Alerts und
   die Navbar-Flaeche auf Petrol gezogen — alle uebrigen UIkit-Komponenten
   rendern weiterhin rot bzw. braun: Trennstriche in der Navigation,
   Rahmen rechts vom Logo, weinroter Kasten "Angaben aktuell halten" auf
   jeder Detailseite, rote Linie unter "Was ist Ihre Situation?" auf der
   Startseite, Marker/Label/Badge, Tabs, Pagination, Slider-Pfeile …

   Diese Sektion zieht die komplette Rot-/Braun-Familie auf die im Haus
   bereits verwendete Petrol-Palette. Keine neuen Farben:
     #1e6b45  Petrol (Akzent/Primaer, = Linkfarbe der Site)
     #17563a  Petrol dunkel (Hover, Rahmen)
     #0f3d2a  Dunkel-Petrol (Sekundaer-Flaechen, = .uk-section-secondary)
     #0f3d2a  Tiefsee (Aktiv-Zustand dunkler Flaechen)
     #1e6b45  Fokus-Ring
     #1a1f1c  Textfarbe   ·  #5f6b64  Text gedaempft
     #ece5d6 / #e2dacb / #f6f3ec  Sand-Familie

   Technik: Die Regeln stehen bewusst mit derselben Spezifitaet wie im
   Theme — custom.css wird nach theme.12.css geladen und gewinnt damit
   ohne !important. !important steht nur dort, wo das Theme es selbst
   setzt. Wo das Theme radial-gradient()-Verlaeufe legt, wird
   background-image ausdruecklich auf none gesetzt, sonst bleibt der rote
   Verlauf ueber der neuen Flaechenfarbe sichtbar.
   ===================================================================== */

/* --- A-1: Kopfbereich und Navigation: Trennstriche und Rahmen --------
   Der Logo-Rahmen steht im weissen Headerbar -> Sand. Die Striche in der
   Navbar stehen auf Petrol -> eine Nuance dunkler. Reihenfolge beachten:
   auf Mobil traegt das Logo zusaetzlich .uk-navbar-item, dort soll die
   Navbar-Variante gewinnen. */
.uk-logo { border-right-color: #e2dacb; }

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle { border-right-color: transparent; }

.uk-navbar-center-left,
.uk-navbar-center:not(:has([class*=uk-navbar-center])),
.uk-navbar-left,
.uk-navbar-right { border-left-color: transparent; }

.uk-navbar-container { border-bottom-color: #e2dacb; }
body:has(.tm-toolbar, .tm-headerbar-top) .tm-header .uk-navbar-container:not(.uk-navbar-sticky) { border-top-color: #17563a; }

/* Hover-/Aufklapp-Flaeche in der Navbar (Theme: #d64570) */
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-toggle:hover,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-toggle[aria-expanded=true] { background-color: transparent; }

/* --- A-2: Farbige Flaechen (primary/secondary) inkl. Verlauf abschalten
   .uk-section-secondary/.uk-tile-secondary sind bereits weiter oben in
   dieser Datei erledigt und bleiben unangetastet. */
.uk-section-primary,
.uk-tile-primary { background-color: #1e6b45; background-image: none; }

.uk-card-primary {
    background-color: #1e6b45;
    background-image: none;
    border-color: #17563a;
}
.uk-card-primary.uk-card-hover:hover {
    background-color: #17563a;
    background-image: none;
    border-color: #17563a;
}
/* Kasten "Angaben aktuell halten" auf den Adress-Detailseiten */
.uk-card-secondary {
    background-color: #0f3d2a;
    background-image: none;
    border-color: #0f3d2a;
}
.uk-tile-secondary.uk-tile-hover:hover { background-color: #0f3d2a; }

.uk-background-primary { background-color: #1e6b45; }
.uk-background-secondary { background-color: #0f3d2a; }

/* --- A-3: Linien und Trenner ---------------------------------------
   Bewusste Akzentlinien (Heading-Divider/-Bullet) = Petrol, rein
   strukturelle Trenner = Sand-Rahmen. */
.uk-heading-divider { border-bottom-color: #1e6b45; }
.uk-heading-bullet::before { border-left-color: #1e6b45; }
.uk-heading-line > ::before,
.uk-heading-line > ::after { border-bottom-color: #e2dacb; }
.uk-divider-icon::before,
.uk-divider-icon::after { border-bottom-color: #e2dacb; }
blockquote { border-left-color: #1e6b45; color: #1a1f1c; }
blockquote footer { color: #5f6b64; }

/* --- A-4: Marker, Label, Badge, Tooltip ----------------------------- */
.uk-label { background-color: #1e6b45; border-color: #17563a; }
.uk-badge { background-color: #1e6b45; }
.uk-marker { background: #1e6b45; }
.uk-marker:hover { background: #17563a; }
.uk-card-badge { background: #1e6b45; }
.uk-tooltip { background: #1e6b45; }
[role=tooltip]:not(.uk-tooltip):not(.show) { background: #1e6b45; }

/* --- A-5: Text- und Marker-Farben, die das Theme mit !important setzt */
.uk-text-secondary { color: #0f3d2a !important; }
.uk-text-emphasis { color: #1a1f1c !important; }
.uk-list-primary > ::marker { color: #1e6b45 !important; }
.uk-list-secondary > ::marker { color: #0f3d2a !important; }
.uk-list-muted > ::marker { color: #5f6b64 !important; }
.uk-list-emphasis > ::marker { color: #1a1f1c !important; }

/* --- A-6: Navigationslisten, Dropdowns, Tabs, Pagination, Subnav ----- */
.uk-nav-default > li > a:hover,
.uk-nav-default > li.uk-active > a,
.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-nav-primary > li > a:hover,
.uk-nav-primary > li.uk-active > a,
.uk-nav-primary .uk-nav-sub a:hover,
.uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-nav-secondary .uk-nav-sub li.uk-active > a,
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li.uk-active > a,
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active > a,
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li.uk-active > a,
.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { color: #1e6b45; }

.uk-subnav > * > a:hover,
.uk-subnav > .uk-active > a { color: #1e6b45; }
.uk-subnav-pill > .uk-active > a { background-color: #1e6b45; border-color: #17563a; }

.uk-breadcrumb > * > :hover { color: #1e6b45; }

.uk-pagination > .uk-active > * { background-color: #1e6b45; border-color: #17563a; }

.uk-tab::before { border-bottom-color: #e2dacb; }
.uk-tab-left::before,
.uk-tab-right::before { border-left-color: #e2dacb; }
.uk-tab > .uk-active > a { background-color: #1e6b45; border-color: #1e6b45; }

/* --- A-7: Icons, Slider, Fortschritt, To-Top ------------------------ */
.uk-icon-overlay,
a .uk-icon-overlay { color: #1e6b45; }
.uk-iconnav > * > a:hover,
.uk-iconnav > .uk-active > a { color: #1e6b45; }
.uk-dotnav > * > :hover,
.uk-dotnav > * > :active,
.uk-dotnav > .uk-active > * { background-color: #1e6b45; }
.uk-thumbnav > * > :hover::before,
.uk-thumbnav > .uk-active > ::before { border-color: #1e6b45; }
.uk-slidenav { background-color: #1e6b45; border-color: #17563a; }
.uk-slidenav:hover { background-color: #17563a; border-color: #17563a; }
.uk-slidenav:active { background-color: #0f3d2a; border-color: #0f3d2a; }
.uk-totop,
.uk-totop:hover,
.uk-totop:active { color: #1e6b45; }
.uk-close:hover { color: #1e6b45; }
.uk-progress::-webkit-progress-value { background-color: #1e6b45; }
.uk-progress::-moz-progress-bar { background-color: #1e6b45; }
.uk-range::-webkit-slider-thumb { background: #1e6b45; }
.uk-range::-moz-range-thumb { background: #1e6b45; }
.tm-transition-border::after { border-color: #1e6b45; }
.uk-transition-toggle:focus .tm-transition-border::after,
.uk-transition-toggle:focus.tm-transition-border::after,
.uk-transition-toggle:hover .tm-transition-border::after,
.uk-transition-toggle:hover.tm-transition-border::after { border-color: #1e6b45; }

/* --- A-8: Restliche rote Links, Buttons, Akkordeon ------------------ */
.uk-link,
.uk-link-toggle .uk-link { color: #1e6b45; }
.uk-link:hover,
.uk-link-toggle:hover .uk-link { color: #17563a; }
.uk-button-link { color: #1e6b45; }
.uk-button-link:hover { color: #17563a; }
.uk-button-primary { border-color: #17563a; }
.uk-article-meta a { color: #1e6b45; }
.uk-article-meta a:hover { color: #17563a; }
.uk-accordion-default .uk-accordion-title:hover { color: #1e6b45; }
.uk-accordion-default .uk-accordion-icon,
.uk-accordion-icon { color: #1e6b45; }

/* --- A-9: Fokus-/Aktiv-Rahmen in Formularen und Suche --------------- */
.uk-form-blank:focus { border-color: #1e6b45 !important; }
.uk-search-default .uk-search-input:focus,
.uk-search-navbar .uk-search-input:focus,
.uk-search-medium .uk-search-input:focus,
.uk-search-large .uk-search-input:focus { border-color: #1e6b45; }
.uk-checkbox:focus,
.uk-radio:focus { border-color: #1e6b45; }
.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus { background-color: #1e6b45; }
:focus-visible { outline-color: #1e6b45; }
.uk-dropbar :focus-visible,
.uk-dropdown :focus-visible,
.uk-navbar-dropdown :focus-visible { outline-color: #1e6b45 !important; }

/* --- A-10: Braunes Textgrau #1a1f1c -> #1a1f1c ----------------------
   Nur die Stellen, die laut getComputedStyle-Messung vom 19.08. noch
   wirklich braun rendern (Body/Headings/Cards sind weiter oben in dieser
   Datei bereits neutralisiert). */
.uk-description-list > dt,
.uk-icon-link:hover,
.uk-iconnav > * > a,
.uk-icon-button,
.uk-icon-button:hover,
.uk-active > .uk-icon-button,
.uk-icon-button:active,
.uk-form-label,
.uk-form-icon:hover,
.uk-input,
.uk-select,
.uk-textarea,
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus,
.uk-button-default,
.uk-button-default:hover,
.uk-button-default.uk-active,
.uk-button-default:active,
.uk-card-default,
.uk-card-default .uk-card-title,
.uk-article-title,
.uk-search-input,
.uk-search-toggle:hover,
.uk-accordion-default .uk-accordion-title,
.uk-dropbar,
.uk-dropdown,
.uk-navbar-dropdown,
.uk-dropdown-nav > li > a,
.uk-dropdown-nav .uk-nav-header,
.uk-dropdown-nav .uk-nav-sub a,
.uk-navbar-dropdown-nav > li > a,
.uk-navbar-dropdown-nav .uk-nav-header,
.uk-nav-default > li > a,
.uk-nav-default .uk-nav-header,
.uk-nav-primary > li > a,
.uk-nav-primary .uk-nav-header,
.uk-nav-secondary > li > a,
.uk-nav-secondary > li > a:hover,
.uk-nav-secondary > li.uk-active > a,
.uk-nav-secondary .uk-nav-header,
.uk-subnav > * > :first-child,
.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:active,
.uk-breadcrumb > * > *,
.uk-pagination > * > *,
.uk-pagination > * > :hover,
.uk-tab > * > a,
.uk-tab > * > a:hover,
.uk-notification-message,
.uk-leader-fill::after,
.uk-text-lead,
.uk-link-muted a:hover,
.uk-link-toggle:hover .uk-link-muted,
a.uk-link-muted:hover { color: #1a1f1c; }

.uk-dropcap::first-letter,
.uk-dropcap > p:first-of-type::first-letter { color: #1a1f1c; }

/* --- A-11: Braunes Grau #5f6b64 -> #5f6b64 (gedaempfter Text) ------- */
.uk-link-muted a,
.uk-link-toggle .uk-link-muted,
a.uk-link-muted,
.uk-link-text a:hover,
.uk-link-toggle:hover .uk-link-text,
a.uk-link-text:hover,
.uk-table th,
.uk-table caption,
.uk-icon-link,
.uk-form-icon,
.uk-button-text:disabled,
.uk-button-link:disabled,
.uk-close,
.uk-article-meta,
.uk-comment-meta,
.uk-search .uk-search-icon,
.uk-search .uk-search-icon:hover,
.uk-search-toggle,
.uk-nav-default .uk-nav-sub a,
.uk-nav-primary .uk-nav-sub a,
.uk-nav-secondary .uk-nav-sub a,
.uk-nav-secondary .uk-nav-subtitle,
.uk-nav-default > li:not(.uk-active) > a:not(:hover) .uk-nav-subtitle,
.uk-nav-primary > li:not(.uk-active) > a:not(:hover) .uk-nav-subtitle,
.uk-navbar-dropdown-nav .uk-nav-sub a,
.uk-subnav > .uk-disabled > :first-child,
.uk-breadcrumb > :last-child > a:not([href]),
.uk-breadcrumb > :last-child > span,
.uk-pagination > .uk-disabled > *,
.uk-tab > .uk-disabled > a,
.uk-text-meta > a,
.tm-section-title { color: #5f6b64; }
.uk-search-input::placeholder { color: #5f6b64; }
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled { color: #5f6b64; }

/* --- A-12: Kursiv und Inline-Code standen auf dem Terrakotta-Warnton
   #a72f52 (dunkles Weinrot). Beide tragen keine Warn-Semantik.
   Die echten Warn-/Fehlerfarben (.uk-text-danger, .uk-form-danger,
   .uk-button-danger, .uk-label-danger) bleiben bewusst rot. */
/* Die Danger-Textfarbe des Themes wiederherstellen: .uk-input oben haette sie
   sonst mit ueberschrieben. Fehlerzustaende bleiben bewusst rot. */
.uk-form-danger,
.uk-form-danger:focus { color: #a72f52; }

em { color: inherit; }
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp { color: #0f3d2a; }

/* --- A-13: Fremdkomponenten mit derselben Terrakotta-Quelle --------- */
.awesomplete > ul > li:hover,
.awesomplete > ul > li[aria-selected=true] { color: #1e6b45; }
joomla-tab[view=tabs] > div[role=tablist]::before { border-bottom-color: #e2dacb; }
joomla-tab button[role=tab][aria-expanded=true] { background-color: #1e6b45; border-color: #1e6b45; }
.tm-toolbar-default { background: #0f3d2a; }

/* Ende Paket A ======================================================= */

/* --- D2-Nachtrag 19.08.2026: Cookie-Hinweis ragte rechts aus dem Viewport.
   Ursache: UIkit setzt ueber .uk-position-medium ein margin:30px, das sich mit
   der 100%-Breite aus D2 addiert. Gemessen vorher bei 512px Viewport:
   left=30 right=542 (30px abgeschnitten), bei 1418px: left=30 right=1448.
   Die Marge wird genullt; die optische Luft liefert weiterhin das Padding
   der Karte (30px mobil / 40px ab Desktop). --- */
.tm-consent.uk-position-fixed { margin: 0 !important; }