html,
body {
    color: #fff;
}


html,
body {
    background-color: #212121;
}
.main-wrapper {
    background-color: #212121;
}

/* Scroller */
header {
    border-top: 5px solid #212121;
}
.navbar-brand svg,
.navbar-collapse-brand-wrapper svg {
    fill: #fff;
}

/* Navbar */
.nav-down {
    background-color:#212121;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.nav-down svg {
    fill: #fff;
}
nav.bg-white {
    background-color: #212121 !important;
}


/* Navbar Toggler */
.nav-down .navbar-toggler {
    color:#ffffff;
}
.navbar-toggler.active {
    color: #ffffff !important;
}
.nav-down.navbar-transparent .navbar-toggler {
    color: #fff;
}

.navbar.nav-down .navbar-brand img {
    -webkit-filter: invert(0);
    filter: invert(0);
}
.navbar.nav-down .nav-header-item-contact,
.navbar.nav-down .nav-header-item-contact a,
.navbar.nav-down .nav-header-link-booking {
    color:#ffffff;
}

/* Navbar Offcanvas */
.offcanvas-collapse {
    background-color: #212121;
}


/* --- btn */
.btn-outline-dark {
    color:white;
    border-color:white;
}



/* FOOTER */
footer hr {
    border-color: #808080;
}




/* FONT COLOR */
.text-dark-light {
    color: rgba(255,255,255,0.6);
}
.text-muted {
    color: rgba(255,255,255,0.5) !important;
}


/* Cards */
.card {
    background-color: #2f2f2f;
    border: 1px solid #2f2f2f;
}
.card-title,
.card-body{
    color: #fff;
}



/* Background-invert - Aktivitaeten */
.bg-white {
    background-color: #2f2f2f !important;
}

/* Calculator */
.bg-light {
    background-color: #2f2f2f !important;
}
table,
.table > :not(caption) > * > * {
    color:white !important;
}
table {
    --bs-table-bg: transparent !important;
}


#page_1300 .cart_counter {
    background-color: transparent;
    color: #efefef;
}

#page_1300 a.btn i{
    color: #ffffff;
}

#page_1300 a.btn i:hover {
    color: #d1d1d1;
}

#page_1300 .table-hover>tbody>tr:hover>*  {
    color: #fff !important;
}

/* Calculator Basket */

#page_1302 .table-hover>tbody>tr>* {
    color: #fff !important;
}
#page_1302 .table-hover>tbody>tr:hover>* {
    color: #d1d1d1;
}

#page_1302 .form-control {
    color: #d1d1d1; !important;
}





/* Product root page*/

.section-product-carousel h3{
    padding-left: 25px;
}