/* =====================================================================
   physiopraxis-binder (Muenchen-Grosshadern) – muenchen-g.css
   Version: v1  ·  2026-08-10  (erste versionierte Fassung)
   ---------------------------------------------------------------------
   Changelog:
   v1 – Footer-Regel praezisiert: ".bp-page-footer p, h4" traf wegen des
         Kommas JEDE h4 der Site und war mit !important nicht zu
         ueberschreiben. Jetzt ".bp-page-footer h4". Sonst unveraendert.
   ===================================================================== */
#page-header {
    padding: 0 0 0 0;
}

.frame a[class=""], .frame a:not([class]) {
    color: #8e1c37;
}
.carousel .carousel-indicators li::marker {
    content: '';
}

/* GENERAL */
figure .caption { background: #8e1c37; color: #ffffff; padding: 0.2rem 0; opacity: 1; border-radius: 5px; margin-top: 0.2rem; }
.carousel .carousel-backgroundimage-fade { opacity: 0.4; }
img { border-radius: 5px; }
.font-size-2 { font-size: 1.5rem; font-weight: 500; }


/* TYPO */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; }
a { transition: all 0.2s ease-in-out; }

/* BUTTONS */
.btn-primary { border-radius: 10px; }

/* 2026-08-10 · Selektor praezisiert. Vorher stand hier ".bp-page-footer p, h4":
   wegen des Kommas traf "h4" JEDE Ueberschrift der Site, nicht nur die im
   Fussbereich – zusammen mit !important war das nicht zu ueberschreiben.
   Sichtbar geworden an der Vorzeile des News-Kopfes, die schwarz blieb. */
.bp-page-footer p,
.bp-page-footer h4 {
    color: black !important;
}

.card-menu-item .card-title a {
    color: white !important;
}

.card-footer .card-link {
    color: black !important;
}

.card a:not(.btn):hover {
    color: #4e0f1e !important;
}

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

figcaption {
    text-align: center;
}

.carousel-text-inner h1,h2{
    font-weight: 500 !important;
}

/* ICONS */
.icongroup-item { flex-direction: column; }
.icongroup-item path { fill: #8e1c37; }
.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; }

/* NAVIGATION */

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


.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: #000000; }
.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, .navbar-light .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:focus, .navbar-default-transition .navbar-nav .nav-link:focus, .navbar-default-transition.navbar-transition .navbar-nav .nav-link:focus { color: #8e1c37; }
.navbar-light .navbar-nav .show > .nav-link, .navbar-default .navbar-nav .show > .nav-link, .navbar-default-transition .navbar-nav .show > .nav-link, .navbar-default-transition.navbar-transition .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-default .navbar-nav .active > .nav-link, .navbar-default-transition .navbar-nav .active > .nav-link, .navbar-default-transition.navbar-transition .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-default .navbar-nav .nav-link.show, .navbar-default-transition .navbar-nav .nav-link.show, .navbar-default-transition.navbar-transition .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .navbar-default .navbar-nav .nav-link.active, .navbar-default-transition .navbar-nav .nav-link.active, .navbar-default-transition.navbar-transition .navbar-nav .nav-link.active { color: #7a1b33; }
.nav-link::before { content: none !important; }
.dropdown-menu { border: none; }
#nav-item-37 .nav-link-text::after {
    content: 'NEU';
    background-color: #8e1c37;
    color: #ffffff;
    border-radius: 999px;
    padding: 0px 8px;
    margin-left: 5px;
}
@media (min-width: 992px) {
    .nav-link::before, #nav-item-37 .nav-link-text::after { content: none !important; }
    #nav-item-37 .nav-link-text::before {
        content: 'NEU';
        background-color: #8e1c37;
        color: #ffffff;
        border-radius: 999px;
        padding: 0px 8px;
        margin-right: 5px;
    }
}

/* CARDS */
.card { border: none; border-radius: 10px; background-image: linear-gradient(-45deg, #8e1c37, #631326); }
.card-body { text-align: center; }
.card-title a { color: #fff; }
.card-title a:hover { color: rgba(255,255,255,0.8); text-decoration: none; }
.card-footer { padding: 0; background-color: transparent; border: none; text-align: center; padding-bottom: 1rem; width: 100%; }
.card-footer .card-link { color: #000; background-color: #fff; padding: 0.5rem 1rem; border-radius: 10px; text-decoration: none; }
.card-footer .card-link:hover { color: #8e1c37; }

/* FOOTER */
.footer-section-content { color: #000000; background-color: transparent; }
.footer-section-meta { color: #000000; background-color: white; text-align: center; }
.footer-meta .meta-menu > li { display: inline-block; padding-left: 0.5rem; padding-right: 0.5rem; }
footer .section-row { border-bottom: 1px solid #e9ecef; }

@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;
    }
}
/* === Popup Startseite (mit Animation) === */
.site-popup { display: block; pointer-events: none; opacity: 0; }

.site-popup__overlay{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 9998;
  opacity: 0;
  transition: opacity 220ms ease;
}

.site-popup__modal{
  position: fixed;
  left: 50%; top: 50%;
  transform: translate(-50%, -48%) scale(0.98);
  width: min(560px, calc(100vw - 32px));
  background: #fff;
  border-radius: 12px;
  z-index: 9999;
  opacity: 0;
  transition: transform 220ms ease, opacity 220ms ease;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* OPEN */
.site-popup.is-open { pointer-events: auto; opacity: 1; }
.site-popup.is-open .site-popup__overlay { opacity: 1; }
.site-popup.is-open .site-popup__modal { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* Close button */
.site-popup__close{
  position: absolute;
  right: 12px; top: 10px;
  border: 0; background: transparent;
  font-size: 28px; line-height: 1; cursor: pointer;
}

/* Optional: Bild/Content */
.site-popup__modal--image { overflow: hidden; }
.site-popup__image img { display:block; width:100%; height:auto; }
.site-popup__content { padding: 22px 24px 26px; text-align:center; }
.site-popup__team { margin-top: 18px; font-style: italic; }

@media (prefers-reduced-motion: reduce) {
  .site-popup__overlay, .site-popup__modal { transition: none; }
}

/* 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;
    }
    .navbar-mainnavigation .dropdown-menu {
        border-left: 5px solid #631326;
        border-bottom: 1px solid #631326;
        box-shadow:none;  width: 100%;
        border-radius: 0;
        padding: 0 0 0 0;
        width: 100% !important;
    }
}