/* Immer wieder neu: Werkzeuge. Farben und Schriften aus dem Theme. Gleichartiges nebeneinander steht in gemeinsamen Grid-Zeilen. */

.iwn-wz {
	--iwn-c-pflaume: var(--iwn-pflaume);
	--iwn-c-gold: var(--iwn-gold);
	--iwn-c-nacht: var(--iwn-nacht);
	--iwn-c-kante: var(--iwn-kante);
	--iwn-c-mauve: var(--iwn-mauve);
	box-sizing: border-box;
	display: grid;
	gap: 14px;
	align-content: start;
	min-width: 0;
	padding: clamp(18px, 4vw, 28px);
	border-radius: 8px;
	background: var(--iwn-malve);
	color: var(--iwn-tinte);
}
.iwn-wz *, .iwn-wz *::before, .iwn-wz *::after { box-sizing: border-box; }
body .iwn-wz > * { margin-block: 0; min-width: 0; }
.iwn-wz[hidden] { display: none; }
.iwn-wz h3, .iwn-wz h4 { font-family: var(--iwn-titelschrift); color: inherit; margin: 0; }
.iwn-wz h3 { font-size: clamp(1.5rem, 3.4vw, 1.875rem); line-height: 1.15; outline: none; }
.iwn-wz h4 { font-size: 1.25rem; line-height: 1.2; }
:where(.iwn-wz) p { margin: 0; }
.iwn-wz a.iwn-knopf { text-decoration: none; text-align: center; }
.iwn-wz .iwn-knopf { min-height: 44px; }
.iwn-wz .iwn-knopf[hidden] { display: none; }
.iwn-wz .iwn-knopf--dunkel { background: var(--iwn-pflaume); color: #FFFFFF; }
.iwn-wz .iwn-knopf--leise { border-color: var(--iwn-mauve); color: var(--iwn-pflaume); background: transparent; }
.iwn-wz .iwn-zahlknopf { color: var(--iwn-pflaume); border-color: var(--iwn-pflaume); }
.iwn-wz .iwn-zahlknopf[aria-pressed="true"] { background: var(--iwn-pflaume); color: #FFFFFF; border-color: var(--iwn-pflaume); }
.iwn-wz .iwn-zahlknopf:hover { background: var(--iwn-gold); color: var(--iwn-nacht); border-color: var(--iwn-gold); }
.iwn-wz > .iwn-reihe { margin-top: 0; }
.iwn-wz--buehne { margin-top: 28px; scroll-margin-top: 90px; }
.iwn-wz--buehne:focus { outline: none; }
.iwn-wz__feld { display: grid; gap: 4px; min-width: 0; align-content: start; }
.iwn-wz__feld label { font-weight: 500; }
.iwn-wz__eingabe { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--iwn-kante); border-radius: 6px; background: #FFFFFF; color: var(--iwn-tinte); font: inherit; }
textarea.iwn-wz__eingabe { display: block; resize: vertical; }
.iwn-wz-formular { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 12px; align-items: start; }
.iwn-wz-formular[hidden] { display: none; }
.iwn-wz-links { display: flex; flex-wrap: wrap; gap: 8px; }
.iwn-wz-pflicht { padding: 12px 14px; border-inline-start: 4px solid var(--iwn-magenta); background: #FFFFFF; font-weight: 500; }
.iwn-wz-herkunft { font-weight: 500; }
.iwn-wz-fuss { display: grid; gap: 10px; justify-items: start; margin-top: 20px; padding-top: 16px; border-top: 1px dashed var(--iwn-kante); }
.iwn-wz-fuss .iwn-klein { margin: 0; }
.iwn-wz-fuss .iwn-textknopf { display: inline; padding: 0; font: inherit; color: var(--iwn-pflaume); background: none; border: 0; text-decoration: underline; cursor: pointer; text-align: left; }
.iwn-wz-fuss .iwn-knopf--leise { border-color: var(--iwn-mauve); color: var(--iwn-pflaume); }
.iwn-wzseite > .iwn-wz-fuss { max-width: 46rem; }

/* ---------- /werkzeuge/: Kacheln fluchten über gemeinsame Zeilen ---------- */
.iwn-wzkacheln.iwn-karten { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.iwn-wzkacheln > .iwn-karte { padding: 18px; border-radius: var(--iwn-rund); background: var(--iwn-malve); }
.iwn-wzkacheln h3 { font-family: var(--iwn-titelschrift); font-size: 1.375rem; line-height: 1.15; }
.iwn-wzkacheln .wp-block-button__link[aria-current="true"] { background: var(--iwn-magenta); color: #FFFFFF; }

/* ---------- W4 Meine Aufgaben: vier gemeinsame Zeilen je Reihe ---------- */
.iwn-wz-aufgaben { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.iwn-wz-aufgaben__leer { grid-column: 1 / -1; }
.iwn-wz-aufgabe { display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 12px; min-width: 0; padding: 16px; border-radius: 8px; background: #FFFFFF; }
.iwn-wz-aufgabe > * { min-width: 0; }
.iwn-wz-aufgabe h4 { overflow-wrap: anywhere; }
.iwn-wz-aufgabe__knoepfe { display: flex; flex-wrap: wrap; gap: 8px; align-content: start; }
.iwn-wz-aufgabe .iwn-woche { border-top: 0; padding-top: 0; }
.iwn-wz-aufgabe .iwn-woche .iwn-abfrage__knoepfe { gap: 6px; }

/* ---------- W2 Mein Heft ---------- */
.iwn-wz-seite { display: grid; gap: 14px; min-width: 0; }
.iwn-wz-seite > * { min-width: 0; }
.iwn-wz-seite__titel { font-family: var(--iwn-titelschrift); font-weight: 700; font-size: 1.25rem; }
.iwn-wz-heftwahl { max-width: 28rem; }
.iwn-wz-anleitung { display: grid; gap: 10px; padding: 16px; border-radius: 8px; background: #FFFFFF; }
.iwn-wz-anleitung ol { margin: 0; padding-left: 1.3em; }
.iwn-wz-anleitung li + li { margin-top: 6px; }
.iwn-wz-anleitung__name { font-weight: 500; color: var(--iwn-pflaume); }
.iwn-wz-anleitung__pass { padding-inline-start: 12px; border-inline-start: 3px solid var(--iwn-gold); }
.iwn-wz-anleitung__unter { padding-top: 8px; border-top: 1px dashed var(--iwn-kante); }
.iwn-wz-anleitung__unter > * + * { margin-top: 8px; }
.iwn-wz-anleitung__unter summary { cursor: pointer; font-weight: 500; }
.iwn-wz-skala { display: grid; gap: 8px; }
.iwn-wz-skala__titel { font-weight: 500; }
.iwn-wz-skala .iwn-zahlknopf { min-width: 44px; min-height: 44px; padding: 0 6px; font-size: 1.0625rem; }
.iwn-wz-blatt { display: grid; gap: 12px; justify-items: stretch; min-width: 0; }
.iwn-wz-blatt > .iwn-knopf { justify-self: start; }
.iwn-wz-leiter { display: grid; grid-template-columns: 44px minmax(0, 1fr) 84px; gap: 8px; align-items: center; }
.iwn-wz-leiter__kopf { font-weight: 500; }
.iwn-wz-leiter__nr { font-family: var(--iwn-titelschrift); font-weight: 700; font-size: 1.25rem; text-align: center; }
.iwn-wz-spalten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.iwn-wz-spalten__kopf { font-weight: 700; }
.iwn-wz-liste { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.iwn-wz-liste li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: center; }
.iwn-wz-liste input[type="checkbox"] { width: 22px; height: 22px; margin: 0; accent-color: var(--iwn-magenta); }

/* ---------- W1 Kartenraum ---------- */
.iwn-wz--karten, .iwn-wz.iwn-wz--karten { background: var(--iwn-nacht); color: var(--iwn-hell); }
.iwn-wz--karten .iwn-klein { color: inherit; }
.iwn-wz--karten .iwn-knopf--leise { border-color: var(--iwn-kante); color: inherit; }
.iwn-wz--karten .iwn-knopf--gold { background: var(--iwn-gold); color: var(--iwn-nacht); }
.iwn-wz--karten .iwn-zahlknopf { color: inherit; border-color: var(--iwn-mauve); }
.iwn-wz--karten .iwn-wz-fuss { border-color: var(--iwn-mauve); }
.iwn-wz--karten :focus-visible { outline-color: var(--iwn-gold); }
.iwn-kk { display: grid; gap: 14px; min-width: 0; }
.iwn-kk > * { min-width: 0; }
.iwn-kk__klappe > summary { cursor: pointer; font-weight: 500; min-height: 28px; }
.iwn-kk__klappe > .iwn-kk { margin-top: 14px; }
/* In der Lektion ist der Kartenraum nur ein ruhiger Hinweis: ein schmaler Streifen, bis jemand ihn öffnet. */
.iwn-wz--karten:has(> .iwn-kk__klappe:not([open])) { padding-block: 12px; }
.iwn-kk__schritt { font-weight: 500; }
.iwn-kk__grenze { padding: 10px 14px; border-inline-start: 3px solid var(--iwn-gold); background: rgba(246, 238, 244, .08); }
.iwn-kk__decktitel { font-size: 1.375rem; }
.iwn-kk__decks { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: 10px; }
.iwn-kk__deck { display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 4px; padding: 14px; border: 1px solid var(--iwn-mauve); border-radius: 8px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background .15s ease, color .15s ease; }
.iwn-kk__deck:hover { background: var(--iwn-gold); color: var(--iwn-nacht); border-color: var(--iwn-gold); }
.iwn-kk__deckname { font-family: var(--iwn-titelschrift); font-weight: 700; font-size: 1.25rem; line-height: 1.15; }
.iwn-kk__deckzahl, .iwn-kk__deckregel { font-size: 1rem; }
.iwn-kk__tisch { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; padding-block: 8px; }
.iwn-kk__rest { font-weight: 500; }

/* Das Deck: eigene Rückseite aus den Farben des Themes, keine Nachzeichnung fremder Karten. */
.iwn-kk__stapel { position: relative; width: 132px; height: 186px; flex: none; padding: 0; border: 0; background: none; color: var(--iwn-nacht); cursor: pointer; }
.iwn-kk__stapelkarte, .iwn-kk__ruecken { background-color: #4F3350; background-image: radial-gradient(circle at 50% 50%, rgba(247, 185, 85, .95) 0 7%, rgba(247, 185, 85, 0) 8%), repeating-conic-gradient(from 0deg at 50% 50%, rgba(247, 185, 85, .4) 0 6deg, transparent 6deg 30deg), radial-gradient(circle at 50% 50%, #A8306C 0, #4F3350 62%); box-shadow: inset 0 0 0 2px rgba(247, 185, 85, .75), inset 0 0 0 7px #2B2230, inset 0 0 0 8px rgba(247, 185, 85, .4); }
.iwn-kk__stapelkarte { position: absolute; inset: 0; border-radius: 10px; transition: transform .25s var(--iwn-weich, ease); }
.iwn-kk__stapelkarte:nth-child(1) { transform: translate(6px, 6px) rotate(2.5deg); }
.iwn-kk__stapelkarte:nth-child(2) { transform: translate(3px, 3px) rotate(1deg); }
.iwn-kk__stapel:hover .iwn-kk__stapelkarte:nth-child(3), .iwn-kk__stapel:focus-visible .iwn-kk__stapelkarte:nth-child(3) { transform: translateY(-8px) rotate(-1.5deg); }
.iwn-kk__stapeltext { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); padding: 4px 10px; border-radius: 999px; background: var(--iwn-gold); font-weight: 700; font-size: 1rem; white-space: nowrap; }

/* Gezogene Karten: Nummer, Titel, Text und Frage stehen je Reihe auf einer Linie. Die Rückseite liegt obenauf und fällt in der Mitte der Drehung weg. */
.iwn-kk__reihe { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 16px; perspective: 1200px; }
.iwn-kk__karte { position: relative; display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 8px; min-width: 0; padding: 16px; border-radius: 10px; background: var(--iwn-papier); color: var(--iwn-tinte); box-shadow: inset 0 0 0 2px var(--iwn-gold), 0 14px 30px -18px #000; outline: none; }
.iwn-kk__karte:focus-visible { outline: 3px solid var(--iwn-gold); outline-offset: 2px; }
.iwn-kk__karte > * { min-width: 0; }
.iwn-kk__nr { font-weight: 700; color: var(--iwn-magenta); }
.iwn-wz .iwn-kk__titel { color: var(--iwn-pflaume); font-size: 1.25rem; overflow-wrap: anywhere; }
.iwn-kk__titel:empty { display: block; height: 0; }
.iwn-kk__text { display: grid; gap: 6px; align-content: start; overflow-wrap: anywhere; }
.iwn-wz .iwn-kk__text .iwn-klein { color: var(--iwn-grau); }
.iwn-kk__frage { align-self: end; font-family: var(--iwn-titelschrift); font-weight: 700; font-size: 1.125rem; color: var(--iwn-pflaume); }
.iwn-kk__ruecken { display: none; position: absolute; inset: 0; border-radius: 10px; }
.iwn-kk__karte.ist-neu { transform-style: preserve-3d; animation: iwn-kk-wende .9s cubic-bezier(.35, .05, .25, 1) both; }
.iwn-kk__karte.ist-neu .iwn-kk__ruecken { display: block; animation: iwn-kk-rueckseite .9s linear both; }
@keyframes iwn-kk-wende {
	0% { transform: translateY(14px) rotateY(0deg) scale(.96); }
	49.9% { transform: translateY(-8px) rotateY(90deg) scale(1.02); }
	50% { transform: translateY(-8px) rotateY(-90deg) scale(1.02); }
	100% { transform: translateY(0) rotateY(0deg) scale(1); }
}
@keyframes iwn-kk-rueckseite { 0%, 49.9% { opacity: 1; } 50%, 100% { opacity: 0; } }

/* ---------- W3 Klangraum und :::stille ---------- */
.iwn-stille__status:empty { display: none; }
.iwn-stille__mehr > summary { cursor: pointer; font-weight: 500; }
.iwn-stille__wahl { display: grid; gap: 6px; margin-top: 12px; }
.iwn-stille__wahltitel { margin: 0; font-weight: 500; }
.iwn-stille__mehr .iwn-klein { margin: 12px 0 0; }
.iwn-stille .iwn-zahlknopf { border-color: var(--iwn-pflaume); color: var(--iwn-pflaume); }
.iwn-stille .iwn-zahlknopf[aria-pressed="true"] { background: var(--iwn-pflaume); color: #FFFFFF; border-color: var(--iwn-pflaume); }
.iwn-wz .iwn-stille { padding: 16px; background: #FFFFFF; }
.iwn-wz .iwn-stille .iwn-knopf--dunkel { min-height: 44px; padding: 0 16px; border: 0; border-radius: 6px; font-size: 1rem; cursor: pointer; }
.iwn-wz .iwn-atem { padding: 16px; background: #FFFFFF; }
.iwn-wz .iwn-atem .iwn-knopf--dunkel { min-height: 44px; padding: 0 16px; border: 0; border-radius: 6px; font-size: 1rem; cursor: pointer; }
.iwn-wz-unterwegs { display: grid; gap: 10px; padding: 16px; border-radius: 8px; border: 2px dashed var(--iwn-kante); }
.iwn-wz-unterwegs ol { margin: 0; padding-left: 1.3em; }

/* ---------- W8 Blatt ---------- */
.iwn-blatt__buehne { position: relative; width: 100%; aspect-ratio: 3 / 2; border-radius: 4px; background: #FFFDF7; box-shadow: 0 10px 26px -18px rgba(36, 26, 43, .8); overflow: hidden; }
.iwn-blatt__buehne.ist-zerrissen { background: transparent; box-shadow: none; overflow-x: clip; overflow-y: visible; }
.iwn-blatt__buehne[hidden] { display: none; }
.iwn-blatt__flaeche { display: block; width: 100%; height: 100%; touch-action: none; cursor: crosshair; }
.iwn-blatt__flaeche[hidden] { display: none; }
.iwn-blatt__flaeche:focus-visible { outline: 3px solid var(--iwn-magenta); outline-offset: -3px; }
.iwn-blatt__werkzeug { display: grid; gap: 4px; }
.iwn-blatt__werkzeug[hidden] { display: none; }
.iwn-blatt__werkzeug label { font-weight: 500; }
.iwn-blatt__stueck { position: absolute; inset: 0; width: 100%; height: 100%; background: #FFFDF7; }
.iwn-blatt__stueck--links { clip-path: polygon(0 0, 52% 0, 47% 12%, 54% 24%, 46% 38%, 53% 52%, 45% 66%, 52% 80%, 47% 90%, 51% 100%, 0 100%); animation: iwn-reissen-links 1.1s ease-in forwards; }
.iwn-blatt__stueck--rechts { clip-path: polygon(52% 0, 100% 0, 100% 100%, 51% 100%, 47% 90%, 52% 80%, 45% 66%, 53% 52%, 46% 38%, 54% 24%, 47% 12%); animation: iwn-reissen-rechts 1.1s ease-in forwards; }
@keyframes iwn-reissen-links { 0% { transform: none; opacity: 1; } 30% { transform: translate(-2%, 1%) rotate(-2deg); opacity: 1; } 100% { transform: translate(-24%, 70%) rotate(-24deg); opacity: 0; } }
@keyframes iwn-reissen-rechts { 0% { transform: none; opacity: 1; } 30% { transform: translate(2%, 1%) rotate(2deg); opacity: 1; } 100% { transform: translate(24%, 76%) rotate(26deg); opacity: 0; } }
.iwn-blatt__meldung:empty { display: none; }

/* ---------- W10 Körperkarte ---------- */
.iwn-koerper { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.iwn-koerper__figur { display: block; width: 100%; height: auto; }
.iwn-koerper__leib { fill: var(--iwn-kante); }
.iwn-koerper__punkt { fill: #FFFFFF; stroke: var(--iwn-pflaume); stroke-width: 2.5; cursor: pointer; }
.iwn-koerper__punkt.ist-an { fill: var(--iwn-magenta); }
.iwn-koerper__orte { display: flex; flex-direction: column-reverse; justify-content: space-between; gap: 6px; min-width: 0; }
.iwn-wz .iwn-saeulenknopf { width: 100%; background: #FFFFFF; color: var(--iwn-pflaume); border-radius: 6px; }
.iwn-wz .iwn-saeulenknopf::before { background: var(--iwn-pflaume); }
.iwn-wz .iwn-saeulenknopf[aria-pressed="true"] { background: var(--iwn-pflaume); color: #FFFFFF; }
.iwn-wz .iwn-saeulenknopf[aria-pressed="true"]::before { background: var(--iwn-gold); }
.iwn-koerper__frage { font-family: var(--iwn-titelschrift); font-weight: 700; font-size: 1.25rem; line-height: 1.25; color: var(--iwn-pflaume); }

/* ---------- W9 Liegende Acht ---------- */
.iwn-acht { display: block; width: 100%; max-width: 40rem; height: auto; }
.iwn-acht__linie { fill: none; stroke: var(--iwn-kante); stroke-width: 6; stroke-linecap: round; }
.iwn-acht__punkt { fill: var(--iwn-magenta); }

/* ---------- W12 Merkzettel ---------- */
.iwn-wz--merkzettel ol, .iwn-wz--merkzettel ul { margin: 0; padding-left: 1.3em; }
.iwn-wz--merkzettel li + li { margin-top: 6px; }

/* ---------- W5 Wunschtafel: fünf Zeilen, ein Raster ---------- */
.iwn-wt { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 16px; }
.iwn-wt__feld { display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 12px; min-width: 0; padding: 14px; border-radius: 8px; background: #FFFFFF; }
.iwn-wt__feld > * { min-width: 0; }
.iwn-wt__bildbereich { display: grid; gap: 8px; align-content: start; }
.iwn-wt__bild { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 6px; background: var(--iwn-malve); color: var(--iwn-grau); text-align: center; }
.iwn-wt__bild img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- W7 Lebenslinie ---------- */
.iwn-linie__bild { display: block; width: 100%; height: auto; background: #FFFFFF; border-radius: 8px; }
.iwn-linie__strich { stroke: var(--iwn-pflaume); stroke-width: 3; stroke-linecap: round; }
.iwn-linie__gut { fill: var(--iwn-gold); stroke: var(--iwn-pflaume); stroke-width: 2; }
.iwn-linie__schwer { fill: var(--iwn-pflaume); }
.iwn-linie__alter { font-size: 14px; fill: var(--iwn-grau); }
.iwn-linie__wort { font-size: 15px; font-weight: 500; fill: var(--iwn-tinte); }
.iwn-linie__liste, .iwn-familie__listen ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.iwn-linie__liste:empty, .iwn-familie__listen:empty { display: none; }
.iwn-linie__liste li, .iwn-familie__listen li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px 0; border-top: 1px dashed var(--iwn-kante); overflow-wrap: anywhere; }

/* ---------- W6 Familienbild ---------- */
.iwn-familie__bild { display: block; width: 100%; height: auto; background: #FFFFFF; border-radius: 8px; }
.iwn-familie__form { fill: var(--iwn-papier); stroke: var(--iwn-pflaume); stroke-width: 2.5; }
.iwn-familie__name { font-size: 15px; fill: var(--iwn-tinte); }
.iwn-familie__linie { stroke-width: 3; }
.iwn-familie__linie--nah { stroke: var(--iwn-magenta); }
.iwn-familie__linie--fern { stroke: var(--iwn-grau); stroke-dasharray: 7 7; }
.iwn-familie__listen { display: grid; gap: 12px; }

/* ---------- Mein Bereich, Preise ---------- */
.iwn-bereichsmenue { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-bottom: 12px; border-bottom: 1px solid var(--iwn-kante); font-weight: 500; }
.iwn-bereichsmenue [aria-current="page"] { color: var(--iwn-magenta); text-decoration: none; }
/* Zwei gleichwertige Zeilen. Der Block beginnt oben in seiner Grid-Zeile, so fluchtet die erste Preiszeile auch neben einer Karte mit nur einem Preis. */
.iwn-preiswahl { display: grid; gap: 2px; align-self: start; align-content: start; }
.iwn-preiswahl .iwn-preis { margin: 0; font-size: 1.5rem; line-height: 1.2; align-self: auto; }
.iwn-paket .iwn-preiswahl { margin-top: 12px; }
.iwn-paket .iwn-preiswahl .iwn-preis { color: var(--iwn-gold); }
.iwn-vorzug-hinweis { margin-top: 18px; max-width: 46rem; }
.iwn-uebergabe__mit[hidden], .iwn-uebergabe__mit label[hidden] { display: none; }
.iwn-anmeldeform .iwn-uebergabe__mit label { display: block; }
.iwn-uebergabe__mit .iwn-klein { margin-top: 4px; }

/* ---------- Druck: Nur die gewählte Seite, Karte oder Tafel ---------- */
.iwn-druck-ziel { display: none; }
@media print {
	body.iwn-druckt > *:not(.iwn-druck-ziel) { display: none !important; }
	body.iwn-druckt > .iwn-druck-ziel { display: block; color: #000000; background: #FFFFFF; font-size: 12pt; }
	.iwn-druck-ziel h2 { margin: 0 0 12pt; font-size: 18pt; color: #000000; }
	.iwn-druck-text { margin: 8pt 0 0; white-space: pre-wrap; font: inherit; }
	.iwn-druck-tabelle { width: 100%; border-collapse: collapse; }
	.iwn-druck-tabelle th, .iwn-druck-tabelle td { width: 50%; padding: 6pt; border: 1px solid #999999; text-align: left; vertical-align: top; }
	.iwn-druck-linie { display: block; height: 24pt; border-bottom: 1px solid #999999; }
	.iwn-druck-karte { max-width: 9.5cm; padding: 12pt; border: 1px dashed #666666; }
	.iwn-druck-tafel img { display: block; max-width: 100%; max-height: 7cm; margin: 6pt 0; }
	.iwn-druck-tafel section { break-inside: avoid; margin-bottom: 14pt; }
	.iwn-druck-ziel svg { display: block; width: 100%; height: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.iwn-kk__karte.ist-neu, .iwn-kk__karte.ist-neu .iwn-kk__ruecken { animation: none; }
	.iwn-kk__karte.ist-neu .iwn-kk__ruecken { display: none; }
	.iwn-kk__stapelkarte, .iwn-kk__deck { transition: none; }
	.iwn-kk__stapel:hover .iwn-kk__stapelkarte:nth-child(3) { transform: none; }
	.iwn-blatt__stueck { display: none; }
}
@media (max-width: 480px) {
	.iwn-wz-skala .iwn-zahlknopf { min-width: 40px; min-height: 40px; }
	.iwn-koerper { grid-template-columns: minmax(0, 120px) minmax(0, 1fr); }
	.iwn-wz-leiter { grid-template-columns: 30px minmax(0, 1fr) 70px; }
}