body .grid-3 {
    display: grid;
    gap: var(--grid-layout-gap);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--grid-item--min-width)), 1fr));
}

@media screen and (min-width: 781px) {
    body .grid-3 {
        --gap-count: calc(var(--grid-column-count) - 1);
        --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
        --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
        grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    }
}

body .grid-3 {
    --grid-column-count: 3;
    --grid-item--min-width: 280px;
    --grid-layout-gap: 2rem;
}

:root {
    --gap-3xs: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
    --gap-2xs: clamp(0.9rem, 0.871rem + 0.0806vw, 1rem);
    --gap-xs: clamp(1.4rem, 1.371rem + 0.0806vw, 1.5rem);
    --gap-s: clamp(1.8rem, 1.7419rem + 0.1613vw, 2rem);
    --gap-m: clamp(2.7rem, 2.6129rem + 0.2419vw, 3rem);
    --gap-l: clamp(3.6rem, 3.4839rem + 0.3226vw, 4rem);
    --gap-xl: clamp(5.4rem, 5.2258rem + 0.4839vw, 6rem);
    --gap-2xl: clamp(7.2rem, 6.9677rem + 0.6452vw, 8rem);
    --gap-3xl: clamp(10.8rem, 10.4516rem + 0.9677vw, 12rem);
    --gap-4xl: clamp(14rem, 13.129rem + 2.4194vw, 17rem);
    --radius-img: clamp(1.6rem, 1.3677rem + 0.6452vw, 2.4rem);
    --radius-card: clamp(0.6rem, 0.4258rem + 0.4839vw, 1.2rem);
    --radius-btn: clamp(0.4rem, 0.2839rem + 0.3226vw, 0.8rem);
    --font-h1: clamp(5.375rem, 4.7206rem + 1.8177vw, 7.629rem);
    --font-h2: clamp(4.479rem, 4.0072rem + 1.3105vw, 6.104rem);
    --font-h3: clamp(3.732rem, 3.3978rem + 0.9282vw, 4.883rem);
    --font-h4: clamp(3.11rem, 2.8789rem + 0.6419vw, 3.906rem);
    --font-h5: clamp(2.592rem, 2.4373rem + 0.4298vw, 3.125rem);
    --font-h6: clamp(2.16rem, 2.0613rem + 0.2742vw, 2.5rem);
    --font-body: clamp(1.5rem, 1.3839rem + 0.3226vw, 1.9rem);
    --font-heading: clamp(1.2rem, 1.1129rem + 0.2419vw, 1.5rem);
    --full-hight-div: calc(100vh - 9rem);
    ;
    --scroll-spacer: clamp(35rem, 33.5484rem + 4.0323vw, 40rem);
}

/*! This file is auto-generated */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 200;
    font-display: swap;
    src: url(./TitilliumWeb-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 300;
    font-display: swap;
    src: url(./TitilliumWeb-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 400;
    font-display: swap;
    src: url(./TitilliumWeb-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 600;
    font-display: swap;
    src: url(./TitilliumWeb-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 900;
    font-display: swap;
    src: url(./TitilliumWeb-Black.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url(./TitilliumWeb-BoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    src: url(./TitilliumWeb-ExtraLightItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url(./TitilliumWeb-Italic.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url(./TitilliumWeb-LightItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Titillium Web";
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url(./TitilliumWeb-SemiBoldItalic.ttf) format("truetype");
}

/* COLOR VARS */
:root {
    --bricks-color-3aad11: #f5f5f5;
    --bricks-color-6fac2b: #e0e0e0;
    --bricks-color-440b3f: #9e9e9e;
    --bricks-color-18294f: #616161;
    --bricks-color-8b5e51: #424242;
    --bricks-color-eb2272: #212121;
    --bricks-color-799898: #ffeb3b;
    --bricks-color-2579b6: #ffc107;
    --bricks-color-daa030: #ff9800;
    --bricks-color-b77374: #ff5722;
    --bricks-color-e70ac8: #f44336;
    --bricks-color-55c3d5: #9c27b0;
    --bricks-color-0f5812: #2196f3;
    --bricks-color-d54cd5: #03a9f4;
    --bricks-color-c8f700: #81D4FA;
    --bricks-color-7fd12f: #4caf50;
    --bricks-color-9b4c50: #8bc34a;
    --bricks-color-fe904d: #cddc39;
    --bricks-color-typosj: #ffffff;
    --bricks-color-ctsojx: #ffffff;
    --bricks-color-molueo: #000000;
    --bricks-color-yirvud: #4fb693;
    --bricks-color-rdypry: #cecece;
    --bricks-color-qouagu: #132d46;
}

/* GLOBAL CLASSES CSS */

/* BREAKPOINT: Desktop (BASE) */
.header_container {
    display: flex;
    padding-right: var(--gap-xl);
    padding-left: var(--gap-xl);
    flex-direction: column;
    justify-content: space-between;
    position: static;
    z-index: 9999;
    height: 9rem;
    background-color: var(--bricks-color-ctsojx)
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
    .header_container {
        padding-right: var(--gap-m);
        padding-left: var(--gap-m)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .header_container {
        padding-right: var(--gap-s);
        padding-left: var(--gap-s)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.header_content-wrapper {
    display: flex;
    width: 100%;
    padding-top: var(--gap-s);
    padding-bottom: var(--gap-s);
    z-index: 3;
    height: 100%
}


/* BREAKPOINT: Desktop (BASE) */
.header_wrapper-logo {
    display: flex;
    width: 20%;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 1;
    flex-grow: 0
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .header_wrapper-logo {
        width: 10rem
    }
}

/* BREAKPOINT: Desktop (BASE) */
.header_logo:not(.tag) {
    object-fit: contain
}

.header_logo img {
    object-fit: contain
}

.header_logo {
    width: 19rem;
    cursor: pointer
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .header_logo {
        width: 25rem
    }
}

/* BREAKPOINT: Desktop (BASE) */
.header_meu-wrapper {
    display: flex;
    width: 50%;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1
}


/* BREAKPOINT: Desktop (BASE) */
.header_nav-menu {
    color: #000000;
    font-size: var(--font-heading);
    text-transform: uppercase;
    font-family: "Titillium Web";
    font-weight: 400;
    margin-right: var(--gap-l)
}

.header_nav-menu .bricks-nav-menu>li {
    margin-left: 0
}

.header_nav-menu .bricks-nav-menu>li>a {
    padding-top: var(--gap-3xs);
    padding-right: var(--gap-xs);
    padding-bottom: var(--gap-3xs);
    padding-left: var(--gap-xs);
    justify-content: center;
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 400;
    border-bottom: 2px solid rgba(255, 255, 255, 0)
}

.header_nav-menu .bricks-nav-menu>li>.brx-submenu-toggle>* {
    padding-top: var(--gap-3xs);
    padding-right: var(--gap-xs);
    padding-bottom: var(--gap-3xs);
    padding-left: var(--gap-xs);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 400
}

.header_nav-menu .bricks-nav-menu>li>.brx-submenu-toggle {
    justify-content: center;
    border-bottom: 2px solid rgba(255, 255, 255, 0)
}

.header_nav-menu .bricks-nav-menu .current-menu-item>a {
    border-bottom-width: 2px;
    border-bottom-color: var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu .current-menu-item>.brx-submenu-toggle {
    border-bottom-width: 2px;
    border-bottom-color: var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu>.current-menu-parent>a {
    border-bottom-width: 2px;
    border-bottom-color: var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu>.current-menu-parent>.brx-submenu-toggle {
    border-bottom-width: 2px;
    border-bottom-color: var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu>.current-menu-ancestor>a {
    border-bottom-width: 2px;
    border-bottom-color: var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu>.current-menu-ancestor>.brx-submenu-toggle {
    border-bottom-width: 2px;
    border-bottom-color: var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu>li>a:hover {
    border-bottom: 2px solid var(--bricks-color-yirvud)
}

.header_nav-menu .bricks-nav-menu>li>.brx-submenu-toggle:hover {
    border-bottom: 2px solid var(--bricks-color-yirvud)
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .header_nav-menu .bricks-mobile-menu-wrapper {
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        width: 80vw
    }

    .header_nav-menu .bricks-mobile-menu-wrapper .brx-submenu-toggle {
        justify-content: flex-start
    }

    .header_nav-menu .bricks-mobile-menu-wrapper a {
        width: auto
    }

    .header_nav-menu .bricks-mobile-menu-wrapper:before {
        background-color: var(--bricks-color-ctsojx)
    }

    .header_nav-menu .bricks-mobile-menu>li>a {
        color: var(--bricks-color-molueo);
        font-size: var(--font-h5);
        line-height: 1;
        border-radius: var(--radius-btn);
        padding-top: var(--gap-2xs);
        padding-right: var(--gap-m);
        padding-bottom: var(--gap-2xs);
        padding-left: var(--gap-m)
    }

    .header_nav-menu .bricks-mobile-menu>li>.brx-submenu-toggle>* {
        color: var(--bricks-color-molueo);
        font-size: var(--font-h5);
        line-height: 1;
        padding-top: var(--gap-2xs);
        padding-right: var(--gap-m);
        padding-bottom: var(--gap-2xs);
        padding-left: var(--gap-m)
    }

    .header_nav-menu .bricks-mobile-menu>li>a[aria-current="page"] {
        background-color: rgba(206, 206, 206, 0.3)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-item>.brx-submenu-toggle {
        background-color: rgba(206, 206, 206, 0.3)
    }

    .header_nav-menu .bricks-mobile-menu>li>.brx-submenu-toggle {
        border-radius: var(--radius-btn)
    }

    .header_nav-menu .bricks-mobile-menu [aria-current="page"] {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu [aria-current="page"]+button {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-item>a {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-parent>a {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-item>.brx-submenu-toggle>* {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-parent>.brx-submenu-toggle>* {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu {
        display: none
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .header_nav-menu .bricks-nav-menu {
        flex-direction: row
    }

    .header_nav-menu .bricks-mobile-menu-wrapper:before {
        background-color: var(--bricks-color-ctsojx)
    }

    .header_nav-menu .bricks-mobile-menu-overlay {
        background-color: rgba(0, 0, 0, 0.3)
    }

    .header_nav-menu .bricks-mobile-menu>li>a {
        padding-top: var(--gap-s);
        padding-right: var(--gap-s);
        padding-left: var(--gap-s);
        font-size: var(--font-h6);
        font-family: "Titillium Web";
        font-weight: 300;
        line-height: 1;
        color: var(--bricks-color-molueo)
    }

    .header_nav-menu .bricks-mobile-menu>li>.brx-submenu-toggle>* {
        padding-top: var(--gap-s);
        padding-right: var(--gap-s);
        padding-left: var(--gap-s);
        font-size: var(--font-h6);
        font-family: "Titillium Web";
        font-weight: 300;
        line-height: 1;
        color: var(--bricks-color-molueo)
    }

    .header_nav-menu .bricks-mobile-menu [aria-current="page"] {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu [aria-current="page"]+button {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-item>a {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-parent>a {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-item>.brx-submenu-toggle>* {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu>.current-menu-parent>.brx-submenu-toggle>* {
        color: var(--bricks-color-yirvud)
    }

    .header_nav-menu .bricks-mobile-menu-toggle {
        width: var(--font-h4) !important;
        color: var(--bricks-color-ctsojx)
    }

    .header_nav-menu .bricks-mobile-menu-toggle .bar-top {
        width: var(--font-h4) !important
    }

    .header_nav-menu .bricks-mobile-menu-toggle .bar-center {
        width: var(--font-h4) !important
    }

    .header_nav-menu .bricks-mobile-menu-toggle .bar-bottom {
        width: var(--font-h4) !important
    }

    .header_nav-menu.show-mobile-menu .bricks-mobile-menu-toggle {
        color: var(--bricks-color-molueo) !important
    }

    .header_nav-menu .bricks-mobile-menu-wrapper {
        width: 80vw;
        justify-content: center;
        align-items: flex-start;
        text-align: left
    }

    .header_nav-menu .bricks-mobile-menu-wrapper .brx-submenu-toggle {
        justify-content: flex-start
    }

    .header_nav-menu .bricks-mobile-menu-wrapper a {
        width: auto
    }

    .header_nav-menu {
        margin-right: 0
    }
}

/* BREAKPOINT: Desktop (BASE) */
.mobile-menu-trigger {
    color: var(--bricks-color-molueo);
    fill: var(--bricks-color-molueo);
    display: none
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-menu-trigger {
        display: flex
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-trigger {
        font-size: var(--font-h6)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.trenner-hoch .line {
    height: 35px
}

.trenner-hoch.horizontal .line {
    border-top-width: 35px;
    width: 1px;
    border-top-style: solid;
    border-top-color: var(--bricks-color-molueo)
}

.trenner-hoch.vertical .line {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: var(--bricks-color-molueo)
}

.trenner-hoch.horizontal {
    justify-content: center
}

.trenner-hoch.vertical {
    align-self: center
}

.trenner-hoch .icon {
    color: var(--bricks-color-molueo)
}

.trenner-hoch {
    margin-right: var(--gap-s);
    margin-left: var(--gap-xs)
}


/* BREAKPOINT: Desktop (BASE) */
.hidden-desktop {
    display: none
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .hidden-desktop {
        display: flex
    }
}

/* BREAKPOINT: Desktop (BASE) */
.container-sprachumschalter {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bricks-color-molueo);
    border-radius: var(--radius-img);
    overflow: hidden;
    position: relative
}


/* BREAKPOINT: Desktop (BASE) */
.nav-menu-language-toggle {
    color: var(--bricks-color-molueo);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 400;
    text-transform: uppercase;
    padding-top: var(--gap-3xs);
    padding-right: var(--gap-2xs);
    padding-bottom: var(--gap-3xs);
    padding-left: var(--gap-2xs);
    z-index: 2;
    background-color: rgba(255, 0, 0, 0)
}

.nav-menu-language-toggle:hover {
    color: var(--bricks-color-yirvud)
}


/* BREAKPOINT: Desktop (BASE) */
.hover-indicator-sprachumschalter {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bricks-color-rdypry);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    visibility: hidden
}


/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hide-mobile {
        display: none
    }
}

/* BREAKPOINT: Desktop (BASE) */
.hero-btn i {
    color: var(--bricks-color-ctsojx);
    font-size: var(--font-body)
}

.hero-btn {
    color: var(--bricks-color-molueo);
    text-transform: uppercase;
    font-family: "Titillium Web";
    font-weight: 400;
    font-size: var(--font-heading);
    border: 1px solid var(--bricks-color-molueo);
    border-radius: 50%;
    padding-top: var(--gap-3xs);
    padding-right: var(--gap-xs);
    padding-bottom: var(--gap-3xs);
    padding-left: var(--gap-xs);
    background-color: rgba(255, 255, 255, 0)
}

.hero-btn:hover {
    background-color: rgba(206, 206, 206, 0.3)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hero-btn {
        display: none
    }
}

/* BREAKPOINT: Desktop (BASE) */
.mobile-menu-overlay {
    display: none
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-menu-overlay {
        display: none;
        width: 80vw;
        height: 100vh;
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: #ededed;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        padding-top: var(--gap-l);
        padding-right: var(--gap-m);
        padding-bottom: var(--gap-l);
        padding-left: var(--gap-m)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-overlay {
        display: none;
        width: 80vw;
        height: 100vh;
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: #ededed;
        padding-top: var(--gap-m);
        padding-right: var(--gap-s);
        padding-bottom: var(--gap-m);
        padding-left: var(--gap-s);
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-end;
        z-index: 99
    }
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-menu-close-icon {
        margin-bottom: var(--gap-3xl);
        color: var(--bricks-color-molueo);
        fill: var(--bricks-color-molueo);
        font-size: var(--font-h4)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-close-icon {
        font-size: var(--font-h5);
        margin-bottom: var(--gap-3xl)
    }
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-menu-content {
        display: flex;
        align-self: flex-start !important;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-content {
        display: flex;
        width: 100%;
        height: auto;
        align-self: flex-start !important;
        justify-content: flex-start;
        align-items: flex-start
    }
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-menu-de {
        flex-direction: column;
        justify-content: flex-start;
        width: 100%
    }

    .mobile-menu-de.brx-open .brx-nav-nested-items>* {
        justify-content: flex-start
    }

    .mobile-menu-de.brx-open .brx-submenu-toggle {
        justify-content: flex-start
    }

    .mobile-menu-de .brx-nav-nested-items {
        gap: 0px
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-de .brx-nav-nested-items {
        gap: 0px
    }

    .mobile-menu-de {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .mobile-menu-de .brx-nav-nested-items>li>[aria-current="page"] {
        color: var(--bricks-color-yirvud)
    }

    .mobile-menu-de .brx-nav-nested-items>li>.brx-submenu-toggle.aria-current>* {
        color: var(--bricks-color-yirvud)
    }

    .mobile-menu-de .brx-nav-nested-items>li>a {
        font-size: var(--font-h6);
        color: var(--bricks-color-molueo);
        line-height: 1.5;
        font-family: "Titillium Web";
        font-weight: 400
    }

    .mobile-menu-de .brx-nav-nested-items>li>.brx-submenu-toggle>* {
        font-size: var(--font-h6);
        color: var(--bricks-color-molueo);
        line-height: 1.5;
        font-family: "Titillium Web";
        font-weight: 400
    }
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-menu-link-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        display: flex;
        width: 100%;
        align-self: flex-start !important;
        align-items: flex-start
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-link-wrapper {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        display: flex
    }
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .mobile-nav-link {
        color: var(--bricks-color-molueo);
        font-size: var(--font-h6);
        font-family: "Titillium Web";
        font-weight: 400;
        line-height: 1.7
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-nav-link {
        color: var(--bricks-color-molueo);
        font-size: var(--font-h6);
        font-family: "Titillium Web";
        line-height: 1.5;
        text-transform: uppercase
    }
}

/* BREAKPOINT: Desktop (BASE) */
.trenner-mobile-menu .line {
    height: 1px
}

.trenner-mobile-menu.horizontal .line {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cecece
}

.trenner-mobile-menu.vertical .line {
    border-right-style: solid;
    border-right-color: #cecece
}

.trenner-mobile-menu .icon {
    color: #cecece
}

.trenner-mobile-menu {
    width: 100%;
    bottom: 0px;
    right: 0px;
    left: 0px
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .trenner-mobile-menu {
        margin-top: var(--gap-l);
        margin-bottom: var(--gap-xl)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .trenner-mobile-menu .line {
        height: 1px
    }

    .trenner-mobile-menu.horizontal .line {
        border-top-width: 1px;
        border-top-color: var(--bricks-color-molueo);
        border-top-style: solid;
        width: 100%
    }

    .trenner-mobile-menu {
        width: 100%;
        margin-top: var(--gap-m);
        margin-bottom: var(--gap-m)
    }

    .trenner-mobile-menu.vertical .line {
        border-right-color: var(--bricks-color-molueo);
        border-right-style: solid;
        border-right-width: 100%
    }

    .trenner-mobile-menu .icon {
        color: var(--bricks-color-molueo)
    }

    .trenner-mobile-menu.horizontal {
        justify-content: center
    }

    .trenner-mobile-menu.vertical {
        align-self: center
    }
}

/* BREAKPOINT: Desktop (BASE) */
.trenner-quer .line {
    height: 1px
}

.trenner-quer.horizontal .line {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cecece
}

.trenner-quer.vertical .line {
    border-right-style: solid;
    border-right-color: #cecece
}

.trenner-quer .icon {
    color: #cecece
}

.trenner-quer {
    width: 100%;
    bottom: 0px;
    right: 0px;
    left: 0px
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .trenner-quer .line {
        height: 1px
    }

    .trenner-quer.horizontal .line {
        border-top-width: 1px;
        border-top-color: var(--bricks-color-rdypry);
        border-top-style: solid;
        width: 100%
    }

    .trenner-quer {
        width: 100%
    }

    .trenner-quer.vertical .line {
        border-right-color: var(--bricks-color-rdypry);
        border-right-style: solid;
        border-right-width: 100%
    }

    .trenner-quer .icon {
        color: var(--bricks-color-rdypry)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.hero-container {
    display: flex;
    width: 100vw;
    position: relative;
    flex-direction: column
}

.hero-container .hero-dark-overlay {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hero-container {
        height: auto;
        display: flex;
        flex-direction: column;
        min-height: var(--full-hight-div)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.hero_sticky-wrapper {
    display: flex;
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0px
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hero_sticky-wrapper {
        height: 100vh;
        z-index: 1;
        min-height: 100vh;
        max-height: 100vh;
        position: sticky;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin-bottom: -30vh
    }
}

/* BREAKPOINT: Desktop (BASE) */
.hero-dark-overlay {
    display: flex;
    position: absolute;
    width: 100%;
    height: 13%;
    z-index: 5
}


/* BREAKPOINT: Desktop (BASE) */
.hero__img:not(.tag) {
    object-fit: cover
}

.hero__img img {
    object-fit: cover
}

.hero__img {
    width: 100%;
    height: 100%
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hero__img {
        z-index: 0;
        height: 70vh
    }
}

/* BREAKPOINT: Desktop (BASE) */
.hero__svg_overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: var(--gap-l);
    margin-left: var(--gap-l);
    max-width: 90%;
    width: 90%
}

.hero__svg_overlay * {
    stroke-width: 2px !important
}

.hero__svg_overlay :not([stroke="none"]) {
    stroke: var(--bricks-color-ctsojx) !important
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hero__svg_overlay {
        margin-right: var(--gap-s);
        margin-bottom: 35vh;
        margin-left: var(--gap-s);
        width: 90%
    }

    .hero__svg_overlay * {
        stroke-width: 5px !important
    }
}

/* BREAKPOINT: Desktop (BASE) */
.is-desktop {
    padding-top: var(--gap-xl);
    padding-right: var(--gap-xl);
    padding-bottom: var(--gap-xl);
    padding-left: var(--gap-xl)
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .is-desktop {
        display: none
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .is-desktop {
        visibility: hidden;
        display: none
    }
}

/* BREAKPOINT: Desktop (BASE) */
.is--mobile {
    display: none
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .is--mobile {
        display: flex
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .is--mobile {
        margin-top: var(--gap-s)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.hero_sticky-overlay {
    display: flex;
    width: 100vw;
    z-index: 2;
    background-color: var(--bricks-color-ctsojx);
    padding-top: var(--gap-xl);
    padding-right: var(--gap-xl);
    padding-bottom: var(--gap-xl);
    padding-left: var(--gap-xl);
    flex-direction: column;
    column-gap: 0px;
    row-gap: 0px;
    min-height: var(--full-hight-div)
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .hero_sticky-overlay {
        display: flex
    }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
    .hero_sticky-overlay {
        padding-right: var(--gap-m);
        padding-left: var(--gap-m)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .hero_sticky-overlay {
        z-index: 2;
        background-color: var(--bricks-color-ctsojx);
        display: flex;
        padding-top: var(--gap-m);
        padding-right: var(--gap-s);
        padding-bottom: var(--gap-m);
        padding-left: var(--gap-s);
        position: relative;
        min-height: var(--full-hight-div)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .standorte-overlay-container {
        background-color: var(--bricks-color-ctsojx);
        z-index: 5;
        margin-top: 0
    }
}

/* BREAKPOINT: Desktop (BASE) */
.bs-h1 {
    color: var(--bricks-color-molueo);
    font-size: var(--font-h4);
    text-transform: uppercase;
    font-family: "Titillium Web";
    font-weight: 600;
    line-height: 1.1
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .bs-h1 {
        font-size: var(--font-h4)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.gap-xl-top {
    padding-top: var(--gap-xl)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .gap-xl-top {
        padding-top: var(--gap-3xs)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.gap-xl-bottom {
    margin-bottom: var(--gap-xl);
    height: auto
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .gap-xl-bottom {
        margin-bottom: var(--gap-m)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.card-anwendungsbereiche {
    display: flex;
    flex-direction: row;
    background-color: rgba(206, 206, 206, 0.3);
    min-height: auto;
    height: auto;
    max-height: auto
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .card-anwendungsbereiche {
        flex-direction: column
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .card-anwendungsbereiche {
        flex-direction: column
    }
}

/* BREAKPOINT: Desktop (BASE) */
.margin-bottom-s {
    margin-bottom: var(--gap-s)
}


/* BREAKPOINT: Desktop (BASE) */
.card-img-txt-wrapper {
    display: flex;
    width: 50%;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start;
    padding-top: var(--gap-s);
    padding-right: var(--gap-m);
    padding-bottom: var(--gap-s);
    padding-left: var(--gap-m);
    position: static;
    min-height: auto
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .card-img-txt-wrapper {
        width: 100%;
        padding-top: var(--gap-l);
        padding-bottom: var(--gap-l)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .card-img-txt-wrapper {
        width: 100%;
        padding-top: var(--gap-m);
        padding-right: var(--gap-s);
        padding-bottom: var(--gap-m);
        padding-left: var(--gap-s)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.is--standorte {
    width: 40%;
    flex-direction: column;
    justify-content: center
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .is--standorte {
        width: 100%
    }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
    .is--standorte {
        width: 100%
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .is--standorte {
        width: 100%;
        order: 2
    }
}

/* BREAKPOINT: Desktop (BASE) */
.anwendungen-cards-heading {
    color: var(--bricks-color-ctsojx);
    font-size: var(--font-heading);
    line-height: 1;
    position: static;
    padding-top: var(--gap-2xs);
    padding-right: var(--gap-xs);
    padding-bottom: var(--gap-2xs);
    padding-left: var(--gap-xs);
    background-color: var(--bricks-color-yirvud);
    border-radius: var(--radius-img);
    margin-bottom: var(--gap-m)
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .anwendungen-cards-heading {
        position: static
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .anwendungen-cards-heading {
        padding-top: var(--gap-2xs);
        padding-right: var(--gap-2xs);
        padding-bottom: var(--gap-2xs);
        padding-left: var(--gap-2xs);
        position: static;
        margin-top: 0;
        margin-bottom: var(--gap-m)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.anwendungen-cards-txt {
    margin-top: var(--gap-s);
    margin-left: -28px;
    font-size: var(--font-body);
    font-family: "Titillium Web";
    font-weight: 400;
    line-height: 1.4
}

.anwendungen-cards-txt a {
    font-size: var(--font-body);
    font-family: "Titillium Web";
    font-weight: 400;
    line-height: 1.4;
    font-size: inherit
}


/* BREAKPOINT: Desktop (BASE) */
.no-offset-left {
    margin-left: 0
}


/* BREAKPOINT: Desktop (BASE) */
.standort-card-img {
    width: 60%;
    background-color: var(--bricks-color-ctsojx);
    border-top: 1px solid rgba(206, 206, 206, 0.3);
    border-right: 1px solid rgba(206, 206, 206, 0.3);
    border-bottom: 1px solid rgba(206, 206, 206, 0.3);
    max-width: 60%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
    .standort-card-img {
        width: 100%
    }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
    .standort-card-img {
        width: 100%
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .standort-card-img:not(.tag) {
        object-fit: cover
    }

    .standort-card-img img {
        object-fit: cover
    }

    .standort-card-img {
        order: 1;
        border-top: 1px solid rgba(206, 206, 206, 0.3);
        border-right: 1px solid rgba(206, 206, 206, 0.3);
        border-left: 1px solid rgba(206, 206, 206, 0.3)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.container-footer {
    padding-top: var(--gap-l);
    padding-right: var(--gap-xl);
    padding-bottom: var(--gap-l);
    padding-left: var(--gap-xl);
    display: flex;
    column-gap: var(--gap-2xl);
    justify-content: space-between;
    border-top: 1px solid var(--bricks-color-rdypry)
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
    .container-footer {
        padding-top: var(--gap-m);
        padding-right: var(--gap-s);
        padding-bottom: var(--gap-m);
        padding-left: var(--gap-s)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .container-footer {
        flex-direction: column;
        padding-top: var(--gap-m);
        padding-right: var(--gap-s);
        padding-bottom: var(--gap-m);
        padding-left: var(--gap-s)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-wrapper-logo-menu {
    display: flex;
    column-gap: var(--gap-2xl)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .footer-wrapper-logo-menu {
        flex-direction: column;
        column-gap: 0px
    }
}

/* BREAKPOINT: Desktop (BASE) */
.wrapper-footer-logo {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .wrapper-footer-logo {
        flex-direction: row;
        margin-bottom: var(--gap-m);
        column-gap: var(--gap-3xs);
        align-items: center;
        justify-content: flex-start
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-logo {
    max-width: 10rem
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .footer-logo {
        height: var(--gap-m);
        width: auto
    }
}

/* BREAKPOINT: Desktop (BASE) */
.wrapper-footer-menu {
    grid-gap: var(--gap-s);
    display: flex;
    column-gap: var(--gap-m)
}

/** GRID BUILDER (autogenerated on 10.1.2024) **/
.wrapper-footer-menu {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

/** GRID BUILDER (autogenerated on 10.1.2024) **/
.wrapper-footer-menu {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

/** GRID BUILDER (autogenerated on 10.1.2024) **/
.wrapper-footer-menu {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

.wrapper-footer-menu>* {
    grid-row: unset;
    grid-column: unset;
}

.wrapper-footer-menu>*:where(:nth-child(2)) {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .wrapper-footer-menu {
        margin-bottom: var(--gap-m);
        flex-direction: column
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-grid-item {
    display: flex;
    flex-direction: column
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .footer-grid-item {
        padding-bottom: var(--gap-3xs);
        border-bottom: 1px solid var(--bricks-color-rdypry);
        z-index: 10
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-menu-heading {
    color: var(--bricks-color-molueo);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 600;
    margin-bottom: var(--gap-2xs)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .footer-menu-heading {
        font-weight: 700;
        font-size: var(--font-body)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-menu-link {
    color: var(--bricks-color-molueo);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 600;
    line-height: 1;
    padding-top: var(--gap-3xs);
    padding-right: var(--gap-3xs);
    padding-bottom: var(--gap-3xs)
}

.footer-menu-link:hover {
    color: var(--bricks-color-yirvud);
    padding-top: var(--gap-3xs);
    padding-right: var(--gap-3xs);
    padding-bottom: var(--gap-3xs)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .footer-menu-link {
        font-size: var(--font-body)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-contact-info {
    color: var(--bricks-color-molueo);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 600;
    margin-bottom: -5px
}

.footer-contact-info a {
    color: var(--bricks-color-molueo);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 600;
    font-size: inherit
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .footer-contact-info {
        font-size: var(--font-body)
    }

    .footer-contact-info a {
        font-size: var(--font-body);
        font-size: inherit
    }
}

/* BREAKPOINT: Desktop (BASE) */
.footer-map {
    width: 50rem
}


/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .container-mobile-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu .brx-nav-nested-items {
        gap: 0px
    }

    .mobile-menu {
        width: 100%
    }

    .mobile-menu .brx-nav-nested-items>li>[aria-current="page"] {
        color: var(--bricks-color-yirvud)
    }

    .mobile-menu .brx-nav-nested-items>li>.brx-submenu-toggle.aria-current>* {
        color: var(--bricks-color-yirvud)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .mobile-menu-link {
        color: var(--bricks-color-molueo);
        font-family: "Titillium Web";
        font-weight: 400;
        font-size: var(--font-h6)
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .trenner-dark.horizontal .line {
        border-top-color: var(--bricks-color-molueo);
        border-top-width: 2px
    }

    .trenner-dark.vertical .line {
        border-right-color: var(--bricks-color-molueo)
    }

    .trenner-dark .icon {
        color: var(--bricks-color-molueo)
    }

    .trenner-dark .line {
        height: 2px
    }

    .trenner-dark.horizontal {
        justify-content: center
    }

    .trenner-dark.vertical {
        align-self: center
    }

    .trenner-dark {
        width: 100%;
        margin-top: var(--gap-m);
        margin-bottom: var(--gap-m)
    }
}

/* BREAKPOINT: Desktop (BASE) */
html {
    background-color: var(--bricks-color-ctsojx);
    /* scroll-behavior: smooth; */
}

body {
    background: none
}

@media (max-width: 991px) {
    #brxe-qopfxk .bricks-nav-menu-wrapper {
        display: none;
    }

    #brxe-qopfxk .bricks-mobile-menu-toggle {
        display: block;
    }
}

@media (max-width: 991px) {
    #brxe-ptzbwv .bricks-nav-menu-wrapper {
        display: none;
    }

    #brxe-ptzbwv .bricks-mobile-menu-toggle {
        display: block;
    }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    #brxe-atzkvh {
        font-size: var(--font-body)
    }
}

/* BREAKPOINT: Desktop (BASE) */
.brxe-popup-1630 .brx-popup-content {
    width: 100vw;
    height: 100vh;
    padding-top: var(--gap-3xl);
    padding-right: var(--gap-m);
    padding-bottom: var(--gap-3xl);
    padding-left: var(--gap-m)
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
    .brxe-popup-1630 .brx-popup-content {
        padding-top: var(--gap-l);
        padding-bottom: var(--gap-l);
        width: 100vw
    }
}

.wrapper-shaping-section {
    display: flex;
    width: 100%;
    height: 70vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--bricks-color-ctsojx);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center center;
    background-image: url(./home_grey.png)
}

@media (max-width: 991px) {
    .wrapper-shaping-section {
        background-color: var(--bricks-color-ctsojx);
        background-image: url(./home_grey-1024x576.png);
        background-size: cover
    }
}

@media (max-width: 767px) {
    .wrapper-shaping-section {
        background-color: var(--bricks-color-ctsojx);
        background-image: url(./home_grey-1024x576.png);
        background-size: cover
    }
}

@media (max-width: 478px) {
    .wrapper-shaping-section {
        align-items: center;
        padding-right: var(--gap-s);
        padding-left: var(--gap-s);
        justify-content: center;
        background-color: var(--bricks-color-ctsojx);
        background-image: url(./home_grey.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center center;
        height: 40vh
    }
}

.h3-big {
    color: var(--bricks-color-ctsojx);
    font-size: var(--font-h1);
    text-transform: uppercase;
    font-family: "Titillium Web";
    font-weight: 600
}

@media (max-width: 991px) {
    .h3-big {
        font-size: var(--font-h3)
    }
}

@media (max-width: 478px) {
    .h3-big {
        text-align: center;
        line-height: 1.3;
        font-size: var(--font-h5);
        margin-bottom: var(--gap-2xs)
    }
}

.is--green {
    color: var(--bricks-color-yirvud)
}

.bs-txt {
    color: var(--bricks-color-molueo);
    font-size: var(--font-body);
    font-family: "Titillium Web";
    font-weight: 400;
    line-height: 1.3
}

.bs-txt a {
    color: var(--bricks-color-molueo);
    font-size: var(--font-body);
    font-family: "Titillium Web";
    font-weight: 400;
    line-height: 1.3;
    font-size: inherit
}

@media (max-width: 478px) {
    .bs-txt {
        font-size: var(--font-body)
    }

    .bs-txt a {
        font-size: var(--font-body);
        font-size: inherit
    }
}

.is--center {
    align-items: center;
    text-align: center
}

.is--center {
    align-items: center;
    text-align: center
}

.is--center a {
    text-align: center;
    font-size: inherit
}

.zero-padding {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    /* margin-top: 100px; */
    padding-top: 100px;
}

.container {
    display: flex;
    flex-direction: column;
    padding-right: var(--gap-xl);
    padding-left: var(--gap-xl);
    width: 100%;
    height: 100vh;
}

@media (max-width: 767px) {
    .container {
        padding-right: var(--gap-m);
        padding-left: var(--gap-m)
    }
}

@media (max-width: 478px) {
    .container {
        padding-right: var(--gap-s);
        padding-left: var(--gap-s);
        border: 0
    }
}

.btn-minimal-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.btn-minimal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    bottom: 0px;
    cursor: pointer
}

.btn-minimal:hover {
    cursor: pointer
}

.is--medium-heading {
    font-size: var(--font-body)
}

.btn-minimal_filler {
    height: 1px !important;
    max-height: 1px !important;
    background-color: #4fb693;
    width: 100%
}

.btn-minimal_underline {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1px !important;
    max-height: 1px !important;
    background-color: #cfcfcf;
    overflow: hidden
}

.btn-minimal_heading {
    color: var(--bricks-color-molueo);
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width: 478px) {
    .btn-minimal_heading {
        font-size: var(--font-body)
    }
}

.bbm-logo {
    width: 220px;
    margin: -10px;
    max-width: 200%;
}

.wrapper-note {
    font-size: var(--font-heading);
    font-family: "Titillium Web";
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 478px) {
    .wrapper-note {
        font-size: var(--font-body)
    }
}

.trenner-quer.horizontal .line {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cecece
}

.brxe-counter {
    width: auto
}

:where(.brxe-divider) {
    align-items: center;
    display: flex;
    font-size: 30px;
    gap: 30px
}

:where(.brxe-divider).horizontal {
    width: 100%
}

:where(.brxe-divider).horizontal .line {
    border-top: 1px solid
}

:where(.brxe-divider).vertical {
    flex-direction: column
}

:where(.brxe-divider).vertical .line {
    border-right: 1px solid;
    width: auto
}

:where(.brxe-divider) .line {
    position: relative;
    width: 100%
}

:where(.brxe-divider) .icon {
    flex-shrink: 0;
    position: relative
}

:where(.brxe-divider) a {
    display: inline-flex
}

.bs-h1 {
    color: var(--bricks-color-molueo);
    font-size: var(--font-h4);
    text-transform: uppercase;
    font-family: "Titillium Web";
    font-weight: 600;
    line-height: 1.1
}

@media (max-width: 478px) {
    .bs-h1 {
        font-size: var(--font-h4)
    }
}

.gap-xl-top {
    padding-top: var(--gap-xl)
}

@media (max-width: 478px) {
    .gap-xl-top {
        padding-top: var(--gap-3xs)
    }
}

.gap-xl-top {
    column-gap: 0px;
    padding-top: var(--gap-xl)
}

@media (max-width: 478px) {
    .gap-xl-top {
        padding-top: var(--gap-3xs)
    }
}

.gap-xl-bottom {
    margin-bottom: var(--gap-xl);
    height: auto
}

@media (max-width: 478px) {
    .gap-xl-bottom {
        margin-bottom: var(--gap-m)
    }
}

.gap-xl-bottom {
    margin-bottom: var(--gap-xl);
    height: auto;
    column-gap: 0px
}

@media (max-width: 478px) {
    .gap-xl-bottom {
        margin-bottom: var(--gap-m)
    }
}

.gap-3xl-bottom {
    padding-bottom: var(--gap-3xl)
}

@media (max-width: 478px) {
    .gap-3xl-bottom {
        padding-bottom: var(--gap-s)
    }
}

.gap-3xl-top {
    padding-top: var(--gap-3xl)
}

@media (max-width: 478px) {
    .gap-3xl-top {
        padding-top: var(--gap-m)
    }
}