body {
  background: #ffffff !important;
}

/* Element-Logo auf Welcome/Login durch PHZW-Siegel ersetzen */
img[src*="element-logo"] {
  content: url("/custom/logo.png") !important;
  width: 130px !important;
  height: auto !important;
}

/* Grün auf Login/Welcome durch PHZW-Blau ersetzen */
.mx_AccessibleButton_kind_primary,
button[type="submit"] {
  background-color: #153E75 !important;
  border-color: #153E75 !important;
}

a {
  color: #153E75 !important;
}

/* Welcome/Login ruhiger */
.mx_AuthPage,
.mx_AuthBody,
.mx_AuthPage_modal {
  background: #ffffff !important;
}

.mx_AuthHeader {
  text-align: center !important;
}

/* PHZW Button-Design */
.mx_AccessibleButton_kind_primary,
.mx_Login_submit,
button[type="submit"],
button {
  background-color: #153E75 !important;
  color: #ffffff !important;
  border: 1px solid #153E75 !important;
}

.mx_AccessibleButton_kind_primary span,
.mx_Login_submit span,
button span {
  color: #ffffff !important;
}
/* Welcome/Login Button erzwingen */
.mx_AuthBody button,
.mx_AuthBody a[role="button"],
.mx_AuthBody .mx_AccessibleButton,
.mx_AuthBody .mx_AccessibleButton_kind_primary {
  background: #153E75 !important;
  background-color: #153E75 !important;
  color: #ffffff !important;
  border-color: #153E75 !important;
}

.mx_AuthBody button *,
.mx_AuthBody a[role="button"] *,
.mx_AuthBody .mx_AccessibleButton *,
.mx_AuthBody .mx_AccessibleButton_kind_primary * {
  color: #ffffff !important;
}
/* Registrierungshinweis auf Loginseite ausblenden */
.mx_AuthBody .mx_AuthBody_changeFlow,
.mx_AuthBody a[href*="register"],
.mx_AuthBody a[href*="#/register"] {
  color: #ffffff !important;
  background: #ffffff !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* 1. Raumliste: Standard weiß, Schrift blau */
.mx_RoomTile {
  background: #ffffff !important;
  color: #153E75 !important;
}

.mx_RoomTile_name,
.mx_RoomTile .mx_RoomTile_nameContainer {
  color: #153E75 !important;
}

/* Raumliste: Hover/Auswahl blau mit weißer Schrift */
.mx_RoomTile:hover,
.mx_RoomTile_selected,
.mx_RoomTile.mx_RoomTile_selected {
  background: #153E75 !important;
  color: #ffffff !important;
}

.mx_RoomTile:hover .mx_RoomTile_name,
.mx_RoomTile_selected .mx_RoomTile_name,
.mx_RoomTile.mx_RoomTile_selected .mx_RoomTile_name {
  color: #ffffff !important;
}

/* 2. Avatare / Gruppen ohne Bild: blau-weiß */
.mx_BaseAvatar_initial,
.mx_BaseAvatar {
  background-color: #153E75 !important;
  color: #ffffff !important;
}

/* 4. Unterzeile "Besitze deine Unterhaltungen" ausblenden */
.mx_HomePage_subtitle,
.mx_HomePage_default_buttons + h4,
.mx_HomePage_default .mx_HomePage_subtitle {
  display: none !important;
}

/* 5. Grüne Kacheln auf Startseite neutral/blau */
.mx_HomePage_default_buttons .mx_AccessibleButton,
.mx_HomePage_button,
.mx_HomePage_default_buttons a {
  background: #ffffff !important;
  color: #153E75 !important;
  border: 1px solid #cbd5e1 !important;
}

.mx_HomePage_default_buttons .mx_AccessibleButton *,
.mx_HomePage_button *,
.mx_HomePage_default_buttons a * {
  color: #153E75 !important;
}

/* Icons in Startseiten-Kacheln blau */
.mx_HomePage_default_buttons svg,
.mx_HomePage_button svg {
  color: #153E75 !important;
  fill: #153E75 !important;
}
/* Raumliste Grundzustand */
.mx_RoomTile {
  background: #ffffff !important;
  color: #153E75 !important;
}

.mx_RoomTile * {
  color: #153E75 !important;
}

/* Raumliste Hover UND Auswahl identisch */
.mx_RoomTile:hover,
.mx_RoomTile_selected,
.mx_RoomTile.mx_RoomTile_selected,
.mx_RoomTile[aria-selected="true"] {
  background: #153E75 !important;
  color: #ffffff !important;
}

/* Text und alle Symbole bei Hover/Auswahl weiß */
.mx_RoomTile:hover *,
.mx_RoomTile_selected *,
.mx_RoomTile.mx_RoomTile_selected *,
.mx_RoomTile[aria-selected="true"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Raum-Avatare ohne Bild: blau/weiß */
.mx_RoomTile .mx_BaseAvatar,
.mx_RoomTile .mx_BaseAvatar_initial,
.mx_BaseAvatar,
.mx_BaseAvatar_initial {
  background-color: #153E75 !important;
  color: #ffffff !important;
}

/* Avatar im Hover/Auswahl invertiert etwas heller */
.mx_RoomTile:hover .mx_BaseAvatar,
.mx_RoomTile_selected .mx_BaseAvatar {
  background-color: #ffffff !important;
  color: #153E75 !important;
}

/* Obere runde Aktionsbuttons blau mit weißen Symbolen */
.mx_AccessibleButton,
.mx_IconizedContextMenu_icon,
.mx_LeftPanel_filterButton,
.mx_LeftPanel_exploreButton,
.mx_RoomListHeader_plusButton,
.mx_RoomListHeader_searchButton {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Buttons mit blauem Hintergrund: Inhalt weiß */
button[style],
.mx_AccessibleButton_kind_primary,
.mx_AccessibleButton_hasKind,
.mx_IconizedContextMenu_button {
  color: #ffffff !important;
}

button[style] *,
.mx_AccessibleButton_kind_primary *,
.mx_AccessibleButton_hasKind *,
.mx_IconizedContextMenu_button * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Raumliste final: weiß mit blauer Schrift, Hover hell, Auswahl blau */
.mx_RoomTile,
.mx_RoomTile:hover {
  background: #ffffff !important;
  color: #153E75 !important;
}

.mx_RoomTile *,
.mx_RoomTile:hover * {
  color: #153E75 !important;
  fill: #153E75 !important;
  stroke: #153E75 !important;
}

/* Ausgewählter Raum: blau mit weißer Schrift */
.mx_RoomTile_selected,
.mx_RoomTile.mx_RoomTile_selected,
.mx_RoomTile[aria-selected="true"] {
  background: #153E75 !important;
  color: #ffffff !important;
}

.mx_RoomTile_selected *,
.mx_RoomTile.mx_RoomTile_selected *,
.mx_RoomTile[aria-selected="true"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Hover-Zeile leicht absetzen */
.mx_RoomTile:hover:not(.mx_RoomTile_selected) {
  background: #f3f6fa !important;
}
/* FINAL FIX: ausgewählter Raum lesbar */
.mx_RoomTile_selected,
.mx_RoomTile.mx_RoomTile_selected,
.mx_RoomTile[aria-selected="true"],
.mx_RoomTile_selected:hover {
  background: #153E75 !important;
}

.mx_RoomTile_selected *,
.mx_RoomTile.mx_RoomTile_selected *,
.mx_RoomTile[aria-selected="true"] *,
.mx_RoomTile_selected:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* Speziell Raumname */
.mx_RoomTile_selected .mx_RoomTile_name,
.mx_RoomTile_selected .mx_RoomTile_nameContainer,
.mx_RoomTile_selected span,
.mx_RoomTile_selected div {
  color: #ffffff !important;
  opacity: 1 !important;
}
/* NOTFALL-FIX: Raumliste immer dunkle Schrift */
.mx_RoomList,
.mx_RoomList *,
.mx_RoomTile,
.mx_RoomTile *,
.mx_RoomTile:hover,
.mx_RoomTile:hover *,
.mx_RoomTile_selected,
.mx_RoomTile_selected *,
.mx_RoomTile[aria-selected="true"],
.mx_RoomTile[aria-selected="true"] * {
  color: #111827 !important;
  fill: #111827 !important;
  stroke: #111827 !important;
  opacity: 1 !important;
}

/* Auswahl/Hover Hintergrund */
.mx_RoomTile_selected,
.mx_RoomTile[aria-selected="true"] {
  background: #e8eef7 !important;
}

.mx_RoomTile:hover {
  background: #f3f6fa !important;
}

/* Avatare bleiben blau mit weißem Buchstaben */
.mx_RoomTile .mx_BaseAvatar,
.mx_RoomTile .mx_BaseAvatar_initial {
  background-color: #153E75 !important;
  color: #ffffff !important;
}