/* Eigene Anpassungen für den Cookie-Consent (orestbida).
   Wird NACH assets/vendor/cookieconsent.css eingebunden, damit Vendor-Updates
   diese Regeln nicht überschreiben. */

/* Das Consent-Banner läuft als layout:'box', position:'bottom right' (siehe
   consent.js). In dieser Konfiguration setzt das Vendor-CSS nur 'right', aber
   kein 'left', sodass die Box bei width:auto auf schmalen Screens nach links
   wächst und rechts über den Bildschirmrand ragt.

   Auf Mobil (<= 640px) zwingen wir die Box deshalb auf beide Seiten in den
   Viewport hinein. Hohe Spezifität (#cc-main + mehrere Klassen) + !important,
   damit die Vendor-Mobil-Regeln nicht gewinnen. */
@media screen and (max-width: 640px) {
    #cc-main .cm.cm--box,
    #cc-main .cm.cm--box.cm--right,
    #cc-main .cm.cm--box.cm--left {
        left: var(--cc-modal-margin, 1rem) !important;
        right: var(--cc-modal-margin, 1rem) !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}