/* Hitradio 4 Live Christmas Edition 2026 – CSS overlay */
body { background-color:#220609!important; background-image:linear-gradient(rgba(25,0,5,.18),rgba(25,0,5,.22)),url(background.jpg)!important; background-position:center top!important; background-size:cover!important; background-repeat:no-repeat!important; background-attachment:fixed!important; color:#fff5e6!important; }
.navbar,.navbar-inverse {background:#510e16!important;border:1px solid #e3ad50!important;border-radius:8px!important;box-shadow:0 3px 18px rgba(255,177,65,.25)!important}
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-brand {color:#ffe4a2!important;font-weight:700}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a {background:#85232c!important;color:white!important}
.mitte-mitte-wp,.main_panel,.main_boxen,.main_body,.main_body_boxen,.panel,.panel-body,.list-group-item,.main_body_list-group-item {background:rgba(45,5,13,.90)!important;color:#fff6e9!important;border-color:rgba(237,181,94,.55)!important}
#main_heading,#main_heading_boxen,#main_heading_text,.panel-heading,.title-widget {background:#691723!important;color:#ffe2a0!important;border-color:#dbad5c!important;text-shadow:0 1px 2px #280308}
.footer,.footer_innen {color:#fff2dc!important;background-color:rgba(45,5,13,.88)!important}
.form-control,.input-group-addon {background:#310811!important;color:#fff!important;border:1px solid #b98442!important}
a {color:#ffdb8c!important} a:hover {color:#fff!important}
.hr4l-snow-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}
.hr4l-flake{position:absolute;top:-12vh;color:#fff;animation:hr4l-fall linear infinite;text-shadow:0 0 5px #fff}
@keyframes hr4l-fall {to{transform:translate3d(32px,115vh,0) rotate(180deg)}}
@media(max-width:767px){body{background-attachment:scroll!important;background-size:auto 100%!important}}
@media(prefers-reduced-motion:reduce){.hr4l-snow-layer{display:none}}
/* HR4L Weihnachtshintergrund */
body {
    background-image: url("FestlicheSchneehinterneu.jpg") !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-color: #270609 !important;
}
/* HR4L Weihnachten 2026 – Panel-Umrandungen */
.panel {
    border: 2px solid #d4af37 !important;
    border-radius: 12px !important;
    overflow: hidden;
    background-color: rgba(55, 8, 15, 0.94) !important;
    box-shadow: 0 0 14px rgba(212, 175, 55, 0.45) !important;
}

.panel-heading {
    background: linear-gradient(
        135deg, #780c20, #b22222, #780c20
    ) !important;
    color: #ffe6a0 !important;
    border-bottom: 2px solid #d4af37 !important;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
}

.panel-body {
    color: #ffffff !important;
}
/* HR4L Weihnachten – Footerbereich */
footer,
footer .container,
footer .container-fluid {
    background: transparent !important;
    background-image: none !important;
}

footer img[src*="footer.png"] {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    height: auto !important;
    margin: 0 auto !important;
}
/* HR4L Weihnachten – Footer gezielt korrigieren */

/* HR4L Weihnachten – Footer volle Seitenbreite */

footer.footer,
footer.footer #footer_bottom {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

footer.footer #footer_bottom {
    width: 100% !important;
    max-width: 1250px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

footer.footer #footer_bottom > div {
    width: 100% !important;
}

footer.footer #footer_bottom img[src*="footer.png"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto !important;
}
/* HR4L Weihnachten – Abstände und Panel-Ausrichtung */

/* Abstand zwischen Header, Navigation und Panels */
.navbar {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* Gleichmäßige Abstände der Panels */
.panel {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Überschriften mittig ausrichten */
.panel-heading {
    text-align: center !important;
    padding: 10px 12px !important;
    line-height: 1.4 !important;
}

/* Inhalt mit etwas Luft oben und unten */
.panel-body {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
/* HR4L Weihnachten – Panelbereich ausrichten */
.container-fluid.mitte-mitte-wp {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container-fluid.mitte-mitte-wp > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* HR4L Weihnachten – obere Panel-Abstände vereinheitlichen */

.mitte-mitte-wp > .row > div > .panel:first-child {
    margin-top: 0 !important;
}

.mitte-mitte-wp > .row > div {
    padding-top: 0 !important;
}
/* HR4L Weihnachten – 50 % transparente Bereiche */

/* Hintergrund der Panels */
.panel {
    background-color: rgba(55, 8, 15, 0.5) !important;
}

/* Hintergrund der Panel-Inhalte */
.panel-body {
    background-color: transparent !important;
}

/* Mittlerer Seitenbereich */
.container-fluid.mitte-mitte-wp {
    background-color: rgba(55, 8, 15, 0.5) !important;
    background-image: none !important;
}