.bg-confair {
    background-color: #c2ffa2;
}

.bg-dunkelgrün {
    background-color: #132c0a;
    background-image: linear-gradient(to right, #043C02, #31CC02);
    display: flex;
    justify-content: center;
}

.div-flex {
    display: flex;
    flex-wrap: wrap;
    align-text: center
}

.bg-grey {
    background-color: #d3d3d3;
}

#headerLogo {
    height: 30px;
    width: 60px;
}

#banner {
    height: 340px;
}

.productImage {
    width: 80%;
    object-fit: cover;
    height: 200px;
}

#newsBanner {
    width: 100vw;
    height: 30vh;
    object-fit: cover;
}

.bild {
    width: 250px;
}

.bgimage {
    background-image: url("./../images/news_background.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 800px;
}

.height {
    height: 320px;
}

#abteilungenCarousel {
    height: 300px;
}

#Search {
    width: 300px;
}

/*Abteilungen*/
.carousel-size {
    width: 70%;
    margin-left: 15%;
}

/* Kontakt */
iframe {
    width: 40vw;
    height: 50vh;
}

/* Dark Mode*/

.dark-mode {
    background: linear-gradient(
            0deg,
            rgba(18, 18, 18, 1) 0%,
            rgba(31, 31, 31, 1) 100%
    );
    background: rgb(47, 47, 47);
    color: white;
}

.dark-mode #abteilungenCarousel.bg-white,
.dark-mode #abteilungenCarousel .bg-white,
.dark-mode #news.bg-white {
    background-color: #1a1a1a !important;
}

.dark-mode .bg-confair {
    background-color: #1b5e20;
    color: white;
}

.dark-mode nav img {
    filter: brightness(30) contrast(3) grayscale(1);
}

.dark-mode nav a {
    color: rgb(255, 255, 255) !important;
}

.dark-mode p,
.dark-mode td,
.dark-mode th {
    color: rgb(255, 255, 255);
}