/*
 * BKK v14: kleine Darstellungs-Korrekturen aus der QS (betreffen teils auch die alte Live-Seite).
 * Selektoren bewusst mit "body" etwas spezifischer als im Theme, damit die Reihenfolge der CSS-Dateien egal ist.
 */

/* Mega-Menue: bei niedrigen Fenstern wurde das Menue unten abgeschnitten (max-height 1000px > Fensterhoehe).
   Jetzt hoechstens bis zum Fensterrand, der Rest scrollt im Menue. */
body.theme-body .menu-wrapper nav .main-menu > li:hover .level_2-container,
body.theme-body .menu-wrapper nav .main-menu > li:focus-within .level_2-container {
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* 404-Seite (Seite 535): lange Links liefen auf dem Handy ueber den Rand */
body#page_535 .main-content a {
	white-space: normal;
	overflow-wrap: anywhere;
}

/* Suche: Abstand zwischen den Zeilen der Seitenzahlen */
body div.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li {
	margin-bottom: 6px;
}

/* Zahnkasse (Seite 1395), Kopfbereich: Ueberschrift und Button "Mehr Infos" stehen in eigenen
   default-wrap-Bloecken. rebrush.css setzt jede ".header-bottom .default-wrap" absolut (bottom: 50px),
   dadurch lagen Ueberschrift und Button uebereinander, sobald die Ueberschrift mehrzeilig wurde.
   Der aeussere Block bleibt unten auf dem Bild, die Bloecke darin stehen jetzt normal untereinander.
   Das Badge "2x jaehrlich" (intro-badge) behaelt seine eigene Position. */
@media (min-width: 768px) {
	/* ab Tablet: dort liegt der Text ueber dem Bild und ueberlagerte sich; darunter (Handy) steht der Text
	   unter dem Bild, dort bleibt alles wie auf der alten Live-Seite */
	body#page_1395 .header-bottom .header-badge-element .col-12 > .default-wrap:not(.intro-badge) {
		position: relative;
		bottom: auto;
	}
}

/* Bewertungen ("Zufriedene Mitglieder erzaehlen"): die runde Umrandung der Google-/Trustpilot-Logos
   traf auch die Sterne im Text (Oval mit Rand). Nur die Logos bleiben rund. */
body .testimonials .element-slickcontent .element-slickitem .slick-text img {
	width: auto;
	max-width: min(180px, 100%);
	height: auto;
	border: 0;
	border-radius: 0;
}

/* Bewertungen: Der Block ist im Theme nur per place-self zentriert und so breit wie sein Inhalt (max. 884px).
   Auf dem Handy war er dadurch breiter als der Bildschirm, Ueberschrift und Text wurden links/rechts abgeschnitten. */
body .testimonials {
	width: 100%;
	max-width: min(884px, 100%);
	min-width: 0;
	overflow: hidden;
}