:root{--red:#ef2e15;--dark:#0e1720;--dark2:#18232d;--paper:#f7f7f7;--ink:#17191b;--line:#dde0e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#242b31;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.page{width:min(1212px,calc(100% - 34px));margin:15px auto 0;border:1px solid #68717a;border-radius:18px 18px 0 0;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(0,0,0,.25)}header{height:74px;padding:0 44px 0 66px;display:flex;align-items:center;gap:31px;background:linear-gradient(110deg,#111b24,#0b141d)}.brand{margin-right:auto;display:flex;align-items:center;gap:8px}.mark{color:#fff;font-size:30px;font-weight:900;font-style:italic;letter-spacing:-7px}.brand b{display:block;font-size:17px;line-height:1}.brand b span{color:var(--red)}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:5px}.main-nav{display:flex;gap:33px;font-size:10px}.main-nav a{white-space:nowrap}.main-nav i{margin-left:4px}.hours{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:9px;line-height:1.55}.hours>i{font-size:20px}.button{min-height:38px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--red);border-radius:4px;background:linear-gradient(110deg,#f13b20,#e8240f);color:#fff;text-transform:uppercase;font-size:10px;font-weight:700;max-width:100%}.header-cta{min-width:148px}.menu-toggle{display:none;margin-left:auto;padding:4px;border:0;background:none}.menu-toggle i{display:block;width:22px;height:2px;margin:5px;background:#fff}.hero{position:relative;height:365px;padding-top:1px;background-image:linear-gradient(90deg,rgba(9,15,19,.85),rgba(9,15,19,.15)),url("../../storage/images/werkstatt_kompetenz/IMAGE.png");background-repeat:no-repeat;background-size:auto,1672px 941px;background-position:center,-16px -89px;background-color:#d8d2cc}.hero-copy{width:590px;margin:54px 0 0 67px}.hero h1{margin:0;font-size:35px;line-height:1.17;letter-spacing:-.8px}.hero-copy>p{max-width:460px;margin:17px 0;color:#f0f0f0;font-size:13px;line-height:1.55}.hero-actions{display:flex;gap:12px;margin-top:22px}.hero-actions .button{min-width:176px;height:42px}.outline{background:rgba(12,19,25,.35);border-color:#c5c9cc}.trust{position:absolute;left:67px;right:34px;bottom:0;height:78px;padding:12px 21px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #535b61;border-radius:10px 10px 0 0;background:rgba(19,27,33,.94)}.trust article{min-width:0;padding:0 25px;display:grid;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:12px;border-right:1px solid #656a6e}.trust article:first-child{padding-left:0}.trust article:last-child{padding-right:0;border:0}.trust article>i{font-size:29px;text-align:center}.trust h3{margin:0 0 5px;font-size:11px}.trust p{margin:0;color:#d0d3d5;font-size:9px;line-height:1.35}.trust strong{display:block;color:var(--red);letter-spacing:3px;font-size:13px}.services{padding:17px 67px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;background:#fafafa;color:var(--ink)}.services article{min-height:169px;padding:16px 14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--line);border-radius:6px;background:#fff}.services article>i{height:42px;font-size:32px}.services h2{margin:8px 0 6px;font-size:11px}.services p{margin:0;font-size:9px;line-height:1.45}.services a{margin-top:auto;color:var(--red);font-size:8px;font-weight:700;text-transform:uppercase}.vehicle-area{padding:0 67px 20px;display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1.12fr);gap:34px;background:#fafafa;color:var(--ink)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2,.vehicle-area aside h2{margin:0 0 12px;font-size:15px}.section-head a{color:var(--red);font-size:8px;text-transform:uppercase}.vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vehicle-grid article{position:relative;min-width:0;padding-bottom:10px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.car-photo{height:89px;background-image:url("../../storage/images/werkstatt_kompetenz/IMAGE.png");background-repeat:no-repeat;background-size:1672px 941px;background-color:#d8d2cc}.car-one{background-position:-88px -689px}.car-two{background-position:-266px -689px}.car-three{background-position:-444px -689px}.car-four{background-position:-625px -689px}.vehicle-grid h3,.vehicle-grid p,.vehicle-grid small{margin-left:10px;margin-right:10px}.vehicle-grid h3{margin-top:6px;margin-bottom:3px;font-size:9px}.vehicle-grid p{margin-top:0;margin-bottom:6px;font-size:7px}.vehicle-grid small{display:block;font-size:6px}.vehicle-grid b{position:absolute;right:7px;bottom:9px;font-size:8px}.vehicle-area aside{min-height:176px;padding:26px 24px;border-radius:8px;background:#f0f1f2}.vehicle-area aside p{margin:12px 0;font-size:9px}.vehicle-area aside i{width:26px}.mobile-contact{display:none}footer{min-height:86px;padding:16px 70px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;background:linear-gradient(110deg,#16232d,#0e1821)}footer article{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}footer article>i{font-size:25px}footer b{display:block;margin-bottom:5px;text-transform:uppercase;font-size:9px}footer span{display:block;font-size:8px;line-height:1.55}[class*="grid"]>*{min-width:0}img,svg{max-width:100%;height:auto}
@media(max-width:1100px){header{padding-inline:30px;gap:18px}.main-nav{gap:18px}.hours{display:none}.hero-copy{margin-left:45px}.trust{left:45px}.services,.vehicle-area{padding-inline:45px}.services{gap:8px}.trust article{padding-inline:15px}footer{padding-inline:45px}}
@media(max-width:900px){body{background:#1d252b}.page{width:min(390px,calc(100% - 20px));margin:10px auto;border-radius:34px}header{height:70px;padding:0 22px}.brand b{font-size:16px}.brand small{font-size:7px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:30;top:80px;left:50%;transform:translateX(-50%);width:min(390px,calc(100% - 20px));padding:8px 22px;background:#111b24}.menu-open .main-nav{display:flex;flex-direction:column;gap:0}.main-nav a{padding:11px 0;border-bottom:1px solid #303941}.header-cta{display:none}.hero{height:376px;padding:0;background-size:auto,802px auto;background-position:center,-302px -2px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,17,.75),rgba(8,13,17,.18));pointer-events:none}.hero-copy{position:relative;z-index:2;width:auto;margin:0;padding:28px 22px}.hero h1{font-size:23px}.hero-copy>p{max-width:280px;font-size:11px}.hero-actions{display:grid;gap:8px}.hero-actions .button{width:215px;min-width:0;height:39px}.trust{z-index:3;left:0;right:0;height:72px;padding:10px 7px;grid-template-columns:repeat(3,minmax(0,1fr));border-inline:0;border-radius:10px 10px 0 0}.trust article{padding:0 9px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:5px}.trust article:first-child{display:none}.trust article:nth-child(2){padding-left:2px}.trust article:last-child{padding-right:2px}.trust article>i{font-size:23px}.trust h3{font-size:8px}.trust p{display:none}.trust strong{font-size:9px;letter-spacing:2px}.services{padding:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.services article{min-height:54px;padding:9px 10px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto;align-items:center;text-align:left}.services article>i{height:auto;font-size:25px;text-align:center}.services h2{margin:0;font-size:9px}.services p,.services a{display:none}.vehicle-area{padding:11px 12px 14px;display:block}.section-head h2{font-size:13px}.section-head a{font-size:7px}.vehicle-grid{display:block}.vehicle-grid article{min-height:78px;padding:8px 10px 8px 141px}.vehicle-grid article:not(:first-child){display:none}.car-photo{position:absolute;left:0;top:0;width:132px;height:100%;background-position:-91px -690px}.vehicle-grid h3{font-size:10px}.vehicle-grid p{font-size:8px}.vehicle-grid small{font-size:7px}.vehicle-grid b{font-size:11px}.vehicle-area aside{display:none}.mobile-contact{padding:15px 22px 20px;display:block;background:#101923;text-align:center}.mobile-contact>a{display:flex;flex-direction:column;gap:5px}.mobile-contact>a i{font-size:20px}.mobile-contact>a b{font-size:16px}.mobile-contact>a small{font-size:8px}.mobile-contact div{display:grid;gap:8px;margin-top:14px}.mobile-contact .button{height:40px}footer{display:none}}
@media(max-width:370px){.page{width:100%;margin:0;border:0;border-radius:0}.main-nav{top:70px;width:100%}.hero-copy{padding-inline:17px}.services{padding-inline:7px}.trust article{padding-inline:5px}}