/* ===== Probezeit seite ===== */body{background-color:#e30615ce}.container-probezeit{max-width:1200px;width:100%;margin:160px auto;padding:10px;background-color:rgb(248, 254, 254)}.container-probezeit h1{font-size:clamp(1.9rem, 2.5vw, 2.3rem);margin:8px 0 20px 0;padding:40px;color:#111827;text-align:center}.intro-probezeit{max-width:100ch;border-radius:12px;padding:10px;line-height:1.5;margin:30px auto}/* Abschnitts-Grid: Bild links/Text rechts oder umgekehrt */.row-probezeit{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center;margin-bottom:48px;box-shadow:0 6px 18px rgba(160, 183, 235, 0.4)}.row-probezeit .card-probezeit{background:transparent;padding:10px;border-radius:12px;/*box-shadow: 0 6px 18px rgba(15, 23, 42, 0.09);*/line-height:1.5}.row-probezeit img{width:100%;height:auto;display:block;border-radius:10px;object-fit:cover}/* Wenn das Bild rechts sein soll, verwenden wir .reverse */.row-probezeit.reverse{direction:rtl/* erlaubt die einfache Umkehr ohne Reihenfolge im HTML zu ändern */}.row-probezeit.reverse > *{direction:ltr}/* Stil für Liste und Hervorhebungen */ul{margin:8px 0 0 5px}.muted-probezeit{color:#374151;font-size:clamp(1.1rem, 2.5vw, 1.3rem)}.highlight-probezeit{color:#111;font-weight:600}.card-probezeit{max-width:100ch;margin:20px auto;text-align:center}.card-probezeit p{font-size:clamp(1.1rem, 2.5vw, 1.1rem)}@media (max-width: 768px){.container-probezeit{margin:100px auto}.row-probezeit{display:grid;grid-template-columns:1fr;gap:0px;margin-bottom:0px}.intro-probezeit{text-align:center;margin:5px}.highlight-probezeit{font-size:1.6rem;margin:0}.card-probezeit{text-align:center;padding:5px}}