*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#08111e;background:#fff}a{text-decoration:none;color:inherit}header{height:80px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #e6edf5;position:sticky;top:0;background:#fff;z-index:30}.logo{display:flex;gap:12px;align-items:center;font-size:19px}.logo span{font-size:26px;font-weight:900;font-style:italic;letter-spacing:-4px;color:#116df5}.logo b{letter-spacing:-1px}nav{display:flex;gap:32px;font-size:12px}nav a{padding:31px 0 25px;border-bottom:3px solid transparent}nav a:hover,nav .active{border-color:#1675ff}.topcta{justify-self:end;background:#08111e;color:#fff;padding:16px 22px;border-radius:5px;font-size:12px;font-weight:700}.hero{min-height:585px;display:grid;grid-template-columns:2fr 1fr;background:linear-gradient(115deg,#fff 0,#f7fbff 60%,#dbeaff);overflow:hidden}.copy{padding:62px 0 30px 4.5vw;z-index:2}.over{font-size:10px;letter-spacing:.2em;font-weight:700;color:#344255}.headline{display:flex;gap:2vw;align-items:center;width:75vw;margin:35px 0}.headline div{font-size:clamp(38px,4.2vw,67px);font-weight:900;font-style:italic;letter-spacing:-.075em;line-height:.82;transform:rotate(-4deg);white-space:nowrap}.headline .blue{color:#116df5;transform:rotate(3deg)}.headline div:after{content:"";display:block;height:4px;background:#8bbaff;margin:13px 10% 0;transform:rotate(-3deg);border-radius:5px}.intro{color:#3e4d60;line-height:1.55;font-size:14px}.buttons{display:flex;gap:15px;margin-top:27px}.buttons a{min-width:205px;padding:17px 22px;border:1px solid #d4deea;border-radius:6px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;background:#fff}.buttons .primary{background:#1476ff;color:#fff;border-color:#1476ff;box-shadow:0 12px 25px #1476ff35}.benefits{display:flex;gap:28px;margin-top:32px;font-size:10px;color:#3e4d60}.visual{position:relative;background:linear-gradient(140deg,#dceafb,#a9ceff 50%,#075dcf);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.beam{position:absolute;top:100px;left:0;width:120%;height:2px;background:#fff;box-shadow:0 0 15px #fff;transform:rotate(20deg)}.laptop{position:absolute;width:470px;right:-50px;bottom:45px;transform:perspective(1000px) rotateY(-8deg) rotateZ(-2deg)}.screen{height:305px;background:linear-gradient(145deg,#07101c,#09284e);border:10px solid #111923;border-radius:13px;color:#fff;padding:25px;box-shadow:0 30px 45px #002d7055;position:relative;overflow:hidden}.screen small{font-size:8px;color:#a8b7c8}.screen h3{font-size:35px;font-style:italic;line-height:.95;margin:65px 0 7px}.screen p{font-size:9px;color:#a8b7c8}.screen button{background:#1476ff;color:#fff;border:0;padding:10px 15px;border-radius:3px}.screen i{position:absolute;right:-10px;top:80px;font-size:100px;font-weight:900;color:#1476ff;opacity:.22}.base{height:15px;background:linear-gradient(#b7c0ca,#65707c);width:108%;margin-left:-4%;border-radius:0 0 50% 50%}.projects{padding:45px 4.5vw 70px}.ptop{display:grid;grid-template-columns:1.2fr 1fr auto;gap:45px;align-items:end;margin-bottom:30px}.ptop h2{font-size:31px;letter-spacing:-.04em;margin:9px 0 0}.ptop>p{font-size:11px;color:#59687a;line-height:1.6}.ptop>a{font-size:10px;font-weight:700;border:1px solid #ccd7e3;padding:14px 17px;border-radius:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{height:260px;border-radius:8px;padding:23px;position:relative;overflow:hidden;box-shadow:0 15px 40px #17314d18}.cards em{position:absolute;right:15px;top:15px;background:#fff;color:#283548;border-radius:30px;padding:8px 13px;font-size:9px;font-style:normal}.cards small{font-weight:800}.cards h3{font-size:30px;line-height:.96;letter-spacing:-.05em;margin-top:55px;position:relative;z-index:2}.svk{background:linear-gradient(145deg,#08111d,#173b54);color:#fff}.svk h3 b{color:#ef3541}.taxi{background:radial-gradient(circle at 80% 70%,#c78225,#17191d 45%,#08090c 78%);color:#fff}.taxi small{color:#ffd029}.taxi strong{position:absolute;right:25px;bottom:20px;color:#ffc526;font-size:55px;opacity:.6;transform:skew(-12deg)}.gym{background:linear-gradient(120deg,#fff 55%,#dce4eb);color:#111}.gym small b,.gym h3 b{color:#e62731}.section{padding:95px 6vw}.section h2,.contact h2{font-size:clamp(42px,5.5vw,75px);letter-spacing:-.065em;line-height:.94;margin:20px 0}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid #dbe3ec;padding-top:30px;margin-top:60px}.cols>div>b{color:#1476ff;font-size:11px}.cols h3{font-size:23px}.cols p,.wide{color:#5d6b7c;line-height:1.7;max-width:600px}.pale{background:#f3f8fd}.contact{background:#0a1a32;color:#fff;padding:90px 6vw;display:flex;align-items:end;justify-content:space-between}.contact .over{color:#75acff}.contact>div>p:last-child{color:#a9bad0}.contact>a{background:#1476ff;padding:21px 25px;min-width:280px;display:flex;justify-content:space-between;border-radius:5px;font-weight:800;font-size:12px}footer{padding:35px 5vw;display:flex;justify-content:space-between;color:#657487;font-size:11px}
@media(max-width:1000px){header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr}.visual{display:none}.headline{width:auto}.cards{grid-template-columns:1fr 1fr}.ptop{grid-template-columns:1fr}.benefits{flex-wrap:wrap}}
@media(max-width:650px){.topcta{padding:12px}.hero{min-height:auto}.copy{padding:55px 5vw}.headline{flex-direction:column;align-items:flex-start;gap:25px}.headline div{font-size:13vw}.headline .blue{align-self:center}.headline div:last-child{align-self:flex-end}.intro br{display:none}.buttons{flex-direction:column}.buttons a{width:100%}.benefits{display:grid;grid-template-columns:1fr 1fr}.projects{padding:55px 5vw}.cards,.cols{grid-template-columns:1fr}.section{padding:75px 5vw}.contact{display:block;padding:75px 5vw}.contact>a{margin-top:40px}footer{gap:20px;flex-wrap:wrap}}


/* DEFINITIVER HERO-DESKTOP-FIX – keine alten Overrides mehr */
@media (min-width:1001px){
  .hero{
    grid-template-columns:minmax(0,64%) minmax(0,36%);
    min-height:585px;
    overflow:hidden;
  }
  .copy{
    padding:62px 1.5vw 30px 4.5vw;
    position:relative;
    z-index:5;
  }
  .headline{
    width:60vw;
    gap:1.15vw;
    margin:35px 0 34px;
  }
  .headline div{
    font-size:clamp(34px,3.35vw,54px);
  }
  .visual{
    clip-path:none;
    overflow:hidden;
    position:relative;
    background:linear-gradient(140deg,#dceafb 0%,#a9ceff 50%,#075dcf 100%);
  }
  .visual:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(140deg,#dceafb 0%,#a9ceff 50%,#075dcf 100%);
    clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);
    z-index:0;
  }
  .beam{z-index:1;}
  .laptop{
    width:min(390px,25.5vw);
    right:2.2vw;
    bottom:30px;
    transform:perspective(1200px) rotateY(-3deg) rotateZ(-.5deg);
    z-index:3;
  }
  .screen{
    height:255px;
    padding:22px;
  }
  .screen h3{
    font-size:28px;
    margin:52px 0 7px;
  }
  .screen i{font-size:82px;top:75px;}
}


/* ===== GRUND WEB: echte Referenzen ===== */
.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.project-card{height:430px;border-radius:12px;position:relative;overflow:hidden;display:block;padding:32px;color:#fff;box-shadow:0 18px 55px rgba(10,35,70,.13);transition:transform .35s ease,box-shadow .35s ease}
.project-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(10,35,70,.20)}
.project-svk{background:linear-gradient(145deg,rgba(5,15,28,.74),rgba(7,25,44,.95)),radial-gradient(circle at 72% 28%,#3d759a,#0b1c2a 55%,#06101b)}
.project-svk:after{content:"";position:absolute;left:-8%;right:-8%;bottom:55px;height:6px;background:#e62f3c;transform:rotate(-5deg);box-shadow:0 18px 0 #fff2,0 36px 0 #e62f3c55}
.project-taxi{background:radial-gradient(circle at 78% 60%,#d79528 0,#735019 15%,#161b20 42%,#07090c 78%)}
.project-taxi:after{content:"TAXI";position:absolute;right:-20px;bottom:-15px;font-size:145px;font-weight:900;font-style:italic;color:#ffc627;opacity:.14;transform:rotate(-8deg)}
.project-badge{position:absolute;right:24px;top:24px;border-radius:50px;background:#fff;color:#132033;padding:10px 14px;font-size:9px;font-weight:800;letter-spacing:.08em;z-index:3}
.project-brand{font-size:28px;font-weight:900;font-style:italic;letter-spacing:-.06em;position:relative;z-index:2}
.project-svk .project-brand{color:#fff}.project-svk .project-brand:after{content:"KAUFBEUREN";font-size:9px;letter-spacing:.12em;margin-left:10px;color:#e62f3c}
.taxi-brand{color:#ffc627;line-height:.85}
.project-overlay{position:absolute;left:32px;right:32px;bottom:32px;z-index:4}
.project-overlay span{font-size:9px;letter-spacing:.17em;opacity:.65;font-weight:700}
.project-overlay h3{font-size:48px!important;line-height:.88!important;letter-spacing:-.065em!important;margin:12px 0!important;color:#fff}
.project-overlay p{max-width:430px;font-size:12px;line-height:1.55;color:#d8e0e9;margin:0 0 22px}
.project-overlay strong{font-size:11px;color:#fff;border-bottom:1px solid #ffffff88;padding-bottom:5px}
.project-taxi .project-overlay p{color:#ddd}
@media(max-width:750px){.cards{grid-template-columns:1fr!important}.project-card{height:390px}.project-overlay h3{font-size:42px!important}}