/* 30px -> 40px */
/* 60px -> 80px */
/* 90px -> 120px */
/* 120px -> 160px */
/* 20px -> 130px */
/* 10px -> 50px */
/* 24px -> 80px */
/* 40px -> 50px */
.ce_headline_accordion {
  padding-block: 5em;
  background-color: #ffffff;
  container-type: inline-size;
}
.ce_headline_accordion .inside {
  width: 85%;
  max-width: 1440px;
  margin-inline: auto;
  display: flex;
  gap: 4em;
}
@media (max-width: 767px) {
  .ce_headline_accordion .inside {
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.ce_headline_accordion .main-text {
  flex-basis: 33.3%;
  position: relative;
}
.ce_headline_accordion .main-text .sticky-headline {
  position: sticky;
  top: var(--header-heigth);
}
.ce_headline_accordion .main-text .headline {
  font-family: "graphit", verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  color: #131F25;
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  font-size: clamp(1.625rem, 1.383rem + 0.667vw, 2.125rem);
  /* 26px -> 34px */
  margin-top: 0.25em;
}
.ce_headline_accordion .main-text .headline:first-child {
  margin-top: 0;
}
.ce_headline_accordion .main-text .headline:last-child {
  margin-bottom: 0;
}
.ce_headline_accordion .main-text .overheadline {
  display: block;
}
.ce_headline_accordion .main-text p {
  font-family: "graphit", sans-serif;
  font-weight: 300;
  line-height: 1.4;
  font-size: clamp(1.1rem, 1.018rem + 0.208vw, 1.375rem);
  /* 17px -> 22px */
}
@media (min-width: 820px) {
  .ce_headline_accordion .main-text {
    flex-basis: 40%;
  }
}
.ce_headline_accordion .acc-items {
  flex-basis: 66.6%;
}
@media (min-width: 820px) {
  .ce_headline_accordion .acc-items {
    flex-basis: 60%;
  }
}
.ce_headline_accordion .acc-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-block: 1em;
  margin-bottom: 0;
}
.ce_headline_accordion .acc-item .toggler {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: transparent;
  outline: none;
  border: none;
  width: 100%;
  padding: 0;
}
.ce_headline_accordion .acc-item .toggler:focus-visible {
  outline: auto;
}
.ce_headline_accordion .acc-item .toggler .title {
  font-family: "graphit", verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  color: #131F25;
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  font-weight: 500;
  font-size: clamp(1.125rem, 1.004rem + 0.333vw, 1.375rem);
  /* 18px -> 22px */
  margin-bottom: 1em;
  font-weight: 700;
  margin-bottom: 0;
  text-align: left;
  flex-basis: 90%;
}
.ce_headline_accordion .acc-item .toggler .title:first-child {
  margin-top: 0;
}
.ce_headline_accordion .acc-item .toggler .title:last-child {
  margin-bottom: 0;
}
.ce_headline_accordion .acc-item .toggler svg {
  flex-basis: 10%;
  transition: transform 0.4s ease-in-out;
}
.ce_headline_accordion .acc-item .toggler svg path {
  transition: fill 0.4s ease-in-out;
  fill: #001524;
}
.ce_headline_accordion .acc-item .acc-content {
  transition: height 0.4s ease-in-out;
  overflow: hidden;
  max-width: 42em;
}
.ce_headline_accordion .acc-item .acc-content p:first-child {
  padding-top: 1em;
}
.ce_headline_accordion .acc-item .acc-content ul, .ce_headline_accordion .acc-item .acc-content ol {
  padding-left: 1.1em;
  margin-bottom: 1.2em;
}
.ce_headline_accordion .acc-item .acc-content ul li, .ce_headline_accordion .acc-item .acc-content ol li {
  margin-bottom: 0.3em;
}
.ce_headline_accordion .acc-item .acc-content ul:last-child, .ce_headline_accordion .acc-item .acc-content ol:last-child {
  margin-bottom: 0;
}
.ce_headline_accordion .acc-item .acc-content ul {
  list-style: disc;
}
.ce_headline_accordion .acc-item .acc-content ul.has-emoticons {
  list-style: none;
  padding-left: 0;
}
.ce_headline_accordion .acc-item .acc-content ul.has-emoticons li {
  text-indent: -1.6em;
  margin-left: 1.6em;
}
.ce_headline_accordion .acc-item .acc-content ol {
  list-style: decimal;
}
.ce_headline_accordion .acc-item .acc-content ul.has-long-children li, .ce_headline_accordion .acc-item .acc-content ol.has-long-children li {
  margin-bottom: 1em;
}
.ce_headline_accordion .acc-item.active .toggler svg {
  transform: rotate(90deg);
}
.ce_headline_accordion.has-emoticons .acc-content {
  padding-left: 1.75em;
}
.ce_headline_accordion.has-emoticons .acc-item .title {
  text-indent: -1.6em;
  margin-left: 1.6em;
}
@container (width > 825px) {
  .ce_headline_accordion .acc-item:first-child {
    padding-top: 0 !important;
  }
}
@container (width < 825px) {
  .ce_headline_accordion .inside {
    flex-direction: column;
    gap: 1em;
  }
}
.ce_headline_accordion.bg-grey {
  background: #F2F6F8;
}
.ce_headline_accordion.bg-darkblue {
  background: #001524;
}
.ce_headline_accordion.bg-pattern1, .ce_headline_accordion.bg-pattern2, .ce_headline_accordion.bg-pattern3 {
  background-color: #001524;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ce_headline_accordion.bg-grey .headline, .ce_headline_accordion.bg-darkblue .headline, .ce_headline_accordion.bg-pattern1 .headline, .ce_headline_accordion.bg-pattern2 .headline, .ce_headline_accordion.bg-pattern3 .headline {
  color: #ffffff;
}
.ce_headline_accordion.bg-grey .overheadline, .ce_headline_accordion.bg-darkblue .overheadline, .ce_headline_accordion.bg-pattern1 .overheadline, .ce_headline_accordion.bg-pattern2 .overheadline, .ce_headline_accordion.bg-pattern3 .overheadline {
  color: #ffffff;
}
.ce_headline_accordion.bg-grey p, .ce_headline_accordion.bg-grey li, .ce_headline_accordion.bg-darkblue p, .ce_headline_accordion.bg-darkblue li, .ce_headline_accordion.bg-pattern1 p, .ce_headline_accordion.bg-pattern1 li, .ce_headline_accordion.bg-pattern2 p, .ce_headline_accordion.bg-pattern2 li, .ce_headline_accordion.bg-pattern3 p, .ce_headline_accordion.bg-pattern3 li {
  color: #ffffff;
}
.ce_headline_accordion.bg-grey .acc-item, .ce_headline_accordion.bg-darkblue .acc-item, .ce_headline_accordion.bg-pattern1 .acc-item, .ce_headline_accordion.bg-pattern2 .acc-item, .ce_headline_accordion.bg-pattern3 .acc-item {
  border-color: #eeeeee;
}
.ce_headline_accordion.bg-grey .acc-item .toggler .title, .ce_headline_accordion.bg-darkblue .acc-item .toggler .title, .ce_headline_accordion.bg-pattern1 .acc-item .toggler .title, .ce_headline_accordion.bg-pattern2 .acc-item .toggler .title, .ce_headline_accordion.bg-pattern3 .acc-item .toggler .title {
  color: #eeeeee;
}
.ce_headline_accordion.bg-grey .acc-item .toggler svg path, .ce_headline_accordion.bg-darkblue .acc-item .toggler svg path, .ce_headline_accordion.bg-pattern1 .acc-item .toggler svg path, .ce_headline_accordion.bg-pattern2 .acc-item .toggler svg path, .ce_headline_accordion.bg-pattern3 .acc-item .toggler svg path {
  fill: #ffffff;
}
.ce_headline_accordion.bg-grey a.btn, .ce_headline_accordion.bg-darkblue a.btn, .ce_headline_accordion.bg-pattern1 a.btn, .ce_headline_accordion.bg-pattern2 a.btn, .ce_headline_accordion.bg-pattern3 a.btn {
  background-color: #ffffff;
  border-color: #001524;
  color: #001524;
}
.ce_headline_accordion.bg-grey a.btn:hover, .ce_headline_accordion.bg-darkblue a.btn:hover, .ce_headline_accordion.bg-pattern1 a.btn:hover, .ce_headline_accordion.bg-pattern2 a.btn:hover, .ce_headline_accordion.bg-pattern3 a.btn:hover {
  background-color: #F9A27D;
  border-color: #F9A27D;
  color: #001524;
}
.tl_content .ce_headline_accordion {
  overflow: hidden;
}
.tl_content .ce_headline_accordion .inside {
  display: flex;
}
.tl_content .ce_headline_accordion.black {
  background-color: #000000;
}
.tl_content .ce_headline_accordion.black .main-text h2, .tl_content .ce_headline_accordion.black .main-text p {
  color: #ffffff;
}
.tl_content .ce_headline_accordion.black .acc-content p {
  color: #ffffff;
}
.tl_content .ce_headline_accordion .inside {
  padding-inline: 0;
}
.tl_content .ce_headline_accordion .inside .headline {
  max-width: max-content;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Fvhugtech.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fvonheldenundgestalten%2Fvhugtech-bundle%2Fpublic%2Fcss%2Felements%2Fce_headline_accordion.scss%22%2C%22var%2Fwww%2Fvhosts%2Fvhugtech.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fvonheldenundgestalten%2Fvhugtech-bundle%2Fpublic%2Fcss%2Felements%2F..%2Fincludes%2F.%2F_mixins.scss%22%2C%22var%2Fwww%2Fvhosts%2Fvhugtech.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fvonheldenundgestalten%2Fvhugtech-bundle%2Fpublic%2Fcss%2Felements%2F..%2Fincludes%2F.%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACTG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADcH%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEVE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAFWF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYC%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAErDC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAF0DD%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BACrCC%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAKQ%3BAAAA%3BAAAA%3BADoBT%3BAAAA%3BAAAA%3BAASD%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAMH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC2DE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADnDH%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%22%7D */