*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);border-bottom:1px solid #eef0f3;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#111827;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand img{width:48px;height:48px;border-radius:50%}.nav nav{display:flex;gap:30px}.nav nav a{color:#475569;text-decoration:none;font-weight:650}.nav nav a:hover{color:#111827}.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;padding:70px clamp(24px,8vw,120px);background:radial-gradient(circle at 78% 45%,#fff4fb 0,#fff 34%),linear-gradient(135deg,#fff 0,#f8fbff 100%)}.eyebrow{font-size:.78rem;letter-spacing:.2em;font-weight:850;color:#657084;margin:0 0 14px}.hero h1,.section h2,.origin h2,.contact h2{line-height:1.02;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(3.2rem,7vw,6.8rem);max-width:850px}.hero h1 span{background:linear-gradient(90deg,#ed315d,#f0a000,#36a965,#2789d8,#7955d9);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.08rem,1.5vw,1.35rem);color:#536072;max-width:720px;margin:28px 0 34px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:#111827;color:white}.secondary{border:1px solid #cfd5dd;color:#111827;background:#fff}.hero-logo{display:flex;justify-content:center}.hero-logo img{width:min(520px,100%);filter:drop-shadow(0 28px 45px rgba(31,41,55,.14));border-radius:50%}.section{padding:110px clamp(24px,8vw,120px)}.section-head{max-width:820px;margin-bottom:52px}.section h2,.origin h2,.contact h2{font-size:clamp(2.3rem,4vw,4.2rem)}.section-head>p:last-child{font-size:1.12rem;color:#64748b}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.idea-grid article{padding:32px;border:1px solid #e5e7eb;border-radius:24px}.idea-grid span{font-weight:900;color:#a1a9b6}.idea-grid h3{font-size:1.45rem;margin:14px 0 8px}.idea-grid p{color:#667085;margin:0}.origin{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;padding:100px clamp(24px,8vw,120px);background:#111827;color:white}.origin p:last-child{font-size:1.2rem;color:#d4d9e2;max-width:760px}.origin img{width:min(390px,100%);border-radius:50%}.projects{background:#f7f8fa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;padding:34px;border-radius:26px;border:1px solid #e6e8ec;min-height:320px}.card.featured{box-shadow:0 18px 60px rgba(15,23,42,.08)}.icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe4eb,#e6f3ff);font-size:1.6rem;font-weight:900}.card h3{font-size:1.45rem;margin:22px 0 10px}.card p{color:#64748b}.card span{display:inline-block;margin-top:20px;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#7c8798}.vision{text-align:center;padding:120px 24px;background:linear-gradient(120deg,#fff2f6,#fff9e8,#effcf5,#eef7ff,#f6efff)}.vision blockquote{font-size:clamp(2rem,4vw,4rem);line-height:1.16;letter-spacing:-.04em;font-weight:850;margin:18px auto 0;max-width:1050px}.contact{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:100px clamp(24px,8vw,120px)}.contact p:last-child{color:#64748b;font-size:1.1rem}footer{padding:44px clamp(24px,8vw,120px);border-top:1px solid #e5e7eb;color:#657084;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;color:#111827}.footer-brand img{width:38px;height:38px;border-radius:50%}.legal{text-align:right}.legal a{color:inherit}@media(max-width:850px){.nav nav{display:none}.hero,.origin{grid-template-columns:1fr}.hero{padding-top:45px}.hero-logo{order:-1}.hero-logo img{width:260px}.idea-grid,.cards{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;text-align:left}.legal{text-align:left}}
/* V2 – mehr TAZPOTIA-Farbe */
:root{
 --pink:#ef3d73;--orange:#f3a326;--yellow:#f3d63c;
 --green:#38ad79;--blue:#3b91d9;--violet:#805ad5;--ink:#111827;
}
body{
 background:
   radial-gradient(circle at 8% 18%,rgba(239,61,115,.07),transparent 24rem),
   radial-gradient(circle at 92% 34%,rgba(59,145,217,.08),transparent 26rem),
   #fff;
}
.nav{border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--green),var(--blue),var(--violet)) 1}
.brand span{font-size:1.05rem;background:linear-gradient(90deg,var(--pink),var(--orange),var(--green),var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{background:
 radial-gradient(circle at 79% 43%,rgba(239,61,115,.12),transparent 18rem),
 radial-gradient(circle at 92% 62%,rgba(59,145,217,.12),transparent 21rem),
 linear-gradient(135deg,#fff8fb 0%,#fffdf4 35%,#f5fff9 68%,#f5f8ff 100%)}
.hero-logo img{width:min(570px,100%);border:10px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(71,85,105,.18)}
.primary{background:linear-gradient(100deg,#e93469,#805ad5);box-shadow:0 10px 28px rgba(128,90,213,.22)}
.secondary{border:2px solid #d9ccef}
.idea-grid article:nth-child(1){border-top:7px solid var(--pink);background:#fff8fa}
.idea-grid article:nth-child(2){border-top:7px solid var(--blue);background:#f7fcff}
.idea-grid article:nth-child(3){border-top:7px solid var(--green);background:#f7fff9}
.idea-grid article span{font-size:1.1rem}
.origin{background:
 radial-gradient(circle at 88% 30%,rgba(128,90,213,.24),transparent 20rem),
 radial-gradient(circle at 18% 90%,rgba(59,145,217,.18),transparent 25rem),
 #111827}
.origin img{border:8px solid white;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.projects{background:linear-gradient(135deg,#fff8fb,#fffdf5 34%,#f5fffa 67%,#f4f8ff)}
.card:nth-child(1){border-top:7px solid var(--violet)}
.card:nth-child(2){border-top:7px solid var(--pink)}
.card:nth-child(3){border-top:7px solid var(--blue)}
.card .icon{background:linear-gradient(135deg,#ffe0ea,#fff2c7,#ddf8e9,#dceeff,#eadfff)}
.vision{border-top:1px solid #fff;border-bottom:1px solid #fff}
.contact{background:linear-gradient(90deg,#fff,#fff8fb)}
footer{border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--green),var(--blue),var(--violet)) 1}