/* Feinschliff fuer Handys
   Ergaenzt die Tailwind-Breakpoints an den Stellen, an denen sie
   auf kleinen Displays nicht ausreichen. */

/* Lange URLs (z.B. in der Datenschutzerklaerung) sprengen sonst das
   Layout, weil sie als ein einziges Wort gelten. Bricht nur um, wenn
   es sonst nicht passt. */
a {
    overflow-wrap: break-word;
}

@media (max-width: 767px) {
    /* Footer-Links waren nur 18-20 px hoch - zu klein zum Treffen.
       44 px ist die uebliche Mindestgroesse fuer Tap-Ziele. */
    footer li > a {
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    /* Impressum / Datenschutz / AGB in der Fusszeile */
    .footer-legal-links a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    /* Der zusaetzliche Abstand entfaellt, weil die Links selbst
       jetzt hoch genug sind - sonst wuerde der Footer sehr lang. */
    footer ul.space-y-3 > li + li,
    footer ul.space-y-4 > li + li {
        margin-top: 0;
    }

    /* Checkboxen wurden teils nur 13 px breit gerendert */
    input[type="checkbox"] {
        min-width: 1.25rem;
        min-height: 1.25rem;
    }

    /* Zustimmungstexte neben der Checkbox bequemer treffbar machen */
    label[for="privacy"],
    label[for="contact_privacy"] {
        padding-block: 0.25rem;
    }
}