*:where(*,::before,::after){box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090a;color:#f4f0e8;font-family:Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1440px,calc(100% - 48px));margin:auto}.start{text-align:center;background:#b98522;color:#080808;padding:7px;font-size:12px;font-weight:900;letter-spacing:.13em}header{position:sticky;top:0;z-index:50;background:rgba(5,7,8,.96);border-bottom:1px solid #2b2619}.head{min-height:102px;display:grid;grid-template-columns:245px 1fr auto;gap:22px;align-items:center}.logo{width:228px;max-height:86px;object-fit:contain}.head nav{display:flex;justify-content:center;gap:24px}.head nav a{padding:38px 0 30px}.tel{display:flex;gap:13px;align-items:center}.tel>a:not(.wa){display:flex;flex-direction:column;padding-right:13px;border-right:1px solid #665227}.tel small{font-size:11px;color:#aaa}.tel b{white-space:nowrap}.wa{border:1px solid #d9a33a;padding:11px 14px;border-radius:8px;color:#ffd36e;font-weight:900}#menu{display:none}.hero{min-height:620px;height:auto;position:relative;background:linear-gradient(90deg,rgba(4,6,7,.98),rgba(4,6,7,.82) 34%,rgba(4,6,7,.08)),url('assets/hero.jpg?v=16') center/cover no-repeat;border-bottom:1px solid #675326}.hero-content{min-height:620px;padding:72px 0 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.over{color:#ffd36e;letter-spacing:.21em;font-weight:900;font-size:14px}.hero h1,.section h2{font-family:Georgia,serif;color:#f4cc75}.hero h1{font-size:68px;line-height:1.03;margin:12px 0}.lead{font-size:21px}.claim{font-family:Georgia,serif;font-style:italic;color:#ffd36e;font-size:31px;margin:10px 0}.points{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-weight:800}.buttons{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 23px;border-radius:7px;font-weight:900;border:1px solid transparent}.gold{background:linear-gradient(135deg,#ffd77a,#cf9222);color:#090909}.border{border-color:#d9a33a;color:#ffd36e}.green{background:#178a57}.full{width:100%;margin-top:10px}.services{padding:60px 0 76px}.title{text-align:center;margin-bottom:30px}.title span{color:#d9a33a;font-weight:900;letter-spacing:.24em}.title h2,.section h2{font-size:44px;margin:8px 0 18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border:1px solid #2b2d2f;background:#0d1013;border-radius:12px;overflow:hidden}.cards img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.body{padding:22px}.body h3{font-family:Georgia,serif;color:#f0c45d;font-size:27px;margin:0 0 10px}.body p{margin:0 0 11px}.body .note{color:#aaa;font-size:14px}.body a{color:#ffd36e;font-weight:900}.benefits{border-top:1px solid #675326;border-bottom:1px solid #675326;padding:24px 0}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}.benefit-grid>div{display:flex;gap:13px;align-items:center;padding:3px 18px;border-right:1px solid #675326}.benefit-grid>div:last-child{border:0}.benefit-grid b{color:#ffd36e;font-size:28px}.benefit-grid span{display:flex;flex-direction:column}.benefit-grid strong{color:#ffd36e}.benefit-grid small{color:#aaa}.section{padding:76px 0}.dark{background:#0b0f12}.two{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.section ul{list-style:none;padding:0}.section li{margin:10px 0}.section li:before{content:'✓ ';color:#ffd36e}.textbox{border:1px solid #675326;border-radius:16px;padding:42px;background:radial-gradient(circle at top,#172026,#080b0d)}.textbox span{color:#d9a33a;letter-spacing:.16em;font-weight:900}.textbox h3{font-family:Georgia,serif;font-size:38px;line-height:1.2}.center{text-align:center}.narrow{max-width:930px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.facts div{border:1px solid #2d3032;border-radius:11px;padding:22px}.facts b{display:block;color:#ffd36e}.facts span{color:#aaa}.contact{background:linear-gradient(#0a0d10,#050607)}.contacts{display:grid}.contacts a{display:flex;flex-direction:column;padding:13px 0;border-bottom:1px solid #25282a}.contacts small{color:#999}.contacts b{font-size:18px}.contactbox{border:1px solid #675326;border-radius:16px;padding:30px;background:#0d1114}footer{border-top:1px solid #675326;padding:27px 0;background:#050607}.foot{display:grid;grid-template-columns:165px 1fr auto;align-items:center;gap:22px}.foot img{width:150px;height:82px;object-fit:contain}.foot div{display:flex;flex-direction:column}.foot div b{color:#ffd36e}.foot div small{color:#aaa}.foot nav{display:flex;gap:17px}.float{position:fixed;right:18px;bottom:18px;background:#178a57;padding:13px 18px;border-radius:999px;font-weight:900;z-index:60}
@media(max-width:1100px){.head{grid-template-columns:220px 1fr}.tel{grid-column:1/-1;justify-content:flex-end;padding-bottom:12px}.cards{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div{border-right:0}.two{grid-template-columns:1fr}}
@media(max-width:760px){.wrap{width:min(100% - 28px,1440px)}.head{grid-template-columns:1fr auto;min-height:86px}.logo{width:200px}.tel{display:none}#menu{display:block;background:none;border:1px solid #675326;color:#ffd36e;border-radius:7px;font-size:24px}.head nav{display:none;grid-column:1/-1;flex-direction:column;padding-bottom:16px}.head nav.open{display:flex}.head nav a{padding:7px}.hero,.hero-content{min-height:620px}.hero h1{font-size:45px}.points{grid-template-columns:1fr}.buttons{flex-direction:column}.cards{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.benefit-grid>div{padding:11px 0;border-bottom:1px solid #24272a}.section{padding:55px 0}.title h2,.section h2{font-size:35px}.facts{grid-template-columns:1fr}.foot{grid-template-columns:1fr;text-align:center}.foot img{margin:auto}.foot nav{justify-content:center;flex-wrap:wrap}}
/* Vollständige Darstellung der Hauptseite */
html,body{min-height:100%;overflow-x:hidden;overflow-y:auto}
main{display:block;width:100%;overflow:visible}
section{width:100%;overflow:visible}
.hero{height:auto!important;max-height:none!important;overflow:visible!important}
.hero-content{height:auto!important;max-height:none!important}
.cards,.two,.facts,.benefit-grid{align-items:stretch}
.cards article{height:auto;min-height:100%}
.card img,.cards img{height:auto;min-height:0}
@media (max-width:1120px){
  .hero{min-height:560px}
  .hero-content{min-height:560px;padding:64px 0 56px}
}
@media (max-width:760px){
  .hero{min-height:0!important}
  .hero-content{min-height:0!important;padding:56px 0 48px!important}
  .hero h1{font-size:42px;line-height:1.08}
  .claim{font-size:24px}
  .services{padding-top:48px}
  .cards article{min-height:0}
}


/* VERSION 11 – Website wie freigegebene Vorlage, ohne Doppelbanner */
header{
  position:sticky;
  top:0;
  z-index:50;
  background:#050708;
  border-bottom:1px solid #2b2619;
}
.head{
  min-height:96px;
  display:grid;
  grid-template-columns:230px minmax(460px,1fr) auto;
  gap:22px;
  align-items:center;
}
.logo{
  width:205px;
  max-height:78px;
  object-fit:contain;
}
.head nav{
  display:flex;
  justify-content:center;
  gap:30px;
  white-space:nowrap;
}
.head nav a{
  padding:34px 0 30px;
  font-weight:700;
}
.tel{
  display:flex;
  gap:12px;
  align-items:center;
}
.tel>a:not(.wa){
  display:flex;
  flex-direction:column;
  padding-right:12px;
  border-right:1px solid #665227;
}
.tel small{font-size:10px;color:#bdbdbd}
.tel b{font-size:16px;white-space:nowrap}
.wa{
  border:1px solid #d9a33a;
  padding:11px 15px;
  border-radius:8px;
  color:#ffd36e;
  font-weight:900;
  white-space:nowrap;
}

/* Das alte Bild bleibt erhalten. Nur die eingebrannte Navigation und der alte rechte
   Banner werden durch Vergrößerung/Beschnitt außerhalb des sichtbaren Bereichs gelegt. */
.hero{
  position:relative;
  min-height:500px!important;
  height:auto!important;
  overflow:hidden!important;
  border-bottom:1px solid #675326;
  background-image:
    linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(4,6,7,.72) 31%,rgba(4,6,7,.13) 61%,rgba(4,6,7,.05) 100%),
    url('assets/hero.jpg?v=16')!important;
  background-repeat:no-repeat!important;
  background-size:120% auto!important;
  background-position:left 60%!important;
}

.hero-layout{
  min-height:500px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 178px;
  gap:28px;
  align-items:center;
}
.hero-layout .hero-content{
  min-height:0!important;
  padding:46px 0 44px!important;
  max-width:700px;
  justify-content:center;
}
.hero .over{
  margin:0 0 8px;
  font-size:13px;
}
.hero h1{
  font-size:58px!important;
  line-height:1.02!important;
  margin:4px 0 12px!important;
  max-width:660px;
}
.hero .lead{
  margin:0 0 7px;
  font-size:19px;
}
.hero .claim{
  margin:4px 0 10px!important;
  font-size:26px!important;
}
.hero .points{
  grid-template-columns:1fr 1fr;
  gap:6px 28px;
  margin-top:2px;
  font-size:16px;
}
.hero .buttons{
  margin-top:20px!important;
  gap:10px;
}
.hero .btn{
  padding:13px 20px;
}

/* Rechte Kästen: klein, transparent, untereinander */
.banner-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:8px!important;
  width:178px!important;
  max-width:178px!important;
  margin-left:auto!important;
}
.banner-card{
  width:178px!important;
  min-height:82px!important;
  padding:9px 10px!important;
  border:1px solid rgba(217,163,58,.68)!important;
  border-radius:10px!important;
  background:rgba(5,8,10,.60)!important;
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20);
}
.banner-icon{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  border:1px solid #d9a33a!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#ffd36e!important;
  font-size:16px!important;
  font-weight:900!important;
}
.banner-card b{
  display:block!important;
  color:#ffd36e!important;
  font-size:13px!important;
  line-height:1.16!important;
  margin-bottom:3px!important;
}
.banner-card small{
  display:block!important;
  color:#e1e1e1!important;
  font-size:10px!important;
  line-height:1.18!important;
}

/* Leistungen direkt unter dem Hero wie in der Vorlage */
.services{
  padding:42px 0 66px;
  background:linear-gradient(#0b0e10,#07090a);
}
.title{
  margin-bottom:25px;
}
.title span{
  font-size:13px;
}
.title h2{
  font-family:Arial,sans-serif;
  color:#f4f0e8;
  font-size:38px;
  margin:7px 0 16px;
}
.cards{
  gap:14px;
}
.cards article{
  background:#0b0e10;
  border-color:#2b2d2f;
}
.cards img{
  aspect-ratio:16/8.5;
}
.body{
  padding:18px;
}
.body h3{
  font-size:23px;
}

/* Desktop/Laptop */
@media(max-width:1250px){
  .head{
    grid-template-columns:205px 1fr;
  }
  .tel{
    grid-column:1/-1;
    justify-content:flex-end;
    padding-bottom:10px;
  }
  .hero{
    background-size:130% auto!important;
    background-position:left 58%!important;
  }
  .hero-layout{
    grid-template-columns:minmax(0,1fr) 170px;
  }
  .banner-right,.banner-card{
    width:170px!important;
    max-width:170px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .head{
    grid-template-columns:1fr auto;
    min-height:84px;
  }
  .logo{width:190px}
  .tel{display:none}
  #menu{
    display:block;
    background:none;
    border:1px solid #675326;
    color:#ffd36e;
    border-radius:7px;
    font-size:24px;
  }
  .head nav{
    display:none;
    grid-column:1/-1;
    flex-direction:column;
    gap:0;
    padding-bottom:14px;
  }
  .head nav.open{display:flex}
  .head nav a{padding:8px 0}
  .hero{
    background-size:auto 100%!important;
    background-position:44% center!important;
  }
  .hero-layout{
    grid-template-columns:1fr;
    gap:18px;
    padding:38px 0;
  }
  .hero-layout .hero-content{
    padding:12px 0!important;
  }
  .banner-right{
    width:100%!important;
    max-width:680px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:stretch!important;
    margin:0!important;
  }
  .banner-card{
    width:auto!important;
    max-width:none!important;
  }
}

/* Handy */
@media(max-width:620px){
  .wrap{width:min(100% - 24px,1440px)}
  .hero{
    min-height:0!important;
    background-size:auto 100%!important;
    background-position:42% center!important;
  }
  .hero-layout{
    min-height:0;
    padding:34px 0;
  }
  .hero h1{
    font-size:39px!important;
  }
  .hero .lead{font-size:16px}
  .hero .claim{font-size:22px!important}
  .hero .points{
    grid-template-columns:1fr;
  }
  .hero .buttons{
    flex-direction:column;
  }
  .banner-right{
    grid-template-columns:1fr!important;
  }
  .services{padding-top:38px}
  .title h2{font-size:32px}
}


/* VERSION 12 – FAQ im bestehenden Schwarz/Gold-Design */
.faq-section{
  background:#0b0e10;
  border-top:1px solid #24272a;
  border-bottom:1px solid #24272a;
}
.faq-wrap{
  max-width:1040px;
}
.faq-section .title{
  text-align:center;
  max-width:760px;
  margin:0 auto 30px;
}
.faq-section .title p{
  color:#bfc3c6;
  margin:0;
}
.faq-list{
  display:grid;
  gap:10px;
}
.faq-list details{
  background:#111416;
  border:1px solid #303235;
  border-radius:10px;
  overflow:hidden;
}
.faq-list details[open]{
  border-color:#8b6a2c;
}
.faq-list summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:19px 54px 19px 20px;
  color:#f4f0e8;
  font-weight:800;
  font-size:17px;
}
.faq-list summary::-webkit-details-marker{
  display:none;
}
.faq-list summary::after{
  content:"+";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid #d9a33a;
  border-radius:50%;
  color:#ffd36e;
  font-size:20px;
  line-height:1;
}
.faq-list details[open] summary::after{
  content:"–";
}
.faq-list details p{
  margin:0;
  padding:0 58px 20px 20px;
  color:#c8cbcd;
  line-height:1.65;
}
.faq-cta{
  margin-top:25px;
  padding:22px 24px;
  border:1px solid #55441f;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(217,163,58,.10),rgba(255,255,255,.015));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.faq-cta p{
  margin:0;
  color:#e6e3dc;
}
@media(max-width:700px){
  .faq-list summary{
    font-size:16px;
    padding:17px 50px 17px 16px;
  }
  .faq-list details p{
    padding:0 16px 18px;
  }
  .faq-cta{
    flex-direction:column;
    align-items:flex-start;
  }
}




/* FINAL: Nur die linke Hero-Seite leicht nach rechts.
   Rechter Banner, Fahrzeug und restliche Webseite bleiben unverändert. */
@media (min-width:1101px){
  .hero-copy{
    transform: translateX(24px) !important;
  }
}

/* Freigegebener Über-uns-Bereich */
.about-final-section{background:#080a0b;padding:0;overflow:hidden}
.about-final-wrap{width:100%;margin:0 auto}
.about-final-image{display:block;width:100%;height:auto}
@media(max-width:720px){
  .about-final-wrap{overflow-x:auto}
  .about-final-image{min-width:960px}
}

/* Rechtstexte und KI-Hinweis */
.legal-page{max-width:980px}
.legal-page h2{margin-top:30px}
.legal-page p{line-height:1.7}
.legal-note{margin-top:26px;padding:16px 18px;border-left:3px solid #d9a33a;background:rgba(217,163,58,.07);border-radius:7px}
.ai-notice{max-width:1100px;margin:14px auto 0;padding:0 20px 16px;text-align:center;font-size:12px;line-height:1.5;opacity:.62}


/* Finale Über-uns-Fassung mit dem festgelegten grauen Fahrzeug */
.about-own{border-top:1px solid #675326;border-bottom:1px solid #675326}
.about-own .about-copy strong{color:#f4f0e8}
.about-box{border:1px solid #675326;border-radius:12px;padding:16px 18px;margin:14px 0;background:#0d1114}
.about-box b{color:#ffd36e;font-size:19px}
.about-sign{color:#ffd36e;font-family:Georgia,serif;font-size:22px;margin-top:22px}
.about-car-wrap{overflow:hidden;border:1px solid #675326;border-radius:16px;background:#080a0b}
.about-car{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center}
@media(max-width:1024px){.about-car{min-height:340px}}
@media(max-width:620px){.about-car{min-height:240px}}

/* Über uns – freigegebenes Motiv: Person + eigenes Fahrzeug */
.about-car{object-fit:cover;object-position:center center;}