/* ============================================================
   Klempner Ludolf – Design-Refresh
   Wird NACH dem Inline-<style> geladen und ueberschreibt dieses.
   Additiv, damit die Technik unveraendert bleibt.
   ============================================================ */

:root{
  --radius: 14px;
  --radius-lg: 20px;
  --lift-1: 0 1px 2px rgba(21,38,96,0.06), 0 6px 18px rgba(21,38,96,0.08);
  --lift-2: 0 3px 6px rgba(21,38,96,0.08), 0 16px 38px rgba(21,38,96,0.14);
  --ring: 0 0 0 4px rgba(33,150,243,0.16);
}

/* --- Ueberschriften etwas straffer --- */
.hero h1{ letter-spacing:-0.02em; line-height:1.1; }
.section-title{ letter-spacing:-0.015em; }

/* --- Section-Label: Akzentstrich statt nackter Versalien --- */
.section-label{
  display:inline-flex; align-items:center; gap:10px;
}
.section-label::before{
  content:''; width:24px; height:2px; border-radius:2px;
  background: currentColor; opacity:0.7;
}
.section-header .section-label{ justify-content:center; }

/* --- Buttons: Pillenform, ruhigerer Schatten --- */
.btn-primary, .btn-secondary, .nav-cta, .form-submit{
  border-radius: 999px;
  letter-spacing: 0.01em;
}
.btn-primary{ box-shadow: 0 6px 18px rgba(33,150,243,0.30); }
.btn-primary:hover{ box-shadow: 0 10px 26px rgba(33,150,243,0.42); }

/* --- Karten: weiche Schattenstaffel --- */
.service-card, .trust-item, .review-card, .faq-item{
  box-shadow: var(--lift-1);
}
.service-card:hover{ box-shadow: var(--lift-2); transform: translateY(-6px); }
.trust-item:hover{ box-shadow: var(--lift-2); }

/* --- Icons einheitlich in Markenblau --- */
.service-card-icon{ border-radius:14px; }
.trust-icon{ border-radius:14px; }

/* --- Formularfelder: klarer Fokusring --- */
.form-group input:focus, .form-group textarea:focus, .form-group select:focus{
  box-shadow: var(--ring);
}

/* --- Chef-Portraits: Markenring in Blau, harmonische Radien --- */
.footer-chef-img, .contact-trust-chef{
  border-color: var(--orange);
}
.boss-photo-main, .boss-photo-main img,
.trust-photo, .trust-photo img{ border-radius: var(--radius-lg); }
.boss-photo-sm, .boss-photo-sm img{ border-radius: var(--radius); }

/* --- Stat-Leiste: dezenterer Trenner --- */
.stat-item{ border-right-color: rgba(255,255,255,0.08); }

/* --- FAQ: etwas mehr Luft --- */
.faq-question{ padding:20px 24px; }
.faq-answer-inner{ padding:0 24px 22px; }

/* --- Notfall-Badge etwas prominenter --- */
.emergency-badge{ border-radius:999px; }