/* Matura-Seite (matura.html, tools/seiten/36-matura.js) – Gold vom Logo als Leitfarbe, Blau für „schriftlich“, Gold für „mündlich“ */
:root{--mt-gold:#b8954f;--mt-gold2:#e6cd8a;--mt-dunkel:#2b2013;--mt-blau:#006ab2;--mt-rand:#e7dcc4}

/* Drei Teile */
.mt-saeulen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;counter-reset:s}
.mt-saeule{position:relative;padding:1.8rem 1.6rem 1.6rem;border:1px solid var(--mt-rand);border-radius:1.6rem;background:linear-gradient(180deg,#fff,#fdf8ee);box-shadow:0 1.2rem 2.6rem rgba(74,56,26,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.mt-saeule:hover{transform:translateY(-6px);box-shadow:0 1.8rem 3.4rem rgba(74,56,26,.16)}
.mt-saeule h3{margin:.2rem 0 .5rem;font:700 1.7rem/1 "Barlow Condensed",sans-serif}
.mt-saeule p{margin:0;color:#5b6872}
.mt-saeule .mt-schritt{color:var(--mt-gold);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.mt-ico{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:1rem;border-radius:1.1rem;background:linear-gradient(135deg,#a67c34,#e6cd8a 50%,#b0873b);color:var(--mt-dunkel);font-size:1.5rem;box-shadow:0 .7rem 1.4rem rgba(148,115,58,.35)}

/* Legende */
.mt-legende{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:0 0 1.4rem;color:#5b6872;font-size:.86rem}
.mt-legende span{display:inline-flex;align-items:center;gap:.4rem}
.mt-k{display:inline-block;width:1.4rem;height:.55rem;border-radius:50rem}
.mt-k.s,.mt-balken .s{background:linear-gradient(90deg,#006ab2,#21b9ef)}
.mt-k.m,.mt-balken .m{background:linear-gradient(90deg,#a67c34,#e6cd8a)}

/* Varianten */
.mt-varianten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.mt-var{display:flex;flex-direction:column;padding:1.6rem;border:1px solid var(--mt-rand);border-radius:1.6rem;background:#fff;box-shadow:0 1rem 2.4rem rgba(15,23,42,.06);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.mt-var:hover{transform:translateY(-6px);border-color:var(--mt-gold);box-shadow:0 1.8rem 3.6rem rgba(74,56,26,.16)}
.mt-var header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.1rem 1rem;margin-bottom:1rem}
.mt-var-nr{color:var(--mt-gold);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.mt-var-kurz{grid-row:span 2;font:700 3rem/.9 "Barlow Condensed",sans-serif;background:linear-gradient(100deg,#8c6a2c,#c9a24f 45%,#94733a);-webkit-background-clip:text;background-clip:text;color:transparent}
.mt-var header small{color:#5b6872;font-size:.82rem}
.mt-balken{display:flex;gap:.3rem;margin-bottom:1.2rem}
.mt-balken i{flex:1;height:.5rem;border-radius:50rem;transform-origin:left;animation:mt-wachsen .7s cubic-bezier(.2,.8,.2,1) both}
.mt-balken i:nth-child(2){animation-delay:.08s}.mt-balken i:nth-child(3){animation-delay:.16s}.mt-balken i:nth-child(4){animation-delay:.24s}.mt-balken i:nth-child(5){animation-delay:.32s}.mt-balken i:nth-child(6){animation-delay:.4s}
@keyframes mt-wachsen{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mt-var h3{margin:.4rem 0 .5rem;color:#5b6872;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.mt-liste{display:grid;gap:.4rem;margin:0 0 .6rem;padding:0;list-style:none}
.mt-p{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:.9rem;font-weight:700;font-size:.92rem}
.mt-p.mt-s{background:#eef7fd;color:#073f69}
.mt-p.mt-s .bi{color:var(--mt-blau)}
.mt-p.mt-m{background:#fbf3e1;color:#4a381a}
.mt-p.mt-m .bi{color:#94733a}
.mt-p abbr{text-decoration:none;border-bottom:1px dotted currentColor;cursor:help}
.mt-p sup{margin-left:.15rem;color:#94733a;font-weight:800}
.mt-plus{display:flex;align-items:center;gap:.5rem;margin:auto 0 0;padding-top:.8rem;border-top:1px dashed var(--mt-rand);color:#4a381a;font-weight:800}
.mt-plus .bi{color:#94733a}

/* Abkürzungen */
.mt-abk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.6rem 0 0}
.mt-abk div{padding:.9rem 1.1rem;border-radius:1.1rem;background:rgba(255,255,255,.7);border:1px solid var(--mt-rand)}
.mt-abk dt{font:700 1.3rem/1 "Barlow Condensed",sans-serif;color:#94733a}
.mt-abk dd{margin:.25rem 0 0;color:#41505b;font-size:.88rem}

/* Wahlfächer */
.mt-wahl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none}
.mt-wf{display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border:1px solid #e3ebf1;border-radius:1rem;background:#fff;transition:border-color .2s,transform .2s}
.mt-wf:hover{border-color:var(--mt-gold);transform:translateX(3px)}
.mt-wf b{font-size:.95rem}
.mt-wf small{color:#5b6872}
.mt-wf sup{color:var(--mt-blau)}
.mt-wf.mt-ib{border-color:#cfe4f3;background:linear-gradient(135deg,#f3f9fd,#fff)}
.mt-tag{align-self:flex-start;margin-top:.25rem;padding:.12rem .55rem;border-radius:50rem;background:#e3f1fb;color:#00507f;font-size:.66rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.mt-details{margin-top:1.2rem;padding:1rem 1.2rem;border-radius:1rem;background:#f5f9fc;border:1px solid #e3ebf1;font-size:.88rem;color:#41505b}
.mt-details summary{cursor:pointer;font-weight:800;color:#073f69}
.mt-details p{margin:.7rem 0 0}

/* Fächer aus dem Katalog */
.mt-faecher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;align-items:start}
.mt-fg{padding:1.5rem;border-radius:1.6rem;background:#fff;border:1px solid var(--mt-rand)}
.mt-fg h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .3rem;font:700 1.5rem/1 "Barlow Condensed",sans-serif}
.mt-fg>p{margin:0 0 1rem;color:#5b6872;font-size:.9rem}
.mt-fg ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}
.mt-fg li{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:50rem;font-weight:700;font-size:.88rem}
.mt-fg li .mt-tag{margin:0}
.mt-fg-kern{background:linear-gradient(160deg,#4a381a,#2b2013);border:0;color:#fff;box-shadow:0 1.4rem 3rem rgba(43,32,19,.25)}
.mt-fg-kern h3 .bi{color:#e6cd8a}
.mt-fg-kern>p{color:#e8dcc4}
.mt-fg-kern li{background:linear-gradient(115deg,#a67c34,#e6cd8a 45%,#b0873b);color:#2b2013}
.mt-fg-wahl li{background:#fbf3e1;border:1px solid #ecdcb6;color:#4a381a}
.mt-fg-wahl h3 .bi{color:#94733a}
.mt-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}

@media(max-width:991.98px){.mt-saeulen,.mt-varianten{grid-template-columns:1fr}.mt-abk{grid-template-columns:1fr}.mt-faecher{grid-template-columns:1fr}}
@media(max-width:575.98px){.mt-wahl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mt-balken i{animation:none}.mt-saeule,.mt-var,.mt-wf{transition:none}}