/* =========================================================================
   UNTERSEITEN IM LOOK DER STARTSEITE (2026-10-03)
   blog.php, blog-post.php, kontakt.php. Laedt NACH landing.css, blog.css,
   landing-flow.css (Himmel + Stroemungsfeld ueber body.flow) und
   landing-v3.css (Tokens und Sektionskoepfe .v3-*). Hier nur, was die
   Unterseiten zusaetzlich brauchen.
   ========================================================================= */

/* ---------- Seitenkopf: wie die Sektionskoepfe der Startseite ---------- */
.v3-page-head {
    padding-top: calc(var(--bt-nav-h) + 80px);
    padding-bottom: 0;
}
.v3-page-head .v3-head {
    margin-bottom: 0;
}
.v3-head h1 {
    font-family: var(--bt-font-display);
    font-size: clamp(34px, 3.8vw, 58px);
    font-weight: 500;
    letter-spacing: -1.5px;
    line-height: 1.15;
    margin: 0;
    text-transform: uppercase;
}
/* Inhalt direkt unter dem Kopf */
.v3-page-body {
    padding-top: 64px;
}

/* ---------- Blog ---------- */
/* Inter wie auf der Startseite (blog.css setzt sonst die Systemschrift) */
body.v3.bt-blog {
    --bt-font-body: "Inter", system-ui, -apple-system, sans-serif;
}
/* Beitrag: Abstand unter der fixen Navi */
body.v3 .bt-article {
    padding-top: calc(var(--bt-nav-h) + 56px);
    padding-bottom: var(--bt-section-y);
}
/* Kategorie ueber dem Titel wie die Eyebrows der Startseite */
body.v3 .bt-blog__eyebrow {
    font-family: var(--bt-font-mono);
    font-size: 13px;
    letter-spacing: 1.4px;
}

/* ---------- Kontakt ---------- */
/* Kopf und Inhalt gleich breit, das Formular nicht ueberbreit */
.page-contact .v3-wrap {
    max-width: 1180px;
}
/* Datenschutz-Haken: normaler Fliesstext statt der Mono-Feldbeschriftung
   (.contact-form label in pages.css war staerker als .checkbox-label) */
.page-contact .contact-form .checkbox-label {
    font-family: var(--bt-font-body);
    font-size: 13.5px;
    letter-spacing: 0;
    text-transform: none;
    color: var(--bt-text-2);
}
/* Rechtliches steht in der rechten Spalte unter "Reaktionszeit" */
.page-contact .contact-info .quick-links {
    margin: 12px 0 0;
    padding: 0;
    border-bottom: 0;
}
.page-contact .contact-info .quick-links h3 {
    flex-basis: 100%;
}
/* Karten wie die Kacheln der Startseite */
.page-contact :is(.contact-form-wrapper, .info-card) {
    border-radius: 18px;
    border-color: var(--v3-card-border);
}
.page-contact .info-card:not(.highlight) {
    background: var(--v3-card);
}
.page-contact .info-card:hover {
    border-color: rgba(var(--v3-accent-rgb), 0.4);
}
.page-contact .info-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(var(--v3-accent-rgb), 0.2);
    background: rgba(var(--v3-accent-rgb), 0.1);
    color: var(--v3-accent);
}