/* =====================================================================
   SG Zweibruecken - Hausschriften laut CI
   Headlines:  Barlow Condensed Black (900), versal
   Fliesstext: Inter Light (300), Fettung Inter SemiBold (600)
   Schriftdateien liegen lokal in ../fonts/ (SIL Open Font License).
   Kein Google Fonts, keine IP-Uebertragung an Dritte.
   Angelegt: 01.10.2026
   RUECKGAENGIG: Inhalt dieser Datei leeren und speichern.
   ===================================================================== */

@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/inter-300.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/inter-300-italic.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/barlow-condensed-900.woff2") format("woff2")}

:root{
  --sgz-text:"Inter",Arial,Helvetica,sans-serif;
  --sgz-head:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
}

/* ---------- Fliesstext: Inter Light ---------- */
html body{font-family:var(--sgz-text)!important;font-weight:300}
html body :is(p,li,dd,dt,td,th,blockquote,figcaption,label,input,textarea,select,button,small,
  .nav-title-text,.nav-link,.dropdown-item,.readmore,.astroid-footer,.astroid-contact-address,
  .uk-text-lead,.uk-text-meta,.uk-button){font-family:var(--sgz-text)!important}
html body :is(p,li,dd,dt,td,blockquote,figcaption){font-weight:300}
html body :is(strong,b,th){font-weight:600}

/* ---------- Headlines: Barlow Condensed Black ---------- */
html body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
  .uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,
  .uk-heading-small,.uk-heading-medium,.uk-heading-large,.uk-heading-xlarge,.uk-heading-2xlarge,
  .uk-card-title,.uk-article-title,.module-title,.newsflash-title,.heading){
  font-family:var(--sgz-head)!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:-.01em;
  line-height:.95;
}
html body :is(h1,h2,h3,h4,h5,h6) :is(a,span,strong,b){font-family:inherit!important;font-weight:inherit!important}

/* =====================================================================
   NAVBAR (01.10.2026)
   Band in Loewengrau, Menuepunkte schwarz,
   Hover/aktiv: weisser Balken unter der Schrift (Schrift bleibt schwarz,
   weil Weiss auf Loewengrau fuer kleine Schrift zu kontrastarm ist).
   Dropdowns: weiss, Hover-Zeile in Loewengrau.
   ===================================================================== */
:root{--sgz-grau:#8F8E91;--sgz-schwarz:#000;--sgz-weiss:#fff}

html body .astroid-header-section,
html body header.astroid-header-sticky{background-color:var(--sgz-grau)!important}

html body ul.astroid-nav > li > a,
html body ul.astroid-nav > li > a .nav-title,
html body ul.astroid-nav > li > a .nav-title-text,
html body ul.astroid-nav > li > a i{color:var(--sgz-schwarz)!important}

html body ul.astroid-nav > li > a .nav-title-text{
  text-decoration-line:underline;
  text-decoration-color:transparent;
  text-decoration-thickness:3px;
  text-underline-offset:8px;
  transition:text-decoration-color .15s ease;
}
html body ul.astroid-nav > li > a:hover .nav-title-text,
html body ul.astroid-nav > li > a:focus-visible .nav-title-text,
html body ul.astroid-nav > li.nav-item-active > a .nav-title-text,
html body ul.astroid-nav > li.nav-item-current > a .nav-title-text,
html body ul.astroid-nav > li > a.active .nav-title-text{text-decoration-color:var(--sgz-weiss)}

html body .megamenu-container,
html body .nav-submenu-container,
html body .nav-submenu{background-color:var(--sgz-weiss)!important}
html body .nav-submenu a,
html body .megamenu-container a,
html body .nav-submenu .nav-title-text,
html body .megamenu-container .nav-title-text{color:var(--sgz-schwarz)!important;text-decoration:none}
html body .nav-submenu li > a:hover,
html body .nav-submenu li > a:focus-visible,
html body .megamenu-container li > a:hover,
html body .megamenu-container li > a:focus-visible{background-color:var(--sgz-grau)!important;color:var(--sgz-schwarz)!important}

/* =====================================================================
   FLAECHEN AUF CI (01.10.2026)
   Nur Loewengrau oder Weiss als Flaeche, nie Schwarz.
   Auf Grau steht Schrift schwarz.
   ===================================================================== */

/* Header: alter Spaltenhintergrund #AFA9A9 auf Unterseiten raus */
html body .astroid-header-section .astroid-column,
html body .astroid-header-section .astroid-row,
html body .astroid-header-section .container{background-color:transparent!important}

/* Social-Leiste (#222) und Copyright-Footer (Schwarz) -> Loewengrau */
html body #t-1529472563843,
html body .astroid-footer-section{background-color:var(--sgz-grau)!important;color:var(--sgz-schwarz)!important}
html body #t-1529472563843 a,
html body #t-1529472563843 i,
html body .astroid-footer-section,
html body .astroid-footer-section *{color:var(--sgz-schwarz)!important}
html body .astroid-footer-section a{text-decoration:underline;text-underline-offset:3px}
html body .astroid-footer-section a:hover{text-decoration-thickness:2px}

/* News-Kacheln (#2C2E36) -> Loewengrau, Schrift schwarz */
html body .uk-card.bg-dark{background-color:var(--sgz-grau)!important}
html body .uk-card.bg-dark,
html body .uk-card.bg-dark *:not(.uk-button):not(img){color:var(--sgz-schwarz)!important}
/* Buttons: transparent, duenner schwarzer Rahmen, schwarze Schrift */
html body .btn-primary,
html body .uk-card.bg-dark .btn,
html body .uk-card.bg-dark .uk-button{background-color:transparent!important;border:1px solid var(--sgz-schwarz)!important;color:var(--sgz-schwarz)!important;box-shadow:none!important}
html body .btn-primary a,
html body .btn-primary a.readmore,
html body .uk-card.bg-dark a.readmore{background:transparent!important;color:var(--sgz-schwarz)!important;text-decoration:none}
html body .uk-card.bg-dark .btn:hover,
html body .uk-card.bg-dark .uk-button:hover{background-color:var(--sgz-weiss)!important}
html body .btn-primary:hover{background-color:var(--sgz-grau)!important}

/* fast unsichtbarer Trennbalken (rgba 1 %) unter dem News-Slider */
html body .divider-content{border-color:transparent!important}

/* eigene Graustufe #F7F7F7 -> Weiss */
html body #ba-df5sbnjae{background-color:var(--sgz-weiss)!important}