/* Kopf- und Fussbereich Svens Garage */
.sgh,.sgf{--d:"Oswald","Arial Narrow",Impact,sans-serif;--b:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
.sgh *,.sgf *{box-sizing:border-box}
.sgh a,.sgf a{text-decoration:none;color:inherit}

.sgh{position:sticky;top:0;z-index:900;background:rgba(0,0,0,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--sg-line);font-family:var(--b)}
.sgh .in{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:28px;min-height:76px}
.sgh .logo img{display:block;height:34px;width:auto}
.sgh .logo .txt{font-family:var(--d);font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sg-cream)}
.sgh nav{margin-left:auto;display:flex;gap:26px}
.sgh nav a{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-text-dim);padding:6px 0;border-bottom:2px solid transparent}
.sgh nav a:hover{color:var(--sg-cream)}
.sgh nav a.on{color:var(--sg-cream);border-bottom-color:var(--sg-red)}
.sgh .lang{display:flex;gap:6px;align-items:center}
.sgh .lang button{background:none;border:0;cursor:pointer;font-family:var(--b);font-size:12px;letter-spacing:.1em;color:#6f6a61;padding:4px 2px}
.sgh .lang button:hover{color:var(--sg-cream)}
.sgh .lang button.on{color:var(--sg-cream);font-weight:700}
.sgh .cta{display:inline-block;background:var(--sg-red);color:var(--sg-cream);font-family:var(--d);font-size:13.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;border-radius:4px}
.sgh .cta:hover{background:var(--sg-red-hi)}
.sgh .burger{display:none;margin-left:auto}
.sgh details summary{list-style:none;cursor:pointer;color:var(--sg-cream);font-family:var(--d);font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:8px 0}
.sgh details summary::-webkit-details-marker{display:none}
.sgh details[open] .panel{display:block}
.sgh .panel{display:none;position:absolute;left:0;right:0;top:100%;background:#000;border-bottom:1px solid var(--sg-line);padding:14px 28px 22px}
.sgh .panel a{display:block;padding:12px 0;border-bottom:1px solid var(--sg-line);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-text-dim)}
.sgh .panel a:last-of-type{border-bottom:0}

.sgf{background:#000;border-top:1px solid var(--sg-line);font-family:var(--b);color:var(--sg-text-dim);font-size:14px;line-height:1.7}
.sgf .in{max-width:1180px;margin:0 auto;padding:56px 28px 34px}
.sgf .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
.sgf .logo img{display:block;height:30px;width:auto;margin-bottom:16px}
.sgf .addr{font-size:13.5px;color:#6f6a61}
.sgf h4{font-family:var(--d);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sg-red-hi);margin:0 0 14px;font-weight:600}
.sgf ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sgf ul a:hover{color:var(--sg-cream)}
.sgf .bot{border-top:1px solid var(--sg-line);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#6f6a61}
.sgf .bot a:hover{color:var(--sg-cream)}
.sgf-ribbon{background:var(--sg-red);color:var(--sg-cream);text-align:center;padding:11px 20px;font-family:var(--d);font-size:14px;letter-spacing:.32em;text-transform:uppercase;font-weight:600}

@media(max-width:900px){
  .sgh nav,.sgh .cta{display:none}
  .sgh .burger{display:block}
  .sgh .in{gap:14px;min-height:64px;position:relative}
  .sgh .logo img{height:28px}
  .sgf .cols{grid-template-columns:1fr 1fr}
  .sgf-ribbon{letter-spacing:.18em;font-size:12px}
}