/* Google-Bewertungen als Content-Reihe (Startseite, 100%-Container).
 * Henning 15.09. (15:58): Bereich ans Website-Design anpassen -- weisse
 * Sektionsflaeche statt Instagram-Grau (Elfsight-Widget bringt transparente
 * Ebenen und Mulish mit, beides identisch zum Site-Style). Die grau weisse
 * Cookie-Request-Leiste bleibt wie bei der Instagram-Reihe (etabliertes
 * Site-Muster fuer externe Inhalte ohne Consent). */

.google_bewertung .google-bewertung-container {
    position: relative;
    background-color: var(--body-bg, #fff);
    color: var(--primary, #484B4D);
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
    overflow-x: clip;
}

/* Henning 15.09. (16:12): Flucht zum row-inner -- der Elfsight-Embed bringt
 * aussen 60px Maendern mit und steht dadurch schmaler als die Instagram-Reihe
 * darueber. Margins auf 0, dann liegen Karussell-Kanten exakt auf den
 * Containerkanten der Row (Messung 1440px: links 80 -> 20px). */
.google_bewertung .google-bewertung-container > .elfsight-app-964689f1-db22-4c3c-a4c8-90ee66ebee48,
.google_bewertung .es-embed-root {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Henning 15.09. (16:21): die drei Kacheln muessen gleichmaessig die ganze
 * Reihe fuellen -- der Elfsight-Widget hat intern eine feste Breite von
 * 1280px konfiguriert und liess in der 1400er-Reihe rechts ~120px Leerraum.
 * Root + Karussell-Ebenen auf 100% zwingen; das Karussell-JS berechnet die
 * Kachelbreiten aus dem gemessenen Container (dann (1400-2x20px Gap)/3 =
 * ~453px je Kachel, buendig mit row-inner). */
.google_bewertung .es-embed-root,
.google_bewertung .es-main-container,
.google_bewertung .es-widget-background-container,
.google_bewertung .es-widget-background-wrapper,
.google_bewertung .es-background-container,
.google_bewertung .es-widget-background-content,
.google_bewertung .es-carousel-outer,
.google_bewertung .es-carousel-inner,
.google_bewertung .es-carousel-swiper-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.google_bewertung .cookie-request {
    display: block;
    width: 100%;
    height: 100%;
}

.google_bewertung .cookie-request .cookie-request-content {
    position: static;
    z-index: 2;
    color: white;
    padding: 1rem;
    box-sizing: border-box;
    background-color: #535353;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.google_bewertung .cookie-request input[type="checkbox"] {
    margin-top: 0.25rem;
    width: auto;
    accent-color: var(--brand-2, #c1002b);
}