@charset "UTF-8";
/*
 * Webcrow Anfrageformular 1.0.0
 * Gestaltung des SureForms-Formulars "Anfrage Webcrow" nach dem freigegebenen Mockup
 * (anfrageformular/mockup/anfrage.html).
 *
 * Geltungsbereich: alles hängt an .wc-anfrage (Klasse am Formular-Container) oder an
 * .wc-anfrage-card (Klasse an der Divi-Spalte um das Formular). Der Präfix
 * :not(#wc-a):not(#wc-b) hebt die Spezifität über die SureForms-Regeln, ohne !important.
 * !important steht nur dort, wo SureForms selbst !important setzt.
 *
 * Wichtig: Bedingte Blöcke (.conditional-logic) bekommen nie ein display, sonst greift die
 * SureForms-Bedingungslogik nicht mehr.
 */

/* Tokens und Symbole */
.wc-anfrage-card,
.wc-anfrage {
  --wca-paper: #F4F4F2;
  --wca-white: #FFFFFF;
  --wca-ink: #411100;
  --wca-ink-soft: #705043;
  --wca-line: #E2CFC3;
  --wca-control: #9A8880;
  --wca-petrol: #0B5F5F;
  --wca-petrol-deep: #094F4F;
  --wca-petrol-tint: #E7F0EF;
  --wca-error: #A3271C;
  --wca-error-tint: #FBF0EE;
  --wca-f-display: "Space Grotesk", Verdana, sans-serif;
  --wca-f-body: "IBM Plex Sans", Verdana, sans-serif;
  --wca-r-edge: 3px;
  --wca-r-capsule: 999px;
  --wca-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  /* Linien-Symbole (Tabler, Strich 1.6 bzw. 2) als Masken */
  --wca-i-alert-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
  --wca-i-alert-triangle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
  --wca-i-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M5 12l6 6'/%3E%3Cpath d='M5 12l6 -6'/%3E%3C/svg%3E");
  --wca-i-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E");
  --wca-i-browser-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16'/%3E%3Cpath d='M12 20h-6a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v6'/%3E%3Cpath d='M8 4v4'/%3E%3Cpath d='M16 19h6'/%3E%3Cpath d='M19 16v6'/%3E%3C/svg%3E");
  --wca-i-circle-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E");
  --wca-i-message-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11v.01'/%3E%3Cpath d='M8 11v.01'/%3E%3Cpath d='M16 11v.01'/%3E%3Cpath d='M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3z'/%3E%3C/svg%3E");
  --wca-i-phone-call: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2'/%3E%3Cpath d='M15 7a2 2 0 0 1 2 2'/%3E%3Cpath d='M15 3a6 6 0 0 1 6 6'/%3E%3C/svg%3E");
  --wca-i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2'/%3E%3C/svg%3E");
  --wca-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'/%3E%3Cpath d='M21 21l-6 -6'/%3E%3C/svg%3E");
  --wca-i-speakerphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a3 3 0 0 1 0 6'/%3E%3Cpath d='M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5'/%3E%3Cpath d='M12 8h0l4.524 -3.77a.9 .9 0 0 1 1.476 .692v12.156a.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8'/%3E%3C/svg%3E");
  --wca-i-tool: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5'/%3E%3C/svg%3E");
  --wca-i-check-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E");
  --wca-i-check-22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E");
  --wca-i-check-24: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E");
  --wca-i-check-26: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E");
}

/* Karte (Divi-Spalte mit Klasse wc-anfrage-card) */
.wc-anfrage-card:not(#wc-a) {
  background: var(--wca-white);
  padding: clamp(22px, 3.4vw, 40px);
  box-shadow: 0 1px 3px rgba(65, 17, 0, 0.07);
  font-family: var(--wca-f-body);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--wca-ink);
  -webkit-font-smoothing: antialiased;
}

/* In der weissen Kontaktspalte (wc-contact-paper) bringt die Spalte Flaeche und
   Innenabstand schon mit: keine zweite Karte, kein doppelter Abstand. */
.wc-contact-paper .wc-anfrage-card:not(#wc-a) {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

/* Formular-Grundlage */
.wc-anfrage:not(#wc-a):not(#wc-b) {
  container-type: inline-size;
  container-name: wca;
  background: transparent;
  padding: 0;
  margin: 0;
  max-width: none;
  font-family: var(--wca-f-body);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--wca-ink);
  --srfm-color-scheme-primary: var(--wca-petrol);
  --srfm-color-scheme-text: var(--wca-ink);
  --srfm-error-color: var(--wca-error);
  --srfm-error-color-border: var(--wca-error);
  --srfm-input-label-gap: 0px;
  --srfm-input-field-margin-bottom: 0px;
  --srfm-input-field-line-height: 1.5;
}
.wc-anfrage:not(#wc-a):not(#wc-b) *,
.wc-anfrage:not(#wc-a):not(#wc-b) *::before,
.wc-anfrage:not(#wc-a):not(#wc-b) *::after { box-sizing: border-box; }
.wc-anfrage:not(#wc-a):not(#wc-b) :focus-visible { outline: 2px solid var(--wca-petrol); outline-offset: 3px; }
.wc-anfrage:not(#wc-a):not(#wc-b) a { color: var(--wca-petrol); text-decoration: underline; }
.wc-anfrage:not(#wc-a):not(#wc-b) a:hover { color: var(--wca-petrol-deep); }
.wc-anfrage:not(#wc-a):not(#wc-b) h3,
.wc-anfrage:not(#wc-a):not(#wc-b) p { padding: 0; }
/* Divi und SureForms setzen eigene Absatzschriften; im Formular gilt die Fließtextschrift */
.wc-anfrage:not(#wc-a):not(#wc-b) p { font-family: var(--wca-f-body); font-weight: 400; }

/*
 * Formular als umbrechende Flex-Zeile ohne Zeilenabstand (SureForms setzt 18px gap);
 * die Abstände kommen allein aus den Rändern der Blöcke.
 */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 16px;
  margin: 0;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-form > * { flex: 0 0 100%; min-width: 0; }

/* Fortschrittsanzeige */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-header-container {
  margin: 28px 0 32px;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-steps { display: block; margin: 0; padding: 0; gap: 0; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-steps-content {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-steps-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  counter-reset: wca-step;
}
/* SureForms zieht eine eigene graue Linie unter die Schritte; die Verbindungslinien kommen aus .srfm-round::before */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-steps-container::before,
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-steps-container::after { content: none; display: none; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: var(--wca-f-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  color: var(--wca-ink-soft);
  counter-increment: wca-step;
}
/* Verbindungslinie zum nächsten Schritt */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round::before {
  content: "";
  position: absolute;
  inset: 15px 8px auto 40px;
  width: auto;
  height: 2px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: var(--wca-line);
  transform: none;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round:last-child::before { display: none; }
/* Schrittname (SureForms rendert nur Kreise) */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round::after {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  background: none;
  transform: none;
  content: "Anliegen";
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round:nth-child(2)::after { content: "Details"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round:nth-child(3)::after { content: "Kontakt"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round > input {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  opacity: 0; overflow: hidden; clip: rect(0 0 0 0); pointer-events: none;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round > label {
  position: relative;
  inset: auto;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1.5px solid var(--wca-control);
  border-radius: 50%;
  box-shadow: none;
  background: var(--wca-white);
  color: var(--wca-ink-soft);
  font-size: 14px;
  line-height: 1;
  cursor: default;
  transform: none;
  transition: background-color 200ms var(--wca-ease-out), border-color 200ms var(--wca-ease-out), color 200ms var(--wca-ease-out);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round > label::before {
  content: counter(wca-step);
  position: static;
  display: block;
  visibility: visible;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  background: none;
  transform: none;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round > label::after { content: none; display: none; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round > label svg { display: none; }
/*
 * Zustände: SureForms markiert jeden erreichten Schritt mit .active. Der letzte aktive ist
 * der aktuelle, alle davor sind erledigt.
 */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round.active { color: var(--wca-ink); }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round.active:not(:has(+ .srfm-round.active)) > label {
  border-color: var(--wca-petrol);
  background: var(--wca-petrol);
  color: var(--wca-white);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round.active:has(+ .srfm-round.active)::before { background: var(--wca-petrol); }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round.active:has(+ .srfm-round.active) > label {
  border-color: var(--wca-petrol);
  background: var(--wca-petrol-tint);
  color: var(--wca-petrol);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round.active:has(+ .srfm-round.active) > label::before {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--wca-i-check-2) center / contain no-repeat;
  mask: var(--wca-i-check-2) center / contain no-repeat;
}
@container wca (max-width: 420px) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-round { font-size: 13px; }
}

/* Seiten (Schritte) */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break {
  flex-wrap: wrap;
  gap: 22px;
  margin: 0;
  padding: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break { animation: wca-step-in 240ms var(--wca-ease-out); }
}
@keyframes wca-step-in { from { opacity: 0.001; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block {
  margin: 0;
  padding: 0;
  min-width: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block-width-50 {
  flex: 0 1 calc(50% - 11px);
  width: calc(50% - 11px);
  min-width: 0;
}
@container wca (max-width: 479.98px) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block-width-50 { flex-basis: 100%; width: 100%; }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/* Feldbeschriftungen */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block-label:not(.srfm-span-wrap),
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-block-legend {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  font-family: var(--wca-f-display);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--wca-ink);
}
/* SureForms bringt das Leerzeichen vor dem Stern selbst mit (" *") */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-required { color: var(--wca-ink); margin-left: 0; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block .srfm-description {
  margin: -2px 0 8px;
  padding: 0;
  font-family: var(--wca-f-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--wca-ink-soft);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block-wrap { margin: 0; padding: 0; }

/* Eingabefelder */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-input-common:not(.srfm-input-checkbox) {
  display: block;
  width: 100%;
  min-height: 50px;
  height: auto;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--wca-control);
  border-radius: var(--wca-r-edge);
  background: var(--wca-paper);
  box-shadow: none;
  font-family: var(--wca-f-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--wca-ink);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.wc-anfrage:not(#wc-a):not(#wc-b) textarea.srfm-input-common { min-height: 120px; resize: vertical; }
@media (hover: hover) and (pointer: fine) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-input-common:not(.srfm-input-checkbox):hover { border-color: var(--wca-ink-soft); }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-input-common:not(.srfm-input-checkbox):focus {
  outline: none;
  border-color: var(--wca-petrol);
  background: var(--wca-white);
  box-shadow: 0 0 0 3px rgba(11, 95, 95, 0.22);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-error .srfm-input-common:not(.srfm-input-checkbox) {
  border-color: var(--wca-error);
  background: var(--wca-error-tint);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-error .srfm-input-common:not(.srfm-input-checkbox):focus {
  background: var(--wca-white);
  box-shadow: 0 0 0 3px rgba(163, 39, 28, 0.2);
}
/* Telefonfeld: intl-tel-input setzt die Flagge links ins Feld */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-phone-block .iti { display: block; width: 100%; }

/* Fehlermeldungen unter Feldern */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-error-wrap {
  display: block;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block .srfm-error-message {
  position: relative;
  margin: 8px 0 0;
  padding: 0 0 0 24px;
  border: 0;
  background: none;
  font-family: var(--wca-f-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--wca-error);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-block .srfm-error-message::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--wca-i-alert-circle) center / contain no-repeat;
  mask: var(--wca-i-alert-circle) center / contain no-repeat;
}

/* Schritt 1: Anliegen-Kacheln */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-legend {
  display: block;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  font-family: var(--wca-f-display);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--wca-ink);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-legend .srfm-required { display: none; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-description {
  margin: 0 0 30px;
  font-size: 15px;
  line-height: 1.7;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
@container wca (min-width: 440px) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-multi-choice-single:last-child { grid-column: 1 / -1; }
}
@container wca (min-width: 580px) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-wrap { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-multi-choice-single { grid-column: span 3; }
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-multi-choice-single:nth-child(n+5) { grid-column: span 2; }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-multi-choice-single {
  position: relative;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-input-multi-choice-single,
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-input-multi-choice-single {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  row-gap: 2px;
  align-items: start;
  align-content: start;
  height: 100%;
  margin: 0;
  padding: 16px 44px 16px 16px;
  font-family: var(--wca-f-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--wca-ink);
  border: 1px solid var(--wca-control);
  border-radius: var(--wca-r-edge);
  background: var(--wca-white);
  box-shadow: inset 0 0 0 1px transparent;
  cursor: pointer;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, transform 140ms var(--wca-ease-out);
}
/* Linien-Symbol je Kachel */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap::before {
  content: "";
  grid-row: span 2;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  background: var(--wca-petrol);
  -webkit-mask: var(--wca-i, none) center / contain no-repeat;
  mask: var(--wca-i, none) center / contain no-repeat;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="Neue Website"]) { --wca-i: var(--wca-i-browser-plus); --wca-desc: "Neu aufbauen oder die bisherige ablösen"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="Betreuung und Wartung"]) { --wca-i: var(--wca-i-tool); --wca-desc: "Updates, Sicherungen und Pflege abgeben"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="SEO"]) { --wca-i: var(--wca-i-search); --wca-desc: "Bei Google besser gefunden werden"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="Google Ads"]) { --wca-i: var(--wca-i-speakerphone); --wca-desc: "Anzeigen einrichten oder verbessern"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="Akutes Problem"]) { --wca-i: var(--wca-i-alert-triangle); --wca-desc: "Website gestört oder nicht erreichbar"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="Rückruf"]) { --wca-i: var(--wca-i-phone-call); --wca-desc: "Lieber kurz am Telefon sprechen"; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap:has(label[data-option-text="Sonstiges"]) { --wca-i: var(--wca-i-message-dots); --wca-desc: "Etwas anderes oder noch unklar"; }
/* Beschreibung je Kachel */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap::after {
  content: var(--wca-desc, "");
  grid-column: 2;
  font-family: var(--wca-f-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--wca-ink-soft);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-option-container { display: contents; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-option-container label {
  display: block;
  margin: 0;
  padding: 0;
  font-family: var(--wca-f-display);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--wca-ink);
  cursor: pointer;
}
/* Ganze Kachel klickbar: die Beschriftung legt eine Fläche über die Kachel */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-option-container label::after,
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-option-container label::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
@container wca (min-width: 580px) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 4px;
    padding: 18px;
  }
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap::before { grid-row: auto; margin-bottom: 10px; }
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-block-content-wrap::after { grid-column: 1; }
}
/* Auswahlkreis oben rechts */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-icon-container {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 1.5px solid var(--wca-control);
  border-radius: 50%;
  background: var(--wca-white);
  pointer-events: none;
  transition: background-color 180ms ease, border-color 180ms ease;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-icon-container::before {
  content: "";
  width: 14px;
  height: 14px;
  background: var(--wca-white);
  opacity: 0;
  -webkit-mask: var(--wca-i-check-24) center / contain no-repeat;
  mask: var(--wca-i-check-24) center / contain no-repeat;
  transition: opacity 120ms ease;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-icon,
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-icon { display: none; }
/* Zustände der Kacheln */
@media (hover: hover) and (pointer: fine) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-multi-choice-single:hover .srfm-block-content-wrap { border-color: var(--wca-petrol); }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-multi-choice-single:active .srfm-block-content-wrap { transform: scale(0.985); }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-input-multi-choice-single:focus-visible + .srfm-block-content-wrap,
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-input-multi-choice-single:focus-visible + .srfm-block-content-wrap {
  outline: 2px solid var(--wca-petrol);
  outline-offset: 3px;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-input-multi-choice-single:checked + .srfm-block-content-wrap {
  border-color: var(--wca-petrol);
  box-shadow: inset 0 0 0 1px var(--wca-petrol);
  background: var(--wca-petrol-tint);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-input-multi-choice-single:checked + .srfm-block-content-wrap .srfm-icon-container {
  border-color: var(--wca-petrol);
  background: var(--wca-petrol);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-kacheln .srfm-input-multi-choice-single:checked + .srfm-block-content-wrap .srfm-icon-container::before { opacity: 1; }

/* Auswahl-Chips */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-block-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-multi-choice-single {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-block-content-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid var(--wca-control);
  border-radius: var(--wca-r-edge);
  background: var(--wca-white);
  box-shadow: none;
  font-size: 15px;
  line-height: 1.3;
  color: var(--wca-ink);
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease, transform 140ms var(--wca-ease-out);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-input-multi-choice-single:checked + .srfm-block-content-wrap::before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  background: var(--wca-petrol);
  -webkit-mask: var(--wca-i-check-22) center / contain no-repeat;
  mask: var(--wca-i-check-22) center / contain no-repeat;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-option-container { display: contents; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-option-container label {
  margin: 0;
  padding: 0;
  font-family: var(--wca-f-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--wca-ink);
  cursor: pointer;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-icon-container { display: none; }
@media (hover: hover) and (pointer: fine) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-multi-choice-single:hover .srfm-block-content-wrap { border-color: var(--wca-petrol); }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-multi-choice-single:active .srfm-block-content-wrap { transform: scale(0.97); }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips .srfm-input-multi-choice-single:checked + .srfm-block-content-wrap {
  border-color: var(--wca-petrol);
  box-shadow: inset 0 0 0 1px var(--wca-petrol);
  background: var(--wca-petrol-tint);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chips.srfm-error .srfm-block-content-wrap { border-color: var(--wca-error); }

/* Überschriften, Hinweise und Hilfetexte aus HTML-Blöcken */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-step-title {
  margin: 0 0 4px;
  padding: 0;
  font-family: var(--wca-f-display);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--wca-ink);
  letter-spacing: normal;
  text-transform: none;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-lead {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--wca-ink-soft);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border-radius: var(--wca-r-edge);
  background: var(--wca-paper);
  font-size: 15px;
  line-height: 1.55;
  color: var(--wca-ink);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-step-title + .wc-note { margin-top: 26px; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-note::before {
  content: "";
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  background: var(--wca-petrol);
  -webkit-mask: var(--wca-i-message-dots) center / contain no-repeat;
  mask: var(--wca-i-message-dots) center / contain no-repeat;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-note:has(a[href^="tel"])::before {
  -webkit-mask-image: var(--wca-i-phone);
  mask-image: var(--wca-i-phone);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-note a { font-weight: 600; white-space: nowrap; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-help {
  margin: -2px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--wca-ink-soft);
}

/* Zeile "Ihr Anliegen: ... ändern" (setzt anfrage.js) */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chosen {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--wca-ink-soft);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chosen strong { color: var(--wca-ink); font-weight: 600; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chosen button {
  margin: 0;
  padding: 4px 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 14px;
  color: var(--wca-petrol);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-chosen[hidden] { display: none; }

/* Datenschutz-Bestätigung */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  margin: 0;
  padding: 0;
  font-family: var(--wca-f-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--wca-ink);
  cursor: pointer;
  /* Tippfläche: Das Label reicht 24 px unter den Satz, ohne das Layout zu verschieben.
     Damit ist das Ziel mindestens 44 px hoch, und die Mitte des Labels liegt bei zwei Zeilen
     (390 px) in der zweiten Zeile statt am Unterrand des Links. Ein Tipp auf den Satz neben
     dem Link setzt das Häkchen; der Link selbst bleibt auf seine Glyphen begrenzt. */
  padding-bottom: 24px;
  margin-bottom: -24px;
  -webkit-tap-highlight-color: transparent;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx a {
  display: inline;
  padding: 0;
  margin: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx > .srfm-span-wrap:first-child {
  position: relative;
  color: var(--wca-white);
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 1.5px solid var(--wca-control);
  border-radius: var(--wca-r-edge);
  background: var(--wca-white);
  box-shadow: none;
  transform: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx > .srfm-span-wrap:first-child::before {
  content: "";
  width: 15px;
  height: 15px;
  background: var(--wca-white);
  opacity: 0;
  -webkit-mask: var(--wca-i-check-26) center / contain no-repeat;
  mask: var(--wca-i-check-26) center / contain no-repeat;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx > .srfm-span-wrap:first-child svg { display: none; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx > .srfm-block-label {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx .srfm-inline-svg { display: none; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-input-checkbox:checked + .srfm-cbx > .srfm-span-wrap:first-child {
  border-color: var(--wca-petrol);
  background: var(--wca-petrol);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-input-checkbox:checked + .srfm-cbx > .srfm-span-wrap:first-child::before { opacity: 1; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-input-checkbox:focus-visible + .srfm-cbx > .srfm-span-wrap:first-child {
  outline: 2px solid var(--wca-petrol);
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block .srfm-cbx:hover > .srfm-span-wrap:first-child { border-color: var(--wca-petrol); }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-checkbox-block.srfm-error .srfm-cbx > .srfm-span-wrap:first-child {
  border-color: var(--wca-error);
  background: var(--wca-error-tint);
}

/* Schaltflächen */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin: 32px 0 0;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-pre-btn,
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn,
.wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  min-height: 48px;
  height: auto !important;
  margin: 0;
  padding: 0 28px !important;
  border: 1.5px solid var(--wca-petrol);
  border-radius: var(--wca-r-capsule);
  box-shadow: none;
  font-family: var(--wca-f-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  text-transform: none;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 140ms var(--wca-ease-out), opacity 160ms ease;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn,
.wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn {
  background: var(--wca-petrol);
  color: var(--wca-white);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-pre-btn {
  background: transparent;
  color: var(--wca-petrol);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn { margin-left: auto; }
/* SureForms blendet Zurück auf Seite 1 nur unsichtbar aus; dort soll es keinen Platz belegen */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-pre-btn[style*="hidden"] { display: none !important; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-pre-btn::before,
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn::after {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--wca-i-arrow-left) center / contain no-repeat;
  mask: var(--wca-i-arrow-left) center / contain no-repeat;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn::after {
  -webkit-mask-image: var(--wca-i-arrow-right);
  mask-image: var(--wca-i-arrow-right);
}
@media (hover: hover) and (pointer: fine) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn:hover,
  .wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn:hover {
    background: var(--wca-petrol-deep);
    border-color: var(--wca-petrol-deep);
    color: var(--wca-white);
  }
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-pre-btn:hover {
    background: var(--wca-petrol-tint);
    color: var(--wca-petrol);
  }
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons button:active,
.wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn:active { transform: scale(0.97); }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons button:focus-visible,
.wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn:focus-visible {
  outline: 2px solid var(--wca-petrol);
  outline-offset: 3px;
}
/* Sperre während der Auswertung der Bedingungslogik (setzt anfrage.js) */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn[aria-busy="true"],
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn:disabled {
  opacity: 0.55;
  cursor: progress;
  transform: none;
}
.wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn .srfm-submit-wrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

/*
 * Letzter Schritt: SureForms hängt den Absenden-Container in die Schaltflächenzeile
 * (dort ersetzt er "Weiter"). Zurück links, Absenden rechts.
 */
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-submit-container {
  flex: 0 0 auto;
  width: auto !important;
  margin: 32px 0 0 auto !important;
  padding: 0;
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-submit-container { margin: 0 0 0 auto !important; }
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-submit-container .wp-block-button { display: block; margin: 0; padding: 0; text-align: left; }

/* Kleingedrucktes (rückt anfrage.js ans Formularende) */
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-fineprint {
  flex: 0 0 100%;
  margin: 20px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--wca-ink-soft);
}
.wc-anfrage:not(#wc-a):not(#wc-b) .srfm-form:has(.srfm-submit-container[style*="none"]) .wc-fineprint { display: none; }
.wc-anfrage:not(#wc-a):not(#wc-b) .wc-hinweis-datenschutz:not(:has(*)) { display: none; }

/* Allgemeine SureForms-Fehlermeldung (Kopf und Fuß) */
.wc-anfrage:not(#wc-a):not(#wc-b) p.srfm-common-error-message:not([hidden]) {
  margin: 20px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--wca-error);
  border-radius: var(--wca-r-edge);
  background: var(--wca-error-tint);
  font-size: 15px;
  line-height: 1.5;
  color: var(--wca-error);
}

@container wca (max-width: 420px) {
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-pre-btn,
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-page-break-buttons .srfm-nxt-btn,
  .wc-anfrage:not(#wc-a):not(#wc-b) #srfm-submit-btn { width: 100%; margin-left: 0; }
  /* Letzter Schritt: Absenden oben (column-reverse), Zurück darunter, beide volle Breite */
  .wc-anfrage:not(#wc-a):not(#wc-b) .srfm-submit-container { flex: 0 0 auto; width: 100% !important; margin-left: 0 !important; }
}

/* Erfolgsanzeige (Bestätigungstext aus build-form.php) */
.wc-anfrage-card:not(#wc-a) .wc-success { padding: 8px 0 4px; color: var(--wca-ink); }
@media (prefers-reduced-motion: no-preference) {
  .wc-anfrage-card:not(#wc-a) .wc-success { animation: wca-step-in 240ms var(--wca-ease-out); }
}
.wc-anfrage-card:not(#wc-a) .wc-success::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: var(--wca-petrol-tint);
}
.wc-anfrage-card:not(#wc-a) .wc-success { position: relative; }
.wc-anfrage-card:not(#wc-a) .wc-success::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 12px;
  width: 28px;
  height: 28px;
  background: var(--wca-petrol);
  -webkit-mask: var(--wca-i-circle-check) center / contain no-repeat;
  mask: var(--wca-i-circle-check) center / contain no-repeat;
}
.wc-anfrage-card:not(#wc-a) .wc-success h3 {
  margin: 0 0 12px;
  padding: 0;
  font-family: var(--wca-f-display);
  font-size: clamp(24px, 2.6vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--wca-ink);
  text-wrap: balance;
}
.wc-anfrage-card:not(#wc-a) .wc-success p {
  max-width: 56ch;
  margin: 0 0 14px;
  padding: 0;
  font-size: 17px;
  line-height: 1.7;
  color: var(--wca-ink-soft);
}
.wc-anfrage-card:not(#wc-a) .wc-success p strong { color: var(--wca-ink); font-weight: 600; overflow-wrap: anywhere; }
.wc-anfrage-card:not(#wc-a) .wc-success a { color: var(--wca-petrol); }
.wc-anfrage-card:not(#wc-a) .wc-success a[href^="tel"] { white-space: nowrap; }
.wc-anfrage-card:not(#wc-a) .wc-success__summary {
  display: grid;
  gap: 8px;
  margin: 24px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--wca-line);
  font-size: 15px;
  line-height: 1.7;
}
.wc-anfrage-card:not(#wc-a) .wc-success__summary div { display: grid; grid-template-columns: 9.5em 1fr; gap: 12px; }
.wc-anfrage-card:not(#wc-a) .wc-success__summary dt { margin: 0; font-weight: 400; color: var(--wca-ink-soft); }
.wc-anfrage-card:not(#wc-a) .wc-success__summary dd { margin: 0; padding: 0; color: var(--wca-ink); overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .wc-anfrage-card:not(#wc-a) .wc-success__summary div { grid-template-columns: 1fr; gap: 0; }
}