/* ============================================================
* ERS Fixes Stylesheet
* Globale Tweaks aus dem Feedback Runde 1 (2026-05-21):
* - Blocksatz auf Body-Texten
* - Kachel-Hintergründe weniger transparent (hellgrau, weicher Schatten)
* - Volle Seitenbreite statt fix
* Enqueued via wp-content/themes/ers/functions.php
* ============================================================ */
/* ------------------------------------------------------------
* 1) BLOCKSATZ auf Bodytext
* Greift Elementor Text-Editor + WP Editor Paragraphen,
* lässt Überschriften und Button/Link-Inhalte unverändert.
* ------------------------------------------------------------ */
.ers-justify,
.ers-justify p,
.elementor-widget-text-editor p,
.elementor-widget-text-editor > p,
.elementor-widget-text-editor .elementor-widget-container > p,
.elementor-widget-text-editor .elementor-widget-container > div > p,
.elementor-cta__description,
.entry-content > p,
.wp-block-paragraph {
text-align: justify;
hyphens: auto;
-webkit-hyphens: auto;
}
/* Listen-Inhalte und kurze CTA-Absätze sollen NICHT justified sein */
.elementor-widget-text-editor li,
.elementor-button p,
.elementor-cta p,
.no-justify, .no-justify p {
text-align: inherit;
hyphens: manual;
}
/* ------------------------------------------------------------
* 2) KACHELN: weniger transparent, hellgrau, weicher Schatten
* Konservative Selektoren — greift Elementor-Container/Cards mit
* hellem (weißem/grauem) Hintergrund, lässt farbige Sections in Ruhe.
* ------------------------------------------------------------ */
:root {
--ers-card-bg: rgba(245, 245, 247, 0.92);
--ers-card-bg-strong: #f3f4f6;
--ers-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
--ers-card-radius: 16px;
}
/* Generische "Box"-Container in Elementor mit hellem BG */
.elementor-element.e-con.ers-tile,
.elementor-widget-wrap > .elementor-element.ers-tile,
.elementor-section .ers-tile {
background-color: var(--ers-card-bg-strong) !important;
box-shadow: var(--ers-card-shadow);
border-radius: var(--ers-card-radius);
}
/* Custom-ERS-Card-Widgets (akademie, profile) */
.ers-akademie-card,
.ers-profile-card {
background-color: var(--ers-card-bg-strong);
box-shadow: var(--ers-card-shadow);
border-radius: var(--ers-card-radius);
}
/* OVERRIDE bestehender bg-blur-white (war: #ffffff8a = 54% transparent)
* Jetzt: ~92% opak, leichter Hellgrau-Stich, klarer Schatten.
* Definition liegt in custom-css-js Plugin (Post 3161, master-css). */
.bg-blur-white {
background: rgba(243, 244, 246, 0.94) !important;
box-shadow: var(--ers-card-shadow);
border-radius: var(--ers-card-radius);
}
/* ------------------------------------------------------------
* 2c) RADIOLOGISCHE DIENSTE Unterseiten — Abstand Liste → Karten-Sektion.
* Die Kachel-Transparenz (#FFFFFF7A → #F3F4F6ED) wurde site-weit direkt
* in den Elementor-Daten ersetzt. Hier ≥50px Abstand ÜBER der jeweiligen
* Karten-Sektion (Top-Level-Container, der die grauen Kacheln enthält).
* IDs ermittelt durch DB-Scan aller publizierten Seiten mit grauen Kacheln.
* ------------------------------------------------------------ */
.elementor-element-0b43afb,
.elementor-element-29008062,
.elementor-element-34f7f0ea,
.elementor-element-3cc0711c,
.elementor-element-558f7904,
.elementor-element-5738b77e {
margin-top: 50px !important;
}
/* ≥50px Abstand oben am CONTAINER, der die "Höchste Qualität..."-Überschrift
* + die Bullet-Liste umschließt (das e-parent-Element). IDs WPML-weit geteilt
* → decken alle Sprachversionen ab.
* 397068c4 Akutdienst · 319ee8ab Elektiver Dienst
* 70e82117 AI-Assistenten · 662374f Expert */
.elementor-element-397068c4,
.elementor-element-319ee8ab,
.elementor-element-70e82117,
.elementor-element-662374f {
margin-top: 50px !important;
}
/* Karten-Reihe (das e-child, das die Kacheln direkt enthält) — margin oben+unten
* 50px, damit die Kacheln nicht an den Rändern der dunklen CT-Sektion kleben.
* IDs WPML-weit geteilt → alle Sprachen.
* d31038c Akutdienst · 666abc4f Elektiver Dienst · 7d226e0 AI-Assistenten
* f1712fc Expert · b1b7484 Datensicherheit */
.elementor-element-d31038c,
.elementor-element-666abc4f,
.elementor-element-7d226e0,
.elementor-element-f1712fc,
.elementor-element-b1b7484 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
/* ------------------------------------------------------------
* 2e) ERS AKADEMIE — 4 Feature-Blöcke (Top-Level Ausbildung, 2 Saisonen,
* Zertifikate, Kosten) in 1 Reihe statt 2×2 (Desktop). Button (b8376cb)
* bleibt in eigener Reihe. IDs WPML-weit identisch (alle Sprachen).
* ------------------------------------------------------------ */
@media (min-width: 1025px) {
.elementor-element-f892ded,
.elementor-element-8309f22,
.elementor-element-45d441a,
.elementor-element-d191f3f {
flex: 1 1 0 !important;
max-width: 25% !important;
}
.elementor-element-b8376cb {
flex: 1 1 100% !important;
max-width: 100% !important;
}
}
/* ------------------------------------------------------------
* 2b) HOMEPAGE Service-Kacheln "Unsere radiologischen Dienste"
* Soll-Look (Image #4/#6/#10): 4 weiße Karten mit Schatten,
* mit Gap zwischen den Karten, Buttons nicht edge-to-edge.
* Struktur: .elementor-element-166b9bd > .e-con-inner > 4× .e-child
* ------------------------------------------------------------ */
/* Gap zwischen den 4 Karten + Abstand zur nächsten Sektion */
.elementor-element-166b9bd > .e-con-inner {
gap: 24px !important;
}
.elementor-element-166b9bd {
margin-bottom: 80px !important;
}
/* Karten-Container */
.elementor-element-166b9bd > .e-con-inner > .elementor-element.e-con,
.elementor-element-166b9bd .elementor-element.e-con.e-child {
background-color: #ffffff !important;
border-radius: var(--ers-card-radius);
box-shadow: var(--ers-card-shadow);
padding: 32px 24px;
gap: 16px;
}
/* Buttons innerhalb der Karten: nicht edge-to-edge, etwas Inneraum */
.elementor-element-166b9bd .elementor-widget-button .elementor-button-wrapper {
margin-left: 8px;
margin-right: 8px;
}
.elementor-element-166b9bd .elementor-widget-button .elementor-button {
width: auto;
min-width: 0;
}
/* R2-D) Service-Karten (Startseite, 166b9bd) auf ALLEN Auflösungen
* einheitlich: gleiche Höhe (stretch) + "Mehr erfahren"-Button immer unten
* bündig (margin-top:auto), unabhängig von Titel-Länge/Zoom. */
.elementor-element-166b9bd > .e-con-inner,
.elementor-element-166b9bd > .elementor-container {
align-items: stretch !important;
}
.elementor-element-166b9bd .elementor-widget-button {
margin-top: auto !important;
}
/* Generische opt-in Klasse für künftige Service-Karten */
.ers-service-card,
.ers-service-card.elementor-element.e-con {
background-color: #ffffff;
border-radius: var(--ers-card-radius);
box-shadow: var(--ers-card-shadow);
padding: 32px 24px;
gap: 16px;
}
/* ------------------------------------------------------------
* 2g) RADIOLOGISCHE DIENSTE Hero-Logos weiter unten + rechts (waren
* "linklastig" und zu knapp am Text). Logo/Bild in rechter 50%-Spalte
* (flex-column) jeder Hero-Sektion. IDs WPML-weit geteilt → alle Sprachen.
* Expert: d494821/7bf2137 · Akutdienst: 369b2382/4b265a60
* Elektiver Dienst: 71243bad/64440e97 · AI: 52423744/5936c16b
* Datensicherheit: 1e401fb4/b4a91ba
* ------------------------------------------------------------ */
.elementor-element-d494821,
.elementor-element-369b2382,
.elementor-element-71243bad,
.elementor-element-52423744,
.elementor-element-1e401fb4 {
justify-content: center !important; /* vertikal mittig statt oben → weiter unten */
align-items: flex-end !important; /* an den rechten Rand der Spalte */
}
.elementor-element-7bf2137,
.elementor-element-4b265a60,
.elementor-element-64440e97,
.elementor-element-5936c16b,
.elementor-element-b4a91ba {
align-self: flex-end !important;
}
/* ------------------------------------------------------------
* 2d) PARTNERSCHAFTEN — Partner-Logos komplett sichtbar.
* Logos liegen als CTA-Hintergrund mit Elementor-Default
* background-size:cover → werden beschnitten. contain zeigt das
* ganze Logo. CTA-IDs WPML-weit identisch (alle 6 Sprachen):
* e05c4c6 Post Sanela · d095656 Ärztekasse/AKCM
* ------------------------------------------------------------ */
.elementor-element-e05c4c6 .elementor-cta__bg,
.elementor-element-d095656 .elementor-cta__bg {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* ------------------------------------------------------------
* 2f) TECHNOLOGIEVIDEO Lightbox (Datensicherheit-Seite)
* Dunkles transparentes Overlay + formatfüllender Player.
* ------------------------------------------------------------ */
.ers-vlb-overlay {
position: fixed;
inset: 0;
z-index: 99999;
display: none;
align-items: center;
justify-content: center;
background: rgba(10, 12, 16, 0.85);
padding: clamp(16px, 4vw, 64px);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.ers-vlb-overlay.is-open {
display: flex;
}
.ers-vlb-inner {
position: relative;
width: 100%;
max-width: 1280px;
}
.ers-vlb-video {
width: 100%;
height: auto;
max-height: 85vh;
display: block;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
background: #000;
}
.ers-vlb-close {
position: absolute;
top: -52px;
right: 0;
width: 44px;
height: 44px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(255, 255, 255, 0.12);
color: #fff;
cursor: pointer;
opacity: 0.9;
transition: opacity 0.15s, background 0.15s;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.ers-vlb-close i {
font-size: 22px;
line-height: 1;
display: block;
}
.ers-vlb-close:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.22);
}
/* ------------------------------------------------------------
* 3) VOLLE SEITENBREITE (global)
* Elementor "boxed" Sections + Containers aufbrechen: max-width
* entfernen, Innenpadding via clamp für Lesbarkeit auf großen Screens.
* Greift GLOBAL — opt-out per Section über die Klasse .ers-keep-boxed.
* ------------------------------------------------------------ */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section-boxed > .elementor-container,
.e-con.e-con-boxed > .e-con-inner,
.e-con-boxed > .e-con-inner {
max-width: 100% !important;
padding-left: clamp(16px, 4vw, 64px);
padding-right: clamp(16px, 4vw, 64px);
}
/* Opt-out: lass diese Section/Container im alten boxed Layout */
.ers-keep-boxed.elementor-section-boxed > .elementor-container,
.ers-keep-boxed.e-con-boxed > .e-con-inner,
.ers-keep-boxed > .elementor-container,
.ers-keep-boxed > .e-con-inner {
max-width: var(--container-max-width, 1140px) !important;
padding-left: initial;
padding-right: initial;
}
/* ------------------------------------------------------------
* GLOBAL <1024px: 25px Seitenabstand für die Seiteninhalte.
* Section-Hintergründe bleiben full-bleed (Hintergrund liegt auf der Section
* /.e-con und geht randlos durch); der Inhalt/die Boxen sitzen 25px vom Rand.
* Greift auf die OBERSTEN Seiten-Container (boxed + full), nicht verschachtelt.
* ------------------------------------------------------------ */
@media (max-width: 1024px) {
/* Boxed Top-Container: äußere .e-con randlos (Hintergrund full-bleed),
* die 25px sitzen auf der .e-con-inner → Inhalt/Boxen 25px vom Rand. */
[data-elementor-type="wp-page"] > .e-con.e-con-boxed {
padding-left: 0 !important;
padding-right: 0 !important;
}
[data-elementor-type="wp-page"] > .e-con.e-con-boxed > .e-con-inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
/* Full-width Top-Container: 25px direkt drauf (Hintergrund bleibt full-bleed,
* Padding liegt innerhalb des Hintergrunds). */
[data-elementor-type="wp-page"] > .e-con.e-con-full {
padding-left: 25px !important;
padding-right: 25px !important;
}
/* Legacy Elementor-Sections */
[data-elementor-type="wp-page"] > .elementor-section > .elementor-container {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
/* Hello-Elementor Theme: site-Wrapper auch full-width */
.site-main,
.entry-content,
.page-content {
max-width: 100% !important;
}
/* 4) (ENTFERNT) H1-Farb-Override — Überschriften werden komplett über das
* Elementor-Kit (Site Settings → Typography) gesteuert, kein CSS mehr. */
/* ------------------------------------------------------------
* 5) Menü-Pills für "Expert" und "EPD Log in"
* Master-CSS (custom-css-js Post 3161) liefert schon:
* - .nav-highlight a: outline + border-radius (Pill)
* - .nav-highlight.new-tag:before: "New"-Badge (weiß/orange)
* Problem: das alte Setup nutzt display:inline + outline — die
* geometrische Darstellung wird unzuverlässig. Hier ersetzen wir
* outline durch border und inline durch inline-block.
* Brandfarbe Orange: #ef531d (rgb(229,71,27))
* ------------------------------------------------------------ */
.main-menu-item.menu-pill,
.main-menu-item.nav-highlight {
position: relative;
}
.main-menu-item.menu-pill > a.menu-link,
.main-menu-item.nav-highlight > a.menu-link {
display: inline-block !important;
border: 1.5px solid #ef531d;
outline: none !important;
border-radius: 9999px;
padding: 6px 18px !important;
line-height: 1.3;
background: transparent;
color: inherit;
transition: background 0.15s, color 0.15s;
}
.main-menu-item.menu-pill > a.menu-link:hover,
.main-menu-item.nav-highlight > a.menu-link:hover {
background: #ef531d;
color: #fff;
}
/* "New"-Badge (kommt aus master-css :before, hier nur z-index + opakes Weiß
* damit der Pill-Rand UNTER dem Badge verschwindet). */
.main-menu-item.nav-highlight.new-tag::before {
background: #ffffff !important;
color: #ef531d !important;
z-index: 5 !important;
/* Etwas breiter + höher als der Pill-Rand, damit nichts durchblitzt */
padding: 2px 8px !important;
line-height: 1.2 !important;
width: auto !important;
height: auto !important;
/* Über der Top-Linie des Pills positionieren */
top: -9px !important;
}
/* ============================================================
* FEEDBACK RUNDE 2 (2026-05-26)
* ============================================================ */
/* ------------------------------------------------------------
* R2-1) TYPOGRAFIE — Überschriften (H1–H6) werden KOMPLETT über das
* Elementor-Kit gesteuert (Site Settings → Typography), KEINE CSS-
* Overrides mehr. Die frühere Poppins-!important-Force + h2-strong-
* Neutralisierung sind entfernt, weil sie das Kit ausgehebelt haben.
* (Nur das Menü — kein Heading-Widget — bleibt per CSS auf Poppins,
* da ht-menu-lite kein Elementor-Widget ist.)
* ------------------------------------------------------------ */
.main-menu-link,
.sub-menu-link,
.menu-link,
.htmobile-navigation a,
.htmobile-menu-wrap a {
font-family: "Poppins", sans-serif !important;
}
/* ------------------------------------------------------------
* R2-2) ZEILENABSTÄNDE — Fließtext 1.7 (Vorgabe 1.6–1.8, "wie jetzt").
* Greift Bodytext (Text-Editor + WP-Editor-Absätze + Listen),
* lässt Überschriften/Buttons unberührt.
* ------------------------------------------------------------ */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-cta__description,
.entry-content p,
.entry-content li,
.wp-block-paragraph,
.ers-body-text {
line-height: 1.7 !important;
}
/* ------------------------------------------------------------
* R2-4) STICKY HEADER. Wrapper .elementor-location-header (statisch,
* transparent) → sticky; innerer Container hat bereits weißen BG.
* Höhe ~100px. WP-Adminbar berücksichtigen.
* ------------------------------------------------------------ */
.elementor-location-header {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.admin-bar .elementor-location-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .elementor-location-header { top: 46px; }
}
/* ------------------------------------------------------------
* R2-B2) Mobiles Menü: Rahmen um den Menü-Bereich entfernen (alle
* Auflösungen, in denen das mobile Menü erscheint).
* ------------------------------------------------------------ */
.htmega-menu-area,
.htmega-menu-container,
.htmobile-menu-wrap {
border: 0 !important;
}
/* ------------------------------------------------------------
* R2-B3) Mobiles Menü: beide Untermenüs (Radiologische Dienste,
* Unternehmen) dauerhaft aufgeklappt; Aufklapp-Pfeile weg;
* Zeilenhöhe maximal 2.0 (war 40px ≈ 2.2 bei 18px).
* ------------------------------------------------------------ */
.htmobile-menu-wrap .sub-menu {
display: block !important;
height: auto !important;
max-height: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.htmobile-menu-wrap .menu-expand {
display: none !important;
}
/* Offcanvas: Parent-Punkte mit Untermenü (Unternehmen, Radiologische
* Dienste) nicht anklickbar – die Untermenüs sind ohnehin immer offen,
* die Parents sind reine Labels. (Kundenwunsch 2026-06-10) */
.htmobile-menu-wrap .menu-item-has-children > a.main-menu-link {
pointer-events: none;
cursor: default;
}
.htmobile-menu-wrap a,
.htmobile-navigation a {
line-height: 2 !important;
}
/* ------------------------------------------------------------
* R2-25) HEADER FULL-WIDTH wie Produktion: Logo bündig links (Header
* hatte 115px linkes Padding), Menü über die Breite verteilt statt
* mittig geclustert. Header-Container 55329d6, Desktop-Menü e444375.
* ------------------------------------------------------------ */
.elementor-element-55329d6 {
padding-left: 32px !important;
padding-right: 32px !important;
}
@media (min-width: 1025px) {
.elementor-element-e444375 {
flex-grow: 1 !important;
}
.elementor-element-e444375 .htmega-megamenu {
justify-content: space-evenly !important;
width: 100% !important;
}
}
/* ------------------------------------------------------------
* R2-6) "Jetzt anfragen" auf Mobil ausblenden.
* Mobil/Tablet-Button = id 225a382 (im Header-Template 3298).
* Auf Phones (<768px) verstecken; Tablet behält ihn.
* ------------------------------------------------------------ */
@media (max-width: 767px) {
.elementor-element-225a382 {
display: none !important;
}
}
/* ------------------------------------------------------------
* R2-7 ENTFERNT (Runde 4): Der custom Fahnen-Dropdown (.wpml-elementor-ls)
* wird nicht mehr genutzt. Der Sprachumschalter ist jetzt der NATIVE
* WPML-Menü-Dropdown (aktuelle Sprache als Top-Level-Menüpunkt + die übrigen
* Sprachen als Untermenü, rechts vom Menü). Flaggen-Breite siehe R4-6.
* ------------------------------------------------------------ */
/* ------------------------------------------------------------
* R2-14) ERS AKADEMIE — 4-Boxen-Reihe "Ausbildung" max. 1400px breit
* (war full-width). Row-Container c24833a zentriert begrenzen.
* R2-15) Die 2 Text-Boxen (76b9e715 / c9d8cf1) einheitlich groß
* (gleiche Breite + Höhe).
* R2-16) Die 10 Körperteil-Karten (#akademiewidgets) immer 5 pro Reihe,
* zentriert. (Seite 2114 + WPML-Übersetzungen — IDs sprachweit identisch.)
* ------------------------------------------------------------ */
.elementor-element-c24833a {
max-width: 1400px !important;
margin-left: auto !important;
margin-right: auto !important;
/* Rahmen der Akademie-Box orange statt default-grau */
border-color: #ef531d !important;
--border-color: #ef531d !important;
}
/* "Jetzt anmelden"-Button-Container entfernen — der CTA ist der "Jetzt anfragen"-
Button weiter oben im Header. */
.elementor-element-b8376cb {
display: none !important;
}
.elementor-element-2c3d7bda {
align-items: stretch !important;
justify-content: center !important;
gap: 32px;
}
.elementor-element-76b9e715,
.elementor-element-c9d8cf1 {
flex: 1 1 0 !important;
max-width: 50% !important;
}
/* Mobil (<768px): die 2 Text-Boxen einspaltig untereinander statt 2-spaltig.
* Hebt das erzwungene max-width:50% von oben auf. */
@media (max-width: 767px) {
.elementor-element-2c3d7bda {
flex-direction: column !important;
}
.elementor-element-76b9e715,
.elementor-element-c9d8cf1 {
flex: 1 1 100% !important;
max-width: 100% !important;
width: 100% !important;
--width: 100% !important;
/* nur noch 25px "Fleisch" links/rechts (war 50px) -> breitere Textspalte */
--padding-left: 25px !important;
--padding-right: 25px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
/* Section-Hintergrundbild (academy-bw.jpg): auf Mobil 'scroll' statt 'fixed',
sonst rendert es als dunkler, unscharfer Foto-Ausschnitt rund um die Boxen
(bekannter fixed-cover-Bug). 'scroll' zeigt das Foto wie auf Desktop (durchs
38%-Overlay ausgewaschen). Seiten-Padding raus -> volle-Breite-Boxen. */
.elementor-element-5738b77e {
background-attachment: scroll !important;
--padding-left: 0px !important;
--padding-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
/* Saison-Texte (Überschrift + Absatz, S1 "Expert Class" / S2 "Master Class")
kleben am Rand -> 25px links/rechts. Nur diese Texte, nicht die Körperteil-
Karten (die liegen im selben Container be0c645, bleiben unberührt).
Headings sind Elementor-V4-atomic (e-heading-base) -> per data-id getroffen. */
.elementor-2114 .elementor-element-bf77dad,
.elementor-2114 .elementor-element-24c7200,
.elementor-2114 [data-id="f036c79"],
.elementor-2114 [data-id="a3a1c88"] {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
/* 10 Körperteil-Karten: 5 pro Reihe (Desktop), zentriert. */
#akademiewidgets {
flex-wrap: wrap !important;
justify-content: center !important;
gap: 20px !important;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
#akademiewidgets > .e-flexbox,
#akademiewidgets > .elementor-element {
flex: 0 0 calc(20% - 16px) !important;
max-width: calc(20% - 16px) !important;
}
@media (max-width: 1024px) {
#akademiewidgets > .e-flexbox,
#akademiewidgets > .elementor-element {
flex: 0 0 calc(33.333% - 14px) !important;
max-width: calc(33.333% - 14px) !important;
}
}
@media (max-width: 600px) {
#akademiewidgets > .e-flexbox,
#akademiewidgets > .elementor-element {
flex: 0 0 calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
}
}
/* ------------------------------------------------------------
* R2-20) Großes Seiten-Logo in der rechten Hero-Spalte überall auf
* max. 400px Breite begrenzen. IDs aus JOURNAL B6 (sprachweit identisch):
* Expert 7bf2137 · AI 5936c16b · Elektiv 64440e97 · Akut 4b265a60
* Akademie 41d7396c · ERS TV 2f48e647 · Datensicherheit b4a91ba
* ------------------------------------------------------------ */
.elementor-element-7bf2137 img,
.elementor-element-5936c16b img,
.elementor-element-64440e97 img,
.elementor-element-4b265a60 img,
.elementor-element-41d7396c img,
.elementor-element-2f48e647 img {
max-width: 400px !important;
width: 100%;
height: auto;
}
/* ------------------------------------------------------------
* R2-22) DATENSICHERHEIT (Seite 2028 + Übersetzungen).
* a) Hero-Bild b4a91ba: border-radius 25px (ist ein Foto, KEIN Logo →
* nicht auf 400px begrenzt).
* b) "Jetzt anfragen"-Button 129e2344 entfernen.
* c) "Technologievideo anschauen"-Button 7f16f07: Poppins, normale
* Schreibweise, Play-Icon davor. (Lightbox-JS hängt schon dran.)
* IDs WPML-weit identisch → alle Sprachen.
* ------------------------------------------------------------ */
.elementor-element-b4a91ba img {
border-radius: 25px !important;
}
.elementor-element-129e2344 {
display: none !important;
}
.elementor-element-7f16f07 .elementor-button {
text-transform: none !important;
font-family: "Poppins", sans-serif !important;
}
.elementor-element-7f16f07 .elementor-button-text::before {
content: "\f04b"; /* FA play */
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
}
/* ------------------------------------------------------------
* R2-12) FOOTER — Orange-Verlauf wird in ELEMENTOR gesteuert
* (Container 3102fedd Hintergrund: linear-gradient #F7633A -> #E5471B).
* Hier KEIN background-image-Override mehr (würde den Elementor-
* Verlauf per !important aushebeln). Nur position/overflow für die
* Scherbe + die weiße "Scherbe" (SVG) unten rechts.
* Footer-Template 3322, oranger Container = 3102fedd.
* Scherbe-SVG 1:1 von Prod übernommen (assets/footer-scherbe.svg),
* Position wie Prod: right:-38px, bottom:0, 306×300px.
* ------------------------------------------------------------ */
.elementor-element-3102fedd {
position: relative;
overflow: hidden;
}
.elementor-element-3102fedd::after {
content: "";
position: absolute;
right: -38px;
bottom: 0;
width: 306px;
height: 300px;
background: url(footer-scherbe.svg) no-repeat right bottom;
background-size: contain;
pointer-events: none;
z-index: 0;
opacity: 0.95;
}
/* Footer-Inhalt über der Scherbe halten */
.elementor-element-3102fedd > .e-con-inner,
.elementor-element-3102fedd > .elementor-container {
position: relative;
z-index: 1;
}
/* Copyright zentriert (war justify durch globale Blocksatz-Regel) */
.elementor-element-3b2951c,
.elementor-element-3b2951c p {
text-align: center !important;
hyphens: manual;
}
/* Footer-Schrift: Poppins — ABER das Footer-Menü ist davon ausgenommen
* (Open Sans 17px, gesetzt direkt am nav-menu-Widget in Elementor). Daher
* KEIN "a"-Selektor mehr hier (der hatte das Menü auf Poppins gezwungen)
* und keine Menü-Font-Weight-Override. */
.elementor-location-footer,
.elementor-location-footer p {
font-family: "Poppins", sans-serif !important;
}
/* ------------------------------------------------------------
* R2-3) ABSTÄNDE
* a) Testimonials-Sektion (557c05b): Abstände werden über die Elementor-
* Container-Margins gesteuert (margin top/bottom am Container 557c05b),
* NICHT per CSS — daher hier KEINE Override mehr (sonst 100px CSS +
* 100px vom Vorgänger-Container = 200px).
* b) KEIN fixer Abstand oberhalb des Footers (margin-top entfernt) —
* der Footer schließt direkt an den letzten Container an.
* ------------------------------------------------------------ */
/* ------------------------------------------------------------
* R2-13) RADIOLOGISCHE DIENSTE — Kacheln (ers_icon_headline_text):
* - 25px Innenabstand (Box-Rand ↔ Text)
* - Icon max 48×48px
* - Box-Text Open Sans, 17px
* - feste Box-Größe (skaliert NICHT mit der Viewport-Breite); Reihen
* brechen um und zentrieren.
* Icon/Text via Widget-Klasse (alle Seiten). Kacheln + Reihen via die
* dokumentierten Karten-Reihen-IDs (JOURNAL): Akut d31038c, Elektiv
* 666abc4f, AI 7d226e0, Expert f1712fc, Datensicherheit b1b7484.
* ------------------------------------------------------------ */
/* Icon: max 48×48 (überschreibt die Inline-icon_size des Widgets) */
.elementor-widget-ers_icon_headline_text .ers-icon-headline__icon i {
font-size: 48px !important;
line-height: 1 !important;
}
.elementor-widget-ers_icon_headline_text .ers-icon-headline__icon svg {
width: 48px !important;
height: 48px !important;
max-width: 48px !important;
}
/* 10px Abstand zwischen Icon und Headline */
.elementor-widget-ers_icon_headline_text .ers-icon-headline__icon {
margin-bottom: 10px;
}
.elementor-widget-ers_icon_headline_text .ers-icon-headline__headline {
display: flow-root;
margin-top: 20px;
}
/* Box-Text: Open Sans 17px */
.elementor-widget-ers_icon_headline_text .ers-icon-headline__text {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
padding-left: 20px;
padding-right: 20px;
}
/* Karten-Reihen: umbrechen + zentrieren, Lücken gleichmäßig.
* Reihen sind full-width Container → Kacheln sind DIREKTE Kinder
* (kein .e-con-inner-Wrapper); beide Varianten abgedeckt. */
.elementor-element-d31038c,
.elementor-element-666abc4f,
.elementor-element-7d226e0,
.elementor-element-f1712fc,
.elementor-element-b1b7484,
.elementor-element-d31038c > .e-con-inner,
.elementor-element-666abc4f > .e-con-inner,
.elementor-element-7d226e0 > .e-con-inner,
.elementor-element-f1712fc > .e-con-inner,
.elementor-element-b1b7484 > .e-con-inner {
flex-wrap: wrap !important;
justify-content: center !important;
align-items: stretch !important;
gap: 28px !important;
}
/* Kacheln: feste Größe + 25px Padding (statt fluider 31.8%-Breite) */
.elementor-element-d31038c > .elementor-element,
.elementor-element-666abc4f > .elementor-element,
.elementor-element-7d226e0 > .elementor-element,
.elementor-element-f1712fc > .elementor-element,
.elementor-element-b1b7484 > .elementor-element,
.elementor-element-d31038c > .e-con-inner > .elementor-element,
.elementor-element-666abc4f > .e-con-inner > .elementor-element,
.elementor-element-7d226e0 > .e-con-inner > .elementor-element,
.elementor-element-f1712fc > .e-con-inner > .elementor-element,
.elementor-element-b1b7484 > .e-con-inner > .elementor-element {
flex: 0 0 360px !important;
width: 360px !important;
max-width: 360px !important;
padding: 25px !important;
}
/* ≤797px = nur EINE Kachel pro Reihe: Kachel füllt die volle Breite, damit der
* Box-Rand exakt auf der globalen 25px-Linie (Section-Inner) sitzt – statt fix
* 360px zentriert (was je nach Viewport 30–60px Rand erzeugt). Row-Eigenpadding
* raus, sonst säße die Box bei 35px statt 25px. */
@media (max-width: 797px) {
.elementor-element-d31038c,
.elementor-element-666abc4f,
.elementor-element-7d226e0,
.elementor-element-f1712fc,
.elementor-element-b1b7484,
.elementor-element-d31038c > .e-con-inner,
.elementor-element-666abc4f > .e-con-inner,
.elementor-element-7d226e0 > .e-con-inner,
.elementor-element-f1712fc > .e-con-inner,
.elementor-element-b1b7484 > .e-con-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-element-d31038c > .elementor-element,
.elementor-element-666abc4f > .elementor-element,
.elementor-element-7d226e0 > .elementor-element,
.elementor-element-f1712fc > .elementor-element,
.elementor-element-b1b7484 > .elementor-element,
.elementor-element-d31038c > .e-con-inner > .elementor-element,
.elementor-element-666abc4f > .e-con-inner > .elementor-element,
.elementor-element-7d226e0 > .e-con-inner > .elementor-element,
.elementor-element-f1712fc > .e-con-inner > .elementor-element,
.elementor-element-b1b7484 > .e-con-inner > .elementor-element {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
}
/* Radiologische Dienste: Kachel-Reihen auf max. 1300px begrenzen (3 pro Reihe),
* zentriert. Nur Übersetzungs-Seiten – DE unberührt.
* Akut d31038c · Elektiv 666abc4f · AI 7d226e0 · Expert f1712fc. */
.elementor-2358 .elementor-element-d31038c, .elementor-4127 .elementor-element-d31038c, .elementor-4121 .elementor-element-d31038c, .elementor-4116 .elementor-element-d31038c,
.elementor-2370 .elementor-element-666abc4f, .elementor-4193 .elementor-element-666abc4f, .elementor-4199 .elementor-element-666abc4f, .elementor-4090 .elementor-element-666abc4f,
.elementor-2377 .elementor-element-7d226e0, .elementor-4107 .elementor-element-7d226e0, .elementor-4195 .elementor-element-7d226e0, .elementor-4187 .elementor-element-7d226e0,
.elementor-2351 .elementor-element-f1712fc, .elementor-4179 .elementor-element-f1712fc, .elementor-4171 .elementor-element-f1712fc, .elementor-4182 .elementor-element-f1712fc {
max-width: 1300px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Datensicherheit: Kachel-Reihe auf max. 1300px (alle Sprachen, inkl. DE). */
.elementor-element-b1b7484 {
max-width: 1300px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Datensicherheit Technologie-Video: Der "Technologievideo anschauen"-Button
* (7f16f07) ist IMMER mittig im Container (horizontal + vertikal), auch >1024 –
* der per Custom-CSS gesetzte margin-top:calc(25vh-25px) (schob ihn nach unten)
* wird neutralisiert. ddbb825 enthält nur den Button → vertikales Zentrieren
* verschiebt nichts anderes. */
.elementor-element-ddbb825 {
justify-content: center !important;
align-items: center !important;
}
.elementor-element-7f16f07 {
margin-top: 0 !important;
align-self: center !important;
}
/* <1024px: Hintergrund 25px vom Rand wie alle anderen Elemente (globales
* 25px-Padding in 25px-Margin umwandeln → Hintergrund rückt mit ein), Höhe
* 16:9 statt fixer min-height 588. */
@media (max-width: 1024px) {
.elementor-element-ddbb825 {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 25px !important;
margin-right: 25px !important;
width: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
}
}
/* Datensicherheit: Bild (rechts vom Text) ab ≤1024px UNTER den Text stapeln.
* Nur Übersetzungs-Seiten (en 2401 / fr 4160 / it 4169 / es 4175) – DE unberührt.
* Zeile 14473a35: Text 46326518 (1.) + Bild 1e401fb4 (2.) → column = Bild unten. */
@media (max-width: 1024px) {
.elementor-2401 .elementor-element-14473a35 > .e-con-inner,
.elementor-4160 .elementor-element-14473a35 > .e-con-inner,
.elementor-4169 .elementor-element-14473a35 > .e-con-inner,
.elementor-4175 .elementor-element-14473a35 > .e-con-inner {
flex-direction: column !important;
}
.elementor-2401 .elementor-element-14473a35 .elementor-element-46326518, .elementor-2401 .elementor-element-14473a35 .elementor-element-1e401fb4,
.elementor-4160 .elementor-element-14473a35 .elementor-element-46326518, .elementor-4160 .elementor-element-14473a35 .elementor-element-1e401fb4,
.elementor-4169 .elementor-element-14473a35 .elementor-element-46326518, .elementor-4169 .elementor-element-14473a35 .elementor-element-1e401fb4,
.elementor-4175 .elementor-element-14473a35 .elementor-element-46326518, .elementor-4175 .elementor-element-14473a35 .elementor-element-1e401fb4 {
width: 100% !important;
max-width: 100% !important;
}
}
/* ------------------------------------------------------------
* R2-21) ERS TV — 120px Abstand zwischen den Youtube-/Link-Boxen
* (e276e56) und dem Livestream-Bereich (37a4743).
* ------------------------------------------------------------ */
.elementor-element-37a4743 {
margin-top: 120px !important;
}
/* ------------------------------------------------------------
* R2-18) PARTNERSCHAFTEN (Seite 2935) — Partner-Boxen (CTA e05c4c6 /
* d095656): gerundete Ecken + Schatten, Button im ERS-Stil, Headlines
* auf gleicher Höhe (gleich hohe Boxen).
* ------------------------------------------------------------ */
.elementor-element-e05c4c6 .elementor-cta,
.elementor-element-d095656 .elementor-cta {
border-radius: 16px !important;
box-shadow: var(--ers-card-shadow) !important;
overflow: hidden;
}
/* Boxen gleich hoch */
.elementor-element-3ca594c {
align-items: stretch !important;
}
.elementor-element-e05c4c6,
.elementor-element-d095656,
.elementor-element-f7e3db8,
.elementor-element-e04a297 {
display: flex !important;
flex: 1 1 0 !important;
}
.elementor-element-e05c4c6 .elementor-cta,
.elementor-element-d095656 .elementor-cta {
width: 100%;
}
/* Headline-Höhe angleichen */
.elementor-element-e05c4c6 .elementor-cta__title,
.elementor-element-d095656 .elementor-cta__title {
min-height: 2.6em;
}
/* Button im ERS-Stil (Orange Pill) */
.elementor-element-e05c4c6 .elementor-cta__button,
.elementor-element-d095656 .elementor-cta__button {
background-color: #e5471b !important;
color: #fff !important;
border: none !important;
border-radius: 9999px !important;
padding: 12px 28px !important;
font-family: "Poppins", sans-serif !important;
font-weight: 600 !important;
transition: background-color 0.15s;
}
.elementor-element-e05c4c6 .elementor-cta__button:hover,
.elementor-element-d095656 .elementor-cta__button:hover {
background-color: #c43c16 !important;
}
/* ------------------------------------------------------------
* R2-23) KONTAKTSEITE (2131) — die zwei Adress-Boxen (4c0caaf / 5d9eab2)
* gleich groß + stabil (sollen nicht je nach Inhalt unterschiedlich
* groß werden). Gleiche Breite + gleiche Höhe.
* ------------------------------------------------------------ */
.elementor-element-bc2a1be {
align-items: stretch !important;
justify-content: center !important;
gap: 32px !important;
}
.elementor-element-4c0caaf,
.elementor-element-5d9eab2 {
flex: 1 1 0 !important;
max-width: 50% !important;
}
/* ------------------------------------------------------------
* R2-24) TESTIMONIALS Schriftart + Zeilenabstand; DATENSCHUTZ Fonts.
* Testimonial-Text nutzte -apple-system → Open Sans, line-height 1.8.
* Autor/Rolle in Poppins. Datenschutz/Standard-Seiten: Body Open Sans,
* Überschriften Poppins (Headings global schon R2-1).
* ------------------------------------------------------------ */
.ers-ts-slide p,
.ers-ts-slide {
font-family: "Open Sans", sans-serif !important;
line-height: 1.8 !important;
}
.ers-ts-slide strong,
.ers-ts-slide span {
font-family: "Poppins", sans-serif !important;
}
/* Datenschutz / klassische WP-Seiten: lesbarer Body-Font */
.page .entry-content,
.page .entry-content p,
.page .entry-content li {
font-family: "Open Sans", sans-serif;
}
/* ------------------------------------------------------------
* R2-9) KARUSSELL / HERO-SLIDER — keine abgeschnittenen Köpfe:
* Crop von unten statt Mitte (object-position oben), Köpfe bleiben
* sichtbar. Scoped auf den Startseiten-Hero-Slider (5f57907) +
* Bild-Karussell-Widgets + Testimonial-Slides.
* ------------------------------------------------------------ */
.elementor-element-5f57907 img,
.elementor-widget-image-carousel .swiper-slide img,
.ers-ts-slide img {
object-position: center top !important;
}
/* ------------------------------------------------------------
* R2-19) NEWS-Listenseite (2124 + Übersetzungen, Elementor-Posts-Grid):
* - Profilköpfe (Autor-Avatare) entfernen
* - "Keine Kommentare" entfernen (steckt in span.elementor-post-avatar)
* - Karten abrunden + Schatten
* ------------------------------------------------------------ */
.elementor-post__avatar,
.elementor-posts .elementor-post-avatar {
display: none !important;
}
.elementor-posts-container .elementor-post {
border-radius: 16px;
overflow: hidden;
box-shadow: var(--ers-card-shadow);
background: #fff;
}
.elementor-posts-container .elementor-post__text,
.elementor-posts-container .elementor-post__meta-data {
padding-left: 18px;
padding-right: 18px;
}
/* ============================================================
* FEEDBACK RUNDE 4 (2026-05-28)
* ============================================================ */
/* ------------------------------------------------------------
* R4-1) FLIESSTEXT + ÜBERSCHRIFTEN → jetzt im Elementor-Kit (3273)
* gesetzt (Site Settings → Typography), NICHT als CSS:
* Body p: Open Sans, 400, 17px, line-height 1.8
* H1 40 · H2 35 · H3 21 · H4 21, Poppins, 700
* Siehe Memory feedback-elementor-first.
* ------------------------------------------------------------ */
/* ------------------------------------------------------------
* R4-3) TOP-MENÜ (Desktop): Poppins, weight 500, 17px.
* (ht-menu-lite ist KEIN Elementor-Widget → hier per CSS.)
* ------------------------------------------------------------ */
.main-menu-link,
.main-menu-item > a.menu-link,
.htmega-megamenu .menu-link {
font-family: "Poppins", sans-serif !important;
font-weight: 500 !important;
font-size: 17px !important;
}
/* ------------------------------------------------------------
* R4-2) 100px Abstand nach jeder Seiten-Section — NUR auf anderen Seiten.
* Die STARTSEITE (alle Sprachen: DE 1880, EN 2397, FR 4216, IT 4207, ES 4205)
* steuert ihre Abstände komplett über die Elementor-Container-Margins
* (margin-bottom je Container), NICHT per CSS. Deshalb hier alle Sprach-
* Startseiten ausgenommen. Header/Footer (eigene Templates) bleiben unberührt.
* Letzte Section ohne zusätzlichen Abstand.
* ------------------------------------------------------------ */
body:not(.page-id-1880):not(.page-id-2397):not(.page-id-4216):not(.page-id-4207):not(.page-id-4205) [data-elementor-type="wp-page"] > .elementor-section,
body:not(.page-id-1880):not(.page-id-2397):not(.page-id-4216):not(.page-id-4207):not(.page-id-4205) [data-elementor-type="wp-page"] > .e-con {
margin-bottom: 100px !important;
}
body:not(.page-id-1880):not(.page-id-2397):not(.page-id-4216):not(.page-id-4207):not(.page-id-4205) [data-elementor-type="wp-page"] > .elementor-section:last-child,
body:not(.page-id-1880):not(.page-id-2397):not(.page-id-4216):not(.page-id-4207):not(.page-id-4205) [data-elementor-type="wp-page"] > .e-con:last-child {
margin-bottom: 0 !important;
}
/* Datensicherheit: 100px Abstand UNTER dem Technologie-Video (ddbb825), auch
* wenn es (nach Löschen des DE-Spacers) das letzte Element ist – schlägt die
* :last-child-0-Regel oben per höherer Spezifität. Alle Sprachen. */
body:not(.page-id-1880):not(.page-id-2397):not(.page-id-4216):not(.page-id-4207):not(.page-id-4205) [data-elementor-type="wp-page"] > .e-con-full.elementor-element-ddbb825 {
margin-bottom: 100px !important;
}
/* Datenschutz: 100px Abstand UNTER dem (einzigen/letzten) Inhalts-Container
* (07d3be5) – schlägt die :last-child-0-Regel per höherer Spezifität. Alle Sprachen. */
body:not(.page-id-1880):not(.page-id-2397):not(.page-id-4216):not(.page-id-4207):not(.page-id-4205) [data-elementor-type="wp-page"] > .e-con-boxed.elementor-element-07d3be5 {
margin-bottom: 100px !important;
}
/* ------------------------------------------------------------
* R4-6) MOBIL / OFFCANVAS
* a) Burger-Button ohne Rahmen.
* b) Hauptpunkte line-height 1.8, Unterpunkte 1.4 (verfeinert R2-B3,
* das alles auf 2.0 gesetzt hatte). Submenüs bleiben aufgeklappt,
* "+" bleibt versteckt (R2-B3).
* c) WPML-Fahnen- auf 55px begrenzen (nativ ~250px breit).
* ------------------------------------------------------------ */
.htmobile-aside-button,
.htmobile-aside-button .fa {
border: 0 !important;
box-shadow: none !important;
}
.htmobile-menu-wrap a,
.htmobile-navigation a {
line-height: 1.8 !important;
}
.htmobile-menu-wrap .sub-menu a {
line-height: 1.4 !important;
}
/* Native WPML-Menü-Umschalter: Fahnen- schmal halten (war ~250px volle
* Untermenü-Breite). Greift Top-Level (aktuelle Sprache) + Untermenü-Items. */
li.wpml-ls-menu-item,
.wpml-ls-menu-item.sub-menu-item,
.htmobile-menu-wrap li.wpml-ls-menu-item {
width: 55px !important;
min-width: 55px !important;
}
.wpml-ls-menu-item .wpml-ls-flag {
width: 28px !important;
height: auto !important;
max-width: none !important;
}
/* ------------------------------------------------------------
* R4-14) TABLET-LANDSCAPE → MOBILES MENÜ. Bis ≤1366px reicht der Platz
* nicht fürs Desktop-Menü → Desktop-Menü (e444375) aus, Burger (32485ad)
* an. (Nur Header; der Seiteninhalt bleibt am Kit-Breakpoint 1024.)
* ------------------------------------------------------------ */
@media (max-width: 1366px) {
/* Desktop-Inline-Menü aus, mobiles (Burger-)Widget an */
.elementor-element.elementor-element-e444375 { display: none !important; }
.elementor-element.elementor-element-32485ad { display: block !important; }
/* htmega schaltet erst ≤1200 auf Burger → bis ≤1366 erzwingen:
NUR das Inline-UL aus (NICHT die ganze menu-area mit dem Burger-Button), Burger an. */
.elementor-element-32485ad .htmega-menu-area .htmega-megamenu { display: none !important; }
.elementor-element-32485ad .htmega-menu-area { border: 0 !important; background: none !important; }
.elementor-element-32485ad .htmobile-aside-button { display: inline-block !important; }
/* Header: Logo links, Rest (Burger + Flaggen + Button) rechts gruppieren
(sonst zentriert space-between den Burger). */
.elementor-element-55329d6 > .e-con-inner,
.elementor-element-55329d6.e-con > .e-con-inner,
.elementor-element-55329d6 { justify-content: flex-end !important; }
.elementor-element-710824bf { margin-right: auto !important; }
/* Logo 75px, höhen-getrieben. WICHTIG: master-css (custom-css-js 3161) erzwingt
global "#nav-brand img { height:100px !important }" (ID+!important, ohne Media)
→ hier mit höherer Spezifität (body #nav-brand img) bei ≤1366 auf 75px ziehen. */
body #nav-brand img,
.elementor-3298 .elementor-element.elementor-element-710824bf img {
height: 75px !important;
width: auto !important;
max-width: 100% !important;
}
}
/* Tablet-Landscape (1025–1366): Sprachmenü in den Fluss, rechts neben dem Burger
(statt absolut/zentriert wie auf dem Handy), 5px tiefer. */
@media (min-width: 1025px) and (max-width: 1366px) {
.elementor-element-32485ad .ers-m-ls {
position: relative !important;
transform: none !important;
right: auto !important;
top: 5px !important;
margin-left: 14px;
}
.elementor-element-32485ad > .elementor-widget-container {
display: inline-flex !important;
align-items: center;
}
}
/* ≤767px: Burger sitzt zu hoch → Menü-Container etwas nach unten. */
@media (max-width: 767px) {
.htmega-menu-container { padding-top: 10px !important; }
}
/* ------------------------------------------------------------
* R4-7) MOBIL/TABLET: geklonter Sprachumschalter in der Header-Leiste
* (#mobileTopMenu), außerhalb des Offcanvas. Markup per JS.
* Bis ≤1366px (inkl. Tablet-Landscape, wo das Desktop-Menü nicht passt).
* ------------------------------------------------------------ */
.ers-m-ls { display: none; }
@media (max-width: 1366px) {
.ers-m-ls-host { position: relative; }
.htmobile-menu-wrap .wpml-ls-menu-item { display: none !important; }
.ers-m-ls {
display: inline-flex;
align-items: center;
position: absolute;
top: calc(50% - 5px);
right: 64px;
transform: translateY(-50%);
z-index: 100;
}
.ers-m-ls-toggle {
display: inline-flex;
align-items: center;
gap: 4px;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
padding: 6px;
margin: 0;
cursor: pointer;
line-height: 0;
}
.ers-m-ls-toggle:hover,
.ers-m-ls-toggle:focus,
.ers-m-ls-toggle:active {
background: transparent !important;
outline: none !important;
}
.ers-m-ls-flag {
width: 30px !important;
height: auto !important;
max-width: none !important;
display: block;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.ers-m-ls-toggle::after {
content: "";
border: 4px solid transparent;
border-top-color: #54595f;
margin-top: 4px;
}
.ers-m-ls-list {
display: none;
position: absolute;
top: 100%;
right: 0;
margin: 6px 0 0;
padding: 6px;
list-style: none;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
z-index: 101;
}
.ers-m-ls.is-open .ers-m-ls-list { display: block; }
.ers-m-ls-list li { margin: 0; padding: 4px 6px; }
.ers-m-ls-list a { display: block; line-height: 0; }
}
/* ------------------------------------------------------------
* R4-8) ERS-AKADEMIE Körperteil-Karten (#akademiewidgets): auf Desktop
* IMMER 5 pro Reihe (5 oben / 5 unten). Karten sind fix ~210px; bei breitem
* Viewport passten sonst 6 in die 1400px-Reihe. Linksbündig im Boxed-Layout,
* damit die Icons auf gleicher Höhe wie der Abschnittstext beginnen.
* (Überschreibt das zentrierte 1400px-Layout aus R2-16 auf Desktop.)
* ------------------------------------------------------------ */
@media (min-width: 1025px) {
#akademiewidgets {
justify-content: flex-start !important;
margin-left: 0 !important;
margin-right: auto !important;
max-width: 1260px !important; /* fasst genau 5 ~213px-Karten (5er ~1150, 6er ~1378) */
}
}
/* ------------------------------------------------------------
* R4-9) EIN Sprachumschalter pro Seite. Die sprachspezifischen Header
* (en/fr/it/es/ru) enthalten ZUSÄTZLICH ein WPML-Elementor-LS-Widget
* (.wpml-elementor-ls), das alle Fahnen flach als Liste rendert — der
* deutsche Header (3298) hat das nicht. Dieses Flach-Widget ausblenden,
* sodass überall nur der native WPML-Menü-Dropdown bleibt (aktuelle
* Sprache als Fahne sichtbar, Aufklappen zeigt die übrigen Sprachen).
* ------------------------------------------------------------ */
.wpml-elementor-ls {
display: none !important;
}
/* ------------------------------------------------------------
* R4-10) MOBILES OFFCANVAS-MENÜ — Farbgebung + "New"-Badge wie Original.
* Problem (Image #29):
* a) Die schwarze Farbe (#000) ist auf .htmega-menu-area (= Desktop)
* gescopt; das Offcanvas (.htmobile-navigation) fällt auf eine
* pinke Default-Linkfarbe zurück.
* b) Der "New"-Badge (master-css: .nav-highlight.new-tag:before) hängt
* am vollbreiten (right:20px) → schwebt am rechten Bildrand.
* Fix: Links dunkel einfärben; Pills hugging-text mit orangem Rand;
* Badge vom lösen und an die Pill () hängen.
* Brand-Orange = #E5471B (Kit primary/accent).
* ------------------------------------------------------------ */
.htmobile-menu-wrap a,
.htmobile-navigation a,
.htmobile-menu-wrap a.menu-link,
.htmobile-navigation a.menu-link {
color: #000000 !important; /* Produktion: .nav-link { color:#000 } */
}
/* Highlight-Pills (Expert, EPD Log in): Rand hugging den Text */
.htmobile-navigation .nav-highlight > a.menu-link,
.htmobile-menu-wrap .nav-highlight > a.menu-link {
display: inline-block !important;
position: relative !important;
border: 1.5px solid #E5471B !important;
outline: none !important;
border-radius: 9999px !important;
padding: 6px 18px !important;
line-height: 1.3 !important;
background: transparent !important;
}
.htmobile-navigation .nav-highlight > a.menu-link:hover,
.htmobile-menu-wrap .nav-highlight > a.menu-link:hover {
background: #E5471B !important;
color: #ffffff !important;
}
/* Den am hängenden (rechtsbündig schwebenden) Badge im Offcanvas
* deaktivieren ... */
.htmobile-navigation .nav-highlight.new-tag:before,
.htmobile-menu-wrap .nav-highlight.new-tag:before {
display: none !important;
}
/* ... und den Badge an der Pill selbst neu aufbauen (oben rechts an der Pill). */
.htmobile-navigation .nav-highlight.new-tag > a.menu-link:after,
.htmobile-menu-wrap .nav-highlight.new-tag > a.menu-link:after {
content: "New";
position: absolute;
top: -10px;
right: 10px;
background: #ffffff;
color: #E5471B;
font-family: "Poppins", sans-serif;
font-size: 0.7rem;
line-height: 1;
padding: 2px 7px;
border-radius: 1rem;
z-index: 5;
}
/* ------------------------------------------------------------
* R4-11) HERO-SLIDER (RevSlider "slider-default").
* Slide-Eckenradius (25px) + Schatten werden NICHT hier per CSS gesetzt,
* sondern direkt in den RevSlider-Carousel-Settings (params.carousel.bR
* + params.carousel.bShdw) → direkte Styles auf jedem Slide. Siehe DB.
* ------------------------------------------------------------ */
/* R4-13 (4 Dienste-Boxen >1980px) wurde von hier in das Elementor Custom-CSS
* des Box-Containers 166b9bd verschoben (Advanced → Custom CSS, alle Sprachen),
* damit es in Elementor lebt statt im globalen Stylesheet. */
/* ------------------------------------------------------------
* Dienste-Seiten: "Höchste Qualität für Ihre Patienten – ohne Kompromisse"
* Icon-Liste — graue Divider-Linie auch NACH dem letzten Punkt.
* Elementor zieht den Divider nativ nur zwischen Items (:not(:last-child)),
* darum fehlt die Linie unten. Geometrie (position:absolute, bottom:0, 100%)
* kommt aus dem Basis-CSS; hier nur content + 85% Breite + 1px #ddd ergänzen.
* Listen-IDs: Akutdienst 5846dbe9 · Elektiver 12e5edc5 · AI 2d362e12 · Expert 4cf4d34
* (sprachweit, da Übersetzungen das Original-Post-CSS teilen).
* ------------------------------------------------------------ */
.elementor-element-5846dbe9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child,
.elementor-element-12e5edc5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child,
.elementor-element-2d362e12 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child,
.elementor-element-4cf4d34 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child {
padding-block-end: 10px;
}
.elementor-element-5846dbe9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child:after,
.elementor-element-12e5edc5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child:after,
.elementor-element-2d362e12 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child:after,
.elementor-element-4cf4d34 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:last-child:after {
content: "";
width: 85%;
border-block-start: 1px solid #ddd;
}
/* ------------------------------------------------------------
* "Über uns" / Unternehmen (Seite 2069): die 2 Profil-Cards
* (Reihe adb90db, Wrapper 1fe50d4/b24dff2, Cards f074d6d/97a0e55).
* a) Cards beim Skalieren gleich hoch (Reihe streckt, weißer
* .profile-content-Bereich füllt die Resthöhe).
* b) <=768px: einspaltig untereinander, 25px links/rechts
* (statt 2-spaltig bis auf Mini-Breite).
* IDs sprachweit (Übersetzungen teilen Original-Struktur/CSS).
* ------------------------------------------------------------ */
.elementor-element-adb90db {
align-items: stretch !important;
}
.elementor-element-1fe50d4,
.elementor-element-b24dff2 {
display: flex !important;
flex-direction: column !important;
}
.elementor-element-f074d6d,
.elementor-element-97a0e55,
.elementor-element-f074d6d > .elementor-widget-container,
.elementor-element-97a0e55 > .elementor-widget-container {
height: 100% !important;
}
.elementor-element-f074d6d .profile-card,
.elementor-element-97a0e55 .profile-card {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
}
.elementor-element-f074d6d .profile-content,
.elementor-element-97a0e55 .profile-content {
flex: 1 1 auto !important;
}
@media (max-width: 768px) {
.elementor-element-adb90db {
flex-direction: column !important;
}
.elementor-element-1fe50d4,
.elementor-element-b24dff2 {
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
}
/* ------------------------------------------------------------
* Partnerschaften (Seite 2935): Karten-Look wie emergencyradiology.ch
* Weiße Karte, abgerundet, weicher Schatten; Logo oben in
* eigenem Bereich; Titel + Text LINKSbündig (kein Blocksatz);
* Titel darf umbrechen (vorher nowrap → wurde abgeschnitten).
* < 768px: Karten untereinander statt nebeneinander.
* Greift ALLE CTA-Karten der Seite (partner-/sprachunabhängig).
* ------------------------------------------------------------ */
/* Die Karte selbst */
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta {
background: #fff !important;
border-radius: 18px !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, .08) !important;
overflow: hidden !important;
height: 100% !important; /* gleich hohe Karten in der Reihe */
display: flex !important;
flex-direction: column !important;
}
/* Logo-Bereich oben: feste Höhe, Logo proportional zentriert mit Luft */
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__bg-wrapper {
position: relative !important;
height: 240px !important;
flex: 0 0 auto !important;
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__bg {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin: 28px !important;
}
/* Inhalt: linksbündig + großzügiger Innenabstand */
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__content {
text-align: left !important;
padding: 4px 32px 25px !important; /* unten 25px: Abstand Button → Kartenende */
/* Oben gepackte Spalte: Titel beginnt in beiden Karten direkt unter
dem Logo (gleiche Höhe). flex-grow füllt die Kartenhöhe, damit der
Button per margin-top:auto ganz nach unten rutscht — das verschiebt
den Titel NICHT (justify-content:flex-start packt oben). */
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
flex-grow: 1 !important;
align-items: stretch !important; /* Kinder volle Breite (Text + Button) */
align-content: flex-start !important;
justify-content: flex-start !important;
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__title {
text-align: left !important;
white-space: normal !important; /* darf umbrechen statt abschneiden */
margin-top: 25px !important; /* Abstand Logo → Überschrift */
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__description,
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__description p {
text-align: justify !important; /* Blocksatz – Kundenwunsch: überall */
font-size: 18px !important; /* Standard-Fließtext (nicht 20px) */
line-height: 1.6 !important;
}
/* Button: immer ganz unten, volle Breite, bündig mit dem Text */
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__button-wrapper {
margin-top: auto !important; /* drückt den Button ans Karten-Ende */
width: 100% !important;
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__button {
display: block !important;
width: 100% !important;
text-align: center !important;
}
/* < 768px: Spalten der Karten-Reihe untereinander stapeln */
@media (max-width: 767px) {
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .e-flexbox-base:has(.elementor-cta) {
flex-direction: column !important;
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .e-child:has(.elementor-cta) {
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta__bg-wrapper {
height: 200px !important;
}
/* WICHTIG: gestapelt kollabiert die verschachtelte Flex-Kette (Spalte +
* Widget haben flex-basis:0/grow:1, im Column-Layout ohne def. Höhe → 0,
* Seite „leer"). flex:0 0 auto + height:auto → Inhalt bestimmt die Höhe. */
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .e-child:has(.elementor-cta),
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-widget-call-to-action {
flex: 0 0 auto !important;
height: auto !important;
}
:is(.elementor-page-2935, .elementor-page-4209, .elementor-page-4191, .elementor-page-4189, .elementor-page-4185, .elementor-page-4085) .elementor-cta {
height: auto !important;
}
}
/* ------------------------------------------------------------
* HEADER ohne Schatten an der Unterkante (Kundenwunsch 2026-06-10)
* Header-Template #3298 hat box-shadow:rgba(0,0,0,.06) 0 2px 10px.
* Nur das Header-Element selbst entfernen – die Mega-Menü-Dropdown-
* Schatten (eigene Kind-Elemente) bleiben erhalten.
* ------------------------------------------------------------ */
header[data-elementor-type="header"].elementor-3298 {
box-shadow: none !important;
padding-top: 25px !important;
padding-bottom: 25px !important;
}
/* ------------------------------------------------------------
* HTMega-Menü: Schriftstärke 300 statt 500 (Kundenwunsch 2026-06-10)
* HTMega-Plugin-CSS setzt font-weight:500 !important auf die Menü-Links.
* Header-Scope erhöht die Spezifität, damit der Override sicher gewinnt.
* ------------------------------------------------------------ */
header[data-elementor-type="header"] .main-menu-link,
header[data-elementor-type="header"] .main-menu-item > a.menu-link,
header[data-elementor-type="header"] .htmega-megamenu .menu-link {
font-weight: 300 !important;
}
/* ------------------------------------------------------------
* HTMega Offcanvas-Menü (Kundenwunsch 2026-06-10)
* - Hauptlinks: Hover = System-Orange (#ef531d)
* - Submenü-Einträge: Grau #898988, weight 300, Hover = System-Orange
* Header-Scope erhöht die Spezifität über das HTMega-Plugin-CSS.
* ------------------------------------------------------------ */
header[data-elementor-type="header"] .htmobile-menu-wrap .main-menu-link:hover {
color: #ef531d !important;
}
header[data-elementor-type="header"] .htmobile-menu-wrap .sub-menu-link {
color: #898988 !important;
font-weight: 300 !important;
}
header[data-elementor-type="header"] .htmobile-menu-wrap .sub-menu-link:hover {
color: #ef531d !important;
}
/* ------------------------------------------------------------
* Startseite (Home #1880): vier Boxen im Tablet-/768–1024px-Bereich
* 2 pro Reihe (Kundenwunsch 2026-06-10). Container #166b9bd muss
* umbrechen; Breite calc(50% - 12px) = 50% minus halber 24px-Gap.
* > 1024px greift der Elementor-Default (25%, 4-spaltig) wieder.
* ------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element-166b9bd > .e-con-inner {
flex-wrap: wrap !important;
}
.elementor-element-65fb7a1,
.elementor-element-434f980,
.elementor-element-d7b2121,
.elementor-element-c7543c2 {
--width: calc(50% - 12px) !important;
width: calc(50% - 12px) !important;
flex-basis: calc(50% - 12px) !important;
}
}
/* ------------------------------------------------------------
* Startseite (Home #1880): Überschrift der vier Boxen in JEDER
* Auflösung 21px (Kundenwunsch 2026-06-10). Ohne Media-Query +
* !important, damit auch Elementors Breakpoint-Größen überschrieben
* werden. Button ("Mehr erfahren") bleibt unverändert.
* ------------------------------------------------------------ */
.elementor-element-65fb7a1 :is(h1, h2, h3, h4, h5, h6),
.elementor-element-434f980 :is(h1, h2, h3, h4, h5, h6),
.elementor-element-d7b2121 :is(h1, h2, h3, h4, h5, h6),
.elementor-element-c7543c2 :is(h1, h2, h3, h4, h5, h6) {
font-size: 21px !important;
}
/* ------------------------------------------------------------
* Startseite News-Sektion (#newssec01): Responsive-Treppe der Cards
* (Kundenwunsch 2026-06-10).
* - > 1024px : 4 Cards quer (Default: äußere 2 Spalten × je innen 2)
* - 768–1024 : äußeres Grid (News ERS | News Radailogy) stapelt
* → je Quelle 2 Cards = 2 quer
* - < 768px : alles 1-spaltig (Elementor-Default) + 25px links/rechts
* ------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element-newssec01 > .e-con-inner {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 767px) {
/* 25px links/rechts: Inner-Padding raus, dafür sauber auf die Spalten,
* damit Cards UND Überschriften exakt 25px vom Rand stehen. */
.elementor-element-newssec01 > .e-con-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-element-newssec01 .elementor-element-ncoll01,
.elementor-element-newssec01 .elementor-element-ncolr01 {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
/* ------------------------------------------------------------
* News-Sektion (#newssec01): einheitliche Typografie aller 4 Cards
* (News ERS + News Radailogy, Kundenwunsch 2026-06-10).
* - Fließtext überall 18px / line-height 1.45 (wie Radailogy)
* - Titel überall 18px / 1.45 und Überschriftsbereich gleich hoch
* (min-height 90px) → Textzeilen starten cardübergreifend auf
* gleicher Höhe und fluchten („normaler Satz", linksbündig).
* ------------------------------------------------------------ */
.elementor-element-newssec01 .news-excerpt,
.elementor-element-newssec01 .news-excerpt p,
.elementor-element-newssec01 .rnb-news-box__teaser,
.elementor-element-newssec01 .rnb-news-box__teaser p {
font-size: 18px !important;
line-height: 1.45 !important;
}
.elementor-element-newssec01 .news-title,
.elementor-element-newssec01 .rnb-news-box__title {
font-size: 18px !important;
line-height: 1.45 !important;
min-height: 90px !important;
}
/* ERS-TV: Überschriften H4 in Light (Kundenwunsch 2026-06-10) */
.ers-tv-list-container h4,
.ers-tv-item h4 {
font-weight: 300 !important;
}
/* ERS-TV (Seite 2090): nur der Videoplayer max. 1024px breit
* (Container/Liste bleiben bei voller Breite). aspect-ratio 16/9
* hält die Höhe automatisch. */
.elementor-element-80addc9 .ers-tv-player {
max-width: 1024px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.elementor-element-80addc9 .ers-tv-player iframe {
width: 100% !important;
}
/* ERS-TV Videoliste: Größe/Layout wird komplett im Widget-CSS
* (ers-elements/assets/ers-tv.css) gesteuert – feste Boxen 463×353. */
/* ------------------------------------------------------------
* Radiologische-Dienste-Unterseiten: Icon-Listen-Häkchen oben an
* der ersten Zeile statt vertikal zentriert (Kundenwunsch 2026-06-10).
* Scope = Content-Instanzen der 5 Unterseiten in ALLEN Sprachen
* (de/en/es/fr/it/ru, WPML-Übersetzungs-IDs; Header/Footer unberührt).
* Icon 14px in 30px-Zeile → padding-top 8px zentriert es auf Zeile 1.
* ------------------------------------------------------------ */
:is(.elementor-1973, .elementor-1994, .elementor-2006, .elementor-2015, .elementor-2935,
.elementor-2358, .elementor-2370, .elementor-2377, .elementor-2351, .elementor-4209,
.elementor-4116, .elementor-4090, .elementor-4187, .elementor-4182, .elementor-4085,
.elementor-4127, .elementor-4193, .elementor-4107, .elementor-4179, .elementor-4191,
.elementor-4121, .elementor-4199, .elementor-4195, .elementor-4171, .elementor-4189,
.elementor-4118, .elementor-4201, .elementor-4197, .elementor-4109, .elementor-4185) .elementor-icon-list-item {
align-items: flex-start !important;
}
:is(.elementor-1973, .elementor-1994, .elementor-2006, .elementor-2015, .elementor-2935,
.elementor-2358, .elementor-2370, .elementor-2377, .elementor-2351, .elementor-4209,
.elementor-4116, .elementor-4090, .elementor-4187, .elementor-4182, .elementor-4085,
.elementor-4127, .elementor-4193, .elementor-4107, .elementor-4179, .elementor-4191,
.elementor-4121, .elementor-4199, .elementor-4195, .elementor-4171, .elementor-4189,
.elementor-4118, .elementor-4201, .elementor-4197, .elementor-4109, .elementor-4185) .elementor-icon-list-item .elementor-icon-list-icon {
padding-top: 8px !important;
}
/* ------------------------------------------------------------
* ERS-TV: die 3 Buttons (ERS Live / Youtube / LinkedIn) unter 768px
* untereinander – je 100% Breite mit 25px Rand links/rechts
* (Kundenwunsch 2026-06-10). Element-IDs sind eindeutig → gilt auch
* in allen Sprachversionen der Seite.
* ------------------------------------------------------------ */
@media (max-width: 767px) {
.elementor-element-e276e56 > .e-con-inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
.elementor-element-e276e56 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-element-aa8405f,
.elementor-element-a1e1dc0,
.elementor-element-3ed25af {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
}
}
/* ------------------------------------------------------------
* Header-Sprachflagge + Burger auf Logo-Mitte ausrichten (Kundenwunsch).
* .ers-m-ls (position:absolute, per WPML-JS instabil) wird mit
* top:50% + translateY(-50%) robust auf die Mitte ihres Ankers
* (= Logo-Mitte ~62/63) zentriert – über den ganzen ≤1024-Bereich,
* ohne Breakpoint-Sprung. Der Burger sitzt 768–990px 5px zu hoch → +5px.
* ------------------------------------------------------------ */
@media (max-width: 1024px) {
header[data-elementor-type="header"] .ers-m-ls {
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
}
}
@media (min-width: 768px) and (max-width: 990px) {
header[data-elementor-type="header"] .htmobile-aside-button {
position: relative !important;
top: 5px !important;
}
}
/* ------------------------------------------------------------
* Über-uns/Befunde-Landingpage: Gründer-Profilcards (Reihe #adb90db,
* Section #127fb24) – Kundenwunsch 2026-06-10:
* - <768px: untereinander, 25px Rand zum Bildschirm
* - ab 768px: 2 Cards je 50% (calc(50% - 10px), 20px Gap), 25px außen
* - Bild max-height 498px; ist die erreicht, wächst die Card-Breite
* nicht weiter (max-width 405px) und die Cards stehen zentriert
* mit Gap. Bild behält Seitenverhältnis (voll sichtbar).
* ------------------------------------------------------------ */
.elementor-element-127fb24 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.elementor-element-127fb24 > .e-con-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 768px) {
.elementor-element-adb90db {
padding-left: 0 !important;
padding-right: 0 !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 20px !important;
}
.elementor-element-adb90db > * {
flex: 1 1 calc(50% - 10px) !important;
width: calc(50% - 10px) !important;
max-width: 405px !important;
}
/* max-height nur bei nebeneinander (≥768); <768 (gestapelt) ohne Limit */
.elementor-element-adb90db img {
max-height: 498px !important;
}
}
/* ------------------------------------------------------------
* Über-Uns-Seite: Unternehmensvideo-Element (#b2a0203) immer 16:9
* und 25px Rand links/rechts zum Bildschirm (Kundenwunsch 2026-06-10).
* Feste min-height:611 raus, aspect-ratio steuert die Höhe.
* ------------------------------------------------------------ */
.elementor-element-b2a0203 {
aspect-ratio: 16 / 9 !important;
min-height: 0 !important;
height: auto !important;
width: calc(100% - 50px) !important;
max-width: calc(100% - 50px) !important;
margin-left: 25px !important;
margin-right: 25px !important;
background-size: cover !important;
background-position: center !important;
}
/* >1024px: 4rem Abstand links/rechts und Höhe auf 750px begrenzen
* (sonst wird das Video auf großen Schirmen zu groß). max-width 1333px
* hält bei 750px Höhe das 16:9-Verhältnis. */
@media (min-width: 1025px) {
.elementor-element-b2a0203 {
width: calc(100% - 8rem) !important;
max-width: 1333px !important;
margin-left: auto !important;
margin-right: auto !important;
max-height: 750px !important;
}
}
@media (max-width: 767px) {
.elementor-element-adb90db {
flex-direction: column !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-element-adb90db > * {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
}
}
/* ------------------------------------------------------------
* Akutdienst-Landingpage (Instanz #2131): die beiden Adress-/Profilcards
* unter 1024px untereinander (statt nebeneinander), 25px Rand zum
* Bildschirm; ab 1024px wieder nebeneinander (Kundenwunsch 2026-06-10).
* ------------------------------------------------------------ */
@media (max-width: 1023px) {
/* 25px L/R einheitlich für die ganze Section (Heading, Intro-Text UND
* die gestapelten Cards) – über das Section-Padding. */
.elementor-element-e58407f > .e-con-inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
.elementor-element-bc2a1be {
flex-direction: column !important;
flex-wrap: nowrap !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
/* Adress-Widget füllt die (bereits 25px-gepaddete) Spalte voll;
* max-width überschreiben (Spalte hat sonst max-width:48%). */
.elementor-widget-ers_address_widget {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
flex-basis: auto !important;
}
}
/* ------------------------------------------------------------
* ERS-Adress-Widget: volle Breite seines Containers. Der umschließende
* .elementor-widget-container hat margin-right:25px → Widget sonst
* schmäler als die Spalte (asymmetrische Abstände). Abstände regelt der
* enthaltende Flex-Container, nicht das Widget. (Kundenwunsch 2026-06-10)
* ------------------------------------------------------------ */
.elementor-widget-container:has(> .ers-address-widget) {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.ers-address-widget {
width: 100% !important;
}
/* ------------------------------------------------------------
* Impressum (Section #b00001, in allen Sprachen gleiche Element-ID):
* <1024 alle Texte linksbündig (statt justify) und Inhalt nur 25px vom
* Rand (statt ~60px aus 4 Padding-Ebenen). (Kundenwunsch 2026-06-10)
* ------------------------------------------------------------ */
@media (max-width: 1023px) {
.elementor-element-b00001 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.elementor-element-b00001 .e-con-inner,
.elementor-element-b00001 .e-con {
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-element-b00001 p,
.elementor-element-b00001 .elementor-widget-text-editor {
text-align: left !important;
}
/* Ausnahme: Urheberrechts-Text (#b00013) bleibt im Blocksatz */
.elementor-element-b00013,
.elementor-element-b00013 p {
text-align: justify !important;
}
}
/* ============================================================================
* Startseite – Newsletter-Box (Mailchimp): Formular vertikal in der Sektion
* zentrieren → gleicher Abstand oben/unten auf ALLEN Auflösungen.
* Sektion #798e860 hat min-height (797px), Inhalt war oben ausgerichtet.
* ========================================================================== */
.elementor-element-798e860,
.elementor-element-798e860 > .e-con-inner {
justify-content: center !important;
}
/* Newsletter-Box: obere Extra-Abstände neutralisieren, damit die Zentrierung
* optisch stimmt (innerer Container padding-top 35px + Formular margin-top 45px). */
.elementor-element-798e860 > .e-con-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.elementor-element-798e860 .elementor-element-60bc2d8 {
margin-top: 0 !important;
}
/* Header mobil (<1024px): Seitenabstand auf 25px wie alle Elemente (global
* 25px-Standard). Top-Container 55329d6 hatte 32px → Logo links / Burger rechts
* jetzt 25px vom Rand. */
@media (max-width: 1024px) {
[data-elementor-type="header"] .elementor-element-55329d6 {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
/* Newsletter-Formular (b543cfa): das "Interesse *"-Label (einziges h5 im
* Formular) ausblenden – die Radio-Buttons Radiologie/Klinik/Praxis bleiben.
* Alle Sprachen. */
.elementor-element-b543cfa h5 {
display: none !important;
}
/* Header mobil: das Burger-Icon sitzt durch das padding-right:10px der
* .htmega-menu-area 10px zu weit innen → auf 0, damit der Burger bündig auf
* der 25px-Linie (Container-Kante) sitzt. */
@media (max-width: 1024px) {
[data-elementor-type="header"] .htmega-menu-area {
padding-right: 0 !important;
}
}
/* Header mobil: das Burger-Glyph (☰, ::before in 44px-Box) ist zentriert →
* rechtsbündig ausrichten, damit es bündig auf der 25px-Kante sitzt (wie das
* Logo links). */
@media (max-width: 1024px) {
[data-elementor-type="header"] .htmobile-aside-button::before {
text-align: right !important;
}
}