/* ==========================================================================
 * DD :: Header
 * ==========================================================================*/

/* Schwarz/Gelb für Desktop-Navi */
@media (min-width: 992px) {
    .nbp-baseheader.nbp-header-theme-dark .nbp-basenav-link:hover,
    .nbp-baseheader.nbp-header-theme-dark .nbp-basenav-link:focus,
    .nbp-baseheader.nbp-header-theme-dark .nbp-basenav-link.active {
        color: #FFEA00;
    }
    .nbp-baseheader.nbp-header-theme-dark .nbp-basenav-link::after {
        background-color: #FFEA00;
    }
}
/* Schwarz/Gelb für Header-Buttons */
.nbp-baseheader.nbp-header-theme-dark .nbp-header-button:hover .nbp-header-button-content,
.nbp-baseheader.nbp-header-theme-dark .nbp-header-button:focus .nbp-header-button-content,
.nbp-baseheader.nbp-header-theme-dark .nbp-header-button:active .nbp-header-button-content,
.nbp-baseheader.nbp-header-theme-dark .nbp-header-button[aria-expanded="true"] .nbp-header-button-content {
    color: #FFEA00;
}

/* ==========================================================================
 * DD :: Teaser
 * ==========================================================================*/

.dd-teaser-row {
    margin-top: 20px;
    margin-bottom: 10px;
}
.dd-teaser {
    position: relative; /* wichtig fuer stretched-link in teaser */
    background-color: #f6f6f6;
    background-clip: content-box;
    margin-bottom: 20px;
    min-height: 340px;
}
.dd-teaser:hover {
    background-color: #f0f0f0;
}
.dd-teaser:hover h3 a,
.dd-teaser:focus h3 a {
    text-decoration: underline !important;
}
.dd-teaser img {
    width: 100%;
}
.dd-teaser--figcaption {
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    margin-right: 5px;
    margin-bottom: -10px;
}
.dd-teaser--content {
    padding: 18px;
    font-size: 14px;
}
.dd-teaser .dd-teaser--content h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
.dd-teaser .dd-teaser--content a {
    display: inline-block;
    color: inherit;
    border: 0;
}