/*! Nordwerk – Preisanzeige brutto/netto 1.3.0 (17.10.2026)
 * 1.3.0: Stil für den Shortcode [nw_mwst] (stil="hinweis").
 * 1.2.0: Stile des alten grünen Kippschalters (Footer, unter den Artikeln) entfernt; es gibt nur noch den Umschalter im Kopf.
 * 1.1.0: Umschalter im Kopf (Desktop) und als Leiste unter dem Kopf (Handy/Tablet).
 * Welche Darstellung sichtbar ist, steht als Inline-CSS dahinter (abhängig von der Grundeinstellung des Shops).
 */

/* Steuertext hinter dem Artikelpreis (im Shop per Zusätzlichem CSS ausgeblendet) */
.wts-vat-text { font-size: 80%; color: #747474; }

/* Shortcode [nw_mwst]: im Fließtext erbt er die Schrift; als Hinweis eigener Absatz in kleiner Schrift */
.nw-mwst--hinweis { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: #3F4C58; }
.nw-mwst a { color: #063F86; text-decoration: underline; text-underline-offset: 2px; }
.nw-mwst a:hover { color: #1D71B8; }

/* ------------------------------------------------------------------ Umschalter im Kopf (seit 1.1.0) */

/* Desktop: zwischen Suchfeld und Symbolleiste, gleiche Höhe wie die Symbole (26 px) mit Beschriftung darunter */
.nw-pa-kopf { display: flex; flex-direction: column; align-items: center; flex: 0 0 auto; align-self: center; margin: 0 8px 0 24px; }
.header-layout-6 .site-header-inner .site-search { min-width: 220px; }
.nw-pa-kopf .nw-pa-kopf__knoepfe,
.nw-pa-leiste .nw-pa-kopf__knoepfe { display: flex; border: 1px solid #063F86; border-radius: 4px; overflow: hidden; background: #fff; }
.nw-pa-kopf button.nw-pa-kopf__knopf,
.nw-pa-leiste button.nw-pa-kopf__knopf {
	-webkit-appearance: none; appearance: none; display: block; margin: 0; padding: 0 11px; height: 24px; min-height: 0; width: auto;
	border: 0; border-radius: 0; background: #fff; box-shadow: none; color: #063F86;
	font-family: inherit; font-size: 13px; font-weight: 600; line-height: 24px; letter-spacing: normal; text-transform: none; white-space: nowrap;
	cursor: pointer; transition: background-color .15s, color .15s;
}
.nw-pa-kopf button.nw-pa-kopf__knopf + button.nw-pa-kopf__knopf,
.nw-pa-leiste button.nw-pa-kopf__knopf + button.nw-pa-kopf__knopf { border-left: 1px solid #063F86; }
.nw-pa-kopf button.nw-pa-kopf__knopf:hover,
.nw-pa-leiste button.nw-pa-kopf__knopf:hover { background: #E6EDF3; color: #063F86; }
/* Aktiver Knopf aus der Klasse an <html> (steht schon vor dem ersten Zeichnen fest) */
html.nw-pa-incl .nw-pa-kopf__knopf[data-nw-pa="incl"],
html.nw-pa-excl .nw-pa-kopf__knopf[data-nw-pa="excl"],
html.nw-pa-incl .nw-pa-kopf__knopf[data-nw-pa="incl"]:hover,
html.nw-pa-excl .nw-pa-kopf__knopf[data-nw-pa="excl"]:hover { background: #063F86 !important; color: #fff !important; cursor: default; }
.nw-pa-kopf .nw-pa-kopf__label { display: block; font-size: 14px; line-height: 21px; color: #063F87; white-space: nowrap; }
.nw-pa-kurz { display: none; }

/* Schmaler Desktop: kurze Texte, Logo-Bereich etwas schmaler */
@media (min-width: 992px) and (max-width: 1199px) {
	.nw-pa-kopf .nw-pa-lang { display: none; }
	.nw-pa-kopf .nw-pa-kurz { display: inline; }
	.nw-pa-kopf { margin-left: 16px; }
	html.nw-pa-im-kopf .header-layout-6 .site-branding { flex-basis: 250px; }
}

/* Handy und Tablet: schmale Leiste direkt unter dem Kopf */
.nw-pa-leiste { display: none; }
@media (max-width: 991px) {
	.nw-pa-kopf { display: none; }
	.nw-pa-leiste { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 15px; background: #F3F6F9; border-bottom: 1px solid #E1E6EC; }
	.nw-pa-leiste .nw-pa-leiste__label { font-size: 14px; line-height: 1.3; color: #3F4C58; }
	.nw-pa-leiste button.nw-pa-kopf__knopf { height: 34px; line-height: 34px; padding: 0 13px; font-size: 14px; }
}
@media (max-width: 359px) {
	.nw-pa-leiste .nw-pa-lang { display: none; }
	.nw-pa-leiste .nw-pa-kurz { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
	.nw-pa-kopf button.nw-pa-kopf__knopf, .nw-pa-leiste button.nw-pa-kopf__knopf { transition: none; }
}
@media print {
	.nw-pa-kopf, .nw-pa-leiste { display: none !important; }
}