/* Gemeinsames Layout der Unterseiten, gleiche Gestaltung wie die Startseite */
:root{--black:#0E0E0E;--white:#FFFFFF;--paper:#F3F3F1;--grey:#8A8A87;--grey-dark:#5E5E5B;--line-dark:#2B2B2A;--line-light:#DDDDD8;--accent:#5E5E5B;--f:'Archivo','Helvetica Neue',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:var(--f);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.gut{padding-inline:clamp(16px,4vw,56px)}
.wrap{max-width:1200px;margin-inline:auto}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.02em}
h2{font-size:clamp(34px,4.6vw,60px);line-height:1;font-weight:800;letter-spacing:-.03em}
h3{font-size:20px;line-height:1.2;font-weight:700}
p{margin:0}
.label{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--grey-dark);max-width:46ch}
.dark .lead{color:#BDBDB9}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sec{padding-block:clamp(72px,10vw,130px)}
.dark{background:var(--black);color:var(--white)}
.paper{background:var(--paper)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--black);color:var(--white);text-decoration:none;font:600 15px var(--f);padding:13px 22px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}
.btn:hover{background:var(--accent)}
.btn.light{background:var(--white);color:var(--black)}
.btn.light:hover{background:var(--accent);color:var(--white)}
.js .rise{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .rise.in{opacity:1;transform:none}

/* Kopfzeile */
.head{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-light)}
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--black);font-weight:800;font-size:17px;white-space:nowrap}
.brand img{height:30px;width:auto}
.nav{display:flex;gap:22px;font-size:15px;font-weight:500}
.nav a{color:var(--black);text-decoration:none}
.nav a:hover{color:var(--accent)}
.head-actions{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1.5px solid currentColor;border-radius:999px;overflow:hidden;font-size:12.5px;font-weight:700;letter-spacing:.04em}
.lang a{padding:6px 9px;color:inherit;text-decoration:none;line-height:1}
.lang a[aria-current]{background:var(--black);color:var(--white)}
.menu-btn{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0;place-content:center;gap:6px}
.menu-btn span{display:block;width:22px;height:2px;background:var(--black);transition:transform .3s}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* Titelbild der Branche */
.sub-hero{position:relative;height:min(78svh,760px);min-height:380px;overflow:hidden;background:#151515;color:var(--white)}
.sub-hero img{width:100%;height:100%;object-fit:cover}
.sub-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.3) 45%,rgba(10,10,10,0) 70%),linear-gradient(0deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 45%)}
.sub-hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;padding-block:clamp(28px,6vw,72px)}
.sub-hero-copy .wrap{display:grid;gap:14px}
.sub-hero-copy .label{color:rgba(255,255,255,.8)}
.sub-hero h1{font-size:clamp(44px,min(7vw,12vh),110px);line-height:.94;font-weight:800;letter-spacing:-.04em}
.tag{position:absolute;right:clamp(16px,4vw,56px);top:16px;z-index:1;font-size:11.5px;color:rgba(255,255,255,.7)}

.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:start}
.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,60px)}
.idea{border-top:2px solid var(--black);padding-top:18px;display:grid;gap:10px;align-content:start}
.idea p{color:var(--grey-dark);font-size:16px}
.stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 48px;align-items:center}
.stat b{font-size:clamp(56px,8vw,112px);line-height:.9;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.stat p{color:#BDBDB9;font-size:clamp(17px,1.6vw,21px);max-width:44ch}
.faq{border-top:1px solid var(--line-light)}
.faq details{border-bottom:1px solid var(--line-light)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-size:18px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:28px;font-weight:400;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--grey-dark)}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta-in > div{display:grid;gap:16px}
.more-ind{padding-block:clamp(48px,6vw,72px)}
.more-ind .wrap{display:grid;gap:16px}
.more-ind .label{color:var(--grey)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{font-size:15px;padding:9px 15px;border:1px solid var(--line-light);border-radius:999px;color:var(--black);text-decoration:none;transition:background .25s,color .25s}
.chips a:hover{background:var(--black);color:var(--white)}

/* Wirkung auf den Branchenseiten */
.fx-head{display:grid;gap:14px;margin-bottom:clamp(32px,5vw,56px)}
.fx-head .label{color:#9C9C98}
.effects{display:grid;gap:clamp(24px,4vw,48px)}
.effects.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.effects.n1{grid-template-columns:minmax(0,760px)}
.eff{border-top:1px solid #3A3A38;padding-top:22px;display:grid;gap:14px;align-content:start;min-width:0}
.eff .label{color:#9C9C98}
.eff .why{font-size:clamp(18px,1.7vw,22px);font-weight:600;color:var(--white);max-width:36ch}
.eff .desc{color:#BDBDB9;font-size:15.5px;max-width:48ch}
.dark .bar{color:#BDBDB9}
.dark .bar .track{background:#262625}
.dark .bar .fill{background:var(--white)}
.dark .bar.alt .fill{background:#6D6D6A}
.js .eff:not(.in) .fill{width:0}
.dark .src{color:#7D7D7A}
.note-d{margin-top:clamp(28px,4vw,44px);font-size:13.5px;color:#8F8F8B;max-width:70ch}
/* Wirkung (alt) */
.h1-plain{font-size:clamp(44px,6.4vw,92px);line-height:.95;font-weight:800;letter-spacing:-.04em;margin-top:14px}
.fx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
.fx.rev .fx-text{order:2}
.fx-text{display:grid;gap:20px;min-width:0}
.big{font-size:clamp(64px,8vw,112px);line-height:.9;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.bars{display:grid;gap:10px;max-width:440px}
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:14px;color:var(--grey-dark)}
.bar .track{grid-column:1/-1;height:6px;background:var(--line-light);border-radius:3px;overflow:hidden}
.bar .fill{display:block;height:100%;background:var(--black);width:var(--w);border-radius:3px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.bar.alt .fill{background:#A9A9A5}
.js .fx-text:not(.in) .fill{width:0}
.why{display:grid;gap:10px;border-top:1px solid var(--line-light);padding-top:16px}
.why ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--grey-dark);font-size:15.5px}
.src{font-size:12.5px;color:var(--grey)}
.fx-img{margin:0}
.fx-img img{width:100%;aspect-ratio:4/3.2;object-fit:cover;border-radius:6px}
.fx-img figcaption{font-size:12.5px;color:var(--grey);margin-top:8px}
.note{font-size:14px;color:var(--grey-dark);max-width:70ch}

.legal{max-width:780px}
.legal .h1-plain{margin:0 0 clamp(28px,4vw,48px)}
.legal h2{font-size:clamp(20px,2vw,24px);font-weight:700;letter-spacing:-.01em;margin:36px 0 10px}
.legal p{color:var(--grey-dark);margin:0 0 12px;max-width:68ch}
.legal a{color:var(--black)}
.legal .stand{font-size:14px;color:var(--grey)}
.todo{background:#FFE8A3;color:var(--black);padding:1px 5px;border-radius:4px}
.site-foot{background:var(--black);padding-block:44px;border-top:1px solid var(--line-dark)}
.site-foot .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;font-size:14px;color:#9C9C98}
.site-foot img{height:44px;width:auto;filter:invert(1)}
.site-foot a{color:#9C9C98}

@media (max-width:1080px){.nav{gap:16px;font-size:14px}}
@media (max-width:980px){
  .menu-btn{display:grid}
  .nav{position:absolute;left:calc(-1 * clamp(16px,4vw,56px));right:calc(-1 * clamp(16px,4vw,56px));top:100%;display:none;flex-direction:column;gap:0;background:var(--white);border-bottom:1px solid var(--line-light);padding:8px clamp(16px,4vw,56px) 16px}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--line-light);font-size:17px}
  .two,.fx,.stat,.effects.n2,.effects.n1{grid-template-columns:1fr}
  .fx.rev .fx-text{order:0}
  .ideas{grid-template-columns:1fr}
  .sub-hero::after{background:linear-gradient(0deg,rgba(10,10,10,.8) 0%,rgba(10,10,10,.3) 45%,rgba(10,10,10,0) 70%)}
}
@media (max-width:560px){.brand span{display:none}.head-actions .btn{padding:10px 14px;font-size:14px}.head-actions{gap:6px}.lang a{padding:6px 7px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rise{opacity:1;transform:none;transition:none}.bar .fill{transition:none}}