/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/* Grav-Logo im Header und Standard-Footer überall ausblenden */
#header .navbar-section.logo,
.mobile-logo,
#footer {
  display: none;
}

/* Zierlinie bei der ersten Zwischenüberschrift der Blogübersicht entfernen */
.blog-page-intro h2::before,
.blog-page-intro h2::after {
  content: none !important;
  display: none !important;
}

/* Zierlinien bei Zwischenüberschriften in Blogartikeln entfernen */
.content-item h2::before,
.content-item h2::after {
  content: none;
  display: none;
}

/* Alle Beiträge in der Sidebar:
   feste Höhe, vertikal scrollbar, horizontal nicht scrollbar */
.blog-recent-posts nav {
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.35rem;
}

/* Falls lange Artikeltitel die Breite sprengen, zusätzlich:*/
.blog-recent-posts a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* --------------------------------------------------
   Navigation: Desktop und Mobile sauber trennen
   -------------------------------------------------- */

/* Die zusätzliche Blognavigation grundsätzlich ausblenden */
.mobile-blog-navigation {
    display: none;
}

/* Desktop:
   Nur der weiße Kasten „Herbert Bartmann – Blog“ bleibt.
   Die darunterstehende Navigation wird ausgeblendet. */
.desktop-menu .desktop-standard-navigation,
.desktop-menu .mobile-blog-navigation {
    display: none !important;
}

@media (max-width: 840px) {

    /* Im mobilen Overlay den weißen Standard-Menüpunkt
       „Herbert Bartmann – Blog“ ausblenden */
    .overlay-menu .desktop-standard-navigation {
        display: none !important;
    }

    /* Dafür die eigens erstellte Blognavigation anzeigen */
    .overlay-menu .mobile-blog-navigation {
        display: block !important;
    }

    /* Mobile Menülinks in derselben Linkfarbe wie der Blog */
    .overlay-menu .mobile-blog-navigation a,
    .overlay-menu .mobile-blog-navigation a:visited {
        color: var(--q2-link) !important;
    }

    .overlay-menu .mobile-blog-navigation a:hover,
    .overlay-menu .mobile-blog-navigation a:focus {
        color: var(--q2-link-hover, var(--q2-link)) !important;
    }

    /* Sprachumschalter größer und leichter antippbar */
    .domain-language-switcher a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 3rem;
        min-height: 3rem;
        padding: 0.65rem 0.8rem !important;
        font-size: 1rem !important;
        line-height: 1 !important;
        font-weight: 600;
    }
}

/* Alle Überschriften im Blog in einer echten leichten Schrift darstellen.
   Cal Sans liegt hier nur als Regular vor; deshalb für Überschriften Inter Light verwenden. */
h1,
h2,
h3,
h4,
h5,
h6,
.mobile-menu-heading {
    font-family: Inter, Arial, sans-serif !important;
    font-weight: 300 !important;
}

/* Links in „Navigation“ und „Alle Beiträge“ ebenfalls schlanker */
.blog-navigation a,
.blog-recent-posts a,
.mobile-blog-navigation a {
    font-family: Inter, Arial, sans-serif !important;
    font-weight: 300 !important;
}