.elementor-66 .elementor-element.elementor-element-9e06acc{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-66 .elementor-element.elementor-element-9e06acc:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-9e06acc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#345689;}.elementor-66 .elementor-element.elementor-element-d53c098{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:18px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:40px;}.elementor-66 .elementor-element.elementor-element-a631256{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:70px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-66 .elementor-element.elementor-element-b09143b{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-66 .elementor-element.elementor-element-b09143b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:65px;font-weight:600;line-height:1.2em;letter-spacing:-1.5px;color:var( --e-global-color-5991fc7 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-66 .elementor-element.elementor-element-5178567{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:400;line-height:1.35px;color:var( --e-global-color-5991fc7 );}.elementor-66 .elementor-element.elementor-element-5178567.elementor-element{--align-self:center;}.elementor-66 .elementor-element.elementor-element-5178567 p{margin-block-end:0px;}.elementor-66 .elementor-element.elementor-element-95efe3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:20px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-66 .elementor-element.elementor-element-770ebe1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:36px;font-weight:500;color:#D9BF8B;}.elementor-66 .elementor-element.elementor-element-12c632e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-size:50px;font-weight:400;line-height:1.35px;color:var( --e-global-color-accent );}.elementor-66 .elementor-element.elementor-element-12c632e.elementor-element{--align-self:center;}.elementor-66 .elementor-element.elementor-element-12c632e p{margin-block-end:0px;}.elementor-66 .elementor-element.elementor-element-a4db542{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-66 .elementor-element.elementor-element-e916fb3 .elementor-button{background-color:#0F3368;font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;fill:var( --e-global-color-5991fc7 );color:var( --e-global-color-5991fc7 );border-radius:4px 4px 4px 4px;padding:18px 38px 18px 38px;}.elementor-66 .elementor-element.elementor-element-e916fb3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-18c5a18 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;fill:var( --e-global-color-5991fc7 );color:var( --e-global-color-5991fc7 );border-radius:4px 4px 4px 4px;padding:18px 28px 18px 28px;}.elementor-66 .elementor-element.elementor-element-18c5a18{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-6c360cb .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-5991fc7 );color:var( --e-global-color-5991fc7 );box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.75);border-style:solid;border-width:1px 1px 1px 1px;border-radius:4px 4px 4px 4px;padding:18px 44px 18px 44px;}.elementor-66 .elementor-element.elementor-element-6c360cb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-cee14c4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66 .elementor-element.elementor-element-cee14c4:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-cee14c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.recent-advances.com/wp-content/uploads/2026/06/ukw_kinderklinik_DSC_9821-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-66 .elementor-element.elementor-element-d53c098{--width:50%;}.elementor-66 .elementor-element.elementor-element-cee14c4{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-66 .elementor-element.elementor-element-9e06acc{--width:100%;}.elementor-66 .elementor-element.elementor-element-a631256{--width:100%;}.elementor-66 .elementor-element.elementor-element-a4db542{--width:100%;}.elementor-66 .elementor-element.elementor-element-cee14c4{--width:100%;}}@media(max-width:1024px){.elementor-66 .elementor-element.elementor-element-9e06acc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:40px;--padding-bottom:50px;--padding-left:32px;--padding-right:32px;}.elementor-66 .elementor-element.elementor-element-d53c098{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-66 .elementor-element.elementor-element-a631256{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-66 .elementor-element.elementor-element-b09143b .elementor-heading-title{font-size:27px;line-height:1.05em;letter-spacing:-1px;}.elementor-66 .elementor-element.elementor-element-5178567{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 55px) 0px;font-size:20px;letter-spacing:-1px;}.elementor-66 .elementor-element.elementor-element-95efe3e{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66 .elementor-element.elementor-element-770ebe1{font-size:13px;}.elementor-66 .elementor-element.elementor-element-12c632e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-size:17px;letter-spacing:-1px;}.elementor-66 .elementor-element.elementor-element-a4db542{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-66 .elementor-element.elementor-element-e916fb3 .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-66 .elementor-element.elementor-element-18c5a18 .elementor-button{font-size:15px;padding:15px 13px 16px 13px;}.elementor-66 .elementor-element.elementor-element-6c360cb .elementor-button{font-size:14px;padding:16px 21px 18px 21px;}.elementor-66 .elementor-element.elementor-element-cee14c4{--min-height:240px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-66 .elementor-element.elementor-element-9e06acc{--width:100%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:32px;--padding-bottom:36px;--padding-left:20px;--padding-right:20px;}.elementor-66 .elementor-element.elementor-element-d53c098{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-66 .elementor-element.elementor-element-a631256{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66 .elementor-element.elementor-element-b09143b{text-align:center;}.elementor-66 .elementor-element.elementor-element-b09143b .elementor-heading-title{font-size:23px;line-height:1.15em;}.elementor-66 .elementor-element.elementor-element-5178567{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 35px 0px;font-size:15px;}.elementor-66 .elementor-element.elementor-element-95efe3e{--width:100%;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:nowrap;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-66 .elementor-element.elementor-element-770ebe1{padding:0px 0px 0px 0px;font-size:12px;line-height:1em;letter-spacing:1.15px;word-spacing:1px;}.elementor-66 .elementor-element.elementor-element-770ebe1 p{margin-block-end:0px;}.elementor-66 .elementor-element.elementor-element-12c632e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:25px;}.elementor-66 .elementor-element.elementor-element-a4db542{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-66 .elementor-element.elementor-element-e916fb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-e916fb3 .elementor-button{padding:15px 30px 15px 30px;}.elementor-66 .elementor-element.elementor-element-18c5a18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-66 .elementor-element.elementor-element-18c5a18 .elementor-button{padding:15px 22px 15px 22px;}.elementor-66 .elementor-element.elementor-element-6c360cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-66 .elementor-element.elementor-element-6c360cb .elementor-button{padding:15px 42px 15px 42px;}.elementor-66 .elementor-element.elementor-element-cee14c4{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-9e06acc *//* =====================================================
   HERO — CLEAN FINAL CODE
   Bild verläuft von allen 4 Seiten, ohne Rand-Linien
===================================================== */

.hero-section {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 760px !important;
  background-color: #345689 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  position: relative !important;
  border: 0 !important;
  outline: 0 !important;
}


/* =====================================================
   LINKER TEXTBEREICH
===================================================== */

.hero-content {
  width: 50% !important;
  max-width: 50% !important;
  min-height: 760px !important;
  padding: 90px 40px 70px 70px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 3 !important;
  text-align: left !important;
  border: 0 !important;
  outline: 0 !important;
}


/* =====================================================
   RECHTER BILDBEREICH
===================================================== */

.hero-image {
  width: 50% !important;
  max-width: 50% !important;
  min-height: 760px !important;
  position: relative !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: 50% 45% !important;
  background-repeat: no-repeat !important;
  box-sizing: border-box !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Verlauf von links, rechts, oben und unten — ohne negativen inset */
.hero-image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border: 0 !important;
  outline: 0 !important;

  background:
    /* links nach rechts */
    linear-gradient(
      to right,
      #345689 0%,
      rgba(52, 86, 137, 0.95) 6%,
      rgba(52, 86, 137, 0.65) 16%,
      rgba(52, 86, 137, 0.28) 30%,
      rgba(52, 86, 137, 0) 48%
    ),

    /* rechts nach links */
    linear-gradient(
      to left,
      #345689 0%,
      rgba(52, 86, 137, 0.70) 6%,
      rgba(52, 86, 137, 0.35) 16%,
      rgba(52, 86, 137, 0.12) 28%,
      rgba(52, 86, 137, 0) 42%
    ),

    /* oben nach unten */
    linear-gradient(
      to bottom,
      #345689 0%,
      rgba(52, 86, 137, 0.80) 6%,
      rgba(52, 86, 137, 0.35) 16%,
      rgba(52, 86, 137, 0.10) 28%,
      rgba(52, 86, 137, 0) 42%
    ),

    /* unten nach oben */
    linear-gradient(
      to top,
      #345689 0%,
      rgba(52, 86, 137, 0.80) 6%,
      rgba(52, 86, 137, 0.35) 16%,
      rgba(52, 86, 137, 0.10) 28%,
      rgba(52, 86, 137, 0) 42%
    );
}

.hero-image::after {
  content: none !important;
  display: none !important;
}


/* =====================================================
   TYPOGRAFIE
===================================================== */

.hero-content h1,
.hero-content .elementor-heading-title {
  font-size: clamp(58px, 5vw, 64px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}

/* XIth hochgestellt */
.hero-content h1 sup,
.hero-content .elementor-heading-title sup {
  font-size: 28% !important;
  position: relative !important;
  top: -1.25em !important;
  line-height: 0 !important;
  vertical-align: baseline !important;
  margin-left: 2px !important;
}

.hero-content h2,
.hero-content .subtitle {
  font-size: clamp(22px, 2vw, 34px) !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.hero-date,
.hero-date .elementor-heading-title {
  font-size: clamp(28px, 2.7vw, 46px) !important;
  line-height: 1.08 !important;
  text-align: left !important;
}


/* =====================================================
   BUTTONS
===================================================== */

.hero-buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}

.hero-buttons .elementor-widget-button,
.hero-buttons .elementor-button-wrapper {
  box-sizing: border-box !important;
}

.hero-buttons .elementor-button {
  width: 210px !important;
  min-height: 64px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border-radius: 8px !important;
}

.hero-buttons .elementor-button-text {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  white-space: normal !important;
  text-align: center !important;
}


/* =====================================================
   LAPTOP / KLEINER DESKTOP
   1025px bis 1366px CSS-Breite
===================================================== */

@media (min-width: 1025px) and (max-width: 1366px) {

  .hero-section {
    min-height: 760px !important;
  }

  .hero-content {
    width: 56% !important;
    max-width: 56% !important;
    min-height: 760px !important;
    padding: 70px 36px 50px 64px !important;
  }

  .hero-image {
    width: 44% !important;
    max-width: 44% !important;
    min-height: 760px !important;
    background-position: 50% 45% !important;
  }

  .hero-content h1,
  .hero-content .elementor-heading-title {
    font-size: 54px !important;
    line-height: 1.10 !important;
    max-width: 760px !important;
  }

  .hero-content h1 sup,
  .hero-content .elementor-heading-title sup {
    font-size: 28% !important;
    top: -1.25em !important;
  }

  .hero-content h2,
  .hero-content .subtitle {
    font-size: 26px !important;
  }

  .hero-date,
  .hero-date .elementor-heading-title {
    font-size: 32px !important;
  }

  .hero-buttons {
    gap: 16px !important;
  }

  .hero-buttons .elementor-button {
    width: 180px !important;
    min-height: 58px !important;
    padding: 0 18px !important;
  }

  .hero-buttons .elementor-button-text {
    font-size: 16px !important;
  }
}


/* =====================================================
   TABLET
   768px bis 1024px
===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .hero-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 720px !important;
    flex-direction: row !important;
  }

  .hero-content {
    width: 54% !important;
    max-width: 54% !important;
    min-height: 720px !important;
    padding: 80px 22px 50px 28px !important;
    text-align: left !important;
  }

  .hero-image {
    width: 46% !important;
    max-width: 46% !important;
    min-height: 720px !important;
    background-position: 52% 45% !important;
  }

  .hero-content h1,
  .hero-content .elementor-heading-title {
    font-size: 35px !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }

  .hero-content h1 sup,
  .hero-content .elementor-heading-title sup {
    font-size: 30% !important;
    top: -1.05em !important;
  }

  .hero-content h2,
  .hero-content .subtitle {
    font-size: 20px !important;
    text-align: left !important;
  }

  .hero-date,
  .hero-date .elementor-heading-title {
    font-size: 22px !important;
    text-align: left !important;
  }

  .hero-buttons {
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  .hero-buttons .elementor-button {
    width: 120px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
  }

  .hero-buttons .elementor-button-text {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
}


/* =====================================================
   HANDY
   bis 767px
===================================================== */

@media (max-width: 767px) {

  .hero-section {
    flex-direction: column !important;
    width: 100% !important;
    min-height: auto !important;
  }

  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 52px 22px 38px 22px !important;
    text-align: center !important;
    order: 1 !important;
  }

  .hero-image {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    order: 2 !important;
    background-position: 54% 45% !important;
  }

  .hero-image::before {
    inset: 0 !important;

    background:
      linear-gradient(
        to right,
        #345689 0%,
        rgba(52, 86, 137, 0.65) 10%,
        rgba(52, 86, 137, 0.22) 24%,
        rgba(52, 86, 137, 0) 42%
      ),
      linear-gradient(
        to left,
        #345689 0%,
        rgba(52, 86, 137, 0.50) 10%,
        rgba(52, 86, 137, 0.18) 24%,
        rgba(52, 86, 137, 0) 42%
      ),
      linear-gradient(
        to bottom,
        #345689 0%,
        rgba(52, 86, 137, 0.65) 10%,
        rgba(52, 86, 137, 0.18) 28%,
        rgba(52, 86, 137, 0) 48%
      ),
      linear-gradient(
        to top,
        #345689 0%,
        rgba(52, 86, 137, 0.65) 10%,
        rgba(52, 86, 137, 0.18) 28%,
        rgba(52, 86, 137, 0) 48%
      ) !important;
  }

  .hero-content h1,
  .hero-content .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.10 !important;
    text-align: center !important;
  }

  .hero-content h1 sup,
  .hero-content .elementor-heading-title sup {
    font-size: 30% !important;
    top: -1em !important;
  }

  .hero-content h2,
  .hero-content .subtitle {
    font-size: 20px !important;
    text-align: center !important;
  }

  .hero-date,
  .hero-date .elementor-heading-title {
    font-size: 22px !important;
    text-align: center !important;
  }

  .hero-buttons {
    width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding: 0 20px !important;
  }

  .hero-buttons .elementor-widget-button,
  .hero-buttons .elementor-button-wrapper {
    width: 100% !important;
  }

  .hero-buttons .elementor-button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
  }

  .hero-buttons .elementor-button-text {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }
}


/* =====================================================
   SEHR KLEINE HANDYS
   bis 480px
===================================================== */

@media (max-width: 480px) {

  .hero-content {
    padding: 44px 18px 32px 18px !important;
  }

  .hero-image {
    min-height: 260px !important;
    background-position: 56% 46% !important;
  }

  .hero-content h1,
  .hero-content .elementor-heading-title {
    font-size: 28px !important;
  }

  .hero-content h2,
  .hero-content .subtitle {
    font-size: 18px !important;
  }

  .hero-date,
  .hero-date .elementor-heading-title {
    font-size: 20px !important;
  }

  .hero-buttons {
    padding: 0 18px !important;
  }

  .hero-buttons .elementor-button {
    min-height: 46px !important;
    padding: 11px 14px !important;
  }

  .hero-buttons .elementor-button-text {
    font-size: 13px !important;
  }
}/* End custom CSS */