/* ===== ALLGEMEINE UNTERSEITEN (Impressum, Datenschutz, Anfahrt) ===== */
/* .frame = Standard-Wrapper von TYPO3s fluid_styled_content für alle normalen
   Content-Elemente (Text, Text & Medien, Bild, …) – bekommt hier dieselbe
   Container-Breite/-Innenabstand wie unsere Content-Blocks-Elemente. */
.text-page,
.frame {
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--spacing-l);
    padding-block: var(--spacing-l) 0;
}

.text-page__headline,
.frame h1 {
    font-size: var(--font-size-headline);
    font-weight: 700;
    line-height: var(--line-height-headline);
    color: var(--color-primary);
    margin-block-end: var(--spacing-2xl);
}

.text-page h2,
.frame h2 {
    font-size: var(--font-size-name);
    font-weight: 600;
    line-height: var(--line-height-name);
    color: var(--color-primary);
    margin-block: var(--spacing-xl) var(--spacing-m);
}

.text-page h3,
.frame h3 {
    font-size: var(--font-size-copy);
    font-weight: 700;
    color: var(--color-text);
    margin-block: var(--spacing-l) var(--spacing-s);
}

.text-page p,
.frame p {
    font-size: var(--font-size-copy);
    color: var(--color-text);
    margin-block-end: var(--spacing-m);
    line-height: var(--line-height-copy);
    max-width: 720px;
}

.text-page a,
.frame a {
    color: var(--color-primary);
}

.text-page a:hover,
.frame a:hover { text-decoration: underline; }

/* ===== ANFAHRT ===== */
.anfahrt-map {
    margin-block-start: var(--spacing-l);
    border: 1px solid var(--color-border);
    aspect-ratio: 16 / 6;
    background: var(--color-bg-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
    font-size: var(--font-size-base);
}

.anfahrt-link {
    display: inline-block;
    color: var(--color-primary);
    font-size: var(--font-size-copy);
    font-weight: 600;
    text-decoration: none;
    padding-block-end: 2px;
    border-block-end: 2px solid var(--color-primary);
    transition: color var(--transition-base), border-color var(--transition-base);
}

.anfahrt-link:hover {
    color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}
