/* 
  DVP Holding – Mobile Fixes
  Korrekturen für Header und Footer auf mobilen Geräten (< 768px).
  Desktop-Ansicht bleibt vollständig unverändert.
*/

@media (max-width: 767px) {

  /* ============================================================
     HEADER
     Problem: h-24 Container (96px) + h-20 Logo (80px) = zu groß
     Lösung:  Header 64px, Logo 36px, Hamburger 40px
  ============================================================ */

  header .h-24 {
    height: 4rem !important;
  }

  header .h-20 {
    height: 2.25rem !important;
  }

  header .h-12 {
    height: 2.5rem !important;
  }

  header .w-12 {
    width: 2.5rem !important;
  }

  /* Hero-Sektion: padding-top an kleineren Header anpassen */
  .pt-24 {
    padding-top: 4.5rem !important;
  }

  /* ============================================================
     FOOTER
     Problem: 3-Spalten-Grid ohne klare Trennung auf Mobile,
              Copyright und "RECHTLICHES" zu nah beieinander
     Lösung:  Klare einspaltige Struktur mit Trennlinien
  ============================================================ */

  /* Footer-Grid: einspaltig, zentriert */
  footer .grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    text-align: center !important;
  }

  /* Logo-Bereich: Trennlinie unten */
  footer .grid > div:first-child {
    padding-bottom: 1.75rem !important;
    margin-bottom: 1.75rem !important;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  }

  /* Footer-Logo: passende Größe */
  footer .grid > div:first-child img {
    height: 2.75rem !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Adress-Bereich: Trennlinie unten */
  footer .grid > div:nth-child(2) {
    padding-bottom: 1.75rem !important;
    margin-bottom: 1.75rem !important;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
    text-align: center !important;
  }

  footer .grid > div:nth-child(2) p {
    text-align: center !important;
  }

  /* Rechtliches-Bereich: zentriert */
  footer .grid > div:nth-child(3) {
    text-align: center !important;
  }

  footer nav {
    align-items: center !important;
    justify-content: center !important;
  }

  /* Copyright-Zeile: saubere Abstände */
  footer .mt-10 {
    margin-top: 1.75rem !important;
  }

  footer .pt-6 {
    padding-top: 1.25rem !important;
  }

  /* Footer-Padding */
  footer .py-10 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}