/* 30px -> 40px */
/* 60px -> 80px */
/* 90px -> 120px */
/* 120px -> 160px */
/* 20px -> 130px */
/* 10px -> 50px */
/* 24px -> 80px */
/* 40px -> 50px */
.ce_htmlembed {
  padding-block: 5em;
  background-color: #001524;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #ffffff;
}
.ce_htmlembed .inside {
  width: 85%;
  max-width: 1440px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .ce_htmlembed .inside {
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.ce_htmlembed .embed-intro {
  max-width: 42em;
  margin-bottom: 3em;
}
.ce_htmlembed .embed-headline {
  max-width: 14em;
  margin-bottom: 0.5em;
  color: #ffffff;
  text-wrap: balance;
}
.ce_htmlembed .embed-intro-text,
.ce_htmlembed .embed-side-text,
.ce_htmlembed .embed-action-text {
  color: #ffffff;
}
.ce_htmlembed .embed-intro-text p,
.ce_htmlembed .embed-intro-text li,
.ce_htmlembed .embed-intro-text strong,
.ce_htmlembed .embed-intro-text a,
.ce_htmlembed .embed-side-text p,
.ce_htmlembed .embed-side-text li,
.ce_htmlembed .embed-side-text strong,
.ce_htmlembed .embed-side-text a,
.ce_htmlembed .embed-action-text p,
.ce_htmlembed .embed-action-text li,
.ce_htmlembed .embed-action-text strong,
.ce_htmlembed .embed-action-text a {
  color: inherit;
}
.ce_htmlembed .embed-intro-text {
  font-family: "graphit", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: clamp(1.1875rem, 1.036rem + 0.417vw, 1.55rem); /* 19px -> 25px */
}
.ce_htmlembed .embed-side-text,
.ce_htmlembed .embed-action-text {
  font-family: "graphit", sans-serif;
  font-weight: 300;
  line-height: 1.4;
  font-size: clamp(1rem, 1.018rem + 0.108vw, 1.2rem); /* 17px -> 22px */
}
.ce_htmlembed .embed-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3em;
}
.ce_htmlembed .embed-html {
  min-width: 0;
  min-height: 34em;
  padding: 1.5em;
  background: #ffffff;
  border-radius: 3px;
  color: #001524;
}
.ce_htmlembed .embed-html > * {
  width: 100%;
}
.ce_htmlembed .embed-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ce_htmlembed .embed-side-text ul, .ce_htmlembed .embed-side-text ol {
  padding-left: 1.1em;
  margin-bottom: 1.2em;
}
.ce_htmlembed .embed-side-text ul li, .ce_htmlembed .embed-side-text ol li {
  margin-bottom: 0.3em;
}
.ce_htmlembed .embed-side-text ul:last-child, .ce_htmlembed .embed-side-text ol:last-child {
  margin-bottom: 0;
}
.ce_htmlembed .embed-side-text ul {
  list-style: disc;
}
.ce_htmlembed .embed-side-text ul.has-emoticons {
  list-style: none;
  padding-left: 0;
}
.ce_htmlembed .embed-side-text ul.has-emoticons li {
  text-indent: -1.6em;
  margin-left: 1.6em;
}
.ce_htmlembed .embed-side-text ol {
  list-style: decimal;
}
.ce_htmlembed .embed-side-text ul.has-long-children li, .ce_htmlembed .embed-side-text ol.has-long-children li {
  margin-bottom: 1em;
}
.ce_htmlembed .embed-side-text ul {
  padding-left: 0;
  list-style: none;
}
.ce_htmlembed .embed-side-text ul li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 1.25em;
}
.ce_htmlembed .embed-side-text h2,
.ce_htmlembed .embed-side-text h3,
.ce_htmlembed .embed-side-text h4 {
  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;
  color: #ffffff;
}
.ce_htmlembed .embed-side-text h2:first-child,
.ce_htmlembed .embed-side-text h3:first-child,
.ce_htmlembed .embed-side-text h4:first-child {
  margin-top: 0;
}
.ce_htmlembed .embed-side-text h2:last-child,
.ce_htmlembed .embed-side-text h3:last-child,
.ce_htmlembed .embed-side-text h4:last-child {
  margin-bottom: 0;
}
.ce_htmlembed .embed-list-arrow {
  position: absolute;
  top: 0.5em;
  left: 0;
  display: flex;
  width: 1.35em;
}
.ce_htmlembed .embed-list-arrow svg {
  width: 100%;
  height: auto;
}
.ce_htmlembed .embed-list-arrow svg path {
  fill: #F9A27D;
}
.ce_htmlembed .embed-actions {
  padding-top: 2em;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.ce_htmlembed .embed-action-text h2,
.ce_htmlembed .embed-action-text h3,
.ce_htmlembed .embed-action-text h4 {
  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: 1rem; /* 16px fixed */
  margin-bottom: 1em;
  color: #ffffff;
}
.ce_htmlembed .embed-action-text h2:first-child,
.ce_htmlembed .embed-action-text h3:first-child,
.ce_htmlembed .embed-action-text h4:first-child {
  margin-top: 0;
}
.ce_htmlembed .embed-action-text h2:last-child,
.ce_htmlembed .embed-action-text h3:last-child,
.ce_htmlembed .embed-action-text h4:last-child {
  margin-bottom: 0;
}
.ce_htmlembed .embed-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-top: 1.25em;
}
.ce_htmlembed .embed-primary-button,
.ce_htmlembed .embed-secondary-button {
  padding: 1em 1em;
  line-height: 0.8;
  border: 1px solid transparent;
  border-radius: 4em;
  font-size: 0.85em;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.4em;
  transition: all 0.3s ease;
  text-decoration: none;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
}
.ce_htmlembed .embed-primary-button svg path,
.ce_htmlembed .embed-secondary-button svg path {
  transition: all 0.3s ease;
}
.ce_htmlembed .embed-primary-button {
  border-color: #ffffff;
  color: #ffffff;
}
.ce_htmlembed .embed-primary-button:hover {
  border-color: #F9A27D;
  background: #F9A27D;
  color: #001524;
}
.ce_htmlembed .embed-secondary-button {
  border: 0;
  padding-inline: 0;
  color: #ffffff;
}
.ce_htmlembed .embed-secondary-button:hover {
  color: #F9A27D;
}
@media (min-width: 800px) {
  .ce_htmlembed .embed-layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(18em, 0.9fr);
  }
}

.tl_content .ce_htmlembed .inside {
  background: none;
}
.tl_content .ce_htmlembed .embed-html {
  min-height: 10em;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fvhug-technologies.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Ftechnologies%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fvhug-technologies.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Ftechnologies%5C%2Fcss%5C%2Felements%5C%2Fce_htmlembed.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fvhug-technologies.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Ftechnologies%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fvhug-technologies.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Ftechnologies%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAsEsE%3BAACH%3BAACI%3BAACH%3BAACP%3BAACI%3BAACL%3BAACS%3BAC3ErE%3BEACI%2CeDyCc%3BECxCd%2CkBDFG%3BECGH%3BEACA%3BEACA%3BEACA%2CODgBI%3B%3BACdJ%3BECTA%3BEACA%3BEACA%3B%3BAACA%3BEDMA%3BICLI%3BIACA%3BIACA%3B%3B%3BADOJ%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%2CODEA%3BECDA%3B%3BAAGJ%3BAAAA%3BAAAA%3BEAGI%2CODLA%3B%3BACOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAII%3B%3BAAIR%3BEEwBA%2CaH7Ba%3BEG8Bb%2CaH3BS%3BEG4BT%3BEACA%3B%3BAFvBA%3BAAAA%3BEEiCA%2CaH1Ca%3BEG2Cb%2CaHzCO%3BEG0CP%3BEACA%3B%3BAF%5C%2FBA%3BEACI%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%2CYDlCA%3BECmCA%3BEACA%2COD1DD%3B%3BAC4DC%3BEACI%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3B%3BAClBJ%3BEACI%3BEACA%3B%3BAACA%3BEACI%3B%3BAAEJ%3BEACI%3B%3BAAGR%3BEACI%3B%3BAACA%3BEACI%3BEACA%3B%3BAACA%3BEACI%3BEACA%3B%3BAAIZ%3BEACI%3B%3BAAII%3BEACI%3B%3BADHR%3BEACI%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3B%3BAAIR%3BAAAA%3BAAAA%3BEE9EJ%2CaHwBW%3BEGvBX%3BEACA%2CaH4BM%3BEG3BN%2COHCU%3BEGAV%3BEACA%3BEA6BA%2CaHLQ%3BEGMR%3BEACA%3BEF8CQ%2CODnEJ%3B%3BAGTJ%3BAAAA%3BAAAA%3BEACI%3B%3BAAEJ%3BAAAA%3BAAAA%3BEACI%3B%3BAF4EJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%2CMDhFE%3B%3BACoFV%3BEACI%3BEACA%3B%3BAAIA%3BAAAA%3BAAAA%3BEE7GJ%2CaHwBW%3BEGvBX%3BEACA%2CaH4BM%3BEG3BN%2COHCU%3BEGAV%3BEACA%3BEAyCA%2CaHjBQ%3BEGkBR%3BEACA%3BEFiEQ%2CODlGJ%3B%3BAGTJ%3BAAAA%3BAAAA%3BEACI%3B%3BAAEJ%3BAAAA%3BAAAA%3BEACI%3B%3BAF2GJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BAAAA%3BECKA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEDbI%2CaDnGI%3B%3BAEiHR%3BAAAA%3BEACI%3B%3BADZJ%3BEACI%2CcDrHA%3BECsHA%2CODtHA%3B%3BACwHA%3BEACI%2CcDrHE%3BECsHF%2CYDtHE%3BECuHF%2CODjJL%3B%3BACqJH%3BEACI%3BEACA%3BEACA%2CODlIA%3B%3BACoIA%3BEACI%2CODjIE%3B%3BACqIV%3BEACI%3BIACI%3B%3B%3B%3BAAMR%3BEACI%3B%3BAAGJ%3BEACI%22%7D */