*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0c;color:#f6f2ea;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#000;padding:1rem}.header{position:relative;z-index:10;background:#080809;border-bottom:1px solid #49371b}.head-inner{max-width:1600px;margin:auto;min-height:122px;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:12px 4%}.brand{width:260px;flex-shrink:0;display:flex;align-items:center}.brand img{display:block;width:100%;max-height:100px;object-fit:contain;object-position:left center}.head-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:1}.phone{color:#efbd62;font-size:14px;border:1px solid #7e5c24;border-radius:30px;padding:4px 24px}.nav{display:flex;align-items:center;gap:clamp(12px,3vw,48px)}.nav a{font-size:13px;font-weight:700;letter-spacing:.06em;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#f3bf67;border-color:#e0ac55}.menu-toggle{display:none;background:transparent;color:#e8bc72;border:1px solid #8b642d;border-radius:8px;padding:7px 12px}.hero{min-height:610px;height:min(67vw,710px);max-height:790px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.87) 0%,rgba(0,0,0,.67) 30%,rgba(0,0,0,.16) 70%,rgba(0,0,0,.08) 100%)}.hero-content{position:relative;z-index:1;width:min(100%,1500px);margin:auto;padding:45px 5%;}.eyebrow,.kicker{color:#f4c778;font-weight:700;letter-spacing:.17em;font-size:12px}.hero h1{font-size:clamp(38px,5.2vw,78px);line-height:1.08;letter-spacing:-.04em;margin:20px 0 20px;max-width:760px;text-shadow:0 3px 16px #000}.hero h1 span{color:#eec06e}.hero-description{max-width:510px;font-size:clamp(16px,1.4vw,22px);text-shadow:0 2px 8px #000}.gold-cta,.outline-btn{display:inline-flex;gap:20px;align-items:center;margin-top:20px;padding:14px 25px;border:1px solid #d9a94f;background:#101011;color:#f5c66d;font-weight:700;box-shadow:0 0 22px #e3aa4b40}.gold-cta:hover,.outline-btn:hover{background:#3a2911}.gold-cta span{font-size:24px}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1550px;padding:24px 3%;margin:-1px auto 0}.feature{border:1px solid #9b702e;background:linear-gradient(135deg,#171614,#070707);min-height:150px;padding:22px 15px;display:flex;align-items:center;gap:12px;box-shadow:inset 0 0 0 1px #3d2a12,0 0 16px #b7872c16;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-3px);border-color:#f3c56d}.feature-icon{color:#dcb15c;font-size:32px;width:37px;flex-shrink:0}.feature strong{font-size:clamp(12px,1.1vw,16px);display:block;color:#f4ca7b;line-height:1.35}.feature small{display:block;color:#cfc6b6;font-size:12px;margin-top:9px;line-height:1.45}.feature b{margin-left:auto;color:#c89c4b}.section{max-width:1400px;margin:auto;padding:95px 5%}.section h2{font-size:clamp(30px,3.5vw,50px);line-height:1.15;margin:12px 0 30px}.section h2 em{font-style:normal;color:#e5b86b}.section p{color:#c8c5be;max-width:680px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro img{width:100%;height:380px;object-fit:cover;border:1px solid #71552e;border-radius:3px}.outline-btn{box-shadow:none}.projects-section{border-top:1px solid #29231a}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:12px;padding:22px;border:1px solid #574122;background:#151412}.project:hover{border-color:#c99a4e}.project-mark{grid-row:span 2;color:#d6a954}.project strong{font-size:17px}.project small{color:#aaa;grid-column:2}.arrow{grid-column:3;grid-row:1/span 2;color:#d6a954;font-size:22px}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;border-top:1px solid #29231a}.about-panel{display:flex;flex-direction:column;gap:18px;padding:36px;background:#1a1711;border:1px solid #7c5a2a}.about-panel strong{color:#e8bf72;font-size:22px}.about-panel span{border-bottom:1px solid #40331f;padding-bottom:12px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid #29231a}.contact-intro a{color:#e8c17c}.form-panel{background:#171615;border:1px solid #614a2b;padding:30px}.form-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-panel label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#e6d9c2}.form-panel label:has(textarea),.form-panel label:has(input[type=file]),.form-panel .privacy-check,.form-panel form>p,.form-panel form>button,.form-panel form>div{grid-column:1/-1}.form-panel input:not([type=checkbox]):not([type=file]),.form-panel select,.form-panel textarea{width:100%;border:1px solid #625039;background:#0d0d0e;color:#fff;border-radius:3px;padding:11px}.form-panel textarea{min-height:125px}.form-panel input[type=file]{max-width:100%;font-size:13px}.privacy-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important}.privacy-check a{color:#efc777;text-decoration:underline}.form-panel button,.form-panel input[type=submit]{background:#d3a454;color:#14110d;border:0;padding:14px 20px;font-weight:700;cursor:pointer}.small,.form-panel .small{font-size:12px;color:#b7aea0}footer{padding:45px 5%;border-top:1px solid #4b361d;background:#050505;text-align:center}footer p,footer small{color:#a9a39b}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:22px 0}.footer-links a{color:#dcb56e;font-size:13px}@media(max-width:1100px){.features{grid-template-columns:repeat(2,1fr)}.head-inner{gap:16px}.brand{width:200px}.nav{gap:16px}.nav a{font-size:11px}}@media(max-width:700px){.head-inner{min-height:86px;padding:10px 5%}.brand{width:155px}.brand img{max-height:70px}.phone{font-size:11px;padding:3px 9px}.head-right{gap:7px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0a0a0a;padding:18px 5%;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #8b642d}.nav.open{display:flex}.nav a{font-size:14px;padding:12px}.hero{height:630px;min-height:530px;align-items:flex-end}.hero-media img{object-position:65% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 65%,rgba(0,0,0,.1))}.hero-content{padding:40px 6% 65px}.hero h1{font-size:clamp(32px,8vw,48px)}.hero-description{font-size:16px}.features{grid-template-columns:1fr;gap:10px;padding:16px 5%}.feature{min-height:108px;padding:15px}.feature strong{font-size:15px}.feature small{font-size:12px}.section{padding:60px 6%}.intro,.about,.contact{grid-template-columns:1fr;gap:30px}.intro img{height:270px}.projects{grid-template-columns:1fr}.form-panel{padding:18px}.form-panel form{grid-template-columns:1fr}.form-panel label{grid-column:1/-1}}
/* Vereinbarte sechs Anpassungen vom 17.10.2026 */
@media(min-width:1101px){.brand{width:312px}.brand img{max-height:120px}}
@media(min-width:701px) and (max-width:1100px){.brand{width:240px}.brand img{max-height:110px}}
.hero .eyebrow{font-size:clamp(14px,1.7vw,24px);letter-spacing:.035em;font-weight:500;color:#f4d27b;text-shadow:0 2px 10px #000}



.features .feature{border:1px solid #c3923b;background:linear-gradient(145deg,#211b13,#0a0a0a 62%);box-shadow:inset 0 1px 0 #f8da86aa,inset 0 0 0 1px #67491d,0 0 12px #b7872c24;}
.features .feature:hover{border-color:#f6d58c;box-shadow:inset 0 1px 0 #ffe4a7,0 0 15px #d6a24d4a}
.features .feature-icon{font-size:40px;width:47px;line-height:1.1}
.finder-pending{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin-top:20px;padding:12px 25px 11px;border:1px solid #d5a04d;background:linear-gradient(135deg,#292013,#0b0b0c 75%);color:#f6cd7d;box-shadow:inset 0 1px 0 #ffe1a177,inset 0 0 0 1px #67471d,0 0 13px #d19a3c3d;cursor:default;user-select:none}
.finder-pending strong{font-size:16px;letter-spacing:.03em}.finder-pending small{font-size:11px;color:#d3c5ac;font-weight:400;letter-spacing:.025em}

@media(max-width:700px){.brand{width:min(45vw,186px)}.brand img{max-height:84px}.hero .hero-title{font-size:clamp(25px,6.15vw,43px);letter-spacing:-.035em}.hero .eyebrow{font-size:clamp(12px,3.3vw,17px)}.finder-pending strong{font-size:14px}.features .feature-icon{font-size:40px;width:47px}}
@media(max-width:370px){.hero .hero-title{font-size:6vw}}


/* Gold-Design nach freigegebenen Bildvorlagen, 17.10.2026 */
.features .feature {
 position:relative; isolation:isolate; overflow:hidden;
 border:2px solid #c78920; border-radius:3px;
 background:linear-gradient(135deg,#1b1409 0%,#070707 42%,#050505 100%);
 box-shadow:inset 0 1px 0 #ffde82,inset 0 -1px 0 #b87b16,0 0 0 1px #362007,0 0 14px rgba(238,158,21,.26);
 transition:box-shadow .2s,border-color .2s,transform .2s;
}
.features .feature::before,.features .feature::after{
 content:"";pointer-events:none;position:absolute;left:12%;width:44%;height:3px;
 background:linear-gradient(90deg,transparent,#f9c43e 24%,#fff4ad 50%,#f2ac16 72%,transparent);
 filter:blur(.4px);box-shadow:0 0 8px 2px rgba(255,180,32,.6);
}
.features .feature::before{top:0}.features .feature::after{bottom:0;left:44%}
.features .feature:hover,.features .feature:focus-visible{
 border-color:#ffce60;box-shadow:inset 0 1px 0 #fff0a0,0 0 22px rgba(249,170,33,.48);
 transform:translateY(-2px);
}
.features .feature-icon{display:flex;align-items:center;justify-content:center;flex:0 0 57px;width:57px;height:60px;color:#ffd26c}
.features .feature-icon svg,.finder-gear svg{display:block;width:55px;height:55px;overflow:visible;fill:#ffb82f;stroke:#ffdb76;stroke-width:2;filter:drop-shadow(0 2px 0 #95540c) drop-shadow(0 0 4px rgba(255,177,33,.5))}
.features .feature-icon svg .cutout,.finder-gear svg .cutout{fill:#080808;stroke:#ffdf88;stroke-width:2}
.features .feature-icon svg .line{fill:none;stroke:#ffc44c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.features .feature strong{color:#f9c65c}
.features .feature>b{color:#ffbd35;font-size:22px}
.finder-pending{
 position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:13px;
 padding:13px 22px;border:2px solid #e9a528;border-radius:5px;
 background:linear-gradient(110deg,#231806,#090909 30%,#090909 78%,#281a07);
 box-shadow:inset 0 1px 0 #ffe9a4,inset 0 -1px 0 #d18516,0 0 0 2px #6c400d,0 0 12px 3px rgba(255,176,28,.65),0 0 24px rgba(255,164,22,.42);
 cursor:default;user-select:none;
}
.finder-pending::before{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:5px;background:linear-gradient(105deg,transparent 10%,rgba(255,240,153,.75) 27%,transparent 42%,transparent 74%,rgba(255,211,93,.65) 86%,transparent 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:2px}
.finder-gear{display:flex;align-items:center;flex:none}.finder-gear svg{width:34px;height:34px}
.finder-copy{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.finder-pending strong{font-size:16px;color:#ffcf60;text-shadow:0 0 7px rgba(255,177,29,.35)}
.finder-pending small{font-size:11px;color:#e6dfcf}
/* Bildhelligkeit erhalten, Text bleibt lesbar. */
.hero .hero-media,.hero .hero-media img{opacity:1;filter:none}
.hero .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.055) 38%,transparent 68%)}
/* Bremsscheiben-Symbole: vollständig sichtbar, kein Zahnrad */
.feature-icon:has(.brake-disc),.finder-gear:has(.brake-disc){overflow:visible;flex-shrink:0;min-width:0}
.feature-icon .brake-disc,.finder-gear .brake-disc{display:block;overflow:visible;fill:none;stroke:#ffd16a;stroke-width:2;filter:drop-shadow(0 1px 1px #8b4a00) drop-shadow(0 0 3px #ffc65b);max-width:100%;max-height:100%}
.brake-disc .disc-rim{fill:#f1ac30;stroke:#ffe4a0;stroke-width:2}
.brake-disc .disc-track{fill:#15110b;stroke:#ffe4a0;stroke-width:2}
.brake-disc .disc-hub{fill:#d98d1c;stroke:#ffe5a1;stroke-width:2}
.brake-disc .disc-center,.brake-disc .disc-holes{fill:#15110b;stroke:#ffe4a0;stroke-width:1}

/* Über uns: Originaltext, Logo und Infokasten, Oktober 2026 */
.about-complete{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(28px,5vw,80px)}
.about-story h2{font-style:normal;line-height:1.14;max-width:650px}
.about-story p{line-height:1.75;max-width:680px;margin:0 0 18px}
.about-story ul{padding-left:26px;line-height:1.65;margin:8px 0 22px;max-width:680px}
.about-story li{margin:5px 0}
.about-story strong{color:#f1e2bf}
.about-side{display:flex;flex-direction:column;align-items:center;gap:40px;min-width:0}
.about-logo{display:block;width:min(100%,440px);height:auto;object-fit:contain;margin:8px auto 0}
.about-side .about-panel{width:min(100%,460px);box-sizing:border-box;align-self:center}
@media(max-width:850px){.about-complete{grid-template-columns:1fr}.about-side{gap:24px}.about-logo{max-width:320px}.about-side .about-panel{max-width:520px}}

/* Hero-Titel komplett neu gestaltet nach freigegebener Gold/Silber-Vorlage.
   Eine einzige Definition; keine uebereinanderliegenden alten Verlaeufe. */
.hero .hero-title {
  display:flex;flex-direction:column;align-items:flex-start;
  font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(34px,3.65vw,56px);
  font-weight:900;line-height:1.015;letter-spacing:-.027em;
  margin:11px 0 19px;gap:1px;max-width:100%;
  text-shadow:none;
}
.hero .hero-title > span {
  display:block;width:max-content;max-width:100%;
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  background-repeat:no-repeat;
}
.hero .hero-title .hero-title-gold {
  color:#f6c45c;
  background-image:linear-gradient(180deg,
    #fff9d8 0%,#ffe8a3 15%,#f8c45b 28%,
    #fff4bc 39%,#e8a52e 48%,#a76316 64%,
    #e4ad4a 77%,#f4ca73 87%,#8c4b13 100%);
  -webkit-text-stroke:.35px #f5cb6d;
  filter:drop-shadow(0 1px 0 #fce6a6)
         drop-shadow(0 3px 0 #8a4b15)
         drop-shadow(0 5px 2px #382111)
         drop-shadow(0 7px 5px rgba(0,0,0,.65))
         drop-shadow(0 0 5px rgba(255,204,105,.3));
}
.hero .hero-title .hero-title-silver {
  color:#f5f6fa;
  white-space:nowrap;
  background-image:linear-gradient(180deg,
    #ffffff 0%,#ffffff 19%,#eef0f5 32%,
    #ffffff 42%,#bdc2cb 55%,#8d929e 67%,
    #e9ebf0 80%,#f7f8fa 89%,#8b909a 100%);
  -webkit-text-stroke:.3px #e9ebf0;
  filter:drop-shadow(0 1px 0 #fff)
         drop-shadow(0 3px 0 #7f838c)
         drop-shadow(0 5px 2px #353942)
         drop-shadow(0 7px 5px rgba(0,0,0,.68));
}
@media(max-width:1100px){.hero .hero-title{font-size:clamp(27px,3.85vw,45px)}}
@media(max-width:700px){
  .hero .hero-title{font-size:clamp(20px,5.1vw,33px)}
  .hero .hero-title .hero-title-silver{white-space:normal}
}
@media(max-width:370px){.hero .hero-title{font-size:5vw}}