*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#071f26;color:#edf3ee;font:17px/1.65 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #efbd77;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10;background:#122f35;padding:15px}header{max-width:1360px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15}.brand{display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.35;letter-spacing:2.5px}.brand b{font-size:17px;letter-spacing:5px}.mark{font:italic 56px Georgia;color:#e8b775;line-height:1}nav{display:flex;gap:30px;font-size:15px;align-items:center}nav a:hover{color:#e8b775}.support-link{border:1px solid #779095;padding:9px 19px;border-radius:30px}main>section{max-width:1240px;margin:auto;padding:90px 35px}.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:690px;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:600;color:#b6cecc;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(48px,5.2vw,75px)/1.12 Georgia,serif;letter-spacing:-2px;margin-bottom:28px}em{color:#e8b775;font-weight:normal}h2{font:normal clamp(36px,4vw,53px)/1.16 Georgia,serif;letter-spacing:-1px;margin-bottom:25px}h3{font:normal 30px/1.25 Georgia,serif}.lead{color:#b9cdcf;font-size:18px;line-height:1.8}.primary{display:inline-flex;align-items:center;gap:25px;background:#eac18a;color:#142a30;padding:15px 25px;border-radius:3px;font-size:15px;font-weight:600;margin-top:16px;transition:background .2s}.primary:hover{background:#ffdaa7}.quiet{font-size:13px;color:#91a9ab;margin-top:20px}.map{position:relative;aspect-ratio:600/540;color:#78a7a3;background:radial-gradient(ellipse,#18505755,transparent 65%)}.map svg{position:absolute;width:100%;height:100%;opacity:.35}.center-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#eac18a;letter-spacing:7px;font:24px Georgia}.center-word span{display:block;text-align:center;font:12px 'Segoe UI';letter-spacing:1px;color:#b8ceca;margin-top:15px}.planet{position:absolute;transform:translate(-50%,-50%);background:#0b3037;border:1px solid #547475;padding:10px 18px;border-radius:50px;color:#e8eeeb;font-size:15px;transition:background .25s,border-color .25s}.planet:hover{background:#285451;border-color:#eac18a}.p1{left:17%;top:30%}.p2{left:74%;top:18%}.p3{left:84%;top:54%}.p4{left:62%;top:85%}.p5{left:19%;top:75%}.explore{border-top:1px solid #ffffff20}.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.section-top>p{color:#a9bdbf;font-size:16px}.section-top>a{border-bottom:1px solid #8ca5a7;font-size:15px}.topic-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.topic-list{display:flex;flex-direction:column}.topic-list button{display:flex;gap:23px;align-items:center;border:0;border-bottom:1px solid #ffffff20;background:none;color:#9bb5b6;text-align:left;padding:24px 0;font-size:14px}.topic-list span{flex:1;font-size:20px}.topic-list button[aria-selected=true]{color:#ebc38f}.topic-list button:hover{color:#fff}#topic-panel{background:#12363c;padding:38px 42px;position:relative;border-radius:3px}#topic-panel>p{color:#c3d3d1;max-width:460px}#topic-panel h3{max-width:400px}#topic-panel a{font-size:15px;color:#ebc38f}.topic-icon{position:absolute;right:30px;top:14px;font:65px Georgia;color:#eac18a55}.reflection{border-left:2px solid #d6ae76;padding:0 0 0 20px;margin:25px 0}.reflection span,.result>span{font-size:11px;letter-spacing:2px;color:#b8c8c7}.reflection p{margin:8px 0;font:italic 23px/1.4 Georgia;color:#f2dfc4}.knowledge{border-top:1px solid #ffffff20}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.knowledge-grid>div>p{color:#b5c9c9}.knowledge-grid .large{font-size:24px;color:#edf3ee}details{border-top:1px solid #567475;padding-top:15px;margin-top:25px}summary{cursor:pointer;list-style:none;font-size:15px}summary span{float:right}details p{padding-top:15px;color:#b5c9c9}.word-lab{margin-top:60px;padding:35px;background:#103038;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;border-top:1px solid #bb9b6666}.word-lab h3{font-size:27px}.word-lab p{color:#bed0cf}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{border:1px solid #637d7e;color:#cfdbd8;background:none;border-radius:30px;padding:10px 16px;font-size:14px}.choices button[aria-pressed=true]{background:#eac18a;color:#142a30;border-color:#eac18a}.result{border-left:1px solid #63817d55;padding-left:35px;align-self:center}.result p{font:23px/1.45 Georgia;margin:15px 0}.result small{font-size:13px;color:#9cb2b2}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.video-art{aspect-ratio:16/9;position:relative;overflow:hidden;background:#163940;margin-bottom:23px}.video-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video:hover img{transform:scale(1.025)}.video-art span{position:absolute;right:18px;bottom:18px;background:#071f26df;padding:8px 18px;border-radius:50%;font-size:19px}.video h3{font-size:25px;max-width:470px}.video .eyebrow{margin-bottom:10px}.more-worlds{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:25px;margin-top:35px;font-size:16px;color:#eac18a}.support{text-align:center;border-top:1px solid #ffffff20}.support p{color:#b9cbcb}.heart{font:70px Georgia;color:#eac18a;display:block;margin-bottom:25px}.support h2{font-size:48px}footer{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:30px 5%;gap:20px;color:#94aeb0;font-size:13px}footer span:first-child{letter-spacing:2px}@media(max-width:800px){header{padding:22px 6%}nav{gap:17px}nav a{font-size:14px}nav a:nth-child(2){display:none}.intro{grid-template-columns:1fr;padding-top:50px;min-height:0}.intro-copy{max-width:550px}.map{max-width:500px;width:100%;margin:25px auto -25px}main>section{padding:55px 6%}.topic-layout,.knowledge-grid,.word-lab{grid-template-columns:1fr;gap:30px}.topic-list button{padding:16px 0}.section-top{align-items:flex-start}.section-top>p{display:none}.result{border-left:0;border-top:1px solid #63817d55;padding:25px 0 0}.more-worlds{flex-direction:column}footer{flex-wrap:wrap}.video-grid{gap:20px}.video h3{font-size:22px}}@media(max-width:480px){nav a:first-child{display:none}nav{gap:10px}.support-link{padding:7px 12px}h1{font-size:49px}.map{font-size:14px}.planet{font-size:13px;padding:8px 12px}.center-word{font-size:20px;letter-spacing:3px}.section-top{display:block}.section-top>a{display:inline-block;margin-bottom:15px}#topic-panel{padding:30px 25px}.video-grid{grid-template-columns:1fr}.word-lab{padding:25px}.support h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.vision,.about{border-top:1px solid #ffffff20}.vision .large,.about .large{color:#edf3ee;font-size:24px}.vision-close{font:normal clamp(25px,3vw,37px)/1.5 Georgia;margin:55px 0 0;padding-top:30px;border-top:1px solid #ffffff20}.everyday{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}.everyday a{display:block;padding:25px 28px;border:1px solid #698a8655;font:24px/1.4 Georgia;background:#103038}.everyday a:hover{border-color:#eac18a}.everyday span{display:block;font:13px 'Segoe UI',sans-serif;color:#b7cccc;margin-bottom:15px}.everyday b{color:#eac18a;font-weight:normal}nav{gap:20px}@media(max-width:950px){nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;max-width:65%}nav a:nth-child(2){display:inline}header{gap:20px}}@media(max-width:600px){.everyday{grid-template-columns:1fr}.everyday a{font-size:22px}nav a:first-child{display:inline}nav a{font-size:13px}.support-link{padding:5px 10px}}
.vision-story{max-width:760px;margin:40px auto 0;color:#c4d4d3;font-size:18px;line-height:1.85}.vision-story .vision-intro{font-size:22px;line-height:1.65;color:#edf3ee;border-left:2px solid #eac18a;padding-left:26px;margin-bottom:42px}.vision-story h3{color:#eac18a;font-size:30px;margin:45px 0 20px;line-height:1.3}.vision-story p{margin-bottom:22px}.vision>h2{max-width:950px}.vision-story h3:first-of-type{margin-top:0}@media(max-width:600px){.vision-story{font-size:17px}.vision-story .vision-intro{font-size:20px;padding-left:18px}.vision-story h3{font-size:27px}}
.vision-chapter{padding:34px 0 18px;border-top:1px solid #6b858052}
.vision-chapter:first-of-type{border-top:0;padding-top:8px}
.vision-chapter .vision-number{margin:0 0 6px;color:#b5c9c7;font-size:11px;line-height:1;letter-spacing:3px}
.vision-chapter h3{margin:0 0 20px}
.vision-chapter blockquote{margin:30px 0 8px;padding:20px 24px;border-left:2px solid #e8b775;background:#0d30366e;color:#f1d4a4;font:italic 22px/1.55 Georgia,serif}
.vision-finale{margin:82px -48px 0;padding:46px 48px 42px;border:1px solid #9c87625c;border-radius:14px;background:radial-gradient(circle at 88% 12%,#e8b77518,transparent 34%),linear-gradient(145deg,#12343a9e,#09252ca6);box-shadow:0 24px 65px #00121740;scroll-margin-top:calc(var(--header-height,110px) + 20px)}
.vision-finale .eyebrow{margin-bottom:14px}
.vision-finale h3{margin:0 0 28px;font-size:clamp(30px,3.5vw,42px);color:#edf3ee}
.vision-finale>p:first-of-type{font-size:21px;color:#f1d4a4}
.vision-ripple{padding-left:22px;border-left:1px solid #e8b7758c;color:#e5ece8}
.vision-finale blockquote{margin:34px 0 0;padding:24px 0 0;border-top:1px solid #e8b77570;color:#f0c98f;font:italic clamp(23px,2.6vw,31px)/1.5 Georgia,serif}
@media(max-width:600px){.vision-chapter{padding-top:28px}.vision-chapter blockquote{padding:17px 18px;font-size:20px}.vision-finale{margin:58px 0 0;padding:30px 22px}.vision-finale>p:first-of-type{font-size:19px}}

.intro .primary{padding:10px 22px;border-radius:28px;gap:18px;font-weight:500;font-size:15px}.vision>h2{font-size:clamp(32px,3.8vw,49px);line-height:1.25;max-width:1020px}

/* Phase 1: Wissens-Snacks und Kapitel */
[hidden]{display:none!important}.orbit-0{left:25%;top:17%}.orbit-1{left:75%;top:17%}.orbit-2{left:88%;top:50%}.orbit-3{left:75%;top:83%}.orbit-4{left:25%;top:83%}.orbit-5{left:12%;top:50%}.snack-example{padding:20px 0;border-top:1px solid #6a898655}.snack-example>span{font-size:12px;letter-spacing:2px;color:#b6cecc}.snack-example p{margin:8px 0 0;font-size:16px;color:#c3d3d1}.outline-button{display:inline-block;border:1px solid #bda178;border-radius:24px;background:transparent;color:#eac18a;padding:10px 20px;font-size:15px}.outline-button:hover{background:#23484b}.snack-player{display:block;width:100%;aspect-ratio:16/9;border:0}.pdda{font-size:42px!important;color:#eac18a}.pdda span{display:block;font:22px/1.5 'Segoe UI',sans-serif;color:#edf3ee}.pdda em{display:block;font:italic 25px/1.5 Georgia}.learning-main{max-width:1240px;margin:auto}.learning-intro{max-width:950px;margin:0!important;padding-bottom:45px!important}.learning-intro .lead{max-width:800px}.back-link{display:inline-block;margin-bottom:35px;font-size:15px;color:#c5d4d1}.learning-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding:0 35px 80px}.learning-layout aside{align-self:start;position:sticky;top:24px}.learning-layout aside details{margin:0;padding:18px 0;border-top:1px solid #647c7655}.learning-layout summary{font-size:17px;color:#eac18a}.learning-layout nav{display:flex;flex-direction:column;align-items:stretch;max-width:none;gap:0;padding-top:15px}.learning-layout nav a{display:flex;gap:13px;font-size:14px;line-height:1.5;padding:12px 8px;border-bottom:1px solid #56757033}.learning-layout nav a span{color:#eac18a}.learning-layout nav a[aria-current]{background:#173a40;border-left:2px solid #eac18a}.learning-content{min-width:0}.learning-content section{padding:15px 0 40px}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chapter-card{padding:25px 25px 42px;border:1px solid #54757566;background:#103038;position:relative;transition:border-color .2s}.chapter-card:hover{border-color:#eac18a}.chapter-card h3{font-size:25px;line-height:1.3;overflow-wrap:anywhere;margin:14px 0}.chapter-card p{font-size:16px;color:#bdcfce;margin:0}.chapter-arrow{position:absolute;right:23px;bottom:15px;color:#eac18a}#chapter-detail{padding:35px;background:#163b40;margin:30px 0 50px;scroll-margin-top:30px}#chapter-detail h2{font-size:37px}#chapter-detail h3{font-size:26px;color:#eac18a}#chapter-detail>p{color:#c8d8d5}#chapter-next{color:#eac18a;font-size:15px}#self-check{border-top:1px solid #a18a6266;padding-top:35px}#check-content{color:#c6d7d3}#check-content button{border:1px solid #8baca5;background:#13383d;color:#edf3ee;border-radius:22px;padding:10px 20px}#check-content button:disabled{opacity:.45;cursor:default}.check-answers{display:flex;gap:18px;margin:25px 0}.check-answers button{min-width:110px;padding:15px 28px!important;font-size:20px}#check-content button[aria-pressed=true]{background:#eac18a;color:#102b31}.check-navigation{display:flex;gap:10px;flex-wrap:wrap}progress,meter{width:100%;accent-color:#eac18a;margin:10px 0 25px}.check-results{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.check-results article{padding:20px;background:#15373d}.check-results h4{font-size:21px;margin:0 0 12px}.check-results p{font-size:16px}.check-results a{color:#eac18a}#check-question:focus,#check-result:focus{outline:none}#check-content h3{margin-top:20px}
@media(max-width:850px){.learning-layout{grid-template-columns:1fr;gap:22px;padding:0 6% 50px}.learning-layout aside{position:static}.learning-layout nav{display:grid;grid-template-columns:1fr 1fr}.learning-layout nav a{font-size:14px}.learning-intro{padding-left:6%!important;padding-right:6%!important}}@media(max-width:520px){.chapter-grid,.check-results{grid-template-columns:1fr}.learning-layout nav{grid-template-columns:1fr}.chapter-card{padding:20px 25px 35px}#chapter-detail{padding:25px}#chapter-detail h2{font-size:31px}.orbit-2{left:84%}.orbit-5{left:16%}.map .planet{font-size:13px}.learning-intro h1{font-size:48px}}
/* Navigation bleibt auf beiden Seiten erreichbar. */
:root{--header-height:110px}html{scroll-padding-top:calc(var(--header-height) + 20px)}body>header{position:sticky;top:0;z-index:30;background:#071f26;border-bottom:1px solid #54757566;padding-top:16px;padding-bottom:16px;max-width:none;box-shadow:0 6px 20px #00000020}.skip:focus{position:fixed;z-index:50}.learning-layout aside{top:calc(var(--header-height) + 20px)}#chapter-detail{scroll-margin-top:0}.back-top{position:fixed;right:22px;bottom:22px;z-index:25;background:#10383f;color:#eac18a;border:1px solid #9d8c70;border-radius:28px;padding:10px 17px;font-size:14px;box-shadow:0 4px 18px #0006}.back-top:hover{background:#214b50}footer{padding-bottom:85px}@media(max-width:600px){body>header{flex-direction:column;gap:10px;padding:12px 5%}.brand{align-self:flex-start}.brand .mark{font-size:36px}.brand b{font-size:14px}.brand{font-size:10px}body>header nav{max-width:none;width:100%;justify-content:flex-start;gap:8px 16px}body>header nav a{display:inline!important;font-size:14px}.back-top{right:12px;bottom:12px;padding:8px 14px}.learning-layout aside{position:static}}
.question-row{min-width:0;margin:0;padding:22px 0;border:0;border-bottom:1px solid #66878255}.question-row legend{float:left;width:100%;font-size:17px;line-height:1.6;padding:0 0 14px}.question-row:after{content:'';display:block;clear:both}.question-number{color:#eac18a}.answer-segments{clear:both;display:flex;gap:8px}.answer-segments label{position:relative;cursor:pointer;flex:1;max-width:125px}.answer-segments input{position:absolute;opacity:0;width:1px;height:1px}.answer-segments span{display:block;text-align:center;padding:10px 15px;border:1px solid #698981;border-radius:24px;font-size:15px}.answer-segments input:checked+span{background:#eac18a;color:#102b31;border-color:#eac18a}.answer-segments input:focus-visible+span{outline:3px solid #eac18a;outline-offset:3px}.question-row.unanswered{border-left:3px solid #eac18a;padding-left:15px}.check-progress{margin:25px 0 5px}.check-progress progress{height:8px;margin:8px 0}.check-navigation{margin-top:25px}#check-submit{background:#eac18a!important;color:#102b31!important}#check-error{color:#f3cb90;margin-top:20px}.map-title{font-size:42px!important;line-height:1.2}.result-orbit{position:relative;min-height:540px;margin:35px 0;background:radial-gradient(ellipse,#22494c88,transparent 66%)}.result-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:38px Georgia;color:#eac18a;text-align:center}.result-center span{display:block;font:14px/1.5 'Segoe UI',sans-serif;color:#bdd2cc;margin-top:12px}.result-node{position:absolute;transform:translate(-50%,-50%);width:145px;text-align:center;border:1px solid #8ca69966;border-radius:50px;padding:13px 10px;background:#103038;font-size:14px;line-height:1.4}.result-node strong{display:block;font:27px Georgia;color:#eac18a;margin-top:6px}.node-0{left:50%;top:10%}.node-1{left:80%;top:28%}.node-2{left:82%;top:63%}.node-3{left:66%;top:88%}.node-4{left:31%;top:88%}.node-5{left:17%;top:63%}.node-6{left:20%;top:28%}.result-guidance{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-guidance h4,.overall h4,.gentle-note h4{font:26px/1.3 Georgia;color:#eac18a;margin:15px 0}.result-guidance ul{padding-left:20px}.result-guidance li{margin-bottom:20px}.result-guidance a{color:#eac18a}.result-guidance p{font-size:16px}.gentle-note{position:static!important;background:#173d42;border-left:3px solid #eac18a;padding:20px 25px;margin:25px 0}.score-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.score-line strong{color:#eac18a;font:29px Georgia}.score-line span{font-size:13px}.score-method{margin-bottom:25px}.check-results article{scroll-margin-top:20px}.check-results meter{height:12px;margin:14px 0}.check-results a{font-size:15px}@media(max-width:650px){.result-orbit{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.result-center{position:static;transform:none;grid-column:1/-1;padding:20px}.result-node{position:static;transform:none;width:auto;border-radius:20px}.result-node:last-child{grid-column:1/-1}.result-guidance{grid-template-columns:1fr}.map-title{font-size:33px!important}.answer-segments label{max-width:none}.answer-segments span{padding:11px 8px}.question-row legend{font-size:16px}}

.tests-main{max-width:1000px;margin:auto;padding:48px 28px 80px}.tests-intro{padding:0 0 24px}.tests-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin:12px 0 20px}.tests-intro>p:last-child{max-width:660px}.tests-main #self-check{padding-top:24px}.tests-main #self-check>h2{font-size:clamp(1.6rem,3vw,2.3rem)}

.answer-segments{flex-wrap:wrap}.answer-segments label{min-width:100px}.tests-main #self-check{padding-left:0;padding-right:0}.tests-main #test-overview{padding:20px 0}.tests-main .tests-intro{padding-left:0;padding-right:0}@media(max-width:520px){.answer-segments{display:grid;grid-template-columns:1fr}.answer-segments label{max-width:none}.answer-segments span{text-align:left;padding:10px 16px}}

.core-themes{padding:28px 0!important;border-top:1px solid #66878255;margin-top:28px}.core-themes>h4{font:26px/1.3 Georgia;color:#eac18a}.core-next{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.core-themes .quiet{font-size:14px}

.island-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.island-cell{min-height:255px;display:flex;align-items:center;justify-content:center}.map-island{width:var(--island-size);min-height:220px;padding:35px 20px;border:1px solid #aec2bb88;border-radius:43% 57% 55% 45% / 47% 42% 58% 53%;color:#f2f4ed;background:#624a50;cursor:pointer;transition:filter .2s}.map-island:hover{filter:brightness(1.15)}.map-island strong{display:block;font:23px/1.2 Georgia}.map-island span{display:block;font-size:15px;margin:14px 0}.map-island small{font-size:13px}.island-1{background:#245960;border-radius:55% 45% 39% 61% / 48% 59% 41% 52%}.island-2{background:#675040}.island-3{background:#50496b}.island-4{background:#405c50}.island-5{background:#655936}.map-island.unexplored{background:#183238;border-style:dashed;color:#c6d7d3}.map-detail{padding:25px!important;border:1px solid #78958e;border-radius:24px;background:#12373d;scroll-margin-top:calc(var(--header-height,90px) + 20px)}.map-detail h2{font-size:32px}.map-detail h3,.map-save-area h4{font:25px Georgia;color:#eac18a}.map-detail li{margin-bottom:10px}.map-detail a{color:#eac18a}.map-detail #close-map-detail{display:block;margin-top:25px}.map-start,.map-privacy,.map-save-area{padding:25px 0!important;border-top:1px solid #66878255;margin-top:30px}.map-save-area [data-map-consent]{padding:20px;background:#173d42;margin-top:20px;border-radius:16px}.theme-text-link{background:none;border:0;text-align:left;color:#eac18a;text-decoration:underline;padding:7px 0;font:inherit;cursor:pointer}#personal-map button:not(.map-island):not(.theme-text-link):not(.focus-island):not([data-tab]):not(.central-mini){border:1px solid #8baca5;background:#13383d;color:#edf3ee;border-radius:22px;padding:10px 20px;cursor:pointer}#personal-map h3{font:26px Georgia;color:#eac18a}.map-island:focus-visible{outline:3px solid #eac18a;outline-offset:4px}@media(max-width:800px){.island-map{grid-template-columns:repeat(2,minmax(0,1fr))}.island-cell{min-height:230px}.map-island strong{font-size:21px}}@media(max-width:480px){.island-map{grid-template-columns:1fr}.island-cell{min-height:220px}.map-island{max-width:330px;min-height:210px}}@media(prefers-reduced-motion:reduce){.map-island{transition:none}}

.central-overview{padding:35px 0!important}.central-card{padding:24px;border:1px solid #66878255;background:#103038}.central-card h3{font:25px/1.3 Georgia;color:#eac18a}.central-card time{font-size:14px}.central-card [data-single-confirm]{margin-top:18px;padding:15px;background:#173d42}#saved-result{margin-top:24px}

.about-story{max-width:820px;margin:0 auto}.about-story p{line-height:1.85;margin:0 0 1.2em}.about-story h3{font:clamp(1.4rem,3vw,2rem)/1.35 Georgia;color:#eac18a;margin:2em 0 .8em;overflow-wrap:anywhere}
/* Zentrale: eigenständige responsive Karte, ohne externe Grafikdienste. */
.central-main{max-width:1400px;margin:auto;padding:32px 5% 70px}.central-intro h1{font-size:clamp(38px,5vw,62px);margin:18px 0 4px}.central-intro p{margin:0;font-size:20px}.central-intro{margin-bottom:10px}.central-tabs{display:flex;justify-content:flex-end;gap:4px;margin:0 0 12px;position:relative;z-index:2}.central-tabs button{border:1px solid #49666a;background:transparent;color:inherit;border-radius:30px;padding:10px 20px}.central-tabs [aria-selected=true]{background:#eac18a24;border-color:#eac18a;color:#f3d5a6}.orbit-map{position:relative;height:480px;max-width:850px;margin:-25px auto 0;background:radial-gradient(ellipse at center,#eac18a0b,transparent 65%)}.central-you{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:1px solid #eccb92;border-radius:50%;box-shadow:0 0 28px #eccb9238,inset 0 0 22px #eccb921c;display:flex;flex-direction:column;justify-content:center;text-align:center}.central-you strong{font-size:33px;color:#f0ca8c}.central-you span{font-size:14px;margin-top:8px}.orbit-line{position:absolute;inset:30px 140px;border:1px solid #eac18a24;border-radius:50%;pointer-events:none}.orbit-two{inset:70px 95px;transform:rotate(-25deg)}.focus-island{position:absolute;width:215px;min-height:150px;padding:17px 21px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #dfbd9390;border-radius:45% 55% 43% 57% / 55% 42% 58% 45%;color:#f5f3e9;box-shadow:inset 0 0 25px #fff2,0 0 22px #abc2c515;transform:scale(var(--weight));background:linear-gradient(130deg,#70504e,#382e3a)}.focus-island:hover{filter:brightness(1.18)}.focus-island strong{font-size:16px;line-height:1.4;max-width:180px}.focus-island small{background:#ffffff18;border-radius:20px;padding:3px 14px}.focus-icon{font-size:26px;line-height:1}.focus-0{left:18%;top:0}.focus-1{right:12%;top:10px;background:linear-gradient(130deg,#396b67,#183c43)}.focus-2{right:0;top:170px;background:linear-gradient(130deg,#90733f,#493d2d)}.focus-3{right:16%;bottom:0;background:linear-gradient(130deg,#6a5d7d,#333647)}.focus-4{left:14%;bottom:0;background:linear-gradient(130deg,#8d6047,#4b3833)}.focus-5{left:0;top:170px;background:linear-gradient(130deg,#416f81,#223c4d)}.central-caption{text-align:center;color:#b3c8c8;font-size:14px;margin:20px 0}.central-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px}.central-box{border:1px solid #66868a55;border-radius:16px;padding:22px;background:#0c30363d;margin-bottom:16px}.central-box h2{font-size:27px;margin:0 0 16px}.central-suggestions{padding-left:24px}.central-suggestions li{padding:6px 0}.central-suggestions button{background:none;border:0;color:inherit;text-align:left;padding:5px}.central-suggestions span{display:block;font-size:14px;margin-top:5px;color:#b8cacc}.central-mini{display:block;width:100%;text-align:left;border:1px solid #63838640;background:#163a4050;color:inherit;border-radius:8px;margin:6px 0;padding:10px}.central-actions{margin:20px 0}.central-main [hidden]{display:none!important}.map-empty{position:absolute;left:0;top:100px;max-width:260px}.map-empty h2{font-size:28px}.central-overview{margin-top:20px}.central-main [data-panel]{scroll-margin-top:120px}.central-main [data-results-list]{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:800px){.central-tabs{justify-content:flex-start;margin-top:20px;overflow-x:auto}.central-tabs button{white-space:nowrap;padding:9px 13px}.orbit-map{margin-top:0;height:490px}.focus-island{width:175px;min-height:140px;padding:12px}.focus-island strong{font-size:14px}.focus-0{left:6%}.focus-1{right:6%}.focus-4{left:5%}.focus-3{right:5%}.central-you{width:115px;height:115px}.central-bottom,.central-main [data-results-list]{grid-template-columns:1fr}.orbit-line{inset:40px}.map-empty{top:0;left:0;max-width:180px}}
@media(max-width:480px){.central-main{padding:22px 5% 45px}.orbit-map{height:auto;min-height:190px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:145px}.central-you{top:5px;transform:translateX(-50%);width:120px;height:120px}.focus-island{position:relative;inset:auto;width:100%;min-height:155px;transform:none;padding:14px 10px}.focus-island strong{font-size:14px}.orbit-line{inset:55px 20px}.map-empty{position:relative;top:auto;max-width:none;grid-column:1/-1;text-align:center}.central-box{padding:17px}.central-tabs{gap:2px}.central-tabs button{font-size:13px;padding:9px 10px}}

.central-main > .central-intro{padding:0;margin:0 0 8px;max-width:none}.central-main .central-tabs{margin-top:-45px;margin-bottom:20px}@media(max-width:800px){.central-main .central-tabs{margin-top:20px}}
.orbit-map{overflow:clip}.central-bottom{align-items:start}.central-intro .back-link{margin-bottom:12px}.central-main .central-tabs{position:relative}@media(min-width:801px){.central-intro h1{font-size:48px}.central-intro{max-width:440px!important}}

/* Zentrale – visuelle Annäherung an die freigegebene Referenz */
.central-page{background:#061d24}
.central-page header{max-width:none;padding:15px 7%;position:relative;z-index:20;background:#061d24e8;border-bottom-color:#aec9c224}
.central-page .brand .mark{text-shadow:0 0 18px #e8b77542}
.central-main{position:relative;isolation:isolate;max-width:none;min-height:850px;margin:0;padding:28px 7% 70px;overflow:hidden;background:
 radial-gradient(circle at 56% 26%,#d8b56f20 0 1px,transparent 2px),
 radial-gradient(circle at 69% 18%,#e7c68890 0 1px,transparent 2px),
 radial-gradient(circle at 37% 17%,#b7d7d270 0 1px,transparent 2px),
 radial-gradient(circle at 51% 12%,#fff7d875 0 1px,transparent 2px),
 linear-gradient(180deg,#06222b 0,#07242b 50%,#061d24 100%)}
.central-main::before{content:"";position:absolute;z-index:-2;inset:0 0 auto;height:610px;opacity:.58;background-image:
 radial-gradient(circle,#ffe5aa 0 1px,transparent 1.8px),
 radial-gradient(circle,#bddbd7 0 1px,transparent 1.7px),
 radial-gradient(ellipse at 56% 43%,#3d77703b,transparent 48%);background-size:137px 121px,193px 167px,100% 100%;background-position:18px 7px,61px 39px,0 0}
.central-main::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:285px;height:360px;opacity:.6;background:linear-gradient(160deg,transparent 0 26%,#0b2a30 26.2% 38%,transparent 38.3%),linear-gradient(205deg,transparent 0 35%,#0a282e 35.2% 52%,transparent 52.3%),linear-gradient(155deg,transparent 0 54%,#051a20 54.2% 72%,transparent 72.3%);filter:drop-shadow(0 -9px 18px #0b3840)}
.central-main>.central-intro{position:absolute;z-index:5;left:7%;top:38px;width:300px;max-width:300px!important;padding:0;margin:0}
.central-intro .back-link{display:inline-block;margin:0 0 52px;color:#d7e2df;font-size:14px}
.central-intro h1{font-size:clamp(44px,4vw,63px)!important;line-height:1.05;margin:0 0 11px;white-space:nowrap}
.central-intro .central-subtitle{font:21px Georgia,serif;margin:0 0 24px}
.central-intro .central-question{max-width:290px;font-size:15px;line-height:1.65;color:#d4dfdc;margin-bottom:27px}
.explored-count{font-size:15px!important;letter-spacing:.07em;color:#c9d7d3;text-transform:none;margin:0!important}
.explored-count::before{content:none}
#personal-map{position:relative;z-index:2}
.central-main .central-tabs{width:max-content;margin:0 0 0 auto;justify-content:flex-end;border:1px solid #718d8d80;border-radius:28px;overflow:hidden;gap:0;background:#07262c90}
.central-tabs button{min-width:130px;border:0;border-right:1px solid #607b7c55;border-radius:0;padding:10px 22px;font-size:13px}
.central-tabs button:last-child{border-right:0}
.central-tabs [aria-selected=true]{background:linear-gradient(90deg,#b993504f,#97a8782f);border-color:transparent;color:#f4cf8f;box-shadow:inset 0 0 0 1px #d8ad68}
#panel-landkarte{position:relative;padding-top:0}
#panel-landkarte::before{content:"Nicht perfekt sein.\A Sondern bewusster leben.";white-space:pre;position:absolute;right:1%;top:112px;width:215px;color:#d7ad70;font:italic 22px/1.45 Georgia,serif;transform:rotate(-2deg)}
#panel-landkarte::after{content:"DEIN WEG. DEIN TEMPO.\A DEINE ENTWICKLUNG.";white-space:pre;position:absolute;right:1%;top:214px;width:215px;padding-top:18px;border-top:2px solid #d7ad70;color:#b6cbc7;font-size:9px;line-height:2;letter-spacing:3px}
.orbit-map{height:472px;max-width:720px;margin:-18px auto 0;overflow:visible;background:radial-gradient(circle at 50% 50%,#f1ce7a22 0 8%,#51a39c10 27%,transparent 61%)}
.orbit-map::before{content:"";position:absolute;inset:37px 105px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 48px,#d9b66f26 49px 50px,transparent 51px 66px);filter:drop-shadow(0 0 6px #d8b36a44)}
.orbit-map::after{content:"";position:absolute;inset:45px 113px;border-radius:50%;background:conic-gradient(from 3deg,transparent 0 7%,#e3be7480 7.3% 7.7%,transparent 8% 24%,#e3be7480 24.3% 24.7%,transparent 25% 41%,#e3be7480 41.3% 41.7%,transparent 42% 58%,#e3be7480 58.3% 58.7%,transparent 59% 75%,#e3be7480 75.3% 75.7%,transparent 76% 92%,#e3be7480 92.3% 92.7%,transparent 93%);opacity:.8}
.orbit-line{inset:52px 124px;border-color:#e9c47652;box-shadow:0 0 8px #e9c4761e}
.orbit-two{inset:88px 92px;border-color:#8caeaa3d}
.central-you{z-index:3;width:128px;height:128px;border-color:#f1c779;box-shadow:0 0 35px #e8bd7068,inset 0 0 30px #e8bd7028;background:#09282c}
.central-you::before{content:"";position:absolute;inset:-13px;border:1px solid #e8bd7044;border-radius:50%;box-shadow:0 0 16px #e8bd7038}
.central-you strong{font:28px Georgia,serif;color:#f3c878}
.central-you span{position:relative;font-size:12px;color:#dbe6e2}
.focus-island{z-index:4;width:184px;min-height:135px;padding:15px 17px;border-color:#dfbd93a8;box-shadow:inset 0 0 30px #ffffff18,0 0 18px #83b9b524;backdrop-filter:blur(2px)}
.focus-island strong{font-size:14px;line-height:1.35;max-width:160px}
.focus-island small{font-size:11px;padding:2px 12px;background:#ffffff19}
.focus-icon{font-size:25px;color:#f4d6ae}
.focus-0{left:18%;top:4px;background:radial-gradient(circle at 50% 30%,#a16f70,#563f48 72%);border-radius:43% 57% 51% 49%/54% 46% 54% 46%}
.focus-1{right:15%;top:5px;background:radial-gradient(circle at 55% 32%,#4d8d82,#234b4b 72%);border-radius:56% 44% 51% 49%/47% 55% 45% 53%}
.focus-2{right:1%;top:164px;background:radial-gradient(circle at 48% 32%,#a58148,#614b35 72%);border-radius:50% 50% 44% 56%/48% 42% 58% 52%}
.focus-3{right:15%;bottom:2px;background:radial-gradient(circle at 50% 30%,#766b88,#474255 72%);border-radius:48% 52% 58% 42%/52% 43% 57% 48%}
.focus-4{left:15%;bottom:2px;background:radial-gradient(circle at 45% 30%,#a56d50,#5d4239 72%);border-radius:55% 45% 52% 48%/44% 56% 44% 56%}
.focus-5{left:1%;top:164px;background:radial-gradient(circle at 52% 30%,#547f90,#294854 72%);border-radius:45% 55% 46% 54%/55% 45% 55% 45%}
.central-caption{display:none}
.central-bottom{max-width:1270px;margin:2px auto 0;gap:20px;grid-template-columns:1.18fr .92fr}
.central-box{border-color:#77969875;border-radius:10px;padding:17px;background:#08282ed9;box-shadow:inset 0 0 22px #1240492c}
.central-box h2{font-size:25px;margin-bottom:10px}
.central-suggestions{margin:0;padding-left:42px;counter-reset:item}
.central-suggestions li{padding:3px 0}
.central-suggestions button{position:relative;width:100%;padding:9px 42px 9px 16px;border:1px solid #50787b75!important;border-radius:8px!important;background:#113840cc!important}
.central-suggestions button::after{content:"›";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:26px;color:#d9e5e2}
.central-suggestions li::marker{color:#f4d195;font-weight:700}
.central-suggestions span{font-size:12px;margin-top:2px}
.central-mini{display:inline-block;width:calc(50% - 6px);min-height:43px;vertical-align:top;margin:3px 3px 3px 0;padding:9px 12px;font-size:12px}
.central-actions{max-width:1270px;margin:2px auto 0;align-items:center}
.central-actions .primary{margin-top:0;border-radius:24px}
.central-actions button{background:transparent!important;padding:12px 23px!important}
.score-method{max-width:1270px;margin:18px auto 0}

@media(max-width:1120px){
 .central-main>.central-intro{position:relative;left:auto;top:auto;width:auto;max-width:none!important;margin-bottom:15px}
 .central-intro .back-link{margin-bottom:24px}.central-intro h1{white-space:normal}
 .central-intro .central-question{max-width:520px}.central-main .central-tabs{margin-top:-54px}
 #panel-landkarte::before,#panel-landkarte::after{display:none}.orbit-map{margin-top:0}
}
@media(max-width:800px){
 .central-page header{padding:14px 5%}.central-main{padding:24px 5% 50px}.central-main .central-tabs{width:100%;margin:18px 0 12px;justify-content:flex-start;overflow-x:auto}
 .central-tabs button{min-width:max-content;flex:1}.orbit-map{height:470px;max-width:650px}.orbit-map::before,.orbit-map::after{inset:45px 80px}
 .focus-island{width:170px}.central-bottom{grid-template-columns:1fr}.central-mini{width:100%}
}
@media(max-width:480px){
 .central-intro h1{font-size:42px!important}.central-intro .central-subtitle{font-size:19px}.explored-count::before{width:28px;height:28px}
 .orbit-map{height:auto;min-height:190px;padding-top:145px;overflow:hidden}.orbit-map::before,.orbit-map::after{inset:40px -55px 0}
 .focus-island{position:relative;inset:auto;width:100%;min-height:150px;transform:none}.focus-0,.focus-1,.focus-2,.focus-3,.focus-4,.focus-5{inset:auto}
 .central-you{top:6px;width:116px;height:116px}.central-bottom{margin-top:18px}
 .central-suggestions{padding-left:28px}.central-suggestions button{padding:9px 13px}.central-suggestions button::after{display:none}
}
.orbit-map::after{background:repeating-conic-gradient(from 0deg,transparent 0 59.75deg,#e3be7488 59.88deg 60deg)}

/* Wesenskunde: geliefertes Motiv als ruhiger, durchgehender Seitenhintergrund. */
body.wesenskunde-page{background-color:#061d24;background-image:linear-gradient(180deg,#03191f1f 0%,#041b22a6 62%,#04181fbd 100%),url('assets/wesenskunde-hintergrund.png');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body.wesenskunde-page>header{background:#061d24db;backdrop-filter:blur(8px)}
body.wesenskunde-page .learning-intro{text-shadow:0 2px 12px #001015}
body.wesenskunde-page .learning-layout aside details{background:#062129c7;padding:18px 16px}
body.wesenskunde-page .chapter-card{background:#0b2b32de;box-shadow:0 10px 28px #00121745}
body.wesenskunde-page #chapter-detail{background:#0d3037ed}
body.wesenskunde-page footer{background:#061d24e8}
@media(max-width:800px){body.wesenskunde-page{background-position:62% top;background-attachment:scroll;background-size:auto 100vh;background-repeat:repeat-y}}

/* Die Umrandung kennzeichnet in der Hauptnavigation immer die geöffnete Seite. */
body>header nav>a{border:1px solid transparent;border-radius:30px;padding:8px 12px}
body>header nav>a.support-link{border-color:transparent}
body>header nav>a[aria-current="page"],body>header nav>a.support-link[aria-current="page"]{border-color:#e8b775;background:#eac18a0d;color:#f2cf98}

/* Eigene Seite für den persönlichen Hintergrund von Emotion Galaxy. */
.about-page .about-main{max-width:1000px;margin:auto}
.about-page .about-main>.about{border-top:0;padding-top:70px}
.about-page .about-main h1{margin-bottom:38px}
.about-page .about-main{max-width:1240px}
.about-page .about-story{max-width:1160px}
.about-intro{display:grid;grid-template-columns:minmax(0,55fr) minmax(300px,45fr);column-gap:clamp(34px,5vw,70px);align-items:start;margin-bottom:48px}
.about-intro>h1,.about-intro>p{grid-column:1}
.about-intro>h1{grid-row:1}
.about-intro>.about-portrait{grid-column:2;grid-row:1 / span 6;margin:4px 0 0;align-self:start}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover;object-position:center top;border-radius:18px;border:1px solid #d9ae7166;box-shadow:0 0 24px #4faaa619}
.about-story>.about-intro~*{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.about-intro{display:block;margin-bottom:38px}.about-intro>.about-portrait{width:92%;max-width:520px;margin:28px auto 34px}.about-page .about-main h1{margin-bottom:28px}.about-portrait img{border-radius:14px}}
@media(max-width:600px){body>header nav>a{padding:5px 9px}.about-page .about-main>.about{padding-top:48px}}

/* Wesenskunde: Überblick und eigenständige Bereichsseiten. */
.wk-main{max-width:1480px;margin:auto;min-height:70vh}
.wk-hero{max-width:1320px;padding:48px 5% 28px!important}
.wk-hero h1{font-size:clamp(42px,5vw,72px);margin:0 0 12px}
.wk-hero h2{font-size:clamp(26px,3vw,40px);margin-bottom:20px}
.wk-definition-intro{max-width:850px;color:#dbe5e1;text-shadow:0 2px 14px #001015}
.wk-definition-intro p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;margin-bottom:20px}
.wk-definition-intro button{background:#092a30a8;backdrop-filter:blur(4px)}
.wk-definition-more{max-width:1240px!important;margin:0 auto;padding:34px 35px 16px!important}
.wk-definition-long{max-width:900px;padding:30px 10px;border-top:1px solid #78918c42;border-bottom:1px solid #78918c30;background:linear-gradient(90deg,transparent,#08262b38,transparent);color:#d2dfdb}
.wk-definition-long p{margin-bottom:19px}
.wk-definition-long blockquote{margin:24px 0 0;padding:18px 22px;border-left:2px solid #e8b775;background:#061f255c;color:#efd09f;font:italic 20px/1.55 Georgia,serif}
.wk-transition{max-width:1170px;margin:22px auto 0;padding:20px 28px;border:0;border-left:2px solid #e8b775;color:#f0c98f;background:#06232a73;font:italic clamp(20px,2vw,27px)/1.5 Georgia,serif}
.wk-overview-map{max-width:1240px;padding:28px 35px 80px!important}
.wk-overview-map h2{font-size:clamp(30px,3vw,42px)}
.wk-overview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none}
.wk-overview-list a,.wk-sidebar nav a{display:flex;align-items:center;gap:14px;border:1px solid #63827e70;border-radius:9px;background:#082a31dd;color:#e4ebe6;padding:12px 15px;font-size:15px;line-height:1.35}
.wk-overview-list a:hover,.wk-sidebar nav a:hover{border-color:#e8b775;color:#f2cf98;background:#12383d}
.wk-overview-list a span,.wk-sidebar nav a span{flex:0 0 28px;color:#e8b775;font-size:12px;letter-spacing:1px}
.wk-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;max-width:1400px!important;padding:34px 4% 80px!important;align-items:start}
.wk-sidebar{position:sticky;top:calc(var(--header-height) + 18px);align-self:start}
.wk-sidebar details{margin:0;padding:18px 14px;border:1px solid #6e89856b;border-radius:14px;background:#06242be8;box-shadow:0 14px 42px #0012174d}
.wk-sidebar summary{color:#f0c98f;font:23px/1.25 Georgia,serif;padding:2px 5px 12px}
.wk-sidebar summary span{float:none;display:inline}
.wk-sidebar nav{display:flex;flex-direction:column;align-items:stretch;max-width:none;gap:6px;padding-top:4px}
.wk-sidebar nav a[aria-current="page"]{border-color:#e8b775;background:linear-gradient(90deg,#e8b7752b,#173a3e);box-shadow:0 0 16px #e8b77524;color:#f5d59f}
.wk-sidebar summary .wk-mobile-label{display:none}
.wk-article{min-width:0;padding:34px clamp(24px,4vw,58px);border:1px solid #708c886b;border-radius:16px;background:#06242be6;box-shadow:0 18px 56px #0012175c}
.wk-article h1{font-size:clamp(42px,5vw,66px);margin-bottom:30px}
.wk-area-hero{width:100%;margin:0 0 38px;border:1px solid #a98b5e70;border-radius:16px;overflow:hidden;background:#031b21;box-shadow:0 14px 38px #00121745,0 0 20px #d6aa6612;aspect-ratio:16/9}
.wk-area-hero img{display:block;width:100%;height:100%;object-fit:cover}
.wk-article h2{font-size:clamp(29px,3vw,39px);margin:50px 0 18px}
.wk-article h3{font-size:clamp(23px,2.5vw,30px);margin:36px 0 14px;color:#f0c98f}
.wk-article h4{font:22px/1.35 Georgia,serif;color:#e8b775;margin:28px 0 12px}
.wk-article p,.wk-article li{max-width:850px;color:#d1ddda}
.wk-article li{margin-bottom:8px}
.wk-article blockquote{margin:30px 0;padding:22px 28px;border-left:2px solid #e8b775;background:#12373dba;color:#f3d4a3;font:italic 22px/1.55 Georgia,serif}
.wk-article blockquote strong{font-weight:normal}
.wk-article hr{border:0;border-top:1px solid #7d918c66;margin:38px 0}
.wk-article code{color:#f0c98f}
.wk-figure{margin:34px 0;border:1px solid #a98b5e80;border-radius:14px;overflow:hidden;background:#031b21}
.wk-figure img{display:block;width:100%;height:auto}
.wk-process{margin-top:44px}
.wk-reading-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;max-width:none;margin-top:55px;padding-top:25px;border-top:1px solid #71898566}
.wk-reading-nav>a{display:flex;flex-direction:column;justify-content:center;border:1px solid #728d8970;border-radius:28px;padding:10px 18px;font-size:13px;color:#b9ccca}
.wk-reading-nav>a:hover{border-color:#e8b775;color:#f2cf98}
.wk-reading-nav strong{font-size:15px;color:#edf3ee}
.wk-reading-nav .wk-next{text-align:right}
.wk-reading-nav .wk-overview-link{align-items:center;color:#e8b775}
@media(max-width:900px){.wk-layout{grid-template-columns:240px minmax(0,1fr);gap:18px;padding-left:3%!important;padding-right:3%!important}.wk-article{padding:28px 24px}}
@media(max-width:760px){.wk-hero{padding-top:34px!important}.wk-layout{display:block;padding:20px 5% 60px!important}.wk-sidebar{position:relative;top:auto;margin-bottom:15px}.wk-sidebar details{padding:12px}.wk-sidebar summary{padding:3px;font:18px 'Segoe UI',sans-serif}.wk-sidebar summary .wk-desktop-label{display:none}.wk-sidebar summary .wk-mobile-label{display:inline}.wk-sidebar nav{padding-top:12px}.wk-sidebar nav a{padding:10px 12px}.wk-article{padding:26px 20px}.wk-article h1{font-size:39px}.wk-overview-list{grid-template-columns:1fr}.wk-reading-nav{grid-template-columns:1fr 1fr}.wk-reading-nav .wk-overview-link{grid-column:1/-1;grid-row:2}.wk-definition-more{padding:25px 5% 8px!important}.wk-definition-long{padding:23px 4px}.wk-transition{margin-left:5%;margin-right:5%}.wk-figure{margin-left:-10px;margin-right:-10px}}

/* Startseiten-Hero: vorhandene Inhalte vor der neuen kosmischen Bildwelt. */
.intro{position:relative;isolation:isolate;max-width:none;min-height:460px;padding-top:14px;padding-bottom:14px;padding-left:max(35px,calc((100% - 1170px)/2));padding-right:max(35px,calc((100% - 1170px)/2));background:linear-gradient(90deg,#031b24e8 0%,#05222ec2 43%,#031a2385 72%,#031820a8 100%),url('assets/startseite-universum.png') center center/cover no-repeat}
.intro::before,.intro::after{content:none}
.intro-copy,.intro .map{position:relative;z-index:1}
.vision{padding-top:55px}
@media(max-width:800px){.intro{min-height:0;padding:42px 6%}}

/* Feinschliff vor Release: gemeinsame Hauptnavigation und Community-Vorschau. */
.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}
body>header nav{gap:clamp(6px,1vw,14px);white-space:nowrap}
body>header nav>a{padding:7px 8px;font-size:16px}
.profile-link{display:inline-grid;place-items:center;min-width:38px;min-height:38px;padding:4px!important;border-color:#9d8c70!important;font-size:18px!important}
.profile-icon{width:21px;height:21px;fill:none;stroke:#e8b775;stroke-width:1.5;stroke-linecap:round}
.intro.intro-no-map{grid-template-columns:minmax(0,650px)}
.orientation-storage-note{max-width:840px;margin:24px 0 34px;padding:16px 20px;border-left:2px solid #e8b775;background:#103038;color:#c5d5d2;font-size:15px}
body.inner-orientation-page{background-color:#061d25;background-image:linear-gradient(180deg,#03182073 0%,#051d25a3 48%,#041820c4 100%),url('assets/innere-orientierung-hintergrund.png');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body.inner-orientation-page>header{background:#061d24db;backdrop-filter:blur(8px)}
body.inner-orientation-page .tests-main{text-shadow:0 2px 12px #001015}
body.inner-orientation-page .chapter-card,body.inner-orientation-page #self-check{background:#082830d9;box-shadow:0 12px 34px #00121745}
body.inner-orientation-page #self-check{padding:28px;border:1px solid #69878155;border-radius:12px}
body.inner-orientation-page footer{background:#061d24e8}
.community-main{min-height:calc(100vh - var(--header-height,110px));background:radial-gradient(circle at 75% 18%,#315b6155,transparent 34%),linear-gradient(145deg,#061d25,#0a2b32 55%,#061b22)}
.community-hero{max-width:1180px;margin:auto;padding:90px 35px 110px}
.community-hero>.lead{max-width:760px}
.community-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:52px 0 30px}
.community-preview article{min-height:190px;padding:28px;border:1px solid #698a8670;border-radius:12px;background:linear-gradient(145deg,#12383ddd,#0b2931dd);display:flex;flex-direction:column;justify-content:space-between}
.community-preview article>span{color:#e8b775;font:38px Georgia,serif}
.community-preview h2{font-size:28px;margin:35px 0 0}
.community-notice{color:#e8b775;letter-spacing:.04em}
.community-profile{margin-top:55px;padding:28px;border-top:1px solid #ffffff20;background:#08262dcc;scroll-margin-top:calc(var(--header-height,110px) + 20px)}
.community-profile h2{font-size:31px}
@media(max-width:950px){body>header nav{white-space:normal}.community-preview{grid-template-columns:1fr}.community-preview article{min-height:130px}}
@media(max-width:600px){.community-hero{padding:55px 6% 75px}.community-preview{margin-top:34px}.orientation-storage-note{margin:20px 0 28px}body.inner-orientation-page{background-position:center top;background-attachment:scroll;background-size:auto 100vh;background-repeat:repeat-y}body.inner-orientation-page #self-check{padding:22px 16px}}

/* Eigenständige Videos-Seite */
body.videos-page{background-color:#061d24;background-image:linear-gradient(180deg,#03171f9c 0%,#061f27d1 58%,#04171de8 100%),url('assets/startseite-universum.png');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body.videos-page>header{background:#061d24e8;backdrop-filter:blur(8px)}
.videos-main{max-width:1240px;min-height:calc(100vh - var(--header-height,110px));margin:0 auto;padding:24px 35px 100px}
.videos-intro{max-width:none!important;margin:0 0 22px!important;padding:0!important;text-shadow:0 2px 18px #001015}
.videos-intro h1{margin:0;color:#e8b775;font:600 clamp(17px,1.65vw,22px)/1.3 'Segoe UI',sans-serif;letter-spacing:.19em;text-transform:uppercase}
.featured-videos{max-width:none!important;margin:0!important;padding:0!important}
.videos-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.video-card{overflow:hidden;border:1px solid #78938e70;border-radius:14px;background:linear-gradient(145deg,#10343cdb,#071f27ed);box-shadow:0 16px 42px #00101670;transition:transform .22s ease,border-color .22s ease}
.video-card:hover{transform:translateY(-3px);border-color:#d7ad717a}
.video-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#03181e}
.video-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.video-card:hover .video-card-image img{transform:scale(1.025);filter:brightness(1.06)}
.video-card-image span{position:absolute;left:50%;top:50%;display:grid;width:58px;height:58px;place-items:center;border:1px solid #f0c98fa8;border-radius:50%;background:#06252dcc;color:#f6d49f;font-size:22px;line-height:1;transform:translate(-50%,-50%);box-shadow:0 0 26px #e8b77542;padding-left:4px}
.video-card-copy{display:flex;min-height:190px;flex-direction:column;padding:24px 25px 26px}
.video-card-copy .eyebrow{margin:0 0 11px;color:#d9b67e;font-size:12px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.video-card-copy h2{margin:0 0 22px;color:#f2f2ec;font-size:clamp(22px,2vw,29px);line-height:1.24}
.video-card-copy .text-link{align-self:flex-start;margin-top:auto;color:#f0c98f}
.videos-channel{text-align:center;margin-top:48px}
.videos-channel .button{display:inline-flex;align-items:center;justify-content:center}
body.videos-page footer{background:#061d24eb}
@media(max-width:760px){body.videos-page{background-attachment:scroll}.videos-main{padding:24px 6% 75px}.videos-intro{margin-bottom:20px!important}.videos-page-grid{grid-template-columns:1fr;gap:21px}.video-card-copy{min-height:0;padding:21px}.video-card-copy h2{font-size:23px}.videos-channel{margin-top:36px}.videos-channel .button{width:100%}}

/* Gemeinsame Lesbarkeit: Fließtext, Hinweise und Bedienelemente. */
:root{--eg-copy-size:18px;--eg-small-size:16px;--eg-control-size:16px;--eg-status-size:15px}
body{font-size:var(--eg-copy-size)}
body>header{flex-wrap:wrap;gap:12px}
body>header nav{flex-wrap:wrap;justify-content:flex-end;white-space:normal}
body>header nav>a{font-size:var(--eg-control-size)}
body .quiet,body .orientation-storage-note,body .wk-reading-nav>a,body footer{font-size:var(--eg-small-size);line-height:1.55}
body .eyebrow,body .video-card-copy .eyebrow{font-size:var(--eg-status-size);line-height:1.5}
body .primary,body .button,body .outline-button,body summary,body button{font-size:var(--eg-control-size)}
@media(max-width:600px){:root{--eg-copy-size:17px;--eg-small-size:16px;--eg-control-size:16px}}

footer .privacy-footer-link{font-size:16px;line-height:1.5;color:#eac080;text-decoration:underline;text-underline-offset:3px}
