@charset "UTF-8";
      .kontakt-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 64px;
        align-items: start;
      }
      /* Formular-Styles (Platzhalter — Gravity Forms übernimmt im WP) */
      .form-group { margin-bottom: 20px; }
      .form-group label {
        display: block; font-size: .85rem; font-weight: 700;
        margin-bottom: 6px; color: var(--text);
      }
      .form-group input,
      .form-group select,
      .form-group textarea {
        width: 100%;
        padding: 12px 14px;
        border: 1.5px solid var(--border);
        border-radius: var(--radius);
        font-size: .95rem;
        font-family: inherit;
        color: var(--text);
        background: #fff;
        transition: border-color .15s;
      }
      .form-group input:focus,
      .form-group select:focus,
      .form-group textarea:focus {
        outline: none;
        border-color: var(--primary);
      }
      .form-group textarea { resize: vertical; min-height: 120px; }
      .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
      .form-note { font-size: .78rem; color: var(--text-muted); margin-top: 8px; }
  
      /* KONTAKT-INFO */
      .kontakt-info { display: flex; flex-direction: column; gap: 28px; }
      .kontakt-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        padding: 24px 26px;
        box-shadow: var(--shadow);
        display: flex; gap: 18px; align-items: flex-start;
      }
      .kontakt-card-icon {
        width: 44px; height: 44px;
        background: var(--primary-light);
        border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.2rem; flex-shrink: 0;
      }
      .kontakt-card h4 { font-size: .88rem; font-weight: 800; margin-bottom: 4px; }
      .kontakt-card p, .kontakt-card a {
        font-size: .88rem; color: var(--text-muted); line-height: 1.6;
      }
      .kontakt-card a { color: var(--primary); font-weight: 600; }
      .kontakt-card a:hover { text-decoration: underline; }
  
      .versprechen-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 64px;
      }
      .versprechen {
        text-align: center;
        padding: 28px 20px;
        background: var(--bg-tint);
        border-radius: var(--radius-lg);
      }
      .versprechen-icon { font-size: 1.8rem; margin-bottom: 10px; }
      .versprechen h4 { font-size: .95rem; font-weight: 800; margin-bottom: 6px; }
      .versprechen p { font-size: .84rem; color: var(--text-muted); line-height: 1.6; }
  
      @media (max-width: 860px) {
        .kontakt-grid { grid-template-columns: 1fr; gap: 40px; }
        .form-row { grid-template-columns: 1fr; }
        .versprechen-grid { grid-template-columns: 1fr; }
      }