/* Rijad Transport KG - Basis-Stylesheet (CI: Dunkelrot/Anthrazit) */
:root{
  --rot:#a5000f; --rot-dunkel:#7d000b; --dunkel:#3a3a3a;
  --grau:#f5f5f6; --text:#2b2b2b; --weiss:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);line-height:1.6;background:var(--weiss)}
img{max-width:100%;display:block}
a{color:var(--rot)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
/* Header */
header{background:var(--weiss);border-bottom:3px solid var(--rot);position:sticky;top:0;z-index:10;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 0}
.logo img{height:58px;width:auto}
nav ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none}
nav a{color:var(--dunkel);text-decoration:none;padding:8px 12px;border-radius:4px;font-size:.95rem;font-weight:600}
nav a:hover,nav a.aktiv{background:var(--rot);color:var(--weiss)}
.lang{display:flex;gap:6px;font-size:.85rem}
.lang a{color:#777;text-decoration:none;padding:4px 7px;border:1px solid #ccc;border-radius:4px}
.lang a.aktiv{color:var(--rot);border-color:var(--rot);font-weight:700}
/* Hero */
.hero{background:linear-gradient(rgba(25,25,25,.60),rgba(25,25,25,.60)),url("../img/hero.jpg") center/cover no-repeat;color:var(--weiss);text-align:center;padding:96px 20px}
.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin-bottom:12px}
.hero p{max-width:640px;margin:0 auto 28px;font-size:1.1rem;color:#e2e2e2}
.btn{display:inline-block;background:var(--rot);color:var(--weiss);font-weight:700;padding:12px 28px;border-radius:6px;text-decoration:none}
.btn:hover{background:var(--rot-dunkel)}
/* Sections */
section{padding:56px 0}
section.grau{background:var(--grau)}
h2{color:var(--rot);font-size:1.6rem;margin-bottom:24px}
h3{color:var(--dunkel);margin-bottom:8px}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.karte{background:var(--weiss);border:1px solid #e6e6e8;border-top:3px solid var(--rot);border-radius:8px;padding:24px}
section.grau .karte{box-shadow:0 1px 3px rgba(0,0,0,.07)}
.foto{width:100%;max-height:420px;object-fit:cover;border-radius:8px;margin-bottom:16px}
.leistung .foto{max-height:300px}
.platzhalter{background:repeating-linear-gradient(45deg,#e8e8ea,#e8e8ea 12px,#f3f3f5 12px,#f3f3f5 24px);border:1px dashed #c2c2c6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#7a7a80;min-height:200px;font-size:.95rem;margin-bottom:16px}
.leistung{margin-bottom:32px}
.slider{position:relative;height:300px;border-radius:8px;overflow:hidden;margin-bottom:16px}
.slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.slider img:nth-child(2){animation:ueberblenden 9s ease-in-out infinite}
@keyframes ueberblenden{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
.ref{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}
.ref div{background:var(--weiss);border:1px solid #e6e6e8;border-radius:8px;min-height:92px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}
.galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.galerie img{width:100%;height:220px;object-fit:cover;border-radius:8px}
.kontakt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
dl dt{font-weight:700;color:var(--dunkel);margin-top:12px}
address{font-style:normal}
/* Rechtstexte */
.recht h2{margin-top:32px;font-size:1.25rem}
.recht h2:first-of-type{margin-top:0}
.recht p,.recht ul{margin-bottom:12px}
.recht ul{padding-left:22px}
/* Footer */
footer{background:var(--dunkel);color:#d6d6d6;padding:36px 0;margin-top:0;font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
footer h4{color:var(--weiss);margin-bottom:10px;border-bottom:2px solid var(--rot);display:table;padding-bottom:2px}
footer a{color:#d6d6d6}
footer .unten{border-top:1px solid #5a5a5a;margin-top:24px;padding-top:16px;text-align:center}
@media (max-width:700px){.header-inner{justify-content:center}}