/* motocumlaude.de – Firmenseite im Stil des Shop-Designs „Modern“ */
:root{--seite:#f3f4f6;--karte:#fff;--text:#1f2328;--leise:#646b75;--ueberschrift:#111;--akzent:#0b5cad;--rand:#dfe2e6;--fuss:#1c232d;--fuss-text:#d6dbe1}
@media (prefers-color-scheme:dark){:root{--seite:#14181d;--karte:#1c2229;--text:#e6e8eb;--leise:#a3abb5;--ueberschrift:#fff;--akzent:#5aa2ef;--rand:#2d353f;--fuss:#0e1115;--fuss-text:#aeb6c0}
  .logo-hell{display:block!important}.logo-dunkel{display:none}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--seite);color:var(--text);font:17px/1.6 system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}
a{color:var(--akzent)}
.rahmen{width:100%;max-width:860px;margin:0 auto;padding:0 16px}
header{background:var(--karte);border-bottom:1px solid var(--rand)}
header .rahmen{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
header a.name{font-weight:800;letter-spacing:-.3px;color:var(--ueberschrift);text-decoration:none;font-size:19px}
header nav a{margin-left:18px;color:var(--text);text-decoration:none;font-size:15px}
main{flex:1;padding:40px 0}
.karte{background:var(--karte);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);padding:36px 32px}
.held{text-align:center}
.held img{width:260px;max-width:70%;height:auto;margin:0 auto 20px}
.logo-hell{display:none}
h1{font-size:30px;line-height:1.25;margin:0 0 12px;color:var(--ueberschrift);letter-spacing:-.4px}
h2{font-size:19px;margin:26px 0 6px;color:var(--ueberschrift)}
.held p{max-width:600px;margin:0 auto 12px;color:var(--leise)}
.knopf{display:inline-block;margin-top:18px;background:var(--akzent);color:#fff;text-decoration:none;font-weight:700;padding:14px 30px;border-radius:999px;font-size:18px}
.knopf:hover,.knopf:focus{filter:brightness(1.1)}
.klein{font-size:14px;color:var(--leise)}
.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px}
.spalten div{border:1px solid var(--rand);border-radius:10px;padding:16px 18px}
.spalten b{display:block;color:var(--ueberschrift);margin-bottom:4px}
footer{background:var(--fuss);color:var(--fuss-text);font-size:14px;padding:22px 0}
footer .rahmen{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
footer a{color:var(--fuss-text)}
@media (max-width:560px){.karte{padding:26px 18px}h1{font-size:25px}header .rahmen{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}header nav a{margin:0 14px 0 0;font-size:14px}header nav{width:100%}}