:root{--navy:#003C6E;--deep:#062A4D;--orange:#F28700;--orange-d:#D97800;--paper:#F4F6F8;--ink:#10243A;--slate:#55687C;--line:#DDE3EA;
  --sans:"Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;--cond:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.55 var(--sans)}
a{color:var(--navy)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.wrap{width:min(1160px,92vw);margin:0 auto}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px}
h1,h2,h3{font-family:var(--cond);line-height:1.04;text-wrap:balance;margin:0}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 10px}
h2{font-size:clamp(32px,4.4vw,50px);color:var(--navy);margin-bottom:14px}
.intro{color:var(--slate);font-size:19px;max-width:62ch;margin:0 0 36px}

/* Kopf: Logo groß und klar auf Weiß */
.top{background:#fff;border-bottom:1px solid var(--line);padding:14px 0;position:sticky;top:0;z-index:5}
.logo{display:flex;align-items:center;gap:22px;text-decoration:none}
.logo img{height:68px;width:auto;display:block}
.logo span{font:700 30px/1 var(--cond);color:var(--navy);padding-left:22px;border-left:2px solid var(--line)}
.logo span b{color:var(--orange)}

.btn{display:inline-block;background:var(--navy);color:#fff;font-weight:700;text-decoration:none;padding:14px 24px;border-radius:6px}
.btn:hover{background:#00284A}
.btn.orange{background:var(--orange);color:#fff}
.btn.orange:hover{background:var(--orange-d)}
.btn.light{background:#fff;color:var(--navy)}
.btn.light:hover{background:#FFF1DE}

/* Hero in vollem Orange */
.hero{background:var(--navy);color:#fff;padding:78px 0 86px}
.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.hero .eyebrow{color:var(--orange)}
.hero h1{font-size:clamp(48px,7.2vw,90px)}
.hero h1 span{color:var(--orange)}
.lead{font-size:20px;max-width:54ch;margin:22px 0 32px;color:#C9D8E6}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.domains{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-family:Consolas,"Courier New",monospace;font-size:17px}
.domains li{background:#fff;border-radius:6px;padding:12px 18px;color:var(--navy);width:max-content;max-width:100%;box-shadow:0 8px 24px rgba(0,20,40,.35)}
.domains li:nth-child(2){margin-left:10%}.domains li:nth-child(3){margin-left:4%}.domains li:nth-child(4){margin-left:14%}
.domains i{font-style:normal;color:var(--orange);font-weight:700}

.block{padding:80px 0}
.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.apps article{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff}
.mk{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;color:#fff;font:700 24px/1 var(--cond);margin-bottom:16px}
.apps h3{font-size:26px;color:var(--ink);margin-bottom:6px}
.apps p{margin:0;font-size:15px;color:var(--slate)}

/* Idee */
.idea{background:var(--paper);color:var(--ink)}
.idea h2{color:var(--navy)}
.idea .intro{color:var(--slate)}
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr) 64px;gap:0;position:relative}
.path::before{content:"";position:absolute;left:28px;right:32px;top:28px;height:3px;background:repeating-linear-gradient(90deg,var(--orange) 0 12px,transparent 12px 22px)}
.path li{position:relative;padding-right:26px;counter-increment:p}
.path{counter-reset:p}
.path li::before{content:counter(p);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--orange);color:#fff;font:700 26px/1 var(--cond);position:relative;margin-bottom:18px}
.path li.done{counter-increment:none;padding:0}
.path li.done::before{content:"";background:#1E9E4A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/30px no-repeat;box-shadow:0 0 0 5px rgba(30,158,74,.18)}
.path b{display:block;font:700 27px/1.1 var(--cond);color:var(--navy);margin-bottom:8px}
.path span{color:var(--slate);font-size:16px}
.path em{display:block;font-style:normal;color:var(--orange);font-size:14px;font-weight:700;margin-top:10px;letter-spacing:.02em}
.idea-cta{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:24px 28px;border-radius:8px;background:var(--navy)}
.idea-cta p{margin:0;flex:1;min-width:260px;font-size:18px;color:#fff}

.contact{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-bottom:22px}
.card{display:grid;gap:4px;padding:24px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.card small{font-size:14px;color:var(--slate)}
.card strong{font:700 30px/1.1 var(--cond);color:var(--navy)}
.card.main{background:var(--navy);border-color:var(--navy)}
.card.main small{color:#C9D8E6}.card.main strong{color:#fff;font-size:38px}
.card:hover{border-color:var(--orange)}
.card.main:hover{background:#00284A;border-color:var(--orange)}
.muted{color:var(--slate);font-size:15px}

.foot{background:#fff;border-top:4px solid var(--orange);padding:26px 0}
.foot img{display:block;height:56px;width:auto}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot a{color:var(--navy);text-decoration:none;font-size:15px;font-weight:600}
.foot a:hover{color:var(--orange)}
.legal{max-width:760px}
.legal h1{font-size:56px;color:var(--navy);margin-bottom:20px}
.legal h2{font-size:24px;margin:26px 0 6px}
.legal p{margin:0}
@media (max-width:980px){.hero-grid,.contact{grid-template-columns:1fr}.apps{grid-template-columns:repeat(2,1fr)}.path{grid-template-columns:1fr 1fr;row-gap:36px}.path::before{display:none}.path li.done{display:none}.domains{display:none}}
@media (max-width:560px){.apps,.path{grid-template-columns:1fr}.logo img{height:48px}.logo span{display:none}.top .btn{display:none}}