/* Nur für LogikRoute */
.lead{font-size:18px;font-weight:bold}.center{text-align:center}.game-info{background:#fff8df;border:2px solid #111;border-radius:12px;padding:12px;margin:0 0 14px;font-size:16px}.small{font-size:14px;color:#555}
/* LogikRoute eigenes Design */
.route-meta{font-weight:bold;text-align:center;margin:8px 0 14px}.route-excel{border-collapse:collapse;margin:10px auto}.route-excel td{width:44px;height:44px;text-align:center;border:1px solid transparent;font-size:15px;position:relative}.route-excel .blank{background:transparent;border-color:transparent;cursor:default}.route-excel .wall{background:#111!important;border:2px solid #111;cursor:not-allowed;color:#111}.route-excel .circle{background:#fff;border:2px solid #111;cursor:pointer;font-size:24px;line-height:1}.route-excel .start{background:#ffe680!important;border:2px solid #111;font-weight:bold;font-size:11px;cursor:default}.route-excel .goal{background:#a7f3d0!important;border:2px solid #111;font-weight:bold;font-size:11px;cursor:pointer}.route-excel .path{background:#8ecae6!important}.route-excel .circle.path{font-size:0}.route-excel .circle.path::after,.route-excel .goal.path::after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#111;margin:auto}.route-excel .start.path::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#111;margin:3px auto 0}.route-excel .numbered{font-size:15px!important;font-weight:bold;color:#111!important}.route-excel .route-step{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-size:13px;font-weight:bold;line-height:1}.route-excel .start.numbered,.route-excel .goal.numbered,.route-excel .circle.numbered{background:#8ecae6!important}.route-excel .circle.numbered::after,.route-excel .goal.numbered::after,.route-excel .start.numbered::after{display:none!important}.route-excel .route-label{display:block;font-size:9px;font-weight:bold;line-height:1;margin-bottom:2px;color:#111}.route-excel .start.numbered,.route-excel .goal.numbered{font-size:9px!important}.route-excel .start.numbered .route-step,.route-excel .goal.numbered .route-step{min-width:21px;height:21px;font-size:12px}@media(max-width:700px){.route-excel td{width:33px;height:33px;font-size:10px}.route-excel .circle{font-size:18px}.route-excel .circle.path::after,.route-excel .goal.path::after{width:13px;height:13px}.route-excel .route-step{min-width:19px;height:19px;font-size:10px}.route-excel .route-label{font-size:7px}.route-excel .start.numbered .route-step,.route-excel .goal.numbered .route-step{min-width:17px;height:17px;font-size:9px}}


/* ABC-Code eigenes Design */
.abc-wrap{max-width:980px;margin:0 auto}.abc-board{background:#fff;border:2px solid #0a9b4a;padding:18px 22px;margin:auto;overflow-x:auto}.abc-row{display:grid;grid-template-columns:max-content 38px max-content 38px max-content;align-items:end;gap:10px;margin:8px 0}.abc-word{display:flex;align-items:end}.abc-cell{display:inline-flex;position:relative;width:54px;height:54px;border:1px solid #111;background:#fff;align-items:center;justify-content:center}.abc-cell .abc-top{position:absolute;top:-30px;left:0;right:0;text-align:center;font-size:24px;color:#000;font-weight:400}.abc-cell input{width:100%;height:100%;border:0;text-align:center;font-size:30px;background:transparent;color:#cfcfcf;text-transform:uppercase}.abc-cell input::placeholder{color:#cfcfcf;opacity:1}.abc-cell b{font-size:30px}.abc-fixed{background:#d9d9d9}.abc-letter{background:#fff}.abc-op{font-size:30px;font-weight:bold;text-align:center;align-self:center}.abc-ops{display:grid;grid-template-columns:max-content max-content max-content;justify-content:space-between;width:100%;max-width:730px;margin:-2px 0 4px 180px;font-size:28px;font-weight:bold}.abc-sep{border-top:3px double #111;margin:14px 0 28px}.abc-key{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:16px}.abc-key h3{width:100%;text-align:center;margin:8px 0}.abc-key label{font-weight:bold}.abc-key input{width:48px;padding:7px;border:2px solid #111;border-radius:8px;text-align:center;font-size:20px}.abc-solution{text-align:center;margin-top:14px;font-size:18px;font-weight:bold}.abc-cell.number-0{background:#eee!important}
@media(max-width:760px){.abc-board{padding:14px 8px}.abc-row{grid-template-columns:max-content 24px max-content 24px max-content;gap:4px}.abc-cell{width:34px;height:38px}.abc-cell .abc-top{font-size:15px;top:-20px}.abc-cell input,.abc-cell b{font-size:21px}.abc-op{font-size:22px}.abc-ops{margin-left:95px;max-width:450px;font-size:22px}}