.kss-hpm-kontakt{padding:84px 0}
.kss-hpm-kontakt .k-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--linie);border-radius:16px;overflow:hidden}

.kss-hpm-kontakt .k-links{background:var(--gruen);color:var(--creme);padding:48px 44px}
.kss-hpm-kontakt .k-links .hand{color:var(--rose-hell);font-size:34px;margin-bottom:8px}
.kss-hpm-kontakt .k-links h2{font-family:var(--display);font-weight:600;font-size:29px;color:var(--creme);margin-bottom:16px}
.kss-hpm-kontakt .k-links p{color:rgba(248,243,235,.8);font-size:15.5px}
.kss-hpm-kontakt .k-links__zusatz{font-size:15px;color:rgba(248,243,235,.8)}
.kss-hpm-kontakt .k-links__zusatz a{color:var(--rose-hell)}
.kss-hpm-kontakt .adresse{display:flex;gap:13px;align-items:flex-start;margin:26px 0 22px;font-size:15.5px;line-height:1.6}
.kss-hpm-kontakt .adresse svg{width:19px;height:19px;color:var(--rose-hell);flex:0 0 19px;margin-top:3px}
.kss-hpm-kontakt .direkt{display:flex;flex-direction:column;gap:12px;margin-top:26px;padding-top:24px;border-top:1px dashed rgba(231,205,192,.34);min-width:0}
.kss-hpm-kontakt .direkt a{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:15.5px;font-weight:500;transition:color .2s;min-width:0;overflow-wrap:anywhere}
.kss-hpm-kontakt .direkt a:hover{color:var(--rose-hell)}
.kss-hpm-kontakt .direkt svg{width:18px;height:18px;color:var(--rose-hell);flex:0 0 18px}

.kss-hpm-kontakt .k-rechts{background:var(--papier);padding:48px 44px}
.kss-hpm-kontakt .k-rechts h3{font-family:var(--display);font-weight:600;font-size:23px;margin-bottom:8px}
.kss-hpm-kontakt .k-rechts .hinweis{font-size:14.5px;color:var(--tinte-weich);margin-bottom:26px}
.kss-hpm-kontakt .feld{margin-bottom:17px}
.kss-hpm-kontakt .feld label{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--tinte-weich);margin-bottom:6px}
.kss-hpm-kontakt .feld input,
.kss-hpm-kontakt .feld textarea,
.kss-hpm-kontakt .feld select{
  width:100%;font-family:var(--body);font-size:15.5px;color:var(--tinte);
  background:var(--creme);border:1px solid var(--linie);border-radius:8px;padding:12px 14px;
  transition:border-color .2s,box-shadow .2s;
}
.kss-hpm-kontakt .feld textarea{min-height:118px;resize:vertical}
.kss-hpm-kontakt .feld input:focus,
.kss-hpm-kontakt .feld textarea:focus,
.kss-hpm-kontakt .feld select:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(193,132,108,.16)}
.kss-hpm-kontakt .dsgvo{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tinte-weich);line-height:1.5;margin:4px 0 20px}
.kss-hpm-kontakt .dsgvo input{margin-top:3px;accent-color:var(--rose);flex:0 0 auto}
.kss-hpm-kontakt .dsgvo p{margin:0}
.kss-hpm-kontakt .dsgvo a{color:var(--rose-tief)}

@media(max-width:900px){
  .kss-hpm-kontakt{padding:60px 0}
  .kss-hpm-kontakt .k-grid{grid-template-columns:1fr}
  .kss-hpm-kontakt .k-links,.kss-hpm-kontakt .k-rechts{padding:38px 26px}
}

/* ---------- Contact Form 7: Design-Anschluss ----------
   Das Formular selbst wird im CF7-Editor mit den .feld/.dsgvo-Klassen dieses
   Blocks gebaut (siehe Instructions am ACF-Feld). Hier nur die paar Klassen,
   die CF7 immer selbst erzeugt und die sich nicht per Formular-Markup steuern
   lassen (Submit-Button, Fehlermeldungen, Ladespinner). */
.kss-hpm-kontakt .wpcf7-submit{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--body);
  font-size:15px;font-weight:600;padding:14px 26px;border-radius:8px;
  text-decoration:none;border:1.5px solid transparent;cursor:pointer;
  background:var(--rose);color:#fff;box-shadow:0 6px 18px -8px rgba(169,108,85,.6);
  transition:background .25s,transform .25s,box-shadow .25s;
}
.kss-hpm-kontakt .wpcf7-submit:hover{background:var(--rose-tief);transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(169,108,85,.65)}
.kss-hpm-kontakt .wpcf7-spinner{margin:0 0 0 10px}
.kss-hpm-kontakt .wpcf7-not-valid-tip{color:var(--rose-tief);font-size:13px;margin-top:4px}
.kss-hpm-kontakt .wpcf7-response-output{
  border-radius:8px;padding:12px 16px;font-size:14px;margin:16px 0 0;
  border:1px solid var(--linie);
}
.kss-hpm-kontakt form.invalid .wpcf7-response-output{border-color:var(--rose);color:var(--rose-tief)}
.kss-hpm-kontakt form.sent .wpcf7-response-output{border-color:var(--gruen);color:var(--gruen)}