/* Zusatz-Utilities für Landing-Pages — die kompilierte landing.css (Tailwind-JIT
   aus dem alten Static-Build) enthält nicht alle Arbitrary-Value-Klassen,
   die in den Blade-Templates verwendet werden. */

.aspect-\[9\/16\] {
    aspect-ratio: 9 / 16;
}

.aspect-\[21\/9\] {
    aspect-ratio: 21 / 9;
}

.rounded-\[40\%\] {
    border-radius: 40%;
}

.text-\[0\.65rem\] {
    font-size: 0.65rem;
}

.text-\[0\.7rem\] {
    font-size: 0.7rem;
}

.tracking-\[0\.2em\] {
    letter-spacing: 0.2em;
}

.tracking-\[0\.25em\] {
    letter-spacing: 0.25em;
}

.tracking-\[0\.3em\] {
    letter-spacing: 0.3em;
}

.tracking-\[0\.35em\] {
    letter-spacing: 0.35em;
}

/* Typografie für Rechtsseiten (Impressum/Datenschutz) */
.legal h1 {
    font-family: Syncopate, sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: #0f172a;
    margin: 0 0 1.5rem;
}

.legal h2 {
    font-family: Syncopate, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #0f172a;
    margin: 2.5rem 0 1rem;
}

.legal h3 {
    font-weight: 700;
    color: #0f172a;
    margin: 2rem 0 0.75rem;
}

.legal p {
    margin: 0 0 1rem;
    line-height: 1.7;
    color: #334155;
}

.legal ul,
.legal ol {
    margin: 0 0 1rem 1.25rem;
    color: #334155;
}

.legal li {
    margin-bottom: 0.4rem;
    line-height: 1.6;
}

.legal a {
    color: #eb0096;
    text-decoration: underline;
    text-underline-offset: 2px;
}