/*Geprüfte Imobilienmakler Styles*/

/* Überschriften */
.gim-h1-wrapper .gim-h1 h1,
.gim-subtitle-wrapper .gim-subtitle h3 {
  display: inline-block;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px 20px !important;
}

.gim-h1 h1 {
  font-size: calc(1.8rem + 1.2vw);
}

.gim-subtitle h3 {
  font-size: calc(1.1rem + 0.7vw);
}

/* Makler Profilseite */
@media (max-width: 767px) {
  /*Profilbild*/
  .gim-photo {
    max-width: 90% !important;
    width: 150px;
  }
}

/*Profilbild Tablet & Desktop*/
.gim-photo {
  max-width: 100%;
  width: 300px;
}

/* Spezialisierungen */
.gim-spezialisierung-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.gim-spezialisierung-pill {
  display: inline-flex;
  padding: 6px 14px;
  border: 1px solid #d8e1ea;
  background: #eef3f8;
  color: #234;
  border-radius: 9999px;
  white-space: nowrap;
}

.fusion-post-content .gim-spezialisierung p,
.post-content .gim-spezialisierung p {
  margin-bottom: 0px !important;
}

/*--GIM Makler Bewerbungs Flow--*/

/* Makler Zertifizierung */
/*Vorteile - Avada Content Boxen*/
.gim-contentBox-wrapper .content-wrapper-background {
  padding: 20px 10px 10px 10px !important;
  max-width: 450px;
}

.gim-contentBox-wrapper {
  margin-bottom: 0px !important;
}

.gim-makler-checklist {
  padding: 10px 15px;
  border: 1px solid #e0e4ea;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Icon-Element */
i.fontawesome-icon.gim-greenArrow,
i.fontawesome-icon.gim-greenArrow::before {
  font-size: 48px !important;
  line-height: 1 !important;
}

/* Vertikale Linie mittig durch den gesamten Bereich */
.gim-steps {
  position: relative;
}

.gim-steps::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: #e0e4ea;
  pointer-events: none;
  z-index: 0;
}

/* Falls die Spalten Inhalte überlappen*/
.gim-steps .fusion-layout-column {
  position: relative;
  z-index: 1;
}

/* Auf Mobile (gestapelt) die Linie ausblenden */
@media (max-width: 1024px) {
  .gim-steps::before {
    display: none;
  }
}

/*Beispielprofil klein LP*/
@media (max-width: 768px) {
  html.avada-is-100-percent-template
    .fusion-flex-container.gim-beispielprofil-klein-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /* .gim-contentBox-wrapper {
  margin-bottom: 0px !important;
}	 */

  /* gilt nur auf Seite Makler Zertifizierung */
  .page-id-40627 .fusion-content-boxes .fusion-column {
    margin-bottom: 0px;
  }

  .page-id-40627
    .fusion-content-boxes.content-boxes-icon-boxed
    .content-box-column,
  .page-id-40627
    .fusion-content-boxes.content-boxes-icon-on-top
    .content-box-column {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 800px) {
  .fusion-layout-column .gim-beispielprofil-klein {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1024px) {
  .gim-beispielprofil-klein {
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1025px) {
  .gim-beispielprofil-klein p {
    font-size: calc(0.4rem + 0.5vw);
  }

  .gim-beispielprofil-klein h2 {
    font-size: calc(1rem + 0.6vw);
  }

  .gim-beispielprofil-klein h4 {
    font-size: calc(0.8rem + 0.5vw);
  }
}

.gim-beispielmakler-google-snippet {
  box-shadow: 0 4px 12px rgba(193, 193, 193, 0.9);
}

/* Makler Header */
.fusion-fullwidth.gim-header {
  /* vw-Stretch neutralisieren, damit nichts „springt“ */
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
}

/*Miniatur Siegel Profilfbild - Badge*/
/* 1) Wrapper markieren */
.gim-has-badge {
  position: relative;
  overflow: visible !important; /* NICHT abschneiden */
  z-index: 2; /* über dem Bild-Content */
}

/* 2) Mini-Siegel */
.gim-has-badge::after {
  content: "";
  position: absolute;
  width: var(--s, 44px);
  height: var(--s, 44px);
  z-index: 9;
  pointer-events: none;
  right: var(--r, -22px);
  bottom: var(--b, -22px);
  background: url("/wp-content/uploads/Gepruefter_Immobilienmakler_Miniatur_Siegel-2.svg")
    no-repeat center / contain;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); /* optional */
}

/* 3) Ecken-Utilities */
.gim-at-tr-lg::after {
  top: var(--b, -30px);
  right: var(--r, -30px);
  bottom: auto;
  left: auto;
}
.gim-at-tr-md::after {
  top: var(--b, -22px);
  right: var(--r, -22px);
  bottom: auto;
  left: auto;
}
.gim-at-tr-sm::after {
  top: var(--b, -14px);
  right: var(--r, -14px);
  bottom: auto;
  left: auto;
}
.gim-at-br-lg::after {
  bottom: var(--b, -30px);
  right: var(--r, -30px);
  top: auto;
  left: auto;
}
.gim-at-br-md::after {
  bottom: var(--b, -22px);
  right: var(--r, -22px);
  top: auto;
  left: auto;
}
.gim-at-br-sm::after {
  bottom: var(--b, -14px);
  right: var(--r, -14px);
  top: auto;
  left: auto;
}

/* 4) Größen-Utilities */
.gim-badge-sm::after {
  --s: 28px;
}
.gim-badge-md::after {
  --s: 44px;
} /* default */
.gim-badge-lg::after {
  --s: 60px;
}