@import "./css/generic.css";
@import "./css/breakpoint_992.css";
@import "./css/breakpoint_1046.css";
@import "./css/breakpoint_1200.css";
@import "./css/carousel.css";
@import "./css/timeline.css";
@import "./css/column.css";
@import "./css/home.css";

/*
Theme Name: Twenty Twenty-One Child-Theme
Theme URI: https://ckx.io/blog/twentytwentyone-child-theme
Description: Ein Child-Theme für das WordPress Standard Theme Twenty Twenty-One.
Author: psbrands GmbH
Author URI: https://www.psbrands.de/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Main menu */

.brz .brz-menu .brz-mm-navbar__title {
    display: none;
}

.brz .brz-menu__container[data-brz-custom-id="i3Ssi86LWknp"] > .brz-menu > .brz-menu__ul {
    margin-right: 15px;
}

/* Hover effects */

.brz .show-button-hover .brz-columns:hover .brz-column__items .brz-btn {
    /* color: #013FFB; */
}

.brz .color-dark-hover .brz-row__container:hover .brz-column__items .brz-img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(41%) saturate(3436%) hue-rotate(166deg) brightness(96%) contrast(101%);
}

.brz .color-dark-hover .brz-row__container:hover .brz-column__items .brz-rich-text * {
    color: #00404D;
}

.brz .brz-columns .contact-phone-text,
.brz .brz-columns .contact-mail-text {
    display: none;
    opacity: 0;
    width: 31em;
    padding: 1.15em;
    border-radius: 3px;
    right: 10em;
    background-color: #013FFB;
}

.brz .brz-columns .contact-phone-text {
    bottom: 7.5em;
}

.brz .brz-columns .contact-mail-text {
    bottom: 2em;
}

/* Slick slider navigation arrows white */
/* See: https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images */

.brz .slider-dots-white .brz-carousel .slick-slider.brz-carousel__slider .brz-slick-slider__arrow:after {
    background-color: #fff;
    background-image: none;
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: top left;
}

.brz .slider-dots-white .brz-carousel .slick-slider.brz-carousel__slider .brz-slick-slider__arrow-prev:after {
    mask-image: url(/wp-content/themes/twentytwentyone-child/img/Carousel_Pfeil_links.svg);
}

.brz .slider-dots-white .brz-carousel .slick-slider.brz-carousel__slider .brz-slick-slider__arrow-next:after {
    mask-image: url(/wp-content/themes/twentytwentyone-child/img/Carousel_Pfeil_rechts.svg);
}

/* Slick slider navigation dots */

.brz .brz-slick-slider__dots {
    height: 20px;
}

.brz .brz-slick-slider__dots li {
    padding-left: 6px;
    padding-right: 6px;
}

.brz .brz-carousel .slick-slider.brz-carousel__slider .brz-slick-slider__arrow-prev {
    margin-right: .5em;
}

.brz .brz-carousel .slick-slider.brz-carousel__slider .brz-slick-slider__arrow-next {
    margin-left: .5em;
}

@media only screen and (min-width: 992px) {
    .brz .brz-slick-slider__dots li {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.brz .brz-slick-slider__dots button {
    width: 12px;
    margin: 0 auto;
    border: none;
}

.brz .brz-slick-slider__dots .slick-active button {
    background-color: transparent !important;
    opacity: 1;
}

.brz .brz-slick-slider__dots button:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    width: 12px;
    height: 10px;
    background-image: url(/wp-content/themes/twentytwentyone-child/img/Carousel_Zaehler.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
}

/* Slick slider navigation dots white */
/* See: https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images */

.brz .slider-dots-white .brz-slick-slider__dots button:after {
    background-color: #fff;
    background-image: none;
    mask-image: url(/wp-content/themes/twentytwentyone-child/img/Carousel_Zaehler.svg);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: top left;
}

/* Slick slider with overflow right */

.brz .slider-overflow-right .brz-carousel__slider.slick-slider .slick-list {
    overflow: visible;
}

/* Accordion on page Standorte */

.brz .brz-section .brz-accordion .brz-accordion__item {
    margin-bottom: 0 !important;
}

.brz .brz-section .brz-accordion .brz-accordion__item:first-of-type {
    border-width: 0;
}

/* Blur background */
.brz .blur-container .brz-bg-color {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}