/* ==========================================================================
DISTLER Immobilien Gruppe: globale BB-Row „Kontakt“ (#kontakt, „Jetzt Kontakt aufnehmen“)
Template 903 (Template-ID 9ynli372seq5), liegt auf 17 Seiten. Kompaktes Layout:
weniger Leerraum zwischen Überschrift, Kontaktzeilen, Formular und Infoboxen.
Inhalte bleiben in Beaver Builder; hier wird nur das Rendering angepasst.
Die kompakten WPForms-Feldabstände selbst stehen global in global-design.css.
Kind-Nodes (Template-IDs, auf allen Seiten identisch):
6lr1t7pbgvs8 linke Spalte | xpwd30t7k1z8 Überschrift | jcmh4upa8zt6 Linie
as5d3f1pulxy Unterzeile | azt1qch9nlb6 E-Mail | ye9ln02kmiuw Telefon
g8h5sjn7utk4 Formular (Rich-Text mit [wpforms id="1956"])
38egjfrlypha rechte Spalte | j38s5pibad1x / yl1qe7mdc6xk / 62p3v948dui1 Infoboxen
Leeres PP-WPForms-Modul (clk91a2bp30m) und -Spacer (gpt6dv7e04xa) werden per CSS ausgeblendet.
========================================================================== */
/* ---------- Linke Spalte: Module untereinander, Kontaktzeilen nebeneinander ---------- */
.fl-builder-content .fl-node-6lr1t7pbgvs8 > .fl-col-content {
flex-direction: row !important;
flex-wrap: wrap;
justify-content: flex-start !important;
align-content: flex-start;
align-items: flex-start;
padding-top: 0;
}
.fl-builder-content .fl-node-6lr1t7pbgvs8 > .fl-col-content > .fl-module {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
min-width: 0;
}
/* Überschrift, Linie, Unterzeile */
.fl-builder-content .fl-node-xpwd30t7k1z8 > .fl-module-content { margin-top: 0; margin-bottom: 0; }
.fl-builder-content .fl-node-xpwd30t7k1z8 .fl-heading { margin: 0; line-height: 1.15; }
.fl-builder-content .fl-node-jcmh4upa8zt6 > .fl-module-content { margin-top: 14px; margin-bottom: 16px; }
.fl-builder-content .fl-node-as5d3f1pulxy > .fl-module-content { margin-top: 0; margin-bottom: 20px; }
.fl-builder-content .fl-node-as5d3f1pulxy .fl-rich-text p { margin: 0; line-height: 1.3; }
/* Kontaktzeilen E-Mail + Telefon: eine Zeile (umbricht auf schmalen Viewports) */
.fl-builder-content .fl-node-6lr1t7pbgvs8 > .fl-col-content > .fl-node-azt1qch9nlb6,
.fl-builder-content .fl-node-6lr1t7pbgvs8 > .fl-col-content > .fl-node-ye9ln02kmiuw {
flex: 0 0 auto;
width: auto;
}
.fl-builder-content .fl-node-azt1qch9nlb6 > .fl-module-content { margin: 0 36px 14px 0; }
.fl-builder-content .fl-node-ye9ln02kmiuw > .fl-module-content { margin: 0 0 28px 0; }
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon-wrap,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon-wrap {
display: inline-flex;
align-items: center;
gap: 12px;
}
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon { display: inline-flex; align-items: center; line-height: 1; }
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon i,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon i { float: none; }
/* BB setzt .fl-icon-text auf height = Icongröße × 1,75 (53 px) für die alte Table-Cell-Zentrierung; hier auf Inhaltshöhe */
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon-text,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon-text {
display: flex;
align-items: center;
height: auto !important;
min-height: 0;
padding: 0;
margin: 0;
line-height: 1.4;
}
/* Alt-Markup im Text (E-Mail: …
; Telefon: verschachtelte Modul-Wrapper) neutralisieren */
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon-text p,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon-text p,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon-text .fl-module-content,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon-text .fl-icon-wrap,
.fl-builder-content .fl-node-ye9ln02kmiuw .fl-icon-text .fl-icon-text {
display: block;
margin: 0 !important;
padding: 0 !important;
}
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon-text span { display: inline; }
.fl-builder-content .fl-node-azt1qch9nlb6 .fl-icon-text br { display: none; }
/* ---------- Formular (WPForms 1956 per Shortcode im Rich-Text-Modul, Shortcode steht in einem ) ---------- */
.fl-builder-content .fl-node-g8h5sjn7utk4 > .fl-module-content { margin-top: 0; margin-bottom: 0; }
.fl-builder-content .fl-node-g8h5sjn7utk4 .fl-rich-text > p { margin: 0 !important; padding: 0; }
.fl-builder-content .fl-node-g8h5sjn7utk4 .wpforms-container { margin: 0 !important; }
/* Leeres PP-WPForms-Modul (58 px Leerraum) ausblenden, solange kein Formular darin gerendert wird.
Im Builder (body.fl-builder-edit) bleibt es sichtbar, damit es bearbeitet/gelöscht werden kann. */
body:not(.fl-builder-edit) .fl-builder-content .fl-node-clk91a2bp30m:not(:has(.wpforms-form)) { display: none; }
/* ---------- Rechte Spalte: Infoboxen ohne Spacer und Innenabstände ---------- */
body:not(.fl-builder-edit) .fl-builder-content .fl-node-gpt6dv7e04xa { display: none !important; }
.fl-builder-content .fl-node-38egjfrlypha > .fl-col-content { padding-top: 0; }
.fl-builder-content .fl-node-j38s5pibad1x > .fl-module-content,
.fl-builder-content .fl-node-yl1qe7mdc6xk > .fl-module-content,
.fl-builder-content .fl-node-62p3v948dui1 > .fl-module-content { margin-top: 0; margin-bottom: 28px; }
.fl-builder-content .fl-node-62p3v948dui1 > .fl-module-content { margin-bottom: 0; }
.fl-builder-content .fl-node-38egjfrlypha .pp-infobox { padding: 0 !important; }
.fl-builder-content .fl-node-38egjfrlypha .pp-infobox-icon { line-height: 1; }
.fl-builder-content .fl-node-38egjfrlypha .pp-infobox-title { margin: 8px 0 4px !important; line-height: 1.25; }
.fl-builder-content .fl-node-38egjfrlypha .pp-infobox-description p { margin: 0; line-height: 1.45; }
/* ---------- Mobil ---------- */
@media (max-width: 767px) {
.fl-builder-content .fl-node-38egjfrlypha > .fl-col-content { padding-top: 28px; } /* Abstand Formular → Infoboxen */
.fl-builder-content .fl-node-azt1qch9nlb6 > .fl-module-content { margin: 0 0 12px 0; }
.fl-builder-content .fl-node-ye9ln02kmiuw > .fl-module-content { margin: 0 0 24px 0; }
.fl-builder-content .fl-node-j38s5pibad1x > .fl-module-content,
.fl-builder-content .fl-node-yl1qe7mdc6xk > .fl-module-content { margin-bottom: 22px; }
}