/* Anmelde-Checkliste (schule/anmelde-checkliste.html) – baut auf css/seiten.css auf */
.ac-leiste{position:sticky;top:.5rem;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;margin-bottom:2rem;padding:1rem 1.3rem;border-radius:1.4rem;background:#111820;color:#fff;box-shadow:0 1rem 2.4rem rgba(7,16,25,.18)}
.ac-stand{display:grid;line-height:1.1}.ac-stand b{font:700 1.8rem/1 "Barlow Condensed",sans-serif}.ac-stand span{color:#aebdc7;font-size:.8rem}
.ac-balken{height:14px;border-radius:50rem;background:#2b3640;overflow:hidden}
.ac-balken span{display:block;width:0;height:100%;border-radius:50rem;background:linear-gradient(90deg,var(--cyan),var(--industrial));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ac-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
.ac-knoepfe .btn-dark{background:var(--praxis);border-color:var(--praxis);color:#111}
.ac-knoepfe .btn-outline-dark{border-color:#59616a;color:#fff}.ac-knoepfe .btn-outline-dark:hover{background:#fff;color:#111}
.ac-knoepfe .ic{width:1em;height:1em;vertical-align:-.12em}

.ac-liste{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.ac-schritt{padding:1.4rem 1.5rem;border-radius:1.4rem;background:#f5f9fc;border:1px solid var(--linie);border-left:6px solid var(--linie);transition:border-color .3s,background .3s}
.ac-schritt.ac-erledigt{border-left-color:#1f9d55;background:#f1faf4}
.ac-optional{border-style:dashed}
.ac-kopf{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:1rem}
.ac-nr{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:var(--industrial);color:#fff;font:700 1.35rem "Barlow Condensed",sans-serif}
.ac-ico{display:grid;width:46px;height:46px;place-items:center;border-radius:.9rem;background:#dff3ff;font-size:1.4rem}
.ac-kopf h3{margin:0;font:700 1.8rem/1 "Barlow Condensed",sans-serif}.ac-kopf h3 small{font:700 .7rem "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#75663f;vertical-align:middle}
.ac-kopf p{margin:.3rem 0 0;color:var(--text2)}
.ac-fertig{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:#1f9d55;color:#fff;opacity:0;transform:scale(.6);transition:.3s}
.ac-erledigt .ac-fertig{opacity:1;transform:none}
.ac-punkte{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.5rem}
.ac-punkte li{position:relative}
.ac-punkte input{position:absolute;opacity:0;width:1.4rem;height:1.4rem;margin:.75rem 0 0 .9rem}
.ac-punkte label{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem .9rem;border-radius:.9rem;background:#fff;border:1px solid var(--linie);cursor:pointer;line-height:1.5}
.ac-box{flex:none;width:1.4rem;height:1.4rem;margin-top:.05rem;border:2px solid #8a98a3;border-radius:.4rem;background:#fff center/80% no-repeat;transition:.2s}
.ac-punkte input:checked+label .ac-box{border-color:#1f9d55;background-color:#1f9d55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ac-punkte input:checked+label .ac-text{color:var(--text2)}
.ac-punkte input:focus-visible+label{outline:3px solid var(--industrial);outline-offset:2px}
.ac-text a{font-weight:700;white-space:nowrap}
.ac-geschafft{display:grid;gap:.2rem;margin-top:1.5rem;padding:1.4rem 1.6rem;border-radius:1.4rem;background:var(--praxis);color:#2c2517}
.ac-geschafft b{font:700 2rem/1 "Barlow Condensed",sans-serif}
.ac-druckfuss{display:none}

@media(max-width:767.98px){
  .ac-leiste{grid-template-columns:1fr;gap:.7rem;position:static}
  .ac-kopf{grid-template-columns:auto minmax(0,1fr) auto}.ac-ico{display:none}
  .ac-schritt{padding:1.1rem}
  .ac-text a{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.ac-balken span,.ac-fertig,.ac-schritt,.ac-box{transition:none}}

@media print{
  @page{margin:14mm}
  body,main,.inner-page{background:#fff!important;padding-top:0!important;margin-top:0!important}
  .inner-hero,.inner-hero>div{min-height:0!important;padding-top:0!important;margin-top:0!important}
  .site-header,header,footer,.inner-hero .banner-swoosh,.inner-back,.brotkrumen,.ac-knoepfe,.ac-nicht-drucken,.skip-link,[class*="barriere"],.bf-leiste{display:none!important}
  .inner-hero{padding:0 0 4mm!important;background:none!important;color:#000!important;filter:none!important}
  .inner-hero h1{font-size:28pt;color:#000}.inner-hero h1 span{color:#000}
  .inner-hero p,.inner-hero>div>p:not(.eyebrow),.inner-hero .eyebrow{color:#000!important;margin-top:.4rem!important;font-size:11pt!important}
  .inner-hero:before,.inner-hero:after{display:none!important}
  .ac-schritt.ac-erledigt{background:#fff}
  .sec{padding:0!important}
  .ac-leiste{position:static;box-shadow:none;background:#fff;color:#000;border:1px solid #000;grid-template-columns:auto 1fr}
  .ac-stand span{color:#000}.ac-balken{border:1px solid #000;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ac-balken span{background:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ac-schritt{break-inside:avoid;background:#fff;border:1px solid #000;border-left-width:4px;padding:.6rem .8rem}
  .ac-ico,.ac-fertig{display:none}
  .ac-nr{background:#fff;color:#000;border:1.5px solid #000}
  .ac-punkte label{border:0;padding:.25rem 0;background:#fff}
  .ac-box{border-color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ac-punkte input:checked+label .ac-box{background-color:#000;border-color:#000}
  .ac-text a{color:#000;text-decoration:none}
  .js .rv{opacity:1!important;transform:none!important}
  .ac-druckfuss{display:block;margin-top:1rem;font-size:9pt;color:#000}
}
