/* AH-BK · Buttons und Pfeile – gemeinsam für die Website (includes/head.php) und die Anmelde-Tour (includes/layout-tour.php), V11 */
/* --- Buttons: btn + Variante (+ Größe) --- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 52px; padding: 0 24px; border: 0; border-radius: var(--r-pill); font-size: .91rem; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; cursor: pointer; transition: background var(--t), transform var(--t), box-shadow var(--t), color var(--t) }
.btn:hover { transform: translateY(-1px) }
.btn span { transition: transform var(--t) }
.btn:hover span { transform: translateX(3px) }
.btn--primary { background: var(--primary); color: #fff; box-shadow: 0 10px 20px rgba(66, 84, 149, .16) }
.btn--primary:hover { background: var(--primary-800) }
.btn--accent { background: var(--accent); color: var(--primary-900); box-shadow: 0 10px 24px rgba(242, 139, 45, .22) }
.btn--accent:hover { background: var(--accent-strong) }
.btn--light { background: var(--soft-blue); color: var(--primary-800) }
.btn--dunkel { background: var(--primary-900); color: #fff; box-shadow: 0 10px 20px rgba(28, 41, 75, .2) }   /* Zweitknopf im Hero, Knöpfe im Veranstaltungs-Slider */
.btn--dunkel:hover { background: var(--primary-800) }
.btn--light:hover { background: #dfe5f3 }
.btn--white { background: #fff; color: var(--primary-800) }
.btn--sm { min-height: 42px; padding: 0 18px; font-size: .82rem }
.btn[disabled] { opacity: .6; pointer-events: none }

.btn--datei { gap: .6rem; white-space: normal; text-align: left; line-height: 1.3; padding-block: 10px }
.btn--datei svg { flex: none; width: 1.15em; height: 1.15em; color: var(--accent-strong) }
.btn--datei small { font-size: .68rem; font-weight: 800; letter-spacing: .1em; color: var(--muted) }

/* Pfeile (V08): überall <span class="pfeil" aria-hidden="true">→</span> bzw. pfeil() – Farbe und Bewegung regelt der jeweilige Baustein */
.pfeil { display: inline-block; font-style: normal }