/* ==========================================================
   Bildausschnitte
   Eine Zeile pro Bild, Werte aus bildausschnitte.html.
   0% = oben/links, 50% = mittig, 100% = unten/rechts.
   ========================================================== */


/* Datenschutz: Hochformat im breiten Hero, Herde etwas höher ins Bild */
[data-img="datenschutz-hero"] { object-position: 50% 70%; }

/* Nur Smartphone: Home, Bild 4, Ausschnitt nach rechts,
   damit die Kuh am rechten Rand komplett zu sehen ist */
@media (max-width: 760px) {
  [data-img="home-slide-4"] { object-position: 70% 50%; }
}