/* Hero-Motion – Station 2: Link „In Originalgröße öffnen“ unter dem Fenster, öffnet /demo2 in neuem Tab (eingesetzt von wrap.php).
   Nur zweispaltig (ab 1101 px); bis 1100 px ist Station 2 ohnehin ausgeblendet (mobile.css). Vorlage: design-previews/demo2-hinweis/, Variante B.
   Der Link steht im Fenster-Host vor dem Fenster (DvLite hängt das Fenster per appendChild an), order setzt ihn darunter. */
.ll-link { display: none; }

@media (min-width: 1101px) {
    #station-2 .dv-st__visual { display: flex; flex-direction: column; }
    #station-2 .ll-link {
        order: 1; align-self: flex-end; display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 9px 14px;
        border-radius: 999px; background: #fffaf0; border: 1px solid rgba(52, 44, 28, .16); color: var(--bl-green-text);
        font: 700 13px/1 var(--bl-font); text-decoration: none; box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .45);
        transition: background-color .2s ease, color .2s ease, transform .2s ease;
    }
    #station-2 .ll-link:hover, #station-2 .ll-link:focus-visible { background: var(--bl-green); color: #fff; transform: translateY(-2px); }
    #station-2 .ll-link > i { font-size: 12px; }
    #station-2 .ll-link svg { width: 1em; height: 1em; flex: none; }
}

@media (prefers-reduced-motion: reduce) {
    #station-2 .ll-link { transition: none; }
}