.detail-hero h1 {
    font-weight: bold;
}

.google-rating {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}
  

  
  /* rechter Block: zwei Zeilen (Sterne oben, Text unten) */
  .google-rating__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;                 /* Abstand Sterne ↔ Text */
    min-width:0;             /* verhindert unerwünschtes Umfließen */
  }
  
  /* Sterne */
  .google-rating__stars {
    display: flex;
    list-style: none !important;
    margin: 0;
    padding: 0 !important;
}
  .google-rating .star{
    width:28px; height:28px;
    fill:rgba(255,255,255,.9);
  }
  
  /* Text */
  .google-rating__text {
    margin: 0;
    /* font-size: 28px; */
    font-weight: 400;
    line-height: 1.1;
    opacity: .95;
    padding: 0 !important;
    color: #ffff;
}
  
  /* Responsive */
  @media (max-width: 900px){
    .google-rating{ gap:16px; }
    .google-rating .star{ width:24px; height:24px; }
    .google-rating__text{ font-size:22px; }
  }
  @media (max-width: 560px){
    .google-rating{ gap:12px; }
    .google-rating .star{ width:20px; height:20px; }
    .google-rating__text{ font-size:15px; }
  }

  .hero-btn, .hero-main-btn {
    display: inline-flex;
    align-items: center;
    padding: 14px 28px;
    background: transparent;
    border: 1px solid #f3eeea;
    border-radius: 32px;
    color: #f3eeea;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 250px;
    flex-direction: column;
}

.doc-titel h2 {
  margin: 0px;
  padding-bottom: 5px;
}

/* Gefüllte Variante */
.hero-main-btn--filled {
    background: #f3eeea !important;
    color: #b0887a !important;
    border-color: #f3eeea !important;
}

/* Hover */
.hero-btn:hover,
.hero-main-btn:hover {
  background: #fff !important;
  color: #b0887a;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  transform: translateY(-1px);
}

.hero-btn-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.anchor-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 19px;
  border-bottom: 1px solid #b08879;
  padding-bottom: 20px;
}

.doc-titel h2 {
  color: #b08879 !important;
}

/* Mobile Slider für Anker-Navigation */


h2.h1 {
  font-family: 'Montserrat';
  font-weight: bold;
  color: #b08879 !important;
  font-size: 30px;
}
  
.anchor-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 24px;
  border: 1px solid #b08879;
  border-radius: 999px;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #b08879;
  text-decoration: none;
  transition: all 0.25s ease;
  background: transparent;
}
  
  .anchor-link:hover {
    background: #fff;
    color: #b08879;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    transform: translateY(-1px);
  }
  
  .anchor-link:active {
    transform: translateY(0);
    box-shadow: none;
  }

  /* Spalten gleich hoch */
.equal-height { display:flex; align-items:stretch; }
.equal-height .et_pb_column { display:flex; flex-direction:column; }

/* Module auf gleiche Höhe ziehen */
.equal-height .et_pb_module { flex:1; }

/* Bild wirklich auf Spaltenhöhe strecken & zuschneiden */
.equal-height .img-cover,
.equal-height .img-cover .et_pb_image_wrap { display:flex; flex:1; }

.equal-height .img-cover img {
  width: 100%;
  height: 100% !important;   /* überschreibt Divis height:auto */
  object-fit: cover;          /* füllt die Höhe, schneidet ggf. sanft */
  display: block;
}

/* optionale Feinkosmetik: Innenabstände entfernen */
.equal-height .et_pb_module { margin:0; }
.equal-height .et_pb_text { padding:0; }

/* Responsiv: unter 981px stapelt Divi – Bild wieder natürlich skalieren und Row-Flex deaktivieren */
@media (max-width: 980px){
  /* Grundlegende Flex-Row-Layouts deaktivieren */
  .equal-height { display:block; }
  .equal-height .img-cover img { height:auto !important; object-fit:contain; }
  
  /* Horizontale Button-Gruppen und Action-Gruppen als Block darstellen */
  .hero-btn-group,
  .termin-btn-group,
  .stepfinder-actions { display: block !important; }
  
  /* Falls extern display:flex!important erzwungen wird, vertikal stapeln */
  .stepfinder-actions { flex-direction: column !important; align-items: stretch !important; }

  /* Buttons in Gruppen mit Abstand versehen */
  .hero-btn-group .hero-btn,
  .hero-btn-group .hero-main-btn,
  .termin-btn-group .termin-btn,
  .termin-btn-group .termin-main-btn,
  .stepfinder-actions .stepfinder-btn { margin-bottom: 10px; }

  .et_pb_row_2.et_pb_row, .et_pb_row_3.et_pb_row, .et_pb_row_4.et_pb_row, .et_pb_row_5.et_pb_row, .et_pb_row_6.et_pb_row, .et_pb_row_9.et_pb_row {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
}

h2.heading {
  color: #b08879 !important;
  margin: 0;
}

.stepfinder-btn {
    display: inline-flex;
    align-items: center;
    padding: 14px 28px;
    background: transparent;
    border: 1px solid var(--color-accent);
    border-radius: 32px;
    color: var(--color-accent);
    font-family: 'Quicksand';
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 250px;
    flex-direction: column;
  }

  .stepfinder-btn:hover {
    background: #fff;
    color: #b08879;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    transform: translateY(-1px);
  }

  .stepfinder-actions {
    display: flex;
    gap: 5px;
    justify-content: center;
  }

/* Styling für die Info-Boxen */
.quickinfo {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.quickinfo .et_pb_main_blurb_image img {
  max-height: 40px;
  width: auto;
}

.quickinfo .et_pb_blurb_container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.quickinfo .et_pb_module_header {
  display: flex;
  align-items: center;
}

.quickinfo .et_pb_blurb_description {
  flex: 1;
}

/* Termin Button */
.termin-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  background: #b08879;
  border: 1px solid #b08879;
  border-radius: 32px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}

.termin-btn:hover {
  background: #fff;
  color: #b08879;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  transform: translateY(-1px);
}

/* Termin Button Gruppe */
.termin-btn-group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Termin Main Button */
.termin-main-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 32px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}

.et_pb_text_inner a:not([class*="btn"]):not(.more-link):not(.anchor-link) {
  color: #b08879;
  text-decoration: none;
  transition: color 0.2s ease, text-underline-offset 0.2s ease;
  font-weight: bold;
}

.faq-item a:not([class*="btn"]):not(.more-link):not(.anchor-link) {
  color: #7b5e52;
  text-decoration: none;
  transition: color 0.2s ease, text-underline-offset 0.2s ease;
  font-weight: bold;
}

.et_pb_blurb_description a:not([class*="btn"]):not(.more-link):not(.anchor-link) {
  color: #7b5e52;
  text-decoration: none;
  transition: color 0.2s ease, text-underline-offset 0.2s ease;
  font-weight: bold;
}

/* Hover für Fließtext-Links (Buttons ausgenommen) */
.et_pb_text_inner a:not([class*="btn"]):not(.more-link):not(.anchor-link):hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-item a:not([class*="btn"]):not(.more-link):not(.anchor-link):hover {
  color: #5f4a41;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.et_pb_blurb_description a:not([class*="btn"]):not(.more-link):not(.anchor-link):hover {
  color: #5f4a41;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Ausnahmen: Links im Kontaktbereich nicht vom Fließtext-Link-Styling betroffen */
.et_pb_text_inner .kontakt-links a:not([class*="btn"]):not(.more-link):not(.anchor-link), .faq-item .kontakt-links a:not([class*="btn"]):not(.more-link):not(.anchor-link), .et_pb_blurb_description .kontakt-links a:not([class*="btn"]):not(.more-link):not(.anchor-link) {
  color: #8e8d8c;
  font-weight: normal;
  text-decoration: none;
}

.et_pb_text_inner .kontakt-links a:not([class*="btn"]):not(.more-link):not(.anchor-link):hover,
.faq-item .kontakt-links a:not([class*="btn"]):not(.more-link):not(.anchor-link):hover,
.et_pb_blurb_description .kontakt-links a:not([class*="btn"]):not(.more-link):not(.anchor-link):hover {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0;
}
/* Gefüllte Variante */
.termin-main-btn--filled {
  background: #fff !important;
  color: #b08879 !important;
  border-color: #fff !important;
}

/* Hover */
.termin-main-btn:hover {
  background: #fff !important;
  color: #b08879 !important;
  transform: translateY(-2px);
}

/* Mehr erfahren Button */
.mehr-erfahren-btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 28px;
  background: transparent;
  border: 1px solid #b08879;
  border-radius: 32px;
  color: #b08879;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}

.mehr-erfahren-btn:hover {
  background: #fff;
  color: #b08879;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  transform: translateY(-1px);
}

.et_pb_module.et_pb_text.et_pb_text_27.video-text.et_pb_text_align_left.et_pb_bg_layout_light p {
  color: #b08879;
  font-size: 20px;
  width: 50%;
  text-align: center !important;
  margin: 0 auto !important;
}

h3.h2 {
  color: #b08879 !important;
}

.eyelid-heading {
  color: #ffffff !important;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 26px;
}

.eyelid-text {
  color: #ffffff;
}

/* FAQ-Video Sektion mit gleicher Höhe */

.faq-video #podcast {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.faq-video #podcast .et_pb_video_box,
.faq-video #podcast .fluid-width-video-wrapper {
  flex: 1;
  height: 100%;
}

/* Responsive Anpassungen */
@media (max-width: 980px) {
  .quickinfo .et_pb_module_header {
    min-height: auto;
  }
  
  /* Bei kleinen Bildschirmen die Flex-Ausrichtung aufheben */
  .faq-video {
    display: block;
  }
  
  .faq-video .et_pb_column {
    display: block;
  }
  
  .faq-video #podcast .et_pb_video_box,
  .faq-video #podcast .fluid-width-video-wrapper {
    height: auto;
  }
}