:root{--bg:#f6faff;--surface:rgba(255,255,255,.88);--text:#06143e;--muted:#49648f;--line:#d4e3f3;--accent:#0875bd;--accent2:#46a4db;--accent-soft:#e9f4fc;--radius:18px;--shadow:0 18px 45px rgba(43,91,140,.10)}
*{box-sizing:border-box} html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff 0%,#f8fbff 45%,#edf6fd 100%)} a{color:inherit}.site-shell{width:min(1390px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(217,231,244,.95);box-shadow:0 7px 22px rgba(20,63,108,.12);isolation:isolate}.header-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:42px}.brand{display:inline-flex;align-items:center;gap:20px;text-decoration:none;flex:0 0 auto}.brand-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0b82c9,#0865a8);color:#fff;font-size:1.7rem;font-weight:500;box-shadow:0 8px 22px rgba(0,112,184,.16)}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text strong{font-size:1.55rem;line-height:1.15;letter-spacing:-.03em}.brand-text small{color:var(--muted);font-size:1.15rem;line-height:1.2}
.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.site-nav li{display:flex;align-items:center}.site-nav li:not(:last-child)::after{display:none}.site-nav a,.site-nav .nav-current{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;text-decoration:none;font-size:1.04rem;font-weight:700;line-height:1;white-space:nowrap;color:#314b77}.site-nav a:hover{color:var(--accent);background:var(--accent-soft)}.site-nav .nav-current{color:#0870b7;background:#e8f3fb}
.home-main{position:relative;flex:1;overflow:hidden;padding:48px max(24px,calc((100vw - 1390px)/2)) 80px;background:linear-gradient(160deg,rgba(255,255,255,.80),rgba(241,248,254,.68))}.home-main::before,.home-main::after{content:"";position:absolute;pointer-events:none;z-index:0}.home-main::before{position:fixed;inset:120px 0 0;background:radial-gradient(circle at 73% 31%,rgba(114,182,231,.10),transparent 28%),linear-gradient(160deg,transparent 0 65%,rgba(206,226,244,.36) 65.2% 76%,transparent 76.2%),linear-gradient(90deg,transparent 58%,rgba(46,140,210,.16) 58.1% 58.2%,transparent 58.3%)}.home-main::after{position:fixed;width:760px;height:760px;right:-350px;top:-30px;border:1px solid rgba(38,132,204,.16);transform:rotate(18deg)}
.home-hero{position:relative;z-index:3;min-height:440px;display:grid;grid-template-columns:54% 46%;align-items:center}.hero-copy{position:relative;z-index:3;padding:0 0 15px 16px}.eyebrow{display:flex;align-items:center;gap:34px;margin:0 0 22px;color:#0879c1;font-size:.95rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.eyebrow span{display:block;width:108px;height:2px;background:#1688cc}.hero-copy h1{margin:0;color:#03123f;font-size:clamp(3.7rem,5.4vw,5.35rem);font-weight:780;letter-spacing:-.055em;line-height:.94}.hero-copy h1 em{font-style:normal;color:#45a3da}.hero-lead{margin:24px 0 0;color:#405f91;font-size:1.22rem;line-height:1.45}.hero-visual{position:fixed;z-index:1;right:max(24px,calc((100vw - 1390px)/2));top:150px;width:min(780px,58vw);height:560px;pointer-events:none}.menger-orb{position:absolute;right:0;top:-30px;width:min(590px,46vw);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid rgba(59,144,211,.28);box-shadow:inset 0 0 50px rgba(255,255,255,.5)}.menger-orb img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);filter:saturate(.82) brightness(1.04)}.geometry-lines{position:absolute;left:0;top:110px;width:65%;height:260px;border-top:1px solid rgba(29,137,214,.28);border-right:1px solid rgba(29,137,214,.28);border-radius:0 100% 0 0}.geometry-lines::before{content:"";position:absolute;right:-8px;top:124px;width:16px;height:16px;border-radius:50%;background:#1688cc;box-shadow:-260px 0 0 -7px #1688cc}.geometry-lines::after{content:"";position:absolute;right:0;top:132px;width:360px;border-top:1px solid rgba(29,137,214,.34)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-cards{position:relative;z-index:4;margin-top:-4px}.card{position:relative;display:block;min-height:250px;padding:28px 30px;border:1px solid #d4e3f2;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:var(--shadow);text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card::after{content:"";position:absolute;right:-55px;bottom:-85px;width:150px;height:150px;border-radius:50%;border:1px solid #77bceb;background:rgba(206,233,251,.35)}.card:hover{transform:translateY(-4px);border-color:#a9cde8;box-shadow:0 20px 44px rgba(30,82,130,.14)}.card-top{display:flex;align-items:center;justify-content:space-between}.card-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:15px;background:#e4f2fc;color:#0871b7;font-size:2.25rem;font-weight:500}.card-icon-svg svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card-arrow{width:50px;height:50px;display:grid;place-items:center;border:1px solid #cfe3f3;border-radius:50%;color:#0877bd;font-size:1.8rem;font-weight:300}.card h2{margin:20px 0 7px;font-size:1.55rem;letter-spacing:-.03em}.card p{margin:0;color:#4b6795;font-size:1.12rem;line-height:1.45}
.site-main{width:min(1120px,calc(100% - 32px));margin-inline:auto;padding:54px 0 64px;flex:1}.hero{max-width:760px;margin-bottom:34px}.hero h1{margin:0 0 14px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.04}.hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:1.08rem;line-height:1.7}.learning-main{width:min(1400px,calc(100% - 24px));margin:28px auto 56px;flex:1}.learning-frame{display:block;width:100%;min-height:78vh;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.content-panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.site-footer{margin-top:auto;border-top:1px solid var(--line);background:rgba(255,255,255,.84)}.footer-inner{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:.92rem}.footer-note{color:var(--accent);font-weight:650}.footer-note a{color:inherit;text-decoration:none}.footer-note a:hover,.footer-note a:focus-visible{text-decoration:underline}
@media(max-width:900px){.home-main::before{position:fixed;inset:100px 0 0}.home-main::after{position:fixed;top:-150px}.site-shell{width:min(100% - 28px,1390px)}.header-inner{min-height:100px;flex-wrap:wrap;gap:10px 20px;padding:14px 0}.brand-mark{width:58px;height:58px;border-radius:16px;font-size:1.35rem}.brand-text strong{font-size:1.2rem}.brand-text small{font-size:.95rem}.site-nav{width:100%;margin-left:0;overflow-x:auto}.site-nav ul{gap:6px}.site-nav a,.site-nav .nav-current{padding:9px 12px;font-size:.95rem}.home-main{padding-top:36px}.home-hero{display:block;min-height:610px}.hero-copy{padding-left:0}.hero-copy h1{font-size:clamp(3.3rem,14vw,5rem)}.hero-lead br{display:none}.hero-visual{position:fixed;top:250px;right:-90px;width:90%;height:360px;opacity:.72}.menger-orb{width:360px}.card-grid{grid-template-columns:1fr}.home-cards{margin-top:0}.card{min-height:220px}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:18px 0}.learning-main{width:100%;margin-top:16px}.learning-frame{min-height:82vh;border-left:0;border-right:0;border-radius:0}}

/* Projektbereich */
.project-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:46px 0 74px;flex:1}.project-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:36px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#eef7fd);box-shadow:var(--shadow)}.project-kicker{margin:0 0 10px;color:var(--accent);font-size:.82rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.project-hero h1{margin:0;font-size:clamp(2.35rem,5vw,4.4rem);letter-spacing:-.05em;line-height:1}.project-hero-text{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.project-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.project-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.project-button:hover{filter:brightness(.96)}.project-button-secondary{background:#e8f3fb;color:#086eae}.project-button-ghost{background:#fff;color:#45638d;border:1px solid var(--line)}.project-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0 0}.project-stat-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(43,91,140,.07)}.project-stat-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:900}.project-stat-card h2{margin:14px 0 6px;font-size:1.2rem}.project-stat-card p{margin:0;color:var(--muted);line-height:1.55}.project-section{margin-top:32px;padding:32px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);scroll-margin-top:145px}.project-section-heading{margin-bottom:22px}.project-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em}.project-section-heading p:not(.project-kicker){margin:10px 0 0;color:var(--muted);line-height:1.6}.project-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.project-figure a{display:block;background:#f3f8fd}.project-figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain}.project-figure figcaption{padding:14px 16px;color:#38547f;font-weight:750}.project-roadmap-list{display:grid;gap:12px}.project-roadmap-item{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start;padding:18px;border:1px solid #dce8f4;border-radius:14px;background:#fafdff}.project-roadmap-item strong{font-size:1.03rem}.project-roadmap-item p{margin:5px 0 0;color:var(--muted);line-height:1.55}.project-status{display:inline-flex;justify-content:center;padding:6px 8px;border-radius:999px;font-size:.78rem;font-weight:850}.project-status-done{background:#e7f7ec;color:#237542}.project-status-planned{background:#e8f3fb;color:#096ca9}.project-status-later{background:#f2eefb;color:#66509b}.project-markdown{color:#1a2c51;line-height:1.7}.project-markdown h1{display:none}.project-markdown h2{margin:38px 0 12px;padding-top:8px;font-size:1.65rem;letter-spacing:-.025em}.project-markdown h3{margin:28px 0 10px;font-size:1.22rem}.project-markdown p{margin:10px 0;color:#405b83}.project-markdown ul{margin:10px 0 18px;padding-left:24px}.project-markdown li{margin:5px 0}.project-markdown code{padding:.12em .38em;border-radius:6px;background:#edf4fa;color:#0c5d93;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.93em}.project-markdown pre{overflow:auto;margin:16px 0 22px;padding:18px;border-radius:14px;background:#081735;color:#eef7ff}.project-markdown pre code{padding:0;background:transparent;color:inherit}.project-table-wrap{overflow:auto;margin:16px 0}.project-markdown table{width:100%;border-collapse:collapse;background:#fff}.project-markdown th,.project-markdown td{padding:12px 14px;border:1px solid var(--line);text-align:left}.project-markdown th{background:#eff6fb;color:#173b67}.project-password-form{max-width:620px}.project-form{display:grid;gap:9px}.project-form label{margin-top:5px;color:#243d67;font-weight:800}.project-form input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #bfd2e5;border-radius:11px;background:#fff;color:var(--text);font:inherit;outline:none}.project-form input:focus{border-color:#3b91ca;box-shadow:0 0 0 3px rgba(37,137,201,.12)}.project-form .project-button{justify-self:start;margin-top:8px}.project-alert{margin:0 0 18px;padding:13px 15px;border-radius:11px;font-weight:700}.project-alert-error{background:#fff0f0;color:#9c3030;border:1px solid #f0caca}.project-alert-success{background:#ebf8ef;color:#287243;border:1px solid #c5e6cf}.project-login-main{width:min(560px,calc(100% - 32px));margin:0 auto;padding:72px 0;flex:1;display:grid;align-items:center}.project-login-card{padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.project-login-card h1{margin:0 0 12px;font-size:2.2rem;letter-spacing:-.035em}.project-login-card>p:not(.project-kicker){margin:0 0 22px;color:var(--muted);line-height:1.6}
@media(max-width:900px){.project-main{width:min(100% - 24px,1180px);padding-top:26px}.project-hero{align-items:flex-start;flex-direction:column;padding:24px}.project-actions{justify-content:flex-start}.project-overview-grid{grid-template-columns:1fr 1fr}.project-image-grid{grid-template-columns:1fr}.project-section{padding:22px;scroll-margin-top:185px}.project-roadmap-item{grid-template-columns:1fr;gap:10px}.project-status{justify-self:start}.project-login-main{padding:38px 0}}
@media(max-width:560px){.project-overview-grid{grid-template-columns:1fr}.project-actions{width:100%}.project-actions .project-button{flex:1 1 auto}.project-section{padding:18px}.project-login-card{padding:24px}}

/* Projektbereich – Sitzung und Ersteinrichtung (v1.3.3) */
.project-session-timer{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:10px 14px;border:1px solid #c7dced;border-radius:12px;background:#f8fcff;color:#38547f;font-size:.9rem;font-weight:700;white-space:nowrap}.project-session-timer strong{font-variant-numeric:tabular-nums;color:#086eae}.project-session-timer-warning{border-color:#efc0a8;background:#fff5ef;color:#8b4a27}.project-session-timer-warning strong{color:#b54c18}.project-alert-info{background:#edf6fd;color:#285e85;border:1px solid #c9dfef}.project-login-help{margin-top:24px;padding:16px;border:1px solid #dce8f4;border-radius:12px;background:#f8fbfe;color:#405b83}.project-login-help strong{color:#243d67}.project-login-help p{margin:6px 0 0;line-height:1.55}.project-login-help code{padding:.12em .38em;border-radius:6px;background:#eaf2f8;color:#0c5d93;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
@media(max-width:560px){.project-session-timer{width:100%;justify-content:center;order:-1}}

/* Projektbereich – Schnellnavigation (v1.3.6) */
.project-actions{align-items:flex-end}.project-quick-nav,.project-account-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.project-quick-nav{width:100%}.project-account-actions{width:100%}.project-button:focus-visible{outline:3px solid rgba(8,117,189,.28);outline-offset:3px}.project-status-next{background:#fff3d8;color:#8a5b00}.project-section:target{border-color:#9ac9e9;box-shadow:0 0 0 4px rgba(8,117,189,.08),var(--shadow)}
@media(max-width:900px){.project-quick-nav,.project-account-actions{justify-content:flex-start}}
@media(max-width:560px){.project-quick-nav,.project-account-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.project-quick-nav .project-button,.project-account-actions .project-button{width:100%;min-height:50px;padding-inline:12px}.project-account-actions{grid-template-columns:1fr 1fr}}


/* Projekt-Backend – Navigation und Orientierung (v1.3.7) */
.backend-mode{background-color:#f4f7fb}
.backend-header{background:linear-gradient(135deg,#17345f,#285786);border-bottom-color:#315f8e;box-shadow:0 10px 30px rgba(19,45,79,.16)}
.backend-header .brand,.backend-header .brand strong,.backend-header .brand small{color:#fff}
.backend-header .brand-mark{background:#fff;color:#214d7a;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.backend-header .site-nav a,.backend-header .site-nav .nav-current{color:#eef6ff}
.backend-header .site-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.backend-header .site-nav .nav-current{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28)}
#projekt-start{scroll-margin-top:110px}
.project-section-heading{position:relative;padding-right:150px}
.project-back-link{position:absolute;right:0;top:0;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #c8dbea;border-radius:10px;background:#f7fbfe;color:#315f87;font-size:.88rem;font-weight:800;text-decoration:none;white-space:nowrap}
.project-back-link:hover{background:#eaf4fb;color:#154f7d}
.project-back-link:focus-visible{outline:3px solid rgba(8,117,189,.25);outline-offset:3px}
@media(max-width:700px){.project-section-heading{padding-right:0}.project-back-link{position:static;margin:0 0 16px;min-height:46px;width:100%}.backend-header .header-inner{align-items:flex-start}.backend-header .site-nav{width:100%}}

/* Startseite – inhaltliches Konzept (v1.4.0) */
.hero-lead{max-width:720px}
.home-cards-five{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-cards-five .card:nth-child(4),.home-cards-five .card:nth-child(5){min-height:230px}
.learning-concept{position:relative;z-index:4;margin-top:32px}
.learning-concept-card{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:stretch;padding:0;border:1px solid #cbdfee;border-radius:22px;background:rgba(255,255,255,.91);box-shadow:var(--shadow);text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.learning-concept-card:hover{transform:translateY(-3px);border-color:#9dc8e7;box-shadow:0 22px 48px rgba(30,82,130,.14)}
.golden-ratio-mark{position:relative;min-height:260px;overflow:hidden;background:linear-gradient(145deg,#eaf5fc,#f8fbfe);border-right:1px solid #d3e4f1}
.golden-ratio-mark::before,.golden-ratio-mark::after{content:"";position:absolute;border:2px solid rgba(8,117,189,.24);border-radius:50%}
.golden-ratio-mark::before{width:330px;height:330px;left:-185px;top:-35px}
.golden-ratio-mark::after{width:210px;height:210px;left:34px;top:64px;border-color:rgba(8,117,189,.34)}
.golden-ratio-mark .phi{position:absolute;z-index:2;left:42px;top:37px;color:#0a75b9;font-family:Georgia,serif;font-size:5rem;line-height:1}
.golden-ratio-mark .ratio{position:absolute;z-index:2;font-weight:850;color:#315d80}
.golden-ratio-mark .ratio-small{left:42px;bottom:30px;font-size:1.15rem}.golden-ratio-mark .ratio-small::after{content:"%";font-size:.75em}
.golden-ratio-mark .ratio-large{right:32px;bottom:30px;font-size:2rem;color:#0875bd}.golden-ratio-mark .ratio-large::after{content:"%";font-size:.65em}
.learning-concept-copy{padding:34px 38px 34px 0;align-self:center}
.concept-kicker{margin:0 0 9px;color:#0879c1;font-size:.84rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.learning-concept-copy h2{margin:0 0 13px;font-size:clamp(1.8rem,3.1vw,2.7rem);letter-spacing:-.04em;line-height:1.08}
.learning-concept-copy p{max-width:820px;margin:0;color:#49648f;font-size:1.08rem;line-height:1.65}
.concept-link{display:inline-flex;align-items:center;gap:9px;margin-top:20px;color:#0875bd;font-weight:850}
.concept-page .hero{max-width:900px}.concept-ratio-panel{margin:0 0 32px}.concept-ratio-visual{display:grid;grid-template-columns:38.2fr 61.8fr;min-height:175px;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.concept-ratio-base,.concept-ratio-open{display:flex;flex-direction:column;justify-content:flex-end;padding:26px}.concept-ratio-base{background:#eaf4fb}.concept-ratio-open{background:#fff}.concept-ratio-visual strong{font-size:clamp(2rem,4vw,3.4rem);line-height:1;color:#0875bd}.concept-ratio-visual span{margin-top:9px;color:#3e5d85;font-weight:750;line-height:1.35}.concept-note{margin:18px 0 0;color:var(--muted);line-height:1.7}.concept-text h2{margin:28px 0 8px}.concept-text h2:first-child{margin-top:0}.concept-text p{margin:0;color:var(--muted);line-height:1.72}
@media(max-width:1050px){.home-cards-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.learning-concept-card{grid-template-columns:1fr}.golden-ratio-mark{min-height:180px;border-right:0;border-bottom:1px solid #d3e4f1}.learning-concept-copy{padding:28px}.golden-ratio-mark::before{left:-125px;top:-95px}.golden-ratio-mark::after{left:120px;top:-5px}.golden-ratio-mark .phi{left:32px;top:28px}.golden-ratio-mark .ratio-small{left:32px;bottom:24px}.golden-ratio-mark .ratio-large{right:30px;bottom:24px}}
@media(max-width:650px){.home-cards-five{grid-template-columns:1fr}.concept-ratio-visual{grid-template-columns:1fr;min-height:0}.concept-ratio-base,.concept-ratio-open{min-height:150px}.learning-concept{margin-top:24px}}

/* 1.4.1 – Konzeptseite: Goldener Schnitt + Mein Lernkreislauf */
.concept-foundation{display:grid;grid-template-columns:38.2fr 61.8fr;gap:20px;margin:0 0 54px}.concept-foundation-card{padding:28px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px rgba(33,83,128,.07)}.concept-foundation-base{background:#eaf4fb;border-color:#cfe0eb}.concept-foundation-open{background:linear-gradient(135deg,#fff,#f8fcff)}.concept-foundation-card h2{margin:0 0 10px;font-size:1.45rem;letter-spacing:-.025em}.concept-foundation-card p{margin:0;color:var(--muted);line-height:1.72}
.learning-cycle-section{padding-top:6px}.learning-cycle-heading{max-width:850px;margin-bottom:26px}.learning-cycle-heading h2{margin:0 0 8px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.learning-cycle-heading>p:not(.eyebrow){margin:0;color:var(--muted);font-size:1.08rem;line-height:1.65}.learning-cycle-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:30px;align-items:start}.learning-cycle-visual{padding:26px 20px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.98));box-shadow:var(--shadow)}.learning-cycle-visual h3{margin:0 0 10px;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.12;letter-spacing:-.03em}.learning-cycle-sub{margin:0 0 18px;color:var(--muted);font-size:1rem;line-height:1.55}.learning-cycle-diagram{width:100%;height:auto;display:block}.learning-cycle-track{fill:none;stroke:#a9b9c9;stroke-width:7;stroke-linecap:round;opacity:.95}.learning-cycle-center{fill:#f1f4f9}.learning-cycle-center-text{fill:#1e4370;font-size:16px;font-weight:800;text-anchor:middle}.learning-cycle-center-small{font-size:14px}.learning-cycle-node{cursor:pointer;outline:none;filter:url(#conceptSoftShadow)}.learning-cycle-node circle{transition:transform .16s ease,filter .16s ease,stroke-width .16s ease;transform-origin:center}.learning-cycle-node-ring{fill:#fff;opacity:.98}.learning-cycle-node-core{stroke:rgba(255,255,255,.25);stroke-width:1}.learning-cycle-node-discover .learning-cycle-node-core{fill:#73b9da}.learning-cycle-node-learn .learning-cycle-node-core{fill:#8faee0}.learning-cycle-node-understand .learning-cycle-node-core{fill:#b6a9d8}.learning-cycle-node-title{fill:#fff;font-size:15px;font-weight:800;text-anchor:middle;letter-spacing:.02em;pointer-events:none}.learning-cycle-node:hover circle,.learning-cycle-node:focus circle,.learning-cycle-node.is-active circle{transform:scale(1.035)}.learning-cycle-node.is-active .learning-cycle-node-ring{stroke:#5f89b7;stroke-width:3}.learning-cycle-note{margin:12px 0 0;color:#557094;font-size:.95rem;line-height:1.55;text-align:center}.learning-cycle-cards{display:grid;gap:14px}.learning-cycle-card{border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(33,83,128,.07);overflow:hidden}.learning-cycle-card-discover{background:linear-gradient(180deg,#eaf6fb,#fff);border-color:#c6dfeb}.learning-cycle-card-learn{background:linear-gradient(180deg,#eef2fb,#fff);border-color:#ccd6ec}.learning-cycle-card-understand{background:linear-gradient(180deg,#f2eff9,#fff);border-color:#d9d2eb}.learning-cycle-card[open]{box-shadow:0 16px 34px rgba(33,83,128,.10)}.learning-cycle-card-discover[open]{border-color:#73b9da}.learning-cycle-card-learn[open]{border-color:#8faee0}.learning-cycle-card-understand[open]{border-color:#b6a9d8}.learning-cycle-card summary{list-style:none;cursor:pointer;padding:22px 24px;display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center}.learning-cycle-card summary::-webkit-details-marker{display:none}.learning-cycle-card-dot{width:46px;height:46px;border-radius:14px;box-shadow:0 6px 18px rgba(33,83,128,.12)}.learning-cycle-card-discover .learning-cycle-card-dot{background:#73b9da}.learning-cycle-card-learn .learning-cycle-card-dot{background:#8faee0}.learning-cycle-card-understand .learning-cycle-card-dot{background:#b6a9d8}.learning-cycle-summary-copy strong{display:block;margin-bottom:4px;font-size:1.25rem;letter-spacing:-.02em}.learning-cycle-summary-copy span{color:var(--muted);line-height:1.45}.learning-cycle-chevron{color:#5b7ea6;font-size:1.45rem;transition:transform .18s ease}.learning-cycle-card[open] .learning-cycle-chevron{transform:rotate(90deg)}.learning-cycle-card-body{padding:0 24px 24px 90px;color:var(--muted);line-height:1.72}.learning-cycle-card-body p:last-child{margin-bottom:0}.learning-cycle-keyline{margin-top:15px;padding:13px 15px;border-left:3px solid #73b9da;border-radius:8px;background:rgba(255,255,255,.56);color:#284f76;font-weight:800}.learning-cycle-card-learn .learning-cycle-keyline{border-left-color:#8faee0}.learning-cycle-card-understand .learning-cycle-keyline{border-left-color:#b6a9d8}.learning-cycle-closing{margin-top:28px;padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#eef7fd,#fff);color:#31577f;line-height:1.65}.learning-cycle-closing strong{color:var(--text)}
@media(max-width:900px){.concept-foundation,.learning-cycle-layout{grid-template-columns:1fr}.learning-cycle-visual{max-width:700px;width:100%;margin-inline:auto}}
@media(max-width:650px){.concept-foundation{grid-template-columns:1fr}.learning-cycle-visual{padding:18px 12px 16px}.learning-cycle-note{font-size:.88rem}.learning-cycle-card-body{padding-left:24px}.learning-cycle-card summary{grid-template-columns:44px 1fr auto;padding:18px}.learning-cycle-card-dot{width:42px;height:42px}}

#lernkreislauf{scroll-margin-top:140px}


/* Startseite: Leitbegriffe als unaufdringliche Sprunglinks – browserübergreifend */
.hero-copy .hero-title-links > a,
.hero-copy .hero-title-links > a:link,
.hero-copy .hero-title-links > a:visited,
.hero-copy .hero-title-links > a:hover,
.hero-copy .hero-title-links > a:active,
.hero-copy .hero-title-links > a:focus {
    color: inherit;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-thickness: 0 !important;
    border-bottom: 0 !important;
    background-image: none !important;
    -webkit-text-decoration-line: none !important;
}

.hero-copy .hero-title-links > a {
    display: inline-block;
    border-radius: .12em;
    transition: transform .18s ease, color .18s ease, text-shadow .18s ease;
}

.hero-copy .hero-title-links > a:hover,
.hero-copy .hero-title-links > a:focus-visible {
    color: #0879c1;
    transform: translateX(6px);
    text-shadow: 0 8px 22px rgba(8,121,193,.12);
    outline: none;
}

.hero-copy .hero-title-links > a:focus-visible {
    box-shadow: 0 0 0 3px rgba(8,121,193,.16);
}


/* Hauptnavigation + kontextbezogener Pfad (v1.4.6) */
.nav-stack{
    margin-left:auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:9px;
}
.site-nav-main{margin-left:0;max-width:100%}
.site-nav-main ul{
    gap:7px;
    justify-content:flex-end;
}
.site-nav-main a,
.site-nav-main .nav-current{
    min-height:42px;
    padding:9px 13px;
    font-size:.96rem;
}
.breadcrumb-nav{
    width:100%;
    color:#6a7f9f;
    font-size:.83rem;
    line-height:1.2;
}
.breadcrumb-nav ol{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:0;
    list-style:none;
    margin:0;
    padding:0 10px 0 0;
}
.breadcrumb-nav li{
    display:flex;
    align-items:center;
    white-space:nowrap;
}
.breadcrumb-nav li + li::before{
    content:"›";
    margin:0 8px;
    color:#9bacc0;
}
.breadcrumb-nav a{
    color:inherit;
    text-decoration:none;
}
.breadcrumb-nav a:hover,
.breadcrumb-nav a:focus-visible{
    color:var(--accent);
    text-decoration:underline;
    text-underline-offset:3px;
}
.breadcrumb-nav [aria-current="page"]{
    color:#38547f;
    font-weight:700;
}

@media(max-width:1100px){
    .header-inner{
        align-items:flex-start;
        flex-wrap:wrap;
        gap:12px 20px;
        padding:14px 0;
    }
    .nav-stack{
        width:100%;
        align-items:stretch;
    }
    .site-nav-main{
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }
    .site-nav-main ul{
        justify-content:flex-start;
        width:max-content;
        min-width:100%;
        gap:6px;
    }
    .breadcrumb-nav ol{
        justify-content:flex-start;
        padding:0 4px;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}


/* Projektbereich – übersichtliche Versionshistorie (v1.4.7) */
.project-version-tools{
    margin:18px 0 16px;
    padding:18px;
    border:1px solid #dce8f4;
    border-radius:16px;
    background:#f9fcff;
}
.project-version-search-label{
    display:block;
    margin:0 0 8px;
    color:#284f78;
    font-size:.88rem;
    font-weight:800;
}
.project-version-search{
    width:100%;
    min-height:48px;
    padding:11px 14px;
    border:1px solid #c8dceb;
    border-radius:12px;
    background:#fff;
    color:#17345d;
    font:inherit;
    outline:none;
}
.project-version-search:focus{
    border-color:#7cb9df;
    box-shadow:0 0 0 3px rgba(8,117,189,.12);
}
.project-version-list{
    display:grid;
    gap:10px;
}
.project-version-item{
    border:1px solid #d7e5f1;
    border-radius:15px;
    background:rgba(255,255,255,.9);
    overflow:hidden;
    box-shadow:0 7px 20px rgba(43,91,140,.05);
}
.project-version-item[hidden]{
    display:none;
}
.project-version-item.is-current-version{
    border-color:#9fcbea;
    background:linear-gradient(180deg,#f4faff,#fff);
}
.project-version-item summary{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding:14px 18px;
    list-style:none;
    cursor:pointer;
    user-select:none;
}
.project-version-item summary::-webkit-details-marker{
    display:none;
}
.project-version-item summary:hover{
    background:#f5fafe;
}
.project-version-number{
    color:#173b68;
    font-size:1rem;
    font-weight:850;
}
.project-version-current{
    justify-self:start;
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    background:#e5f3fc;
    color:#0870b7;
    font-size:.75rem;
    font-weight:850;
}
.project-version-chevron{
    color:#5c7fa5;
    font-size:1.35rem;
    transition:transform .18s ease;
}
.project-version-item[open] .project-version-chevron{
    transform:rotate(90deg);
}
.project-version-content{
    padding:0 20px 18px;
    border-top:1px solid #e6eef5;
}
.project-version-content ul{
    margin:15px 0 0;
    padding-left:22px;
}
.project-version-content li{
    margin:7px 0;
    color:#405b83;
    line-height:1.55;
}
.project-version-empty{
    margin:14px 0 0;
    padding:16px 18px;
    border:1px dashed #cbdcea;
    border-radius:13px;
    color:#607898;
    background:#fafcff;
}
@media(max-width:650px){
    .project-version-item summary{
        grid-template-columns:1fr auto;
    }
    .project-version-current{
        grid-column:1;
        grid-row:2;
    }
    .project-version-chevron{
        grid-column:2;
        grid-row:1 / 3;
    }
}

.footer-version{font-weight:650;white-space:nowrap}

/* Zusatzmaterial oberhalb einzelner Lernanwendungen */
.learning-resource-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding:12px 16px;border:1px solid #d4e3f2;border-radius:14px;background:rgba(255,255,255,.88);color:#38547f;font-size:.92rem}.learning-resource-bar strong{color:#17395f}.learning-resource-bar a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:10px;background:#e9f4fc;color:#0870b7;text-decoration:none;font-weight:750}.learning-resource-bar a:hover{background:#dceef9}

/* 1.6.0 – Mobile Layout: Desktop-Navigation bleibt unverändert. */
.mobile-navigation{display:contents}
.mobile-menu-toggle{display:none}
@media(max-width:900px){
  body:not(.backend-mode) .site-shell{width:calc(100% - 32px)}
  body:not(.backend-mode) .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;min-height:0;padding:12px 0 8px}
  body:not(.backend-mode) .brand{min-width:0;gap:11px;grid-column:1;grid-row:1}
  body:not(.backend-mode) .brand-mark{width:46px;height:46px;min-width:46px;border-radius:13px;font-size:1.08rem}
  body:not(.backend-mode) .brand-text{min-width:0}
  body:not(.backend-mode) .brand-text strong{font-size:clamp(.94rem,3.8vw,1.15rem);overflow-wrap:anywhere}
  body:not(.backend-mode) .brand-text small{font-size:clamp(.71rem,2.8vw,.87rem)}
  body:not(.backend-mode) .nav-stack{display:contents}
  body:not(.backend-mode) .mobile-navigation{display:block;grid-column:2;grid-row:1;position:relative;margin:0}
  body:not(.backend-mode) .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid #ccdfef;border-radius:12px;background:#e9f4fc;color:#135789;font-weight:750;font-size:.9rem;cursor:pointer;list-style:none;user-select:none}
  body:not(.backend-mode) .mobile-menu-toggle::-webkit-details-marker{display:none}
  body:not(.backend-mode) .mobile-menu-toggle:focus-visible{outline:3px solid #5faee0;outline-offset:3px}
  body:not(.backend-mode) .menu-symbol{width:18px;height:14px;display:block;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
  body:not(.backend-mode) .menu-symbol::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
  body:not(.backend-mode) .mobile-navigation.is-open .menu-symbol{border-bottom:0;transform:rotate(45deg);height:2px}
  body:not(.backend-mode) .mobile-navigation.is-open .menu-symbol::after{transform:rotate(90deg);top:-2px}
  body:not(.backend-mode) .site-nav-main{position:absolute;top:calc(100% + 9px);right:0;z-index:1100;width:min(310px,calc(100vw - 32px));max-width:none;margin:0;padding:9px;border:1px solid #d4e3f2;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(20,63,108,.2);overflow:visible}
  body:not(.backend-mode) .site-nav-main ul{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;gap:3px}
  body:not(.backend-mode) .site-nav-main li{display:block;width:100%}
  body:not(.backend-mode) .site-nav-main a,body:not(.backend-mode) .site-nav-main .nav-current{display:flex;width:100%;min-height:46px;padding:13px 14px;border-radius:10px;font-size:1rem;line-height:1.25;white-space:normal}
  body:not(.backend-mode) .breadcrumb-nav{grid-column:1/-1;grid-row:2;width:100%;margin-top:10px;padding-top:8px;border-top:1px solid #edf2f8;font-size:.78rem;min-width:0}
  body:not(.backend-mode) .breadcrumb-nav ol{display:flex;justify-content:flex-start;flex-wrap:wrap;overflow:visible;gap:4px 0;padding:0}
  body:not(.backend-mode) .breadcrumb-nav li{white-space:normal;min-width:0}
  body:not(.backend-mode) .breadcrumb-nav li + li::before{margin:0 7px}
  body:not(.backend-mode) .home-main{padding:28px 16px 56px}
  body:not(.backend-mode) .home-hero{display:block;min-height:0;padding-bottom:28px}
  body:not(.backend-mode) .hero-copy{padding:0}
  body:not(.backend-mode) .eyebrow{font-size:.77rem;letter-spacing:.14em;gap:12px;margin-bottom:21px}
  body:not(.backend-mode) .eyebrow span{width:40px;flex-shrink:0}
  body:not(.backend-mode) .hero-copy h1{font-size:clamp(2.5rem,10vw,4.6rem);line-height:1.04;letter-spacing:-.048em}
  body:not(.backend-mode) .hero-lead{font-size:clamp(1rem,3vw,1.16rem);line-height:1.55;margin-top:22px;max-width:620px}
  body:not(.backend-mode) .hero-visual{position:absolute;top:8px;right:-70px;width:280px;height:280px;opacity:.13;z-index:0}
  body:not(.backend-mode) .menger-orb{width:260px;top:0}
  body:not(.backend-mode) .geometry-lines{display:none}
  body:not(.backend-mode) .home-main::before,body:not(.backend-mode) .home-main::after{display:none}
  body:not(.backend-mode) .home-cards{margin-top:0}
  body:not(.backend-mode) .card-grid{gap:16px}
  body:not(.backend-mode) .card{min-height:0;padding:23px}
}
@media(max-width:650px){
  body:not(.backend-mode) .home-cards-five{grid-template-columns:1fr}
  body:not(.backend-mode) .hero-copy h1{font-size:clamp(2.35rem,10.6vw,3.65rem)}
}
@media(min-width:651px) and (max-width:900px){body:not(.backend-mode) .home-cards-five{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:900px){body:not(.backend-mode) .mobile-navigation:not(.is-open) .site-nav-main{display:none}}

/* 1.6.1 – Mobile menu safeguard. Specificity reinforces layout over legacy nav rules. */
@media screen and (max-width:900px) {
  body:not(.backend-mode) .header-inner .nav-stack {display:contents;}
  body:not(.backend-mode) .header-inner .mobile-navigation {display:block;min-width:0;}
  body:not(.backend-mode) .header-inner .mobile-navigation .mobile-menu-toggle {display:flex;}
  body:not(.backend-mode) .header-inner .mobile-navigation:not(.is-open) #mobile-main-navigation {display:none !important;}
  body:not(.backend-mode) .header-inner .mobile-navigation.is-open #mobile-main-navigation {display:block;}
  body:not(.backend-mode) .header-inner #mobile-main-navigation ul {display:flex;flex-direction:column;overflow:visible;}
  body:not(.backend-mode) .header-inner #mobile-main-navigation li {flex:0 0 auto;}
}


/* 1.6.2 – Mobile header: logo, menu row, breadcrumbs, content. */
@media screen and (max-width:900px) {
  body:not(.backend-mode) .header-inner {
    display:grid; grid-template-columns:minmax(0,1fr); gap:0;
    align-items:stretch; padding:12px 0 0;
  }
  body:not(.backend-mode) .header-inner .brand {grid-column:1;grid-row:1; margin-bottom:12px;}
  body:not(.backend-mode) .header-inner .nav-stack {display:contents;}
  body:not(.backend-mode) .header-inner .mobile-navigation {
    grid-column:1;grid-row:2;position:relative;width:100%;margin:0;
  }
  body:not(.backend-mode) .header-inner .mobile-menu-toggle {
    display:flex;width:100%;min-height:48px;padding:11px 15px;
    justify-content:space-between;font-size:1rem;border-radius:12px;
  }
  body:not(.backend-mode) .header-inner #mobile-main-navigation {
    position:static;top:auto;right:auto;z-index:auto;
    width:100%;max-width:none;margin:8px 0 0;
    padding:7px;border-radius:14px;box-shadow:none;
    overflow:visible;
  }
  body:not(.backend-mode) .header-inner #mobile-main-navigation ul {
    display:flex;flex-direction:column;align-items:stretch;gap:3px;
    width:100%;margin:0;padding:0;overflow:visible;
  }
  body:not(.backend-mode) .header-inner .breadcrumb-nav {
    grid-column:1;grid-row:3;width:100%;margin:12px 0 0;
    padding:12px 0;font-size:clamp(.8rem,2.9vw,.96rem);
    line-height:1.5;
  }
  body:not(.backend-mode) .header-inner .breadcrumb-nav ol {
    display:flex;flex-wrap:wrap;white-space:normal;gap:5px 0;
  }
  body:not(.backend-mode) .header-inner .breadcrumb-nav li {white-space:normal;}
  body:not(.backend-mode) .header-inner .mobile-navigation:not(.is-open) #mobile-main-navigation {display:none !important;}
  body:not(.backend-mode) .header-inner .mobile-navigation.is-open #mobile-main-navigation {display:block;}
  body:not(.backend-mode) .site-main {padding-top:28px;}
  body:not(.backend-mode) .concept-page .hero h1 {font-size:clamp(1.85rem,7.3vw,2.7rem);line-height:1.13;}
  body:not(.backend-mode) .concept-page .hero p:not(.eyebrow) {font-size:clamp(1rem,3.6vw,1.1rem);line-height:1.55;}
  body:not(.backend-mode) .concept-ratio-visual {grid-template-columns:1fr;}
  body:not(.backend-mode) .concept-ratio-base,
  body:not(.backend-mode) .concept-ratio-open {min-width:0;padding:22px;}
}

/* 1.7.0 – Öffentliche Suche */
.desktop-search-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;padding:10px 15px;margin-top:6px;border-radius:999px;background:#e9f4fc;color:#135789;font-weight:700;text-decoration:none;font-size:.9rem}
.desktop-search-link:hover,.mobile-search-link:hover{background:#d4eafd}
.mobile-search-link{display:none}
.search-page{padding-bottom:72px}
.search-form{background:#fff;border:1px solid #d6e5f2;border-radius:22px;padding:26px;margin:0 0 34px;box-shadow:0 10px 26px rgba(13,75,118,.06)}
.search-form>label{font-size:1.02rem;display:block;font-weight:750;margin-bottom:12px}
.search-input-row{display:flex;gap:10px}
.search-input-row input{flex:1;min-width:0;border:1px solid #b8cee2;border-radius:12px;padding:14px 16px;font:inherit;font-size:1.08rem;background:#fff;color:#173c57}
.search-input-row button{border:0;border-radius:12px;background:#0877be;color:#fff;padding:12px 25px;font:inherit;font-weight:700;cursor:pointer}
.search-input-row button:hover{background:#065f9b}
.search-input-row input:focus-visible,.search-form input:focus-visible{outline:3px solid #75b5eb;outline-offset:2px}
.search-areas{border:0;padding:19px 0 0;margin:0;display:flex;gap:9px;flex-wrap:wrap}
.search-areas legend{font-size:.91rem;color:#526a7e;font-weight:700;padding:0 0 7px}
.search-areas label{display:inline-flex;align-items:center;gap:8px;background:#f1f7fd;border:1px solid #d7e6f2;border-radius:999px;padding:9px 13px;font-size:.88rem;cursor:pointer;color:#21475f}
.search-areas label:has(input:checked){background:#dceefa;border-color:#7eb5dc;color:#064f83;font-weight:750}
.search-areas input{accent-color:#0877be}
.search-result-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.search-result-heading h2{margin:0}.search-result-heading p{color:#526a7e;margin:0}
.search-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.search-result-card{min-height:0}.search-result-card h3{font-size:1.35rem;margin:12px 0}.search-result-card p{margin:0}
.search-result-area{display:inline-block;margin-top:12px;color:#0a6ea7;font-size:.85rem;font-weight:750}
@media(max-width:900px){body:not(.backend-mode) .desktop-search-link{display:none}body:not(.backend-mode) .header-inner .mobile-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:9px}body:not(.backend-mode) .header-inner .mobile-navigation .mobile-menu-toggle{grid-column:1;grid-row:1}body:not(.backend-mode) .mobile-search-link{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 14px;border:1px solid #ccdfef;border-radius:12px;background:#e9f4fc;color:#135789;font-weight:700;text-decoration:none;min-height:48px}body:not(.backend-mode) .header-inner #mobile-main-navigation{grid-column:1/-1;grid-row:2} .search-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.search-form{padding:17px}.search-input-row{flex-direction:column}.search-input-row button{min-height:45px}.search-result-grid{grid-template-columns:1fr}.search-areas{gap:7px}.search-areas label{font-size:.84rem;padding:8px 10px}}

/* 1.7.1 – dezente Suchlupe in der Hauptnavigation */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-nav-main .nav-search-item{display:flex;align-items:center}
.site-nav-main .nav-search-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;padding:9px;border-radius:50%;color:#315780;background:transparent;text-decoration:none}
.site-nav-main .nav-search-icon:hover,.site-nav-main .nav-search-icon:focus-visible{background:#e8f3fb;color:#0877be}
.site-nav-main .search-icon,.mobile-search-link .search-icon{display:block;flex-shrink:0}
@media(max-width:900px){
 body:not(.backend-mode) .header-inner #mobile-main-navigation .nav-search-item{display:none}
 body:not(.backend-mode) .mobile-search-link{width:48px;min-width:48px;padding:9px}
}

/* 1.7.2 – Startseitenillustration bleibt auch mobil am Viewport fixiert.
   Bewusst nur die Startseiten-Grafik; Lern-Apps und andere Bereiche sind unberührt. */
@media screen and (max-width:900px) {
  body:not(.backend-mode) .home-main .home-hero .hero-visual {
    position:fixed;
    top:clamp(150px,27vh,290px);
    right:-70px;
    width:280px;
    height:280px;
    pointer-events:none;
  }
}


/* Entdeckerwerkstatt: Blogbeiträge nutzen die zentralen Designvariablen. */
.ew-overview-intro{margin-bottom:26px;line-height:1.7;color:var(--muted)}
.ew-post-list{display:grid;gap:22px}
.ew-post-card{display:grid;grid-template-columns:minmax(220px,38%) 1fr;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.ew-post-card:hover{transform:translateY(-3px);border-color:var(--accent2)}
.ew-post-card img,.ew-post-placeholder{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;background:var(--accent-soft)}
.ew-post-placeholder{display:grid;place-items:center;color:var(--accent);font-size:4rem}
.ew-post-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:30px}
.ew-post-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent)}
.ew-post-copy strong{font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}
.ew-post-copy>span:nth-last-child(2){line-height:1.65;color:var(--muted)}
.ew-post-link{font-weight:800;color:var(--accent)}
.ew-page{max-width:1050px}.ew-article-hero{max-width:850px}.ew-hero-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);margin-bottom:24px}
.ew-article{max-width:850px;margin:auto;padding:clamp(24px,5vw,54px);line-height:1.8;font-size:1.07rem}
.ew-article h2{font-size:clamp(1.45rem,3vw,1.95rem);line-height:1.3;margin:2em 0 .65em}
.ew-article p{margin:1em 0}.ew-intro{font-size:1.16rem;font-weight:600}.ew-article a{color:var(--accent);text-underline-offset:3px}
.ew-article blockquote{margin:30px 0;padding:17px 24px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;font-size:1.2rem;font-weight:650}
.ew-note{padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:var(--accent-soft);margin:28px 0}
.ew-button{display:inline-block;padding:10px 17px;border-radius:11px;background:var(--accent);color:white!important;text-decoration:none;font-weight:800}
.ew-button:hover{filter:brightness(.92)}.ew-sources{border-top:1px solid var(--line);margin-top:40px;padding-top:8px}.ew-sources li{margin:9px 0;overflow-wrap:anywhere}.ew-back{margin-top:34px!important;font-weight:750}
@media(max-width:680px){.ew-post-card{grid-template-columns:1fr}.ew-post-card img,.ew-post-placeholder{height:210px;min-height:0}.ew-post-copy{padding:22px}}

/* Entdeckerwerkstatt: Desktopbild folgt der Artikelbreite; Mobilansicht bleibt unverändert. */
.ew-page .ew-hero-image{width:100%;max-width:850px;margin-left:auto;margin-right:auto}
.ew-post-date,.ew-article-date{color:var(--muted);font-size:.91rem;font-weight:600}
.ew-article-hero .ew-article-date{margin-top:12px;margin-bottom:4px}

/* Neuester Beitrag auf der Startseite (1.7.5) */
.latest-post-card .latest-post-kicker{display:block;margin-top:19px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.latest-post-card h2{margin-top:8px}
.latest-post-card .latest-post-date{display:block;margin-top:12px;color:var(--muted);font-size:.85rem;font-weight:600}
/* Podcastcover direkt beim Hoertipp */

/* 1.7.6: neuster Blogbeitrag auf der Startseite */
.latest-post-card .latest-post-kicker{display:block;margin-top:19px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.latest-post-card h2{margin-top:8px}.latest-post-card .latest-post-date{display:block;margin-top:12px;color:var(--muted);font-size:.85rem;font-weight:600}

/* 1.7.7: CSP-konforme Statusmeldung im Projekt-Backend */
#project-version-count{margin:9px 2px 0;color:#496889;font-size:.9rem}

/* Podcast-Hoertipp: lokales Kopfhoerer-SVG anstelle des externen Covers. */
.ew-podcast-note{display:flex;align-items:flex-start;gap:22px}
.ew-podcast-icon{flex:0 0 132px;width:132px;height:132px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--accent)}
.ew-podcast-content{flex:1;min-width:0}
.ew-podcast-content p{margin:10px 0 16px}
@media(max-width:560px){.ew-podcast-note{gap:14px;padding:16px}.ew-podcast-icon{flex-basis:72px;width:72px;height:72px}.ew-podcast-icon svg{width:38px;height:38px}}

/* Lernbaustein-Datenbank 1.8.1: auf das zentrale Kacheldesign abgestimmt */
.catalog-section{margin:26px 0 36px}.catalog-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;margin-bottom:18px;border:1px solid #d4e3f2;border-radius:18px;background:rgba(255,255,255,.84)}.catalog-filter label{font-weight:600;color:#24537e}.catalog-filter input,.catalog-filter select{font:inherit;max-width:100%;min-width:0;border:1px solid #a8c5db;border-radius:9px;padding:10px 12px;background:#fff;color:#173755}.catalog-filter input{flex:1 1 240px}.catalog-filter button{font:inherit;border:0;border-radius:9px;padding:11px 18px;background:#0871b7;color:white;cursor:pointer}.catalog-filter button:hover{background:#07558b}.catalog-filter a{color:#0871b7}.catalog-count{color:#4b6795;margin:15px 0 22px}.catalog-categories{margin-top:14px!important;font-size:.92rem!important;font-weight:600;color:#0871b7!important}.catalog-open{display:inline-block;color:#0871b7;font-weight:600;margin-top:15px}.catalog-next{margin:28px 0;color:#4b6795}@media(max-width:650px){.catalog-filter{align-items:stretch;flex-direction:column}.catalog-filter input,.catalog-filter select,.catalog-filter button{width:100%;flex:auto}}

/* 1.8.2: Separate catalog controls, no nested interactive elements */
.catalog-card{display:flex;flex-direction:column;text-decoration:none!important;transform:none!important}
.catalog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:18px}
.catalog-action,.catalog-copy{font:inherit;font-size:.89rem;font-weight:700;color:#0871b7!important;background:#f1f7fc;border:1px solid #b8d3e8;border-radius:9px;padding:9px 12px;text-decoration:none!important;cursor:pointer}
.catalog-action:hover,.catalog-copy:hover,.catalog-action:focus-visible,.catalog-copy:focus-visible{background:#d9edfa;border-color:#0871b7}
.catalog-download{background:#e8f3fb}


/* 1.8.5: Nutzungshinweise der Lernbaustein-Datenbank als Kacheln und Accordion */
.catalog-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 22px}
.catalog-usage-card{padding:22px;border:1px solid #d4e3f2;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(43,91,140,.07)}
.catalog-usage-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;background:#e7f3fb;color:#0871b7;font-size:1.35rem;font-weight:800}
.catalog-usage-card h3{margin:0 0 10px;color:#03123f;font-size:1.18rem;line-height:1.2}
.catalog-usage-card p{margin:0;color:#405f91;line-height:1.6}
.catalog-accordion{border:1px solid #d4e3f2;border-radius:16px;background:#fbfdff;overflow:hidden}
.catalog-accordion summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:800;color:#03123f;display:flex;align-items:center;justify-content:space-between;gap:16px}
.catalog-accordion summary::-webkit-details-marker{display:none}
.catalog-accordion summary::after{content:"＋";font-size:1.3rem;line-height:1;color:#0871b7}
.catalog-accordion[open] summary::after{content:"–"}
.catalog-accordion summary:hover{background:#eef7fd}
.catalog-accordion-content{padding:0 20px 18px;border-top:1px solid #d4e3f2}
.catalog-accordion-content p{margin:16px 0 0;color:#405f91;line-height:1.65}
.catalog-accordion-content p:first-child{margin-top:14px}
@media(max-width:900px){.catalog-usage-grid{grid-template-columns:1fr}.catalog-usage-card{padding:20px}}

/* 1.8.6 – Lizenzkennzeichnung in der Lernbaustein-Datenbank */
.catalog-license-intro{margin:0 0 16px;color:#405f91;font-size:.98rem;line-height:1.6}
.catalog-license{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.87rem;color:#173755;line-height:1.35}
.catalog-license-mark{display:inline-flex;align-items:center;flex-shrink:0;gap:4px;min-width:77px;min-height:30px;padding:3px 6px;border:1px solid #a9bed0;border-radius:6px;background:#f1f7fc;text-decoration:none!important;color:#163853!important}
.catalog-license-mark:hover,.catalog-license-mark:focus-visible{border-color:#0871b7;background:#e5f2fb}
.catalog-license-cc{display:inline-grid;place-items:center;width:23px;height:23px;border:2px solid currentColor;border-radius:50%;font-size:.85rem;font-weight:900;letter-spacing:-.12em;padding-right:2px}
.catalog-license-by{display:inline-grid;place-items:center;width:25px;height:23px;border:2px solid currentColor;border-radius:50%;font-size:.70rem;font-weight:850}
.catalog-license-author{display:block;color:#405f91;font-size:.82rem;margin-top:2px}
.catalog-license-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.catalog-license-heading .catalog-license-mark{margin-right:4px}


/* 1.8.7: Kartenlayout der Lizenzangaben vereinfacht */
.catalog-license{display:none}
.catalog-categories{display:none}
.catalog-license-line{margin:14px 0 0;color:#173755;font-size:.94rem;line-height:1.45}
.catalog-license-line a{color:#173755;font-weight:700;text-decoration:none}
.catalog-license-line a:hover,.catalog-license-line a:focus-visible{text-decoration:underline;color:#0871b7}
.catalog-keywords{margin:8px 0 0;color:#4b6795;font-size:.9rem;line-height:1.5}
.catalog-keywords strong,.catalog-license-line strong{color:#173755}

/* 1.8.8: dezente Metadaten ohne Präfixe, Schlagwörter im ursprünglichen Blauton */
.catalog-license-line{margin:12px 0 0!important;font-size:.92rem!important;line-height:1.4!important;font-weight:400!important;color:#52647c!important}
.catalog-license-line a{color:#52647c!important;font-weight:400!important;text-decoration:none!important}
.catalog-license-line a:hover,.catalog-license-line a:focus-visible{text-decoration:underline!important;color:#0871b7!important}
.catalog-keywords{margin:6px 0 0!important;color:#0871b7!important;font-size:.92rem!important;line-height:1.5!important;font-weight:400!important}

/* 1.8.9: Schlagwörter wieder kräftig blau und fett; Rest unverändert */
.catalog-keywords{color:#0471B7!important;font-weight:700!important}

/* 1.8.10: Versionshistorie nach Entwicklungsreihen gruppieren */
.project-version-group{border:1px solid #c8dfef;border-radius:17px;background:#f6fbff;overflow:hidden}
.project-version-group[hidden]{display:none}
.project-version-group.is-current-series{border-color:#9bcbe9;background:linear-gradient(180deg,#eef8ff,#f9fcff)}
.project-version-group-summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 18px;cursor:pointer;list-style:none}
.project-version-group-summary::-webkit-details-marker{display:none}
.project-version-group-summary:hover{background:#eaf5fc}
.project-version-group-name{font-size:1.12rem;font-weight:850;color:#123a65}
.project-version-group-count{color:#496889;font-size:.88rem;margin-left:auto}
.project-version-group-summary>.project-version-chevron{margin-left:6px}
.project-version-group[open]>.project-version-group-summary>.project-version-chevron{transform:rotate(90deg)}
.project-version-group-content{display:grid;gap:9px;padding:12px 14px 16px;border-top:1px solid #d8e8f4}
.project-version-group-content .project-version-item{background:#fff}
@media(max-width:650px){.project-version-group-summary{flex-wrap:wrap}.project-version-group-count{margin-left:auto}}

/* 1.9.8: dezente Versionszeile im Lernbaustein-Katalog */
.catalog-version{font-size:.83rem;color:#60738b;margin:10px 0 0;font-weight:400}

/* 1.9.9: Versionshinweise direkt aus den Änderungsnotizen des Backends */
.catalog-version-details{margin:10px 0 0;font-size:.83rem;color:#60738b}
.catalog-version-details>summary{display:list-item;list-style-position:inside;cursor:pointer;color:#0471b7;font-weight:600;width:fit-content;max-width:100%;border-radius:4px}
.catalog-version-details>summary:hover{text-decoration:underline}
.catalog-version-details>summary:focus-visible{outline:2px solid #0471b7;outline-offset:3px}
.catalog-version-notes{margin:8px 0 2px;padding:10px 12px;background:#f1f6fb;border-left:3px solid #0471b7;border-radius:4px;color:#334b65;line-height:1.5;overflow-wrap:anywhere}
.catalog-version-notes p{margin:4px 0 0!important;font-size:inherit!important;white-space:normal}
.catalog-keywords{overflow-wrap:anywhere}

/* Informationsseiten: vorhandene Farben und Abstände weiterverwenden. */
.learning-info-image{max-width:100%;height:auto;border-radius:12px}.learning-info-content{overflow-wrap:anywhere}.learning-info-content li{margin-block:.4rem}

.learning-info-content img{max-width:100%;height:auto;border-radius:12px}.learning-info-content img[data-align="left"]{float:left;margin:0 22px 16px 0}.learning-info-content img[data-align="right"]{float:right;margin:0 0 16px 22px}.learning-info-content img[data-align="block"]{display:block;float:none;margin:18px auto}.learning-info-content:after{content:"";display:block;clear:both}.learning-info-content ol[type="a"]{list-style-type:lower-alpha}@media(max-width:600px){.learning-info-content img[data-align="left"],.learning-info-content img[data-align="right"]{float:none;display:block;margin:16px auto}}

/* 1.10.6: diskrete Informationslinks ohne zusätzliche Aktionsschaltfläche */
.catalog-info-link-row{margin:10px 0 0!important;line-height:1.35!important;font-size:.92rem!important}
.catalog-info-link,.section-info-link{display:inline-block;color:#0471b7!important;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-size:.92rem;line-height:1.45}
.catalog-info-link:hover,.section-info-link:hover{text-decoration-thickness:2px;color:#004e89!important}
.catalog-info-link:focus-visible,.section-info-link:focus-visible{outline:2px solid #0471b7;outline-offset:3px;border-radius:2px}
.section-learning-card .section-main-link{color:inherit;text-decoration:none}
.section-learning-card .section-main-link::after{content:"";position:absolute;inset:0;z-index:1}
.section-learning-card .section-info-link{position:relative;z-index:2;margin-top:14px}
.section-learning-card .section-main-link:focus-visible{outline:2px solid #0471b7;outline-offset:4px}
.mint-learning-card.section-learning-card{position:relative;flex-wrap:wrap}
.mint-learning-card.section-learning-card .section-info-link{margin:0 0 0 4.2rem;flex-basis:100%}
.catalog-info-link-row + .catalog-actions{padding-top:10px}

/* 1.10.7: Informationsseiten – Aktionen vor dem redaktionellen Text */
.learning-info-top-actions{margin:18px 0 4px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.learning-info-top-actions .catalog-action{white-space:normal}.learning-info-content{line-height:1.72;color:#183050}.learning-info-content p{margin:0 0 1.05rem;line-height:1.72}.learning-info-content h1,.learning-info-content h2,.learning-info-content h3{color:#0a1e4c;line-height:1.25;font-weight:750;letter-spacing:-.018em}.learning-info-content h1{font-size:clamp(1.6rem,2.5vw,2.15rem);margin:1.65rem 0 .8rem}.learning-info-content h2{font-size:clamp(1.32rem,2vw,1.65rem);margin:1.5rem 0 .68rem}.learning-info-content h3{font-size:1.16rem;margin:1.25rem 0 .55rem}.learning-info-content ul,.learning-info-content ol{margin:.45rem 0 1.3rem;padding-left:1.65rem}.learning-info-content li{padding-left:.15rem;margin:.35rem 0}.learning-info-content li p{margin-bottom:.35rem}.learning-info-content a{color:#0471b7;text-decoration:underline;text-underline-offset:2px}.learning-info-content img{margin-bottom:1rem}.learning-info-content figure{margin:1.2rem 0}.learning-info-content figcaption{font-size:.88rem;color:#546b86;margin-top:.35rem}

/* 1.10.10 – Informationsseite als ruhige Inhaltskarte */
.learning-info-content{background:#fff;border:1px solid #d4e5f3;border-radius:18px;box-shadow:0 12px 32px rgba(19,45,83,.08);padding:clamp(22px,4vw,46px);margin:26px 0 32px;min-height:160px;display:flow-root}
.learning-info-content > :first-child{margin-top:0}
@media(max-width:600px){.learning-info-content{padding:20px 17px;border-radius:14px;margin-top:20px}}

/* 1.11.8: angenehm lesbare Teaser auf allen Entdecker-Kacheln */
.ew-post-card .ew-post-teaser,.ew-post-card .ew-post-teaser p,.ew-post-card .ew-post-copy>span:nth-last-child(2){font-size:1rem;line-height:1.65;color:var(--muted);margin:0;overflow-wrap:anywhere}
.ew-post-card .ew-post-teaser p+p{margin-top:.7em}
.ew-post-copy{gap:14px}

/* 1.11.10: Veröffentlichungsdatum rechts oben auf allen Entdeckerwerkstatt-Kacheln. */
.ew-post-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
.ew-post-meta .ew-post-date{font-size:.85rem;white-space:nowrap;margin-left:auto;color:var(--muted);font-weight:650;letter-spacing:0}
@media(max-width:680px){.ew-post-meta{align-items:flex-start}.ew-post-meta .ew-post-date{font-size:.8rem}}