/* ══════════════════════════════════════════════════════════════
   MARKEN-TEASER — inc/parts/brand-teaser.php
   /kochschule/, /eventlocation/, /shop/, /digital/ (JK 2026-09-07):
   Logo + ein Satz + Link, zentriert, viel Luft zu Header und Footer.
   ══════════════════════════════════════════════════════════════ */

.bt-page {
    position: relative;
}

.bt-page [id] { scroll-margin-top: 96px; }

.bt-stage {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(14rem, 28vh, 20rem) 0 clamp(12rem, 24vh, 18rem);
}

.bt-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 880px;
}

.bt-logo {
    display: block;
    margin: 0 0 2.5rem;
    border-radius: var(--radius-sm);
}

.bt-logo img {
    display: block;
    width: auto;
    height: clamp(64px, 9vw, 112px);
}

/* quadratische Bildmarken (KwK-K) duerfen hoeher stehen als eine Wortmarke */
.bt-logo--square img {
    height: clamp(120px, 16vw, 200px);
}

/* Shop-Wortmarke: das SVG traegt viel Luft im viewBox, darum groesser */
.bt-logo--wide img {
    height: clamp(120px, 15vw, 190px);
}

.bt-logo:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.7);
    outline-offset: 8px;
}

.bt-title {
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.6vw, 2.1rem);
    font-weight: 500;
    letter-spacing: -0.015em;
    line-height: 1.3;
    color: rgba(245, 245, 245, 0.72);
    max-width: 30ch;
    margin: 0 0 2.6rem;
    text-wrap: balance;
}

.bt-title strong {
    color: var(--text-primary);
    font-weight: 600;
}

.bt-cta {
    display: flex;
    justify-content: center;
}

@media (max-width: 700px) {
    .bt-stage { min-height: 0; padding: clamp(9rem, 20vh, 12rem) 0 clamp(7rem, 16vh, 10rem); }
    .bt-logo img { height: clamp(52px, 14vw, 72px); }
    .bt-logo--square img { height: clamp(96px, 28vw, 140px); }
    .bt-logo--wide img { height: clamp(96px, 26vw, 130px); }
    .bt-title { max-width: none; }
}