/* ==========================================================================
   HUHNFINDER STYLING (BACKUP-STAND + NEUER ZUSCHNITT)
   ========================================================================= */

/* Der Flügel im Ruhezustand */
#fluegelblau {
    fill: #4573ae !important;
    transition: fill 0.2s ease;
}

/* Hover-Effekt für den Flügel */
#fluegelblau:hover {
    fill: #388E3C !important;
}

/* Die Gruppe für das Klicken/Wackeln */
#gfluegel {
    transition: opacity 0.1s ease-in-out;
    cursor: pointer;
}

/* Tipp-Effekt (Wackeln) */
.tippen-aktiv {
    opacity: 0;
}

/* ==========================================================================
   SAUBERE EINPASSUNG DES NEUEN COMPACT-SVGS
   ========================================================================= */
#vid-canvas {
    width: 100%;
    max-width: 580px;       /* Maximale Wohlfühlbreite auf der Platte */
    margin: 0 auto 15px auto;
    display: block;
    box-sizing: border-box;
    padding: 0 10px;        /* Winziger Sicherheitsabstand zu den Plattenrändern */
}

#vid-canvas svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Bereinigung der Medienbox */
.media-container {
    width: 100%;
    display: flex;
    justify-content: center;
}