/* Photography, editorial rhythm and a persistent personal library. */
html{scrollbar-gutter:stable}html.overlay-open,html.overlay-open body{overflow:hidden!important;overscroll-behavior:none}#sidebar,.nav-panel,#search-results,.state-options{overscroll-behavior:contain}.ux-header .top-bookmark{width:auto!important;gap:9px!important;padding:10px 14px!important}.bookmark-label{font-size:13px;font-weight:600}.ux-header #saved-count{position:static!important;min-width:20px;min-height:20px;font-size:11px}.ux-header .brand-info{color:#00a968!important}.ux-header .brand-dot{color:#fff!important}.ux-header.website-header{gap:24px}.ux-header .nav-direct,.ux-header .nav-group>summary{padding-inline:10px!important}.save-button{min-height:44px;font-size:14px!important;border-radius:8px!important;gap:10px!important;padding:10px 16px!important;line-height:1.3;background:#fff!important;color:#243932!important;border:1px solid #b8c9bf!important}.save-button svg{height:19px!important;width:19px!important}.save-button.saved{color:#087147!important;background:#e4f4e9!important;border-color:#58a37b!important}.save-button.saved svg{fill:#b6e4c8}.knowledge-savebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px max(4vw,24px);background:#f6f7f2;color:#67746e;border-bottom:1px solid #e1e6dd;font-size:13px}.knowledge-savebar>span{display:flex;gap:9px;align-items:center}.knowledge-savebar>span svg{width:18px;height:18px}
.homepage .hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px;background:#1e2929!important;padding-bottom:80px!important}.homepage .hero:before{content:''!important;display:block!important;position:absolute;inset:-44px 0;z-index:-2;background:url('/assets/bildwelten/industrie-deutschland.png') center 67%/cover no-repeat;transform:translateY(var(--photo-shift,0px));will-change:transform;opacity:1!important}.homepage .hero:after{content:''!important;display:block!important;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,24,28,.94) 0%,rgba(12,24,28,.78) 35%,rgba(12,24,28,.19) 75%),linear-gradient(0deg,rgba(12,24,28,.65),transparent 40%);pointer-events:none}.hero-copy{position:relative;z-index:1}.homepage .hero h1{font-size:clamp(42px,4.6vw,74px)!important;line-height:1.04!important;letter-spacing:-2.5px!important;max-width:850px}.homepage .hero h1 em{color:#6ed49b!important}.homepage .hero p{font-size:20px!important;max-width:640px}.homepage .hero .eyebrow{color:#c6d9ce!important}.photo-credit{font-size:10px!important;line-height:1.6;font-weight:400!important;text-decoration:none;color:inherit;opacity:.85}.photo-credit:hover{text-decoration:underline;opacity:1}.hero>.photo-credit{position:absolute;bottom:20px;right:4vw;left:4vw;text-align:right;color:#edf3ed;z-index:2}.homepage .light-intro{background:#f7f7f2!important}.homepage .categories{gap:12px!important}.homepage .category{transition:transform .22s,box-shadow .22s!important;border-radius:12px!important}.homepage .category:hover{transform:translateY(-5px);box-shadow:0 10px 24px #182d2226}.categories svg{width:32px!important;height:32px!important;stroke-width:1.65}.hero-search{box-shadow:0 8px 30px #08171b30!important;border-radius:12px!important;min-height:66px!important}.hero-search svg{width:24px;height:24px}.hero-search span{font-size:15px!important}
.rail-stories,.knowledge-bites,.practice-network{padding:76px clamp(24px,5vw,80px);background:#f7f7f2;color:#1d2c29}.living-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:34px}.living-heading h2{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-1.2px;margin:12px 0 14px;max-width:800px;color:inherit}.living-heading p{font-size:17px;line-height:1.7;color:#64736d;margin:0;max-width:680px}.living-heading>a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:14px;min-height:44px;color:#146e49;font-weight:600}.living-heading>a svg{width:20px;height:20px}.rail-stories .eyebrow,.knowledge-bites .eyebrow,.practice-network .eyebrow,.living-page>.eyebrow{color:#287959;font-size:11px;letter-spacing:1.7px}.rail-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rail-story{background:#fff;border:1px solid #dfe5df;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 20px #22352b05}.rail-story figure{margin:0;position:relative;aspect-ratio:1.45;overflow:hidden;background:#192b2c}.rail-story figure>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.rail-story:hover figure>img{transform:scale(1.035)}.rail-story figcaption{position:absolute;inset:auto 0 0;padding:28px 16px 12px;background:linear-gradient(transparent,#091417bf);color:white}.rail-story figcaption .photo-credit{font-size:9px!important;display:block}.rail-story-copy{padding:28px;display:flex;flex-direction:column;flex:1}.rail-story-copy h3{font-size:27px;line-height:1.15;letter-spacing:-.7px;margin:14px 0;color:#20302a}.rail-story-copy p{font-size:16px;line-height:1.75;color:#65726d;margin:0 0 26px}.rail-story-copy>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid #e1e8e0;color:#126b47;font-weight:600;font-size:14px;min-height:44px}.rail-story-copy>a svg{width:21px;height:21px;flex-shrink:0}.rail-window{position:relative;isolation:isolate;overflow:hidden;min-height:460px;padding:76px clamp(24px,5vw,80px);display:flex;align-items:center;background:#18292f;color:#fff}.rail-window-photo{position:absolute;inset:-50px 0;z-index:-2;background:url('/assets/bildwelten/werksanschluss-deutschland.png') center 64%/cover no-repeat;transform:translateY(var(--photo-shift,0px));will-change:transform}.rail-window:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14272ff5,#14272fb5 44%,#14272f12)}.rail-window-content{max-width:650px}.rail-window .eyebrow{color:#b6d9c4;font-size:11px}.rail-window h2{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-1.5px;margin:16px 0}.rail-window p{font-size:18px;line-height:1.8;max-width:540px;color:#d7e0df;margin-bottom:26px}.rail-window .primary-button{background:#00874f;color:white;padding:14px 20px;font-size:15px}.rail-window .primary-button svg{width:20px;height:20px}.rail-window>.photo-credit{position:absolute;bottom:14px;right:24px;left:24px;text-align:right}.knowledge-bites{background:#eaf0e8}.knowledge-bite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.knowledge-bite-grid>a{background:#fff;border:1px solid #d8e2d6;border-radius:14px;padding:26px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;color:#253b2e}.knowledge-bite-grid>a:hover{transform:translateY(-4px);border-color:#4e9d71}.knowledge-bite-grid>a>span{width:42px;height:42px;background:#eef5ea;border-radius:11px;display:grid;place-items:center;color:#26764d}.knowledge-bite-grid svg{width:22px;height:22px}.knowledge-bite-grid h3{font-size:24px;letter-spacing:-.5px;margin:22px 0 12px}.knowledge-bite-grid p{font-size:15px;line-height:1.75;color:#627268;margin:0 0 24px}.knowledge-bite-grid b{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px;color:#14663e}.knowledge-bite-grid b svg{width:18px;height:18px}.practice-network{background:#fff}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.practice-provider{background:#f5f7f4;border:1px solid #dce4db;border-radius:14px;padding:28px}.practice-provider h3{font-size:28px;line-height:1.2;margin:12px 0;letter-spacing:-.7px;color:#253830}.practice-provider>p{font-size:16px;line-height:1.7;color:#67756c;max-width:500px}.practice-provider summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;border-top:1px solid #d8e3d7;padding-top:16px;margin-top:22px;font-size:14px;font-weight:600;color:#266d4b}.practice-provider summary::-webkit-details-marker{display:none}.practice-provider summary svg{width:20px;height:20px;transform:rotate(90deg);transition:.2s}.practice-provider details[open] summary svg{transform:rotate(-90deg)}.practice-provider ul{list-style:none;margin:20px 0 0;padding:0}.practice-provider li+li{border-top:1px solid #dfe6dc}.practice-provider li a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;color:#243c2d}.practice-provider li a:hover b{text-decoration:underline}.practice-provider li b{font-size:15px;line-height:1.45;display:block}.practice-provider li small{display:block;font-size:13px;line-height:1.6;color:#69796c;margin-top:5px}.practice-provider li svg{width:18px;height:18px;flex-shrink:0}.provider-note{font-size:12px;color:#7a847d;margin:22px 0 0;line-height:1.7}.living-page{max-width:1300px;margin:auto;padding:64px 40px;color:#25372e}.living-page h1{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-1.8px;margin:18px 0 24px}.living-page h2{font-size:28px;line-height:1.3;margin:36px 0 18px}.living-page p{font-size:16px;line-height:1.8;color:#627367}.living-page .living-lead{font-size:22px;line-height:1.65;max-width:850px}.living-page .practice-grid{margin-top:40px}.living-page a{color:#11643d}.context-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.context-topics>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid #d8e2d5;border-radius:8px;font-size:14px}.context-topics svg{width:20px;height:20px}.photo-licenses article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;padding:32px 0;border-bottom:1px solid #d6dfd3;scroll-margin-top:120px}.photo-licenses img{width:100%;height:auto;border-radius:12px;align-self:start}.photo-licenses h2{margin-top:0}.photo-licenses dt{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#7d887f;margin-top:16px}.photo-licenses dd{font-size:14px;line-height:1.7;margin:4px 0 0;overflow-wrap:anywhere}.photo-licenses article>div>a{font-size:14px;display:inline-flex;align-items:center;gap:10px;margin-top:22px}.photo-licenses svg{width:18px;height:18px}.saved-tools{background:#f0f5ec;border:1px solid #d8e3d1;border-radius:14px;padding:30px;margin-bottom:28px;color:#293c2c}.saved-tools>div:first-child{display:flex;gap:20px}.saved-tools>div>svg{width:30px;height:30px;flex-shrink:0;color:#2a7f50}.saved-tools h2{font-size:24px;margin:0 0 12px;letter-spacing:-.5px}.saved-tools p{font-size:15px;line-height:1.8;color:#586e5b;max-width:850px}.saved-tools small{font-size:12px;line-height:1.7;display:block;color:#758173;margin-top:10px}.saved-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.saved-actions button{padding:12px 18px!important;font-size:14px!important}.saved-actions svg{width:18px;height:18px}#saved-feedback{margin:16px 0 0}#saved-feedback:empty{display:none}#saved-articles .article-row{gap:20px;padding:18px 22px}#saved-articles .search-result{flex:1;padding:0!important;background:transparent!important;border:0}#saved-articles .search-result strong{font-size:18px}#saved-articles .search-result p{font-size:14px}#saved-articles .search-result small{font-size:12px}#saved-articles .secondary-button{font-size:13px!important;padding:10px 15px}.article-practice{margin:50px auto 20px;padding:26px;max-width:1100px;background:#f0f4ed;border:1px solid #d8e2d3;border-radius:12px}.article-practice h2{font-size:24px;color:#253c2c;margin:12px 0 20px}.article-practice>a{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#236540;padding:16px 0;border-top:1px solid #d7e2d0}.article-practice small{font-size:12px;display:block;color:#6a7b6e;margin-bottom:7px}.article-practice b{font-size:16px}.article-practice svg{width:20px;height:20px}.article-practice p{font-size:12px;color:#7c877d;line-height:1.7}.article-practice .eyebrow{color:#48815a}.reveal-ready{transition:opacity .55s,transform .55s!important}
@media(max-width:1250px) and (min-width:1051px){.ux-header.website-header{padding-inline:22px;gap:18px}.ux-header .brand{font-size:23px!important}.ux-header .website-nav a,.ux-header .nav-group>summary{font-size:13px}.bookmark-label{display:none}.ux-header .top-bookmark{padding:10px!important}}
@media(max-width:900px){.rail-story-grid{grid-template-columns:1fr}.rail-story{display:grid;grid-template-columns:1fr 1fr}.rail-story figure{aspect-ratio:auto;min-height:300px}.rail-story-copy{padding:25px}.rail-story-copy h3{font-size:26px}.knowledge-bite-grid{grid-template-columns:repeat(2,1fr)}.living-heading{align-items:flex-start;flex-direction:column;gap:12px}.practice-grid{gap:16px}.practice-provider{padding:24px}.practice-provider h3{font-size:24px}.photo-licenses article{grid-template-columns:1fr}.photo-licenses img{max-width:650px}}
@media(max-width:600px){.ux-header .top-bookmark{display:inline-flex!important;padding:9px!important;width:auto!important;gap:4px!important}.bookmark-label{display:none}.ux-header #saved-count{font-size:10px;min-width:17px;min-height:17px}.ux-header.website-header{gap:12px;padding-inline:16px}.ux-header .header-actions{gap:6px}.homepage .hero{min-height:590px!important;padding-top:60px!important;padding-bottom:76px!important}.homepage .hero h1{font-size:45px!important;letter-spacing:-1.8px!important}.homepage .hero p{font-size:17px!important}.homepage .hero:after{background:linear-gradient(90deg,#0c181ce8,#0c181ca3),linear-gradient(0deg,#0c181c70,transparent)}.homepage .hero:before{background-position:62% center;inset:0;transform:none;will-change:auto}.hero>.photo-credit{left:24px;right:24px;text-align:left;font-size:9px!important}.hero-search{min-height:62px!important}.hero-search span{font-size:13px!important}.rail-stories,.knowledge-bites,.practice-network{padding:48px 22px}.living-heading h2{font-size:34px}.living-heading p{font-size:16px}.living-heading>a{font-size:13px}.rail-story{display:flex}.rail-story figure{min-height:0;aspect-ratio:1.5}.rail-story-copy{padding:25px}.rail-story-copy h3{font-size:28px}.rail-window{min-height:480px;padding:55px 26px 65px}.rail-window h2{font-size:43px}.rail-window p{font-size:16px}.rail-window-photo{transform:none;inset:0;background-position:65% center;will-change:auto}.rail-window:after{background:#14272fc4}.rail-window .primary-button{font-size:13px}.rail-window>.photo-credit{font-size:9px!important;text-align:left}.knowledge-bite-grid{gap:12px}.knowledge-bite-grid>a{padding:20px}.knowledge-bite-grid h3{font-size:22px}.knowledge-bite-grid p{font-size:14px}.knowledge-bite-grid b{font-size:12px}.practice-grid{grid-template-columns:1fr}.living-page{padding:42px 24px}.living-page .living-lead{font-size:19px}.context-topics{grid-template-columns:1fr}.saved-tools{padding:24px}.saved-tools>div:first-child{display:block}.saved-tools>div>svg{margin-bottom:18px}.saved-actions{flex-direction:column}.saved-actions button{width:100%}#saved-articles .article-row{align-items:flex-start;flex-direction:column}.knowledge-savebar{padding:14px 22px}.knowledge-savebar>span{font-size:12px}.article-practice{margin-inline:0}.photo-licenses article{gap:20px}.photo-licenses h2{font-size:24px}}
@media(max-width:420px){.ux-header .brand{font-size:19px!important}.ux-header .brand small{display:none}.ux-header.website-header{gap:6px;padding-inline:12px}.ux-header .header-actions>button,.ux-header .mobile-menu{width:38px!important;height:40px}.ux-header .top-bookmark{height:40px!important;padding:7px!important}.ux-header .header-actions{gap:4px}.homepage .hero h1{font-size:39px!important}.knowledge-bite-grid{grid-template-columns:1fr}.rail-window h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero:before,.rail-window-photo{transform:none!important;will-change:auto}.rail-story figure>img{transform:none!important}.reveal-ready{opacity:1!important;transform:none!important}.category:hover,.knowledge-bite-grid>a:hover{transform:none!important}}
.journey-icon svg{width:38px;height:38px;stroke-width:1.5}.innerpage:has(.living-page){background:#f8f9f4}.reading-progress{pointer-events:none}.hero .photo-credit{max-width:none}.living-page .photo-licenses{margin-top:38px}
.homepage .hero:before{z-index:0!important;pointer-events:none}.homepage .hero:after{z-index:1!important;width:auto!important;height:auto!important;opacity:1!important;animation:none!important;pointer-events:none}.homepage .hero .hero-copy{z-index:2!important}.homepage .hero>.photo-credit{z-index:3!important}.hero-search b{color:#fff!important}.hero-search b svg{color:#fff!important}
.chapter-photo{margin:0 0 35px;position:relative;height:330px;border-radius:16px;overflow:hidden;background:#20312c}.chapter-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.chapter-photo figcaption{position:absolute;inset:auto 0 0;padding:55px 28px 20px;background:linear-gradient(transparent,#0c1e22df);color:white}.chapter-photo strong{font-size:27px;line-height:1.25;letter-spacing:-.6px;display:block;margin-bottom:10px}.chapter-photo .photo-credit{color:#dce7e0;display:block}@media(max-width:600px){.chapter-photo{height:260px;border-radius:12px}.chapter-photo strong{font-size:23px}.chapter-photo figcaption{padding:45px 20px 16px}}
.saved-actions .secondary-button{background:#fff!important;color:#24553b!important;border:1px solid #9db6a4!important}.saved-actions .secondary-button:hover{background:#e5f0e4!important}.saved-actions .secondary-button svg{color:currentColor!important}
/* Enterprise concept imagery: consistent treatment, responsive focal points. */
.photo-card{position:relative}.ai-image-label{position:absolute;top:12px;left:12px;padding:5px 8px;border:1px solid #ffffff30;border-radius:5px;background:#0e1b23b8;color:#eaf3ef;font-size:9px;letter-spacing:.35px;backdrop-filter:blur(8px);pointer-events:none}.prefooter{position:relative}.ai-band-credit{position:absolute;right:4vw;bottom:12px;font-size:10px;color:#c0d0cc!important;text-decoration:none}.homepage .hero:before{background-position:66% center!important}.rail-story figure img,.chapter-photo img{object-fit:cover}.rail-story figure{aspect-ratio:16/9!important}.rail-story figcaption{background:linear-gradient(transparent,#0b1728e0)!important}.rail-story .photo-credit{letter-spacing:.2px}.rail-story{box-shadow:0 14px 44px #172c2910}.rail-story img{transition:transform .8s cubic-bezier(.2,.65,.2,1)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.rail-story:hover img{transform:scale(1.035)}}@media(max-width:600px){.homepage .hero:before{background-position:65% center!important}.ai-band-credit{left:24px;right:auto}.rail-story figure{aspect-ratio:16/10!important}}
