/* DLR Masterclass – Frontend-Formular */
.dlr-mc-box{max-width:560px;margin:24px auto;padding:24px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;box-sizing:border-box;font-size:16px;line-height:1.5}
.dlr-mc-head h3{margin:0 0 4px;font-size:24px}
.dlr-mc-meta{margin:0 0 4px;color:#555;font-weight:600}
.dlr-mc-free{margin:0 0 16px;color:#c1121f;font-weight:700}

.dlr-mc-form p{margin:0 0 14px}
.dlr-mc-form label{display:block;margin-bottom:4px;font-weight:600}
.dlr-mc-form input[type=text],
.dlr-mc-form input[type=email],
.dlr-mc-form input[type=tel]{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px}
.dlr-mc-form input:focus{outline:none;border-color:#c1121f;box-shadow:0 0 0 3px rgba(193,18,31,.15)}
.dlr-mc-field-hint{margin:6px 0 0;font-size:13px;color:#888}

/* Mehrstufiges Formular: nur der aktive Schritt ist sichtbar */
.dlr-mc-step{display:none}
.dlr-mc-step.is-active{display:block;animation:dlrMcFadeIn .18s ease-out}
@media (prefers-reduced-motion: reduce){
  .dlr-mc-step.is-active{animation:none}
}
@keyframes dlrMcFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.dlr-mc-progress{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.03em;color:#a0a0a0}

.dlr-mc-intro-text{margin:0 0 20px;color:#333}
.dlr-mc-yesno{display:flex;gap:10px;flex-wrap:wrap}

.dlr-mc-btn{padding:12px 20px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent}
.dlr-mc-btn-primary{background:#c1121f;color:#fff;border-color:#c1121f}
.dlr-mc-btn-primary:hover{background:#a20e19}
.dlr-mc-btn-ghost{background:#fff;color:#333;border-color:#ccc}
.dlr-mc-btn-ghost:hover{background:#f5f5f5}

/* Mobil zuerst: Buttons stehen untereinander, damit lange Texte (z. B. der
   Anmelde-Button) nie abgeschnitten werden — wichtig innerhalb des schmalen
   Popups. Erst ab ausreichender Breite stehen sie nebeneinander. */
.dlr-mc-nav{display:flex;flex-direction:column-reverse;gap:10px;margin-top:18px}
.dlr-mc-nav .dlr-mc-btn-ghost,
.dlr-mc-nav .dlr-mc-submit{width:100%}
@media (min-width:480px){
	.dlr-mc-nav{flex-direction:row;justify-content:space-between;align-items:center}
	.dlr-mc-nav .dlr-mc-btn-ghost{width:auto;flex:0 0 auto}
	.dlr-mc-nav .dlr-mc-submit{width:auto;flex:1 1 auto;min-width:0}
}

.dlr-mc-declined-text{color:#333;margin:0}

.dlr-mc-tiers{border:1px solid #e3e3e3;border-radius:10px;padding:12px 16px;margin:0 0 16px}
.dlr-mc-tiers legend{font-weight:700;padding:0 6px}
.dlr-mc-tier-opt{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px dashed #eee;font-weight:400;cursor:pointer}
.dlr-mc-tier-opt:last-child{border-bottom:none}
.dlr-mc-tier-opt span{flex:1}
.dlr-mc-tier-opt strong{white-space:nowrap}

.dlr-mc-submit{display:block;width:100%;padding:14px 18px;border:none;border-radius:8px;background:#c1121f;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer}
.dlr-mc-submit:hover{background:#a20e19}

.dlr-mc-success h3{margin-top:0}
.dlr-mc-paypal{display:inline-block;padding:14px 20px;background:#0070ba;color:#fff;border-radius:8px;font-weight:700;text-decoration:none}
.dlr-mc-paypal:hover{background:#005a96}
.dlr-mc-hint{color:#777;font-size:14px;margin-top:12px}

.dlr-mc-info{color:#555}
.dlr-mc-error{padding:12px 16px;background:#fdecea;border:1px solid #f5c6cb;border-radius:8px;color:#a20e19;margin-bottom:16px}
.dlr-mc-success{border-color:#c8e6c9;background:#f1f8f1}

/* Honeypot – für Menschen unsichtbar */
.dlr-mc-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}