/*
 * Ergänzungen zur Original-Gestaltung (custom-style.css):
 * Hintergrundbild, Bilder, externe Inhalte, Cookie-Banner, Formulare im Seitenfuß.
 */

/* Seitenhintergrund (früher per JavaScript "backstretch" gesetzt) */
body {
    background: #000 url(../img/common/design_hg.jpg) no-repeat center top fixed;
    background-size: cover;
}

/* Bilder passen sich der Spaltenbreite an */
.main-content img,
.subcontent-wrap img,
.footer-section img {
    max-width: 100%;
    height: auto;
}

.navbar-brand-image img {
    max-width: 100%;
    height: auto;
}

/* Bildergalerie-Seiten: Fotos füllen die Spalte */
.main-content figure.image img {
    width: 100%;
}

/* Skip-Link sichtbar, sobald er Fokus hat */
.sr-only-focusable:focus {
    background: #fff;
    color: #000;
    padding: 8px 12px;
    z-index: 1000;
}

/* Video */
.embed-responsive-item {
    width: 100%;
}

/* ---------- Externe Inhalte (Karten, Wetter, Gutschein-Shop) ---------- */
.consent-placeholder {
    background: #f0eded;
    border: 1px solid #c9c2c2;
    color: #333;
    padding: 15px;
}

.subcontent-wrap .consent-placeholder {
    background: #2a2a2a;
    border-color: #555;
    color: #fff;
    font-size: 13px;
}

.consent-placeholder p {
    margin: 0 0 10px;
}

.consent-placeholder p:last-child {
    margin-bottom: 0;
}

.consent-embed-map .consent-placeholder {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.consent-embed-frame {
    border: 0;
    width: 100%;
    height: 600px;
}

@media (max-width: 767px) {
    .consent-embed-frame {
        height: 400px;
    }
}

/* Wetter-Widget (feste Breite des Anbieters) */
.subcontent-wrap .consent-embed-content {
    text-align: center;
}

/* ---------- Links im Seitenfuß ---------- */
.cookie-settings-link {
    background: none;
    border: 0;
    color: #fff;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}

.cookie-settings-link:hover,
.cookie-settings-link:focus {
    color: #fff;
    text-decoration: none;
}

.footer-section .navi-sidebar li,
.footer-section .navi-sidebar {
    list-style: none;
}

.meta-section p {
    margin: 0;
}

/* ---------- Cookie-Banner (CookieConsent) ---------- */
#cc-main {
    --cc-font-family: 'Open Sans', sans-serif;
    --cc-bg: #575252;
    --cc-primary-color: #fff;
    --cc-secondary-color: #e6e1e1;
    --cc-btn-primary-bg: #770e00;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: #770e00;
    --cc-btn-primary-hover-bg: #a01300;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: #a01300;
    --cc-btn-secondary-bg: #fff;
    --cc-btn-secondary-color: #222;
    --cc-btn-secondary-border-color: #fff;
    --cc-btn-secondary-hover-bg: #e6e1e1;
    --cc-btn-secondary-hover-color: #222;
    --cc-btn-secondary-hover-border-color: #e6e1e1;
    --cc-separator-border-color: #777;
    --cc-toggle-on-bg: #770e00;
    --cc-toggle-off-bg: #999;
    --cc-toggle-readonly-bg: #888;
    --cc-section-category-border: #777;
    --cc-cookie-category-block-bg: #4a4646;
    --cc-cookie-category-block-border: #777;
    --cc-cookie-category-block-hover-bg: #403c3c;
    --cc-cookie-category-block-hover-border: #777;
    --cc-cookie-category-expanded-block-bg: #4a4646;
    --cc-cookie-category-expanded-block-hover-bg: #403c3c;
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-footer-bg: #4a4646;
    --cc-footer-color: #fff;
    --cc-footer-border-color: #4a4646;
    --cc-link-color: #fff;
}

/* Banner: volle Bildschirmbreite, bündig am unteren Rand */
#cc-main .cm--bar {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border-radius: 0;
}

#cc-main .cm--bar .cm__body {
    max-width: 100%;
}

#cc-main a {
    color: #fff;
    text-decoration: underline;
}

#cc-main .cm__footer a:hover {
    text-decoration: none;
}