.elementor-6913 .elementor-element.elementor-element-ba6d32b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-924ba6d *//* =========================================================
   EKS – MITTELSTUFENPROFILE KOMPLETT
   ========================================================= */


/* =========================================================
   SEITENBASIS / VOLLE BREITE
   ========================================================= */

.eks-subpage.eks-profile-page {
  --eks-blue: #079CDE;
  --eks-green: #98C241;
  --eks-red: #E30A18;
  --eks-grey: #748086;
  --eks-dark: #3F4A50;

  --eks-light: #F5F7F8;
  --eks-soft-blue: #E8F6FC;
  --eks-soft-green: #F1F8E6;
  --eks-soft-red: #FDEAEA;

  /* Volle Bildschirmbreite auch innerhalb eines zentrierten Elementor-Containers. */
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0;
  flex-shrink: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box;

  overflow-x: clip;

  background: #FFFFFF;
  color: var(--eks-dark);
}

.eks-profile-page .eks-wrap {
  width: calc(100% - 64px);
  max-width: 1280px;

  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.eks-profile-page .eks-sub-header {
  position: relative;

  z-index: 100;

  width: 100%;

  background: #FFFFFF;

  border-bottom:
    1px solid rgba(116,128,134,0.12);
}

.eks-profile-page .eks-sub-header-inner {
  width: calc(100% - 64px);
  max-width: 1280px;

  min-height: 100px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  gap: 38px;
}

.eks-profile-page .eks-sub-logo {
  display: block;

  flex-shrink: 0;

  text-decoration: none;
}

.eks-profile-page .eks-sub-logo img {
  display: block;

  width: 170px;
  height: auto;
}

.eks-profile-page .eks-sub-nav {
  flex: 1;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 27px;
}

.eks-profile-page .eks-sub-nav a {
  color: var(--eks-dark);

  font-size: 0.95rem;
  font-weight: 800;

  line-height: 1.2;

  white-space: nowrap;

  text-decoration: none;

  transition: color 0.2s ease;
}

.eks-profile-page .eks-sub-nav a:hover {
  color: var(--eks-green);
}

.eks-profile-page .eks-sub-home-button {
  flex-shrink: 0;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 12px 20px;

  border-radius: 999px;

  background: var(--eks-blue);

  color: #FFFFFF;

  font-size: 0.92rem;
  font-weight: 800;

  text-decoration: none;

  box-shadow:
    0 10px 24px rgba(7,156,222,0.18);

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.eks-profile-page .eks-sub-home-button:hover {
  transform: translateY(-2px);

  background: #078BC6;

  color: #FFFFFF;

  box-shadow:
    0 14px 28px rgba(7,156,222,0.23);
}


/* =========================================================
   HERO
   ========================================================= */

.eks-profile-page .eks-profile-hero {
  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 0 115px;

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(152,194,65,0.22),
      transparent 30%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(7,156,222,0.12),
      transparent 32%
    ),
    #F7F9F9;
}

.eks-profile-page .eks-profile-hero::after {
  content: "";

  position: absolute;

  right: -120px;
  bottom: -170px;

  width: 390px;
  height: 390px;

  border-radius: 50%;

  background:
    rgba(227,10,24,0.05);

  pointer-events: none;
}

.eks-profile-page .eks-profile-hero-content {
  position: relative;

  z-index: 2;

  max-width: 930px;
}

.eks-profile-page .eks-profile-hero .eks-label {
  margin: 0 0 18px;

  color: var(--eks-green);

  font-size: 0.78rem;
  font-weight: 900;

  letter-spacing: 0.1em;

  text-transform: uppercase;
}

.eks-profile-page .eks-profile-hero h1 {
  margin: 0;

  max-width: 900px;

  color: var(--eks-dark);

  font-size:
    clamp(36px, 4.2vw, 64px);

  font-weight: 800;

  line-height: 0.98;

  letter-spacing: -0.045em;
}

.eks-profile-page
.eks-profile-hero-content > p:not(.eks-label) {
  max-width: 750px;

  margin: 27px 0 32px;

  color: #637077;

  font-size:
    clamp(17px, 1.4vw, 20px);

  line-height: 1.65;
}


/* =========================================================
   BUTTON
   ========================================================= */

.eks-profile-page .eks-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 13px 21px;

  border-radius: 999px;

  font-size: 0.95rem;
  font-weight: 900;

  line-height: 1.2;

  text-decoration: none;

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}

.eks-profile-page .eks-btn-primary {
  background: var(--eks-blue);

  color: #FFFFFF;

  box-shadow:
    0 12px 28px rgba(7,156,222,0.20);
}

.eks-profile-page .eks-btn-primary:hover {
  transform: translateY(-2px);

  background: #078BC6;

  color: #FFFFFF;
}


/* =========================================================
   ALLGEMEINE SEKTIONEN
   ========================================================= */

.eks-profile-page .eks-sub-section {
  position: relative;

  width: 100%;

  padding: 95px 0;

  background: #FFFFFF;
}

.eks-profile-page .eks-sub-section-soft {
  background: #F5F7F8;
}


/* =========================================================
   ALLGEMEINE LABELS
   ========================================================= */

.eks-profile-page .eks-label {
  margin: 0 0 16px;

  color: var(--eks-green);

  font-size: 0.78rem;
  font-weight: 900;

  line-height: 1.2;

  letter-spacing: 0.1em;

  text-transform: uppercase;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.eks-profile-page .eks-head {
  max-width: 850px;

  margin-bottom: 48px;
}

.eks-profile-page .eks-head h2 {
  margin: 0 0 20px;

  color: var(--eks-dark);

  font-size:
    clamp(28px, 3.3vw, 44px);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}

.eks-profile-page .eks-head > p:not(.eks-label) {
  max-width: 760px;

  margin: 0;

  color: #657178;

  font-size: 1.08rem;

  line-height: 1.7;
}


/* =========================================================
   EINLEITUNG
   ========================================================= */

.eks-profile-page .eks-profile-intro {
  display: grid;

  grid-template-columns:
    1.45fr 0.55fr;

  gap: 38px;

  align-items: center;
}

.eks-profile-page .eks-profile-intro > div:first-child {
  max-width: 760px;
}

.eks-profile-page .eks-profile-intro h2 {
  margin: 0 0 22px;

  color: var(--eks-dark);

  font-size:
    clamp(28px, 3.3vw, 44px);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}

.eks-profile-page .eks-profile-intro p:not(.eks-label) {
  color: #657178;

  font-size: 1.08rem;

  line-height: 1.72;
}


/* =========================================================
   4-STUNDEN-KARTE
   ========================================================= */

.eks-profile-page .eks-profile-fact {
  min-height: 280px;

  padding: 38px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  border-radius: 34px;

  background:
    linear-gradient(
      135deg,
      #98C241,
      #74A332
    );

  color: #FFFFFF;

  box-shadow:
    0 20px 48px rgba(111,152,47,0.18);
}

.eks-profile-page .eks-profile-number {
  display: block;

  margin-bottom: 4px;

  color: #FFFFFF;

  font-size: 6rem;

  font-weight: 800;

  line-height: 0.9;

  letter-spacing: -0.06em;
}

.eks-profile-page .eks-profile-fact strong {
  color: #FFFFFF;

  font-size: 1.35rem;

  font-weight: 800;
}

.eks-profile-page .eks-profile-fact p {
  margin: 12px 0 0;

  color:
    rgba(255,255,255,0.82);

  line-height: 1.5;
}


/* =========================================================
   PROFIL-KARTEN
   ========================================================= */

.eks-profile-page .eks-profile-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 24px;
}

.eks-profile-page .eks-profile-card {
  position: relative;

  min-height: 390px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 38px;

  border-radius: 34px;

  color: #FFFFFF;

  box-shadow:
    0 18px 42px rgba(63,74,80,0.13);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.eks-profile-page .eks-profile-card:hover {
  transform: translateY(-7px);

  box-shadow:
    0 26px 60px rgba(63,74,80,0.20);
}

.eks-profile-page .eks-profile-card::after {
  content: "";

  position: absolute;

  right: -75px;
  top: -75px;

  width: 220px;
  height: 220px;

  border-radius: 50%;

  background:
    rgba(255,255,255,0.12);
}

.eks-profile-page .eks-profile-card-number {
  position: relative;

  z-index: 2;

  color:
    rgba(255,255,255,0.65);

  font-size: 0.8rem;

  font-weight: 900;

  letter-spacing: 0.12em;
}

.eks-profile-page .eks-profile-card-content {
  position: relative;

  z-index: 2;

  max-width: 540px;
}

.eks-profile-page .eks-profile-kicker {
  margin: 0 0 10px;

  color:
    rgba(255,255,255,0.75);

  font-size: 0.78rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0.09em;
}

.eks-profile-page .eks-profile-card h3 {
  margin: 0 0 18px;

  color: #FFFFFF;

  font-size:
    clamp(24px, 2.4vw, 34px);

  font-weight: 800;

  line-height: 1.02;

  letter-spacing: -0.045em;
}

.eks-profile-page .eks-profile-card p:not(.eks-profile-kicker) {
  margin: 0;

  color:
    rgba(255,255,255,0.88);

  font-size: 1.04rem;

  line-height: 1.62;
}


/* =========================================================
   PROFIL-FARBEN
   ========================================================= */

.eks-profile-page .eks-profile-blue {
  background:
    linear-gradient(
      135deg,
      #079CDE,
      #056F9F
    );
}

.eks-profile-page .eks-profile-red {
  background:
    linear-gradient(
      135deg,
      #E30A18,
      #A80711
    );
}

.eks-profile-page .eks-profile-grey {
  background:
    linear-gradient(
      135deg,
      #89949A,
      #59666C
    );
}

.eks-profile-page .eks-profile-green {
  background:
    linear-gradient(
      135deg,
      #98C241,
      #6D962E
    );
}

.eks-profile-page .eks-profile-dark {
  background:
    linear-gradient(
      135deg,
      #3F4A50,
      #202B30
    );
}

.eks-profile-page .eks-profile-sport {
  background:
    linear-gradient(
      135deg,
      #079CDE,
      #98C241
    );
}


/* =========================================================
   HINWEIS FREMDSPRACHE
   ========================================================= */

.eks-profile-page .eks-profile-notice {
  display: grid;

  grid-template-columns:
    auto 1fr;

  gap: 32px;

  align-items: center;

  padding: 48px;

  border-radius: 36px;

  background: #FFF6F6;

  border:
    1px solid rgba(227,10,24,0.14);
}

.eks-profile-page .eks-profile-notice-icon {
  width: 72px;
  height: 72px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: var(--eks-red);

  color: #FFFFFF;

  font-size: 2rem;

  font-weight: 900;
}

.eks-profile-page .eks-profile-notice h2 {
  margin: 0 0 16px;

  color: var(--eks-dark);

  font-size:
    clamp(28px, 3.3vw, 42px);

  font-weight: 800;

  line-height: 1.05;

  letter-spacing: -0.045em;
}

.eks-profile-page .eks-profile-notice p:not(.eks-label) {
  max-width: 850px;

  margin: 0;

  color: #657178;

  font-size: 1.06rem;

  line-height: 1.67;
}


/* =========================================================
   PROFILWAHL
   ========================================================= */

.eks-profile-page .eks-profile-choice {
  display: grid;

  grid-template-columns:
    0.9fr 1.1fr;

  gap: 70px;

  align-items: center;
}

.eks-profile-page .eks-profile-choice h2 {
  margin: 0 0 20px;

  color: var(--eks-dark);

  font-size:
    clamp(28px, 3.3vw, 44px);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}

.eks-profile-page .eks-profile-choice > div:first-child p:not(.eks-label) {
  color: #657178;

  font-size: 1.06rem;

  line-height: 1.7;
}

.eks-profile-page .eks-choice-list {
  display: grid;

  gap: 12px;
}

.eks-profile-page .eks-choice-item {
  display: grid;

  grid-template-columns:
    52px 1fr;

  align-items: center;

  gap: 18px;

  padding: 17px 22px;

  border-radius: 20px;

  background: #FFFFFF;

  border:
    1px solid rgba(116,128,134,0.13);

  box-shadow:
    0 8px 22px rgba(63,74,80,0.04);
}

.eks-profile-page .eks-choice-item span {
  color: var(--eks-green);

  font-size: 0.82rem;

  font-weight: 900;

  letter-spacing: 0.08em;
}

.eks-profile-page .eks-choice-item p {
  margin: 0;

  color: var(--eks-dark);

  font-weight: 800;
}


/* =========================================================
   KONTAKT
   ========================================================= */

.eks-profile-page .eks-profile-contact {
  position: relative;

  overflow: hidden;

  display: grid;

  grid-template-columns:
    1.3fr 0.7fr;

  gap: 35px;

  align-items: center;

  padding: 54px;

  border-radius: 38px;

  background:
    linear-gradient(
      135deg,
      #3F4A50,
      #202B30
    );

  color: #FFFFFF;
}

.eks-profile-page .eks-profile-contact::after {
  content: "";

  position: absolute;

  right: -90px;
  bottom: -100px;

  width: 280px;
  height: 280px;

  border-radius: 50%;

  background:
    rgba(152,194,65,0.20);
}

.eks-profile-page .eks-profile-contact > div:first-child {
  position: relative;

  z-index: 2;
}

.eks-profile-page .eks-profile-contact .eks-label {
  color: var(--eks-green);
}

.eks-profile-page .eks-profile-contact h2 {
  margin: 0 0 16px;

  color: #FFFFFF;

  font-size:
    clamp(28px, 3.3vw, 44px);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}

.eks-profile-page .eks-profile-contact p:not(.eks-label) {
  margin: 0;

  max-width: 680px;

  color:
    rgba(255,255,255,0.78);

  font-size: 1.06rem;

  line-height: 1.65;
}

.eks-profile-page .eks-profile-contact-actions {
  position: relative;

  z-index: 2;

  display: grid;

  gap: 12px;

  width: 100%;
}

.eks-profile-page .eks-contact-action {
  display: flex;

  flex-direction: column;

  gap: 5px;

  padding: 17px 20px;

  border-radius: 18px;

  background:
    rgba(255,255,255,0.09);

  border:
    1px solid rgba(255,255,255,0.16);

  color: #FFFFFF;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
}

.eks-profile-page .eks-contact-action:hover {
  transform: translateY(-3px);

  background:
    rgba(255,255,255,0.15);

  border-color:
    rgba(255,255,255,0.28);
}

.eks-profile-page .eks-contact-action-label {
  color: var(--eks-green);

  font-size: 0.76rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0.08em;
}

.eks-profile-page .eks-contact-action strong {
  color: #FFFFFF;

  font-size: 1rem;

  font-weight: 800;
}


/* =========================================================
   ABSCHLUSS
   ========================================================= */

.eks-profile-page .eks-final-card {
  padding: 60px;

  border-radius: 38px;

  background:
    radial-gradient(
      circle at 90% 15%,
      rgba(152,194,65,0.14),
      transparent 30%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(7,156,222,0.10),
      transparent 30%
    ),
    #FFFFFF;
}

.eks-profile-page .eks-final-card h2 {
  max-width: 900px;

  margin: 0 0 18px;

  color: var(--eks-dark);

  font-size:
    clamp(28px, 3.3vw, 44px);

  font-weight: 800;

  line-height: 1;

  letter-spacing: -0.05em;
}

.eks-profile-page .eks-final-card > p:not(.eks-label) {
  max-width: 720px;

  margin: 0;

  color: #657178;

  font-size: 1.08rem;

  line-height: 1.7;
}


/* =========================================================
   LINKS
   ========================================================= */

.eks-profile-page a,
.eks-profile-page a:hover,
.eks-profile-page a:focus,
.eks-profile-page a *,
.eks-profile-page a:hover * {
  text-decoration: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .eks-profile-page .eks-wrap,
  .eks-profile-page .eks-sub-header-inner {
    width: calc(100% - 48px);
  }

  .eks-profile-page .eks-sub-header-inner {
    gap: 20px;
  }

  .eks-profile-page .eks-sub-logo img {
    width: 150px;
  }

  .eks-profile-page .eks-sub-nav {
    gap: 16px;
  }

  .eks-profile-page .eks-sub-nav a {
    font-size: 0.86rem;
  }

  .eks-profile-page .eks-profile-intro,
  .eks-profile-page .eks-profile-choice,
  .eks-profile-page .eks-profile-contact {
    grid-template-columns: 1fr;
  }

  .eks-profile-page .eks-profile-grid {
    grid-template-columns: 1fr;
  }

  .eks-profile-page .eks-profile-fact {
    min-height: auto;
  }

  .eks-profile-page .eks-profile-contact-actions {
    max-width: 520px;
  }

}


/* =========================================================
   MOBILER HEADER
   ========================================================= */

@media (max-width: 850px) {

  .eks-profile-page .eks-sub-header-inner {
    min-height: 86px;

    justify-content: space-between;
  }

  .eks-profile-page .eks-sub-logo img {
    width: 145px;
  }

  .eks-profile-page .eks-sub-nav {
    display: none;
  }

  .eks-profile-page .eks-sub-home-button {
    padding: 11px 17px;

    font-size: 0.87rem;
  }

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {

  .eks-profile-page .eks-wrap,
  .eks-profile-page .eks-sub-header-inner {
    width: calc(100% - 32px);
  }

  .eks-profile-page .eks-profile-hero {
    padding: 78px 0 88px;
  }

  .eks-profile-page .eks-profile-hero h1 {
    font-size:
      clamp(32px, 8.8vw, 44px);
  }

  .eks-profile-page .eks-sub-section {
    padding: 68px 0;
  }

  .eks-profile-page .eks-profile-intro {
    gap: 35px;
  }

  .eks-profile-page .eks-profile-fact {
    padding: 30px;

    border-radius: 28px;
  }

  .eks-profile-page .eks-profile-number {
    font-size: 4.7rem;
  }

  .eks-profile-page .eks-profile-card {
    min-height: 350px;

    padding: 29px;

    border-radius: 28px;
  }

  .eks-profile-page .eks-profile-notice {
    grid-template-columns: 1fr;

    padding: 30px;

    border-radius: 28px;
  }

  .eks-profile-page .eks-profile-notice-icon {
    width: 58px;
    height: 58px;

    font-size: 1.5rem;
  }

  .eks-profile-page .eks-profile-choice {
    gap: 36px;
  }

  .eks-profile-page .eks-choice-item {
    grid-template-columns:
      42px 1fr;

    padding: 16px 18px;
  }

  .eks-profile-page .eks-profile-contact {
    padding: 32px;

    border-radius: 29px;
  }

  .eks-profile-page .eks-contact-action {
    padding: 17px 18px;

    border-radius: 17px;
  }

  .eks-profile-page .eks-final-card {
    padding: 34px;

    border-radius: 30px;
  }

}
/* =========================================================
   MITTELSTUFENPROFILE – LIQUID GLASS
   ========================================================= */
.eks-profile-page *,
.eks-profile-page *::before,
.eks-profile-page *::after { box-sizing: border-box; }

.eks-profile-page .eks-sub-section { background: #f8fafb; }
.eks-profile-page .eks-sub-section-soft {
  background:
    radial-gradient(ellipse at 8% 10%, rgba(7,156,222,.09), transparent 55%),
    radial-gradient(ellipse at 90% 85%, rgba(152,194,65,.10), transparent 55%),
    #f5f8fa;
}

.eks-profile-page .eks-profile-card,
.eks-profile-page .eks-profile-fact,
.eks-profile-page .eks-profile-notice,
.eks-profile-page .eks-choice-item,
.eks-profile-page .eks-profile-contact,
.eks-profile-page .eks-contact-action,
.eks-profile-page .eks-final-card,
.eks-profile-page .eks-btn,
.eks-profile-page .eks-sub-home-button,
.eks-profile-page .eks-profile-notice-icon {
  min-width: 0;
  color: #34444e !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.50) 52%, rgba(255,255,255,.78)),
    radial-gradient(ellipse at 100% 100%, rgba(7,156,222,.16), transparent 75%),
    #eef6f9 !important;
  border: 1px solid rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter: blur(20px) saturate(135%);
  backdrop-filter: blur(20px) saturate(135%);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 1px 0 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(92,119,137,.10),
    0 12px 32px rgba(46,70,83,.08),
    0 1px 3px rgba(46,70,83,.04) !important;
}

.eks-profile-page .eks-profile-card.eks-profile-blue {
  background: radial-gradient(ellipse at 100% 100%, rgba(7,156,222,.22), transparent 75%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.52)), #eaf6fb !important;
}
.eks-profile-page .eks-profile-card.eks-profile-green,
.eks-profile-page .eks-profile-fact {
  background: radial-gradient(ellipse at 100% 100%, rgba(152,194,65,.24), transparent 75%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.52)), #f1f7e9 !important;
}
.eks-profile-page .eks-profile-card.eks-profile-red,
.eks-profile-page .eks-profile-notice {
  background: radial-gradient(ellipse at 100% 100%, rgba(227,10,24,.14), transparent 75%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.56)), #fcf0f0 !important;
}
.eks-profile-page .eks-profile-card.eks-profile-grey {
  background: radial-gradient(ellipse at 100% 100%, rgba(116,128,134,.18), transparent 75%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.52)), #f1f4f5 !important;
}
.eks-profile-page .eks-profile-card.eks-profile-dark {
  background: radial-gradient(ellipse at 100% 100%, rgba(61,98,121,.21), transparent 75%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.52)), #edf2f6 !important;
}
.eks-profile-page .eks-profile-card.eks-profile-sport {
  background: radial-gradient(ellipse at 0% 100%, rgba(7,156,222,.19), transparent 65%), radial-gradient(ellipse at 100% 0%, rgba(152,194,65,.23), transparent 70%), linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.60)), #eff7f4 !important;
}

/* Natürliche Kartenhöhen ohne große Leerflächen. */
.eks-profile-page .eks-profile-card {
  min-height: 0 !important;
  height: auto;
  justify-content: flex-start;
  gap: 32px;
}
.eks-profile-page .eks-profile-fact { min-height: 0 !important; height: auto; }
.eks-profile-page .eks-profile-card::after {
  border: 1px solid rgba(255,255,255,.85);
  background: linear-gradient(145deg, rgba(255,255,255,.50), rgba(255,255,255,.08));
  box-shadow: inset 0 2px 10px rgba(255,255,255,.5);
  pointer-events: none;
}
.eks-profile-page .eks-profile-contact::after { content: none; }
.eks-profile-page .eks-profile-intro > *,
.eks-profile-page .eks-profile-choice > *,
.eks-profile-page .eks-profile-contact > *,
.eks-profile-page .eks-profile-notice > * { min-width: 0; }

/* Dunkle Schrift ersetzt die bisherigen weißen Beschriftungen. */
.eks-profile-page .eks-profile-card h3,
.eks-profile-page .eks-profile-contact h2,
.eks-profile-page .eks-profile-fact strong,
.eks-profile-page .eks-contact-action strong {
  color: #34444e !important;
  -webkit-text-fill-color: #34444e;
  font-weight: 700;
}
.eks-profile-page .eks-profile-number {
  color: #496620 !important;
  -webkit-text-fill-color: #496620;
  font-weight: 700;
}
.eks-profile-page .eks-profile-card p:not(.eks-profile-kicker),
.eks-profile-page .eks-profile-contact p:not(.eks-label),
.eks-profile-page .eks-profile-fact p {
  color: #53636d !important;
  -webkit-text-fill-color: #53636d;
}
.eks-profile-page .eks-profile-card-number,
.eks-profile-page .eks-profile-kicker {
  color: #53636d !important;
  -webkit-text-fill-color: #53636d;
  font-weight: 600;
}
.eks-profile-page .eks-label,
.eks-profile-page .eks-profile-hero .eks-label,
.eks-profile-page .eks-choice-item span {
  color: #496620;
  font-weight: 600;
}
.eks-profile-page .eks-choice-item p,
.eks-profile-page .eks-contact-action strong { font-weight: 600; }
.eks-profile-page .eks-contact-action-label {
  color: #08628a;
  font-weight: 600;
}
.eks-profile-page .eks-profile-notice-icon {
  color: #a32935 !important;
  font-weight: 700;
}
.eks-profile-page .eks-btn,
.eks-profile-page .eks-sub-home-button { color: #08628a !important; font-weight: 600; }
.eks-profile-page .eks-contact-action strong { overflow-wrap: anywhere; }
.eks-profile-page a,
.eks-profile-page a:hover { text-decoration: none !important; }
.eks-profile-page a:focus-visible { outline: 3px solid #08628a; outline-offset: 4px; }

/* Bewegung nur für tatsächlich verlinkte Flächen. */
.eks-profile-page .eks-profile-card:hover { transform: none; }
@media (hover: hover) and (pointer: fine) {
  .eks-profile-page a.eks-profile-card:hover { transform: translateY(-4px); }
  .eks-profile-page .eks-btn:hover,
  .eks-profile-page .eks-sub-home-button:hover,
  .eks-profile-page .eks-contact-action:hover {
    background: linear-gradient(135deg, #fff, rgba(235,247,252,.95)) !important;
    color: #08628a !important;
    box-shadow: inset 0 1px 0 #fff, 0 16px 34px rgba(46,70,83,.12) !important;
  }
}
@media (hover: none) {
  .eks-profile-page .eks-btn:hover,
  .eks-profile-page .eks-sub-home-button:hover,
  .eks-profile-page .eks-contact-action:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .eks-profile-page *, .eks-profile-page *:hover { transition: none !important; transform: none !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .eks-profile-page .eks-profile-card,
  .eks-profile-page .eks-profile-fact,
  .eks-profile-page .eks-profile-notice,
  .eks-profile-page .eks-choice-item,
  .eks-profile-page .eks-profile-contact,
  .eks-profile-page .eks-contact-action,
  .eks-profile-page .eks-final-card,
  .eks-profile-page .eks-btn,
  .eks-profile-page .eks-sub-home-button,
  .eks-profile-page .eks-profile-notice-icon {
    background: #f5f8fa !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}


/* Schutz vor geerbten Breiten und Überläufen im HTML-Widget. */
.eks-subpage.eks-profile-page .eks-wrap,
.eks-subpage.eks-profile-page .eks-sub-header-inner {
  min-width: 0;
  max-width: 1280px;
}
.eks-subpage.eks-profile-page h1,
.eks-subpage.eks-profile-page h2,
.eks-subpage.eks-profile-page h3 {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.eks-subpage.eks-profile-page .eks-sub-nav {
  min-width: 0;
  flex-wrap: wrap;
  row-gap: 12px;
  padding-block: 16px;
}

/* Verhindert waagerechtes Scrollen bei klassischen Browser-Scrollleisten. */
html:has(.eks-profile-page),
body:has(.eks-profile-page) {
  overflow-x: clip;
}/* End custom CSS */