.elementor-1429 .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-1429 .elementor-element.elementor-element-9e06acc:not(.elementor-motion-effects-element-type-background), .elementor-1429 .elementor-element.elementor-element-9e06acc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#345689;}.elementor-1429 .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-1429 .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:60px;--margin-bottom:40px;--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-1429 .elementor-element.elementor-element-b09143b{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1429 .elementor-element.elementor-element-b09143b.elementor-element{--align-self:center;}.elementor-1429 .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-1429 .elementor-element.elementor-element-95f0c60{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-1429 .elementor-element.elementor-element-95f0c60 .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-1429 .elementor-element.elementor-element-5178567{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 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-1429 .elementor-element.elementor-element-5178567.elementor-element{--align-self:center;}.elementor-1429 .elementor-element.elementor-element-5178567 p{margin-block-end:0px;}.elementor-1429 .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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1429 .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-1429 .elementor-element.elementor-element-770ebe1.elementor-element{--align-self:center;}.elementor-1429 .elementor-element.elementor-element-a4db542{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-20px;--margin-bottom:0px;--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-1429 .elementor-element.elementor-element-18c5a18 .elementor-button:hover, .elementor-1429 .elementor-element.elementor-element-18c5a18 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FEFFFF;}.elementor-1429 .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-1429 .elementor-element.elementor-element-18c5a18 .elementor-button{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px #FFFFFF;border-radius:4px 4px 4px 4px;padding:18px 28px 18px 28px;}.elementor-1429 .elementor-element.elementor-element-18c5a18 .elementor-button:hover svg, .elementor-1429 .elementor-element.elementor-element-18c5a18 .elementor-button:focus svg{fill:#FEFFFF;}.elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;fill:var( --e-global-color-5991fc7 );color:var( --e-global-color-5991fc7 );box-shadow:0px 0px 10px 0px #FFFFFF;border-radius:4px 4px 4px 4px;padding:18px 28px 18px 28px;}.elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button:hover, .elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-1429 .elementor-element.elementor-element-5d4ec1a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;}.elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button:hover svg, .elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1429 .elementor-element.elementor-element-3dc966f{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1429 .elementor-element.elementor-element-3dc966f.elementor-element{--align-self:center;}.elementor-1429 .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-1429 .elementor-element.elementor-element-cee14c4:not(.elementor-motion-effects-element-type-background), .elementor-1429 .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-1429 .elementor-element.elementor-element-d53c098{--width:50%;}.elementor-1429 .elementor-element.elementor-element-cee14c4{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1429 .elementor-element.elementor-element-9e06acc{--width:100%;}.elementor-1429 .elementor-element.elementor-element-a631256{--width:100%;}.elementor-1429 .elementor-element.elementor-element-a4db542{--width:100%;}.elementor-1429 .elementor-element.elementor-element-cee14c4{--width:100%;}}@media(max-width:1024px){.elementor-1429 .elementor-element.elementor-element-9e06acc{--min-height:100vh;--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-1429 .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-1429 .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-1429 .elementor-element.elementor-element-b09143b .elementor-heading-title{font-size:27px;line-height:1.05em;letter-spacing:-1px;}.elementor-1429 .elementor-element.elementor-element-95f0c60 .elementor-heading-title{font-size:27px;line-height:1.05em;letter-spacing:-1px;}.elementor-1429 .elementor-element.elementor-element-5178567{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 55px) 0px;font-size:20px;letter-spacing:-1px;}.elementor-1429 .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-1429 .elementor-element.elementor-element-770ebe1{font-size:13px;}.elementor-1429 .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-1429 .elementor-element.elementor-element-18c5a18 .elementor-button{font-size:15px;padding:15px 13px 16px 13px;}.elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button{font-size:15px;padding:15px 13px 16px 13px;}.elementor-1429 .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-1429 .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-1429 .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-1429 .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-1429 .elementor-element.elementor-element-b09143b{text-align:center;}.elementor-1429 .elementor-element.elementor-element-b09143b .elementor-heading-title{font-size:23px;line-height:1.15em;}.elementor-1429 .elementor-element.elementor-element-95f0c60{text-align:center;}.elementor-1429 .elementor-element.elementor-element-95f0c60 .elementor-heading-title{font-size:23px;line-height:1.15em;}.elementor-1429 .elementor-element.elementor-element-5178567{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 15px 0px;font-size:15px;}.elementor-1429 .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-1429 .elementor-element.elementor-element-770ebe1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:12px;line-height:1em;letter-spacing:1.15px;word-spacing:1px;}.elementor-1429 .elementor-element.elementor-element-770ebe1 p{margin-block-end:0px;}.elementor-1429 .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-1429 .elementor-element.elementor-element-18c5a18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1429 .elementor-element.elementor-element-18c5a18 .elementor-button{padding:15px 22px 15px 22px;}.elementor-1429 .elementor-element.elementor-element-5d4ec1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1429 .elementor-element.elementor-element-5d4ec1a .elementor-button{padding:15px 22px 15px 22px;}.elementor-1429 .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-a631256 *//* ==================================================
   HOME – HEADLINE
   STANDARD = DESKTOP / TABLET QUER / MOBILE
   ================================================== */

.home-title-normal {
    display: block !important;
}

.home-title-tablet-portrait {
    display: none !important;
}


/* ==================================================
   NUR TABLET HOCHKANT
   ================================================== */

@media (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {

    .home-title-normal {
        display: none !important;
    }

    .home-title-tablet-portrait {
        display: block !important;
    }

}


/* ==================================================
   TABLET QUERFORMAT
   NORMALE VERSION ERZWINGEN
   ================================================== */

@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {

    .home-title-normal {
        display: block !important;
    }

    .home-title-tablet-portrait {
        display: none !important;
    }

}


/* ==================================================
   MOBILE
   NORMALE VERSION ERZWINGEN
   ================================================== */

@media (max-width: 767px) {

    .home-title-normal {
        display: block !important;
    }

    .home-title-tablet-portrait {
        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e06acc *//* =====================================================
   HERO — CLEAN FINAL CODE
   Responsive Höhe ohne weißen Leerraum
===================================================== */

.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: max(760px, calc(100vh - 170px)) !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: inherit !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: inherit !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;
}


/* =====================================================
   BILDVERLAUF
===================================================== */

.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:

    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%
    ),

    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%
    ),

    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%
    ),

    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
===================================================== */

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

  .hero-section {
    min-height: max(760px, calc(100vh - 170px)) !important;
  }


  .hero-content {
    width: 56% !important;
    max-width: 56% !important;

    min-height: inherit !important;

    padding: 70px 36px 50px 64px !important;
  }


  .hero-image {
    width: 44% !important;
    max-width: 44% !important;

    min-height: inherit !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: max(720px, calc(100vh - 150px)) !important;

    flex-direction: row !important;
  }


  .hero-content {
    width: 54% !important;
    max-width: 54% !important;

    min-height: inherit !important;

    padding: 80px 22px 50px 28px !important;

    text-align: left !important;
  }


  .hero-image {
    width: 46% !important;
    max-width: 46% !important;

    min-height: inherit !important;

    background-position: 52% 45% !important;
  }


  /* TABLET: TITEL GRÖSSER */
  .hero-content h1,
  .hero-content .elementor-heading-title {
    font-size: 48px !important;

    line-height: 1.10 !important;

    letter-spacing: -0.02em !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 */