/* 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; }
}