Zum Inhalt springen

Vorlage:Übungswelt Lernstand/styles.css

Aus MOOCsWiki Staging
Version vom 8. Oktober 2026, 23:09 Uhr von Glanz (Diskussion | Beiträge) (Lernstand-Welt: geprüfter Ausbau 18b6c7968c49439b96b399fa781c1a1b3)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
.lsw{color:#173d51;font-family:system-ui,sans-serif;line-height:1.6;max-width:1180px;margin:0 auto}.lsw *{box-sizing:border-box}.lsw a{color:#155b88}.lsw a:focus,.lsw button:focus{outline:3px solid #ad580c;outline-offset:4px}.lsw h2,.lsw h3{font-family:system-ui,sans-serif;border:0}.lsw-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,3.5vw,36px);background:#f0f7f5;border:1px solid #cbdfd8;border-radius:22px;margin:14px 0 20px}.lsw-hero h2,.lsw-hero h1{font-family:system-ui,sans-serif;border:0;margin:6px 0 12px;font-size:clamp(27px,3.5vw,40px);line-height:1.16;font-weight:800;letter-spacing:-.6px;color:#143949}.lsw-hero p{margin:8px 0}.lsw-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;color:#246959}.lsw-lead{font-size:18px;max-width:720px}.lsw-index .lsw-hero{background:#143949;color:#f1f8f7;border-color:#143949}.lsw-index .lsw-hero h2,.lsw-index .lsw-hero .lsw-kicker{color:#fff}.lsw-index .lsw-tags span{background:#244c5c;border-color:#53757e;color:#fff}.lsw-index .lsw-hero .lsw-qr{background:#fff;color:#173d51;padding:12px;border-radius:14px}.lsw-index .lsw-hero a{color:#fff}.lsw-qr{flex-shrink:0;text-align:center;font-size:11px;line-height:1.4}.lsw-qr img,.lsw-qr svg,.lsw-qr canvas{width:80px;height:80px}.lsw-tags,.lsw-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.lsw-tags span{background:#fff;border-radius:20px;padding:4px 11px;font-size:12px;border:1px solid #d0e1da}.lsw-nav a,.lsw-start a{display:inline-block;min-height:44px;padding:10px 14px;border:1px solid #b7d0c8;border-radius:10px;background:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.6}.lsw-nav a:hover,.lsw-start a:hover{background:#eaf4f0}.lsw-start a{background:#246959;color:#fff;border-color:#246959}.lsw-start a:hover{background:#164e40;color:#fff}.lsw-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.lsw-section{margin:30px 0 14px;font-size:25px;line-height:1.25;font-weight:800}.lsw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lsw-card{padding:20px;border:1px solid #d5e3e2;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 16px #173d5108;min-width:0}.lsw-card h3{margin:0;font-size:19px;line-height:1.3;font-weight:700}.lsw-card h3 a{text-decoration:none;color:#173d51}.lsw-card h3 a:hover{text-decoration:underline}.lsw-card p{margin:0}.lsw-card .lsw-start{margin-top:auto;padding-top:10px}.lsw-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:12px;font-size:20px;font-weight:800;background:#e9f4ef;color:#246959}.lsw-math .lsw-icon{background:#fff0dc;color:#8b4c0d}.lsw-meta{font-size:12px;line-height:1.5;color:#496575}.lsw-classes{gap:18px}.lsw-class{padding:25px;background:#f2f8f4;border-color:#bad6c8;position:relative}.lsw-class--3{background:#f0f6fc;border-color:#c3d5e7}.lsw-class--4{background:#fff8eb;border-color:#e2cfab}.lsw-class .lsw-icon{width:54px;height:54px;font-size:30px;background:#fff;border:1px solid #cadcd3}.lsw-class--3 .lsw-icon{color:#245f8c;border-color:#c3d5e7}.lsw-class--4 .lsw-icon{color:#87501c;border-color:#e2cfab}.lsw-class h3{font-size:25px}.lsw-class .lsw-start a{display:block;text-align:center}.lsw-class--3 .lsw-start a{background:#245f8c;border-color:#245f8c}.lsw-class--4 .lsw-start a{background:#81501d;border-color:#81501d}.lsw-card .lsw-shortcuts{margin-top:6px;font-size:13px;display:flex;gap:14px;flex-wrap:wrap}.lsw-shortcuts a{display:inline-block;min-height:44px;padding:10px 0;font-weight:700}.lsw-path{padding:20px;background:#f5f8fb;border:1px solid #d7e3ed;border-radius:16px;margin:20px 0}.lsw-path h3{margin:0 0 8px;font-size:21px}.lsw-path p:last-child{margin-bottom:0}.lsw-path ol{padding-left:22px;margin:10px 0}.lsw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0!important}.lsw-steps li{margin:0;padding:4px 0}.lsw-steps strong{display:block;font-size:16px;margin-bottom:4px}.lsw-note{border-left:3px solid #8cb5a5;background:#f5faf8;padding:13px 18px;border-radius:0 12px 12px 0;margin:20px 0;font-size:14px}.lsw-round{border:1px solid #cfdfda;border-radius:18px;margin:20px 0;overflow:hidden}.lsw-round h2{font-size:19px;font-weight:700;margin:0;padding:16px 20px;background:#f0f7f4}.lsw-round>div{padding:0 20px}.lsw-round>.mw-collapsible-toggle{margin:12px;min-height:44px;padding:10px}.lsw-round .mw-collapsible-content{padding:10px 16px}.lsw-task{padding:22px 0;border-bottom:1px solid #dfe8e5}.lsw-task:last-child{border-bottom:0}.lsw-task h3{font-size:14px;font-weight:700;color:#486776;margin:0 0 12px}.lsw-passage{font-size:20px;line-height:1.75;padding:16px 20px;background:#f3f7fb;border-radius:12px;border:1px solid #d7e3ec;white-space:pre-line;margin-bottom:14px}.lsw-task .multiplechoice-quiz{font-size:18px;line-height:1.7}.lsw-help{padding:6px 0;font-size:14px;clear:both}.lsw-help .mw-collapsible-toggle{float:none;display:inline-block;min-height:44px;padding:8px 2px}.lsw-help .mw-collapsible-content{padding:10px 14px;border-left:3px solid #9ec4b5;background:#f5faf7}.lsw-info{padding:18px 20px;border:1px solid #d6e2e7;border-radius:16px;margin:20px 0;background:#fafcfd}.lsw-info>.mw-collapsible-toggle{float:none;display:inline-block;min-height:44px;padding:10px 0;font-weight:700}.lsw-info>.mw-collapsible-content{font-size:14px;padding-top:10px}.lsw-listening{padding:16px 0;border-bottom:1px solid #d5e2e7}.lsw-listening .lsw-help{background:#f5f8fb;border-radius:12px;padding:8px 14px}.lsw-listening .lsw-help .mw-collapsible-content{white-space:pre-line;line-height:1.8}.lsw-dots{display:grid;grid-template-columns:repeat(5,25px);gap:8px;padding:16px;border:1px solid #c8ddd5;border-radius:12px;width:max-content;max-width:100%;background:#f2f8f5;margin:10px 0 20px}.lsw-dot{display:block;width:25px;height:25px;border-radius:50%;background:#246959;color:#246959;font-size:0}.lsw-footer{padding:20px 0;font-size:13px;color:#4c6570}.lsw-next{justify-content:space-between;gap:12px}.lsw .aimooc-progress-widget__task button{min-height:44px;padding:10px 18px;border:1px solid #246959;border-radius:10px;background:#246959;color:#fff;font:700 16px system-ui,sans-serif;cursor:pointer;margin:10px 8px 10px 0}.lsw .aimooc-progress-widget__task button:disabled{opacity:.65;cursor:default}.lsw-task form.aimooc-progress-widget__task>p:first-child>strong:first-child{display:none}.lsw-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lsw-print{display:none}
@media(max-width:960px){.lsw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lsw-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.lsw-class{padding:18px}.lsw-class h3{font-size:22px}}
@media(max-width:650px){.lsw-grid,.lsw-classes,.lsw-steps{grid-template-columns:1fr}.lsw-hero{padding:22px;gap:16px;flex-wrap:wrap}.lsw-hero>div:first-child{width:100%}.lsw-hero>.lsw-qr{width:auto}.lsw-lead{font-size:17px}.lsw-card{padding:18px}.lsw-round>div{padding:0 14px}.lsw-round h2{font-size:17px;padding:16px 14px}.lsw-passage{font-size:19px;padding:14px}.lsw-nav a{padding:10px 12px}.lsw-class .lsw-icon{width:44px;height:44px;font-size:25px}.lsw-steps{gap:10px}}
@media print{.lsw{font-size:11pt;line-height:1.3;color:#000}.lsw .lsw-art,.lsw .lsw-qr,.lsw .lsw-nav,.lsw .lsw-start,.lsw .mw-collapsible-toggle,.lsw .lsw-help,.lsw .lsw-info,.lsw .lsw-note,.lsw .lsw-tags,.lsw .lsw-shortcuts{display:none!important}.lsw .lsw-grid{display:block}.lsw .lsw-card{margin:0 0 8pt;padding:5pt;border:1px solid #aaa;break-inside:avoid;box-shadow:none}.lsw .lsw-card .lsw-icon{display:none}.lsw .lsw-hero{display:block;padding:0;margin:0 0 10pt;background:#fff;color:#000;border:0;box-shadow:none}.lsw .lsw-hero h2{font-size:20pt;color:#000}.lsw .lsw-hero .lsw-kicker{color:#333;font-size:9pt}.lsw .lsw-lead{font-size:11pt}.lsw .lsw-round{display:block;overflow:visible;border:0;margin:10pt 0;padding:0;break-inside:auto}.lsw .lsw-round>div{padding:0}.lsw .lsw-round h2{font-size:13pt;margin:8pt 0;padding:5pt 0;background:#fff;break-after:avoid}.lsw .lsw-task{display:block;margin:0;padding:8pt 0;break-inside:avoid;border-bottom:1px solid #bbb}.lsw .lsw-task h3{font-size:9pt;margin:0 0 4pt}.lsw .lsw-passage{font-size:11pt;line-height:1.4;padding:5pt;margin:0 0 5pt;background:#fff;border:1px solid #ddd}.lsw .aimooc-progress-widget__task{display:block!important;margin:0!important;padding:0!important;min-height:0!important;border:0!important;box-shadow:none!important;max-width:none!important;break-inside:auto}.lsw .aimooc-progress-widget__task p{font-size:11pt;line-height:1.3;margin:4pt 0}.lsw .aimooc-progress-widget__answer{display:flex!important;padding:2pt 4pt!important;margin:2pt 0!important;min-height:0!important;line-height:1.2!important;font-size:10pt!important;border:0!important;background:#fff!important}.lsw .aimooc-progress-widget__task button,.lsw .aimooc-progress-widget__feedback{display:none!important}.lsw .lsw-listening{font-size:10pt;padding:4pt 0}.lsw .lsw-print{display:block}.lsw .lsw-dot{background:#000}.lsw .lsw-footer{font-size:8pt;padding:8pt 0}}
@media print{.lsw .lsw-print-story{font-size:10pt;line-height:1.4;padding:6pt;border:1px dashed #777;white-space:pre-line}}