/* SCM Professional Design Engine 2.0.28 */
:root {
  --accent-color: #b45309;
  --frontend-bg: #fff7ed;
  --scm-style-effect: schlager;
}
html, body, body[class*="frontend-theme-"] { background-color: #fff7ed !important; }
body { background-image: radial-gradient(circle at 15% 8%, rgba(180,83,9,.15), transparent 34%), linear-gradient(135deg, #fff7ed 0%, #ffffff 52%, #ffedd5 100%) !important; background-attachment: fixed !important; background-size: cover !important; }
header { border-bottom-color: #b45309 !important; }
.logo, nav a:hover, .footer-links a:hover { color: #b45309 !important; }
.btn-player, .btn-submit, button.btn-player { background: #b45309 !important; color:#101010 !important; }
.columns-container.scm-layout { background: transparent !important; }

/* Aktive CSS-Gesamtdesigns: optische Wirkung, ohne Einzelbox-Farben kaputt zu ueberschreiben. */
header {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(2, 6, 23, .76) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.22) !important;
}
body.scm-style-clean_studio header { background: rgba(255,255,255,.86) !important; }
.columns-container.scm-layout { gap: clamp(14px, 2vw, 26px) !important; }
.scm-area { position: relative; overflow: hidden; }
.scm-area:before {
  content:""; position:absolute; inset:0; pointer-events:none; border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.10), transparent 42%);
  opacity: .45;
}
.scm-area > * { position: relative; z-index: 1; }
.scm-user-box { position: relative; isolation: isolate; transition: transform .18s ease, filter .18s ease; }
.scm-user-box:hover { transform: translateY(-1px); filter: brightness(1.035); }
.scm-user-box:before {
  content:""; position:absolute; inset:0; border-radius: inherit; pointer-events:none; z-index:0;
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 46%);
  opacity:.38;
}
.scm-user-box > * { position:relative; z-index:1; }
body.scm-style-neon_radio .logo, body.scm-style-neon_radio .box-title { text-shadow: 0 0 18px rgba(0,255,204,.45); }
body.scm-style-club_night .logo, body.scm-style-club_night .box-title { text-shadow: 0 0 20px rgba(255,43,214,.42); }
body.scm-style-retro_wave .logo, body.scm-style-retro_wave .box-title { text-shadow: 0 0 18px rgba(249,115,22,.38); }
body.scm-style-rock_station .logo, body.scm-style-rock_station .box-title { text-shadow: 0 0 16px rgba(239,68,68,.35); }
body.scm-style-electro_blue .logo, body.scm-style-electro_blue .box-title { text-shadow: 0 0 18px rgba(34,211,238,.38); }
body.scm-style-vintage_gold .logo, body.scm-style-vintage_gold .box-title { text-shadow: 0 0 12px rgba(217,119,6,.28); }
body.scm-style-nature_green .logo, body.scm-style-nature_green .box-title { text-shadow: 0 0 12px rgba(52,211,153,.25); }
body.scm-style-broadcast_pro .columns-container.scm-layout { border-top: 1px solid rgba(56,189,248,.22); }
body.scm-style-senior_grey_classic .scm-user-box:hover, body.scm-style-senior_grey_classic .scm-user-box { transition: none !important; transform: none !important; }
body.scm-style-senior_grey_classic .scm-area:before, body.scm-style-senior_grey_classic .scm-user-box:before { opacity:.10; }
body.scm-style-senior_grey_modern .scm-area:before, body.scm-style-senior_grey_modern .scm-user-box:before { opacity:.18; }
body.scm-style-clean_studio .scm-area:before, body.scm-style-clean_studio .scm-user-box:before { opacity:.18; }


.scm-area-left,
.columns-container > .scm-area-left {
  background: #fffaf0 !important;
  color: #3f2a12 !important;
  border: 1px solid #f3d19c !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.32) !important;
}
.scm-area-left > h1,
.scm-area-left > h2,
.scm-area-left > h3,
.scm-area-left > h4,
.scm-area-left > h5,
.scm-area-left > h6,
.scm-area-left > .page-title,
.scm-area-left > .section-title { color: #b45309 !important; }
.scm-area-left > a { color: #92400e !important; }
.scm-area-center,
.columns-container > .scm-area-center {
  background: #ffffff !important;
  color: #3f2a12 !important;
  border: 1px solid #f1c27d !important;
  border-radius: 18px !important;
  padding: 28px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.36) !important;
}
.scm-area-center > h1,
.scm-area-center > h2,
.scm-area-center > h3,
.scm-area-center > h4,
.scm-area-center > h5,
.scm-area-center > h6,
.scm-area-center > .page-title,
.scm-area-center > .section-title { color: #b45309 !important; }
.scm-area-center > a { color: #92400e !important; }
.scm-area-right,
.columns-container > .scm-area-right {
  background: #fffaf0 !important;
  color: #3f2a12 !important;
  border: 1px solid #f3d19c !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.32) !important;
}
.scm-area-right > h1,
.scm-area-right > h2,
.scm-area-right > h3,
.scm-area-right > h4,
.scm-area-right > h5,
.scm-area-right > h6,
.scm-area-right > .page-title,
.scm-area-right > .section-title { color: #b45309 !important; }
.scm-area-right > a { color: #92400e !important; }

/* Einzelboxen: jede Box ist eine eigene Komponente und wird nicht von Spaltenfarben überschrieben. */
.scm-user-box,
.sidebar-box.scm-user-box,
.column-left > .scm-user-box,
.column-right > .scm-user-box,
body[class*="frontend-theme-"] .scm-user-box {
  background: var(--scm-box-bg) !important;
  color: var(--scm-box-text) !important;
  border: 1px solid var(--scm-box-border) !important;
  border-radius: var(--scm-box-radius, 10px) !important;
  padding: var(--scm-box-padding, 20px) !important;
  box-shadow: var(--scm-box-shadow, none) !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}
.scm-user-box > .box-title,
.scm-user-box > h1,
.scm-user-box > h2,
.scm-user-box > h3,
.scm-user-box > h4,
.scm-user-box > h5,
.scm-user-box > h6 {
  color: var(--scm-box-title) !important;
}
.scm-user-box a { color: var(--scm-box-link) !important; }
.scm-user-box .box-dynamic-content,
.scm-user-box .box-dynamic-content p,
.scm-user-box .box-dynamic-content li,
.scm-user-box .box-dynamic-content div,
.scm-user-box .box-dynamic-content span,
.scm-user-box p,
.scm-user-box li {
  color: inherit !important;
  background: transparent !important;
}
.scm-user-box .box-dynamic-content {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.scm-user-box img { max-width: 100% !important; height: auto !important; }

/* Helle RSS-Modalflächen bleiben bewusst lesbar. */
.rss-modal,
.rss-modal * { color: #18202b !important; }
.rss-modal { background: #ffffff !important; }
.rss-modal-title { color: #111827 !important; }
.rss-modal-meta { color: #475569 !important; }
.rss-modal-summary { color: #263445 !important; }
.rss-modal-link,
.rss-modal-link:visited,
.rss-modal-link:hover { background: #0f766e !important; border-color: #0f766e !important; color: #ffffff !important; }
.rss-modal-close-btn,
.rss-modal-x { background: #f8fafc !important; color: #172033 !important; }
.rss-news-no-image { background: #111827 !important; color: #e5e7eb !important; }

/* 2.0.25: linke/rechte Box-Titel immer aus der jeweiligen Box lesen, nicht aus der Spalte. */
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box > .box-title,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box > .box-title,
.columns-container.scm-layout .sidebar-box.scm-user-box > .box-title,
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box h1,
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box h2,
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box h3,
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box h4,
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box h5,
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box h6,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box h1,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box h2,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box h3,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box h4,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box h5,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box h6 {
  color: var(--scm-box-title) !important;
}
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box a,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box a {
  color: var(--scm-box-link) !important;
}
.columns-container.scm-layout .column-left .sidebar-box.scm-user-box,
.columns-container.scm-layout .column-right .sidebar-box.scm-user-box {
  background: var(--scm-box-bg) !important;
  color: var(--scm-box-text) !important;
  border-color: var(--scm-box-border) !important;
}