/* =====================================================================
   Design v2 – Produkt- und Kassenseiten (Seitenkonzept 10/2026, Etappe 2; EE/14_design/seitenkonzept_2026-10.md)
   /software/infos (body.v2-produkt, resources/views-v2/software.blade.php) und /registrieren (body.v2-kauf,
   resources/views-v2/registration/registration.blade.php). Geladen nur auf diesen Seiten, nach css/v2/laravel.css und
   css/v2/einstieg.css (Dachzeile, Vertrauenszeile, Symbole, Knopfzeile). Gestaltung nach der freigegebenen Vorschau
   (14_design/prototypen/seitenkonzept/vorschau.css, „Produktseite Software“ und „Kauf / Registrierung“).
   Farben nur aus den Marken-Tokens, Abstände im 4er-Raster, mobile-first (min-width).
   ===================================================================== */
:root {
  --z-zart: color-mix(in srgb, var(--ee-rot-zart) 22%, #fff);
  --z-zart-2: color-mix(in srgb, var(--ee-rot-zart) 45%, #fff);
  /* Karten wie auf den CMS-Seiten (inhalt.css, dort nicht geladen) */
  --karte-radius: 20px;
  --karte-schatten: 0 1px 2px rgba(25,25,25,.05), 0 8px 24px -6px rgba(25,25,25,.10);
  --karte-schatten-hoch: 0 2px 4px rgba(25,25,25,.06), 0 20px 44px -12px rgba(25,25,25,.18);
}

/* ---------- gemeinsam ---------- */
:is(.v2-produkt, .v2-kauf) .z-vertrauen a { color: inherit !important; text-decoration: none !important; display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; }
:is(.v2-produkt, .v2-kauf) .z-vertrauen a:hover { color: var(--ee-rot-dunkel) !important; text-decoration: underline !important; }
:is(.v2-produkt, .v2-kauf) .z-vertrauen li { font-size: .9375rem; line-height: 1.45; color: var(--ee-grau-800); }
/* Listen in .by-laravel-content haben sonst Innenabstand links (Vertrauenszeile bündig mit Text und Knöpfen) */
body.v2-rahmen ul.z-vertrauen { padding: 0; }
body.v2-rahmen.v2-produkt .v2p-kopf ul.z-vertrauen { margin: var(--s-5) 0 0; }
body.v2-rahmen ul.z-vertrauen > li { padding: 0; }
/* Häkchen-Liste; stärker als die bisherige Regel .by-laravel-content ul li (Innenabstand 15 px, Schriftstärke 300) */
body.v2-rahmen ul.z-haken { list-style: none; padding: 0; margin: var(--s-4) 0 0; display: grid; gap: var(--s-2); }
body.v2-rahmen ul.z-haken > li { position: relative; padding: 0 0 0 1.9rem; margin: 0; font-weight: 400; color: var(--c-text); }
.z-haken li::before { content: ""; position: absolute; left: 0; top: .3em; width: 1.15rem; height: 1.15rem; border-radius: 50%;
  background: var(--ee-gruen-zart) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8.5' fill='none' stroke='%232b773b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 75% no-repeat; }
.z-symbol svg { display: block; }
/* Dachzeile wie auf den Einstiegsseiten (laravel.css setzt Absätze in .v2p sonst auf 17 px Textfarbe) */
body.v2-rahmen :is(.v2p, .z-kasse) p.z-dachzeile { font-size: .8125rem; line-height: 1.5; color: var(--ee-rot-dunkel); }

/* =====================================================================
   Produktseite Software
   ===================================================================== */
/* Knöpfe: laravel.css setzt in .v2p jede Knopfschrift weiß – der zweite Knopf bleibt rot auf weiß */
body.v2-rahmen .v2p .v2-btn.v2-btn--sekundaer { color: var(--ee-rot) !important; background: #fff; }
body.v2-rahmen .v2p .v2-btn.v2-btn--sekundaer:hover { color: #fff !important; background: var(--ee-rot); }
@media (max-width: 39.99rem) { body.v2-rahmen .v2p .z-knoepfe .v2-btn { width: 100%; } }

/* Bühne: Text links, Produktbild rechts */
body.v2-rahmen.v2-produkt .v2p-kopf { background: linear-gradient(180deg, var(--z-zart) 0%, #fff 100%); border-bottom: 1px solid var(--c-linie); padding-block: var(--s-6) var(--s-7); }
body.v2-rahmen.v2-produkt .v2p-kopf .v2p-container.z-buehne__innen { display: grid; gap: var(--s-6); grid-template-columns: minmax(0, 1fr); align-items: center; }
body.v2-rahmen.v2-produkt .v2p-kopf .v2p-container > * { max-width: none; }
body.v2-rahmen.v2-produkt .v2p-kopf .z-buehne__text > * { max-width: 40rem; }
@media (min-width: 64rem) {
  body.v2-rahmen.v2-produkt .v2p-kopf { padding-block: var(--s-8); }
  body.v2-rahmen.v2-produkt .v2p-kopf .v2p-container.z-buehne__innen { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: var(--s-8); }
}
body.v2-rahmen.v2-produkt .v2p-kopf h1 { font-size: clamp(2.1rem, 1.35rem + 2.7vw, 3.5rem); line-height: 1.08; letter-spacing: -.025em; margin: 0 0 var(--s-4); }
body.v2-rahmen.v2-produkt .v2p-kopf .z-dachzeile { margin-bottom: var(--s-4); }
body.v2-rahmen.v2-produkt .v2p-kopf .v2p-lead { margin-bottom: 0; }
body.v2-rahmen.v2-produkt .v2p-kopf .z-buehne__bild img { display: block; width: 100%; height: auto; border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); }
body.v2-rahmen.v2-produkt .v2p-kopf .z-knoepfe { margin-top: var(--s-5); }
.z-preis { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .6rem; margin: var(--s-5) 0 0 !important; padding: .5rem 1rem; border-radius: 14px; background: #fff;
  border: 1px solid var(--ee-rot-hell); font-size: .9375rem !important; line-height: 1.5 !important; color: var(--ee-grau-800) !important; }
.z-preis b { font-size: 1.25rem; color: var(--ee-text); }

/* Merkmale und Funktionen: Text und Bild nebeneinander, Bild abwechselnd rechts/links (Klasse statt Abzählen) */
body.v2-rahmen.v2-produkt .v2p-merkmal.v2p-merkmal { background: #fff; border-block: 0; }
body.v2-rahmen.v2-produkt .v2p-merkmal .v2p-text { order: 0; }
body.v2-rahmen.v2-produkt .v2p-merkmal.v2p-funktion--ruhig, body.v2-rahmen.v2-produkt .v2p-merkmal.v2p-merkmal--preis { background: var(--c-flaeche-ruhig); border-block: 1px solid var(--c-linie); }
@media (min-width: 900px) {
  body.v2-rahmen.v2-produkt .v2p-funktion--bild-links .v2p-text, body.v2-rahmen.v2-produkt .v2p-merkmal--video .v2p-text { order: 2; }
}
body.v2-rahmen.v2-produkt .v2p-merkmal h2 { letter-spacing: -.015em; text-wrap: pretty; }
body.v2-rahmen.v2-produkt .v2p-funktion .v2p-text > p:first-of-type { font-size: var(--fs-lead); line-height: 1.6; color: var(--ee-grau-800); }
body.v2-rahmen.v2-produkt .v2p-funktion .z-haken li { font-size: 1rem; line-height: 1.55; }
.v2p-funktion__hinweis { margin: var(--s-4) 0 0 !important; font-size: .875rem !important; line-height: 1.5 !important; color: var(--c-text-2) !important; }
body.v2-rahmen.v2-produkt .v2p-medium .v2p-bild img { border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); background: #fff; }
body.v2-rahmen.v2-produkt .v2p-bild--video { border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); }
/* Hochformat (Handy-Fassung, z. B. Bezugsplaner): nicht über die ganze Spalte, sondern handlich mittig */
body.v2-rahmen.v2-produkt .v2p-medium .v2p-bild--hoch { max-width: 24rem; margin-inline: auto; }
/* Handy-Fassung auf schmalen Bildschirmen: groß, aber nicht höher als nötig */
@media (max-width: 599px) { body.v2-rahmen.v2-produkt .v2p-medium .v2p-bild { max-width: 26rem; margin-inline: auto; } }

/* Preis: Preiskarte statt Bild */
body.v2-rahmen.v2-produkt .v2p-merkmal--preis .v2p-text { border: 0; box-shadow: none; padding: 0; background: none; }
.v2p-mwst { display: block; margin-top: var(--s-1); font-size: .875rem; font-weight: 400; color: var(--c-text-2); letter-spacing: 0; }
@media (min-width: 900px) { body.v2-rahmen.v2-produkt .v2p-merkmal--preis .v2p-text { order: 2; } }
.z-preiskarte { background: #fff; border: 1px solid var(--c-linie); border-radius: var(--karte-radius); box-shadow: var(--karte-schatten-hoch); padding: var(--s-6); max-width: 30rem; margin-inline: auto; }
.z-preiskarte .z-dachzeile { margin-bottom: var(--s-3); }
body.v2-rahmen.v2-produkt .z-preiskarte__betrag { display: flex; align-items: baseline; gap: .5rem; margin: 0; font-size: 1.125rem; color: var(--c-text-2); }
.z-preiskarte__betrag b { font-size: clamp(2.6rem, 2rem + 2vw, 3.4rem); line-height: 1; letter-spacing: -.03em; color: var(--ee-text); }
body.v2-rahmen.v2-produkt .z-preiskarte__zusatz { color: var(--c-text-2); margin: var(--s-2) 0 var(--s-4); font-size: .9375rem; line-height: 1.5; }
body.v2-rahmen.v2-produkt .z-preiskarte .z-haken li { font-size: 1rem; line-height: 1.5; }
.z-preiskarte .v2-btn { width: 100%; margin-top: var(--s-5); }

/* Drei Vorteilskarten (Antragsassistent, Freundschaftswerbung, Zufriedenheitsgarantie) */
.z-vorteile { padding-block: var(--abschnitt); background: #fff; }
.z-vorteile__raster { max-width: var(--breite); margin: 0 auto; padding-inline: var(--rand); display: grid; gap: var(--s-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 64rem) { .z-vorteile__raster { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.z-vorteile__karte { background: #fff; border: 1px solid var(--c-linie); border-radius: var(--karte-radius); padding: var(--s-6); box-shadow: var(--karte-schatten); }
.z-vorteile__karte .z-symbol { margin-bottom: var(--s-4); }
body.v2-rahmen .v2p .z-vorteile__karte h2 { font-size: var(--fs-h3); line-height: var(--lh-kopf); }
body.v2-rahmen .v2p .z-vorteile__karte :is(p, li) { font-size: 1rem; line-height: 1.6; color: var(--ee-grau-800); }

/* Browser und Galerie: Abschnittskopf mittig, Bilder mit Rahmen */
body.v2-rahmen.v2-produkt .v2p-geraete { background: var(--c-flaeche-ruhig); border-block: 1px solid var(--c-linie); }
body.v2-rahmen.v2-produkt .v2p-geraete .v2p-container, body.v2-rahmen.v2-produkt .v2p-galerie .v2p-container { text-align: center; }
body.v2-rahmen.v2-produkt .v2p-geraete h2, body.v2-rahmen.v2-produkt .v2p-galerie h2 { text-align: center; }
body.v2-rahmen.v2-produkt .v2p-geraete p { margin-inline: auto; }
body.v2-rahmen.v2-produkt .v2p-geraete .img-devices { max-width: 52rem; margin: var(--s-6) auto var(--s-4); }
body.v2-rahmen.v2-produkt .v2p-geraete .img-devices img { border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); }
body.v2-rahmen.v2-produkt .v2p-geraete .devices-icons { justify-content: center; }
body.v2-rahmen.v2-produkt .v2p-galerie { background: #fff; border-top: 0; }
/* Galerie: Handy 2 Spalten (Handy-Fassung), ab Tablet 2, ab Desktop 3 Spalten (Laptop-Fassung 16 : 10) */
body.v2-rahmen.v2-produkt .v2p-galerie__liste { gap: var(--s-4); grid-template-columns: repeat(2, minmax(0, 1fr)); text-align: left; hyphens: auto; }
@media (min-width: 64rem) { body.v2-rahmen.v2-produkt .v2p-galerie__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); } }
body.v2-rahmen.v2-produkt .v2p-galerie__liste a { padding: 0 0 var(--s-3); gap: var(--s-3); border-radius: 14px; overflow: hidden; font-size: .9375rem; }
body.v2-rahmen.v2-produkt .v2p-galerie__liste a > span { padding-inline: var(--s-3); }
/* Seitenverhältnis aus width/height der jeweiligen Fassung (laravel.css setzt hier 4 : 3 mit Beschnitt) */
body.v2-rahmen.v2-produkt .v2p-galerie__liste .v2p-bild img { aspect-ratio: auto; height: auto; object-fit: initial; border-radius: 0; }
body.v2-rahmen.v2-produkt .v2p-aktionen--mitte { justify-content: center; }

/* Google-Bewertungen (erst nach Einwilligung; vorher Hinweis mit Link zu den Cookie-Einstellungen) */
body.v2-rahmen.v2-produkt .v2p-bewertungen { padding-block: var(--s-6); background: #fff; }
body.v2-rahmen.v2-produkt .v2p-bewertungen .com-borlabs-shortcode__fallback p { max-width: 44rem; margin: 0 auto !important; font-size: .9375rem !important; color: var(--c-text-2) !important; }
body.v2-rahmen.v2-produkt .v2p-bewertungen .com-borlabs-shortcode__fallback a { cursor: pointer; }
body.v2-rahmen.v2-produkt .v2p-bewertungen iframe { display: block; max-width: 52rem; margin-inline: auto; border-radius: var(--karte-radius); }

/* Schlussband */
.z-schlussband { background: var(--ee-text); color: #fff; padding-block: var(--s-8); text-align: center; }
body.v2-rahmen .v2p .z-schlussband p { color: #fff; margin: 0 auto var(--s-3); max-width: 40rem; }
body.v2-rahmen .v2p .z-schlussband .z-schlussband__titel { font-size: clamp(1.6rem, 1.25rem + 1.3vw, 2.4rem); font-weight: 600; line-height: 1.2; letter-spacing: -.015em; text-wrap: balance; }
.z-schlussband .z-knoepfe { justify-content: center; }
body.v2-rahmen .v2p .z-schlussband .v2-btn.v2-btn--sekundaer { background: transparent; color: #fff !important; border-color: rgba(255,255,255,.5); }
body.v2-rahmen .v2p .z-schlussband .v2-btn.v2-btn--sekundaer:hover { border-color: #fff; background: rgba(255,255,255,.08); }
body.v2-rahmen .v2p:has(> .z-schlussband:last-child) { padding-bottom: 0; }
/* dunkles Schlussband schließt direkt an den Fuß an (rahmen.css: Abstand über dem Fuß) */
body.v2-rahmen.v2-produkt:has(.v2p > .z-schlussband:last-child) .v2-fuss { margin-top: 0; }

/* =====================================================================
   Kasse /registrieren
   ===================================================================== */
body.v2-rahmen.v2-kauf .add-registration.z-kasse { background: linear-gradient(180deg, var(--z-zart) 0, #fff 28rem); padding-block: var(--s-6) var(--s-8); }
/* gleiche linke Kante wie Kopf und Fuß */
.z-kasse__raster { width: 100%; max-width: var(--breite); margin-inline: auto; padding-inline: var(--rand); box-sizing: border-box; display: grid; gap: var(--s-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 64rem) { .z-kasse__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); gap: var(--s-8); align-items: start; } }
body.v2-rahmen.v2-kauf #registration-information.z-kasse__info { width: auto; float: none; padding: 0; font-family: var(--font); color: var(--c-text); }
/* Überschriften in Textfarbe und kleiner (eine H1; die zweite Überschrift „In 5 Schritten …“ ist seit DQ-4/DQ-7 eine H2, gleiches Aussehen) */
body.v2-rahmen.v2-kauf .z-kasse__info :is(h1, h2.z-kasse__schritte-titel) { font-family: var(--font); font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.6rem) !important; line-height: 1.15 !important; font-weight: 600 !important;
  color: var(--ee-text) !important; letter-spacing: -.02em; text-transform: none !important; text-align: left; margin: 0 0 var(--s-4) !important; text-wrap: balance; }
body.v2-rahmen.v2-kauf .z-kasse__info .z-kasse__schritte-titel { font-size: clamp(1.4rem, 1.2rem + .8vw, 1.875rem) !important; margin-top: var(--s-7) !important; }
body.v2-rahmen.v2-kauf .z-kasse__info :is(p, li) { font-size: 1.0625rem; line-height: 1.6; color: var(--c-text); }
body.v2-rahmen.v2-kauf .z-kasse__vorteile { margin-top: var(--s-4); }
body.v2-rahmen.v2-kauf #registration-information ul.z-kasse__vorteile > li { padding: 0 0 0 1.9rem; }
.z-kasse__mwst { font-size: .8125rem; color: var(--c-text-2); }
.z-kasse__bild { margin-top: var(--s-6); }
.z-kasse__bild .v2p-bild, .z-kasse__bild img { display: block; width: 100%; height: auto; }
.z-kasse__bild img { border-radius: var(--karte-radius); box-shadow: var(--karte-schatten); }
@media (max-width: 599px) { .z-kasse__bild .v2p-bild { max-width: 26rem; margin-inline: auto; } }
/* die fünf Schritte als nummerierte Reihe */
/* (stärker als registration.less: #registration-information ol li { padding: 5px 15px }) */
body.v2-rahmen.v2-kauf #registration-information ol.z-kasse__schritte { list-style: none; counter-reset: schritt; margin: var(--s-4) 0 0; padding: 0; display: grid; gap: var(--s-3); }
body.v2-rahmen.v2-kauf #registration-information ol.z-kasse__schritte > li { counter-increment: schritt; position: relative; padding: 4px 0 0 calc(32px + var(--s-3)); min-height: 32px; margin: 0; }
body.v2-rahmen.v2-kauf #registration-information ol.z-kasse__schritte > li::before { content: counter(schritt); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--ee-rot); color: #fff;
  display: grid; place-items: center; font-weight: 600; font-size: .9375rem; }
.z-kasse__vertrauen { margin-top: var(--s-6); padding: var(--s-5); border-radius: var(--karte-radius); background: var(--ee-grau-100); }
.z-kasse__vertrauen .z-vertrauen { display: grid; gap: var(--s-3); margin: 0; }
/* Vertrauenskasten: alle drei Zeilen auch auf dem Handy (einstieg.css blendet dort die dritte aus) */
@media (max-width: 47.99rem) { .z-kasse__vertrauen .z-vertrauen li:nth-child(3) { display: inline-flex; } }
.z-kasse__video { display: block; width: 100%; height: auto; margin-top: var(--s-6); border-radius: var(--karte-radius); }

/* Formular als Karte rechts, läuft mit (sticky), Preis oben */
body.v2-rahmen.v2-kauf #right-container.z-kasse__karte { position: sticky; top: calc(var(--kopf-h) + var(--s-5)); width: auto; float: none; background: #fff; border: 1px solid var(--c-linie);
  border-radius: var(--karte-radius); box-shadow: var(--karte-schatten-hoch); padding: var(--s-5); font-family: var(--font); }
@media (min-width: 40rem) { body.v2-rahmen.v2-kauf #right-container.z-kasse__karte { padding: var(--s-6); } }
@media (max-width: 63.99rem) { body.v2-rahmen.v2-kauf #right-container.z-kasse__karte { position: static; } }
.z-kasse__preis { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-3); padding-bottom: var(--s-4); margin-bottom: var(--s-2); border-bottom: 1px solid var(--c-linie); }
.z-kasse__produkt { flex: 1 0 100%; font-size: .8125rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--ee-rot-dunkel); }
.z-kasse__betrag { font-size: 2rem; font-weight: 600; line-height: 1.1; letter-spacing: -.02em; color: var(--ee-text); }
.z-kasse__zusatz { font-size: .9375rem; color: var(--c-text-2); }
body.v2-rahmen.v2-kauf .z-kasse__formular { width: auto; float: none; padding: 0; }
/* Preis vor dem Bestellknopf (Gutschein ändert ihn) und großer runder Bestellknopf */
body.v2-rahmen.v2-kauf .z-kasse__formular .price-information { text-align: right; }
body.v2-rahmen.v2-kauf .z-kasse__formular .price-information .price { font-size: 1.5rem !important; font-weight: 600; color: var(--ee-text) !important; }
body.v2-rahmen.v2-kauf .z-kasse__formular #submitButton { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; float: none !important; margin-top: var(--s-3);
  border: 0 !important; border-radius: var(--radius-pill) !important; background: var(--ee-rot) !important; color: #fff !important; font: 600 1.0625rem/1.25 var(--font);
  text-transform: none; letter-spacing: 0; white-space: normal; padding: var(--s-3) var(--s-5); box-shadow: 0 8px 18px -8px rgba(189,49,34,.6); }
body.v2-rahmen.v2-kauf .z-kasse__formular #submitButton:hover { background: var(--ee-rot-dunkel) !important; }
body.v2-rahmen.v2-kauf .z-kasse__formular #submitButton:focus-visible { outline: 3px solid var(--ee-text); outline-offset: 3px; }
/* Was passiert nach dem Kauf? (direkt am Formular) */
.z-kasse__danach { margin-top: var(--s-5); padding: var(--s-5); border-radius: 14px; background: var(--z-zart); }
body.v2-rahmen.v2-kauf .z-kasse__danach-titel { margin: 0 0 var(--s-3); font-size: 1.0625rem; font-weight: 600; line-height: 1.35; color: var(--ee-text); }
body.v2-rahmen.v2-kauf .z-kasse__danach ol { list-style: none; counter-reset: danach; margin: 0; padding: 0; display: grid; gap: var(--s-3); }
body.v2-rahmen.v2-kauf .z-kasse__danach li { counter-increment: danach; position: relative; margin: 0; padding-left: calc(26px + var(--s-3)); font-size: .9375rem; line-height: 1.55; color: var(--ee-grau-800); }
body.v2-rahmen.v2-kauf .z-kasse__danach li::before { content: counter(danach); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; background: #fff; border: 1.5px solid var(--ee-rot);
  color: var(--ee-rot-dunkel); display: grid; place-items: center; font-weight: 600; font-size: .8125rem; }
body.v2-rahmen.v2-kauf .z-kasse__danach li b { color: var(--ee-text); }
body.v2-rahmen.v2-kauf .z-kasse__qes { margin: var(--s-4) 0 0; padding-top: var(--s-4); border-top: 1px solid var(--ee-rot-hell); font-size: .9375rem; line-height: 1.55; color: var(--ee-grau-800); }
/* Zahlungsarten-Kacheln in der Karte: ab 600 px Kartenbreite drei nebeneinander (Bootstrap-Spalten sind für die frühere
   schmale Seitenspalte gesetzt: zwischen 768 und 1199 px je Kachel eine ganze Zeile); auf dem Handy wie bisher */
@media (min-width: 37.5rem) {
  body.v2-rahmen.v2-kauf .z-kasse__karte .inputs.pictures > .row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s-3); margin-inline: 0; }
  body.v2-rahmen.v2-kauf .z-kasse__karte .inputs.pictures > .row::before, body.v2-rahmen.v2-kauf .z-kasse__karte .inputs.pictures > .row::after { content: none; }
  body.v2-rahmen.v2-kauf .z-kasse__karte .inputs.pictures > .row > .input.picture { width: auto; float: none; padding-inline: 0; }
}
/* Layoutprüfung 10/2026: Hinweise „Ich akzeptiere die AGB …“ / „Widerrufsrecht …“ stehen in einer Bootstrap-Zeile (-15 px Rand)
   ohne Spalte – sie begannen dadurch links vor den Eingabefeldern. Gleiche Kante wie die Felder. */
body.v2-rahmen.v2-kauf #register-form > .row > ul { margin: 0; padding: 0 15px; }