:root{
  --bg:#0a100d;
  --bg2:#0d1511;
  --paper:#e9eee9;
  --surface:#111a15;
  --surface2:#151f19;
  --text:#f2f5f2;
  --muted:#9ba79f;
  --line:rgba(255,255,255,.11);
  --green-dark:#173322;
  --radius:14px;
  --container:min(1160px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:var(--container);margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:30;
  background:rgba(10,16,13,.92);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px)
}
.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:.95rem}
.brand-mark{
  min-width:36px;height:36px;display:grid;place-items:center;padding:0 8px;
  border:1px solid color-mix(in srgb,var(--green) 45%,transparent);
  color:var(--green);font-size:.72rem;letter-spacing:.08em;
}
.brand-logo{height:38px;max-width:180px;object-fit:contain;display:block}
.main-nav{display:flex;align-items:center;gap:25px;font-size:.82rem;color:#b6c0b9}
.main-nav a:hover{color:white}
.nav-cta{color:var(--green)!important;border-bottom:1px solid var(--green);padding-bottom:3px}
.menu-toggle{display:none;border:0;background:none;width:44px;padding:8px}
.menu-toggle span{display:block;height:2px;background:white;margin:6px 0}

.hero{padding:105px 0 92px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:76px;align-items:center}
.eyebrow,.kicker{
  margin:0;text-transform:uppercase;letter-spacing:.14em;
  color:var(--green);font-size:.67rem;font-weight:700
}
.hero h1,.section-intro h2,.process-head h2,.project-intro h2,.about-copy h2,.contact-copy h2,.launch-copy h2{
  font-family:"Source Serif 4",Georgia,serif;
  font-weight:600;
  letter-spacing:-.035em;
}
.hero h1{
  font-size:clamp(3.4rem,6.4vw,6.4rem);
  line-height:.94;
  margin:19px 0 28px;
  max-width:790px;
}
.hero-text{max-width:650px;color:#b0bbb4;font-size:1.05rem}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px;flex-wrap:wrap}
.btn{
  min-height:48px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid transparent;
  border-radius:0;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.055em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.btn-primary{
  background:var(--green);
  color:#0a100d;
  border-color:var(--green);
  box-shadow:inset 3px 0 0 rgba(10,16,13,.32);
}
.btn-primary:hover{
  background:transparent;
  color:var(--green);
  transform:translateY(-1px);
}
.btn-ghost{
  border:1px solid #46524b;
  color:#d9dfdb;
  background:transparent;
}
.btn-ghost:hover{
  border-color:var(--green);
  color:var(--green);
}
.full{width:100%}
.text-link{font-size:.82rem;color:#d9dfdb;border-bottom:1px solid #59635d;padding-bottom:3px}
.text-link.strong{font-weight:700}
.text-link span{color:var(--green)}
.hero-note{
  display:grid;grid-template-columns:44px 1fr;gap:14px;
  max-width:560px;margin-top:58px;padding-top:20px;border-top:1px solid var(--line)
}
.hero-note span{color:#627168;font-size:.68rem}
.hero-note p{margin:0;color:#8f9c94;font-size:.78rem;max-width:440px}

.hero-stage{position:relative;padding:22px 0 58px 22px}
.browser{
  border:1px solid rgba(255,255,255,.14);
  background:#0d1712;
  box-shadow:18px 24px 0 #0e2418;
}
.browser-top{
  height:48px;display:flex;align-items:center;gap:14px;padding:0 15px;
  border-bottom:1px solid var(--line);background:#101914
}
.browser-dots{display:flex;gap:6px}
.browser-dots i{width:7px;height:7px;border-radius:50%;background:#3e4b43}
.browser-url{flex:1;text-align:center;color:#65736a;font-size:.63rem}
.browser-content{min-height:385px;padding:25px;background:#e7ebe7;color:#101713}
.mini-topline{display:flex;justify-content:space-between;gap:20px;font-size:.55rem;letter-spacing:.08em;font-weight:700}
.mini-topline div{color:#667168;letter-spacing:0;font-weight:500}
.mini-copy{padding:75px 0 60px;max-width:85%}
.mini-copy small{font-size:.53rem;letter-spacing:.15em;color:#577060}
.mini-copy strong{
  display:block;font-family:"Source Serif 4",Georgia,serif;
  font-size:2.1rem;line-height:.94;margin:12px 0 17px
}
.mini-copy p{font-size:.66rem;color:#667168;max-width:260px}
.mini-copy i{display:inline-block;background:#173322;color:#e6efe9;padding:8px 11px;font-size:.57rem;font-style:normal;margin-top:10px}
.mini-footer{display:flex;gap:20px;border-top:1px solid #bdc6bf;padding-top:13px;color:#68726b;font-size:.55rem}
.work-note{
  position:absolute;right:-18px;bottom:0;width:250px;
  background:#142018;border-left:3px solid var(--green);
  padding:16px 18px
}
.work-note span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}
.work-note strong{display:block;font-size:.8rem;margin:4px 0}
.work-note p{font-size:.67rem;color:#8f9d94;margin:0}

.launch-strip{border-bottom:1px solid var(--line);background:#0d1511}
.launch-grid{display:grid;grid-template-columns:.45fr .95fr .6fr;gap:35px;align-items:end;padding:34px 0}
.launch-kicker{display:flex;gap:16px;align-items:flex-start}
.launch-line{width:34px;height:1px;background:var(--green);margin-top:14px}
.launch-kicker small{display:block;color:var(--green);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.launch-kicker strong{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:2rem;line-height:1;margin:8px 0 4px}
.launch-kicker span:last-child{color:#809086;font-size:.72rem}
.launch-copy h2{margin:0 0 10px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1}
.launch-copy p,.launch-offer p{margin:0;color:#95a39b;font-size:.82rem}
.launch-offer{border-left:1px solid var(--line);padding-left:25px}
.launch-offer span{display:block;color:var(--green);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.launch-offer a{display:inline-block;margin-top:16px;color:#dbe1dd;border-bottom:1px solid #5b6660;padding-bottom:3px}

.audience-strip{border-bottom:1px solid var(--line)}
.audience-strip .container{
  min-height:80px;display:flex;align-items:center;gap:30px;flex-wrap:wrap
}
.audience-strip span{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#66756c}
.audience-strip p{margin:0;color:#9aa79f;font-size:.76rem}

.section{padding:105px 0;border-bottom:1px solid var(--line)}
.section-intro{
  display:grid;grid-template-columns:60px 1.15fr .85fr;
  gap:22px;align-items:end;margin-bottom:48px
}
.section-intro.compact{margin-bottom:40px}
.section-number{color:#59685f;font-size:.68rem;padding-top:7px}
.section-intro h2,.process-head h2,.project-intro h2,.about-copy h2,.contact-copy h2{
  margin:8px 0 0;font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1
}
.section-copy{margin:0;color:var(--muted);font-size:.86rem;max-width:440px}

.service-list{border-top:1px solid var(--line)}
.service-row{
  display:grid;grid-template-columns:55px 1fr 1.25fr .9fr;
  gap:24px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start
}
.service-index{color:#5f6d64;font-size:.66rem}
.service-title small{display:block;color:#7c8a81;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.service-title h3{margin:4px 0;font-size:1.1rem}
.service-row>p{margin:0;color:#a2afa7;font-size:.82rem;max-width:390px}
.service-row ul{list-style:none;margin:0;padding:0}
.service-row li{font-size:.72rem;color:#c1c9c4;margin:6px 0}
.service-row li:before{content:"— ";color:#5d6f63}

.prices{background:#0d1511}
.price-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.price-main{
  grid-row:span 2;min-height:480px;padding:38px;
  background:#dfe6df;color:#0f1611;
  display:flex;flex-direction:column;justify-content:space-between
}
.price-heading span,.price-side span{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}
.price-heading h3,.price-side h3{font-family:"Source Serif 4",Georgia,serif;font-size:2.5rem;margin:10px 0 3px}
.price-heading strong{font-size:1rem;color:#486354}
.price-main>p{max-width:440px;color:#4f5c54}
.price-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b4c0b7;margin:25px 0}
.price-details span{font-size:.7rem;padding:10px 0;border-bottom:1px solid #b4c0b7}
.price-main>a,.price-side>a{font-size:.74rem;text-decoration:underline;text-underline-offset:4px}
.price-side{
  min-height:233px;border:1px solid var(--line);
  padding:27px;display:grid;grid-template-columns:1fr auto;column-gap:25px;align-content:start
}
.price-side strong{font-size:.9rem;color:var(--green)}
.price-side p{grid-column:1/-1;color:#94a198;font-size:.76rem;max-width:430px}
.price-side a{grid-column:1/-1;margin-top:15px;color:#d8dfda}
.price-note{color:#68776e;font-size:.65rem;margin:22px 0 0}

.process-head{max-width:720px;margin-bottom:55px}
.process-head>p:last-child{color:var(--muted);max-width:580px}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.process-line article{padding:25px 24px 15px 0;border-right:1px solid var(--line);min-height:215px}
.process-line article:not(:first-child){padding-left:24px}
.process-line article:last-child{border-right:0}
.process-line span{color:#5d6c63;font-size:.64rem}
.process-line h3{font-size:.9rem;margin:40px 0 8px}
.process-line p{color:#89978e;font-size:.74rem;margin:0}

.projects{background:#0c130f}
.project-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:45px}
.project-intro>p{color:var(--muted);font-size:.84rem;margin:0}
.project{border-top:1px solid var(--line);padding-top:16px}
.project-large{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-bottom:40px}
.project-visual{min-height:320px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}
.project-large .project-visual{min-height:450px}
.project-visual span{font-size:.58rem;letter-spacing:.16em}
.project-visual strong{font-family:"Source Serif 4",Georgia,serif;font-size:2.6rem;line-height:.96;margin:15px 0}
.project-visual p{font-size:.66rem;margin:0}
.craft{background:#cbd0c9;color:#151b17}
.food{background:#7e3e26;color:#f3e9e2}
.consult{background:#bbc0d1;color:#1a1c26}
.has-image{position:relative;overflow:hidden}
.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.1))}
.has-image>*{position:relative;z-index:1;color:white}
.project-meta{padding:12px 0 0}
.project-meta>span{color:#78867d;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
.project-meta h3{font-size:1rem;margin:9px 0}
.project-meta p{color:#8f9d94;font-size:.74rem}
.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.project-offset{margin-top:75px}

.about-grid{display:grid;grid-template-columns:.35fr 1.2fr .75fr;gap:40px}
.about-label span{font-size:.65rem;color:#59685f}
.about-label p{font-size:.72rem;color:#85938a}
.about-copy p:not(.kicker){color:#a1aea6;max-width:650px;font-size:.9rem}
.about-aside{border-left:1px solid var(--line);padding-left:28px;margin-top:65px}
.about-aside>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#75837a}
.about-aside ul{list-style:none;padding:0;margin:18px 0 0}
.about-aside li{font-size:.74rem;margin:10px 0;color:#b7c1bb}

.contact{background:#e6ebe6;color:#111713}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.contact .kicker{color:#3c6a4e}
.contact-copy>p:not(.kicker){color:#566259;max-width:520px}
.contact-small{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}
.contact-small span{font-size:.66rem;border:1px solid #bbc4bd;padding:7px 9px}
.contact-form{border-left:1px solid #bcc5be;padding-left:35px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:block;font-size:.7rem;font-weight:700;margin-bottom:15px}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;margin-top:6px;padding:12px 2px;
  border:0;border-bottom:1px solid #89968d;background:transparent;color:#111713;outline:none;border-radius:0
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-bottom-color:#1c5735}
.privacy-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;color:#5d685f}
.privacy-check input{width:auto!important;margin-top:3px!important}
.privacy-check a{text-decoration:underline}
.contact .btn-primary{background:#173322;color:#eaf0eb;border-color:#173322;box-shadow:inset 3px 0 0 rgba(255,255,255,.14)}
.contact .btn-primary:hover{background:transparent;color:#173322;border-color:#173322}
.form-hint{font-size:.61rem;color:#7a857d;text-align:center}
.form-hint code{font-size:.61rem}

.site-footer{padding:50px 0 24px}
.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center}
.footer-main>p{color:#819087;font-size:.72rem}
.footer-links{display:flex;gap:20px;font-size:.7rem;color:#909d95;flex-wrap:wrap}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#5f6e65;font-size:.64rem}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.07s}.delay-2{transition-delay:.14s}

.legal{padding:90px 0}
.legal-card{max-width:850px;margin:auto;padding:35px 0}
.legal-card h1,.legal-card h2{font-family:"Source Serif 4",Georgia,serif}
.legal-card h1{font-size:3.5rem}
.legal-card h2{margin-top:32px}
.legal-card p,.legal-card li{color:#9aa79f}
.legal-card .notice{border-left:3px solid var(--green);padding:12px 16px;background:#111a15}
.back-link{display:inline-block;color:var(--green);font-size:.74rem;margin-bottom:20px}

@media(max-width:980px){
  .hero-grid,.contact-grid{grid-template-columns:1fr;gap:50px}
  .launch-grid{grid-template-columns:1fr;gap:22px}
  .launch-offer{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
  .section-intro{grid-template-columns:45px 1fr}.section-copy{grid-column:2}
  .service-row{grid-template-columns:45px 1fr 1fr}.service-row ul{grid-column:2/-1}
  .process-line{grid-template-columns:1fr 1fr}
  .process-line article:nth-child(2){border-right:0}
  .process-line article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .project-large{grid-template-columns:1fr}
  .about-grid{grid-template-columns:.3fr 1fr}.about-aside{grid-column:2}
}
@media(max-width:760px){
  :root{--container:min(100% - 28px,1160px)}
  .main-nav{
    position:absolute;top:72px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;
    background:#0b120e;border:1px solid var(--line);padding:10px
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:10px}
  .menu-toggle{display:block}
  .hero{padding:70px 0}
  .hero h1{font-size:clamp(3rem,14vw,4.8rem)}
  .hero-stage{padding-left:0}
  .work-note{position:relative;right:auto;margin:0 0 0 auto;width:85%}
  .audience-strip .container{gap:18px;padding-block:18px}
  .section{padding:78px 0}
  .section-intro{display:block}.section-number{display:block;margin-bottom:15px}.section-copy{margin-top:15px}
  .service-row{grid-template-columns:35px 1fr}.service-row>p,.service-row ul{grid-column:2}
  .price-layout{grid-template-columns:1fr}.price-main{grid-row:auto;min-height:430px}
  .process-line{grid-template-columns:1fr}
  .process-line article{border-right:0;border-bottom:1px solid var(--line);padding:22px 0!important}
  .project-intro{grid-template-columns:1fr;gap:15px}
  .project-pair{grid-template-columns:1fr}.project-offset{margin-top:0}
  .about-grid{grid-template-columns:1fr}.about-aside{grid-column:auto;margin-top:0;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
  .form-row{grid-template-columns:1fr}.contact-form{border-left:0;border-top:1px solid #bcc5be;padding:25px 0 0}
  .footer-main{grid-template-columns:1fr}
}
@media(max-width:520px){
  .hero-actions{align-items:flex-start;flex-direction:column}
  .mini-topline div{display:none}
  .price-details{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}
}


/* v6.7 live demo showcase */
.live-demos{background:#0a100d}.demo-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin-bottom:44px}.demo-intro h2{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(2.6rem,4.8vw,4.7rem);line-height:.96;letter-spacing:-.04em;margin:8px 0 0}.demo-intro>p{color:var(--muted);font-size:.84rem;margin:0}.demo-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-card{min-width:0;border-top:1px solid var(--line);padding-top:14px}.demo-browser{background:#101713;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.demo-card:hover .demo-browser{transform:translateY(-4px);border-color:rgba(116,242,167,.35)}.demo-browser-top{height:34px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#131b16;border-bottom:1px solid rgba(255,255,255,.08)}.demo-browser-top i{width:5px;height:5px;border-radius:50%;background:#4c5750}.demo-browser-top span{margin-left:auto;color:#67756c;font-size:.48rem}.demo-auto-screen,.demo-craft-screen,.demo-service-screen{height:250px;padding:22px;position:relative;overflow:hidden}.demo-auto-screen{background:#171a1d;color:#f3f0eb}.demo-auto-screen:after{content:"";position:absolute;right:-70px;bottom:-85px;width:240px;height:240px;border:2px solid #f36c21;border-radius:50%}.demo-auto-screen small{color:#f36c21;font-size:.48rem;letter-spacing:.13em}.demo-auto-screen strong{display:block;font:900 3.2rem/.82 Arial,sans-serif;letter-spacing:-.08em;margin-top:35px}.demo-auto-screen strong em{font-style:normal;color:#f36c21}.demo-auto-screen>span{position:absolute;left:22px;bottom:22px;background:#f36c21;color:#171a1d;font-size:.55rem;font-weight:800;padding:8px 10px}.demo-auto-screen>b{position:absolute;right:20px;top:20px;color:#3d4347;font-size:2.4rem}.demo-craft-screen{background:#eee7da;color:#243428}.demo-craft-screen small{font-size:.48rem;letter-spacing:.12em;color:#8d5937}.demo-craft-screen strong{display:block;font-family:Georgia,serif;font-size:2.65rem;font-weight:400;line-height:.88;letter-spacing:-.06em;margin:27px 0}.demo-craft-screen>div{position:absolute;right:20px;bottom:0;width:42%;height:130px;background:#244431;display:flex;gap:7px;padding:0 14px;align-items:flex-end}.demo-craft-screen>div i{display:block;width:24%;height:120%;background:#b87950;transform:rotate(-15deg);transform-origin:bottom}.demo-service-screen{background:#f3f6fb;color:#172033}.demo-service-screen small{color:#315fda;font-size:.48rem;font-weight:800;letter-spacing:.11em}.demo-service-screen strong{display:block;font:800 2.15rem/.98 Arial,sans-serif;letter-spacing:-.055em;margin-top:24px}.demo-service-screen strong em{font-style:normal;color:#315fda}.demo-service-screen>div{position:absolute;left:22px;right:22px;bottom:22px;height:65px;background:white;border:1px solid #dde4ef;border-radius:8px;display:flex;align-items:flex-end;gap:8px;padding:10px 14px}.demo-service-screen>div i{flex:1;background:#315fda;border-radius:3px 3px 0 0}.demo-service-screen>div i:nth-child(1){height:30%}.demo-service-screen>div i:nth-child(2){height:55%}.demo-service-screen>div i:nth-child(3){height:42%}.demo-service-screen>div i:nth-child(4){height:78%}.demo-card-meta{padding:16px 2px}.demo-card-meta>span{color:#6f7d74;font-size:.56rem;text-transform:uppercase;letter-spacing:.1em}.demo-card-meta h3{font-size:1rem;margin:7px 0}.demo-card-meta p{color:#8f9d94;font-size:.72rem;min-height:52px}.demo-card-meta b{color:var(--green);font-size:.7rem}.demo-disclaimer{color:#5f6d64;font-size:.61rem;margin:22px 0 0}@media(max-width:900px){.demo-showcase{grid-template-columns:1fr 1fr}.demo-card:last-child{grid-column:1/-1}.demo-intro{grid-template-columns:1fr;gap:14px}}@media(max-width:620px){.demo-showcase{grid-template-columns:1fr}.demo-card:last-child{grid-column:auto}.demo-auto-screen,.demo-craft-screen,.demo-service-screen{height:230px}}


/* v6.10 — Eigenentwicklung CannaGrow */
.own-project{
  background:#0c130f;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.own-project-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:70px;
  align-items:center;
}
.own-project-copy h2{
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(3.2rem,6vw,6.3rem);
  line-height:.88;
  letter-spacing:-.055em;
  margin:12px 0 10px;
}
.own-project-label{
  display:inline-block;
  margin-top:18px;
  color:#738279;
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.own-project-copy>strong{
  display:block;
  color:var(--green);
  font-size:1rem;
  margin-bottom:22px;
}
.own-project-copy>p{
  color:#9aa79f;
  max-width:600px;
  line-height:1.75;
  font-size:.84rem;
}
.own-project-tech{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:25px 0 20px;
}
.own-project-tech span{
  border:1px solid var(--line);
  padding:8px 10px;
  color:#c5cec8;
  font-size:.65rem;
}
.own-project-features{
  list-style:none;
  padding:0;
  margin:0 0 28px;
  display:grid;
  gap:10px;
}
.own-project-features li{
  position:relative;
  padding-left:19px;
  color:#a8b3ac;
  font-size:.74rem;
}
.own-project-features li:before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  border:1px solid var(--green);
}
.own-project-cta{display:inline-flex}

.cg-showcase{
  min-width:0;
  position:relative;
}
.cg-browser{
  background:#0b100d;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 70px rgba(0,0,0,.24);
}
.cg-browser-top{
  height:38px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 13px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#111914;
}
.cg-browser-top i{
  width:6px;height:6px;border-radius:50%;background:#46534a
}
.cg-browser-top span{
  margin-left:auto;color:#657269;font-size:.52rem
}
.cg-appbar{
  display:flex;
  gap:18px;
  align-items:center;
  padding:15px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#7d8b82;
  font-size:.62rem;
}
.cg-appbar b{
  margin-right:auto;
  color:var(--green);
  font-size:.88rem;
}
.cg-dashboard{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:12px;
  padding:15px;
  min-height:370px;
}
.cg-main-card,.cg-side>div{
  background:#121b16;
  border:1px solid rgba(255,255,255,.07);
}
.cg-main-card{padding:20px;position:relative;overflow:hidden}
.cg-main-card small,.cg-side small{
  color:#6c7b72;
  font-size:.52rem;
  letter-spacing:.12em
}
.cg-main-card>strong{
  display:block;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:2rem;
  margin:8px 0 0
}
.cg-plants{
  display:flex;
  justify-content:space-around;
  align-items:flex-end;
  gap:12px;
  min-height:230px;
  padding-top:30px;
}
.cg-plants>i{
  position:relative;
  width:78px;
  height:145px;
  border-bottom:13px solid #35433a;
}
.cg-plants>i:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:12px;
  width:3px;
  height:105px;
  background:#5f876b;
}
.cg-plants b{
  position:absolute;
  width:46px;
  height:22px;
  background:#4f8d5e;
  border-radius:80% 10% 80% 10%;
  transform-origin:right center;
}
.cg-plants b:nth-child(1){left:-3px;bottom:78px;transform:rotate(22deg)}
.cg-plants b:nth-child(2){right:-3px;bottom:54px;transform:scaleX(-1) rotate(18deg)}
.cg-plants b:nth-child(3){left:16px;bottom:105px;transform:rotate(44deg)}
.cg-side{display:grid;gap:12px}
.cg-side>div{padding:16px;display:flex;flex-direction:column;justify-content:flex-end}
.cg-side strong{font-size:1.35rem;margin:7px 0 3px}
.cg-side span{color:#6ea87b;font-size:.57rem}
.cg-caption{
  display:flex;
  justify-content:space-between;
  gap:25px;
  padding:14px 2px 0;
  color:#718077;
  font-size:.62rem;
}
.cg-caption span{
  color:var(--green);
  text-transform:uppercase;
  letter-spacing:.11em;
}
.cg-caption p{margin:0;text-align:right;max-width:360px}

@media(max-width:950px){
  .own-project-grid{grid-template-columns:1fr;gap:38px}
}
@media(max-width:620px){
  .cg-dashboard{grid-template-columns:1fr}
  .cg-side{grid-template-columns:repeat(3,1fr)}
  .cg-dashboard{min-height:0}
  .cg-plants{min-height:190px}
  .cg-side>div{min-height:95px;padding:10px}
  .cg-side strong{font-size:1rem}
  .cg-caption{display:block}
  .cg-caption p{text-align:left;margin-top:6px}
}


/* v6.10.1 — Public action cleanup
   Less generic template-style buttons: square geometry, restrained motion. */
.legal-home-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  color:#c8d1cb;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  border-bottom:1px solid #56635b;
  padding:0 1px 2px;
}
.legal-home-link span{
  color:var(--green);
  font-size:.88rem;
}
.legal-home-link:hover{
  color:#fff;
  border-bottom-color:var(--green);
}

@media(max-width:620px){
  .legal-home-link{
    font-size:.66rem;
    min-height:40px;
  }
}


/* v6.13 project image */
.cg-project-image{display:block;width:100%;height:430px;object-fit:cover;object-position:center;background:#101713}
.cg-browser-with-image{overflow:hidden}
@media(max-width:620px){.cg-project-image{height:290px}}


/* v6.15.1 — CannaGrow Screenshot-Galerie */
.cg-browser-with-image{
  overflow:hidden;
}
.cg-slideshow{
  position:relative;
  background:#070b08;
  border-top:1px solid rgba(255,255,255,.03);
}
.cg-slides{
  position:relative;
  aspect-ratio:16 / 9;
  min-height:330px;
  background:
    linear-gradient(135deg,rgba(116,242,167,.035),transparent 42%),
    #070b08;
}
.cg-slide{
  position:absolute;
  inset:0;
  margin:0;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease,visibility .45s ease;
}
.cg-slide.is-active{
  opacity:1;
  visibility:visible;
  z-index:1;
}
.cg-project-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#070b08;
}
.cg-slide-arrow{
  position:absolute;
  top:50%;
  z-index:4;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.23);
  background:rgba(7,11,8,.76);
  color:#fff;
  font:700 1rem Manrope,system-ui,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(7px);
}
.cg-slide-arrow:hover{
  border-color:var(--green);
  color:var(--green);
}
.cg-prev{left:12px}
.cg-next{right:12px}
.cg-slide-dots{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:13px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
  padding:7px 9px;
  background:rgba(7,11,8,.72);
  backdrop-filter:blur(7px);
}
.cg-slide-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:1px solid rgba(255,255,255,.55);
  background:transparent;
  cursor:pointer;
}
.cg-slide-dots button.is-active{
  background:var(--green);
  border-color:var(--green);
}
.cg-slide-counter{
  position:absolute;
  z-index:4;
  right:13px;
  bottom:13px;
  padding:6px 8px;
  background:rgba(7,11,8,.72);
  color:#9eaaa2;
  font-size:.57rem;
  letter-spacing:.08em;
  backdrop-filter:blur(7px);
}
.cg-slide-counter b{color:#fff}
@media(max-width:620px){
  .cg-slides{
    min-height:0;
    aspect-ratio:16 / 10;
  }
  .cg-slide-arrow{
    width:38px;
    height:38px;
  }
  .cg-slide-dots{
    bottom:9px;
  }
  .cg-slide-counter{
    right:9px;
    bottom:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  .cg-slide{transition:none}
}


/* v6.15.4 — Public Webwerk dropdowns */
.ww-select{position:relative;width:100%;min-width:0}
.ww-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
.ww-select-trigger{width:100%;min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px 0;border:0;border-bottom:1px solid #a7b0a9;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.ww-select-trigger>i{position:relative;width:18px;height:18px}
.ww-select-trigger>i:after{content:"";position:absolute;right:2px;top:4px;width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.ww-select.is-open .ww-select-trigger{border-bottom-color:#1c5735}
.ww-select-menu{display:none;position:absolute;z-index:120;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;padding:5px;border:1px solid #c9cec9;background:#f8faf8;box-shadow:0 14px 34px rgba(15,30,20,.16)}
.ww-select.is-open .ww-select-menu{display:grid;gap:2px}
.ww-select-option{width:100%;min-height:40px;padding:9px 10px;border:0;background:transparent;color:#334039;text-align:left;cursor:pointer;font:inherit}
.ww-select-option:hover,.ww-select-option:focus-visible{outline:0;background:#edf3ee;color:#173322}
.ww-select-option.is-selected{background:#e4eee6;color:#1c5735;font-weight:800}
.ww-select-option.is-selected:before{content:"✓";margin-right:8px}

/* v6.18.1 – Vereinsdemo */
.demo-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-club-screen{height:250px;padding:22px;position:relative;overflow:hidden;background:#e7eadb;color:#10231d}
.demo-club-screen:after{content:"";position:absolute;right:-36px;top:-38px;width:180px;height:180px;border:38px solid #a8d64b;border-radius:50%;opacity:.75}
.demo-club-screen small{position:relative;z-index:1;font-size:.48rem;font-weight:800;letter-spacing:.11em;color:#60705d}
.demo-club-screen strong{position:relative;z-index:1;display:block;font:900 2.65rem/.9 Arial,sans-serif;letter-spacing:-.075em;margin-top:30px}
.demo-club-screen strong em{font-style:normal;color:#597b23}.demo-club-screen>div{position:absolute;left:22px;right:22px;bottom:22px;display:flex;gap:6px}.demo-club-screen>div span{padding:7px 9px;background:#10231d;color:#dfe8ce;font-size:.46rem;font-weight:800}
@media(max-width:900px){.demo-showcase{grid-template-columns:1fr 1fr}.demo-card:last-child{grid-column:auto}}@media(max-width:620px){.demo-showcase{grid-template-columns:1fr}.demo-club-screen{height:230px}}

/* v6.18.2 – eingeloggte Website nutzt den gemeinsamen WebWerk-Header */
body:has(.ww-staff-header) #top{scroll-margin-top:78px}
body:has(.ww-staff-header) section[id]{scroll-margin-top:82px}


/* =========================================================
   v6.22.8 – iPhone / Legal Page Hotfix
   ========================================================= */
@media(max-width:760px){
  .nav-wrap{height:64px}
  .brand-logo{height:32px;max-width:120px}
  .legal{padding:52px 0}
  .legal-card{padding:8px 0 20px}
  .legal-card h1{
    font-size:clamp(2.3rem,12vw,3.2rem);
    line-height:.96;
    letter-spacing:-.03em;
    overflow-wrap:anywhere;
    margin:0 0 18px;
  }
  .legal-card h2{
    font-size:1.7rem;
    line-height:1.02;
    margin-top:24px;
    overflow-wrap:anywhere;
  }
  .legal-card p,
  .legal-card li{
    font-size:.98rem;
    line-height:1.7;
    overflow-wrap:anywhere;
  }
  .back-link{
    margin-bottom:14px;
  }
}
@media(max-width:520px){
  .brand{gap:8px;font-size:.86rem}
  .brand-logo{height:28px;max-width:96px}
  .legal{padding:42px 0}
  .legal-card h1{font-size:clamp(2.05rem,11vw,2.85rem)}
  .legal-card h2{font-size:1.45rem}
}