/* =============
   Kontaktschmiede – Global CSS
   ============= */
body {
  background: #ffffff;
}
.site, .wp-site-blocks {
  /* etwas mehr Luft um den Content */
  padding-bottom: 40px;
}

/* Header-Leiste optional stärker hervorheben */
header, .wp-block-template-part, .wp-block-site-title a {
  text-decoration: none;
}

/* Brand Buttons/Links */
.kc-btn, .cv-wrap .btn, .cv-wrap .lnk {
  background: #0ea5e9;
  color: #fff;
  border-radius: 10px;
  padding: 10px 14px;
  display: inline-block;
  text-decoration: none;
}
.kc-btn:hover, .cv-wrap .btn:hover, .cv-wrap .lnk:hover {
  filter: brightness(0.95);
  text-decoration: none;
}

/* =============
   CV-Komponenten
   ============= */
.cv-wrap{--card:#f7f9fc;--line:#e5e7eb;--brand:#0ea5e9;font-family:Arial,Helvetica,sans-serif}
.cv-wrap .cv-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin:14px 0}
.cv-wrap .cv-h1{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 6px}
.cv-wrap .cv-sub{color:#6b7280;font-size:15px;margin:0 0 10px}
.cv-wrap h2{font-size:22px;font-weight:700;margin:0 0 10px}
.cv-wrap h3{font-size:16px;font-weight:600;margin:8px 0 4px}
.cv-wrap .cv-chip{background:#e8f0fe;padding:5px 10px;border-radius:999px;font-size:12px;margin:4px 4px 0 0;display:inline-block}
.cv-wrap .cv-grid{display:grid;gap:20px}
@media (min-width:900px){.cv-wrap .cv-grid{grid-template-columns:1.4fr .9fr}}
.cv-wrap .cv-row{display:flex;gap:10px;align-items:flex-start;margin:5px 0}
.cv-wrap .cv-lbl{min-width:150px;color:#475569;font-weight:500}
.cv-wrap .divider{height:1px;background:var(--line);margin:12px 0}
.cv-wrap .pill{display:inline-block;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:999px;font-size:12px;padding:4px 10px;margin:4px 6px 0 0}
.cv-wrap .avatar{width:120px;height:120px;border-radius:999px;object-fit:cover;border:2px solid #e5e7eb}

/* Formularbreite für [cv_edit_form] */
.acf-profile-form {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}