/* solvero.de – Übungsblatt „Wer will ich sein?“ – am Bildschirm als Blatt, beim Drucken genau eine A4-Seite. */
.uebung-bildschirm { padding-top: calc(var(--space-xxxl) + 3rem); padding-bottom: var(--space-lg); }
.uebung-h1 { font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); margin-bottom: var(--space-sm); }
.uebung-knoepfe { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-md); }

.uebungsblatt {
    max-width: 210mm; margin: 0 auto var(--space-xxl);
    background: var(--white); border: 1px solid var(--black);
    padding: 14mm 16mm; color: var(--black);
    font-family: var(--font-body);
}
.blatt-kopf { text-align: center; border-bottom: 2px solid var(--black); padding-bottom: 4mm; margin-bottom: 6mm; }
.blatt-kopf h2 { font-size: 26pt; font-weight: normal; letter-spacing: 1px; margin: 0; }
.blatt-kopf h2::after { display: none; }
.blatt-kopf p { font-style: italic; margin: 1mm 0 0; font-size: 11pt; }
.feld { margin-bottom: 5mm; break-inside: avoid; }
.feld h3 { font-size: 13pt; margin: 0 0 1mm; font-weight: bold; }
.feld .hilfe { font-size: 9.5pt; font-style: italic; color: var(--gray-400); margin: 0 0 1mm; line-height: 1.4; }
.linie { display: block; height: 8.5mm; border-bottom: 1px solid var(--gray-500); }
.feld-raster { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm 8mm; }
.feld-satz { border: 2px solid var(--black); padding: 3mm 5mm 4mm; }
.satz-start { font-size: 13pt; margin: 2mm 0 0; }
.handlungen { margin: 0; padding-left: 6mm; }
.handlungen li { padding-left: 1mm; }
.blatt-fuss { display: flex; justify-content: space-between; gap: 6mm; border-top: 1px solid var(--black); padding-top: 2mm; margin-top: 4mm; font-size: 9pt; color: var(--gray-400); }

@media (max-width: 600px) {
    .uebungsblatt { padding: 8mm 6mm; }
    .feld-raster { grid-template-columns: 1fr; }
    .blatt-fuss { flex-direction: column; }
}

@page { size: A4; margin: 10mm; }
@media print {
    .site-header, .mobile-menu-overlay, .site-footer, .uebung-bildschirm, .skip-link { display: none !important; }
    html, body { background: #fff !important; }
    body { margin: 0; padding: 0; }
    main { margin: 0 !important; padding: 0 !important; }
    .uebungsblatt { border: 0; margin: 0; padding: 0; max-width: none; }
    .fade-in { opacity: 1 !important; transform: none !important; }
}