/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* --- Audit-Fixes 2026-08-31 --- */

/* B6: Klickflaeche der Kontaktlinks in der Top-Bar war nur ~18px hoch
   (Anchor war inline, Parent-Container hatte line-height:30px).
   Anchor selbst auf die volle Container-Hoehe strecken, keine visuelle
   Aenderung, nur groessere Trefferflaeche. */
.top-area-contacts .gem-contacts-item a {
	display: inline-block;
	line-height: 30px;
}

/* B4: Layout-Shift (CLS 0.432) exakt bei ~1024px, weil Kontakt-/Menue-/
   Social-Bloecke in der Top-Bar knapp nicht mehr in eine Zeile passen und
   nach dem ersten Render umbrechen. Padding in diesem schmalen Bereich
   reduzieren, damit alles auf einer Zeile bleibt. */
@media (min-width: 992px) and (max-width: 1100px) {
	.top-area-block {
		padding: 0 15px;
	}
	.top-area-contacts .gem-contacts {
		margin: 0 -8px;
	}
	.top-area-contacts .gem-contacts-item {
		padding: 0 8px;
		font-size: 13px;
	}
}

/* B7: Einzelne Elementor-Container/Widgets waren bei 768-1440px breiter
   als der Viewport (bis zu 479px Overflow bei 1440px) und wurden nur durch
   overflow:hidden auf Elternelementen kaschiert. Absicherung nach unten. */
.elementor-element,
.elementor-widget-container,
.e-con {
	max-width: 100%;
	box-sizing: border-box;
}

/* Startseiten-Header (Ken-Burns-Hintergrund, aktuell header-home.jpg vom
   01.09.2026): Position ist im Plugin (thegem-ken-burns.css) fest auf
   "center" codiert, dafuer gibt es keine Elementor-Einstellung. Auf dem Bild
   steht die Personengruppe links/mittig, rechts ist nur Wiese/Baum - bei
   zentriertem Crop wird auf kleinen Bildschirmen die Gruppe abgeschnitten.
   25% zeigt per Test (verschiedene Werte visuell verglichen) die meisten
   Gesichter gleichzeitig. Falls das Header-Bild nochmal getauscht wird, ggf.
   neu abstimmen - der Wert ist auf die Bildkomposition abgestimmt, nicht
   automatisch. */
@media (max-width: 767px) {
	.elementor-30484 .elementor-element-34ce3a6e .thegem-ken-burns-slide {
		background-position: 25% top !important;
	}
}