/* Kartensets zum Drucken (Stunde 1 und 2), gemeinsam für alle Sprachen. Ändern: nur hier.
   Beide Sätze hintereinander; jeder endet mit seinen eigenen @media-Regeln, so bleibt die Reihenfolge wie vorher. */
/* Kartenset 1 */
*{box-sizing:border-box}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#000;background:#f2f2f2;font-size:15px;line-height:1.5}
.bar{position:sticky;top:0;background:#15171A;color:#fff;padding:10px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;z-index:5}
.bar a{color:#FFE66D}.bar button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:8px 18px;background:#FFE66D;color:#15171A;cursor:pointer}
.page{width:210mm;min-height:297mm;margin:14px auto;background:#fff;padding:14mm 15mm;box-shadow:0 2px 10px rgba(0,0,0,.2)}
h1{font-size:26px;margin:0 0 4px;line-height:1.1}h2{font-size:19px;margin:18px 0 6px}h3{font-size:16px;margin:12px 0 4px}h4{margin:0 0 4px;font-size:15px}
p{margin:4px 0}ul,ol{margin:4px 0 4px 1.2em;padding:0}li{margin:2px 0}
.sub{color:#444;margin:0 0 10px}
.grid{display:grid;grid-template-columns:repeat(3,58mm);grid-auto-rows:58mm;gap:4mm 6mm;justify-content:center;margin-top:8mm}
.card{border:1.5px dashed #000;border-radius:3mm;padding:2mm;display:flex;flex-direction:column;align-items:center;justify-content:space-between;break-inside:avoid}
.card svg{width:44mm;height:44mm}
.cap{font-weight:800;font-size:15px;letter-spacing:.02em}.cap .n{display:inline-flex;width:8mm;height:8mm;border:2px solid #000;border-radius:50%;align-items:center;justify-content:center}
.cut{font-size:12px;color:#444;text-align:center;margin-top:4mm}
table{border-collapse:collapse;width:100%;margin:6px 0 10px;font-size:14px}th,td{border:1.5px solid #000;padding:6px 8px;text-align:left;vertical-align:top}th{background:#eee}
.box{display:inline-block;width:5mm;height:5mm;border:1.5px solid #000;margin-right:2mm;vertical-align:middle}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:6mm}.role{border:1.5px dashed #000;border-radius:3mm;padding:4mm}
.slips{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:6mm}
.slip{border:1.5px dashed #000;border-radius:3mm;padding:3mm 4mm;font-size:13px}.slip .draw{border:1.5px solid #000;border-radius:2mm;height:24mm;padding:2mm;margin:2mm 0;color:#555}
.slip .faces{display:flex;gap:6px;justify-content:space-between;font-size:12.5px}.slip .line{border-bottom:1.5px solid #000;margin-top:5mm;font-size:12.5px;padding-bottom:5mm}
.starters li{font-size:16px;margin:5px 0}.cover{font-size:13.5px;line-height:1.4}.cover table{font-size:12.5px}.cover th,.cover td{padding:4px 7px}.cover h2{margin:12px 0 4px}.grid.blank{grid-auto-rows:42mm;margin-top:3mm}.grid.blank .card{height:42mm}
@page{size:A4;margin:0}
@media print{body{background:#fff}.bar{display:none}.page{margin:0;box-shadow:none;break-after:page;page-break-after:always;width:210mm;height:296mm;overflow:hidden}.page:last-child{page-break-after:auto}}
@media screen and (max-width:820px){.page{width:auto;min-height:0;margin:10px;padding:16px;overflow-x:auto}table{font-size:13px}th,td{padding:5px 6px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:auto}.card svg{width:100%;max-width:130px;height:auto}.roles,.slips{grid-template-columns:1fr}}

/* Handy (Gremium 31.10.2026): größere Schrift, schmale Leiste */
@media screen and (max-width:820px){
  .cover{ font-size:16px; } table, .cover table{ font-size:14.5px !important; } .slip, .slip *{ font-size:15px; }
  .bar span{ display:none; } .bar{ padding-top:8px; padding-bottom:8px; }
}
/* Kartenset 2 */
*{box-sizing:border-box}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#000;background:#f2f2f2;font-size:15px;line-height:1.5}
.bar{position:sticky;top:0;background:#15171A;color:#fff;padding:10px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;z-index:5}
.bar a{color:#FFE66D}.bar button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:8px 18px;background:#FFE66D;color:#15171A;cursor:pointer}
.page{width:210mm;min-height:297mm;margin:14px auto;background:#fff;padding:14mm 15mm;box-shadow:0 2px 10px rgba(0,0,0,.2)}
h1{font-size:26px;margin:0 0 4px;line-height:1.1}h2{font-size:19px;margin:18px 0 6px}h3{font-size:16px;margin:12px 0 4px}h4{margin:0 0 4px;font-size:15px}
p{margin:4px 0}ul,ol{margin:4px 0 4px 1.2em;padding:0}li{margin:2px 0}
.sub{color:#444;margin:0 0 10px}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:6mm}
.acard{position:relative;border:1.5px dashed #000;border-radius:3mm;padding:5mm 5mm 5mm 14mm;min-height:60mm;break-inside:avoid;display:flex;flex-direction:column;gap:4mm;justify-content:center}
.acard .n{position:absolute;left:4mm;top:4mm;width:8mm;height:8mm;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.acard small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#444}
.acard .q{font-weight:700;font-size:15px}.acard .a{border:1.5px solid #000;border-radius:2mm;padding:3mm 4mm;font-size:16px;font-weight:600}
.book{border:2px solid #000;border-radius:3mm;padding:5mm 6mm}
.book li{margin:7px 0;font-size:15.5px;list-style:none;margin-left:0}.book li b{display:inline-flex;width:7mm;height:7mm;border:2px solid #000;border-radius:50%;align-items:center;justify-content:center;margin-right:3mm}
.mat{display:grid;grid-template-columns:repeat(3,1fr);gap:5mm;margin-top:6mm}.mat > div{border:2px solid #000;border-radius:3mm;min-height:150mm;padding:4mm;text-align:center}
.mat h3{font-size:19px;margin:0 0 3mm}.mat .ico{font-size:30px;line-height:1.1}.mat p{font-size:13px;color:#333}
.how{display:flex;gap:4mm;flex-wrap:wrap;margin-top:6mm}.how span{border:1.5px solid #000;border-radius:3mm;padding:2mm 4mm;font-weight:600;font-size:14px}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin-top:5mm}
.tcard{border:1.5px dashed #000;border-radius:3mm;padding:5mm;min-height:30mm;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:16px;break-inside:avoid}
table{border-collapse:collapse;width:100%;margin:6px 0 10px;font-size:14px}th,td{border:1.5px solid #000;padding:6px 8px;text-align:left;vertical-align:top}th{background:#eee}
.box{display:inline-block;width:5mm;height:5mm;border:1.5px solid #000;margin-right:2mm;vertical-align:middle}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:6mm}.role{border:1.5px dashed #000;border-radius:3mm;padding:4mm}
.slips{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:6mm}
.slip{border:1.5px dashed #000;border-radius:3mm;padding:3mm 4mm;font-size:13px}.slip .draw{border:1.5px solid #000;border-radius:2mm;height:24mm;padding:2mm;margin:2mm 0;color:#555}
.slip .faces{display:flex;gap:6px;justify-content:space-between;font-size:12.5px}.slip .line{border-bottom:1.5px solid #000;margin-top:5mm;font-size:12.5px;padding-bottom:5mm}
.cut{font-size:12px;color:#444;text-align:center;margin-top:4mm}
.starters li{font-size:16px;margin:5px 0}.cover{font-size:13.5px;line-height:1.4}.cover table{font-size:12.5px}.cover th,.cover td{padding:4px 7px}.cover h2{margin:12px 0 4px}
@page{size:A4;margin:0}
@media print{body{background:#fff}.bar{display:none}.page{margin:0;box-shadow:none;break-after:page;page-break-after:always;width:210mm;height:296mm;overflow:hidden}.page:last-child{page-break-after:auto}.ico,.how span{filter:grayscale(1)}}
@media screen and (max-width:820px){.page{width:auto;min-height:0;margin:10px;padding:16px;overflow-x:auto}table{font-size:13px}th,td{padding:5px 6px}.agrid,.tgrid,.roles,.slips{grid-template-columns:1fr}.mat{grid-template-columns:1fr}.mat > div{min-height:60mm}}
/* Handy (Gremium 31.10.2026): größere Schrift, schmale Leiste */
@media screen and (max-width:820px){
  .cover{ font-size:16px; } table, .cover table{ font-size:14.5px !important; } .slip, .slip *{ font-size:15px; }
  .bar span{ display:none; } .bar{ padding-top:8px; padding-bottom:8px; }
}