:root{--ws-action-gradient:linear-gradient(180deg,#ff2e82 0%,#ff006a 55%,#e0005d 100%);}
/* Shared header and trial component, adapted from ansagen.ai. */
.ws-simple-utility.topbar{background:#f8f8fb;border-bottom:1px solid #ececf2;font-size:12px}
.ws-simple-utility.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:12px;white-space:normal}
.ws-simple-utility.topbar .tb-mid{display:block;color:var(--ink-2,#565b8e);line-height:1.7}
.ws-simple-utility.topbar .tb-right{display:flex;align-items:center;gap:18px;flex-shrink:0}
.ws-simple-utility.topbar .tb-right a{font-size:12px;white-space:nowrap}
.ws-simple-utility.topbar .tb-right a span{max-width:none;overflow:visible}
.ws-simple-utility.topbar .tb-guthaben,.ws-simple-utility.topbar .no-mobile{display:inline-flex;align-items:center}
.ws-simple-header:is(.nav,.nav2026){background:#fff;border-bottom:1px solid #ececf2;backdrop-filter:none}
.ws-simple-header:is(.nav,.nav2026)>.wrap{display:flex;align-items:center;gap:28px;min-height:94px;padding-block:12px;box-sizing:border-box}
.ws-simple-header .brand{order:0;margin-right:auto;flex-shrink:0}
.ws-simple-header .brand-logo{width:215px;height:auto;display:block}
.ws-simple-header .nav-links{display:flex!important;align-items:center;order:1;gap:24px;margin:0;padding:0;list-style:none}
.ws-simple-header .nav-links>li>a,.ws-simple-header .nav-hat__b{font-size:14px;font-weight:400;color:var(--navy,#161c70);white-space:nowrap;text-decoration:none}
.ws-simple-header .nav-links>li>a:hover,.ws-simple-header .nav-hat__b:hover{color:#d91466;text-decoration:underline;text-underline-offset:5px}
.ws-simple-header>.wrap>.ws-trial--header{order:2;margin:0}
.ws-simple-header .burger,#mobileMenu,#wsMobileMenu{display:none!important}
.ws-simple-header .nav-pop{z-index:1100}
.rh-trial{position:relative;display:inline-flex;vertical-align:middle;max-width:100%;flex-shrink:0}
.rh-trial-button{display:inline-flex;align-items:stretch;width:max-content;max-width:100%;border-radius:999px;background:var(--ws-action-gradient);box-shadow:0 4px 12px #cc166f22}
.rh-trial .rh-trial-button>.rh-trial-start{display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;margin:0;padding:13px 23px;min-height:48px;border:0;border-radius:999px;background:none!important;box-shadow:none!important;color:#fff!important;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;text-decoration:none!important;text-transform:none;white-space:nowrap;transform:none}
.rh-trial .rh-trial-button>.rh-trial-start::after{display:none}
.rh-trial-button:hover{background:var(--ws-action-gradient);box-shadow:0 6px 18px #cc166f30}
.rh-trial-info{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px 0 4px;border:0;border-radius:0 999px 999px 0;background:none;color:#fff;cursor:pointer;font-family:inherit}
.rh-trial-info>span{display:grid;place-items:center;border:1px solid #ffffffb3;border-radius:50%;width:17px;height:17px;font-size:11px;font-weight:500;line-height:1}
.rh-trial-info:hover{background:#ffffff18}
.rh-trial :is(a,button):focus-visible,.rh-trial-panel :is(a,button):focus-visible{outline:3px solid #8e1b83;outline-offset:4px}
.rh-trial-panel.rh-trial-panel--shared{position:fixed;z-index:2147483000;box-sizing:border-box;width:395px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;margin:0;padding:28px 28px 23px;border:1px solid #e9e3ed;border-radius:18px;background:#fff;box-shadow:0 16px 48px #25244520;color:var(--navy,#161c70);font-family:inherit;text-align:left;line-height:1.6;animation:ws-trial-enter .18s ease-out}
.rh-trial-panel[hidden]{display:none!important}
.rh-trial-panel h2{display:block;margin:0 22px 22px 0;padding:0;color:var(--navy,#161c70);font-size:24px;font-weight:300;line-height:1.35;letter-spacing:-.025em;text-transform:none;text-wrap:initial}
.rh-trial-panel h2 strong{display:block;font-size:inherit;font-weight:700;color:inherit;line-height:inherit}
/* Keep shared flyout headings consistent despite the legacy subpage strong rule. */
body .rh-trial-panel.rh-trial-panel--shared h2 strong{color:var(--navy,#161c70)!important}
.rh-trial-panel ul{display:grid;gap:12px;list-style:none;margin:0 0 24px;padding:0;font-size:15px;font-weight:400;color:var(--ink-2,#565b8e)}
.rh-trial-panel li{display:flex;gap:11px;align-items:baseline;line-height:1.5;margin:0;padding:0}
.rh-trial-panel li::before{content:'✓';color:#c71678;font-size:20px;line-height:1;font-weight:500}
.rh-trial-panel li strong{color:var(--navy,#161c70);font-weight:700}
.rh-trial-panel .rh-trial-cta{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 20px;border:0;border-radius:999px;background:var(--ws-action-gradient);box-shadow:0 4px 12px #cc166f22;color:#fff;font-size:14px;font-weight:500;text-decoration:none;line-height:1.5}
.rh-trial-panel .rh-trial-ki{display:block;margin-top:14px;color:var(--ink-2,#565b8e);font-size:11px;font-weight:400;text-align:center;text-decoration:underline;text-underline-offset:3px}
.rh-trial-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#faf0f5;color:#b51967;cursor:pointer;font-size:24px;font-weight:300;line-height:1}
.rh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ws-trial-cta{display:inline-flex;max-width:100%;margin:0}
.ws-trial-cta::before,.ws-trial-cta::after{display:none!important}
.rh-trial--content:has(.vorlage-link) .rh-trial-start{min-height:40px;padding:10px 16px;font-size:12px}
@keyframes ws-trial-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine) and (min-width:761px){.rh-trial-info{display:none}}
@media(max-width:1100px){
 .ws-simple-utility.topbar .wrap{flex-wrap:wrap;gap:5px 18px;padding-block:9px}
 .ws-simple-utility.topbar .tb-right{margin-left:auto}
 .ws-simple-header:is(.nav,.nav2026)>.wrap{gap:18px}
 .ws-simple-header .brand-logo{width:180px}
 .ws-simple-header .nav-links{gap:17px}
}
@media(max-width:950px){
 .ws-simple-header:is(.nav,.nav2026)>.wrap{flex-wrap:wrap;gap:12px 16px;padding-block:16px}
 .ws-simple-header .nav-links{order:3;width:100%;justify-content:space-between;gap:12px}
 .ws-simple-header>.wrap>.ws-trial--header{order:2}
 .ws-simple-header .nav-links>li>a,.ws-simple-header .nav-hat__b{display:inline-flex;align-items:center;min-height:36px}
}
@media(max-width:760px){
 .ws-simple-utility.topbar .wrap{padding-block:10px;gap:6px}
 .ws-simple-utility.topbar .tb-mid{width:100%;font-size:11px}
 .ws-simple-utility.topbar .tb-right{margin-left:0;flex-wrap:wrap;gap:7px 14px;font-size:11px}
 .ws-simple-utility.topbar .tb-right a{font-size:11px;min-height:28px}
 .ws-simple-header:is(.nav,.nav2026){position:relative;top:auto}
 .ws-simple-header .brand-logo{width:145px}
 .rh-trial .rh-trial-button>.rh-trial-start{padding-right:5px}
 .rh-trial--header .rh-trial-button>.rh-trial-start{font-size:11px;padding-left:14px;min-height:44px}
 .ws-simple-header .nav-links{gap:0}
 .ws-simple-header .nav-links>li>a,.ws-simple-header .nav-hat__b{font-size:12px;padding-inline:0}
 .ws-simple-header .nav-pop{position:fixed;left:16px!important;right:16px!important;top:auto;width:auto;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto}
 .rh-trial-panel.rh-trial-panel--shared{padding:24px}
 .rh-trial-panel h2{font-size:23px}
 .rh-trial-close{width:44px;height:44px}
}
@media(max-width:380px){
 .ws-simple-header .brand-logo{width:112px}
 .ws-simple-header:is(.nav,.nav2026)>.wrap{gap:12px 8px}
 .rh-trial--header .rh-trial-button>.rh-trial-start{font-size:10px;padding-left:11px}
 .rh-trial--header .rh-trial-info{padding-right:7px}
 .ws-simple-header .nav-links>li>a,.ws-simple-header .nav-hat__b{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.rh-trial-panel.rh-trial-panel--shared{animation:none}}

/* One bright action gradient, matching the existing "Spotideen erstellen" button. */
body .btn-primary,
body .cto:not(.secondary),
body .wr-button,
body .cc-btn.cc-primary,
body .demo .play,
body .pv__play,
body .rh-trial-button,
body .rh-trial-panel .rh-trial-cta{background-image:var(--ws-action-gradient)!important}
/* A trial link and its info control share the wrapper's uninterrupted gradient. */
body .rh-trial .rh-trial-button>.rh-trial-start,
body.ws26-sub .section .rh-trial .rh-trial-button>.rh-trial-start,
body .rh-trial .rh-trial-info{background:transparent!important}