/* WKW Kundenzufriedenheitsumfrage – Gravity Forms Styling | Kapelos Marketing | v0.4.2 (Playwright-geprüft: 375/390/768/1024/1280/1440/1920) */
.wkw-umfrage_wrapper{--wkw-green:#2DAE7C;--wkw-green-soft:#5FC79B;--wkw-text:#575756;--wkw-line:#E6E5E2;--wkw-star-off:#D9D9D6;--wkw-beige:#F8EEE3;--wkw-row:#F6F6F4;
  --gf-color-primary:#2DAE7C;--gf-color-primary-darker:#23935F;--gf-ctrl-btn-bg-color-primary:#2DAE7C;--gf-ctrl-btn-bg-color-hover-primary:#23935F;--gf-label-font-size-primary:20px;--gf-font-family-base:Helvetica,Arial,sans-serif;--gf-font-family-primary:Helvetica,Arial,sans-serif;
  font-family:Helvetica,Arial,sans-serif;color:var(--wkw-text)}
.wkw-umfrage_wrapper input,.wkw-umfrage_wrapper textarea,.wkw-umfrage_wrapper select,.wkw-umfrage_wrapper button,.wkw-umfrage_wrapper label{font-family:inherit}

/* Schritt-Titel & Hinweise */
.wkw-umfrage_wrapper .wkw-schritt-titel{font-size:32px;font-weight:600;line-height:1.15;margin:0 0 12px;color:var(--wkw-text)}
.wkw-umfrage_wrapper .wkw-schritt-sub{margin:0 0 18px;font-size:16px;color:#7a7977}
.wkw-umfrage_wrapper .wkw-skala{background:var(--wkw-beige);border-left:4px solid var(--wkw-green);padding:12px 16px;border-radius:6px;font-size:15px;line-height:1.5}
.wkw-umfrage_wrapper .wkw-datenschutz{font-size:13px;line-height:1.5;color:#6f6e6c;border-top:1px solid var(--wkw-line);padding-top:14px}
.wkw-umfrage_wrapper .wkw-datenschutz a{color:var(--wkw-green);text-decoration:underline}

/* Fortschritt */
.wkw-umfrage_wrapper .gf_progressbar_wrapper{margin-bottom:28px}
.wkw-umfrage_wrapper .gf_progressbar_title{font-size:14px;font-weight:600;color:var(--wkw-text);margin:0 0 8px}
.wkw-umfrage_wrapper .gf_progressbar{background:#EDECEA!important;border-radius:999px!important;height:8px!important;padding:0!important;overflow:hidden}
.wkw-umfrage_wrapper .gf_progressbar_percentage{height:8px!important;border-radius:999px!important;font-size:0!important;line-height:8px!important;box-shadow:none!important}

/* Feld-Labels */
.wkw-umfrage_wrapper .gform-field-label{font-size:20px;font-weight:600;color:var(--wkw-text)}
.wkw-umfrage_wrapper .gfield_description{font-size:14px;color:#7a7977}
.wkw-umfrage_wrapper .gfield_label + .gfield_description,.wkw-umfrage_wrapper .gfield_description.gfield_description_before_complex{margin-top:6px;margin-bottom:10px}
.wkw-umfrage_wrapper .wkw-matrix .gfield_label{margin-bottom:6px}
.wkw-umfrage_wrapper .gsection_description{font-size:14px;color:#7a7977;line-height:1.5}
.wkw-umfrage_wrapper .gfield_required{color:var(--wkw-green)}

/* ---------- Likert-Matrix als Sterne (Zeilenlayout, Desktop) ---------- */
.wkw-umfrage_wrapper .wkw-matrix table.gsurvey-likert{width:100%;border-collapse:collapse;border-spacing:0;margin:0;table-layout:auto}
.wkw-umfrage_wrapper .wkw-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.wkw-umfrage_wrapper .wkw-matrix tbody tr,.wkw-umfrage_wrapper .wkw-matrix tbody tr:nth-child(odd),.wkw-umfrage_wrapper .wkw-matrix tbody tr:nth-child(even){background:transparent!important;border-top:1px solid var(--wkw-line)}
.wkw-umfrage_wrapper .wkw-matrix tbody tr:first-child{border-top:0}
.wkw-umfrage_wrapper .wkw-matrix td{padding:8px 2px;vertical-align:middle;background:transparent;border:0;text-align:center}
.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-row-label{width:auto;text-align:left;font-size:16px;line-height:1.35;color:var(--wkw-text)!important;padding:10px 16px 10px 0}
.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice{white-space:nowrap}
.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice:nth-child(-n+6){width:46px}
.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice::before,.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice::after{content:none!important;display:none!important}

/* Radio -> Stern (Spalten 2-6) */
.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice input[type=radio]{-webkit-appearance:none;appearance:none;margin:0;padding:0;width:40px;height:40px;border:0;background:none;box-shadow:none;cursor:pointer;display:inline-grid;place-items:center;border-radius:6px;vertical-align:middle}
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(-n+6) input[type=radio]::before{content:'';display:block;width:30px;height:30px;color:var(--wkw-star-off);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.35 6.95.85-5.1 4.8 1.3 6.9L12 17.7l-6.1 3.4 1.3-6.9-5.1-4.8 6.95-.85z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.35 6.95.85-5.1 4.8 1.3 6.9L12 17.7l-6.1 3.4 1.3-6.9-5.1-4.8 6.95-.85z'/%3E%3C/svg%3E") center/contain no-repeat;transition:color .12s,transform .12s}
.wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice input[type=radio]:focus-visible{outline:2px solid var(--wkw-green);outline-offset:2px}
/* gewählt + alle links davon */
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(-n+6) input[type=radio]:checked::before,
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(-n+6):has(~ td:nth-child(-n+6) input[type=radio]:checked) input[type=radio]::before{color:var(--wkw-green)}
/* Hover-Vorschau: erst alles grau, dann bis zum gehoverten Stern grün */
.wkw-umfrage_wrapper .wkw-matrix tr:hover td:nth-child(-n+6) input[type=radio]::before{color:var(--wkw-star-off)!important}
.wkw-umfrage_wrapper .wkw-matrix tr:hover td:nth-child(-n+6):hover input[type=radio]::before,
.wkw-umfrage_wrapper .wkw-matrix tr:hover td:nth-child(-n+6):has(~ td:nth-child(-n+6):hover) input[type=radio]::before{color:var(--wkw-green-soft)!important;transform:scale(1.12)}

/* Spalte 7: nicht beurteilbar als Pille */
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(7){width:1%;white-space:nowrap;padding-left:16px;text-align:left}
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(7) input[type=radio]{width:auto;height:auto;display:inline-block;padding:7px 12px;border:1px solid #C9C8C4;border-radius:999px;font:inherit;font-size:13px;line-height:1;color:var(--wkw-text);background:#fff;white-space:nowrap}
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(7) input[type=radio]::before{content:'nicht beurteilbar'}
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(7) input[type=radio]:hover{border-color:var(--wkw-green)}
.wkw-umfrage_wrapper .wkw-matrix td:nth-child(7) input[type=radio]:checked{border-color:var(--wkw-green);background:var(--wkw-green);color:#fff}
.wkw-umfrage_wrapper .wkw-matrix tr:has(td:nth-child(7) input:checked) td:nth-child(-n+6) input[type=radio]::before{color:#ECEBE8}

/* ---------- Rating: Gesamtzufriedenheit ---------- */
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;position:relative}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating label{background:none!important;-webkit-mask:none!important;mask:none!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;display:inline-grid;place-items:center;cursor:pointer;border-radius:6px;position:static;text-indent:0!important;overflow:visible!important;font-size:0;line-height:1}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating label::before{content:''!important;display:block;width:38px!important;height:38px!important;text-indent:0!important;color:var(--wkw-star-off);background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.35 6.95.85-5.1 4.8 1.3 6.9L12 17.7l-6.1 3.4 1.3-6.9-5.1-4.8 6.95-.85z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.35 6.95.85-5.1 4.8 1.3 6.9L12 17.7l-6.1 3.4 1.3-6.9-5.1-4.8 6.95-.85z'/%3E%3C/svg%3E") center/contain no-repeat!important;transition:color .12s,transform .12s}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating input:checked + label::before,
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating input:checked ~ label::before{color:var(--wkw-green)}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating:hover label::before{color:var(--wkw-star-off)}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating label:hover::before,
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating label:hover ~ label::before{color:var(--wkw-green-soft);transform:scale(1.12)}
.wkw-umfrage_wrapper .wkw-rating .gsurvey-rating input:focus-visible + label{outline:2px solid var(--wkw-green);outline-offset:2px}

/* Freitext & Freigabe */
.wkw-umfrage_wrapper .wkw-freitext textarea{min-height:120px;border-radius:6px}
.wkw-umfrage_wrapper .wkw-freigabe .gfield_radio{background:#F1FAF6;border:1px solid #CFEBDD;border-radius:8px;padding:8px 14px}
.wkw-umfrage_wrapper .wkw-freigabe .gchoice{padding:6px 0}

/* Buttons */
.wkw-umfrage_wrapper .gform_next_button,.wkw-umfrage_wrapper .gform_button{background:var(--wkw-green)!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:14px 28px!important;font-size:18px!important;font-family:inherit!important;cursor:pointer}
.wkw-umfrage_wrapper .gform_next_button:hover,.wkw-umfrage_wrapper .gform_button:hover{background:#23935F!important}
.wkw-umfrage_wrapper .gform_previous_button{background:#fff!important;color:var(--wkw-text)!important;border:1px solid #C9C8C4!important;border-radius:6px!important;padding:14px 22px!important;font-size:16px!important;font-family:inherit!important;cursor:pointer}

/* Beendet-Zustand */
.wkw-umfrage-beendet{background:#F8EEE3;border-left:4px solid #2DAE7C;border-radius:8px;padding:28px 32px;color:#575756;font-family:Helvetica,Arial,sans-serif}
.wkw-umfrage-beendet h3{margin:0 0 10px;font-size:26px}

/* ---------- Gestapeltes Layout: Smartphones UND Tablet-Geräte (GF stapelt dort per Geräte-Breite) ---------- */
@media (max-width:767px), (min-device-width:768px) and (max-device-width:1024px){
  .wkw-umfrage_wrapper .wkw-schritt-titel{font-size:24px}
  .wkw-umfrage_wrapper .gform-field-label{font-size:18px}
  .wkw-umfrage_wrapper .wkw-matrix table.gsurvey-likert,.wkw-umfrage_wrapper .wkw-matrix tbody,.wkw-umfrage_wrapper .wkw-matrix tbody tr{display:block;width:100%!important}
  .wkw-umfrage_wrapper .wkw-matrix tbody tr,.wkw-umfrage_wrapper .wkw-matrix tbody tr:nth-child(odd),.wkw-umfrage_wrapper .wkw-matrix tbody tr:nth-child(even){background:var(--wkw-row)!important;border:0;border-radius:8px;padding:10px 12px 8px;margin:0 0 8px;text-align:left}
  .wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-row-label{display:block;width:100%!important;padding:0 0 4px;font-size:16px}
  .wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice{display:inline-block;width:auto!important;padding:2px 0;vertical-align:middle}
  .wkw-umfrage_wrapper .wkw-matrix td.gsurvey-likert-choice:nth-child(-n+6) input[type=radio]{width:44px;height:44px}
  .wkw-umfrage_wrapper .wkw-matrix td:nth-child(-n+6) input[type=radio]::before{width:32px;height:32px}
  .wkw-umfrage_wrapper .wkw-matrix td:nth-child(7){display:inline-block;width:auto!important;padding:2px 0 2px 8px;text-align:left}
  .wkw-umfrage_wrapper .wkw-matrix td::after,.wkw-umfrage_wrapper .wkw-matrix td::before{content:none!important;display:none!important}
  /* Touch: kein Hover-Rücksetzen */
  .wkw-umfrage_wrapper .wkw-matrix tr:hover td:nth-child(-n+6) input[type=radio]::before{color:var(--wkw-star-off)!important;transform:none}
  .wkw-umfrage_wrapper .wkw-matrix tr:hover td:nth-child(-n+6) input[type=radio]:checked::before,
  .wkw-umfrage_wrapper .wkw-matrix tr:hover td:nth-child(-n+6):has(~ td:nth-child(-n+6) input[type=radio]:checked) input[type=radio]::before{color:var(--wkw-green)!important}
  .wkw-umfrage_wrapper .gform_next_button,.wkw-umfrage_wrapper .gform_button,.wkw-umfrage_wrapper .gform_previous_button{width:100%;margin-bottom:8px}
}
/* Bereits teilgenommen: Start-Button im Hero ausblenden */
body.wkw-umfrage-done .elementor-element-9dddae2{display:none}