/* Feuerwehr Doehlau - Custom Cassiopeia Styles */
/* Angepasst an das Original-Design (Helix3 preset4) */

/* Google Font: Open Sans (wie im Original) */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/* Feuerwehr-Rot als Akzentfarbe (Original: #eb4947) */
:root {
  --cassiopeia-color-primary: #eb4947;
  --cassiopeia-color-link: #eb4947;
  --cassiopeia-color-hover: #e61c19;
}

/* Schriftart global */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  background-color: #f0f0f0;
  background-image: url('/images/slidepageslider2-object1631509997.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
  background-position: right bottom;
}

h1 { font-family: 'Open Sans', sans-serif; font-weight: 800; }
h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; }
h3, h4 { font-family: 'Open Sans', sans-serif; font-weight: 400; }
h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 600; }

/* Header-Bereich - weiss/hellgrau wie im Original */
.container-header {
  background: #ffffff;
  padding: 0.5rem 0;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

.container-header a,
.container-header .site-title {
  color: #333;
}

.container-header .site-description {
  color: #999;
}

/* Navigation Container */
.container-nav {
  background: #ffffff;
  border-bottom: 1px solid #ddd;
}

/* ============================
   MetisMenu Dropdown Navigation
   ============================ */

/* Hauptmenue-Leiste */
.container-nav .metismenu.mod-menu {
  background: #ffffff;
}

/* Alle Hauptmenue-Links (Level 1) */
.container-nav .metismenu > .metismenu-item > a {
  color: #333 !important;
  padding: 0 15px;
  line-height: 50px;
  text-decoration: none;
  transition: color 0.2s, background 0.2s;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.container-nav .metismenu > .metismenu-item > a:hover,
.container-nav .metismenu > .metismenu-item > a:focus {
  color: #eb4947 !important;
  background: transparent;
  text-decoration: none;
}

.container-nav .metismenu > .metismenu-item.active > a,
.container-nav .metismenu > .metismenu-item.current > a {
  color: #eb4947 !important;
  background: transparent;
  text-decoration: none;
}

/* Dropdown-Pfeil (Toggler-Button) */
.container-nav .metismenu .mm-toggler {
  color: #333 !important;
  background: transparent;
  border: none;
  padding: 0 0.4rem;
  line-height: 50px;
  cursor: pointer;
  transition: color 0.2s;
}

.container-nav .metismenu .mm-toggler:hover,
.container-nav .metismenu .mm-toggler:focus {
  color: #eb4947 !important;
  background: transparent;
}

.container-nav .metismenu .mm-toggler::after {
  border-top-color: #333;
}

/* Dropdown-Menue (Level 2+) */
.container-nav .metismenu .mm-collapse {
  background: #ffffff;
  border: none;
  min-width: 240px;
  padding: 10px 20px;
  border-radius: 0;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

/* Desktop: absolut positionieren als Dropdown */
@media (min-width: 992px) {
  .container-nav .metismenu > .metismenu-item {
    position: relative;
  }
  .container-nav .metismenu > .metismenu-item > .mm-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
  }
}

/* Dropdown-Links */
.container-nav .metismenu .mm-collapse a {
  color: #333 !important;
  padding: 10px;
  display: block;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  font-size: 13px;
  border-left: none;
}

.container-nav .metismenu .mm-collapse a:hover,
.container-nav .metismenu .mm-collapse a:focus {
  background: #eb4947;
  color: #fff !important;
  text-decoration: none;
}

.container-nav .metismenu .mm-collapse .active > a {
  color: #eb4947 !important;
  background: transparent;
}

.container-nav .metismenu .mm-collapse .active > a:hover {
  background: #eb4947;
  color: #fff !important;
}

/* ============================
   Allgemeines
   ============================ */

/* Links global */
a {
  color: #eb4947;
}

a:hover {
  color: #e61c19;
}

/* Main Content - weisser Hintergrund */
.container-component {
  background: #fff;
}

/* Breadcrumbs / Page Title Bar - rot wie im Original */
.container-breadcrumbs {
  background: #eb4947;
  padding: 0.5rem 0;
  font-size: 0.9rem;
}

.container-breadcrumbs,
.container-breadcrumbs a,
.container-breadcrumbs .breadcrumb-item,
.container-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  color: #fff !important;
}

.container-breadcrumbs a:hover {
  color: rgba(255,255,255,0.8) !important;
}

/* Bottom-Bereich - hellgrau wie im Original */
.container-bottom-a {
  background: #f5f5f5;
  color: #333;
  padding: 40px 0;
}

.container-bottom-a a {
  color: #333;
}

.container-bottom-a a:hover {
  color: #eb4947;
}

.container-bottom-a h3,
.container-bottom-a .module-title,
.container-bottom-a .card-header {
  color: #333;
  font-size: 24px;
  font-weight: 400;
  text-transform: none;
  border-bottom: none;
  padding-bottom: 0.5rem;
  background: transparent;
}

/* Footer - ROT wie im Original (#eb4947) */
.container-footer {
  background: #eb4947;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

.container-footer a {
  color: rgba(255,255,255,0.9);
}

.container-footer a:hover {
  color: #fff;
}

/* Sidebar */
.container-sidebar-right .card {
  border: 1px solid #ddd;
  margin-bottom: 1.5rem;
  background: #fff;
}

.container-sidebar-right .card-header,
.container-sidebar-right h3.card-header {
  background: #f5f5f5;
  color: #333;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: 400;
}

/* Logo */
.logo img,
.container-header img {
  max-height: 100px;
}

/* Module-Listen (Einsaetze etc) */
.mod-articlesnews a,
.latestnews a {
  color: #333;
}

.mod-articlesnews a:hover,
.latestnews a:hover {
  color: #eb4947;
}

/* Back-to-top Button */
.back-to-top-link,
#back-top a,
a[href="#top"] {
  background: #eb4947;
  color: #fff;
}

.back-to-top-link:hover,
#back-top a:hover,
a[href="#top"]:hover {
  background: #e61c19;
  color: #fff;
}

/* Buttons */
.btn-primary {
  background-color: #eb4947;
  border-color: #e82e2b;
}

.btn-primary:hover {
  background-color: #e61c19;
  border-color: #cf1917;
}

/* Pagination */
.pagination > .active > .page-link {
  background-color: #eb4947;
  border-color: #eb4947;
}

.page-link {
  color: #333;
}

.page-link:hover {
  color: #eb4947;
}

/* Social Icons (falls vorhanden) */
ul.social-icons > li a:hover {
  color: #eb4947;
}

/* Boxed Layout - weiss mit Schatten */
.site-grid {
  max-width: 1240px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

/* Unsere Einsaetze Modul in Sidebar */
.container-sidebar-right .mod-articlesnews small {
  color: #999;
}

/* Joomla-Hinweis im Footer ausblenden */
.container-footer .footer2 {
  display: none;
}