/* ============================================================
   GPE · Flat-Layer (wird zuletzt geladen)
   Alle Boxen ohne Radien, 2 px Abstand zueinander, 1 px Kontur
   statt weicher Schatten. Prozess-Schritte (.steps3) als
   verbundene Pfeil-Kette.
   ============================================================ */
:root {
  --r: 0; --r-lg: 0; --r-tile: 0; --r-tile-lg: 0;
  --ring: 0 0 0 1px var(--line);
  --ring-dark: 0 0 0 1px rgba(255,255,255,.1);
  --arrow: 32px;
}

/* ---------- Raster: 2 px Abstand ---------- */
.bento, .pains, .reasons, .ind-grid, .news-grid, .specstats, .team-grid, .jobs, .values,
.dl-grid, .gallery, .features, .catindex, .contact-aside, .tl-grid { gap: 2px; }

/* ---------- Helle Boxen: Kontur statt Schatten ---------- */
.step3, .ncard, .specstat, .member, .job, .value, .dl, .gallery figure, .feature,
.cat, .card, .katalog, .ind, .ccard, .turn-media, .fsplit__media, .subhero__media,
.cta-band, .dl-row, .map, .shop-hint, .acc, .megamenu__inner, .lang__menu {
  border-radius: 0; box-shadow: var(--ring);
}
.tile { border-radius: 0; box-shadow: var(--ring); }
a.tile:hover { box-shadow: var(--ring); }
a.ncard:hover, .specstat:hover, .member:hover, .dl:hover { box-shadow: var(--ring); }
.ppp span, .catnav a, .reason__badge, .turn-media__tag { border-radius: 0; box-shadow: var(--ring); }
.step3__ico, .specstat__ico, .reason__ico, .value__ico, .feature__ico, .member__avatar, .pain__n { border-radius: 0; }
.ncard__media, .cat__media, .dl__media, .gallery figure > div, .katalog__media img, .reason__badge img { border-radius: 0; }
.katalog__media img { transform: none; box-shadow: var(--ring); }
.field input, .field select, .field textarea { border-radius: 0; }
.form-status, .prose .box, .acc { border-radius: 0; }
#katalog { border-radius: 0 !important; }

/* ---------- Dunkle Boxen ---------- */
.pain, .reason { border-radius: 0; box-shadow: var(--ring-dark); -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255,255,255,.05); }
.mega-item { border-radius: 0; }
.mega-item.is-flag { border-radius: 0; }

/* ---------- Prozess-Schritte als Pfeil-Kette ---------- */
.steps3 { display: flex; gap: 0; align-items: stretch; }
.step3 {
  flex: 1 1 0; min-width: 0; box-shadow: none; border-radius: 0; overflow: visible;
  padding-right: calc(var(--arrow) + clamp(1.2rem, .9rem + 1vw, 1.8rem));
}
.step3:nth-child(1) { clip-path: polygon(0 0, calc(100% - var(--arrow)) 0, 100% 50%, calc(100% - var(--arrow)) 100%, 0 100%); }
.step3:nth-child(2) { margin-left: calc(2px - var(--arrow)); padding-left: calc(var(--arrow) + clamp(1.2rem, .9rem + 1vw, 1.8rem));
  clip-path: polygon(0 0, calc(100% - var(--arrow)) 0, 100% 50%, calc(100% - var(--arrow)) 100%, 0 100%, var(--arrow) 50%); }
.step3:nth-child(3) { margin-left: calc(2px - var(--arrow)); padding-left: calc(var(--arrow) + clamp(1.2rem, .9rem + 1vw, 1.8rem)); padding-right: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--arrow) 50%); }
.step3__n { right: calc(var(--arrow) + 1rem); }
.step3:nth-child(3) .step3__n { right: 1.4rem; }

@media (max-width: 920px) {
  .steps3 { flex-direction: column; }
  .step3, .step3:nth-child(2), .step3:nth-child(3) { margin-left: 0; clip-path: none; padding-left: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem); padding-right: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem); box-shadow: var(--ring); }
  .step3 + .step3 { margin-top: 2px; }
  .step3__n, .step3:nth-child(3) .step3__n { right: 1.4rem; }
}