/* Erfolgsmeldung des Kontaktformulars im schwarzen CTA */
#cta-form.form-state-success > :not(.message-success){display:none!important}
#cta-form .message-success{position:relative;background:transparent!important;color:inherit!important;text-align:left!important;padding:10px 0 10px 84px!important;min-height:68px;animation:tr-ok-in .9s var(--tr-ease) both}
#cta-form .message-success::before{content:"";position:absolute;left:8px;top:8px;width:52px;height:52px;border-radius:50%;background:#FF5B1F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 0 0 8px rgba(255,91,31,.14);animation:tr-ok-pop .8s var(--tr-ease) .15s both}
#cta-form .message-success h3{color:#fff!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0 0 12px!important}
#cta-form .message-success h3+p{color:#9B9B9B!important;font-size:16px!important;line-height:1.6!important;max-width:540px;margin:0!important;animation:tr-ok-in .9s var(--tr-ease) .2s both}
@keyframes tr-ok-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes tr-ok-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@media (max-width:767px){#cta-form .message-success{padding:80px 0 4px!important}}
#cta-form .message-error{background:rgba(255,91,31,.08)!important;border:1px solid rgba(255,91,31,.3);border-radius:14px;text-align:left!important;padding:16px 18px!important}
#cta-form .message-error p{color:#FFB08F!important}
