/*
 * communia-fixes.css
 * Korrekturen aus dem Frontend-Audit vom 05.09.2026.
 * Wird von functions.php mit der Abhängigkeit 'divi-style' eingebunden,
 * liegt also hinter Divis Stylesheet.
 *
 * Jeder Block ist einzeln auskommentierbar.
 */


/* ------------------------------------------------------------------
 * 1. Portfolio-Kacheln vollflächig klickbar
 * Unverändert aus functions.php hierher gezogen (war wp_add_inline_style).
 * ---------------------------------------------------------------- */

.et_pb_portfolio_item {
	position: relative;
}

.et_pb_portfolio_item .et_pb_module_header a::after {
	content: "";
	position: absolute;
	inset: 0;
}


/* ------------------------------------------------------------------
 * 2. Akkordeon "communia entwickelt Strategien für" — kein Aufklapp-Sprung
 *
 * Divi rendert das erste Element geöffnet, ein Skript klappt es danach zu.
 * Sichtbar war das als Layout-Sprung bei jedem Seitenaufruf.
 * Diese Regel hält den Inhalt vom ersten Frame an verborgen; sobald
 * communia-fixes.js durchgelaufen ist, setzt es .cmn-ready auf <html> und
 * die Regel greift nicht mehr — Aufklappen per Klick funktioniert also
 * normal weiter.
 * ---------------------------------------------------------------- */

html:not(.cmn-ready) .my_accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_content {
	display: none !important;
}


/* ------------------------------------------------------------------
 * 3. CleverReach-Newsletterformular: 10 px Overflow auf dem Handy
 *
 * Das mitgelieferte Inline-CSS des Formulars setzt
 *   .cr_ipe_item { margin: 0 10px; padding: 0 10px; width: 100% }
 * Breite 100 % der Spalte PLUS 10 px linker Rand ergibt bei 375 px
 * Viewport eine Dokumentbreite von 385 px — die Seite ließ sich seitlich
 * wegschieben. Die höhere Spezifität ist nötig, weil das Inline-<style>
 * des Formulars später im Dokument steht.
 * ---------------------------------------------------------------- */

.cr_form .cr_ipe_item,
.cr_form .cr_form-component {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}


/* ------------------------------------------------------------------
 * 3b. OPTIONAL — Schriftgrößen im Newsletterformular
 *
 * Labels stehen bei 11 px, der Datenschutzhinweis bei 10 px, während der
 * Rest des Footers 20 px hat. 16 px im Eingabefeld verhindern außerdem,
 * dass iOS beim Fokussieren hineinzoomt.
 * Einkommentieren, wenn der Footer drankommt.
 * ---------------------------------------------------------------- */

/*
.cr_form .cr_ipe_item label { font-size: 14px; line-height: 1.5; }
.cr_form .cr_ipe_item input[type="text"],
.cr_form .cr_ipe_item input[type="email"] { font-size: 16px; }
.cr_form .cr_ipe_item .cr_ipe_privacy,
.cr_form .cr_ipe_item small { font-size: 13px; line-height: 1.5; }
*/


/* ------------------------------------------------------------------
 * 4. Intro-Links unter der Startseiten-Headline
 *
 * a) Der Absatz endet im Seiteninhalt auf ein leeres <a></a>. Das ist ein
 *    65 px hoher, mit der Tabulatortaste erreichbarer Leerlauf. Bis es im
 *    Builder entfernt ist, wird es hier ausgeblendet.
 * b) Bei 375 px berühren sich "Was wir machen" und "Unser Energieprojekt":
 *    52 px Schrift auf 62 px Zeilenhöhe, dazwischen nur ein <br>. Die
 *    Unterlänge der letzten Zeile trifft auf die Oberkante der nächsten.
 *    Etwas mehr Zeilenhöhe löst beides, ohne die Desktop-Fassung
 *    anzufassen (dort stehen die Links 114 px auseinander und passen).
 * ---------------------------------------------------------------- */

.cmn-intro-links a:empty {
	display: none;
}

@media only screen and (max-width: 980px) {
	.cmn-intro-links {
		line-height: 1.35;
	}
}


/* ------------------------------------------------------------------
 * 5. OPTIONAL — "Unterstütze uns" im Header vertikal ausrichten
 *
 * Die Kopfzeile ist 100 px hoch. Das Menü sitzt bei y=42 (per margin-top
 * im Modul), Suchsymbol und EN liegen auf derselben Linie. Der rote Block
 * beginnt dagegen bei y=0, weil die Spalte align-items:flex-start hat —
 * er hängt also an der Oberkante und ist gegen die Menüzeile versetzt.
 *
 * Ob das Absicht ist, kann ich nicht entscheiden. Wenn nicht: diesen Block
 * einkommentieren, dann steht der Block mittig und die Beschriftung liegt
 * auf der Höhe der Menüpunkte.
 * ---------------------------------------------------------------- */

/*
.et-l--header .say_hello_blurb {
	align-self: center;
	margin-bottom: 0;
}
*/
