/* A spacious editorial interface: graphite, mineral silver and restrained mint. */
:root{--future-ink:#151a20;--future-mint:#b8ead6;--future-muted:#aebbc3;--future-paper:#f2f4f4}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#14191f;color:#eaf0f3}::selection{background:#c1edda;color:#172920}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #63a9b5;outline-offset:5px}.website-header{position:sticky;top:0;z-index:30;background:rgba(22,27,33,.88);backdrop-filter:blur(24px);border-bottom:1px solid #ffffff13;box-shadow:0 5px 30px #00000012}.brand{letter-spacing:-1.2px}.brand span{color:#c1d4cb}.website-nav a{color:#c7cdd2}.website-nav a:hover{color:white}.primary-button,.header-railoz{background:#c3e3d3;color:#152c23;border:1px solid #d7f1e4;box-shadow:none;border-radius:9px}.primary-button:hover{background:#d4f3e4;color:#152c23;transform:translateY(-2px)}
body.homepage #main>.hero{min-height:690px;position:relative;overflow:hidden;padding-top:85px;padding-bottom:85px;background-image:linear-gradient(90deg,rgba(12,18,25,.95) 0%,rgba(12,18,25,.63) 48%,rgba(12,18,25,.15) 75%),url('/assets/bildwelten/industrie-deutschland.png');background-position:center;background-size:cover}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 90%,#70b7a122,transparent 55%);pointer-events:none}.hero:after{content:"";position:absolute;width:55%;height:1px;bottom:50px;left:0;background:linear-gradient(90deg,transparent,#c5efe5,transparent);opacity:.5;animation:rail-light 9s ease-in-out infinite;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(48px,5.1vw,78px);letter-spacing:-3.7px;line-height:1.04;font-weight:650;max-width:900px;margin:29px 0}.hero h1 em{background:linear-gradient(100deg,#dcebe5,#9dbfb1 65%,#d2e2ea);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:21px;color:#d9dfe4;line-height:1.6}.hero .eyebrow{color:#c2d4d3;letter-spacing:2.4px}.status-dot,.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b6e6cf;box-shadow:0 0 0 6px #aedbc215;flex-shrink:0}.hero-search{border-radius:12px;background:#fbfdfd;box-shadow:0 12px 50px #0003;min-height:70px;border:1px solid #ffffff85}.hero-search b{background:#253e34;border-radius:8px}.hero-chips a{border-color:#ffffff30;background:#ffffff08;backdrop-filter:blur(8px)}.hero .quick{position:relative;padding:25px 28px;border-radius:20px;background:linear-gradient(135deg,#1e2830dd,#10181fdc);backdrop-filter:blur(22px);border:1px solid #dae8ef2b;box-shadow:0 25px 80px #0004;max-width:350px}.quick h3{color:#eff4f5}.quick a{border-color:#ffffff12}.quick a:hover{color:#c9eadb;transform:translateX(4px)}.quick-orbit{height:108px;display:flex;align-items:center;gap:24px;margin-bottom:15px;border-bottom:1px solid #ffffff15;padding-bottom:20px}.quick-orbit span{width:76px;height:76px;border:1px solid #b6decc70;border-radius:50%;position:relative;box-shadow:inset 0 0 25px #c3e8d411,0 0 25px #c3e8d411}.quick-orbit span:before{content:"";position:absolute;inset:12px;border:1px solid #c0e4d255;border-radius:50%;transform:rotateX(60deg) rotate(25deg)}.quick-orbit span:after{content:"";position:absolute;inset:-1px;border-radius:50%;border-top:2px solid #d0f0e2;animation:orbit 12s linear infinite}.quick-orbit b{font-size:12px;letter-spacing:2px;font-weight:500;line-height:1.8;color:#b8c9c9}.discovery-strip{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:24px max(40px,calc((100vw - 1320px)/2));background:#1b2229;border-block:1px solid #ffffff15;font-size:13px}.discovery-strip>span{color:#8d9ba5;font-size:10px;letter-spacing:2px}.discovery-strip a{color:#dee7e9}.discovery-strip a:hover{color:#bce5d3}.light-intro,.light-tools{background:var(--future-paper);color:var(--future-ink)}.light-intro>.site-wrap{padding-top:60px;padding-bottom:70px}.discovery-heading{margin-bottom:30px}.discovery-heading h2{margin-top:12px;font-size:34px;letter-spacing:-1.4px}.discovery-heading .eyebrow{color:#65726e;font-size:10px;letter-spacing:2px}.categories{gap:14px}.category{border-radius:14px!important;background:linear-gradient(130deg,#fff,#e9edef)!important;color:#28323a!important;border:1px solid #d8dfe2!important;box-shadow:none!important;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s!important}.category:after{content:"";width:100px;height:100px;border:1px solid #68867714;border-radius:50%;position:absolute;right:-35px;top:-35px;box-shadow:0 0 0 18px #68867707,0 0 0 38px #68867705}.category svg{color:#507366!important;width:33px;height:33px}.category strong{color:#26333a!important;font-weight:600}.category span{color:#67747d!important}.category b{border-color:#c3cecb!important;color:#46685b!important}.category:hover{transform:translateY(-5px);border-color:#8ca79c!important;box-shadow:0 18px 32px #21352d0d!important}.reference-grid{margin-top:34px;gap:24px}.editorial-feature{border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #111b2012}.popular-articles{border-radius:18px;border:1px solid #dce3e5;background:#ffffffb3;padding:30px}.popular-articles a{border-color:#e6ebed}.popular-articles img{border-radius:7px}.feature-tag{background:#d2ebdf;color:#1c382b;border-radius:5px}.feature-read{border-radius:8px}.photo-card{border-radius:16px!important;overflow:hidden;background:#232b33;border:1px solid #ffffff12;transition:transform .35s,box-shadow .35s}.photo-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.photo-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px #0003}.photo-card:hover img{transform:scale(1.045)}.photo-card h3{letter-spacing:-.4px}.circle-arrow{transition:background .3s,color .3s}.photo-card:hover .circle-arrow{background:#c4e5d4;color:#1b3328}.dark-topics,.audience-reference{background:#171e25}.section-bar h2{letter-spacing:-1px}.section-bar h2 svg{color:#a9cbbd}.tool-tile{border-radius:14px;background:white;border:1px solid #dce3e5;box-shadow:0 5px 20px #20302d04;transition:transform .3s,border-color .3s}.tool-tile:hover{transform:translateY(-4px);border-color:#93ad9f}.tool-symbol{background:#edf3ef;border-radius:14px;color:#496f5d}.split-story{overflow:hidden}.story-principles{background:#e8edeb;color:#25332d}.story-principles article svg{color:#5b7c6a}.prefooter{position:relative}.website-footer{background:#11181e}.footer-reference{border-color:#ffffff15}.footer-links a{transition:color .2s,transform .2s}.footer-links a:hover{color:#c6e7d6;transform:translateX(3px)}
/* Connected editorial journeys */
.knowledge-universe{position:relative;background:radial-gradient(ellipse at 70% 30%,#2e454a55,transparent 55%),#141c23;color:#edf2f4;overflow:hidden;padding:90px 0 65px}.knowledge-universe:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b7d6d21f .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.knowledge-universe .site-wrap{position:relative}.universe-intro{max-width:850px}.universe-intro .eyebrow{color:#a9c9bc;font-size:11px;letter-spacing:2.2px}.universe-intro h2{font-size:clamp(34px,3.6vw,54px);line-height:1.1;letter-spacing:-2px;font-weight:550;margin:22px 0}.universe-intro h2 em{font-style:normal;color:#b5c9c6}.universe-intro p{max-width:650px;color:#b2bec7;font-size:18px;line-height:1.75}.journey-switch{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 40px}.journey-switch button{font:inherit;font-size:14px;padding:15px 22px;color:#b8c7ce;background:#ffffff05;border:1px solid #ffffff20;border-radius:30px;cursor:pointer;transition:.25s}.journey-switch button.active{color:#1c3328;background:#c1e3d2;border-color:#c1e3d2}.journey-switch button:hover{border-color:#c1e3d2}.journey-stage{position:relative;padding:25px 0}.rail-network{position:absolute;inset:-20px -10vw;pointer-events:none}.rail-network svg{width:100%;height:100%;fill:none;stroke:#b6e4d233;stroke-width:1}.rail-network .signal-line{stroke:#b5e7d1;stroke-dasharray:25 1000;stroke-width:2;animation:signal 12s linear infinite}.journey-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.journey-cards>a{display:flex;flex-direction:column;align-items:flex-start;min-height:320px;padding:30px;border:1px solid #d3ebdf30;border-radius:18px;background:linear-gradient(140deg,#29353de8,#19242be8);backdrop-filter:blur(15px);color:white;transition:transform .3s,border-color .3s}.journey-cards>a:hover{transform:translateY(-6px);border-color:#b6dfcc90}.journey-step{font-size:10px;letter-spacing:2px;color:#a9bdc3}.journey-icon{font-size:33px;line-height:1.5;color:#b9dfcc;margin-top:20px}.journey-cards h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:15px 0 12px}.journey-cards p{color:#b9c5cd;font-size:16px;line-height:1.65;margin:0 0 26px}.journey-link{font-size:14px;color:#d1e6dc;margin-top:auto}.journey-note{display:flex;align-items:center;gap:14px;color:#9baeb6;font-size:13px;margin-top:25px}.journey-note .signal-dot{width:5px;height:5px}
/* Geography as an immersive, tactile knowledge entry */
.federal-section{background:radial-gradient(ellipse at 25% 60%,#dce9e5,transparent 65%),#edf1f1;padding:85px 0;color:#25342f}.federal-intro h2{letter-spacing:-2px!important;font-weight:550;font-size:48px!important}.map-canvas{position:relative}.federal-map svg{filter:drop-shadow(0 22px 16px #23423520)}.federal-state{transition:fill .25s,filter .25s,stroke .25s;fill:#b2c3be;stroke:#eef5f3;stroke-width:1.3}.federal-state:hover,.federal-state.active{fill:#406b5d;filter:drop-shadow(0 3px 4px #25463835)}.state-result{border-radius:20px!important;border:1px solid #ffffffd0!important;background:#ffffffc4!important;box-shadow:0 25px 65px #263c3210;backdrop-filter:blur(16px)}#state-select{border-radius:11px;background:#ffffffb3;border-color:#cedbd5}.state-status{border-radius:5px}.map-attribution{font-size:12px}.federal-grid{align-items:center}.reading-progress{height:2px;background:linear-gradient(90deg,#9bc3b2,#d5eee1);position:fixed;top:0;left:0;width:100%;transform-origin:left;z-index:100;pointer-events:none}.reveal-ready{transition:opacity .8s ease,translate .8s ease;opacity:.35;translate:0 20px}.reveal-ready.in-view{opacity:1;translate:0 0}.innerpage .panel{border-radius:15px}.innerpage .page-heading h1,.innerpage .reading h1{letter-spacing:-1.8px}.innerpage .summary-box{border-radius:14px}.innerpage .article-aside{border-radius:14px}
@keyframes signal{to{stroke-dashoffset:-1025}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes rail-light{0%,100%{transform:translateX(-30%);opacity:.1}50%{transform:translateX(100%);opacity:.6}}
@media(min-width:1500px){.hero-copy h1{font-size:80px}.hero-copy{max-width:820px}}
@media(max-width:1100px){.hero-copy h1{font-size:58px;letter-spacing:-2.5px}.hero .quick{max-width:290px;padding:22px}.quick-orbit{display:none}.journey-cards{gap:14px}.journey-cards>a{padding:24px}.journey-cards h3{font-size:23px}.discovery-strip{gap:20px;padding-inline:30px}.discovery-strip>span{display:none}}
@media(max-width:760px){html{scroll-padding-top:90px}.website-header{height:84px}.brand{font-size:26px}.brand small{font-size:9px}.hero .quick{display:none}body.homepage #main>.hero{min-height:590px;padding:65px 22px 55px;background-position:61% center}.hero-copy h1{font-size:49px;line-height:1.05;letter-spacing:-2.8px;margin:28px 0}.hero-copy>p{font-size:18px;max-width:340px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-search{min-height:64px}.hero-search span{font-size:13px}.hero-chips{gap:8px}.hero-chips a{font-size:11px}.discovery-strip{padding:19px 22px;overflow:auto;justify-content:flex-start;gap:25px;scrollbar-width:none}.discovery-strip a{white-space:nowrap;font-size:12px}.discovery-strip a:nth-of-type(3){display:none}.light-intro>.site-wrap{padding-top:40px;padding-bottom:45px}.discovery-heading{display:block}.discovery-heading h2{font-size:29px;max-width:280px;margin-bottom:18px;line-height:1.15}.discovery-heading>a{font-size:13px}.categories{gap:12px}.category{min-height:190px!important;padding:22px 18px!important}.category strong{font-size:18px}.category span{font-size:14px}.popular-articles{padding:24px 20px}.knowledge-universe{padding:60px 0 45px}.universe-intro h2{font-size:36px;letter-spacing:-1.7px}.universe-intro p{font-size:17px}.journey-switch{flex-wrap:nowrap;overflow-x:auto;margin:26px -20px 20px;padding:0 20px 12px;scrollbar-width:thin}.journey-switch button{white-space:nowrap;font-size:13px;padding:13px 17px}.journey-cards{grid-template-columns:1fr;gap:18px}.journey-cards>a{min-height:255px;padding:26px}.journey-icon{position:absolute;right:28px;font-size:30px;margin-top:0}.journey-cards>a{position:relative}.journey-cards h3{font-size:27px;margin-top:32px;max-width:290px}.journey-cards p{max-width:330px}.journey-note{line-height:1.6;align-items:flex-start;font-size:12px}.journey-note .signal-dot{margin-top:7px}.rail-network{inset:0;transform:rotate(90deg)}.federal-section{padding:55px 0}.federal-intro h2{font-size:36px!important;letter-spacing:-1.5px!important}.state-result{padding:26px!important}.photo-card{border-radius:14px!important}.section-bar h2{font-size:29px}.reveal-ready{translate:0 12px}.website-footer .brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;translate:none}}