/* ============================================================
   QUELLE: 07_ui_redesign_steps_06_bis_10.css
   ============================================================ */

/* VERO UI REDESIGN SCHRITT 06
   scharfe Rahmen, sichtbare Banknote, Tausch dunkel, Tresor Stichgrafiken
*/

body.uiRedesignStep2,
body.uiRedesignStep2 * {
  border-radius: 0 !important;
}

body.uiRedesignStep2 {
  font-family: "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 0.015em;
}

body.uiRedesignStep2 .card,
body.uiRedesignStep2 .heroCard,
body.uiRedesignStep2 .chartCard,
body.uiRedesignStep2 .topbar,
body.uiRedesignStep2 .brand,
body.uiRedesignStep2 .userCard,
body.uiRedesignStep2 .navBtn,
body.uiRedesignStep2 .miniBtn,
body.uiRedesignStep2 .softBtn,
body.uiRedesignStep2 .primaryBtn,
body.uiRedesignStep2 .rangeBtn,
body.uiRedesignStep2 .segBtn,
body.uiRedesignStep2 .tradeMode,
body.uiRedesignStep2 .payBtn,
body.uiRedesignStep2 .payoutBtn,
body.uiRedesignStep2 .previewBox,
body.uiRedesignStep2 .notice,
body.uiRedesignStep2 input,
body.uiRedesignStep2 button {
  clip-path: none !important;
}

body.uiRedesignStep2 .card::after {
  clip-path: none !important;
  border-radius: 0 !important;
}

body.uiRedesignStep2 .veroBanknoteCard {
  padding: 12px;
}

body.uiRedesignStep2 .veroBanknoteImageWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.uiRedesignStep2 .veroBanknoteImage {
  display: block;
  width: min(100%, 620px);
  max-height: 250px;
  object-fit: contain;
  border: 1px solid rgba(216,189,119,0.24);
  background: #e7ddba;
  box-shadow: 0 18px 42px rgba(0,0,0,0.36);
}

body.uiRedesignStep2 #view-wertmeter > .heroGrid .heroCard,
body.uiRedesignStep2 #view-wertmeter > .heroGrid .heroCard::after {
  border-radius: 0 !important;
  clip-path: none !important;
}

body.uiRedesignStep2 .topStats > div {
  background: rgba(4,8,12,0.98) !important;
  color: #eef2f4 !important;
  border-left: 1px solid rgba(216,189,119,0.16) !important;
}

body.uiRedesignStep2 .topStats strong {
  color: #f2f4f5 !important;
}

body.uiRedesignStep2 .topStats span {
  color: #cbd3d8 !important;
}

body.uiRedesignStep2 .chartBox {
  background:
    linear-gradient(rgba(255,255,255,0.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.075) 1px, transparent 1px),
    rgba(5,8,12,0.62) !important;
  background-size: 100% 24%, 10% 100%, auto !important;
}

body.uiRedesignStep2 .chartBox svg text {
  fill: rgba(238,242,245,0.94) !important;
}

body.uiRedesignStep2 .chartBox svg line,
body.uiRedesignStep2 .chartBox svg path.grid,
body.uiRedesignStep2 .chartBox svg .grid line {
  stroke: rgba(238,242,245,0.22) !important;
}

body.uiRedesignStep2 #view-tausch .card,
body.uiRedesignStep2 #view-tausch .tradePanel,
body.uiRedesignStep2 #view-tausch .previewBox,
body.uiRedesignStep2 #view-tausch .paymentRow,
body.uiRedesignStep2 #view-tausch input {
  background: rgba(4,8,12,0.96) !important;
  color: #eef2f4 !important;
  border-color: rgba(216,189,119,0.20) !important;
}

body.uiRedesignStep2 #view-tausch .tradePanel {
  padding: 18px;
  border: 1px solid rgba(216,189,119,0.16);
}

body.uiRedesignStep2 #view-tausch input {
  min-height: 46px;
  font-size: 20px;
}

body.uiRedesignStep2 #view-tausch .previewBox {
  color: #d7dde1 !important;
}

body.uiRedesignStep2 #view-tausch .primaryBtn {
  background: linear-gradient(135deg, #d8bd77, #8b6e35) !important;
  color: #05070a !important;
  border: 1px solid rgba(255,238,182,0.42) !important;
}

body.uiRedesignStep2 .deckungStitchCardStep06 {
  margin-bottom: 16px;
  padding: 18px 18px 20px;
  background:
    linear-gradient(180deg, rgba(6,10,14,0.94), rgba(4,8,12,0.98)) !important;
}

body.uiRedesignStep2 .deckung06Head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
}

body.uiRedesignStep2 .deckung06Title {
  color: #efe7d0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung06Sub {
  color: #c8d0d6;
  font-size: 13px;
}

body.uiRedesignStep2 .deckung06Body {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 20px;
  align-items: center;
}

body.uiRedesignStep2 .deckung06Ring {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  border-radius: 50% !important;
  background:
    conic-gradient(
    from -90deg,
    #4f744f 0deg 50.4deg,
    #6f8f55 50.4deg 100.8deg,
    #8aa56b 100.8deg 144deg,
    #4f6f8e 144deg 187.2deg,
    #6d89a3 187.2deg 223.2deg,
    #8ea2b6 223.2deg 252deg,
    #8b4d48 252deg 295.2deg,
    #a86159 295.2deg 331.2deg,
    #bf766a 331.2deg 360deg
  );
  box-shadow:
    inset 0 0 0 1px rgba(216,189,119,0.42),
    inset 0 0 0 18px rgba(0,0,0,0.18),
    0 18px 44px rgba(0,0,0,0.30);
}

body.uiRedesignStep2 .deckung06Ring::before {
  content: "";
  position: absolute;
  inset: 34px;
  border-radius: 50% !important;
  background: #070b0f;
  border: 1px solid rgba(216,189,119,0.30);
}

body.uiRedesignStep2 .deckung06Ring::after {
  content: "";
  position: absolute;
  inset: 82px;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 45% 42%, rgba(82,98,72,0.72), transparent 30%),
    radial-gradient(circle at 58% 62%, rgba(42,66,82,0.78), transparent 32%),
    #080c10;
  border: 1px solid rgba(216,189,119,0.28);
}

body.uiRedesignStep2 .deckung06Core {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}

body.uiRedesignStep2 .deckung06Core strong {
  display: block;
  color: #efe7d0;
  font-size: 18px;
  letter-spacing: 0.12em;
}

body.uiRedesignStep2 .deckung06Core span {
  display: block;
  margin-top: 6px;
  color: #c8d0d6;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .deckung06Groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

body.uiRedesignStep2 .deckung06Group {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 10px;
  align-items: center;
  min-height: 60px;
  border: 1px solid rgba(216,189,119,0.16);
  background: rgba(255,255,255,0.025);
  padding: 8px 10px;
}

body.uiRedesignStep2 .deckung06Items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.uiRedesignStep2 .deckung06Item {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 8px 10px;
  border: 1px solid rgba(216,189,119,0.12);
  background: rgba(255,255,255,0.018);
}

body.uiRedesignStep2 .stichIcon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(216,189,119,0.22);
  display: grid;
  place-items: center;
  color: #d9c089;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.055), transparent 48%),
    rgba(255,255,255,0.012);
}

body.uiRedesignStep2 .stichIcon svg {
  width: 34px;
  height: 34px;
  display: block;
}

body.uiRedesignStep2 .deckung06Name {
  color: #efe7d0;
  font-size: 14px;
  letter-spacing: 0.04em;
}

body.uiRedesignStep2 .deckung06Meta {
  color: #aeb8bf;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung06Pct {
  color: #d8bd77;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

body.uiRedesignStep2 .deckungStitchCard,
body.uiRedesignStep2 .legacyDeckungHidden {
  display: none !important;
}

@media (max-width: 1180px) {
  body.uiRedesignStep2 .deckung06Body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  body.uiRedesignStep2 .deckung06Groups,
  body.uiRedesignStep2 .deckung06Items {
    grid-template-columns: 1fr;
  }

  body.uiRedesignStep2 .deckung06Ring {
    width: 260px;
    height: 260px;
  }
}

/* VERO UI REDESIGN SCHRITT 07
   Reparatur: View Funktion, Tresor sichtbar, echte Banknote, Tausch dunkel
*/

body.uiRedesignStep2,
body.uiRedesignStep2 * {
  border-radius: 0 !important;
}

body.uiRedesignStep2 .card,
body.uiRedesignStep2 .heroCard,
body.uiRedesignStep2 .chartCard,
body.uiRedesignStep2 .topbar,
body.uiRedesignStep2 .brand,
body.uiRedesignStep2 .userCard,
body.uiRedesignStep2 .navBtn,
body.uiRedesignStep2 .miniBtn,
body.uiRedesignStep2 .softBtn,
body.uiRedesignStep2 .primaryBtn,
body.uiRedesignStep2 .rangeBtn,
body.uiRedesignStep2 .segBtn,
body.uiRedesignStep2 .tradeMode,
body.uiRedesignStep2 .payBtn,
body.uiRedesignStep2 .payoutBtn,
body.uiRedesignStep2 .previewBox,
body.uiRedesignStep2 .notice,
body.uiRedesignStep2 input,
body.uiRedesignStep2 button {
  clip-path: none !important;
  border-radius: 0 !important;
}

body.uiRedesignStep2 .view:not(.active) {
  display: none !important;
}

body.uiRedesignStep2 #view-wertmeter.active {
  display: grid !important;
  grid-template-columns: minmax(520px, 1.06fr) minmax(360px, 0.94fr);
  gap: 16px;
  align-items: start;
}

body.uiRedesignStep2 #view-tausch.active,
body.uiRedesignStep2 #view-tresor.active,
body.uiRedesignStep2 #view-buch.active {
  display: block !important;
}

body.uiRedesignStep2 #view-tresor .legacyDeckungHidden {
  display: block !important;
}

body.uiRedesignStep2 .deckungStitchCard,
body.uiRedesignStep2 .deckungStitchCardStep06 {
  display: none !important;
}

body.uiRedesignStep2 .veroBanknoteCard {
  grid-column: 1;
  grid-row: 1;
  padding: 10px;
  margin-bottom: 0;
  background: rgba(4,8,12,0.96) !important;
}

body.uiRedesignStep2 .veroBanknoteImageWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.uiRedesignStep2 .veroBanknoteImage {
  display: block;
  width: min(100%, 680px);
  max-height: 230px;
  object-fit: contain;
  border: 1px solid rgba(216,189,119,0.28);
  background: #e7ddba;
  box-shadow: 0 18px 42px rgba(0,0,0,0.36);
}

body.uiRedesignStep2 .heroGrid .heroCard {
  background: rgba(4,8,12,0.98) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
}

body.uiRedesignStep2 .topStats > div {
  background: rgba(4,8,12,0.98) !important;
  color: #eef2f4 !important;
  border-left: 1px solid rgba(216,189,119,0.16) !important;
}

body.uiRedesignStep2 .topStats strong {
  color: #f2f4f5 !important;
}

body.uiRedesignStep2 .topStats span {
  color: #cbd3d8 !important;
}

body.uiRedesignStep2 .chartBox {
  background:
    linear-gradient(rgba(255,255,255,0.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.075) 1px, transparent 1px),
    rgba(5,8,12,0.62) !important;
  background-size: 100% 24%, 10% 100%, auto !important;
}

body.uiRedesignStep2 .chartBox svg text {
  fill: rgba(238,242,245,0.94) !important;
}

body.uiRedesignStep2 .chartBox svg line {
  stroke: rgba(238,242,245,0.22) !important;
}

body.uiRedesignStep2 #view-tausch .card,
body.uiRedesignStep2 #view-tausch .tradePanel,
body.uiRedesignStep2 #view-tausch .previewBox,
body.uiRedesignStep2 #view-tausch .paymentRow,
body.uiRedesignStep2 #view-tausch input {
  background: rgba(4,8,12,0.96) !important;
  color: #eef2f4 !important;
  border-color: rgba(216,189,119,0.20) !important;
}

body.uiRedesignStep2 #view-tausch .previewBox {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #d8dee3 !important;
}

body.uiRedesignStep2 #view-tausch .previewBox strong,
body.uiRedesignStep2 #view-tausch .previewBox b,
body.uiRedesignStep2 #view-tausch .previewBox .mainValue,
body.uiRedesignStep2 #view-tausch .previewBox .previewValue {
  color: #efe7d0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

body.uiRedesignStep2 #view-tausch .tradePanel {
  padding: 18px;
  border: 1px solid rgba(216,189,119,0.16);
}

body.uiRedesignStep2 #view-tausch input {
  min-height: 44px;
  font-size: 18px;
}

body.uiRedesignStep2 #view-tausch .primaryBtn {
  background: linear-gradient(135deg, #d8bd77, #8b6e35) !important;
  color: #05070a !important;
  border: 1px solid rgba(255,238,182,0.42) !important;
}

body.uiRedesignStep2 .deckungStep07Card {
  margin-bottom: 16px;
  padding: 18px 18px 20px;
  background: linear-gradient(180deg, rgba(6,10,14,0.94), rgba(4,8,12,0.98)) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
}

body.uiRedesignStep2 .deckung07Head {
  margin-bottom: 16px;
}

body.uiRedesignStep2 .deckung07Title {
  color: #efe7d0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung07Sub {
  color: #c8d0d6;
  font-size: 13px;
  margin-top: 4px;
}

body.uiRedesignStep2 .deckung07Body {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 20px;
  align-items: center;
}

body.uiRedesignStep2 .deckung07Ring {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  border-radius: 50% !important;
  background:
    conic-gradient(
    from -90deg,
    #4f744f 0deg 50.4deg,
    #6f8f55 50.4deg 100.8deg,
    #8aa56b 100.8deg 144deg,
    #4f6f8e 144deg 187.2deg,
    #6d89a3 187.2deg 223.2deg,
    #8ea2b6 223.2deg 252deg,
    #8b4d48 252deg 295.2deg,
    #a86159 295.2deg 331.2deg,
    #bf766a 331.2deg 360deg
  );
  box-shadow:
    inset 0 0 0 1px rgba(216,189,119,0.42),
    inset 0 0 0 18px rgba(0,0,0,0.18),
    0 18px 44px rgba(0,0,0,0.30);
}

body.uiRedesignStep2 .deckung07Ring::before {
  content: "";
  position: absolute;
  inset: 34px;
  border-radius: 50% !important;
  background: #070b0f;
  border: 1px solid rgba(216,189,119,0.30);
}

body.uiRedesignStep2 .deckung07Ring::after {
  content: "";
  position: absolute;
  inset: 82px;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 45% 42%, rgba(82,98,72,0.72), transparent 30%),
    radial-gradient(circle at 58% 62%, rgba(42,66,82,0.78), transparent 32%),
    #080c10;
  border: 1px solid rgba(216,189,119,0.28);
}

body.uiRedesignStep2 .deckung07Core {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}

body.uiRedesignStep2 .deckung07Core strong {
  display: block;
  color: #efe7d0;
  font-size: 18px;
  letter-spacing: 0.12em;
}

body.uiRedesignStep2 .deckung07Core span {
  display: block;
  margin-top: 6px;
  color: #c8d0d6;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .deckung07Groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

body.uiRedesignStep2 .deckung07Group,
body.uiRedesignStep2 .deckung07Item {
  display: grid;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 8px 10px;
  border: 1px solid rgba(216,189,119,0.14);
  background: rgba(255,255,255,0.02);
}

body.uiRedesignStep2 .deckung07Group {
  grid-template-columns: 48px 1fr;
}

body.uiRedesignStep2 .deckung07Items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.uiRedesignStep2 .deckung07Item {
  grid-template-columns: 48px 1fr auto;
}

body.uiRedesignStep2 .stichIcon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(216,189,119,0.22);
  display: grid;
  place-items: center;
  color: #d9c089;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.055), transparent 48%),
    rgba(255,255,255,0.012);
}

body.uiRedesignStep2 .stichIcon svg {
  width: 34px;
  height: 34px;
  display: block;
}

body.uiRedesignStep2 .deckung07Name {
  color: #efe7d0;
  font-size: 14px;
  letter-spacing: 0.04em;
}

body.uiRedesignStep2 .deckung07Meta {
  color: #aeb8bf;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung07Pct {
  color: #d8bd77;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
  body.uiRedesignStep2 #view-wertmeter.active,
  body.uiRedesignStep2 .deckung07Body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  body.uiRedesignStep2 .deckung07Groups,
  body.uiRedesignStep2 .deckung07Items {
    grid-template-columns: 1fr;
  }

  body.uiRedesignStep2 .deckung07Ring {
    width: 260px;
    height: 260px;
  }
}

/* VERO UI REDESIGN SCHRITT 08
   Tausch Vorschau dunkel, Tresor Deckung hierarchisch mit Segmentbeschriftung
*/

body.uiRedesignStep2 #view-tausch .tauschPreviewDark,
body.uiRedesignStep2 #view-tausch .tauschPreviewDark *,
body.uiRedesignStep2 #view-tausch .previewBox,
body.uiRedesignStep2 #view-tausch .previewBox *,
body.uiRedesignStep2 #view-tausch [class*="preview"],
body.uiRedesignStep2 #view-tausch [class*="Preview"] {
  background-color: rgba(4, 8, 12, 0.98) !important;
  color: #eef2f4 !important;
  border-color: rgba(216, 189, 119, 0.22) !important;
}

body.uiRedesignStep2 #view-tausch .tauschPreviewDark,
body.uiRedesignStep2 #view-tausch .previewBox {
  background:
    linear-gradient(180deg, rgba(6,10,14,0.98), rgba(3,7,11,0.98)) !important;
  border: 1px solid rgba(216, 189, 119, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(216,189,119,0.05), 0 18px 44px rgba(0,0,0,0.30) !important;
}

body.uiRedesignStep2 #view-tausch .tauschPreviewDark strong,
body.uiRedesignStep2 #view-tausch .tauschPreviewDark b,
body.uiRedesignStep2 #view-tausch .tauschPreviewDark .bigValue,
body.uiRedesignStep2 #view-tausch .tauschPreviewDark .value,
body.uiRedesignStep2 #view-tausch .tauschPreviewDark [class*="amount"],
body.uiRedesignStep2 #view-tausch .tauschPreviewDark [class*="Amount"],
body.uiRedesignStep2 #view-tausch .previewBox strong,
body.uiRedesignStep2 #view-tausch .previewBox b {
  color: #efe7d0 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  letter-spacing: 0.035em !important;
}

body.uiRedesignStep2 #view-tausch .tauschPreviewDark .muted,
body.uiRedesignStep2 #view-tausch .tauschPreviewDark small,
body.uiRedesignStep2 #view-tausch .previewBox .muted,
body.uiRedesignStep2 #view-tausch .previewBox small {
  color: #bfc8cf !important;
  font-size: 12px !important;
}

body.uiRedesignStep2 .deckungStep07Card {
  display: none !important;
}

body.uiRedesignStep2 .deckungStep08Card {
  margin-bottom: 16px;
  padding: 18px 18px 20px;
  background: linear-gradient(180deg, rgba(6,10,14,0.94), rgba(4,8,12,0.98)) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
}

body.uiRedesignStep2 .deckung08Head {
  margin-bottom: 16px;
}

body.uiRedesignStep2 .deckung08Title {
  color: #efe7d0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung08Sub {
  color: #c8d0d6;
  font-size: 13px;
  margin-top: 4px;
}

body.uiRedesignStep2 .deckung08Body {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 22px;
  align-items: center;
}

body.uiRedesignStep2 .deckung08RingWrap {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 0 auto;
}

body.uiRedesignStep2 .deckung08Ring {
  position: absolute;
  inset: 10px;
  border-radius: 50% !important;
  background:
    conic-gradient(
    from -90deg,
    #4f744f 0deg 50.4deg,
    #6f8f55 50.4deg 100.8deg,
    #8aa56b 100.8deg 144deg,
    #4f6f8e 144deg 187.2deg,
    #6d89a3 187.2deg 223.2deg,
    #8ea2b6 223.2deg 252deg,
    #8b4d48 252deg 295.2deg,
    #a86159 295.2deg 331.2deg,
    #bf766a 331.2deg 360deg
  );
  box-shadow:
    inset 0 0 0 1px rgba(216,189,119,0.42),
    inset 0 0 0 18px rgba(0,0,0,0.18),
    0 18px 44px rgba(0,0,0,0.30);
}

body.uiRedesignStep2 .deckung08Ring::before {
  content: "";
  position: absolute;
  inset: 34px;
  border-radius: 50% !important;
  background: #070b0f;
  border: 1px solid rgba(216,189,119,0.30);
}

body.uiRedesignStep2 .deckung08Ring::after {
  content: "";
  position: absolute;
  inset: 82px;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 45% 42%, rgba(82,98,72,0.72), transparent 30%),
    radial-gradient(circle at 58% 62%, rgba(42,66,82,0.78), transparent 32%),
    #080c10;
  border: 1px solid rgba(216,189,119,0.28);
}

body.uiRedesignStep2 .deckung08Core {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}

body.uiRedesignStep2 .deckung08Core strong {
  display: block;
  color: #efe7d0;
  font-size: 18px;
  letter-spacing: 0.12em;
}

body.uiRedesignStep2 .deckung08Core span {
  display: block;
  margin-top: 6px;
  color: #c8d0d6;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .ringLabel {
  position: absolute;
  z-index: 3;
  min-width: 92px;
  padding: 6px 8px;
  border: 1px solid rgba(216,189,119,0.20);
  background: rgba(4,8,12,0.88);
  color: #efe7d0;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .ringLabel span {
  display: block;
  color: #d8bd77;
  font-size: 13px;
  margin-top: 2px;
}

body.uiRedesignStep2 .ringLabelFood {
  left: 6px;
  top: 76px;
}

body.uiRedesignStep2 .ringLabelMetal {
  right: 0;
  top: 76px;
}

body.uiRedesignStep2 .ringLabelEnergy {
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
}

body.uiRedesignStep2 .deckung08Groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

body.uiRedesignStep2 .deckung08Group {
  border: 1px solid rgba(216,189,119,0.16);
  background: rgba(255,255,255,0.018);
  padding: 12px;
}

body.uiRedesignStep2 .deckung08GroupHead {
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(216,189,119,0.12);
}

body.uiRedesignStep2 .deckung08GroupTitle {
  color: #efe7d0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

body.uiRedesignStep2 .deckung08GroupPct {
  color: #d8bd77;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

body.uiRedesignStep2 .deckung08Subitems {
  display: grid;
  gap: 8px;
}

body.uiRedesignStep2 .deckung08Item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 6px 7px;
  border: 1px solid rgba(216,189,119,0.10);
  background: rgba(255,255,255,0.014);
}

body.uiRedesignStep2 .stichIcon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(216,189,119,0.22);
  display: grid;
  place-items: center;
  color: #d9c089;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.055), transparent 48%),
    rgba(255,255,255,0.012);
}

body.uiRedesignStep2 .deckung08GroupHead .stichIcon {
  width: 44px;
  height: 44px;
}

body.uiRedesignStep2 .stichIcon svg {
  width: 30px;
  height: 30px;
  display: block;
}

body.uiRedesignStep2 .deckung08GroupHead .stichIcon svg {
  width: 34px;
  height: 34px;
}

body.uiRedesignStep2 .deckung08Name {
  color: #efe7d0;
  font-size: 13px;
  letter-spacing: 0.04em;
}

body.uiRedesignStep2 .deckung08Meta {
  color: #aeb8bf;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung08Pct {
  color: #d8bd77;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
  body.uiRedesignStep2 .deckung08Body {
    grid-template-columns: 1fr;
  }

  body.uiRedesignStep2 .deckung08Groups {
    grid-template-columns: 1fr;
  }
}

/* VERO UI REDESIGN SCHRITT 09
   wertmeter typo, dunkles tausch-preview, tresor deckung einheitlich, alte untere deckung ausblenden
*/

body.uiRedesignStep2 .step09BanknoteCard,
body.uiRedesignStep2 .step09BanknoteCard .veroBanknoteImageWrap {
  background: rgba(4,8,12,0.98) !important;
}

body.uiRedesignStep2 .step09BanknoteCard {
  border: 1px solid rgba(216,189,119,0.18) !important;
}

body.uiRedesignStep2 .step09BanknoteCard .veroBanknoteImage {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: min(100%, 700px) !important;
  max-height: 220px !important;
  object-fit: contain !important;
}

body.uiRedesignStep2 .step09ModernCard,
body.uiRedesignStep2 .step09ModernCard * {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

body.uiRedesignStep2 .step09ModernCard {
  letter-spacing: 0.01em !important;
}

body.uiRedesignStep2 .step09ModernCard h1,
body.uiRedesignStep2 .step09ModernCard h2,
body.uiRedesignStep2 .step09ModernCard h3,
body.uiRedesignStep2 .step09ModernCard .headline,
body.uiRedesignStep2 .step09ModernCard .title,
body.uiRedesignStep2 .step09ModernCard .sectionTitle,
body.uiRedesignStep2 .step09ModernCard .card-title {
  color: #f2f4f5 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

body.uiRedesignStep2 .step09ModernCard .bigNumber,
body.uiRedesignStep2 .step09ModernCard .metricValue,
body.uiRedesignStep2 .step09ModernCard .value,
body.uiRedesignStep2 .step09ModernCard strong {
  color: #efe7d0 !important;
  font-weight: 500 !important;
}

body.uiRedesignStep2 .step09AnchorCard,
body.uiRedesignStep2 .step09AnchorCard * {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

body.uiRedesignStep2 .step09AnchorCard strong,
body.uiRedesignStep2 .step09AnchorCard .value,
body.uiRedesignStep2 .step09AnchorCard .bigNumber {
  font-size: 26px !important;
  line-height: 1.05 !important;
  color: #efe7d0 !important;
  font-weight: 600 !important;
}

body.uiRedesignStep2 #view-tausch .step09PreviewDark,
body.uiRedesignStep2 #view-tausch .step09PreviewDark * {
  background: transparent !important;
  color: #eef2f4 !important;
  border-color: rgba(216,189,119,0.20) !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

body.uiRedesignStep2 #view-tausch .step09PreviewDark {
  background:
    linear-gradient(180deg, rgba(6,10,14,0.98), rgba(3,7,11,0.98)) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(216,189,119,0.05), 0 18px 44px rgba(0,0,0,0.30) !important;
}

body.uiRedesignStep2 #view-tausch .step09PreviewDark .step09PreviewLabel {
  color: #cfd7dc !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

body.uiRedesignStep2 #view-tausch .step09PreviewDark .step09PreviewAmount,
body.uiRedesignStep2 #view-tausch .step09PreviewDark strong,
body.uiRedesignStep2 #view-tausch .step09PreviewDark b {
  color: #efe7d0 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
}

body.uiRedesignStep2 #view-tausch .step09PreviewDark .step09PreviewSub {
  color: #b8c2c8 !important;
  font-size: 12px !important;
  margin-top: 8px !important;
}

body.uiRedesignStep2 .deckungStep09Card {
  margin-bottom: 16px;
  padding: 18px 18px 20px;
  background: linear-gradient(180deg, rgba(6,10,14,0.94), rgba(4,8,12,0.98)) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
}

body.uiRedesignStep2 .deckung09Head {
  margin-bottom: 16px;
}

body.uiRedesignStep2 .deckung09Title {
  color: #efe7d0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung09Sub {
  color: #c8d0d6;
  font-size: 13px;
  margin-top: 4px;
}

body.uiRedesignStep2 .deckung09Body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 22px;
  align-items: center;
}

body.uiRedesignStep2 .deckung09RingWrap {
  position: relative;
  width: 330px;
  height: 330px;
  margin: 0 auto;
}

body.uiRedesignStep2 .deckung09Ring {
  position: absolute;
  inset: 12px;
  border-radius: 50% !important;
  background:
    conic-gradient(
    from -90deg,
    #4f744f 0deg 50.4deg,
    #6f8f55 50.4deg 100.8deg,
    #8aa56b 100.8deg 144deg,
    #4f6f8e 144deg 187.2deg,
    #6d89a3 187.2deg 223.2deg,
    #8ea2b6 223.2deg 252deg,
    #8b4d48 252deg 295.2deg,
    #a86159 295.2deg 331.2deg,
    #bf766a 331.2deg 360deg
  );
  box-shadow:
    inset 0 0 0 1px rgba(216,189,119,0.42),
    inset 0 0 0 18px rgba(0,0,0,0.18),
    0 18px 44px rgba(0,0,0,0.30);
}

body.uiRedesignStep2 .deckung09Ring::before {
  content: "";
  position: absolute;
  inset: 36px;
  border-radius: 50% !important;
  background: #070b0f;
  border: 1px solid rgba(216,189,119,0.30);
}

body.uiRedesignStep2 .deckung09Ring::after {
  content: "";
  position: absolute;
  inset: 84px;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 45% 42%, rgba(82,98,72,0.72), transparent 30%),
    radial-gradient(circle at 58% 62%, rgba(42,66,82,0.78), transparent 32%),
    #080c10;
  border: 1px solid rgba(216,189,119,0.28);
}

body.uiRedesignStep2 .deckung09Core {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}

body.uiRedesignStep2 .deckung09Core strong {
  display: block;
  color: #efe7d0;
  font-size: 18px;
  letter-spacing: 0.12em;
}

body.uiRedesignStep2 .deckung09Core span {
  display: block;
  margin-top: 6px;
  color: #c8d0d6;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .deckung09GroupTag {
  position: absolute;
  z-index: 3;
  min-width: 92px;
  padding: 6px 8px;
  border: 1px solid rgba(216,189,119,0.20);
  background: rgba(4,8,12,0.88);
  color: #efe7d0;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .deckung09GroupTag span {
  display: block;
  color: #d8bd77;
  font-size: 13px;
  margin-top: 2px;
}

body.uiRedesignStep2 .deckung09TagFood {
  left: 4px;
  top: 86px;
}

body.uiRedesignStep2 .deckung09TagMetal {
  right: 0;
  top: 86px;
}

body.uiRedesignStep2 .deckung09TagEnergy {
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
}

body.uiRedesignStep2 .deckung09Groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

body.uiRedesignStep2 .deckung09Group {
  border: 1px solid rgba(216,189,119,0.16);
  background: rgba(255,255,255,0.018);
  padding: 12px;
}

body.uiRedesignStep2 .deckung09GroupHead {
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(216,189,119,0.12);
}

body.uiRedesignStep2 .deckung09GroupTitle {
  color: #efe7d0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

body.uiRedesignStep2 .deckung09GroupPct {
  color: #d8bd77;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

body.uiRedesignStep2 .deckung09Subitems {
  display: grid;
  gap: 8px;
}

body.uiRedesignStep2 .deckung09Item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 6px 7px;
  border: 1px solid rgba(216,189,119,0.10);
  background: rgba(255,255,255,0.014);
}

body.uiRedesignStep2 .stichIcon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(216,189,119,0.22);
  display: grid;
  place-items: center;
  color: #d9c089;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.055), transparent 48%),
    rgba(255,255,255,0.012);
}

body.uiRedesignStep2 .deckung09GroupHead .stichIcon {
  width: 44px;
  height: 44px;
}

body.uiRedesignStep2 .stichIcon svg {
  width: 30px;
  height: 30px;
  display: block;
}

body.uiRedesignStep2 .deckung09GroupHead .stichIcon svg {
  width: 34px;
  height: 34px;
}

body.uiRedesignStep2 .deckung09Name {
  color: #efe7d0;
  font-size: 13px;
  letter-spacing: 0.04em;
}

body.uiRedesignStep2 .deckung09Meta {
  color: #aeb8bf;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung09Pct {
  color: #d8bd77;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

body.uiRedesignStep2 .step09HideLegacyDeckung {
  display: none !important;
}

@media (max-width: 1180px) {
  body.uiRedesignStep2 .deckung09Body {
    grid-template-columns: 1fr;
  }

  body.uiRedesignStep2 .deckung09Groups {
    grid-template-columns: 1fr;
  }
}

/* VERO UI REDESIGN SCHRITT 10
   Reparatur Tausch, nur eine Tresor Deckung, moderne Schrift im Wertmeter
*/

body.uiRedesignStep2 .deckungStitchCard,
body.uiRedesignStep2 .deckungStitchCardStep06,
body.uiRedesignStep2 .deckungStep07Card,
body.uiRedesignStep2 .deckungStep08Card,
body.uiRedesignStep2 .deckungStep09Card,
body.uiRedesignStep2 .step09HideLegacyDeckung {
  display: none !important;
}

body.uiRedesignStep2 .step10HideDeckung {
  display: none !important;
}

body.uiRedesignStep2 .step10ModernType,
body.uiRedesignStep2 .step10ModernType * {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

body.uiRedesignStep2 .step10ModernType h1,
body.uiRedesignStep2 .step10ModernType h2,
body.uiRedesignStep2 .step10ModernType h3,
body.uiRedesignStep2 .step10ModernType .cardLabel,
body.uiRedesignStep2 .step10ModernType .chartTitle,
body.uiRedesignStep2 .step10ModernType .sectionTitle {
  font-weight: 600 !important;
  letter-spacing: 0.015em !important;
  color: #f2f4f5 !important;
}

body.uiRedesignStep2 .step10ModernType .bigValue,
body.uiRedesignStep2 .step10ModernType .value,
body.uiRedesignStep2 .step10ModernType strong {
  color: #efe7d0 !important;
  font-weight: 500 !important;
}

body.uiRedesignStep2 .veroBanknoteCard,
body.uiRedesignStep2 .veroBanknoteImageWrap {
  background: rgba(4,8,12,0.98) !important;
}

body.uiRedesignStep2 .veroBanknoteImage {
  background: transparent !important;
}

body.uiRedesignStep2 #view-tausch .step10PreviewDark,
body.uiRedesignStep2 #view-tausch .step10PreviewDark * {
  background-color: rgba(4,8,12,0.98) !important;
  color: #eef2f4 !important;
  border-color: rgba(216,189,119,0.22) !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

body.uiRedesignStep2 #view-tausch .step10PreviewDark {
  background: linear-gradient(180deg, rgba(6,10,14,0.98), rgba(3,7,11,0.98)) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(216,189,119,0.05), 0 18px 44px rgba(0,0,0,0.30) !important;
}

body.uiRedesignStep2 #view-tausch .step10PreviewDark strong,
body.uiRedesignStep2 #view-tausch .step10PreviewDark b {
  color: #efe7d0 !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
}

body.uiRedesignStep2 .deckungStep10Card {
  margin-bottom: 16px;
  padding: 18px 18px 20px;
  background: linear-gradient(180deg, rgba(6,10,14,0.94), rgba(4,8,12,0.98)) !important;
  border: 1px solid rgba(216,189,119,0.22) !important;
}

body.uiRedesignStep2 .deckung10Title {
  color: #efe7d0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung10Sub {
  color: #c8d0d6;
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 18px;
}

body.uiRedesignStep2 .deckung10Body {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 24px;
  align-items: center;
}

body.uiRedesignStep2 .deckung10RingWrap {
  position: relative;
  width: 350px;
  height: 350px;
  margin: 0 auto;
}

body.uiRedesignStep2 .deckung10Ring {
  position: absolute;
  inset: 16px;
  border-radius: 50% !important;
  background:
    conic-gradient(
    from -90deg,
    #4f744f 0deg 50.4deg,
    #6f8f55 50.4deg 100.8deg,
    #8aa56b 100.8deg 144deg,
    #4f6f8e 144deg 187.2deg,
    #6d89a3 187.2deg 223.2deg,
    #8ea2b6 223.2deg 252deg,
    #8b4d48 252deg 295.2deg,
    #a86159 295.2deg 331.2deg,
    #bf766a 331.2deg 360deg
  );
  box-shadow:
    inset 0 0 0 1px rgba(216,189,119,0.42),
    inset 0 0 0 18px rgba(0,0,0,0.18),
    0 18px 44px rgba(0,0,0,0.30);
}

body.uiRedesignStep2 .deckung10Ring::before {
  content: "";
  position: absolute;
  inset: 38px;
  border-radius: 50% !important;
  background: #070b0f;
  border: 1px solid rgba(216,189,119,0.30);
}

body.uiRedesignStep2 .deckung10Ring::after {
  content: "";
  position: absolute;
  inset: 88px;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 45% 42%, rgba(82,98,72,0.72), transparent 30%),
    radial-gradient(circle at 58% 62%, rgba(42,66,82,0.78), transparent 32%),
    #080c10;
  border: 1px solid rgba(216,189,119,0.28);
}

body.uiRedesignStep2 .deckung10Core {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}

body.uiRedesignStep2 .deckung10Core strong {
  display: block;
  color: #efe7d0;
  font-size: 18px;
  letter-spacing: 0.12em;
}

body.uiRedesignStep2 .deckung10Core span {
  display: block;
  margin-top: 6px;
  color: #c8d0d6;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.uiRedesignStep2 .ringSubLabel {
  position: absolute;
  z-index: 3;
  padding: 5px 7px;
  border: 1px solid rgba(216,189,119,0.18);
  background: rgba(4,8,12,0.88);
  color: #efe7d0;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

body.uiRedesignStep2 .ringWeizen { left: 52px; top: 34px; }
body.uiRedesignStep2 .ringMais { left: 142px; top: 4px; }
body.uiRedesignStep2 .ringSoja { right: 56px; top: 34px; }
body.uiRedesignStep2 .ringGold { right: 0; top: 112px; }
body.uiRedesignStep2 .ringKupfer { right: 0; top: 190px; }
body.uiRedesignStep2 .ringSilber { right: 54px; bottom: 34px; }
body.uiRedesignStep2 .ringOel { left: 148px; bottom: 4px; }
body.uiRedesignStep2 .ringGas { left: 50px; bottom: 34px; }
body.uiRedesignStep2 .ringUran { left: 0; top: 188px; }

body.uiRedesignStep2 .deckung10Groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

body.uiRedesignStep2 .deckung10Group {
  border: 1px solid rgba(216,189,119,0.16);
  background: rgba(255,255,255,0.018);
  padding: 12px;
}

body.uiRedesignStep2 .deckung10GroupHead {
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(216,189,119,0.12);
}

body.uiRedesignStep2 .deckung10GroupTitle {
  color: #efe7d0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

body.uiRedesignStep2 .deckung10GroupPct {
  color: #d8bd77;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

body.uiRedesignStep2 .deckung10Subitems {
  display: grid;
  gap: 8px;
}

body.uiRedesignStep2 .deckung10Item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 6px 7px;
  border: 1px solid rgba(216,189,119,0.10);
  background: rgba(255,255,255,0.014);
}

body.uiRedesignStep2 .stichIcon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(216,189,119,0.22);
  display: grid;
  place-items: center;
  color: #d9c089;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.055), transparent 48%),
    rgba(255,255,255,0.012);
}

body.uiRedesignStep2 .deckung10GroupHead .stichIcon {
  width: 44px;
  height: 44px;
}

body.uiRedesignStep2 .stichIcon svg {
  width: 30px;
  height: 30px;
  display: block;
}

body.uiRedesignStep2 .deckung10Name {
  color: #efe7d0;
  font-size: 13px;
  letter-spacing: 0.04em;
}

body.uiRedesignStep2 .deckung10Meta {
  color: #aeb8bf;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.uiRedesignStep2 .deckung10Pct {
  color: #d8bd77;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1180px) {
  body.uiRedesignStep2 .deckung10Body {
    grid-template-columns: 1fr;
  }

  body.uiRedesignStep2 .deckung10Groups {
    grid-template-columns: 1fr;
  }
}