.elementor-6955 .elementor-element.elementor-element-cc09791{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9a0d072 *//* =========================================================
   EKS – ALLGEMEINES UNTERSEITEN-CSS
   ========================================================= */

.eks-subpage {
  --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;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  overflow-x: hidden;

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


/* =========================================================
   INHALTSBREITE
   Hintergrund = volle Breite
   Inhalt = max. 1280px
   ========================================================= */

.eks-subpage .eks-wrap {
  width: min(1280px, calc(100% - 64px)) !important;
  max-width: 1280px !important;

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


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

.eks-sub-header {
  position: relative;

  z-index: 100;

  width: 100%;

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

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


.eks-sub-header-inner {
  width: min(1280px, calc(100% - 64px)) !important;
  max-width: 1280px;

  min-height: 110px;

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

  display: flex;

  align-items: center;

  gap: 42px;
}


.eks-sub-logo {
  display: block;

  flex-shrink: 0;

  text-decoration: none !important;
}


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

  width: 180px;

  height: auto;
}


.eks-sub-nav {
  flex: 1;

  display: flex;

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

  gap: 29px;
}


.eks-sub-nav a {
  color: var(--eks-dark) !important;

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

  line-height: 1.2;

  white-space: nowrap;

  text-decoration: none !important;

  transition: color 0.2s ease;
}


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


.eks-sub-nav a.is-active {
  color: var(--eks-green) !important;
}


.eks-sub-menu-button {
  flex-shrink: 0;

  display: inline-flex;

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

  padding: 13px 21px;

  border-radius: 999px;

  background: var(--eks-blue);

  color: #FFFFFF !important;

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

  text-decoration: none !important;

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

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


.eks-sub-menu-button:hover {
  transform: translateY(-2px);

  background: #078BC6;

  color: #FFFFFF !important;

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


/* =========================================================
   ALLGEMEINE SEKTIONSABSTÄNDE
   ========================================================= */

.eks-sub-section {
  position: relative;

  width: 100%;

  padding: 95px 0;

  background: #FFFFFF;
}


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


/* =========================================================
   LABEL / KLEINE ÃœBERSCHRIFT
   ========================================================= */

.eks-subpage .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;
}


/* =========================================================
   ÃœBERSCHRIFTEN
   ========================================================= */

.eks-subpage h1,
.eks-subpage h2,
.eks-subpage h3 {
  font-family: inherit;
}


.eks-subpage h2 {
  color: var(--eks-dark);
}


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

  margin-bottom: 48px;
}


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

  font-size:
    clamp(2.3rem, 4.2vw, 3.9rem);

  line-height: 1.04;

  letter-spacing: -0.055em;
}


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

  margin: 0;

  color: #657178;

  font-size: 1.08rem;

  line-height: 1.7;
}


/* =========================================================
   NORMALER TEXT
   ========================================================= */

.eks-subpage p {
  line-height: 1.65;
}


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

.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 !important;

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


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

  text-decoration: none !important;
}


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

  color: #FFFFFF !important;

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


.eks-btn-primary:hover {
  background: #078BC6;

  color: #FFFFFF !important;
}


.eks-btn-outline {
  background: transparent;

  border: 1px solid rgba(63,74,80,0.25);

  color: var(--eks-dark) !important;
}


.eks-btn-outline:hover {
  background: var(--eks-dark);

  border-color: var(--eks-dark);

  color: #FFFFFF !important;
}


.eks-btn-white {
  background: #FFFFFF;

  color: var(--eks-dark) !important;

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


.eks-btn-white:hover {
  background: #F5F7F8;

  color: var(--eks-dark) !important;
}


.eks-sub-hero-actions {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 32px;
}


/* =========================================================
   ZWEISPALTIGER STANDARD-BEREICH
   ========================================================= */

.eks-two-col {
  display: grid;

  grid-template-columns:
    1.15fr 0.85fr;

  gap: 38px;

  align-items: stretch;
}


/* =========================================================
   TEXT-CARD
   ========================================================= */

.eks-text-card {
  padding: 42px;

  border-radius: 32px;

  background: #FFFFFF;

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

  box-shadow:
    0 16px 40px rgba(63,74,80,0.06);
}


.eks-text-card h2 {
  margin: 0 0 20px;

  font-size:
    clamp(2.1rem, 3.8vw, 3.5rem);

  line-height: 1.04;

  letter-spacing: -0.05em;
}


.eks-text-card p {
  color: #657178;

  font-size: 1.05rem;
}


.eks-text-card p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   INFO-CARD
   ========================================================= */

.eks-info-card {
  padding: 38px;

  border-radius: 32px;

  background: var(--eks-soft-green);

  border:
    1px solid rgba(152,194,65,0.16);
}


.eks-info-card h3 {
  margin: 0 0 22px;

  color: var(--eks-dark);

  font-size: 1.65rem;

  line-height: 1.1;

  letter-spacing: -0.035em;
}


.eks-info-card ul {
  margin: 0;

  padding: 0;

  list-style: none;
}


.eks-info-card li {
  position: relative;

  margin-bottom: 15px;

  padding-left: 24px;

  color: #566269;

  font-weight: 700;

  line-height: 1.5;
}


.eks-info-card li:last-child {
  margin-bottom: 0;
}


.eks-info-card li::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0.66em;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: var(--eks-green);
}


/* =========================================================
   KONTAKT-KARTEN
   ========================================================= */

.eks-contact-grid {
  display: grid;

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

  gap: 24px;
}


.eks-contact-card {
  position: relative;

  overflow: hidden;

  padding: 36px;

  border-radius: 30px;

  background: #FFFFFF;

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

  box-shadow:
    0 14px 36px rgba(63,74,80,0.06);
}


.eks-contact-card h3 {
  margin: 8px 0 10px;

  color: var(--eks-dark);

  font-size: 1.55rem;

  line-height: 1.15;
}


.eks-contact-card p {
  margin: 0 0 18px;

  color: #657178;
}


.eks-contact-card a {
  display: block;

  width: fit-content;

  margin-top: 8px;

  color: var(--eks-blue) !important;

  font-weight: 800;

  text-decoration: none !important;
}


.eks-contact-card a:hover {
  text-decoration: underline !important;
}


.eks-card-marker {
  display: block;

  width: 44px;
  height: 5px;

  margin-bottom: 23px;

  border-radius: 999px;

  background: var(--eks-green);
}


.eks-card-marker.blue {
  background: var(--eks-blue);
}


.eks-card-marker.green {
  background: var(--eks-green);
}


.eks-card-marker.red {
  background: var(--eks-red);
}


.eks-card-marker.grey {
  background: var(--eks-grey);
}


/* =========================================================
   ABSCHLUSS-CARD
   ========================================================= */

.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%
    ),
    #F5F7F8;
}


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

  margin: 0 0 18px;

  color: var(--eks-dark);

  font-size:
    clamp(2.4rem, 4.5vw, 4.2rem);

  line-height: 1;

  letter-spacing: -0.06em;
}


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

  margin: 0;

  color: #657178;

  font-size: 1.08rem;

  line-height: 1.7;
}


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

.eks-subpage a {
  text-decoration: none;
}


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

@media (max-width: 1024px) {

  .eks-subpage .eks-wrap,
  .eks-sub-header-inner {
    width: calc(100% - 48px) !important;

    max-width: none !important;
  }


  .eks-sub-header-inner {
    gap: 25px;
  }


  .eks-sub-logo img {
    width: 155px;
  }


  .eks-sub-nav {
    gap: 18px;
  }


  .eks-sub-nav a {
    font-size: 0.88rem;
  }


  .eks-two-col {
    grid-template-columns: 1fr;
  }


  .eks-sub-section {
    padding: 80px 0;
  }

}


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

@media (max-width: 850px) {

  .eks-sub-header-inner {
    min-height: 88px;

    justify-content: space-between;
  }


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


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


  .eks-sub-menu-button {
    padding: 11px 17px;

    font-size: 0.88rem;
  }

}


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

@media (max-width: 767px) {

  .eks-subpage .eks-wrap,
  .eks-sub-header-inner {
    width: calc(100% - 32px) !important;

    max-width: none !important;
  }


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


  .eks-head {
    margin-bottom: 34px;
  }


  .eks-head h2 {
    font-size:
      clamp(2.1rem, 10vw, 3rem);
  }


  .eks-two-col,
  .eks-contact-grid {
    grid-template-columns: 1fr;
  }


  .eks-text-card,
  .eks-info-card,
  .eks-contact-card {
    padding: 28px;

    border-radius: 26px;
  }


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

    border-radius: 30px;
  }


  .eks-sub-hero-actions {
    align-items: flex-start;

    flex-direction: column;
  }


  .eks-sub-hero-actions .eks-btn {
    width: auto;
  }

}

/* =========================================================
   EKS – STUDIENSTUFE
   JAHRGANG 12 + 13
   ========================================================= */


/* =========================================================
   BLAUER AKZENT
   ========================================================= */

.eks-subpage .eks-label-blue {
  color: var(--eks-blue);
}


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

.eks-studienstufe-hero {
  position: relative;

  width: 100% !important;

  overflow: hidden;

  padding: 125px 0 135px;

  background:
    radial-gradient(
      circle at 85% 18%,
      rgba(7,156,222,0.17),
      transparent 29%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(227,10,24,0.07),
      transparent 31%
    ),
    #F7F9F9;
}


.eks-studienstufe-hero::after {
  content: "";

  position: absolute;

  right: -130px;
  bottom: -180px;

  width: 410px;
  height: 410px;

  border-radius: 50%;

  background:
    rgba(7,156,222,0.07);
}


.eks-studienstufe-hero-content {
  position: relative;

  z-index: 2;

  max-width: 980px;
}


.eks-studienstufe-hero h1 {
  margin: 0;

  max-width: 920px;

  color: var(--eks-dark);

  font-size:
    clamp(3.8rem, 6.3vw, 6.5rem);

  font-weight: 800;

  line-height: 0.98;

  letter-spacing: -0.045em;
}


.eks-studienstufe-hero .eks-hero-intro {
  max-width: 760px;

  margin: 30px 0 0;

  color: #637077;

  font-size:
    clamp(1.15rem, 2vw, 1.4rem);

  line-height: 1.62;
}


/* Button */

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

  color: #FFFFFF !important;

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


.eks-btn-blue:hover {
  background: #078BC6;

  color: #FFFFFF !important;
}


/* =========================================================
   12–13 KARTE
   ========================================================= */

.eks-studienstufe-year-card {
  position: relative;

  min-height: 360px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 38px;

  border-radius: 32px;

  background: #EAF7FC;

  border:
    1px solid rgba(7,156,222,0.14);

  box-shadow:
    0 16px 38px rgba(63,74,80,0.07);
}


.eks-studienstufe-year-card::after {
  content: "";

  position: absolute;

  right: -65px;
  top: -65px;

  width: 190px;
  height: 190px;

  border-radius: 50%;

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


.eks-studienstufe-big-number {
  position: relative;

  z-index: 2;

  color:
    rgba(7,156,222,0.18);

  font-size:
    clamp(4.8rem, 7vw, 7.6rem);

  font-weight: 800;

  line-height: 0.85;

  letter-spacing: -0.06em;
}


.eks-studienstufe-year-card > div {
  position: relative;

  z-index: 2;
}


.eks-studienstufe-year-card .eks-card-kicker {
  color: var(--eks-blue);
}


.eks-studienstufe-year-card h3 {
  margin: 0 0 15px;

  color: var(--eks-dark);

  font-size:
    clamp(2rem, 3vw, 2.8rem);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.04em;
}


.eks-studienstufe-year-card p:not(.eks-card-kicker) {
  margin: 0;

  color: #5F6A70;

  line-height: 1.65;
}


/* =========================================================
   AUFNAHME
   ========================================================= */

.eks-studienstufe-entry {
  display: grid;

  grid-template-columns:
    0.9fr 1.1fr;

  gap: 65px;

  align-items: center;
}


.eks-studienstufe-entry h2 {
  margin: 0 0 20px;

  color: var(--eks-dark);

  font-size:
    clamp(2.3rem, 4vw, 3.7rem);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}


.eks-studienstufe-entry > div:first-child p:not(.eks-label) {
  color: #657178;

  font-size: 1.06rem;

  line-height: 1.7;
}


.eks-entry-options {
  display: grid;

  gap: 14px;
}


.eks-entry-options > div {
  display: grid;

  grid-template-columns:
    48px 1fr;

  gap: 18px;

  padding: 24px;

  border-radius: 22px;

  background: #FFFFFF;

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


.eks-entry-options span {
  color: var(--eks-blue);

  font-size: 0.8rem;

  font-weight: 900;

  letter-spacing: 0.08em;
}


.eks-entry-options strong {
  color: var(--eks-dark);

  font-size: 1.1rem;
}


.eks-entry-options p {
  margin: 6px 0 0;

  color: #657178;

  line-height: 1.55;
}


/* Hinweis */

.eks-studienstufe-note {
  margin-top: 25px;

  display: grid;

  grid-template-columns:
    auto 1fr;

  gap: 22px;

  align-items: center;

  padding: 28px 32px;

  border-radius: 26px;

  background: #EAF7FC;

  border:
    1px solid rgba(7,156,222,0.13);
}


.eks-studienstufe-note-icon {
  width: 52px;

  height: 52px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: var(--eks-blue);

  color: #FFFFFF;

  font-size: 1.4rem;

  font-weight: 900;
}


.eks-studienstufe-note h3 {
  margin: 0 0 6px;

  color: var(--eks-dark);

  font-size: 1.25rem;
}


.eks-studienstufe-note p {
  margin: 0;

  color: #657178;
}


/* =========================================================
   PROFILE
   ========================================================= */

.eks-studienstufe-profile {
  display: grid;

  grid-template-columns:
    1.2fr 0.8fr;

  gap: 24px;
}


.eks-studienstufe-profile-intro {
  position: relative;

  min-height: 330px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 38px;

  border-radius: 32px;

  background:
    linear-gradient(
      135deg,
      #079CDE,
      #056F9F
    );

  color: #FFFFFF;
}


.eks-profile-big-word {
  color:
    rgba(255,255,255,0.17);

  font-size:
    clamp(3.8rem, 7vw, 7rem);

  font-weight: 900;

  line-height: 0.8;

  letter-spacing: -0.06em;
}


.eks-studienstufe-profile-intro h3 {
  margin: 0 0 15px;

  color: #FFFFFF;

  font-size:
    clamp(2rem, 3vw, 2.8rem);

  font-weight: 800;
}


.eks-studienstufe-profile-intro p {
  margin: 0;

  max-width: 600px;

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

  line-height: 1.65;
}


.eks-studienstufe-profile-link {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 38px;

  border-radius: 32px;

  background: #F5F7F8;

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


.eks-studienstufe-profile-link p {
  margin: 0 0 24px;

  color: #657178;

  line-height: 1.65;
}


.eks-studienstufe-profile-link a {
  width: fit-content;

  display: inline-flex;

  padding: 13px 20px;

  border-radius: 999px;

  background: #FFFFFF;

  border:
    1px solid rgba(7,156,222,0.18);

  color: var(--eks-blue) !important;

  font-weight: 900;

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}


.eks-studienstufe-profile-link a:hover {
  transform: translateY(-2px);

  background: var(--eks-blue);

  color: #FFFFFF !important;
}


/* =========================================================
   UNTERLAGEN
   ========================================================= */

.eks-studienstufe-documents {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 20px;
}


.eks-studienstufe-document {
  min-height: 190px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 28px;

  border-radius: 26px;

  background: #FFFFFF;

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

  box-shadow:
    0 12px 30px rgba(63,74,80,0.05);
}


.eks-studienstufe-document > span {
  color: var(--eks-blue);

  font-size: 0.8rem;

  font-weight: 900;

  letter-spacing: 0.08em;
}


.eks-studienstufe-document strong {
  display: block;

  margin-bottom: 6px;

  color: var(--eks-dark);

  font-size: 1.2rem;
}


.eks-studienstufe-document p {
  margin: 0;

  color: #657178;
}


.eks-studienstufe-form-note {
  margin-top: 24px;

  padding: 30px;

  border-radius: 26px;

  background: #EAF7FC;

  border:
    1px solid rgba(7,156,222,0.12);
}


.eks-studienstufe-form-note h3 {
  margin: 0 0 10px;

  color: var(--eks-dark);

  font-size: 1.35rem;
}


.eks-studienstufe-form-note p:not(.eks-label) {
  margin: 0;

  max-width: 850px;

  color: #657178;

  line-height: 1.65;
}


/* =========================================================
   TERMINVEREINBARUNG
   ========================================================= */

.eks-studienstufe-appointment {
  display: grid;

  grid-template-columns:
    1fr 0.8fr;

  gap: 60px;

  align-items: center;
}


.eks-studienstufe-appointment h2 {
  margin: 0 0 20px;

  color: var(--eks-dark);

  font-size:
    clamp(2.3rem, 4vw, 3.7rem);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}


.eks-studienstufe-appointment > div:first-child p:not(.eks-label) {
  color: #657178;

  font-size: 1.06rem;

  line-height: 1.7;
}


.eks-appointment-card {
  padding: 32px;

  border-radius: 28px;

  background: #3F4A50;

  color: #FFFFFF;
}


.eks-appointment-card .eks-contact-role {
  color:
    rgba(255,255,255,0.63);
}


.eks-appointment-card h3 {
  margin: 4px 0 22px;

  color: #FFFFFF;

  font-size:
    clamp(1.8rem, 3vw, 2.4rem);
}


.eks-appointment-card a {
  display: flex;

  flex-direction: column;

  gap: 5px;

  padding: 16px 18px;

  border-radius: 17px;

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

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

  color: #FFFFFF !important;
}


.eks-appointment-card a span {
  color: #64C8F1;

  font-size: 0.74rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0.08em;
}


.eks-appointment-card a strong {
  color: #FFFFFF;
}


/* =========================================================
   ANMELDEZEITEN
   ========================================================= */

.eks-studienstufe-times {
  display: grid;

  grid-template-columns:
    0.9fr 1.1fr;

  gap: 70px;

  align-items: center;
}


.eks-studienstufe-times h2 {
  margin: 0 0 20px;

  color: var(--eks-dark);

  font-size:
    clamp(2.3rem, 4vw, 3.7rem);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}


.eks-studienstufe-times > div:first-child p:not(.eks-label) {
  color: #657178;

  font-size: 1.06rem;

  line-height: 1.7;
}


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

.eks-studienstufe-contact-grid {
  display: grid;

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

  gap: 24px;

  margin-bottom: 26px;
}


.eks-studienstufe-contact-card {
  padding: 36px;

  border-radius: 30px;

  background: #FFFFFF;

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

  box-shadow:
    0 14px 36px rgba(63,74,80,0.06);
}


.eks-studienstufe-contact-card h3 {
  margin: 0 0 25px;

  color: var(--eks-dark);

  font-size:
    clamp(1.7rem, 3vw, 2.4rem);

  font-weight: 800;

  letter-spacing: -0.04em;
}


.eks-studienstufe-contact-links {
  display: grid;

  gap: 10px;
}


.eks-studienstufe-contact-links a {
  display: flex;

  flex-direction: column;

  gap: 4px;

  padding: 15px 17px;

  border-radius: 16px;

  background: #F5F7F8;

  color: var(--eks-dark) !important;

  transition:
    transform 0.2s ease,
    background 0.2s ease;
}


.eks-studienstufe-contact-links a:hover {
  transform: translateY(-2px);

  background: #EEF2F3;
}


.eks-studienstufe-contact-links span {
  color: var(--eks-blue);

  font-size: 0.72rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0.08em;
}


.eks-studienstufe-contact-links strong {
  color: var(--eks-dark);

  font-size: 0.96rem;
}


/* Standort */

.eks-studienstufe-location {
  position: relative;

  overflow: hidden;

  display: grid;

  grid-template-columns:
    1.3fr 0.7fr;

  gap: 40px;

  align-items: center;

  padding: 50px;

  border-radius: 36px;

  background:
    linear-gradient(
      135deg,
      #3F4A50,
      #232E33
    );

  color: #FFFFFF;
}


.eks-studienstufe-location .eks-label {
  color: #64C8F1;
}


.eks-studienstufe-location h2 {
  margin: 0 0 15px;

  color: #FFFFFF;

  font-size:
    clamp(2.3rem, 4vw, 3.5rem);

  font-weight: 800;

  letter-spacing: -0.045em;
}


.eks-studienstufe-location p:not(.eks-label) {
  margin: 0;

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

  font-size: 1.08rem;

  line-height: 1.65;
}


/* =========================================================
   DOWNLOADS
   ========================================================= */

.eks-studienstufe-downloads {
  display: grid;

  grid-template-columns:
    1fr 0.85fr;

  gap: 60px;

  align-items: center;
}


.eks-studienstufe-downloads h2 {
  margin: 0 0 18px;

  color: var(--eks-dark);

  font-size:
    clamp(2.3rem, 4vw, 3.7rem);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}


.eks-studienstufe-downloads > div:first-child p:not(.eks-label) {
  color: #657178;

  line-height: 1.7;
}


/* Abschluss */

.eks-final-study {
  background:
    radial-gradient(
      circle at 90% 15%,
      rgba(7,156,222,0.14),
      transparent 30%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(227,10,24,0.07),
      transparent 30%
    ),
    #F5F7F8;
}


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

@media (max-width: 1024px) {

  .eks-studienstufe-entry,
  .eks-studienstufe-profile,
  .eks-studienstufe-appointment,
  .eks-studienstufe-times,
  .eks-studienstufe-location,
  .eks-studienstufe-downloads {
    grid-template-columns: 1fr;
  }


  .eks-studienstufe-documents {
    grid-template-columns: 1fr;
  }


  .eks-location-badge {
    justify-self: start;
  }

}


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

@media (max-width: 767px) {

  .eks-studienstufe-hero {
    padding: 82px 0 90px;
  }


  .eks-studienstufe-hero h1 {
    font-size:
      clamp(3rem, 14vw, 4.7rem);
  }


  .eks-studienstufe-year-card {
    min-height: 310px;

    padding: 28px;

    border-radius: 26px;
  }


  .eks-studienstufe-entry {
    gap: 35px;
  }


  .eks-studienstufe-note {
    grid-template-columns: 1fr;

    padding: 25px;
  }


  .eks-studienstufe-profile-intro,
  .eks-studienstufe-profile-link {
    padding: 28px;

    border-radius: 27px;
  }


  .eks-studienstufe-document {
    min-height: 160px;

    padding: 24px;
  }


  .eks-studienstufe-appointment {
    gap: 35px;
  }


  .eks-studienstufe-times {
    gap: 35px;
  }


  .eks-studienstufe-contact-grid {
    grid-template-columns: 1fr;
  }


  .eks-studienstufe-contact-card {
    padding: 28px;
  }


  .eks-studienstufe-contact-links strong,
  .eks-appointment-card strong {
    overflow-wrap: anywhere;
  }


  .eks-studienstufe-location {
    padding: 32px;

    border-radius: 28px;
  }

}
/* =========================================================
   ANMELDESTANDORT – LINK
   ========================================================= */

.eks-location-actions {
  position: relative;
  z-index: 2;

  justify-self: end;

  width: min(340px, 100%);
}

.eks-location-action {
  display: flex;
  flex-direction: column;
  gap: 6px;

  width: 100%;

  padding: 20px 22px;

  border-radius: 20px;

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

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

  color: #FFFFFF !important;

  text-decoration: none !important;

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

.eks-location-action:hover {
  transform: translateY(-3px);

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

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

.eks-location-action span {
  color: #64C8F1;

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

  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.eks-location-action strong {
  color: #FFFFFF;

  font-size: 1.05rem;
  font-weight: 800;
}


/* =========================================================
   FORMULARE – DOWNLOAD-KARTEN
   ========================================================= */

.eks-download-list {
  display: grid;
  gap: 12px;
}

.eks-download-action {
  display: flex;
  flex-direction: column;
  gap: 5px;

  padding: 19px 21px;

  border-radius: 20px;

  background: #FFFFFF;

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

  color: var(--eks-dark) !important;

  text-decoration: none !important;

  box-shadow:
    0 10px 26px rgba(63,74,80,0.05);

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

.eks-download-action:hover {
  transform: translateY(-3px);

  border-color: rgba(7,156,222,0.22);

  box-shadow:
    0 16px 34px rgba(63,74,80,0.09);
}

.eks-download-action span {
  color: var(--eks-blue);

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

  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.eks-download-action strong {
  color: var(--eks-dark);

  font-size: 1.05rem;
  font-weight: 800;
}

.eks-download-action em {
  margin-top: 4px;

  color: var(--eks-blue);

  font-size: 0.88rem;
  font-style: normal;
  font-weight: 800;
}


/* Tablet / Smartphone */

@media (max-width: 1024px) {

  .eks-location-actions {
    justify-self: start;

    width: 100%;
  }

}

@media (max-width: 767px) {

  .eks-location-action,
  .eks-download-action {
    padding: 17px 18px;

    border-radius: 17px;
  }

}
/* =========================================================
   ANMELDEZEITEN – GLEICH WIE BEI DER VORSTUFE
   ========================================================= */

.eks-studienstufe-times {
  display: grid;

  grid-template-columns:
    0.9fr 1.1fr;

  gap: 70px;

  align-items: center;
}


.eks-studienstufe-times h2 {
  margin: 0 0 20px;

  color: var(--eks-dark);

  font-size:
    clamp(2.3rem, 4vw, 3.7rem);

  font-weight: 800;

  line-height: 1.04;

  letter-spacing: -0.045em;
}


.eks-studienstufe-times > div:first-child p:not(.eks-label) {
  color: #657178;

  font-size: 1.06rem;

  line-height: 1.7;
}


/* Zeitbox rechts */

.eks-studienstufe-times .eks-times-card {
  padding: 12px;

  border-radius: 30px;

  background: #F5F7F8;

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


/* einzelne Zeitzeile */

.eks-studienstufe-times .eks-times-row {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

  margin-bottom: 10px;

  padding: 22px 24px;

  border-radius: 20px;

  background: #FFFFFF;
}


.eks-studienstufe-times .eks-times-row span {
  color: #657178;

  font-weight: 700;
}


.eks-studienstufe-times .eks-times-row strong {
  color: var(--eks-dark);

  font-size: 1.13rem;

  font-weight: 800;
}


/* Hinweis unten */

.eks-studienstufe-times .eks-times-extra {
  padding: 13px 20px 15px;

  color: var(--eks-blue);

  text-align: center;

  font-weight: 800;
}


/* TABLET */

@media (max-width: 1024px) {

  .eks-studienstufe-times {
    grid-template-columns: 1fr;

    gap: 40px;
  }

}


/* SMARTPHONE */

@media (max-width: 767px) {

  .eks-studienstufe-times {
    gap: 32px;
  }


  .eks-studienstufe-times .eks-times-row {
    flex-direction: column;

    align-items: flex-start;

    gap: 5px;

    padding: 19px 20px;
  }


  .eks-studienstufe-times .eks-times-card {
    border-radius: 24px;
  }

}

/* =========================================================
   LIQUID GLASS – STUDIENSTUFE
   Oberfläche und Navigation nach der Vorlage „Klasse 5–7“
   ========================================================= */

.eks-studienstufe-page {
  --eks-glass-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 1px 0 0 rgba(255,255,255,.65),
    inset 0 -1px 0 rgba(92,119,137,.10),
    0 10px 28px rgba(45,65,80,.07),
    0 2px 5px rgba(45,65,80,.04);
  --eks-glass-border: rgba(255,255,255,.94);
  overflow-x: clip;
  background: #fafcfc;
}

.eks-studienstufe-page *,
.eks-studienstufe-page *::before,
.eks-studienstufe-page *::after {
  box-sizing: border-box;
}

/* ---------------------------------------------------------
   HEADER UND MENÜ
   --------------------------------------------------------- */

.eks-studienstufe-page .eks-sub-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  background: rgba(255,255,255,.88);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid rgba(116,128,134,.14);
  box-shadow: 0 10px 28px rgba(63,74,80,.06);
}

.eks-studienstufe-page .eks-sub-header-inner {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  min-height: 86px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.eks-studienstufe-page .eks-sub-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.eks-studienstufe-page .eks-sub-logo img {
  display: block;
  width: 185px;
  height: auto;
}

.eks-studienstufe-page .eks-sub-nav {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.4vw, 22px);
}

.eks-studienstufe-page .eks-sub-nav a,
.eks-studienstufe-page .eks-sub-nav a:visited {
  color: #3f4a50 !important;
  font-size: .93rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
  transition: color .2s ease;
}

.eks-studienstufe-page .eks-sub-nav a:hover,
.eks-studienstufe-page .eks-sub-nav a:focus,
.eks-studienstufe-page .eks-sub-nav a.is-active {
  color: #6b8b29 !important;
  text-decoration: none !important;
}

.eks-studienstufe-page .eks-sub-menu-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 11px 18px;
  border: 1px solid rgba(255,255,255,.96);
  border-radius: 999px;
  background:
    radial-gradient(ellipse at 100% 100%, rgba(7,156,222,.13), transparent 70%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.54));
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(92,119,137,.10), 0 7px 18px rgba(45,65,80,.08);
  color: #08628a !important;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease;
}

.eks-studienstufe-page .eks-sub-menu-button:hover {
  transform: translateY(-2px);
  background:
    radial-gradient(ellipse at 100% 100%, rgba(7,156,222,.17), transparent 70%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.68));
  color: #08628a !important;
  box-shadow: inset 0 1px 0 #fff, 0 12px 26px rgba(45,65,80,.12);
}

.eks-studienstufe-page .eks-sub-nav a:focus-visible,
.eks-studienstufe-page .eks-sub-menu-button:focus-visible {
  outline: 3px solid #0879aa;
  outline-offset: 4px;
}

@media (max-width: 1024px) {
  .eks-studienstufe-page .eks-sub-header-inner {
    width: min(1180px, calc(100% - 48px)) !important;
    min-height: 78px;
    gap: 20px;
  }

  .eks-studienstufe-page .eks-sub-logo img {
    width: 160px;
  }

  .eks-studienstufe-page .eks-sub-nav {
    gap: 12px;
  }

  .eks-studienstufe-page .eks-sub-nav a {
    font-size: .84rem;
  }
}

/* Bei schmalen Tablets wird die Linkleiste ausgeblendet, damit
   Logo und Startseitenlink genügend Platz behalten. */
@media (max-width: 940px) {
  .eks-studienstufe-page .eks-sub-header-inner {
    width: min(1180px, calc(100% - 32px)) !important;
    min-height: 74px;
    gap: 16px;
  }

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

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

  .eks-studienstufe-page .eks-sub-menu-button {
    min-height: 38px;
    padding: 9px 14px;
    font-size: .88rem;
  }
}

/* ---------------------------------------------------------
   LICHTFLÄCHEN UND GLASOBERFLÄCHEN
   --------------------------------------------------------- */

.eks-studienstufe-page .eks-sub-section {
  background:
    radial-gradient(ellipse at 8% 22%, rgba(7,156,222,.075), transparent 45%),
    radial-gradient(ellipse at 88% 78%, rgba(152,194,65,.085), transparent 45%),
    #fafcfc;
}

.eks-studienstufe-page .eks-sub-section-soft {
  background:
    radial-gradient(ellipse at 12% 80%, rgba(7,156,222,.09), transparent 48%),
    radial-gradient(ellipse at 88% 20%, rgba(152,194,65,.11), transparent 48%),
    #f3f7f7;
}

.eks-studienstufe-page .eks-studienstufe-hero {
  background:
    radial-gradient(ellipse at 82% 18%, rgba(7,156,222,.15), transparent 34%),
    radial-gradient(ellipse at 12% 88%, rgba(152,194,65,.11), transparent 37%),
    linear-gradient(135deg, #f7fafa, #edf4f6 52%, #fbfcfc);
}

.eks-studienstufe-page .eks-text-card,
.eks-studienstufe-page .eks-studienstufe-year-card,
.eks-studienstufe-page .eks-entry-options > div,
.eks-studienstufe-page .eks-studienstufe-note,
.eks-studienstufe-page .eks-studienstufe-profile-intro,
.eks-studienstufe-page .eks-studienstufe-profile-link,
.eks-studienstufe-page .eks-studienstufe-document,
.eks-studienstufe-page .eks-studienstufe-form-note,
.eks-studienstufe-page .eks-appointment-card,
.eks-studienstufe-page .eks-times-card,
.eks-studienstufe-page .eks-times-row,
.eks-studienstufe-page .eks-studienstufe-contact-card,
.eks-studienstufe-page .eks-studienstufe-location,
.eks-studienstufe-page .eks-final-card {
  --glass-tint: 7,156,222;
  position: relative;
  isolation: isolate;
  min-width: 0;
  border: 1px solid var(--eks-glass-border);
  background:
    radial-gradient(ellipse at 100% 100%, rgba(var(--glass-tint),.11), transparent 65%),
    linear-gradient(135deg, rgba(255,255,255,.91), rgba(255,255,255,.49) 52%, rgba(255,255,255,.72));
  -webkit-backdrop-filter: blur(20px) saturate(125%);
  backdrop-filter: blur(20px) saturate(125%);
  box-shadow: var(--eks-glass-shadow);
  color: #34444e;
}

.eks-studienstufe-page .eks-studienstufe-note,
.eks-studienstufe-page .eks-studienstufe-form-note {
  --glass-tint: 152,194,65;
}

.eks-studienstufe-page .eks-times-card,
.eks-studienstufe-page .eks-studienstufe-profile-link,
.eks-studienstufe-page .eks-studienstufe-location {
  --glass-tint: 7,156,222;
}

.eks-studienstufe-page .eks-studienstufe-contact-card:nth-child(2) {
  --glass-tint: 152,194,65;
}

/* Dezente Lichtreflexe auf den Karten. */
.eks-studienstufe-page .eks-text-card::before,
.eks-studienstufe-page .eks-studienstufe-year-card::before,
.eks-studienstufe-page .eks-entry-options > div::before,
.eks-studienstufe-page .eks-studienstufe-note::before,
.eks-studienstufe-page .eks-studienstufe-profile-intro::before,
.eks-studienstufe-page .eks-studienstufe-profile-link::before,
.eks-studienstufe-page .eks-studienstufe-document::before,
.eks-studienstufe-page .eks-studienstufe-form-note::before,
.eks-studienstufe-page .eks-appointment-card::before,
.eks-studienstufe-page .eks-times-card::before,
.eks-studienstufe-page .eks-times-row::before,
.eks-studienstufe-page .eks-studienstufe-contact-card::before,
.eks-studienstufe-page .eks-studienstufe-location::before,
.eks-studienstufe-page .eks-final-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(150deg, rgba(255,255,255,.46), transparent 34%, transparent 74%, rgba(255,255,255,.20));
  pointer-events: none;
}

.eks-studienstufe-page .eks-text-card > *,
.eks-studienstufe-page .eks-studienstufe-year-card > *,
.eks-studienstufe-page .eks-entry-options > div > *,
.eks-studienstufe-page .eks-studienstufe-note > *,
.eks-studienstufe-page .eks-studienstufe-profile-intro > *,
.eks-studienstufe-page .eks-studienstufe-profile-link > *,
.eks-studienstufe-page .eks-studienstufe-document > *,
.eks-studienstufe-page .eks-studienstufe-form-note > *,
.eks-studienstufe-page .eks-appointment-card > *,
.eks-studienstufe-page .eks-times-card > *,
.eks-studienstufe-page .eks-times-row > *,
.eks-studienstufe-page .eks-studienstufe-contact-card > *,
.eks-studienstufe-page .eks-studienstufe-location > *,
.eks-studienstufe-page .eks-final-card > * {
  position: relative;
  z-index: 1;
}

/* Typografie bleibt dunkel und gut lesbar auf den hellen Glasflächen. */
.eks-studienstufe-page h2,
.eks-studienstufe-page h3,
.eks-studienstufe-page .eks-card-kicker,
.eks-studienstufe-page .eks-studienstufe-profile-intro h3,
.eks-studienstufe-page .eks-appointment-card h3,
.eks-studienstufe-page .eks-studienstufe-location h2 {
  color: #34444e;
  font-weight: 600;
}

.eks-studienstufe-page p:not(.eks-label),
.eks-studienstufe-page .eks-entry-options p,
.eks-studienstufe-page .eks-studienstufe-contact-links span,
.eks-studienstufe-page .eks-studienstufe-contact-links strong {
  color: #53636d;
}

.eks-studienstufe-page .eks-label,
.eks-studienstufe-page .eks-label-blue,
.eks-studienstufe-page .eks-studienstufe-year-card .eks-card-kicker,
.eks-studienstufe-page .eks-studienstufe-document > span,
.eks-studienstufe-page .eks-download-action span,
.eks-studienstufe-page .eks-download-action em,
.eks-studienstufe-page .eks-location-action span {
  color: #08628a !important;
}

.eks-studienstufe-page .eks-studienstufe-profile-intro .eks-profile-big-word {
  color: rgba(7,156,222,.16);
}

.eks-studienstufe-page .eks-studienstufe-profile-intro p,
.eks-studienstufe-page .eks-appointment-card .eks-contact-role,
.eks-studienstufe-page .eks-studienstufe-location p:not(.eks-label) {
  color: #53636d;
}

.eks-studienstufe-page .eks-studienstufe-year-card::after {
  border: 1px solid rgba(255,255,255,.84);
  background: linear-gradient(145deg, rgba(255,255,255,.63), rgba(7,156,222,.08));
  box-shadow: inset 0 2px 9px rgba(255,255,255,.7);
}

/* ---------------------------------------------------------
   GLASBUTTONS UND VERLINKTE KARTEN
   --------------------------------------------------------- */

.eks-studienstufe-page .eks-btn,
.eks-studienstufe-page .eks-sub-hero-actions .eks-btn,
.eks-studienstufe-page .eks-studienstufe-profile-link a,
.eks-studienstufe-page .eks-location-action,
.eks-studienstufe-page .eks-download-action,
.eks-studienstufe-page .eks-appointment-card a {
  --button-tint: 7,156,222;
  border: 1px solid rgba(255,255,255,.96);
  background:
    radial-gradient(ellipse at 100% 100%, rgba(var(--button-tint),.12), transparent 70%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.58));
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(92,119,137,.10), 0 7px 18px rgba(45,65,80,.08);
  color: #08628a !important;
  text-decoration: none !important;
}

.eks-studienstufe-page .eks-btn,
.eks-studienstufe-page .eks-sub-hero-actions .eks-btn,
.eks-studienstufe-page .eks-studienstufe-profile-link a {
  font-weight: 700;
}

.eks-studienstufe-page .eks-location-action,
.eks-studienstufe-page .eks-download-action,
.eks-studienstufe-page .eks-appointment-card a {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.eks-studienstufe-page .eks-location-action strong,
.eks-studienstufe-page .eks-download-action strong,
.eks-studienstufe-page .eks-appointment-card a strong {
  color: #34444e;
  overflow-wrap: anywhere;
}

.eks-studienstufe-page .eks-studienstufe-contact-links a {
  border: 1px solid rgba(255,255,255,.9);
  background:
    radial-gradient(ellipse at 100% 100%, rgba(7,156,222,.08), transparent 70%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.50));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 5px 14px rgba(45,65,80,.05);
  color: #08628a !important;
  text-decoration: none !important;
}

.eks-studienstufe-page .eks-studienstufe-contact-links a:hover,
.eks-studienstufe-page .eks-studienstufe-profile-link a:hover,
.eks-studienstufe-page .eks-location-action:hover,
.eks-studienstufe-page .eks-download-action:hover,
.eks-studienstufe-page .eks-appointment-card a:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.98);
  box-shadow: inset 0 1px 0 #fff, 0 12px 26px rgba(45,65,80,.12);
}

@media (hover: hover) and (pointer: fine) {
  .eks-studienstufe-page .eks-btn:hover,
  .eks-studienstufe-page .eks-sub-hero-actions .eks-btn:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 #fff, 0 12px 26px rgba(45,65,80,.12);
  }
}

.eks-studienstufe-page a:focus-visible {
  outline: 3px solid #0879aa;
  outline-offset: 4px;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .eks-studienstufe-page .eks-text-card,
  .eks-studienstufe-page .eks-studienstufe-year-card,
  .eks-studienstufe-page .eks-entry-options > div,
  .eks-studienstufe-page .eks-studienstufe-note,
  .eks-studienstufe-page .eks-studienstufe-profile-intro,
  .eks-studienstufe-page .eks-studienstufe-profile-link,
  .eks-studienstufe-page .eks-studienstufe-document,
  .eks-studienstufe-page .eks-studienstufe-form-note,
  .eks-studienstufe-page .eks-appointment-card,
  .eks-studienstufe-page .eks-times-card,
  .eks-studienstufe-page .eks-times-row,
  .eks-studienstufe-page .eks-studienstufe-contact-card,
  .eks-studienstufe-page .eks-studienstufe-location,
  .eks-studienstufe-page .eks-final-card,
  .eks-studienstufe-page .eks-sub-menu-button,
  .eks-studienstufe-page .eks-btn,
  .eks-studienstufe-page .eks-studienstufe-profile-link a,
  .eks-studienstufe-page .eks-location-action,
  .eks-studienstufe-page .eks-download-action,
  .eks-studienstufe-page .eks-appointment-card a {
    background: linear-gradient(135deg, #fff, #edf3f6);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .eks-studienstufe-page .eks-text-card,
  .eks-studienstufe-page .eks-studienstufe-year-card,
  .eks-studienstufe-page .eks-entry-options > div,
  .eks-studienstufe-page .eks-studienstufe-note,
  .eks-studienstufe-page .eks-studienstufe-profile-intro,
  .eks-studienstufe-page .eks-studienstufe-profile-link,
  .eks-studienstufe-page .eks-studienstufe-document,
  .eks-studienstufe-page .eks-studienstufe-form-note,
  .eks-studienstufe-page .eks-appointment-card,
  .eks-studienstufe-page .eks-times-card,
  .eks-studienstufe-page .eks-times-row,
  .eks-studienstufe-page .eks-studienstufe-contact-card,
  .eks-studienstufe-page .eks-studienstufe-location,
  .eks-studienstufe-page .eks-final-card,
  .eks-studienstufe-page .eks-sub-menu-button,
  .eks-studienstufe-page .eks-btn,
  .eks-studienstufe-page .eks-studienstufe-profile-link a,
  .eks-studienstufe-page .eks-location-action,
  .eks-studienstufe-page .eks-download-action,
  .eks-studienstufe-page .eks-appointment-card a {
    background: #f7f9fa;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eks-studienstufe-page *,
  .eks-studienstufe-page *::before,
  .eks-studienstufe-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .eks-studienstufe-page .eks-btn:hover,
  .eks-studienstufe-page .eks-sub-menu-button:hover,
  .eks-studienstufe-page .eks-location-action:hover,
  .eks-studienstufe-page .eks-download-action:hover,
  .eks-studienstufe-page .eks-appointment-card a:hover {
    transform: none;
  }
}
/* =========================================================
   FINALER ABGLEICH · TYPOGRAFIE WIE „KLASSE 5–7“
   + KORREKTUREN PROFIL / ANMELDEGESPRÄCH
   Dieser Block steht bewusst ganz am Ende.
   ========================================================= */

/* Falls im HTML noch ein alter Seitenheader vorhanden sein sollte:
   auf dieser Seite nicht anzeigen. */
.eks-studienstufe-page .eks-sub-header {
  display: none !important;
}

/* Grundtypografie wie auf „Klasse 5–7“:
   Website-Schrift erben, Fließtext normal, Überschriften 600. */
.eks-subpage.eks-studienstufe-page {
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #3F4A50;
}

.eks-studienstufe-page :is(
  h1, h2, h3, h4, h5, h6,
  p, li, a, span, strong, em,
  button, summary
) {
  font-family: inherit !important;
}

.eks-studienstufe-page :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
}

/* Hero wie Klasse 5–7 */
.eks-studienstufe-page .eks-studienstufe-hero h1 {
  max-width: 920px;
  margin: 0 !important;
  color: #3F4A50 !important;
  font-size: clamp(3rem, 6vw, 5.6rem) !important;
  font-weight: 600 !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
}

.eks-studienstufe-page .eks-studienstufe-hero .eks-hero-intro {
  max-width: 760px;
  margin: 26px 0 0;
  color: #5D696F !important;
  font-size: clamp(1.12rem, 2vw, 1.35rem) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Große Abschnittsüberschriften */
.eks-studienstufe-page .eks-head h2,
.eks-studienstufe-page .eks-text-card h2,
.eks-studienstufe-page .eks-studienstufe-entry h2,
.eks-studienstufe-page .eks-studienstufe-appointment h2,
.eks-studienstufe-page .eks-studienstufe-times h2,
.eks-studienstufe-page .eks-studienstufe-downloads h2,
.eks-studienstufe-page .eks-studienstufe-location h2,
.eks-studienstufe-page .eks-final-card h2 {
  color: #3F4A50 !important;
  font-size: clamp(2.1rem, 4.4vw, 3.7rem) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em !important;
}

/* Fließtext */
.eks-studienstufe-page p:not(.eks-label):not(.eks-card-kicker) {
  color: #657178;
  font-weight: 400 !important;
  line-height: 1.7;
}

/* Labels: weniger schwer als bisher */
.eks-studienstufe-page .eks-label,
.eks-studienstufe-page .eks-label-blue,
.eks-studienstufe-page .eks-card-kicker {
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

/* Buttons/Links nicht unnötig fett */
.eks-studienstufe-page .eks-btn,
.eks-studienstufe-page .eks-studienstufe-profile-link a,
.eks-studienstufe-page .eks-location-action,
.eks-studienstufe-page .eks-download-action,
.eks-studienstufe-page .eks-studienstufe-contact-links a {
  font-weight: 600 !important;
}


/* =========================================================
   „LERNEN MIT SCHWERPUNKT“
   Ruhige, klare Karte statt großer Wasserzeichen-Optik
   ========================================================= */

.eks-studienstufe-page .eks-studienstufe-profile {
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  gap: 24px;
  align-items: stretch;
}

.eks-studienstufe-page .eks-studienstufe-profile-intro {
  min-height: 0 !important;
  justify-content: flex-start !important;
  gap: 28px;
  padding: 36px !important;

  border: 1px solid rgba(7,156,222,.16) !important;
  border-radius: 28px !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(7,156,222,.10),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      rgba(255,255,255,.98),
      rgba(236,247,251,.92)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 30px rgba(45,65,80,.07) !important;

  color: #3F4A50 !important;
}

/* Das bisher riesige „PROFIL“ wird zu einem kleinen Badge. */
.eks-studienstufe-page .eks-profile-big-word {
  display: inline-flex;
  align-items: center;
  width: fit-content;

  padding: 7px 11px;
  border-radius: 999px;

  background: #E8F6FC;

  color: #0879AA !important;
  -webkit-text-fill-color: #0879AA !important;

  font-size: .72rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}

.eks-studienstufe-page .eks-studienstufe-profile-intro h3 {
  margin: 0 0 14px !important;

  color: #34444E !important;
  -webkit-text-fill-color: #34444E !important;

  font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}

.eks-studienstufe-page .eks-studienstufe-profile-intro p {
  max-width: 650px;
  margin: 0;

  color: #5B6870 !important;
  -webkit-text-fill-color: #5B6870 !important;

  font-size: 1.03rem;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* Die rechte Profilkarte optisch passend dazu */
.eks-studienstufe-page .eks-studienstufe-profile-link {
  justify-content: center;
  padding: 36px !important;

  border: 1px solid rgba(116,128,134,.13) !important;
  border-radius: 28px !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(152,194,65,.09),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      rgba(255,255,255,.98),
      rgba(247,249,247,.94)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 30px rgba(45,65,80,.06) !important;
}

.eks-studienstufe-page .eks-studienstufe-profile-link p {
  color: #5B6870 !important;
  font-size: 1.03rem;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.eks-studienstufe-page .eks-studienstufe-profile-link a {
  padding: 13px 20px;

  border: 1px solid rgba(7,156,222,.18) !important;
  border-radius: 999px;

  background: #FFFFFF !important;

  color: #0879AA !important;
  -webkit-text-fill-color: #0879AA !important;

  box-shadow: 0 7px 18px rgba(45,65,80,.06);
}

.eks-studienstufe-page .eks-studienstufe-profile-link a:hover {
  color: #065F87 !important;
  -webkit-text-fill-color: #065F87 !important;
  background: #F5FBFD !important;
}


/* =========================================================
   ANMELDEGESPRÄCH
   Klare helle Karte mit fest definiertem Kontrast
   ========================================================= */

.eks-studienstufe-page .eks-appointment-card {
  padding: 34px !important;

  border: 1px solid rgba(7,156,222,.18) !important;
  border-radius: 28px !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(7,156,222,.11),
      transparent 48%
    ),
    linear-gradient(
      135deg,
      #FFFFFF,
      #EEF7FB
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 30px rgba(45,65,80,.07) !important;

  color: #243641 !important;
}

/* Alte Reflexfläche darf die Lesbarkeit nicht beeinflussen */
.eks-studienstufe-page .eks-appointment-card::before {
  opacity: .38;
}

/* Rolle oberhalb des Namens */
.eks-studienstufe-page .eks-appointment-card .eks-contact-role {
  margin: 0 0 6px !important;

  color: #5A6870 !important;
  -webkit-text-fill-color: #5A6870 !important;

  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

/* Name */
.eks-studienstufe-page .eks-appointment-card h3 {
  margin: 0 0 22px !important;

  color: #243641 !important;
  -webkit-text-fill-color: #243641 !important;

  font-size: clamp(1.7rem, 3vw, 2.25rem) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

/* E-Mail-Karte */
.eks-studienstufe-page .eks-appointment-card a,
.eks-studienstufe-page .eks-appointment-card a:visited {
  display: flex;
  flex-direction: column;
  gap: 6px;

  padding: 17px 19px;

  border: 1px solid rgba(7,156,222,.15) !important;
  border-radius: 17px;

  background: rgba(255,255,255,.88) !important;

  color: #243641 !important;
  -webkit-text-fill-color: #243641 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 6px 18px rgba(45,65,80,.05);
}

.eks-studienstufe-page .eks-appointment-card a span {
  color: #0879AA !important;
  -webkit-text-fill-color: #0879AA !important;

  font-size: .74rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.eks-studienstufe-page .eks-appointment-card a strong {
  color: #243641 !important;
  -webkit-text-fill-color: #243641 !important;

  font-size: 1rem;
  font-weight: 600 !important;
  line-height: 1.45;

  overflow-wrap: anywhere;
}

.eks-studienstufe-page .eks-appointment-card a:hover {
  transform: translateY(-2px);
  border-color: rgba(7,156,222,.28) !important;
  background: #FFFFFF !important;
}


/* =========================================================
   RESPONSIVE KORREKTUREN
   ========================================================= */

@media (max-width: 1024px) {
  .eks-studienstufe-page .eks-studienstufe-profile {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .eks-studienstufe-page .eks-studienstufe-hero h1 {
    font-size: clamp(2.8rem, 13vw, 4.3rem) !important;
  }

  .eks-studienstufe-page .eks-head h2,
  .eks-studienstufe-page .eks-text-card h2,
  .eks-studienstufe-page .eks-studienstufe-entry h2,
  .eks-studienstufe-page .eks-studienstufe-appointment h2,
  .eks-studienstufe-page .eks-studienstufe-times h2,
  .eks-studienstufe-page .eks-studienstufe-downloads h2,
  .eks-studienstufe-page .eks-studienstufe-location h2,
  .eks-studienstufe-page .eks-final-card h2 {
    font-size: clamp(2rem, 9vw, 3rem) !important;
  }

  .eks-studienstufe-page .eks-studienstufe-profile-intro,
  .eks-studienstufe-page .eks-studienstufe-profile-link,
  .eks-studienstufe-page .eks-appointment-card {
    padding: 26px !important;
    border-radius: 24px !important;
  }
}
/* =========================================================
   ANMELDESTANDORT · LESBARKEIT KORRIGIERT
   ========================================================= */

.eks-studienstufe-page .eks-studienstufe-location {
  padding: 44px !important;

  border: 1px solid rgba(7,156,222,.18) !important;
  border-radius: 30px !important;

  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(7,156,222,.10),
      transparent 46%
    ),
    radial-gradient(
      circle at 0% 0%,
      rgba(152,194,65,.07),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #FFFFFF,
      #F1F8FB
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 30px rgba(45,65,80,.07) !important;

  color: #243641 !important;
}

.eks-studienstufe-page .eks-studienstufe-location::before {
  opacity: .32;
}

.eks-studienstufe-page .eks-studienstufe-location .eks-label {
  color: #0879AA !important;
  -webkit-text-fill-color: #0879AA !important;

  font-weight: 600 !important;
}

.eks-studienstufe-page .eks-studienstufe-location h2 {
  color: #243641 !important;
  -webkit-text-fill-color: #243641 !important;

  font-weight: 600 !important;
}

.eks-studienstufe-page .eks-studienstufe-location p:not(.eks-label) {
  color: #53636D !important;
  -webkit-text-fill-color: #53636D !important;

  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* Rechte Standort-/Adresskarte */
.eks-studienstufe-page .eks-location-actions {
  position: relative;
  z-index: 2;

  justify-self: end;

  width: min(360px, 100%);
}

.eks-studienstufe-page .eks-location-action,
.eks-studienstufe-page .eks-location-action:visited {
  display: flex;
  flex-direction: column;
  gap: 7px;

  width: 100%;
  padding: 20px 22px;

  border: 1px solid rgba(7,156,222,.16) !important;
  border-radius: 20px;

  background: rgba(255,255,255,.90) !important;

  color: #243641 !important;
  -webkit-text-fill-color: #243641 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 7px 20px rgba(45,65,80,.055);

  text-decoration: none !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.eks-studienstufe-page .eks-location-action span {
  color: #0879AA !important;
  -webkit-text-fill-color: #0879AA !important;

  font-size: .74rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.eks-studienstufe-page .eks-location-action strong {
  color: #243641 !important;
  -webkit-text-fill-color: #243641 !important;

  font-size: 1.02rem !important;
  font-weight: 600 !important;
  line-height: 1.45;

  overflow-wrap: anywhere;
}

.eks-studienstufe-page .eks-location-action:hover {
  transform: translateY(-2px);

  border-color: rgba(7,156,222,.30) !important;

  background: #FFFFFF !important;

  box-shadow:
    inset 0 1px 0 #fff,
    0 12px 26px rgba(45,65,80,.09) !important;
}

@media (max-width: 1024px) {
  .eks-studienstufe-page .eks-location-actions {
    justify-self: start;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .eks-studienstufe-page .eks-studienstufe-location {
    padding: 28px !important;
    border-radius: 24px !important;
  }

  .eks-studienstufe-page .eks-location-action {
    padding: 18px 19px;
    border-radius: 17px;
  }
}/* End custom CSS */