/* Unterseiten "Unsere Welt": gemeinsame Bausteine */
.w-hero{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,160px) clamp(48px,6vw,88px)}
.w-hero .bg{position:absolute;inset:-12% 0;opacity:.34}
.w-hero .bg img{width:100%;height:100%;object-fit:cover}
.w-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,23,38,.15),var(--ink) 94%)}
.w-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end}
.w-hero h1{font-size:clamp(38px,9cqi,132px)}
.w-hero p.lead{margin:0;color:var(--on-ink)}
@media (max-width:860px){.w-hero .wrap{grid-template-columns:1fr}}
.sec{padding-block:clamp(72px,9vw,140px)}
.sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.sec-head p{margin:0;color:var(--muted);max-width:46ch}
.ink .sec-head p{color:var(--on-ink-muted)}
@media (max-width:860px){.sec-head{grid-template-columns:1fr}}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:center}
@media (max-width:860px){.split2{grid-template-columns:1fr}}
.media{margin:0;position:relative;overflow:hidden;border-radius:2px;background:var(--ink-2)}
.media img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.media figcaption{position:absolute;left:14px;bottom:12px;z-index:2;font:500 11px/1.3 var(--f-mono);letter-spacing:.05em;color:#fff;background:rgba(13,23,38,.62);padding:6px 9px;border-radius:2px;max-width:calc(100% - 28px)}
.facts-list{display:grid;border-top:1px solid var(--line)}
.ink .facts-list{border-color:var(--line-ink)}
.facts-list div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.ink .facts-list div{border-color:var(--line-ink)}
.facts-list dt{font:500 10.5px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ink .facts-list dt{color:var(--on-ink-muted)}
.facts-list dd{margin:0;font:500 16px/1.5 var(--f-mono)}
.note-box{border:1px dashed var(--line);padding:16px 18px;border-radius:4px;font:500 12.5px/1.5 var(--f-mono);color:var(--muted)}
.ink .note-box{border-color:var(--line-ink);color:var(--on-ink-muted)}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.strip .media{aspect-ratio:4/5}
@media (max-width:760px){.strip{grid-template-columns:1fr}.strip .media{aspect-ratio:4/3}}
.bignum{font:500 clamp(140px,26vw,420px)/.8 var(--f-mono);color:var(--lume);letter-spacing:-.04em}
.points{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.points li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.points li b{font:500 12px/1 var(--f-mono);letter-spacing:.14em;color:var(--signal)}
.points h3{margin:0 0 6px;font:600 18px/1.25 var(--f-display);font-stretch:112%;letter-spacing:.05em;text-transform:uppercase}
.points p{margin:0;color:var(--muted)}
.guide{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(14px,1.8vw,26px)}
.g-item{grid-column:span 4;display:grid;gap:14px;text-decoration:none;min-width:0}
.g-item:nth-child(1),.g-item:nth-child(2){grid-column:span 6}
.g-item .media{aspect-ratio:537/370}
.g-item .media img{transition:transform 1.4s var(--ease)}
.g-item:hover .media img{transform:scale(1.05)}
.g-item .no{font:500 12px/1 var(--f-mono);letter-spacing:.14em;color:var(--signal)}
.g-item h2{margin:0;font:600 clamp(18px,1.6vw,23px)/1.2 var(--f-display);font-stretch:112%;letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}
.g-item p{margin:0;color:var(--muted);font-size:16px}
@media (max-width:980px){.g-item,.g-item:nth-child(1),.g-item:nth-child(2){grid-column:span 6}}
@media (max-width:600px){.g-item,.g-item:nth-child(1),.g-item:nth-child(2){grid-column:1/-1}}
.topics{display:flex;flex-wrap:wrap;gap:10px}
.topics a{font:600 12.5px/1 var(--f-display);font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 18px;border:1px solid var(--line-ink);border-radius:999px;transition:background .3s var(--ease),color .3s var(--ease)}
.topics a:hover{background:var(--on-ink);color:var(--ink)}
.tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:28px}
.tabs button{font:600 12px/1 var(--f-display);font-stretch:112%;letter-spacing:.12em;text-transform:uppercase;background:none;border:0;padding:13px 20px;cursor:pointer;color:inherit}
.tabs button[aria-selected="true"]{background:var(--text);color:var(--paper)}
.dl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dl li a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;position:relative}
.dl li a::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--red-bg,#c70201);transition:width .7s var(--ease)}
.dl li a:hover::before{width:100%}
.dl b{font:600 clamp(20px,2.4vw,34px)/1.1 var(--f-display);font-stretch:118%;letter-spacing:.02em;text-transform:uppercase}
.dl span{font:500 12px/1 var(--f-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.dl .go{color:var(--signal);font:500 14px var(--f-mono)}
.marquee{overflow:hidden;border-block:1px solid var(--line-ink);padding-block:18px}
.marquee .mq{display:flex;gap:48px;width:max-content;animation:mq 38s linear infinite;font:600 clamp(22px,2.6vw,36px)/1 var(--f-display);font-stretch:125%;letter-spacing:.04em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(238,241,236,.5)}
.marquee .mq span::after{content:"·";margin-left:48px;color:var(--lume);-webkit-text-stroke:0}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee .mq{animation:none}}
.press{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.press li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline}
.press .pub{font:600 clamp(18px,1.8vw,24px)/1.15 var(--f-display);font-stretch:118%;letter-spacing:.03em;text-transform:uppercase}
.press .hl{font:italic 400 clamp(22px,2.4vw,34px)/1.2 var(--f-serif)}
.press .by{font:500 12px/1.5 var(--f-mono);color:var(--muted);text-align:right}
@media (max-width:860px){.press li{grid-template-columns:1fr;gap:8px}.press .by{text-align:left}}
.form{display:grid;gap:16px}
.form .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media (max-width:600px){.form .row{grid-template-columns:1fr}}
.form label{display:grid;gap:8px;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.form input,.form textarea{font:17px/1.5 var(--f-serif);color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:14px 16px;width:100%;text-transform:none;letter-spacing:0}
.form textarea{min-height:160px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--signal);outline-offset:1px}
.form .msg{font:500 12.5px var(--f-mono);color:var(--muted);min-height:1.3em;margin:0}
.person{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(20px,3vw,40px);align-items:end}
.person .media{aspect-ratio:308/395}
@media (max-width:600px){.person{grid-template-columns:1fr}}
/* Download Center: Modellname ruhiger, mobil zweizeilig statt übereinander */
.dl b{font-size:clamp(18px,2vw,28px);overflow-wrap:anywhere}
@media (max-width:700px){
  .dl li a{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:18px 0}
  .dl b{grid-column:1/-1;font-size:19px}
  .dl span{font-size:10.5px}
  .dl .go{font-size:12px}
}