.mcw-courseform .mcw-row{margin:0 0 14px}
.mcw-courseform label{display:block;margin:0 0 6px}
.mcw-courseform input,.mcw-courseform select,.mcw-courseform textarea{width:100%;max-width:620px}
.mcw-courseform .mcw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mcw-courseform .mcw-status{margin-top:10px}
.mcw-courseform .mcw-status[data-ok="0"]{font-weight:600}
.mcw-courseform input[type="checkbox"] {width: 15px; margin: 0;}
.mcw-btn {
  --mcw-green: #33632a;
  --mcw-green-dark: #274f20;
  --mcw-green-light: #4b7f41;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 12px 22px;
  border-radius: 10px;
  border: none;

  background: linear-gradient(
    135deg,
    var(--mcw-green),
    var(--mcw-green-light)
  );

  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;

  cursor: pointer;
  transition: 
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.25s ease;

  box-shadow: 
    0 4px 10px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.08);

  position: relative;
  overflow: hidden;
}
.mcw-btn:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 18px rgba(0, 0, 0, 0.18),
    0 2px 4px rgba(0, 0, 0, 0.12);
}
.mcw-btn:active {
  transform: translateY(0);
  box-shadow: 
    0 3px 6px rgba(0, 0, 0, 0.15);
}
.mcw-btn:focus-visible {
  outline: 3px solid rgba(51, 99, 42, 0.35);
  outline-offset: 2px;
}
.mcw-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.05)
  );
  transform: skewX(-20deg);
  transition: left 0.6s ease;
}

.mcw-btn:hover::before {
  left: 130%;
}
/* ===== MCW Courseform – passend zu .mcw-btn ===== */
.mcw-courseform{
  --mcw-green: #33632a;
  --mcw-green-dark: #274f20;

  --mcw-border: rgba(0,0,0,.14);
  --mcw-muted: rgba(0,0,0,.55);
  --mcw-bg: rgba(255,255,255,.92);

  --mcw-radius: 14px;

  max-width: 720px;
  background: var(--mcw-bg);
  border: 1px solid var(--mcw-border);
  border-radius: var(--mcw-radius);
  padding: clamp(16px, 2.2vw, 26px);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  backdrop-filter: blur(6px);
  margin: 0 auto;
  position: relative;
  isolation: isolate;
}
.mcw-courseform::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index:-1;
}
/* Row spacing */
.mcw-courseform .mcw-row{
  margin: 0 0 14px;
}

/* Labels */
.mcw-courseform label{
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
  font-size: 14px;
}

/* Inputs */
.mcw-courseform input[type="text"],
.mcw-courseform input[type="email"],
.mcw-courseform input[type="tel"],
.mcw-courseform select,
.mcw-courseform textarea{
  width: 100%;
  border: 1px solid var(--mcw-border);
  background: #fff;
  border-radius: 12px;
  padding: 11px 12px;
  font-size: 15px;
  line-height: 1.35;
  transition: border-color .18s ease, box-shadow .18s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

.mcw-courseform select{
  cursor: pointer;
}

/* Textarea */
.mcw-courseform textarea{
  min-height: 120px;
  resize: vertical;
}

/* Focus */
.mcw-courseform input:focus,
.mcw-courseform select:focus,
.mcw-courseform textarea:focus{
  outline: none;
  border-color: rgba(51, 99, 42, 0.55);
  box-shadow: 0 0 0 4px rgba(51, 99, 42, 0.18);
}

/* Hover subtle */
.mcw-courseform input:hover,
.mcw-courseform select:hover,
.mcw-courseform textarea:hover{
  border-color: rgba(0,0,0,.22);
}

/* Honeypot (hidden) */
.mcw-courseform .mcw-hp{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Consent row */
.mcw-courseform .mcw-consent{
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(51, 99, 42, 0.06);
  border: 1px solid rgba(51, 99, 42, 0.18);
}

.mcw-courseform .mcw-consent label{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  font-weight: 500;
  line-height: 1.35;
}

.mcw-courseform .mcw-consent input[type="checkbox"]{
  margin-top: 2px;
  width: 18px;
  height: 18px;
  accent-color: var(--mcw-green);
}

/* Button spacing */
.mcw-courseform .mcw-btn{
  margin-top: 4px;
}

/* Status line */
.mcw-courseform .mcw-status{
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.08);
  font-size: 14px;
  color: rgba(0,0,0,.8);
}

.mcw-courseform .mcw-consent a{ color: var(--mcw-green-dark); text-decoration: underline; }

/* Optional: nicer invalid state (works well with novalidate + JS validation) */
.mcw-courseform input:invalid,
.mcw-courseform select:invalid,
.mcw-courseform textarea:invalid{
  border-color: rgba(220,38,38,.28);
}
.mcw-courseform input:invalid:focus,
.mcw-courseform select:invalid:focus,
.mcw-courseform textarea:invalid:focus{
  box-shadow: 0 0 0 4px rgba(220,38,38,.12);
}

/* Titel + Hint */
.mcw-courseform .mcw-formtitle{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
}

.mcw-courseform .mcw-formhint{
  margin: 0 0 18px;
  color: rgba(0,0,0,.55);
  font-size: 14px;
}

/* Actions-Zeile (Button + Hinweis) */
.mcw-courseform .mcw-actions{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}

.mcw-courseform .mcw-muted{
  color: rgba(0,0,0,.55);
  font-size: 13px;
}

/* Consent-Link passend einfärben */
.mcw-courseform .mcw-consent a{
  color: #274f20;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mcw-courseform .mcw-consent a:hover{
  text-decoration-thickness: 2px;
}

@media (max-width: 520px){
  .mcw-courseform .mcw-btn{
    width: 100%;
  }
}