/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/source-sans-3/source-sans-3-v18-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/source-sans-3/source-sans-3-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/source-sans-3/source-sans-3-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.l-h1, .l-h2, .l-h3 {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  color: #18171c;
}
.l-h1.highlight, .l-h2.highlight, .l-h3.highlight {
  color: #F6F9FE;
}
.l-h1.center, .l-h2.center, .l-h3.center {
  text-align: center;
}

.l-h1 {
  font-size: clamp(1.875rem, 7vw + 1rem, 3.5rem);
  padding: 0 0 2rem 0;
  line-height: 1.25;
}

.l-h2 {
  font-size: clamp(1.563rem, 7vw + 1rem, 2rem);
  padding: 0 0 1rem 0;
}

.l-h3 {
  font-size: 1.5rem;
  padding: 0 0 0.938rem 0;
}

.l-txt {
  font-family: "Source Sans 3";
  font-size: 1.125rem;
  font-weight: 300;
  padding: 0 0 1rem 0;
}
.l-txt.highlight {
  color: #F6F9FE;
}

.l-link {
  text-decoration: underline;
  font-family: "Source Sans 3";
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  color: #ff0099;
}
.l-link.highlight {
  color: #F6F9FE;
}
.l-link:hover {
  color: #9B9B9B;
}

@media only screen and (min-width: 62rem) and (max-width: 74.938rem) {
  .e-hero-home-content {
    position: absolute;
    top: 4.5rem;
    left: 0;
  }
  .e-hero-home-index-img {
    top: -21px;
    left: 14rem;
  }
}
@media only screen and (min-width: 75rem) {
  .e-hero-home-content {
    position: absolute;
    top: 4.5rem;
    left: 0;
  }
  .e-hero-home-index-img {
    top: 0;
    left: 5.8rem;
  }
}
.e-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f6f9fe;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1607843137);
  z-index: 100;
}

.e-topbar {
  background-color: #ff0099;
}
.e-topbar-txt {
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  color: #f6f9fe;
}
.e-topbar-link {
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-weight: 300;
  color: #f6f9fe;
  text-decoration: none;
}
.e-topbar-pipe {
  padding: 0 0.5rem;
}
.e-topbar-icon {
  fill: #f6f9fe;
  width: 1rem;
  height: 100%;
}
.e-topbar-align-center {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.e-topbar-justify-center {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

#e-sidebar {
  position: fixed;
  top: 40%;
  z-index: 1;
}
#e-sidebar-content {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0.5rem 0.5rem 0;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: radial-gradient(142% 91% at 100% 84%, #f0008a 0%, #ff0099 100%);
}
#e-sidebar-content-txt {
  padding: 0 0.5rem 0;
  font-family: "Source Sans 3";
  font-size: 1.125rem;
  font-weight: 800;
  color: #f6f9fe;
  opacity: 0;
}

#toTop {
  display: none;
  position: fixed;
  opacity: 0.5;
  padding: 1rem;
  bottom: 0;
  right: 2rem;
  z-index: 1;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 0.5rem 0.5rem 0 0;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: radial-gradient(142% 91% at 100% 84%, #9b9b9b 0%, #858585 100%);
  transition: all 0.2s linear;
}
#toTop:hover {
  opacity: 1;
}

.e-navi-content {
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f9fe;
}
.e-navi-dropdown {
  width: 47rem;
  height: -moz-fit-content;
  height: fit-content;
  left: 35rem;
  padding: 2rem 0 0.5rem 0;
  display: flex;
  justify-content: space-around;
  background-color: #f6f9fe;
  border-radius: 0 0 0.5rem 0.5rem;
  position: absolute;
  top: 100%;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1607843137);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s linear;
}
.e-navi-dropdown-list {
  list-style: none;
}
.e-navi-dropdown-list-item {
  padding: 0 0 1.5rem 0;
}
.e-navi-dropdown-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: "Source Sans 3";
  font-weight: 300;
  color: #18171c;
  text-decoration: none;
  transition: all 0.2s linear;
}
.e-navi-dropdown-link:hover {
  color: #ff0099;
}

.e-navi.openSubMenu .e-navi-dropdown {
  opacity: 1;
  pointer-events: auto;
}

.e-navi-content,
.e-navi-links {
  display: flex;
  align-items: center;
}

.e-navi-content {
  justify-content: space-between;
}

.e-navi-link {
  font-family: "Source Sans 3";
  font-weight: 600;
  color: #18171c;
  text-decoration: none;
}
.e-navi-link:hover {
  color: #ff0099;
}

.e-navi .brand {
  width: auto;
  height: 4rem;
}

.e-navi .e-navi-links {
  -moz-column-gap: 20px;
       column-gap: 20px;
  list-style: none;
  align-self: end;
  padding-bottom: 1rem;
}

.e-navi .e-navi-links .e-navi-link {
  transition: all 0.2s linear;
}

.e-navi.openSearch .e-navi-links a {
  opacity: 0;
  pointer-events: none;
}

.e-navi .search-icon {
  fill: none;
  stroke: #ff0099;
  width: 1.125rem;
  height: 100%;
  cursor: pointer;
  display: none;
}

.e-navi .search-box {
  position: absolute;
  right: 3rem;
  height: 45px;
  max-width: 555px;
  border: #ff0099 2px solid;
  border-radius: 0.5rem;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s linear;
}

.e-navi.openSearch .search-box {
  opacity: 1;
  pointer-events: auto;
}

.search-box .search-icon {
  position: absolute;
  top: 75%;
  left: 15px;
  transform: translateY(-50%);
}

.search-box input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  border-radius: 6px;
  background-color: #fff;
  padding: 0 15px 0 70px;
}

.e-navi .navOpenBtn,
.e-navi .navCloseBtn {
  display: none;
}

/* responsive */
@media screen and (max-width: 1160px) {
  .e-navi-content {
    padding: 15px 100px;
  }
  .e-navi-content .search-box {
    right: 150px;
  }
}
@media screen and (max-width: 950px) {
  .e-navi-content {
    padding: 15px 50px;
  }
  .e-navi-content .search-box {
    right: 100px;
    max-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .e-navi .navOpenBtn,
  .e-navi .navCloseBtn {
    display: block;
  }
  .e-navi-content {
    padding: 15px 20px;
  }
  .e-navi-content .brand {
    width: auto;
    height: 2.5rem;
  }
  .e-navi-content .e-navi-links {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    max-width: 280px;
    width: 100%;
    padding-top: 100px;
    row-gap: 30px;
    flex-direction: column;
    background-color: #11101d;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    z-index: 100;
  }
  .e-navi.openNav .e-navi-links {
    left: 0;
  }
  .e-navi .navOpenBtn {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
  }
  .e-navi .navCloseBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
  }
  .e-navi .search-box {
    top: calc(100% + 2rem);
    max-width: calc(100% - 20px);
    right: 50%;
    transform: translateX(50%);
    box-shadow: 0 2px 10px 10px rgba(255, 0, 153, 0.1);
  }
}
.e-hero {
  margin: 8rem 0 6rem 0;
  width: auto;
  height: 20rem;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: radial-gradient(100% 100% at 0% -1%, #858585 0%, #9b9b9b 100%);
}
.e-hero-home {
  margin: 8rem 0 12rem 0;
  width: auto;
  height: 720px;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: radial-gradient(100% 100% at 0% -1%, #858585 0%, #9b9b9b 100%);
}
.e-hero-home-content {
  position: absolute;
  top: 4.5rem;
  left: 0;
}
.e-hero-home-index-img {
  position: absolute;
}

.e-main {
  margin: 0 0 4rem 0;
}
.e-main-content {
  padding: 0 0 6rem 0;
  opacity: 0;
  transition: 600ms ease;
}
.e-main-content.show {
  opacity: 1;
}
.e-main-img {
  position: absolute;
}

.e-footer {
  width: auto;
  height: 14rem;
  background-color: #fdfdff;
}
.e-footer-content .l-link {
  color: #18171c;
  text-decoration: none;
  font-weight: 400;
}
.e-footer-content-brand {
  width: 20rem;
}
.e-footer-index-img {
  position: absolute;
}

.c-button {
  display: inline-block;
  margin: 0 0 2rem 0;
  padding: 1rem 4rem;
  font-family: "Source Sans 3";
  font-size: 1.125rem;
  color: #F6F9FE;
  font-weight: 600;
  text-decoration: none;
  background: radial-gradient(circle, rgb(255, 0, 153) 0%, rgb(240, 0, 138) 100%);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0.5rem;
}
.c-button:hover {
  box-shadow: none;
  background: #9B9B9B;
}
.c-button-secondary {
  display: inline-block;
  margin: 0 0 2rem 0;
  padding: 1rem 4rem;
  font-family: "Source Sans 3";
  font-size: 1.125rem;
  color: #F6F9FE;
  font-weight: 600;
  text-decoration: none;
  background: radial-gradient(circle, #858585 0%, #9b9b9b 100%);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0.5rem;
}
.c-button-secondary:hover {
  box-shadow: none;
  background: #ff0099;
}

.c-panel-index-hero {
  padding: 1.5rem 2rem;
  background-color: #F6F9FE;
  border-radius: 0.5rem;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-panel-index-hero-brand {
  width: auto;
  height: 6rem;
  padding: 1rem 0 0 0;
}

.c-accordion {
  background-color: #fdfdff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  color: #18171c;
  font-size: 1.5rem;
  border: 3px #9B9B9B solid;
  border-radius: 0.5rem;
  outline: none;
  transition: 0.4s;
}
.c-accordion-panel {
  background-color: #fdfdff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-radius: 0 0.5rem 0 0.5rem;
}
.c-accordion-panel .l-txt {
  padding: 1rem;
}

.c-accordion:hover {
  border: 3px #ff0099 solid;
  box-shadow: 0px 0px 10px #ff0099;
}

.c-accordion-active {
  border: 3px #ff0099 solid;
}

.c-news {
  position: relative;
}
.c-news-panel {
  width: auto;
  height: auto;
  margin-right: 1rem;
  padding: 1.5rem 2rem 0.5rem 2rem;
  border: 3px #9B9B9B solid;
  border-radius: 0.5rem;
  background-color: #fdfdff;
}
.c-news-category {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0.5rem 1rem;
  color: #F6F9FE;
  border-radius: 0.5rem;
  background-color: #ff0099;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  bottom: 2rem;
  right: 0.6rem;
}

.c-contact {
  width: 100%;
  height: 44.3rem;
  border: none;
}

.c-list-item {
  font-family: "Source Sans 3";
  font-size: 1.125rem;
  font-weight: 300;
  padding: 0 0 1rem 0;
  list-style: inside;
}

.c-contact-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 200ms ease-in-out;
  z-index: 10000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1668' height='843' viewBox='0 0 1668 843'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0' cy='0' r='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2348cae4'/%3E%3Cstop offset='1' stop-color='%23ade8f4'/%3E%3C/radialGradient%3E%3Cfilter id='Pfad_1' x='0' y='0' width='1668' height='843' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1  0  0  1  0  0)' filter='url(%23Pfad_1)'%3E%3Cpath id='Pfad_1-2' data-name='Pfad 1' d='M1650 618.731V27.5A27.5 27.5 0 0 0 1622.5 0H27.5A27.5 27.5 0 0 0 0 27.5V665.345a27.5 27.5 0 0 0 24.929 27.379l1398.32 131.271.007-.007q10.114 1 20.494 1.012C1557.659 825 1650 732.659 1650 618.75v-.019' transform='translate(9 6)' fill='url(%23radial-gradient)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 1670px;
  height: 830px;
}
.c-contact-modal-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-contact-modal-header .title {
  font-size: 1.25rem;
  font-weight: bold;
}
.c-contact-modal-header .close-button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 1.25rem;
  font-weight: bold;
}
.c-contact-modal-content {
  padding: 10px 15px;
}
.c-contact-modal.active {
  transform: translate(-50%, -50%) scale(1);
}

#overlay {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 9000;
}
#overlay.active {
  opacity: 1;
  pointer-events: all;
}

.c-picture {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

@media (min-width: 768px) {
  .glow-button {
    width: unset;
  }
}
@media (min-width: 1024px) {
  .glow-button {
    width: unset;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  background-color: #f6f9fe;
}
body::-moz-selection {
  color: #f6f9fe;
  background-color: #ff0099;
}
body::selection {
  color: #f6f9fe;
  background-color: #ff0099;
}

.p-impressum-kontakt {
  margin-bottom: 0.5rem;
  padding: 1.5rem 2rem;
  color: #f6f9fe;
  background-color: #ff0099;
  border-radius: 0.5rem;
}
.p-impressum-kontakt a {
  color: #f6f9fe;
  font-weight: 600;
}/*# sourceMappingURL=style.css.map */