/*
Theme Name: MINI Mafia Werkstatt
Author: MINI Mafia
Description: Dunkles WordPress-Theme für eine MINI-Spezialwerkstatt.
Version: 1.0.0
*/
:root{--black:#050505;--surface:#0d0d0d;--line:#292929;--red:#d51f27;--text:#f5f5f5;--muted:#9b9b9b;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(5,5,5,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{font-weight:900;letter-spacing:.14em;color:var(--red);font-size:1.4rem}.main-nav{display:flex;gap:28px;font-size:.92rem;color:#c7c7c7}.main-nav a:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:1px solid #333;color:#fff;padding:10px 14px;cursor:pointer}
.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 36%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.12) 100%),
    url('assets/images/mini-mafia-hero.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}.hero-content{position:relative;z-index:2;padding-top:120px;padding-bottom:80px}.eyebrow{margin:0;color:var(--red);text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;font-weight:800}.hero h1,.section h2,.service-row h3{text-transform:uppercase;letter-spacing:.04em;line-height:1}.hero h1{margin:20px 0 0;max-width:760px;font-size:clamp(4.5rem,10vw,8rem);text-shadow:0 8px 35px rgba(0,0,0,.9)}.hero-subline{margin:26px 0 0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:800}.hero-text{max-width:680px;margin:20px 0 0;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;font-weight:800;transition:.2s}.button-primary{background:var(--red)}.button-secondary{border-color:#444}.button-secondary:hover{border-color:var(--red);color:var(--red)}
.hero-skull{display:none}
.section{padding:120px 0}.section-dark{background:#0b0b0b}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section h2{margin:16px 0 0;font-size:clamp(2.7rem,5vw,5rem)}.lead{font-size:1.15rem;color:#d4d4d4}.muted{color:var(--muted)}.photo-placeholder{min-height:520px;display:grid;place-items:center;border:1px solid #333;background:repeating-linear-gradient(135deg,#171717 0,#171717 18px,#121212 18px,#121212 36px);text-align:center;color:#777}.photo-placeholder strong{display:block;color:#fff;text-transform:uppercase;font-size:1.6rem;margin-bottom:8px}
.section-heading{max-width:760px;margin-bottom:60px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--line)}.service-number{color:var(--red);font-weight:900;font-size:1.25rem}.service-row h3{margin:0;font-size:clamp(1.7rem,3vw,2.7rem)}.service-row p{margin:8px 0 0;color:var(--muted);max-width:720px}
.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.reason{background:var(--surface);padding:32px;min-height:230px}.reason strong{display:block;color:var(--red);text-transform:uppercase}.reason p{color:var(--muted)}
.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:14px}.project{display:grid;place-items:center;border:1px solid #292929;background:linear-gradient(135deg,#151515,#0c0c0c);color:#666;text-transform:uppercase;letter-spacing:.12em}.project.large{grid-row:span 2}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.contact-card{border-top:1px solid var(--line)}.contact-item{padding:22px 0;border-bottom:1px solid var(--line)}.contact-item span{display:block;color:#777;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;margin-bottom:6px}.contact-item a{font-weight:800}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:.85rem}.footer-links{display:flex;gap:20px}
@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;right:0;top:68px;width:280px;padding:18px;background:#0b0b0b;border:1px solid #292929;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #222}.split,.contact-grid{grid-template-columns:1fr;gap:50px}.reasons{grid-template-columns:repeat(2,1fr)}.hero-skull{right:-100px;width:520px}}
@media(max-width:640px){.section{padding:85px 0}.hero-content{padding-top:120px}.hero h1{font-size:clamp(4rem,20vw,6rem)}.hero-actions{flex-direction:column}.service-row{grid-template-columns:50px 1fr;gap:12px}.reasons{grid-template-columns:1fr}.projects{grid-template-columns:1fr;grid-auto-rows:220px}.project.large{grid-row:auto}.footer-inner{padding:24px 0;flex-direction:column;gap:12px}}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-left:3px solid var(--red);
  color:#ddd;
  background:rgba(0,0,0,.36);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  font-weight:800;
}
.hero h1 .accent{color:var(--red)}
.hero-subtitle-red{
  margin:10px 0 0;
  color:var(--red);
  font-size:clamp(1.6rem,3vw,3rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.top-cta{
  border:1px solid var(--red);
  padding:12px 18px !important;
  color:#fff !important;
}
.top-cta:hover{
  background:var(--red);
}
.section-intro{
  max-width:760px;
}
.workshop-photo{
  min-height:520px;
  background-image:
    linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.4)),
    url('assets/images/mini-mafia-hero.png');
  background-size:cover;
  background-position:left center;
  border:1px solid #2b2b2b;
}
.contact-strip{
  border-top:1px solid var(--red-dark);
  border-bottom:1px solid var(--red-dark);
  background:#080808;
}
.contact-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#241014;
}
.contact-strip-item{
  background:#080808;
  padding:28px;
}
.contact-strip-item strong{
  display:block;
  color:var(--red);
  text-transform:uppercase;
  margin-bottom:10px;
}
@media(max-width:900px){
  .contact-strip-grid{grid-template-columns:repeat(2,1fr)}
  .hero{background-position:62% center}
}
@media(max-width:640px){
  .hero{
    background-position:68% center;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.45) 100%),
      url('assets/images/mini-mafia-hero.png');
  }
  .contact-strip-grid{grid-template-columns:1fr}
}