:root{
      --putz24-green: #00b31a;
      --putz24-green-soft: rgba(94, 204, 98, 0.14);
      --putz24-text: #0f172a;
      --putz24-muted: #6b7280;
    }

    .footer-contact-cards{
      display: grid;
      gap: 14px;
    }

    .footer-contact-card{
      display: flex;
      align-items: flex-start;
      gap: 12px;
      min-width: 0; /* wichtig für enge Footer-Spalten */
    }

    .footer-contact-icon{
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: var(--putz24-green-soft);
      border: 1px solid rgba(94, 204, 98, 0.25);
      display: grid;
      place-items: center;
      flex: 0 0 44px;
    }

    .footer-contact-icon svg{
      width: 22px;
      height: 22px;
      stroke: var(--putz24-green);
    }

    .footer-contact-label{
      font-size: 0.85rem;
      color: var(--putz24-muted);
      margin: 0 0 2px 0;
      font-weight: 500;
    }

    .footer-contact-value{
      font-size: 0.98rem;
      color: var(--putz24-text);
      font-weight: 700;
      margin: 0;
      line-height: 1.35;
      min-width: 0;
    }

    .footer-contact-value a{
      color: inherit;
      text-decoration: none;
    }

    .footer-contact-value a:hover{
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    /* Öffnungszeiten: robuster für schmale Bereiche */
    .footer-hours{
      font-variant-numeric: tabular-nums;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .footer-hours-row{
      display: flex;
      gap: 10px;
      align-items: baseline;
      flex-wrap: nowrap;
    }

    .footer-hours-day{
      min-width: 56px;  /* sorgt für sauberen Einzug */
      color: var(--putz24-text);
      font-weight: 700;
      white-space: nowrap;
    }

    .footer-hours-time{
      color: var(--putz24-text);
      font-weight: 700;
      white-space: nowrap;
    }

    /* Falls der Footer extrem eng ist */
    @media (max-width: 420px){
      .footer-contact-value{ font-size: 0.95rem; }
      .footer-hours-day{ min-width: 50px; }
      .footer-hours-row{ gap: 8px; }
    }