/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
    hyphens: auto;
}

body {
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
}

.brxe-text-basic,
.brxe-text {
    line-height: 1.4;
}

.nowrap {
    white-space: nowrap;
}

/*----------------------------------- Umbruchverhalten der Überschriften/Blocktexte -----------------------------------*/
h1, h2, h3, h4, h5, h6,
.kg-headerimageslider-text,
.kg-aktuellste-news__newsbox,
p {
    word-break: normal;    /* Standardverhalten, bricht nicht mitten im Wort */
    overflow-wrap: break-word; /* Nur bei Bedarf, bricht bei Leerzeichen */
    hyphens: manual;       /* Keine automatische Silbentrennung */
}

/*----------------------------------- Reihenfolge im Block "Bild-Text" ändern ------------------------*/
.image-text .xx-bild-text__texte, /* ACHTUNG KLASSENNAME!!!!!!!! */
.image-text .kg-bild-zent-text__texte,
.image-text .kg-bild-text__texte,
.image-text .kg-gallery-text__texte,
.image-text .xx-bild-zent-text__texte {
    order: 1; /* Dreht die Reihenfolge um, da Standard-Order 0 ist */
}
/*----------------------------------- Galerien und Text steuern ------------------------*/

/* Es ist nur die linke Galerie befüllt, der Block mit der Galerie daneben soll ausgeblendet werden */
.kg-galerien-und-text.gall-text-text .kg-galerien-und-text__galerie-links{
    width: 33.33%;
}
.kg-galerien-und-text.gall-text-text .kg-galerien-und-text__galerie-rechts{
    display: none;
}
.kg-galerien-und-text.gall-text-text .kg-galerien-und-text__text-block{
    width: 66.66%;
}

/*----------------------------------- Standardwerte (Mobile First) -----------------------------------*/
.normal-distance {
    margin-bottom: 40px;
}
.small-distance {
    margin-bottom: 20px;
}
.no-distance {
    margin-bottom: 0;
}

.kg-footer__text h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-family: 'Albert Sans';
    margin-bottom: 20px;
}

.kg-footer__text p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Albert Sans';
}

.splide__pagination {
    justify-content: flex-start !important;
    width: 100%;
    padding-left: 5px !important;
}
/*----------------------------------- Popup -----------------------------------*/
.brx-popup .brx-popup-content {
     background-color: initial;
}
/*----------------------------------- Media Queries -----------------------------------*/

/* Ab 479px */
@media screen and (min-width: 479px) {
    .normal-distance {
        margin-bottom: 60px;
    }
    .small-distance {
        margin-bottom: 30px;
    }
    .kg-footer__text h3 {
        font-size: 16px;
    }
}

/* Ab 768px */
@media screen and (min-width: 768px) {
    .normal-distance {
        margin-bottom: 80px;
    }
    .small-distance {
        margin-bottom: 40px;
    }
    .kg-footer__text h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .kg-footer__text p {
        font-size: 14px;
    }
}

/* Ab 992px */
@media screen and (min-width: 992px) {
    .normal-distance {
        margin-bottom: 100px;
    }
    .small-distance {
        margin-bottom: 50px;
    }
    .kg-footer__text h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .kg-footer__text p {
        font-size: 16px;
        line-height: 19px;
    }
    .menu-item-home {
        display: none;
    }
}
@media screen and (min-width: 1240px) {
    .splide__pagination {
        width: 1215px;
    }
}

/* Für das Samrtphone-Menü Nur für Geräte kleiner als 992px */
@media screen and (max-width: 991px) {
    /* Hintergrundfarbe des Menüs */
    nav.bricks-mobile-menu-wrapper::before {

    }
    .kg-header__nav-menu ul {
        padding: 0 !important;
    }

    .brxe-nav-menu .bricks-mobile-menu {
        max-width: 800px;
        margin: 0 auto;
        width: 100%;
        border: 1px solid #000;
        border-bottom-width: 0;
    }

    /* Link-Stile: Allgemein */
    .brxe-nav-menu .bricks-mobile-menu-wrapper li a {
        line-height: 28px !important;
        color: #000000; /* Schwarzer Text */
        font-size: 18px !important; /* Einheitliche Schriftgröße */
        white-space: normal; /* Zeilenumbrüche erlauben */
        z-index: 0;
    }

    /* --- Einrücken der Ebenen --- */
    /* 1. Ebene */
    .brxe-nav-menu .bricks-mobile-menu > li > .brx-submenu-toggle > *,
    .brxe-nav-menu .bricks-mobile-menu > li > a {
        padding: 5px 20px 5px 20px !important;
    }

    /* 2. Ebene */
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li > .brx-submenu-toggle > *,
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li > a {
        padding: 5px 20px 5px 45px !important;
    }

    /* 3. Ebene */
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu .sub-menu li > .brx-submenu-toggle > *,
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu .sub-menu li > a {
        padding: 5px 20px 5px 60px !important;
    }

    /* 4. Ebene */
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu .sub-menu .sub-menu li > .brx-submenu-toggle > *,
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu .sub-menu .sub-menu li > a {
        padding: 5px 20px 5px 75px !important;
    }

    /* --- Submenüs: Allgemeine Anpassungen --- */
    .ssf-header__nav-menu .sub-menu {
        padding: initial !important;
    }

    /* --- Submenü-Toggle-Stile --- */
    .brx-submenu-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        cursor: pointer;
        position: relative;
    }

    .brx-submenu-toggle a {
        color: #000000 !important;
        text-decoration: none;
        flex: 1;
        font-size: 18px !important;
    }

    .brx-submenu-toggle.icon-right button {
        margin-left: 0px;
    }

    .brx-submenu-toggle button {
        background: none;
        border: none;
        color: #000000 !important;
        cursor: pointer;
        font-size: 18px !important;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    /* Geöffnetes Submenü anzeigen */
    .sub-menu-open > .sub-menu {
        display: block;
    }

    /* --- Stile für die einzelnen Ebenen --- */
    /* 1. Ebene */
    .bricks-mobile-menu > li {
        background-color: #f9f9f9;
        border-bottom: 1px solid #333;
    }

    .bricks-mobile-menu > li > a {
        display: block;
        text-decoration: none;
        transition: background-color 0.3s ease;
        line-height: 28px !important;
    }

    /* 2. Ebene */
    .bricks-mobile-menu .sub-menu > li {
        background-color: #ebebeb;
    }

    .bricks-mobile-menu .sub-menu > li:last-child {
        border-bottom-width: 0px;
    }

    .bricks-mobile-menu .sub-menu > li > a {
        display: block;
        text-decoration: none;
        color: #000000 !important;
        transition: background-color 0.3s ease;
    }

    /* 3. Ebene */
    .bricks-mobile-menu .sub-menu .sub-menu > li {
        background-color: #e1e1e1;
    }

    .bricks-mobile-menu .sub-menu .sub-menu > li > a {
        padding: 0 30px 0 60px !important;
        display: block;
        text-decoration: none;
        color: #000000 !important;
        font-size: 18px !important;
    }

    /* 4. Ebene */
    .bricks-mobile-menu .sub-menu .sub-menu .sub-menu > li {
        background-color: #d3d3d3;
    }

    .bricks-mobile-menu .sub-menu .sub-menu .sub-menu > li > a {
        padding: 0 30px 0 75px !important;
        display: block;
        text-decoration: none;
        color: #000000 !important;
        font-size: 18px !important;
    }

    /* --- Icons: Pfeile --- */
    button .ti-angle-down,
    button .ti-angle-up{
        width: 30px;
        height:30px;
        background-color: #6e7757 !important;
        border-radius: 15px;
        color: #ffffff !important;
        padding: 2px;
    }
    button .ti-angle-down::before,
    button .ti-angle-up::before
    {
        position: absolute;
        top: 12px;
        left: 25px;
    }

    /* --- Hover-Farben --- */
    .bricks-mobile-menu a:hover {
        background-color: #ebf3d7 !important;

    }

}

/*----------------------------------- Accordion Block -----------------------------------*/

.kg-accordion__block .kg-accordion__title .kg-accordion__icon-black {
    opacity: 0;
    will-change: opacity; /* Optimierung für Animationen */
}

.kg-accordion__block .kg-accordion__title .kg-accordion__icon-white {
    opacity: 1;
    will-change: opacity;
}

/* Geöffneter Zustand */
.kg-accordion__block.brx-open .kg-accordion__title .kg-accordion__icon-black {
    opacity: 1;
}
.kg-accordion__block.brx-open .kg-accordion__title .kg-accordion__icon-white {
    opacity: 0;
}
.kg-accordion__block.brx-open .kg-accordion__title h3 {
    color: #1d1d1d;
}
.kg-accordion__block.brx-open,
.kg-accordion__block.brx-open .kg-accordion__title {
    background-color: #F1F1EE;
    border-radius: 10px;
}

/*----------------------------------- Bild-Text Block -----------------------------------*/
.bg-imagetext-green {
    background-color: #6E7757;
    padding: 85px 0;
}
.bg-imagetext-green h2, .bg-imagetext-green .kg-bild-text__text {
    color: #FEFFF9;
}