/* =========================================================
   BG/BRG Schwechat – my-overrides.css (SAUBER)
   Pfad: /media/templates/site/tp_business/my-overrides.css
   ========================================================= */


/* =========================
   1) BASIS TYPOGRAFIE
   ========================= */

body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
  font-family: inherit !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 0 0.6em 0 !important;
}

h1{ font-size: 2.0rem !important; }
h2{ font-size: 1.55rem !important; }
h3{ font-size: 1.25rem !important; }
h4{ font-size: 1.05rem !important; }
h5{ font-size: 1.0rem !important; }
h6{ font-size: 0.95rem !important; }

p, ul, ol{ margin: 0 0 1em 0 !important; }

/* Inline-Fontgrößen aus Artikeln entschärfen */
article span[style*="font-size"],
article p[style*="font-size"]{
  font-size: inherit !important;
}


/* =========================
   2) CONTENT-BEREICH: Breite + Luft am Rand
   ========================= */

@media (min-width: 1200px){
  #astroid-content .astroid-content-area{
    max-width: 1600px !important;    /* falls noch Platz: 1800px */
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #astroid-content .astroid-content-area .container{
    max-width: 100% !important;
  }
}

/* Luft links/rechts in Artikeln/Blogs */
.item-page,
.com-content-article,
.com-content-category-blog,
.com-content-category-featured,
.blog-items,
.blog-item,
.astroid-article-text{
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box;
}

@media (max-width: 768px){
  .item-page,
  .com-content-article,
  .com-content-category-blog,
  .com-content-category-featured,
  .blog-items,
  .blog-item,
  .astroid-article-text{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* =========================
   3) STARTSEITE: Boxen/Karten einheitlich
   ========================= */

.moduletable,
.astroid-module,
.card-layout,
.card-body{
  background: rgba(255,255,255,0.28) !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

.moduletable,
.astroid-module,
.card-body{
  padding: 12px 14px !important;
}


/* =========================
   4) STARTSEITE: "Aktuelle Themen" (Latest News) kompakter
   ========================= */

.latestnews,
ul.latestnews,
.latestnews li,
.latestnews-mod-list li,
.mod-articleslatest__link,
.mod-articleslatest a{
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.latestnews li,
.latestnews-mod-list li{
  padding: 6px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.latestnews li:last-child,
.latestnews-mod-list li:last-child{
  border-bottom: 0 !important;
}


/* =========================
   5) STARTSEITE: "Termine" kleiner (robust, viele Module)
   ========================= */

/* Titel/Zeile im Termin-Modul */
.moduletable .event-title,
.moduletable .event-title a,
.moduletable .eventlist-title,
.moduletable .eventlist-title a,
.moduletable .dp-event-title,
.moduletable .dp-event-title a,
.moduletable .mod-event-title,
.moduletable .mod-event-title a{
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Datum/Uhrzeit/Text darunter */
.moduletable .event-date,
.moduletable .event-time,
.moduletable .event-meta,
.moduletable .dp-event-date,
.moduletable .dp-event-time,
.moduletable .mod-event-date,
.moduletable .mod-event-time,
.moduletable time{
  font-size: 13px !important;
  line-height: 1.35 !important;
}


/* =========================
   6) STARTSEITE: Featured/Hauptberichte – Titel kleiner
   ========================= */

.blog-featured .item-title,
.blog-featured .page-header h2,
.blog-featured .item-title a,
.blog-featured .page-header h2 a,
.com-content-featured .page-header h2,
.com-content-category-featured .page-header h2{
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

.blog-featured .readmore a,
.com-content-category-featured .readmore a{
  font-size: 13px !important;
  font-weight: 600 !important;
}


/* =========================
   7) HEADER / MENÜ + DROPDOWN kleiner + ruhiger
   ========================= */

.astroid-header .navbar-nav > li > a,
.astroid-header .navbar-nav .nav-link,
.astroid-header .astroid-nav > li > a{
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 8px 12px !important;
}

/* Dropdown kompakter */
.astroid-header .dropdown-menu,
.astroid-header .dropdown-menu a,
.astroid-header .dropdown-menu .dropdown-item{
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.astroid-header .dropdown-menu a,
.astroid-header .dropdown-menu .dropdown-item{
  padding: 10px 14px !important;
}

/* Grellen Hover/Active-Hintergrund entfernen */
.astroid-header .navbar-nav > li > a:hover,
.astroid-header .navbar-nav .nav-link:hover,
.astroid-header .dropdown-menu a:hover,
.astroid-header .dropdown-menu .dropdown-item:hover{
  background: rgba(0,0,0,0.06) !important;
}

.astroid-header .navbar-nav > .active > a,
.astroid-header .navbar-nav > .active > a:hover,
.astroid-header .navbar-nav > .active > .nav-link{
  background: rgba(0,0,0,0.06) !important;
}
/* =========================================================
   Startseite: 3 Boxen sauber/gleich + Termine kleiner
   (funktioniert erst, wenn Module Class gesetzt ist)
   ========================================================= */

.tools-box,
.news-box,
.termine-box{
  background: rgba(255,255,255,0.28) !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
  padding: 12px 14px !important;
}

/* Aktuelle Themen: Liste kompakter */
.news-box,
.news-box a,
.news-box li{
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Termine: ALLES in der Box kleiner erzwingen */
.termine-box{
  font-size: 14px !important;
  line-height: 1.4 !important;
}
.termine-box *{
  font-size: inherit !important;
  line-height: inherit !important;
}
.termine-box .event-title,
.termine-box .event-title a,
.termine-box time,
.termine-box small{
  font-size: 13px !important;
}
/* =========================================
   HEADER / MENÜ: kleiner und kompakter
   ========================================= */

/* Haupt-Menü Links kleiner + weniger Höhe */
header .nav-link,
header .navbar-nav .nav-link,
.astroid-header .nav-link,
.astroid-header .navbar-nav .nav-link{
  font-size: 15px !important;
  padding: 10px 12px !important;
  line-height: 1.2 !important;
}

/* Dropdown-Menü (Untermenü) kleiner + kompakter */
header .dropdown-menu,
.astroid-header .dropdown-menu{
  padding: 8px 0 !important;
}

header .dropdown-menu .dropdown-item,
header .dropdown-menu a,
.astroid-header .dropdown-menu .dropdown-item,
.astroid-header .dropdown-menu a{
  font-size: 15px !important;
  padding: 10px 16px !important;
  line-height: 1.2 !important;
}

/* Hover/Active-Farbfläche im Menü: weniger “Blockig” */
header .nav-item > a,
.astroid-header .nav-item > a{
  border-radius: 8px !important;
}

/* =========================================
   ÜBERSCHRIFTEN: Seitentitel + Blog/Listen
   ========================================= */

/* Seitentitel (z.B. “Nachmittagsbetreuung”) kleiner */
.page-header h1,
.page-title,
h1{
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}

/* Blog/Startseite: Titel der Berichte kleiner */
.blog-item h2,
.blog-item h2 a,
.item-title,
.item-title a{
  font-size: 18px !important;
  line-height: 1.25 !important;
}
/* =========================================
   HEADER KOMPAKT (Astroid): weniger Höhe,
   Menü + Dropdown professionell
   ========================================= */

/* A) Riesige Header-Flächen verkleinern */
header,
.astroid-header,
.header-wrapper,
.astroid-header-section,
.astroid-header .header-top,
.astroid-header .header-main,
.astroid-header .header-bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* B) Suchleiste/Topbar-Bereich (oben) kompakter */
.astroid-header .astroid-search,
.astroid-header .search,
.astroid-header .search-module,
.astroid-header .mod-search,
.astroid-header form.search,
header .mod-search,
header form.search {
  margin: 6px 0 !important;
  padding: 0 !important;
}

/* Suchfeld selbst niedriger */
.astroid-header input[type="search"],
.astroid-header input[type="text"],
header input[type="search"],
header input[type="text"]{
  height: 40px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
}

/* C) Navbar / Menü-Leiste: keine “Mindesthöhe” */
.astroid-header .navbar,
header .navbar,
.astroid-header nav,
header nav{
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* D) Menü-Links: normal-klein, aber nicht mickrig */
.astroid-header .navbar-nav .nav-link,
header .navbar-nav .nav-link{
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 8px 10px !important;
}

/* E) Dropdown: kompakt */
.astroid-header .dropdown-menu,
header .dropdown-menu{
  padding: 6px 0 !important;
}

.astroid-header .dropdown-menu a,
.astroid-header .dropdown-item,
header .dropdown-menu a,
header .dropdown-item{
  font-size: 14px !important;
  padding: 8px 14px !important;
  line-height: 1.2 !important;
}

/* F) Logo/Brand: falls es den Header hochzieht -> begrenzen */
.astroid-header .navbar-brand img,
header .navbar-brand img,
.astroid-header .logo img,
header .logo img{
  max-height: 85px !important;
  height: auto !important;
}
/* =========================================================
   MENÜ: Klasse "mainnav" (Top + Dropdown kleiner)
   ========================================================= */

/* 1) Menüband insgesamt kompakter */
.mainnav,
.mainnav nav,
.mainnav .navbar,
.mainnav .navbar-collapse {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* 2) Top-Level Links (1. Ebene) kleiner + weniger Höhe */
.mainnav a.nav-link,
.mainnav .navbar-nav > li > a,
.mainnav .navbar-nav > .nav-item > .nav-link {
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 8px 10px !important;
}

/* 3) Dropdown (2. Ebene) kleiner + weniger Höhe */
.mainnav .dropdown-menu,
.mainnav .nav-child,
.mainnav ul ul {
  padding: 6px 0 !important;
  margin-top: 6px !important;
}

.mainnav .dropdown-menu a,
.mainnav .dropdown-menu .dropdown-item,
.mainnav .nav-child a,
.mainnav ul ul a {
  font-size: 13px !important;
  line-height: 1.2 !important;
  padding: 8px 14px !important;
}

/* 4) Falls Astroid/Template die Schrift im Dropdown speziell setzt */
.mainnav .dropdown-menu * ,
.mainnav .nav-child * ,
.mainnav ul ul * {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* 5) Hover/Active: ruhig (nicht grell) */
.mainnav a.nav-link:hover,
.mainnav .dropdown-menu a:hover,
.mainnav .dropdown-menu .dropdown-item:hover,
.mainnav .nav-child a:hover {
  background: rgba(0,0,0,0.06) !important;
}
/* =========================================================
   STARTSEITE: Tools + Termine kompakter (nur box- Klassen)
   Datei: /media/templates/site/tp_business/my-overrides.css
   ========================================================= */

/* ----- TERMINE (box-termine) ----- */

/* Gesamte Box: Grundschrift kleiner */
.box-termine {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* ALLES in der Box kleiner (greift auch, wenn das Modul eigene Größen setzt) */
.box-termine * {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Titel in der Box (der Modul-Header h3) kleiner */
.box-termine h3,
.box-termine .module-title,
.box-termine .astroid-module-title {
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
}

/* Event-Name / Text (oft links neben dem Datum) */
.box-termine a,
.box-termine .event-title,
.box-termine .title {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Datum/Uhrzeit extra klein */
.box-termine time,
.box-termine small,
.box-termine .date,
.box-termine .time,
.box-termine .event-date,
.box-termine .event-time {
  font-size: 12px !important;
  font-weight: 500 !important;
}


/* ----- TOOLS (box-tools) ----- */
.box-tools {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.box-tools * {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Tool-Buttons kompakter */
.box-tools a,
.box-tools .btn,
.box-tools button {
  padding: 8px 10px !important;
}

/* Tools-Box Titel (Header) kleiner */
.box-tools h3,
.box-tools .module-title,
.box-tools .astroid-module-title {
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
}
/* ===== Modul: Wichtige Informationen (box-wichtig) ===== */

.box-wichtig{
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Überschrift im Modul */
.box-wichtig h1,
.box-wichtig h2,
.box-wichtig h3,
.box-wichtig .module-title{
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
}

/* Liste kompakter */
.box-wichtig ul,
.box-wichtig ol{
  margin: 0 !important;
  padding-left: 18px !important;
}
.box-wichtig li{
  margin: 6px 0 !important;
}

/* Links nicht “fett riesig” */
.box-wichtig a{
  font-size: inherit !important;
  font-weight: 600 !important;
}

/* Falls das rote Info-Bild zu dominant ist: kleiner machen */
.box-wichtig img{
  max-width: 220px !important;
  height: auto !important;
}
/* TEST: muss sichtbar sein */
.box-wichtig { outline: 6px solid hotpink !important; }
/* Box "Wichtige Informationen" kleiner + sauber */
.box-wichtig,
.box-wichtig p,
.box-wichtig li,
.box-wichtig a {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.box-wichtig ul,
.box-wichtig ol {
  margin: 0.4em 0 0.8em 1.1em !important;
}

.box-wichtig strong {
  font-weight: 700;
}
.box-wichtig{
  outline: none !important;
  border: 1px solid rgba(0,0,0,0.20) !important;
  border-left: 6px solid rgba(0,0,0,0.20) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.28) !important;
  padding: 14px 16px !important;
}