/* ===================================================================
   Menue in Creme, Ecken leicht rund (Willy, 06.11.2026).
   Laedt nach kachelstil.css. Kacheln, Rahmen und Versatzschatten bleiben,
   nur die Ecken aendern sich. Die zwei Listen sind die Selektoren aus kachelstil.css.
   =================================================================== */

/* Knoepfe, Chips, Felder */
.b2p-k__knopf,
.b2p-k-marke,
.b2p-k-suche__feld input,
.b2p-k-suche__feld button,
.b2p-s .b2p-s-sprung a,
.b2p-s a.b2p-s-knopf,
.b2p-s button.b2p-s-knopf,
.b2p-s button.b2p-pod-los,
.b2p-s .b2p-pod-formate a,
.b2p-s .b2p-pod-feld select,
.b2p-s .b2p-pod-feld input,
.b2p-s .b2p-hm-feld textarea,
.b2p-s .b2p-hm-feld input,
.b2p-hero-text .b2p-support-pill,
.b2p-hero-text p.b2p-bezahlt-hinweis a,
.b2p-ak-pfeil,
.content a.b2p-zeit,
.b2p-suche-feld input,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-input,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-btn,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-suggest-btn,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-icon-btn.web-on,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-tag.webanswer,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-citation-chip,
.b2p-art-sprung a,
.b2p-art-sprung button,
.b2p-artikel .b2p-art-text .b2p-kasten--zahl p:not(.b2p-kasten__zahl),
.b2p-artikel h2.b2p-art-reaktionen__titel span,
.b2p-artikel .b2p-kom__schild,
.b2p-artikel button.b2p-kom-form__knopf,
.b2p-artikel .b2p-kom-form textarea,
.b2p-artikel .b2p-kom-form input[type="text"],
.b2p-artikel .b2p-kom-form input[type="email"],
.b2p-artikel .b2p-ue-filter button,
.b2p-artikel .b2p-ue-suche,
.b2p-artikel a.b2p-ue-knopf,
.b2p-artikel .b2p-ein-unter input[type="text"],
.b2p-artikel .b2p-ein-editor,
.b2p-artikel button.b2p-ein-knopf-hell,
.b2p-artikel button.b2p-ein-absenden,
.b2p-artikel .b2p-ein-danke a,
.b2p-artikel .b2p-ein-bs .b2p-ein-feld input,
.b2p-artikel .b2p-ein-bs .b2p-ein-feld textarea,
.b2p-artikel .b2p-ein-bs .b2p-ein-feld select,
.b2p-artikel .b2p-ein-bs .b2p-ein-feld input[type="url"],
.b2p-artikel .b2p-ein-plus__auf,
.b2p-artikel .b2p-ein-plus__menue button,
.b2p-artikel .b2p-ein-anleitung__plus,
.b2p-artikel button.b2p-ein-vorschau-fix,
.b2p-artikel button.b2p-ein-vs__zu,
.b2p-artikel .b2p-ein-weg--text,
.b2p-gz-g nav.b2p-gz-sprung a,
.b2p-gz .b2p-gz-weg,
.b2p-warum-btn,
.b2p-presse nav.b2p-presse-sprung a,
.b2p-presse a.b2p-presse-pille,
.b2p-presse button.b2p-presse-kopieren,
.b2p-presse .b2p-presse-filter button,
.b2p-tour-btn,
.b2p-tour-filter__btn,
.b2p-tour .b2p-tour-block__titel,
.b2p-folge-reak h2.b2p-art-reaktionen__titel span,
.b2p-folge-reak .b2p-kom__schild,
.b2p-folge-reak button.b2p-kom-form__knopf,
.b2p-folge-reak .b2p-kom-form textarea,
.b2p-folge-reak .b2p-kom-form input[type="text"],
.b2p-folge-reak .b2p-kom-form input[type="email"] {
	border-radius: 6px !important;
}

/* Kaesten, Karten, Bilder */
.b2p-k-tafel,
.b2p-k-tafel a,
.b2p-k-tafel a.b2p-k-neu,
.b2p-k-neu img,
.b2p-k-handy__neu,
.b2p-k-handy__neu img,
.b2p-k-handy__cta,
.b2p-k-suche__box,
.b2p-f-nl__meldung.ist-ok,
.b2p-s-karte,
.b2p-s-foto::after,
.b2p-s-foto img,
.b2p-s ul.b2p-s-logos a,
.b2p-s figure.b2p-s-stimme,
.b2p-s ul.b2p-s-herde-kurz li,
.b2p-s ul.b2p-s-plattformen a,
.b2p-s-toc,
.b2p-s form.b2p-hm,
.b2p-s .b2p-hm-danke,
.b2p-s-faq details,
.b2p-player,
.b2p-player-video,
.b2p-player-cover,
.b2p-player-tip,
.b2p-player-ctl,
.content a.b2p-chapter-video,
.b2p-foto,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-container,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-history,
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-msg,
.b2p-artikel .b2p-art-hinweis,
.b2p-art-inhalt-mobil,
.b2p-art-text figure img,
.b2p-art-text .wp-block-table,
.b2p-art-text .wp-block-embed iframe,
.b2p-art-text .b2p-grafik,
.b2p-art-text a.b2p-hoeren,
.b2p-hoeren img,
.b2p-art-text .b2p-kasten,
.b2p-artikel a.b2p-art-folge,
.b2p-artikel .b2p-art-folge__bild,
.b2p-artikel .b2p-art-bezug,
.b2p-artikel .b2p-kom-form,
.b2p-artikel .b2p-video__rahmen,
.b2p-artikel .b2p-ue-aufmacher__bild,
.b2p-artikel .b2p-ue-karte__bild,
.b2p-artikel a.b2p-ue-karte--gross,
.b2p-artikel a.b2p-ue-karte--zahl,
.b2p-artikel a.b2p-ue-karte--satz,
.b2p-artikel .b2p-ue-aufruf,
.b2p-artikel .b2p-ue-serie,
.b2p-artikel .b2p-ue-serie__liste a,
.b2p-artikel .b2p-ue-serie__bild,
.b2p-wunsch-aby,
.b2p-wunsch-aby__zeit,
.b2p-artikel fieldset.b2p-ein-teil,
.b2p-artikel .b2p-ein-nr,
.b2p-artikel label.b2p-ein-karte,
.b2p-artikel ul.b2p-ein-fotoliste img,
.b2p-artikel .b2p-ein-ende,
.b2p-artikel .b2p-ein-bs,
.b2p-artikel .b2p-ein-bs__kopf,
.b2p-artikel .b2p-ein-foto__vorschau img,
.b2p-artikel .b2p-ein-plus__menue,
.b2p-artikel .b2p-ein-anleitung,
.b2p-artikel .b2p-ein-vs-luecke,
.b2p-artikel .b2p-ein-vs-grafik,
.b2p-artikel .b2p-ein-google,
.b2p-artikel .b2p-ein-titelbild__vorschau,
.b2p-artikel details.b2p-ein-regeln,
.b2p-artikel .b2p-ein-bezug,
.b2p-artikel .b2p-ein-anmerkung,
.b2p-gz-g a.b2p-gz-folge,
.b2p-gz-g a.b2p-gz-folge img,
.b2p-warum-karte,
.b2p-warum-feld,
.b2p-presse figure.b2p-presse-hero-bild img,
.b2p-presse article.b2p-presse-text,
.b2p-presse figure.b2p-presse-download,
.b2p-presse section.b2p-presse-kontakt,
.b2p-tour section,
.b2p-tour-hero__media,
.b2p-tour-card,
.b2p-tour-folge,
.b2p-tour-rechte__grid article,
.b2p-folge-reak .b2p-art-bezug,
.b2p-folge-reak .b2p-kom-form {
	border-radius: 12px !important;
}
.einblicke-wrap.einblicke-wrap.einblicke-wrap { border-radius: 12px !important; }
.b2p-s-faq details { border-radius: 10px !important; }

/* ─── Kopfleiste: helles Glas statt Farbe, gekritzelte Linie statt Kante ── */
.b2p-k {
	background: none;
	color: var(--b2p-dunkel);
}
/* Eigene Ebene fuer die Unschaerfe: backdrop-filter auf .b2p-k wuerde das feste Handy-Menue einsperren. */
.b2p-k::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(255, 254, 250, .84) 0%, rgba(255, 254, 250, .62) 100%);
	-webkit-backdrop-filter: blur(20px) saturate(1.5) brightness(1.15);
	backdrop-filter: blur(20px) saturate(1.5) brightness(1.15);
}
.b2p-k::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
	height: 16px;
	pointer-events: none;
	background: repeat-x center / 1600px 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='16' viewBox='0 0 1600 16'%3E%3Cpath d='M0 9.6Q0 9.6 6 9.3Q13 9.0 21 9.2Q30 9.5 36 9.6Q43 9.7 52 9.4Q61 9.1 72 9.1Q83 9.0 93 8.3Q103 7.7 113 8.3Q124 8.9 131 8.9Q138 8.9 144 9.5Q150 10.1 159 10.1Q167 10.1 177 9.5Q187 8.9 194 8.8Q201 8.7 213 8.9Q225 9.1 235 9.2Q246 9.4 255 8.1Q264 6.8 271 6.8Q279 6.7 287 5.8Q294 5.0 305 5.6Q316 6.3 326 5.8Q335 5.3 345 5.9Q355 6.5 363 6.0Q372 5.4 381 6.0Q390 6.6 396 6.8Q403 7.1 413 7.8Q423 8.6 432 9.1Q441 9.5 448 8.8Q455 8.0 467 8.0Q478 7.9 487 7.4Q496 7.0 503 7.7Q510 8.4 516 8.6Q522 8.8 533 8.5Q544 8.2 554 7.9Q563 7.5 572 7.7Q580 7.8 592 8.6Q603 9.3 611 10.0Q620 10.6 631 10.6Q643 10.6 652 10.3Q661 10.0 671 9.5Q681 9.0 691 9.6Q702 10.1 711 9.8Q719 9.5 728 8.7Q736 7.9 743 7.3Q751 6.6 760 6.2Q770 5.9 779 6.3Q787 6.8 796 6.9Q804 6.9 812 7.1Q819 7.3 828 7.0Q836 6.7 847 6.7Q858 6.8 869 7.1Q881 7.3 888 8.1Q896 8.8 902 8.7Q908 8.6 919 7.9Q929 7.2 938 7.2Q946 7.2 958 7.0Q970 6.9 978 6.9Q987 6.8 994 6.9Q1001 7.1 1008 7.5Q1014 8.0 1022 7.4Q1030 6.9 1036 6.5Q1041 6.2 1050 7.6Q1060 9.0 1066 9.1Q1072 9.2 1079 9.8Q1086 10.3 1096 10.7Q1107 11.1 1117 10.7Q1127 10.2 1133 10.0Q1140 9.8 1149 9.8Q1158 9.7 1170 10.0Q1181 10.2 1192 9.4Q1202 8.5 1209 8.5Q1216 8.5 1227 7.9Q1239 7.3 1248 7.3Q1257 7.4 1267 7.9Q1276 8.4 1287 8.6Q1298 8.8 1305 7.9Q1313 7.1 1323 7.4Q1334 7.8 1341 7.3Q1348 6.8 1354 7.7Q1360 8.6 1366 8.5Q1372 8.5 1380 8.0Q1387 7.5 1393 7.2Q1399 6.8 1406 6.3Q1414 5.9 1422 5.2Q1429 4.5 1441 5.5Q1452 6.4 1463 6.2Q1474 6.0 1483 6.3Q1492 6.6 1499 6.3Q1507 5.9 1517 6.5Q1527 7.1 1535 7.5Q1543 7.8 1555 8.8Q1566 9.8 1575 9.8Q1584 9.7 1592 9.6L1600 9.6' fill='none' stroke='%232a2a28' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M90 9.7Q90 9.7 97 9.3Q103 8.8 115 9.1Q126 9.3 135 10.0Q144 10.7 153 11.3Q161 12.0 168 11.3Q175 10.6 183 10.2Q191 9.8 199 9.4Q207 9.1 214 9.2Q222 9.3 229 9.9Q236 10.5 247 9.5Q258 8.6 266 8.2Q275 7.8 283 6.7Q292 5.6 303 6.6Q313 7.5 324 7.5Q335 7.4 342 7.9Q349 8.4 360 7.6Q371 6.9 379 7.4Q388 7.9 399 8.2Q410 8.5 420 9.4L430 10.3M610 8.1Q610 8.1 617 8.9Q623 9.8 632 9.4Q641 9.0 648 8.9Q654 8.9 663 8.8Q672 8.7 679 8.1Q686 7.6 693 8.2Q700 8.9 707 8.6Q713 8.2 724 7.3Q736 6.4 746 6.0Q756 5.6 766 5.1Q776 4.5 786 4.9Q796 5.4 798 5.3L800 5.2M980 8.8Q980 8.8 987 8.2Q995 7.6 1002 7.7Q1009 7.7 1017 8.3Q1026 8.8 1036 8.4Q1047 8.0 1052 8.4Q1058 8.7 1063 8.9Q1069 9.1 1079 10.3Q1089 11.6 1101 11.2Q1112 10.8 1123 11.1Q1133 11.3 1143 10.8Q1153 10.4 1164 10.7Q1176 11.1 1183 10.7Q1190 10.3 1202 10.2Q1213 10.1 1223 9.1Q1233 8.2 1243 8.8Q1253 9.4 1261 9.3Q1269 9.3 1277 9.6Q1285 9.9 1293 9.0Q1302 8.1 1312 8.0Q1322 8.0 1331 8.2L1340 8.4M1450 5.8Q1450 5.8 1456 5.6Q1463 5.4 1470 5.8Q1478 6.2 1487 5.7Q1496 5.1 1505 5.4Q1514 5.7 1520 6.2Q1527 6.8 1533 6.6Q1539 6.3 1547 7.5Q1555 8.7 1557 8.9L1560 9.1' fill='none' stroke='%232a2a28' stroke-width='1.1' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
}
.b2p-k.ist-klein { box-shadow: none; }
.b2p-k.ist-weg { transform: translateY(calc(-100% - 14px)); }
.b2p-k__logo img,
.b2p-k.ist-klein .b2p-k__logo img { content: url("bilder/b2p-wortmarke-schwarz.png"); }
.b2p-k__logo img { height: 46px; }
.b2p-k.ist-klein .b2p-k__logo img { height: 38px; }
.b2p-k .b2p-k__link { color: var(--b2p-dunkel) !important; }
.b2p-k__suche { border-color: rgba(42, 42, 40, .22); color: var(--b2p-dunkel); }
.b2p-k__suche:hover { border-color: var(--b2p-dunkel); }
.b2p-k__burger { color: var(--b2p-dunkel); }
.b2p-k .b2p-k__knopf { box-shadow: none; }
.b2p-k .b2p-k__knopf:hover { transform: none; box-shadow: none; background: #fdd94f; }

/* Der Film laeuft auf der Startseite hinter der Leiste weiter, alles andere bleibt an seinem Platz. */
body.b2p-start .b2p-k-platz { display: none; }
.b2p-st-kopf { min-height: calc(min(78svh, 760px) + var(--b2p-k-h)); }

/* Sauber klickbar: die ganze Leistenhoehe reagiert, die Tafel schliesst ohne Luecke an. */
.b2p-k__haupt { align-items: stretch; height: var(--b2p-k-h); }
.b2p-k.ist-klein .b2p-k__haupt { height: var(--b2p-k-h-klein); }
.b2p-k__punkt { display: flex; align-items: center; }
.b2p-k-tafel { top: calc(100% - 4px); }

/* Handy-Menue ebenfalls Creme */
.b2p-k-handy { background: var(--b2p-creme); color: var(--b2p-dunkel); }
.b2p-k-handy__zeile { color: var(--b2p-dunkel) !important; }
.b2p-k-handy__zeile.ist-aktiv {
	color: var(--b2p-dunkel) !important;
	text-decoration: underline;
	text-decoration-color: var(--b2p-gelb);
	text-decoration-thickness: 4px;
	text-underline-offset: 5px;
}
.b2p-k-handy__liste > li { border-bottom-color: rgba(42, 42, 40, .14); }
.b2p-k-plus { border-color: rgba(42, 42, 40, .25); }
.b2p-k-handy__unter a { color: rgba(42, 42, 40, .78) !important; }
.b2p-k-handy__unter a[aria-current="page"] { color: var(--b2p-dunkel) !important; }
.b2p-k-handy__neu { background: var(--b2p-creme-warm) !important; color: var(--b2p-dunkel) !important; }
.b2p-k-handy__neu small { color: var(--b2p-grau); }
.b2p-k-handy__klein a { color: rgba(42, 42, 40, .7) !important; }

/* ─── Film oben: dunkler hinter dem Text, damit er bei jedem Motiv lesbar bleibt ── */
.b2p-st-kopf__schleier {
	background:
		linear-gradient(90deg, rgba(58, 38, 20, .66) 0%, rgba(58, 38, 20, .5) 34%, rgba(58, 38, 20, .12) 60%, rgba(58, 38, 20, 0) 76%),
		linear-gradient(180deg, rgba(58, 38, 20, 0) 62%, rgba(58, 38, 20, .42) 100%);
}
.b2p-st .b2p-st-h1,
.b2p-st-kopf .b2p-st-dach,
.b2p-st-lead { text-shadow: 0 2px 16px rgba(40, 25, 10, .6); }

/* Hoeren-Knopf neben einer kleineren Aby-Box, Aby-Plus-Zeile erst nach dem ersten Klick */
.b2p-st-aktionen {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 20px;
	margin-top: 8px;
}
.b2p-st-aktionen .b2p-st-aby { flex: 1 1 380px; max-width: 520px; margin-top: 0; }
.b2p-st-aktionen:has(.is-offen) { align-items: flex-start; }
.b2p-st-aktionen:has(.is-offen) .b2p-st-aby { flex-basis: 100%; max-width: 780px; }
.b2p-st .b2p-st-hoeren { gap: 10px; white-space: nowrap; }
.b2p-st-aby #b2p-chat-all { margin: 0 !important; }
.b2p-st-aby #b2p-chat-all:not(.is-offen) .b2p-plus-zeile { display: none !important; }

/* Grundsatz im Willy-Block */
.b2p-st .b2p-st-claim { margin-top: -4px; font-size: 22px; line-height: 1.2; }

/* ─── Startseite: Kacheln bleiben, Ecken je nach Groesse leicht rund ── */
.b2p-st-folge,
.b2p-st-artikel,
.b2p-st .b2p-st-willy__foto { border-radius: 12px; }
.b2p-st .b2p-st-kachel { border-radius: 10px; }
.b2p-st .b2p-st-pille,
.b2p-st .b2p-st-chips a,
.b2p-st .b2p-st-knopf,
.b2p-st-ideen__zahl { border-radius: 6px; }
.b2p-st .b2p-st-pause { border-radius: 50%; }
html body .b2p-st-aby #b2p-chat-all#b2p-chat-all { border-radius: 12px !important; }
html body .b2p-st-aby #b2p-chat-all .b2p-input,
html body .b2p-st-aby #b2p-chat-all .b2p-btn { border-radius: 6px !important; }

/* Fuss */
.b2p-f-nl { border-radius: 12px; }
.b2p-f-nl__form input[type="text"],
.b2p-f-nl__form input[type="email"] { border-radius: 6px !important; }
.b2p-f-nl__form button { border-radius: 6px; }
.b2p-f-nl__meldung.ist-ok { border-radius: 6px; }

@media (max-width: 1100px) {
	.b2p-k__logo img, .b2p-k.ist-klein .b2p-k__logo img { height: 34px; }
}
@media (max-width: 760px) {
	.b2p-st-kopf { min-height: calc(74svh + var(--b2p-k-h)); padding-top: calc(88px + var(--b2p-k-h)); }
	.b2p-st .b2p-st-pause { top: calc(var(--b2p-k-h) + 14px); }
	.b2p-st-kopf__schleier {
		background: linear-gradient(180deg, rgba(58, 38, 20, 0) 18%, rgba(58, 38, 20, .44) 42%, rgba(58, 38, 20, .82) 100%);
	}
	.b2p-st-aktionen { flex-direction: column; align-items: stretch !important; gap: 16px; }
	.b2p-st-aktionen .b2p-st-aby { flex: 0 0 auto; max-width: none; width: 100%; }
	.b2p-st .b2p-st-hoeren { justify-content: center; }
	.b2p-st-folge,
	.b2p-st-artikel,
	.b2p-st .b2p-st-willy__foto { border-radius: 10px; }
	.b2p-st .b2p-st-kachel { border-radius: 8px; }
}