/* Anpassungen für die Immocheckout-Widgets (aus der WordPress-Seite übernommen) */
:root {
  --bs-primary: #3a3a3a !important;
  --bs-secondary: #000000 !important;
}
html.ic-modal-active { overflow: hidden; }
div.ic-style div.navigator-kpi { padding-bottom: 1rem; padding-top: 1rem; }
div.ic-style .modal-body h5 { font-size: 19px; margin: 0; }
div.ic-style .modal-body hr { background-color: #3a3a3a; margin: 1rem 0; opacity: 1; }
div.ic-style .btn-primary,
div.ic-style .bg-primary { background-color: #3a3a3a !important; border-color: #3a3a3a !important; color: white !important; }
div.ic-style .btn-primary:hover { background-color: #3a3a3a !important; border-color: #3a3a3a !important; color: white !important; }
div.ic-style .nav-tabs .nav-link:hover { border-color: transparent transparent #e9ecef transparent; }
div.ic-style .modal-body * { color: #3a3a3a; }
div.ic-style .form-check-input[type="checkbox"] { height: 1em; }
div.ic-style .form-check-input:checked { background-color: #3a3a3a; border-color: #3a3a3a; }
div.ic-style .form-check-input:focus { border-color: #3a3a3a; box-shadow: none; }
div.ic-style a,
div.ic-style a:hover { color: #3a3a3a; }
div[data-immocheckout-integration-mount="ic-5"] .uppercase { font-size: 200%; }
div.ic-style .table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0,0,0,0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0,0,0,0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0,0,0,0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
/* Header über den Widgets halten (entspricht #main-header z-index im Original) */
.site-header { z-index: 999; }
/* Bootstrap-Styles des Widgets sollen die Seiten-Typo nicht überschreiben */
body { font-family: var(--sans) !important; }