/* ODENWALDGLAS Feinschliff (21.10.2026, Marcel): gilt seitenweit, Texte/Markup unverändert. Quelle der Logik: src/lib/feinschliff.js */

/* ---------- F1 Einblenden: ein ruhiges Muster für alle Inhalte ---------- */
/* .odw-r setzt /js/odw-bewegung.js nur auf Elemente unterhalb des ersten Bildschirms; ohne JS bleibt alles sichtbar. */
.odw-r { opacity: 0; transform: translate3d(0, 22px, 0); }
.odw-r.odw-in {
  opacity: 1; transform: none;
  transition: opacity .65s cubic-bezier(.22,.61,.36,1), transform .65s cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--odw-verz, 0ms);
}
@media (prefers-reduced-motion: reduce) { .odw-r { opacity: 1; transform: none; } }

/* ---------- F2 Kachel-Hintergrund: Kästchen-Motiv als Vektorgrafik ---------- */
/* Ein Raster aus 3 × 6 Feldern über die volle Kachelhöhe, rechts bündig: Quadrate schließen oben, unten und an der Kante exakt ab. */
.odw-kachel {
  background-color: #F3F6FA;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  overflow: hidden;
  border-radius: var(--one-kit-radius, 4px);
}
.odw-kachel--a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 6' preserveAspectRatio='xMaxYMid meet' shape-rendering='crispEdges'%3E%3Crect x='2' y='0' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='1' y='4' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='0' y='5' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='2' y='4' width='1' height='1' fill='%23E6EDF9'/%3E%3C/svg%3E"); }
.odw-kachel--b { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 6' preserveAspectRatio='xMaxYMid meet' shape-rendering='crispEdges'%3E%3Crect x='2' y='0' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='1' y='0' width='1' height='1' fill='%23E6EDF9'/%3E%3Crect x='2' y='1' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='1' y='3' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='2' y='4' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='1' y='5' width='1' height='1' fill='%23FFFFFF'/%3E%3C/svg%3E"); }