/* Anpassungen 13.10.2026 – gilt fuer alle Seiten (wird nach dem Seiten-CSS geladen) */

/* ── Desktop groesser, wie Browser-Zoom 130 % ──
   Nur so weit, dass immer mind. ~1200 px Layoutbreite bleiben. */
@media (min-width: 1380px) and (max-width: 1559px) {
  html { zoom: 1.15; }
  .hero { min-height: calc(82vh / 1.15) !important; }
}
@media (min-width: 1560px) {
  html { zoom: 1.3; }
  .hero { min-height: calc(82vh / 1.3) !important; }
}

/* ── Navigation: Logo mit Firmenname darunter, groessere Punkte ── */
nav { justify-content: space-between !important; background: rgba(218,215,208,0.95) !important; }
.nav-marke {
  display: flex; flex-direction: column; align-items: center; gap: 0.3rem;
  text-decoration: none; flex-shrink: 0;
}
.nav-marke img { height: 72px; width: auto; display: block; }
.nav-marke span {
  font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.1;
  text-transform: uppercase; color: #131c66; white-space: nowrap;
}
.nav-links {
  flex: 0 1 auto !important; flex-wrap: nowrap !important; align-self: center !important;
  align-content: center !important; padding-top: 0 !important; gap: 2rem !important;
}
.nav-links li:last-child { flex-basis: auto !important; display: list-item !important; }
.nav-links a { font-size: 0.88rem !important; }
.nav-menue { display: none; }

@media (min-width: 1001px) and (max-width: 1200px) {
  .nav-links { gap: 1.2rem !important; }
  .nav-links a { font-size: 0.76rem !important; }
  .nav-marke span { font-size: 0.68rem; }
}

/* Handy/Tablet: drei Striche, Menue klappt darunter auf */
@media (max-width: 1000px) {
  /* Handy/Tablet: Logo mittig, Menue-Knopf rechts */
  nav { justify-content: flex-end !important; }
  .nav-marke { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .nav-marke img { height: 52px; }
  .nav-menue {
    display: flex; flex-direction: column; justify-content: center; gap: 5px;
    width: 46px; height: 46px; padding: 11px; margin-right: -11px;
    background: none; border: 0; cursor: pointer;
  }
  .nav-menue span { display: block; height: 2px; background: #131c66; border-radius: 2px; transition: transform 0.2s, opacity 0.2s; }
  nav.offen .nav-menue span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  nav.offen .nav-menue span:nth-child(2) { opacity: 0; }
  nav.offen .nav-menue span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .nav-links {
    display: none !important; position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; gap: 0 !important; list-style: none;
    background: #dad7d0; border-bottom: 1px solid #dddbd6;
    padding: 0.4rem 5% 0.8rem !important; box-shadow: 0 14px 28px rgba(0,0,0,0.1);
  }
  nav.offen .nav-links { display: flex !important; }
  .nav-links li, .nav-links li:not(:last-child) { display: block !important; }
  .nav-links a { display: block; padding: 0.85rem 0; font-size: 0.95rem !important; border-bottom: 1px solid #dddbd6; }
  .nav-links li:last-child a { border-bottom: 0; }
}
@media (max-width: 780px) {
  .nav-marke img { height: 36px; }
  .nav-marke span { font-size: 0.56rem; letter-spacing: 0.06em; }
}

/* ── Schnellkontakt: Telefon + WhatsApp nur in der Handyansicht ── */
.sk-telefon { background: #131c66; }
@media (min-width: 861px) {
  .schnellkontakt .sk-telefon, .schnellkontakt .sk-whatsapp { display: none !important; }
}

/* ── Partnerlogos ── */
.partner-logo { display: flex; align-items: center; padding: 0.6rem 1.2rem !important; }
.partner-logo img { height: 48px; width: auto; display: block; }

/* ── Inzahlungnahme: Hinweis bei den Fotos ── */
.foto-hinweis-rot { color: #c8102e; font-weight: 700; font-size: 0.9rem; line-height: 1.6; margin: 0 0 0.7rem; }

/* ── Fahrzeuge: interne Nummer, Beschreibung, Video in der Galerie ── */
.interne-nr { font-size: 0.8rem; font-weight: 700; color: #131c66; opacity: 0.75; margin-top: 0.7rem; }
.fahrzeug-intern, .car-intern { font-size: 0.72rem; font-weight: 600; color: #131c66; opacity: 0.7; }
.car-intern { margin: -0.2rem 0 0.6rem; }
.beschreibung { font-size: 0.92rem; line-height: 1.8; }
.beschreibung p { margin: 0 0 0.5rem; }
.beschreibung ul { margin: 0.2rem 0 0.8rem 1.2rem; }
.beschreibung hr { border: 0; border-top: 1px solid #dddbd6; margin: 1rem 0; }
.galerie-video { position: absolute; inset: 0; display: none; z-index: 1; }
.galerie-gross.ist-video .galerie-video { display: block; }
.galerie-gross.ist-video { cursor: default; }
.galerie-gross.ist-video .galerie-zaehler, .galerie-gross.ist-video .galerie-pfeil { z-index: 2; }
.galerie-video .video { aspect-ratio: auto; height: 100%; border: 0; border-radius: 0; }
.galerie-streifen button.streifen-video { position: relative; }
.galerie-streifen button.streifen-video::after {
  content: '\25B6'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1.1rem; background: rgba(12,16,40,0.4);
}

/* Fusszeilen-Links umbrechen – sonst wird die Seite auf dem Handy breiter
   als der Bildschirm und das Menue rutscht rechts heraus */
@media (max-width: 640px) {
  .footer-links { flex-wrap: wrap; justify-content: center; gap: 0.4rem 1.2rem; }
}