.biramel-page {
	font-family: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 100vh;
	overflow-y: auto;
	scroll-behavior: smooth;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.biramel-page * {
	box-sizing: border-box;
}

.biramel-page .kopf-fix {
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 40px;
	z-index: 70;
	background: #0B0B0A;
	color: #fff;
}

.biramel-page .logo {
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.01em;
}

.biramel-page .warenkorb {
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 12px;
	color: #fff;
	background: transparent;
	border: 1px solid rgba(255,255,255,.4);
	padding: 8px 14px;
	text-decoration: none;
}

.biramel-page .warenkorb:hover {
	border-color: #fff;
}

.biramel-page .punkte {
	position: fixed;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 70;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.biramel-page .punkt {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0,0,0,.25);
	display: block;
}

.biramel-page .sektion {
	min-height: 100vh;
	width: 100%;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
	padding: 80px 0;
}

.biramel-page .huelle {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 40px;
	width: 100%;
}

.biramel-page .hero {
	background: #0B0B0A;
	color: #fff;
}

.biramel-page .hero-bild {
	position: absolute;
	background-image: url('https://picsum.photos/seed/biramel-hero/1600/1000');
	background-size: cover;
	background-position: center;
	filter: grayscale(1) contrast(1.15);
}

.biramel-page .hero-schleier {
	position: absolute;
	background: linear-gradient(180deg,rgba(11,11,10,.35) 0%,rgba(11,11,10,.75) 55%,rgba(11,11,10,.96) 100%);
}

.biramel-page .hero .huelle {
	position: relative;
	z-index: 2;
}

.biramel-page .hero .eyebrow {
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 12px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #F0B90B;
	margin-bottom: 20px;
}

.biramel-page .hero h1 {
	font-size: clamp(42px,7vw,88px);
	font-weight: 800;
	line-height: .98;
	letter-spacing: -.03em;
	color: #fff;
}

.biramel-page .hero h1 span {
	color: #F0B90B;
}

.biramel-page .hero p {
	margin-top: 22px;
	font-size: 17px;
	color: #9A9A93;
	max-width: 420px;
}

.biramel-page .herkunft {
	background: #F3F3EF;
	color: #0B0B0A;
}

.biramel-page .herkunft-gitter {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 64px;
	align-items: center;
}

.biramel-page .herkunft-bild-wrap {
	position: relative;
	height: 420px;
}

.biramel-page .herkunft-bild {
	position: absolute;
	background-image: url('https://picsum.photos/seed/biramel-herkunft/900/1100');
	background-size: cover;
	background-position: center;
	filter: grayscale(1) contrast(1.1);
}

.biramel-page .herkunft-bild-tinte {
	position: absolute;
	background: #F0B90B;
	opacity: .14;
}

.biramel-page .herkunft h2 {
	font-size: clamp(28px,4vw,44px);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.08;
	margin-bottom: 20px;
	color: #0B0B0A;
}

.biramel-page .herkunft p {
	font-size: 15px;
	color: #6E6E68;
	max-width: 440px;
	margin-bottom: 14px;
}

.biramel-page .zahl-block {
	position: absolute;
	left: -40px;
	bottom: -30px;
	width: calc(100% + 40px);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: rgba(0,0,0,.12);
	border: 1px solid rgba(0,0,0,.12);
}

.biramel-page .zahl {
	background: #F3F3EF;
	padding: 26px;
}

.biramel-page .zahl b {
	display: block;
	font-size: 30px;
	font-weight: 800;
	color: #0B0B0A;
}

.biramel-page .zahl span {
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 11px;
	color: #6E6E68;
	text-transform: uppercase;
}

.biramel-page .prozess {
	background: #0B0B0A;
	color: #fff;
}

.biramel-page .prozess h2 {
	font-size: clamp(28px,4vw,44px);
	font-weight: 700;
	margin-bottom: 44px;
	color: #fff;
}

.biramel-page .zeitachse {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 24px;
}

.biramel-page .schritt {
	border-top: 1px solid rgba(255,255,255,.2);
	padding-top: 16px;
}

.biramel-page .schritt-bild {
	height: 110px;
	background-size: cover;
	background-position: center;
	filter: grayscale(1) contrast(1.15) brightness(.85);
	margin-bottom: 14px;
}

.biramel-page .schritt .num {
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 12px;
	color: #F0B90B;
}

.biramel-page .schritt h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0 8px;
	color: #fff;
}

.biramel-page .schritt p {
	font-size: 13px;
	color: #9A9A93;
}

.biramel-page .shop {
	background: #F3F3EF;
	color: #0B0B0A;
}

.biramel-page .shop h2 {
	font-size: clamp(28px,4vw,44px);
	font-weight: 700;
	margin-bottom: 36px;
	color: #0B0B0A;
}

.biramel-page .shop-gitter {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1px;
	background: rgba(0,0,0,.12);
	border: 1px solid rgba(0,0,0,.12);
}

.biramel-page .karte {
	background: #F3F3EF;
	padding: 26px;
	display: flex;
	flex-direction: column;
}

.biramel-page .karte .etikett {
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: center;
	filter: grayscale(1) contrast(1.15);
	margin-bottom: 18px;
}

.biramel-page .karte h3 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #0B0B0A;
}

.biramel-page .karte p {
	font-size: 13px;
	color: #6E6E68;
	margin-bottom: 18px;
	flex-grow: 1;
}

.biramel-page .karte-fuss {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.biramel-page .preis {
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 14px;
	color: #0B0B0A;
}

.biramel-page .btn-kauf {
	background: #0B0B0A;
	color: #fff;
	border: 1px solid #0B0B0A;
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 11px;
	text-transform: uppercase;
	padding: 9px 14px;
	text-decoration: none;
}

.biramel-page .btn-kauf:hover {
	background: #F0B90B;
	border-color: #F0B90B;
	color: #0B0B0A;
}

.biramel-page .kontakt {
	background: #0B0B0A;
	color: #fff;
}

.biramel-page .kontakt-bild {
	position: absolute;
	background-image: url('https://picsum.photos/seed/biramel-kontakt/1600/1000');
	background-size: cover;
	background-position: center;
	filter: grayscale(1) contrast(1.15);
}

.biramel-page .kontakt-schleier {
	position: absolute;
	background: linear-gradient(0deg,rgba(11,11,10,.94) 0%,rgba(11,11,10,.65) 60%,rgba(11,11,10,.4) 100%);
}

.biramel-page .kontakt .huelle {
	position: relative;
	z-index: 2;
}

.biramel-page .kontakt h2 {
	font-size: clamp(30px,5vw,56px);
	font-weight: 800;
	margin-bottom: 26px;
	max-width: 640px;
	color: #fff;
}

.biramel-page .kontakt-cta {
	display: flex;
	gap: 14px;
	margin-bottom: 56px;
}

.biramel-page .btn-gelb {
	background: #F0B90B;
	color: #0B0B0A;
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 12px;
	text-transform: uppercase;
	padding: 13px 22px;
	text-decoration: none;
	display: inline-block;
}

.biramel-page .btn-linie {
	border: 1px solid rgba(255,255,255,.4);
	color: #fff;
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 12px;
	text-transform: uppercase;
	padding: 13px 22px;
	text-decoration: none;
	display: inline-block;
}

.biramel-page .kontakt-fuss {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255,255,255,.15);
	padding-top: 22px;
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 11px;
	color: #77776F;
}

@supports (animation-timeline: view()) {
	.biramel-page .reveal {
		animation: auftauchen linear both;
	}
	
	@keyframes auftauchen {
	from {
		opacity: 0;
		transform: translateY(28px);
	}
	
	to {
		opacity: 1;
		transform: none;
	}
}

	
}

@media(max-width:820px) {
	.biramel-page .herkunft-gitter {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	
	.biramel-page .zeitachse {
		grid-template-columns: 1fr 1fr;
	}
	
	.biramel-page .shop-gitter {
		grid-template-columns: 1fr;
	}
	
	.biramel-page .punkte {
		display: none;
	}
	
	.biramel-page .kopf-fix {
		padding: 14px 20px;
	}
}

.biramel-page .warenkorb {
	background: #F0B90B;
	color: #0B0B0A;
	border-color: #F0B90B;
	font-weight: 600;
}

.biramel-page .warenkorb:hover {
	background: transparent;
	color: #F0B90B;
}

.biramel-page .echtheit {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #9A9A93;
} .biramel-page .hero-illustr{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:220px;z-index:1;opacity:.95} .biramel-page .hero-illustr svg{width:100%;height:auto} .biramel-page .hero-illustr .fl-tropfen{animation:be-tropfen-puls 3.5s ease-in-out infinite;transform-origin:150px 40px} @keyframes be-tropfen-puls{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}} .biramel-page .marke-linie{height:5px;background:#F0B90B} .biramel-page .zeitachse{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch} .biramel-page .schritt{border-top:none;padding-top:0;flex:0 0 220px;scroll-snap-align:start} .biramel-page .schritt .num{font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:56px;font-weight:800;color:#F0B90B;line-height:1;margin-bottom:10px;opacity:.9} .biramel-page .schritt h3{margin-top:0} .biramel-page .wisch-hinweis{font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#77776F;margin-top:18px} @media(max-width:820px){.biramel-page .hero-illustr{width:120px;right:20px;opacity:.5}} .biramel-page .wasserzeichen{position:absolute;top:6%;left:0;width:100%;text-align:center;font-size:min(22vw,220px);font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);letter-spacing:-.02em;z-index:0;pointer-events:none;white-space:nowrap} .biramel-page .herkunft-bild-wrap{background:#F3F3EF;display:flex;align-items:center;justify-content:center;padding:20px} .biramel-page .birnen-illustr{width:100%;max-width:340px;height:auto} .biramel-page .karte{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s} .biramel-page .karte:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.18)} .biramel-page .etikett--dunkel{background:#0B0B0A;display:flex;align-items:center;justify-content:center;height:150px;transition:background .25s} .biramel-page .karte:hover .etikett--dunkel{background:#1a1a17} .biramel-page .btn-kauf{transition:transform .2s,background .2s,color .2s} .biramel-page .btn-kauf:hover{transform:scale(1.05)} .biramel-page .btn-gelb,.biramel-page .btn-linie{transition:transform .2s} .biramel-page .btn-gelb:hover,.biramel-page .btn-linie:hover{transform:translateY(-3px)} .biramel-page .warenkorb{transition:transform .2s} .biramel-page .warenkorb:hover{transform:scale(1.05)} .biramel-page .hero h1{position:relative;z-index:1} .biramel-page .hero .eyebrow,.biramel-page .hero p,.biramel-page .echtheit{position:relative;z-index:1} @media(max-width:820px){.biramel-page .wasserzeichen{font-size:22vw;top:4%}} .biramel-page .kopf-nav{display:flex;gap:28px} .biramel-page .kopf-nav a{color:#fff;font-size:14px;text-decoration:none;opacity:.85} .biramel-page .kopf-nav a:hover{opacity:1;text-decoration:underline} .biramel-page .bild-platzhalter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:repeating-linear-gradient(45deg,#EDEDE7,#EDEDE7 10px,#F3F3EF 10px,#F3F3EF 20px);border:1.5px dashed #C9C9C1;color:#9A9A93;font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em} .biramel-page .cocktails{background:#F3F3EF;color:#0B0B0A} .biramel-page .cocktail-gitter{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px} .biramel-page .cocktail-karte .bild-platzhalter{height:140px;margin-bottom:14px} .biramel-page .cocktail-karte h3{font-size:16px;font-weight:600;margin-bottom:6px} .biramel-page .cocktail-karte p{font-size:13px;color:#6E6E68} .biramel-page .mehr-link{display:inline-block;margin-top:32px;font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#0B0B0A;border-bottom:1px solid #0B0B0A;text-decoration:none} .biramel-page .social{background:#0B0B0A;color:#fff} .biramel-page .social h2{color:#fff} .biramel-page .social-links{display:flex;gap:20px;margin-bottom:32px} .biramel-page .social-links a{color:#F0B90B;font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-bottom:1px solid rgba(240,185,11,.4)} .biramel-page .social-links a:hover{border-color:#F0B90B} .biramel-page .social-gitter{display:grid;grid-template-columns:repeat(6,1fr);gap:2px} .biramel-page .social-gitter .bild-platzhalter{aspect-ratio:1;background:repeating-linear-gradient(45deg,#1a1a17,#1a1a17 10px,#141412 10px,#141412 20px);border:1px solid #2a2a27;color:#55554f} @media(max-width:820px){.biramel-page .kopf-nav{display:none} .biramel-page .cocktail-gitter{grid-template-columns:1fr} .biramel-page .social-gitter{grid-template-columns:repeat(3,1fr)}} .biramel-page .hero-cta{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap} .biramel-page .stempel{width:110px;flex-shrink:0} .biramel-page .stempel svg{width:100%;height:auto} .biramel-page .stempel-ring{transform-origin:80px 80px;animation:be-stempel-dreh 16s linear infinite} @keyframes be-stempel-dreh{to{transform:rotate(360deg)}} .biramel-page .ticker{overflow:hidden;background:#0B0B0A;border-top:1px solid #232320;border-bottom:1px solid #232320;padding:14px 0} .biramel-page .ticker.klein{padding:10px 0} .biramel-page .ticker-track{display:flex;gap:56px;white-space:nowrap;width:max-content;animation:be-ticker 26s linear infinite} .biramel-page .ticker-track span{font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#F0B90B} @keyframes be-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}} .biramel-page .btn-gelb{animation:be-cta-puls 2.6s ease-in-out infinite} @keyframes be-cta-puls{0%,100%{box-shadow:0 0 0 0 rgba(240,185,11,.45)}50%{box-shadow:0 0 0 10px rgba(240,185,11,0)}} .biramel-page .trust-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px} .biramel-page .trust-badges span{font-size:10px;font-family:'JetBrains Mono','SF Mono',Consolas,monospace;text-transform:uppercase;letter-spacing:.04em;color:#6E6E68;border:1px solid #DCDCD6;padding:3px 8px;border-radius:20px} .biramel-page .fusszeile{background:#0B0B0A;color:#fff} .biramel-page .fuss-gitter{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:56px 0 32px} .biramel-page .fuss-marke .logo{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px} .biramel-page .fuss-marke p{color:#9A9A93;font-size:13px;line-height:1.6;max-width:280px;margin-bottom:18px} .biramel-page .stempel-klein{width:34px;opacity:.6} .biramel-page .fuss-spalte h4{font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#77776F;margin-bottom:16px} .biramel-page .fuss-spalte a,.biramel-page .fuss-spalte span{display:block;color:#B8B8B2;text-decoration:none;font-size:14px;margin-bottom:11px} .biramel-page .fuss-spalte a:hover{color:#F0B90B} .biramel-page .fuss-unten{display:flex;justify-content:space-between;border-top:1px solid #202020;padding:20px 0;font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:11px;color:#77776F} @media(max-width:820px){.biramel-page .fuss-gitter{grid-template-columns:1fr 1fr;gap:28px} .biramel-page .stempel{width:80px} .biramel-page .hero-cta{gap:18px}} .biramel-page .handel{background:#0B0B0A;color:#fff} .biramel-page .handel h2{color:#fff} .biramel-page .handel-intro{color:#9A9A93;font-size:15px;max-width:520px;margin-bottom:36px} .biramel-page .testimonial-gitter{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px} .biramel-page .testimonial-karte{border:1px solid #232320;padding:28px;position:relative} .biramel-page .testimonial-karte p{font-size:17px;line-height:1.5;color:#fff;margin-bottom:16px;font-weight:500} .biramel-page .testimonial-karte span{font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#F0B90B} @media(max-width:820px){.biramel-page .testimonial-gitter{grid-template-columns:1fr}}  body.home{padding-top:0!important} .biramel-page .kopf-fix{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(240,185,11,.15)} .biramel-page .fusszeile{position:relative} .biramel-page .fusszeile::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#F0B90B 50%,transparent)} .biramel-page .fuss-marke .logo{font-size:28px;letter-spacing:-.02em} .biramel-page .fuss-spalte a{position:relative;transition:padding-left .2s,color .2s} .biramel-page .fuss-spalte a::before{content:'';position:absolute;left:-16px;opacity:0;transition:opacity .2s,left .2s;color:#F0B90B} .biramel-page .fuss-spalte a:hover{padding-left:18px} .biramel-page .fuss-spalte a:hover::before{opacity:1;left:0} .biramel-page .fuss-unten{letter-spacing:.05em;position:relative} .biramel-page .fuss-top{position:absolute;right:0;top:20px;width:38px;height:38px;border:1px solid #2a2a27;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#F0B90B;text-decoration:none;font-size:16px;transition:border-color .2s,transform .2s} .biramel-page .fuss-top:hover{border-color:#F0B90B;transform:translateY(-3px)} @media(max-width:820px){.biramel-page .fuss-top{display:none}} .biramel-page .etikett--foto{height:150px;background-size:cover;background-position:center;filter:grayscale(.15)} body:has(.biramel-page) footer.wp-block-template-part{display:none!important}

/* ==== Verbesserte Animationen ==== */
.biramel-page .shop-gitter .karte,.biramel-page .cocktail-gitter .cocktail-karte,.biramel-page .testimonial-gitter .testimonial-karte{transition:transform .3s ease,box-shadow .3s ease}
.biramel-page .karte:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(11,11,10,.12)}
.biramel-page .cocktail-karte:hover{transform:translateY(-4px)}
.biramel-page .etikett--foto{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.biramel-page .karte:hover .etikett--foto{transform:scale(1.06)}
.biramel-page .btn-gelb,.biramel-page .btn-kauf,.biramel-page .btn-linie{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}
.biramel-page .btn-gelb:hover,.biramel-page .btn-kauf:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px rgba(240,185,11,.35)}
.biramel-page .btn-linie:hover{transform:translateY(-2px)}
.biramel-page .fl-tropfen{animation:biramel-float 4s ease-in-out infinite}
@keyframes biramel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.biramel-page .zahl{transition:transform .3s ease}
.biramel-page .zahl:hover{transform:translateY(-3px)}
.biramel-page .social-gitter .bild-platzhalter,.biramel-page .social-gitter .social-foto{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}
.biramel-page .social-gitter .bild-platzhalter:hover,.biramel-page .social-gitter .social-foto:hover{transform:scale(1.05);opacity:.85}
.biramel-page .punkt{transition:transform .3s ease,background-color .3s ease}
.biramel-page .punkt:hover{transform:scale(1.4)}
@media (prefers-reduced-motion: reduce){
.biramel-page .karte,.biramel-page .cocktail-karte,.biramel-page .fl-tropfen{transition:none!important;animation:none!important}
}


.biramel-page .social-gitter .social-foto{aspect-ratio:1;background-size:cover;background-position:center;border:1px solid #2a2a27}


/* ==== Fix: Shop-Grid für 4 Produkte (statt 3) ==== */
.biramel-page .shop-gitter{grid-template-columns:repeat(4,1fr)!important;background:transparent!important}
.biramel-page .shop-gitter .karte{background:#F3F3EF}
@media(max-width:1100px){.biramel-page .shop-gitter{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.biramel-page .shop-gitter{grid-template-columns:1fr!important}}

.biramel-page .shop-gitter{border-top:1px solid #dcdcd5;border-left:1px solid #dcdcd5}
.biramel-page .shop-gitter .karte{border-right:1px solid #dcdcd5;border-bottom:1px solid #dcdcd5}


/* ==== Fix: Produktfotos farbig, nicht abgeschnitten ==== */
.biramel-page .etikett--foto{filter:none!important;height:260px!important;background-position:center 30%!important}
.biramel-page .karte:hover .etikett--foto{filter:none!important}


/* ==== Fix: Abo/Shop getrennte Sektionen ==== */
.biramel-page .shop-unterueberschrift{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#6E6E68;margin:32px 0 16px 0}
.biramel-page h3.shop-unterueberschrift:first-of-type{margin-top:8px}
.biramel-page .shop-gitter--abo{grid-template-columns:1fr!important;max-width:420px;border:2px solid #F0B90B}
.biramel-page .shop-gitter--abo .karte{border-right:none}
@media(min-width:700px){.biramel-page .shop-gitter--abo{max-width:340px}}


/* ==== Rechtsseiten (Impressum, AGB, Datenschutz) ==== */
.biramel-page .sektion.rechtsseite{background:#0B0B0A;color:#F3F3EF;padding:140px 0 80px 0;min-height:60vh}
.biramel-page .sektion.rechtsseite .eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#F0B90B;margin-bottom:8px}
.biramel-page .sektion.rechtsseite h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(32px,5vw,56px);margin:0 0 40px 0;color:#FFFFFF}
.biramel-page .sektion.rechtsseite .rechtstext{max-width:680px}
.biramel-page .sektion.rechtsseite .rechtstext p{color:#C9C9C4;line-height:1.7;margin:0 0 16px 0}
.biramel-page .sektion.rechtsseite .rechtstext h3{font-family:'JetBrains Mono',monospace;font-size:15px;letter-spacing:.5px;color:#F0B90B;margin:32px 0 12px 0;text-transform:uppercase}
.biramel-page .sektion.rechtsseite .rechtstext a{color:#F0B90B;text-decoration:underline}
.biramel-page .sektion.rechtsseite .rechtstext strong{color:#FFFFFF}


/* ==== Generisches Theme-Header/Footer-Template ausblenden (wir haben eigenes) ==== */
/* ==== Header-Upgrade: cooler, markanter ==== */
.biramel-page .kopf-fix{transition:padding .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,backdrop-filter .35s ease;position:sticky;border-bottom:1px solid transparent;background:rgba(11,11,10,.9);backdrop-filter:blur(0px)}
.biramel-page .kopf-fix::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#F0B90B 20%,#F0B90B 80%,transparent);opacity:.5}
.biramel-page .kopf-fix.ist-gescrollt{padding-top:10px;padding-bottom:10px;backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.45)}
.biramel-page .kopf-fix .logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px}
.biramel-page .kopf-fix .logo-tropfen{width:16px;height:22px;flex-shrink:0;animation:kopf-tropfen-schweben 3.2s ease-in-out infinite}
@keyframes kopf-tropfen-schweben{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-4deg)}}
.biramel-page .kopf-nav a{position:relative;padding-bottom:4px}
.biramel-page .kopf-nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#F0B90B;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.biramel-page .kopf-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.biramel-page .kopf-nav a:hover{color:#F0B90B}
.biramel-page .kopf-fix .warenkorb{position:relative;overflow:hidden}
.biramel-page .kopf-fix .warenkorb::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s ease}
.biramel-page .kopf-fix .warenkorb:hover::before{left:120%}
@media (prefers-reduced-motion: reduce){
.biramel-page .logo-tropfen{animation:none!important}
.biramel-page .kopf-fix .warenkorb::before{transition:none!important}
}


/* ==== Fix: Shine-Effekt-Overflow beim Button ==== */
.biramel-page .kopf-fix .warenkorb{display:inline-block!important;isolation:isolate}


/* ==== Fix: Zahlen-Grid ragt aus dem Viewport (abgeschnittene Zahlen) ==== */
.biramel-page .herkunft-gitter{overflow:hidden;max-width:100%}
.biramel-page .zahl-block{width:100%!important;max-width:100%!important;box-sizing:border-box}
.biramel-page .herkunft-bild-wrap{max-width:100%;overflow:visible}


/* ==== Header Runde 2: deutlich mehr Charakter ==== */
.biramel-page .kopf-fix{background:linear-gradient(180deg,#111110,#0B0B0A)}
.biramel-page .kopf-fix .logo-tropfen{filter:drop-shadow(0 0 6px rgba(240,185,11,.85)) drop-shadow(0 0 14px rgba(240,185,11,.35))}
.biramel-page .kopf-fix .logo{font-size:22px;background:linear-gradient(100deg,#FFFFFF 30%,#F0B90B 50%,#FFFFFF 70%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:kopf-logo-schimmer 5s linear infinite}
@keyframes kopf-logo-schimmer{0%{background-position:200% center}100%{background-position:-20% center}}
.biramel-page .kopf-nav{counter-reset:navitem;gap:36px}
.biramel-page .kopf-nav a{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.3px}
.biramel-page .kopf-nav a::before{counter-increment:navitem;content:"0" counter(navitem) " ";color:#F0B90B;opacity:.6;font-size:11px}
.biramel-page .kopf-fix .warenkorb{border:1px solid transparent;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}
.biramel-page .kopf-fix .warenkorb:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 24px rgba(240,185,11,.4)}
@media (prefers-reduced-motion: reduce){
.biramel-page .kopf-fix .logo{animation:none!important}
}

.biramel-page .zahl-block{left:0!important;right:auto!important}


/* ==== Fix: Zahlen-Grid überlappt Text (absolute Positionierung entfernt) ==== */
.biramel-page .zahl-block{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;height:auto!important;margin-top:32px}
.biramel-page .herkunft-bild-wrap{position:relative;padding-bottom:0}


/* ==== Kontakt-Sektion & Formular ==== */
.biramel-page .sektion.kontakt-formular{background:#0B0B0A;padding:100px 0}
.biramel-page .kontakt-formular-gitter{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.biramel-page .kontakt-formular-gitter h2{color:#FFFFFF;font-weight:800;font-size:clamp(28px,4vw,42px);margin:8px 0 16px 0}
.biramel-page .kontakt-formular-gitter > div > p{color:#C9C9C4;line-height:1.7;max-width:440px}
.biramel-page .kontakt-info{display:flex;flex-direction:column;gap:10px;margin-top:28px;font-family:'JetBrains Mono',monospace;font-size:14px}
.biramel-page .kontakt-info a,.biramel-page .kontakt-info span{color:#C9C9C4;text-decoration:none}
.biramel-page .kontakt-info a:hover{color:#F0B90B}
.biramel-page .kontakt-formular-wrap{background:#F3F3EF;border-radius:6px;padding:32px}
.biramel-page .kontakt-formular-wrap p{margin:0 0 18px 0}
.biramel-page .kontakt-formular-wrap label{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:#6E6E68;margin-bottom:6px}
.biramel-page .kontakt-formular-wrap input[type="text"],
.biramel-page .kontakt-formular-wrap input[type="email"],
.biramel-page .kontakt-formular-wrap input[type="url"],
.biramel-page .kontakt-formular-wrap textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d8d8d2;border-radius:4px;background:#FFFFFF;color:#0B0B0A;font-family:'Archivo',sans-serif;font-size:15px}
.biramel-page .kontakt-formular-wrap textarea{min-height:120px;resize:vertical}
.biramel-page .kontakt-formular-wrap input:focus,.biramel-page .kontakt-formular-wrap textarea:focus{outline:none;border-color:#F0B90B}
.biramel-page .kontakt-formular-wrap button[type="submit"],
.biramel-page .kontakt-formular-wrap input[type="submit"]{background:#0B0B0A;color:#FFFFFF;border:none;padding:14px 32px;font-family:'JetBrains Mono',monospace;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background .25s ease,transform .25s ease}
.biramel-page .kontakt-formular-wrap button[type="submit"]:hover,
.biramel-page .kontakt-formular-wrap input[type="submit"]:hover{background:#F0B90B;color:#0B0B0A;transform:translateY(-2px)}
@media (max-width:900px){
.biramel-page .kontakt-formular-gitter{grid-template-columns:1fr;gap:36px}
}
/* Kontakt-Seite (eigene Seite, heller Kartenhintergrund) */
.biramel-page .kontakt-seite-gitter{margin-top:48px;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.biramel-page .kontakt-seite-gitter .kontakt-info{margin-top:0}
@media (max-width:900px){
.biramel-page .kontakt-seite-gitter{grid-template-columns:1fr}
}


/* ==== Blog-Seite: Journal-Design ==== */
.biramel-page .sektion.blog-hero{background:#0B0B0A;padding:160px 0 90px 0;position:relative;overflow:hidden;min-height:auto}
.biramel-page .sektion.blog-hero .wasserzeichen{position:absolute;top:20px;right:-10px;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(80px,14vw,220px);color:#111110;letter-spacing:-4px;line-height:1;z-index:0;user-select:none}
.biramel-page .sektion.blog-hero .huelle{position:relative;z-index:1}
.biramel-page .sektion.blog-hero .eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#F0B90B;margin-bottom:12px}
.biramel-page .sektion.blog-hero h1{color:#FFFFFF;font-weight:800;font-size:clamp(40px,7vw,72px);line-height:1.05;margin:0 0 20px 0}
.biramel-page .sektion.blog-hero p{color:#C9C9C4;font-size:18px;max-width:520px;line-height:1.6}

.biramel-page .sektion.blog-liste{background:#F3F3EF;padding:80px 0 100px 0}
.biramel-page .blog-gitter{display:flex;flex-direction:column;gap:32px}
.biramel-page .blog-karte{background:#FFFFFF;border:1px solid #e4e4e0;border-radius:10px;padding:40px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.biramel-page .blog-karte::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#F0B90B;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.biramel-page .blog-karte:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}
.biramel-page .blog-karte:hover::before{transform:scaleY(1)}
.biramel-page .blog-karte--gross{padding:56px}
.biramel-page .blog-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:#6E6E68}
.biramel-page .blog-num{color:#F0B90B;font-weight:700}
.biramel-page .blog-tag{background:#0B0B0A;color:#F0B90B;padding:4px 10px;border-radius:20px;font-size:11px}
.biramel-page .blog-karte h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(24px,3vw,34px);margin:0 0 16px 0;color:#0B0B0A}
.biramel-page .blog-intro{color:#4a4a46;line-height:1.7;font-size:16px;margin:0 0 8px 0}
.biramel-page .blog-rezept-gitter{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 8px 0;padding-top:28px;border-top:1px solid #ececea}
.biramel-page .blog-rezept h3{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#0B0B0A;margin:0 0 8px 0}
.biramel-page .blog-rezept p{color:#6E6E68;font-size:14px;line-height:1.6;margin:0}
.biramel-page .blog-shop-link{display:inline-block;margin-top:28px}
@media (max-width:800px){
.biramel-page .blog-rezept-gitter{grid-template-columns:1fr}
.biramel-page .blog-karte,.biramel-page .blog-karte--gross{padding:28px}
}


/* ============================================
   SHOP-SEITEN (Warenkorb, Kasse, Produkt, Shop-Archiv)
   Generischer Header/Footer bleibt hier sichtbar (kein .biramel-page) -
   wir stylen ihn passend zum Rest der Seite.
   ============================================ */

/* Generischer Header auf Shop-Seiten */
header.wp-block-template-part{background:#0B0B0A!important;border-bottom:1px solid rgba(240,185,11,.3)}
header.wp-block-template-part,
header.wp-block-template-part *{font-family:'Archivo',sans-serif}
header.wp-block-template-part a{color:#F3F3EF!important;text-decoration:none!important}
header.wp-block-template-part a:hover{color:#F0B90B!important}
header.wp-block-template-part .wp-block-site-title a,
header.wp-block-template-part .wp-block-site-title{color:#FFFFFF!important;font-weight:800}

/* Generischer Footer auf Shop-Seiten */
footer.wp-block-template-part{background:#0B0B0A!important;color:#C9C9C4;font-family:'Archivo',sans-serif}
footer.wp-block-template-part a{color:#C9C9C4!important}
footer.wp-block-template-part a:hover{color:#F0B90B!important}

/* Grundlayout Shop-Seiten */
body.woocommerce-cart, body.woocommerce-checkout, body.single-product, body.woocommerce-account,
body.post-type-archive-product, body.woocommerce-shop{
  background:#F3F3EF;
  font-family:'Archivo',sans-serif;
  color:#1a1a18;
}
body.woocommerce-cart h1, body.woocommerce-checkout h1, body.single-product h1,
body.woocommerce-account h1, body.woocommerce-shop h1{
  font-family:'Archivo',sans-serif;font-weight:800;color:#0B0B0A;
}
body.woocommerce-cart .entry-content, body.woocommerce-checkout .entry-content,
body.single-product .entry-content, body.woocommerce-shop .entry-content{
  max-width:1200px;margin:0 auto;padding:0 40px 80px 40px;
}

/* Breadcrumb */
.woocommerce-breadcrumb{font-family:'JetBrains Mono',monospace;font-size:13px;color:#6E6E68;margin-bottom:24px}
.woocommerce-breadcrumb a{color:#6E6E68}
.woocommerce-breadcrumb a:hover{color:#F0B90B}

/* Preise */
.woocommerce-Price-amount, .price, .wc-block-components-product-price{
  font-family:'JetBrains Mono',monospace!important;
  color:#0B0B0A!important;
  font-weight:700;
}
.wc-block-components-product-price__value{color:#0B0B0A!important}

/* Alle Buttons: Warenkorb, Kaufen, Absenden etc. */
.button, .wp-element-button, .add_to_cart_button, .single_add_to_cart_button,
input[type="submit"], .checkout-button, .wc-block-cart__submit-button,
.wc-block-components-button, .wc-proceed-to-checkout a,
.wc-block-cart-item__remove-link{
  background:#0B0B0A!important;
  color:#FFFFFF!important;
  border:none!important;
  border-radius:4px!important;
  font-family:'JetBrains Mono',monospace!important;
  font-weight:700!important;
  letter-spacing:.4px;
  text-transform:uppercase;
  padding:14px 28px!important;
  transition:background .25s ease,transform .25s ease!important;
  cursor:pointer;
}
.button:hover, .wp-element-button:hover, .add_to_cart_button:hover,
.single_add_to_cart_button:hover, input[type="submit"]:hover,
.checkout-button:hover, .wc-block-cart__submit-button:hover,
.wc-block-components-button:hover, .wc-proceed-to-checkout a:hover{
  background:#F0B90B!important;
  color:#0B0B0A!important;
  transform:translateY(-2px);
}

/* Mengen-Stepper, Inputs */
input[type="number"], input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], select, textarea{
  border:1px solid #d8d8d2!important;
  border-radius:4px!important;
  font-family:'Archivo',sans-serif!important;
  padding:10px 12px!important;
}
input:focus, select:focus, textarea:focus{
  outline:none!important;
  border-color:#F0B90B!important;
}

/* Produktseite: Titel und Struktur */
.product_title, .entry-title{
  font-family:'Archivo',sans-serif!important;
  font-weight:800!important;
  color:#0B0B0A!important;
}
.woocommerce-product-details__short-description{color:#4a4a46;line-height:1.7}

/* Warenkorb-Tabelle / Zeilen */
.wc-block-cart-item__product, .wc-block-components-product-name{
  font-family:'Archivo',sans-serif;
}
.wc-block-components-product-name{color:#0B0B0A!important;font-weight:700}

/* Card-artiger Rahmen um Warenkorb-Summen / Checkout-Formular */
.wc-block-cart__totals-title, .wc-block-checkout__order-summary,
.wc-block-components-totals-wrapper{
  font-family:'JetBrains Mono',monospace;
}
.wc-block-cart-items, .wp-block-woocommerce-cart-order-summary-block,
.wc-block-checkout__form, .wc-block-checkout__sidebar{
  background:#FFFFFF;
  border:1px solid #e4e4e0;
  border-radius:8px;
  padding:8px;
}

/* Shop-Archiv: Produktkarten */
ul.products li.product{
  background:#FFFFFF;border:1px solid #e4e4e0;border-radius:8px;padding:16px;
  transition:transform .3s ease,box-shadow .3s ease;
}
ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.08)}
ul.products li.product .woocommerce-loop-product__title{
  font-family:'Archivo',sans-serif;font-weight:700;color:#0B0B0A;
}


/* ==== "Bereit, Biramel..." CTA-Sektion: Hintergrund statt leerer Fläche ==== */
.biramel-page .sektion.kontakt{position:relative;overflow:hidden;padding:140px 0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(240,185,11,.10),transparent 60%),#0B0B0A}
.biramel-page .kontakt-glow{position:absolute;top:50%;left:78%;width:520px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,185,11,.28) 0%,rgba(240,185,11,.08) 45%,transparent 72%);filter:blur(10px);z-index:0;pointer-events:none}
.biramel-page .kontakt-flasche-bg{position:absolute;right:6%;top:50%;transform:translateY(-50%);height:130%;width:auto;opacity:.55;z-index:0;pointer-events:none}
.biramel-page .kontakt-wasserzeichen{position:absolute;bottom:-40px;left:-10px;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(60px,11vw,170px);color:#141412;letter-spacing:-3px;line-height:1;z-index:0;user-select:none;margin:0}
.biramel-page .sektion.kontakt .huelle{position:relative;z-index:1}
@media (max-width:800px){
.biramel-page .kontakt-flasche-bg{opacity:.25;right:-10%}
}


/* ==== Fix: weisser Balken durch Scroll-Punkte-Navigation ==== */
.biramel-page p:has(> .punkt){position:fixed!important;top:50%;right:24px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:40;margin:0}
@media (max-width:900px){
.biramel-page p:has(> .punkt){display:none!important}
}


/* ==== Mobile: Hamburger-Menü ==== */
.biramel-page .mobil-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;z-index:60;margin-left:16px}
.biramel-page .mobil-menu-btn span{display:block;width:100%;height:2px;background:#F3F3EF;transition:transform .3s ease,opacity .3s ease}
.biramel-page .mobil-menu-btn.ist-offen span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.biramel-page .mobil-menu-btn.ist-offen span:nth-child(2){opacity:0}
.biramel-page .mobil-menu-btn.ist-offen span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.nav-blockiert{overflow:hidden}

@media (max-width:900px){
.biramel-page .mobil-menu-btn{display:flex}
.biramel-page .kopf-nav{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background:#0B0B0A;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:55;visibility:hidden}
.biramel-page .kopf-nav.nav-offen{transform:translateX(0);visibility:visible}
.biramel-page .kopf-nav a{font-size:24px}
.biramel-page .kopf-fix .warenkorb{display:none}
}

/* ==== Mobile: Shop-Grid korrekt auf 1 Spalte umbrechen ==== */
@media (max-width:700px){
.biramel-page .shop-gitter{grid-template-columns:1fr!important}
.biramel-page .shop-gitter--abo{max-width:100%!important}
.biramel-page .karte-fuss{flex-direction:column;align-items:flex-start;gap:12px}
.biramel-page .karte-fuss .btn-kauf{width:100%;text-align:center;box-sizing:border-box}
}


/* ==== Mobile: Generischer Header auf Shop-Seiten (Warenkorb/Kasse/Produkt) ==== */
@media (max-width:781px){
header.wp-block-template-part .wp-block-group{flex-wrap:wrap!important;row-gap:8px}
header.wp-block-template-part{font-size:13px;padding:12px 0}
header.wp-block-template-part nav{flex-wrap:wrap!important;row-gap:6px;column-gap:12px!important}
}
@media (max-width:480px){
header.wp-block-template-part{font-size:12px}
}


/* ==== Hero: echtes Flaschenfoto statt SVG, mit Schwebe-Animation ==== */
.biramel-page .hero-flasche-foto-wrap{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.biramel-page .hero-flasche-foto{width:auto;height:100%;max-height:520px;object-fit:contain;animation:hero-flasche-schweben 5s ease-in-out infinite;transform-origin:center bottom}
@keyframes hero-flasche-schweben{
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-14px) rotate(1deg)}
}
@media (prefers-reduced-motion: reduce){
.biramel-page .hero-flasche-foto{animation:none!important}
}
@media (max-width:900px){
.biramel-page .hero-flasche-foto{max-height:320px}
}


/* ==== Cocktail Flip-Karten ==== */
.biramel-page .cocktail-hinweis{color:#6E6E68;font-size:14px;margin-top:-8px;margin-bottom:28px}
.biramel-page .cocktail-gitter--flip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.biramel-page .flip-karte{perspective:1200px;height:400px}
.biramel-page .flip-innen{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:8px}
.biramel-page .flip-karte:hover .flip-innen,
.biramel-page .flip-karte:active .flip-innen{transform:rotateY(180deg)}
.biramel-page .flip-vorne,.biramel-page .flip-hinten{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;overflow:hidden}
.biramel-page .flip-vorne{background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.biramel-page .flip-vorne::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,10,.85) 0%,rgba(11,11,10,0) 55%)}
.biramel-page .flip-name{position:relative;z-index:1;color:#F3F3EF;font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;padding:24px;line-height:1.2}
.biramel-page .flip-hinten{transform:rotateY(180deg);background:#0B0B0A;color:#F3F3EF;padding:32px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.biramel-page .flip-hinten h3{color:#F0B90B;font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;margin:0 0 18px 0}
.biramel-page .flip-zutaten{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:#F0B90B;line-height:1.7;margin:0 0 16px 0;opacity:.9}
.biramel-page .flip-schritt{font-size:14.5px;line-height:1.6;color:#d8d8d4;margin:0}
@media (max-width:900px){
.biramel-page .cocktail-gitter--flip{grid-template-columns:1fr;gap:20px}
.biramel-page .flip-karte{height:340px}
}


/* ==== Footer: BNI-Mitgliedschaft Badge ==== */
.biramel-page .bni-badge{display:flex;align-items:center;gap:10px;margin-top:16px;background:#fff;border-radius:6px;padding:8px 14px;width:fit-content}
.biramel-page .bni-badge img{height:20px;width:auto;display:block}
.biramel-page .bni-badge span{font-family:'JetBrains Mono',monospace;font-size:12px;color:#0B0B0A;font-weight:600;letter-spacing:.2px}


/* ==== Generischer Footer (Warenkorb/Kasse/Produktseiten) im Biramel-Look ==== */
footer.wp-block-template-part{
background:#0B0B0A!important;
color:#d8d8d4;
padding-top:48px;
padding-bottom:24px;
}
footer.wp-block-template-part .wp-block-group{
background:#0B0B0A!important;
}
footer.wp-block-template-part h3{
font-family:'Archivo',sans-serif!important;
color:#F0B90B!important;
font-weight:800!important;
text-transform:uppercase;
font-size:14px!important;
letter-spacing:.5px;
margin-bottom:14px!important;
}
footer.wp-block-template-part p{
font-family:'JetBrains Mono',monospace!important;
color:#d8d8d4!important;
font-size:13px!important;
line-height:1.8;
}
footer.wp-block-template-part a{
color:#F0B90B!important;
text-decoration:none;
}
footer.wp-block-template-part a:hover{
text-decoration:underline;
}
footer.wp-block-template-part hr{
border-color:rgba(240,185,11,.2)!important;
}


/* ==== Generischer Header GLOBAL im Biramel-Look (Warenkorb/Kasse/Produkte/Einzel-Blogartikel) ==== */
body:not(:has(.biramel-page)) header.wp-block-template-part{
background:#0B0B0A!important;
color:#F3F3EF!important;
}
body:not(:has(.biramel-page)) header.wp-block-template-part a{
color:#F3F3EF!important;
text-decoration:none;
}
body:not(:has(.biramel-page)) header.wp-block-template-part a:hover{
color:#F0B90B!important;
}
/* ==== Einzel-Blogartikel: dunkler Hintergrund statt weiss ==== */
body.single-post{
background:#0B0B0A!important;
}
body.single-post .entry-content,
body.single-post .wp-block-post-title,
body.single-post p,
body.single-post h1,
body.single-post h2,
body.single-post h3{
color:#F3F3EF!important;
}
body.single-post h1,
body.single-post h2,
body.single-post h3{
font-family:'Archivo',sans-serif!important;
}
body.single-post a{
color:#F0B90B!important;
}


/* ==== Doppelten Header verhindern ==== */



/* ==== Warenkorb Entfernen-Button: kompakter runder Icon-Button statt riesigem Kauf-Button-Stil ==== */
.wc-block-cart-item__remove-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  border-radius:50%!important;
}
.wc-block-cart-item__remove-link svg{
  width:16px!important;
  height:16px!important;
}