/* =========================================================================
   Bienen Wiki – dekorative Zusatz-Styles („Blühwiese Magazin")
   Wiesen-Palette: Grün als Leitfarbe, Terrakotta/Blatt/Flieder/Himmel als
   Themenwelt-Farben, Mohnrot für die Schnellhilfe, Bienengelb nur als Akzent.
   Farben/Schriften kommen aus theme.json (CSS-Custom-Properties --wp--preset--*).
   ========================================================================= */

:root {
	--bienen-ink:     var(--wp--preset--color--contrast, #26241E);
	--bienen-paper:   var(--wp--preset--color--base, #FAF7F0);
	--bienen-gruen:   var(--wp--preset--color--primary, #2F5D50);
	--bienen-gruen-2: var(--wp--preset--color--primary-deep, #24463C);
	--bienen-terra:   var(--wp--preset--color--accent, #B65C3D);
	--bienen-blatt:   var(--wp--preset--color--blatt, #5E8C4A);
	--bienen-flieder: var(--wp--preset--color--flieder, #7E6BA6);
	--bienen-himmel:  var(--wp--preset--color--himmel, #4A7BA0);
	--bienen-mohn:    var(--wp--preset--color--mohn, #B04430);
	--bienen-biene:   var(--wp--preset--color--biene, #E3A52A);

	/* helle Tint-Flächen der Themenwelten */
	--tint-gruen:   #E8EFE3;
	--tint-terra:   #F3E8E0;
	--tint-blatt:   #EAECE0;
	--tint-flieder: #E9E6F0;
	--tint-himmel:  #E2EAF0;
	--tint-mohn:    #F5E4E0;

	--bienen-shadow: 0 14px 34px -22px rgba(38, 36, 30, .55);
}

/* --- Textauswahl & Fokus ------------------------------------------------ */
::selection { background: var(--bienen-gruen); color: #fff; }

:where(a, button, .wp-block-button__link, input, .wp-block-search__button):focus-visible {
	outline: 3px solid var(--bienen-gruen);
	outline-offset: 2px;
	border-radius: 4px;
}

/* --- Buttons: spürbares Hover-Feedback ---------------------------------- */
.wp-block-button__link,
.wp-block-search__button {
	transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.wp-block-button__link:hover,
.wp-block-search__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -12px rgba(38,36,30,.5);
}
.wp-block-button__link:active,
.wp-block-search__button:active { transform: translateY(0); }

/* --- Inhalts-Links: animierter grüner Unterstrich ----------------------- */
.entry-content a:where(:not(.wp-block-button__link)),
.wp-block-post-content a:where(:not(.wp-block-button__link)) {
	text-decoration: none;
	background-image: linear-gradient(color-mix(in srgb, var(--bienen-gruen) 35%, transparent), color-mix(in srgb, var(--bienen-gruen) 35%, transparent));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	transition: background-size .25s ease, color .2s ease;
	padding-bottom: 1px;
}
.entry-content a:where(:not(.wp-block-button__link)):hover,
.wp-block-post-content a:where(:not(.wp-block-button__link)):hover {
	background-size: 100% 100%;
	color: var(--bienen-gruen-2);
}

/* =========================================================================
   Flugbahn-Loopings (Strichzeichnung)
   ========================================================================= */
/* Trenner-Block im Stil „Flugbahn": jetzt eine ruhige gestrichelte Linie. */
.wp-block-separator.is-style-flugbahn {
	border: 0;
	border-top: 2px dashed var(--bienen-gruen);
	height: 0;
	width: 100%;
	max-width: 640px;
	margin-inline: auto;
	background: none;
	opacity: .45;
}

.wp-block-heading.is-style-schleife::before {
	content: "";
	display: block;
	width: 70px;
	height: 0;
	border-top: 2px dashed var(--bienen-gruen);
	margin-bottom: .65rem;
	opacity: .55;
}
.has-text-align-center.is-style-schleife::before { margin-inline: auto; }

/* =========================================================================
   Notfall-Leiste (über dem Header)
   ========================================================================= */
.bienen-notfall {
	background: var(--bienen-mohn);
	color: #FBEEE9;
	font-size: .82rem;
	font-weight: 500;
}
.bienen-notfall-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: .4rem 1.6rem;
	padding: .5rem 1.5rem;
}
.bienen-notfall a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
.bienen-notfall a:hover { color: #FBD9CF; }

/* =========================================================================
   Header
   ========================================================================= */
.bienen-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in srgb, var(--bienen-paper) 90%, transparent);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid color-mix(in srgb, var(--bienen-ink) 10%, transparent);
}
.bienen-header .bienen-logo-mark { line-height: 0; }

.bienen-header .wp-block-navigation a {
	text-decoration: none;
	font-weight: 500;
	padding: .42rem .78rem;
	border-radius: 999px;
	transition: background-color .18s ease, color .18s ease;
}
.bienen-header .wp-block-navigation a:hover,
.bienen-header .wp-block-navigation .current-menu-item > a {
	background: var(--tint-gruen);
	color: var(--bienen-gruen-2);
}

/* grüner A–Z-Pill-Button im Header */
.bienen-header .bienen-az-pill .wp-block-button__link {
	background: var(--bienen-gruen);
	color: #fff;
	font-size: .85rem;
	padding: .55rem 1.15rem;
}
.bienen-header .bienen-az-pill .wp-block-button__link:hover {
	background: var(--bienen-gruen-2);
}

/* Kompakte Header-Suche (Lupe, klappt bei Klick auf). */
.bienen-header-suche .wp-block-search__button {
	background: transparent;
	border: 0;
	color: var(--bienen-ink);
	padding: .45rem;
	border-radius: 999px;
	cursor: pointer;
}
.bienen-header-suche .wp-block-search__button:hover { background: var(--tint-gruen); }
.bienen-header-suche .wp-block-search__input {
	border-radius: 999px;
	border: 1.5px solid color-mix(in srgb, var(--bienen-gruen) 45%, transparent);
	background: var(--bienen-paper);
	padding: .4rem .9rem;
}

/* =========================================================================
   Hero
   ========================================================================= */
.bienen-hero {
	position: relative;
	overflow: hidden;
	background: var(--wp--preset--gradient--wiese-soft, linear-gradient(175deg, #FAF7F0 55%, #EDF0E4 100%));
	isolation: isolate;
}
.bienen-hero .bienen-bee img,
.bienen-hero .bienen-bee svg { filter: drop-shadow(0 10px 18px rgba(38,36,30,.14)); }

/* „Beliebt:"-Zeile unter der Suche */
.bienen-hero-beliebt {
	font-size: .82rem;
	color: var(--wp--preset--color--contrast-2, #4A463C);
}
.bienen-hero-beliebt a { color: var(--bienen-gruen); }

/* =========================================================================
   Schnellhilfe-Karten (rote Akzente, ragen in den Hero hinein)
   ========================================================================= */
.bienen-hilfe { position: relative; z-index: 2; }
.bienen-hilfe.alignwide { margin-top: calc(-1 * var(--wp--preset--spacing--60, 4.5rem)); }

.bienen-hilfe-karte {
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--bienen-mohn) 35%, transparent);
	border-top: 4px solid var(--bienen-mohn);
	border-radius: 16px;
	padding: 1.35rem 1.5rem;
	box-shadow: 0 16px 34px -24px rgba(38,36,30,.5);
}
.bienen-hilfe-karte .bienen-kicker { color: var(--bienen-mohn); }
.bienen-hilfe-karte .bienen-karten-link a { color: var(--bienen-mohn); }

/* Kicker-Zeile (kleine Versal-Überschrift) */
.bienen-kicker {
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Karten-Link („Mehr →") */
.bienen-karten-link a {
	font-weight: 600;
	font-size: .92rem;
	text-decoration: none;
}
.bienen-karten-link a { display: inline-block; transition: transform .18s ease; }
.bienen-karten-link a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
	transform: translateX(3px);
}

/* =========================================================================
   Themenwelten – farbige Tint-Kacheln mit Unterthemen-Chips
   ========================================================================= */
.bienen-welt {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	padding: 1.6rem 1.75rem;
}
/* Wabenmuster dezent oben rechts */
.bienen-welt::before {
	content: "";
	position: absolute;
	top: -28px; right: -18px;
	width: 150px; height: 150px;
	background: url(../images/hex.svg) repeat;
	background-size: 56px auto;
	opacity: .1;
	pointer-events: none;
}

.bienen-welt--gruen   { background: var(--tint-gruen); }
.bienen-welt--terra   { background: var(--tint-terra); }
.bienen-welt--blatt   { background: var(--tint-blatt); }
.bienen-welt--flieder { background: var(--tint-flieder); }
.bienen-welt--himmel  { background: var(--tint-himmel); }

.bienen-welt--gruen   .bienen-kicker { color: var(--bienen-gruen); }
.bienen-welt--terra   .bienen-kicker { color: var(--bienen-terra); }
.bienen-welt--blatt   .bienen-kicker { color: var(--bienen-blatt); }
.bienen-welt--flieder .bienen-kicker { color: var(--bienen-flieder); }
.bienen-welt--himmel  .bienen-kicker { color: var(--bienen-himmel); }

/* Unterthemen als weiße Chips */
.bienen-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0;
}
.bienen-chips a {
	display: inline-block;
	background: #fff;
	text-decoration: none;
	font-size: .82rem;
	font-weight: 600;
	padding: .42rem .9rem;
	border-radius: 999px;
	transition: transform .15s ease, box-shadow .15s ease;
}
.bienen-chips a:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 16px -10px rgba(38,36,30,.4);
}
.bienen-welt--gruen   .bienen-chips a { color: var(--bienen-gruen); }
.bienen-welt--terra   .bienen-chips a { color: var(--bienen-terra); }
.bienen-welt--blatt   .bienen-chips a { color: var(--bienen-blatt); }
.bienen-welt--flieder .bienen-chips a { color: var(--bienen-flieder); }
.bienen-welt--himmel  .bienen-chips a { color: var(--bienen-himmel); }

/* =========================================================================
   Kategorie-Badges (Beitragskarten & Listen)
   Farbe je Kategorie über den Link-Slug.
   ========================================================================= */
.bienen-badge { margin: 0; }
.bienen-badge a {
	display: inline-block;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .02em;
	padding: .22rem .7rem;
	border-radius: 999px;
	text-decoration: none;
	background: var(--tint-gruen);
	color: var(--bienen-gruen);
}
.bienen-badge a[href*="imker"],
.bienen-badge a[href*="grundbegriffe"],
.bienen-badge a[href*="geraete"],
.bienen-badge a[href*="personen"] { background: var(--tint-terra); color: var(--bienen-terra); }
.bienen-badge a[href*="krankheit"],
.bienen-badge a[href*="varroa"],
.bienen-badge a[href*="schnellhilfe"] { background: var(--tint-mohn); color: var(--bienen-mohn); }
.bienen-badge a[href*="garten"],
.bienen-badge a[href*="pflanzen"],
.bienen-badge a[href*="tracht"] { background: var(--tint-blatt); color: var(--bienen-blatt); }
.bienen-badge a[href*="lernen"],
.bienen-badge a[href*="patenschaft"] { background: var(--tint-flieder); color: var(--bienen-flieder); }
.bienen-badge a[href*="kaufberatung"],
.bienen-badge a[href*="test"] { background: var(--tint-himmel); color: var(--bienen-himmel); }

/* =========================================================================
   Beitragskarten in Query-Schleifen
   ========================================================================= */
.wp-block-post-featured-image img,
.entry-content .wp-block-image img {
	border-radius: 14px;
}
.wp-block-image.is-style-rounded img { border-radius: 999px; }


.bienen-artikel-liste .wp-block-post-title a { text-decoration: none; }
.bienen-artikel-liste .wp-block-post-title a:hover { color: var(--bienen-gruen); }

/* kompakte Listen-Einträge (rechte Spalte „Neu im Wiki") */
.bienen-liste-eintrag {
	padding: .85rem 0;
	border-bottom: 1px solid color-mix(in srgb, var(--bienen-ink) 10%, transparent);
}
.bienen-liste-eintrag:last-child { border-bottom: 0; }

/* =========================================================================
   Grünes Band (Imkern-lernen-CTA) & Kaufberatung-Teaser
   ========================================================================= */
.bienen-band {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	background: var(--wp--preset--gradient--gruen-band, linear-gradient(135deg, #2F5D50, #24463C));
	color: #F2F0E9;
	isolation: isolate;
}
.bienen-band::after {
	content: "";
	position: absolute;
	right: -40px; bottom: -40px;
	width: 240px; height: 240px;
	background: url(../images/hex.svg) repeat;
	background-size: 56px auto;
	opacity: .12;
	pointer-events: none;
	z-index: -1;
}
.bienen-band :where(h1,h2,h3) { color: #F2F0E9; }
.bienen-band p { color: #CBD9CE; }
.bienen-band .bienen-kicker { color: #A8C8B8; }
.bienen-band .wp-block-button__link {
	background: #F2F0E9 !important;
	color: var(--bienen-gruen) !important;
	font-weight: 700;
}
.bienen-band .wp-block-button__link:hover { background: #fff !important; }

.bienen-kauf-teaser {
	border: 1px solid color-mix(in srgb, var(--bienen-ink) 12%, transparent);
	border-radius: 20px;
	background: #fff;
}
.bienen-kauf-teaser .bienen-kicker { color: var(--bienen-himmel); }
.bienen-kauf-teaser ul { list-style: none; margin: 0; padding: 0; }
.bienen-kauf-teaser li { padding: .28rem 0; }
.bienen-kauf-teaser a { text-decoration: none; color: var(--bienen-ink); font-weight: 500; }
.bienen-kauf-teaser a:hover { color: var(--bienen-himmel); }

/* =========================================================================
   Suche – Eingabefeld + Live-Vorschläge
   ========================================================================= */
.bienen-suche { position: relative; }

.bienen-hero-suche { max-width: 34rem; margin-inline: auto; }
.bienen-hero-suche .wp-block-search__inside-wrapper {
	border: 1.5px solid var(--bienen-ink);
	border-radius: 999px;
	background: #fff;
	padding: .3rem .3rem .3rem 1.1rem;
	box-shadow: 0 10px 28px -18px rgba(38,36,30,.45);
}
.bienen-hero-suche .wp-block-search__input {
	border: 0;
	background: transparent;
	font-size: 1.05rem;
}
.bienen-hero-suche .wp-block-search__input:focus { outline: none; }
.bienen-hero-suche .wp-block-search__button {
	border-radius: 999px;
	background: var(--bienen-gruen);
	color: #fff;
	border: 0;
	font-weight: 600;
	padding: .65rem 1.4rem;
	cursor: pointer;
	transition: background-color .18s ease;
}
.bienen-hero-suche .wp-block-search__button:hover { background: var(--bienen-gruen-2); }

/* Vorschlagsliste (vom JS erzeugt) */
.bienen-suche-vorschlaege {
	position: absolute;
	top: calc(100% + .45rem);
	left: 0; right: 0;
	margin: 0;
	padding: .4rem;
	list-style: none;
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--bienen-gruen) 40%, transparent);
	border-radius: 16px;
	box-shadow: 0 18px 40px -18px rgba(38,36,30,.45);
	z-index: 60;
	text-align: left;
}
.bienen-suche-vorschlaege li { margin: 0; }
.bienen-suche-vorschlaege a {
	display: block;
	padding: .55rem .8rem;
	border-radius: 10px;
	text-decoration: none;
	color: var(--bienen-ink);
	font-weight: 600;
}
.bienen-suche-vorschlaege a::before {
	content: "";
	display: inline-block;
	width: 11px; height: 13px;
	margin-right: .55rem;
	vertical-align: -1px;
	background: var(--bienen-gruen);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 30'%3E%3Cpath d='M13 0 L26 7.5 L26 22.5 L13 30 L0 22.5 L0 7.5 Z'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 30'%3E%3Cpath d='M13 0 L26 7.5 L26 22.5 L13 30 L0 22.5 L0 7.5 Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bienen-suche-vorschlaege li.ist-aktiv a,
.bienen-suche-vorschlaege a:hover { background: var(--tint-gruen); }

/* =========================================================================
   Archiv & Suchergebnisse
   ========================================================================= */
.bienen-archiv-kopf {
	padding-top: var(--wp--preset--spacing--40, 2rem);
}
.bienen-archiv .wp-block-post-template { margin: 0; padding: 0; }

.bienen-archiv .bienen-archiv-eintrag {
	position: relative;
	padding: 1.15rem 1.2rem 1.2rem 2.1rem;
	border-bottom: 1px solid color-mix(in srgb, var(--bienen-ink) 10%, transparent);
	border-radius: 14px;
	transition: background-color .18s ease;
}
.bienen-archiv li:last-child .bienen-archiv-eintrag { border-bottom: 0; }
.bienen-archiv .bienen-archiv-eintrag:hover { background: var(--tint-gruen); }
/* kleine Wabe als Aufzählungszeichen */
.bienen-archiv .bienen-archiv-eintrag::before {
	content: "";
	position: absolute;
	left: .55rem; top: 1.65rem;
	width: 14px; height: 16px;
	background: var(--bienen-gruen);
	opacity: .75;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 30'%3E%3Cpath d='M13 0 L26 7.5 L26 22.5 L13 30 L0 22.5 L0 7.5 Z'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 30'%3E%3Cpath d='M13 0 L26 7.5 L26 22.5 L13 30 L0 22.5 L0 7.5 Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bienen-archiv .wp-block-post-title a { text-decoration: none; }
.bienen-archiv .wp-block-post-title a:hover { color: var(--bienen-gruen); }
.bienen-archiv .wp-block-post-excerpt__more-text { display: none; }

/* Paginierung */
.bienen-archiv .wp-block-query-pagination a,
.bienen-archiv .wp-block-query-pagination-numbers .page-numbers {
	text-decoration: none;
	padding: .35rem .7rem;
	border-radius: 999px;
}
.bienen-archiv .wp-block-query-pagination .page-numbers.current {
	background: var(--bienen-gruen);
	color: #fff;
	font-weight: 700;
}
.bienen-archiv .wp-block-query-pagination a:hover { background: var(--tint-gruen); }

/* =========================================================================
   Lexikon A–Z (Shortcode [bienen_lexikon_az] + Startseiten-Band)
   ========================================================================= */
.bienen-az-nav {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	justify-content: flex-start;
	margin: 1.1rem 0 1.6rem;
	position: sticky;
	top: 4.4rem;
	z-index: 30;
	padding: .6rem 0;
	background: color-mix(in srgb, var(--bienen-paper) 94%, transparent);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.bienen-az-nav a,
.bienen-az-nav span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.15rem;
	height: 2.15rem;
	padding: 0 .35rem;
	border-radius: 10px;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--fraunces, serif);
	text-decoration: none;
}
.bienen-az-nav a {
	color: var(--bienen-ink);
	border: 1px solid color-mix(in srgb, var(--bienen-ink) 18%, transparent);
	transition: background-color .15s ease, transform .15s ease, border-color .15s ease;
}
.bienen-az-nav a:hover {
	background: var(--bienen-gruen);
	border-color: var(--bienen-gruen);
	color: #fff;
	transform: translateY(-2px);
}
.bienen-az-nav span { color: color-mix(in srgb, var(--bienen-ink) 30%, transparent); }

.bienen-az-gruppe { margin-bottom: 1.9rem; }
.bienen-az-buchstabe {
	font-family: var(--wp--preset--font-family--fraunces, serif);
	font-size: 1.9rem;
	border-bottom: 2px solid var(--bienen-gruen);
	display: flex;
	align-items: baseline;
	gap: .8rem;
	padding: 0 .4rem .2rem .1rem;
	margin-bottom: .6rem;
	scroll-margin-top: 9rem;
	color: var(--bienen-gruen);
}
.bienen-az-anzahl {
	font-family: var(--wp--preset--font-family--public-sans, sans-serif);
	font-size: .78rem;
	font-weight: 500;
	color: color-mix(in srgb, var(--bienen-ink) 55%, transparent);
}

/* Farbpunkte je Themenwelt (Slugs der Hauptkategorien) */
.bienen-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: .5rem;
	vertical-align: 1px;
	background: color-mix(in srgb, var(--bienen-ink) 30%, transparent);
}
.bienen-dot--bienenarten { background: var(--bienen-gruen); }
.bienen-dot--imkerei { background: var(--bienen-terra); }
.bienen-dot--garten,
.bienen-dot--garten-pflanzen,
.bienen-dot--bienenfreundlicher-garten,
.bienen-dot--trachtpflanzen { background: var(--bienen-blatt); }
.bienen-dot--imkern-lernen,
.bienen-dot--lernen,
.bienen-dot--bienenpatenschaften { background: var(--bienen-flieder); }
.bienen-dot--kaufberatung { background: var(--bienen-himmel); }
.bienen-dot--schnellhilfe { background: var(--bienen-mohn); }

/* Legende unter dem Verzeichnis */
.bienen-az-legende {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.2rem;
	align-items: center;
	margin-top: 1.8rem;
	padding: .85rem 1.1rem;
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--bienen-ink) 10%, transparent);
	border-radius: 14px;
	font-size: .82rem;
	color: var(--wp--preset--color--contrast-2, #4A463C);
}
.bienen-az-legende-titel { font-weight: 700; color: var(--bienen-ink); }
.bienen-az-legende-eintrag { display: inline-flex; align-items: center; }
.bienen-az-gruppe { scroll-margin-top: 6rem; }
.bienen-az-gruppe ul {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 3;
	column-gap: 2.2rem;
}
@media (max-width: 781px)  { .bienen-az-gruppe ul { columns: 2; } }
@media (max-width: 480px)  { .bienen-az-gruppe ul { columns: 1; } }
.bienen-az-gruppe li { break-inside: avoid; padding: .22rem 0; }
.bienen-az-gruppe a { text-decoration: none; display: inline-flex; align-items: center; }
.bienen-az-gruppe a:hover { color: var(--bienen-gruen); text-decoration: underline; text-underline-offset: 3px; }

/* =========================================================================
   404-Seite
   ========================================================================= */
.bienen-404 { text-align: center; }
.bienen-404 .bienen-404-bild { margin-bottom: 1.2rem; }
.bienen-404 .bienen-suche { max-width: 28rem; margin-inline: auto; }
.bienen-404 .wp-block-search__inside-wrapper {
	border: 1.5px solid var(--bienen-ink);
	border-radius: 999px;
	background: #fff;
	padding: .25rem .25rem .25rem 1rem;
}
.bienen-404 .wp-block-search__input { border: 0; background: transparent; }
.bienen-404 .wp-block-search__input:focus { outline: none; }
.bienen-404 .wp-block-search__button {
	border-radius: 999px;
	background: var(--bienen-gruen);
	color: #fff;
	border: 0;
	font-weight: 600;
	padding: .55rem 1.15rem;
	cursor: pointer;
}

/* =========================================================================
   Footer – dunkle Tinte, horizontale Links
   ========================================================================= */
.bienen-footer {
	position: relative;
	background: var(--bienen-ink);
	color: #B8B3A6;
}
.bienen-footer :where(h2,h3) { color: #F2F0E9; }
.bienen-footer .wp-block-site-title a,
.bienen-footer .wp-block-site-title { color: #F2F0E9; }
.bienen-footer p { color: #B8B3A6; }
.bienen-footer a { color: #B8B3A6; text-decoration: none; }
.bienen-footer a:hover {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: var(--bienen-gruen);
	text-underline-offset: 3px;
}
.bienen-footer .bienen-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bienen-footer .bienen-rechtliches {
	margin-top: .9rem;
	padding-top: .7rem;
	border-top: 1px solid rgba(255,255,255,.12);
}
.bienen-footer .bienen-impressum,
.bienen-footer .bienen-impressum a,
.bienen-footer .bienen-impressum p {
	font-size: var(--wp--preset--font-size--small, .9rem);
	color: #8F8A7D;
	line-height: 1.6;
}

/* Outline-Button (Block-Stil, ehemals „Honig-Outline") */
.wp-block-button.is-style-outline-honig .wp-block-button__link {
	background: transparent;
	color: var(--bienen-gruen);
	border: 1.5px solid var(--bienen-gruen);
}
.wp-block-button.is-style-outline-honig .wp-block-button__link:hover {
	background: var(--bienen-gruen);
	color: #fff;
}

/* =========================================================================
   Scroll-Reveal – Klassen vergibt assets/js/bienen-reveal.js.
   Ohne JavaScript bleibt alles ganz normal sichtbar.
   ========================================================================= */
.bienen-reveal {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .55s ease, transform .55s ease;
	will-change: opacity, transform;
}
.bienen-reveal.ist-sichtbar {
	opacity: 1;
	transform: none;
	will-change: auto;
}

/* =========================================================================
   Kategorie-Seiten: getönter Themen-Kopf je Themenwelt (body-Klasse
   bienen-welt-<slug> setzt functions.php auch auf Unterkategorien).
   ========================================================================= */
.bienen-archiv-kopf {
	border-radius: 20px;
	padding: 2.2rem 2rem 1.8rem;
	background: var(--tint-gruen);
}
.bienen-welt-imkerei .bienen-archiv-kopf { background: var(--tint-terra); }
.bienen-welt-garten .bienen-archiv-kopf,
.bienen-welt-garten-pflanzen .bienen-archiv-kopf,
.bienen-welt-bienenfreundlicher-garten .bienen-archiv-kopf,
.bienen-welt-trachtpflanzen .bienen-archiv-kopf { background: var(--tint-blatt); }
.bienen-welt-imkern-lernen .bienen-archiv-kopf,
.bienen-welt-bienenpatenschaften .bienen-archiv-kopf { background: var(--tint-flieder); }
.bienen-welt-kaufberatung .bienen-archiv-kopf { background: var(--tint-himmel); }
.bienen-welt-schnellhilfe .bienen-archiv-kopf { background: var(--tint-mohn); }

.bienen-unterkategorien { justify-content: center; margin-top: 1rem; }
.bienen-unterkategorien a { color: var(--bienen-gruen-2); }

/* =========================================================================
   Seitenleisten-Karten (Lexikon): Begriff der Woche, Zuletzt aktualisiert
   ========================================================================= */
.bienen-woche {
	background: var(--bienen-gruen-2);
	color: #F2F0E9;
	border-radius: 18px;
	overflow: hidden;
}
.bienen-woche .bienen-kicker { color: #A8C8B8; }
.bienen-woche :where(h2, h3) { color: #F2F0E9; }
.bienen-woche .wp-block-post-title a { color: #F2F0E9; text-decoration: none; }
.bienen-woche .wp-block-post-excerpt { color: #CBD9CE; }
.bienen-woche .wp-block-read-more {
	display: inline-block;
	background: #F2F0E9;
	color: var(--bienen-gruen-2);
	font-size: .85rem;
	font-weight: 700;
	padding: .5rem 1.1rem;
	border-radius: 999px;
	text-decoration: none;
}

.bienen-seitenkarte {
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--bienen-ink) 10%, transparent);
	border-radius: 18px;
}
.bienen-seitenkarte .wp-block-post-title a { text-decoration: none; }
.bienen-seitenkarte .wp-block-post-title a:hover { color: var(--bienen-gruen); }
.bienen-seitenkarte .bienen-liste-eintrag:last-child { border-bottom: 0; }

.bienen-wusstest {
	background: var(--tint-gruen);
	border-radius: 18px;
}

/* =========================================================================
   Bienen-Animation (Hero): sanftes Schweben + Flügelschlag
   ========================================================================= */
@keyframes bienen-bob {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-7px); }
}
@keyframes bienen-fluegelschlag {
	from { transform: rotate(3deg); }
	to   { transform: rotate(-8deg); }
}
.bienen-bee-flug { animation: bienen-bob 3.4s ease-in-out infinite; }
.bienen-fluegel {
	transform-box: fill-box;
	transform-origin: 70% 100%;
	animation: bienen-fluegelschlag .5s ease-in-out infinite alternate;
}
.bienen-fluegel--vorn { animation-delay: -.15s; }

/* =========================================================================
   Bewegung respektieren
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}