/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* --- CubeX-Relaunch (nur cubex-v2), 2026-09-07 ---------------------------
   Die Kacheln der neuen Abschnitte (Material / Raumbuch / Kommunen) sollen
   ihren Beschreibungstext auf gleicher Hoehe beginnen. Elementor kann die
   Titelhoehe nicht ueber Geschwisterkacheln hinweg angleichen, deshalb pro
   Reihe ein Mindestmass fuer den Titel -- in em, 1.3em = eine Zeile bei der
   eingestellten Zeilenhoehe. Waechst ein Titel spaeter darueber hinaus,
   hier den Wert der betreffenden Reihe erhoehen.
   Nur Desktop: auf Tablet/Mobil stehen die Kacheln ohnehin untereinander. */
@media (min-width: 1025px) {
  .elementor-element-cx00121 .elementor-icon-box-title { min-height: 1.3em; } /* Material  - 1 Zeile  */
  .elementor-element-cx00601 .elementor-icon-box-title,
  .elementor-element-cx00841 .elementor-icon-box-title { min-height: 2.6em; } /* Raumbuch  - 2 Zeilen */
  .elementor-element-cx01321 .elementor-icon-box-title { min-height: 3.9em; } /* Kommunen  - 3 Zeilen */
  .elementor-element-cx01561 .elementor-icon-box-title { min-height: 2.6em; } /* Kommunen  - 2 Zeilen */
}

/* Vergleichstabelle "Nicht schneller bauen": jede Zeile ist eine eigene
   Section (Label | konventionell | CubeX). Die Bullet-Listen bringen vom
   Theme 31px Aussenabstand oben mit, das Label als <p> nicht -- dadurch
   saesse das Label um eine Zeile hoeher als sein Text. Abstand raus, die
   Zeilenhoehe macht das Padding der Section. */
.elementor-element-7a1bf88a .elementor-widget-text-editor ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* === QS-Runde 2026-09-15 (Stella-Screenshots + QS-PDF), nur cubex-v3 =======
   Alle Regeln hier sind Overrides auf Elementor-Werte, deshalb teilweise
   !important: das Post-CSS von Elementor wird nach dem Child-Theme geladen.
   Wer eine dieser Entscheidungen im Editor zurueckdrehen will, muss den
   passenden Block hier entfernen.                                          */

/* --- 1) Slider-Pfeile vereinheitlichen -----------------------------------
   Befund Stella: "Die Pfeile sind nicht gerade ausgerichtet und auf
   verschiedenen Hoehen." QS-PDF: "Pfeile deutlich kleiner als an anderen
   Stellen ... sollten auf der gesamten Website gleich gestaltet sein."
   Ursache: beim Swiper griff nur margin-right (83px) -> links 4px / rechts
   87px Abstand. Beim Slick waren die Pfeile 20px statt 40px und um 10px
   nach oben versetzt. Beide jetzt: 44px, symmetrisch 24px eingerueckt,
   vertikal zentriert.                                                      */
.custom-slider .swiper-button-prev,
.custom-slider .swiper-button-next {
  width: 44px !important;
  height: 44px !important;
  margin: -22px 0 0 !important;   /* 0929: halbe Hoehe hoch, sonst sitzt die Oberkante mittig */
  background: #FFFFFF;
  border: 1px solid #BEBA88;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(44, 44, 44, .12);
}
.custom-slider .swiper-button-prev { left: 24px !important;  right: auto !important; }
.custom-slider .swiper-button-next { right: 24px !important; left:  auto !important; }
.custom-slider .swiper-button-next::after,
.custom-slider .swiper-button-prev::after { font-size: 16px !important; }

.slick-prev, .slick-next {
  width: 44px !important;
  height: 44px !important;
  transform: translateY(-50%) !important;   /* war translateY(-10px) */
  z-index: 2;
}
.slick-prev img, .slick-next img { width: 44px; height: 44px; display: block; }
.slick-prev { left: -56px !important; }
.slick-next { right: -56px !important; }
@media (max-width: 767px) {   /* 0929: mobil ragten die Pfeile ueber den Bildschirmrand, jetzt aufs Bild */  .slick-prev { left: 8px !important; }  .slick-next { right: 8px !important; }}

/* --- 2) Slider-Bilder mit runden Ecken -----------------------------------
   QS-PDF: "die Bilder hier eckige Kanten, waehrend bei den anderen Bildern
   abgerundete Ecken verwendet werden".                                     */
.custom-slider .swiper-slide img { border-radius: 24px !important; }

/* --- 3) Teamportraits auf eine Hoehe ------------------------------------
   Befund Stella: "Die Bilder sind alle nicht auf einer Hoehe, Raender
   muessen sauber angepasst werden." Die Quelldateien haben verschiedene
   Seitenverhaeltnisse (Andrzej 1008x1062 -> 180x189). Fixes Quadrat +
   Kreis-Clipping; das Clipping kappt zugleich die ausgefransten
   Freisteller-Raender.                                                     */
.elementor-element-bb92a25 .elementor-image-box-img img {
  width: 180px !important;
  height: 180px !important;
  max-width: none;          /* sonst klemmt eine 168px breite figure auf 168 */
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .elementor-element-bb92a25 .elementor-image-box-img img {
    width: 150px !important; height: 150px !important;
  }
}

/* --- 4) Beirat zentrieren ------------------------------------------------
   QS-PDF: "Koennten die Bilder hier zentriert werden? Es sei denn, es ist
   noch ein drittes Bild vorgesehen." Die Reihe hat drei Spalten, die
   dritte (be1a004) ist leer -> ausblenden und die beiden zentrieren.
   Kommt ein dritter Beirat dazu: diesen Block loeschen.                    */
.elementor-element-be1a004 { display: none !important; }
.elementor-element-be1a003 > .elementor-container { justify-content: center; }

/* --- 5) Wortumbruch "Immobilienwirtschaft" -------------------------------
   Befund Stella: die Ueberschrift brach als "Immobilienwirtschaf|t".
   Ursache: overflow-wrap:break-word auf einer 541px breiten Spalte.
   Silbentrennung hat Vorrang vor dem harten Bruch.                          */
.elementor-element-626a1d61 .elementor-heading-title {
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* --- 6) Ueberschriftengroessen -------------------------------------------
   QS-PDF: "Der Titel 'Das Team' ist etwas zu gross" / "Umsetzung: Diese
   Sektion finde ich insgesamt etwas zu gross. Die Ueberschrift steht
   zunaechst sehr allein." 155px bzw. 115px bei line-height 100px -> jetzt
   64px wie die Hero-Ueberschrift.                                           */
.elementor-element-2c4e8aa1 .elementor-heading-title,
.elementor-element-518121dd .elementor-heading-title {
  font-size: 64px !important;
  line-height: 1.05 !important;
}
@media (max-width: 767px) {
  .elementor-element-2c4e8aa1 .elementor-heading-title,
  .elementor-element-518121dd .elementor-heading-title { font-size: 40px !important; }
}

/* --- 7) Footer kompakter -------------------------------------------------
   QS-PDF: "Footer - auch sehr gross." Vier Leisten a 197px = 788px allein
   fuer Copyright/Impressum/Datenschutz/Adresse.                             */
.footer-btn .elementor-button {
  height: 96px !important;
  box-sizing: border-box;
  padding: 12px 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elementor-element-e6e8741 img { max-height: 120px; width: auto; }

/* --- 8) Logo-Kontrast ----------------------------------------------------
   QS-PDF: "Da der Kontrast hier nicht ganz optimal ist, koennten wir das
   Problem mit einem weissen oder dunkleren Schatten loesen."
   Feine dunkle Kontur statt Schlagschatten - das gelbe X bekommt Kante,
   die dunkle Wortmarke bleibt unveraendert.                                 */
header .elementor-widget-image img,
header .elementor-widget-theme-site-logo img {
  filter: drop-shadow(0 0 1px rgba(44, 44, 44, .55));
}

/* --- 9) Imagevideo kleiner ----------------------------------------------
   QS-PDF: "Ich finde, dass das Video aktuell sehr gross dargestellt wird.
   Vielleicht koennte man es etwas kleiner einbinden." War 100vh volle
   Breite, jetzt als Karte im Seitenraster wie die uebrigen Bloecke.        */
.video-sec { height: auto !important; }
.elementor-element-fbddfe9 video,
.video-sec video {
  height: auto !important;
  max-height: 72vh;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: block;
  border-radius: 24px;
}


/* ==========================================================================


/* ==========================================================================
   QS-Runde 2 (29.09.2026) — Briefing Stella + QS-PDF, zweiter Durchgang.
   Selektoren ohne .elementor-48-Praefix, damit DE/EN/PL (48/498/1751)
   gleichermassen greifen — die Element-IDs sind in allen Sprachen gleich.
   ========================================================================== */

/* --- A) Team + Umsetzung: Kaesten nicht mehr 500px hoch -------------------
   QS-PDF: "Umsetzung insgesamt etwas zu gross", "Das Team etwas zu gross".
   Elementor setzt min-height:500px auf den Container der Panels.            */
.elementor-element-2cd22fbb > .elementor-container,
.elementor-element-318d6a03 > .elementor-container,
.elementor-element-77ae3def > .elementor-container,
.elementor-element-2b39816  > .elementor-container,
.elementor-element-63ce67e3 > .elementor-container,
.elementor-element-14d05f14 > .elementor-container { min-height: 0 !important; height: 100%; }
.elementor-element-676b0232 > .elementor-widget-wrap,
.elementor-element-1ef0174c > .elementor-widget-wrap,
.elementor-element-50103539 > .elementor-widget-wrap,
.elementor-element-6c4a769  > .elementor-widget-wrap { height: 100%; }
.elementor-element-77ae3def, .elementor-element-2b39816,
.elementor-element-63ce67e3, .elementor-element-14d05f14 { height: 100%; }
.elementor-element-2cd22fbb > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-element-318d6a03 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 72px 8% !important; }

/* --- B) Team: "Immobilienwirtschaft trifft Industrie." jetzt IM Kasten ----
   QS-PDF: "Text ... mit in den gelben Kasten integrieren".
   Stella 11.47.42: brach als "Immobilienwirtschaf|t". hyphens:auto allein war
   nicht verlaesslich (Silbentrennung haengt am Browser-Woerterbuch) — jetzt
   bekommt das Wort genug Platz und darf nie mitten im Wort brechen.         */
.elementor-element-626a1d61 { margin-top: 28px; text-align: center; }
.elementor-element-626a1d61 .elementor-heading-title {
  font-size: clamp(26px, 3vw, 40px) !important; line-height: 1.2 !important;
  overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important;
  text-align: center;
}
.elementor-element-3b333069 { max-width: 760px; margin: 16px auto 0; text-align: center; }
.elementor-element-3b333069, .elementor-element-3b333069 p { font-size: 18px !important; line-height: 1.6; }
.elementor-element-3b333069 p:last-child { margin-bottom: 0; }

/* --- C) Umsetzung: Beschreibungstext + kleineres Bild ----------------------
   QS-PDF: "kurzer Beschreibungstext", "Bild etwas kleiner".                  */
.elementor-element-cxu0001 { max-width: 720px; margin: 16px auto 0; text-align: center; }
.elementor-element-cxu0001, .elementor-element-cxu0001 p { font-size: 18px !important; line-height: 1.6; margin-bottom: 0; }
.elementor-element-3a891f24 { max-width: 1100px; margin: 0 auto !important; }
.elementor-element-3a891f24 img { width: 100%; height: auto; max-height: 70vh; object-fit: cover; border-radius: 24px; }

/* --- D) Slider-Beschreibungen (neu in functions.php) ---------------------- */
.cx-slider-desc {
  max-width: 760px; margin: 0 auto 32px; text-align: center;
  font-size: 18px; line-height: 1.6; color: #2C2C2C;
}
.main-div > .cx-slider-desc { margin-top: 8px; }

/* --- E) Bad / Raeume: Beschreibung fuellt die leere rechte Flaeche -------- */
.cx-room-desc { flex: 1 1 280px; max-width: 380px; align-self: center; }
.cx-room-desc p { margin: 0; font-size: 17px; line-height: 1.6; color: #2C2C2C; }
@media (max-width: 1024px) { .cx-room-desc { max-width: none; flex-basis: 100%; margin-top: 24px; } }

/* --- F) Kontakt: Lueckenfueller — drei Punkte Lage/Baurecht/Zielgruppe ---- */
.cx-steps { list-style: none; padding: 0; margin: 24px 0 0; counter-reset: cxstep; }
.cx-steps li {
  counter-increment: cxstep; position: relative;
  padding: 16px 0 16px 56px; border-top: 1px solid #BEBA88; line-height: 1.5;
}
.cx-steps li:last-child { border-bottom: 1px solid #BEBA88; }
.cx-steps li::before {
  content: counter(cxstep); position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border-radius: 50%; background: #FFF38A; color: #2C2C2C;
  font-weight: 600; display: flex; align-items: center; justify-content: center;
}
.elementor-element-6f8a70bb { margin-top: 8px; }

/* --- G) Sprachschalter DE | EN | PL (ersetzt das WPML-Dropdown) ----------
   QS-PDF: "DE | EN Sprachschalter ... zusaetzlich Polnisch".                 */
li.cx-lang { display: flex !important; align-items: center; gap: 2px; padding: 0 12px; }
li.cx-lang a { padding: 6px 5px !important; color: #2C2C2C !important; font-weight: 500; text-decoration: none; opacity: .55; }
li.cx-lang a:hover { opacity: 1; }
li.cx-lang a.cx-lang-active { opacity: 1; font-weight: 700; box-shadow: inset 0 -3px 0 #FDF659; }
li.cx-lang .cx-lang-sep { color: #BEBA88; }
.elementor-nav-menu--dropdown li.cx-lang { justify-content: center; padding: 12px 0; }

/* --- H) Vergleichstabelle 7a1bf88a — "etwas langweilig dargestellt" -------
   Stella 11.53.16. CubeX-Spalte als durchgehende weisse Karte mit Haken,
   konventionelle Spalte zurueckgenommen mit Strich, Labels als Zeilenkoepfe. */
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) { padding: 0 !important; }
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: 18px 22px !important; height: 100%;
}
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) + .elementor-inner-section > .elementor-container > .elementor-column:not(:nth-child(3)) > .elementor-widget-wrap {
  border-top: 1px solid rgba(190, 186, 136, .55);
}
/* Label */
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(1) .elementor-text-editor,
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(1) .elementor-widget-text-editor {
  font-size: 17px !important; font-weight: 700; color: #2C2C2C;
}
/* Werte */
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(n+2) .elementor-widget-text-editor {
  font-size: 16px !important; line-height: 1.5 !important;
}
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(n+2) ul { list-style: none; padding-left: 0; }
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(n+2) li,
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(n+2) p {
  position: relative; padding-left: 32px; line-height: 1.5 !important;
}
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(2) .elementor-widget-text-editor { color: #736C55; }
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(2) li::before {
  content: ""; position: absolute; left: 4px; top: .72em; width: 12px; height: 2px; background: #BEBA88;
}
/* CubeX-Spalte: weisse Karte ueber alle Zeilen */
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(3) > .elementor-widget-wrap {
  background: #FFFFFF;
}
.elementor-element-3c2190b8 > .elementor-container > .elementor-column:nth-child(3) > .elementor-widget-wrap { border-radius: 18px 18px 0 0; padding-top: 24px !important; }
.elementor-element-cxt009 > .elementor-container > .elementor-column:nth-child(3) > .elementor-widget-wrap { border-radius: 0 0 18px 18px; padding-bottom: 24px !important; }
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(3) .elementor-widget-text-editor { color: #2C2C2C; font-weight: 500; }
.elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(3) li::before {
  content: ""; position: absolute; left: 0; top: .1em; width: 20px; height: 20px; border-radius: 50%;
  background: #FDF659 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%232C2C2C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;
}
/* Kopfzeile: CubeX-Spalte als gelbe Marke */
.elementor-element-57bc9612 .elementor-heading-title {
  display: inline-block; background: #FDF659; padding: 6px 16px; border-radius: 999px;
}
.elementor-element-5ae85e2a { border-bottom: 0 !important; }
@media (max-width: 767px) {
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(3) > .elementor-widget-wrap { border-radius: 14px; margin-bottom: 16px; }
}

/* --- I) Flipsnack: wie die uebrigen Bloecke als Karte im Raster ----------
   QS-PDF: "sehr klein und etwas ungluecklich eingebettet — fast wie ein Video".
   DE-Embed zeigt "This publication is unavailable" (auch auf live) — neue
   Publikation noetig; hier nur die Einbettung.                               */
.elementor-element-f8006c8 .cx-flip,
.elementor-element-f8006c8 #player-iframe { max-width: 1240px; margin: 0 auto; }
.elementor-element-f8006c8 iframe {
  width: 100%; aspect-ratio: 16 / 10; height: auto !important;
  border-radius: 24px; background: #FFFAD0; box-shadow: 0 0 0 1px rgba(190, 186, 136, .45);
}
@media (max-width: 767px) { .elementor-element-f8006c8 iframe { aspect-ratio: 3 / 4; } }

/* --- J) Nachzug: Schrift/Farbe der neuen Texte + "Bad"-Titel --------------
   #sliderTitle stand auf #1E293B (Slate) — im Recolor-Mapping nicht enthalten,
   weil der Wert aus dem Shortcode-CSS kommt, nicht aus Elementor.            */
.cx-slider-desc, .cx-room-desc p { font-family: "Switzer Medium", sans-serif; font-weight: 500; }
.cx-room-desc { margin-left: 56px; }
@media (max-width: 1024px) { .cx-room-desc { margin-left: 0; } }
#sliderTitle { color: #2C2C2C !important; }
.main-div .container { color: #2C2C2C; }

/* --- K) Nachzug Kontakt-Liste: Astra rueckt ol um 20px ein --------------- */
.elementor-widget-text-editor ol.cx-steps { margin: 24px 0 0 !important; padding: 0 !important; }


/* --- M) Mobil (<768px): Vergleichstabelle als Karten je Kriterium,
   Kontakt-Formular mit Abstand zur Liste.                                   */
@media (max-width: 767px) {
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) {
    padding: 20px 0 8px !important; border-top: 1px solid rgba(190, 186, 136, .7);
  }
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding: 4px 4px 12px !important; border-top: 0 !important;
  }
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(3) > .elementor-widget-wrap {
    padding: 16px !important; border-radius: 14px !important; margin-bottom: 12px;
  }
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(1) .elementor-widget-text-editor { font-size: 18px !important; }
  .elementor-element-6f0d7f48 .elementor-heading-title,
  .elementor-element-62d8671b .elementor-heading-title { font-size: 14px !important; text-align: left !important; margin-bottom: 6px; }
  .elementor-element-6f0d7f48, .elementor-element-62d8671b { text-align: left !important; }
  .elementor-element-622ccd23 > .elementor-widget-wrap { margin-top: 40px; }
  .elementor-element-60d23e91 .elementor-heading-title { line-height: 1.2 !important; }
}
@media (max-width: 767px) {
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) .elementor-widget-text-editor p:last-child,
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) .elementor-widget-text-editor ul:last-child { margin-bottom: 0 !important; }
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) > .elementor-container > .elementor-column:nth-child(3) > .elementor-widget-wrap { margin-bottom: 0 !important; }
  .elementor-element-7a1bf88a .elementor-inner-section:not(.elementor-element-5ae85e2a) { padding-bottom: 20px !important; }
}
@media (max-width: 767px) { .elementor-element.elementor-element-622ccd23 { margin-top: 40px !important; } }

/* --- N) Marketing: heller Freisteller-Ring bei Lukas + Stella -------------
   Lukas (29.09.): "die zwei Bilder immernoch diesen komischen Rand".
   Gemessen: aussen ein helles Band von 2,5 % (Lukas) / 3 % (Stella) des Radius,
   bei allen anderen Portraits <= 1 %. Bild im Kreis-Ausschnitt (figure) um 7 %
   vergroessern, damit das Band ausserhalb liegt; Dateien bleiben unveraendert. */
.elementor-element-80a8484 figure.elementor-image-box-img,
.elementor-element-6ea2e0b figure.elementor-image-box-img {
  width: 180px !important; height: 180px; border-radius: 50%; overflow: hidden;
}
.elementor-element-80a8484 figure.elementor-image-box-img img,
.elementor-element-6ea2e0b figure.elementor-image-box-img img { transform: scale(1.07); }

/* --- O) PDF-Slider (Flipsnack) nur als Platzhalter-Box --------------------
   Lukas (29.09.): "PDF Slider nur als Box darstellen, wird eingefuegt spaeter".
   DE-Publikation ist geloescht, EN/PL zeigen noch das alte gruene Profil ->
   in ALLEN Sprachen iframe + Download-Link ausblenden, leere Box im Raster.
   Sobald der neue Slider da ist: diesen Block loeschen, Embed im Widget
   f8006c8 (je Sprache) eintragen.                                           */
.elementor-element-f8006c8 iframe,
.elementor-element-f8006c8 .cx-flip p { display: none !important; }
.elementor-element-f8006c8 .elementor-widget-container::after {
  content: ""; display: block; max-width: 1240px; margin: 0 auto;
  aspect-ratio: 16 / 9; border-radius: 24px; background: #FFFAD0;
}
@media (max-width: 767px) { .elementor-element-f8006c8 .elementor-widget-container::after { aspect-ratio: 4 / 3; } }

/* --- P) Team-Portraits mobil zentrieren ------------------------------------
   Lukas (12.10.): "auf Mobile sind die Bilder nicht alle zentriert".
   Elementor gibt der figure 65 % Breite (mobil ~228px, mittig), das Bild darin
   ist per Regel 3) fix 150px + display:block ohne Auto-Margin -> klebt links in
   der figure (Mitte 156 statt 195px). Bei Lukas/Stella (Regel N) blieb die
   figure auf 180px stehen, das Bild schrumpft auf 150 -> gleicher Versatz.     */
.elementor-element-bb92a25 .elementor-image-box-img img { margin-left: auto; margin-right: auto; }
@media (max-width: 1024px) {
  .elementor-element-80a8484 figure.elementor-image-box-img,
  .elementor-element-6ea2e0b figure.elementor-image-box-img { width: 150px !important; height: 150px; }
}
/* P2) Vorstand-Widget 0d83804 hat Elementor-Breite "initial" (= nur so breit
   wie der Inhalt) -> sitzt links in der Spalte. Volle Spaltenbreite erzwingen. */
.elementor-element-bb92a25 .elementor-widget-image-box.elementor-widget__width-initial { width: 100% !important; max-width: 100% !important; }