.elementor-kit-4720{--e-global-color-primary:#203345;--e-global-color-secondary:#EFEFEF;--e-global-color-text:#000000;--e-global-color-accent:#FF595B;--e-global-color-16c8b93:#FFFFFF;--e-global-color-538b15d:#DEE0E3;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Karla";--e-global-typography-secondary-font-weight:500;background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-kit-4720 button,.elementor-kit-4720 input[type="button"],.elementor-kit-4720 input[type="submit"],.elementor-kit-4720 .elementor-button{background-color:var( --e-global-color-primary );font-size:1em;font-weight:600;color:var( --e-global-color-16c8b93 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:3% 3% 3% 3%;}.elementor-kit-4720 button:hover,.elementor-kit-4720 button:focus,.elementor-kit-4720 input[type="button"]:hover,.elementor-kit-4720 input[type="button"]:focus,.elementor-kit-4720 input[type="submit"]:hover,.elementor-kit-4720 input[type="submit"]:focus,.elementor-kit-4720 .elementor-button:hover,.elementor-kit-4720 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-kit-4720 a{color:var( --e-global-color-primary );}.elementor-kit-4720 a:hover{color:var( --e-global-color-accent );}.elementor-kit-4720 input:not([type="button"]):not([type="submit"]),.elementor-kit-4720 textarea,.elementor-kit-4720 .elementor-field-textual{font-size:1.1em;font-weight:400;color:#000000;background-color:#F2F2F2;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;transition:100ms;}.elementor-kit-4720 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4720 textarea:focus,.elementor-kit-4720 .elementor-field-textual:focus{color:#757575;background-color:#F2F2F2;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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);}.elementor-lightbox{background-color:#FFFFFF36;--lightbox-ui-color:#ff595b;}@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-kit-4720 p{margin-block-end:29px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}
/* Start custom CSS *//* ===========================================================
   1. ROOT
   =========================================================== */
html { font-size: 16px; }

/* ===========================================================
   2. FONTS – ERZWUNGEN (überschreibt Elementor-Widget-Fonts)
   Überschriften = Barlow · Fließtext/UI = Karla
   =========================================================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-style: normal;
}
/* Barlow auf alle echten Überschriften (h-Tags + Heading-Title) */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}
/* Karla auf UI-Text: Buttons + Icon-Listen */
.elementor-button,
.elementor-button-text,
.elementor-icon-list-text {
  font-family: "Karla", sans-serif !important;
}

/* ===========================================================
   3. ÜBERSCHRIFTEN-GRÖSSEN (direkt am Tag, mit Elementor-Override)
   H1 normal · H2 xxlarge · H3 xlarge · H4 large · H5 medium · H6 normal
   =========================================================== */
h1,
.elementor-widget-heading h1.elementor-heading-title {
  font-size: clamp(1.00rem, 1.00000rem + 0.00000vw, 1.00rem) !important; /* normal */
  line-height: 1.3 !important;
}
h2,
.elementor-widget-heading h2.elementor-heading-title {
  font-size: clamp(2.25rem, 2.07394rem + 0.75117vw, 2.75rem) !important; /* xxlarge */
  line-height: 1.3 !important;
}
h3,
.elementor-widget-heading h3.elementor-heading-title {
  font-size: clamp(1.88rem, 1.74296rem + 0.56338vw, 2.25rem) !important; /* xlarge */
  line-height: 1.3 !important;
}
h4,
.elementor-widget-heading h4.elementor-heading-title {
  font-size: clamp(1.50rem, 1.41197rem + 0.37559vw, 1.75rem) !important; /* large */
  line-height: 1.3 !important;
}
h5,
.elementor-widget-heading h5.elementor-heading-title {
  font-size: clamp(1.13rem, 1.08099rem + 0.18779vw, 1.25rem) !important; /* medium */
  line-height: 1.3 !important;
}
h6,
.elementor-widget-heading h6.elementor-heading-title {
  font-size: clamp(1.00rem, 1.00000rem + 0.00000vw, 1.00rem) !important; /* normal */
  line-height: 1.3 !important;
}

/* ===========================================================
   4. EYEBROW – normal groß, uppercase, Barlow
   =========================================================== */
.eyebrow {
  font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(1.00rem, 1.00000rem + 0.00000vw, 1.00rem) !important; /* normal */
  line-height: 1.3 !important;
  text-transform: uppercase;
  font-weight: 700;
}

/* Counter-Zahl + Suffix – xxxlarge, Barlow */
.elementor-counter-number,
.elementor-counter-number-suffix {
  font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(2.63rem, 2.40493rem + 0.93897vw, 3.25rem) !important; /* xxxlarge */
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

/* ===========================================================
   5. FLIESSTEXT (Body + normaler Text) – vereinheitlicht
   p.elementor-heading-title = Heading-Widget als Absatz (= Fließtext)
   =========================================================== */
.body,
.body p,
.body .elementor-heading-title,
p.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: "Karla", sans-serif !important;
  font-size: clamp(1rem, 0.96rem + 0.18vw, 1.125rem) !important; /* 16px → 18px */
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
}

/* ===========================================================
   6. LINKS
   =========================================================== */
a { color: #203345; text-decoration: none; }
a:hover { color: #FF595B; }

/* ===========================================================
   7. BUTTONS
   Schriftgröße normal · Karla · weicher Ease-out · gleiche Größe
   =========================================================== */
.elementor-element.button_rot .elementor-button {
  background-color: #FF595B !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 8px !important;
  font-family: "Karla", sans-serif !important;
  font-weight: 500;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  padding: 14px 32px;
  transition: background-color 0.3s ease-out,
              color 0.3s ease-out,
              border-color 0.3s ease-out;
}
.elementor-element.button_rot .elementor-button:hover {
  background-color: #ffffff !important;
  color: #FF595B !important;
  border: 1px solid #FF595B !important;
}

.elementor-element.button_hell .elementor-button {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #dfe1e3 !important;
  border-radius: 8px !important;
  font-family: "Karla", sans-serif !important;
  font-weight: 500;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  padding: 14px 32px;
  transition: background-color 0.3s ease-out,
              border-color 0.3s ease-out,
              color 0.3s ease-out;
}
.elementor-element.button_hell .elementor-button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #dfe1e3 !important;
}/* End custom CSS */