/* ============================================================
   GLOBAL
============================================================ */
body {
    background:#f8f9fa;
}


/* ============================================================
   HEADER
============================================================ */

/* Header Grundstruktur */
.header-block {
    background:#f8f9fa;
    position:relative;
    z-index:90000; /* Login & Suche immer sichtbar */
}

/* Logo */
.header-logo-img {
    height:85px;
    margin-right:14px;
}

.header-title-group {
    line-height:1;
}

.header-title {
    font-size:3rem;
    font-weight:500;
}

.header-title-accent {
    color:#b97b4e;
}

.header-subtitle {
    font-size:1.5rem;
    color:#666;
    margin-top:2px;
}


/* Login-Dropdown */
.header-login-menu {
    min-width:260px;
    z-index:99999; /* höchste Ebene */
}


/* Suche */
.search-box {
    position:absolute;
    right:1.25rem;
    top:72px;
    width:260px;
    display:none;
    z-index:8000; /* unter Login, über Navigation */
}

.search-box.is-visible {
    display:block;
}


/* ============================================================
   NAVIGATION
============================================================ */

.navbar {
        background:#f8f9fa;
    border-bottom:1px solid #b97b4e;
    padding-top:.5rem;
    padding-bottom:.5rem;

    position:relative;
    z-index:3000; /* unter Login/Suche */
}

.navbar .nav-link {
    padding:.75rem 1rem;
    color:#333 !important;
}

.navbar .nav-link:hover {
    color:#b97b4e !important;
}

/* Mega-Menü */
.navbar .dropdown-menu {
    border:none;
    border-radius:0;
    padding:1.5rem 2rem;
    margin-top:0;

    position:absolute;
    z-index:4000; /* über Navigation */
}


/* ============================================================
   MEGA-MENÜ LAYOUT
============================================================ */

.nav-item.position-static .dropdown-menu {
    width:100vw;
    left:50%;
    transform:translateX(-50%);
    top:100%;
    border-top:2px solid #b97b4e;
        background:#f8f9fa;
}

.mega-columns-4 {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:2rem;
    padding:1rem 2rem;
}

.mega-columns-2 {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:25px 40px;
    padding:20px 30px;
}

.mega-menu-title {
    font-size:1rem;
    font-weight:700;
    text-transform:uppercase;
    color:#444;
    margin-bottom:.75rem;
    border-bottom:2px solid #ddd;
    padding-bottom:4px;
}

.dropdown-item {
    padding:.35rem 0 !important;
    font-size:.95rem;
}

.dropdown-item i {
    width:22px;
    text-align:center;
}

.dropdown-item:hover {
    color:#b97b4e !important;
    background:transparent;
}

/* Aktiver Menüpunkt */
.navbar .nav-link.nav-active {
    color: #b97b4e !important;
    font-weight: 600;
}

/* Aktiver Eintrag im Dropdown */
.dropdown-item.nav-active {
    color: #b97b4e !important;
    font-weight: 600;
}

/* ============================================================
   PAGE TITLE BOX
============================================================ */

.page-title-box {
    background:#b97b4e;
    padding:1.4rem 1.4rem;
    color:#fff;
    border-radius:2px;
    margin-top:1rem;

    position:relative;
    z-index:100; /* unter Header & Navigation */
}

.page-title-box h1 {
    margin:0;
    font-size:1.5rem;
}


/* ============================================================
   BREADCRUMB – WEISS
============================================================ */

.breadcrumb-white .breadcrumb-item a {
    color:#fff !important;
    text-decoration:none !important;
}

.breadcrumb-white .breadcrumb-item,
.breadcrumb-white .breadcrumb-item.active {
    color:#fff !important;
}

.breadcrumb-white .breadcrumb-item::before {
    color:#fff !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width:991px) {

    .navbar {
        z-index:3000;
    }

    .navbar .dropdown-menu {
        z-index:2500 !important;
    }

    .nav-item.position-static .dropdown-menu {
        width:100%;
        transform:none;
        left:0;
        padding:1rem;
    }
}

/* ============================================================
   Footer
============================================================ */



.footer-link {
    color: #ddd;
    text-decoration: none;
}
.footer-link:hover {
    color: #fff;
    text-decoration: underline;
}
.footer-social {
    color: #bbb;
    font-size: 1.4rem;
    margin: 0 .4rem;
    text-decoration: none;
}
.footer-social:hover {
    color: #fff;
}


/* ===========================
   PRINT-STYLES IMPRESSUM & RECHTSTEXTE
   =========================== */
@media print {

  /* Nur den Hauptinhalt breit und gut lesbar */
  body {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 11pt;
    color: #000;
    background: #fff !important;
  }

  /* Layout vereinfachen */
  .navbar,
  #header,
  header,
  footer,
  .page-title-box,
  .breadcrumb,
  .btn,
  .btn-group,
  .alert,
  .social-icon-ar,
  .sidebar,
  .col-lg-3,
  #footer-widgets {
    display: none !important;
  }

  .container-fluid,
  .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .fullwidth-section {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
  }

  /* Hauptspalte vollbreit drucken */
  .col-lg-9 {
    width: 100% !important;
    float: none !important;
  }

  /* Links auch als Text sichtbar machen */
  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
  }

  /* Keine unnötigen Farben/Hintergründe */
  .bg-white {
    background: #fff !important;
  }

  /* Manuelle Seitenumbrüche möglich */
  .print-page-break {
    page-break-before: always;
  }
}
.visually-hidden-focusable {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.visually-hidden-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  padding: .5rem 1rem;
  background: #000;
  color: #fff;
  z-index: 10000;
}

/* ============================================================
   SIDEBAR – Stadtgeschichte München
   Bootstrap 5 optimiert
============================================================ */
.sidebar {
    width: 100%;
}

.sidebar-image img {
    transition: transform .25s ease, box-shadow .25s ease;
}

.sidebar-image img:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

.sidebar-ads {
    text-align: center;
}