/*
 Anpassungen Corporate Design für Stadt Aachen

 Die Einstellungen überschreiben die Standard masterportal.css

*/

/* --- Global Farbeinstellungen --- */
:root {
    --bs-black: #000;
    --bs-white: #ffffff;
    --bs-gray: #eeeeee;
    --bs-yellow:#bcfd08;
    --bs-primary: #363636;
    --bs-secondary: #323232;
    --bs-success: #198754;
    --bs-info: #363636;
    --bs-info-rgb: 54,54,54;
    --bs-warning: #ffc107;
    --bs-danger: #E10019;

    --bs-border-radius: 0;
    --bs-border-radius-pill: 0;
}

/* --- verwendete Fonts --- */
/* TheMixBlack */
@font-face {
font-family: 'MasterPortalHeader';
  src: url('../webfonts/themix/TheMix_900_.eot');
  src: url('../webfonts/themix/TheMix_900_.eot?#iefix') format('embedded-opentype'),
  url('../webfonts/themix/TheMix_900_.woff') format('woff'),
  url('../webfonts/themix/TheMix_900_.svg#TheMix_900_') format('svg');
}
/* FF Transit Regular */
@font-face {
  font-family: 'MasterPortalFont';
    src: url('../webfonts/transit/2F8289_1_0.eot');
    src: url('../webfonts/transit/2F8289_1_0.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/transit/2F8289_1_0.woff2') format('woff2');
  }
/* FF Transit Regular */
@font-face {
  font-family: 'MasterPortalButtonDescription';
    src: url('../webfonts/transit/2F8289_1_0.eot');
    src: url('../webfonts/transit/2F8289_1_0.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/transit/2F8289_1_0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

/* FF Transit Regular */
@font-face {
    font-family: 'MasterPortalButtonText';
      src: url('../webfonts/transit/2F8289_0_0.eot');
      src: url('../webfonts/transit/2F8289_0_0.eot?#iefix') format('embedded-opentype'),
      url('../webfonts/transit/2F8289_0_0.woff2') format('woff2');
      font-weight: normal;
      font-style: normal;
    }

/* TheMixLight */
@font-face {
    font-family: 'MasterPortalButtonTitle';
    src: url('../webfonts/themix/TheMix_300_.eot');
    src: url('../webfonts/themix/TheMix_300_.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/themix/TheMix_300_.woff') format('woff'),
    url('../webfonts/themix/TheMix_300_.svg#TheMix_300_') format('svg');
    font-weight: normal;
    font-style: normal;
    }
/* FF Transit Regular */
@font-face {
  font-family: 'MasterPortalFont Italic';
  src: url('../webfonts/transit/2F8289_1_0.eot');
  src: url('../webfonts/transit/2F8289_1_0.eot?#iefix') format('embedded-opentype'),
  url('../webfonts/transit/2F8289_0_0.woff2') format('woff2');
}
/* FF Transit Regular */
@font-face {
  font-family: 'MasterPortalFont Bold';
      src: url('../webfonts/transit/2F8289_1_0.eot');
      src: url('../webfonts/transit/2F8289_1_0.eot?#iefix') format('embedded-opentype'),
      url('../webfonts/transit/2F8289_0_0.woff2') format('woff2');
}

/* --- Überschriften --- */
  h1,h2,h3,h4 {
    font-family: 'MasterPortalHeader', sans-serif;
  }
  h5 {
    font-family: 'MasterPortalButtonTitle  ', sans-serif;
    font-size: 1rem;
    font-weight:normal;
  }
  h6 {
    font-family: 'MasterPortalFont Bold', sans-serif;
}

/* --- Buttons --- */
.btn-primary {
  font-family: 'MasterPortalFont Bold', sans-serif;
  font-weight: 500;
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.btn-primary:hover {
  background-color: var(--bs-gray);
  color: var(--bs-black);
}

.btn-secondary {
  font-family: 'MasterPortalFont', sans-serif;
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.btn-secondary:hover {
  background-color: var(--bs-gray);
  color: var(--bs-black);
}

.btn-light {
  font-family: 'MasterPortalFont', sans-serif;
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  color: var(---bs-black);
}
.btn-light:hover {
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-gray);
  color: var(--bs-black);
}

.btn-info {
  font-family: 'MasterPortalFont', sans-serif;
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.btn-title {
  font-family: 'MasterPortalButtonTitle', sans-serif;
}
.btn-description {
  font-family: 'MasterPortalFont', sans-serif;
  line-height: 1.4;
}
.bg-info {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

/* --- Suchfeld Adresse --- */

#search-button {
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
#searchInput {
  font-family: 'MasterPortalButtonDescription', sans-serif;
}

/* ---- Werkzeuge ---*/
.accordion-button {
    font-family: 'MasterPortalButtonDescription', sans-serif;
    background-color: var(--bs-white);
}
.accordion-button collapsed {
    font-family: 'MasterPortalButtonDescription', sans-serif;
    background-color: var(--bs-warning);
}
.btn-texts {
    font-family: 'MasterportalFont Bold', sans-serif;
}

/* Baustellenfilter */
.geometryFilter {
  font-family: 'MasterPortalFont', Arial, sans-serif;
  font-size: 1rem;
}
.geometryFilter .form-floating {
  font-size: 1rem;
}
.geometryFilter .form-select {
   font-size: .875rem;   /*Korrektur der Schriftgröße für die Selektion, da zu groß geerbt*/
}
.geometryFilter .form-text {
    font-family: 'MasterPortalButtonTitle', sans-serif;
}
.filter-select-box-container .multiselect .multiselect__placeholder {
  color: var(--bs-black) !important;
  opacity: 1;
}
.filter-select-box-container .multiselect .multiselect__tags {
    color: var(--bs-black);
}
.filter-select-box-container .multiselect .multiselect__tag {
    background-color: var(--bs-primary);
    border-radius: 0;
}
/* Selektiertes Feld in Dropdown */
.filter-select-box-container .multiselect .multiselect__option--highlight {
    background-color: var(--bs-primary);
}
/* Filterintervall */
#inputDateRangeFrom-2 {
    font-family: 'MasterPortalFont', Arial, sans-serif;
}
#inputDateRangeUntil-2 {
    font-family: 'MasterPortalFont', Arial, sans-serif;
}
/* Schiebeleiste */
.sliderWrapper .measure {
    background-color: var(--bs-gray) !important;
}
.snippetDateRangeContainer .sliderWrapper .track {
    background-color: var(--bs-primary) !important;
}