/* Hessen Server: Stile des Bestellformulars hessen_bestellung (Phase 5, Katalog Bestellstrecke, Alex 19.10.2026).
   standard_cart lädt diese Datei über common.tpl ({assetExists file="custom.css"}) auf jeder Seite der Strecke,
   auch auf Seiten ohne eigene Kopie. Farben, Schrift, Knöpfe und Felder kommen aus dem Theme hessen (custom.css);
   hier stehen nur die Bausteine der Strecke. Kopien und Abweichungen: LIESMICH.md (nur im Repo). */

/* --- Seiten ohne eigene Kopie (standard_cart-Markup) ---
   .cart-body ist in standard_cart eine Spalte (Bootstrap-Raster mit 15 px Innenabstand), in der weitere .row
   stehen. Nexus setzt diesen Innenabstand auf 0 (theme.min.css, !important); jede innere .row ragt dann mit
   ihrem -15 px Rand heraus, auf dem Handy 14 px über den Bildschirm. Hier gilt wieder der Spaltenabstand. */
html body #order-standard_cart .cart-body { padding-left: 15px !important; padding-right: 15px !important; }

/* --- Paketwahl C "Vergleichstabelle" (products.tpl) --- */
.hs-shop-c-leiste { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px 40px; margin-bottom: 28px; }
.hs-shop-c-unter { max-width: 34ch; padding-top: 10px; font-size: 18px; line-height: 1.5; color: var(--hs-grau); }
.hs-shop-c-schalter { width: min(100%, 380px); }
.hs-shop-c-laufzeit { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-shop-c-laufzeit label { position: relative; flex: 1; margin: 0; }
.hs-shop-c-laufzeit span { display: flex; align-items: center; justify-content: center; height: 42px; border-radius: 10px; font-weight: 650; color: var(--hs-grau); cursor: pointer; transition: background-color .2s, color .2s; }
.hs-shop-c-laufzeit label:hover span { color: var(--hs-tinte); }
.hs-shop-c-laufzeit input:checked + span { background: var(--hs-tinte); color: #fff; }
.hs-shop-c-laufzeit input:focus-visible + span { outline: 2px solid var(--hs-blau); outline-offset: 2px; }
.hs-shop-c-spar { margin-top: 10px; font-size: 14.5px; color: var(--hs-grau); text-align: center; }
.hs-shop-c-spar b { color: var(--hs-gruen); }
.hs-shop-c-karte { border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -56px rgba(11,31,68,.5); }
.hs-shop-c-tabelle { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
/* Kopfzeile bleibt beim Scrollen unter dem Kopf des Themes (80 px) stehen */
.hs-shop-c-tabelle thead :is(th, td) { position: sticky; top: 80px; z-index: 2; padding: 28px 22px 22px; background: #fff; box-shadow: inset 0 -1px 0 var(--hs-linie); text-align: left; vertical-align: top; }
.hs-shop-c-tabelle thead tr > :first-child { border-top-left-radius: 24px; }
.hs-shop-c-tabelle thead tr > :last-child { border-top-right-radius: 24px; }
.hs-shop-c-ecke span { display: block; max-width: 22ch; padding-top: 6px; font-size: 14px; line-height: 1.45; color: var(--hs-grau); }
.hs-shop-c-tabelle thead th { font-weight: 400; }
.hs-shop-c-tabelle thead th > span { display: block; }
.hs-shop-c-name { font-family: var(--hs-display); font-size: 23px; font-weight: 750; letter-spacing: -0.015em; }
.hs-shop-c-betrag { margin-top: 8px; font-weight: 600; color: var(--hs-grau); }
.hs-shop-c-betrag b { font-family: var(--hs-display); font-size: clamp(30px, 2.8vw, 38px); font-weight: 750; line-height: 1; letter-spacing: -0.03em; color: var(--hs-tinte); white-space: nowrap; }
.hs-shop-c-neben, .hs-shop-c-ersparnis { margin-top: 4px; font-size: 14px; color: var(--hs-grau); }
.hs-shop-c[data-hs-zyklus="jaehrlich"] .hs-shop-c-ersparnis { font-weight: 700; color: var(--hs-gruen-text); }
.hs-shop-c-tabelle thead .hs-knopf { width: 100%; height: 46px; margin-top: 16px; padding: 0 12px; }
.hs-shop-c-tabelle tbody :is(th, td) { padding: 14px 22px; border-top: 1px solid var(--hs-linie); text-align: left; vertical-align: middle; }
.hs-shop-c-tabelle tbody tr:first-child :is(th, td) { border-top: 0; }
.hs-shop-c-tabelle tbody th { font-weight: 600; }
.hs-shop-c-tabelle tbody td { font-family: var(--hs-display); font-size: 18px; font-weight: 700; }
.hs-shop-c-tabelle tbody tr:hover :is(th, td) { background: var(--hs-nebel); }
.hs-shop-c-tabelle tbody td :is(span, svg) { display: inline-block; vertical-align: middle; }
.hs-shop-c-tabelle tbody td .hs-i { width: 20px; height: 20px; stroke-width: 2.2; color: var(--hs-blau); }
.hs-shop-c-tabelle tbody td .hs-i + span:not(.sr-only) { margin-left: 6px; font-family: var(--hs-schrift); font-size: 15.5px; font-weight: 600; }
.hs-shop-c-tabelle tbody td .hs-shop-c-nein { color: var(--hs-rand); }
.hs-shop-c-grau { font-family: var(--hs-schrift); font-size: 14.5px; font-weight: 500; color: var(--hs-grau); }
.hs-shop-c[data-hs-zyklus="monatlich"] [data-nur="jaehrlich"], .hs-shop-c[data-hs-zyklus="jaehrlich"] [data-nur="monatlich"] { display: none !important; }
.hs-shop-c-tabelle tbody tr:last-child :is(th, td):first-child { border-bottom-left-radius: 24px; }
.hs-shop-c-tabelle tbody tr:last-child :is(th, td):last-child { border-bottom-right-radius: 24px; }
.hs-shop-c-unten { display: none; }
.hs-shop-c-fussnote { margin-top: 22px; font-size: 14px; color: var(--hs-grau); }
/* Beschreibungen aus der Datenbank: im Shop je Paket als Ausklapper */
.hs-shop-c-mehr { display: grid; gap: 10px; margin-top: 28px; }
.hs-shop-c-mehr details { border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-shop-c-mehr summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 22px; font-weight: 650; cursor: pointer; list-style: none; }
.hs-shop-c-mehr summary::-webkit-details-marker { display: none; }
.hs-shop-c-mehr summary::after { content: "+"; font-size: 22px; font-weight: 500; line-height: 1; color: var(--hs-blau); }
.hs-shop-c-mehr details[open] summary::after { content: "\2212"; }
.hs-shop-c-mehr summary:focus-visible { outline: 3px solid var(--hs-blau); outline-offset: 2px; border-radius: 18px; }
.hs-shop-c-mehr-text { font-size: 15.5px; line-height: 1.65; color: var(--hs-tinte); overflow-wrap: anywhere; }
.hs-shop-c-mehr .hs-shop-c-mehr-text { max-width: 78ch; padding: 0 22px 20px; }
.hs-shop-c-mehr-text small { font-size: 13.5px; color: var(--hs-grau); }
/* Weitere Bestellwege (statt der Seitenleiste von standard_cart) */
.hs-shop-c-wege { display: flex; flex-wrap: wrap; gap: 14px 56px; margin-top: clamp(40px, 4vw, 56px); padding-top: 24px; border-top: 1px solid var(--hs-linie); }
.hs-shop-c-wege div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 22px; }
.hs-shop-c-wege p { color: var(--hs-grau); }
/* Keine Kategorie gewählt */
.hs-shop-c-keine { display: grid; gap: 20px; justify-items: start; max-width: 640px; padding: clamp(26px, 3.4vw, 44px); border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-shop-c-keine p { color: var(--hs-grau); }
.hs-shop-c-keine p b { display: block; font-family: var(--hs-display); font-size: 21px; color: var(--hs-tinte); }
.hs-shop-c-keine div { display: flex; flex-wrap: wrap; gap: 10px; }
/* Einfache Liste, wenn Preise oder Ausstattung fehlen (andere Gruppe, Abfrage gescheitert) */
.hs-shop-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.hs-shop-liste-paket { display: grid; gap: 12px; align-content: start; padding: 24px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-shop-liste-paket h2 { font-size: 23px; font-weight: 750; }
.hs-shop-liste-preis { color: var(--hs-grau); }
.hs-shop-liste-preis b { font-family: var(--hs-display); font-size: 26px; color: var(--hs-tinte); }
.hs-shop-liste .hs-shop-c-fussnote { grid-column: 1 / -1; }
@media (max-width: 760px) {
    .hs-shop-c-tabelle, .hs-shop-c-tabelle :is(thead, tbody) { display: block; }
    .hs-shop-c-tabelle tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hs-shop-c-tabelle thead :is(th, td) { position: static; padding: 20px 10px 18px; }
    .hs-shop-c-tabelle thead tr > :first-child, .hs-shop-c-tabelle thead tr > :last-child { border-radius: 0; }
    .hs-shop-c-tabelle thead tr > th:nth-child(2) { border-top-left-radius: 20px; padding-left: 16px; }
    .hs-shop-c-tabelle thead tr > th:last-child { border-top-right-radius: 20px; }
    .hs-shop-c-ecke { display: none !important; }
    .hs-shop-c-name { font-size: 18px; }
    .hs-shop-c-betrag { font-size: 13px; }
    .hs-shop-c-betrag b { display: block; font-size: 24px; }
    .hs-shop-c-tabelle thead .hs-shop-c-neben { display: none; }
    .hs-shop-c-ersparnis { font-size: 12.5px; line-height: 1.35; }
    .hs-shop-c-tabelle thead .hs-knopf, .hs-shop-c-unten .hs-knopf { height: auto; min-height: 44px; padding: 6px 8px; font-size: 14px; line-height: 1.2; white-space: normal; }
    .hs-shop-c-tabelle tbody tr { padding: 12px 0; border-top: 1px solid var(--hs-linie); }
    .hs-shop-c-tabelle tbody tr:first-child { border-top: 0; }
    .hs-shop-c-tabelle tbody :is(th, td) { padding: 0 10px; border: 0; }
    .hs-shop-c-tabelle tbody td:nth-child(2) { padding-left: 16px; }
    .hs-shop-c-tabelle tbody th { grid-column: 1 / -1; padding: 0 16px 4px; font-size: 14px; color: var(--hs-grau); }
    .hs-shop-c-tabelle tbody td { font-size: 16px; }
    .hs-shop-c-tabelle tbody td .hs-i + span:not(.sr-only) { display: none; }
    .hs-shop-c-tabelle tbody tr:hover :is(th, td) { background: none; }
    .hs-shop-c-grau { font-size: 13px; }
    .hs-shop-c-unten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 16px 10px 16px 16px; border-top: 1px solid var(--hs-linie); }
    .hs-shop-c-karte { border-radius: 20px; }
}

/* --- Gemeinsam in den Kopien --- */
/* WHMCS blendet mit .w-hidden aus und mit .show() (Inline-Stil) wieder ein, ohne die Klasse zu entfernen. Gegen
   .hs-knopf (Theme, gleichrangig) braucht .w-hidden mehr Gewicht, aber kein !important, sonst bleibt .show() wirkungslos. */
.hs-bs .w-hidden { display: none; }
/* iCheck (base.js) ersetzt Radios und Checkboxen durch eigene Hüllen; hier im Stil des Themes */
.hs-bs .iradio_square-blue, .hs-bs .icheckbox_square-blue { position: relative; flex: none; width: 20px; height: 20px; margin: 2px 0 0; background: #fff; box-shadow: inset 0 0 0 1.5px var(--hs-feldrand); transition: box-shadow .2s, background-color .2s; }
.hs-bs .iradio_square-blue { border-radius: 50%; }
.hs-bs .iradio_square-blue.checked { box-shadow: inset 0 0 0 6px var(--hs-blau); }
.hs-bs .icheckbox_square-blue { border-radius: 6px; }
.hs-bs .icheckbox_square-blue.checked { background: var(--hs-blau) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center; box-shadow: none; }
.hs-bs .iradio_square-blue.disabled, .hs-bs .icheckbox_square-blue.disabled { opacity: .5; }
/* Nexus färbt gewählte und überfahrene iCheck-Felder per Filter grau bis schwarz (body .iradio_square-blue.checked) */
.hs-bs .iradio_square-blue.checked, .hs-bs .iradio_square-blue.hover, .hs-bs .icheckbox_square-blue.checked, .hs-bs .icheckbox_square-blue.hover { filter: none; }
/* standard_cart gibt den Weiter-Knöpfen eigene Farben über ihre id (#btnDomainContinue: schwarz) */
#order-standard_cart #btnDomainContinue.hs-knopf-blau, #order-standard_cart #btnCompleteProductConfig.hs-knopf-blau { border: 0; background: var(--hs-blau); color: #fff; }
#order-standard_cart #btnDomainContinue.hs-knopf-blau:hover, #order-standard_cart #btnCompleteProductConfig.hs-knopf-blau:hover { background: var(--hs-tief); }
.hs-bs .iradio_square-blue:focus-within, .hs-bs .icheckbox_square-blue:focus-within { outline: 2px solid var(--hs-blau); outline-offset: 2px; }
/* Felder wie im Theme (1,5 px Rand, 12 px Radius, eigener Pfeil): Nexus (body #order-standard_cart .form-control,
   8 px) und standard_cart (#order-standard_cart .form-control, Rand #ddd) übersteuern sonst die Theme-Regeln.
   Gewicht bewusst unter #order-standard_cart .hs-dsuch .form-control (Suchzeile ohne eigenen Rand); beim Fokus
   nur die Randfarbe, den Ring tragen die Seiten selbst. */
html body #order-standard_cart .form-control { border: 1.5px solid var(--hs-feldrand); border-radius: 12px; }
html body #order-standard_cart .form-control:focus { border-color: var(--hs-blau); }
html body #order-standard_cart .hs-login-b .form-control { border-radius: 14px; }
html body #order-standard_cart select.form-control { appearance: none; -webkit-appearance: none; padding-right: 46px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2352607a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center; }
/* Unsichtbares reCAPTCHA: WHMCS (recaptcha.js) hängt div.g-recaptcha mit nur dem festen Badge ans Formular, wenn
   es keinen .recaptcha-container gibt; im Raster wäre das eine leere Zeile mit Abstand */
.hs-bs form > .g-recaptcha { position: absolute; }

/* --- Domain zum Paket C "Paket an der Seite" (configureproductdomain.tpl) --- */
.hs-dwahl-c { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 20px clamp(20px, 2.4vw, 32px); align-items: start; }
.hs-dwahl-c > * { min-width: 0; }
.hs-dwahl-c-blatt { padding: clamp(24px, 3.4vw, 44px); border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -56px rgba(11,31,68,.5); }
.hs-dwahl-c-frage { float: left; width: 100%; margin-bottom: 16px; font-family: var(--hs-display); font-size: 22px; font-weight: 750; letter-spacing: -0.015em; }
/* Nexus rahmt die Optionsliste (body #order-standard_cart .domain-selection-options), daher html body davor */
html body #order-standard_cart .hs-dwahl-c-liste { clear: both; margin: 0; border: 0; border-top: 1px solid var(--hs-linie); border-radius: 0; background: none; }
html body #order-standard_cart .hs-dwahl-c-liste .option { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--hs-linie); border-radius: 0; background: none; box-shadow: none; }
.hs-dwahl-c-optkopf { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: start; gap: 14px; margin: 0; padding: 18px 2px; font-weight: 400; cursor: pointer; }
.hs-dwahl-c-symbol { width: 22px; height: 22px; margin-top: 1px; color: var(--hs-blau); }
.hs-dwahl-c-optkopf b { display: block; font-size: 17px; font-weight: 650; line-height: 1.35; }
.hs-dwahl-c-optkopf > span > span { display: block; margin-top: 2px; font-size: 15px; color: var(--hs-grau); }
.hs-dwahl-c-liste .option-selected .hs-dwahl-c-optkopf b { color: var(--hs-blau); }
#order-standard_cart .hs-dwahl-c-eingabe { margin: 0; padding: 0 2px 22px 70px; }
.hs-dsuch-zeile { display: flex; gap: 10px; }
.hs-dsuch { display: flex; flex: 1 1 auto; align-items: stretch; min-width: 0; min-height: 56px; border: 1.5px solid var(--hs-feldrand); border-radius: 14px; background: #fff; transition: box-shadow .15s, border-color .15s; }
.hs-dsuch:focus-within { border-color: var(--hs-blau); box-shadow: 0 0 0 4px rgba(15,71,175,.15); }
.hs-dsuch-www { display: flex; align-items: center; padding-left: 16px; font-weight: 500; color: var(--hs-grau); }
.hs-dsuch-punkt { display: flex; align-items: center; padding: 0 2px; font-weight: 650; color: var(--hs-grau); }
#order-standard_cart .hs-dsuch .form-control { flex: 1 1 0; width: 0; min-width: 0; height: auto; margin: 0; padding: 0 6px 0 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 17px; }
#order-standard_cart .hs-dsuch .hs-dsuch-endung { flex: none; width: auto; padding: 0 38px 0 14px; border-left: 1.5px solid var(--hs-linie); border-radius: 0 12px 12px 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2352607a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; font-weight: 650; appearance: none; -webkit-appearance: none; cursor: pointer; }
#order-standard_cart .hs-dsuch .hs-dsuch-endung-frei { flex: none; width: 5.2em; font-weight: 650; }
/* Anpassbare Liste (Theme, Chrome/Edge) richtet die Breite nach der gewählten Endung; so springt das Feld nicht */
#order-standard_cart .hs-dsuch .hs-dsuch-endung { min-width: 104px; }
.hs-dwahl-c-korb { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .hs-dwahl-c-korb .form-control { height: 56px; }
.hs-dsuch-knopf { flex: none; height: auto; min-height: 56px; padding: 0 26px; }
.hs-dwahl-c-erweitert { display: grid; gap: 10px; margin-bottom: 10px; }
/* Übertragen, eigene Domain, Subdomain: zweite Liste unter dem Suchergebnis (.hs-dwahl-c-weitere). Ohne Ergebnis
   wirken beide Listen wie eine (die Linie dazwischen trägt die zweite). Ist dort eine Option gewählt, steht das
   Ergebnis darunter; :checked nur am Radio, sonst träfe es auch die gewählte <option> der Endungen. */
.hs-dwahl-c-blatt { display: flex; flex-direction: column; }
html body #order-standard_cart .hs-dwahl-c-blatt:has(.hs-dwahl-c-weitere) > form .hs-dwahl-c-liste > .option:last-child { border-bottom: 0; }
.hs-dwahl-c-blatt:has(.hs-dwahl-c-weitere) .hs-dergebnis #DomainSearchResults { margin-bottom: 28px; }
.hs-dwahl-c-blatt:has(.hs-dwahl-c-weitere input[name="domainoption"]:checked) > .hs-dergebnis { order: 1; }
.hs-dwahl-c-blatt:has(.hs-dwahl-c-weitere input[name="domainoption"]:checked) .hs-dergebnis #DomainSearchResults { margin-bottom: 0; }
/* Ergebnis der Suche (WHMCS füllt und blendet per Skript), gemeinsam für Domain zum Paket und Domain registrieren */
/* WHMCS blendet #DomainSearchResults per fadeIn (display:block) ein: Abstände daher an den Kindern */
.hs-dergebnis #DomainSearchResults { margin-top: 28px; }
.hs-dergebnis #DomainSearchResults > * + * { margin-top: 24px; }
.hs-dergebnis #DomainSearchResults > .primary-domain-header + #searchDomainInfo, .hs-dergebnis #DomainSearchResults > .primary-domain-header + .primary-domain-header { margin-top: 8px; }
#order-standard_cart .hs-dergebnis .primary-domain-header { margin: 0; padding: 0; border: 0; background: none; font-size: 13.5px; font-weight: 650; color: var(--hs-grau); }
#order-standard_cart .hs-dergebnis .domain-checker-result-headline { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-radius: 14px; background: var(--hs-nebel); font-size: 16px; font-weight: 600; color: var(--hs-grau); }
#order-standard_cart .hs-dergebnis #primaryLookupResult { padding: 20px 22px; border-radius: 16px; background: var(--hs-nebel); text-align: left; }
#order-standard_cart .hs-dergebnis .headline { margin: 0 0 6px; font-family: var(--hs-display); font-size: 21px; font-weight: 750; letter-spacing: -0.01em; }
#order-standard_cart .hs-dergebnis .domain-checker-available { color: var(--hs-gruen-text); }
#order-standard_cart .hs-dergebnis .domain-checker-unavailable { color: var(--hs-tinte); }
#order-standard_cart .hs-dergebnis .domain-price { margin-top: 8px; font-size: 15px; color: var(--hs-grau); }
#order-standard_cart .hs-dergebnis .domain-price .price { margin-left: 6px; font-family: var(--hs-display); font-size: 22px; font-weight: 750; color: var(--hs-tinte); }
#order-standard_cart .hs-dergebnis #primaryLookupResult p { margin-top: 4px; }
.hs-dergebnis-zwischen { margin-bottom: 12px; font-family: var(--hs-display); font-size: 19px; font-weight: 700; letter-spacing: -0.01em; }
#order-standard_cart .hs-dergebnis .spotlight-tlds { margin: 24px 0 0; padding: 0; border: 0; background: none; }
#order-standard_cart .hs-dergebnis .spotlight-tlds-container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; width: auto; margin: 0; padding: 0; }
/* Kennzeichen Angebot/Neu/Beliebt als Etikett statt Schrägband */
#order-standard_cart .hs-dergebnis .spotlight-tld > [class^="spotlight-tld-"] { position: static; justify-self: start; width: auto; height: auto; margin: 0 0 2px; padding: 1px 7px; border: 0; border-radius: 6px; background: var(--hs-zart); box-shadow: none; transform: none; font-family: var(--hs-schrift); font-size: 12.5px; font-weight: 700; line-height: 1.5; text-transform: none; color: var(--primary-700); }
#order-standard_cart .hs-dergebnis .spotlight-tld-container { display: flex; float: none; width: auto; padding: 0; }
#order-standard_cart .hs-dergebnis .spotlight-tld { display: grid; flex: 1 1 auto; align-content: start; gap: 6px; height: auto; overflow: visible; margin: 0; padding: 16px 16px 14px; border: 0; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--hs-linie); font-family: var(--hs-display); font-size: 22px; font-weight: 750; line-height: 1.2; text-align: left; color: var(--hs-tinte); }
#order-standard_cart .hs-dergebnis .spotlight-tld .price { font-family: var(--hs-schrift); font-size: 15px; font-weight: 600; color: var(--hs-grau); }
#order-standard_cart .hs-dergebnis .spotlight-tld .btn, #order-standard_cart .hs-dergebnis .domain-suggestion .btn { height: 38px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--hs-blau); font-family: var(--hs-schrift); font-size: 14.5px; font-weight: 650; color: #fff; }
#order-standard_cart .hs-dergebnis .btn.unavailable, #order-standard_cart .hs-dergebnis .btn.invalid { background: var(--hs-grau-flaeche); color: var(--hs-grau); }
#order-standard_cart .hs-dergebnis .btn-add-to-cart.checkout, #order-standard_cart .hs-dergebnis .btn-add-to-cart.added { background: var(--hs-gruen-flaeche); color: var(--hs-gruen-text); }
#order-standard_cart .hs-dergebnis .suggested-domains { margin: 24px 0 0; border: 0; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--hs-linie); }
#order-standard_cart .hs-dergebnis .suggested-domains .card-header { padding: 16px 20px; border: 0; border-bottom: 1px solid var(--hs-linie); background: none; font-family: var(--hs-display); font-size: 18px; font-weight: 700; color: var(--hs-tinte); }
#order-standard_cart .hs-dergebnis .domain-suggestion { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 20px; border: 0; border-top: 1px solid var(--hs-linie); background: none; font-size: 17px; text-align: left; }
#order-standard_cart .hs-dergebnis .domain-suggestion .extension { font-weight: 700; }
.hs-dergebnis-vorschlag { min-width: 0; overflow-wrap: anywhere; }
#order-standard_cart .hs-dergebnis .domain-suggestion .actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
#order-standard_cart .hs-dergebnis .domain-suggestion .price { font-weight: 650; white-space: nowrap; }
#order-standard_cart .hs-dergebnis .more-suggestions { padding: 12px 20px; border: 0; border-top: 1px solid var(--hs-linie); background: none; text-align: left; }
#order-standard_cart .hs-dergebnis .more-suggestions a { font-weight: 650; color: var(--hs-blau); text-decoration: underline; text-underline-offset: 4px; }
#order-standard_cart .hs-dergebnis .domain-suggestions-warning { padding: 12px 20px 16px; font-size: 13.5px; color: var(--hs-grau); text-align: left; }
/* Paket an der Seite, Fassung ruhig */
.hs-dwahl-c-paket { position: sticky; top: 104px; padding: clamp(24px, 2.4vw, 32px); border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -52px rgba(11,31,68,.5); }
.hs-dwahl-c-paket-titel { position: relative; padding-top: 16px; font-size: 14.5px; font-weight: 650; color: var(--hs-grau); }
.hs-dwahl-c-paket-titel::before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 3px; border-radius: 2px; background: var(--hs-blau); }
.hs-dwahl-c-paket-name { margin-top: 2px; font-size: 32px; font-weight: 750; line-height: 1.1; letter-spacing: -0.025em; }
.hs-dwahl-c-paket-kurz { margin-top: 4px; font-size: 15px; color: var(--hs-grau); }
.hs-dwahl-c-paket-preis { margin-top: 14px; color: var(--hs-grau); }
.hs-dwahl-c-paket-preis b { font-family: var(--hs-display); font-size: 24px; font-weight: 750; color: var(--hs-tinte); }
.hs-dwahl-c-aendern { margin-left: 8px; font-size: 15px; }
.hs-dwahl-c-paket-zyklus { margin-top: 2px; font-size: 14.5px; color: var(--hs-grau); }
.hs-dwahl-c-paket-gratis { display: flex; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--hs-linie); font-size: 15px; color: var(--hs-grau); }
.hs-dwahl-c-paket-gratis .hs-i { margin-top: 1px; color: var(--hs-blau); }
.hs-dwahl-c-paket-gratis-ja .hs-i { color: var(--hs-gruen-text); }
.hs-dwahl-c-paket-domain { margin-top: 18px; padding: 16px 18px 18px; border-radius: 16px; background: var(--hs-nebel); }
.hs-dwahl-c-paket-domain p { font-size: 14px; color: var(--hs-grau); }
.hs-dwahl-c-paket-domain b { display: block; font-family: var(--hs-display); font-size: 20px; font-weight: 750; overflow-wrap: anywhere; }
.hs-dwahl-c-paket-domain > span { display: block; color: var(--hs-grau); }
#order-standard_cart .hs-dwahl-c-paket-domain #btnDomainContinue { width: 100%; height: 52px; margin-top: 14px; }
@media (max-width: 960px) {
    .hs-dwahl-c { grid-template-columns: minmax(0, 1fr); }
    .hs-dwahl-c-paket { position: static; }
}
@media (max-width: 640px) {
    .hs-dwahl-c-blatt, .hs-dwahl-c-paket { border-radius: 20px; }
    #order-standard_cart .hs-dwahl-c-eingabe { padding: 0 0 20px; }
    .hs-dwahl-c-optkopf { gap: 12px; }
    .hs-dsuch-zeile { flex-direction: column; }
    .hs-dsuch-knopf { width: 100%; min-height: 52px; }
    .hs-dsuch-www { padding-left: 12px; }
    #order-standard_cart .hs-dergebnis .spotlight-tlds-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #order-standard_cart .hs-dergebnis .domain-suggestion .actions { flex-direction: row-reverse; justify-content: space-between; width: 100%; margin-left: 0; }
}

/* --- Zweispaltig mit ruhiger Übersicht rechts: hs-zweispaltig, hs-uebersicht-* (Paket konfigurieren B, Warenkorb A,
   später Kasse); dazu die Teile von Paket konfigurieren B mit hs-konf-b-* (configureproduct.tpl, ordersummary.tpl) --- */
#order-standard_cart .hs-zweispaltig { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 20px clamp(20px, 2.4vw, 32px); align-items: start; margin: 0; }
.hs-zweispaltig > * { min-width: 0; }
/* standard_cart: Spalten mit float; float:none sagt dem WHMCS-Skript, dass es die Übersicht nicht verschieben soll */
#order-standard_cart .hs-zweispaltig .secondary-cart-body, #order-standard_cart .hs-zweispaltig .secondary-cart-sidebar { float: none; width: auto; padding: 0; }
/* Spalte minmax(0, 1fr): sonst wächst das Raster mit dem breitesten Inhalt (Knöpfe, PayPal) über den Rand */
.hs-zweispaltig-haupt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.hs-konf-b-paket { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px 36px; padding: clamp(22px, 2.6vw, 30px); border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-konf-b-paket h2 { font-size: 30px; font-weight: 750; letter-spacing: -0.022em; line-height: 1.1; }
.hs-konf-b-paket p { max-width: 36ch; margin-top: 6px; font-size: 15.5px; color: var(--hs-grau); }
.hs-konf-b-paket dl { display: grid; grid-template-columns: repeat(4, auto); gap: 8px 26px; }
.hs-konf-b-paket dl div { display: flex; flex-direction: column-reverse; }
.hs-konf-b-paket dt { font-size: 13.5px; font-weight: 400; color: var(--hs-grau); }
.hs-konf-b-paket dd { font-family: var(--hs-display); font-size: 22px; font-weight: 750; letter-spacing: -0.015em; }
#order-standard_cart .hs-konf-b-block { margin: 0; padding: clamp(22px, 2.6vw, 30px); border: 0; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-konf-b-block legend { float: left; width: 100%; margin-bottom: 6px; font-family: var(--hs-display); font-size: 20px; font-weight: 700; }
.hs-konf-b-block legend span { margin-left: 8px; font-family: var(--hs-schrift); font-size: 15px; font-weight: 500; color: var(--hs-grau); }
.hs-konf-b-block legend + * { clear: both; }
#order-standard_cart .hs-konf-b-feld { margin: 0; }
.hs-konf-b-feld label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 650; }
#order-standard_cart .hs-konf-b-feld select { width: 100%; max-width: 420px; }
.hs-konf-b-domain { display: flex; gap: 10px; margin-top: 14px; padding: 14px 16px; border-radius: 14px; background: var(--hs-zart); font-size: 15.5px; line-height: 1.5; }
.hs-konf-b-domain[hidden] { display: none; }
.hs-konf-b-domain .hs-i { margin-top: 1px; color: var(--hs-blau); }
.hs-konf-b-domain-ja { background: var(--hs-gruen-flaeche); }
.hs-konf-b-domain-ja .hs-i { color: var(--hs-gruen-text); stroke-width: 2.2; }
.hs-konf-b-domain b { overflow-wrap: anywhere; }
.hs-konf-b-weitere .sub-heading { margin: 0 0 10px; border: 0; }
.hs-konf-b-weitere .sub-heading span { padding: 0; background: none; font-family: var(--hs-display); font-size: 20px; font-weight: 700; color: var(--hs-tinte); }
/* Zusatzoptionen als Liste: dieselben .panel-addon wie in WHMCS */
#order-standard_cart .hs-konf-b-addons { margin: 0; }
#order-standard_cart .hs-konf-b-addons .panel-addon { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--hs-linie); border-radius: 0; background: none; box-shadow: none; text-align: left; cursor: pointer; }
#order-standard_cart .hs-konf-b-addons .panel-addon:last-child { padding-bottom: 0; border-bottom: 0; }
.hs-konf-b-haken { display: flex; gap: 12px; margin: 0; font-weight: 400; cursor: pointer; }
.hs-konf-b-haken b { display: block; font-size: 16.5px; font-weight: 650; }
.hs-konf-b-haken small { display: block; max-width: 56ch; margin-top: 2px; font-size: 14.5px; color: var(--hs-grau); }
.panel-addon-selected .hs-konf-b-haken b { color: var(--hs-blau); }
#order-standard_cart .hs-konf-b-addons .panel-addon .hs-konf-b-addon-preis { flex: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 15px; font-weight: 650; color: var(--hs-tinte); text-align: right; white-space: nowrap; }
.hs-konf-b-fragen { padding: 4px 4px 0; font-size: 15.5px; color: var(--hs-grau); }
/* Übersicht rechts, Fassung ruhig */
/* standard_cart setzt .secondary-cart-sidebar auf position:relative (mit id); ohne dieses Gewicht wirkt top als Versatz */
#order-standard_cart .hs-zweispaltig .hs-uebersicht { position: sticky; top: 104px; padding: clamp(24px, 2.6vw, 32px); border-radius: 26px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -52px rgba(11,31,68,.5); }
/* Nexus gestaltet .order-summary mit body #order-standard_cart ...; daher hier html body davor */
html body #order-standard_cart .hs-uebersicht-summe { position: relative; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--hs-tinte); }
html body #order-standard_cart .hs-uebersicht-summe .loader { position: absolute; inset: 0; z-index: 2; padding-top: 40%; border-radius: 12px; background: rgba(255,255,255,.75); font-size: 28px; color: var(--hs-blau); text-align: center; }
html body #order-standard_cart .hs-uebersicht-summe h2.hs-uebersicht-titel { position: relative; margin: 0 0 6px; padding: 16px 0 0; border: 0; border-radius: 0; background: none; font-family: var(--hs-display); font-size: 20px; font-weight: 750; letter-spacing: -0.015em; text-align: left; color: var(--hs-tinte); }
.hs-uebersicht-titel::before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 3px; border-radius: 2px; background: var(--hs-blau); }
html body #order-standard_cart .hs-uebersicht-summe .summary-container { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 16px; line-height: 1.5; }
.hs-uebersicht-posten li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hs-linie); }
.hs-uebersicht-posten b { display: block; font-weight: 650; }
.hs-uebersicht-posten small { display: block; font-size: 14px; color: var(--hs-grau); }
.hs-uebersicht-betrag { font-weight: 650; white-space: nowrap; }
.hs-uebersicht-klein span { font-size: 15px; color: var(--hs-grau); }
#order-standard_cart .hs-uebersicht-gesamt { margin-top: 14px; padding: 0; border: 0; background: none; text-align: left; }
.hs-uebersicht-gesamt p:first-child { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; font-weight: 650; }
#order-standard_cart .hs-uebersicht-gesamt b { display: inline; font-family: var(--hs-display); font-size: 32px; font-weight: 750; line-height: 1.1; letter-spacing: -0.02em; white-space: nowrap; color: var(--hs-tinte); }
.hs-uebersicht-mwst { margin-top: 2px; font-size: 14px; color: var(--hs-grau); text-align: right; }
.hs-uebersicht-danach { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: var(--hs-nebel); font-size: 14.5px; color: var(--hs-grau); }
#order-standard_cart .hs-uebersicht-knopf { width: 100%; height: 54px; margin-top: 20px; font-size: 17px; }
@media (max-width: 1100px) { .hs-konf-b-paket { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1000px) {
    #order-standard_cart .hs-zweispaltig { grid-template-columns: minmax(0, 1fr); }
    #order-standard_cart .hs-zweispaltig .hs-uebersicht { position: static; }
}
@media (max-width: 640px) {
    .hs-konf-b-paket dl { grid-template-columns: repeat(2, auto); justify-content: start; }
    .hs-konf-b-paket, #order-standard_cart .hs-konf-b-block { border-radius: 20px; }
    #order-standard_cart .hs-konf-b-addons .panel-addon { flex-direction: column; gap: 6px; }
    #order-standard_cart .hs-konf-b-addons .panel-addon .hs-konf-b-addon-preis { padding-left: 32px; text-align: left; }
    #order-standard_cart .hs-zweispaltig .hs-uebersicht { border-radius: 22px; }
}

/* --- Domains C "Preise immer im Blick" (domainregister.tpl, domaintransfer.tpl, configuredomains.tpl) --- */
.hs-domain-c { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 20px clamp(20px, 2.4vw, 32px); align-items: start; }
.hs-domain-c > * { min-width: 0; }
.hs-domain-c-einzeln { grid-template-columns: minmax(0, 1fr); max-width: 780px; }
.hs-domain-c-haupt { display: grid; gap: 20px; }
.hs-domain-c-blatt { padding: clamp(24px, 3.4vw, 40px); border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -56px rgba(11,31,68,.5); }
.hs-domain-c-einl { margin-bottom: 22px; font-size: 17px; color: var(--hs-grau); }
.hs-domain-c-klein { margin-top: 20px; font-size: 13.5px; color: var(--hs-grau); }
/* Suche */
.hs-domain-c-lupe { align-self: center; flex: none; width: 22px; height: 22px; margin-left: 16px; color: var(--hs-grau); }
#order-standard_cart .hs-domain-c .hs-dsuch .form-control { padding-left: 10px; }
.hs-domain-c-erweitert { display: grid; gap: 10px; }
.hs-domain-c-captcha { margin-top: 14px; }
/* Unter dem Suchfeld die hervorgehobenen Endungen; WHMCS blendet .domain-pricing bei der Suche aus */
html body #order-standard_cart .hs-domain-c-vorab { margin: 0; padding: 0; border: 0; background: none; }
html body #order-standard_cart .hs-domain-c-featured { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: 16px 0 0; padding: 0; font-size: 15px; color: var(--hs-grau); }
html body #order-standard_cart .hs-domain-c-featured .featured-tld { display: inline; height: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
html body #order-standard_cart .hs-domain-c-featured .featured-tld b { color: var(--hs-tinte); }
html body #order-standard_cart .hs-domain-c-featured .price { display: inline; margin: 0 0 0 4px; padding: 0; border: 0; background: none; font-size: inherit; font-weight: 500; color: inherit; }
/* Ergebnis: Grundstile in .hs-dergebnis (oben); hier umschließt #searchDomainInfo Lader und Treffer */
#order-standard_cart .hs-domain-c .hs-dergebnis #searchDomainInfo.domain-checker-result-headline { display: block; padding: 0; border-radius: 0; background: none; }
#order-standard_cart .hs-domain-c .hs-dergebnis #primaryLookupSearching { display: flex; align-items: center; gap: 12px; margin: 0; padding: 18px 20px; border-radius: 14px; background: var(--hs-nebel); font-size: 16px; font-weight: 600; color: var(--hs-grau); }
#order-standard_cart .hs-dergebnis .domain-price .btn-add-to-cart { height: 42px; margin-left: 14px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--hs-blau); font-family: var(--hs-schrift); font-size: 15px; font-weight: 650; color: #fff; }
/* Zwei Hinweise unter dem Blatt */
.hs-domain-c-hinweise { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hs-domain-c-hinweis { display: grid; align-content: start; justify-items: start; gap: 10px; padding: clamp(22px, 2.6vw, 30px); border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-domain-c-hinweis h2 { font-size: 21px; font-weight: 750; letter-spacing: -0.01em; }
.hs-domain-c-hinweis p { color: var(--hs-grau); }
.hs-domain-c-hinweis p b { font-weight: 650; color: var(--hs-tinte); }
.hs-domain-c-hinweis .hs-domain-c-klein { margin-top: 4px; }
/* Preisliste rechts */
.hs-domain-c-seite { position: sticky; top: 104px; padding: clamp(22px, 2.4vw, 28px); border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-domain-c-preise-titel { font-size: 21px; font-weight: 750; letter-spacing: -0.01em; }
.hs-domain-c-katlabel { margin-top: 12px; font-size: 14px; color: var(--hs-grau); }
.hs-domain-c-kats { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
html body #order-standard_cart .hs-domain-c-kats .badge { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 6px 12px; border: 1.5px solid var(--hs-linie); border-radius: 999px; background: #fff; font-family: var(--hs-schrift); font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--hs-tinte); text-decoration: none; }
html body #order-standard_cart .hs-domain-c-kats .badge span { font-weight: 500; color: var(--hs-grau); }
html body #order-standard_cart .hs-domain-c-kats .badge.badge-success { border-color: var(--hs-blau); background: var(--hs-blau); color: #fff; }
html body #order-standard_cart .hs-domain-c-kats .badge.badge-success span { color: rgba(255,255,255,.85); }
html body #order-standard_cart .hs-domain-c-kats .badge:focus-visible { outline: 3px solid var(--hs-blau); outline-offset: 2px; }
.hs-domain-c-preise { margin-top: 16px; }
.hs-domain-c-preiszeile { display: grid; grid-template-columns: minmax(0, 1.1fr) repeat(3, minmax(0, 1fr)); gap: 8px; align-items: baseline; padding: 10px 2px; border-top: 1px solid var(--hs-linie); font-size: 15px; }
.hs-domain-c-preise-zwei .hs-domain-c-preiszeile { grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 1fr)); }
.hs-domain-c-preiszeile:first-child { padding-top: 0; border-top: 0; font-size: 13px; font-weight: 650; color: var(--hs-grau); }
.hs-domain-c-preiszeile > :not(:first-child) { text-align: right; }
.hs-domain-c-preiszeile b { font-family: var(--hs-display); font-size: 16.5px; font-weight: 750; }
.hs-domain-c-preiszeile small { display: block; font-size: 12.5px; color: var(--hs-grau); }
html body #order-standard_cart .hs-domain-c-preiszeile .tld-sale-group { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 6px; background: var(--hs-zart); font-size: 11.5px; font-weight: 700; line-height: 1.6; text-transform: none; color: var(--primary-700); vertical-align: middle; }
.hs-domain-c-preise .no-tlds { display: none; padding: 14px 2px; border-top: 1px solid var(--hs-linie); color: var(--hs-grau); }
.hs-domain-c-preise-fuss { margin-top: 14px; font-size: 13.5px; color: var(--hs-grau); }
/* Übertragen */
.hs-domain-c-titel { font-size: 24px; font-weight: 750; letter-spacing: -0.015em; }
.hs-domain-c-titel + .hs-domain-c-einl { margin-top: 6px; }
.hs-domain-c-transfer { display: grid; gap: 18px; padding-top: 24px; border-top: 1px solid var(--hs-linie); }
.hs-domain-c-untertitel { font-size: 18px; font-weight: 700; }
#order-standard_cart .hs-domain-c-feld { margin: 0; }
/* standard_cart setzt Labels in #order-standard_cart klein und grau */
#order-standard_cart .hs-domain-c-feld label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 650; color: var(--hs-tinte); }
.hs-domain-c-hilfe { margin-top: 8px; font-size: 15px; }
.hs-domain-c-hilfe summary { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--hs-blau); cursor: pointer; list-style: none; }
.hs-domain-c-hilfe summary::-webkit-details-marker { display: none; }
.hs-domain-c-hilfe p { max-width: 60ch; margin-top: 6px; color: var(--hs-grau); }
.hs-domain-c-absenden { display: flex; justify-content: flex-end; }
#order-standard_cart #btnTransferDomain.hs-knopf-blau { min-width: 220px; height: 52px; border: 0; background: var(--hs-blau); color: #fff; }
#order-standard_cart #btnTransferDomain.hs-knopf-blau:hover { background: var(--hs-tief); }
/* Domains konfigurieren */
.hs-domain-c-konf { padding: 0; }
.hs-domain-c-konf > .hs-domain-c-einl { margin: 0; padding: clamp(24px, 3.4vw, 40px) clamp(26px, 3.4vw, 44px); }
.hs-domain-c-konf > .alert { margin: 0 clamp(26px, 3.4vw, 44px) 24px; }
.hs-domain-c-abschnitt { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 18px clamp(32px, 5vw, 72px); padding: clamp(26px, 3.4vw, 44px); border-top: 1px solid var(--hs-linie); }
.hs-domain-c-abschnitt > * { min-width: 0; }
.hs-domain-c-erkl h2 { font-size: 21px; font-weight: 750; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.hs-domain-c-erkl p { max-width: 34ch; margin-top: 8px; font-size: 15.5px; color: var(--hs-grau); }
.hs-domain-c-felder { display: grid; gap: 18px; }
.hs-domain-c-angaben { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; margin: 0; }
.hs-domain-c-angaben dt { font-size: 14px; font-weight: 400; color: var(--hs-grau); }
.hs-domain-c-angaben dd { margin: 2px 0 0; font-weight: 650; }
.hs-domain-c-ja { display: inline-flex; align-items: center; gap: 6px; color: var(--hs-gruen-text); }
.hs-domain-c-hilfetext { margin-top: 6px; font-size: 14.5px; color: var(--hs-grau); }
.hs-domain-c-zusatz { display: grid; gap: 6px; }
.hs-domain-c-zusatzname { font-size: 15px; font-weight: 650; }
/* Zusatzfeld mit Ankreuzfeld: Haken (iCheck-Hülle) vor dem Namen, die Erklärung des Moduls darunter. Das Modul gibt
   ihr Inline-Stile (12 px, eigener Abstand); Größe und Abstand daher mit !important wie die übrigen Hilfetexte */
html body #order-standard_cart .hs-domain-c-zusatz-haken { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-items: start; margin: 0; font-size: 15px; font-weight: 400; color: var(--hs-tinte); cursor: pointer; }
.hs-domain-c-zusatz-haken > .icheckbox_square-blue, .hs-domain-c-zusatz-haken > input { grid-area: 1 / 1; }
.hs-domain-c-zusatz-haken > .hs-domain-c-zusatzname { grid-area: 1 / 2; }
.hs-domain-c-zusatz-haken > span:not(.hs-domain-c-zusatzname) { grid-area: 2 / 2; margin-top: 2px !important; font-size: 14.5px !important; color: var(--hs-grau) !important; }
.hs-domain-c-nsraster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.hs-domain-c-fusszeile { display: flex; justify-content: flex-end; padding: 22px clamp(26px, 3.4vw, 44px); border-radius: 0 0 24px 24px; background: var(--hs-nebel); }
.hs-domain-c-fusszeile .hs-knopf { min-width: 220px; height: 52px; }
@media (max-width: 1100px) {
    .hs-domain-c { grid-template-columns: minmax(0, 1fr); }
    .hs-domain-c-seite { position: static; }
}
@media (max-width: 960px) {
    .hs-domain-c-abschnitt { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    .hs-domain-c-blatt, .hs-domain-c-seite, .hs-domain-c-hinweis { border-radius: 20px; }
    .hs-domain-c-hinweise, .hs-domain-c-angaben, .hs-domain-c-nsraster { grid-template-columns: minmax(0, 1fr); }
    .hs-domain-c-lupe { margin-left: 12px; }
    .hs-domain-c-fusszeile { border-radius: 0 0 20px 20px; }
    .hs-domain-c-fusszeile .hs-knopf, #order-standard_cart #btnTransferDomain.hs-knopf-blau { width: 100%; }
    .hs-domain-c-absenden { display: block; }
}

/* --- Warenkorb A "Tabelle und Kassenzettel" (viewcart.tpl); Raster und Übersicht aus hs-zweispaltig/hs-uebersicht --- */
.hs-wkorb-a-karte { border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -56px rgba(11,31,68,.5); }
/* standard_cart gestaltet Kopfzeile und Positionen über #order-standard_cart .view-cart-items(-header) */
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zeile { display: grid; grid-template-columns: minmax(0, 1fr) 130px 130px; gap: 6px 20px; align-items: start; margin: 0; padding: 18px clamp(20px, 2.6vw, 30px); border: 0; border-top: 1px solid var(--hs-linie); border-radius: 0; background: none; font-size: 16px; color: var(--hs-tinte); }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-mitmenge .hs-wkorb-a-zeile { grid-template-columns: minmax(0, 1fr) 110px 120px 130px; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-kopf { padding-top: 16px; padding-bottom: 12px; border-top: 0; font-size: 13.5px; font-weight: 650; color: var(--hs-grau); }
html body #order-standard_cart .hs-wkorb-a .view-cart-items { margin: 0; padding: 0; border: 0; background: none; }
/* standard_cart färbt jede zweite Position (.item:nth-child(even)) */
html body #order-standard_cart .hs-wkorb-a .view-cart-items .item.hs-wkorb-a-zeile { background: none; }
.hs-wkorb-a-was { display: grid; justify-items: start; gap: 2px; min-width: 0; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-name { display: block; font-family: var(--hs-display); font-size: 18px; font-weight: 750; letter-spacing: -0.01em; line-height: 1.3; color: var(--hs-tinte); overflow-wrap: anywhere; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-unter { display: block; font-size: 14.5px; font-weight: 400; color: var(--hs-grau); overflow-wrap: anywhere; }
.hs-wkorb-a-optionen { font-size: 14px; color: var(--hs-grau); }
.hs-wkorb-a-gratis { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 14px; font-weight: 600; color: var(--hs-gruen-text); }
.hs-wkorb-a-aktionen { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 8px; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-aktion { display: inline-flex; align-items: center; gap: 6px; height: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--hs-blau); text-decoration: none; cursor: pointer; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-aktion:hover { color: var(--hs-tief); text-decoration: underline; text-underline-offset: 3px; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-aktion:focus-visible { outline: 3px solid var(--hs-blau); outline-offset: 2px; border-radius: 4px; }
.hs-wkorb-a-zyklus { font-size: 15px; color: var(--hs-grau); }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zyklus .cycle { display: inline; font-size: inherit; color: inherit; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-preis { padding: 0; text-align: right; font-size: 16px; font-weight: 650; color: var(--hs-tinte); }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-preis > span { display: block; font-size: inherit; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-preis small { display: block; margin-top: 2px; font-size: 13.5px; font-weight: 400; color: var(--hs-grau); }
/* Umbruch nur nach "Verlängerung", nicht zwischen Betrag und "€/1 Jahr" */
.hs-wkorb-a-preis .renewal-price { white-space: nowrap; }
.hs-wkorb-a-frei { color: var(--hs-gruen-text); }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zusatz { padding-top: 12px; border-top-style: dashed; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zusatz .hs-wkorb-a-was { padding-left: 16px; border-left: 2px solid var(--hs-zart); }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zusatz .hs-wkorb-a-name { font-family: var(--hs-schrift); font-size: 16px; font-weight: 650; }
.hs-wkorb-a-menge { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#order-standard_cart .hs-wkorb-a-menge .form-control { width: 70px; height: 40px; padding: 0 8px; text-align: center; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-kopf .hs-wkorb-a-menge, html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-kopf .hs-wkorb-a-preis { display: block; font-size: inherit; font-weight: inherit; color: inherit; }
/* Leerer Warenkorb */
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-leer { display: grid; justify-items: center; gap: 10px; padding: clamp(36px, 5vw, 64px) 24px; border: 0; background: none; text-align: center; color: var(--hs-grau); }
.hs-wkorb-a-leer-symbol { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--hs-nebel); color: var(--hs-blau); }
.hs-wkorb-a-leer-symbol .hs-i { width: 28px; height: 28px; }
.hs-wkorb-a-leer h2 { font-size: 24px; font-weight: 750; color: var(--hs-tinte); }
.hs-wkorb-a-leer div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
#order-standard_cart .hs-wkorb-a-istleer { grid-template-columns: minmax(0, 1fr); }
#order-standard_cart .hs-wkorb-a-istleer .hs-uebersicht, .hs-wkorb-a-istleer .hs-wkorb-a-kopf, .hs-wkorb-a-istleer .hs-wkorb-a-unten { display: none !important; }
/* Angebotscode, Steuer, Leeren */
.hs-wkorb-a-unten { display: grid; gap: 16px; padding: 0 4px; }
#order-standard_cart .hs-wkorb-a-codeform label, #order-standard_cart .hs-wkorb-a-feld label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 650; color: var(--hs-tinte); }
.hs-wkorb-a-codezeile { display: flex; gap: 10px; max-width: 520px; }
#order-standard_cart .hs-wkorb-a-codezeile .form-control { flex: 1 1 auto; min-width: 0; }
.hs-wkorb-a-codezeile .hs-knopf { flex: none; height: 48px; }
.view-cart-promotion-code { margin-bottom: 8px; }
.hs-wkorb-a-steuer summary { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--hs-blau); cursor: pointer; }
.hs-wkorb-a-steuer[open] summary { margin-bottom: 12px; }
.hs-wkorb-a-steuerform { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; align-items: end; max-width: 620px; }
#order-standard_cart .hs-wkorb-a-feld { margin: 0; }
.hs-wkorb-a-steuerform .hs-knopf { justify-self: start; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-leeren { margin: 0; padding: 0; border: 0; text-align: left; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-leeren .hs-wkorb-a-aktion { color: var(--hs-grau); }
/* Übersicht rechts */
.hs-wkorb-a-summen { margin: 6px 0 0; }
.hs-wkorb-a-summen > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--hs-linie); }
html body #order-standard_cart .hs-wkorb-a-summen .subtotal { margin: 0; padding: 10px 0; border: 0; border-bottom: 1px solid var(--hs-linie); font-size: inherit; }
.hs-wkorb-a-summen dt { font-weight: 400; color: var(--hs-grau); }
.hs-wkorb-a-summen dd { margin: 0; font-weight: 650; white-space: nowrap; }
.hs-uebersicht-gesamt small { display: block; font-size: 13.5px; font-weight: 400; color: var(--hs-grau); }
html body #order-standard_cart .hs-uebersicht-gesamt p > span, html body #order-standard_cart .hs-uebersicht-gesamt p > span small { display: block; margin: 0; padding: 0; text-align: left; }
html body #order-standard_cart .hs-wkorb-a .recurring-totals { display: block; float: none; margin-top: 14px; padding: 12px 14px; border: 0; text-align: left; }
html body #order-standard_cart .hs-wkorb-a .recurring-totals > span:first-child { display: block; font-weight: 650; color: var(--hs-tinte); }
html body #order-standard_cart .hs-wkorb-a .recurring-totals .recurring-charges { display: block; float: none; font-size: 15px; font-style: normal; text-align: left; color: var(--hs-tinte); }
.hs-wkorb-a .express-checkout-buttons:not(:empty) { margin-top: 16px; }
#order-standard_cart #checkout.hs-knopf-blau { display: flex; justify-content: center; gap: 10px; border: 0; background: var(--hs-blau); color: #fff; }
#order-standard_cart #checkout.hs-knopf-blau:hover { background: var(--hs-tief); }
#order-standard_cart #checkout.disabled { opacity: .45; pointer-events: none; }
html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-einkaufen { display: block; margin-top: 14px; padding: 0; font-size: 15px; text-align: center; }
/* Fenster Entfernen und Leeren (Bootstrap-Modal) */
.hs-wkorb-a-fenster .modal-content { border: 0; border-radius: 22px; box-shadow: 0 30px 80px -30px rgba(11,31,68,.5); }
.hs-wkorb-a-fenster .modal-body { padding: 28px 28px 8px; text-align: left; }
.hs-wkorb-a-fenster .modal-body h2 { font-size: 22px; font-weight: 750; }
.hs-wkorb-a-fenster .modal-body p { margin-top: 8px; color: var(--hs-grau); }
.hs-wkorb-a-fenster .modal-footer { display: flex; justify-content: center; gap: 10px; padding: 16px 28px 24px; border: 0; }
@media (max-width: 640px) {
    .hs-wkorb-a-karte { border-radius: 20px; }
    html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zeile, html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-mitmenge .hs-wkorb-a-zeile { grid-template-columns: minmax(0, 1fr) auto; padding: 16px 18px; }
    html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zeile > .hs-wkorb-a-was, html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zeile > .hs-wkorb-a-menge { grid-column: 1 / -1; }
    html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-zeile > .hs-wkorb-a-menge:empty { display: none; }
    html body #order-standard_cart .hs-wkorb-a .hs-wkorb-a-kopf { display: none; }
    .hs-wkorb-a-codezeile { flex-direction: column; }
    .hs-wkorb-a-steuerform { grid-template-columns: minmax(0, 1fr); }
}

/* --- Kasse B "Bestellung an der Seite", ruhig (checkout.tpl); Felder wie Registrieren (hs-login-b-*, Theme) --- */
html body #order-standard_cart .hs-kasse-b-kunde { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 0; padding: 18px clamp(20px, 2.6vw, 30px); border: 0; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie); }
.hs-kasse-b-kunde p { max-width: 52ch; color: var(--hs-grau); }
.hs-kasse-b-karte { padding: clamp(24px, 3.4vw, 40px); border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -56px rgba(11,31,68,.5); }
/* Enger als Registrieren (Alex 20.10.2026: die Kasse zieht sich): kleinere Abstände und Felder 48 statt 54 px */
.hs-kasse-b-karte.hs-login-b-gruppen, .hs-kasse-b-karte .hs-login-b-gruppen { gap: 30px; }
.hs-kasse-b-karte .hs-login-b-gruppe { gap: 14px; }
.hs-kasse-b-karte .hs-login-b-gruppe > p { margin-top: -4px; }
.hs-kasse-b-karte .hs-login-b-raster2 { gap: 14px 20px; }
.hs-kasse-b-karte .hs-login-b-feld { gap: 6px; }
.hs-kasse-b-karte input.form-control, .hs-kasse-b-karte select.form-control { height: 48px; }
.hs-kasse-b-karte .hs-login-b-pflicht { margin-bottom: -12px; }
/* standard_cart setzt Labels in #order-standard_cart klein und grau */
html body #order-standard_cart .hs-kasse-b .hs-login-b-feld > label { margin: 0; font-size: 15px; font-weight: 650; color: var(--hs-tinte); }
html body #order-standard_cart .hs-kasse-b .hs-login-b-haken { font-size: 16px; font-weight: 400; color: var(--hs-tinte); }
/* Fieldsets und Rasterspalten werden sonst nicht schmaler als ihr Inhalt; die PayPal-Knöpfe kommen mit 500 px */
.hs-kasse-b-karte fieldset { min-width: 0; grid-template-columns: minmax(0, 1fr); }
html body #order-standard_cart .hs-kasse-b-haupt #paymentGatewayInput, html body #order-standard_cart .hs-kasse-b-haupt #paymentGatewayInput * { max-width: 100%; }
/* Konten (angemeldet) und Zahlarten als Auswahlkarten; iCheck setzt .checked auf seine Hülle */
.hs-kasse-b-konten, .hs-kasse-b-zahlliste { display: grid; gap: 10px; }
html body #order-standard_cart .hs-kasse-b-konto { margin: 0; padding: 0; border: 0; background: none; }
html body #order-standard_cart .hs-kasse-b-konto label, html body #order-standard_cart .hs-kasse-b-zahlart { display: flex; align-items: flex-start; gap: 12px; width: 100%; margin: 0; padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--hs-linie); font-size: 16px; font-weight: 400; color: var(--hs-tinte); cursor: pointer; }
html body #order-standard_cart .hs-kasse-b-konto label:has(.checked), html body #order-standard_cart .hs-kasse-b-zahlart:has(.checked) { box-shadow: inset 0 0 0 2px var(--hs-blau); background: var(--hs-nebel); }
.hs-kasse-b-konto .address { display: grid; gap: 2px; }
.hs-kasse-b-konto .address .small { font-size: 14px; color: var(--hs-grau); }
.hs-kasse-b-zahlart span { font-weight: 650; }
html body #order-standard_cart .hs-kasse-b-zahlarten { margin: 0; }
.hs-kasse-b-zahlarten > p { margin-bottom: 10px; color: var(--hs-grau); }
/* Leer zählt es sonst als Rasterzeile mit Abstand; Zahlungsmodule füllen es per Skript */
html body #order-standard_cart .hs-kasse-b-haupt #paymentGatewayInput:empty { display: none; }
html body #order-standard_cart .hs-kasse-b-guthaben { margin: 0 0 12px; padding: 14px 16px; border: 0; border-radius: 14px; background: var(--hs-nebel); }
html body #order-standard_cart .hs-kasse-b-guthaben label { display: flex; gap: 10px; margin: 8px 0 0; font-weight: 400; }
.hs-kasse-b-captcha { display: flex; justify-content: flex-start; }
/* standard_cart gestaltet die Mailingliste (.marketing-email-optin) als Kasten */
html body #order-standard_cart .hs-kasse-b-karte .marketing-email-optin { margin: 0; padding: 0; border: 0; background: none; text-align: left; }
/* Übersicht rechts: Raster und Grundstile aus hs-zweispaltig/hs-uebersicht */
.hs-kasse-b-kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.hs-kasse-b-kopf .hs-textlink { font-size: 14.5px; }
html body #order-standard_cart .hs-kasse-b-seite .hs-uebersicht-gesamt b { font-size: 30px; }
.hs-kasse-b-recht { display: grid; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--hs-linie); font-size: 14px; color: var(--hs-grau); }
.hs-kasse-b-recht a { color: var(--hs-blau); text-decoration: underline; text-underline-offset: 3px; }
.hs-kasse-b-recht .hs-login-b-haken { font-size: 15px; }
/* Zusatz unter dem Haken "sofortiger Beginn", bündig mit dessen Text (Kästchen 22px + Abstand 12px) */
.hs-kasse-b-recht .hs-kasse-b-zusatz { margin-top: -4px; padding-left: 34px; }
.hs-kasse-b-domains { display: grid; gap: 6px; }
.hs-kasse-b-domains ul { display: grid; gap: 4px; margin: 0; padding-left: 18px; list-style: disc; }
#order-standard_cart #btnCompleteOrder.hs-knopf-blau { display: flex; justify-content: center; border: 0; background: var(--hs-blau); color: #fff; }
#order-standard_cart #btnCompleteOrder.hs-knopf-blau:hover { background: var(--hs-tief); }
#order-standard_cart #btnCompleteOrder.hs-knopf-blau[disabled] { opacity: .45; cursor: not-allowed; }
html body #order-standard_cart .hs-kasse-b-sicher { display: flex; gap: 8px; margin: 14px 0 0; padding: 0; border: 0; background: none; font-size: 13px; line-height: 1.45; text-align: left; color: var(--hs-grau); }
.hs-kasse-b-sicher .hs-i { flex: none; width: 16px; height: 16px; margin-top: 2px; }
@media (max-width: 640px) {
    .hs-kasse-b-karte { border-radius: 20px; }
    .hs-kasse-b-karte .hs-login-b-raster2 { grid-template-columns: minmax(0, 1fr); }
    html body #order-standard_cart .hs-kasse-b-kunde .hs-knopf { width: 100%; }
}

/* --- Abschluss C "Mit Beleg" (complete.tpl); Beleg rechts mit hs-uebersicht --- */
#order-standard_cart .hs-fertig-c-einzeln { grid-template-columns: minmax(0, 1fr); max-width: 820px; }
.hs-fertig-c-text { gap: 20px; }
.hs-fertig-c-dank, .hs-fertig-c-weiter { padding: clamp(24px, 3.4vw, 40px); border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-linie), 0 40px 70px -56px rgba(11,31,68,.5); }
.hs-fertig-c-dank { display: grid; justify-items: start; gap: 14px; }
.hs-fertig-c-haken { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--hs-gruen-flaeche); color: var(--hs-gruen-text); }
.hs-fertig-c-haken .hs-i { width: 28px; height: 28px; }
.hs-fertig-c-lead { max-width: 40ch; font-family: var(--hs-display); font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: var(--hs-tinte); }
/* standard_cart gestaltet .order-confirmation als großen Kasten */
html body #order-standard_cart .hs-fertig-c-nummer { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 16px; text-align: left; color: var(--hs-grau); }
html body #order-standard_cart .hs-fertig-c-nummer b { font-weight: 700; color: var(--hs-tinte); }
html body #order-standard_cart .hs-fertig-c-nummer span { font-size: inherit; }
html body #order-standard_cart .hs-fertig-c-beleg .hs-fertig-c-nummer { display: grid; gap: 2px; margin: 4px 0 6px; padding: 12px 14px; border-radius: 12px; background: var(--hs-nebel); font-size: 14px; }
html body #order-standard_cart .hs-fertig-c-beleg .hs-fertig-c-nummer b { font-family: var(--hs-display); font-size: 22px; font-weight: 750; letter-spacing: 0.01em; }
.hs-fertig-c-offen { display: flex; gap: 12px; padding: 18px 20px; border-radius: 16px; background: var(--hs-bernstein-flaeche); color: var(--hs-tinte); }
.hs-fertig-c-offen > .hs-i { flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--hs-bernstein); }
.hs-fertig-c-offen b { display: block; }
.hs-fertig-c-offen p { margin: 4px 0 14px; color: var(--hs-grau); }
.hs-fertig-c-offen > div { min-width: 0; }
.hs-fertig-c-offen .hs-knopf { height: auto; min-height: 48px; white-space: normal; text-align: center; }
.hs-fertig-c-weiter h2 { font-size: 22px; font-weight: 750; letter-spacing: -0.015em; }
.hs-fertig-c-weiter ol { display: grid; gap: 18px; margin: 18px 0 0; padding: 0; list-style: none; }
.hs-fertig-c-weiter li { display: flex; gap: 14px; }
.hs-fertig-c-punkt { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--hs-nebel); font-weight: 750; color: var(--hs-blau); }
.hs-fertig-c-weiter h3 { font-size: 17px; font-weight: 700; }
.hs-fertig-c-weiter li p { margin-top: 2px; color: var(--hs-grau); }
.hs-fertig-c-fragen { padding: 0 4px; font-size: 15px; color: var(--hs-grau); }
.hs-fertig-c-knoepfe { display: flex; flex-wrap: wrap; gap: 10px; }
.hs-fertig-c-status { display: inline-flex; margin-top: 14px; padding: 4px 12px; border-radius: 999px; background: var(--hs-gruen-flaeche); font-size: 14px; font-weight: 700; color: var(--hs-gruen-text); }
.hs-fertig-c-status-offen { background: var(--hs-bernstein-flaeche); color: var(--hs-bernstein); }
@media (max-width: 640px) {
    .hs-fertig-c-dank, .hs-fertig-c-weiter { border-radius: 20px; }
    .hs-fertig-c-lead { font-size: 21px; }
}