:root{--black:#050505;--ink:#171717;--line:#d6d6d6;--paper:#f8f8f8;--shell:1180px}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.35}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;background:#fff;padding:10px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;height:92px;background:#050505;border-bottom:1px solid #313131}.nav-row{display:flex;align-items:center;height:100%;gap:36px}.brand{margin-right:auto}.brand img{width:178px;height:78px;object-fit:contain}.nav-row nav{display:flex;gap:48px;color:#eee;font-size:15px}.nav-row nav a{padding:10px 0}.nav-row nav a:hover{color:#fff;text-shadow:0 0 10px #fff}.nav-cta{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:6px;background:linear-gradient(#fafafa,#b7b7b7);font-weight:700;box-shadow:0 2px 7px #000}.nav-phone{display:flex;gap:10px;color:#fff;white-space:nowrap;font-weight:700}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:27px;height:2px;margin:5px;background:#fff}
.hero{position:relative;height:455px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,.82) 36%,rgba(255,255,255,.87) 63%,rgba(255,255,255,.3)),url('../images/hero-werkstatt-hintergrund.webp') center/cover no-repeat}.hero-center{position:relative;z-index:3;width:min(760px,64vw);margin:auto;padding-top:7px;text-align:center}.hero-logo-wrap{position:relative;display:table;margin:auto;overflow:hidden}.hero-logo-wrap::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.2) 56%,transparent 62%);-webkit-mask:url('../images/logo-bilgic-hero-silber.webp') center/contain no-repeat;mask:url('../images/logo-bilgic-hero-silber.webp') center/contain no-repeat;transform:translateX(-145%);animation:logo-shine 6s ease-in-out infinite}.hero-logo{width:640px;height:255px;margin:auto;object-fit:contain;filter:grayscale(1) brightness(.58) contrast(1.3)}@keyframes logo-shine{0%,62%{transform:translateX(-145%);opacity:0}66%{opacity:1}84%{transform:translateX(145%);opacity:1}85%,100%{transform:translateX(145%);opacity:0}}.hero h1{margin:-4px 0 0;font-size:43px;font-style:italic;line-height:1.05;letter-spacing:-1px}.hero-center>p{margin:8px 0 16px;font-size:17px}.hero-buttons{display:flex;justify-content:center;gap:20px}.btn{display:flex;align-items:center;justify-content:center;gap:16px;min-width:220px;padding:13px 20px;border-radius:5px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.18)}.btn-dark{background:linear-gradient(#262626,#050505);color:#fff}.btn-light{border:1px solid #888;background:#fff}.hero-tires,.hero-car{position:absolute;z-index:2;pointer-events:none}.hero-tires{left:-38px;bottom:-2px;width:280px;height:auto}.hero-car{right:0;bottom:-1px;height:370px;width:auto;object-fit:contain;object-position:right bottom}
.services{padding:19px 0 20px}.services h2,.benefit-section>h2{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 10px;text-transform:uppercase;font-size:24px}.services h2 span,.benefit-section>h2 span{width:180px;height:1px;background:#999}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.service-grid article{min-height:235px;padding:12px 10px;border:1px solid #ddd;border-radius:7px;background:#fff;box-shadow:0 4px 13px rgba(0,0,0,.08);text-align:center}.service-grid img{width:116px;height:116px;margin:auto;object-fit:contain}.service-grid h3{min-height:40px;margin:5px 0 7px;font-size:17px;line-height:1.12;text-transform:uppercase}.service-grid p{margin:0;font-size:13px;line-height:1.45}
.benefit-section{padding:2px 0 14px}.benefit-section>h2{margin-bottom:4px;font-size:22px}.benefit-section>h2 span{width:290px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 25px;border-top:1px solid #b8b8b8}.benefits article{display:flex;align-items:center;justify-content:center;gap:17px;min-height:76px}.benefits article+article{border-left:1px solid #bbb}.benefits img{width:65px;height:65px;object-fit:contain}.benefits h3{margin:0 0 4px;font-size:15px;text-transform:uppercase}.benefits p{margin:0;font-size:12px;line-height:1.45}
.appointment{position:relative;margin-bottom:16px;padding:39px 25px 11px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.08)}.appointment>h2{position:absolute;top:9px;left:0;width:100%;margin:0;text-align:center;font-size:21px;text-transform:uppercase}.appointment form{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 24px}.appointment label{font-size:12px;font-weight:700}.appointment input,.appointment select,.appointment textarea{display:block;width:100%;height:36px;margin-top:3px;padding:7px 10px;border:1px solid #ccc;border-radius:3px;background:#fff}.appointment textarea{resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}.submit{grid-column:1/-1;height:45px;border:0;border-radius:5px;background:linear-gradient(#242424,#050505);color:#fff;font-size:18px;text-transform:uppercase;cursor:pointer}.form-status{grid-column:1/-1;min-height:0;margin:0;text-align:center;color:#9b1c1c;font-size:12px}.form-status.success{color:#127331}.privacy{grid-column:1/-1;margin:-1px 0 0;color:#555;text-align:center;font-size:11px}
.contact{display:grid;grid-template-columns:.83fr 1.17fr 1.1fr;gap:13px;margin-bottom:16px}.contact article{min-height:210px;padding:12px 20px;border:1px solid #ddd;border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.06)}.contact h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:16px;text-transform:uppercase}.contact h2 span{width:35px;height:1px;background:#999}.contact ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:13px}.contact li{display:grid;grid-template-columns:23px 1fr;align-items:start}.map img{width:100%;height:153px;object-fit:cover}.hours dl{margin:0 0 16px}.hours dl div{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.hours dt,.hours dd{margin:0}.phone-panel{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:5px;background:#050505;color:#fff;font-size:20px}.phone-panel small{font-size:12px}
footer{background:#060606;color:#fff}.footer-row{display:flex;align-items:center;min-height:91px;gap:48px}.footer-row>img{width:145px;height:72px;object-fit:contain}.footer-row>div{display:flex;flex-direction:column;gap:5px;margin-right:auto;font-size:13px}.footer-row nav{display:flex;align-items:center;gap:24px;font-size:13px}.footer-row nav span{width:1px;height:31px;background:#888}.mobile-call{display:none}
.legal{max-width:850px;margin-block:50px;padding:40px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06)}.legal>a{font-weight:700}.legal h1{margin-top:30px}.legal h2{margin-top:28px;font-size:20px}.legal p{color:#444}.legal p a{text-decoration:underline}
@media (min-width:821px){
  :root{--shell:1000px}
  .nav-row{width:calc(100% - 72px);max-width:none}
  .site-header .brand img{width:164px}
  .hero{height:430px}
  .hero-center{width:min(760px,64vw);padding-top:7px}
  .hero-logo{width:640px;height:255px}
  .hero h1{margin:0}
  .hero-car{height:370px}
  .hero-tires{left:max(-68px,calc(50% - 620px))}
  .hero-car{right:max(0px,calc(50% - 620px))}
  .services{padding:15px 0}
  .services h2{margin-bottom:3px}
  .service-grid article{min-height:228px;padding:9px 10px}
  .service-grid img{width:108px;height:108px}
  .benefit-section{padding:0 0 17px}
  .benefit-section>h2 span{width:250px}
  .benefits{padding:8px 20px}
  .benefits article{min-height:70px}
  .appointment{margin-bottom:14px;padding:35px 24px 8px}
  .appointment form{gap:6px 24px}
  .appointment input,.appointment select,.appointment textarea{height:33px}
  .submit{height:42px}
  .contact article{min-height:202px}
}
@media (min-width:1400px){
  .hero-tires{left:0;width:clamp(280px,20vw,380px);height:370px;object-fit:contain;object-position:left bottom}
  .hero-car{right:0;width:clamp(280px,19vw,360px);height:390px;object-fit:contain;object-position:right bottom}
  .services,.benefit-section{width:calc(100% - 96px);max-width:none}
  .service-grid img{width:clamp(108px,8vw,150px);height:clamp(108px,8vw,150px)}
}
@media (max-width:1050px){.nav-row{gap:22px}.nav-row nav{gap:25px}.hero-tires{left:-120px}.hero-car{right:-85px}.service-grid{gap:12px}.benefits{padding-inline:0}}
@media (max-width:820px){html{scroll-padding-top:72px}.shell{width:min(var(--shell),calc(100% - 28px))}.site-header{height:72px}.brand img{width:145px;height:62px}.menu-toggle{display:block;order:4}.nav-row nav{position:fixed;inset:72px 0 auto;display:none;flex-direction:column;align-items:center;gap:14px;padding:24px;background:#050505;border-top:1px solid #333}.nav-row nav.open{display:flex}.nav-cta{display:none}.nav-phone{margin-left:auto}.hero{height:500px}.hero-center{width:100%;padding:12px 14px}.hero-logo{width:min(580px,88vw);height:230px}.hero h1{font-size:38px}.hero-tires{left:-45px;width:200px}.hero-car{right:-30px;height:275px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:last-child{grid-column:1/-1}.benefits{grid-template-columns:1fr}.benefits article{padding:12px}.benefits article+article{border-top:1px solid #ccc;border-left:0}.appointment form{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.contact article{min-height:0}.map img{height:auto}.footer-row{flex-wrap:wrap;padding:14px 0}.footer-row nav{margin-left:auto}}
@media (max-width:540px){.site-header{height:66px}.brand img{width:125px;height:56px}.nav-phone{display:none}.menu-toggle{margin-left:auto}.nav-row nav{inset:66px 0 auto}.hero{height:490px}.hero-center{padding-top:5px}.hero-logo{width:min(400px,96vw);height:180px}.hero h1{font-size:clamp(26px,7.6vw,30px);white-space:nowrap}.hero-center>p{font-size:14px}.hero-buttons{flex-direction:column;align-items:center;gap:8px}.btn{width:min(300px,90vw);padding:11px}.hero-tires{left:-32px;width:140px}.hero-car{right:-18px;height:190px}.services{padding-top:17px}.services h2,.benefit-section>h2{gap:9px;font-size:19px;white-space:nowrap}.services h2 span,.benefit-section>h2 span{width:35px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:last-child{grid-column:auto;min-height:0;padding:17px}.benefit-section>h2{font-size:16px}.appointment{width:calc(100% - 20px);padding-inline:13px}.appointment form{grid-template-columns:1fr}.appointment form>*{grid-column:1/-1}.submit{font-size:15px}.contact{width:calc(100% - 20px)}.footer-row{flex-direction:column;align-items:flex-start;gap:10px}.footer-row>div{margin:0}.footer-row nav{margin:5px 0}.mobile-call{position:fixed;right:16px;bottom:16px;z-index:40;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#050505;color:#fff;box-shadow:0 4px 16px #777}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-logo-wrap::after{animation:none}}

.cookie-banner{position:fixed;right:24px;bottom:24px;left:24px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1120px;margin:auto;padding:20px 22px;border:1px solid #444;border-radius:8px;background:#080808;color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.4)}.cookie-banner[hidden]{display:none}.cookie-banner h2{margin:0 0 5px;font-size:18px}.cookie-banner p{max-width:760px;margin:0;color:#ddd;font-size:13px}.cookie-banner p a{text-decoration:underline}.cookie-actions{display:flex;flex-shrink:0;gap:10px}.cookie-actions button{min-height:42px;padding:9px 16px;border:1px solid #bbb;border-radius:5px;cursor:pointer;font-weight:700}.cookie-essential{background:#181818;color:#fff}.cookie-accept{background:#fff;color:#050505}@media (max-width:680px){.cookie-banner{right:10px;bottom:10px;left:10px;align-items:stretch;flex-direction:column;gap:14px;padding:17px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions button{padding-inline:8px}}

.hero-logo-wrap::after{background-size:300% 100%;background-position:150% 0;transform:none}
@keyframes logo-shine{0%,62%{background-position:150% 0;opacity:0}66%{opacity:1}84%{background-position:-50% 0;opacity:1}85%,100%{background-position:-50% 0;opacity:0}}