.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --mc-cyan:#129DD7; --mc-cyan-dark:#0E7FB0; --mc-cyan-soft:#E3F5FD; --mc-red:#E5272B; --mc-cream:#FAF7F2; --mc-sand:#F1ECE4; --mc-ink:#123A4A; --mc-muted:#467081; --mc-border:#E8E2D9; --mc-white:#FFFFFF; --mc-footer:#0C2631; --font-heading:Fraunces; --font-body:Inter; --radius-card:24px; --radius-pill:999px; --container-max:1280px; --mc-dark-card:#14323D; --mc-dark-border:#22424F; --mc-dark-muted:#9FBBC6; --mc-dark-text:#F9F6F0; --mc-input:#E0D9CC; }
/* Start custom CSS *//* Einblende-Animationen ohne Flimmern.
   Elemente mit Interaktion (Laden / ins Bild scrollen) bleiben unsichtbar, bis die Animation sie einblendet.
   Sobald die Animation fertig ist, gibt die Interaktion sie selbst frei. Im Editor bleibt alles sichtbar.
   Neues animiertes Element? Seine ID unten in die Liste eintragen. */
body:not(.elementor-editor-active) :is(
  .elementor-element-34f1d7cb,
  .elementor-element-7ea67d44,
  .elementor-element-7ef29c6e,
  .elementor-element-201ddaf,
  .elementor-element-14dfaedb,
  .elementor-element-6f850840,
  .elementor-element-532c635a,
  .elementor-element-5c1b2ad0,
  .elementor-element-11ab5f55,
  .elementor-element-72a92f6,
  .elementor-element-4bf3b32f,
  .elementor-element-13d39ee2,
  .elementor-element-4572c9a7,
  .elementor-element-69f6923b,
  .elementor-element-54a022a9,
  .elementor-element-34b64680,
  .elementor-element-7128c673,
  .elementor-element-1b99ed5b,
  .elementor-element-bc907af,
  .elementor-element-7ae39ab0,
  .elementor-element-7e5ec26d,
  .elementor-element-4475fcce,
  .elementor-element-1a4e5896,
  .elementor-element-497fc3cb,
  .elementor-element-48bc24d7,
  .elementor-element-5c0330a6,
  .elementor-element-19a0982d,
  .elementor-element-1ef28867,
  .elementor-element-7100fd1,
  .elementor-element-78b33764,
  .elementor-element-2a95dbe4,
  .elementor-element-7a470e38,
  .elementor-element-35a1ac1b,
  .elementor-element-77572de5,
  .elementor-element-6252e18e,
  .elementor-element-7f90a598,
  .elementor-element-eb2f9ad,
  .elementor-element-7ca6ed53,
  .elementor-element-3ab3c20e,
  .elementor-element-34d0573a,
  .elementor-element-37c72a86,
  .elementor-element-57bd8dd5,
  .elementor-element-1d5a7e40,
  .elementor-element-209e22f8,
  .elementor-element-783d1902,
  .elementor-element-29101ff7,
  .elementor-element-433886ea,
  .elementor-element-290e82ef,
  .elementor-element-ecf9ab2,
  .elementor-element-27239aa8,
  .elementor-element-3d1cf626,
  .elementor-element-1fc38507,
  .elementor-element-65c7bbce,
  .elementor-element-70b1a6eb,
  .elementor-element-15616c82,
  .elementor-element-1cebe3a2,
  .elementor-element-fe9f0f9,
  .elementor-element-774f4d1e,
  .elementor-element-21d601fe,
  .elementor-element-51f0bf65,
  .elementor-element-7a5e6c5,
  .elementor-element-2a295cc,
  .elementor-element-63cd0d07,
  .elementor-element-48e6abe4,
  .elementor-element-43f6a059,
  .elementor-element-2dd2caaa,
  .elementor-element-779e1c6d,
  .elementor-element-41c6b025,
  .elementor-element-4ef4e9fe,
  .elementor-element-164ceec6,
  .elementor-element-31a257f0,
  .elementor-element-4af30f81,
  .elementor-element-a19b32f,
  .elementor-element-3101ef70,
  .elementor-element-73400bd1
):is(:not([style]), [style="transition: none;"]) {
  opacity: 0;
}

/* Nur fuer angemeldete Nutzer: WordPress laesst die Adminleiste auf Handys (bis 600px) wegscrollen,
   der feste Header blieb dann 46px tiefer stehen und es entstand eine Luecke darueber.
   Die Adminleiste bleibt jetzt auch auf Handys oben fixiert, wie auf Desktop. */
@media screen and (max-width: 600px) {
  #wpadminbar { position: fixed; }
}

/* Formulare (Kontakt und Karriere): Auswahlfeld mit eigenem, gut sichtbarem Pfeil */
body .e-form-select-base {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 60px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23DCEFF8'/%3E%3Cpath d='M9.5 12.2l4.5 4.5 4.5-4.5' fill='none' stroke='%23129DD7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 28px 28px !important;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease;
}
body .e-form-select-base:hover { border-color: #b9dff1 !important; }
body .e-form-select-base:focus { border-color: #129dd7 !important; box-shadow: 0 0 0 3px rgba(18,157,215,.15); outline: none; }

/* Formulare: Checkbox mit sichtbarem Rand und cremefarbenem Hintergrund */
body .e-form-checkbox-base {
  -webkit-appearance: none;
  appearance: none;
  flex: none;
  width: 20px !important;
  height: 20px !important;
  margin-top: 1px;
  border: 1.5px solid #a9bcc4 !important;
  border-radius: 6px !important;
  background-color: #faf7f2 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body .e-form-checkbox-base:hover { border-color: #129dd7 !important; }
body .e-form-checkbox-base:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(18,157,215,.25); }
body .e-form-checkbox-base:checked {
  border-color: #129dd7 !important;
  background-color: #129dd7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body .e-form-checkbox-base:checked::before, body .e-form-checkbox-base:checked::after { display: none; }/* End custom CSS */