.elementor-kit-16{--e-global-color-primary:#32475B;--e-global-color-secondary:#B0C8EE;--e-global-color-text:#32475B;--e-global-color-accent:#60B1E7;--e-global-color-14d5288:#A1A1A1;--e-global-color-112b384:#EBEBEB;--e-global-color-2bbcfd7:#00B9F2;--e-global-color-95bb695:#0C7ECF;--e-global-color-9fcd5aa:#1661BE;--e-global-color-5c3d0ad:#0C2949;--e-global-color-ebd8335:#12438C;--e-global-color-14fdd1e:#FFFFFF;--e-global-color-cea8da7:#60B1E721;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:1.2em;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:1em;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-b4512a8-font-family:"Poppins";--e-global-typography-b4512a8-font-size:9rem;--e-global-typography-b4512a8-font-weight:600;--e-global-typography-b4512a8-line-height:1em;--e-global-typography-0d5a771-font-size:0.9em;--e-global-typography-0d5a771-text-decoration:none;--e-global-typography-8a61107-font-family:"Poppins";--e-global-typography-8a61107-font-size:2.7em;--e-global-typography-8a61107-font-weight:600;--e-global-typography-8a61107-line-height:1.2em;--e-global-typography-a562269-font-size:1.2em;--e-global-typography-a562269-font-weight:400;--e-global-typography-a562269-line-height:1.1em;--e-global-typography-aa7b862-font-size:3em;--e-global-typography-aa7b862-font-weight:700;--e-global-typography-aa7b862-line-height:1em;--e-global-typography-b111548-font-size:1.1em;--e-global-typography-b111548-font-weight:400;--e-global-typography-b111548-text-transform:uppercase;--e-global-typography-1f9ac97-font-size:3em;--e-global-typography-1f9ac97-font-weight:600;--e-global-typography-1f9ac97-line-height:0.9em;--e-global-typography-3d64294-font-size:1.8em;--e-global-typography-3d64294-font-weight:400;--e-global-typography-1510b2d-font-size:1.4em;--e-global-typography-1510b2d-font-weight:600;--e-global-typography-1510b2d-line-height:1em;background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;overscroll-behavior:auto;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{background-color:var( --e-global-color-accent );font-size:var( --e-global-typography-0d5a771-font-size );text-decoration:var( --e-global-typography-0d5a771-text-decoration );color:var( --e-global-color-14fdd1e );border-radius:14px 14px 14px 14px;padding:12px 24px 12px 24px;}.elementor-kit-16 button:hover,.elementor-kit-16 button:focus,.elementor-kit-16 input[type="button"]:hover,.elementor-kit-16 input[type="button"]:focus,.elementor-kit-16 input[type="submit"]:hover,.elementor-kit-16 input[type="submit"]:focus,.elementor-kit-16 .elementor-button:hover,.elementor-kit-16 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-14fdd1e );border-radius:14px 14px 14px 14px;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16 a{color:var( --e-global-color-accent );font-weight:normal;text-decoration:none;}.elementor-kit-16 h1{font-size:3.3rem;font-weight:600;}.elementor-kit-16 h2{font-size:2.2rem;font-weight:600;}.elementor-kit-16 h3{font-size:1.9rem;font-weight:600;}.elementor-kit-16 h4{font-size:1.5rem;font-weight:600;}.elementor-kit-16 h5{font-size:1.4rem;font-weight:400;}.elementor-kit-16 h6{font-size:1.2rem;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0%;--container-default-padding-right:0%;--container-default-padding-bottom:0%;--container-default-padding-left:0%;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}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-kit-16{--e-global-typography-b4512a8-font-size:8rem;--e-global-typography-8a61107-font-size:2.5em;--e-global-typography-8a61107-line-height:1em;--e-global-typography-a562269-font-size:1.3em;--e-global-typography-aa7b862-font-size:2.4em;--e-global-typography-1f9ac97-font-size:2.3em;--e-global-typography-3d64294-font-size:1.9em;--e-global-typography-1510b2d-font-size:1.7em;font-size:1em;line-height:1.4em;}.elementor-kit-16 h1{font-size:2.7rem;}.elementor-kit-16 h2{font-size:1.6rem;}.elementor-kit-16 h3{font-size:1.5rem;}.elementor-kit-16 h4{font-size:1.2rem;}.elementor-kit-16 h5{font-size:1.1rem;}.elementor-kit-16 h6{font-size:1rem;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{font-size:var( --e-global-typography-0d5a771-font-size );padding:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0%;--container-default-padding-right:0%;--container-default-padding-bottom:0%;--container-default-padding-left:0%;}}@media(max-width:767px){.elementor-kit-16{--e-global-typography-b4512a8-font-size:3.5rem;--e-global-typography-8a61107-font-size:1.7em;--e-global-typography-8a61107-line-height:1em;--e-global-typography-a562269-font-size:1em;--e-global-typography-aa7b862-font-size:1.7em;--e-global-typography-1f9ac97-font-size:2.1em;--e-global-typography-3d64294-font-size:1.5em;--e-global-typography-1510b2d-font-size:1.6em;font-size:0.9em;line-height:1.3em;}.elementor-kit-16 h1{font-size:1.8rem;}.elementor-kit-16 h2{font-size:1.4rem;}.elementor-kit-16 h3{font-size:1.2rem;}.elementor-kit-16 h4{font-size:1rem;}.elementor-kit-16 h5{font-size:0.9rem;}.elementor-kit-16 h6{font-size:0.9rem;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{font-size:var( --e-global-typography-0d5a771-font-size );padding:8px 15px 8px 15px;}.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 */:root {
  --blau: #60B1E7;
}

/* HERO – DESKTOP */
.hero {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  overflow: hidden;

  height: auto !important;
  min-height: clamp(400px, 50vh, 680px) !important;
  max-height: none !important;

  padding-block: clamp(48px, 7vh, 96px) !important;
  background: #314759 !important;
}

/* HERO – TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
  .hero {
    min-height: clamp(280px, 40vh, 420px) !important;
    padding-block: clamp(32px, 5vh, 56px) !important;
  }
}

/* HERO – MOBILE */
@media (max-width: 767px) {
  .hero {
    height: auto !important;
    min-height: 380px !important;
    max-height: none !important;
    padding: 40px 24px !important;
    box-sizing: border-box;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    text-align: left !important;
  }

  .hero [class~="2nd-container-content"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Gesamten Inhalt vertikal mittig platzieren */
  .hero > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-block: 0 !important;

    gap: 28px !important;
  }

  /* Textcontainer */
  .hero > .e-con-inner > .e-con:first-child {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }

  /* Zweiten Container nur ohne Inhaltsklasse ausblenden */
  .hero > .e-con-inner > .e-con:nth-child(2):not([class~="2nd-container-content"]) {
    display: none !important;
  }

  /* Markierten Bild-/Videocontainer anzeigen */
  .hero > .e-con-inner > .e-con[class~="2nd-container-content"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }

  /* Text und Button linksbündig */
  .hero .elementor-heading-title,
  .hero .elementor-widget-text-editor,
  .hero .elementor-button-wrapper {
    text-align: left !important;
  }
}

/* FETTSCHRIFT */
strong,
b {
  font-weight: 600 !important;
}

/* BLOG-ÜBERSCHRIFTEN */
.elementor-widget-theme-post-content :is(h1, h2, h3, h4, h5),
.elementor-widget-theme-post-title h1 {
  color: #32475B !important;
  font-weight: 500 !important;
  line-height: 1.35;
  margin: 1.4em 0 0.6em;
  overflow-wrap: break-word;
}

/* Auch fett markierter Text in Überschriften */
.elementor-widget-theme-post-content :is(h1, h2, h3, h4, h5) :is(strong, b),
.elementor-widget-theme-post-title h1 :is(strong, b) {
  font-weight: inherit !important;
}

.elementor-widget-theme-post-content h1,
.elementor-widget-theme-post-title h1 {
  font-size: 24px !important;
}

.elementor-widget-theme-post-content h2 {
  font-size: 22px !important;
}

.elementor-widget-theme-post-content h3 {
  font-size: 20px !important;
}

.elementor-widget-theme-post-content h4 {
  font-size: 18px !important;
}

.elementor-widget-theme-post-content h5 {
  font-size: 16px !important;
}

/* BOXEN */
.box-shadow {
  background-color: #fff;
  box-shadow: 0 0 26px 2px rgba(49, 71, 89, 0.10);
  transition: box-shadow 250ms ease;
  border-radius: 16px !important;
}

.box-radius,
.box-round {
  border-radius: 16px !important;
}

@media (hover: hover) {
  .box-shadow:hover {
    box-shadow: 0 0 32px 3px rgba(49, 71, 89, 0.17);
  }
}

@media (prefers-reduced-motion: reduce) {
  .box-shadow {
    transition: none;
  }
}

/* HERO-HINTERGRUND */
.hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;

  width: 75%;
  height: 130%;
  left: 22%;
  bottom: -75%;

  background: radial-gradient(
    ellipse at center,
    rgba(133, 211, 250, 0.65) 0%,
    rgba(89, 175, 225, 0.32) 30%,
    rgba(89, 175, 225, 0.10) 50%,
    transparent 72%
  );

  filter: blur(24px);
  transform-origin: center;
  animation: hero-water-glow 16s ease-in-out infinite;
}

@keyframes hero-water-glow {
  0%,
  100% {
    transform: translate(-5%, 3%) scale(0.95, 1);
    opacity: 0.5;
  }

  35% {
    transform: translate(6%, -8%) scale(1.12, 0.92);
    opacity: 0.9;
  }

  70% {
    transform: translate(-2%, -3%) scale(0.98, 1.12);
    opacity: 0.65;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero::before {
    animation: none;
    opacity: 0.65;
  }
}

/* KOMMENTARBOX */
#respond {
  background: #fff;
  padding: clamp(20px, 4vw, 36px);
  border: 1px solid #e2edf5;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 6%);
  margin-top: 32px;
}

/* Überschrift */
#respond .comment-reply-title {
  color: var(--blau, #60B1E7) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  margin: 0 0 16px;
}

/* Texte und Beschriftungen */
#respond p,
#respond label {
  font-size: 14px;
  line-height: 1.6;
  color: #505963;
}

#respond label {
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
}

#respond .comment-form > p {
  margin: 0 0 20px;
}

/* Links */
#respond a {
  color: var(--blau, #60B1E7);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#respond a:hover {
  color: #2876a8;
}

/* Eingabefelder */
#respond textarea,
#respond input:is([type="text"], [type="email"], [type="url"]) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 14px 16px;
  background: #f8fbfd;
  color: #303942;
  border: 1px solid #cbd9e3;
  border-radius: 10px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
  box-shadow: none;
  transition: border-color 0.2s, background-color 0.2s;
}

#respond textarea {
  display: block;
  min-height: 180px;
  resize: vertical;
}

#respond textarea:focus,
#respond input:is([type="text"], [type="email"], [type="url"]):focus {
  background: #fff;
  border-color: var(--blau, #60B1E7);
  outline: 2px solid var(--blau, #60B1E7);
  outline-offset: 2px;
}

/* Checkbox für das Speichern der Kontaktdaten */
#respond .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

#respond .comment-form-cookies-consent input {
  flex-shrink: 0;
  margin-top: 5px;
  accent-color: var(--blau, #60B1E7);
}

#respond .comment-form-cookies-consent label {
  margin: 0;
  font-weight: 400;
}

/* Absenden-Button */
#respond .form-submit {
  margin-bottom: 0;
}

#respond .submit {
  background: var(--blau, #60B1E7) !important;
  color: #153247 !important;
  border: 1px solid var(--blau, #60B1E7) !important;
  border-radius: 10px;
  padding: 13px 24px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  cursor: pointer;
  transition: background-color 0.2s;
}

#respond .submit:hover {
  background: #8ac7ee !important;
}

#respond a:focus-visible,
#respond .submit:focus-visible {
  outline: 2px solid #2876a8;
  outline-offset: 4px;
}

@media (max-width: 600px) {
  #respond .submit {
    width: 100%;
  }
}

/* CONTAINER-ABSTÄNDE – TABLET UND MOBILE */
@media (max-width: 1024px) {
  .e-con.e-parent {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
}

@media (max-width: 767px) {
  .e-con.e-parent {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  /* Hauptcontainer mit voller Breite ohne seitliches Padding */
  .e-con.e-parent.e-con-full {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* INHALTSTEXTE */
.content-text {
  line-height: 1.55;
  overflow-wrap: break-word;
}

.content-text p {
  margin: 0 0 16px;
}

/* Einleitung */
.content-text p:first-of-type {
  color: #314759;
  font-size: 16px;
  font-weight: 500;
}

/* Kompakte Zwischenüberschriften */
.content-text h3 {
  margin: 28px 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(89, 175, 225, 0.22);
  color: #314759;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}

/* Listen */
.content-text ul {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.content-text ul > li {
  position: relative;
  margin: 0;
  padding: 9px 10px 9px 24px;
  border-radius: 8px;
  transition: background-color 200ms ease;
}

/* Dezente blaue Punkte */
.content-text ul > li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: calc(9px + 0.875em);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #59afe1;
  transform: translateY(-50%);
}

/* Sanftes Highlight beim Darüberfahren */
@media (hover: hover) {
  .content-text ul > li:hover {
    background-color: rgba(89, 175, 225, 0.07);
  }
}

/* Ergebnis als dezenter Abschluss */
.content-text .content-result {
  margin: 24px 0 0;
  padding: 16px 18px;
  border-left: 3px solid #59afe1;
  border-radius: 0 10px 10px 0;
  background: #f2f7fb;
  color: #314759;
}

@media (prefers-reduced-motion: reduce) {
  .content-text ul > li {
    transition: none;
  }
}/* End custom CSS */