/* SMW sicheres Layout-Overlay: aendert keine verschluesselten Dateien */
html, body { min-height: 100%; }
body { overflow-x: hidden !important; }

/* Hauptlayout etwas schmaeler links, rechte Seite besser nutzbar */
#chat, #chatbox, #chat_window, #messages, .chat, .chatbox, .messages, .message-area, .chat-area, .chat-main, .main-chat {
  max-width: calc(100vw - 330px) !important;
}

/* Rechte Spalte: lesbar, gefuellt, kein schwarzer leerer Spalt */
#right, #right_side, #rightbar, #sidebar, #sidebar-right, .right, .right-side, .rightbar, .sidebar, .sidebar-right, .side-right, .right-column, .chat-right, .panel-right {
  width: 310px !important;
  min-width: 300px !important;
  max-width: 330px !important;
  min-height: calc(100vh - 16px) !important;
  height: auto !important;
  overflow: visible !important;
  background: rgba(18, 5, 28, 0.92) !important;
  color: #fff !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

#right *, #right_side *, #rightbar *, #sidebar *, #sidebar-right *, .right *, .right-side *, .rightbar *, .sidebar *, .sidebar-right *, .side-right *, .right-column *, .chat-right *, .panel-right * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  line-height: 1.35 !important;
}

/* Panels kompakt */
.panel, .box, .sidebox, .sidebar-box, .rightbox, .template-box, .smw-box, .onair-box, .player-box {
  margin-bottom: 8px !important;
  padding: 8px !important;
  border-radius: 10px !important;
  overflow: visible !important;
}

/* Player oben kleiner machen */
#player, .player, .audio-player, .radio-player, .smw-player, .stream-player {
  max-height: 150px !important;
  min-height: 0 !important;
  padding: 6px !important;
  overflow: hidden !important;
}
#player audio, .player audio, .audio-player audio, .radio-player audio {
  width: 100% !important;
  height: 34px !important;
}

/* Moderatorbild komplett anzeigen: kein Abschneiden */
#moderatorbild, #moderator_image, #mod_image, #onair_image, .moderatorbild, .moderator-image, .mod-image, .onair-image, .dj-image, .sender-image {
  width: 100% !important;
  height: 170px !important;
  min-height: 150px !important;
  max-height: 190px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(0,0,0,0.25) !important;
  border-radius: 12px !important;
}
#moderatorbild img, #moderator_image img, #mod_image img, #onair_image img, .moderatorbild img, .moderator-image img, .mod-image img, .onair-image img, .dj-image img, .sender-image img,
img[src*="moderator"], img[src*="team"], img[src*="onair"], img[src*="Auto"], img[src*="auto"] {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
}

/* On-Air Text besser lesbar */
#onair, .onair, .nowplaying, .now-playing, .current-show, .smw-nowplaying, .listeners, .listener-count {
  color: #fff !important;
  font-size: 14px !important;
  text-shadow: 0 1px 2px #000 !important;
  word-break: break-word !important;
}

/* Kniffel Fenster beweglich sichtbar halten */
#kniffel, .kniffel, #kniffelWindow, .kniffel-window, .game-window, .dice-window {
  position: fixed !important;
  z-index: 99999 !important;
  max-width: min(96vw, 720px) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  resize: both !important;
}

@media (max-width: 900px) {
  #chat, #chatbox, #chat_window, #messages, .chat, .chatbox, .messages, .message-area, .chat-area, .chat-main, .main-chat { max-width: 100% !important; }
  #right, #right_side, #rightbar, #sidebar, #sidebar-right, .right, .right-side, .rightbar, .sidebar, .sidebar-right, .side-right, .right-column, .chat-right, .panel-right {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: auto !important;
  }
}

/* SMW Chat Fix 06.07.2026: rechte Spalte unten sauber fuellen und lesbar halten */
html, body, #body_id2 {
  min-height: 100vh !important;
  height: 100vh !important;
  margin: 0 !important;
  overflow: hidden !important;
  background-color: #07000d !important;
}
#rahmen_um_alles {
  min-height: calc(100vh - 34px) !important;
  height: calc(100vh - 34px) !important;
  width: calc(100vw - 16px) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  grid-template-areas:
    "kopf kopf"
    "chat rechts"
    "form rechts" !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#kopf, .ffh-top-links { grid-column: 1 / -1 !important; }
#chatinhalt {
  grid-area: chat !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  box-sizing: border-box !important;
}
#onlinelist {
  grid-area: rechts !important;
  float: none !important;
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  padding: 8px !important;
  background: linear-gradient(180deg, rgba(35,0,48,.96), rgba(7,0,14,.98)) !important;
  border: 1px solid rgba(255,105,255,.35) !important;
  border-radius: 14px !important;
}
#splitpane { display: none !important; }
#form {
  grid-area: form !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 66px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
#onlinelist .media-box,
#onlinelist .media-card,
#onlineausgabe,
#ffh_onair_box,
#ffh_onair_moderator {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#ffh_onair_moderator { display: grid !important; visibility: visible !important; opacity: 1 !important; }
#ffh_onair_moderator_image,
.ffh-onair-moderator-image {
  object-fit: contain !important;
  object-position: center center !important;
  background: rgba(0,0,0,.35) !important;
}
@media (max-width: 900px) {
  html, body, #body_id2 { height: auto !important; overflow: auto !important; }
  #rahmen_um_alles {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }
  #onlinelist { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; max-height: none !important; }
  #chatinhalt { min-height: 520px !important; height: 520px !important; }
}