/* ===================================================================
   Kachelstil fuer die ganze Website (Willy, 30.10.2026)
   Laedt als letztes Stylesheet (functions.php, Abschnitt 1, Prio 99) und zieht
   die Sprache der Membersheep-Seite durch: harte Kanten, 2 px Rahmen, versetzter
   Schatten, Knoepfe und Chips 3 px. Kreise (50 %) bleiben. Jede Zeile hier
   ueberschreibt eine Regel in kopf.css, seite.css, podcast-player.css, artikel*.css,
   einreichen.css, wunschfolgen.css, grundsaetze.css, warum.css, presse.css,
   tourismus.css oder reaktionen-folge.css. Startseite: eigener Block in startseite.css.
   Neue runde Ecke irgendwo? Hier eintragen statt dort aendern.
   Aby auf der Folgenseite: Klasse .einblicke-wrap dreifach, weil das Plugin-<style> im Rumpf
   und podcast-player.css (.singlepodwr …) sonst gewinnen.
   =================================================================== */

/* ─── Knoepfe, Chips, Pillen, Felder: 3 px ─────────────────────────── */
.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: 3px !important;
}

/* ─── Kaesten, Karten, Bilder: eckig ───────────────────────────────── */
.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: 0 !important;
}

/* ─── Kacheln mit Rahmen und Versatz ───────────────────────────────── */
.b2p-s-karte,
.b2p-s figure.b2p-s-stimme,
.b2p-s ul.b2p-s-plattformen a,
.b2p-warum-karte,
.b2p-tour-card,
.b2p-gz-g a.b2p-gz-folge,
.b2p-presse figure.b2p-presse-download,
.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-karte__bild,
.b2p-artikel .b2p-kom-form,
.b2p-folge-reak .b2p-kom-form {
	border: 2px solid var(--b2p-dunkel) !important;
	box-shadow: 6px 6px 0 var(--b2p-dunkel) !important;
}
.b2p-s-faq details {
	border: 2px solid var(--b2p-dunkel) !important;
	box-shadow: 4px 4px 0 var(--b2p-dunkel) !important;
}
.b2p-s-faq details[open] summary { background: var(--b2p-gelb); }
.b2p-s .b2p-s-karte { border-top-width: 2px !important; }
/* Aby auf der Folgenseite: der aeussere Rahmen (.einblicke-wrap.einblicke-wrap.einblicke-wrap) traegt Kante und Schatten, der innere Kasten nicht */
.einblicke-wrap.einblicke-wrap.einblicke-wrap { border: 2px solid var(--b2p-dunkel) !important; border-radius: 0 !important; box-shadow: 6px 6px 0 var(--b2p-dunkel) !important; }
.einblicke-wrap.einblicke-wrap.einblicke-wrap .b2p-container { border: 0 !important; box-shadow: none !important; }

@media (max-width: 760px) {
	.b2p-s-karte,
	.b2p-s figure.b2p-s-stimme,
	.b2p-s ul.b2p-s-plattformen a,
	.b2p-warum-karte,
	.b2p-tour-card,
	.b2p-gz-g a.b2p-gz-folge,
	.b2p-presse figure.b2p-presse-download,
	.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-karte__bild,
	.b2p-artikel .b2p-kom-form,
	.b2p-folge-reak .b2p-kom-form,
	.einblicke-wrap.einblicke-wrap.einblicke-wrap {
		box-shadow: 4px 4px 0 var(--b2p-dunkel) !important;
	}
}