/* GENERIERT aus build/client/*.css von build/client-bundle.mjs — nicht hier editieren. */
/* ---- build/client/p10-unterricht.css ---- */
/* Seite „Unterricht“ (Paket P10, 06.11.2026): Ablauf, Bausteine, Arbeitsblatt (Druck), Einbett-Konfigurator.
   Farben nur über Theme-Variablen (Hell und Dunkel); das Arbeitsblatt ist Papier und bleibt immer schwarz auf weiß.
   Symbole als SVG, keine Emoji. Bewegung 150–350 ms, prefers-reduced-motion → fast sofort. */

.p10 { --p10-ease: cubic-bezier(.2, .7, .2, 1); }
.p10 [id] { scroll-margin-top: calc(var(--header-h) + 2.5rem); }
.p10 h2 { margin-bottom: .5rem; }
.p10 .note { max-width: 62ch; }

/* ---------- Kopf: Sprungmarken als Pillen ---------- */
.p10-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.4rem; }
.p10-chips a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 1rem; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); font-weight: 600; font-size: .92rem; text-decoration: none; transition: background-color .2s, border-color .2s, scale .15s; }
.p10-chips a:hover { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-ink); }
.p10-chips a:active { scale: .97; }

/* ---------- Ablauf der Stunde ---------- */
.p10-balken { display: flex; gap: 4px; margin: 1.6rem 0 1.2rem; height: 2.4rem; }
.p10-balken > span { flex-basis: 0; display: grid; place-items: center; min-width: 0; border-radius: 10px; transform: scaleX(0); transform-origin: left; transition: transform .6s var(--p10-ease); }
.p10-balken > span:nth-child(1) { background: var(--gold-soft); color: var(--ink); transition-delay: 0s; }
.p10-balken > span:nth-child(2) { background: var(--beob-a-soft); color: var(--ink); transition-delay: .08s; }
.p10-balken > span:nth-child(3) { background: var(--accent-soft); color: var(--ink); transition-delay: .16s; }
.p10-balken > span:nth-child(4) { background: var(--beob-b-soft); color: var(--ink); transition-delay: .24s; }
.p10-balken.in > span { transform: none; }
.p10-balken b { font-size: .82rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.p10-ablauf { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; counter-reset: p10a; }
.p10-ablauf__s { padding: 1.1rem 1.2rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.p10-ablauf__s h3 { font-family: var(--font-sans); font-size: 1.05rem; margin: .5rem 0 .1rem; }
.p10-ablauf__s p { margin: .3rem 0 0; font-size: .95rem; color: var(--ink-soft); }
.p10-ablauf__s .p10-ablauf__min { font-weight: 700; color: var(--gold); font-variant-numeric: tabular-nums; font-size: .9rem; }
.p10-ablauf__nr, .p10-step__nr { display: inline-grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--ink); color: var(--bg); font-weight: 700; font-size: .9rem; flex: none; }
@media (max-width: 900px) { .p10-ablauf { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .p10-ablauf { grid-template-columns: 1fr; } }

/* ---------- Kacheln: unterschiedlich große Fläche, „magnetischer“ Hover ---------- */
.p10-kacheln { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin-top: 1.6rem; }
.p10-kachel { --ton: color-mix(in srgb, var(--h) 10%, var(--surface)); position: relative; isolation: isolate; display: grid; align-content: space-between; gap: 1.2rem; min-height: 8.5rem; padding: 1.1rem 1.2rem; border-radius: var(--radius-lg); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-sm); transition: scale .15s, box-shadow .25s; }
.p10-kachel::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--ton); transition: opacity .25s; }
.p10-kachel:first-of-type { grid-row: span 2; min-height: 17.5rem; }
.p10-kachel:last-of-type { grid-column: span 3; min-height: 6.5rem; }
.p10-kachel:first-of-type .p10-kachel__t { font-size: clamp(1.3rem, 2.4vw, 1.7rem); }
.p10-kachel__nr { position: absolute; top: 1rem; right: 1.2rem; font-family: var(--font-display); font-size: 1.1rem; color: var(--h); font-variant-numeric: tabular-nums; opacity: .85; }
.p10-kachel__t { font-family: var(--font-display); font-weight: 600; font-size: 1.12rem; line-height: 1.25; max-width: 24ch; }
.p10-kachel__m { font-size: .82rem; color: var(--ink-soft); }
.p10-ico { width: 2.6rem; height: 2.6rem; color: var(--h); }
.p10-kachel:first-of-type .p10-ico { width: 3.4rem; height: 3.4rem; }
.p10-kachel:active { scale: .97; }
.p10-kachel:focus-visible { outline: 3px solid var(--h); outline-offset: 3px; }
.p10-gleiter { position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 0; border-radius: var(--radius-lg); background: color-mix(in srgb, var(--gl, var(--accent)) 24%, var(--surface)); opacity: 0; pointer-events: none; transition: translate .3s var(--p10-ease), width .3s var(--p10-ease), height .3s var(--p10-ease), opacity .2s, background-color .3s; }
.p10-gleiter.ist-an { opacity: 1; }
.p10-kacheln.hat-gleiter .p10-kachel.ist-ueber::before { opacity: 0; }
.p10-kacheln.hat-gleiter .p10-kachel.ist-ueber { box-shadow: none; }
/* Linie zeichnen: einmal beim Hereinscrollen, dann bei jedem Überfahren */
@keyframes p10-zeichnen { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
.p10-kacheln.in .p10-ico path, .p10-kacheln.in .p10-ico circle { stroke-dasharray: 1; animation: p10-zeichnen .9s var(--p10-ease) both; }
.p10-kacheln.in .p10-kachel:hover .p10-ico path, .p10-kacheln.in .p10-kachel:hover .p10-ico circle,
.p10-kacheln.in .p10-kachel:focus-visible .p10-ico path, .p10-kacheln.in .p10-kachel:focus-visible .p10-ico circle { animation: p10-zeichnen2 .7s var(--p10-ease) both; }
@keyframes p10-zeichnen2 { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@media (max-width: 900px) {
  .p10-kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p10-kachel:first-of-type { grid-row: auto; grid-column: span 2; min-height: 10rem; }
  .p10-kachel:last-of-type { grid-column: span 2; }
}
@media (max-width: 560px) {
  .p10-kacheln { grid-template-columns: 1fr; }
  .p10-kachel:first-of-type, .p10-kachel:last-of-type { grid-column: auto; min-height: 8.5rem; }
}

/* ---------- Ein Stundenbaustein ---------- */
.p10-bausteine { display: grid; gap: clamp(2rem, 5vw, 3.5rem); padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.p10-b { --ton: color-mix(in srgb, var(--h) 9%, var(--surface)); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-md); padding: clamp(1.2rem, 3vw, 2.2rem); }
.p10-b__kopf { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; align-items: start; margin-bottom: 1.4rem; }
.p10-b__nr { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 16px; background: var(--ton); color: var(--h); font-family: var(--font-display); font-weight: 600; font-size: 1.6rem; box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--h) 40%, transparent); }
.p10-b__kopf h3 { font-size: clamp(1.4rem, 3vw, 2rem); margin: 0 0 .8rem; }
.p10-meta { display: grid; grid-template-columns: 2fr 1.4fr .8fr; gap: .8rem 1.4rem; margin: 0; }
.p10-meta dt { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--gold); }
.p10-meta dd { margin: .15rem 0 0; font-size: .95rem; color: var(--ink-soft); }
@media (max-width: 900px) { .p10-meta { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .p10-b__kopf { grid-template-columns: 1fr; } }

.p10-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.p10-step { border-radius: var(--radius); background: var(--ton); padding: 1rem 1.2rem 1.1rem; }
.p10-step__kopf { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.p10-step__kopf h4 { margin: 0; font-family: var(--font-sans); font-size: 1.1rem; }
.p10-step__min { margin-left: auto; font-size: .85rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ink-soft); }
.p10-step__koerper { margin-top: .8rem; }
.p10-step__koerper p { font-size: 1rem; }
.p10-lead-klein { margin: 0 0 .6rem; font-size: .92rem !important; color: var(--ink-soft); }
.p10-frage { font-weight: 560; font-size: 1.08rem !important; margin: 0 0 .7rem; }
.p10-optionen { list-style: none; padding: 0; margin: 0 0 .5rem; display: grid; gap: .5rem; }
.p10-opt { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: .7rem; align-items: start; padding: .6rem .8rem; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); }
.p10-opt b { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 2px solid var(--h); color: var(--h); font-weight: 700; }
.p10-opt span { padding-top: .35rem; }
.p10-knoepfe { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
.p10-knoepfe .btn { min-height: 44px; }
/* Dunkelmodus: Weiß auf dem hellen --accent (#7aa2ff) hat nur 2,5 : 1. Dunkle Schrift #0d1530: 7,2 : 1 (Hover #a9c2ff: 10,2 : 1).
   Gemessen 06.11.2026; gilt nur im Unterricht – site-weit siehe NACHARBEIT.md. */
[data-theme="dark"] .p10 .btn-primary, [data-theme="dark"] .p10 .btn-primary:hover { color: #0d1530; }
.p10-fragen { margin: 0; padding-left: 1.4rem; display: grid; gap: .7rem; }
.p10-fragen > li::marker { font-weight: 700; color: var(--h); }
.p10-fragen > li > p { margin: 0 0 .2rem; }
.p10-kern { margin: 0 0 .4rem; padding-left: 1.2rem; display: grid; gap: .5rem; }
.p10-kern li { font-size: 1rem; }
.p10 details.deep.p10-d { margin-block: .5rem 0; box-shadow: none; background: color-mix(in srgb, var(--surface) 70%, transparent); }
.p10 details.deep.p10-d > summary { padding: .65rem 1rem; font-size: .93rem; min-height: 44px; }
.p10 details.deep.p10-d .deep-body { padding: 0 1rem 1rem; }
.p10 details.deep.p10-d .deep-body p { margin: 0 0 .6rem; font-size: .97rem; }
.p10 details.deep.p10-d .deep-body p:last-child { margin-bottom: 0; }

.p10-fehl { margin-top: 1.6rem; }
.p10-fehl h4 { margin: 0 0 .7rem; }
.p10-fehl ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.p10-fehl li { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.p10-fehl p { margin: 0; padding: .8rem 1rem; border-radius: 12px; font-size: .96rem; }
.p10-fehl__f { background: var(--beob-b-soft); }
.p10-fehl__k { background: var(--beob-a-soft); }
.p10-fehl p span { display: block; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--ink-soft); margin-bottom: .2rem; }
@media (max-width: 700px) { .p10-fehl li { grid-template-columns: 1fr; } }
.p10-hinweis { margin-top: 1.4rem; }
.p10-verwandt { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1.1rem; margin: 1.4rem 0 0; font-size: .95rem; }
.p10-verwandt > span { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--gold); }

/* ---------- Arbeitsblatt: Leiste und Vorschau ---------- */
.p10 .widget.p10-blatt { margin: 1.6rem 0 1rem; box-shadow: none; background: var(--bg-soft); }
.p10-blatt__leiste { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; }
.p10-blatt__note { margin: 0; font-size: .88rem; color: var(--ink-faint); }
.p10-druckknopf { min-height: 44px; }
.p10-druckknopf[hidden] { display: none; }
.p10-sheet { box-sizing: border-box; background: #fff; color: #000; font-family: var(--font-sans); line-height: 1.35; text-align: left; }
@media screen {
  .p10-sheet { max-width: 760px; margin: .2rem auto 0; padding: clamp(.9rem, 3vw, 1.6rem); border: 1px solid #c8c3b6; border-radius: 6px; box-shadow: var(--shadow-sm); font-size: .88rem; }
  .p10-sheet__kopf { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
  .p10-sheet__qr { margin: 0; width: 7.5rem; flex: none; text-align: center; }
  .p10-sheet__qr svg { display: block; width: 100%; height: auto; }
  .p10-sheet__qr figcaption { font-size: .68rem; line-height: 1.2; margin-top: .2rem; }
  .p10-sheet__kicker { margin: 0; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: #444; }
  .p10-sheet__t { margin: .15rem 0 .6rem; font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; line-height: 1.2; }
  .p10-sheet h6 { font-family: var(--font-sans); font-size: .82rem; margin: 1rem 0 .3rem; padding-bottom: .15rem; border-bottom: 2px solid #000; letter-spacing: .02em; color: #000; }
  .p10-zeile { display: block; height: 1.7rem; border-bottom: 1px solid #8a8a8a; }
  .p10-sheet__fuss { margin: 1rem 0 0; font-size: .66rem; color: #444; }
}
.p10-sheet__ich { display: flex; align-items: flex-end; gap: .4rem; margin: 0; font-size: .85em; }
.p10-sheet__ich i { flex: 1 1 8rem; border-bottom: 1px solid #000; height: 1.1em; }
.p10-sheet__ich i.kurz { flex: 0 1 6rem; }
.p10-sheet p { margin: .2rem 0; }
.p10-sheet__q { font-weight: 600; }
.p10-sheet__opt { list-style: none; margin: .3rem 0; padding: 0; display: grid; gap: .2rem; }
.p10-sheet__opt li { display: flex; align-items: baseline; gap: .45em; }
.p10-kaestchen { flex: none; width: .9em; height: .9em; border: 1.3px solid #000; border-radius: 2px; align-self: center; }
.p10-sheet__weil span { display: block; font-size: .85em; }
.p10-sheet__fragen { margin: 0; padding-left: 1.3em; display: grid; gap: .5rem; }
.p10-sheet__frage > p { margin: 0 0 .25rem; font-weight: 600; }
.p10-sheet__felder { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.p10-sheet__felder > div { border: 1px solid #000; border-radius: 3px; padding: .15rem .4rem .25rem; }
.p10-sheet__felder span:first-child { display: block; font-size: .75em; color: #333; }
.p10-sheet__mit h6 { margin-top: .8rem; }

/* ---------- Einbett-Konfigurator ---------- */
.p10 .widget.p10-konfig { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 1.6rem 2rem; align-items: start; margin-top: 1.4rem; }
.p10-konfig__form { display: grid; gap: 1.1rem; }
.p10-konfig__vorschau { grid-column: 1 / -1; }
.p10-seg { border: 0; padding: 0; margin: 0; min-width: 0; }
.p10-seg legend { padding: 0; font-size: .85rem; font-weight: 600; color: var(--ink-soft); margin-bottom: .45rem; }
.p10-seg .note { margin: .4rem 0 0; font-size: .82rem; }
.p10-seg[hidden] { display: none; }
.p10-seg { transition: opacity .25s var(--p10-ease), translate .25s var(--p10-ease), display .25s allow-discrete; }
@starting-style { .p10-seg { opacity: 0; translate: 0 -6px; } }
.p10-seg[hidden] { opacity: 0; translate: 0 -6px; }
.p10-pillen { display: flex; flex-wrap: wrap; gap: .4rem; }
.p10-pille { position: relative; }
.p10-pille input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.p10-pille span { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 1rem; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--bg); color: var(--ink-soft); font-size: .92rem; font-weight: 560; transition: background-color .2s, border-color .2s, color .2s, scale .15s; }
.p10-pille:hover span { border-color: var(--accent); color: var(--accent-ink); }
.p10-pille input:checked + span { background: var(--accent); border-color: var(--accent); color: #fff; }
.p10-pille input:active + span { scale: .97; }
.p10-pille input:focus-visible + span { outline: 3px solid var(--gold); outline-offset: 2px; }
.p10-check { display: flex; align-items: flex-start; gap: .7rem; cursor: pointer; font-size: .95rem; }
.p10-check input { width: 1.25rem; height: 1.25rem; margin-top: .15rem; accent-color: var(--accent); flex: none; }
.p10-check small { display: block; color: var(--ink-faint); font-size: .82rem; margin-top: .1rem; }
.p10-konfig__aus { display: grid; gap: .8rem; }
.p10-code { width: 100%; box-sizing: border-box; font: 500 .8rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: .8rem 1rem; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--bg); color: var(--ink); resize: vertical; min-height: 11rem; tab-size: 2; }
.p10-code:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.p10-kopierzeile { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; }
.p10-kopieren[hidden] { display: none; }
.p10-kopieren { min-height: 44px; position: relative; overflow: hidden; }
.p10-kopieren__ico { position: relative; display: inline-block; width: 20px; height: 20px; }
.p10-kopieren__ico svg { position: absolute; inset: 0; width: 20px; height: 20px; transition: opacity .2s, rotate .3s var(--p10-ease), scale .3s var(--p10-ease); }
.p10-ico-haken { opacity: 0; rotate: -60deg; scale: .4; }
.p10-ico-haken path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .35s var(--p10-ease) .1s; }
.p10-kopieren.ist-kopiert .p10-ico-kopie { opacity: 0; rotate: 60deg; scale: .4; }
.p10-kopieren.ist-kopiert .p10-ico-haken { opacity: 1; rotate: 0deg; scale: 1; }
.p10-kopieren.ist-kopiert .p10-ico-haken path { stroke-dashoffset: 0; }
.p10-kopieren.ist-kopiert { background: var(--beob-a); box-shadow: 0 0 0 4px color-mix(in srgb, var(--beob-a) 25%, transparent); }
.p10-status { min-height: 1.4em; font-size: .92rem; font-weight: 600; color: var(--ink-soft); }
.p10-vorschau__kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .4rem 1rem; margin-bottom: .6rem; }
.p10-vorschau__kopf h3 { margin: 0; font-size: 1.2rem; }
.p10-vorschau__kopf a { font-size: .9rem; font-weight: 600; }
.p10-rahmen { display: grid; max-width: 720px; border-radius: 12px; overflow: hidden; background: var(--bg); box-shadow: inset 0 0 0 1px var(--line); }
.p10-rahmen iframe { grid-area: 1 / 1; display: block; width: 100%; border: 0; height: 520px; max-height: 72vh; background: var(--bg); transition: opacity .25s; }
.p10-rahmen iframe.laedt { opacity: 0; }
.p10-datenschutz { margin-top: 1.6rem; }
@media (max-width: 900px) { .p10 .widget.p10-konfig { grid-template-columns: 1fr; } }

/* ---------- Mehr Material ---------- */
.p10-mehr { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .9rem; margin-top: 1.2rem; }
.p10-mehr__k { display: grid; gap: .25rem; padding: 1.1rem 1.2rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: translate .2s var(--p10-ease), box-shadow .25s, scale .15s; }
.p10-mehr__k:hover { translate: 0 -3px; box-shadow: var(--shadow-md); }
.p10-mehr__k:active { scale: .97; }
.p10-mehr__k span { font-size: .92rem; color: var(--ink-soft); }
.p10-beamer { list-style: none; padding: 0; margin: 1.4rem 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.p10-beamer li { padding: 1.1rem 1.2rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); }
.p10-beamer h3 { font-family: var(--font-sans); font-size: 1.05rem; margin: 0 0 .3rem; }
.p10-beamer p { margin: 0; font-size: .96rem; color: var(--ink-soft); }
@media (max-width: 900px) { .p10-beamer { grid-template-columns: 1fr; } }

.p10 a.btn:active, .p10 button.btn:active { scale: .97; }

@media (prefers-reduced-motion: reduce) {
  .p10 *, .p10 *::before, .p10 *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; transition-delay: 0s !important; animation-delay: 0s !important; }
  .p10-balken > span { transform: none; }
}

/* ---------- Druck: nur das gewählte Arbeitsblatt, eine A4-Seite, schwarz-weiß ---------- */
#p10-druck { display: none; }
@page p10 { size: A4; margin: 11mm 12mm; }
@media print {
  html[data-p10-druck] body > *:not(#p10-druck) { display: none !important; }
  html[data-p10-druck] body { background: #fff !important; color: #000 !important; margin: 0 !important; padding: 0 !important; }
  html[data-p10-druck] #p10-druck { display: block; page: p10; }
  html:not([data-p10-druck]) .p10-blatt { display: none; }
  .p10-sheet { page: p10; width: 100%; font-size: 9.2pt; line-height: 1.32; padding: 0; border: 0; box-shadow: none; -webkit-print-color-adjust: economy; print-color-adjust: economy; break-inside: avoid; }
  .p10-sheet__kopf { display: flex; justify-content: space-between; gap: 8mm; align-items: flex-start; }
  .p10-sheet__titel { flex: 1 1 auto; min-width: 0; }
  .p10-sheet__qr { margin: 0; width: 27mm; flex: none; text-align: center; }
  .p10-sheet__qr svg { display: block; width: 27mm; height: 27mm; }
  .p10-sheet__qr figcaption { font-size: 6.5pt; line-height: 1.15; margin-top: 1mm; }
  .p10-sheet__kicker { margin: 0; font-size: 7pt; letter-spacing: .1em; text-transform: uppercase; }
  .p10-sheet__t { margin: 1mm 0 3.5mm; font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-size: 14pt; line-height: 1.2; }
  .p10-sheet h6 { font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; margin: 4mm 0 1.2mm; padding-bottom: .6mm; border-bottom: .5mm solid #000; color: #000; }
  .p10-zeile { display: block; height: 5.6mm; border-bottom: .2mm solid #777; }
  .p10-sheet__fuss { margin: 3mm 0 0; font-size: 6.5pt; color: #333; }
  .p10-sheet__felder > div { border: .2mm solid #000; }
  .p10-kaestchen { border: .3mm solid #000; }
  .p10-sheet a { color: #000; text-decoration: none; }
}