/* SG Website-Anpassungen (Eisenkrätzer) – gehört zu anpassungen.js. Spezifität (0,4,0) und höher, damit die Regeln
   unabhängig von der Ladereihenfolge vor dem Website-CSS (0,3,x) liegen. */

/* Kein grüner „Erreichbar“-Punkt (Jonathan 20.10.2026: es gibt keine angegebenen Erreichbarkeitszeiten). */
.elementor-kit-4 .elementor .scw .scw__pulse { display: none; }

/* Handy und Tablet (Menü als Hamburger, ≤ 1060 px): anpassungen.js setzt das Widget neben den Menüknopf. */
.elementor-kit-4 .elementor .scw.scw--kopf { position: static; flex-direction: row; gap: 0; z-index: auto; }
.elementor-kit-4 .elementor .scw.scw--kopf .scw__btn { width: 36px; height: 41.6px; }
.elementor-kit-4 .elementor .scw.scw--kopf .scw__btn:hover { transform: none; }
.elementor-kit-4 .elementor .scw.scw--kopf .scw__btn svg { width: 18px; height: 18px; }
/* Karte unter der mitlaufenden Kopfzeile, rechtsbündig mit Rand – Bezug ist der Kopf (position: sticky) */
.elementor-kit-4 .elementor .scw.scw--kopf .scw__card { position: absolute; top: calc(100% + 8px); right: 14px; transform-origin: top right; }
/* Der Entwurf blendet bis 1060 px alle .btn in .nav-cta aus (nur das Menü bleibt) – in der Karte muss „Anfrage
   schreiben“ aber stehen bleiben. */
.elementor-kit-4 .elementor .scw.scw--kopf .scw__foot .btn { display: inline-flex; }

/* Startseite auf Handy und Tablet (einspaltig, ≤ 980 px): Porträt zuerst, BDU-Hinweis auf der Unterkante des Fotos.
   Anlass: Andreas Eisenkrätzer 20.10.2026 „da steht nur Text“ – das Porträt kam erst nach 1,5 Bildschirmen.
   Texte unverändert, am Rechner bleibt der Seitenanfang wie im Entwurf. */
@media (max-width: 980px) {
	.elementor-kit-4 .elementor .hero.hero { padding-top: 32px; }
	.elementor-kit-4 .elementor .hero .hero__grid { gap: 30px; }
	.elementor-kit-4 .elementor .hero .portrait { order: -1; justify-self: stretch; width: 100%; max-width: 560px; margin: 0 auto; }
	.elementor-kit-4 .elementor .hero .portrait::before,
	.elementor-kit-4 .elementor .hero .portrait::after { display: none; }
	.elementor-kit-4 .elementor .hero .portrait .portrait__img { aspect-ratio: 4 / 3.2; border-radius: 22px; }
	.elementor-kit-4 .elementor .hero .portrait .portrait__img img { object-position: center 18%; }
	.elementor-kit-4 .elementor .hero .portrait .bdu-badge { position: absolute; left: 12px; right: 12px; bottom: 12px; margin: 0; padding: 10px 14px; gap: 12px;
		background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
	.elementor-kit-4 .elementor .hero .portrait .bdu-badge img { height: 44px; }
	.elementor-kit-4 .elementor .hero .portrait .bdu-badge span { font-size: 13px; }
}