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