/* Layout */
.iv-wrap { max-width: 720px; }
.iv-top { margin-bottom: 10px; }
.iv-progress-text { font-size: 13px; opacity: .8; margin-bottom: 6px; margin-top: 10px; font-weight: 600; color: #707070 !important; }
.iv-progress { height: 6px; background: rgba(0,0,0,.1); border-radius: 999px; overflow: hidden; }
.iv-progress-bar { height: 100%; border-radius: 999px; background: rgba(0,0,0,.35); }

.iv-card { padding-top: 18px; padding-bottom: 18px; border: 0px solid rgba(0,0,0,.12); border-radius: 14px; }
.iv-title { 
    margin: 0 0 14px; 
    line-height: 1.25; 
background-color: #F8F8F8;
    padding: 50px;
     border-radius: 10px;


}

.iv-actions{
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px !important;
}

.iv-action{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.iv-label{
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

/* Buttons: rund 70px, Icon oben + Text unten */
.iv-actions button.iv-btn{
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  border: 0px solid rgba(0,0,0,.18) !important;

  /* gegen Theme-Resets */
  background: #fff !important;              /* fallback */
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
  appearance: none !important;

  cursor: pointer !important;
  font-weight: 700 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  color: #fff !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;

  /* Text im Button kleiner */
 

  font-size: 15px !important;
    text-transform: uppercase;
}

/* YES = grün + Hakerl */
.iv-actions button.iv-btn.iv-yes{
  background: #3BC470 !important;
  background-color: #3BC470 !important;
  background-image: none !important;
}
.iv-actions button.iv-btn.iv-yes::before{
  content: "" !important;
  width: 44px;
  height: 44px;
  display: block !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/>\
</svg>");
}

/* NO = rot + X */
.iv-actions button.iv-btn.iv-no{
  background: #D84C4C !important;
  background-color: #D84C4C !important;
  background-image: none !important;
}
.iv-actions button.iv-btn.iv-no::before{
  content: "✕" !important;
  display: block !important;
  font-size: 40px !important;
  line-height: 1 !important;
}

/* Optional: Hover/Focus/Disabled */
.iv-actions button.iv-btn:hover{ filter: brightness(0.95) !important; }
.iv-actions button.iv-btn:focus-visible{
  outline: 3px solid rgba(0,0,0,.25) !important;
  outline-offset: 3px !important;
}
.iv-actions button.iv-btn:disabled { opacity: .55 !important; cursor: not-allowed !important; }

.iv-msg { margin-top: 12px; font-size: 14px; opacity: .9; min-height: 18px; }
.iv-wrap.is-loading .iv-card { opacity: .75; }

/* beim Drücken */
.iv-actions button.iv-btn:active{
  transform: scale(0.92) !important;
  filter: brightness(0.9) !important;
}

/* weiche Animation */
.iv-actions button.iv-btn{
  transition: transform .08s ease, filter .12s ease, box-shadow .12s ease !important;
}

#gform_next_button_3_5{
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}