/* Zusatzstil: Klarer deutscher Auftritt, andere Flächenführung als Basisvorlage */
:root {
  --s11-surface: #f8fafc;
  --s11-ink: #1f2937;
  --s11-line: rgba(31, 41, 55, 0.08);
}

body {
  letter-spacing: 0.01em;
}

.header-special {
  border-bottom: 1px solid var(--s11-line);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.hero-professional-blue-01 {
  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 42%, #ecfdf5 100%) !important;
}

.hero-professional-blue-01 .hero-decoration-blur-1 {
  opacity: 0.35;
  filter: blur(70px);
}

.hero-professional-blue-01 .hero-decoration-glow {
  background: radial-gradient(circle at 30% 20%, rgba(34, 197, 94, 0.18), transparent 55%) !important;
}

.usp-section {
  background: var(--s11-surface);
}

.usp-item {
  border-radius: 1.25rem;
  border: 1px solid var(--s11-line);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.service-card {
  border-radius: 1.35rem !important;
  border: 1px solid var(--s11-line) !important;
}

.feature-card {
  border: 1px solid var(--s11-line);
  border-radius: 1.1rem;
}

.leadgen-form-card,
.contact-form-card {
  border-radius: 1.25rem !important;
  border: 1px solid var(--s11-line) !important;
}

.footer-standard {
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
}

.blog-card {
  border: 1px solid var(--s11-line);
  border-radius: 1.15rem;
}