/* acessio.de Startseite · Leistungsstapel · Modul „leistungen-hub“, Release 2026-10-22-verkaufsstark.
   Karte 04 trägt jetzt Victors längeren Text (keine reine Webdesign-Agentur, IT, Experten). Damit sie am
   Phone weiter andockt (Kartenhöhe ≤ Bildschirmhöhe − Andocklage, sonst schaltet kann-stapel-*.js auf die
   ruhige Liste), stehen die Zeichnungen im Stapel am Phone kleiner und linksbündig über dem Text.
   Gilt nur in der Stapeldarstellung; die ruhige Liste (reduzierte Bewegung, niedriger Bildschirm, zu hohe
   Karte) bleibt wie bisher. Das Skript misst immer in der Stapeldarstellung, also mit diesen Maßen. */
@media (max-width: 599px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  .kann-buehne:not(.ist-ruhig) .kann-stapel .kann__bild img { width: auto; max-width: 100%; height: 100px; }
}
/* Korrekturrunde r2b: Der Link auf Karte 03 („Beispiele unter Social-Media-Videos →“, 260 px) ist unter 360 px
   Bildschirmbreite länger als die Textspalte der Stapelkarte (232 px bei 320, 252 px bei 340). Mit dem nowrap aus
   kann-stapel-*.css machte er alle Karten 308 statt 280 px breit, bei 320 px scrollte die Seite 8 px seitlich.
   Hier darf nur dieser Link umbrechen („Beispiele unter Social-Media-“ / „Videos →“). pretty verhindert, dass
   bei 332–347 px der Pfeil allein in die zweite Zeile fällt; ohne pretty-Unterstützung bleibt nur das. */
@media (max-width: 359px) {
  .kann-stapel .kann__mehr a[href="/leistungen/social-media-videos/"] { white-space: normal; }
  .kann-stapel .kann__mehr:has(> a[href="/leistungen/social-media-videos/"]) { text-wrap: pretty; }
}