/* eicons-Font (Elementor) wurde mit dem Plugin geloescht -> Hamburger/Schliessen ueber FontAwesome */
.eicon-menu-bar:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0c9"}
.eicon-close:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00d"}
/* Startseite "Unsere Kompetenzen": Ring-Icon mobil links neben dem Text statt darueber */
@media (max-width:767px){
.elementor-element-fa7567e > .e-con{flex-direction:row !important;flex-wrap:nowrap !important;align-items:flex-start}
.elementor-element-fa7567e > .e-con > .e-con:first-child{width:auto !important;flex:0 0 auto !important}
.elementor-element-fa7567e > .e-con > .e-con:last-child{flex:1 1 auto !important;width:auto !important;min-width:0}
}
/* Startseite "Unsere Kompetenzen": Kreise rechtsbuendig in ihrer Icon-Spalte -> naeher an den
Text rechts. Nur Desktop; Text-Spalte bleibt unveraendert. */
@media (min-width:768px){
.elementor-element-fa7567e .elementor-widget-icon .elementor-icon-wrapper,
.elementor-element-fa7567e .elementor-icon-wrapper{text-align:end !important;padding-right:16px}
}
/* Ueber-uns: blauer Hero wie das Referenzen-Banner – feste Hoehe 340px (min-height ueber den
Elementor-Page-Scope erzwungen, inkl. --min-height-Variable) und Headline vertikal zentriert
(margin:auto im Flex). Nur Desktop. */
@media (min-width:768px){
.elementor-21 .elementor-element.elementor-element-18a376d5{min-height:340px !important;--min-height:340px !important}
.elementor-element-7e398269{--margin-top:auto !important;--margin-bottom:auto !important}
}
/* Lesbarkeits-Floor: vw-Typografie darf auf schmalen Desktops/Laptops (1025-1513px) nicht
unter die Design-Groesse (Stand 1514px) fallen. Bei >=1514px waechst sie wie gehabt mit. */
@media (min-width:1025px){
.elementor-kit-5,body.elementor-kit-5{
--e-global-typography-78f9154-font-size:max(30px,2vw);
--e-global-typography-9293729-font-size:max(30px,2vw);
--e-global-typography-1c2f687-font-size:max(30px,2vw);
--e-global-typography-3362bdf-font-size:max(24px,1.6vw);
--e-global-typography-0611d7a-font-size:max(23px,1.5vw);
--e-global-typography-bb3ba65-font-size:max(18px,1.2vw);
--e-global-typography-685fd1f-font-size:max(17px,1.1vw);
--e-global-typography-4589b65-font-size:max(15px,1vw);
--e-global-typography-47b06da-font-size:max(14px,0.9vw);
--e-global-typography-1a142fc-font-size:max(12px,0.8vw);
}}
/*# sourceURL=ff-fontawesome-inline-css */
/* "Wir sind fuer Sie vor Ort": bei schmalerer Breite die linke Blau-Diagonale des
   Hintergrundbilds (China-1.png) sichtbar halten, damit der weisse Text lesbar bleibt.
   (cover + background-position:center right schnitt sonst die Blau-Flaeche links weg.) */
@media (min-width:1025px) and (max-width:1280px){
.elementor-element-5f20830{background-position:center left !important}
}
/* Kontakt-„Senden"-Button: die blaue Parallelogramm-Form (clip-path auf .elementor-button-text)
   sass auf einem weissen Button mit grossem RECHTECKIGEM Schlagschatten (15/10/25px) – der passte
   nicht zur schraegen Form und wirkte kaputt. Weissen Kasten + Rechteck-Schatten entfernen; der
   Schatten folgt jetzt via drop-shadow der tatsaechlichen Parallelogramm-Form. */
#contact_form_submit_btn{background-color:transparent !important;box-shadow:none !important;transition:transform .25s ease}
#contact_form_submit_btn .elementor-button-text{filter:drop-shadow(2px 3px 5px rgba(0,0,0,.22));transition:filter .25s ease}
/* Hover wie die anderen CTA-Buttons: leicht groesser (scale) + aufhellen. */
#contact_form_submit_btn:hover{transform:scale(1.05)}
#contact_form_submit_btn:hover .elementor-button-text{filter:brightness(1.14) drop-shadow(2px 3px 5px rgba(0,0,0,.22))}
#contact_form_submit_btn.ff-sending:hover{transform:none}
/* Lade-Spinner auf dem Senden-Button waehrend des Versands: Text transparent (Gradient bleibt),
   weisser rotierender Ring zentriert – Kunde sieht „es laeuft". */
.elementor-button.ff-sending{pointer-events:none}
.elementor-button.ff-sending .elementor-button-text{color:transparent !important;position:relative}
.elementor-button.ff-sending .elementor-button-text:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:ff-spin .7s linear infinite}
@keyframes ff-spin{to{transform:rotate(360deg)}}
/* Erfolgs-/Fehlermeldung: Elementors :before nutzt das geloeschte eicons-Font (Tofu-Kaestchen).
   Schriftunabhaengiges Inline-SVG (Haekchen petrol / Ausrufezeichen rot) stattdessen. */
.ff-msg.elementor-message:before{content:"";display:inline-block;width:1em;height:1em;margin-inline-end:7px;vertical-align:-2px;background:center/contain no-repeat;font-family:inherit !important}
.ff-msg.elementor-message-success:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230A5069' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.42z'/%3E%3C/svg%3E")}
.ff-msg.elementor-message-danger:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d9534f' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}