/* Globaler Header/Footer/Button-Stil für Unterseiten (Impressum, Datenschutz, Potenzialanalyse) */
*{box-sizing:border-box;margin:0;padding:0}
:root{--mono:'Cabinet Grotesk','Hanken Grotesk',sans-serif}
html{scroll-behavior:smooth}
body{background:#fff;color:#211D18;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
*{transition-duration:.2s!important}
img{max-width:100%;display:block}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:'Cabinet Grotesk','Hanken Grotesk',sans-serif;font-weight:400;letter-spacing:-.6px;line-height:1.1}
em{font-style:normal;color:#4E7A68}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4E7A68;outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#211D18;color:#fff;padding:12px 18px;border-radius:0 0 12px 0;font-weight:600}
.skip:focus{left:0}
/* Header */
header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.15) blur(10px);background:rgba(255,255,255,.86)}
.nav{display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:14px 24px}
.nav>a:first-child{margin-right:auto}
.nav .logo{height:29px;width:auto}
.nav .back{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#4a443c}
.nav .back:hover{color:#211D18}
.nav .back svg{width:16px;height:16px}
.nav-links{display:flex;align-items:center;gap:40px;font-size:15.5px;font-weight:500;color:#4a443c}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#4E7A68;border-radius:2px;transition:right .28s ease}
.nav-links a:hover{color:#211D18}
.nav-links a:hover::after{right:0}
.burger{display:none;width:44px;height:44px;border:none;background:#211D18;color:#fff;border-radius:12px;cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:20px;height:20px}
.mobile{display:none;padding:6px 24px 18px}
.mobile a{display:block;padding:13px 4px;font-size:17px;font-weight:600;color:#211D18;border-bottom:1px solid rgba(33,29,24,.08)}
.mobile a:last-child{border:none;color:#4E7A68}
@media (max-width:960px){.nav{padding:12px 18px;gap:16px}.nav-links{display:none}.burger{display:inline-flex}}
/* Buttons */
.cta{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(160deg,#0b3a2c,#0d3d2e 60%,#0a3225);color:#fff;font-weight:600;font-size:15px;padding:11px 20px;border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease,background .2s ease;font-family:inherit}
.cta:hover{background:linear-gradient(160deg,#0d4636,#155541 60%,#0c4030);}
.cta.lg{font-size:16.5px;padding:15px 26px;border-radius:14px}
.cta .arrow{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.cta .arrow svg{width:14px;height:14px;color:#fff}
/* Footer */
footer{background:linear-gradient(160deg,#0b3a2c,#0d3d2e 60%,#0a3225);color:#dfeae4;padding:60px 0 32px;border-radius:34px 34px 0 0;margin-top:70px}
.foot-grid{display:grid;grid-template-columns:1.8fr 1fr 1.2fr;gap:40px}
.foot-brand img{height:30px;width:auto;filter:brightness(0) invert(1)}
.foot-brand p{font-size:14.5px;color:#a9c6ba;margin-top:16px;max-width:320px;line-height:1.6}
.foot-brand .cta{margin-top:22px;background:#fff;color:#0d3d2e}
.foot-brand .cta .arrow{background:#0d3d2e}
.foot-col h4{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7fb79c;margin-bottom:16px}
.foot-col a,.foot-col span{display:block;font-size:14.5px;color:#c7ddd2;margin-bottom:11px;line-height:1.5}
.foot-col a:hover{color:#fff}
.foot-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:#8fb3a4}
.foot-bar .links{display:flex;gap:20px}
.foot-bar a:hover{color:#fff}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-brand{grid-column:1 / -1}}
@media (max-width:560px){.nav .back span{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}

/* Bekannt aus (Presse-Marquee über Footer) */
.press{padding:54px 0 12px}
.press-cap{display:block;text-align:center;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8aa89a;margin-bottom:26px}
.press-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.press-track{display:flex;align-items:center;gap:64px;width:max-content;animation:pressscroll 42s linear infinite}
.press-track:hover{animation-play-state:paused}
@keyframes pressscroll{to{transform:translateX(-50%)}}
.press-track img{height:30px;width:auto;flex:none;object-fit:contain;filter:grayscale(100%);opacity:.58;transition:opacity .2s,filter .2s}
.press-track img:hover{filter:grayscale(0);opacity:1}
@media (prefers-reduced-motion:reduce){.press-track{animation:none}}
@media (max-width:640px){.press-track{gap:44px}.press-track img{height:25px}}