/* =====================================================================
   physio-hildebrand (Muenchen-Moosach) – muenchen-m.css
   Version: v3  ·  2026-08-10
   ---------------------------------------------------------------------
   Changelog:
   v3 – Variablen des News-Moduls zusaetzlich an .frame-type-list, damit
         die Ueberschrift des Plugins die Praxisfarbe bekommt.
   v2 – News-Modul: Farben der Praxis fuer die Meldungen ergaenzt
         (Aussehen zentral in fileadmin/theme/css/newsmodul.css).
   v1 – Ausgangsfassung: Navigation, Dropdown, Karten, Icons, Footer.
   ===================================================================== */
#page-header {
    padding: 0 0 0 0;
}

.frame a[class=""], .frame a:not([class]) {
    color: #767126;
}

.frame.frame-background-primary {
    a[class=""], a:not([class]) {
        color: black;
    }
}

.navbar-mainnavigation .navbar-nav {
    width: auto;
    margin-left: auto;
    margin-right: 0;
}

/* NAVBAR */
@media (min-width: 992px) {
    .navbar-nav .nav-item:nth-child(1) {
        background-color: #c4bc49;
        transition: all 0.2s ease-in-out;
        margin-right: 1rem;
    }

    .navbar-nav .nav-item:nth-child(1):hover {
        background-color: #646020;
    }

    .navbar-nav .nav-item:nth-child(1) a {
        color: #000000;
    }

    .navbar-nav .nav-item:nth-child(1) a:hover {
        color: #ffffff;
    }

    .navbar-mainnavigation .navbar-nav > li:nth-child(1) > .nav-link::before {
        display: none;
    }
}

.navbar-mainnavigation .navbar-brand-image {
    padding: 0;
    height: auto
}

.navbar-mainnavigation .navbar-brand-image img {
    max-height: 100%;
}

a {
    transition: all 0.1s ease-in-out;
}

/* normal */
.navbar-light .navbar-nav .nav-link, .navbar-default .navbar-nav .nav-link, .navbar-default-transition .navbar-nav .nav-link, .navbar-default-transition.navbar-transition .navbar-nav .nav-link {
    color: #2b2b2b;
}

/* hover */
.navbar-light .navbar-nav .nav-link:hover, .navbar-default .navbar-nav .nav-link:hover, .navbar-default-transition .navbar-nav .nav-link:hover, .navbar-default-transition.navbar-transition .navbar-nav .nav-link:hover {
    color: #767126;
}

.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
  display: none;  background: #767126;
}

/* DROPDOWN */
.navbar-mainnavigation .dropdown-menu {
    border: none;
    border-top: 2px solid #767126;
    border-bottom: 2px solid #767126;
}
/*
.bp-page-footer a {
    color: white !important;
}

.bp-page-footer a:hover {
    color: #dadada !important;
}
*/

.btn, .cc-btn {
    border-radius: 0;
}

.icongroup-item-text {
    text-align: center;
}

/* CARDS */
.card .card-footer {
    display: none;
}

.card .card-body {
    text-align: center;
    border: 1px solid #767126;
    transition: all 0.3s ease;
}

.card .card-body .card-title a {
    color: #2b2b2b;
}

.card .card-body .card-title a:hover {
    text-decoration: none;
    color: #6e6e6e;
}


.carousel-item-layout-dark {
    background-color: #000000;
}

.carousel-item-layout-dark .carousel-text-inner {
    text-shadow: 0 0 5px #000;
}
.carousel-item-layout-dark .carousel-backgroundimage-fade {
     opacity: 0.5;
 }
.carousel .carousel-indicators li::marker {
    content: '';
}

/* ICONS */
.icongroup-item {
    flex-direction: column;
}

.icongroup-item path {
    fill: #A8A13E;
}

.icongroup-item-icon {
    margin: 0 0 20px 0;
}

.icongroup-item-text-header {
    font-weight: 400;
    font-size: 18px;
}

.frame-type-icon_group .element-header {
    margin-bottom: 4rem;
}

/* TEMPLATE */
.frame-background-light {
    background-color: rgba(196, 188, 73, 0.2);
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    font-weight: 500;
}

.element-subheader {
    font-weight: 400;
}

img {
    border-radius: 5px;
}

/* FOOTER */
.footer-section-content {
    background-color: #A8A13E;
    color: #000000 !important;
}
.footer-section-content-column .frame-inner,
.footer-section-content-column .frame-inner a {
    color: #000000;
}

.footer-section-content-column .frame-inner a:focus,
.footer-section-content-column .frame-inner a:active,
.footer-section-content-column .frame-inner a:hover {
    color: #4d4d4d;
    text-decoration: none;
}

.footer-section-meta {
    background-color: #767126;
    color: #ffffff;
}

.footer-section-meta .frame-inner{
    text-align: center;
}

.footer-section-meta .frame-inner a {
    color: #ffffff;
}

.footer-section-meta .frame-inner a:hover {
    color: #dadada;
    text-decoration: none;
}

@media (min-width: 768px) {
    .icongroup-columns-3 .icongroup-item {
        width: calc(100% / 2 - 20px * 2);
    }
}

@media (min-width: 1200px) {
    .navbar-mainnavigation:not(.navbar-transition) .navbar-brand {
        height: 130px;
    }
}

@media (min-width: 1200px) {
    .navbar-transition .navbar-brand {
        height: 70px;
    }
}

/* =====================================================================
   NEWS (EXT:news) – nur die Farben dieser Praxis
   ---------------------------------------------------------------------
   Aussehen, Slider und Lightbox stehen zentral in
   fileadmin/theme/css/newsmodul.css (gemeinsam fuer alle HeCoPa-Sites),
   eingebunden ueber page.includeCSS.newsModul im Root-Template.

   Akzent = das Oliv der Praxis, wie in Navigation und Fusszeile.
   ===================================================================== */
/* Auch .frame-type-list, weil die Ueberschrift des Plugins VOR .news steht
   und die Variablen sonst nicht erbt (newsmodul.css ab v6). */
.news, .frame-type-list {
    --nw-layer: "muenchen-m v2"; /* Debug-Marker gegen Stale-Cache */
    --nw-accent: #767126;
    --nw-accent-dark: #646020;
    --nw-title: #2b2b2b;
}

/* Dropdown-Menue der Hauptnavigation unterhalb des Menuepunkts statt darueber
   Ohne Bootstraps natives Dropdown-JS (siehe custom.js) wird die Position nie
   von Popper.js berechnet - .dropdown-menu hat daher kein top/left und
   ueberlappt den auesloesenden Menuepunkt. top/left wirken nur bei position:
   absolute (Desktop), auf dem mobilen position:static-Menue ohne Effekt. */
.navbar-nav .dropdown-menu {
    top: 100%;
    left: 0;
    right: auto;
    width: auto;
    margin-top: 0;
}
@media all and (max-width: 991px) {
    #page-header {
        --mainnavigation-link-height: 70px;
    }
    #page-header img {
        top: 0;
        transform: none;
    }
    .navbar-mainnavigation .dropdown-menu {
        border-bottom: 1px solid #767126;
        box-shadow:none;  width: 100%;
        border-radius: 0;
        padding: 0 0 0 0;
        width: 100% !important;
    }
}
@media all and (min-width: 992px) {
    .navbar-mainnavigation .navbar-nav{
        justify-content: flex-end;
        align-items: center;
    }
}
.dropdown-item.active {
    color: black;
}