@font-face{font-family:MWStufenV3Lato;src:url('fonts/lato-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MWStufenV3Lato;src:url('fonts/lato-black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
/* Referenz: CSS/style.css; sämtliche Regeln sind auf dieses Tool begrenzt. */
.mw-stufenakkorde-v3{--mwst3-accent:#9a0002;--mwst3-line:#dedede;box-sizing:border-box;container-type:inline-size;width:100%;max-width:1120px;margin:0 auto;background:#fff;color:#202020;font:400 16px/1.55 MWStufenV3Lato,sans-serif;text-align:left}
.mw-stufenakkorde-v3 *,.mw-stufenakkorde-v3 *::before,.mw-stufenakkorde-v3 *::after{box-sizing:border-box}
.mw-stufenakkorde-v3 :is(h2,h3,h4,p,ol,fieldset,legend){margin:0;padding:0;font-family:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.mw-stufenakkorde-v3 strong{font-weight:900}
.mw-stufenakkorde-v3 .mwst3-header{padding:36px 32px 26px;border-bottom:1px solid var(--mwst3-line)}
.mw-stufenakkorde-v3 h2{font-size:32px;font-weight:900;line-height:1.2;margin:6px 0 12px}
.mw-stufenakkorde-v3 h3{font-size:24px;font-weight:900;line-height:1.3;margin:6px 0 20px}
.mw-stufenakkorde-v3 h4{font-size:18px;font-weight:900;line-height:1.4;margin:24px 0 12px}
.mw-stufenakkorde-v3 .mwst3-kicker{font-size:14px;font-weight:900;color:var(--mwst3-accent)!important}
.mw-stufenakkorde-v3 .mwst3-controls{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:24px 32px;border-bottom:1px solid var(--mwst3-line)}
.mw-stufenakkorde-v3 fieldset{border:0;min-width:0}
.mw-stufenakkorde-v3 legend,.mw-stufenakkorde-v3 .mwst3-key{font-size:14px;font-weight:900}
.mw-stufenakkorde-v3 select{display:block;margin-top:8px;width:160px;min-height:48px;padding:8px 12px;background:#fff;border:1px solid var(--mwst3-line);border-radius:15px;color:#202020;font:400 16px MWStufenV3Lato,sans-serif;cursor:pointer}
.mw-stufenakkorde-v3 .mwst3-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mw-stufenakkorde-v3 .mwst3-options label{position:relative;display:block;margin:0;font:400 16px/1.5 MWStufenV3Lato,sans-serif;cursor:pointer}
.mw-stufenakkorde-v3 .mwst3-options input{position:absolute;opacity:0;width:1px;height:1px}
.mw-stufenakkorde-v3 .mwst3-options span{display:flex;align-items:center;min-height:48px;padding:5px 15px;border:1px solid var(--mwst3-line);border-radius:25px;background:#fff;color:#202020}
.mw-stufenakkorde-v3 .mwst3-options input:checked+span{background:var(--mwst3-accent);border-color:var(--mwst3-accent);color:#fff!important}
.mw-stufenakkorde-v3 .mwst3-options label:hover span{background:#202020;border-color:#202020;color:#fff!important}
.mw-stufenakkorde-v3 .mwst3-options span{transition:background-color .5s ease,border-color .5s ease,color .5s ease}
.mw-stufenakkorde-v3 select:focus-visible,.mw-stufenakkorde-v3 input:focus-visible+span{outline:3px solid var(--mwst3-accent)!important;outline-offset:3px}
.mw-stufenakkorde-v3 .mwst3-section{padding:28px 32px;border-bottom:1px solid var(--mwst3-line)}
.mw-stufenakkorde-v3 .mwst3-tinted{background:#f7f7f7}
.mw-stufenakkorde-v3 .mwst3-intro{margin:-8px 0 20px;color:#555;font-size:16px}
.mw-stufenakkorde-v3 .mwst3-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;list-style:none}
.mw-stufenakkorde-v3 .mwst3-card{min-width:0;margin:0;padding:16px 10px;border:1px solid var(--mwst3-line);border-radius:15px;background:#fff;text-align:center;overflow-wrap:anywhere}
.mw-stufenakkorde-v3 .mwst3-degree{display:block;color:var(--mwst3-accent);font-size:14px;font-weight:900;margin-bottom:10px}
.mw-stufenakkorde-v3 .mwst3-voicing strong{display:block;font-size:22px;line-height:1.3}
.mw-stufenakkorde-v3 .mwst3-tones{display:block;color:#555;font-size:14px;margin-top:8px}
.mw-stufenakkorde-v3 .mwst3-voicing+.mwst3-voicing{margin-top:16px;padding-top:16px;border-top:1px solid var(--mwst3-line)}
.mw-stufenakkorde-v3 .mwst3-target{display:block;font-size:16px;font-weight:900;border-top:1px solid var(--mwst3-line);padding-top:12px;margin-top:12px}
.mw-stufenakkorde-v3 .mwst3-note{font-size:14px;color:#555;margin-top:24px}
.mw-stufenakkorde-v3 .mwst3-footer{padding:24px 32px;color:#555;font-size:14px}
.mw-stufenakkorde-v3 .mwst3-footer p+p{margin-top:10px}
@container(max-width:850px){.mw-stufenakkorde-v3 .mwst3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container(max-width:540px){.mw-stufenakkorde-v3 :is(.mwst3-header,.mwst3-controls,.mwst3-section,.mwst3-footer){padding:24px 16px}.mw-stufenakkorde-v3 .mwst3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-stufenakkorde-v3 h2{font-size:28px}.mw-stufenakkorde-v3 .mwst3-controls{gap:18px}.mw-stufenakkorde-v3 .mwst3-options span{padding:5px 15px}}
@media print{.mw-stufenakkorde-v3 .mwst3-card{break-inside:avoid}.mw-stufenakkorde-v3 .mwst3-controls{display:none}}

@media(prefers-reduced-motion:reduce){.mw-stufenakkorde-v3 .mwst3-options span{transition:none}}