/* CSS v8 — DEBUG-MARKER, vor Go-Live entfernen */
/* v8: Footer-Regel praezisiert — ".bp-page-footer p, h4" faerbte JEDE h4
       der Site schwarz, auch die Vorzeile des News-Kopfes. Variablen des
       News-Moduls zusaetzlich an .frame-type-list gehaengt.
   v7: News-Button traegt jetzt Markenfarbe mit weisser Schrift
       (einheitlich mit den uebrigen Sites).
   v6: Farben fuer das News-Modul ergaenzt (Aussehen zentral in
       fileadmin/theme/css/newsmodul.css). */

/* ===== KSC-Logo-Band ===== */


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

/* Fallback: Hintergrund direkt am CE, unabhaengig von Appearance-Option */
#c990{background-color:#9cbe5c;padding-top:2.5rem;padding-bottom:2.5rem;}
#c990 h3, #c990 p{color:#213012;}
.ksc-logo-wrap{margin-top:22px !important;margin-bottom:0 !important;}
.ksc-logo-wrap a{display:inline-block;}
.ksc-logo{width:min(340px,70vw);height:auto;display:inline-block;transition:transform .15s ease;}
.ksc-logo-wrap a:hover .ksc-logo{transform:translateY(-3px);}
@media (prefers-reduced-motion:reduce){.ksc-logo{transition:none;}
  .ksc-logo-wrap a:hover .ksc-logo{transform:none;}}


#page-header {
    padding: 0 0 0 0;
}


/* FOOTER */
.footer-section-content {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    color: #2b2b2b;
    background-color: #fcfcfc;
}
.footer-section-meta {
    color: #2b2b2b;
    background-color: #f4f4f4;
}
.footer-meta .meta-menu .active a {
    color: #485922;
    font-weight: normal;
}

.gallery-item img, .gallery-item picture {
    width: auto;
    height: auto;
    max-width: 100%;
}

/* 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;
}

.carousel-content {
    margin-top: 5%;
}

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

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

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

/*AUSNAHME*/
@media (min-width: 768px) {
    #c595 .contentcontainer[data-container-identifier="container_3_columns"] {
        grid-template-columns: 1fr 2fr 1fr;
    }

    #c322 {
        margin-top: 10%;
    }
}

/* GENERAL */
.element-subheader {
    margin-bottom: 2rem !important;
}
.gallery-item img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
h1, .h1, h2, .h2, h3, .h3 { font-weight: 500; }
/* ICONS */
.icongroup-item {
    flex-direction: column;
}
.icongroup-item path {
    fill: #9cbe5c;
}
.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
}
/* BUTTONS */
.btn {
    transition: all 0.2s ease;
    border-radius: 5px;
}
.btn-secondary {
    color: #2b2b2b;
    background-color: #fff;
    border: none;
}
.btn-secondary:hover {
    color: #2b2b2b;
    background-color: #eaeaea;
}
/* CAROUSEL */
.tel-href-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* NAVBAR */
.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
    content: none;
}
a {
    transition: all 0.2s ease;
}
.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 {
    transition: all 0.2s ease;
    color: #2b2b2b;
}
.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: #485922;
}
.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: #485922;
}
.dropdown-menu {
    border: none;
    border-bottom: 1px solid #9cbe5c;
    border-top: 1px solid #9cbe5c;
}
.card {
    text-align: center;
    border: none;
    background-color: #eaeaea;
    border-radius: 5px;
    height: unset;
    transition: all 0.2s ease-in-out;
}
.card:hover {
    cursor: pointer;
    background-color: #c8c8c8;
}
.card-footer {
    display: none;
}
.card-title > a {
    color: #2b2b2b;
}
.card-title > a:hover {
    text-decoration: none;
}
h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 400;
}

h4.carousel-header {
    display: 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 Gruen der Praxis.
   ===================================================================== */
/* 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: "walzbachtal v8";   /* Debug-Marker gegen Stale-Cache */
    --nw-accent: #9cbe5c;
    --nw-accent-dark: #485922;
    --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. */
.carousel .carousel-indicators li::marker { content:''; }
.navbar-nav .dropdown-menu {
    top: 100%;
    left: 0;
    right: auto;
    width: auto;
    margin-top: 0;
}

#c720 .gallery-row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
    --gallery-gap: 40px;
}
@media all and (max-width: 991px) {
    #page-header {
        --mainnavigation-link-height: 70px;
    }
    .navbar-mainnavigation .dropdown-menu {
        border-left: 5px solid #9cbe5c;
        border-bottom: 1px solid #9cbe5c;
        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;
    }
}