:root{--ink:#17372e;--green:#185a43;--lime:#d9eb8d;--cream:#f7f7ed;--muted:#61746a;--line:#d9e0d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit} .header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-icon{font-size:37px;line-height:1;color:#659a64}.brand-dot{color:#76a660}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.header nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:700}.nav-button{background:var(--ink);color:white;border-radius:50px;padding:15px 21px}.nav-button span,.button span{margin-left:20px}.hero{max-width:1500px;margin:auto;padding:58px 7% 70px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:800}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:#83aa65}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(58px,6.5vw,100px);line-height:.98;margin:28px 0}h1 em,h2 em,h3 em{font-weight:400;color:#799b61}.hero-copy>p{max-width:440px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;border-radius:50px;padding:17px 22px;font-size:13px;font-weight:bold}.primary{background:var(--green);color:white}.text-link{font-size:13px;font-weight:bold;border-bottom:1px solid #94a99a;padding:10px 0}.text-link span{margin-left:12px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:62px;color:#718379;font-size:11px;line-height:1.6}.hero-note strong{color:var(--ink)}.note-symbol{font-size:30px;color:#83a975}.hero-art{height:555px;background:#dfeabf;border-radius:4px;position:relative;overflow:hidden}.art-top,.art-bottom{position:absolute;left:27px;right:27px;display:flex;justify-content:space-between;font-size:9px;font-weight:bold;letter-spacing:1.5px;z-index:2}.art-top{top:26px}.art-bottom{bottom:25px;align-items:end}.art-bottom span:last-child{font-size:28px;color:#67905b}.cell{position:absolute;width:70%;aspect-ratio:1;left:15%;top:13%;border-radius:45% 53% 47% 50%;background:#9dbd77;border:13px solid #779e62;transform:rotate(-12deg);box-shadow:inset 0 0 0 5px #c0d592}.cell-inner{position:absolute;inset:6%;border-radius:45% 50% 45% 48%;background:#c7db9a;overflow:hidden}.nucleus{position:absolute;width:29%;height:29%;left:36%;top:34%;border-radius:50%;background:#709e65;border:7px solid #87b074;z-index:2}.nucleus div{position:absolute;background:#4b8060;width:30%;height:30%;border-radius:50%;left:35%;top:35%}.org{position:absolute;width:16%;height:8%;border-radius:50%;background:repeating-linear-gradient(90deg,#4e8359 0 4px,#79aa70 4px 7px);border:3px solid #67975f}.o1{left:14%;top:22%;transform:rotate(25deg)}.o2{right:14%;top:20%;transform:rotate(-35deg)}.o3{left:10%;bottom:27%;transform:rotate(-55deg)}.o4{right:12%;bottom:25%;transform:rotate(35deg)}.o5{left:43%;top:9%;transform:rotate(-10deg)}.o6{left:39%;bottom:12%;transform:rotate(15deg)}.vacuole{position:absolute;right:12%;top:38%;width:20%;height:25%;background:#dbe9b7;border-radius:50%;opacity:.8}.dot{position:absolute;width:9px;height:9px;background:#8fb675;border-radius:50%}.d1{left:25%;top:40%}.d2{left:28%;bottom:24%}.d3{right:27%;top:30%}.art-label{position:absolute;background:#f8faee;padding:12px 15px;font-size:11px;font-weight:bold;box-shadow:0 8px 25px #416d3b20}.art-label span{font-size:9px;color:#86a173;margin-right:10px}.art-label b{margin-left:20px}.label-one{top:38%;left:6%}.label-two{bottom:25%;right:5%}.ticker{background:var(--ink);color:#e2efc4;display:flex;gap:36px;justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;padding:18px;font-size:10px;letter-spacing:2px;font-weight:bold}.ticker b{color:#a8c57e;font-size:18px}.section{padding:110px 7%;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}h2{font-size:clamp(48px,5vw,72px);line-height:1.05;margin-top:22px}.section-heading>p{max-width:330px;color:var(--muted);line-height:1.7;font-size:15px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{background:white;border:1px solid var(--line);display:grid;grid-template-columns:42% 58%;min-height:315px}.tool-visual{position:relative;background:#e6efd2;overflow:hidden;display:grid;place-items:center}.mini-cell{width:145px;height:145px;border:8px solid #7ba16b;border-radius:45%;background:#bad39a;position:relative;transform:rotate(-15deg)}.mini-cell span{position:absolute;width:45px;height:45px;border-radius:50%;background:#719c69;top:41px;left:43px}.mini-cell i{position:absolute;width:28px;height:12px;border-radius:50%;background:#6c9a64}.mini-cell i:nth-child(2){top:20px;left:22px}.mini-cell i:nth-child(3){bottom:24px;right:20px}.mini-cell i:nth-child(4){bottom:23px;left:20px}.visual-index{position:absolute;bottom:18px;left:18px;font-size:9px;letter-spacing:1px;font-weight:bold}.visual-star{position:absolute;right:18px;top:15px;font-size:22px;color:#7b9e69}.tool-body{padding:28px;display:flex;flex-direction:column}.card-meta{display:flex;justify-content:space-between;gap:8px;color:#718c76;font-weight:bold;font-size:9px;letter-spacing:1px}.tool-body h3,.coming-card h3{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-1px;margin-top:32px}.tool-body p,.coming-card p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px}.card-link{margin-top:auto;padding-top:24px;font-size:12px;font-weight:bold}.card-link span{float:right;font-size:18px}.coming-card{background:#e9eddb;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:315px}.coming-icon{font-size:30px;color:#82a66b}.coming-card h3{font-size:36px;line-height:1.05;margin-top:15px}.coming-card p{max-width:280px}.coming-bottom{font-size:9px;font-weight:bold;letter-spacing:1.4px;color:#849683}.quiz-section{background:#244d3f;color:#f8f9eb;padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.quiz-intro{max-width:550px;justify-self:end;width:100%}.light{color:#d4e4bf}.light span{background:#badb86}.quiz-intro h2 em{color:#b5d38f}.quiz-intro p{color:#c6d8c9;line-height:1.75;max-width:410px;margin-top:25px}.quiz-doodle{display:flex;align-items:center;gap:15px;margin-top:60px;font-size:42px;color:#b5d38f}.quiz-doodle span{font-size:12px;line-height:1.5;color:#d0dfcd}.quiz-box{background:#f8f9ef;color:var(--ink);padding:35px;min-height:390px;max-width:570px;width:100%}.quiz-top{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;letter-spacing:1px;color:#718b76}.progress{height:4px;background:#e1e8d8;margin:16px 0 32px}.progress span{display:block;height:100%;background:#79a55f;transition:width .2s}.quiz-box h3{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.2;margin-bottom:22px}.answers{display:grid;gap:8px}.answer{background:transparent;text-align:left;border:1px solid #d7e1d3;padding:13px 15px;color:var(--ink);cursor:pointer}.answer:hover:not(:disabled){border-color:#66965c;background:#eef4e5}.answer:disabled{cursor:default}.answer.correct{background:#dcebcf;border-color:#80aa70}.answer.wrong{background:#f7e5dc;border-color:#d09b87}.feedback{font-size:13px;line-height:1.5;margin-top:16px}.next{border:0;background:var(--green);color:white;padding:13px 20px;margin-top:18px;cursor:pointer;font-weight:bold;font-size:12px}.about{display:grid;grid-template-columns:.3fr 1fr 1fr;gap:30px;align-items:start}.about-mark{font-size:60px;color:#83a66f}.about-copy{color:var(--muted);line-height:1.8;font-size:15px;padding-top:35px}.about-copy p+p{margin-top:18px}.about-copy a{display:inline-block;color:var(--ink);margin-top:25px}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}@media(max-width:800px){.header{height:76px;padding:0 5%}.header nav{gap:15px}.header nav>a:not(.nav-button){display:none}.hero{grid-template-columns:1fr;padding:55px 5%}.hero-note{margin:35px 0}.hero-art{height:460px}.section{padding:75px 5%}.section-heading{display:block}.section-heading>p{margin-top:20px}.tool-grid,.quiz-section{grid-template-columns:1fr}.quiz-section{padding:75px 5%;gap:40px}.quiz-intro{justify-self:start}.quiz-doodle{margin-top:30px}.about{grid-template-columns:1fr}.about-mark{display:none}.about-copy{padding-top:0}footer{padding:30px 5%;flex-wrap:wrap}}@media(max-width:500px){h1{font-size:57px}.hero-art{height:360px}.hero-actions{gap:18px}.tool-card{grid-template-columns:1fr}.tool-visual{min-height:210px}.tool-body{min-height:270px}.quiz-box{padding:25px}.art-label{font-size:10px}footer p{width:100%;order:3}}
/* Jahrgangsstufen */
.header nav{gap:20px}.nav-label{font-size:9px;letter-spacing:1.4px;color:#718379;margin-right:3px}.header nav>a:not(.nav-button){padding:10px 2px}.header nav>a:not(.nav-button):hover{color:#7b9e69}.grades{padding-bottom:35px}.grade-list{border-top:1px solid var(--line)}.grade{display:grid;grid-template-columns:220px 1fr;gap:35px;padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.grade-number{font:48px Georgia,serif;color:#83a66f;letter-spacing:-2px}.grade-number small{display:block;font:700 9px Arial,sans-serif;letter-spacing:1.4px;color:#829084;margin-top:5px}.grade-sub{font-size:9px;letter-spacing:1.4px;font-weight:bold;color:#759478}.grade h3{font:30px Georgia,serif;letter-spacing:-1px;margin:10px 0}.grade p{max-width:750px;color:var(--muted);font-size:14px;line-height:1.7}.grade-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:18px}.grade-links a{font-size:12px;font-weight:bold;border-bottom:1px solid #a7b9a8;padding-bottom:5px}.curriculum-note{margin-top:20px;max-width:850px;font-size:12px;color:var(--muted);line-height:1.6}@media(max-width:800px){.header{height:auto;min-height:76px;flex-wrap:wrap;gap:10px;padding-top:15px;padding-bottom:15px}.header nav{display:flex;width:100%;gap:0;justify-content:space-between;overflow-x:auto}.header nav>a:not(.nav-button){display:block;padding:10px}.header nav .nav-button{padding:10px 14px;white-space:nowrap}.nav-label{display:none}.grade{grid-template-columns:85px 1fr;gap:15px}.grade-number{font-size:36px}.grade-number small{font-size:8px;letter-spacing:.5px}.grade h3{font-size:25px}}
/* Navigation und Jahrgangsseiten */
.header nav a[aria-current="page"]{color:#185a43;border-bottom:2px solid #83aa65}.home-hero{padding-top:100px;padding-bottom:90px}.home-hero h1{margin-top:28px}.home-hero>p{max-width:540px;color:var(--muted);font-size:17px;line-height:1.75}.home-hero .button{margin-top:30px}.home-hero .hero-note{margin-top:45px}.year-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);column-gap:38px}.year-card{display:flex;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.year-card:hover strong{color:#799b61}.year-number{font:44px Georgia,serif;color:#83a66f;min-width:58px}.year-card small,.year-kicker{display:block;font-size:9px;font-weight:bold;letter-spacing:1.5px;color:#759478}.year-card strong{display:block;font:24px Georgia,serif;margin-top:8px}.year-card .arrow{margin-left:auto;font-size:21px}.year-hero{padding-top:70px}.back-link{display:inline-block;font-size:12px;font-weight:bold;margin-bottom:65px}.year-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.year-layout h1{margin-bottom:0}.year-intro{padding:42px;background:#e9eddb}.year-intro h2{font:36px Georgia,serif;letter-spacing:-1px;margin:15px 0}.year-intro p,.year-info p{color:var(--muted);line-height:1.8;font-size:15px}.year-info{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%}.year-info p+p{margin-top:18px}@media(max-width:800px){.home-hero{padding-top:70px;padding-bottom:70px}.year-layout,.year-info{grid-template-columns:1fr;gap:35px}.back-link{margin-bottom:40px}.year-intro{padding:28px}}@media(max-width:500px){.year-grid{grid-template-columns:1fr}.year-card strong{font-size:21px}}
.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.home-copy{min-width:0}.tour{height:540px;position:relative;overflow:hidden;background:#dfeabf;color:#17372e}.tour canvas{display:block;width:100%;height:100%;object-fit:cover}.tour-top{position:absolute;z-index:1;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.2px;font-weight:bold}.tour-caption{position:absolute;left:24px;bottom:25px;background:#f7f9edee;padding:15px 18px;max-width:70%}.tour-caption span{font-size:9px;letter-spacing:1.3px;font-weight:bold;color:#64876a}.tour-caption p{font:18px Georgia,serif;margin-top:7px}.tour-control{position:absolute;right:24px;bottom:25px;border:1px solid #789574;background:#f7f9edee;color:#17372e;padding:11px 14px;cursor:pointer;font-size:12px;font-weight:bold}.tour-control span{margin-left:5px}.tour-control:focus-visible{outline:3px solid #17372e;outline-offset:3px}@media(max-width:800px){.home-hero{grid-template-columns:1fr;gap:35px}.tour{height:450px}}@media(max-width:500px){.tour{height:370px}.tour-top{font-size:8px}.tour-caption p{font-size:15px}}
.protein-figure{margin:0;background:#e5efd2}.protein-figure img{display:block;width:100%;height:auto}.protein-figure figcaption{padding:0 24px 20px;color:#688b70;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}
.lernt-section{padding-top:0;padding-bottom:40px}.lernt-card{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#e5efd2;padding:clamp(28px,4vw,48px)}.lernt-card h2{font-size:clamp(30px,3.5vw,44px);margin:16px 0}.lernt-card p{max-width:600px;color:var(--muted);font-size:14px;line-height:1.7}.lernt-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}.lernt-actions span{font-size:11px;color:var(--muted)}@media(max-width:800px){.lernt-card{align-items:flex-start;flex-direction:column;gap:24px}}
.legal-page{padding-top:55px;padding-bottom:100px}.legal-page .back-link{margin-bottom:45px}.legal-page h1{font-size:clamp(48px,6vw,72px);margin:24px 0 35px}.legal-page h2{font-size:28px;letter-spacing:-.03em;margin:36px 0 15px}.legal-nav{display:flex;gap:20px;align-items:center}.legal-nav a{font-size:12px;color:var(--muted)}.legal-nav a:hover{text-decoration:underline}@media(max-width:500px){.legal-nav{width:100%}}
.brand-icon{display:inline-flex;width:37px;height:37px;flex:none;align-items:center;justify-content:center}.brand-icon svg{width:100%;height:100%;display:block}

.sister-site-link{display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border:1px solid #9cbcb0;border-radius:999px;color:#205e54;font-size:12px;font-weight:700;text-decoration:none}.sister-site-link:hover,.sister-site-link:focus-visible{background:#e3f0e7;outline-color:#205e54}

@media (max-width:500px){h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}}