/* ================================
   FINAL FIX 
   ================================ */


.dte-google-reviews__grid fieldset.ODSRatingStarsStatic {
  display: block !important;
  margin: 0;
  padding: 0;
  min-height: 28px;
}

/* Name + Sterne sauber untereinander */
.dte-google-reviews__grid .ODSRatingStarsStatic-LabelContainer {
  display: block !important;
  margin-bottom: .4rem;
}

/* Sterne selbst */
.dte-google-reviews__grid .ODSRatingStarsStatic-Rating {
  display: block !important;
  height: auto;
  margin-bottom: .6rem;
}

/* WICHTIG: Bewertungstext immer neuer Block */
.dte-google-reviews__grid p,
.dte-google-reviews__grid .dte-google-reviews__description {
  display: block;
  clear: both;
  margin-top: .6rem;
  line-height: 1.6;
}
/* ===== Reviews: volle Breite (Cards + Inhalt) ===== */

/* Container darf breit sein */
.dte-google-reviews__latest{
  width: 100% !important;
  max-width: 1200px !important;   /* wenn du volle Browserbreite willst: none */
  margin: 0 auto !important;
}

/* Grid 1 Spalte und Cards sollen "stretch" */
.dte-google-reviews__grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: stretch !important;
}

/* ODS-Card begrenzt sonst oft auf ~342px -> killen */
.dte-google-reviews__grid .ODSCardBasic{
  width: 100% !important;
  max-width: none !important;
}

/* Inhalt soll nicht wieder schmal werden */
.dte-google-reviews__grid .ODSCardBasic-Content,
.dte-google-reviews__grid .ODSCardBasic-Content-Slot{
  width: 100% !important;
  max-width: none !important;
}

/* ===== Reviews: volle Breite (Cards + Inhalt) ===== */

/* Container darf breit sein */
.dte-google-reviews__latest{
  width: 100% !important;
  max-width: 1200px !important;   /* wenn du volle Browserbreite willst: none */
  margin: 0 auto !important;
}

/* Grid 1 Spalte und Cards sollen "stretch" */
.dte-google-reviews__grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: stretch !important;
}

/* ODS-Card begrenzt sonst oft auf ~342px -> killen */
.dte-google-reviews__grid .ODSCardBasic{
  width: 100% !important;
  max-width: none !important;
}

/* Inhalt soll nicht wieder schmal werden */
.dte-google-reviews__grid .ODSCardBasic-Content,
.dte-google-reviews__grid .ODSCardBasic-Content-Slot{
  width: 100% !important;
  max-width: none !important;
}
/* ===== HARD OVERLAP FIX (immer ganz unten) ===== */

/* Card-Inhalt erzwingen: sauber untereinander */
.dte-google-reviews__grid .ODSCardBasic-Content-Slot{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Sterne-Block bekommt garantiert Höhe + Abstand */
.dte-google-reviews__grid fieldset.ODSRatingStarsStatic{
  display: block !important;
  min-height: 52px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Legend/Label darf nicht floaten */
.dte-google-reviews__grid legend{
  float: none !important;
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

/* Text darf nie “hochziehen” */
.dte-google-reviews__grid .dte-google-reviews__description{
  display: block !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}
/* ================================
   Google Summary Block 
   ================================ */

.dte-google-summary{
  margin: 32px 0 24px;
}

.dte-google-summary__inner{
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f5f5f5;
  border-radius: 24px;
  padding: 20px 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.dte-google-summary__logo{
  font-weight: 700;
  font-size: 18px;
  color: #202124;
}

.dte-google-summary__text{
  flex: 1;
  font-size: 16px;
  line-height: 1.4;
}

.dte-google-summary__stars{
  color: #e20074; /* Telekom Magenta */
  font-size: 22px;
  letter-spacing: 2px;
  white-space: nowrap;
}

/* optional: mobil untereinander */
@media (max-width: 640px){
  .dte-google-summary__inner{
    flex-direction: column;
    align-items: flex-start;
  }
}
/* =====================================
   Google Header – wie Review-Boxen
   ===================================== */

.dte-google-header{
  background: #f1f1f1;              /* identisch zu Review-Boxen */
  border-radius: 32px;
  padding: 24px 28px;
  margin: 32px auto 24px;
  width: 100%;
  max-width: 1200px;                /* gleiche Breite wie Reviews */
}

/* Text oben */
.dte-google-header__text{
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 14px;
}

/* Sterne größer als in den Cards */
.dte-google-header__stars{
  border: 0;
  padding: 0;
  margin: 0;
}

.dte-google-header__stars .ODSStarListItem-Star{
  transform: scale(1.25);           /* größer */
  transform-origin: left center;
}

.dte-google-header__stars .ODSRatingStarsStatic-StarsListContainer{
  gap: 6px;
}