/* Extend the current homepage language to retained pages. The pricing page is intentionally excluded. */
html[data-cb-page] {
  --cb-page-blue: #79aaff;
  --cb-page-gold: #d7aa55;
  --cb-page-line: rgba(255, 255, 255, .15);
}
html[data-cb-page]:not([data-cb-page="preise"]) body {
  background: #05070b !important;
  color: #f1f0eb;
}
html[data-cb-page]:not([data-cb-page="preise"]) main {
  overflow: clip;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type {
  position: relative;
  background-color: #05070b !important;
  background-image:
    radial-gradient(ellipse 48% 65% at 92% 34%, rgba(26, 80, 172, .28), transparent 75%),
    repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(120, 160, 230, .045) 25%) !important;
  border-bottom: 1px solid var(--cb-page-line);
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type::after {
  content: "";
  position: absolute;
  width: min(44vw, 650px);
  aspect-ratio: 1;
  right: -12vw;
  top: 9%;
  border: 1px solid rgba(89, 143, 236, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 64px rgba(66, 116, 210, .018), 0 0 0 128px rgba(66, 116, 210, .012);
  pointer-events: none;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type > .container {
  padding-top: clamp(74px, 8vw, 132px) !important;
  padding-bottom: clamp(62px, 7vw, 110px) !important;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type .container > .max-w-2xl.mx-auto.text-center,
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type .container > .max-w-2xl.mx-auto > .text-center {
  max-width: 1120px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type .container > .max-w-2xl.mx-auto.text-center > p,
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type .container > .max-w-2xl.mx-auto > .text-center > p {
  margin-left: 0 !important;
  margin-right: auto !important;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type .container p.uppercase,
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type .container p[class*="tracking-"] {
  color: var(--cb-page-gold) !important;
  font-size: 11px !important;
  letter-spacing: .13em !important;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type h1 {
  max-width: 1120px;
  margin-inline: 0 !important;
  color: #f1f0eb;
  font-size: clamp(52px, 6.6vw, 106px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.067em !important;
  text-wrap: balance;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type h1 span[class*="gradient"] {
  color: #8dbaff !important;
  background: none !important;
  -webkit-text-fill-color: #8dbaff !important;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type h1 + p {
  max-width: 680px;
  margin-left: 0 !important;
  color: #adb6c5 !important;
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.7;
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:not(:first-of-type) {
  border-top: 1px solid rgba(255, 255, 255, .055);
}
html[data-cb-page]:not([data-cb-page="preise"]) main section:not(:first-of-type) > .container {
  padding-block: clamp(70px, 7vw, 110px);
}
html[data-cb-page]:not([data-cb-page="preise"]) main .card-premium,
html[data-cb-page]:not([data-cb-page="preise"]) main .surface-card {
  border: 1px solid rgba(115, 162, 244, .22) !important;
  background: linear-gradient(145deg, rgba(18, 32, 55, .88), rgba(8, 13, 22, .94)) !important;
  border-radius: 18px !important;
}
html[data-cb-page]:not([data-cb-page="preise"]) main .grid > * {
  min-width: 0;
}
html[data-cb-page]:not([data-cb-page="preise"]) footer {
  background: #090c12 !important;
  border-top-color: var(--cb-page-line) !important;
}
/* Legal text remains document-like and readable. */
html:is([data-cb-page="agb"], [data-cb-page="datenschutz"], [data-cb-page="impressum"]) main section:first-of-type::after {
  display: none;
}
html:is([data-cb-page="agb"], [data-cb-page="datenschutz"], [data-cb-page="impressum"]) main section:first-of-type h1 {
  font-size: clamp(36px, 4.4vw, 62px) !important;
}
html:is([data-cb-page="agb"], [data-cb-page="datenschutz"], [data-cb-page="impressum"]) main .surface-card {
  max-width: 960px;
}
/* Compact first screens for tasks that should lead quickly to an action. */
html:is([data-cb-page="kontakt"], [data-cb-page="faq"], [data-cb-page="website-check"]) main section:first-of-type > .container {
  padding-top: clamp(52px, 5vw, 82px) !important;
}
html:is([data-cb-page="kontakt"], [data-cb-page="faq"], [data-cb-page="website-check"]) main section:first-of-type h1 {
  font-size: clamp(46px, 5.4vw, 88px) !important;
}
@media (max-width: 760px) {
  html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type > .container {
    padding-top: 52px !important;
    padding-bottom: 60px !important;
  }
  html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type h1 {
    font-size: clamp(40px, 10.8vw, 68px) !important;
    overflow-wrap: anywhere;
  }
  html[data-cb-page]:not([data-cb-page="preise"]) main section:first-of-type::after {
    width: 68vw;
    right: -40vw;
    top: 6%;
  }
  html[data-cb-page]:not([data-cb-page="preise"]) main section:not(:first-of-type) > .container {
    padding-block: 62px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-cb-page]:not([data-cb-page="preise"]) main .card-premium {
    transition: none !important;
  }
}