/*
 * BeeGold – Startseite (template-home.php) im Stil eines seriösen
 * Edelmetallhändlers: klar, weiß, vertrauenswürdig, mit Tagespreis-Panel.
 * Grün #0D542B (Marke) · Gold #C8A24B (Akzent) · Weiß/Hellgrau (Flächen).
 */

.bgx {
	--g: #20201C;     /* Anthrazit – Titel, Preise, Buttons */
	--gd: #16140E;    /* dunkler Anthrazit */
	--gold: #B0883A;  /* veredeltes Gold */
	--goldD: #8A6B28; /* tiefes Gold (Eyebrow/Linien) */
	--green: #0F5034; /* schönes Smaragd-Grün */
	--greenD: #0B3F28;
	--ink: #20201C;
	--line: #ECE6DA;
	font-size: 16px;
	color: var(--ink);
}
.page-template-template-home .site-content .col-full { max-width: 100%; padding: 0; }
.page-template-template-home .content-area { width: 100% !important; margin: 0 !important; }
.page-template-template-home .entry-header { display: none; }

/* position:sticky funktioniert nur, wenn kein Vorfahre einen Scroll-Container
   bildet. body/#page haben overflow-x:hidden -> erzwingt overflow-y:auto ->
   bricht sticky. overflow:clip verhindert horiz. Scrollen OHNE Scroll-Container. */
html,
body.page-template-template-home,
.page-template-template-home #page,
.page-template-template-home .site-content {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

.bgx-hero, .bgx-trust, .bgx-products, .bgx-why, .bgx-cta, .bgm {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

/* ---------- SCROLL-MORPH HERO (Biene → Goldbarren) ----------
   Ein Bildschirm (cartier-Stil): EIN Scroll aktiviert die Animation, sie läuft
   per morph.js selbstständig bis zum Ende (Barren) und hält; danach gleitet die
   Seite zum Inhalt. Hochscrollen oben spult zurück zur Biene. */
.bgm { position: relative; height: 100vh; background: #fff; }
.bgm__sticky {
	position: sticky; top: 0; height: 100vh;
	display: flex; align-items: center; justify-content: center; overflow: hidden;
	/* Weiß ist die Hauptfarbe – nur ein Hauch Wärme an den Rändern */
	background: radial-gradient(60% 52% at 50% 46%, #FFFFFF 0%, #FFFFFF 58%, #FCFBF8 100%);
}
.bgm__stage { display: block; line-height: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
/* Kein hässlicher (lila) Fokus-Rahmen beim Klick auf die Biene/den Barren; nur Tastatur -> dezent Gold. */
.bgm__stage:focus { outline: none !important; box-shadow: none !important; }
.bgm__stage:focus-visible { outline: 2px solid var(--goldD); outline-offset: 6px; border-radius: 10px; }
.bgm__frame:focus, .bgm__stage img:focus { outline: none !important; }
.bgm__frame {
	width: min(60vmin, 520px); height: auto; display: block;
	pointer-events: none;
	/* nur die äußersten Ecken weich ausblenden – Motiv bleibt knackscharf */
	-webkit-mask: radial-gradient(closest-side at 50% 50%, #000 92%, transparent 100%);
	mask: radial-gradient(closest-side at 50% 50%, #000 92%, transparent 100%);
}
.bgm__head {
	position: absolute; top: 20vh; left: 0; right: 0; text-align: center; pointer-events: none;
	opacity: calc(1 - var(--p, 0) * 2.3);
	transform: translateY(calc(var(--p, 0) * -18px));
}
.bgm__title { margin: 0; line-height: 0; }
.bgm__logo {
	display: block;
	width: clamp(230px, 40vw, 430px);
	height: auto;
	margin: 0 auto;
	filter: drop-shadow(0 6px 14px rgba(150, 120, 30, 0.22));
}
.bgm__tag {
	letter-spacing: 0.26em; text-transform: uppercase; color: #8A6B28;
	font-size: clamp(0.78rem, 1.8vw, 1.05rem); margin: 0.8rem 0 0;
}
/* End-Kopf: erscheint mit dem Barren (.is-end), oberhalb des Barrens */
.bgm__endhead {
	position: absolute; top: 16vh; left: 0; right: 0; text-align: center; pointer-events: none;
	opacity: 0; transform: translateY(12px);
	transition: opacity 0.55s ease, transform 0.55s ease;
}
.bgm.is-end .bgm__endhead { opacity: 1; transform: translateY(0); }
.bgm__endeyebrow {
	text-transform: uppercase; letter-spacing: 0.26em; color: #8A6B28;
	font-size: 0.72rem; font-weight: 600; margin: 0 0 0.7rem;
}
.bgm__endtitle {
	font-family: "Playfair Display", Georgia, serif; font-weight: 600;
	font-size: clamp(1.5rem, 3.4vw, 2.5rem); line-height: 1.1; color: var(--ink); margin: 0;
}
/* CTA als elegante, gesperrte Text-Schaltfläche (wie "SCROLLEN"), kein Block */
.bgm__cta {
	position: absolute; bottom: 13vh; left: 50%;
	transform: translateX(-50%) translateY(10px);
	display: inline-flex; align-items: center; gap: 0.6rem;
	background: none; border: 0; box-shadow: none; padding: 0.4rem 0;
	color: #8A6B28 !important; text-decoration: none;
	text-transform: uppercase; letter-spacing: 0.24em; font-size: 0.82rem; font-weight: 600;
	border-bottom: 1px solid rgba(138, 107, 40, 0.45);
	opacity: 0; pointer-events: none;
	transition: opacity 0.55s ease, transform 0.55s ease, color 0.2s ease, border-color 0.2s ease;
}
.bgm.is-end .bgm__cta { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.bgm__cta span { transition: transform 0.2s ease; }
.bgm__cta:hover { color: #B0883A !important; border-color: #B0883A; }
.bgm__cta:hover span { transform: translateX(5px); }
.bgm__hint {
	position: absolute; bottom: 6vh; left: 50%; transform: translateX(-50%);
	font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: #b6a06a;
	opacity: calc(1 - var(--p, 0) * 5); pointer-events: none;
}
.bgm__hint::after {
	content: ""; display: block; width: 1px; height: 22px; margin: 7px auto 0;
	background: linear-gradient(#b6a06a, transparent);
	animation: bgm-bounce 1.7s ease-in-out infinite;
}
@keyframes bgm-bounce { 0%,100%{transform:translateY(0);opacity:.4} 50%{transform:translateY(6px);opacity:1} }
@media (prefers-reduced-motion: reduce) { .bgm__hint::after { animation: none; } }

/* Buttons: Farbe/Radius/Hover kommen aus brand.css (EIN Button-System,
   Anthrazit → Gold). Hier nur Geometrie (Abstand/Größe) der Startseite. */
.bgx-btn {
	display: inline-flex; align-items: center; gap: 0.5rem;
	padding: 0.85rem 1.7rem; font-size: 1rem;
}
.bgx-btn:hover { transform: translateY(-1px); }
/* „Gold“-Variante existiert noch im Markup, ist aber jetzt der Standard-Primär-
   Button (kein zweiter Primärton) – Vereinheitlichung der ganzen Seite. */
.bgx-btn--gold { box-shadow: none; }
.bgx-center { text-align: center; margin-top: 2.5rem; }
.bgx-eyebrow { text-transform: uppercase; letter-spacing: 0.22em; font-size: 0.72rem; color: var(--goldD); font-weight: 600; margin: 0 0 0.7rem; }
.bgx-eyebrow--c { text-align: center; }

/* ---------- HERO ---------- */
.bgx-hero { background: #fff; border-bottom: 1px solid var(--line); }
.bgx-hero__in {
	max-width: 1180px; margin: 0 auto; padding: 5rem 1.5rem;
	display: grid; grid-template-columns: 1.25fr 0.85fr; gap: 3rem; align-items: center;
}
.bgx-hero__mark { display: block; margin: 0 0 1rem; filter: drop-shadow(0 8px 16px rgba(150,120,30,0.20)); }
.bgx-hero__title {
	font-family: "Playfair Display", Georgia, serif; font-weight: 600;
	font-size: clamp(2.4rem, 4.6vw, 3.6rem); line-height: 1.06; color: var(--g); margin: 0 0 1rem;
}
.bgx-hero__lead { font-size: 1.1rem; line-height: 1.7; color: #54605a; max-width: 46ch; margin: 0 0 1.8rem; }
.bgx-hero__cta { display: flex; flex-wrap: wrap; gap: 0.8rem; }

/* Tagespreis-Panel */
.bgx-price { background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; box-shadow: 0 16px 40px rgba(13,84,43,0.07); }
.bgx-price__head { background: var(--g); color: #eaf1e7; padding: 0.85rem 1.25rem; font-weight: 600; font-size: 0.98rem; display: flex; justify-content: space-between; align-items: center; }
.bgx-price__live { font-size: 0.64rem; text-transform: uppercase; letter-spacing: 0.12em; background: var(--gold); color: #0A2A18; padding: 0.14rem 0.5rem; border-radius: 999px; }
.bgx-price__row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 0.9rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); }
.bgx-price__metal { font-weight: 600; color: var(--ink); display: flex; align-items: center; gap: 0.55rem; }
.bgx-price__metal i { width: 10px; height: 10px; border-radius: 50%; background: var(--gold); display: inline-block; }
.bgx-price__metal--ag i { background: #b9c0c6; }
.bgx-price__val { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--g); }
.bgx-price__chg { font-size: 0.82rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bgx-price__chg.up { color: #1d8a4e; }
.bgx-price__chg.down { color: #c0392b; }
.bgx-price__link { display: block; text-align: center; padding: 0.9rem; color: var(--g); font-weight: 600; text-decoration: none; }
.bgx-price__link:hover { background: #f5f8f5; color: var(--goldD); }

/* ---------- TRUST ---------- */
.bgx-trust { background: var(--beegold-mist); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.bgx-trust__in { max-width: 1180px; margin: 0 auto; padding: 1.15rem 1.5rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.7rem 2.6rem; }
.bgx-trust__item { font-size: 0.92rem; color: var(--ink); font-weight: 500; display: inline-flex; align-items: center; gap: 0.5rem; letter-spacing: 0.005em; }
.bgx-trust__ic { width: 19px; height: 19px; flex: 0 0 auto; color: var(--goldD); }

/* ---------- PRODUCTS ---------- */
.bgx-products { background: #fff; }
.bgx-products__in { max-width: 1240px; margin: 0 auto; padding: 4.5rem 1.5rem; }
.bgx-h2 { font-family: "Playfair Display", Georgia, serif; font-weight: 600; font-size: clamp(1.9rem, 4vw, 2.7rem); color: var(--g); text-align: center; margin: 0; text-wrap: balance; }
.bgx-sub { text-align: center; color: #6b6f68; margin: 0.6rem auto 2.6rem; max-width: 600px; }
.bgx-products ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; margin: 0 !important; padding: 0 !important; }
.bgx-products--alt ul.products { grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.bgx-products--alt ul.products li.product { padding: 0.9rem 0.7rem 1.2rem !important; }
/* CoinBar-Bilder haben unterschiedliche Seitenverhältnisse -> auf gleiches
   Quadrat zwingen (object-fit contain auf Weiß), damit das Raster ruhig wirkt. */
.bgx-products--alt ul.products li.product img {
	aspect-ratio: 1 / 1; width: 100% !important; height: auto; object-fit: contain; background: #fff;
}
.bgx-products ul.products::before, .bgx-products ul.products::after { content: none !important; display: none !important; }
.bgx-products ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; background: #fff; border: 1px solid var(--line); border-radius: var(--beegold-card-radius); padding: 1.2rem 1rem 1.4rem !important; text-align: center; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; }
.bgx-products ul.products li.product:hover { box-shadow: 0 18px 42px rgba(20,18,10,0.10); border-color: #e3d8bf; transform: translateY(-3px); }
.bgx-products ul.products li.product img { border-radius: 8px; margin: 0 auto 1rem; }
.bgx-products ul.products li.product .woocommerce-loop-product__title { font-size: 1rem !important; color: var(--ink); padding: 0.2rem 0 0.4rem !important; min-height: 2.6em; }
.bgx-products ul.products li.product .price { color: var(--g) !important; font-weight: 700; font-size: 1.1rem; }
.bgx-products ul.products li.product .button, .bgx-products ul.products li.product .added_to_cart { display: inline-block; margin-top: 0.8rem !important; background: var(--g) !important; color: #fff !important; border-radius: var(--beegold-btn-radius) !important; padding: 0.55rem 1.3rem !important; font-weight: 600; }
.bgx-products ul.products li.product .button:hover, .bgx-products ul.products li.product .added_to_cart:hover { background: var(--gold) !important; color: var(--ink) !important; }

/* ---------- WHY ---------- */
.bgx-why { background: var(--beegold-mist); border-top: 1px solid var(--line); }
.bgx-why__in { max-width: 1140px; margin: 0 auto; padding: 4.5rem 1.5rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; }
.bgx-why__ic { display: block; width: 30px; height: 30px; color: var(--goldD); margin: 0 0 0.95rem; }
.bgx-why__col h3 { font-family: "Playfair Display", Georgia, serif; font-weight: 600; font-size: 1.35rem; color: var(--g); margin: 0 0 0.55rem; }
.bgx-why__col p { color: #5d635c; line-height: 1.7; margin: 0; }

/* ---------- CTA: WEISS (Hauptfarbe) mit schönem grünen Titel; Grün bleibt Akzent ---------- */
.bgx-cta { background: #ffffff; text-align: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.bgx-cta__in { max-width: 760px; margin: 0 auto; padding: 5rem 1.5rem; }
.bgx-cta__title { font-family: "Playfair Display", Georgia, serif; font-weight: 600; font-size: clamp(1.9rem, 4.4vw, 2.8rem); color: var(--green); margin: 0 0 0.6rem; text-wrap: balance; }
.bgx-cta__sub { color: #6b6f68; margin: 0 0 1.9rem; }

/* ---------- PARTNERSCHAFT / LBMA – zweispaltig, asymmetrisch (kein zentriertes Schema) ---------- */
.bgx-partner { background: var(--beegold-mist); border-top: 1px solid var(--line); }
.bgx-partner__in {
	max-width: 1140px; margin: 0 auto; padding: 5.5rem 1.5rem;
	display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 4rem; align-items: center;
}
.bgx-partner__title {
	font-family: "Playfair Display", Georgia, serif; font-weight: 600;
	font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.14; color: var(--ink);
	margin: 0 0 1.15rem; text-wrap: balance;
}
.bgx-partner__lead { color: #565b54; font-size: 1.06rem; line-height: 1.75; margin: 0; max-width: 46ch; }
.bgx-partner__list { list-style: none; margin: 0; padding: 0; }
.bgx-partner__list li {
	padding: 1.2rem 0; border-top: 1px solid #E6E0D2;
	display: flex; flex-direction: column; gap: 0.15rem;
}
.bgx-partner__list li:last-child { border-bottom: 1px solid #E6E0D2; }
.bgx-partner__list strong { font-size: 1.12rem; color: var(--ink); font-weight: 700; letter-spacing: 0.005em; }
.bgx-partner__list span { color: #8a8576; font-size: 0.92rem; }

/* ---------- GOLDANKAUF-TEASER – Ankaufspreise + Rechner-CTA ---------- */
.bgx-ankauf { background: #fff; border-top: 1px solid var(--line); width: 100vw; margin-left: calc(50% - 50vw); }
.bgx-ankauf__in {
	max-width: 1140px; margin: 0 auto; padding: 5rem 1.5rem;
	display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 4rem; align-items: center;
}
.bgx-ankauf__prices { list-style: none; margin: 0; padding: 0; order: -1; }
.bgx-ankauf__prices li {
	display: flex; align-items: baseline; gap: 0.9rem;
	padding: 1.05rem 0; border-top: 1px solid var(--line);
}
.bgx-ankauf__prices li:last-child { border-bottom: 1px solid var(--line); }
.bgx-ankauf__k { font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 1.35rem; color: var(--ink); min-width: 3.2rem; }
.bgx-ankauf__fein { color: #9a958a; font-size: 0.85rem; }
.bgx-ankauf__preis { margin-left: auto; font-weight: 600; color: var(--goldD); font-variant-numeric: tabular-nums; font-size: 1.08rem; }
.bgx-ankauf__title {
	font-family: "Playfair Display", Georgia, serif; font-weight: 600;
	font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.14; color: var(--ink);
	margin: 0 0 1.05rem; text-wrap: balance;
}
.bgx-ankauf__lead { color: #565b54; font-size: 1.06rem; line-height: 1.75; margin: 0 0 1.7rem; max-width: 46ch; }
@media (max-width: 900px) {
	.bgx-ankauf__in { grid-template-columns: 1fr; gap: 2.2rem; padding: 3.6rem 1.5rem; }
	.bgx-ankauf__prices { order: 0; }
}

/* ---------- FAMILIE / ZUKUNFT – emotionales Bild + ruhiger Text (2 Spalten) ---------- */
.bgx-family { background: #fff; border-top: 1px solid rgba(176, 136, 58, 0.3); border-bottom: 1px solid rgba(176, 136, 58, 0.3); }
.bgx-family__in {
	max-width: 1140px; margin: 0 auto; padding: 5.5rem 1.5rem;
	display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 4.5rem; align-items: center;
}
.bgx-family__media { margin: 0; line-height: 0; }
.bgx-family__media img {
	width: 100%; height: auto; display: block;
	border-radius: 14px;
	box-shadow: 0 26px 60px rgba(20, 18, 10, 0.14);
}
.bgx-family__title { font-family: "Playfair Display", Georgia, serif; font-weight: 600; font-size: clamp(2rem, 4.2vw, 2.9rem); line-height: 1.1; color: var(--ink); margin: 0 0 1.3rem; text-wrap: balance; }
.bgx-family__text { color: #565b54; font-size: 1.12rem; line-height: 1.8; max-width: 52ch; margin: 0; }
@media (max-width: 900px) {
	.bgx-family__in { grid-template-columns: 1fr; gap: 2.2rem; padding: 4rem 1.5rem; }
	.bgx-family__media { max-width: 440px; margin: 0 auto; }
	.bgx-family__title { text-align: center; }
	.bgx-family__text { margin: 0 auto; text-align: center; }
}

@media (max-width: 900px) {
	.bgx-hero__in { grid-template-columns: 1fr; gap: 2.2rem; }
	/* minmax(0,1fr) verhindert Grid-Blowout (Bild-min-content sprengt sonst die Spalte). */
	.bgx-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bgx-products ul.products li.product { min-width: 0; }
	.bgx-products ul.products li.product img { width: 100%; height: auto; }
	.bgx-why__in { grid-template-columns: 1fr; gap: 2rem; }
	.bgx-partner__in { grid-template-columns: 1fr; gap: 2rem; padding: 4rem 1.5rem; }
}
@media (max-width: 560px) {
	/* Produkte zweispaltig (vorher zu groß) – minmax(0,…) gegen Grid-Blowout */
	.bgx-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.7rem !important; }
	.bgx-products ul.products li.product { padding: 0.7rem 0.55rem 0.95rem !important; border-radius: var(--beegold-card-radius); min-width: 0; }
	.bgx-products ul.products li.product img { margin-bottom: 0.6rem; width: 100%; height: auto; }
	/* Preis ist die Hauptinfo: größer als Titel/Hinweise. Button EINE Zeile. */
	.bgx-products ul.products li.product .woocommerce-loop-product__title { font-size: 0.9rem !important; font-weight: 600; min-height: 2.4em; padding: 0.15rem 0 0.25rem !important; }
	.bgx-products ul.products li.product .price { font-size: 1.08rem !important; margin: 0.1rem 0 0.25rem; }
	.bgx-products ul.products li.product .button,
	.bgx-products ul.products li.product .added_to_cart {
		display: block;
		white-space: nowrap;
		font-size: 0.74rem;
		letter-spacing: 0.05em;
		padding: 0.55rem 0.3rem !important;
		margin-top: 0.55rem !important;
	}
	.bgx-products__in { padding: 3rem 1rem; }
	.bgx-partner__in { padding: 3.4rem 1.3rem; }
	.bgx-family__in { padding: 4rem 1.3rem; }
	.bgx-partner__lead { font-size: 1rem; }
	.bgx-family__text { font-size: 1rem; }
	/* Biene/Barren auf dem Handy deutlich größer (vorher zu klein) */
	.bgm__frame { width: min(90vw, 390px); }
	.bgm__tag { letter-spacing: 0.2em; }
	/* End-Kopf etwas höher, damit er nicht den (größeren) Barren berührt */
	.bgm__endhead { top: 13vh; }
	.bgm__endtitle { font-size: 1.45rem; }
}

/* ================================================================== *
 *  Startseite: Tagespreis + Header fixiert. Während der Animation TRANSPARENT
 *  (schwebt über dem weißen Hero), am ENDE der Animation SOLID/prominent
 *  (.is-solid wird von morph.js bei p>0.84 gesetzt). Rückwärts wieder transparent.
 * ================================================================== */
.page-template-template-home .beegold-tagespreis {
	position: fixed; top: 0; left: 0; right: 0; z-index: 60;
	background: transparent; border-bottom: 0;
	transition: background-color 0.35s ease, border-color 0.35s ease;
}
.page-template-template-home .beegold-tagespreis__label { color: #8A6B28; }
.page-template-template-home .beegold-tagespreis__value { color: #20201C; }

.page-template-template-home .site-header {
	position: fixed; top: 2.5rem; left: 0; right: 0; z-index: 55;
	background-color: transparent !important;
	border-bottom: 0 !important; box-shadow: none !important;
	transition: background-color 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.page-template-template-home .site-header .beegold-logo-svg { color: #8A6B28 !important; }
.page-template-template-home .site-header .main-navigation a,
.page-template-template-home .site-header .site-header-cart a,
.page-template-template-home .site-header .site-header-cart .count { color: #20201C !important; }

/* Ende der Animation -> solide & prominent (= Innenseiten-Look) */
.page-template-template-home .beegold-tagespreis.is-solid {
	background: #16140E; border-bottom: 1px solid rgba(176, 136, 58, 0.45);
}
.page-template-template-home .beegold-tagespreis.is-solid .beegold-tagespreis__label { color: #D7B25F; }
.page-template-template-home .beegold-tagespreis.is-solid .beegold-tagespreis__value { color: #F4EEDF; }
.page-template-template-home .site-header.is-solid {
	background-color: #ffffff !important;
	border-bottom: 1px solid var(--beegold-gold) !important;
	box-shadow: 0 4px 18px rgba(20, 18, 10, 0.06) !important;
}
.page-template-template-home .site-header.is-solid .beegold-logo-svg { color: var(--beegold-gold-deep) !important; }
.page-template-template-home .site-header.is-solid .main-navigation a,
.page-template-template-home .site-header.is-solid .site-header-cart a,
.page-template-template-home .site-header.is-solid .site-header-cart .count { color: var(--beegold-ink) !important; }

/* Header-Logo NUR MOBIL am Anfang ausblenden (dort wirkte das doppelte BEEGOLD
   eng/komisch). Auf dem PC bleibt das Header-Logo immer sichtbar. */
@media (max-width: 767px) {
	.page-template-template-home .site-header .site-branding { opacity: 0; pointer-events: none; transition: opacity 0.4s ease; }
	.page-template-template-home .site-header.is-solid .site-branding { opacity: 1; pointer-events: auto; }
}

/* Hero-Kopf (Gold-Logo) sitzt jetzt im zentrierten Flex-Stack über der Biene. */

/* WP-Admin-Bar (eingeloggte Nutzer): fixierten Header darunter schieben */
.admin-bar.page-template-template-home .beegold-tagespreis { top: 32px; }
.admin-bar.page-template-template-home .site-header { top: calc(32px + 2.5rem); }
@media screen and (max-width: 782px) {
	.admin-bar.page-template-template-home .beegold-tagespreis { top: 46px; }
	.admin-bar.page-template-template-home .site-header { top: calc(46px + 2.5rem); }
}