/**
    Alt-Bau-Neu specific overrides
    This file overrides styles from the base theme for the daemmverfahren section
    defined in themes/daemmatlas_shared/css/daemmverfahren.css
*/

.daemmverfahren-content:before {
    background: white;  /* Alt-Bau-Neu: white instead of grey */
}

.daemmverfahren-uebersicht .views-exposed-form {
    background: white;  /* Alt-Bau-Neu: white instead of grey */
}

/* Navigation links styling for Dämmstoffe and Dämmverfahren */
.bauteile-titel, .bestandsbeschreibung-wrap > div:first-child, .daemmverfahren-content > div:nth-child(1), 
.intro-wrap > div > div:first-child, h1, h2, h3, h4,
.field-content{
    font-family: "Noto Sans", sans-serif;
}

.bestandsbeschreibung-wrap > div:first-child, .daemmverfahren-content > div:nth-child(1), .intro-wrap > div > div:first-child,
.banner-wrap .banner-content-wrap .banner-title, .daemmverfahren-content > div:nth-child(1), .taxonomy-headline-wrap > div:nth-child(1) > div:nth-child(1), .inhalt-wrap > div:nth-child(1) > div:nth-child(1),
h2 strong, h2{
    color: var(--primary);
    font-size: 30px;
    font-weight: 300 !important;
}

.seitenbaum-liste a, .bauteile-titel, .seitenbaum-liste .kategorie-daemmstoffe-wrap h3, .kategoriebaum-views-row-l3 span{
    transition: color 0.3s ease, border-bottom 0.3s ease;
}

.seitenbaum-liste a, .bauteile-titel, .seitenbaum-liste .kategorie-daemmstoffe-wrap h3{
    color: var(--primary);
    border-bottom: 1px solid transparent;
    padding-bottom: 5px !important;
    display: block;
    margin-bottom: 3px !important;
    font-weight: 300;
}

/*  kategorien in ebene l3 */
.kategoriebaum-views-row-l3 span{
    color: var(--primary) !important;
    line-height: 22px;
}

/* nur Kategorien, deren Zeile NICHT active-row ist */
.views-row:not(.active-row) .kategoriebaum-views-row-l3 span {
    color: var(--primary) !important;
}

/* hover auf navigations Elementen */
.seitenbaum-liste a:hover, .bauteile-titel:hover, .seitenbaum-liste .kategorie-daemmstoffe-wrap h3:hover, .kategoriebaum-views-row-l3 span:hover {
    color: var(--bs-black, black);
    text-decoration: none;
    border-bottom: 1px solid var(--bs-black, black);
}


.seitenbaum-liste .active a, .active .bauteile-titel, .seitenbaum-liste .kategoriebaum-wrap .active a {
    font-weight: 700;
    color: var(--primary) !important;
    border-bottom: 1px solid var(--primary);
    border-radius: 0 !important;
    background-color: transparent !important;
}

@media (max-width: 768px) {
    .daemmverfahren-content {
        background: white;  /* Alt-Bau-Neu: white instead of grey */
    }
}