.startseite_konfigurator {
    position: relative;
}

.startseite_konfigurator::before {
    content: "";
    background-image: url('../Images/grunge_content-bg-top.svg');
    background-size: cover; /* Passt die Größe des Bildes an */
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 13%;
    z-index: 0;
}

[data-bs-theme="dark"] .startseite_konfigurator::before {
    background-image: url('../Images/grunge_content-bg-top-dark.svg');
    /* filter: contrast(1) saturate(0) brightness(2) contrast(10); */
}

.startseite_konfigurator::after {
    content: "";
    background-image: url('../Images/grunge_content-bg-bottom.svg');
    background-size: cover; /* Passt die Größe des Bildes an */
    background-repeat: no-repeat;
    background-position-y: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 10%;
    z-index: 0;
}

[data-bs-theme="dark"] .startseite_konfigurator::after {
    background-image: url('../Images/grunge_content-bg-bottom-dark.svg');
    /* filter: contrast(1) saturate(0) brightness(2) contrast(10); */
}

.startseite_konfigurator .frame-container-default {
    padding-top: 80px;
    padding-bottom: 50px;
}

[data-bs-theme="dark"] .startseite_konfigurator  {
    background: var(--black-color) !important;
}

.configuration_card {
    background: #fff;
    padding: 1.5rem;
    margin: 2rem .5rem;
    border-bottom: .75rem solid #11CB9C;
    box-sizing: border-box;
    cursor: pointer; /* Zeigt visuell, dass es klickbar ist */

}
[data-bs-theme="dark"] .configuration_card {
    background: #fff;
    border-bottom: 0;
}
.startseite_konfigurator .theme-btn {
    margin: 1rem;
}
[data-bs-theme="dark"] .startseite_konfigurator .theme-btn {
    color: #fff !important;
    border: 2px solid #ffffff !important;
}

.configuration_card img {
    max-width: 42px;
}
.configuration_card_title {
    color: var(--dark);
    font-size: 1.5rem;
    margin-top: 1rem;
    font-weight: bold;
}
.configuration_card_teaser {
    color: var(--dark);
}
[data-bs-theme="dark"] .configuration_card img {
    filter: brightness(0);
}
[data-bs-theme="dark"] .configuration_card_title,
[data-bs-theme="dark"] .configuration_card_teaser {
    color: var(--black-color) !important;
}

.configuration_card.active {
    background: #11CB9C;
}
.configuration_card.active img {
    filter: brightness(100);
}
.configuration_card.active .configuration_card_title,
.configuration_card.active .configuration_card_teaser {
    color: #fff;
}
[data-bs-theme="dark"] .configuration_card.active {
    background: var(--black-color);
    border: 2px solid #ffffff;
}
[data-bs-theme="dark"] .configuration_card.active img {
    filter: brightness(100);
}
[data-bs-theme="dark"] .configuration_card.active .configuration_card_title,
[data-bs-theme="dark"] .configuration_card.active .configuration_card_teaser {
    color: #fff !important;
}
.link_not_to_configuration {
    padding: 0;
}
.not-active {
    opacity: .25;
}
[data-bs-theme="dark"] .not-active {
    opacity: 0;
}

.startseite_konfigurator .frame-group-container {
    z-index: 10;
    position: relative;
}