:root{--red:#AC0632;--red-d:#8A0428;--ink:#2B2A29;--grey:#898989;--muted:#5A5958;--bg:#FFFFFF;--band:#EFEEEC;--line:#D6D4D1;--card:#FFFFFF;--panel:#EBEBEB;--hl:#AC0632;--foot:#2B2A29;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--red:#E0456B;--red-d:#F0698A;--ink:#EDECEA;--grey:#A3A2A0;--muted:#B9B8B5;--bg:#1C1B1A;--band:#262524;--line:#44423F;--card:#2F2E2C;--hl:#8A0428;--foot:#121110}}
:root[data-theme="dark"]{--red:#E0456B;--red-d:#F0698A;--ink:#EDECEA;--grey:#A3A2A0;--muted:#B9B8B5;--bg:#1C1B1A;--band:#262524;--line:#44423F;--card:#2F2E2C;--hl:#8A0428;--foot:#121110}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(17px,1.2vw + 12px,19px);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--red)}a:hover{color:var(--red-d)}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:2px}
html[data-lang="de"] [data-l="en"],html[data-lang="en"] [data-l="de"]{display:none}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:clamp(20px,8vw,160px)}
.stack{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);position:relative}
.sec{padding-block:clamp(64px,9vw,120px)}
.band{background:var(--band)}
p{margin:0;max-width:44em}
.prose{display:flex;flex-direction:column;gap:1.1em}
.lead{font-size:1.25em;font-weight:600;line-height:1.4}
.muted{color:var(--muted)}
h2{margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1.05;font-weight:800;font-stretch:112%;letter-spacing:-.01em}
h3{margin:0}
.part{font-size:16px;font-weight:600;color:var(--red);border-top:3px solid var(--red);padding-top:12px;width:240px;max-width:100%}
.q{margin:0;font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(24px,2.6vw,34px);line-height:1.3;color:var(--red);max-width:26em;align-self:center;text-align:center;margin-inline:auto}
.q-sm{font-size:clamp(21px,2vw,26px)}
.glo{color:var(--red)}.rii{color:var(--grey)}
/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.topin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;line-height:0}.brand img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:clamp(16px,2vw,32px)}
.nav .links{display:flex;gap:clamp(16px,2vw,32px)}
.nav .links a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;padding:12px 0;text-transform:uppercase;letter-spacing:.04em}
.nav .links a:hover{color:var(--red)}
.lang{display:flex;gap:2px;border:1.5px solid var(--ink);border-radius:4px;padding:2px}
.lang button{font:inherit;font-size:14px;font-weight:700;background:transparent;color:var(--ink);border:0;border-radius:2px;padding:0 12px;min-height:40px;min-width:44px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
@media (max-width:1100px){.nav .links{display:none}}
.burger{display:none;background:transparent;border:1.5px solid var(--ink);border-radius:4px;color:var(--ink);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}
.burger:hover{border-color:var(--red);color:var(--red)}
@media (max-width:1100px){.burger{display:inline-flex}}
.mobilenav{border-top:1px solid var(--line)}
.mobilenav .wrap{padding-block:6px;display:flex;flex-direction:column}
.mobilenav .links{display:flex;flex-direction:column}
.mobilenav .links a{padding:15px 4px;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.03em}
.mobilenav .links a:first-child{border-top:0}
.mobilenav .links a:hover{color:var(--red)}
/* hero */
.hero{padding-block:clamp(56px,8vw,112px) clamp(72px,9vw,128px)}
.hero-in{display:flex;flex-direction:column;gap:clamp(22px,2.6vw,34px);max-width:780px}
.wordmark{margin:0;font-size:clamp(96px,14vw,196px);line-height:.86;font-weight:800;font-stretch:115%;letter-spacing:-.02em}
.sub{font-size:clamp(20px,2.2vw,30px);color:var(--muted);margin-top:calc(-1 * clamp(14px,2vw,28px))}
.hero-h{font-size:clamp(26px,2.8vw,36px);line-height:1.2;font-weight:700}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;min-height:52px;background:var(--red);color:#fff;font-size:17px;font-weight:600;padding:0 26px;border-radius:4px;text-decoration:none;border:1.5px solid var(--red)}
.btn:hover{background:var(--red-d);border-color:var(--red-d);color:#fff}
.btn-o{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-o:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* welcome */
.welcome{overflow:hidden}
.welcome .globe{position:absolute;top:0;right:clamp(0px,4vw,60px);width:clamp(160px,20vw,300px);opacity:.45;pointer-events:none}
.welcome .part,.welcome h2,.welcome .q,.welcome .prose{position:relative}
@media (max-width:900px){.welcome .globe{opacity:.25;top:-20px;right:-30px}}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trio-item{background:var(--card);border-top:1.5px solid var(--ink);padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}
.trio-num{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:30px;color:var(--red);line-height:1}
.trio-item h3{font-size:1.02em;line-height:1.3;font-weight:700}
.trio-item p{font-size:.92em;line-height:1.55;color:var(--muted)}
@media (max-width:800px){.trio{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px}
.duo-item{padding-left:18px;border-left:3px solid var(--red);display:flex;flex-direction:column;gap:6px}
.duo-item h3{font-size:1.02em;line-height:1.3;font-weight:700}
.duo-item p{font-size:.95em;line-height:1.58;color:var(--muted)}
@media (max-width:700px){.duo{grid-template-columns:1fr}}
/* origins */
.origins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px)}
.origin{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1.5px solid var(--ink)}
.on{font-size:clamp(24px,2.2vw,30px);font-weight:800;font-stretch:112%;line-height:1.1}
.ow{font-size:.95em;line-height:1.45;color:var(--muted)}
.origin.last{border-top:4px solid var(--red)}.origin.last .on{color:var(--red)}.origin.last .ow{color:var(--ink)}
@media (max-width:900px){.origins{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* vision */
.vision{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 64px}
.vision li{display:flex;gap:14px;line-height:1.55}
.chev{width:14px;height:14px;flex-shrink:0;margin-top:.45em;fill:none;stroke:var(--red);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:800px){.vision{grid-template-columns:1fr}}
/* winners */
.winners{border-bottom:1px solid var(--line)}
.wrow{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(8px,4vw,48px);padding:22px 0;border-top:1px solid var(--line)}
.wr{font-size:1.1em;font-weight:700;line-height:1.35}.wt{max-width:40em;line-height:1.55}
@media (max-width:760px){.wrow{grid-template-columns:1fr}}
/* summary keys */
.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.key{background:var(--card);border-radius:4px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.kk{font-size:17px;font-weight:700;color:var(--red);line-height:1.3}.kv{font-size:16px;line-height:1.5}
@media (max-width:1000px){.keys{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.keys{grid-template-columns:1fr}}
.punch{border-top:1.5px solid var(--ink);padding-top:24px;display:flex;flex-direction:column;gap:10px;max-width:880px}
.pt{font-size:clamp(24px,2.4vw,32px);font-weight:800;font-stretch:108%;line-height:1.15;color:var(--red)}
.goals{display:grid;grid-template-columns:1fr 2fr;gap:clamp(24px,4vw,48px)}
.goal{border-top:4px solid var(--red);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.gk{font-size:clamp(22px,2vw,26px);font-weight:800;font-stretch:108%;line-height:1.2}
@media (max-width:760px){.goals{grid-template-columns:1fr}}
/* steps */
.lane{display:flex;flex-direction:column;gap:20px}.lane+.lane{margin-top:24px}
.lane h3{font-size:clamp(22px,2.2vw,28px);font-weight:800;font-stretch:108%}
.steps{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.step{display:grid;grid-template-columns:72px minmax(0,1fr) 440px;gap:32px;align-items:start;padding:28px 0;border-top:1px solid var(--line)}
.num{font-size:44px;font-weight:800;font-stretch:112%;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.st{display:flex;flex-direction:column;gap:8px}.st h4{margin:0;font-size:1.1em;line-height:1.3}.st p{line-height:1.55}
.panel{background:var(--panel);border:1.5px solid var(--red);border-radius:10px;padding:18px 20px;display:flex;justify-content:center;align-items:center;min-height:150px}
.panel .scan{height:150px;width:auto;max-width:100%}
.flow{display:flex;align-items:flex-end;justify-content:center;gap:14px}
.node{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:130px}
.node img{width:auto;display:block}
.node span{font-size:14px;line-height:1.25;color:#AC0632;text-align:center}
.link{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:36px}
.link span{font-size:13px;font-weight:600;color:#AC0632;text-align:center;max-width:150px;line-height:1.25}
.arr{width:120px;height:12px;fill:none;stroke:#AC0632;stroke-width:2;stroke-linejoin:round}
@media (max-width:1180px){.step{grid-template-columns:64px minmax(0,1fr)}.panel{grid-column:2;max-width:440px}}
@media (max-width:560px){.step{grid-template-columns:1fr;gap:14px}.panel{grid-column:1}.num{font-size:34px}.arr{width:70px}.link span{max-width:90px}.flow{gap:8px}}
/* benefits */
.bens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.ben{border-top:1.5px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;gap:12px}
.ben img{width:64px;height:64px}
.ben h3{font-size:1.1em;line-height:1.3}.ben p{font-size:.92em;line-height:1.58;color:var(--muted)}
@media (max-width:1000px){.bens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bens{grid-template-columns:1fr;gap:36px}}
/* highlights */
.hl{background:var(--hl);color:#fff}.hl h2{color:#fff}
.hls{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.45)}
.hls li{display:flex;gap:20px;font-size:clamp(21px,2.3vw,30px);line-height:1.3;font-weight:700;padding:24px 0;border-top:1px solid rgba(255,255,255,.45);max-width:1040px}
.check{width:clamp(22px,2.2vw,30px);height:clamp(22px,2.2vw,30px);flex-shrink:0;margin-top:.12em;fill:#fff}
/* contact */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(40px,7vw,96px);align-items:start}
address{font-style:normal;border-top:4px solid var(--red);padding-top:28px;display:flex;flex-direction:column;gap:14px}
.plate{background:#fff;border-radius:4px;padding:14px 16px;align-self:flex-start;line-height:0}
.plate img{width:220px;height:auto}
dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 20px}
dt{color:var(--muted)}dd{margin:0}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
.foot{background:var(--foot);color:#C9C8C6;padding-block:32px}
.footin{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
/*.foot p{font-size:14px;line-height:1.5;max-width:860px}*/
.copyrightclaim{font-size:14px;line-height:1.5;text-align:center;padding:1em;}
.foot div{font-size:14px;line-height:1.5;text-align:center;}
.fwm{font-size:20px;font-weight:800;font-stretch:112%}.foot .glo{color:#E0335E}.foot .rii{color:#B5B4B2}

/* contact form */
.cform{display:flex;flex-direction:column;gap:14px;max-width:460px;margin-top:8px}
.cf-hp{position:absolute;left:-9999px;top:-9999px}
.cf-row{display:flex;flex-direction:column;gap:6px}
.cf-row label{font-size:14px;color:var(--muted);font-weight:600}
.cf-row input,.cf-row textarea{font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink)}
.cf-row input:focus,.cf-row textarea:focus{outline:none;border-color:var(--red)}
.cf-row textarea{resize:vertical;min-height:100px}
.cf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px}
.cf-hint{font-size:13px;color:var(--muted)}
.cmsg{border-radius:4px;padding:14px 16px;font-size:15px;line-height:1.5;margin-bottom:4px}
.cmsg.ok{background:#EAF6EC;color:#1E6B33;border:1px solid #BEE3C6}
.cmsg.err{background:#FBEAEC;color:var(--red-d);border:1px solid #F0C4CB}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){}
  .cmsg.ok{background:#173722;color:#8FDDA3;border-color:#245334}
  .cmsg.err{background:#3A1E22;color:#F0A7B2;border-color:#5A2A32}}
.footlinks{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}
.flnav{display:flex;gap:16px}
.flnav a{color:#C9C8C6;font-size:14px;text-decoration:none}
.flnav a:hover{color:#fff}
@media (max-width:760px){.footin{flex-direction:column;align-items:flex-start}.footlinks{align-items:flex-start;text-align:left}}
/* legal pages */
.legal{max-width:820px;margin:0 auto;padding:64px clamp(20px,8vw,160px) 96px;display:flex;flex-direction:column;gap:22px}
.legal h1{font-size:clamp(30px,4vw,44px);font-weight:800;margin:0}
.legal h2{font-size:22px;font-weight:700;margin:28px 0 0}
.legal p,.legal li{font-size:16px;line-height:1.65;color:var(--ink)}
.legal a{color:var(--red)}
.legal .placeholder{background:var(--band);border:1px dashed var(--line);padding:2px 6px;border-radius:3px;color:var(--muted);font-style:italic}
.backlink{display:inline-block;margin-bottom:8px}

/* cookie notice */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg);color:var(--ink);border-top:3px solid var(--red);box-shadow:0 -6px 24px rgba(0,0,0,.14);padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px))}
.cookiebar[hidden]{display:none}
.cookiebar form{width:100%;max-width:1440px;margin:0 auto;padding-inline:clamp(20px,8vw,160px)}
.cookiebar [data-l]{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cookiebar p{margin:0;font-size:15px;line-height:1.5;max-width:62em}
.cookiebar a{color:var(--red)}
.cookiebar .btn{flex-shrink:0;cursor:pointer;font:inherit;font-size:16px;font-weight:600}
@media (max-width:700px){.cookiebar [data-l]{flex-direction:column;align-items:stretch;gap:14px}.cookiebar .btn{justify-content:center}}
