/* Google-Bewertungen über dem Footer (Chase 18.10.2026, Aufbau wie ÄPCH 13.10.2026). Karten aus SauriaCore
   [sauria_reviews style="premium" layout="grid"] in der Chase-CI: Überschrift Arapey wie die Abschnittstitel der Seite,
   Fließtext Open Sans #647380, Akzent #546a7b (Customizer page_accent_color = button_bg_color), Seitengrau #f7f7f7.
   Weißer Block, damit er sich zwischen dem dunklen Buchungsband der Apartment-Seiten und dem Footer absetzt.
   Laufband per CSS mit Pause-Knopf (WCAG 2.2.2), ds-bewertungen.js klont die Karten und setzt --ds-rev-dur (28 px/s).
   Halt bei Mauszeiger, Tastaturfokus und Knopf, ruhende Reihe bei reduzierter Bewegung. */

.ds-bewertungen { padding: 72px 40px 64px; background: #fff; color: #647380; font-family: "Open Sans", sans-serif; }
.ds-bewertungen__inner { max-width: 1320px; margin: 0 auto; }

.ds-bewertungen__eyebrow {
	margin: 0 0 10px; text-align: center; font-size: 13px; font-weight: 600; line-height: 1.4;
	letter-spacing: .14em; text-transform: uppercase; color: #546a7b;
}
.ds-bewertungen__titel {
	margin: 0 0 40px; text-align: center; font-family: Arapey, Georgia, serif; font-weight: 400;
	font-size: 40px; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #3b4653;
}

/* Eigenen Abschnitts-Rahmen des Premium-Designs neutralisieren, Kopf und Abstände kommen von .ds-bewertungen */
.ds-bewertungen .sauria-reviews-section { padding: 0; margin: 0; background: none; }
.ds-bewertungen .sauria-reviews-section__container { max-width: none; margin: 0; padding: 0; }
.ds-bewertungen .sauria-reviews-section__header { display: none; }

/* SauriaCore-Tokens auf die CI */
.ds-bewertungen .sauria-reviews-section--premium,
.ds-bewertungen .sauria-reviews--premium {
	--sr-accent: #f2a900;
	--sr-primary: #546a7b;
	--sr-title: #3b4653;
	--sr-text: #647380;
	--sr-muted: #647380;
	--sr-line: #e3e7ea;
	--sr-card-bg: #f7f7f7;
	--sr-section-bg: transparent;
	--sr-radius: 2px;
}
.ds-bewertungen .sauria-reviews--premium.sauria-reviews--grid { gap: 24px; align-items: stretch; margin: 0; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card {
	background: #f7f7f7; border: 1px solid #eceef0; border-radius: 2px; box-shadow: none;
	padding: 28px 26px 26px; font-family: "Open Sans", sans-serif; color: #647380;
}
.ds-bewertungen .sauria-reviews--premium .sauria-review-card:hover { transform: none; box-shadow: none; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__name { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 15px; color: #3b4653; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__date { color: #647380; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__text { font-size: 15px; line-height: 1.7; color: #647380; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__avatar,
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__avatar-placeholder { background: #546a7b; color: #fff; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__readmore,
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__expand { color: #546a7b !important; }
/* Absätze, gekürzt ein Zeilenfluss (Fallen-Tabelle Wissensnotiz sauriatheme-und-sauriacore, Henneberger 28.09.2026) */
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__text p:not(:last-child) { margin-bottom: 1.7em; margin-bottom: 1lh; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__text--clamp p { display: inline; margin: 0; }
.ds-bewertungen .sauria-reviews--premium .sauria-review-card__text--clamp p + p::before { content: "\A\A"; white-space: pre; }

/* Laufband: über 1024 px drei Karten, bis 480 px zwei, darunter eine */
.ds-bewertungen__band { container-type: inline-size; overflow: hidden; }
.ds-bewertungen__band:not(.is-ready) { overflow-x: auto; }
.ds-bewertungen__band .sauria-reviews--premium.sauria-reviews--grid { display: flex; width: max-content; }
.ds-bewertungen__band .sauria-reviews--premium .sauria-review-card { flex: 0 0 calc((100cqi - 48px) / 3); width: auto; min-width: 0; }
@media (max-width: 1024px) { .ds-bewertungen__band .sauria-reviews--premium .sauria-review-card { flex-basis: calc((100cqi - 24px) / 2); } }
@media (max-width: 480px) { .ds-bewertungen__band .sauria-reviews--premium .sauria-review-card { flex-basis: 100cqi; } }
.ds-bewertungen__band.is-ready .sauria-reviews { animation: ds-bewertungen-band var(--ds-rev-dur, 90s) linear infinite; }
.ds-bewertungen__band:hover .sauria-reviews,
.ds-bewertungen__band:focus-within .sauria-reviews,
.ds-bewertungen__band.is-paused .sauria-reviews { animation-play-state: paused; }
@keyframes ds-bewertungen-band { to { transform: translateX(calc(-50% - 12px)); } }

.ds-bewertungen__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 2rem; margin-top: 22px; }
.ds-bewertungen__hinweis { margin: 0; font-size: 13px; line-height: 1.5; color: #647380; }
.ds-bewertungen__schalter {
	padding: 7px 16px; border: 1px solid #546a7b; border-radius: 0; background: #fff; color: #546a7b; cursor: pointer;
	font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; line-height: 1.3;
}
.ds-bewertungen__schalter:hover, .ds-bewertungen__schalter:focus-visible { background: #546a7b; color: #fff; }
.ds-bewertungen__schalter[aria-pressed="true"]::before { content: "▶ "; }
.ds-bewertungen__schalter[aria-pressed="false"]::before { content: "❚❚ "; }
.ds-bewertungen__schalter[hidden] { display: none; }

.ds-bewertungen__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 2rem; margin: 36px 0 0; font-size: 15px; }
.ds-bewertungen__links a { color: #546a7b; text-decoration: underline; text-underline-offset: 3px; }
.ds-bewertungen__links a:hover, .ds-bewertungen__links a:focus-visible { color: #3d4851; }
.ds-bewertungen__links .ds-bewertungen__knopf {
	display: inline-block; padding: 14px 28px; background: #546a7b; color: #fff; text-decoration: none;
	font-weight: 600; font-size: 15px; letter-spacing: .02em; text-transform: uppercase;
}
.ds-bewertungen__links .ds-bewertungen__knopf:hover, .ds-bewertungen__links .ds-bewertungen__knopf:focus-visible { background: #3d4851; color: #fff; }

@media (max-width: 768px) {
	.ds-bewertungen { padding: 52px 16px 48px; }
	.ds-bewertungen__titel { font-size: 30px; margin-bottom: 28px; }
	.ds-bewertungen__meta { justify-content: center; text-align: center; }
}

/* Reduzierte Bewegung: ruhende Reihe zum seitlichen Wischen */
@media (prefers-reduced-motion: reduce) {
	.ds-bewertungen__band, .ds-bewertungen__band.is-ready { overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
	.ds-bewertungen__band.is-ready .sauria-reviews { animation: none; }
	.ds-bewertungen__band .sauria-reviews--premium .sauria-review-card { scroll-snap-align: start; }
	.ds-bewertungen .sauria-reviews .ds-bewertungen__klon, .ds-bewertungen .ds-bewertungen__schalter { display: none; }
}