@font-face {
  font-family: "SofiaSansCondensed-Black";
  src: url("../fonts/SofiaSansCondensed-Black.ttf") format("truetype");
}
@font-face {
  font-family: "SofiaSans-Black";
  src: url("../fonts/SofiaSans-Black.ttf") format("truetype");
}
@font-face {
  font-family: "SofiaSansCondensed-Regular";
  src: url("../fonts/SofiaSansCondensed-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "SofiaSansCondensed-Bold";
  src: url("../fonts/SofiaSansCondensed-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "SofiaSans-Bold";
  src: url("../fonts/SofiaSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "SofiaSans-Medium";
  src: url("../fonts/SofiaSans-Medium.ttf") format("truetype");
}
body {
  font-family: SofiaSansCondensed-Regular, serif;
  font-size: 1rem;
}

.container {
  max-width: 1440px;
}

a {
  text-decoration: none;
  color: #AF1035;
}
a:hover {
  color: #971A5A;
}

nav {
  background-color: #E5F0C7;
}
nav a {
  text-decoration: none;
  color: black;
  font-family: SofiaSans-Medium, serif;
  font-size: 1rem;
}

.active {
  color: #E94e1b !important;
  font-size: 16px;
  font-family: SofiaSans-Black, serif !important;
}

.nav-links:hover {
  color: #971A5A !important;
}

.button-cta {
  cursor: pointer;
}

.button-cta:hover .button-cta-more {
  fill: #F39200;
}

.navbar-toggler-icon {
  background-image: url("../images/ci/241212_K&E_Website_Icons_Burgermenue.svg"); /* Replace with your image */
  background-size: contain; /* Ensure the image fits properly */
  background-repeat: no-repeat;
  width: 30px; /* Adjust as needed */
  height: 30px;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: url("../images/ci/241212_K&E_Website_Icons_X.svg"); /* Icon for when the menu is open */
}

/* Remove borders from the toggle button */
.navbar-toggler {
  border: none; /* Removes all borders */
}

/* Remove focus outline */
.navbar-toggler:focus {
  outline: none; /* Removes focus outline */
  box-shadow: none; /* Removes any focus-related box shadow */
}

.menu-highlight {
  font-family: SofiaSans-Black, serif;
  line-height: 16px;
}

#menu-spacer {
  height: 152px;
}

@media (max-width: 991px) {
  #menu-spacer {
    height: 70px;
  }
  .spacer {
    height: 30px !important;
  }
}
.hero-h2 {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
}

.hero-h1 {
  padding: clamp(2px, max(0px, 0.0092592593 * (100vw - 360px)), 10px);
  font-size: clamp(46px, max(0px, 0.4 * (100vw - 360px)), 96px);
  font-family: SofiaSans-Black, serif;
  letter-spacing: 0;
  background-image: url("../images/hero/headline-zweizeilig.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}

.trapezoid {
  padding: 2.2rem;
  max-width: 400px;
  margin: 2rem;
  margin-top: 0;
  margin-left: clamp(-10px, max(-25px, 6.25vw), 90px);
  background-color: #dedc00; /* Background color for visibility */
  clip-path: polygon(5% 0%, 100% 5%, 100% 90%, 0% 95%);
  /* Adjust these percentages to change the shape */
  transition: clip-path 0.3s ease-in-out; /* Optional smooth transition for resizing */
}

.hero_container {
  padding-left: clamp(0px, max(0px, 6.25vw), 90px);
}

.slick-prev, .slick-next {
  height: 100% !important;
  position: unset !important;
  width: unset !important;
  padding: 0.4rem;
}

.testimonials .slick-list {
  background-image: url("../images/ci/quote-left.png"), url("../images/ci/quote-right.png");
  background-repeat: no-repeat, no-repeat;
  background-position: calc(0% + 3rem) bottom, calc(100% - 3rem) top;
  background-size: auto, auto;
}

@media only screen and (max-width: 992px) {
  .testimonials .slick-list {
    background-image: none;
  }
  .acc-hide {
    background-image: none;
  }
  .zulassungsnummer {
    margin-bottom: 2rem;
    margin-left: 2rem;
  }
}
.quote {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(14px, max(0px, 0.0185185185 * (100vw - 360px)), 20px);
  max-width: 870px;
}
.quote .quote-author {
  color: #971A5A;
}

.mission {
  margin-top: 4rem;
  padding-left: clamp(0px, max(0px, 0.0833333333 * (100vw - 360px)), 90px);
}
.mission .mission-container {
  padding-left: clamp(0px, max(0px, 0.5092592593 * (100vw - 360px)), 550px);
  padding-top: clamp(20px, max(0px, 0.212962963 * (100vw - 360px)), 230px);
}
.mission .mission-container .mission-h2 {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(35px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  letter-spacing: 0;
  clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
  background-color: #F39200;
  width: fit-content;
  padding-left: clamp(40px, max(0px, 3.125vw), 32px);
  padding-right: clamp(40px, max(0px, 3.125vw), 32px);
}
.mission .mission-container .mission-p {
  margin-top: 5rem;
  margin-left: clamp(0px, max(0px, 0.0833333333 * (100vw - 360px)), 90px);
}

.mission-h2-contact {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(35px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  letter-spacing: 0;
  clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
  background-color: #dedc00;
  width: fit-content;
  padding-left: clamp(40px, max(0px, 9.375vw), 96px);
  padding-right: clamp(40px, max(0px, 9.375vw), 96px);
}

.partner-mission {
  margin-top: 2rem;
}
.partner-mission .partner-mission-container {
  padding-left: clamp(0px, max(0px, 0.2685185185 * (100vw - 360px)), 290px);
  padding-top: clamp(20px, max(0px, 0.0925925926 * (100vw - 360px)), 100px);
}
.partner-mission .partner-mission-container .mission-h2 {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(35px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  letter-spacing: 0;
  clip-path: polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%);
  background-color: #dedc00;
  width: fit-content;
  padding-left: clamp(40px, max(0px, 9.765625vw), 100px);
  padding-right: clamp(40px, max(0px, 9.765625vw), 100px);
}
.partner-mission .partner-mission-container .mission-p {
  margin-top: 2rem;
  margin-left: clamp(0px, max(0px, 0.3055555556 * (100vw - 360px)), 330px);
}

.vorteile {
  margin-top: clamp(40px, max(0px, 19.53125vw), 200px);
  margin-bottom: clamp(40px, max(0px, 19.53125vw), 200px);
}
.vorteile .side-deco {
  right: 0;
  bottom: -110px;
  width: clamp(250px, max(150px, 0.4796296296 * (100vw - 360px)), 518px);
}
@media only screen and (max-width: 992px) {
  .vorteile .side-deco {
    bottom: 0;
  }
  .vorteile .c-wrapper {
    background-image: none !important;
  }
}
.vorteile .vorteile-headline {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
}
.vorteile .vorteile-container {
  background-color: #dedc00; /* Background color for visibility */
  transform: translateY(-100px);
  clip-path: polygon(3% 0%, 100% 7%, 100% 95%, 0% 100%);
  max-width: 541px;
  min-height: 445px;
  padding: 3rem;
}

.header-section .header-section-headline {
  padding-left: clamp(40px, max(0px, 8.7890625vw), 90px);
  padding-right: clamp(40px, max(0px, 8.7890625vw), 90px);
}

.accordion-container {
  max-width: 760px;
  padding-left: clamp(0px, max(0px, 6.25vw), 90px);
  padding-right: clamp(0px, max(0px, 6.25vw), 90px);
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.accordion-container .accordion-h2 {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
  background-image: url("../images/ci/Headline-h2-yellow.png");
  background-repeat: no-repeat;
  max-width: 200px;
  margin-bottom: 1.6rem;
}

.accordion-body {
  padding-top: 0;
}

.accordion-item {
  border: none;
}
.accordion-item .accordion-collapse {
  background: #FDD760;
}

.accordion-button {
  background: #AF1035;
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
  color: white;
}

.accordion-button:not(.collapsed) {
  background: #FDD760;
  color: black;
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("../images/ci/Plus.png");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../images/ci/Minus.png");
}

.textSection2 p {
  margin-top: 5;
  margin-bottom: 5;
}
.textSection2 ul {
  margin-top: 0;
  margin-bottom: 0;
}
.textSection2 .textSection2-h2 {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
  background-image: url("../images/ci/Headline-h2-yellow.png");
  background-repeat: no-repeat;
  max-width: 200px;
  margin-bottom: 1.2rem;
}
.textSection2 .blocks-wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: clamp(0px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  padding-right: clamp(0px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
}
.textSection2 .block-wrapper {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: clamp(15px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  padding-right: clamp(15px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  margin-bottom: 3rem;
}

.textSection3 .block-wrapper {
  margin-right: clamp(15px, max(0px, 0.112962963 * (100vw - 360px)), 122px);
}

.testa-wrapper {
  margin-top: 4rem;
  padding-left: clamp(0px, max(0px, 0.1018518519 * (100vw - 360px)), 110px);
  padding-right: clamp(0px, max(0px, 0.1018518519 * (100vw - 360px)), 110px);
}
.testa-wrapper ul {
  line-height: 20px;
}

.deco-map {
  bottom: -6rem;
  right: 6rem;
}

.mapboxgl-popup-content h3 {
  font-family: SofiaSans-Black, serif;
  font-size: 20px;
  margin-top: 0.6rem;
}

.image-partner-bg {
  clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 97%);
  padding-top: 3rem;
}

.header-section-headline {
  padding-left: clamp(20px, max(0px, 8.7890625vw), 90px);
}
.header-section-headline .text-box {
  padding-left: clamp(20px, max(0px, 0.1018518519 * (100vw - 360px)), 110px);
  padding-right: clamp(20px, max(0px, 0.1018518519 * (100vw - 360px)), 110px);
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-right: 0.5rem;
  max-width: 531px;
  background-color: #dedc00;
  clip-path: polygon(3% 0%, 100% 5%, 100% 95%, 0% 100%);
}
.header-section-headline .text-box h2 {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
}

.partner-header-section-h1 {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(30px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  width: fit-content;
  margin-bottom: 2rem;
}
.partner-header-section-h1 .div-top {
  background-color: #F39200;
  padding-left: clamp(20px, max(0px, 0.0444444444 * (100vw - 360px)), 48px);
  padding-right: clamp(20px, max(0px, 0.0444444444 * (100vw - 360px)), 48px);
  clip-path: polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%);
}
.partner-header-section-h1 .div-bottom {
  background-color: #F39200;
  width: fit-content;
  padding-left: 2rem;
  padding-right: 2rem;
  clip-path: polygon(0% 0%, 100% 0%, 97% 100%, 3% 100%);
}

.header-section-2-h1 {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(40px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  width: fit-content;
  margin-bottom: 2rem;
  background-color: #94bf1f;
  padding-left: clamp(20px, max(0px, 0.1185185185 * (100vw - 360px)), 128px);
  padding-right: clamp(20px, max(0px, 0.1185185185 * (100vw - 360px)), 128px);
  margin-left: clamp(0px, max(0px, 0.0740740741 * (100vw - 360px)), 80px);
  clip-path: polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%);
}

.header-section-2-text {
  background-color: #dedc00;
  padding-left: clamp(20px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  padding-right: clamp(20px, max(0px, 0.1333333333 * (100vw - 360px)), 144px);
  max-width: 645px;
  margin-left: clamp(0px, max(0px, 0.1925925926 * (100vw - 360px)), 208px);
  padding-top: 3rem;
  padding-bottom: clamp(20px, max(0px, 0.0592592593 * (100vw - 360px)), 64px);
}
.header-section-2-text .subline {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 2rem;
}

.header-section-3-h1 {
  font-family: SofiaSans-Black, serif;
  font-size: clamp(40px, max(0px, 0.0888888889 * (100vw - 360px)), 96px);
  width: fit-content;
  margin-bottom: 2rem;
  background-color: #94bf1f;
  padding-left: clamp(20px, max(0px, 0.2222222222 * (100vw - 360px)), 240px);
  padding-right: clamp(20px, max(0px, 0.2222222222 * (100vw - 360px)), 240px);
  margin-left: 5rem;
  clip-path: polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%);
}

.header-section-3 h2 {
  font-family: SofiaSans-Black, serif;
  font-size: 24px;
}

.partner-form {
  font-family: SofiaSansCondensed-Regular, serif;
  font-size: clamp(16px, max(0px, 0.1 * (100vw - 360px)), 24px);
  line-height: 24px;
}
.partner-form .container-from {
  padding-left: clamp(0px, max(0px, 0.1333333333 * (100vw - 360px)), 144px);
  padding-right: clamp(0px, max(0px, 0.1333333333 * (100vw - 360px)), 144px);
}
.partner-form .bewerber-form {
  padding-left: clamp(10px, max(0px, 0.0333333333 * (100vw - 360px)), 36px);
  padding-right: clamp(10px, max(0px, 0.0333333333 * (100vw - 360px)), 36px);
}
.partner-form input[type=text] {
  height: clamp(40px, max(0px, 0.2666666667 * (100vw - 360px)), 64px);
  border-radius: 0;
}
.partner-form select, .partner-form input[type=checkbox], .partner-form textarea {
  border-radius: 0;
}
.partner-form p {
  font-family: SofiaSansCondensed-Regular, serif;
  font-size: clamp(16px, max(0px, 0.1 * (100vw - 360px)), 24px);
  margin-bottom: clamp(5px, max(0px, 0.0148148148 * (100vw - 360px)), 16px);
}
.partner-form .from-h1 {
  font-size: clamp(46px, max(0px, 0.4 * (100vw - 360px)), 96px);
  font-family: SofiaSans-Black, serif;
  letter-spacing: 0;
  background-image: url("../images/hero/headline-zweizeilig.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  width: fit-content;
  padding: 0rem 4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#footer {
  margin-top: 5rem;
  height: 100%;
  background-color: #E5F0C7;
}
#footer #footerNav {
  min-height: 138px;
}
#footer #footerNav a {
  margin-left: clamp(5px, max(0px, 0.0296296296 * (100vw - 360px)), 32px);
  margin-right: clamp(5px, max(0px, 0.0296296296 * (100vw - 360px)), 32px);
  font-family: SofiaSans-Bold, serif;
  font-size: 16px;
  color: black;
  text-decoration: none;
}
#footer .social:hover .social-icon {
  fill: #F39200;
}

/*# sourceMappingURL=main.css.map */