/* bx-header-19 – aus Brixies „Header 19“ (0023-header-19.json) */
.bx-header-19 { padding-top: var(--wf-space-m); padding-right: var(--wf-space-m); padding-bottom: var(--wf-space-m); padding-left: var(--wf-space-m); }
.bx-header-19__container { flex-direction: row; flex-wrap: nowrap; align-items: stretch; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: var(--wf-color-neutral-trans-10); }
.bx-header-19__logo-wrapper { align-items: center; width: auto; padding-top: var(--wf-space-xl); padding-right: var(--wf-space-xl); padding-bottom: var(--wf-space-xl); padding-left: var(--wf-space-xl); border-right-width: 1px; border-style: solid; border-color: var(--wf-color-neutral-trans-10); justify-content: center; flex-shrink: 0; }
@media (max-width: 767px) {
	.bx-header-19__logo-wrapper { align-items: flex-start; }
}
.bx-header-19__logo { width: 148px; }
@media (max-width: 478px) {
	.bx-header-19__logo { width: 132px; }
}
.bx-header-19__divider { --wf-el-color: var(--wf-color-neutral-trans-20); }
@media (max-width: 991px) {
	.bx-header-19__divider { display: none; }
}
@media (max-width: 767px) {
	.bx-header-19__divider { display: none; }
}
.bx-header-19__inner-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
@media (max-width: 991px) {
	.bx-header-19__inner-container { justify-content: flex-end; }
}
.bx-header-19__menu ul { gap: var(--wf-content-gap); justify-content: row; }
.bx-header-19__menu li { margin-top: auto; margin-bottom: auto; margin-left: 0px; }
.bx-header-19__menu a { font-size: var(--wf-text-s); font-weight: 600; color: var(--wf-color-neutral-950); }
.bx-header-19__menu ul ul a { color: var(--wf-color-neutral-950); font-size: var(--wf-text-s); font-weight: 600; line-height: 120%; }
.bx-header-19__menu ul ul { padding-top: var(--wf-space-s); padding-right: var(--wf-space-m); padding-bottom: var(--wf-space-s); padding-left: var(--wf-space-m); }
.bx-header-19__menu a:hover { color: var(--wf-color-neutral-trans-80); }
@media (max-width: 767px) {
	.bx-header-19__menu { order: 30; margin-right: 0px; margin-left: 0px; }
}
.bx-header-19__btn-wrapper { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; column-gap: var(--wf-space-m); width: auto; }
@media (max-width: 991px) {
	.bx-header-19__btn-wrapper { display: none; }
}
.bx-header-19__btn > .wp-block-button__link:hover { background-color: var(--wf-color-primary-trans-90); }
@media (max-width: 991px) {
	.bx-header-19__btn > .wp-block-button__link { margin-left: auto; }
}
.bx-header-19__content { padding-top: var(--wf-space-m); padding-right: var(--wf-space-m); padding-bottom: var(--wf-space-m); padding-left: var(--wf-space-m); flex-wrap: nowrap; flex-direction: column; row-gap: var(--wf-space-s); }
@media (max-width: 991px) {
	.bx-header-19__content { justify-content: center; }
}
@media (max-width: 767px) {
	.bx-header-19__content { padding-top: var(--wf-space-xl); padding-right: var(--wf-space-xl); padding-bottom: var(--wf-space-xl); padding-left: var(--wf-space-xl); }
}
.bx-header-19__contact-list { margin-top: 0px; margin-bottom: 0px; display: flex; flex-direction: row; padding-right: 0px; padding-left: 0px; flex-wrap: nowrap; column-gap: var(--wf-content-gap); }
.bx-header-19__contact-list-item { display: flex; column-gap: var(--wf-space-s); flex-wrap: nowrap; align-items: center; }
.bx-header-19__content-top { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
@media (max-width: 991px) {
	.bx-header-19__content-top { display: none; }
}
.bx-header-19__social-media-list { flex-direction: row; column-gap: var(--wf-space-m); align-items: center; display: flex; width: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; flex-wrap: nowrap; align-self: flex-end; }
.bx-header-19__social-media-icon { --wf-icon-size: 2.4rem; --wf-icon-color: var(--wf-color-neutral-trans-60); }
.bx-header-19__social-media-icon:hover { --wf-icon-color: var(--wf-color-neutral-950); }
.bx-header-19__contact-list-link { color: var(--wf-color-neutral-950); font-size: var(--wf-text-s); font-weight: 600; --wf-el-gap: var(--wf-space-s); }

/* ---- Dart-Treff, Gestaltung 3 (stil.md): nur --wf-*-Variablen ---- */
/* Kopf liegt transparent auf dem Hero-Foto: Logo quer in Kneipenlicht, Menü in Creme, Kupfer-Unterstrich,
   „Anrufen“ als Rahmen-Knopf. Die Telefonnummer steht klein davor. */
.bx-header-19 { position: absolute; top: 0; left: 0; right: 0; z-index: 20; background: transparent;
	padding: var(--wf-space-l) var(--wf-section-space-horizontal); }
.bx-header-19__container { border: 0; align-items: center; column-gap: var(--wf-space-xl); }
.bx-header-19__logo-wrapper { border: 0; padding: 0; }
.bx-header-19__logo { width: 21rem; display: block; }
.bx-header-19__logo img { width: 100%; height: auto; }
.bx-header-19__content { flex-direction: row; align-items: center; justify-content: flex-end; column-gap: var(--wf-space-xl);
	padding: 0; row-gap: 0; }
.bx-header-19__inner-container { display: contents; }
.bx-header-19__divider { display: none; }
.bx-header-19__menu { order: 1; }
.bx-header-19__content-top { order: 2; width: auto; }
.bx-header-19__btn-wrapper { order: 3; }
.bx-header-19__menu ul { column-gap: var(--wf-space-xl); }
.bx-header-19__menu a { font-family: var(--wf-font-body); font-size: var(--wf-text-m); font-weight: 600; letter-spacing: .02em;
	color: var(--wf-color-white); padding-block: .4rem; border-bottom: 2px solid transparent; }
.bx-header-19__menu a:hover { color: var(--wf-color-white); border-bottom-color: var(--wf-color-primary); }
.bx-header-19__contact-list-link { font-family: var(--wf-font-body); font-size: var(--wf-text-m); font-weight: 600;
	color: var(--wf-color-white-trans-80); }
.bx-header-19__contact-list-link svg { display: none; }
.bx-header-19__btn > .wp-block-button__link { font-family: var(--wf-font-body); font-size: var(--wf-text-m); font-weight: 700;
	letter-spacing: .02em; padding: var(--wf-space-2xs) var(--wf-space-m); border-radius: var(--wf-button-radius);
	background: transparent; color: var(--wf-color-white); border: 1px solid var(--wf-color-white-trans-70); }
.bx-header-19__btn > .wp-block-button__link:hover { background: var(--wf-color-white-trans-10); border-color: var(--wf-color-white); }
.bx-header-19__btn > .wp-block-button__link svg { display: none; }
.bx-header-19__btn > .wp-block-button__link::before { content: ""; width: 1.1em; height: 1.1em; background: currentColor;
	-webkit-mask: url("../../assets/vendor/tabler/phone.svg") center / contain no-repeat; mask: url("../../assets/vendor/tabler/phone.svg") center / contain no-repeat; }
@media (max-width: 991px) {
	.bx-header-19__logo { width: 17rem; }
	.bx-header-19__menu ul { column-gap: var(--wf-space-m); }
}
@media (max-width: 767px) {
	.bx-header-19 { padding: var(--wf-space-m) var(--wf-section-space-horizontal); }
	.bx-header-19__container { flex-direction: column; align-items: flex-start; row-gap: var(--wf-space-s); }
	.bx-header-19__logo-wrapper { align-items: flex-start; }
	.bx-header-19__content { justify-content: flex-start; padding: 0; width: 100%; }
	.bx-header-19__menu a { font-size: var(--wf-text-s); }
}
/* Seiten ohne Hero-Foto (Impressum, Datenschutz, Beiträge, 404): Kopf nicht transparent, sondern auf Lederbank,
   sonst steht das helle Menü auf hellem Papier. Nachtrag 11.11.2026 nach dem Bau. */
body:not(:has(.bx-hero-13)) .bx-header-19 { position: relative; background-color: var(--wf-color-neutral-800); }

/* ---- Änderungen Runde 1 (Deniz’ Auswahl, 11.11.2026) ---- */
.bx-header-19__contact-list-link { display: inline-flex; align-items: center; justify-content: center; width: 4.4rem; height: 4.4rem; border: 1px solid var(--wf-color-white-trans-50); border-radius: 50%; font-size: 0; color: var(--wf-color-white); }
.bx-header-19__contact-list-link svg { display: none; }
.bx-header-19__contact-list-link::before { content: ""; width: 1.9rem; height: 1.9rem; background: currentColor; -webkit-mask: url("../../assets/vendor/tabler/phone.svg") center / contain no-repeat; mask: url("../../assets/vendor/tabler/phone.svg") center / contain no-repeat; }
.bx-header-19__btn > .wp-block-button__link::before { -webkit-mask-image: url("../../assets/vendor/tabler/map-pin.svg"); mask-image: url("../../assets/vendor/tabler/map-pin.svg"); }
@media (max-width: 767px) {
	.bx-header-19__container { flex-direction: row; align-items: center; justify-content: space-between; }
	.bx-header-19__logo { width: 15rem; }
	.bx-header-19__content { width: auto; }
	.bx-header-19__menu, .bx-header-19__content-top { display: none; }
	.bx-header-19__btn-wrapper { display: flex; }
	.bx-header-19__btn > .wp-block-button__link { background: var(--wf-color-neutral-trans-60); }
}
/* 19: Unterseiten (Impressum, Datenschutz, 404) auf Papier statt Weiß. Der Starter setzt body fest auf #fff und hat dafür
   keinen Token; der Kopf lädt auf jeder Seite, deshalb steht die Regel hier (Vorschlag für den Starter: Token für den Seitengrund). */
:root body { background-color: var(--wf-color-neutral-25); }

/* ---- Änderungen Runde 3 (Livegang-Prüfung, Deniz’ Auswahl, 11.11.2026) ---- */
/* GEST-01: am Handy nur Logo und „Route planen“ (Runde 1). Die Korrektur des Starters (assets/korrektur/bx-header-19.css)
   holt die Nummer mobil zurück und war stärker als die Regel aus Runde 1; dieser Selektor gewinnt. */
@media (max-width: 767px) {
	.bx-header-19 .bx-header-19__content-top:has(a[href^="tel:"]) { display: none; }
	.bx-header-19 .bx-header-19__logo-wrapper, .bx-header-19 .bx-header-19__content { padding: 0; }
	.bx-header-19 .bx-header-19__container { column-gap: var(--wf-space-m); align-items: center; }
	.bx-header-19 .bx-header-19__btn > .wp-block-button__link { white-space: nowrap; }
}
@media (max-width: 359px) {
	.bx-header-19 .bx-header-19__logo { width: 11.2rem; }
}
/* GEST-02: zwischen 768 und 833 px bricht das Menü zweizeilig; dort wie am Handy ohne Menü */
@media (min-width: 768px) and (max-width: 833px) {
	.bx-header-19 .bx-header-19__menu { display: none; }
	.bx-header-19 .bx-header-19__content { justify-content: flex-end; align-items: center; column-gap: var(--wf-space-m); }
	.bx-header-19 .bx-header-19__btn > .wp-block-button__link { white-space: nowrap; }
}

/* ---- Icons: Tabler Icons (assets/vendor/tabler/, MIT) statt selbst gezeichneter Masken (Deniz, 12.11.2026) ---- */