/*
Theme Name: MINEOMAT
Template: twentytwentyfive
Description: MINEOMAT Shop — Instrumenten-Panel-Ästhetik: Barlow, warmes Schwarz #0d0b08, BTC-Orange #F7931A als einziger Akzent. Tokens aus DESIGN.md (Website-Relaunch).
Version: 1.2.0
Author: MINEOMAT GmbH
Text Domain: mineomat
*/

/* ================= Schriften (lokal, DSGVO) ================= */
@font-face { font-family:'Barlow'; src:url('assets/fonts/barlow-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow'; src:url('assets/fonts/barlow-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow'; src:url('assets/fonts/barlow-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow'; src:url('assets/fonts/barlow-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }

/* ================= Tokens (DESIGN.md) ================= */
:root {
	--mm-black:  #0d0b08;   /* warm-black: durchgehende Fläche          */
	--mm-panel:  #15110b;   /* warm-panel: Karten                        */
	--mm-ink:    #e8e4db;   /* Text                                      */
	--mm-text:   #b0ab9e;   /* Sekundärtext                              */
	--mm-mute:   #8a8578;   /* Meta/Labels                               */
	--mm-line:   #46423a;   /* Linien                                    */
	--mm-hair:   #2e2b24;   /* Hairlines                                 */
	--mm-orange: #F7931A;   /* der einzige Akzent                        */
	--mm-orange-hover: #e8820f;
	--mm-orange-ink:   #1a1000;  /* Text AUF Orange — nie weiß           */
	--mm-ok:     #7fb069;   /* Ampel grün (semantisch, gedämpft-warm)   */
	--mm-warn:   #d9a441;   /* Ampel gelb                                */
	--mm-err:    #c96a4a;   /* Ampel rot (warm, kein Signalrot)          */
}

body { font-family: Barlow, system-ui, sans-serif; }

/* Label-Stil (Kicker): 600, uppercase, gesperrt */
.mm-label, .sku_wrapper, .posted_in {
	font-size: 11px; font-weight: 600; letter-spacing: .12em;
	text-transform: uppercase; color: var(--mm-mute);
}
.sku_wrapper .sku, .posted_in a { color: var(--mm-text); text-decoration: none; }

/* ================= Buttons ================= */
.woocommerce a.button, .woocommerce button.button,
.wc-block-components-button:not(.is-link),
.single_add_to_cart_button, .checkout-button, .wp-block-button__link,
button[type="submit"] {
	background: var(--mm-orange) !important;
	color: var(--mm-orange-ink) !important;
	border: none !important; border-radius: 8px !important;
	font-weight: 600 !important; letter-spacing: .01em;
	padding: 14px 28px;
	transition: background-color .15s cubic-bezier(.22,.61,.36,1);
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover,
.single_add_to_cart_button:hover, .wp-block-button__link:hover {
	background: var(--mm-orange-hover) !important;
	color: var(--mm-orange-ink) !important;
}
.single_add_to_cart_button:disabled { opacity: .35 !important; cursor: not-allowed; }

/* Fokus: sichtbarer Orange-Ring mit Offset (WCAG 2.4.7) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid var(--mm-orange) !important;
	outline-offset: 2px; border-radius: 4px;
}

/* ================= Shop-Grid (Produktkacheln) ================= */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	background: var(--mm-panel);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px; overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
	border-color: rgba(255,255,255,.18);
	box-shadow: 0 6px 24px rgba(0,0,0,.35);
}
.woocommerce ul.products li.product a img,
.wc-block-grid__product img {
	background: rgba(255,255,255,.03);
	aspect-ratio: 4/3; object-fit: cover; width: 100%;
	margin: 0; border-radius: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.15em; font-weight: 600; color: var(--mm-ink);
	padding: 14px 16px 2px;
}
.woocommerce ul.products li.product .price {
	color: var(--mm-orange); font-weight: 700;
	font-variant-numeric: tabular-nums; padding: 0 16px 6px;
}
.woocommerce ul.products li.product .button { margin: 4px 16px 16px; }

/* ================= Produktseite ================= */
.woocommerce div.product .product_title {
	font-weight: 700; letter-spacing: -.01em; font-size: clamp(1.7rem, 3.5vw, 2.4rem);
	line-height: 1.1;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: var(--mm-orange); font-weight: 700; font-size: 1.6em;
	font-variant-numeric: tabular-nums;
}
.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--mm-text); max-width: 62ch; line-height: 1.65;
}
/* Galerie */
.woocommerce div.product div.images img {
	border-radius: 8px; background: rgba(255,255,255,.03);
	border: 1px solid var(--mm-hair);
}
.woocommerce div.product div.images .flex-control-thumbs { gap: 8px; display: flex; margin-top: 10px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: calc(25% - 6px); float: none; }
.woocommerce div.product div.images .flex-control-thumbs img {
	border: 1px solid var(--mm-hair); border-radius: 6px; opacity: .55;
	transition: opacity .15s ease, border-color .15s ease; cursor: pointer;
}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover {
	opacity: 1; border-color: var(--mm-orange);
}
/* Menge */
.woocommerce div.product form.cart .quantity .qty {
	background: var(--mm-panel); color: var(--mm-ink);
	border: 1px solid var(--mm-line); border-radius: 8px;
	padding: 12px 8px; width: 74px; font-variant-numeric: tabular-nums;
}
/* Tabs/Beschreibung */
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--mm-text); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--mm-ink); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 68ch; color: var(--mm-text); line-height: 1.65; }
.woocommerce div.product .woocommerce-tabs .panel h3 { color: var(--mm-ink); }

/* ================= Konfigurator ================= */
#mineomat-konfigurator {
	background: var(--mm-panel) !important;
	border: 1px solid rgba(255,255,255,.08) !important;
	border-radius: 8px !important; padding: 20px !important;
	color: var(--mm-ink);
}
#mineomat-konfigurator > p:first-child { font-weight: 600; font-size: 1.05em; }
#mineomat-konfigurator label {
	color: var(--mm-mute); font-size: 11px; font-weight: 600;
	letter-spacing: .12em; text-transform: uppercase;
	display: block; margin-bottom: 6px;
}
#mineomat-konfigurator label[for], #mineomat-konfigurator p label {
	text-transform: none; letter-spacing: 0; font-size: .95em; font-weight: 400;
	color: var(--mm-text); display: inline;
}
#mineomat-konfigurator select, #mineomat-konfigurator input[type="text"],
#mineomat-konfigurator input[type="email"], #mineomat-konfigurator textarea {
	background: var(--mm-black); color: var(--mm-ink);
	border: 1px solid var(--mm-line); border-radius: 8px; padding: 10px 12px;
	width: 100%; font-family: inherit; font-size: .95em;
}
#mineomat-konfigurator .button { background: var(--mm-orange); color: var(--mm-orange-ink); }

/* Ampel — semantische Statusfarben, warm gedämpft */
#mm-ampel { border-radius: 8px !important; padding: 12px 14px !important; line-height: 1.55; }
#mm-ampel[style*="edfaef"], #mm-ampel.mm-gruen {
	background: rgba(127,176,105,.12) !important; border: 1px solid var(--mm-ok) !important; color: var(--mm-ink) !important;
}
#mm-ampel[style*="fcf9e8"], #mm-ampel.mm-gelb {
	background: rgba(217,164,65,.12) !important; border: 1px solid var(--mm-warn) !important; color: var(--mm-ink) !important;
}
#mm-ampel[style*="fdeeee"], #mm-ampel.mm-rot {
	background: rgba(201,106,74,.12) !important; border: 1px solid var(--mm-err) !important; color: var(--mm-ink) !important;
}

/* ================= Warenkorb / Kasse (Block-Komponenten, dunkel) ================= */
.wc-block-components-sidebar-layout, .wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout { color: var(--mm-ink); }

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-block-components-quantity-selector,
.wc-block-components-totals-coupon__input input {
	background: var(--mm-panel) !important; color: var(--mm-ink) !important;
	border: 1px solid var(--mm-line) !important; border-radius: 8px !important;
}
.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-block-components-checkbox__label { color: var(--mm-text) !important; }

.wc-block-components-panel, .wc-block-components-order-summary,
.wc-block-cart-item, .wc-block-components-totals-wrapper {
	border-color: var(--mm-hair) !important;
}
.wc-block-components-product-name { color: var(--mm-ink) !important; font-weight: 500; }
.wc-block-components-product-price, .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-variant-numeric: tabular-nums;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--mm-orange); font-weight: 700; }

.wc-block-components-radio-control__option,
.wc-block-components-payment-method-label { color: var(--mm-ink); }
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option {
	background: var(--mm-panel); border: 1px solid var(--mm-hair); border-radius: 8px;
}

/* Quantity +/- */
.wc-block-components-quantity-selector input { background: transparent !important; color: var(--mm-ink) !important; }
.wc-block-components-quantity-selector button { color: var(--mm-text) !important; }

/* Mini-Cart-Drawer */
.wc-block-mini-cart__drawer { background: var(--mm-black) !important; color: var(--mm-ink); }
.wc-block-mini-cart__footer { border-top: 1px solid var(--mm-hair); }

/* ================= Hinweise / Notices ================= */
.woocommerce-message, .woocommerce-info,
.wc-block-components-notice-banner {
	background: var(--mm-panel) !important; color: var(--mm-ink) !important;
	border: 1px solid var(--mm-hair) !important; border-radius: 8px;
}
.wc-block-components-notice-banner.is-success { border-color: var(--mm-ok) !important; }
.wc-block-components-notice-banner.is-error { border-color: var(--mm-err) !important; }
.woocommerce-message a, .woocommerce-info a { color: var(--mm-orange); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--mm-orange); }

/* ================= Tabellen ================= */
.woocommerce table.shop_table { border: 1px solid var(--mm-hair); border-radius: 8px; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--mm-hair); }

/* ================= Breadcrumb / Meta ================= */
.woocommerce-breadcrumb { color: var(--mm-mute); font-size: .85em; }
.woocommerce-breadcrumb a { color: var(--mm-text); }

/* Ergebnis-Zähler/Sortierung im Shop dezent */
.woocommerce-result-count { color: var(--mm-mute); }
.woocommerce-ordering select {
	background: var(--mm-panel); color: var(--mm-ink);
	border: 1px solid var(--mm-line); border-radius: 8px; padding: 8px 10px;
}

/* ================= Header-Feinheiten ================= */
.wp-block-site-title a { text-decoration: none; }
.wc-block-mini-cart__button { color: var(--mm-ink); }

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ================= Lagerbestand ================= */
.woocommerce div.product .stock {
	font-size: 11px; font-weight: 600; letter-spacing: .12em;
	text-transform: uppercase; margin: 4px 0 14px;
}
.woocommerce div.product .stock.in-stock { color: var(--mm-ok); }
.woocommerce div.product .stock.out-of-stock { color: var(--mm-err); }

/* ================= Startseite: Produktwahl ================= */
.mm-kicker {
	font-size: 11px !important; font-weight: 600; letter-spacing: .14em;
	text-transform: uppercase; color: var(--mm-orange); margin-bottom: 4px;
}
.mm-panel {
	background: var(--mm-panel);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px; overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.mm-panel:hover { border-color: rgba(255,255,255,.18); box-shadow: 0 6px 24px rgba(0,0,0,.35); }
.mm-panel figure { margin: 0 0 16px; }
.mm-panel img { width: 100%; aspect-ratio: 3/2; object-fit: cover; display: block; background: rgba(255,255,255,.03); }
.mm-panel h2 { margin: 2px 0 6px; }
.mm-price {
	color: var(--mm-orange); font-weight: 700; font-size: 1.35em;
	font-variant-numeric: tabular-nums; margin: 10px 0 14px;
}
.mm-price-note { color: var(--mm-mute); font-size: .55em; font-weight: 400; letter-spacing: 0; }
.mm-trust { margin-top: 26px; }

/* ================= Produktseite entschlacken ================= */
.woocommerce div.product div.images { width: 42% !important; }
.woocommerce div.product div.summary { width: 54% !important; }
.woocommerce div.product .product_title { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.35em; }
@media (max-width: 768px) {
	.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; float: none; }
}

/* Katalog-Reste (sinnlos bei 2 Produkten) */
.woocommerce-result-count, .woocommerce-ordering { display: none !important; }

/* ================= Polish-Pass Startseite ================= */
/* Redundanten Seitentitel auf der Startseite ausblenden (Header traegt die Marke) */
.home .wp-block-post-title { display: none; }

/* Panels: gleiche Hoehe, Button unten buendig, Bild einheitlich beschnitten */
.mm-panel { display: flex; flex-direction: column; }
.mm-panel > figure { margin: 0 0 18px !important; }
.mm-panel img { aspect-ratio: 3/2 !important; object-fit: cover; }
.mm-panel > .wp-block-group { display: flex; flex-direction: column; flex: 1; }
.mm-panel .wp-block-buttons { margin-top: auto; padding-top: 8px; }
.mm-panel h2 a { color: var(--mm-ink); text-decoration: none; }

/* Rhythmus: Kicker naeher an H1, Subline mit Luft, Trust-Zeile mit Hairline */
.mm-kicker { margin-bottom: 2px !important; }
.mm-trust {
	border-top: 1px solid var(--mm-hair);
	padding-top: 22px; margin-top: 40px !important;
}

/* ================= Mobil-Durchgang ================= */
/* Konfigurator: mobil einspaltig (Inline-Grid ueberstimmen) */
@media (max-width: 640px) {
	#mineomat-konfigurator > div[style*="grid"] { grid-template-columns: 1fr !important; gap: 14px !important; }
	#mm-freitext input { width: 100% !important; margin-bottom: 8px; }
	.woocommerce div.product form.cart .quantity .qty { width: 64px; }
}

/* Produkt-Tabs: dunkel statt WC-Hellgrau (war hell-auf-hell unlesbar) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0 !important; margin: 0 0 1.2em !important;
	border-bottom: 1px solid var(--mm-hair);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent !important; border: none !important;
	border-radius: 0 !important; margin: 0 18px 0 0 !important; padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--mm-mute) !important; font-weight: 600 !important;
	padding: 10px 2px !important; display: inline-block;
	border-bottom: 2px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--mm-ink) !important;
	border-bottom-color: var(--mm-orange);
}

/* ================= Kasse: Germanized-Button-Loesung deduplizieren ================= */
/* Germanized klont Bestelluebersicht + Kauf-Button in .wc-gzd-checkout-submit
   (Uebersicht direkt ueber Button, § 312j). Die WC-Originale sollen dann weg —
   Germanizeds eigenes Hide-CSS matcht die WC-10-Klassen nicht. Nur ausblenden,
   wenn der gzd-Block wirklich existiert (:has). */
body:has(.wc-gzd-checkout-submit) .wc-block-checkout__sidebar > .wp-block-woocommerce-checkout-order-summary-block { display: none !important; }
body:has(.wc-gzd-checkout-submit) .wc-block-checkout__form .wc-block-checkout__actions { display: none !important; }

/* Natives Select (Land/Region) war weiss-auf-dunkel */
.wc-block-components-combobox select,
.wc-block-components-country-input select,
.wc-block-components-state-input select,
.wp-block-woocommerce-checkout select {
	background: var(--mm-panel) !important; color: var(--mm-ink) !important;
	border: 1px solid var(--mm-line) !important; border-radius: 8px !important;
}

/* Links in Notice-Bannern (z. B. "Warenkorb anzeigen") sichtbar orange */
.wc-block-components-notice-banner a { color: var(--mm-orange) !important; }

/* Links in allen Hinweis-Bannern deutlich sichtbar (z. B. "Warenkorb anzeigen") */
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a,
.wc-block-components-notice-banner a, a.wc-forward,
.wc-block-components-notice-banner .wc-block-components-button.is-link {
	color: var(--mm-orange) !important;
	font-weight: 600 !important;
	text-decoration-color: var(--mm-orange) !important;
	background: transparent !important;
}
.woocommerce-message a:hover, .wc-block-components-notice-banner a:hover, a.wc-forward:hover {
	color: var(--mm-orange-hover) !important;
}

/* "Warenkorb anzeigen" u. ae. Forward-Links = kleine Orange-Buttons */
.woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button,
.wc-block-components-notice-banner a.wc-forward, a.button.wc-forward {
	background: var(--mm-orange) !important;
	color: var(--mm-orange-ink) !important;
	padding: 8px 14px !important; border-radius: 6px !important;
	text-decoration: none !important; font-weight: 600 !important;
}

/* Notice-Banner-Forward-Button: WC-Core setzt rgb(47,47,47) mit spaeterem Load —
   volle Klassen-Kette noetig, um den Gleichstand zu brechen */
.wc-block-components-notice-banner .wc-block-components-notice-banner__content a.button.wc-forward,
.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content a.wc-forward,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content a.wp-element-button {
	background: var(--mm-orange) !important;
	color: var(--mm-orange-ink) !important;
	padding: 8px 14px !important; border-radius: 6px !important;
	text-decoration: none !important; font-weight: 600 !important;
	display: inline-block; margin-left: 8px;
}

/* Trust-Zeile am Kauf-Moment (Produktseite unter dem Button, Kasse unter dem Block) */
.mm-trust {
	color: var(--mm-mute); font-size: 13px; line-height: 1.5;
	margin: 14px 0 0; max-width: 46ch;
}
.wp-block-woocommerce-checkout ~ .mm-trust {
	text-align: center; max-width: none; margin: 6px auto 28px;
}
/* Germanized-Lieferzeit unterm Preis: dezent, nicht schreiend */
.woocommerce div.product .wc-gzd-additional-info,
.woocommerce div.product .delivery-time-info {
	color: var(--mm-text); font-size: .9em;
}

/* Stripe-iframe-Textbug (EPS/Klarna-Hinweis, Zeilen uebereinander):
   Stripe sampelt die Appearance von .wc-block-components-text-input —
   WC-Core setzt dort line-height:0 (Floating-Label-Trick), Stripe uebernimmt
   das ins iframe (.Text-Regel) → mehrzeilige Redirect-Hinweise kollabieren.
   Input/Label haben eigene line-heights, der Override ist layoutneutral. */
.wc-block-components-text-input {
	line-height: 1.5 !important;
}

/* ================= Paket-Builder (Miner zur Box) ================= */
.mm-paket {
	background: var(--mm-panel); border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px; padding: 20px; margin: 0 0 16px;
}
.mm-paket-titel { font-weight: 600; font-size: 1.05em; margin: 0 0 4px; color: var(--mm-ink); }
.mm-paket-titel span { font-weight: 400; color: var(--mm-mute); }
.mm-paket-hinweis { color: var(--mm-text); font-size: .92em; margin: 0 0 12px; }
.mm-paket-zeile {
	display: flex; align-items: center; gap: 14px;
	padding: 12px 0; border-top: 1px solid var(--mm-hair);
}
.mm-paket-bild img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; display: block; }
.mm-paket-info { flex: 1; min-width: 0; }
.mm-paket-info > a { color: var(--mm-ink); font-weight: 600; text-decoration: none; }
.mm-paket-info > a:hover { color: var(--mm-orange); }
.mm-paket-meta { display: block; color: var(--mm-mute); font-size: .88em; margin-top: 2px; }
.mm-paket-kabel {
	background: var(--mm-black); color: var(--mm-ink);
	border: 1px solid var(--mm-line); border-radius: 6px; padding: 2px 6px; font-size: .95em;
}
.mm-paket-qty {
	background: var(--mm-black); color: var(--mm-ink);
	border: 1px solid var(--mm-line); border-radius: 8px;
	padding: 10px 8px; width: 64px; text-align: center;
	font-variant-numeric: tabular-nums;
}
.mm-paket-summe {
	margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--mm-hair);
	color: var(--mm-orange); font-weight: 600;
}
.mm-paket-summe.mm-paket-fehler { color: var(--mm-err); }
@media (max-width: 600px) {
	.mm-paket-zeile { flex-wrap: wrap; }
	.mm-paket-bild img { width: 56px; height: 56px; }
}

/* Kategorie-Grid (Product-Collection-Block): einheitliche Kachelhoehen —
   Titel reserviert immer 2 Zeilen, damit Preis/Button/Meta ueber alle
   Kacheln auf einer Linie sitzen */
li.wc-block-product { display: flex; flex-direction: column; }
li.wc-block-product .wp-block-post-title {
	flex-grow: 1; /* Titel ist die dehnbare Zone — Preis/Button/Meta stehen unten buendig */
	line-height: 1.4;
}
li.wc-block-product .wc-block-components-product-button,
li.wc-block-product .wp-block-button {
	align-self: center;
}

/* Gebraucht-Vereinbarung (Checkbox, Produktseite + Paket-Builder) */
.mm-gebraucht label, .mm-paket-gebraucht {
	display: block; color: var(--mm-text); font-size: .88em;
	line-height: 1.5; margin-top: 6px;
}
.mm-gebraucht input, .mm-paket-gebraucht input { margin-right: 6px; }

/* Mobil: Abstands-Stapel ueber dem Hero reduzieren (Nici-Screenshot 19.07.) */
@media (max-width: 600px) {
	.home main { margin-top: 0 !important; }
	.home main .wp-block-group[style*="padding-top:56px"] { padding-top: 16px !important; }
}