/* IZ "Mein Konto" (/mein-konto/ und Unterseiten) - Restyling Phase 0.
 *
 * Ueberfuehrt am 2026-08-08 aus dem Code-Snippets-Eintrag #210
 * ("IZ Mein Konto - Restyling (Phase 0)"), der dieses CSS per wp_head als
 * Inline-<style> ausgab. Geladen per wp_enqueue_style( 'iz-mein-konto', ... )
 * in functions.php, bedingt auf is_account_page().
 *
 * KEIN ZEICHENGLEICHES KOPIEREN, SONDERN NEUSCHRIEB (Gestaltungskatalog
 * Abschnitt 8, Schritt 2 und Regel 13): Das Snippet enthielt sieben
 * Hex-Literale und drei Schriftgroessen in px. Genau dieses Muster - Farbe als
 * Literal in immer neuen Dateien - hatte die drei verschiedenen Markenrots
 * entstehen lassen. Hier steht deshalb kein einziges Hex-Literal.
 *
 * --------------------------------------------------------------------------
 * FARBEN: Zuordnung der sieben Literale auf die Tokens aus css/iz-tokens.css
 * --------------------------------------------------------------------------
 *   #8b1a1a -> var(--iz-rot)          im Katalog, unveraenderte Farbe
 *   #6e1414 -> var(--iz-rot-hover)    im Katalog, unveraenderte Farbe
 *   #77685f -> var(--iz-text-muted)   im Katalog, unveraenderte Farbe
 *   #e7ddd0 -> var(--iz-border)       im Katalog, unveraenderte Farbe
 *   #f0e8dc -> var(--iz-border-soft)  im Katalog, unveraenderte Farbe
 *   #fff    -> var(--iz-weiss)        im Katalog, unveraenderte Farbe
 *
 * ZWEI Werte standen NICHT im Katalog und wurden nicht erfunden, sondern auf
 * vorhandene Tokens gefuehrt (Katalog Abschnitt 1 "Kein weiteres Grau" und
 * Abschnitt 8b.3 "13 Beigetoene lassen sich auf 3 reduzieren"). Kontraste
 * gemessen, nicht geschaetzt:
 *
 *   #3a332e -> var(--iz-text) (#241f1c)
 *      Textfarbe der inaktiven Kontonavigation.
 *      Kontrast auf Weiss:  12,40:1  ->  16,31:1  (wird besser)
 *
 *   #f2ece3 -> var(--iz-border-soft) (#f0e8dc)
 *      Hover-Flaeche der Kontonavigation. Einzelgaenger-Beige ohne
 *      Katalogeintrag; #f0e8dc ist der dezente Katalogton und optisch
 *      praktisch deckungsgleich.
 *      Kontrast Text auf Flaeche: 10,56:1 -> 13,42:1 (wird besser)
 *      OFFEN fuer Christian: Der Katalog vermerkt in 8b.3 selbst eine Luecke -
 *      #f7f3ed ist der meistgenutzte helle Flaechenton der Seite, hat aber
 *      keinen Token (Vorschlag --iz-flaeche). Waere er aufgenommen, gehoerte
 *      diese Hover-Flaeche fachlich dorthin. Ein Wortwechsel in dieser Datei.
 *
 * --------------------------------------------------------------------------
 * SCHRIFTGROESSEN: px -> Skala des Katalogs, Abschnitt 2
 * --------------------------------------------------------------------------
 * 🔴 GEMESSENER WIDERSPRUCH ZUM KATALOG (2026-08-08): Der Katalog nennt als
 * Basis 16px. Die tatsaechlich ausgelieferte Root-Schriftgroesse dieser Seite
 * ist aber 18px (getComputedStyle(document.documentElement).fontSize, gemessen
 * auf /shop/ und /mein-konto/orders/). Die Skala rechnet damit anders als im
 * Katalog angenommen. Die Umstellung auf die Skala vergroessert die Schrift
 * der Kontoseiten daher sichtbar:
 *
 *   14px -> 0.875rem (--fs-sm)  = 15,75px   (+1,75px, +12,5 %)
 *   11px -> 0.75rem  (--fs-xs)  = 13,50px   (+2,50px, +22,7 %)
 *   20px -> 1.125rem (--fs-md)  = 20,25px   (+0,25px, +1,4 %)
 *
 * Die Skala erlaubt keine Zwischenwerte ("Wer eine neunte Stufe braucht, hat
 * meist ein Layoutproblem"), ein Erhalt der alten px-Groessen waere also nur
 * durch Bruch der Skala moeglich gewesen. Umgesetzt ist die Skala; die
 * Vergroesserung ist die benannte Abweichung vom Bestand (Regel 16) und liegt
 * Christian zur Freigabe vor.
 *
 * Die Skalenstufen sind bewusst als rem-Literal geschrieben und nicht als
 * Variable: iz-tokens.css hinterlegt bislang nur die Farbtokens, die
 * Groessen-, Abstands- und Radienskalen sind laut Katalog Abschnitt 8 bewusst
 * noch nicht als Custom Properties angelegt. Sobald sie es sind, gehoeren die
 * drei Werte unten auf var(--fs-sm) / var(--fs-xs) / var(--fs-md).
 *
 * --------------------------------------------------------------------------
 * BEWUSST UNVERAENDERT UEBERNOMMEN (Regel 16: Umbau ist kein Neuentwurf)
 * --------------------------------------------------------------------------
 * - Radien 4px und 3px: beide katalogkonform (Abschnitt 4).
 * - Innenabstaende 10px/14px/18px/8px: liegen NICHT auf der 4px-Skala des
 *   Katalogs (Abschnitt 3). Bewusst nicht mitgeaendert - das waere ein
 *   zweiter, unbeauftragter Eingriff in dieselben Zeilen. Als Befund gemeldet.
 * - letter-spacing 0.05em am Tabellenkopf: der Katalog nennt fuer versal
 *   gesetzte Labels 0.08em. Ebenfalls als Befund gemeldet statt nebenbei
 *   geaendert.
 * - Der Selektor ".woocommerce-MyAccount-content > p:first-child" greift auf
 *   der Kontoseite NICHT (gemessen 2026-08-08: kein direktes erstes p-Kind
 *   vorhanden, der Begruessungssatz wird unveraendert dargestellt). Die Regel
 *   ist unwirksam und wurde trotzdem uebernommen, weil ihre Reparatur eine
 *   inhaltliche Aenderung waere, keine Ueberfuehrung. Als Befund gemeldet.
 */

/* Kontonavigation: Liste ohne Aufzaehlungszeichen, als Spalte mit festem Abstand. */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px; /* --sp-1 */
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	display: block;
	padding: 10px 14px;
	border-radius: 4px;
	color: var(--iz-text);
	text-decoration: none;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: 0.875rem; /* --fs-sm */
	font-weight: 600;
	transition: background 0.15s ease, color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
	background: var(--iz-border-soft);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--iz-rot);
	color: var(--iz-weiss);
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: 1.125rem; /* --fs-md */
	margin-bottom: 4px; /* --sp-1 */
}

.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--iz-rot);
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table th {
	text-align: left;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: 0.75rem; /* --fs-xs */
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--iz-text-muted);
	border-bottom: 1px solid var(--iz-border);
	padding: 10px 8px;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--iz-border-soft);
	font-size: 0.875rem; /* --fs-sm */
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
	background: var(--iz-rot);
	color: var(--iz-weiss);
	border-radius: 3px;
	border: none;
	padding: 10px 18px;
	font-family: OpenSans, Verdana, sans-serif;
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover {
	background: var(--iz-rot-hover);
}

/* ---- Eingabefelder ----
 * EINGEGRENZT AM 2026-08-10 BEIM BAU DER BLOECKE 30 UND 31 (Kaufstrecke,
 * Abschnitt 6). Der Bauplan verlangt fuer Block 30 ausdruecklich, vor dem
 * Abloesen von Snippet #210 "Regel fuer Regel gegenzupruefen, welche eine
 * Entsprechung im neuen CSS hat". Das ist hier geschehen:
 *
 * Die beiden folgenden Regelbloecke haben eine Entsprechung - Bauteil 01
 * (css/kauf/01-feld.css) gestaltet dieselben Felder vollstaendig und
 * katalogkonform. Sie wirkten aber weiter mit, weil ihre Spezifitaet
 * (0,4,1) hoeher ist als die des Bauteils (0,2,1): gemessen am 2026-08-10
 * setzte insbesondere "outline: none" den Fokusring aus Bauteil 01 wieder
 * ausser Kraft - also genau die WCAG-2.1-AA-Luecke (2.4.7), die Block 01
 * schliessen soll. Ein Gegen-!important oder ein hoeher gezogener
 * Selektor im Seitenblock waere ein Flicken auf einem Flicken (Regel 1).
 *
 * Deshalb werden die Regeln nicht ueberschrieben, sondern EINGEGRENZT:
 * Sie gelten unveraendert weiter - nur nicht mehr auf den beiden
 * Ansichten, die die Bloecke 30 und 31 uebernommen haben. Die
 * Koerperklassen dafuer sind gemessen, nicht angenommen (2026-08-10 am
 * gelieferten HTML): woocommerce-edit-address bzw. woocommerce-edit-account.
 *
 * Auf allen uebrigen Kontoansichten (Anmeldung, Registrierung,
 * Passwort vergessen, Zahlungsarten, Support) bleibt die Wirkung
 * zeichengleich. Die Regeln fuer Navigation, Tabellen, Verweise und
 * Knoepfe unten sind NICHT eingegrenzt - jene Bereiche baut kein Block
 * dieses Plans; sie loest der Kundenkonto-Plan ab. */
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content select,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content textarea {
	border: 1px solid var(--iz-border);
	border-radius: 4px;
	padding: 8px 10px;
	font-family: OpenSans, Verdana, sans-serif;
}

.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content select:focus {
	border-color: var(--iz-rot);
}

/* ---- Warum hier kein "outline: none" mehr steht ----
 * GESTRICHEN AM 2026-09-08 (A-0310). Die Regel darueber trug bis heute
 * zusaetzlich "outline: none". Das stammte aus dem abgeloesten Snippet #210
 * und hatte hier keinen eigenen Zweck - gewollt war der rote Rahmen, nicht
 * das Abschalten des Fokusrings.
 *
 * Wirkung, am 2026-09-08 am gerenderten Zustand gemessen: Mit ihrer
 * Spezifitaet 0-4-1 schlug sie jede allgemeine Fokusregel des Child-Themes.
 * Auf allen Kontoansichten ausser "Adressen" und "Konto bearbeiten" - also
 * Zahlungsarten, Bestellungen, Support - blieb der Tastatur-Fokusring
 * deshalb aus (WCAG 2.1 AA, 2.4.7). Nachgebaut und mit Gegenprobe belegt:
 * dasselbe Feld innerhalb des Containers ohne Ring, ausserhalb mit Ring.
 *
 * Nicht ueberschrieben, sondern an der Stelle entfernt, an der der Mangel
 * steht - ein Gegen-!important oder ein hoeher gezogener Selektor waere ein
 * Flicken auf einem Flicken; das sagt schon der Kommentar vom 2026-08-10
 * weiter oben. Der Ring kommt jetzt aus dem K-18-Block in style.css.
 *
 * ⚠️ NICHT AM ANGEMELDETEN KONTO GEPRUEFT: Von diesem Rechner besteht keine
 * angemeldete Sitzung; die Ansichten, die diese Regel betrifft, sind nur
 * angemeldet erreichbar. Gemessen ist die Kaskade am gelieferten CSS mit
 * einem nachgebauten Container, nicht die reale Kontoansicht. */

/* ---- Hinweiskasten ohne Abonnements: Knopf bricht mobil in den Text ----
 * AUFGENOMMEN AM 2026-08-31 nach einem Fund Christians am iPhone.
 *
 * Der Kasten kommt aus dem Subscriptions-Template
 * plugins/woocommerce-subscriptions/templates/myaccount/my-subscriptions.php,
 * Zeilen 73-83: ein <p class="woocommerce-info">, in dem Text und Knopf
 * Geschwister sind.
 *
 * Ursache, am Server gemessen -- WooCommerce-Kern-CSS
 * (plugins/woocommerce/assets/css/woocommerce.css):
 *   .woocommerce-info .button, .woocommerce-message .button { float: right }
 * Der gefloatete Knopf wird aus dem Textfluss genommen. Auf schmalem Schirm
 * reicht die Restbreite fuer den Satz nicht mehr, und der umbrechende
 * Knopftext legt sich ueber "Du hast keine aktiven Abonnements.".
 *
 * Nur der Float wird aufgehoben, nichts umgestaltet: ab 768px bleibt die
 * bestehende Darstellung unveraendert (Umbau ist kein Neuentwurf).
 * 767px ist der im Child-Theme durchgaengige Mobil-Breakpoint (30 Stellen).
 */

@media (max-width: 767px) {

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
		float: none;
		display: block;
		width: fit-content;
		margin-top: 12px;
	}
}

/* ---- Registrierung: Knopf unter das Formular, Sternchen in die Zeile ----
 * AUFGENOMMEN AM 2026-10-26 nach einem Fund Christians.
 *
 * Das Eltern-Theme (iz-2025/woocommerce.min.css, ab 768px) legt jedes
 * .woocommerce-form als Raster mit zwei Spalten an und setzt p:nth-child(4)
 * nach rechts. Im Anmeldeformular passt das, im Registrierformular landet
 * dadurch der Knopf rechts neben der Datenschutz-Zustimmung, und deren
 * Sternchen bricht in der schmalen Spalte allein in eine neue Zeile.
 *
 * Hier: Zustimmung ueber beide Spalten, Knopf darunter und linksbuendig,
 * wie "Anmelden" im Anmeldeformular.
 */

@media (min-width: 768px) {

	.woocommerce-account .entry-content .woocommerce .woocommerce-form.woocommerce-form-register > .wc-gzd-checkbox-placeholder {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.woocommerce-account .entry-content .woocommerce .woocommerce-form.woocommerce-form-register > p.form-row:last-child {
		grid-column: 1;
		grid-row: 3;
		justify-self: start;
	}
}

/* ---------------------------------------------------------------------------
 * Bauplan 4, Stufe A/B (IZ-Neustart, 27.10.2026): Zurück-Knopf, Bestellungen
 * nach Jahren, Erstbegrüßung, Kündigen-Knopf. Nur Tokens, kein Hex-Wert.
 * Rückweg: diesen Block entfernen.
 * ------------------------------------------------------------------------- */
.iz-konto-anrede { font-weight: 600; }
.iz-konto-zurueck { margin: 0 0 1rem; }
.iz-konto-zurueck a { text-decoration: none; }
.iz-bestell-jahr { margin: 0 0 1rem; border: 1px solid var(--iz-border); border-radius: 4px; }
.iz-bestell-jahr > summary { cursor: pointer; padding: .6rem .9rem; font-weight: 600; background: var(--iz-flaeche, var(--iz-border-soft)); }
.iz-bestell-jahr > table { margin: 0; }
.iz-bestell-anzahl { font-weight: 400; color: var(--iz-text-muted); }
.iz-konto-begruessung { margin: 1rem 0 1.5rem; padding: 1rem 1.25rem; border: 1px solid var(--iz-border); border-left: 4px solid var(--iz-rot); border-radius: 4px; background: var(--iz-weiss); }
.iz-konto-begruessung h2 { font-size: 1.1rem; margin: 0 0 .5rem; }
.iz-konto-begruessung ul { margin: 0 0 .8rem 1.1rem; }
.iz-abo-kuendigen, .iz-abo-kuendigen-formular { margin-left: .4rem; }
.iz-abo-gekuendigt { display: inline-block; margin-left: .4rem; color: var(--iz-text-muted); }
.iz-adresse-uebernehmen { margin: 0 0 1rem; }
.iz-adresse-hinweis, .iz-zahlarten-hinweis { color: var(--iz-text-muted); }

/* ---------------------------------------------------------------------------
 * Bauplan 4, Stufe C (IZ-Neustart, 27.10.2026): Seitenleiste in Gruppen mit
 * IZ+-Karte, Lesebereich der Übersicht (Weiterlesen, Neue Ausgabe, Meine
 * Bibliothek, Archivsuche) und Seite „Meine Bibliothek“. Nur Tokens, kein Hex-Wert.
 * Aktiver Punkt: roter Balken links + Fläche --iz-flaeche + aria-current
 * (nie nur Farbe). Rückweg: diesen Block entfernen.
 * ------------------------------------------------------------------------- */
.woocommerce-account .iz-konto-seitenleiste {
	display: flex;
	flex-direction: column;
	gap: var(--sp-4);
	text-align: left;
	font-family: OpenSans, Verdana, sans-serif;
}
.iz-konto-karte {
	padding: var(--sp-3) var(--sp-4);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.iz-konto-karte p { margin: 0; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte,
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__titel { text-align: left; }
.iz-konto-karte__marke {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	line-height: 1.2;
	color: var(--iz-rot);
}
.iz-konto-karte__status { font-weight: 600; font-size: var(--fs-sm); color: var(--iz-text); }
.iz-konto-karte__seit { font-size: var(--fs-sm); color: var(--iz-text-muted); }
.iz-konto-karte__seit a:link,
.iz-konto-karte__seit a:visited { color: var(--iz-rot); font-weight: 600; }
.iz-konto-nav { display: flex; flex-direction: column; }
.iz-konto-nav__titel {
	margin: var(--sp-4) 0 var(--sp-1);
	padding: 0 var(--sp-3);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.iz-konto-nav__titel:first-child { margin-top: 0; }
.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe--ende {
	margin-top: var(--sp-4);
	padding-top: var(--sp-2);
	border-top: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li { margin: 0; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--sp-3);
	border: 0;
	border-left: 3px solid transparent;
	border-radius: 0 var(--r-standard) var(--r-standard) 0;
	background: transparent;
	color: var(--iz-text);
	font-size: var(--fs-sm);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a:hover {
	background: var(--iz-flaeche);
	color: var(--iz-text);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a:focus-visible {
	outline: 2px solid var(--iz-rot);
	outline-offset: 2px;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a[aria-current="page"],
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li.is-active a {
	border-left-color: var(--iz-rot);
	background: var(--iz-flaeche);
	color: var(--iz-text);
}

/* Übersicht: Kacheln und Archivsuche */
.iz-konto-lesen {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	gap: var(--sp-4);
	margin-top: var(--sp-6);
}
.iz-konto-kachel {
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
	padding: var(--sp-4);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.iz-konto-kachel > * { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kachel__titel {
	margin: 0;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.iz-konto-kachel__bild img,
.iz-konto-kachel__titelseite img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-standard);
}
.iz-konto-kachel__bild img { aspect-ratio: 3 / 2; object-fit: cover; }
.iz-konto-kachel__titelseite img { max-width: 9rem; border: 1px solid var(--iz-border-soft); }
.iz-konto-kachel__ueberschrift {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-md);
	line-height: 1.3;
	text-wrap: balance;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kachel__ueberschrift a { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kachel__ueberschrift a:hover { color: var(--iz-rot); text-decoration: underline; }
.iz-konto-kachel__info { font-size: var(--fs-sm); color: var(--iz-text-muted); }
.iz-konto-kachel__zahlen { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--sp-6); font-size: var(--fs-sm); color: var(--iz-text-muted); }
.iz-konto-kachel__zahl { display: block; font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-xl); line-height: 1.1; color: var(--iz-text); font-variant-numeric: tabular-nums; }
.iz-konto-suche {
	margin-top: var(--sp-6);
	padding: var(--sp-4);
	background: var(--iz-flaeche);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.iz-konto-suche__label { display: block; margin-bottom: var(--sp-2); font-weight: 600; font-size: var(--fs-sm); color: var(--iz-text); }
.iz-konto-suche__zeile { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-suche__feld {
	flex: 1 1 12rem;
	min-width: 0;
	min-height: 44px;
	padding: 0 var(--sp-3);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	background: var(--iz-weiss);
	font: inherit;
	color: var(--iz-text);
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-suche__knopf { min-height: 44px; }

/* Seite „Meine Bibliothek“ */
.iz-bibliothek { display: flex; flex-direction: column; gap: var(--sp-6); }
.iz-bibliothek > * { margin: 0; }
.iz-bibliothek__intro { color: var(--iz-text-muted); }
.woocommerce-account .woocommerce-MyAccount-content .iz-bibliothek__liste h2 { margin: 0 0 var(--sp-2); font-size: var(--fs-lg); }
.iz-bibliothek__anzahl { color: var(--iz-text-muted); font-size: var(--fs-base); }
.iz-bibliothek__leer { margin: 0; color: var(--iz-text-muted); }
.iz-bibliothek__eintraege { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--iz-border); }
.iz-bibliothek__eintrag {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-2) var(--sp-4);
	padding: var(--sp-3) 0;
	border-bottom: 1px solid var(--iz-border-soft);
}
.iz-bibliothek__titel { flex: 1 1 16rem; font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-md); line-height: 1.3; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-bibliothek__titel { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-bibliothek__titel:hover { color: var(--iz-rot); text-decoration: underline; }
.iz-bibliothek__datum { font-size: var(--fs-sm); color: var(--iz-text-muted); font-variant-numeric: tabular-nums; }
.iz-bibliothek__aktionen { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.iz-bibliothek__form { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content button.iz-bibliothek__knopf {
	min-height: 44px;
	padding: 0 var(--sp-3);
	background: var(--iz-weiss);
	color: var(--iz-rot);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	font-size: var(--fs-sm);
	font-weight: 600;
	cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content button.iz-bibliothek__knopf:hover { border-color: var(--iz-rot); }
.woocommerce-account .woocommerce-MyAccount-content button.iz-bibliothek__knopf:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

/* Telefon: Menüpunkte als umbrechende Felder statt einer langen Spalte,
 * damit die Übersicht nicht erst nach zwölf Zeilen beginnt. 44px hoch bleibt. */
@media (max-width: 767px) {
	.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--sp-2);
	}
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a {
		padding: 0 var(--sp-3);
		border: 1px solid var(--iz-border);
		border-left-width: 3px;
		border-left-color: var(--iz-border);
		border-radius: var(--r-standard);
	}
	.iz-konto-nav__titel { margin-top: var(--sp-3); padding: 0; }
	.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe--ende { margin-top: var(--sp-3); padding-top: var(--sp-3); }
}

/* ---------------------------------------------------------------------------
 * Fassung 2 des Kundenkontos (IZ-Neustart, 27.10.2026 nachmittags).
 * Entscheidung Christian 27.10.2026: Kundenkonto Fassung 2, dunkle Seitenleiste
 * (Entwurf "IZ Mein Konto 2.jpg"); das Konto hebt sich bewusst von der übrigen
 * Seite ab. Links dunkle Leiste mit Symbolen, aktiver Punkt vollflächig rot,
 * unten die Karte „IZ+ Mitglied“; rechts heller Inhalt mit Kopf und Karten.
 * Am Telefon (bis 767px) wird die Leiste ein einklappbares Menü oben, die
 * Karten stehen untereinander. Nur Tokens, kein Hex-Wert. Neue Tokens
 * --iz-dunkel* in css/iz-tokens.css, Kontraste dort und in GESTALTUNG.md.
 * Rückweg: diesen Block bis zum Dateiende entfernen (dann gilt Stufe C) oder
 * private/sicherungen/konto-f2-20261027/vorher/ zurückkopieren.
 * ------------------------------------------------------------------------- */

/* ===== UMSCHALTSTELLE: Farben der Seitenleiste (nur hier) =====================
 * Alle Farben der Leiste (Fläche, Text, Linien, aktiver Punkt, IZ+-Karte,
 * Fokus) kommen ausschließlich aus diesen Variablen. Zum Umschalten auf HELL:
 * den Block „DUNKEL“ auskommentieren und den Block „HELL“ darunter aktivieren.
 * Sonst muss nichts geändert werden. */
.woocommerce-account {
	/* DUNKEL (gilt, Fassung 2) */
	--iz-konto-leiste-flaeche: var(--iz-dunkel);
	--iz-konto-leiste-text: var(--iz-dunkel-text);
	--iz-konto-leiste-text-gedaempft: var(--iz-dunkel-text-gedaempft);
	--iz-konto-leiste-linie: var(--iz-dunkel-linie);
	--iz-konto-leiste-hover: var(--iz-dunkel-erhoeht);
	--iz-konto-leiste-aktiv-flaeche: var(--iz-rot);
	--iz-konto-leiste-aktiv-text: var(--iz-weiss);
	--iz-konto-leiste-aktiv-balken: var(--iz-weiss);
	--iz-konto-leiste-karte-flaeche: var(--iz-dunkel-erhoeht);
	--iz-konto-leiste-karte-rand: var(--iz-dunkel-linie);
	--iz-konto-leiste-fokus: var(--iz-weiss);
	/* HELL (Rückfall, wie Stufe C mit vollflächig rotem aktivem Punkt)
	--iz-konto-leiste-flaeche: var(--iz-weiss);
	--iz-konto-leiste-text: var(--iz-text);
	--iz-konto-leiste-text-gedaempft: var(--iz-text-muted);
	--iz-konto-leiste-linie: var(--iz-border);
	--iz-konto-leiste-hover: var(--iz-flaeche);
	--iz-konto-leiste-aktiv-flaeche: var(--iz-rot);
	--iz-konto-leiste-aktiv-text: var(--iz-weiss);
	--iz-konto-leiste-aktiv-balken: var(--iz-rot-hover);
	--iz-konto-leiste-karte-flaeche: var(--iz-flaeche);
	--iz-konto-leiste-karte-rand: var(--iz-border);
	--iz-konto-leiste-fokus: var(--iz-rot);
	*/
}
/* ===== Ende der Umschaltstelle ============================================ */

/* Raster: Leiste links (feste Breite), Inhalt rechts. Nur angemeldet (die Leiste
 * gibt es nur dann); Anmelde- und Registrierformular bleiben unberührt. */
@media (min-width: 768px) {
	.iz-pagebody--myacc .entry-content .woocommerce:has(> .iz-konto-seitenleiste) {
		display: grid;
		grid-template-columns: 16rem minmax(0, 1fr);
		gap: var(--sp-8);
		align-items: stretch;
	}
	.iz-pagebody--myacc .entry-content .woocommerce:has(> .iz-konto-seitenleiste) > .woocommerce-MyAccount-navigation {
		grid-column: 1;
		grid-row: 1;
	}
	.iz-pagebody--myacc .entry-content .woocommerce:has(> .iz-konto-seitenleiste) > .woocommerce-MyAccount-content {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
	}
}

/* --- Seitenleiste --- */
.woocommerce-account .iz-konto-seitenleiste {
	display: flex;
	flex-direction: column;
	background: var(--iz-konto-leiste-flaeche);
	color: var(--iz-konto-leiste-text);
	border: 1px solid var(--iz-konto-leiste-linie);
	border-radius: var(--r-standard);
}
.woocommerce-account .iz-konto-leiste {
	display: flex;
	flex-direction: column;
	gap: var(--sp-4);
	padding: var(--sp-4) 0;
}
.woocommerce-account .iz-konto-leiste[open] { display: flex; }
.woocommerce-account .iz-konto-leiste__kopf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-3);
	min-height: 44px;
	padding: 0 var(--sp-4);
	list-style: none;
	cursor: default;
}
.woocommerce-account .iz-konto-leiste__kopf::-webkit-details-marker { display: none; }
.woocommerce-account .iz-konto-leiste__marke {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-3);
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	line-height: 1.2;
	color: var(--iz-konto-leiste-text);
}
.woocommerce-account .iz-konto-leiste__marke .ti { font-size: var(--fs-lg); }
.woocommerce-account .iz-konto-leiste__menueknopf { display: none; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav { display: flex; flex-direction: column; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe {
	list-style: none;
	margin: 0;
	padding: var(--sp-2) 0;
	gap: 0;
	border-top: 1px solid var(--iz-konto-leiste-linie);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe--lesen { border-top: 0; padding-top: 0; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav ul.iz-konto-nav__gruppe--ende { margin-top: 0; padding-top: var(--sp-2); border-top: 1px solid var(--iz-konto-leiste-linie); }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li { margin: 0; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	min-height: 44px;
	padding: 0 var(--sp-4);
	border: 0;
	border-left: 4px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--iz-konto-leiste-text);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a .ti {
	flex: 0 0 auto;
	width: 1.25rem;
	font-size: var(--fs-md);
	text-align: center;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a:link,
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a:visited { color: var(--iz-konto-leiste-text); }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a:hover {
	background: var(--iz-konto-leiste-hover);
	color: var(--iz-konto-leiste-text);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a:focus-visible,
.woocommerce-account .iz-konto-leiste__kopf:focus-visible,
.woocommerce-account .iz-konto-karte a:focus-visible {
	outline: 2px solid var(--iz-konto-leiste-fokus);
	outline-offset: -2px;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a[aria-current="page"],
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li.is-active a {
	border-left-color: var(--iz-konto-leiste-aktiv-balken);
	background: var(--iz-konto-leiste-aktiv-flaeche);
	color: var(--iz-konto-leiste-aktiv-text);
	font-weight: 600;
}
/* IZ+-Karte unten in der Leiste */
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte {
	margin: auto var(--sp-4) var(--sp-4);
	padding: var(--sp-4);
	background: var(--iz-konto-leiste-karte-flaeche);
	border: 1px solid var(--iz-konto-leiste-karte-rand);
	border-radius: var(--r-standard);
	color: var(--iz-konto-leiste-text);
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte__marke {
	display: flex;
	align-items: center;
	gap: var(--sp-2);
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	color: var(--iz-konto-leiste-text);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte__marke .ti { color: var(--iz-konto-leiste-aktiv-flaeche); }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte__seit,
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte__dank {
	font-size: var(--fs-sm);
	line-height: 1.5;
	color: var(--iz-konto-leiste-text-gedaempft);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte__seit { color: var(--iz-konto-leiste-text); }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte a:link,
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte a:visited { color: var(--iz-konto-leiste-text); font-weight: 600; text-decoration: underline; }

/* --- Inhalt: Schrift wie im Entwurf: Text und Bedienelemente OpenSans, Überschriften Garamond --- */
.woocommerce-account .iz-konto-kopf,
.woocommerce-account .iz-konto-block {
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	line-height: 1.5;
}

/* --- Inhalt: Kopf --- */
.woocommerce-account .iz-konto-kopf {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--sp-4) var(--sp-8);
}
.woocommerce-account .iz-konto-kopf p { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kopf__titel {
	margin: 0 0 var(--sp-1);
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-xl);
	font-weight: 400;
	line-height: 1.2;
	text-wrap: balance;
	color: var(--iz-text);
}
.woocommerce-account .iz-konto-kopf__unterzeile { color: var(--iz-text-muted); }
.woocommerce-account .iz-konto-kopf__status {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--sp-1);
	text-align: right;
}
.woocommerce-account .iz-konto-kopf__aktiv {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	font-weight: 600;
	color: var(--iz-text);
}
.woocommerce-account .iz-konto-kopf__aktiv .ti { color: var(--iz-rot); font-size: var(--fs-md); }
.woocommerce-account .iz-konto-kopf__status .iz-konto-knopf { margin-top: var(--sp-2); }

/* --- Inhalt: Karten --- */
.woocommerce-account .iz-konto-block {
	padding: var(--sp-6);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.woocommerce-account .iz-konto-block > * + * { margin-top: var(--sp-4); }
.woocommerce-account .iz-konto-block p { margin: 0; }
.woocommerce-account .iz-konto-block__kopf {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sp-2) var(--sp-4);
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block__titel {
	margin: 0;
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	font-weight: 400;
	line-height: 1.25;
	color: var(--iz-text);
}
.woocommerce-account .iz-konto-block__unterzeile,
.woocommerce-account .iz-konto-info { font-size: var(--fs-sm); color: var(--iz-text-muted); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-pfeil {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	min-height: 44px;
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--iz-rot);
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-pfeil:hover { color: var(--iz-rot-hover); text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-knopf {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	min-height: 44px;
	padding: 0 var(--sp-4);
	background: var(--iz-rot);
	color: var(--iz-weiss);
	border: 1px solid var(--iz-rot);
	border-radius: var(--r-klein);
	font-size: var(--fs-sm);
	font-weight: 600;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-knopf:hover { background: var(--iz-rot-hover); border-color: var(--iz-rot-hover); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-knopf--rahmen {
	background: var(--iz-weiss);
	color: var(--iz-text);
	border-color: var(--iz-border);
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-knopf--rahmen:hover { background: var(--iz-flaeche); border-color: var(--iz-rot); color: var(--iz-text); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-pfeil:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-knopf:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-fach:focus-visible {
	outline: 2px solid var(--iz-rot);
	outline-offset: 2px;
}
.woocommerce-account .iz-konto-raster {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
	gap: var(--sp-4);
}
.woocommerce-account .iz-konto-raster > li { margin: 0; }

/* Meine Bibliothek: Fächer */
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-fach {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-1);
	height: 100%;
	padding: var(--sp-4) var(--sp-3);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	text-align: center;
	text-decoration: none;
	color: var(--iz-text);
	font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-fach:hover { border-color: var(--iz-rot); background: var(--iz-flaeche); }
.woocommerce-account .iz-konto-fach__symbol { font-size: var(--fs-xl); color: var(--iz-rot); }
.woocommerce-account .iz-konto-fach__name { font-weight: 600; font-size: var(--fs-sm); }
.woocommerce-account .iz-konto-fach__zahl { font-size: var(--fs-sm); color: var(--iz-text-muted); font-variant-numeric: tabular-nums; }

/* Weiterlesen */
.woocommerce-account .iz-konto-weiterlesen {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	gap: var(--sp-6);
	align-items: center;
}
.woocommerce-account .iz-konto-weiterlesen__bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: var(--r-standard);
}
.woocommerce-account .iz-konto-weiterlesen__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-2); }
.woocommerce-account .iz-konto-rubrik {
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.woocommerce-account .iz-konto-weiterlesen__titel {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	line-height: 1.25;
	text-wrap: balance;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-weiterlesen__titel a { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-weiterlesen__titel a:hover { color: var(--iz-rot); text-decoration: underline; }

/* Neue Ausgabe */
.woocommerce-account .iz-konto-ausgabe {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: var(--sp-6);
}
.woocommerce-account .iz-konto-ausgabe__haupt,
.woocommerce-account .iz-konto-ausgabe__frueher { display: flex; flex-direction: column; gap: var(--sp-4); }
.woocommerce-account .iz-konto-ausgabe__frueher { padding-left: var(--sp-6); border-left: 1px solid var(--iz-border-soft); }
.woocommerce-account .iz-konto-ausgabe__frueher .iz-konto-block__titel { font-size: var(--fs-base); font-family: OpenSans, Verdana, sans-serif; font-weight: 600; }
.woocommerce-account .iz-konto-ausgabe__inhalt {
	display: grid;
	grid-template-columns: 9rem minmax(0, 1fr);
	gap: var(--sp-6);
	align-items: start;
}
.woocommerce-account .iz-konto-ausgabe__text { display: flex; flex-direction: column; gap: var(--sp-2); }
.woocommerce-account .iz-konto-ausgabe__titel { font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-lg); line-height: 1.25; }
.woocommerce-account .iz-konto-ausgabe__kurz { font-size: var(--fs-sm); line-height: 1.5; }
.woocommerce-account .iz-konto-ausgabe__text p:last-child { margin-top: var(--sp-2); }
.woocommerce-account .iz-konto-titelseite { display: block; }
.woocommerce-account .iz-konto-titelseite img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.woocommerce-account .iz-konto-titelseite__leer {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 4;
	background: var(--iz-flaeche);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	color: var(--iz-rot);
}
.woocommerce-account .iz-konto-ausgabe__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--sp-3);
}
.woocommerce-account .iz-konto-ausgabe__liste li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-ausgabe__liste a {
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
	color: var(--iz-text);
	font-weight: 400;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-ausgabe__liste a:hover .iz-konto-ausgabe__nummer { color: var(--iz-rot); text-decoration: underline; }
.woocommerce-account .iz-konto-ausgabe__nummer { font-size: var(--fs-sm); text-align: center; font-variant-numeric: tabular-nums; }

/* Archivsuche (überschreibt die Fläche aus Stufe C: hier eine Karte wie die übrigen) */
.woocommerce-account .iz-konto-block--suche .iz-konto-suche { margin: 0; padding: 0; background: none; border: 0; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-suche__knopf { display: inline-flex; align-items: center; gap: var(--sp-2); }

/* Abo & Konto: vier Felder */
.woocommerce-account .iz-konto-raster--abo { grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); }
.woocommerce-account .iz-konto-feld {
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
	padding: var(--sp-4);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.woocommerce-account .iz-konto-feld > .iz-konto-pfeil { margin-top: auto; }
.woocommerce-account .woocommerce-MyAccount-content h3.iz-konto-feld__titel {
	margin: 0;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--iz-text);
}
.woocommerce-account .iz-konto-feld__text { margin: 0; font-size: var(--fs-sm); line-height: 1.5; font-style: normal; color: var(--iz-text); }
.woocommerce-account .iz-konto-feld__text--stark { font-weight: 600; }
.woocommerce-account .iz-konto-feld__datum { display: flex; gap: var(--sp-2); align-items: flex-start; font-size: var(--fs-sm); line-height: 1.5; }
.woocommerce-account .iz-konto-feld__datum .ti { font-size: var(--fs-md); color: var(--iz-text-muted); }
.woocommerce-account .iz-konto-marke {
	display: inline-block;
	padding: var(--sp-1) var(--sp-2);
	background: var(--iz-flaeche);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-klein);
	font-size: var(--fs-xs);
	font-weight: 600;
	color: var(--iz-text);
}

/* Abstände zwischen den Karten der Übersicht */
.woocommerce-account .woocommerce-MyAccount-content > .iz-konto-block,
.woocommerce-account .woocommerce-MyAccount-content > .iz-konto-begruessung { margin-top: var(--sp-6); }

/* --- Telefon: Leiste oben als einklappbares Menü, Karten untereinander --- */
@media (max-width: 767px) {
	.woocommerce-account .iz-konto-seitenleiste { margin-bottom: var(--sp-6); }
	.woocommerce-account .iz-konto-leiste { padding: var(--sp-2) 0; gap: var(--sp-2); }
	.woocommerce-account .iz-konto-leiste__kopf { cursor: pointer; }
	.woocommerce-account .iz-konto-leiste__menueknopf {
		display: inline-flex;
		align-items: center;
		gap: var(--sp-2);
		min-height: 44px;
		padding: 0 var(--sp-3);
		border: 1px solid var(--iz-konto-leiste-linie);
		border-radius: var(--r-standard);
		font-size: var(--fs-sm);
		font-weight: 600;
		color: var(--iz-konto-leiste-text);
	}
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav ul.iz-konto-nav__gruppe {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 0;
	}
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a {
		border: 0;
		border-left: 4px solid transparent;
		border-radius: 0;
	}
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li a[aria-current="page"],
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav .iz-konto-nav__gruppe li.is-active a { border-left-color: var(--iz-konto-leiste-aktiv-balken); }
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte { margin: 0 var(--sp-4) var(--sp-4); }
	.woocommerce-account .iz-konto-leiste:not([open]) + .iz-konto-karte { display: none; }
	.woocommerce-account .iz-konto-kopf__status { align-items: flex-start; text-align: left; }
	.woocommerce-account .iz-konto-block { padding: var(--sp-4); }
	.woocommerce-account .iz-konto-weiterlesen,
	.woocommerce-account .iz-konto-ausgabe { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account .iz-konto-ausgabe__frueher { padding-left: 0; padding-top: var(--sp-4); border-left: 0; border-top: 1px solid var(--iz-border-soft); }
	.woocommerce-account .iz-konto-ausgabe__inhalt { grid-template-columns: 6.5rem minmax(0, 1fr); gap: var(--sp-4); }
	.woocommerce-account .iz-konto-raster--bibliothek { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
	.woocommerce-account .iz-konto-raster--abo { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.woocommerce-account .iz-konto-seitenleiste * { transition: none; }
}

/* ---------------------------------------------------------------------------
 * Fassung 2, Punkt „Bestellungen“ (IZ-Neustart, ENTWURF 27.10.2026, noch nicht freigegeben).
 * Bestellliste als Karten nach Jahren, Statusmarken (Text + Symbol + Rahmen, nie nur Farbe),
 * Knopf „Rechnung (PDF)“, Bestellansicht mit Kopf, Positionen, Adressen und Zahlung,
 * Rechnungen und Belege. Vorlagen: woocommerce/myaccount/orders.php, view-order.php,
 * woocommerce/order/order-details.php, order-details-customer.php, storeabill/myaccount/download.php;
 * Bausteine: iz-woocommerce-logic/inc/konto-bestellungen.php.
 * Nur Tokens, kein Hex-Wert. Rückweg: diesen Block bis zum Dateiende entfernen.
 * ------------------------------------------------------------------------- */

/* --- Gemeinsame Schrift wie in den Karten der Übersicht --- */
.woocommerce-account .iz-jahre,
.woocommerce-account .iz-bestelljahr,
.woocommerce-account .iz-abos,
.woocommerce-account .iz-historie,
.woocommerce-account .iz-bestell-zusatz,
.woocommerce-account .iz-konto-zurueck {
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	line-height: 1.5;
}

/* --- Zurück-Knopf (kommt aus konto-uebersicht.php) als Pfeilverweis mit 44px Ziel --- */
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-zurueck { margin: 0 0 var(--sp-2); }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-zurueck a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--iz-rot);
	font-weight: 600;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-zurueck a:hover { color: var(--iz-rot-hover); text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-zurueck a:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

/* --- Statusmarke --- */
.woocommerce-account .iz-status {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-1);
	padding: var(--sp-1) var(--sp-2);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-klein);
	background: var(--iz-weiss);
	color: var(--iz-text);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}
.woocommerce-account .iz-status .ti { font-size: var(--fs-sm); }
/* Erledigt: helle Fläche, Text 14,75:1 */
.woocommerce-account .iz-status--erledigt { background: var(--iz-flaeche); }
/* Zu tun für den Kunden (Zahlung offen, fehlgeschlagen, wartet): Rot als Rahmen und Text, nicht als Fläche */
.woocommerce-account .iz-status--offen { border-color: var(--iz-rot); color: var(--iz-rot); }
/* Beendet (storniert, erstattet): gedämpft auf Weiß */
.woocommerce-account .iz-status--ende { border-color: var(--iz-border-soft); color: var(--iz-text-muted); }

/* --- Bestellliste: Jahre als Kacheln nebeneinander, darunter das gewählte Jahr als Karte --- */
.woocommerce-account .iz-jahre { margin-top: var(--sp-6); }
.woocommerce-account .iz-jahre__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
	gap: var(--sp-3);
}
.woocommerce-account .iz-jahre__liste li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-jahre__kachel {
	display: flex;
	flex-direction: column;
	gap: var(--sp-1);
	min-height: 44px;
	padding: var(--sp-3) var(--sp-4);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	color: var(--iz-text);
	font-family: OpenSans, Verdana, sans-serif;
	font-weight: 400;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-jahre__kachel:hover { border-color: var(--iz-rot); background: var(--iz-flaeche); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-jahre__kachel:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
/* Gewähltes Jahr: Rahmen und Balken unten in Rot plus Fläche und aria-current (nie nur Farbe) */
.woocommerce-account .woocommerce-MyAccount-content a.iz-jahre__kachel[aria-current] {
	background: var(--iz-flaeche);
	border-color: var(--iz-rot);
	box-shadow: inset 0 -3px 0 var(--iz-rot);
}
.woocommerce-account .iz-jahre__jahr {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}
.woocommerce-account .iz-jahre__anzahl { font-size: var(--fs-xs); color: var(--iz-text-muted); }
.woocommerce-account .iz-jahre__kachel[aria-current] .iz-jahre__anzahl { color: var(--iz-text); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestelljahr { scroll-margin-top: var(--sp-6); }
.woocommerce-account .iz-bestellungen {
	list-style: none;
	margin: var(--sp-4) 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
}

/* --- Eine Bestellung --- */
.woocommerce-account .iz-bestellung {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"haupt summe"
		"aktionen aktionen";
	gap: var(--sp-3) var(--sp-6);
	margin: 0;
	padding: var(--sp-4);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	background: var(--iz-weiss);
}
.woocommerce-account .iz-bestellung p { margin: 0; }
.woocommerce-account .iz-bestellung__haupt { grid-area: haupt; display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.woocommerce-account .iz-bestellung__meta,
.woocommerce-account .iz-bestellung__info { color: var(--iz-text-muted); font-variant-numeric: tabular-nums; }
.woocommerce-account .iz-bestellung__meta { display: flex; flex-wrap: wrap; gap: 0 var(--sp-2); }
.woocommerce-account .iz-bestellung__meta time { color: var(--iz-text); font-weight: 600; }
.woocommerce-account .iz-bestellung__meta time + .iz-bestellung__nummer::before { content: "·"; margin-right: var(--sp-2); }
.woocommerce-account .woocommerce-MyAccount-content h3.iz-bestellung__produkte {
	margin: 0;
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-md);
	font-weight: 400;
	line-height: 1.3;
	text-wrap: balance;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-bestellung__produkte a:link,
.woocommerce-account .woocommerce-MyAccount-content .iz-bestellung__produkte a:visited { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content .iz-bestellung__produkte a:hover { color: var(--iz-rot); text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content .iz-bestellung__produkte a:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

.woocommerce-account .iz-bestellung__summe {
	grid-area: summe;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--sp-2);
	text-align: right;
}
.woocommerce-account .iz-bestellung__betrag,
.woocommerce-account .iz-bestellkopf .iz-konto-kopf__unterzeile .amount {
	font-variant-numeric: tabular-nums;
}
.woocommerce-account .iz-bestellung__betrag {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	line-height: 1.2;
	color: var(--iz-text);
	white-space: nowrap;
}
.woocommerce-account .iz-bestellung--cancelled .iz-bestellung__betrag,
.woocommerce-account .iz-bestellung--refunded .iz-bestellung__betrag { color: var(--iz-text-muted); text-decoration: line-through; }

.woocommerce-account .iz-bestellung__aktionen {
	grid-area: aktionen;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-2) var(--sp-4);
	padding-top: var(--sp-3);
	border-top: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-bestellung__knoepfe { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.woocommerce-account .iz-bestellung__belege { color: var(--iz-text-muted); font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-konto-knopf .ti { font-size: var(--fs-md); }

.woocommerce-account .iz-keine-rechnung { color: var(--iz-text-muted); font-size: var(--fs-xs); }
.woocommerce-account .woocommerce-MyAccount-content .iz-keine-rechnung a:link,
.woocommerce-account .woocommerce-MyAccount-content .iz-keine-rechnung a:visited { color: var(--iz-rot); font-weight: 600; text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content .iz-keine-rechnung a:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

/* --- Bestellansicht: Kopf --- */
.woocommerce-account .iz-bestellkopf__status {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--sp-2);
	text-align: right;
}
.woocommerce-account .iz-bestellkopf__status .iz-bestellung__knoepfe { justify-content: flex-end; }

/* --- Bestellansicht: Abstand Titel → Inhalt in den Karten (gegen margin: 0 der Listen/Tabellen) --- */
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block > .iz-konto-block__titel.woocommerce-order-details__title {
	padding: 0;
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block > table.iz-positionen,
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block > .iz-konto-raster,
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block > .iz-belege__liste,
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block > .iz-bestell-verlauf__liste { margin-top: var(--sp-4); }

/* --- Bestellansicht: Positionen und Summen --- */
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-family: OpenSans, Verdana, sans-serif;
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen th,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen td {
	padding: var(--sp-3) 0;
	border: 0;
	border-bottom: 1px solid var(--iz-border-soft);
	background: none;
	font-size: var(--fs-sm);
	vertical-align: top;
	text-align: left;
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen thead,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tr { background: none; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen thead th {
	padding-top: 0;
	border-bottom-color: var(--iz-border);
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen .product-total,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot td {
	padding-left: var(--sp-4);
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tbody .product-name {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-md);
	line-height: 1.35;
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tbody .product-name a:link,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tbody .product-name a:visited { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tbody .product-name a:hover { color: var(--iz-rot); text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen .product-quantity { font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-sm); font-weight: 600; color: var(--iz-text-muted); }
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen .wc-item-meta,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tbody .product-name p,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tbody .product-name .wc-gzd-item-attributes {
	margin: var(--sp-1) 0 0;
	padding: 0;
	list-style: none;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	color: var(--iz-text-muted);
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen .wc-item-meta li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen .wc-item-meta p { display: inline; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot th {
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	color: var(--iz-text);
}
/* Steuerzeilen nach der Gesamtsumme (Germanized „inkl. … MwSt.“): klein und gedämpft */
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot .iz-positionen__summe--order_total ~ tr th,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot .iz-positionen__summe--order_total ~ tr td {
	padding-top: 0;
	border-bottom: 0;
	font-size: var(--fs-xs);
	color: var(--iz-text-muted);
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot .iz-positionen__summe--order_total th,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot .iz-positionen__summe--order_total td {
	border-top: 1px solid var(--iz-border);
	border-bottom: 0;
	font-weight: 600;
	font-size: var(--fs-base);
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot .iz-positionen__summe--order_total td .amount {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot .includes_tax,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot small {
	display: block;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 400;
	color: var(--iz-text-muted);
}
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot tr:last-child th,
.woocommerce-account .woocommerce-MyAccount-content table.iz-positionen tfoot tr:last-child td { border-bottom: 0; padding-bottom: 0; }

/* Zusätze nach der Tabelle (z. B. „Zugehöriges Abonnement“ aus WooCommerce Subscriptions) als eigene Karte, nur wenn vorhanden */
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz:not(:has(*)) { display: none; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz {
	margin-top: var(--sp-6);
	padding: var(--sp-6);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	overflow-x: auto;
}
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz h2 {
	margin: 0 0 var(--sp-4);
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	font-weight: 400;
	line-height: 1.25;
	color: var(--iz-text);
}
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz table.shop_table { margin: 0; border: 0; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz a.button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--sp-4);
	background: var(--iz-weiss);
	color: var(--iz-text);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-klein);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz a.button:hover { background: var(--iz-flaeche); border-color: var(--iz-rot); }
.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz a.button:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

/* --- Bestellansicht: Adressen und Zahlung --- */
.woocommerce-account .iz-bestell-adressen .iz-konto-feld__titel { display: flex; align-items: center; gap: var(--sp-2); }
.woocommerce-account .iz-bestell-adressen .iz-konto-feld__titel .ti { font-size: var(--fs-md); color: var(--iz-rot); }
.woocommerce-account .iz-bestell-adressen address { margin: 0; }
.woocommerce-account .iz-bestell-adressen__zusatz { display: block; margin-top: var(--sp-2); color: var(--iz-text-muted); overflow-wrap: anywhere; }

/* --- Bestellansicht: Rechnungen und Belege --- */
.woocommerce-account .iz-belege__liste { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .iz-beleg {
	display: flex;
	align-items: center;
	gap: var(--sp-3) var(--sp-4);
	margin: 0;
	padding: var(--sp-3) 0;
	border-top: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-beleg:first-child { border-top: 0; padding-top: 0; }
.woocommerce-account .iz-beleg:last-child { padding-bottom: 0; }
.woocommerce-account .iz-beleg__symbol { flex: 0 0 auto; font-size: var(--fs-lg); color: var(--iz-rot); }
.woocommerce-account .iz-beleg--storniert .iz-beleg__symbol,
.woocommerce-account .iz-beleg--storno .iz-beleg__symbol { color: var(--iz-text-muted); }
.woocommerce-account .iz-beleg__text { flex: 1 1 auto; min-width: 0; }
.woocommerce-account .iz-beleg__name { font-weight: 600; color: var(--iz-text); }
.woocommerce-account .iz-beleg .iz-konto-info { font-variant-numeric: tabular-nums; }

/* --- Bestellansicht: Mitteilungen --- */
.woocommerce-account .iz-bestell-verlauf__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
.woocommerce-account .iz-bestell-verlauf__eintrag { margin: 0; padding-left: var(--sp-3); border-left: 3px solid var(--iz-border); }
.woocommerce-account .iz-bestell-verlauf__text p { margin: 0; }

/* --- Mein Abonnement: laufendes Abo, Historie, frühere Abos --- */
.woocommerce-account .iz-abos { display: flex; flex-direction: column; gap: var(--sp-6); }
.woocommerce-account .iz-abos > .iz-konto-block { margin: 0; }
.woocommerce-account .iz-abo__kopf {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: var(--sp-3) var(--sp-6);
}
.woocommerce-account .iz-abo__kopf .iz-konto-rubrik { margin: 0 0 var(--sp-1); }
.woocommerce-account .woocommerce-MyAccount-content h3.iz-abo__titel {
	margin: 0;
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-xl);
	font-weight: 400;
	line-height: 1.2;
	text-wrap: balance;
	color: var(--iz-text);
}
.woocommerce-account .iz-abo__preis { display: flex; flex-direction: column; align-items: flex-end; gap: var(--sp-2); text-align: right; }
.woocommerce-account .iz-abo__angaben {
	list-style: none;
	margin: 0;
	padding: var(--sp-4) 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: var(--sp-3) var(--sp-6);
	border-top: 1px solid var(--iz-border-soft);
	border-bottom: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-abo__angaben li { margin: 0; display: flex; gap: var(--sp-2); align-items: flex-start; }
.woocommerce-account .iz-abo__angaben .ti { font-size: var(--fs-md); color: var(--iz-rot); }
.woocommerce-account .iz-abo__label { display: block; font-size: var(--fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--iz-text-muted); }
.woocommerce-account .iz-abo__aktionen,
.woocommerce-account .iz-abos-frueher__eintrag { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
/* Knöpfe aus konto-abo-kuendigen.php / kuendigung-beendigung.php (Klasse .button) im Stil der Rahmenknöpfe */
.woocommerce-account .woocommerce-MyAccount-content .iz-abos a.button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	padding: 0 var(--sp-4);
	background: var(--iz-weiss);
	color: var(--iz-text);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-klein);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-abos a.button:hover { background: var(--iz-flaeche); border-color: var(--iz-rot); color: var(--iz-text); }
.woocommerce-account .woocommerce-MyAccount-content .iz-abos a.button:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
.woocommerce-account .iz-abos .iz-abo-gekuendigt { margin: 0; font-size: var(--fs-sm); }

/* Historie (Liste unter dem Abo und Karte in der Aboansicht) */
.woocommerce-account .woocommerce-MyAccount-content .iz-historie__titel {
	margin: 0;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.woocommerce-account .iz-historie__liste { list-style: none; margin: var(--sp-2) 0 0; padding: 0; }
.woocommerce-account .iz-historie__zeile {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 7rem 11rem minmax(12rem, auto);
	align-items: center;
	gap: var(--sp-2) var(--sp-4);
	margin: 0;
	padding: var(--sp-3) 0;
	border-bottom: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-historie__zeile p { margin: 0; }
.woocommerce-account .iz-historie__wann { display: flex; flex-direction: column; min-width: 0; }
.woocommerce-account .iz-historie__datum { font-weight: 600; color: var(--iz-text); font-variant-numeric: tabular-nums; }
.woocommerce-account .iz-historie__art { color: var(--iz-text-muted); font-size: var(--fs-xs); }
.woocommerce-account .woocommerce-MyAccount-content .iz-historie__art a:link,
.woocommerce-account .woocommerce-MyAccount-content .iz-historie__art a:visited { color: var(--iz-rot); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-content p.iz-historie__betrag { font-size: var(--fs-md); text-align: right; }
.woocommerce-account .iz-historie__beleg { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sp-2); text-align: right; }
.woocommerce-account .iz-historie__mehr { margin-top: var(--sp-2); }
.woocommerce-account .iz-historie__mehr summary {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	min-height: 44px;
	cursor: pointer;
	color: var(--iz-rot);
	font-weight: 600;
	list-style: none;
}
.woocommerce-account .iz-historie__mehr summary::-webkit-details-marker { display: none; }
.woocommerce-account .iz-historie__mehr summary:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
.woocommerce-account .iz-historie__mehr summary .ti { transition: transform .15s ease; }
.woocommerce-account .iz-historie__mehr[open] summary .ti { transform: rotate(180deg); }
.woocommerce-account .iz-historie--ansicht .iz-historie__liste { margin-top: var(--sp-4); }
.woocommerce-account .iz-historie--ansicht .iz-historie__zeile:last-child { border-bottom: 0; padding-bottom: 0; }
.woocommerce-account .iz-abo .iz-historie { padding-top: var(--sp-2); }

/* Frühere Abos */
.woocommerce-account .iz-abos-frueher__liste { list-style: none; margin: var(--sp-4) 0 0; padding: 0; }
.woocommerce-account .iz-abos-frueher__eintrag { margin: 0; padding: var(--sp-3) 0; border-top: 1px solid var(--iz-border-soft); }
.woocommerce-account .iz-abos-frueher__eintrag:first-child { border-top: 0; padding-top: 0; }
.woocommerce-account .iz-abos-frueher__text { flex: 1 1 14rem; min-width: 0; }
.woocommerce-account .iz-abos-frueher__text p { margin: 0; }
.woocommerce-account .iz-abos-frueher__name { font-weight: 600; color: var(--iz-text); }

/* --- Telefon --- */
@media (max-width: 767px) {
	.woocommerce-account .iz-jahre__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-2); }
	.woocommerce-account .woocommerce-MyAccount-content a.iz-jahre__kachel { padding: var(--sp-2) var(--sp-3); }
	.woocommerce-account .iz-bestellung__meta { flex-direction: column; }
	.woocommerce-account .iz-bestellung__meta time + .iz-bestellung__nummer::before { content: none; }
	.woocommerce-account .iz-bestellung {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"haupt"
			"summe"
			"aktionen";
		gap: var(--sp-3);
		padding: var(--sp-3);
	}
	.woocommerce-account .iz-bestellung__summe {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	.woocommerce-account .iz-bestellung__aktionen { flex-direction: column; align-items: stretch; }
	.woocommerce-account .iz-bestellung__knoepfe > a.iz-konto-knopf { flex: 1 1 auto; justify-content: center; }
	.woocommerce-account .iz-bestellkopf__status { align-items: flex-start; text-align: left; }
	.woocommerce-account .iz-bestellkopf__status .iz-bestellung__knoepfe { justify-content: flex-start; }
	.woocommerce-account .woocommerce-MyAccount-content > .iz-bestell-zusatz { padding: var(--sp-4); }
	.woocommerce-account .iz-beleg { flex-wrap: wrap; }
	.woocommerce-account .iz-beleg__text { flex-basis: calc(100% - 3rem); }
	.woocommerce-account .iz-beleg > a.iz-konto-knopf { margin-left: calc(var(--fs-lg) + var(--sp-4)); }
	.woocommerce-account .iz-abo__kopf { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account .iz-abo__preis { flex-direction: row; align-items: center; justify-content: space-between; text-align: left; }
	.woocommerce-account .woocommerce-MyAccount-content h3.iz-abo__titel { font-size: var(--fs-lg); }
	.woocommerce-account .iz-abo__aktionen > a { flex: 1 1 auto; justify-content: center; }
	.woocommerce-account .iz-historie__zeile {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"wann betrag"
			"status status"
			"beleg beleg";
	}
	.woocommerce-account .iz-historie__wann { grid-area: wann; }
	.woocommerce-account .iz-historie__betrag { grid-area: betrag; }
	.woocommerce-account .iz-historie__status { grid-area: status; }
	.woocommerce-account .iz-historie__beleg { grid-area: beleg; justify-content: flex-start; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
	.woocommerce-account .iz-historie__mehr summary .ti { transition: none; }
}

/* Seitenblättern der Historie in der Aboansicht (Vorlage related-orders-pagination.php von Subscriptions) */
.woocommerce-account .iz-historie--ansicht .woocommerce-pagination, .woocommerce-account .iz-historie--ansicht .pagination-links { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-4); }
.woocommerce-account .woocommerce-MyAccount-content .iz-historie--ansicht .woocommerce-pagination a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--sp-3);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-klein);
	color: var(--iz-text);
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-historie--ansicht .woocommerce-pagination a:hover { border-color: var(--iz-rot); background: var(--iz-flaeche); }
.woocommerce-account .woocommerce-MyAccount-content .iz-historie--ansicht .woocommerce-pagination a:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

/* --- Aboansicht: Kopf, Laufzeit und Zahlung, Zusätze --- */
.woocommerce-account .iz-abokopf .iz-konto-rubrik { margin: 0 0 var(--sp-1); }
.woocommerce-account .iz-abo--ansicht .iz-abo__angaben { margin-top: var(--sp-4); border-top: 0; padding-top: 0; }
.woocommerce-account .iz-abo--ansicht .iz-abo__aktionen { margin-top: var(--sp-4); }
.woocommerce-account .iz-abo__verlaengerung .wcs-auto-renew-toggle { display: block; margin-top: var(--sp-1); }
/* Zeilen aus Haken anderer Plugins (Geschenkabo, PayPal-Abos); unsichtbar, solange leer */
.woocommerce-account .woocommerce-MyAccount-content table.iz-abo-zusatzzeilen:not(:has(tr)) { display: none; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-abo-zusatzzeilen { width: 100%; margin: var(--sp-4) 0 0; border: 0; border-collapse: collapse; }
.woocommerce-account .woocommerce-MyAccount-content table.iz-abo-zusatzzeilen td,
.woocommerce-account .woocommerce-MyAccount-content table.iz-abo-zusatzzeilen th { padding: var(--sp-2) 0; border: 0; border-bottom: 1px solid var(--iz-border-soft); font-size: var(--fs-sm); text-align: left; text-transform: none; letter-spacing: normal; color: var(--iz-text); background: none; }
/* Nachtrag: Historie und Kündigungsbestätigung */
.woocommerce-account .woocommerce-MyAccount-content > .iz-abo-nachtrag:not(:has(*)) { display: none; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-abo-nachtrag { display: flex; flex-direction: column; gap: var(--sp-4); margin-top: var(--sp-6); font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-sm); }
.woocommerce-account .woocommerce-MyAccount-content > .iz-abo-nachtrag > * { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-abo-nachtrag > h2 { font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-lg); font-weight: 400; color: var(--iz-text); }
/* Kopf der Bestell- und Aboansicht: Titel links, Status und Betrag rechts, auch bei langen Titeln */
.woocommerce-account .woocommerce-MyAccount-content .iz-bestellkopf { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
.woocommerce-account .woocommerce-MyAccount-content .iz-abo__aktionen .iz-abo-kuendigen,
.woocommerce-account .woocommerce-MyAccount-content .iz-abo__aktionen .iz-abo-kuendigen-formular { margin-left: 0; }
@media (max-width: 767px) {
	.woocommerce-account .woocommerce-MyAccount-content .iz-bestellkopf { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account .iz-abokopf .iz-bestellkopf__status { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
}

/* --- Stand 3 (27.10.2026): Abo-Marke, Menüpunkt „Rechnungen“, Abo-Kacheln, Zahlart der Abos --- */
.woocommerce-account .iz-rechnungen,
.woocommerce-account .iz-abo-zahlarten,
.woocommerce-account .iz-bestell-adressen,
.woocommerce-account .iz-belege-zeile,
.woocommerce-account .iz-rechnungen__hilfe { font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-sm); line-height: 1.5; }
.woocommerce-account .iz-bestellung__aktionen > .iz-bestellung__abo:empty { display: none; }
.woocommerce-account .iz-bestellung__abo { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abomarke { min-height: 32px; text-decoration: none; font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abomarke:hover { border-color: var(--iz-rot); text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abomarke:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
.woocommerce-account .iz-bestellung__aktionen:has(> .iz-bestellung__abo:empty) { justify-content: flex-end; }
.woocommerce-account .iz-bestellkopf__status .iz-abomarke { align-self: flex-end; }

/* Kleiner Rechnungsverweis im Kopf der Bestellansicht und Belegzeile darunter */
.woocommerce-account .woocommerce-MyAccount-content .iz-rechnungslink a,
.woocommerce-account .woocommerce-MyAccount-content a.iz-belege-zeile__link {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-1);
	min-height: 44px;
	color: var(--iz-rot);
	font-weight: 600;
	text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content > .iz-belege-zeile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 var(--sp-4);
	margin-top: var(--sp-6);
	padding: var(--sp-2) var(--sp-6);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.woocommerce-account .iz-belege-zeile__titel { font-weight: 600; color: var(--iz-text); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-belege-zeile__link.iz-beleg--storniert,
.woocommerce-account .woocommerce-MyAccount-content a.iz-belege-zeile__link.iz-beleg--storno { color: var(--iz-text-muted); font-weight: 400; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-belege-zeile__alle { margin-left: auto; color: var(--iz-rot); font-weight: 600; }

/* Menüpunkt „Rechnungen“ */
.woocommerce-account .iz-rechnungen__liste { list-style: none; margin: var(--sp-4) 0 0; padding: 0; }
.woocommerce-account .iz-rechnung {
	display: grid;
	grid-template-columns: 9rem minmax(0, 1fr) auto auto;
	align-items: center;
	gap: var(--sp-2) var(--sp-4);
	margin: 0;
	padding: var(--sp-3) 0;
	border-bottom: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-rechnung:last-child { border-bottom: 0; padding-bottom: 0; }
.woocommerce-account .iz-rechnung p { margin: 0; }
.woocommerce-account .iz-rechnung__wann { display: flex; flex-direction: column; }
.woocommerce-account .iz-rechnung__art { font-size: var(--fs-xs); color: var(--iz-text-muted); }
.woocommerce-account .iz-rechnung__nummer { font-weight: 600; color: var(--iz-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.woocommerce-account .woocommerce-MyAccount-content p.iz-rechnung__betrag { font-size: var(--fs-md); text-align: right; }
.woocommerce-account .iz-beleg--storniert .iz-rechnung__betrag { color: var(--iz-text-muted); text-decoration: line-through; }
.woocommerce-account .iz-beleg--storno .iz-rechnung__art,
.woocommerce-account .iz-beleg--storniert .iz-rechnung__art { color: var(--iz-text); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-rechnungen__hilfe { margin-top: var(--sp-4); }

/* Abo-Kacheln (wie Jahreskacheln, etwas breiter) */
.woocommerce-account .iz-abo-kacheln .iz-jahre__liste { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); }
.woocommerce-account .iz-abo-kachel__name { font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-md); line-height: 1.25; }
.woocommerce-account .iz-abo-kachel .iz-jahre__anzahl { display: inline-flex; align-items: center; gap: var(--sp-1); }
.woocommerce-account .iz-abos > .iz-jahre { margin-top: 0; }

/* Aboansicht unten: Verweise statt Knöpfe */
.woocommerce-account .iz-abo-aendern { display: flex; flex-wrap: wrap; gap: 0 var(--sp-6); margin-top: var(--sp-2); }

/* Zahlungsarten: Zahlart je Abo */
.woocommerce-account .iz-abo-zahlarten__liste { list-style: none; margin: var(--sp-4) 0 0; padding: 0; }
.woocommerce-account .iz-abo-zahlarten__zeile { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2) var(--sp-4); margin: 0; padding: var(--sp-3) 0; border-top: 1px solid var(--iz-border-soft); }
.woocommerce-account .iz-abo-zahlarten__zeile:first-child { border-top: 0; padding-top: 0; }
.woocommerce-account .iz-abo-zahlarten__zeile p { margin: 0; }

/* Adressen: Häkchen „auch für alle laufenden Abos“ als heller Kasten */
.woocommerce-account .woocommerce-MyAccount-content .iz-abo-uebernehmen {
	padding: var(--sp-3) var(--sp-4);
	background: var(--iz-flaeche);
	border: 1px solid var(--iz-border);
	border-left: 3px solid var(--iz-rot);
	border-radius: var(--r-standard);
	font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-abo-uebernehmen .description { display: block; margin-top: var(--sp-1); font-weight: 400; color: var(--iz-text-muted); }

@media (max-width: 767px) {
	.woocommerce-account .iz-rechnung {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"wann betrag"
			"was was"
			"pdf pdf";
	}
	.woocommerce-account .iz-rechnung__wann { grid-area: wann; }
	.woocommerce-account .iz-rechnung__was { grid-area: was; }
	.woocommerce-account .iz-rechnung__betrag { grid-area: betrag; }
	.woocommerce-account .iz-rechnung > a.iz-konto-knopf { grid-area: pdf; justify-content: center; }
	.woocommerce-account .woocommerce-MyAccount-content > .iz-belege-zeile { padding: var(--sp-2) var(--sp-4); }
	.woocommerce-account .woocommerce-MyAccount-content a.iz-belege-zeile__alle { margin-left: 0; }
	.woocommerce-account .iz-abo-kacheln .iz-jahre__liste { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--sp-2); }
	.woocommerce-account .iz-abo-kacheln .iz-jahre__liste li { flex: 0 0 75%; scroll-snap-align: start; }
	.woocommerce-account .iz-bestellkopf__status .iz-abomarke { align-self: flex-start; }
}

/* --- Stand 4: Abo-Gruppen nach Art, Seite „Zahlungsarten“ --- */
.woocommerce-account .iz-abo-gruppe { display: flex; flex-direction: column; gap: var(--sp-4); scroll-margin-top: var(--sp-6); }
.woocommerce-account .iz-abo-gruppe > .iz-konto-block { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content h3.iz-abo-gruppe__titel {
	margin: 0;
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-xl);
	font-weight: 400;
	color: var(--iz-text);
}
.woocommerce-account .iz-abo-gruppe__titel span { font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-sm); color: var(--iz-text-muted); }
.woocommerce-account .iz-abo-kachel--beendet .iz-abo-kachel__name { color: var(--iz-text-muted); }
.woocommerce-account .iz-abo-kachel--sonstige { border-style: dashed; }
.woocommerce-account .iz-abo-keins p { margin: 0; }
.woocommerce-account .iz-abo-keins > * + * { margin-top: var(--sp-3); }
.woocommerce-account .iz-abos-frueher__details > summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-2) var(--sp-4);
	min-height: 44px;
	cursor: pointer;
	list-style: none;
}
.woocommerce-account .iz-abos-frueher__details > summary::-webkit-details-marker { display: none; }
.woocommerce-account .iz-abos-frueher__details > summary:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
.woocommerce-account .iz-abos-frueher__details .iz-abos-frueher__text { display: flex; flex-direction: column; }
.woocommerce-account .iz-abos-frueher__pfeil { color: var(--iz-text-muted); transition: transform .15s ease; }
.woocommerce-account .iz-abos-frueher__details[open] .iz-abos-frueher__pfeil { transform: rotate(180deg); }
.woocommerce-account .iz-abos-frueher__inhalt { padding: var(--sp-2) 0 0; }
.woocommerce-account .iz-abos-frueher__inhalt .iz-abo__aktionen { margin: var(--sp-3) 0 0; }

.woocommerce-account .iz-zahlarten,
.woocommerce-account .iz-zahlarten-hinweis { font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-sm); line-height: 1.5; }
.woocommerce-account .woocommerce-MyAccount-content > .iz-zahlarten-hinweis { margin: var(--sp-2) 0 0; color: var(--iz-text-muted); }
.woocommerce-account .iz-zahlarten__liste { list-style: none; margin: var(--sp-4) 0 0; padding: 0; }
.woocommerce-account .iz-zahlart {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--sp-2) var(--sp-4);
	margin: 0;
	padding: var(--sp-4) 0;
	border-top: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-zahlart:first-child { border-top: 0; padding-top: 0; }
.woocommerce-account .iz-zahlart p { margin: 0; }
.woocommerce-account .iz-zahlart__symbol { font-size: var(--fs-xl); color: var(--iz-rot); align-self: start; }
.woocommerce-account .iz-zahlart--abgelaufen .iz-zahlart__symbol { color: var(--iz-text-muted); }
.woocommerce-account .iz-zahlart__name { font-weight: 600; color: var(--iz-text); }
.woocommerce-account .iz-zahlart p.iz-zahlart__marken { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-2); }
.woocommerce-account .iz-zahlart__marken:empty { display: none; }
.woocommerce-account .iz-zahlart p.iz-zahlart__hinweis { margin-top: var(--sp-2); color: var(--iz-text); }
.woocommerce-account .iz-zahlart__aktionen { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sp-2); }
.woocommerce-account .woocommerce-MyAccount-content .iz-zahlart__aktionen a.iz-konto-knopf.delete { color: var(--iz-rot); }
.woocommerce-account .woocommerce-MyAccount-content > .iz-abo-zahlarten { margin-top: var(--sp-6); }
@media (max-width: 767px) {
	.woocommerce-account .iz-zahlart { grid-template-columns: auto minmax(0, 1fr); }
	.woocommerce-account .iz-zahlart__aktionen { grid-column: 1 / -1; justify-content: flex-start; }
	.woocommerce-account .iz-zahlart__aktionen > a { flex: 1 1 auto; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
	.woocommerce-account .iz-abos-frueher__pfeil { transition: none; }
}

/* --- Stand 5/6: Abo-Arten (Wunsch Christian 27.10.2026) ---------------------------------------
 * Alle Arten gleich: Fläche --iz-flaeche (#f7f3ed, Katalog), Akzent --iz-rot. Die Art unterscheidet
 * sich nur über Titel und Marke (Text), keine eigenen Akzentfarben. Kontraste laut GESTALTUNG.md:
 * Text 14,75:1, gedämpft 4,83:1, Markenrot 8,4:1 auf der Fläche. */
.woocommerce-account {
	--iz-abo-kombi-akzent: var(--iz-rot);
	--iz-abo-kombi-flaeche: var(--iz-flaeche);
	--iz-abo-plus-akzent: var(--iz-rot);
	--iz-abo-plus-flaeche: var(--iz-flaeche);
	--iz-abo-print-akzent: var(--iz-rot);
	--iz-abo-print-flaeche: var(--iz-flaeche);
	--iz-abo-sonstige-akzent: var(--iz-rot);
	--iz-abo-sonstige-flaeche: var(--iz-flaeche);
}
.woocommerce-account .iz-abo--art-kombi    { --iz-abo-akzent: var(--iz-abo-kombi-akzent);    --iz-abo-flaeche: var(--iz-abo-kombi-flaeche); }
.woocommerce-account .iz-abo--art-plus     { --iz-abo-akzent: var(--iz-abo-plus-akzent);     --iz-abo-flaeche: var(--iz-abo-plus-flaeche); }
.woocommerce-account .iz-abo--art-print    { --iz-abo-akzent: var(--iz-abo-print-akzent);    --iz-abo-flaeche: var(--iz-abo-print-flaeche); }
.woocommerce-account .iz-abo--art-sonstige { --iz-abo-akzent: var(--iz-abo-sonstige-akzent); --iz-abo-flaeche: var(--iz-abo-sonstige-flaeche); }

/* Kacheln: gewählte Kachel in der Fläche (wie die Jahreskacheln) */
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-kachel .iz-abo-kachel__name { color: var(--iz-text); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-kachel[aria-current] {
	background: var(--iz-abo-flaeche);
	border-color: var(--iz-abo-akzent);
	box-shadow: inset 0 -3px 0 var(--iz-abo-akzent);
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-kachel:hover { background: var(--iz-abo-flaeche); border-color: var(--iz-abo-akzent); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-kachel[aria-current] .iz-jahre__anzahl { color: var(--iz-text); }
.woocommerce-account .iz-abo-kachel--beendet .iz-abo-kachel__name { opacity: 1; }

/* Block „Laufendes Abo“ in derselben Fläche wie die gewählte Kachel */
.woocommerce-account .iz-konto-block.iz-abo[class*="iz-abo--art-"],
.woocommerce-account .iz-konto-block.iz-abo-keins[class*="iz-abo--art-"] {
	background: var(--iz-abo-flaeche);
	border-color: var(--iz-abo-akzent);
	border-left: 4px solid var(--iz-abo-akzent);
}
.woocommerce-account .iz-abo[class*="iz-abo--art-"] .iz-konto-rubrik,
.woocommerce-account .iz-abo[class*="iz-abo--art-"] .iz-abo__label,
.woocommerce-account .iz-abo[class*="iz-abo--art-"] .iz-konto-info,
.woocommerce-account .iz-abo-keins[class*="iz-abo--art-"] .iz-konto-block__unterzeile { color: var(--iz-text); }
.woocommerce-account .iz-abo[class*="iz-abo--art-"] .iz-abo__angaben { border-color: var(--iz-border); }
.woocommerce-account .iz-abo[class*="iz-abo--art-"] .iz-abo__angaben .ti { color: var(--iz-abo-akzent); }
.woocommerce-account .woocommerce-MyAccount-content p.iz-abo-artmarke {
	display: inline-flex;
	align-items: baseline;
	gap: var(--sp-2);
	margin: 0 0 var(--sp-2);
	padding: var(--sp-1) var(--sp-3);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-abo-akzent);
	border-radius: var(--r-klein);
	color: var(--iz-abo-akzent);
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-md);
	line-height: 1.2;
}
.woocommerce-account .iz-abo-artmarke span { font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-xs); color: var(--iz-text); }
.woocommerce-account .iz-abo-zahlungen .iz-historie { padding-top: 0; }
.woocommerce-account .iz-zahlart--abo .iz-zahlart__symbol { color: var(--iz-text); }
/* Zahlungsarten: Abos an der Zahlart */
.woocommerce-account .iz-zahlart__abos { list-style: none; margin: var(--sp-3) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-2); }
.woocommerce-account .iz-zahlart__abos li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-4); margin: 0; padding: var(--sp-2) var(--sp-3); background: var(--iz-flaeche); border-radius: var(--r-standard); }
.woocommerce-account .iz-zahlart__abo { display: inline-flex; align-items: center; gap: var(--sp-2); font-weight: 600; color: var(--iz-text); }
.woocommerce-account .iz-zahlart__abo .ti { color: var(--iz-rot); }
.woocommerce-account .iz-zahlart__abos li > a.iz-konto-knopf { margin-left: auto; }
.woocommerce-account .iz-zahlart__aktionen:empty { display: none; }
@media (max-width: 767px) {
	.woocommerce-account .iz-zahlart__abos li > a.iz-konto-knopf { margin-left: 0; flex: 1 1 auto; justify-content: center; }
}

/* Bestellliste: Block in der Katalogfläche wie das gewählte Jahr, Karten bleiben weiß (Wunsch 27.10.2026) */
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-block.iz-bestelljahr { background: var(--iz-flaeche); }
.woocommerce-account .iz-bestelljahr .iz-bestellungen { margin-top: 0; }

/* ---- Knöpfe als Knöpfe erkennbar (27.10.2026, Wunsch Christian) ----
 * Wie die Wählen-Knöpfe der Abo-Seite: Handzeiger, beim Darüberfahren dunkler und
 * unterstrichen (bei roten Knöpfen weiß, bei hellen rot), beim Klick gibt der Knopf nach.
 * Rückweg: diesen Block entfernen.
 */
.woocommerce-account .woocommerce-MyAccount-content :is(button, .button, input[type="submit"], a.iz-konto-knopf) {
	cursor: pointer;
	transition: filter .15s ease, transform .05s ease;
}
.woocommerce-account .woocommerce-MyAccount-content :is(button, .button, input[type="submit"], a.iz-konto-knopf):hover:not(:disabled):not([aria-disabled="true"]) {
	filter: brightness(.88);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.woocommerce-account .woocommerce-MyAccount-content :is(button, .button, input[type="submit"], a.iz-konto-knopf):active:not(:disabled) {
	transform: translateY(1px);
}

/* ---- Adressen: beide Formulare auf einer Seite (27.10.2026) ---- */
.woocommerce-account .iz-adresse-block { scroll-margin-top: var(--sp-6); margin: 0 0 var(--sp-8); }
.woocommerce-account .iz-adresse-block + .iz-adresse-block { padding-top: var(--sp-6); border-top: 1px solid var(--iz-border); }
.woocommerce-account .woocommerce-MyAccount-content button.iz-wird-gespeichert { opacity: .7; cursor: wait; }

/* ---- Mein Abonnement ohne Abo: Abo-Arten als Kacheln, mehr Luft (27.10.2026, Wunsch Christian) ---- */
.woocommerce-account .iz-abo-leer .iz-konto-block__unterzeile { margin-bottom: var(--sp-6); }
.woocommerce-account .iz-abo-leer__arten {
	list-style: none;
	margin: 0 0 var(--sp-6);
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--sp-3);
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-leer__art {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--sp-1);
	height: 100%;
	box-sizing: border-box;
	padding: var(--sp-4);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	background: var(--iz-flaeche);
	color: var(--iz-text);
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-leer__art:hover { border-color: var(--iz-rot); filter: brightness(.97); }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-leer__art:hover .iz-abo-leer__name { text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-leer__art:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
.woocommerce-account .iz-abo-leer__name { font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-lg); line-height: 1.2; }
.woocommerce-account .iz-abo-leer__text { font-size: var(--fs-sm); color: var(--iz-text-muted); flex: 1; }
.woocommerce-account .iz-abo-leer__preis { font-weight: 600; font-variant-numeric: tabular-nums; }
.woocommerce-account .iz-abo-leer__marke {
	align-self: flex-start;
	font-size: var(--fs-xs);
	font-weight: 600;
	color: var(--iz-weiss);
	background: var(--iz-rot);
	border-radius: 2px;
	padding: 1px 6px;
}
.woocommerce-account .iz-abo-leer__knoepfe { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--sp-6); margin: 0; }

/* ---- Knopftext mittig (27.10.2026, Meldung Christian zu „Änderungen speichern“) ----
 * Eine geerbte Zeilenhöhe von 40px in 20px Inhaltshöhe schob den Text nach unten.
 * Rückweg: diesen Block entfernen.
 */
.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-Button, button[type="submit"]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-2);
	line-height: 1.2;
	min-height: 44px;
}

/* „Empfohlen“ sitzt wie im Abo-Shop auf dem oberen Kartenrand (27.10.2026, Wunsch Christian; Vorbild .iz-abo2-plan__badge) */
.woocommerce-account .iz-abo-leer__marke {
	position: absolute;
	top: -13px;
	left: var(--sp-4);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1.4;
	padding: 4px 10px;
	border-radius: 3px;
}
.woocommerce-account .woocommerce-MyAccount-content a.iz-abo-leer__art:has(.iz-abo-leer__marke) { border-color: var(--iz-rot); }
.woocommerce-account .iz-abo-leer__arten { padding-top: var(--sp-2); }

/* ---- Ein Knopfstil im ganzen Konto (27.10.2026, Wunsch Christian: „einheitlich in Schrift, Farbe und Größe“) ----
 * Vorbild ist der vorhandene a.iz-konto-knopf: OpenSans, --fs-sm, 600, 44 px hoch, --r-klein.
 * Hauptknopf rot mit weißer Schrift; Nebenknopf (z. B. „Rechnungsadresse übernehmen“) weiß mit Rahmen.
 * Steht am Dateiende und gewinnt damit gegen ältere Einzelregeln (Formular-, Kassen- und Browser-Standard).
 * Rückweg: diesen Block entfernen.
 */
.woocommerce-account .woocommerce-MyAccount-content :is(button[type="submit"], .woocommerce-Button, button.button, a.button, a.iz-konto-knopf),
.woocommerce-account .woocommerce-MyAccount-content .iz-kauf-formular button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-2);
	min-height: 44px;
	margin: 0;
	padding: 0 var(--sp-4);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	border: 1px solid var(--iz-rot);
	border-radius: var(--r-klein);
	background: var(--iz-rot);
	color: var(--iz-weiss);
	box-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-content :is(a.iz-konto-knopf--rahmen, button.iz-adresse-uebernehmen, a.button.iz-knopf-neben) {
	background: var(--iz-weiss);
	color: var(--iz-text);
	border-color: var(--iz-border);
}
.woocommerce-account .woocommerce-MyAccount-content button.iz-adresse-uebernehmen { margin: 0 0 var(--sp-4); }

/* ---- Speichern-Knöpfe der Formulare: unten rechts unter den Feldern, nicht über die volle Breite (27.10.2026, Wunsch Christian) ----
 * Gilt für Rechnungs- und Lieferadresse sowie die Kontodetails. Rückweg: diesen Block entfernen.
 */
.woocommerce-account .woocommerce-MyAccount-content p:has(> button[name="save_address"]),
.woocommerce-account .woocommerce-MyAccount-content p:has(> button[name="save_account_details"]) {
	grid-column: 1 / -1;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin: var(--sp-4) 0 0;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-content :is(button[name="save_address"], button[name="save_account_details"]) {
	width: auto;
	flex: 0 0 auto;
	margin: 0;
}

/* ---- Zahlungsart hinzufügen: Zahlarten als Kacheln nebeneinander (27.10.2026, Wunsch Christian;
 * neu gestaltet 27.10.2026 nachmittags wie die Kasse: offizielle Markenzeichen über dem Namen,
 * Auswahlpunkt oben links, gewählt = roter 2-px-Rahmen + helle Fläche + Punkt) ----
 * Die Liste wird ein Raster; die Listeneinträge geben ihre Teile per display:contents ans Raster ab,
 * damit die Kacheln (Beschriftungen) in Zeile 1 nebeneinander stehen und das Feld der gewählten
 * Zahlart darunter über die volle Breite. Die Auswahlknöpfe bleiben für Tastatur und Vorleser bedienbar.
 * Markenzeichen: inc/zahlarten-kacheln.php. Rückweg: private/sicherungen/zahlarten-kacheln-20261027/.
 */
.woocommerce-account #add_payment_method ul.payment_methods {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--sp-3);
	margin: 0 0 var(--sp-6);
	padding: 0;
	list-style: none;
	border: 0;
	background: none;
}
.woocommerce-account #add_payment_method ul.payment_methods > li { display: contents; }
.woocommerce-account #add_payment_method ul.payment_methods > li > input.input-radio {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}
.woocommerce-account #add_payment_method ul.payment_methods > li > label {
	grid-row: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--sp-2);
	min-height: 116px;
	margin: 0;
	padding: var(--sp-6) var(--sp-3) var(--sp-4);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	background: var(--iz-weiss);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-sm);
	font-weight: 600;
	line-height: 1.3;
	color: var(--iz-text);
	text-align: center;
	cursor: pointer;
}
.woocommerce-account #add_payment_method ul.payment_methods > li > label::before {
	content: "";
	position: absolute;
	top: var(--sp-3);
	left: var(--sp-3);
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 2px solid var(--iz-text-muted);
	border-radius: 50%;
	background: var(--iz-weiss);
}
.woocommerce-account #add_payment_method ul.payment_methods > li > label .iz-marken {
	order: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-1);
	height: 34px;
}
.woocommerce-account #add_payment_method ul.payment_methods > li > label img { display: block; margin: 0 !important; }
.woocommerce-account #add_payment_method ul.payment_methods > li > label:hover {
	border-color: var(--iz-rot-hover);
	background: var(--iz-flaeche);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.woocommerce-account #add_payment_method ul.payment_methods > li > input.input-radio:checked + label {
	border-color: var(--iz-rot);
	box-shadow: inset 0 0 0 1px var(--iz-rot);
	background: var(--iz-flaeche);
}
.woocommerce-account #add_payment_method ul.payment_methods > li > input.input-radio:checked + label::before {
	border-color: var(--iz-rot);
	background: radial-gradient(circle, var(--iz-rot) 0 4px, var(--iz-weiss) 4.5px);
}
.woocommerce-account #add_payment_method ul.payment_methods > li > input.input-radio:focus-visible + label { outline: 2px solid var(--iz-rot); outline-offset: 2px; }
.woocommerce-account #add_payment_method ul.payment_methods > li > .payment_box {
	grid-row: 2;
	grid-column: 1 / -1;
	margin: 0;
	padding: var(--sp-4);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	background: var(--iz-flaeche);
}
.woocommerce-account #add_payment_method ul.payment_methods > li > .payment_box::before { display: none; }
@media (max-width: 600px) {
	.woocommerce-account #add_payment_method ul.payment_methods { grid-template-columns: 1fr; }
	.woocommerce-account #add_payment_method ul.payment_methods > li > label {
		grid-row: auto;
		min-height: 64px;
		flex-direction: row;
		justify-content: flex-start;
		gap: var(--sp-3);
		padding: var(--sp-3) var(--sp-3) var(--sp-3) calc(var(--sp-3) + 18px + var(--sp-3));
		text-align: left;
	}
	.woocommerce-account #add_payment_method ul.payment_methods > li > label::before { top: 50%; margin-top: -9px; }
	.woocommerce-account #add_payment_method ul.payment_methods > li > label .iz-marken { min-width: 100px; justify-content: flex-start; }
	.woocommerce-account #add_payment_method ul.payment_methods > li > .payment_box { grid-row: auto; }
}
/* „Zahlungsart hinzufügen“: das Eltern-Theme setzt #payment #place_order in Großbuchstaben und eigener Schrift –
   hier mit gleicher Gewichtung auf den Kontoknopf zurückgeholt, rechts unten wie die Speichern-Knöpfe. */
.woocommerce-account #add_payment_method #payment #place_order {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; width: auto;
	margin: 0; padding: 0 var(--sp-4); font-family: OpenSans, Verdana, sans-serif; font-size: var(--fs-sm);
	font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: none;
	border: 1px solid var(--iz-rot); border-radius: var(--r-klein); background: var(--iz-rot); color: var(--iz-weiss);
}
.woocommerce-account #add_payment_method #payment .form-row:has(> #place_order) { display: flex; justify-content: flex-end; }

/* ---- Mein Abonnement ohne Abo: die sechs Karten der Abo-Seite, etwas kleiner (27.10.2026, Wunsch Christian) ---- */
.woocommerce-account .iz-abo-leer__karten .iz-abo2-plans { max-width: none; margin: 0; padding-block: var(--sp-4) 0; background: transparent; }
.woocommerce-account .iz-abo-leer__karten .iz-abo2-container { padding-inline: 0; }
.woocommerce-account .iz-abo-leer__karten .iz-abo2-plans__grid { gap: var(--sp-4); }
.woocommerce-account .iz-abo-leer__karten .iz-abo2-plan { font-size: 0.92em; }
.woocommerce-account .iz-abo-leer__karten .iz-abo2-plan__name { font-size: 1.35rem; }
.woocommerce-account .iz-abo-leer__karten .iz-abo2-plan__price { font-size: 1.6rem; }
@media (min-width: 768px) and (max-width: 1100px) {
	.woocommerce-account .iz-abo-leer__karten .iz-abo2-plans__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- Meine Kommentare (27.10.2026) ---- */
.woocommerce-account .iz-kommentare { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
.woocommerce-account .iz-kommentar { margin: 0; padding: var(--sp-4); border: 1px solid var(--iz-border); border-radius: var(--r-standard); background: var(--iz-weiss); }
.woocommerce-account .iz-kommentar p { margin: 0; }
.woocommerce-account .iz-kommentar__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); color: var(--iz-text-muted); font-size: var(--fs-sm); }
.woocommerce-account .woocommerce-MyAccount-content h3.iz-kommentar__artikel { margin: var(--sp-1) 0; font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-md); font-weight: 400; }
.woocommerce-account .woocommerce-MyAccount-content .iz-kommentar__artikel a { color: var(--iz-text); text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content .iz-kommentar__artikel a:hover { color: var(--iz-rot); text-decoration: underline; }
.woocommerce-account .iz-kommentar__text { font-size: var(--fs-sm); color: var(--iz-text); }

/* Zahlungsart hinzufügen: alle Kacheln gleich hoch (27.10.2026, Meldung Christian: SEPA-Kachel war niedriger) */
.woocommerce-account #add_payment_method ul.payment_methods { align-items: stretch; grid-auto-rows: auto; }
@media (min-width: 601px) {
	.woocommerce-account #add_payment_method ul.payment_methods > li > label { box-sizing: border-box; height: 132px; min-height: 132px; align-self: stretch; }
}