.elementor-8132 .elementor-element.elementor-element-45b06a2{--display:flex;}/* Start custom CSS for html, class: .elementor-element-693a936 *//* EKS · Elternrat · Liquid Glass · für das Elementor-HTML-Widget */

.eks-elternrat-page {
  --er-ink: #34444e;
  --er-text: #52636e;
  --er-blue: #076b96;
  --er-green: #476323;
  --er-rose: #a12d3c;
  --er-shadow: 0 16px 42px rgba(45, 70, 85, .07);

  position: relative !important;
  display: block;

  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;

  overflow-x: clip;

  background: #f8fafb;
  color: var(--er-ink);

  color-scheme: light;

  font-family:
    "Avenir Next",
    Avenir,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-size: 16px;
  line-height: 1.65;

  -webkit-text-size-adjust: 100%;
}


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


html:has(.eks-elternrat-page),
body:has(.eks-elternrat-page) {
  overflow-x: clip;
}


.eks-elternrat-page .eks-er-wrap {
  width: calc(100% - 64px);
  max-width: 1280px;
  min-width: 0;
  margin-inline: auto;
}



/* Überschriften */

.eks-elternrat-page h1,
.eks-elternrat-page h2,
.eks-elternrat-page h3 {
  margin: 0;

  color: var(--er-ink);

  font-family: inherit;
  font-style: normal;
  font-weight: 700;

  letter-spacing: -.035em;

  white-space: normal;
  overflow-wrap: anywhere;

  -webkit-text-fill-color: currentColor;
}


.eks-elternrat-page h1 {
  max-width: 17ch;

  font-size: clamp(38px, 4.6vw, 64px);
  line-height: 1.06;
}


.eks-elternrat-page h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.14;
}


.eks-elternrat-page h3 {
  font-size: 25px;
  line-height: 1.2;
}



/* Texte */

.eks-elternrat-page p {
  margin: 0 0 18px;

  color: var(--er-text);

  font-size: 17px;
  line-height: 1.72;
}


.eks-elternrat-page p:last-child {
  margin-bottom: 0;
}



/* Links */

.eks-elternrat-page a,
.eks-elternrat-page a:hover,
.eks-elternrat-page a:focus {
  color: var(--er-blue);
  text-decoration: none;
}


.eks-elternrat-page a:focus-visible {
  outline: 3px solid var(--er-blue);
  outline-offset: 5px;
}



/* Kleine Oberzeilen */

.eks-elternrat-page .eks-er-eyebrow {
  margin: 0 0 18px;

  color: var(--er-green);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;

  letter-spacing: .12em;
  text-transform: uppercase;
}



/* HERO */

.eks-elternrat-page .eks-er-hero {
  padding: clamp(64px, 7vw, 98px) 0;

  background:
    radial-gradient(
      ellipse at 10% 90%,
      rgba(7, 156, 222, .12),
      transparent 50%
    ),

    radial-gradient(
      ellipse at 90% 5%,
      rgba(152, 194, 65, .15),
      transparent 48%
    ),

    radial-gradient(
      ellipse at 78% 95%,
      rgba(227, 10, 24, .055),
      transparent 45%
    ),

    #f6f9fa;
}


.eks-elternrat-page .eks-er-hero-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(0, .8fr);

  align-items: center;

  gap: clamp(32px, 4vw, 64px);
}


.eks-elternrat-page .eks-er-hero-copy,
.eks-elternrat-page .eks-er-hero-grid > * {
  min-width: 0;
}


.eks-elternrat-page .eks-er-lead {
  max-width: 640px;

  margin-top: 26px;
  margin-bottom: 28px;

  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.7;
}


.eks-elternrat-page .eks-er-actions {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 12px;
}



/* LIQUID GLASS */

.eks-elternrat-page .eks-er-glass {
  min-width: 0;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .95),
      rgba(255, 255, 255, .67)
    ),

    #eef5f8;

  border: 1px solid rgba(255, 255, 255, .97);

  border-radius: 30px;

  box-shadow:
    inset 0 1px 0 #fff,
    inset 1px 0 0 rgba(255, 255, 255, .68),
    inset 0 -1px 0 rgba(69, 102, 122, .08),
    var(--er-shadow);

  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
}



/* BUTTONS */

.eks-elternrat-page .eks-er-button {
  display: inline-flex;

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

  gap: 12px;

  min-width: 0;
  max-width: 100%;

  min-height: 48px;

  padding: 13px 20px;

  border: 1px solid rgba(255, 255, 255, .98);

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .98),
      rgba(244, 249, 251, .82)
    );

  box-shadow:
    inset 0 1px 0 #fff,
    0 9px 24px rgba(45, 70, 85, .06);

  color: var(--er-ink);

  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;

  text-align: center;

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


.eks-elternrat-page .eks-er-button-primary {
  background:
    linear-gradient(
      135deg,
      #fff,
      #e3f2fa
    );

  color: var(--er-blue);
}


.eks-elternrat-page .eks-er-button > span {
  flex-shrink: 0;
}



/* Einladung oben */

.eks-elternrat-page .eks-er-invite {
  padding: 34px;
}


.eks-elternrat-page .eks-er-tag {
  display: inline-block;

  margin-bottom: 22px;

  padding: 7px 12px;

  border-radius: 999px;

  background: rgba(152, 194, 65, .13);

  color: var(--er-green);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}


.eks-elternrat-page .eks-er-invite h2 {
  margin-bottom: 18px;

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


.eks-elternrat-page .eks-er-invite p {
  font-size: 16px;
}


.eks-elternrat-page .eks-er-invite-facts {
  display: grid;

  gap: 10px;

  margin: 24px 0;

  padding-top: 20px;

  border-top:
    1px solid rgba(69, 102, 122, .1);
}


.eks-elternrat-page .eks-er-invite-facts span {
  display: flex;

  align-items: baseline;

  gap: 10px;

  color: var(--er-text);

  font-size: 14px;
  line-height: 1.55;
}


.eks-elternrat-page .eks-er-invite-facts span::before {
  content: "";

  position: relative;
  top: -1px;

  flex: 0 0 6px;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #789b3f;
}



/* Textlinks */

.eks-elternrat-page .eks-er-text-link {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  max-width: 100%;
  min-height: 44px;

  color: var(--er-blue);

  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}



/* SECTIONS */

.eks-elternrat-page .eks-er-section {
  padding: 76px 0;
}


.eks-elternrat-page .eks-er-section-head {
  max-width: 820px;

  margin-bottom: 34px;
}


.eks-elternrat-page .eks-er-section-head h2 {
  margin-bottom: 18px;
}



/* VORSTAND */

.eks-elternrat-page .eks-er-team {
  display: grid;

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

  gap: 24px;
}


.eks-elternrat-page .eks-er-person {
  padding: 34px;
}



/* Vivian */

.eks-elternrat-page .eks-er-person-blue {
  --er-accent: #076b96;
  --er-badge: #e2f2fa;

  background:
    radial-gradient(
      ellipse at 95% 95%,
      rgba(7, 156, 222, .10),
      transparent 65%
    ),

    linear-gradient(
      135deg,
      rgba(255, 255, 255, .97),
      rgba(255, 255, 255, .68)
    ),

    #edf6fb;
}



/* Manuela */

.eks-elternrat-page .eks-er-person-slate {
  --er-accent: #485f6d;
  --er-badge: #e9eff3;

  background:
    radial-gradient(
      ellipse at 95% 95%,
      rgba(69, 102, 122, .10),
      transparent 65%
    ),

    linear-gradient(
      135deg,
      rgba(255, 255, 255, .97),
      rgba(255, 255, 255, .68)
    ),

    #f0f4f7;
}



/* Lilli */

.eks-elternrat-page .eks-er-person-green {
  --er-accent: #476323;
  --er-badge: #ecf3de;

  background:
    radial-gradient(
      ellipse at 95% 95%,
      rgba(152, 194, 65, .13),
      transparent 65%
    ),

    linear-gradient(
      135deg,
      rgba(255, 255, 255, .97),
      rgba(255, 255, 255, .68)
    ),

    #f3f7eb;
}



/* Nora */

.eks-elternrat-page .eks-er-person-rose {
  --er-accent: #a12d3c;
  --er-badge: #fae9ec;

  background:
    radial-gradient(
      ellipse at 95% 95%,
      rgba(227, 10, 24, .075),
      transparent 65%
    ),

    linear-gradient(
      135deg,
      rgba(255, 255, 255, .97),
      rgba(255, 255, 255, .68)
    ),

    #fdf3f4;
}



/* Personen-Kopf */

.eks-elternrat-page .eks-er-person-head {
  display: flex;

  align-items: center;

  gap: 16px;

  margin-bottom: 24px;
}


.eks-elternrat-page .eks-er-person-head > div {
  min-width: 0;
}


.eks-elternrat-page .eks-er-initials {
  flex: 0 0 58px;

  display: grid;

  place-items: center;

  width: 58px;
  height: 58px;

  border:
    1px solid rgba(255, 255, 255, .97);

  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      #fff,
      var(--er-badge)
    );

  color: var(--er-accent);

  font-size: 18px;
  font-weight: 600;

  letter-spacing: -.02em;

  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 16px rgba(45, 70, 85, .045);
}


.eks-elternrat-page .eks-er-person-role {
  margin: 0 0 5px;

  color: var(--er-accent);

  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.eks-elternrat-page .eks-er-person-copy p {
  font-size: 16px;
  line-height: 1.75;
}



/* Hinweis unter Vorstand */

.eks-elternrat-page .eks-er-team-note {
  display: flex;

  align-items: baseline;

  gap: 12px;

  max-width: 900px;

  margin: 28px auto 0;
}


.eks-elternrat-page .eks-er-note-dot {
  position: relative;
  top: -1px;

  flex: 0 0 7px;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #789b3f;
}


.eks-elternrat-page .eks-er-team-note p {
  margin: 0;

  font-size: 15px;
  line-height: 1.7;
}



/* SITZUNGEN */

.eks-elternrat-page .eks-er-section-tinted {
  background:
    radial-gradient(
      ellipse at 8% 95%,
      rgba(152, 194, 65, .1),
      transparent 58%
    ),

    radial-gradient(
      ellipse at 90% 8%,
      rgba(7, 156, 222, .07),
      transparent 58%
    ),

    #f3f7f8;
}


.eks-elternrat-page .eks-er-meeting {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(0, .75fr);

  gap: 48px;

  padding: 44px;
}


.eks-elternrat-page .eks-er-meeting > * {
  min-width: 0;
}


.eks-elternrat-page .eks-er-meeting h2 {
  margin-bottom: 22px;
}


.eks-elternrat-page .eks-er-meeting-details {
  align-self: center;

  padding-left: 30px;

  border-left:
    1px solid rgba(69, 102, 122, .12);
}



/* Aktueller Termin */

.eks-elternrat-page .eks-er-next-label {
  display: inline-flex;

  align-items: center;

  margin-bottom: 20px;

  padding: 7px 12px;

  border-radius: 999px;

  background:
    rgba(152, 194, 65, .13);

  color: var(--er-green);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;

  letter-spacing: .04em;
}


.eks-elternrat-page .eks-er-meeting-details dl {
  margin: 0 0 24px;
}


.eks-elternrat-page .eks-er-meeting-details dl > div + div {
  margin-top: 18px;
}


.eks-elternrat-page .eks-er-meeting-details dt {
  margin: 0 0 4px;

  color: var(--er-green);

  font-size: 12px;
  font-weight: 600;

  letter-spacing: .07em;

  text-transform: uppercase;
}


.eks-elternrat-page .eks-er-meeting-details dd {
  margin: 0;

  color: var(--er-ink);

  font-size: 16px;
  line-height: 1.65;
}



/* DOKUMENTE */

.eks-elternrat-page .eks-er-document {
  display: grid;

  grid-template-columns:
    64px
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 24px;

  padding: 28px 32px;

  color: var(--er-ink);

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


.eks-elternrat-page .eks-er-document + .eks-er-document {
  margin-top: 18px;
}



/* Aktuellstes Dokument */

.eks-elternrat-page .eks-er-document-current {
  background:
    radial-gradient(
      ellipse at 95% 10%,
      rgba(152, 194, 65, .13),
      transparent 55%
    ),

    radial-gradient(
      ellipse at 5% 95%,
      rgba(7, 156, 222, .08),
      transparent 58%
    ),

    linear-gradient(
      135deg,
      rgba(255, 255, 255, .97),
      rgba(255, 255, 255, .72)
    ),

    #f3f8f4;
}


.eks-elternrat-page
.eks-er-document-current
.eks-er-document-meta {
  color: var(--er-green);
}



/* PDF Icon */

.eks-elternrat-page .eks-er-document-icon {
  display: grid;

  place-items: center;

  width: 64px;
  height: 72px;

  border:
    1px solid rgba(255, 255, 255, .97);

  border-radius: 19px;

  background:
    linear-gradient(
      135deg,
      #fff,
      #f9e9eb
    );

  color: var(--er-rose);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: .04em;
}


.eks-elternrat-page .eks-er-document-copy {
  display: grid;

  gap: 6px;

  min-width: 0;

  color: var(--er-text);

  font-size: 15px;
  line-height: 1.5;
}


.eks-elternrat-page .eks-er-document-meta {
  color: var(--er-rose);

  font-size: 12px;
  font-weight: 600;
}


.eks-elternrat-page .eks-er-document-copy strong {
  color: var(--er-ink);

  font-size: 23px;
  font-weight: 600;
  line-height: 1.3;
}


.eks-elternrat-page .eks-er-document-action {
  display: flex;

  align-items: center;

  gap: 12px;

  color: var(--er-blue);

  font-size: 15px;
  font-weight: 600;
}



/* KONTAKT */

.eks-elternrat-page .eks-er-contact-section {
  padding-top: 0;

  background:
    radial-gradient(
      ellipse at 12% 90%,
      rgba(7, 156, 222, .08),
      transparent 50%
    ),

    #f8fafb;
}


.eks-elternrat-page .eks-er-contact {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, .9fr);

  gap: 48px;

  padding: 44px;
}


.eks-elternrat-page .eks-er-contact > * {
  min-width: 0;
}


.eks-elternrat-page .eks-er-contact h2 {
  margin-bottom: 20px;
}


.eks-elternrat-page .eks-er-email {
  margin-top: 8px;

  overflow-wrap: anywhere;
}


.eks-elternrat-page .eks-er-direct-contact {
  padding-left: 30px;

  border-left:
    1px solid rgba(69, 102, 122, .12);
}


.eks-elternrat-page .eks-er-direct-contact h3 {
  margin-bottom: 14px;

  font-size: 22px;
}


.eks-elternrat-page .eks-er-direct-contact p {
  font-size: 15px;
}


.eks-elternrat-page .eks-er-mail-pattern {
  display: block;

  margin-bottom: 22px;

  color: var(--er-blue);

  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;

  overflow-wrap: anywhere;
}


.eks-elternrat-page .eks-er-signature {
  padding-top: 20px;

  border-top:
    1px solid rgba(69, 102, 122, .1);

  line-height: 1.9;
}


.eks-elternrat-page .eks-er-signature strong {
  color: var(--er-ink);

  font-weight: 600;
}


.eks-elternrat-page .eks-er-bottom-link {
  margin-top: 24px;
}



/* HOVER */

@media (hover: hover) and (pointer: fine) {

  .eks-elternrat-page .eks-er-button:hover,
  .eks-elternrat-page .eks-er-document:hover {
    transform: translateY(-2px);

    box-shadow:
      inset 0 1px 0 #fff,
      0 18px 42px rgba(45, 70, 85, .12);
  }


  .eks-elternrat-page .eks-er-text-link:hover {
    text-decoration: underline;

    text-underline-offset: 4px;
  }

}



/* TABLET */

@media (max-width: 980px) {

  .eks-elternrat-page .eks-er-hero-grid {
    grid-template-columns: 1fr;

    gap: 32px;
  }


  .eks-elternrat-page .eks-er-invite {
    max-width: 680px;
  }


  .eks-elternrat-page .eks-er-meeting,
  .eks-elternrat-page .eks-er-contact {
    grid-template-columns: 1fr;

    gap: 28px;

    padding: 34px;
  }


  .eks-elternrat-page .eks-er-meeting-details,
  .eks-elternrat-page .eks-er-direct-contact {
    padding-left: 0;
    padding-top: 26px;

    border-left: 0;

    border-top:
      1px solid rgba(69, 102, 122, .12);
  }


  .eks-elternrat-page .eks-er-person {
    padding: 26px;
  }

}



/* SMARTPHONE */

@media (max-width: 760px) {

  .eks-elternrat-page .eks-er-wrap {
    width: calc(100% - 32px);
  }


  .eks-elternrat-page .eks-er-hero {
    padding: 54px 0;
  }


  .eks-elternrat-page h1 {
    font-size:
      clamp(34px, 9vw, 48px);
  }


  .eks-elternrat-page h2 {
    font-size:
      clamp(27px, 6.8vw, 34px);
  }


  .eks-elternrat-page .eks-er-section {
    padding: 50px 0;
  }


  .eks-elternrat-page .eks-er-section-head {
    margin-bottom: 26px;
  }


  .eks-elternrat-page .eks-er-team {
    grid-template-columns: 1fr;

    gap: 18px;
  }


  .eks-elternrat-page .eks-er-glass {
    border-radius: 25px;
  }


  .eks-elternrat-page .eks-er-invite,
  .eks-elternrat-page .eks-er-person,
  .eks-elternrat-page .eks-er-meeting,
  .eks-elternrat-page .eks-er-contact {
    padding: 24px;
  }


  .eks-elternrat-page .eks-er-person-head {
    gap: 13px;
  }


  .eks-elternrat-page .eks-er-person h3 {
    font-size: 23px;
  }


  .eks-elternrat-page .eks-er-initials {
    flex-basis: 52px;

    width: 52px;
    height: 52px;

    border-radius: 17px;
  }


  .eks-elternrat-page .eks-er-button {
    padding: 13px 18px;
  }


  .eks-elternrat-page .eks-er-document {
    grid-template-columns:
      52px
      minmax(0, 1fr);

    gap: 18px;

    padding: 24px;
  }


  .eks-elternrat-page .eks-er-document-icon {
    width: 52px;
    height: 62px;

    border-radius: 16px;
  }


  .eks-elternrat-page .eks-er-document-copy strong {
    font-size: 20px;
  }


  .eks-elternrat-page .eks-er-document-action {
    grid-column: 2;
  }


  .eks-elternrat-page .eks-er-contact-section {
    padding-top: 0;
  }

}



/* Sehr kleine Smartphones */

@media (max-width: 360px) {

  .eks-elternrat-page .eks-er-actions {
    align-items: stretch;

    flex-direction: column;
  }


  .eks-elternrat-page .eks-er-email {
    padding-inline: 12px;

    font-size: 14px;
  }


  .eks-elternrat-page .eks-er-person h3 {
    font-size: 21px;
  }

}



/* Bewegungsreduktion */

@media (prefers-reduced-motion: reduce) {

  .eks-elternrat-page a {
    transition: none;
  }


  .eks-elternrat-page a:hover {
    transform: none;
  }

}



/* Transparenzreduktion */

@media (prefers-reduced-transparency: reduce) {

  .eks-elternrat-page .eks-er-glass {
    background: #f4f8fa;

    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

}



/* Fallback */

@supports not (overflow: clip) {

  .eks-elternrat-page {
    overflow-x: hidden;
  }


  html:has(.eks-elternrat-page),
  body:has(.eks-elternrat-page) {
    overflow-x: hidden;
  }

}/* End custom CSS */