.dark-primary-bg-color {
    background-color: #00796B !important;
}

.light-primary-bg-color {
    background-color: #B2DFDB !important;
}

.primary-bg-color {
    background-color: #009688 !important;
}

.accent-color {
    background-color: #9E9E9E !important;
}

.text-color, .text-color a {
    color: #FFF !important;
}

header h1, header nav a.nav-link {
    color: #fff;
}

footer .copyright {
    color: #fff;
}

.icon-white {
    color: #fff;
}

.text-color a:hover {
    color: #B2DFDB;
}

.primary-text-color, .primary-text-color a {
    color: #212121 !important;
}

.secondary-text-color, .secondary-text-color a {
    color: #757575 !important;
}

.devider-color-color {
    color: #BDBDBD !important;
}

.newsflash-image img {
    height: 280px;
}

.stories-img {
    height:200px;
    width: 100%;
}

#brand-mobile {
    width: auto!important;
    height: 64px!important;
    transition: transform 0.3s ease, top 0.3s ease;
}

.navbar-toggler {
    border: none;
    background-color: transparent;
    color: white;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler i {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Initialzustand: Nur das Bars-Icon anzeigen */
.navbar-toggler[aria-expanded="false"] .fa-xmark {
    opacity: 0;
    transform: rotate(-90deg);
}

.navbar-toggler[aria-expanded="false"] .fa-bars {
    opacity: 1;
    transform: rotate(0deg);
}

/* Geöffnetes Menü: Nur das X-Icon anzeigen */
.navbar-toggler[aria-expanded="true"] .fa-bars {
    opacity: 0;
    transform: rotate(90deg);
}

.navbar-toggler[aria-expanded="true"] .fa-xmark {
    opacity: 1;
    transform: rotate(0deg);
}

header nav ul.dropdown-menu {
    background-color: #00796B;
}

header nav ul.dropdown-menu .dropdown-item:hover {
    background-color: #B2DFDB;
    color: #fff;
}
figcaption.figure-caption, .breadcrumb-item {
    color: #fff!important;
}

.readmore a.btn-secondary {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

.btn-back-button {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

.page-header span {
    position: relative;
    padding: 0;
    border-bottom: 0;
    margin-bottom: -1px;
    display: inline-block;
    color: #fff;
}

.page-header span::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -10px;
    height: 1px;
    width: calc(100% + 30px);
    z-index: 1;
    background: #fff;
}

.bg-transparent {
    background-color: transparent!important;
    color: #fff;
}