/*
Theme Name: Creator Assure
Theme URI: https://creatorassure.de/
Author: AgidoMedia.net
Description: Eigenständiges Creator Assure WordPress-Theme im hellen Creator-/SaaS-Stil mit Gradient-Akzenten, Onepage-Startseite und passenden Rechtstext-Unterseiten.
Version: 1.12.26
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: creatorassure
*/

:root {
  --ca-dark:#0b0e1a;
  --ca-dark-2:#10172b;
  --ca-text:#101426;
  --ca-muted:#667085;
  --ca-pink:#ff2d8e;
  --ca-purple:#783fff;
  --ca-blue:#00c6ff;
  --ca-surface:#ffffff;
  --ca-soft:#f6f7fb;
  --ca-border:#e7e9f2;
  --ca-success:#18c77a;
  --ca-radius:18px;
  --ca-shadow:0 18px 50px rgba(39,45,78,.12);
  --ca-gradient:linear-gradient(100deg,var(--ca-pink) 0%,var(--ca-purple) 52%,var(--ca-blue) 100%);
  --ca-heading:"Manrope","Inter","Avenir Next","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --ca-body:"Inter","Segoe UI",Arial,sans-serif;
  --ca-container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ca-text);font-family:var(--ca-body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
body.admin-bar .ca-site-header{top:32px}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ca-purple)}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.ca-container{width:min(calc(100% - 40px),var(--ca-container));margin-inline:auto}
.ca-section{position:relative;padding:86px 0;overflow:hidden}
.ca-section--soft{background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)}
.ca-section--glow:before,.ca-section--glow:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(30px);opacity:.16;pointer-events:none}
.ca-section--glow:before{background:var(--ca-purple);left:-180px;top:12%}.ca-section--glow:after{background:var(--ca-blue);right:-190px;bottom:10%}
.ca-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:rgba(120,63,255,.08);color:var(--ca-purple);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.ca-kicker--dark{background:rgba(255,255,255,.1);color:#d7c8ff}
h1,h2,h3,h4{font-family:var(--ca-heading);letter-spacing:-.03em;line-height:1.12;margin:0 0 18px;color:var(--ca-text)}
h1{font-size:clamp(42px,5vw,72px)}h2{font-size:clamp(32px,4vw,48px)}h3{font-size:22px}h4{font-size:18px}
p{margin:0 0 18px}.ca-lead{font-size:18px;color:var(--ca-muted);max-width:720px}.ca-muted{color:var(--ca-muted)}
.ca-gradient-text{background:var(--ca-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.ca-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:10px;font-weight:800;transition:.2s ease;white-space:nowrap}
.ca-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(85,71,255,.22);color:#fff}.ca-btn--primary{background:var(--ca-gradient);color:#fff}.ca-btn--outline{background:#fff;border-color:#b5a2ff;color:var(--ca-text)}.ca-btn--outline:hover{background:#f7f5ff;color:var(--ca-purple)}.ca-btn--ghost{background:rgba(120,63,255,.08);color:var(--ca-purple)}
.ca-icon{width:22px;height:22px;display:inline-flex}.ca-icon svg{width:100%;height:100%}
.ca-topbar{background:#081124;color:#f1f4ff;font-size:13px}.ca-topbar__inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ca-topbar__group{display:flex;align-items:center;gap:18px}.ca-topbar a{opacity:.92}
.ca-site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(229,231,239,.88)}.ca-header__inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.ca-brand img{width:178px;max-height:54px;object-fit:contain}.ca-nav{display:flex;justify-content:center}.ca-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.ca-nav a{font-size:14px;font-weight:700;color:#35384a;position:relative;padding:27px 0}.ca-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:2px;background:var(--ca-gradient);transition:.2s}.ca-nav a:hover:after,.ca-nav .current-menu-item>a:after{left:0;right:0}.ca-header__actions{display:flex;gap:10px}.ca-menu-toggle{display:none;border:0;background:#f5f4ff;border-radius:10px;width:46px;height:46px;color:var(--ca-purple)}
.ca-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(255,45,142,.15),transparent 36%),radial-gradient(circle at 88% 75%,rgba(0,198,255,.13),transparent 30%),linear-gradient(110deg,#fff 0%,#fff 48%,#f7f2ff 100%)}.ca-hero:before{content:"";position:absolute;width:300px;height:300px;left:-150px;top:80px;border-radius:50%;border:70px solid rgba(120,63,255,.07)}.ca-hero__inner{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px;padding:72px 0 54px}.ca-hero__copy{position:relative;z-index:2}.ca-hero__copy p{max-width:650px;font-size:18px;color:#474d63}.ca-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.ca-trustline{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:30px;color:#49516a;font-weight:650;font-size:13px}.ca-trustline span{display:flex;align-items:center;gap:8px}.ca-trustline i{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(104,80,255,.18);display:inline-grid;place-items:center;color:var(--ca-purple);font-style:normal;font-size:11px}
.ca-hero__visual{position:relative;min-height:520px;display:flex;align-items:flex-end;justify-content:center}.ca-hero__halo{position:absolute;width:480px;height:480px;border-radius:50%;background:linear-gradient(135deg,rgba(120,63,255,.16),rgba(255,45,142,.07));right:2%;top:6%}.ca-hero__photo{position:relative;z-index:2;width:min(100%,520px);border-radius:10px 10px 10px 10px;box-shadow:0 35px 80px rgba(62,39,105,.2);object-fit:cover;aspect-ratio:1.18/1}.ca-floating-card{position:absolute;z-index:4;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 16px 44px rgba(36,36,73,.16);border-radius:10px;padding:13px 15px;min-width:195px;display:flex;gap:11px;align-items:center}.ca-floating-card b{font-size:13px;display:block}.ca-floating-card small{display:block;font-size:11px;color:var(--ca-muted);line-height:1.25}.ca-floating-card .ca-badgeicon{width:34px;height:34px;border-radius:10px;background:var(--ca-gradient);color:#fff;display:grid;place-items:center;flex:0 0 auto}.ca-floating-card--one{right:-10px;top:96px}.ca-floating-card--two{right:5px;top:185px}.ca-floating-card--three{right:20px;top:274px}.ca-floating-card--proof{right:-6px;bottom:18px;min-width:250px}.ca-avatars{display:flex}.ca-avatars span{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f3c2d8,#8d6cff);border:2px solid #fff;margin-left:-8px}.ca-avatars span:first-child{margin-left:0}
.ca-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.ca-checklist{display:grid;gap:18px;margin-top:30px}.ca-check{display:flex;align-items:center;gap:14px;font-weight:750;color:#31364b}.ca-check i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 8px 24px rgba(89,64,255,.12);color:var(--ca-purple);font-style:normal}.ca-dashboard{background:linear-gradient(145deg,#12162c,#29184b);border-radius:10px;padding:18px;box-shadow:0 28px 70px rgba(46,31,85,.22);display:grid;grid-template-columns:160px 1fr;min-height:390px;position:relative;overflow:hidden}.ca-dashboard:after{content:"";position:absolute;right:-80px;bottom:-90px;width:270px;height:270px;border-radius:50%;background:rgba(0,198,255,.1)}.ca-dash-side{padding:14px;color:#fff}.ca-dash-side__brand{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:20px}.ca-dash-nav{display:grid;gap:7px}.ca-dash-nav span{padding:10px;border-radius:9px;font-size:12px;color:#dcd9ee}.ca-dash-nav span:first-child{background:rgba(255,255,255,.11);color:#fff}.ca-dash-main{position:relative;z-index:2;background:#fff;border-radius:10px;padding:24px}.ca-dash-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.ca-dash-user{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffd2e6,#8a65ff)}.ca-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.ca-stat{border:1px solid var(--ca-border);background:#fbfbfe;border-radius:10px;padding:13px}.ca-stat i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(120,63,255,.08);color:var(--ca-purple);font-style:normal;margin-bottom:8px}.ca-stat b{display:block;font-size:12px}.ca-stat small{color:var(--ca-muted);font-size:10px}.ca-activity{display:grid;gap:8px}.ca-activity div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f5;padding-top:10px;font-size:12px}.ca-activity b{font-size:12px}
.ca-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.ca-section-heading__copy{max-width:820px}.ca-section-heading a{color:var(--ca-purple);font-weight:800;font-size:14px}.ca-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ca-service-card{background:#fff;border:1px solid #ececf4;border-radius:10px;padding:22px;box-shadow:0 10px 28px rgba(34,40,73,.06);transition:.2s}.ca-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(63,53,107,.11);border-color:#d9d1ff}.ca-service-icon{width:42px;height:42px;border-radius:10px;background:var(--ca-gradient);display:grid;place-items:center;color:#fff;margin-bottom:16px}.ca-service-card h3{font-size:18px;margin-bottom:9px}.ca-service-card p{font-size:14px;color:var(--ca-muted);margin:0}
.ca-process-wrap{display:grid;grid-template-columns:1fr 270px;gap:28px;align-items:stretch}.ca-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ca-step{position:relative;background:#fff;border:1px solid var(--ca-border);border-radius:10px;padding:24px 20px;min-height:190px}.ca-step__num{width:38px;height:38px;border-radius:50%;background:var(--ca-gradient);color:#fff;font-weight:900;display:grid;place-items:center;margin-bottom:18px}.ca-step h3{font-size:17px}.ca-step p{font-size:13px;color:var(--ca-muted)}.ca-step:not(:last-child):after{content:"";position:absolute;right:-15px;top:42px;width:30px;border-top:2px dotted #a892ff;z-index:3}.ca-process-photo{border-radius:10px;overflow:hidden;position:relative;min-height:220px;background:#ede8ff}.ca-process-photo img{width:100%;height:100%;object-fit:cover}.ca-handnote{position:absolute;left:-20px;top:8px;z-index:2;color:#5b4cff;font-family:cursive;font-size:22px;transform:rotate(-5deg);background:rgba(255,255,255,.78);padding:7px 10px;border-radius:12px}
.ca-trust{background:radial-gradient(circle at 0% 100%,rgba(120,63,255,.35),transparent 30%),radial-gradient(circle at 90% 5%,rgba(0,198,255,.12),transparent 25%),linear-gradient(135deg,#11172f 0%,#09101f 100%);color:#fff}.ca-trust h2,.ca-trust h3{color:#fff}.ca-trust .ca-lead{color:#c7ccdc}.ca-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.ca-trust-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:21px;display:flex;gap:14px}.ca-trust-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7138ff,#d82bd6);display:grid;place-items:center;flex:0 0 auto}.ca-trust-card h3{font-size:16px;margin-bottom:6px}.ca-trust-card p{font-size:12px;color:#b9c0d2;margin:0}
.ca-pricing-toolbar{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.ca-toggle{position:relative;width:48px;height:26px;border-radius:10px;background:#dcd8ff;padding:3px}.ca-toggle input{position:absolute;opacity:0;pointer-events:none}.ca-toggle span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s}.ca-toggle input:checked+span{transform:translateX(22px);background:var(--ca-blue)}.ca-save-pill{padding:4px 8px;border-radius:10px;background:rgba(120,63,255,.08);color:var(--ca-purple)}.ca-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.ca-price-card{position:relative;background:#fff;border:1px solid var(--ca-border);border-radius:10px;padding:26px;box-shadow:0 14px 34px rgba(34,40,73,.07);display:flex;flex-direction:column}.ca-price-card--featured{border:2px solid #42a8ff;box-shadow:0 24px 60px rgba(65,107,255,.16);transform:translateY(-8px)}.ca-price-ribbon{position:absolute;left:22px;right:22px;top:-13px;background:#19a8ff;color:#fff;text-align:center;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:.08em;padding:5px}.ca-price-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ca-plan-tag{font-size:10px;color:var(--ca-purple);background:rgba(120,63,255,.08);padding:5px 8px;border-radius:999px}.ca-price{font-family:var(--ca-heading);font-size:34px;font-weight:800;line-height:1;margin:14px 0 8px}.ca-price small{font-size:13px;color:var(--ca-muted);font-family:var(--ca-body);font-weight:600}.ca-price-list{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:10px;font-size:13px}.ca-price-list li{display:flex;gap:9px}.ca-price-list li:before{content:"✓";color:var(--ca-purple);font-weight:900}.ca-price-card .ca-btn{margin-top:auto}.ca-yearly{display:none}.ca-pricing.is-yearly .ca-monthly{display:none}.ca-pricing.is-yearly .ca-yearly{display:inline}
.ca-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.ca-faq details{border:1px solid var(--ca-border);border-radius:10px;background:#fff;overflow:hidden}.ca-faq summary{list-style:none;cursor:pointer;padding:17px 18px;font-weight:800;font-size:14px;display:flex;justify-content:space-between;gap:20px}.ca-faq summary::-webkit-details-marker{display:none}.ca-faq summary:after{content:"+";color:var(--ca-purple);font-size:22px;line-height:1}.ca-faq details[open] summary:after{content:"−"}.ca-faq__answer{padding:0 18px 18px;color:var(--ca-muted);font-size:14px}
.ca-contact-shell{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid var(--ca-border);border-radius:10px;background:#fff;overflow:hidden;box-shadow:var(--ca-shadow)}.ca-contact-info{position:relative;padding:38px;background:radial-gradient(circle at 78% 15%,rgba(120,63,255,.14),transparent 35%),linear-gradient(135deg,#fff 0%,#f6f1ff 100%);overflow:hidden}.ca-contact-info:after{content:"";position:absolute;width:180px;height:180px;border:40px solid rgba(120,63,255,.07);border-radius:50%;right:-70px;bottom:-80px}.ca-contact-info ul{list-style:none;margin:24px 0 30px;padding:0;display:grid;gap:11px;font-weight:700;font-size:14px}.ca-contact-info li:before{content:"✓";color:var(--ca-purple);margin-right:10px}.ca-contact-visual{position:relative;height:170px;border-radius:10px;overflow:hidden;margin-top:20px}.ca-contact-visual img{width:100%;height:100%;object-fit:cover}.ca-contact-form{padding:38px}.ca-contact-form h3{font-size:22px}.ca-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ca-field{display:grid;gap:6px}.ca-field--full{grid-column:1/-1}.ca-field label{font-size:12px;font-weight:800}.ca-field input,.ca-field select,.ca-field textarea{width:100%;border:1px solid #dfe2eb;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ca-text);outline:none}.ca-field input:focus,.ca-field select:focus,.ca-field textarea:focus{border-color:#9d87ff;box-shadow:0 0 0 4px rgba(120,63,255,.08)}.ca-field textarea{min-height:110px;resize:vertical}.ca-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--ca-muted);margin:14px 0}.ca-form-message{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:13px}.ca-form-message--success{background:#eafaf3;color:#0d8150}.ca-form-message--error{background:#fff0f4;color:#b42350}
.ca-site-footer{background:radial-gradient(circle at 0% 100%,rgba(120,63,255,.45),transparent 22%),linear-gradient(135deg,#0b1021,#07101e);color:#e7ebf5;padding:54px 0 18px}.ca-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:34px}.ca-footer-brand img{width:168px;filter:brightness(0) invert(1);opacity:.95}.ca-footer-brand p{font-size:13px;color:#abb4c9;max-width:250px}.ca-footer h4{color:#fff;font-size:14px;margin-bottom:12px}.ca-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ca-footer li,.ca-footer a{font-size:12px;color:#b7bfd1}.ca-footer a:hover{color:#fff}.ca-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8e98ae}
.ca-legal-hero{padding:78px 0 62px;background:radial-gradient(circle at 20% 10%,rgba(120,63,255,.2),transparent 30%),linear-gradient(135deg,#10162c,#07101f);color:#fff}.ca-legal-hero h1{color:#fff;margin-top:14px}.ca-legal-hero p{color:#c0c7d6;max-width:760px}.ca-legal-page{padding:60px 0 90px;background:#f7f8fc}.ca-legal-card{max-width:920px;margin:auto;background:#fff;border:1px solid var(--ca-border);border-radius:10px;padding:clamp(28px,5vw,58px);box-shadow:var(--ca-shadow)}.ca-legal-card h2{font-size:28px;margin-top:38px}.ca-legal-card h3{font-size:20px;margin-top:30px}.ca-legal-card p,.ca-legal-card li{color:#4b5268}.ca-legal-card a{color:var(--ca-purple);text-decoration:underline;text-underline-offset:3px}.ca-legal-note{border-left:4px solid var(--ca-purple);background:#f7f4ff;padding:16px 18px;border-radius:0 10px 10px 0;color:#564b7b;font-size:13px}.ca-back{display:inline-flex;gap:8px;align-items:center;font-weight:800;color:#fff;opacity:.9}
.ca-page{padding:70px 0}.ca-entry{max-width:920px;margin:auto}.ca-entry>*+*{margin-top:18px}
@media(max-width:1050px){.ca-header__inner{grid-template-columns:auto auto;justify-content:space-between}.ca-nav{display:none;grid-column:1/-1}.ca-nav.is-open{display:block}.ca-nav ul{flex-direction:column;align-items:flex-start;padding:14px 0 22px;gap:0}.ca-nav a{display:block;padding:10px 0}.ca-header__actions{display:none}.ca-menu-toggle{display:grid;place-items:center}.ca-hero__inner{grid-template-columns:1fr;min-height:auto;padding-top:60px}.ca-hero__visual{min-height:500px}.ca-split{grid-template-columns:1fr}.ca-card-grid{grid-template-columns:repeat(2,1fr)}.ca-process-wrap{grid-template-columns:1fr}.ca-process-photo{display:none}.ca-steps{grid-template-columns:repeat(2,1fr)}.ca-trust-grid,.ca-pricing-grid{grid-template-columns:repeat(2,1fr)}.ca-footer-grid{grid-template-columns:repeat(3,1fr)}.ca-footer-brand{grid-column:1/-1}}
@media(max-width:782px){body.admin-bar .ca-site-header{top:46px}.ca-topbar__group--right{display:none}.ca-topbar__inner{justify-content:center}.ca-section{padding:64px 0}.ca-section-heading{align-items:flex-start;flex-direction:column}.ca-hero__inner{padding-top:44px}.ca-hero__visual{min-height:420px}.ca-floating-card{display:none}.ca-dashboard{grid-template-columns:1fr}.ca-dash-side{display:none}.ca-stat-grid{grid-template-columns:repeat(2,1fr)}.ca-contact-shell{grid-template-columns:1fr}.ca-faq-grid{grid-template-columns:1fr}.ca-footer-grid{grid-template-columns:repeat(2,1fr)}.ca-footer-bottom{flex-direction:column}.ca-price-card--featured{transform:none}}
@media(max-width:560px){.ca-container{width:min(calc(100% - 28px),var(--ca-container))}.ca-topbar__group{gap:10px}.ca-topbar{font-size:11px}.ca-brand img{width:150px}.ca-hero__visual{min-height:330px}.ca-hero__photo{border-radius:24px}.ca-card-grid,.ca-steps,.ca-trust-grid,.ca-pricing-grid,.ca-footer-grid{grid-template-columns:1fr}.ca-step:not(:last-child):after{display:none}.ca-form-grid{grid-template-columns:1fr}.ca-field--full{grid-column:auto}.ca-contact-info,.ca-contact-form{padding:26px}.ca-dashboard{padding:10px}.ca-dash-main{padding:18px}.ca-legal-card{border-radius:14px}.ca-header__inner{min-height:68px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.custom-logo-link img{width:178px;max-height:54px;object-fit:contain}.ca-topbar a{display:inline-flex;align-items:center;gap:6px}.ca-topbar .ca-icon{width:14px;height:14px}.ca-footer-brand .ca-icon{width:18px;height:18px}


/* =========================================================
   CreatorAssure 1.5.0 – Design-Fidelity / flowing backgrounds
   Reference: supplied CreatorAssure desktop composition
   ========================================================= */
:root{
  --ca-container:1320px;
  --ca-radius:10px;
  --ca-shadow:0 14px 36px rgba(32,39,78,.09);
}
body{font-size:15px;line-height:1.5;background:#fff;overflow-x:hidden}
.ca-container{width:min(calc(100% - 56px),var(--ca-container))}
.ca-section{padding:54px 0}
.ca-section--soft{background:transparent}
.ca-flow-shell{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.ca-flow-shell>section{position:relative;z-index:1;background:transparent!important}
.ca-flow-shell .ca-section--glow:before,.ca-flow-shell .ca-section--glow:after{display:none}
.ca-flow-shell--upper{
  background:
    radial-gradient(ellipse 46% 18% at -5% 9%,rgba(122,67,255,.10),transparent 72%),
    radial-gradient(ellipse 42% 22% at 101% 21%,rgba(255,74,166,.10),transparent 70%),
    radial-gradient(ellipse 52% 18% at 82% 43%,rgba(0,198,255,.08),transparent 72%),
    radial-gradient(ellipse 50% 20% at 6% 68%,rgba(126,82,255,.08),transparent 72%),
    linear-gradient(180deg,#fff 0%,#fdfbff 18%,#fff 34%,#fbfcff 55%,#fbf9ff 76%,#fff 100%);
}
.ca-flow-shell--upper:before{
  content:"";position:absolute;z-index:0;pointer-events:none;left:-220px;top:125px;width:500px;height:500px;
  border:94px solid rgba(119,70,255,.055);border-radius:50%;filter:blur(.1px)
}
.ca-flow-shell--upper:after{
  content:"";position:absolute;z-index:0;pointer-events:none;right:-260px;top:760px;width:640px;height:640px;
  border-radius:50%;background:radial-gradient(circle,rgba(80,210,255,.12) 0%,rgba(119,70,255,.055) 40%,transparent 72%);filter:blur(10px)
}
.ca-flow-shell--lower{
  background:
    radial-gradient(ellipse 35% 16% at -4% 15%,rgba(119,70,255,.09),transparent 72%),
    radial-gradient(ellipse 35% 14% at 104% 38%,rgba(0,198,255,.08),transparent 70%),
    radial-gradient(ellipse 44% 17% at 12% 86%,rgba(164,105,255,.10),transparent 72%),
    radial-gradient(ellipse 36% 15% at 96% 88%,rgba(0,198,255,.09),transparent 70%),
    linear-gradient(180deg,#fff 0%,#fdfcff 44%,#fff 72%,#fbfcff 100%);
}
.ca-flow-shell--lower:before{
  content:"";position:absolute;z-index:0;pointer-events:none;left:-180px;top:300px;width:360px;height:360px;border-radius:50%;
  border:68px solid rgba(119,70,255,.045)
}
.ca-flow-shell--lower:after{
  content:"";position:absolute;z-index:0;pointer-events:none;right:-210px;bottom:70px;width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,198,255,.105),rgba(119,70,255,.055) 42%,transparent 70%);filter:blur(9px)
}

/* Header proportions from the reference */
.ca-topbar{font-size:11.5px;background:#071124}
.ca-topbar__inner{height:30px}
.ca-site-header{background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(20,25,52,.035)}
.ca-header__inner{min-height:66px;gap:24px}
.ca-brand img,.custom-logo-link img{width:150px;max-height:46px}
.ca-nav ul{gap:27px}
.ca-nav a{font-size:12.5px;padding:22px 0;font-weight:700}
.ca-nav a:after{bottom:14px}
.ca-header__actions .ca-btn{min-height:40px;padding:0 17px;font-size:12px;border-radius:9px}

/* Compact premium type scale */
h1,h2,h3,h4{letter-spacing:-.035em}
h1{font-size:clamp(42px,4.4vw,63px);line-height:1.02;margin-bottom:16px}
h2{font-size:clamp(29px,3vw,41px);line-height:1.07;margin-bottom:12px}
h3{font-size:18px}
.ca-lead{font-size:15.5px;line-height:1.5}
.ca-kicker{padding:4px 9px;font-size:9.5px;letter-spacing:.14em;border-radius:10px;background:rgba(120,63,255,.075)}
.ca-btn{min-height:44px;padding:0 19px;border-radius:10px;font-size:13px}

/* Hero: wider image field, tighter vertical rhythm, soft visual blend */
.ca-hero{overflow:visible}
.ca-hero:before{display:none}
.ca-hero__inner{min-height:535px;grid-template-columns:.94fr 1.06fr;gap:26px;padding:38px 0 30px}
.ca-hero__copy{padding-left:3px}
.ca-hero__copy p{max-width:620px;font-size:15.5px;line-height:1.5;color:#424961}
.ca-hero__actions{margin:21px 0 18px;gap:10px}
.ca-trustline{margin-top:18px;gap:10px 18px;font-size:11px}
.ca-trustline i{width:16px;height:16px}
.ca-hero__visual{min-height:465px;height:465px;align-items:stretch;justify-content:stretch}
.ca-hero__halo{width:450px;height:450px;right:-3%;top:1%;background:linear-gradient(135deg,rgba(120,63,255,.13),rgba(255,45,142,.075))}
.ca-hero__photo{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center 46%;border-radius:10px;box-shadow:0 24px 58px rgba(63,42,109,.16)}
.ca-hero__visual:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.18) 12%,transparent 30%)}
.ca-floating-card{z-index:5;border-radius:10px;padding:9px 11px;min-width:184px;gap:9px;box-shadow:0 12px 28px rgba(35,35,72,.14)}
.ca-floating-card b{font-size:11.5px;line-height:1.12}.ca-floating-card small{font-size:9px}.ca-floating-card .ca-badgeicon{width:30px;height:30px;border-radius:8px}
.ca-floating-card--one{right:-3px;top:58px}.ca-floating-card--two{right:8px;top:132px}.ca-floating-card--three{right:18px;top:206px}.ca-floating-card--proof{right:-2px;bottom:18px;min-width:238px}
.ca-avatars span{width:25px;height:25px}

/* Backoffice / dashboard */
#ueber-uns{padding:46px 0 50px}
.ca-split{grid-template-columns:.82fr 1.18fr;gap:48px}
.ca-checklist{gap:13px;margin-top:22px}.ca-check{gap:11px;font-size:14px}.ca-check i{width:31px;height:31px;border-radius:9px}
.ca-dashboard{min-height:320px;border-radius:10px;padding:12px;grid-template-columns:145px 1fr;box-shadow:0 22px 54px rgba(45,35,88,.16)}
.ca-dash-side{padding:11px}.ca-dash-side__brand{font-size:12px;margin-bottom:14px}.ca-dash-nav{gap:4px}.ca-dash-nav span{padding:7px 8px;font-size:10.5px}
.ca-dash-main{border-radius:10px;padding:19px}.ca-dash-main h3{font-size:19px}.ca-stat-grid{gap:8px;margin:15px 0}.ca-stat{padding:10px;border-radius:9px}.ca-stat i{width:24px;height:24px;margin-bottom:6px}.ca-stat b{font-size:10.5px}.ca-stat small{font-size:8.5px}.ca-activity div{font-size:10px;padding-top:7px}.ca-activity b{font-size:10px}

/* Services – tighter 4×2 card field like the reference */
#leistungen{padding:48px 0 54px}
.ca-section-heading{margin-bottom:24px;gap:24px}.ca-section-heading__copy{max-width:900px}.ca-section-heading a{font-size:11.5px}
.ca-card-grid{gap:12px}.ca-service-card{border-radius:10px;padding:17px 18px;box-shadow:0 8px 22px rgba(34,40,73,.055)}
.ca-service-icon{width:34px;height:34px;border-radius:9px;margin-bottom:10px}.ca-service-icon .ca-icon{width:18px;height:18px}
.ca-service-card h3{font-size:14.5px;margin-bottom:6px}.ca-service-card p{font-size:11.5px;line-height:1.38}

/* Process – flatter one-row sequence and integrated image */
#ablauf{padding:46px 0 48px}
.ca-process-wrap{grid-template-columns:1fr 250px;gap:16px}
.ca-steps{gap:10px}.ca-step{border-radius:10px;padding:16px 14px;min-height:150px;box-shadow:0 6px 18px rgba(39,45,78,.035)}
.ca-step__num{width:30px;height:30px;margin-bottom:11px;font-size:12px}.ca-step h3{font-size:13px;margin-bottom:6px}.ca-step p{font-size:10.5px;line-height:1.35}.ca-step:not(:last-child):after{right:-11px;top:30px;width:22px}
.ca-process-photo{min-height:150px;border-radius:12px}.ca-process-photo img{object-position:center 44%}.ca-handnote{left:-4px;top:-15px;font-size:17px;padding:4px 7px;background:rgba(255,255,255,.82)}

/* Dark trust band – hard section change only where the reference has it */
.ca-trust{padding:38px 0 42px;overflow:hidden;background:
  radial-gradient(ellipse 42% 120% at -5% 100%,rgba(116,39,255,.56),transparent 64%),
  radial-gradient(ellipse 38% 95% at 94% 10%,rgba(0,198,255,.10),transparent 64%),
  linear-gradient(112deg,#171530 0%,#0b1227 47%,#061123 100%)!important}
.ca-trust:after{content:"";position:absolute;right:5%;top:8px;width:205px;height:205px;border:25px solid rgba(104,80,255,.07);border-radius:42% 42% 48% 48%;transform:rotate(45deg);pointer-events:none}
.ca-trust .ca-container{position:relative;z-index:2}.ca-trust h2{font-size:clamp(28px,2.75vw,38px);max-width:1050px}.ca-trust .ca-lead{font-size:13px;max-width:900px}
.ca-trust-grid{gap:11px;margin-top:22px}.ca-trust-card{border-radius:10px;padding:15px;gap:10px;background:rgba(255,255,255,.075)}.ca-trust-icon{width:37px;height:37px}.ca-trust-card h3{font-size:12.5px;margin-bottom:4px}.ca-trust-card p{font-size:10px;line-height:1.35}

/* Pricing / FAQ / contact share one continuous light canvas */
.ca-pricing{padding:43px 0 46px}.ca-pricing-toolbar{font-size:10px}.ca-toggle{width:42px;height:23px}.ca-toggle span{width:17px;height:17px}.ca-toggle input:checked+span{transform:translateX(19px)}
.ca-pricing-grid{gap:10px}.ca-price-card{border-radius:10px;padding:20px 18px;box-shadow:0 9px 24px rgba(34,40,73,.055)}.ca-price-card--featured{transform:translateY(-4px);box-shadow:0 16px 35px rgba(65,107,255,.13)}.ca-price-ribbon{top:-10px;font-size:8px;padding:4px}.ca-price-top h3{font-size:15px}.ca-plan-tag{font-size:8.5px;padding:4px 6px}.ca-price{font-size:29px;margin:10px 0 5px}.ca-price small{font-size:10.5px}.ca-price-list{gap:6px;margin:13px 0 18px;font-size:10.5px}.ca-price-card .ca-btn{min-height:37px;font-size:10.5px}
.ca-faq{padding:42px 0 44px}.ca-faq-grid{gap:8px 16px}.ca-faq details{border-radius:9px;box-shadow:0 5px 14px rgba(31,38,74,.025)}.ca-faq summary{padding:11px 13px;font-size:10.5px}.ca-faq summary:after{font-size:17px}.ca-faq__answer{padding:0 13px 13px;font-size:11px}
#kontakt{padding:44px 0 50px}.ca-contact-shell{grid-template-columns:1.05fr .95fr;border-radius:10px;box-shadow:0 14px 34px rgba(38,43,75,.09)}.ca-contact-info{padding:27px 30px;background:radial-gradient(circle at 78% 14%,rgba(120,63,255,.15),transparent 36%),linear-gradient(135deg,#fff 0%,#f3efff 100%)}.ca-contact-info h2{font-size:30px}.ca-contact-info p{font-size:12.5px}.ca-contact-info ul{margin:16px 0 18px;gap:7px;font-size:11px}.ca-contact-visual{height:135px;margin-top:12px;border-radius:11px}.ca-contact-form{padding:27px 30px}.ca-contact-form h3{font-size:17px;margin-bottom:5px}.ca-contact-form>.ca-muted{font-size:11px}.ca-form-grid{gap:9px 11px}.ca-field{gap:4px}.ca-field label{font-size:9px}.ca-field input,.ca-field select,.ca-field textarea{padding:8px 9px;border-radius:6px;font-size:11px}.ca-field textarea{min-height:72px}.ca-consent{font-size:9px;margin:9px 0}.ca-contact-form .ca-btn{min-height:38px;font-size:10.5px}

/* Footer proportions */
.ca-site-footer{padding:38px 0 13px;background:radial-gradient(circle at 0% 100%,rgba(120,63,255,.47),transparent 25%),radial-gradient(circle at 100% 0%,rgba(0,198,255,.08),transparent 32%),linear-gradient(135deg,#0b1021,#06101f)}
.ca-footer-grid{grid-template-columns:1.45fr repeat(4,1fr);gap:28px}.ca-footer-brand img{width:145px}.ca-footer-brand p{font-size:10.5px}.ca-footer h4{font-size:11px;margin-bottom:8px}.ca-footer ul{gap:4px}.ca-footer li,.ca-footer a{font-size:9.5px}.ca-footer-bottom{margin-top:24px;padding-top:12px;font-size:9px}

/* Legal pages inherit the same premium language */
.ca-legal-hero{padding:62px 0 50px;background:radial-gradient(circle at 12% 20%,rgba(120,63,255,.28),transparent 30%),radial-gradient(circle at 88% 15%,rgba(0,198,255,.10),transparent 28%),linear-gradient(120deg,#171530,#07101f)}
.ca-legal-page{background:radial-gradient(ellipse at 15% 25%,rgba(120,63,255,.06),transparent 28%),radial-gradient(ellipse at 85% 72%,rgba(0,198,255,.055),transparent 30%),#fafbfe}
.ca-legal-card{border-radius:10px;box-shadow:0 14px 34px rgba(38,43,75,.08)}

@media(max-width:1180px){
  .ca-container{width:min(calc(100% - 44px),var(--ca-container))}
  .ca-header__inner{gap:18px}.ca-nav ul{gap:18px}.ca-nav a{font-size:11.5px}
  .ca-hero__inner{grid-template-columns:.9fr 1.1fr}.ca-floating-card{transform:scale(.93);transform-origin:right center}
  .ca-split{gap:34px}.ca-dashboard{grid-template-columns:125px 1fr}
}
@media(max-width:1050px){
  .ca-header__inner{min-height:64px}
  .ca-hero__inner{grid-template-columns:1fr;padding-top:44px}.ca-hero__visual{height:460px;min-height:460px;max-width:760px;width:100%;margin:0 auto}
  .ca-split{grid-template-columns:1fr}.ca-dashboard{max-width:820px;width:100%;margin:0 auto}.ca-process-wrap{grid-template-columns:1fr}.ca-process-photo{display:block;min-height:220px;max-height:280px}.ca-handnote{top:8px;left:8px}
}
@media(max-width:782px){
  .ca-container{width:min(calc(100% - 32px),var(--ca-container))}.ca-section{padding:48px 0}
  .ca-hero__inner{padding:36px 0 28px}.ca-hero__visual{height:390px;min-height:390px}.ca-hero__visual:after{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 25%)}
  .ca-card-grid,.ca-trust-grid,.ca-pricing-grid{grid-template-columns:repeat(2,1fr)}
  .ca-process-photo{display:block}.ca-contact-shell{grid-template-columns:1fr}.ca-contact-visual{height:180px}
}
@media(max-width:560px){
  .ca-container{width:min(calc(100% - 26px),var(--ca-container))}.ca-topbar__inner{height:28px}.ca-brand img,.custom-logo-link img{width:138px}.ca-header__inner{min-height:60px}
  h1{font-size:38px}.ca-hero__visual{height:315px;min-height:315px}.ca-hero__photo{border-radius:18px}.ca-card-grid,.ca-trust-grid,.ca-pricing-grid{grid-template-columns:1fr}.ca-dashboard{grid-template-columns:1fr}.ca-process-photo{min-height:190px}.ca-contact-info,.ca-contact-form{padding:23px}.ca-footer-grid{grid-template-columns:1fr 1fr}
}

/* === CreatorAssure v1.4.0: hero update + max 10px radii === */
.ca-topbar__claim{font-family:var(--ca-heading);font-weight:700;letter-spacing:.015em;color:#fff;white-space:nowrap}
.ca-topbar__claim span{background:linear-gradient(90deg,#fff 0%,#e8dcff 55%,#bfefff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ca-topbar__group--right{margin-left:auto}

.ca-legal-shell{background:#fafbff}
.ca-legal-hero{position:relative;overflow:hidden;padding:72px 0 64px;background:
  radial-gradient(circle at 8% 18%,rgba(255,45,142,.24),transparent 24%),
  radial-gradient(circle at 82% 12%,rgba(120,63,255,.32),transparent 29%),
  radial-gradient(circle at 98% 86%,rgba(0,198,255,.14),transparent 26%),
  linear-gradient(118deg,#17132e 0%,#0b1226 48%,#071120 100%)}
.ca-legal-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-95px;top:-180px;box-shadow:0 0 0 36px rgba(255,255,255,.018),0 0 0 78px rgba(120,63,255,.018)}
.ca-legal-hero:after{content:"";position:absolute;left:38%;bottom:-110px;width:360px;height:190px;background:linear-gradient(110deg,rgba(255,45,142,.18),rgba(120,63,255,.16),rgba(0,198,255,.12));filter:blur(55px);border-radius:50%}
.ca-legal-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:64px;align-items:end}
.ca-legal-hero .ca-back{margin-bottom:26px;font-size:12px}
.ca-legal-hero .ca-kicker{margin-bottom:17px}
.ca-legal-hero h1{font-size:clamp(42px,5vw,66px);margin-bottom:16px;max-width:900px}
.ca-legal-hero p{max-width:780px;margin:0;color:#cbd2e3;font-size:16px;line-height:1.55}
.ca-legal-hero__badge{justify-self:end;width:230px;min-height:176px;padding:28px 24px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff}
.ca-legal-hero__badge>span{width:45px;height:45px;border-radius:10px;display:grid;place-items:center;background:var(--ca-gradient);box-shadow:0 12px 28px rgba(120,63,255,.3);margin-bottom:25px}
.ca-legal-hero__badge .ca-icon{width:22px;height:22px;color:#fff}
.ca-legal-hero__badge strong{font-family:var(--ca-heading);font-size:17px;line-height:1.15}
.ca-legal-hero__badge small{margin-top:5px;color:#c8cee0;font-size:10px}

.ca-legal-page{position:relative;padding:58px 0 92px;background:
  radial-gradient(ellipse 34% 26% at 4% 12%,rgba(120,63,255,.075),transparent 70%),
  radial-gradient(ellipse 38% 26% at 100% 48%,rgba(0,198,255,.06),transparent 70%),
  radial-gradient(ellipse 28% 18% at 12% 92%,rgba(255,45,142,.045),transparent 70%),
  #fafbff}
.ca-legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}
.ca-legal-nav{position:sticky;top:98px;border:1px solid #e8e9f3;border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(37,43,76,.065);padding:20px;backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:3px}
.ca-legal-nav__eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--ca-purple);margin:1px 9px 10px}
.ca-legal-nav>a{display:block;padding:8px 9px;border-radius:8px;color:#4b5268;font-size:11px;font-weight:700;line-height:1.25;transition:.18s ease}
.ca-legal-nav>a:hover{background:#f5f1ff;color:var(--ca-purple);transform:translateX(2px)}
.ca-legal-nav__help{display:flex;gap:10px;align-items:center;margin-top:13px;padding:12px;border-radius:10px;background:linear-gradient(135deg,#f9f5ff,#f1faff);border:1px solid #ece7ff}
.ca-legal-nav__help>span{flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:var(--ca-gradient);display:grid;place-items:center;color:#fff}
.ca-legal-nav__help .ca-icon{width:16px;height:16px}.ca-legal-nav__help div{display:flex;flex-direction:column;min-width:0}.ca-legal-nav__help strong{font-size:10px}.ca-legal-nav__help a{font-size:9px;color:var(--ca-purple);overflow-wrap:anywhere}

.ca-legal-card--full{max-width:none;margin:0;padding:0;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e9eaf2;box-shadow:0 18px 48px rgba(38,43,75,.075)}
.ca-legal-meta{display:flex;justify-content:space-between;gap:20px;padding:14px 30px;border-bottom:1px solid #ececf3;background:linear-gradient(90deg,#fbfaff,#f9fcff);font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#8289a0}
.ca-legal-intro{margin:26px 30px 0;padding:19px 20px;border:1px solid #e8e2ff;border-radius:10px;background:linear-gradient(135deg,rgba(120,63,255,.065),rgba(0,198,255,.035));position:relative;overflow:hidden}
.ca-legal-intro:after{content:"";position:absolute;width:120px;height:120px;right:-50px;top:-58px;border-radius:50%;background:rgba(120,63,255,.08)}
.ca-legal-intro strong{display:block;font-family:var(--ca-heading);font-size:13px;margin-bottom:5px;color:#30245d}.ca-legal-intro p{margin:0;color:#596077;font-size:12px;line-height:1.55;max-width:820px}
.ca-legal-section{scroll-margin-top:120px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;padding:31px 30px;border-bottom:1px solid #eeeeF5}
.ca-legal-section:last-of-type{border-bottom:0}
.ca-legal-number{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#f4edff,#eef9ff);border:1px solid #e6dcff;color:var(--ca-purple);font-family:var(--ca-heading);font-size:10px;font-weight:900}
.ca-legal-section h2{font-size:23px;margin:3px 0 11px;color:#15192c;letter-spacing:-.025em}
.ca-legal-section h3{font-size:16px;margin:22px 0 8px}
.ca-legal-section p,.ca-legal-section li{font-size:13px;line-height:1.67;color:#555d73}
.ca-legal-section p:last-child{margin-bottom:0}.ca-legal-section ul{margin:10px 0 18px;padding-left:20px}.ca-legal-section a{color:var(--ca-purple);text-decoration:underline;text-underline-offset:3px}
.ca-legal-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.ca-legal-contact{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e8e9f2;border-radius:10px;background:#fff;text-decoration:none!important;box-shadow:0 5px 14px rgba(34,40,73,.035)}
.ca-legal-contact>.ca-icon{width:19px;height:19px;color:var(--ca-purple)}.ca-legal-contact span{display:flex;flex-direction:column;min-width:0}.ca-legal-contact small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#9096a8;font-weight:800}.ca-legal-contact strong{font-size:10.5px;color:#252a3e;overflow-wrap:anywhere}
.ca-legal-endnote{margin:4px 30px 30px;padding:19px 20px;border-radius:10px;background:linear-gradient(110deg,#15132d,#0c1428);color:#fff;display:flex;gap:14px;align-items:flex-start;box-shadow:0 16px 34px rgba(19,20,47,.15)}
.ca-legal-endnote>span{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--ca-gradient);display:grid;place-items:center}.ca-legal-endnote .ca-icon{width:19px;height:19px}.ca-legal-endnote p{margin:0;color:#cfd4e5;font-size:11.5px;line-height:1.55}.ca-legal-endnote strong{color:#fff;font-size:12.5px}.ca-legal-endnote a{color:#d8c6ff;text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){
  .ca-legal-hero__inner{grid-template-columns:1fr;gap:28px}.ca-legal-hero__badge{justify-self:start;width:min(100%,310px);min-height:135px}.ca-legal-hero__badge>span{margin-bottom:16px}
  .ca-legal-layout{grid-template-columns:1fr}.ca-legal-nav{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.ca-legal-nav__eyebrow,.ca-legal-nav__help{grid-column:1/-1}.ca-legal-nav__help{max-width:360px}
}
@media(max-width:560px){
  .ca-topbar__claim{font-size:10px;max-width:58vw;overflow:hidden;text-overflow:ellipsis}.ca-topbar__group--right{gap:10px}.ca-topbar__group--right>a[aria-label]{display:none}
  .ca-legal-hero{padding:50px 0 42px}.ca-legal-hero h1{font-size:37px}.ca-legal-hero p{font-size:13px}.ca-legal-hero__badge{display:none}
  .ca-legal-page{padding:34px 0 62px}.ca-legal-nav{grid-template-columns:1fr;padding:15px}.ca-legal-nav__eyebrow,.ca-legal-nav__help{grid-column:auto}.ca-legal-nav>a{padding:7px 8px}
  .ca-legal-meta{padding:12px 18px}.ca-legal-intro{margin:18px 18px 0}.ca-legal-section{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:24px 18px}.ca-legal-number{width:30px;height:30px;border-radius:8px}.ca-legal-section h2{font-size:19px}.ca-legal-section p,.ca-legal-section li{font-size:12px}.ca-legal-contact-grid{grid-template-columns:1fr}.ca-legal-endnote{margin:0 18px 20px;padding:16px}
}

/* === CreatorAssure v1.3.0: new hero image + max 10px radii === */
:root{--ca-radius:10px}
.ca-kicker,
.ca-btn,
.ca-header__actions .ca-btn,
.ca-menu-toggle,
.ca-hero__photo,
.ca-hero__visual:after,
.ca-floating-card,
.ca-floating-card .ca-badgeicon,
.ca-dashboard,
.ca-dash-nav span,
.ca-dash-main,
.ca-stat,
.ca-service-card,
.ca-service-icon,
.ca-step,
.ca-process-photo,
.ca-trust-card,
.ca-price-card,
.ca-faq details,
.ca-contact-shell,
.ca-contact-info,
.ca-contact-visual,
.ca-contact-form,
.ca-field input,
.ca-field select,
.ca-field textarea,
.ca-footer-cta,
.ca-legal-hero__badge,
.ca-legal-nav,
.ca-legal-nav>a,
.ca-legal-nav__help,
.ca-legal-nav__help>span,
.ca-legal-card,
.ca-legal-card--full,
.ca-legal-intro,
.ca-legal-number,
.ca-legal-contact,
.ca-legal-endnote,
.ca-legal-endnote>span{border-radius:10px}

.ca-hero__photo,
.ca-hero__visual:after{border-radius:10px!important}
.ca-floating-card{min-width:188px}
.ca-contact-shell{overflow:hidden}


/* =========================================================
   CreatorAssure 1.4.0 – Hero image swap + max 10px corners
   ========================================================= */
:root{--ca-radius:10px}
.ca-btn,
.ca-btn--outline,
.ca-btn--primary,
.ca-btn--ghost,
.ca-menu-toggle,
.ca-kicker,
.ca-save-pill,
.ca-price-ribbon,
.ca-plan-tag,
.ca-hero__photo,
.ca-hero__visual:after,
.ca-floating-card,
.ca-floating-card .ca-badgeicon,
.ca-dashboard,
.ca-dash-main,
.ca-dash-nav span,
.ca-stat,
.ca-service-card,
.ca-service-icon,
.ca-step,
.ca-process-photo,
.ca-handnote,
.ca-trust-card,
.ca-price-card,
.ca-faq details,
.ca-contact-shell,
.ca-contact-visual,
.ca-field input,
.ca-field select,
.ca-field textarea,
.ca-form-message,
.ca-legal-card,
.ca-legal-note,
.ca-legal-nav,
.ca-legal-nav a,
.ca-legal-section,
.ca-legal-meta,
.ca-legal-endnote,
.ca-legal-box,
.ca-legal-callout,
.ca-legal-list,
.ca-contact-info,
.ca-contact-form,
.ca-header__actions .ca-btn{
  border-radius:10px !important;
}
.ca-hero__photo{object-position:72% 52%;}
.ca-hero__visual:after{border-radius:10px !important;}
.ca-service-card:hover{border-radius:10px !important;}
@media(max-width:560px){.ca-hero__photo{border-radius:10px !important;}}


/* =========================================================
   CreatorAssure 1.4.1 – hero cleanup / no floating labels
   ========================================================= */
.ca-floating-card{display:none !important;}
.ca-hero__photo{object-position:84% 52% !important;}
@media(max-width:1050px){.ca-hero__photo{object-position:78% 50% !important;}}
@media(max-width:782px){.ca-hero__photo{object-position:72% 50% !important;}}
@media(max-width:560px){.ca-hero__photo{object-position:68% 50% !important;}}

/* =========================================================
   CreatorAssure 1.5.1 – integrated security trust band
   ========================================================= */
.ca-btn{
  position:relative;
  overflow:hidden;
  min-height:46px;
  padding:0 20px;
  border-radius:10px !important;
  font-family:var(--ca-heading);
  font-size:12.5px;
  font-weight:750;
  letter-spacing:-.01em;
  box-shadow:none;
  transform:translateZ(0);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.ca-btn .ca-icon{width:18px;height:18px;transition:transform .22s ease}
.ca-btn:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:9px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.22);
}
.ca-btn:after{
  content:"";
  position:absolute;
  top:-80%;
  left:-35%;
  width:34%;
  height:260%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .42s ease;
  pointer-events:none;
}
.ca-btn:hover{transform:translateY(-2px);}
.ca-btn:hover:after{left:112%}
.ca-btn:hover .ca-icon{transform:translateX(2px)}
.ca-btn--primary{
  color:#fff;
  border-color:rgba(111,70,255,.16);
  background:linear-gradient(100deg,#f5278e 0%,#8b3eff 52%,#09baf4 100%);
  box-shadow:0 10px 22px rgba(106,63,229,.18),0 2px 6px rgba(15,20,38,.06);
}
.ca-btn--primary:hover{
  color:#fff;
  box-shadow:0 14px 30px rgba(106,63,229,.24),0 4px 12px rgba(15,20,38,.08);
}
.ca-btn--outline{
  color:#171b31;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,249,255,.96));
  border-color:rgba(124,80,255,.42);
  box-shadow:0 6px 18px rgba(73,62,121,.07),inset 0 1px 0 rgba(255,255,255,.92);
}
.ca-btn--outline:before{border-color:rgba(255,255,255,.86)}
.ca-btn--outline:after{background:linear-gradient(90deg,transparent,rgba(120,63,255,.10),transparent)}
.ca-btn--outline:hover{
  color:#6335e7;
  background:#fff;
  border-color:rgba(120,63,255,.72);
  box-shadow:0 12px 26px rgba(91,65,190,.13),0 0 0 3px rgba(120,63,255,.055);
}
.ca-btn--login{min-width:102px}
.ca-header__actions{align-items:center;gap:11px}
.ca-header__actions .ca-btn{min-height:42px;padding:0 18px;font-size:11.5px}
.ca-hero__actions{gap:11px}
.ca-hero__actions .ca-btn{min-height:46px;padding:0 21px;font-size:12px}

.ca-security-proof{position:relative;z-index:2;padding:0 0 34px;background:transparent}
.ca-security-proof__inner{
  display:grid;
  grid-template-columns:1.08fr 1fr 1.12fr 1fr;
  gap:0;
  align-items:stretch;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(130,112,204,.14);
  border-radius:10px;
  box-shadow:0 14px 34px rgba(34,40,73,.075);
  backdrop-filter:blur(14px);
  overflow:hidden;
}
.ca-security-proof__lead,.ca-security-proof__item{
  min-height:84px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  position:relative;
}
.ca-security-proof__lead{
  background:linear-gradient(120deg,#0d1328 0%,#17142d 62%,#21143a 100%);
  color:#fff;
}
.ca-security-proof__item:not(:last-child):after{
  content:"";
  position:absolute;
  right:0;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(180deg,transparent,#e3dffc,transparent);
}
.ca-security-proof__mark{
  width:42px;height:42px;flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:10px;
  font-family:var(--ca-heading);
  font-size:12px;font-weight:850;letter-spacing:.07em;
  background:linear-gradient(135deg,#181818 0 33%,#e1251b 33% 66%,#f7c948 66% 100%);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 8px 20px rgba(0,0,0,.18);
}
.ca-security-proof__icon{
  width:38px;height:38px;flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(135deg,#ef2a91,#783fff 55%,#10bdf5);
  box-shadow:0 9px 20px rgba(105,63,218,.18);
}
.ca-security-proof__icon .ca-icon{width:20px;height:20px}
.ca-security-proof strong{display:block;font-family:var(--ca-heading);font-size:12px;line-height:1.18;letter-spacing:-.02em}
.ca-security-proof small{display:block;margin-top:4px;color:#737990;font-size:9.5px;line-height:1.25}
.ca-security-proof__lead small{color:#b9bfd4}

@media(max-width:1050px){
  .ca-security-proof__inner{grid-template-columns:1fr 1fr}
  .ca-security-proof__item:nth-child(2):after{display:none}
  .ca-security-proof__lead,.ca-security-proof__item{min-height:78px}
}
@media(max-width:650px){
  .ca-security-proof{padding-bottom:20px}
  .ca-security-proof__inner{grid-template-columns:1fr}
  .ca-security-proof__item:after{display:none!important}
  .ca-security-proof__lead,.ca-security-proof__item{min-height:auto;padding:14px 16px}
}

/* =========================================================
   CreatorAssure 1.5.1 – integrated security trust band
   ========================================================= */
.ca-trust{padding:44px 0 48px}
.ca-trust h2{max-width:1120px}
.ca-trust .ca-lead{max-width:1050px;line-height:1.55}
.ca-trust-grid--security{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}
.ca-trust-grid--security .ca-trust-card{
  min-height:128px;
  padding:18px 17px;
  align-items:flex-start;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.ca-trust-grid--security .ca-trust-card--priority,
.ca-trust-grid--security .ca-trust-card--privacy{
  background:linear-gradient(145deg,rgba(119,63,255,.20),rgba(255,255,255,.055));
  border-color:rgba(178,132,255,.24);
}
.ca-trust-grid--security .ca-trust-icon{
  width:40px;height:40px;min-width:40px;border-radius:10px;
  background:linear-gradient(135deg,#ff2d8e 0%,#783fff 56%,#00c6ff 100%);
  box-shadow:0 9px 22px rgba(97,54,255,.24);
}
.ca-trust-grid--security .ca-trust-icon--de{
  font-family:var(--ca-heading);font-size:11px;font-weight:900;letter-spacing:.06em;color:#fff;
  background:linear-gradient(135deg,#16171d 0 33%,#ec3434 33% 66%,#f4c542 66% 100%);
}
.ca-trust-grid--security .ca-trust-card h3{font-size:13.5px;line-height:1.22;margin:1px 0 6px}
.ca-trust-grid--security .ca-trust-card p{font-size:10.5px;line-height:1.48;color:#c1c7d8;margin:0}
@media(max-width:1050px){.ca-trust-grid--security{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ca-trust-grid--security{grid-template-columns:1fr}.ca-trust-grid--security .ca-trust-card{min-height:auto}}


/* =========================================================
   CreatorAssure 1.6.0 – premium multi-device dashboard scene
   ========================================================= */
.ca-showcase{
  position:relative;
  min-height:470px;
  border-radius:10px;
  padding:14px;
  background:linear-gradient(135deg,#161334 0%,#1f1948 54%,#202a63 100%);
  box-shadow:0 30px 80px rgba(31,25,72,.18);
  overflow:hidden;
}
.ca-showcase:before,
.ca-showcase:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(8px);
}
.ca-showcase:before{width:280px;height:280px;right:-80px;top:-50px;background:radial-gradient(circle,rgba(0,198,255,.18),transparent 70%)}
.ca-showcase:after{width:230px;height:230px;left:-70px;bottom:-70px;background:radial-gradient(circle,rgba(255,45,142,.14),transparent 70%)}
.ca-scene-glow{position:absolute;inset:auto auto 14% 53%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);filter:blur(14px);pointer-events:none}
.ca-device{
  position:absolute;
  border-radius:10px;
  overflow:hidden;
}
.ca-device--desktop{
  inset:16px 18px 18px 120px;
  background:#f4f5fb;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(12,10,34,.24);
  z-index:1;
}
.ca-device--tablet{
  width:330px;
  right:34px;
  bottom:34px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(92,83,179,.16);
  box-shadow:0 20px 46px rgba(25,22,58,.22);
  transform:rotate(-8deg);
  z-index:3;
}
.ca-device--phone{
  width:185px;
  left:28px;
  bottom:28px;
  background:#ffffff;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 44px rgba(19,16,50,.26);
  z-index:4;
}
.ca-device__topbar{
  height:28px;
  background:linear-gradient(180deg,#fefeff 0%,#f2f4fb 100%);
  border-bottom:1px solid #ebedf5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
}
.ca-device__lights{display:flex;gap:6px}
.ca-device__lights span{width:7px;height:7px;border-radius:50%;background:#ddd}
.ca-device__lights span:nth-child(1){background:#ff7d76}.ca-device__lights span:nth-child(2){background:#ffcf5b}.ca-device__lights span:nth-child(3){background:#28c840}
.ca-device__crumb{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8d93aa;text-transform:uppercase}
.ca-device__shell{display:grid;grid-template-columns:150px 1fr;min-height:410px}
.ca-device-sidebar{background:linear-gradient(180deg,#18153a,#20184f);padding:16px 14px;color:#fff}
.ca-device-sidebar__brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;margin-bottom:16px}
.ca-device-sidebar__brand .ca-icon{width:16px;height:16px}
.ca-device-menu{display:grid;gap:7px}
.ca-device-menu span{padding:9px 10px;border-radius:10px;font-size:11px;color:#dbdbf0}
.ca-device-menu span.is-active{background:rgba(255,255,255,.10);color:#fff}
.ca-device-main{padding:18px 18px 16px;background:linear-gradient(180deg,#fbfbff 0%,#f5f7fc 100%)}
.ca-device-main__top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.ca-device-main__eyebrow{font-size:12px;color:#8b91a7;margin-bottom:4px}
.ca-device-main__top h3{margin:0;font-size:30px;line-height:1}
.ca-device-main__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(120,63,255,.08);color:#5d44d7;font-size:11px;font-weight:800}
.ca-device-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.ca-device-metric{background:#fff;border:1px solid #e8ebf4;border-radius:10px;padding:13px 12px;box-shadow:0 10px 24px rgba(50,56,95,.05)}
.ca-device-metric .ca-icon{width:18px;height:18px;color:#6b50ff;margin-bottom:8px}
.ca-device-metric b{display:block;font-size:12px;line-height:1.2;margin-bottom:4px}
.ca-device-metric small{display:block;font-size:10px;color:#8b92a7;line-height:1.35}
.ca-device-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.ca-device-panel{background:#fff;border:1px solid #e8ebf4;border-radius:10px;padding:14px;box-shadow:0 10px 24px rgba(50,56,95,.05)}
.ca-device-panel h4{margin:0 0 10px;font-size:14px}
.ca-activity-list{display:grid;gap:9px}
.ca-activity-list div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid #edf0f6;font-size:11px;font-weight:700;color:#2d3144}
.ca-activity-list div:last-child{border-bottom:0;padding-bottom:0}
.ca-activity-list span{font-size:10px;color:#8b92a7;font-weight:600}
.ca-progress-card{display:grid;gap:10px}
.ca-progress-card__row{display:grid;gap:6px}
.ca-progress-card__label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#41465b}
.ca-progress-card__bar{height:8px;border-radius:10px;background:#edf0f7;overflow:hidden}
.ca-progress-card__bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ff2d8e,#783fff,#00c6ff)}
.ca-progress-card__callout{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:linear-gradient(135deg,rgba(120,63,255,.09),rgba(0,198,255,.10));font-size:11px;font-weight:700;color:#433b67}
.ca-tablet__top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}
.ca-tablet__title{font-size:13px;font-weight:800;color:#25293b}
.ca-tablet__badge{font-size:10px;font-weight:800;color:#6a57d8;background:rgba(120,63,255,.08);padding:6px 8px;border-radius:999px}
.ca-tablet__body{padding:12px 16px 16px}
.ca-tablet__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}
.ca-tablet__card{background:#f7f8fd;border:1px solid #eaedf5;border-radius:10px;padding:11px}
.ca-tablet__card .ca-icon{width:18px;height:18px;color:#6b50ff;margin-bottom:8px}
.ca-tablet__card b{display:block;font-size:11px;margin-bottom:4px}
.ca-tablet__card small{display:block;font-size:9.5px;color:#8b92a7;line-height:1.35}
.ca-tablet__footer{background:linear-gradient(135deg,#171530,#1f2b67);border-radius:10px;padding:12px;color:#fff;display:grid;gap:5px}
.ca-tablet__footer strong{font-size:12px}.ca-tablet__footer span{font-size:10px;color:#d5d8f0}
.ca-phone__status{height:22px;background:#0e1225;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ca-phone__body{padding:12px;background:linear-gradient(180deg,#fbfbff 0%,#f5f2ff 100%)}
.ca-phone__profile{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ca-phone__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ffbddc,#7f66ff)}
.ca-phone__name b{display:block;font-size:12px;line-height:1.2}.ca-phone__name small{display:block;font-size:10px;color:#7f869d}
.ca-phone__hero{padding:14px 12px;border-radius:10px;background:linear-gradient(135deg,#15142f,#26205e);color:#fff;margin-bottom:12px;position:relative;overflow:hidden}
.ca-phone__hero:after{content:"";position:absolute;right:-20px;bottom:-28px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,142,.55),transparent 68%)}
.ca-phone__hero strong{display:block;font-size:14px;line-height:1.2;max-width:100px;margin-bottom:5px}
.ca-phone__hero span{display:block;font-size:10px;color:#d6d8ea}
.ca-biolinks{display:grid;gap:8px}
.ca-biolinks a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #e7e9f4;border-radius:10px;padding:10px 11px;font-size:11px;font-weight:800;color:#282d40;box-shadow:0 8px 20px rgba(50,56,95,.05)}
.ca-biolinks a .ca-icon{width:15px;height:15px;color:#6b50ff}
.ca-biolinks a em{font-style:normal;color:#9aa0b4;font-weight:700;font-size:10px}
.ca-device-shadow-tag{position:absolute;right:16px;top:16px;display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;z-index:5}
.ca-device-shadow-tag .ca-icon{width:14px;height:14px}
@media(max-width:1180px){
  .ca-showcase{min-height:430px}
  .ca-device--desktop{left:90px}
  .ca-device__shell{grid-template-columns:132px 1fr;min-height:382px}
  .ca-device-main__top h3{font-size:26px}
  .ca-device-metrics{grid-template-columns:repeat(2,1fr)}
  .ca-device-grid{grid-template-columns:1fr}
  .ca-device--tablet{width:290px;right:24px;bottom:26px}
  .ca-device--phone{width:168px;left:20px;bottom:20px}
}
@media(max-width:1050px){
  .ca-showcase{min-height:unset;padding:16px;display:grid;gap:16px;background:linear-gradient(135deg,#171530,#1c1847 50%,#1e285f)}
  .ca-device,.ca-device--desktop,.ca-device--tablet,.ca-device--phone{position:relative;inset:auto;left:auto;right:auto;bottom:auto;top:auto;transform:none;width:100%}
  .ca-device--desktop{min-height:auto}
  .ca-device__shell{grid-template-columns:140px 1fr;min-height:auto}
  .ca-device--tablet{max-width:540px;margin-left:auto}
  .ca-device--phone{max-width:230px}
  .ca-scene-glow,.ca-device-shadow-tag{display:none}
}
@media(max-width:782px){
  .ca-device__shell{grid-template-columns:1fr}
  .ca-device-sidebar{display:none}
  .ca-device-main{padding:16px}
  .ca-device-main__top{flex-direction:column;align-items:flex-start}
  .ca-device-metrics{grid-template-columns:repeat(2,1fr)}
  .ca-device-panel{padding:12px}
  .ca-device--tablet{max-width:none}
}
@media(max-width:560px){
  .ca-showcase{padding:12px}
  .ca-device__topbar{padding:0 10px}
  .ca-device-main__top h3{font-size:24px}
  .ca-device-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .ca-device-grid{gap:8px}
  .ca-tablet__grid{grid-template-columns:1fr 1fr;gap:8px}
  .ca-device-metric,.ca-tablet__card,.ca-device-panel{padding:10px}
  .ca-phone__body{padding:10px}
}


/* =========================================================
   CreatorAssure 1.6.1 – rebuilt backoffice showcase with real device image
   ========================================================= */
#ueber-uns{padding:48px 0 54px}
#ueber-uns .ca-split{grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}
#ueber-uns .ca-lead{max-width:610px}
#ueber-uns .ca-checklist{gap:12px;margin-top:24px}
#ueber-uns .ca-check{font-size:15px;line-height:1.35}
#ueber-uns .ca-check i{width:34px;height:34px;border-radius:10px}
.ca-workspace-visual{position:relative;min-height:470px;border-radius:10px;padding:22px;background:linear-gradient(135deg,#151332 0%,#1b1744 52%,#1b275c 100%);box-shadow:0 30px 80px rgba(31,25,72,.16);overflow:hidden}
.ca-workspace-visual:before{content:"";position:absolute;left:-120px;bottom:-120px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,142,.18),transparent 70%);filter:blur(10px);pointer-events:none}
.ca-workspace-visual:after{content:"";position:absolute;right:-80px;top:-60px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(0,198,255,.16),transparent 70%);filter:blur(10px);pointer-events:none}
.ca-workspace-visual__panel{position:relative;z-index:2;height:100%;border-radius:10px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center}
.ca-workspace-visual__eyebrow{position:absolute;left:18px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ca-workspace-visual__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff2d8e,#00c6ff)}
.ca-workspace-visual__image{width:100%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 45px rgba(0,0,0,.22))}
.ca-workspace-visual__note{position:absolute;right:18px;bottom:16px;display:grid;gap:4px;max-width:240px;padding:12px 14px;border-radius:10px;background:rgba(12,15,31,.64);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff}
.ca-workspace-visual__note strong{font-size:12px;line-height:1.25}
.ca-workspace-visual__note span{font-size:10px;line-height:1.35;color:#d4d8ee}
@media(max-width:1180px){#ueber-uns .ca-split{grid-template-columns:.86fr 1.14fr;gap:32px}.ca-workspace-visual{min-height:420px;padding:18px}.ca-workspace-visual__note{max-width:200px}}
@media(max-width:1050px){#ueber-uns .ca-split{grid-template-columns:1fr}.ca-workspace-visual{min-height:auto}.ca-workspace-visual__panel{min-height:320px}.ca-workspace-visual__image{max-height:none}}
@media(max-width:782px){#ueber-uns .ca-check{font-size:14px}.ca-workspace-visual{padding:14px}.ca-workspace-visual__panel{padding:12px}.ca-workspace-visual__eyebrow{left:12px;top:12px;font-size:9px;padding:7px 10px}.ca-workspace-visual__note{right:12px;bottom:12px;left:12px;max-width:none}}


/* =========================================================
   CreatorAssure 1.6.2 – clean transparent workspace visual
   ========================================================= */
.ca-workspace-visual{
  min-height:auto !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.ca-workspace-visual:before,
.ca-workspace-visual:after,
.ca-workspace-visual__panel:before,
.ca-workspace-visual__panel:after,
.ca-workspace-visual__eyebrow,
.ca-workspace-visual__note{
  display:none !important;
  content:none !important;
}
.ca-workspace-visual__panel{
  position:relative;
  z-index:1;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:block !important;
}
.ca-workspace-visual__image{
  display:block;
  width:100%;
  height:auto;
  max-height:none !important;
  object-fit:contain;
  filter:none !important;
  margin:0 auto;
}
@media(max-width:1050px){
  .ca-workspace-visual__panel{min-height:auto !important;}
}


/* =========================================================
   CreatorAssure 1.6.3 – workspace visual left / copy right
   ========================================================= */
#ueber-uns .ca-split{
  grid-template-columns:.96fr 1.04fr !important;
  gap:64px !important;
  align-items:center !important;
}
#ueber-uns .ca-workspace-copy{order:2;max-width:590px;justify-self:start}
#ueber-uns .ca-workspace-visual{order:1;width:100%;justify-self:end}
#ueber-uns .ca-workspace-visual__panel{display:flex !important;align-items:center;justify-content:center}
#ueber-uns .ca-workspace-visual__image{
  width:88% !important;
  max-width:610px !important;
  margin:0 auto !important;
}
@media(max-width:1180px){
  #ueber-uns .ca-split{grid-template-columns:.92fr 1.08fr !important;gap:40px !important}
  #ueber-uns .ca-workspace-visual__image{width:90% !important;max-width:560px !important}
}
@media(max-width:1050px){
  #ueber-uns .ca-split{grid-template-columns:1fr !important;gap:30px !important}
  #ueber-uns .ca-workspace-copy{order:1;max-width:720px;justify-self:start}
  #ueber-uns .ca-workspace-visual{order:2;justify-self:center}
  #ueber-uns .ca-workspace-visual__image{width:82% !important;max-width:620px !important}
}
@media(max-width:782px){
  #ueber-uns .ca-workspace-visual__image{width:94% !important;max-width:520px !important}
}


/* =========================================================
   CreatorAssure 1.6.4 – seamless hero → backoffice transition
   ========================================================= */
.ca-hero{
  position:relative;
  z-index:2;
}
.ca-hero:after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-58px;
  height:126px;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse 28% 95% at 20% 38%,rgba(120,63,255,.105),transparent 74%),
    radial-gradient(ellipse 36% 88% at 67% 50%,rgba(255,45,142,.075),transparent 76%),
    radial-gradient(ellipse 26% 88% at 92% 55%,rgba(0,198,255,.075),transparent 76%);
  filter:blur(18px);
}
#ueber-uns{
  position:relative;
  z-index:1;
  margin-top:-8px;
  padding-top:68px !important;
}
#ueber-uns:before{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  top:-92px;
  height:190px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 36% 100% at 13% 100%,rgba(120,63,255,.055),transparent 74%),
    radial-gradient(ellipse 30% 100% at 58% 0%,rgba(255,45,142,.045),transparent 74%),
    radial-gradient(ellipse 34% 100% at 93% 100%,rgba(0,198,255,.055),transparent 76%);
}
#ueber-uns .ca-workspace-visual{
  transform:translateY(-30px);
}
#ueber-uns .ca-workspace-copy{
  transform:translateY(4px);
}
/* faint motion line visually connects both scenes without a hard divider */
#ueber-uns .ca-split:before{
  content:"";
  position:absolute;
  top:-30px;
  left:11%;
  right:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(120,63,255,.15) 28%,rgba(0,198,255,.13) 70%,transparent);
  opacity:.7;
  pointer-events:none;
}
#ueber-uns .ca-split{position:relative}
@media(max-width:1050px){
  .ca-hero:after{bottom:-44px;height:104px}
  #ueber-uns{margin-top:0;padding-top:56px !important}
  #ueber-uns .ca-workspace-visual{transform:none}
  #ueber-uns .ca-workspace-copy{transform:none}
  #ueber-uns .ca-split:before{top:-18px;left:5%;right:5%}
}
@media(max-width:782px){
  .ca-hero:after{display:none}
  #ueber-uns:before{display:none}
  #ueber-uns .ca-split:before{display:none}
  #ueber-uns{padding-top:46px !important}
}


/* =========================================================
   CreatorAssure 1.7.0 – premium services section refinement
   ========================================================= */
#leistungen{
  position:relative;
  padding:58px 0 62px;
  background:
    radial-gradient(ellipse 46% 95% at 100% 2%, rgba(0,198,255,.07), transparent 66%),
    radial-gradient(ellipse 40% 90% at 0% 100%, rgba(120,63,255,.08), transparent 66%),
    linear-gradient(180deg, rgba(250,251,254,0) 0%, rgba(249,249,254,.82) 12%, #fafbfe 38%);
}
#leistungen:before{
  content:"";
  position:absolute;
  left:0; right:0; top:-26px;
  height:84px;
  background:radial-gradient(ellipse at 50% 0%, rgba(167,128,255,.12), transparent 62%);
  pointer-events:none;
}
#leistungen .ca-container{position:relative;z-index:1}
#leistungen .ca-section-heading{align-items:flex-start;margin-bottom:28px}
#leistungen .ca-section-heading__copy{max-width:900px}
#leistungen .ca-section-heading a{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#6e4fff;
  font-weight:800;
  font-size:12px;
}
#leistungen .ca-section-heading a:after{content:"→";font-size:14px;line-height:1;transform:translateY(-.5px)}
.ca-card-grid{gap:14px}
.ca-service-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:202px;
  padding:20px 18px 18px;
  border-radius:10px;
  border:1px solid rgba(223,227,243,.95);
  background:linear-gradient(180deg,#ffffff 0%, #fbfbff 100%);
  box-shadow:0 12px 32px rgba(34,40,73,.055);
}
.ca-service-card:before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:3px;
  background:linear-gradient(90deg,#ff2d8e 0%, #7a43ff 52%, #00c6ff 100%);
  opacity:.88;
}
.ca-service-card:after{
  content:"";
  position:absolute;
  right:-34px; bottom:-34px;
  width:108px; height:108px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(120,63,255,.075), transparent 70%);
  pointer-events:none;
}
.ca-service-card:hover{
  transform:translateY(-5px);
  border-color:#d7d6f4;
  box-shadow:0 18px 42px rgba(54,58,100,.10);
}
.ca-service-card--featured{
  border-color:rgba(175,159,255,.65);
  box-shadow:0 18px 40px rgba(78,66,145,.095);
  background:linear-gradient(180deg,#ffffff 0%, #f8f7ff 100%);
}
.ca-service-card--featured:after{background:radial-gradient(circle, rgba(0,198,255,.10), transparent 70%)}
.ca-service-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.ca-service-icon{
  position:relative;
  width:44px; height:44px;
  border-radius:10px;
  margin-bottom:0;
  flex:0 0 auto;
  box-shadow:0 10px 22px rgba(94,72,191,.22);
}
.ca-service-icon:after{
  content:"";
  position:absolute; inset:1px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.24);
}
.ca-service-icon .ca-icon{width:19px;height:19px;position:relative;z-index:1}
.ca-service-meta{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:10px;
  background:rgba(120,63,255,.08);
  border:1px solid rgba(120,63,255,.09);
  color:#6f55e0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-align:right;
}
.ca-service-card h3{font-size:16px;line-height:1.22;margin-bottom:8px;max-width:92%}
.ca-service-card p{font-size:12px;line-height:1.48;color:#5f6780;margin:0 0 12px;max-width:97%}
.ca-service-card__footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:10px;
  color:#23273a;
  font-size:11px;
  font-weight:800;
}
.ca-service-card__footer i{
  width:28px; height:28px;
  border-radius:10px;
  display:grid; place-items:center;
  background:rgba(120,63,255,.09);
  color:#6e4fff;
  font-style:normal;
  font-size:13px;
}
@media(max-width:1180px){
  .ca-service-card{min-height:190px;padding:18px 16px 16px}
  .ca-service-card h3{font-size:15px;max-width:100%}
}
@media(max-width:782px){
  #leistungen{padding:50px 0 54px}
  #leistungen .ca-section-heading{margin-bottom:22px}
  .ca-service-card{min-height:unset}
  .ca-service-card__head{margin-bottom:10px}
  .ca-service-meta{font-size:9px;padding:5px 8px}
}


/* =========================================================
   CreatorAssure 1.7.1 – static premium service cards for onepager
   ========================================================= */
#leistungen{padding:60px 0 64px}
#leistungen .ca-section-heading{margin-bottom:30px}
#leistungen .ca-section-heading{justify-content:flex-start}
#leistungen .ca-section-heading a{display:none !important}
#leistungen .ca-section-heading__copy{max-width:980px}
#leistungen .ca-lead{max-width:760px}
.ca-card-grid{gap:16px}
.ca-service-card{
  min-height:212px;
  transform:none !important;
  transition:none !important;
  cursor:default;
  box-shadow:0 14px 36px rgba(34,40,73,.06);
  border:1px solid rgba(224,228,242,.96);
  background:
    radial-gradient(circle at 100% 0%, rgba(120,63,255,.05), transparent 34%),
    linear-gradient(180deg,#ffffff 0%, #fcfcff 100%);
}
.ca-service-card:hover{
  transform:none !important;
  box-shadow:0 14px 36px rgba(34,40,73,.06) !important;
  border-color:rgba(224,228,242,.96) !important;
}
.ca-service-card:before{height:2px;opacity:.92}
.ca-service-card:after{width:120px;height:120px;right:-42px;bottom:-42px;background:radial-gradient(circle, rgba(120,63,255,.06), transparent 72%)}
.ca-service-card--featured{
  background:
    radial-gradient(circle at 100% 0%, rgba(0,198,255,.06), transparent 32%),
    linear-gradient(180deg,#ffffff 0%, #faf9ff 100%);
  border-color:rgba(198,189,255,.88);
  box-shadow:0 16px 38px rgba(76,62,146,.08);
}
.ca-service-card__head{margin-bottom:14px}
.ca-service-icon{
  width:48px;
  height:48px;
  border-radius:10px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 36%),
    linear-gradient(135deg,#ff2d8e 0%, #7b42ff 55%, #00c6ff 100%);
  box-shadow:
    0 12px 28px rgba(114,74,223,.26),
    inset 0 1px 0 rgba(255,255,255,.32);
}
.ca-service-icon:after{inset:2px;border-radius:8px;border:1px solid rgba(255,255,255,.20)}
.ca-service-icon .ca-icon{width:20px;height:20px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}
.ca-service-meta{
  min-height:28px;
  padding:6px 11px;
  background:linear-gradient(180deg, rgba(120,63,255,.08), rgba(120,63,255,.05));
  border-color:rgba(120,63,255,.10);
  color:#7159de;
  font-size:9.5px;
}
.ca-service-card h3{font-size:16.5px;line-height:1.18;margin-bottom:9px;max-width:100%}
.ca-service-card p{font-size:12.5px;line-height:1.55;color:#5b637b;margin:0;max-width:100%}
.ca-service-card__footer{display:none !important}
@media(max-width:1180px){
  .ca-service-card{min-height:198px}
  .ca-service-card h3{font-size:15.5px}
}
@media(max-width:782px){
  #leistungen{padding:52px 0 56px}
  .ca-card-grid{gap:14px}
  .ca-service-card{min-height:unset;padding:18px 16px}
  .ca-service-icon{width:44px;height:44px}
  .ca-service-icon .ca-icon{width:18px;height:18px}
  .ca-service-meta{font-size:9px;padding:5px 9px}
  .ca-service-card h3{font-size:15px}
  .ca-service-card p{font-size:12px}
}




/* =========================================================
   CreatorAssure 1.7.4 – restore original trust design after repositioning
   ========================================================= */
.ca-flow-shell > section.ca-trust{
  background:
    radial-gradient(ellipse 42% 120% at -5% 100%,rgba(116,39,255,.56),transparent 64%),
    radial-gradient(ellipse 38% 95% at 94% 10%,rgba(0,198,255,.10),transparent 64%),
    linear-gradient(112deg,#171530 0%,#0b1227 47%,#061123 100%) !important;
  color:#fff !important;
}
.ca-flow-shell > section.ca-trust h2,
.ca-flow-shell > section.ca-trust h3{color:#fff !important;}
.ca-flow-shell > section.ca-trust .ca-lead{color:#c7ccdc !important;}


/* =========================================================
   CreatorAssure 1.8.0 – rebuilt process section like approved mockup
   ========================================================= */
#ablauf{
  position:relative;
  padding:16px 0 40px;
  background:linear-gradient(180deg,#ffffff 0%, #fbfbfe 100%);
}
#ablauf .ca-container{position:relative;z-index:1}
.ca-process-stage{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  padding:26px 26px 24px;
  background:linear-gradient(135deg,#161330 0%,#1c1851 40%,#10275d 100%);
  box-shadow:0 28px 70px rgba(19,22,54,.18);
}
.ca-process-stage:before{
  content:"";
  position:absolute;
  inset:auto auto -70px -90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(178,72,255,.24),transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.ca-process-stage:after{
  content:"";
  position:absolute;
  right:-62px;
  top:-68px;
  width:260px;
  height:260px;
  border-radius:44% 56% 58% 42% / 40% 41% 59% 60%;
  border:22px solid rgba(92,85,195,.17);
  pointer-events:none;
}
.ca-process-stage__intro{max-width:760px;margin-bottom:20px;position:relative;z-index:1}
.ca-process-stage__intro .ca-kicker{margin-bottom:10px}
.ca-process-stage__intro h2{
  color:#fff;
  margin-bottom:10px;
  max-width:780px;
}
.ca-process-stage__intro .ca-lead{
  color:rgba(235,239,255,.84);
  max-width:680px;
}
.ca-process-stage__content{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) 320px;
  gap:18px;
  align-items:end;
  position:relative;
  z-index:1;
}
.ca-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ca-process-steps .ca-step{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(182,187,230,.20);
  box-shadow:none;
  min-height:144px;
  border-radius:10px;
  padding:16px 14px 14px;
  backdrop-filter:blur(2px);
}
.ca-process-steps .ca-step:after{
  border-top:2px dotted rgba(171,155,255,.82);
  right:-11px;
  top:28px;
  width:22px;
}
.ca-process-steps .ca-step__num{
  width:28px;
  height:28px;
  margin-bottom:10px;
  font-size:12px;
  box-shadow:0 10px 20px rgba(102,69,217,.34);
}
.ca-process-steps .ca-step h3{
  color:#fff;
  font-size:13px;
  line-height:1.2;
  margin-bottom:5px;
}
.ca-process-steps .ca-step p{
  color:rgba(228,232,248,.78);
  font-size:10.5px;
  line-height:1.42;
  margin:0;
}
.ca-process-visual{
  position:relative;
  min-height:260px;
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(182,187,230,.16);
}
.ca-process-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.ca-process-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(20,16,43,.10),rgba(20,16,43,.04) 35%,rgba(20,16,43,.28));
  pointer-events:none;
}
.ca-handnote{
  left:auto;
  top:8px;
  right:2px;
  z-index:4;
  color:#b695ff;
  font-size:18px;
  line-height:1.05;
  font-family:cursive;
  transform:rotate(-3deg);
  background:transparent;
  padding:0;
  border-radius:0;
}
.ca-process-focus{
  position:absolute;
  left:16px;
  bottom:18px;
  z-index:3;
  display:grid;
  gap:8px;
  width:172px;
  padding:12px 12px 11px;
  border-radius:10px;
  background:rgba(255,255,255,.90);
  box-shadow:0 18px 34px rgba(21,21,52,.22);
}
.ca-process-focus__title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#252a3e;line-height:1.2}
.ca-process-focus__icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#ff2d8e 0%,#7b42ff 58%,#00c6ff 100%);
  box-shadow:0 10px 20px rgba(105,73,216,.25);
}
.ca-process-focus__title .ca-icon{width:16px;height:16px}
.ca-process-focus ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.ca-process-focus li{font-size:10px;line-height:1.35;color:#5b637b;display:flex;gap:6px;align-items:flex-start}
.ca-process-focus li:before{content:"•";color:#7c50ff;font-weight:900;line-height:1}
@media(max-width:1180px){
  .ca-process-stage__content{grid-template-columns:minmax(0,1fr) 280px}
  .ca-process-steps{gap:10px}
  .ca-process-steps .ca-step{padding:14px 12px 13px;min-height:136px}
}
@media(max-width:1050px){
  .ca-process-stage{padding:22px 22px 20px}
  .ca-process-stage__content{grid-template-columns:1fr}
  .ca-process-visual{min-height:250px;max-width:360px;justify-self:end;width:100%}
}
@media(max-width:782px){
  #ablauf{padding:8px 0 34px}
  .ca-process-stage{padding:18px 16px 16px}
  .ca-process-stage__intro{margin-bottom:16px}
  .ca-process-steps{grid-template-columns:repeat(2,1fr)}
  .ca-process-steps .ca-step{min-height:132px}
  .ca-process-steps .ca-step:nth-child(2):after{display:none}
  .ca-process-visual{max-width:none;min-height:220px}
}
@media(max-width:560px){
  .ca-process-stage__intro h2{font-size:32px}
  .ca-process-steps{grid-template-columns:1fr}
  .ca-process-steps .ca-step{min-height:unset}
  .ca-process-steps .ca-step:after{display:none}
  .ca-process-visual{min-height:210px}
  .ca-handnote{font-size:16px;right:6px;top:6px}
  .ca-process-focus{width:160px;left:12px;bottom:12px;padding:10px}
}


/* =========================================================
   CreatorAssure 1.8.1 – continuous premium process section
   ========================================================= */
#ablauf{
  position:relative;
  padding:54px 0 56px !important;
  background:linear-gradient(90deg,#161433 0%, #071635 55%, #05213f 100%);
  overflow:hidden;
}
#ablauf:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 92%, rgba(176,75,255,.24), transparent 22%),
    radial-gradient(circle at 28% 18%, rgba(121,83,255,.12), transparent 18%),
    radial-gradient(circle at 70% 18%, rgba(0,198,255,.10), transparent 18%),
    radial-gradient(circle at 83% 66%, rgba(255,47,148,.13), transparent 16%);
  pointer-events:none;
}
#ablauf:after{
  content:"";
  position:absolute;
  right:-86px;
  top:-66px;
  width:320px;
  height:320px;
  border-radius:44% 56% 58% 42% / 40% 41% 59% 60%;
  border:22px solid rgba(86,92,216,.18);
  pointer-events:none;
}
#ablauf .ca-container{position:relative;z-index:1}
.ca-process-stage{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.ca-process-stage:before,
.ca-process-stage:after{display:none !important}
.ca-process-stage__intro{max-width:790px;margin-bottom:24px}
.ca-process-stage__intro .ca-kicker{margin-bottom:10px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06);color:#ddd5ff}
.ca-process-stage__intro h2{font-size:58px;line-height:1.02;letter-spacing:-.04em;max-width:840px}
.ca-process-stage__intro h2 .ca-text-gradient{
  background:linear-gradient(90deg,#ff3b98 0%, #9d59ff 50%, #57a8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ca-process-stage__intro .ca-lead{font-size:15px;max-width:710px;color:rgba(236,241,255,.86)}
.ca-process-stage__content{grid-template-columns:minmax(0,1.22fr) 344px;gap:22px;align-items:end}
.ca-process-steps{gap:14px}
.ca-process-steps .ca-step{
  position:relative;
  min-height:176px;
  padding:18px 16px 16px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border:1px solid rgba(172,178,229,.22);
  backdrop-filter:blur(4px);
}
.ca-process-steps .ca-step:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:10px;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.ca-process-step__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.ca-process-step__index{display:flex;align-items:center;gap:10px}
.ca-process-steps .ca-step__num{width:30px;height:30px;margin:0;font-size:12px;box-shadow:0 10px 20px rgba(111,73,240,.34)}
.ca-process-step__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff2d8e 0%,#7b42ff 58%,#00c6ff 100%);box-shadow:0 10px 22px rgba(105,73,216,.25)}
.ca-process-step__icon .ca-icon{width:17px;height:17px}
.ca-process-steps .ca-step:after{border-top:2px dotted rgba(177,162,255,.92);right:-13px;top:34px;width:24px}
.ca-process-steps .ca-step h3{font-size:19px;line-height:1.1;margin-bottom:8px;color:#fff}
.ca-process-steps .ca-step p{font-size:12.5px;line-height:1.48;color:rgba(228,232,248,.82)}
.ca-process-visual{min-height:354px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(180,188,228,.18);box-shadow:0 20px 52px rgba(12,16,43,.26)}
.ca-process-visual img{object-position:center 15%}
.ca-process-visual:after{background:linear-gradient(180deg,rgba(19,16,42,.06),rgba(19,16,42,.05) 40%,rgba(19,16,42,.26))}
.ca-handnote{right:16px;top:-10px;font-size:22px;color:#fff;transform:rotate(-8deg);text-shadow:0 6px 18px rgba(0,0,0,.18)}
.ca-process-focus{left:18px;bottom:18px;width:188px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 18px 40px rgba(17,15,43,.28)}
.ca-process-focus__title{font-size:14px}.ca-process-focus ul{gap:7px}.ca-process-focus li{font-size:10.5px}
@media(max-width:1180px){
  .ca-process-stage__intro h2{font-size:50px}
  .ca-process-stage__content{grid-template-columns:minmax(0,1fr) 316px}
  .ca-process-steps .ca-step{min-height:168px}
  .ca-process-steps .ca-step h3{font-size:17px}
}
@media(max-width:1050px){
  #ablauf{padding:48px 0 50px !important}
  .ca-process-stage__intro h2{font-size:46px}
  .ca-process-stage__content{grid-template-columns:1fr}
  .ca-process-visual{max-width:390px;justify-self:end;width:100%;min-height:300px}
}
@media(max-width:782px){
  #ablauf{padding:42px 0 44px !important}
  .ca-process-stage__intro h2{font-size:38px}
  .ca-process-stage__intro .ca-lead{font-size:14px}
  .ca-process-steps{grid-template-columns:repeat(2,1fr);gap:12px}
  .ca-process-steps .ca-step{min-height:158px;padding:16px 14px 15px}
  .ca-process-step__top{margin-bottom:13px}
  .ca-process-step__icon{width:30px;height:30px}
  .ca-process-step__icon .ca-icon{width:15px;height:15px}
  .ca-process-steps .ca-step h3{font-size:16px}
  .ca-process-steps .ca-step p{font-size:11.5px}
}
@media(max-width:560px){
  .ca-process-stage__intro h2{font-size:34px}
  .ca-process-steps{grid-template-columns:1fr}
  .ca-process-steps .ca-step:after{display:none}
  .ca-process-visual{max-width:none;min-height:250px}
  .ca-handnote{top:8px;right:10px;font-size:17px}
}


/* =========================================================
   CreatorAssure 1.8.2 – fix full-width dark process background
   ========================================================= */
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  background:linear-gradient(90deg,#161433 0%,#071635 55%,#05213f 100%) !important;
  color:#fff;
}
.ca-flow-shell--upper > #ablauf .ca-process-stage,
.ca-flow-shell > #ablauf .ca-process-stage{
  background:transparent !important;
}
.ca-flow-shell--upper > #ablauf .ca-process-stage__intro h2,
.ca-flow-shell > #ablauf .ca-process-stage__intro h2,
.ca-flow-shell--upper > #ablauf .ca-process-steps .ca-step h3,
.ca-flow-shell > #ablauf .ca-process-steps .ca-step h3{
  color:#fff !important;
}
.ca-flow-shell--upper > #ablauf .ca-process-stage__intro .ca-lead,
.ca-flow-shell > #ablauf .ca-process-stage__intro .ca-lead{
  color:rgba(236,241,255,.86) !important;
}


/* =========================================================
   CreatorAssure 1.8.3 – process section with integrated hero-style bg
   ========================================================= */
#ablauf,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  background:linear-gradient(90deg, rgba(7,14,43,.70) 0%, rgba(8,17,49,.55) 33%, rgba(9,16,52,.22) 52%, rgba(8,15,48,.10) 100%), url("/assets/13/6a3cf44c6acfd17e4dfa79.png") center center / cover no-repeat !important;
  color:#fff;
  overflow:hidden;
  padding:22px 0 28px !important;
}
#ablauf:before,
#ablauf:after{display:none !important}
#ablauf .ca-container{position:relative;z-index:1}
#ablauf .ca-process-stage,
.ca-flow-shell--upper > #ablauf .ca-process-stage,
.ca-flow-shell > #ablauf .ca-process-stage{
  min-height:760px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
#ablauf .ca-process-stage:before,
#ablauf .ca-process-stage:after{display:none !important}
#ablauf .ca-process-stage__intro{
  max-width:700px;
  margin:58px 0 0 28px;
  position:relative;
  z-index:2;
}
#ablauf .ca-process-stage__intro .ca-kicker{
  margin-bottom:18px;
  background:rgba(31,33,86,.46);
  border:1px solid rgba(255,255,255,.06);
  color:#d9d1ff;
  letter-spacing:.16em;
}
#ablauf .ca-process-stage__intro h2{
  max-width:640px;
  font-size:84px;
  line-height:.98;
  letter-spacing:-.055em;
  margin-bottom:18px;
  color:#fff !important;
}
#ablauf .ca-process-stage__intro h2 .ca-text-gradient{
  background:linear-gradient(90deg,#ff3a97 0%, #a456ff 47%, #54a8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
#ablauf .ca-process-stage__intro .ca-lead,
.ca-flow-shell--upper > #ablauf .ca-process-stage__intro .ca-lead,
.ca-flow-shell > #ablauf .ca-process-stage__intro .ca-lead{
  max-width:640px;
  font-size:18px;
  line-height:1.45;
  color:rgba(232,237,255,.92) !important;
}
#ablauf .ca-process-stage__content{
  display:block !important;
  margin-top:auto;
  padding:0 34px 38px;
}
#ablauf .ca-process-visual{display:none !important}
#ablauf .ca-process-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
#ablauf .ca-process-steps .ca-step{
  min-height:244px;
  padding:24px 24px 20px;
  border-radius:10px;
  background:linear-gradient(180deg, rgba(25,34,83,.54) 0%, rgba(18,25,66,.44) 100%);
  border:1px solid rgba(124,99,236,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 22px 50px rgba(4,8,28,.16);
  backdrop-filter:blur(10px);
}
#ablauf .ca-process-steps .ca-step:after{
  top:48px;
  right:-20px;
  width:36px;
  border-top:3px dotted rgba(211,201,255,.78);
}
#ablauf .ca-process-step__top{margin-bottom:22px}
#ablauf .ca-process-steps .ca-step__num{
  width:44px;height:44px;font-size:24px;font-weight:800;
  box-shadow:0 14px 28px rgba(117,77,245,.22);
}
#ablauf .ca-process-step__icon{
  width:44px;height:44px;border-radius:10px;
  background:linear-gradient(135deg,#ff2d8e 0%, #7b42ff 58%, #00c6ff 100%);
  box-shadow:0 12px 28px rgba(104,70,226,.22);
}
#ablauf .ca-process-step__icon .ca-icon{width:22px;height:22px}
#ablauf .ca-process-steps .ca-step h3{
  font-size:27px;
  line-height:.98;
  letter-spacing:-.03em;
  margin-bottom:14px;
  color:#fff !important;
}
#ablauf .ca-process-steps .ca-step p{
  font-size:16px;
  line-height:1.42;
  color:rgba(235,240,255,.90);
}
@media(max-width:1380px){
  #ablauf .ca-process-stage{min-height:720px}
  #ablauf .ca-process-stage__intro h2{font-size:72px;max-width:560px}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:17px;max-width:560px}
  #ablauf .ca-process-steps .ca-step{min-height:228px;padding:22px 20px 18px;border-radius:22px}
  #ablauf .ca-process-steps .ca-step h3{font-size:24px}
  #ablauf .ca-process-steps .ca-step p{font-size:15px}
}
@media(max-width:1180px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{padding:18px 0 24px !important;background-position:68% center !important}
  #ablauf .ca-process-stage{min-height:680px}
  #ablauf .ca-process-stage__intro{margin:42px 0 0 18px;max-width:560px}
  #ablauf .ca-process-stage__intro h2{font-size:58px;max-width:520px}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:16px;max-width:520px}
  #ablauf .ca-process-stage__content{padding:0 18px 26px}
  #ablauf .ca-process-steps{gap:16px}
  #ablauf .ca-process-steps .ca-step{min-height:208px;padding:18px 16px 16px}
  #ablauf .ca-process-steps .ca-step h3{font-size:21px}
  #ablauf .ca-process-steps .ca-step p{font-size:14px}
  #ablauf .ca-process-steps .ca-step__num,
  #ablauf .ca-process-step__icon{width:38px;height:38px}
  #ablauf .ca-process-step__icon .ca-icon{width:19px;height:19px}
}
@media(max-width:900px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{background-position:74% center !important;padding:14px 0 22px !important}
  #ablauf .ca-process-stage{min-height:unset}
  #ablauf .ca-process-stage__intro{margin:26px 0 0 0;max-width:100%}
  #ablauf .ca-process-stage__intro h2{font-size:48px;max-width:520px}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:15px;max-width:480px}
  #ablauf .ca-process-stage__content{padding:160px 0 0}
  #ablauf .ca-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  #ablauf .ca-process-steps .ca-step{min-height:190px}
  #ablauf .ca-process-steps .ca-step:after{display:none}
}
@media(max-width:640px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{background-position:78% top !important;padding:10px 0 18px !important}
  #ablauf .ca-process-stage__intro h2{font-size:40px}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:14px}
  #ablauf .ca-process-stage__content{padding:140px 0 0}
  #ablauf .ca-process-steps{grid-template-columns:1fr}
  #ablauf .ca-process-steps .ca-step{min-height:unset;padding:16px 15px 15px;border-radius:18px}
  #ablauf .ca-process-step__top{margin-bottom:16px}
  #ablauf .ca-process-steps .ca-step__num{width:34px;height:34px;font-size:18px}
  #ablauf .ca-process-step__icon{width:34px;height:34px;border-radius:12px}
  #ablauf .ca-process-step__icon .ca-icon{width:17px;height:17px}
  #ablauf .ca-process-steps .ca-step h3{font-size:20px;margin-bottom:10px}
  #ablauf .ca-process-steps .ca-step p{font-size:14px}
}


/* =========================================================
   CreatorAssure 1.8.4 – process section scaled down and full bg visible
   ========================================================= */
#ablauf,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  background-image:
    linear-gradient(90deg, rgba(7,14,43,.76) 0%, rgba(8,17,49,.62) 31%, rgba(9,16,52,.28) 52%, rgba(8,15,48,.12) 100%),
    url("/assets/13/6a3cf44c6acfd17e4dfa79.png") !important;
  background-position:center center, right center !important;
  background-repeat:no-repeat, no-repeat !important;
  background-size:cover, auto 100% !important;
  padding:14px 0 18px !important;
}
#ablauf .ca-process-stage,
.ca-flow-shell--upper > #ablauf .ca-process-stage,
.ca-flow-shell > #ablauf .ca-process-stage{
  min-height:560px;
}
#ablauf .ca-process-stage__intro{
  max-width:640px;
  margin:36px 0 0 24px;
}
#ablauf .ca-process-stage__intro .ca-kicker{margin-bottom:14px}
#ablauf .ca-process-stage__intro h2{
  max-width:560px;
  font-size:68px;
  line-height:.98;
  margin-bottom:14px;
}
#ablauf .ca-process-stage__intro .ca-lead{
  max-width:560px;
  font-size:16px;
  line-height:1.42;
}
#ablauf .ca-process-stage__content{
  padding:0 24px 22px;
}
#ablauf .ca-process-steps{gap:16px}
#ablauf .ca-process-steps .ca-step{
  min-height:182px;
  padding:18px 18px 16px;
  border-radius:10px;
}
#ablauf .ca-process-steps .ca-step:after{top:39px;right:-16px;width:28px}
#ablauf .ca-process-step__top{margin-bottom:16px}
#ablauf .ca-process-steps .ca-step__num,
#ablauf .ca-process-step__icon{width:36px;height:36px}
#ablauf .ca-process-steps .ca-step__num{font-size:18px}
#ablauf .ca-process-step__icon{border-radius:12px}
#ablauf .ca-process-step__icon .ca-icon{width:18px;height:18px}
#ablauf .ca-process-steps .ca-step h3{
  font-size:19px;
  line-height:1.02;
  margin-bottom:10px;
}
#ablauf .ca-process-steps .ca-step p{
  font-size:13px;
  line-height:1.4;
}
@media(max-width:1380px){
  #ablauf .ca-process-stage{min-height:520px}
  #ablauf .ca-process-stage__intro h2{font-size:60px;max-width:510px}
}
@media(max-width:1180px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, right center !important;
    background-size:cover, auto 92% !important;
    padding:12px 0 16px !important;
  }
  #ablauf .ca-process-stage{min-height:500px}
  #ablauf .ca-process-stage__intro{margin:28px 0 0 18px;max-width:500px}
  #ablauf .ca-process-stage__intro h2{font-size:52px;max-width:470px}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:15px;max-width:470px}
  #ablauf .ca-process-stage__content{padding:0 18px 18px}
  #ablauf .ca-process-steps .ca-step{min-height:170px;padding:16px 15px 14px}
  #ablauf .ca-process-steps .ca-step h3{font-size:18px}
  #ablauf .ca-process-steps .ca-step p{font-size:12.5px}
}
@media(max-width:900px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, 72% top !important;
    background-size:cover, auto 72% !important;
    padding:10px 0 14px !important;
  }
  #ablauf .ca-process-stage{min-height:unset}
  #ablauf .ca-process-stage__intro{margin:22px 0 0 0;max-width:100%}
  #ablauf .ca-process-stage__intro h2{font-size:42px;max-width:460px}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:14px;max-width:430px}
  #ablauf .ca-process-stage__content{padding:110px 0 0}
  #ablauf .ca-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  #ablauf .ca-process-steps .ca-step{min-height:160px}
  #ablauf .ca-process-steps .ca-step:after{display:none}
}
@media(max-width:640px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, 76% top !important;
    background-size:cover, auto 54% !important;
    padding:8px 0 12px !important;
  }
  #ablauf .ca-process-stage__intro h2{font-size:34px;max-width:360px}
  #ablauf .ca-process-stage__content{padding:96px 0 0}
  #ablauf .ca-process-steps{grid-template-columns:1fr}
  #ablauf .ca-process-steps .ca-step{min-height:unset;padding:15px 14px 14px;border-radius:16px}
  #ablauf .ca-process-step__top{margin-bottom:12px}
  #ablauf .ca-process-steps .ca-step__num,
  #ablauf .ca-process-step__icon{width:32px;height:32px}
  #ablauf .ca-process-steps .ca-step__num{font-size:16px}
  #ablauf .ca-process-step__icon .ca-icon{width:16px;height:16px}
  #ablauf .ca-process-steps .ca-step h3{font-size:18px}
  #ablauf .ca-process-steps .ca-step p{font-size:13px}
}


/* =========================================================
   CreatorAssure 1.8.5 – centered continuous blue process band
   ========================================================= */
#ablauf,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  position:relative;
  isolation:isolate;
  background-color:#071a3b !important;
  background-image:url("/assets/13/6a3cf44c6acfd17e4dfa79.png") !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  padding:18px 0 20px !important;
}
#ablauf:before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(5,22,58,.88) 0%,
      rgba(6,26,65,.78) 18%,
      rgba(7,27,67,.58) 37%,
      rgba(8,25,62,.24) 58%,
      rgba(8,20,52,.06) 100%),
    radial-gradient(circle at 10% 72%,rgba(93,42,209,.18),transparent 28%);
}
#ablauf:after{display:none !important}
#ablauf .ca-container{position:relative;z-index:1}
#ablauf .ca-process-stage,
.ca-flow-shell--upper > #ablauf .ca-process-stage,
.ca-flow-shell > #ablauf .ca-process-stage{
  min-height:520px !important;
}
#ablauf .ca-process-stage__intro{
  max-width:620px !important;
  margin:38px 0 0 24px !important;
}
#ablauf .ca-process-stage__intro .ca-kicker{
  margin-bottom:12px !important;
}
#ablauf .ca-process-stage__intro h2{
  max-width:560px !important;
  font-size:clamp(29px,3vw,41px) !important;
  line-height:1.07 !important;
  letter-spacing:-.035em !important;
  margin-bottom:12px !important;
  color:#fff !important;
}
#ablauf .ca-process-stage__intro h2 .ca-text-gradient{
  background:linear-gradient(90deg,#ff3695 0%,#9a58ff 52%,#58adff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
#ablauf .ca-process-stage__intro .ca-lead{
  max-width:560px !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  color:rgba(232,239,255,.88) !important;
}
#ablauf .ca-process-stage__content{
  padding:0 24px 20px !important;
}
#ablauf .ca-process-steps .ca-step{
  min-height:166px !important;
  padding:16px 16px 14px !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(15,28,72,.62),rgba(12,25,64,.48)) !important;
  border-color:rgba(123,117,222,.42) !important;
}
#ablauf .ca-process-step__top{margin-bottom:13px !important}
#ablauf .ca-process-steps .ca-step__num,
#ablauf .ca-process-step__icon{width:34px !important;height:34px !important}
#ablauf .ca-process-steps .ca-step__num{font-size:16px !important}
#ablauf .ca-process-step__icon{border-radius:11px !important}
#ablauf .ca-process-step__icon .ca-icon{width:17px !important;height:17px !important}
#ablauf .ca-process-steps .ca-step h3{
  font-size:16.5px !important;
  line-height:1.08 !important;
  margin-bottom:8px !important;
}
#ablauf .ca-process-steps .ca-step p{
  font-size:11.5px !important;
  line-height:1.4 !important;
}
@media(max-width:1180px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center !important;
    background-size:cover !important;
  }
  #ablauf .ca-process-stage{min-height:500px !important}
  #ablauf .ca-process-stage__intro{margin:30px 0 0 18px !important;max-width:560px !important}
  #ablauf .ca-process-stage__intro h2{font-size:clamp(29px,3vw,41px) !important}
}
@media(max-width:900px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center top !important;
  }
  #ablauf .ca-process-stage{min-height:unset !important}
  #ablauf .ca-process-stage__intro{margin:24px 0 0 0 !important}
  #ablauf .ca-process-stage__content{padding:120px 0 0 !important}
}
@media(max-width:640px){
  #ablauf .ca-process-stage__intro h2{font-size:32px !important}
  #ablauf .ca-process-stage__content{padding:100px 0 0 !important}
}


/* CreatorAssure 1.8.6 – richer marketing copy in process steps */
#ablauf .ca-process-steps .ca-step p{font-size:12.5px;line-height:1.44;}
@media(max-width:1180px){#ablauf .ca-process-steps .ca-step p{font-size:12px;line-height:1.42;}}
@media(max-width:640px){#ablauf .ca-process-steps .ca-step p{font-size:12.5px;line-height:1.44;}}


/* =========================================================
   CreatorAssure 1.8.8 – compact process band
   ========================================================= */
#ablauf,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  padding:8px 0 10px !important;
  background-color:#071a3b !important;
  background-position:center center !important;
  background-size:auto 100% !important;
}
#ablauf .ca-process-stage,
.ca-flow-shell--upper > #ablauf .ca-process-stage,
.ca-flow-shell > #ablauf .ca-process-stage{
  min-height:410px !important;
}
#ablauf .ca-process-stage__intro{
  max-width:600px !important;
  margin:20px 0 0 22px !important;
}
#ablauf .ca-process-stage__intro .ca-kicker{
  margin-bottom:8px !important;
}
#ablauf .ca-process-stage__intro h2{
  max-width:520px !important;
  font-size:clamp(28px,2.65vw,38px) !important;
  line-height:1.04 !important;
  margin-bottom:8px !important;
}
#ablauf .ca-process-stage__intro .ca-lead{
  max-width:550px !important;
  font-size:12.5px !important;
  line-height:1.42 !important;
}
#ablauf .ca-process-stage__content{
  padding:0 22px 12px !important;
}
#ablauf .ca-process-steps{
  gap:12px !important;
}
#ablauf .ca-process-steps .ca-step{
  min-height:138px !important;
  padding:12px 13px 11px !important;
  border-radius:10px !important;
}
#ablauf .ca-process-steps .ca-step:after{
  top:31px !important;
  right:-13px !important;
  width:22px !important;
}
#ablauf .ca-process-step__top{
  margin-bottom:9px !important;
}
#ablauf .ca-process-steps .ca-step__num,
#ablauf .ca-process-step__icon{
  width:29px !important;
  height:29px !important;
}
#ablauf .ca-process-steps .ca-step__num{
  font-size:14px !important;
}
#ablauf .ca-process-step__icon{
  border-radius:9px !important;
}
#ablauf .ca-process-step__icon .ca-icon{
  width:14px !important;
  height:14px !important;
}
#ablauf .ca-process-steps .ca-step h3{
  font-size:14.5px !important;
  margin-bottom:6px !important;
}
#ablauf .ca-process-steps .ca-step p{
  font-size:10.5px !important;
  line-height:1.36 !important;
}
@media(max-width:1180px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center !important;
    background-size:auto 100% !important;
  }
  #ablauf .ca-process-stage{min-height:400px !important;}
  #ablauf .ca-process-stage__intro{margin:18px 0 0 16px !important;max-width:520px !important;}
  #ablauf .ca-process-stage__intro h2{font-size:clamp(27px,2.7vw,36px) !important;}
  #ablauf .ca-process-stage__content{padding:0 16px 10px !important;}
  #ablauf .ca-process-steps .ca-step{min-height:132px !important;padding:11px 12px 10px !important;}
  #ablauf .ca-process-steps .ca-step p{font-size:10px !important;line-height:1.34 !important;}
}
@media(max-width:900px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-size:auto 62% !important;
    background-position:center top !important;
    padding:8px 0 12px !important;
  }
  #ablauf .ca-process-stage{min-height:unset !important;}
  #ablauf .ca-process-stage__intro{margin:18px 0 0 0 !important;}
  #ablauf .ca-process-stage__content{padding:84px 0 0 !important;}
  #ablauf .ca-process-steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #ablauf .ca-process-steps .ca-step{min-height:128px !important;}
}
@media(max-width:640px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-size:auto 48% !important;
    background-position:center top !important;
  }
  #ablauf .ca-process-stage__intro h2{font-size:30px !important;}
  #ablauf .ca-process-stage__intro .ca-lead{font-size:12px !important;}
  #ablauf .ca-process-stage__content{padding:70px 0 0 !important;}
  #ablauf .ca-process-steps{grid-template-columns:1fr !important;}
  #ablauf .ca-process-steps .ca-step{min-height:unset !important;}
  #ablauf .ca-process-steps .ca-step p{font-size:11px !important;}
}


/* =========================================================
   CreatorAssure 1.8.9 – softer image blend + glassier steps
   ========================================================= */
#ablauf,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  background-image:
    linear-gradient(90deg, rgba(7,18,54,.82) 0%, rgba(7,20,61,.67) 28%, rgba(8,20,60,.28) 52%, rgba(7,20,57,.10) 75%, rgba(7,20,57,.22) 100%),
    url("/assets/13/6a3cf44c6acfd17e4dfa79.png") !important;
  background-position:center center, center center !important;
  background-size:cover, cover !important;
  background-repeat:no-repeat, no-repeat !important;
}
#ablauf:before{
  display:block !important;
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(5,18,54,.22) 0%, transparent 46%, transparent 76%, rgba(4,20,52,.30) 100%),
    radial-gradient(ellipse 28% 85% at 100% 50%, rgba(8,25,63,.34), transparent 72%);
}
#ablauf:after{
  display:block !important;
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:20%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(7,20,57,0) 0%, rgba(7,20,57,.18) 44%, rgba(7,20,57,.52) 100%);
}
#ablauf .ca-container{position:relative;z-index:2}
#ablauf .ca-process-steps .ca-step{
  background:linear-gradient(180deg, rgba(17,29,77,.36) 0%, rgba(12,23,67,.27) 100%) !important;
  border-color:rgba(148,137,239,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(3,8,29,.11) !important;
  backdrop-filter:blur(8px) saturate(112%);
  -webkit-backdrop-filter:blur(8px) saturate(112%);
}
#ablauf .ca-process-steps .ca-step:before{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
@media(max-width:900px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, 70% center !important;
    background-size:cover, cover !important;
  }
  #ablauf:after{width:28%;}
}
@media(max-width:640px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, 72% top !important;
  }
  #ablauf:after{width:36%;opacity:.85;}
}


/* =========================================================
   CreatorAssure 1.8.10 – remove inherited ring + expose handnote
   ========================================================= */
#ablauf,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf{
  background-image:
    linear-gradient(90deg, rgba(5,18,54,.96) 0%, rgba(6,20,61,.88) 24%, rgba(7,20,60,.56) 43%, rgba(7,20,57,.16) 64%, rgba(7,20,57,.10) 100%),
    url("/assets/13/6a3cf44c6acfd17e4dfa79.png") !important;
  background-position:center center, right center !important;
  background-size:cover, auto 100% !important;
  background-repeat:no-repeat, no-repeat !important;
}
#ablauf:before{
  display:block !important;
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  box-shadow:none !important;
  background:
    linear-gradient(90deg, rgba(5,18,54,.20) 0%, rgba(5,18,54,.08) 40%, transparent 62%, transparent 100%),
    radial-gradient(ellipse 25% 65% at 0% 58%, rgba(108,48,214,.13), transparent 74%);
}
#ablauf:after{
  display:block !important;
  content:"";
  position:absolute;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:18% !important;
  height:auto !important;
  z-index:0;
  pointer-events:none;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  box-shadow:none !important;
  background:linear-gradient(90deg, rgba(7,20,57,0) 0%, rgba(7,20,57,.08) 54%, rgba(7,20,57,.24) 100%) !important;
}
@media(max-width:900px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, 72% center !important;
    background-size:cover, auto 100% !important;
  }
  #ablauf:after{width:22% !important;}
}
@media(max-width:640px){
  #ablauf,
  .ca-flow-shell--upper > #ablauf,
  .ca-flow-shell > #ablauf{
    background-position:center center, 76% top !important;
    background-size:cover, auto 82% !important;
  }
  #ablauf:after{width:28% !important;}
}


/* =========================================================
   CreatorAssure 1.9.0 – subscription pricing / Starter live
   ========================================================= */
#preise.ca-pricing{
  position:relative;
  overflow:hidden;
  padding:56px 0 62px;
  background:
    radial-gradient(ellipse 42% 70% at 6% 18%,rgba(120,63,255,.075),transparent 68%),
    radial-gradient(ellipse 38% 68% at 96% 74%,rgba(0,198,255,.065),transparent 70%),
    linear-gradient(180deg,#fbfbfe 0%,#f8f9fd 100%);
}
#preise.ca-pricing:before{
  content:"";
  position:absolute;
  left:-110px;
  bottom:-150px;
  width:360px;
  height:360px;
  border:28px solid rgba(120,63,255,.045);
  border-radius:50%;
  pointer-events:none;
}
#preise .ca-container{position:relative;z-index:1}
.ca-pricing-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:end;
  margin-bottom:30px;
}
.ca-pricing-head__copy{max-width:840px}
.ca-pricing-head__copy h2{margin-bottom:10px}
.ca-pricing-head__copy .ca-lead{max-width:760px;margin:0}
.ca-pricing-kickerline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:11px}
.ca-pricing-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:5px 9px;
  border-radius:10px;
  background:rgba(28,182,116,.08);
  border:1px solid rgba(28,182,116,.16);
  color:#17845b;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ca-pricing-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#1fbe78;box-shadow:0 0 0 4px rgba(31,190,120,.10)}
.ca-pricing-toolbar{
  align-self:end;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px;
  border:1px solid rgba(214,217,235,.92);
  border-radius:10px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 26px rgba(34,40,73,.05);
}
.ca-pricing-toolbar__label{font-size:10.5px;font-weight:800;color:#626a82;padding:0 4px}
.ca-pricing-toolbar__label.is-active{color:#171b31}
.ca-toggle{width:46px;height:26px;border-radius:10px;background:#e2defc;padding:3px;box-shadow:inset 0 0 0 1px rgba(120,63,255,.06)}
.ca-toggle span{width:20px;height:20px;border-radius:8px}
.ca-toggle input:checked+span{transform:translateX(20px);background:linear-gradient(135deg,#7b42ff,#00bdf6)}
.ca-billing-note{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:10px;
  background:rgba(120,63,255,.07);
  color:#6b4ee7;
  font-size:9.5px;
  font-weight:800;
  white-space:nowrap;
}
.ca-pricing-grid{
  display:grid;
  grid-template-columns:1.25fr repeat(3,1fr);
  gap:14px;
  align-items:stretch;
}
.ca-price-card{
  min-height:390px;
  border-radius:10px;
  padding:24px 22px 22px;
  transform:none !important;
  transition:none !important;
}
.ca-price-card--starter{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(103,77,242,.42);
  background:
    radial-gradient(circle at 100% 0%,rgba(0,198,255,.12),transparent 34%),
    radial-gradient(circle at 0% 100%,rgba(255,45,142,.08),transparent 38%),
    linear-gradient(180deg,#fff 0%,#fbfaff 100%);
  box-shadow:0 22px 54px rgba(76,62,146,.13);
}
.ca-price-card--starter:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,#ff2d8e,#7b42ff,#00c6ff);
}
.ca-price-card--starter:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-70px;bottom:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(120,63,255,.11),transparent 70%);
  pointer-events:none;
}
.ca-price-ribbon{
  left:22px;
  right:auto;
  top:18px;
  min-height:27px;
  padding:6px 9px;
  border-radius:10px;
  background:linear-gradient(100deg,#f5278e,#7d43ff 56%,#00bdf6);
  font-size:9px;
  letter-spacing:.08em;
  box-shadow:0 9px 22px rgba(101,68,221,.18);
}
.ca-price-card--starter .ca-price-top{margin-top:36px}
.ca-price-top{align-items:flex-start}
.ca-price-top h3{font-size:19px;line-height:1.15;margin:0}
.ca-plan-tag{border-radius:10px;padding:6px 8px;font-size:9px;font-weight:800}
.ca-price{
  display:flex;
  align-items:flex-end;
  gap:5px;
  font-size:42px;
  margin:20px 0 7px;
  color:#11162a;
}
.ca-price small{font-size:12px;padding-bottom:4px}
.ca-price-subline{font-size:11px;line-height:1.45;color:#727a91;margin-bottom:18px}
.ca-price-list{gap:9px;margin:18px 0 22px;font-size:12px;line-height:1.35}
.ca-price-list li:before{color:#6d4bf1}
.ca-price-card--starter .ca-btn{
  min-height:44px;
  border-radius:10px;
  font-size:11.5px;
  position:relative;
  z-index:2;
}
.ca-starter-assurance{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  color:#747b91;
  font-size:9.5px;
  line-height:1.35;
}
.ca-starter-assurance .ca-icon{width:14px;height:14px;color:#6248e3}
.ca-price-card--soon{
  position:relative;
  overflow:hidden;
  border:1px solid #e2e4ec;
  background:linear-gradient(180deg,#f3f4f7 0%,#eceef2 100%);
  box-shadow:none;
  color:#969cac;
  padding:24px 20px;
}
.ca-price-card--soon:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.20) 0 12px,rgba(255,255,255,.04) 12px 24px);
  pointer-events:none;
}
.ca-price-card--soon .ca-price-top,
.ca-price-card--soon .ca-coming-soon{position:relative;z-index:1}
.ca-price-card--soon .ca-price-top h3{color:#626979;font-size:17px}
.ca-price-card--soon .ca-plan-tag{background:#e2e4e9;color:#8e94a2;border:1px solid #d8dbe3}
.ca-coming-soon{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:13px;
  min-height:250px;
  padding:28px 8px 10px;
}
.ca-coming-soon__icon{
  width:58px;
  height:58px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#8e94a4;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(208,211,220,.92);
  box-shadow:0 10px 24px rgba(65,70,84,.05);
}
.ca-coming-soon__icon .ca-icon{width:25px;height:25px}
.ca-coming-soon strong{
  color:#656c7b;
  font-family:var(--ca-heading);
  font-size:21px;
  line-height:1.1;
}
.ca-coming-soon span{
  max-width:220px;
  color:#969cab;
  font-size:11px;
  line-height:1.45;
}
.ca-coming-soon__badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:6px 9px;
  border-radius:10px;
  background:#e0e2e7;
  border:1px solid #d5d8df;
  color:#858b99;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ca-pricing.is-yearly .ca-billing-month{color:#626a82}
.ca-pricing.is-yearly .ca-billing-year{color:#171b31}
.ca-pricing:not(.is-yearly) .ca-billing-month{color:#171b31}
.ca-pricing:not(.is-yearly) .ca-billing-year{color:#626a82}
@media(max-width:1180px){
  .ca-pricing-grid{grid-template-columns:1fr 1fr}
  .ca-price-card{min-height:350px}
}
@media(max-width:782px){
  #preise.ca-pricing{padding:48px 0 52px}
  .ca-pricing-head{grid-template-columns:1fr;gap:18px;align-items:start}
  .ca-pricing-toolbar{justify-self:start}
  .ca-pricing-grid{grid-template-columns:1fr}
  .ca-price-card{min-height:unset}
  .ca-coming-soon{min-height:190px}
}
@media(max-width:560px){
  .ca-pricing-toolbar{width:100%;justify-content:space-between;gap:6px}
  .ca-billing-note{font-size:8.5px}
  .ca-price{font-size:38px}
}


/* =========================================================
   CreatorAssure 1.9.1 – pricing section refinement
   ========================================================= */
#preise .ca-pricing-toolbar{
  gap:12px;
}
#preise .ca-billing-note{display:none !important}
#preise .ca-pricing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
#preise .ca-price-card{
  width:100%;
  min-width:0;
  min-height:400px;
}
#preise .ca-price-card--starter{
  transform:none;
}
#preise .ca-price-card--starter .ca-btn{
  font-size:14px;
}
#preise .ca-price-list{
  gap:11px;
  margin:18px 0 24px;
}
#preise .ca-price-list li{
  align-items:flex-start;
}
#preise .ca-price-list li:before{
  margin-top:1px;
  flex:0 0 auto;
}
#preise .ca-coming-soon{
  margin:auto 0;
}
@media(max-width:1180px){
  #preise .ca-pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  #preise .ca-pricing-grid{
    grid-template-columns:1fr;
  }
  #preise .ca-price-card{min-height:unset}
}


/* CreatorAssure 1.9.3 – expanded Starter module list */
#preise .ca-price-list{gap:9px;font-size:11.5px;line-height:1.34}
#preise .ca-price-list li{padding-right:2px}
@media(max-width:1180px){#preise .ca-price-list{font-size:11.5px}}


/* =========================================================
   CreatorAssure 1.9.6 – dark FAQ band
   ========================================================= */
.ca-flow-shell > #faq,
#faq.ca-faq{
  position:relative;
  overflow:hidden;
  padding:50px 0 54px !important;
  background:
    radial-gradient(ellipse 44% 110% at -5% 100%,rgba(116,39,255,.34),transparent 64%),
    radial-gradient(ellipse 34% 90% at 96% 8%,rgba(0,198,255,.10),transparent 66%),
    linear-gradient(112deg,#171530 0%,#0b1227 48%,#061123 100%) !important;
  color:#fff;
}
#faq.ca-faq:before{
  content:"";
  position:absolute;
  right:5%;
  top:-72px;
  width:250px;
  height:250px;
  border:26px solid rgba(104,80,255,.07);
  border-radius:50%;
  pointer-events:none;
}
#faq.ca-faq:after{
  content:"";
  position:absolute;
  left:48%;
  bottom:-90px;
  width:300px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(112,72,255,.12),transparent 68%);
  filter:blur(12px);
  pointer-events:none;
}
#faq .ca-container{position:relative;z-index:2}
#faq .ca-section-heading{margin-bottom:26px}
#faq .ca-section-heading__copy{max-width:900px}
#faq .ca-kicker{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.06);
  color:#d9d1ff;
}
#faq h2{
  color:#fff !important;
  font-size:clamp(28px,2.75vw,38px);
  max-width:920px;
}
#faq .ca-faq-grid{gap:12px 16px}
#faq details{
  border:1px solid rgba(182,188,229,.16) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035)) !important;
  box-shadow:none !important;
  backdrop-filter:blur(8px);
}
#faq details[open]{
  border-color:rgba(139,104,255,.36) !important;
  background:linear-gradient(180deg,rgba(122,77,255,.11),rgba(255,255,255,.045)) !important;
}
#faq summary{
  padding:15px 16px !important;
  color:#fff;
  font-size:12.5px !important;
  line-height:1.35;
}
#faq summary:after{
  color:#9b78ff !important;
  font-size:20px !important;
}
#faq .ca-faq__answer{
  padding:0 16px 16px !important;
  color:#c3cadc !important;
  font-size:11.5px !important;
  line-height:1.55;
}
@media(max-width:782px){
  .ca-flow-shell > #faq,
  #faq.ca-faq{padding:42px 0 46px !important}
  #faq .ca-faq-grid{grid-template-columns:1fr;gap:10px}
  #faq summary{padding:14px 14px !important;font-size:12px !important}
  #faq .ca-faq__answer{padding:0 14px 14px !important;font-size:11px !important}
}


/* =========================================================
   CreatorAssure 1.9.7 – FAQ heading gradient accent
   ========================================================= */
#faq h2 .ca-gradient-text{
  background:linear-gradient(90deg,#ff2da0 0%, #a65cff 46%, #2eb5ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}


/* =========================================================
   Creator Assure 1.9.8 – expanded conversion-focused FAQ
   ========================================================= */
#faq .ca-faq-intro{max-width:860px;margin-top:10px;color:rgba(224,230,247,.78)!important;font-size:13px;line-height:1.55}
#faq details{align-self:start}
#faq summary{line-height:1.35}
#faq .ca-faq__answer{line-height:1.65!important;color:rgba(220,226,244,.80)!important}
@media(max-width:782px){#faq .ca-faq-intro{font-size:12px}}


/* =========================================================
   Creator Assure 1.9.9 – Contact section redesign
   ========================================================= */
#kontakt{padding:56px 0 64px}
#kontakt .ca-contact-shell{display:grid;grid-template-columns:1.02fr .98fr;border:1px solid rgba(137,151,198,.22);border-radius:10px;background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%);box-shadow:0 18px 48px rgba(24,29,64,.10);overflow:hidden;position:relative}
#kontakt .ca-contact-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,rgba(113,66,255,.14),transparent 30%),radial-gradient(circle at 84% 88%,rgba(0,170,255,.10),transparent 24%);pointer-events:none}
#kontakt .ca-contact-info,#kontakt .ca-contact-form{position:relative;z-index:1}
#kontakt .ca-contact-info{padding:34px 34px 28px;background:linear-gradient(135deg,#0c1131 0%,#181d4f 45%,#25206a 100%);color:#fff}
#kontakt .ca-contact-info:after{display:none}
#kontakt .ca-contact-info .ca-kicker{background:rgba(255,255,255,.08);color:#c8b7ff;border:1px solid rgba(255,255,255,.10)}
#kontakt .ca-contact-info h2{font-size:36px;line-height:1.08;color:#fff;max-width:540px;margin:14px 0 14px}
#kontakt .ca-contact-info p{font-size:14px;line-height:1.7;color:rgba(233,237,255,.84);max-width:580px}
#kontakt .ca-contact-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 18px}
#kontakt .ca-contact-card{display:flex;gap:14px;padding:16px 16px 15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));backdrop-filter:blur(10px)}
#kontakt .ca-contact-card__icon{flex:0 0 auto}
#kontakt .ca-contact-card__icon .ca-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#ff2da0 0%,#7b3ff2 55%,#18a6ff 100%);color:#fff;box-shadow:0 10px 24px rgba(113,66,255,.28)}
#kontakt .ca-contact-card h3{font-size:15px;line-height:1.2;color:#fff;margin:1px 0 6px}
#kontakt .ca-contact-card p{font-size:12.5px;line-height:1.55;color:rgba(229,234,255,.78);margin:0}
#kontakt .ca-contact-note{margin-top:4px;padding:14px 16px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.10);font-size:12.5px;line-height:1.6;color:rgba(232,236,255,.83)}
#kontakt .ca-contact-note strong{color:#fff}
#kontakt .ca-contact-visual{position:relative;height:164px;margin-top:18px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.10)}
#kontakt .ca-contact-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,17,49,.08),rgba(12,17,49,.36))}
#kontakt .ca-contact-visual img{width:100%;height:100%;object-fit:cover}
#kontakt .ca-contact-visual__badge{position:absolute;left:16px;right:16px;bottom:14px;display:flex;gap:10px;flex-wrap:wrap;z-index:1}
#kontakt .ca-contact-visual__badge span{padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em}
#kontakt .ca-contact-form{padding:34px;background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)}
#kontakt .ca-contact-form .ca-kicker{margin-bottom:12px}
#kontakt .ca-contact-form h3{font-size:30px;line-height:1.08;margin:0 0 10px;color:#151a34}
#kontakt .ca-contact-form>.ca-muted{font-size:13px;line-height:1.65;color:#69748f;margin-bottom:20px;max-width:580px}
#kontakt .ca-form-grid{gap:14px}
#kontakt .ca-field{gap:6px}
#kontakt .ca-field label{font-size:12px;font-weight:800;color:#2f3552}
#kontakt .ca-field input,#kontakt .ca-field select,#kontakt .ca-field textarea{padding:12px 13px;border-radius:10px;border:1px solid #dbe1f0;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,.9) inset;font-size:13px;color:#16203c}
#kontakt .ca-field input:focus,#kontakt .ca-field select:focus,#kontakt .ca-field textarea:focus{border-color:#8962ff;box-shadow:0 0 0 4px rgba(137,98,255,.10)}
#kontakt .ca-field textarea{min-height:136px}
#kontakt .ca-consent{gap:10px;font-size:12px;line-height:1.55;color:#68738c;margin:16px 0}
#kontakt .ca-consent a{color:#6b59ff;font-weight:700}
#kontakt .ca-form-message{border-radius:10px;font-size:13px}
#kontakt .ca-contact-form .ca-btn{min-height:48px;font-size:14px;font-weight:800;border-radius:10px;box-shadow:0 12px 28px rgba(121,78,255,.24)}
@media(max-width:980px){
  #kontakt .ca-contact-shell{grid-template-columns:1fr}
}
@media(max-width:782px){
  #kontakt{padding:48px 0 56px}
  #kontakt .ca-contact-info,#kontakt .ca-contact-form{padding:26px}
  #kontakt .ca-contact-info h2,#kontakt .ca-contact-form h3{font-size:28px}
  #kontakt .ca-contact-highlights{grid-template-columns:1fr}
  #kontakt .ca-contact-visual{height:180px}
}
@media(max-width:560px){
  #kontakt .ca-contact-info,#kontakt .ca-contact-form{padding:22px}
  #kontakt .ca-contact-info h2,#kontakt .ca-contact-form h3{font-size:24px}
  #kontakt .ca-contact-form>.ca-muted,#kontakt .ca-contact-info p{font-size:13px}
  #kontakt .ca-contact-card{padding:14px}
  #kontakt .ca-contact-card h3{font-size:14px}
  #kontakt .ca-contact-card p,#kontakt .ca-contact-note{font-size:12px}
  #kontakt .ca-form-grid{grid-template-columns:1fr}
}


/* =========================================================
   Creator Assure 1.10.0 – contact area based on approved visual
   ========================================================= */
#kontakt{
  position:relative;
  padding:56px 0 62px;
  background:#f8f9ff url("/assets/c2/466d4a055d0b22c117b3cc.png") center center / cover no-repeat !important;
  overflow:hidden;
}
#kontakt:before,#kontakt:after{display:none !important}
#kontakt .ca-container{position:relative;z-index:1}
#kontakt .ca-contact-stage{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(420px,.9fr);
  gap:54px;
  align-items:center;
}
#kontakt .ca-contact-copy{padding:22px 0 18px}
#kontakt .ca-contact-copy .ca-kicker,
#kontakt .ca-contact-form-card .ca-kicker{
  margin-bottom:18px;
  background:rgba(120,63,255,.08);
  border:1px solid rgba(120,63,255,.06);
  color:#6848f6;
}
#kontakt .ca-contact-copy h2{
  max-width:780px;
  font-size:62px;
  line-height:.98;
  letter-spacing:-.045em;
  margin:0 0 24px;
  color:#0c1430;
}
#kontakt .ca-gradient-text{
  background:linear-gradient(90deg,#4b35ff 0%,#8b3cff 46%,#f01aa5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
#kontakt .ca-contact-lead{
  max-width:820px;
  font-size:18px;
  line-height:1.65;
  color:#596683;
  margin:0;
}
#kontakt .ca-contact-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:38px;
  max-width:1030px;
}
#kontakt .ca-contact-benefit{
  display:flex;
  gap:16px;
  align-items:flex-start;
  min-height:138px;
  padding:18px 18px 17px;
  border-radius:10px;
  border:1px solid rgba(171,181,218,.34);
  background:rgba(255,255,255,.74);
  box-shadow:0 14px 38px rgba(50,54,103,.08);
  backdrop-filter:blur(10px);
}
#kontakt .ca-contact-benefit__icon{flex:0 0 auto}
#kontakt .ca-contact-benefit__icon .ca-icon{
  width:54px;
  height:54px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#ff2da0 0%,#763fff 55%,#12b9ff 100%);
  box-shadow:0 12px 30px rgba(105,68,230,.25), inset 0 1px 0 rgba(255,255,255,.30);
}
#kontakt .ca-contact-benefit__icon .ca-icon svg{width:24px;height:24px}
#kontakt .ca-contact-benefit h3{font-size:17px;line-height:1.2;color:#151b34;margin:4px 0 8px}
#kontakt .ca-contact-benefit p{font-size:13px;line-height:1.55;color:#68728b;margin:0}
#kontakt .ca-contact-form-card{
  position:relative;
  padding:34px 34px 32px;
  border-radius:10px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(183,193,222,.30);
  box-shadow:0 24px 60px rgba(50,54,103,.12);
  backdrop-filter:blur(18px);
}
#kontakt .ca-contact-form-card h3{
  margin:0 0 8px;
  font-size:29px;
  line-height:1.12;
  color:#11182f;
}
#kontakt .ca-contact-form-intro{
  margin:0 0 22px;
  color:#69758e;
  font-size:13px;
  line-height:1.6;
}
#kontakt .ca-form-grid--contact{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#kontakt .ca-field{position:relative;gap:5px}
#kontakt .ca-field label{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
#kontakt .ca-field input,#kontakt .ca-field select,#kontakt .ca-field textarea{
  width:100%;
  border-radius:10px;
  border:1px solid #d7ddeb;
  background:rgba(255,255,255,.94);
  color:#202943;
  font-size:13px;
  padding:13px 14px;
  box-shadow:0 1px 0 rgba(255,255,255,.92) inset;
}
#kontakt .ca-field input::placeholder,#kontakt .ca-field textarea::placeholder{color:#7a849c;opacity:1}
#kontakt .ca-field select{color:#6f7891}
#kontakt .ca-field input:focus,#kontakt .ca-field select:focus,#kontakt .ca-field textarea:focus{
  outline:none;
  border-color:#8a67ff;
  box-shadow:0 0 0 4px rgba(120,63,255,.08);
}
#kontakt .ca-field--full{grid-column:1/-1}
#kontakt .ca-message-field{position:relative}
#kontakt .ca-field textarea{min-height:106px;resize:vertical;padding-bottom:34px}
#kontakt .ca-message-counter{position:absolute;right:13px;bottom:11px;font-size:11px;font-weight:700;color:#8892a8}
#kontakt .ca-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0 18px;font-size:12px;line-height:1.55;color:#69748e}
#kontakt .ca-consent input{margin-top:3px;flex:0 0 auto}
#kontakt .ca-consent a{color:#6848f6;font-weight:700;text-decoration:underline}
#kontakt .ca-contact-form-card .ca-btn{
  width:100%;
  min-height:50px;
  border-radius:10px;
  font-size:14px;
  font-weight:800;
  justify-content:center;
  box-shadow:0 14px 30px rgba(108,67,230,.22);
}
#kontakt .ca-form-message{margin-bottom:16px;border-radius:10px}
@media(max-width:1180px){
  #kontakt .ca-contact-stage{grid-template-columns:1.3fr .9fr;gap:34px}
  #kontakt .ca-contact-copy h2{font-size:52px}
  #kontakt .ca-contact-lead{font-size:16px}
  #kontakt .ca-contact-benefits{gap:12px}
  #kontakt .ca-contact-benefit{padding:16px;min-height:132px}
  #kontakt .ca-contact-benefit__icon .ca-icon{width:48px;height:48px}
  #kontakt .ca-contact-form-card{padding:28px}
}
@media(max-width:980px){
  #kontakt{padding:50px 0 56px;background-position:center center !important}
  #kontakt .ca-contact-stage{grid-template-columns:1fr;gap:32px}
  #kontakt .ca-contact-copy{padding:0}
  #kontakt .ca-contact-copy h2{font-size:48px;max-width:650px}
  #kontakt .ca-contact-benefits{max-width:none}
  #kontakt .ca-contact-form-card{max-width:720px;width:100%;justify-self:center}
}
@media(max-width:760px){
  #kontakt .ca-contact-copy h2{font-size:40px}
  #kontakt .ca-contact-lead{font-size:15px}
  #kontakt .ca-contact-benefits{grid-template-columns:1fr}
  #kontakt .ca-contact-benefit{min-height:unset}
  #kontakt .ca-contact-form-card{padding:24px}
}
@media(max-width:560px){
  #kontakt{padding:42px 0 48px}
  #kontakt .ca-contact-copy h2{font-size:34px}
  #kontakt .ca-contact-form-card h3{font-size:24px}
  #kontakt .ca-form-grid--contact{grid-template-columns:1fr}
  #kontakt .ca-field--full{grid-column:auto}
  #kontakt .ca-contact-benefit__icon .ca-icon{width:44px;height:44px;border-radius:13px}
}


/* =========================================================
   Creator Assure 1.10.1 – contact alignment / typography / radius system
   ========================================================= */
#kontakt .ca-contact-stage{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:46px !important;
  align-items:start !important;
}
#kontakt .ca-contact-copy{
  padding:12px 0 0 !important;
  align-self:start;
}
#kontakt .ca-contact-copy h2{
  font-family:var(--ca-heading) !important;
  font-size:clamp(32px,4vw,48px) !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
  margin:0 0 18px !important;
  max-width:650px !important;
}
#kontakt .ca-contact-lead{
  font-size:16px !important;
  line-height:1.62 !important;
  max-width:650px !important;
}
#kontakt .ca-contact-benefits{
  margin-top:28px !important;
  gap:12px !important;
  max-width:none !important;
}
#kontakt .ca-contact-benefit{
  min-height:132px !important;
  padding:16px !important;
  border-radius:10px !important;
}
#kontakt .ca-contact-benefit__icon .ca-icon{
  width:46px !important;
  height:46px !important;
  border-radius:10px !important;
}
#kontakt .ca-contact-benefit h3{
  font-family:var(--ca-heading) !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
#kontakt .ca-contact-benefit p{
  font-size:12px !important;
  line-height:1.5 !important;
}
#kontakt .ca-contact-form-card{
  align-self:start;
  padding:30px !important;
  border-radius:10px !important;
}
#kontakt .ca-contact-form-card h3{
  font-family:var(--ca-heading) !important;
  font-size:22px !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
  margin:0 0 18px !important;
}
#kontakt .ca-contact-form-intro{display:none !important}
#kontakt .ca-form-grid--contact{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:12px !important;
}
#kontakt .ca-field--full{grid-column:1/-1 !important}
#kontakt .ca-field input,
#kontakt .ca-field select,
#kontakt .ca-field textarea,
#kontakt .ca-contact-form-card .ca-btn,
#kontakt .ca-form-message,
#kontakt .ca-kicker{
  border-radius:10px !important;
}
#kontakt .ca-field textarea{min-height:118px !important}
#kontakt .ca-consent{margin:14px 0 16px !important}

/* Global maximum 10px corner radius for UI components. Decorative circles remain circles. */
.ca-btn,.ca-menu-toggle,.ca-kicker,.ca-save-pill,.ca-price-ribbon,.ca-plan-tag,.ca-pricing-live,
.ca-coming-soon__badge,.ca-service-meta,.ca-service-card,.ca-service-icon,.ca-step,.ca-trust-card,
.ca-price-card,.ca-faq details,.ca-contact-shell,.ca-contact-info,.ca-contact-visual,.ca-contact-form,
.ca-contact-stage,.ca-contact-benefit,.ca-contact-form-card,.ca-form-message,.ca-field input,
.ca-field select,.ca-field textarea,.ca-legal-card,.ca-legal-note,.ca-legal-nav,.ca-legal-nav a,
.ca-legal-section,.ca-legal-meta,.ca-legal-endnote,.ca-legal-box,.ca-legal-callout,.ca-legal-list,
.ca-dashboard,.ca-dash-main,.ca-dash-nav span,.ca-stat,.ca-device,.ca-device-panel,
.ca-workspace-visual,.ca-workspace-visual__panel,.ca-process-stage,.ca-process-visual,
.ca-process-focus,.ca-contact-note,.ca-contact-card,.ca-contact-card__icon .ca-icon{
  border-radius:10px !important;
}
@media(max-width:980px){
  #kontakt .ca-contact-stage{grid-template-columns:1fr !important;gap:28px !important}
  #kontakt .ca-contact-form-card{max-width:none !important;width:100% !important;justify-self:stretch !important}
}
@media(max-width:560px){
  #kontakt .ca-form-grid--contact{grid-template-columns:1fr !important}
  #kontakt .ca-field--full{grid-column:auto !important}
}


/* =========================================================
   Creator Assure 1.10.2 – premium footer redesign
   ========================================================= */
.ca-site-footer.ca-footer{
  position:relative;
  overflow:hidden;
  padding:48px 0 18px;
  color:#e7ebf7;
  background:
    radial-gradient(circle at 7% 12%,rgba(133,46,255,.22),transparent 24%),
    radial-gradient(circle at 86% 6%,rgba(33,105,255,.20),transparent 28%),
    linear-gradient(118deg,#0d102d 0%,#081226 50%,#08192c 100%);
}
.ca-site-footer.ca-footer:before{
  content:"";
  position:absolute;
  left:-120px;
  bottom:-240px;
  width:620px;
  height:430px;
  border:2px solid rgba(184,68,255,.28);
  border-radius:50%;
  transform:rotate(10deg);
  box-shadow:0 0 90px rgba(140,51,255,.12);
  pointer-events:none;
}
.ca-site-footer.ca-footer:after{
  content:"";
  position:absolute;
  right:-170px;
  top:-160px;
  width:560px;
  height:360px;
  border:2px solid rgba(53,112,255,.26);
  border-radius:50%;
  transform:rotate(-18deg);
  box-shadow:0 0 90px rgba(48,117,255,.13);
  pointer-events:none;
}
.ca-footer .ca-container{position:relative;z-index:2}
.ca-footer-glow{position:absolute;pointer-events:none;filter:blur(22px);opacity:.75}
.ca-footer-glow--left{left:-5%;bottom:-18%;width:34%;height:55%;background:radial-gradient(circle,rgba(184,30,255,.22),transparent 68%)}
.ca-footer-glow--right{right:-4%;top:-15%;width:34%;height:60%;background:radial-gradient(circle,rgba(22,96,255,.22),transparent 68%)}

.ca-footer-grid{
  display:grid;
  grid-template-columns:1.55fr .9fr .9fr 1.15fr;
  gap:0;
  align-items:start;
}
.ca-footer-brand{padding:6px 46px 12px 0}
.ca-footer-logo{display:inline-flex;align-items:center;margin-bottom:12px}
.ca-footer-brand img{width:176px;filter:brightness(0) invert(1);opacity:.98}
.ca-footer-brand p{max-width:290px;margin:0 0 20px;font-size:13px;line-height:1.55;color:#aeb8d2}
.ca-footer-socials{display:flex;gap:10px}
.ca-footer-socials a{
  width:42px;height:42px;border-radius:10px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
  border:1px solid rgba(151,126,255,.32);
  box-shadow:0 10px 26px rgba(75,49,195,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.ca-footer-socials a:hover{color:#fff;border-color:rgba(85,158,255,.65);background:linear-gradient(135deg,rgba(144,61,255,.34),rgba(26,132,255,.24))}
.ca-footer-socials .ca-icon{width:19px;height:19px}

.ca-footer-col{position:relative;min-height:190px;padding:4px 34px 10px 40px;border-left:1px solid rgba(255,255,255,.08)}
.ca-footer-col h4{margin:0 0 8px;color:#fff;font-size:14px;line-height:1.2;font-weight:800}
.ca-footer-rule{display:block;width:28px;height:3px;border-radius:3px;margin-bottom:16px;background:linear-gradient(90deg,#aa5bff,#3c8dff);box-shadow:0 0 14px rgba(111,84,255,.34)}
.ca-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ca-footer li,.ca-footer a{font-size:12px;line-height:1.4;color:#b4bdd3}
.ca-footer a{transition:color .18s ease}
.ca-footer a:hover{color:#fff}

.ca-footer-contact-list{gap:12px !important}
.ca-footer-contact-list li,
.ca-footer-contact-list a{display:flex;align-items:center;gap:12px}
.ca-footer-contact-icon{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  color:#d9e6ff;background:linear-gradient(180deg,rgba(79,73,180,.22),rgba(16,25,67,.48));
  border:1px solid rgba(120,107,255,.34);
  box-shadow:0 8px 22px rgba(48,50,135,.18),inset 0 1px 0 rgba(255,255,255,.07);
}
.ca-footer-contact-icon .ca-icon{width:18px;height:18px}

.ca-footer-bottom{
  margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;gap:20px;
  font-size:11px;color:#8e99b2;
}

@media(max-width:1050px){
  .ca-footer-grid{grid-template-columns:1.25fr 1fr 1fr}
  .ca-footer-brand{grid-column:1/-1;padding:0 0 26px}
  .ca-footer-col--contact{border-left:1px solid rgba(255,255,255,.08)}
}
@media(max-width:782px){
  .ca-site-footer.ca-footer{padding:42px 0 18px}
  .ca-footer-grid{grid-template-columns:1fr 1fr;gap:28px 0}
  .ca-footer-brand{grid-column:1/-1}
  .ca-footer-col{padding-left:24px;padding-right:18px;min-height:0}
  .ca-footer-col--nav{border-left:0;padding-left:0}
  .ca-footer-col--contact{grid-column:1/-1;border-left:0;padding-left:0;padding-top:6px}
  .ca-footer-contact-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px !important}
  .ca-footer-contact-list li,.ca-footer-contact-list a{align-items:flex-start}
}
@media(max-width:560px){
  .ca-footer-grid{grid-template-columns:1fr;gap:24px}
  .ca-footer-brand,.ca-footer-col,.ca-footer-col--nav,.ca-footer-col--contact{grid-column:auto;border-left:0;padding:0;min-height:0}
  .ca-footer-contact-list{grid-template-columns:1fr}
  .ca-footer-bottom{flex-direction:column;gap:7px}
  .ca-footer-brand img{width:160px}
}


/* =========================================================
   Creator Assure 1.10.3 – footer copy / contact refinement
   ========================================================= */
.ca-footer-brand .ca-footer-brand-copy{
  max-width:350px;
  margin:0 0 10px;
  font-size:12.5px;
  line-height:1.65;
  color:#b7c0d8;
}
.ca-footer-brand .ca-footer-closing{
  max-width:350px;
  margin:0 0 20px;
  font-size:12px;
  line-height:1.55;
  color:#dbe1f2;
  font-weight:700;
}
.ca-footer-col--contact .ca-footer-contact-list li,
.ca-footer-col--contact .ca-footer-contact-list a{
  min-width:0;
}
.ca-footer-col--contact .ca-footer-contact-list span:last-child{
  overflow-wrap:anywhere;
}


/* =========================================================
   Creator Assure 1.10.4 – contact benefits 2x2 grid
   ========================================================= */
#kontakt .ca-contact-benefits{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:28px !important;
  max-width:none !important;
}
#kontakt .ca-contact-benefit{
  display:block !important;
  min-height:156px !important;
  padding:17px 18px !important;
  border:1px solid rgba(136,149,191,.22) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(250,250,255,.88) 100%) !important;
  box-shadow:0 12px 30px rgba(31,38,74,.055) !important;
  backdrop-filter:blur(8px);
}
#kontakt .ca-contact-benefit__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}
#kontakt .ca-contact-benefit__icon{
  flex:0 0 auto;
}
#kontakt .ca-contact-benefit__icon .ca-icon{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#ff2d9a 0%,#7a42f5 55%,#13b1ff 100%) !important;
  box-shadow:0 10px 24px rgba(111,73,226,.20) !important;
}
#kontakt .ca-contact-benefit__icon .ca-icon svg{
  width:20px !important;
  height:20px !important;
}
#kontakt .ca-contact-benefit h3{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  color:#151b34 !important;
}
#kontakt .ca-contact-benefit p{
  margin:0 !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
  color:#66718b !important;
}
@media(max-width:1180px){
  #kontakt .ca-contact-benefit{min-height:150px !important;padding:16px !important}
  #kontakt .ca-contact-benefit p{font-size:12px !important}
}
@media(max-width:700px){
  #kontakt .ca-contact-benefits{grid-template-columns:1fr !important;gap:12px !important}
  #kontakt .ca-contact-benefit{min-height:unset !important}
}


/* =========================================================
   Creator Assure 1.10.5 – compact contact benefits + flush alignment
   ========================================================= */
#kontakt .ca-contact-stage{
  align-items:stretch !important;
}
#kontakt .ca-contact-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
#kontakt .ca-contact-benefits{
  margin-top:24px !important;
  grid-auto-rows:1fr;
}
#kontakt .ca-contact-benefit{
  min-height:0 !important;
  height:100%;
  padding:15px !important;
}
#kontakt .ca-contact-benefit__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}
#kontakt .ca-contact-benefit h3{
  margin:0 !important;
}
#kontakt .ca-contact-benefit p{
  margin:0 !important;
  line-height:1.45 !important;
}
#kontakt .ca-contact-form-card{
  align-self:stretch !important;
  height:100%;
  display:flex;
  flex-direction:column;
}
#kontakt .ca-contact-form-card form{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
#kontakt .ca-contact-form-card .ca-form-grid--contact{
  flex:0 0 auto;
}
#kontakt .ca-contact-form-card .ca-consent{
  margin-top:14px !important;
}
#kontakt .ca-contact-form-card .ca-btn{
  margin-top:auto;
}
@media(max-width:980px){
  #kontakt .ca-contact-stage{align-items:start !important;}
  #kontakt .ca-contact-form-card{height:auto;}
  #kontakt .ca-contact-form-card .ca-btn{margin-top:0;}
}


/* =========================================================
   Creator Assure 1.10.6 – slim hero-to-backoffice bridge
   ========================================================= */
.ca-bridge-strip{
  position:relative;
  height:50px;
  min-height:50px;
  background:linear-gradient(90deg,#10142f 0%,#0b1832 56%,#08233d 100%);
  color:#fff;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(118,95,255,.16);
}
.ca-bridge-strip:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#ff2d9b 24%,#7547ff 56%,#19b9ff 80%,transparent 100%);
  opacity:.78;
}
.ca-bridge-strip:after{
  content:"";
  position:absolute;
  width:260px;
  height:80px;
  right:9%;
  top:-38px;
  background:radial-gradient(circle,rgba(75,105,255,.20),transparent 68%);
  pointer-events:none;
}
.ca-bridge-strip__inner{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.ca-bridge-strip__message{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  font-size:12.5px;
  letter-spacing:-.01em;
}
.ca-bridge-strip__message strong{
  font-weight:700;
  white-space:nowrap;
}
.ca-bridge-strip__icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,#f42c9b 0%,#7547ff 56%,#16b9ff 100%);
  box-shadow:0 8px 18px rgba(78,67,220,.24);
}
.ca-bridge-strip__icon .ca-icon{
  width:14px;
  height:14px;
}
.ca-bridge-strip__claim{
  flex:0 0 auto;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  color:#cfd8f6;
  white-space:nowrap;
}
@media(max-width:782px){
  .ca-bridge-strip{height:50px;min-height:50px}
  .ca-bridge-strip__message{font-size:11px}
  .ca-bridge-strip__message strong{white-space:normal;line-height:1.2}
  .ca-bridge-strip__claim{display:none}
}
@media(max-width:480px){
  .ca-bridge-strip__icon{width:26px;height:26px;flex-basis:26px}
  .ca-bridge-strip__message{font-size:10.5px;gap:8px}
}


/* =========================================================
   Creator Assure 1.10.7 – fix bridge strip inside flow shell
   ========================================================= */
.ca-flow-shell--upper > .ca-bridge-strip,
.ca-flow-shell > .ca-bridge-strip,
.ca-bridge-strip{
  position:relative !important;
  z-index:4 !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 !important;
  margin:0 !important;
  background:linear-gradient(90deg,#11142f 0%,#0b1933 52%,#08243d 100%) !important;
  color:#fff !important;
  overflow:hidden !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(109,84,255,.22) !important;
}
.ca-flow-shell--upper > .ca-bridge-strip:before,
.ca-flow-shell > .ca-bridge-strip:before,
.ca-bridge-strip:before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent 0%,#ff2d9b 22%,#7547ff 55%,#19b9ff 82%,transparent 100%) !important;
  opacity:.9 !important;
}
.ca-flow-shell--upper > .ca-bridge-strip:after,
.ca-flow-shell > .ca-bridge-strip:after,
.ca-bridge-strip:after{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  width:320px !important;
  height:100px !important;
  right:7% !important;
  top:-52px !important;
  background:radial-gradient(circle,rgba(45,133,255,.18),transparent 68%) !important;
  border:0 !important;
  border-radius:50% !important;
  transform:none !important;
  pointer-events:none !important;
}
.ca-bridge-strip__inner{
  height:50px !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
.ca-bridge-strip__message,
.ca-bridge-strip__message strong{
  color:#fff !important;
  opacity:1 !important;
}
.ca-bridge-strip__claim{
  color:#cbd5f3 !important;
  opacity:1 !important;
}
@media(max-width:782px){
  .ca-flow-shell--upper > .ca-bridge-strip,
  .ca-flow-shell > .ca-bridge-strip,
  .ca-bridge-strip{height:50px !important;min-height:50px !important}
}


/* =========================================================
   Creator Assure 1.11.0 – CI / typography / component system
   Reference CI:
   Dark #0B0E1A | Pink #FF2D8E | Purple #783FF2 | Blue #00C6FF
   Light Gray #F2F4F7 | White #FFFFFF
   Headlines: Manrope 600/700 | Body: Inter 400/500
   ========================================================= */
:root{
  --ca-dark:#0B0E1A;
  --ca-dark-2:#12172B;
  --ca-text:#0B0E1A;
  --ca-muted:#667085;
  --ca-pink:#FF2D8E;
  --ca-purple:#783FF2;
  --ca-blue:#00C6FF;
  --ca-surface:#FFFFFF;
  --ca-soft:#F2F4F7;
  --ca-border:#E4E7EC;
  --ca-success:#18C77A;
  --ca-radius:10px;
  --ca-shadow:0 14px 36px rgba(11,14,26,.08);
  --ca-gradient:linear-gradient(100deg,#FF2D8E 0%,#783FF2 52%,#00C6FF 100%);
  --ca-heading:"Manrope","Inter","Avenir Next","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --ca-body:"Inter","Segoe UI",Arial,sans-serif;
}

html{font-size:16px}
body{
  color:var(--ca-text);
  background:#fff;
  font-family:var(--ca-body);
  font-size:15px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
  font-synthesis:none;
}
p,li,input,select,textarea,button,a{font-family:var(--ca-body)}

/* One typography hierarchy across the whole site */
h1,h2,h3,h4,h5,h6,
.ca-contact-form-card h3,
.ca-footer-col h4{
  font-family:var(--ca-heading) !important;
  color:var(--ca-text);
  letter-spacing:-.03em;
}
h1{font-size:clamp(44px,4.7vw,64px) !important;line-height:1.04 !important;font-weight:700 !important;margin:0 0 18px !important}
h2,
.ca-trust h2,
#leistungen h2,
#ablauf .ca-process-stage__intro h2,
#preise .ca-pricing-head__copy h2,
#faq h2,
#kontakt .ca-contact-copy h2{
  font-size:clamp(30px,3.15vw,42px) !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  margin:0 0 14px !important;
}
h3{font-size:18px;line-height:1.2;font-weight:600;margin:0 0 8px}
h4{font-size:15px;line-height:1.25;font-weight:600;margin:0 0 8px}
.ca-lead,
.ca-hero__copy p,
#kontakt .ca-contact-lead{
  font-family:var(--ca-body) !important;
  font-size:16px !important;
  line-height:1.62 !important;
  font-weight:400 !important;
  color:var(--ca-muted);
}

/* Labels / eyebrow chips */
.ca-kicker,
.ca-pricing-live,
.ca-plan-tag,
.ca-service-meta,
.ca-coming-soon__badge,
.ca-price-ribbon{
  font-family:var(--ca-body) !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase;
  border-radius:8px !important;
}
.ca-kicker{
  padding:6px 10px !important;
  background:rgba(120,63,242,.08) !important;
  border:1px solid rgba(120,63,242,.06);
  color:var(--ca-purple) !important;
}
.ca-kicker--dark{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#DAD2FF !important;
}

/* Navigation / top utility typography */
.ca-topbar{background:#081124;color:#F8FAFF;font-size:11px}
.ca-topbar__claim{font-family:var(--ca-body) !important;font-weight:500 !important;letter-spacing:.02em}
.ca-topbar__group--right a{font-size:11px;font-weight:500}
.ca-nav a{
  font-family:var(--ca-body) !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:#34384A !important;
}
.ca-nav a:hover{color:var(--ca-purple) !important}
.ca-brand img,.custom-logo-link img{width:174px !important;max-height:50px !important}

/* One button system */
.ca-btn,
.ca-header__actions .ca-btn,
#preise .ca-price-card--starter .ca-btn,
#kontakt .ca-contact-form-card .ca-btn{
  min-height:44px !important;
  padding:0 20px !important;
  gap:9px !important;
  border-radius:10px !important;
  font-family:var(--ca-body) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  box-shadow:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease !important;
}
.ca-btn--primary,
#preise .ca-price-card--starter .ca-btn,
#kontakt .ca-contact-form-card .ca-btn{
  background:var(--ca-gradient) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  box-shadow:0 8px 22px rgba(120,63,242,.18) !important;
}
.ca-btn--outline,
.ca-btn--login{
  background:#fff !important;
  color:var(--ca-dark) !important;
  border:1px solid rgba(120,63,242,.50) !important;
}
.ca-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 25px rgba(120,63,242,.22) !important;
}
.ca-btn--outline:hover,.ca-btn--login:hover{
  color:var(--ca-purple) !important;
  background:#FBFAFF !important;
}
.ca-btn .ca-icon,.ca-header__actions .ca-btn .ca-icon{width:16px !important;height:16px !important}

/* Universal SVG / icon proportions */
.ca-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.ca-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}
.ca-service-icon,
.ca-trust-grid--security .ca-trust-icon:not(.ca-trust-icon--de),
#ablauf .ca-process-step__icon,
#kontakt .ca-contact-benefit__icon .ca-icon,
.ca-coming-soon__icon{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  background:var(--ca-gradient) !important;
  color:#fff !important;
  box-shadow:0 9px 22px rgba(120,63,242,.18) !important;
  display:grid !important;
  place-items:center !important;
}
.ca-service-icon .ca-icon,
.ca-trust-grid--security .ca-trust-icon .ca-icon,
#ablauf .ca-process-step__icon .ca-icon,
#kontakt .ca-contact-benefit__icon .ca-icon,
.ca-coming-soon__icon .ca-icon{
  width:19px !important;
  height:19px !important;
}
.ca-trust-grid--security .ca-trust-icon--de{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  font-family:var(--ca-body) !important;
  font-size:11px !important;
  font-weight:700 !important;
}

/* Workspace checklist uses the same SVG system */
.ca-checklist{gap:12px !important}
.ca-check{gap:12px !important;font-family:var(--ca-body);font-size:13.5px !important;font-weight:500 !important;color:#343A4F !important}
.ca-check i{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  color:var(--ca-purple) !important;
  box-shadow:0 7px 18px rgba(120,63,242,.10) !important;
}
.ca-check i .ca-icon{width:16px !important;height:16px !important}

/* Card typography and surfaces */
.ca-service-card,
.ca-price-card,
#faq details,
#kontakt .ca-contact-benefit,
#kontakt .ca-contact-form-card{
  border-radius:10px !important;
  border-color:var(--ca-border) !important;
}
.ca-service-card{box-shadow:0 8px 24px rgba(11,14,26,.045) !important}
.ca-service-card:hover{transform:none !important;box-shadow:0 8px 24px rgba(11,14,26,.045) !important;border-color:var(--ca-border) !important}
.ca-service-card h3,
.ca-trust-card h3,
#ablauf .ca-process-steps .ca-step h3,
#kontakt .ca-contact-benefit h3{
  font-family:var(--ca-heading) !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
}
.ca-service-card p,
.ca-trust-card p,
#ablauf .ca-process-steps .ca-step p,
#kontakt .ca-contact-benefit p{
  font-family:var(--ca-body) !important;
  font-weight:400 !important;
  line-height:1.55 !important;
}
.ca-service-card p{font-size:12.5px !important;color:var(--ca-muted) !important}
.ca-service-meta{background:rgba(120,63,242,.07) !important;color:var(--ca-purple) !important;border-color:rgba(120,63,242,.10) !important}

/* Dark bands share one CI base */
.ca-trust,
.ca-flow-shell--upper > #ablauf,
.ca-flow-shell > #ablauf,
#ablauf,
.ca-flow-shell > #faq,
#faq.ca-faq,
.ca-site-footer.ca-footer{
  --ca-dark-copy:#D5DBEA;
  color:#fff;
}
.ca-trust{background:radial-gradient(circle at 0% 100%,rgba(120,63,242,.28),transparent 31%),radial-gradient(circle at 92% 4%,rgba(0,198,255,.11),transparent 27%),linear-gradient(135deg,#11152E 0%,#0B0E1A 100%) !important}
.ca-trust h2,.ca-trust h3{color:#fff !important}
.ca-trust .ca-lead{color:#C8CEDD !important}
.ca-trust-card{background:rgba(255,255,255,.065) !important;border:1px solid rgba(255,255,255,.11) !important}
.ca-trust-card p{color:#C1C8D9 !important}

/* Process band typography aligned with other section headings */
#ablauf .ca-process-stage__intro{max-width:650px !important}
#ablauf .ca-process-stage__intro h2{max-width:620px !important;color:#fff !important}
#ablauf .ca-process-stage__intro .ca-lead{font-size:14px !important;line-height:1.55 !important;color:#D7DDF0 !important;max-width:620px !important}
#ablauf .ca-process-steps .ca-step{
  border-radius:10px !important;
  background:rgba(10,18,52,.52) !important;
  border:1px solid rgba(174,160,255,.30) !important;
}
#ablauf .ca-process-steps .ca-step h3{color:#fff !important}
#ablauf .ca-process-steps .ca-step p{font-size:12px !important;color:#D5DBEA !important}
#ablauf .ca-process-steps .ca-step__num{
  font-family:var(--ca-body) !important;
  font-weight:700 !important;
  font-size:14px !important;
  border-radius:10px !important;
  background:var(--ca-gradient) !important;
}

/* Pricing hierarchy */
#preise .ca-pricing-head__copy h2{max-width:900px}
#preise .ca-pricing-head__copy .ca-lead{font-size:15px !important}
#preise .ca-price-top h3{
  font-family:var(--ca-heading) !important;
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
}
#preise .ca-price{
  font-family:var(--ca-heading) !important;
  font-size:36px !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
}
#preise .ca-price small{font-family:var(--ca-body) !important;font-size:11px !important;font-weight:500 !important}
#preise .ca-price-list{font-size:11.5px !important;line-height:1.45 !important}
#preise .ca-price-list li:before{font-weight:700 !important}
.ca-toggle{border-radius:10px !important;background:#DCD7FF !important}
.ca-toggle span{border-radius:7px !important}
.ca-plan-tag,.ca-coming-soon__badge{border-radius:8px !important}

/* FAQ typography */
#faq .ca-faq-intro{font-size:13px !important;line-height:1.6 !important}
#faq summary{
  font-family:var(--ca-body) !important;
  font-size:12.5px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}
#faq .ca-faq__answer{font-family:var(--ca-body) !important;font-size:12px !important;line-height:1.65 !important}
#faq summary:after{font-weight:500 !important}

/* Contact hierarchy */
#kontakt .ca-contact-copy h2{max-width:600px !important}
#kontakt .ca-contact-lead{font-size:14px !important;line-height:1.62 !important}
#kontakt .ca-contact-form-card h3{
  font-size:24px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  letter-spacing:-.03em !important;
}
#kontakt .ca-field label{font-size:11px !important;font-weight:500 !important;color:#475467 !important}
#kontakt .ca-field input,
#kontakt .ca-field select,
#kontakt .ca-field textarea{
  min-height:44px;
  border-radius:10px !important;
  border-color:#D8DDE9 !important;
  font-family:var(--ca-body) !important;
  font-size:12.5px !important;
  color:#344054 !important;
}
#kontakt .ca-field textarea{min-height:112px !important}
#kontakt .ca-consent{font-size:11px !important;line-height:1.55 !important}

/* Footer follows the same type and icon system */
.ca-footer-brand .ca-footer-brand-copy{font-family:var(--ca-body) !important;font-size:12px !important;font-weight:400 !important}
.ca-footer-brand .ca-footer-closing{font-family:var(--ca-body) !important;font-size:11.5px !important;font-weight:600 !important}
.ca-footer-col h4{font-size:13px !important;font-weight:600 !important;letter-spacing:-.01em !important}
.ca-footer li,.ca-footer a{font-family:var(--ca-body) !important;font-size:11.5px !important;font-weight:400 !important}
.ca-footer-socials a,.ca-footer-contact-icon{border-radius:10px !important}
.ca-footer-socials .ca-icon,.ca-footer-contact-icon .ca-icon{width:18px !important;height:18px !important}
.ca-footer-bottom{font-family:var(--ca-body) !important;font-size:10.5px !important}

/* Keep every non-circular UI corner at <= 10px */
.ca-btn,.ca-menu-toggle,.ca-kicker,.ca-price-ribbon,.ca-plan-tag,.ca-pricing-live,
.ca-coming-soon__badge,.ca-service-meta,.ca-service-card,.ca-service-icon,.ca-step,.ca-trust-card,
.ca-price-card,.ca-faq details,.ca-contact-stage,.ca-contact-benefit,.ca-contact-form-card,.ca-form-message,
.ca-field input,.ca-field select,.ca-field textarea,.ca-dashboard,.ca-dash-main,.ca-dash-nav span,.ca-stat,
.ca-workspace-visual,.ca-workspace-visual__panel,.ca-process-stage,.ca-contact-note,.ca-contact-card,
.ca-footer-socials a,.ca-footer-contact-icon,.ca-bridge-strip__icon{
  border-radius:10px !important;
}

/* Responsive CI scale */
@media(max-width:1050px){
  h1{font-size:clamp(40px,6vw,56px) !important}
  h2,.ca-trust h2,#leistungen h2,#ablauf .ca-process-stage__intro h2,#preise .ca-pricing-head__copy h2,#faq h2,#kontakt .ca-contact-copy h2{font-size:clamp(28px,4.5vw,38px) !important}
}
@media(max-width:782px){
  body{font-size:14px}
  h1{font-size:clamp(36px,9vw,48px) !important}
  h2,.ca-trust h2,#leistungen h2,#ablauf .ca-process-stage__intro h2,#preise .ca-pricing-head__copy h2,#faq h2,#kontakt .ca-contact-copy h2{font-size:clamp(27px,7vw,34px) !important}
  .ca-lead,.ca-hero__copy p{font-size:15px !important}
  .ca-btn{min-height:42px !important;font-size:12.5px !important}
}


/* =========================================================
   Creator Assure 1.11.1 – subtle FAQ borders on dark surface
   ========================================================= */
#faq details{
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
#faq details:hover{
  border-color:rgba(155,120,255,.20) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03)) !important;
}
#faq details[open]{
  border-color:rgba(155,120,255,.24) !important;
  background:linear-gradient(180deg,rgba(122,77,255,.085),rgba(255,255,255,.03)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* =========================================================
   Creator Assure 1.12.0 – premium interaction & motion layer
   ========================================================= */

/* 1. Sticky navigation becomes more compact while preserving the main CTA. */
.ca-site-header,
.ca-header__inner,
.ca-brand img,
.custom-logo-link img,
.ca-nav a,
.ca-header__actions .ca-btn{
  transition:min-height .24s ease,padding .24s ease,width .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease,transform .24s ease !important;
}
.ca-site-header{
  background:rgba(255,255,255,.90) !important;
  -webkit-backdrop-filter:saturate(155%) blur(14px);
  backdrop-filter:saturate(155%) blur(14px);
}
.ca-site-header.is-scrolled{
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:saturate(175%) blur(20px);
  backdrop-filter:saturate(175%) blur(20px);
  box-shadow:0 8px 28px rgba(11,14,26,.075);
  border-bottom-color:rgba(220,224,236,.78) !important;
}
.ca-site-header.is-scrolled .ca-header__inner{min-height:62px !important}
.ca-site-header.is-scrolled .ca-brand img,
.ca-site-header.is-scrolled .custom-logo-link img{width:154px !important}
.ca-site-header.is-scrolled .ca-nav a{padding:18px 0 !important}
.ca-site-header.is-scrolled .ca-header__actions .ca-btn{min-height:38px !important;padding-inline:17px !important}

/* 2. Calm reveal animation: 20px lift + opacity only. */
.ca-js .ca-reveal{
  opacity:0;
  transform:translate3d(0,20px,0);
  transition:opacity .58s cubic-bezier(.2,.65,.25,1),transform .58s cubic-bezier(.2,.65,.25,1);
  transition-delay:var(--ca-reveal-delay,0ms);
  will-change:opacity,transform;
}
.ca-js .ca-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}

/* 3. Soft light/dark transition depth instead of hard stacked blocks. */
.ca-trust{
  background:
    linear-gradient(180deg,rgba(100,69,206,.08) 0%,transparent 9%,transparent 91%,rgba(0,198,255,.045) 100%),
    radial-gradient(circle at 0% 100%,rgba(120,63,242,.28),transparent 31%),
    radial-gradient(circle at 92% 4%,rgba(0,198,255,.11),transparent 27%),
    linear-gradient(135deg,#11152E 0%,#0B0E1A 100%) !important;
  box-shadow:inset 0 18px 32px rgba(255,255,255,.018),inset 0 -18px 32px rgba(0,198,255,.018);
}
#ablauf{
  box-shadow:inset 0 18px 34px rgba(5,9,30,.22),inset 0 -20px 36px rgba(6,13,38,.28);
}

/* 4. Hero parallax affects decorative ambience only. */
.ca-hero__halo{
  transform:translate3d(0,var(--ca-hero-parallax,0px),0);
  transition:transform .12s linear;
}
.ca-hero:before{
  transform:translate3d(0,calc(var(--ca-hero-parallax,0px) * -.55),0);
  transition:transform .12s linear;
}

/* 5. Service cards: subtle premium hover, still not clickable and no pointer cursor. */
.ca-service-card,.ca-service-icon{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease !important;
}
@media(hover:hover) and (pointer:fine){
  .ca-service-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(120,63,242,.28) !important;
    box-shadow:0 14px 34px rgba(77,58,139,.09),0 0 0 1px rgba(0,198,255,.035) inset !important;
  }
  .ca-service-card:hover .ca-service-icon{
    transform:scale(1.045);
    box-shadow:0 10px 25px rgba(120,63,242,.23),0 0 24px rgba(0,198,255,.09) !important;
  }
}

/* 6. Device mockup reveal and one-time highlight sweep. */
.ca-workspace-visual{position:relative;overflow:hidden !important}
.ca-workspace-visual__image{transition:opacity .58s ease,transform .72s cubic-bezier(.2,.7,.2,1),filter .72s ease}
.ca-js .ca-workspace-visual:not(.is-device-live) .ca-workspace-visual__image{
  opacity:.78;
  transform:translate3d(0,12px,0) scale(.988);
  filter:saturate(.92);
}
.ca-workspace-visual.is-device-live .ca-workspace-visual__image{opacity:1;transform:none;filter:saturate(1)}
.ca-workspace-visual:after{
  content:"";
  position:absolute;
  top:4%;bottom:4%;left:-28%;width:17%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),rgba(107,91,255,.08),transparent);
  transform:skewX(-14deg);
  opacity:0;
  pointer-events:none;
}
.ca-workspace-visual.is-device-live:after{animation:caDeviceSweep .95s .36s ease-out both}
@keyframes caDeviceSweep{0%{left:-28%;opacity:0}18%{opacity:.55}100%{left:118%;opacity:0}}

/* 7. Process steps use one real progress line in the brand gradient. */
#ablauf .ca-process-steps{position:relative;isolation:isolate}
#ablauf .ca-process-steps .ca-step{position:relative;z-index:2}
#ablauf .ca-process-steps .ca-step:after{display:none !important}
#ablauf .ca-process-steps:before,
#ablauf .ca-process-steps:after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:28px;height:2px;
  pointer-events:none;
  z-index:1;
}
#ablauf .ca-process-steps:before{background:rgba(198,204,235,.22)}
#ablauf .ca-process-steps:after{
  background:linear-gradient(90deg,var(--ca-pink),var(--ca-purple),var(--ca-blue));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1.05s cubic-bezier(.22,.7,.2,1) .12s;
  box-shadow:0 0 12px rgba(120,63,242,.35);
}
#ablauf .ca-process-steps.is-process-live:after{transform:scaleX(1)}

/* 8. Pricing focus: active plan stays the anchor; upcoming plans recede. */
.ca-pricing-microcopy{
  margin:12px 0 0 !important;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 9px;
  border-radius:8px;
  background:rgba(120,63,242,.07);
  border:1px solid rgba(120,63,242,.10);
  color:var(--ca-purple);
  font-size:10.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:.025em;
}
#preise .ca-price-card--soon{opacity:.68;filter:saturate(.72)}
#preise .ca-price-card--starter{box-shadow:0 16px 38px rgba(82,67,160,.11) !important}

/* 9. FAQ: smooth plus-to-minus construction + subtle answer reveal. */
#faq summary:after{
  content:"" !important;
  flex:0 0 auto;
  width:14px;height:14px;
  color:#9B7AFF;
  background:
    linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,
    linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;
  transition:transform .22s ease,background-size .22s ease,color .22s ease;
}
#faq details[open] summary:after{
  transform:rotate(180deg);
  background-size:14px 1.5px,0 0;
  color:#B99CFF;
}
#faq details[open] .ca-faq__answer{animation:caFaqAnswerIn .26s ease both}
@keyframes caFaqAnswerIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* 10. Contact form micro-feedback and polished success state. */
#kontakt .ca-field input:focus,
#kontakt .ca-field select:focus,
#kontakt .ca-field textarea:focus{
  border-color:transparent !important;
  background:linear-gradient(#fff,#fff) padding-box,var(--ca-gradient) border-box !important;
  box-shadow:0 0 0 4px rgba(120,63,242,.07) !important;
}
#kontakt .ca-contact-form-card .ca-btn.is-sending{opacity:.86;cursor:wait;transform:none !important}
.ca-submit-spinner{
  width:15px;height:15px;
  border:2px solid rgba(255,255,255,.48);
  border-top-color:#fff;
  border-radius:50%;
  animation:caSpin .7s linear infinite;
}
@keyframes caSpin{to{transform:rotate(360deg)}}
.ca-form-message--success{
  display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#F0FFF8,#F5FBFF) !important;
  color:#126B49 !important;
  border:1px solid rgba(26,159,103,.18);
  box-shadow:0 8px 22px rgba(23,111,78,.06);
}
.ca-form-message--success:before{
  content:"✓";
  width:24px;height:24px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#DDF7EA;
  color:#14865B;
  font-weight:800;
}

/* 11. Footer micro-interactions. */
.ca-footer-socials a,
.ca-footer-contact-icon,
.ca-footer-col a{
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
@media(hover:hover) and (pointer:fine){
  .ca-footer-socials a:hover,
  .ca-footer-contact-list a:hover .ca-footer-contact-icon{
    background:var(--ca-gradient) !important;
    border-color:transparent !important;
    color:#fff !important;
    box-shadow:0 8px 22px rgba(120,63,242,.20);
  }
  .ca-footer-col ul a:hover{transform:translateX(3px);color:#fff !important}
}

/* 12. One micro-badge system across the marketing page. */
.ca-kicker,
.ca-service-meta,
.ca-plan-tag,
.ca-coming-soon__badge{
  min-height:24px !important;
  padding:0 9px !important;
  border-radius:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  font-family:var(--ca-body) !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

/* 13. Button behavior: shared arrow nudge and consistent cursor. */
.ca-btn{cursor:pointer}
.ca-btn .ca-icon{transition:transform .18s ease}
@media(hover:hover) and (pointer:fine){.ca-btn:hover .ca-icon{transform:translateX(3px)}}

/* 14. Mobile: deliberate simplification, swipe cards and vertical process timeline. */
@media(max-width:640px){
  .ca-site-header.is-scrolled .ca-header__inner{min-height:60px !important}
  .ca-site-header.is-scrolled .ca-brand img,
  .ca-site-header.is-scrolled .custom-logo-link img{width:142px !important}

  #leistungen .ca-card-grid,
  #preise .ca-pricing-grid{
    display:flex !important;
    overflow-x:auto;
    gap:12px !important;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:2px 14px 12px 0;
  }
  #leistungen .ca-card-grid::-webkit-scrollbar,
  #preise .ca-pricing-grid::-webkit-scrollbar{display:none}
  #leistungen .ca-service-card{
    flex:0 0 min(82vw,310px);
    scroll-snap-align:start;
  }
  #preise .ca-price-card{
    flex:0 0 min(86vw,330px);
    scroll-snap-align:start;
  }

  #ueber-uns .ca-workspace-visual{overflow:hidden !important}
  #ueber-uns .ca-workspace-visual__image{max-height:260px !important;object-fit:contain}

  #ablauf .ca-process-steps{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding-left:24px;
  }
  #ablauf .ca-process-steps:before,
  #ablauf .ca-process-steps:after{
    left:7px;right:auto;top:18px;bottom:18px;
    width:2px;height:auto;
  }
  #ablauf .ca-process-steps:after{
    transform:scaleY(0);
    transform-origin:center top;
  }
  #ablauf .ca-process-steps.is-process-live:after{transform:scaleY(1)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important}
  *,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .ca-js .ca-reveal{opacity:1 !important;transform:none !important}
}


/* =========================================================
   Creator Assure 1.12.1 – footer heading contrast fix
   ========================================================= */
.ca-site-footer h2,
.ca-site-footer h3,
.ca-site-footer h4,
.ca-footer-col h3,
.ca-footer-col h4,
.ca-footer-grid h3,
.ca-footer-grid h4{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
.ca-site-footer .ca-footer-title,
.ca-site-footer .ca-footer-heading{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}


/* =========================================================
   Creator Assure 1.12.2 – Final Polish
   ========================================================= */

/* 1) Hero bridge: compact premium glass strip */
.ca-flow-shell--upper > .ca-bridge-strip,
.ca-flow-shell > .ca-bridge-strip,
.ca-bridge-strip{
  height:52px !important;
  min-height:52px !important;
  background:linear-gradient(90deg,rgba(16,20,47,.93),rgba(10,24,50,.91) 54%,rgba(7,34,58,.91)) !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
  border-bottom:1px solid rgba(165,140,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(11,14,26,.09) !important;
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  backdrop-filter:blur(14px) saturate(135%);
}
.ca-bridge-strip__inner{
  height:52px !important;
  min-height:52px !important;
  padding-inline:8px !important;
}
.ca-bridge-strip__message{gap:12px !important}
.ca-bridge-strip__icon{
  width:30px !important;
  height:30px !important;
  flex-basis:30px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:linear-gradient(135deg,#FF2D8E,#783FF2 56%,#00C6FF) !important;
}
.ca-bridge-strip__claim{color:#D7E0F4 !important}

/* 2) Trust/Security: more breathing room, stronger icon scale */
.ca-trust-grid--security{
  gap:18px !important;
  align-items:stretch !important;
}
.ca-trust-grid--security .ca-trust-card{
  min-height:128px !important;
  padding:20px 19px !important;
  gap:15px !important;
  align-items:flex-start !important;
}
.ca-trust-grid--security .ca-trust-icon,
.ca-trust-grid--security .ca-trust-icon--de{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
}
.ca-trust-grid--security .ca-trust-icon .ca-icon{width:22px !important;height:22px !important}
.ca-trust-grid--security .ca-trust-icon--de{font-size:12px !important}
.ca-trust-grid--security .ca-trust-card h3{
  margin:1px 0 7px !important;
  font-size:15px !important;
  line-height:1.22 !important;
}
.ca-trust-grid--security .ca-trust-card p{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.52 !important;
}

/* 3) Coming soon cards: intentionally inactive, still legible */
#preise .ca-price-card--soon{
  opacity:.88 !important;
  filter:saturate(.82) !important;
  background:linear-gradient(135deg,rgba(247,248,252,.98),rgba(241,244,249,.96)) !important;
  border-color:#DDE2EC !important;
}
#preise .ca-price-card--soon .ca-price-top h3{
  color:#596276 !important;
  opacity:1 !important;
}
#preise .ca-price-card--soon .ca-plan-tag,
#preise .ca-price-card--soon .ca-coming-soon__badge{
  color:#7B8496 !important;
  background:#E9ECF2 !important;
  border-color:#D9DEE7 !important;
}
#preise .ca-price-card--soon .ca-coming-soon{opacity:1 !important;color:#7B8498 !important}
#preise .ca-price-card--soon .ca-coming-soon__icon{
  opacity:.88 !important;
  filter:saturate(.72) !important;
  box-shadow:0 8px 20px rgba(92,75,173,.12) !important;
}
#preise .ca-price-card--soon .ca-coming-soon strong{color:#666F82 !important;font-weight:700 !important}

/* 4) FAQ: quiet premium active state */
#faq details{
  border-color:rgba(181,190,218,.15) !important;
  background:rgba(255,255,255,.042) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022) !important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
#faq details:hover{
  border-color:rgba(157,131,255,.22) !important;
  background:rgba(255,255,255,.052) !important;
}
#faq details[open]{
  background:linear-gradient(135deg,rgba(120,63,242,.15),rgba(41,74,153,.10)) !important;
  border-color:rgba(166,142,255,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(6,10,32,.07) !important;
}
#faq details[open] summary{color:#FFF !important}
#faq details[open] .ca-faq__answer{color:#CBD3E8 !important}

/* 5) Pricing -> FAQ: straight, calm handoff without wave */
#preise{
  position:relative;
  z-index:2;
  padding-bottom:46px !important;
}
#preise:after{display:none !important;content:none !important}
#faq.ca-faq{margin-top:0 !important;padding-top:48px !important}

/* 6) Legal pages: full Creator Assure design language */
.ca-legal-shell{
  background:radial-gradient(circle at 8% 8%,rgba(120,63,242,.065),transparent 24%),radial-gradient(circle at 92% 34%,rgba(0,198,255,.055),transparent 26%),#F8FAFD !important;
}
.ca-legal-hero{
  min-height:330px;
  padding:62px 0 56px !important;
  background:radial-gradient(circle at 10% 100%,rgba(120,63,242,.32),transparent 34%),radial-gradient(circle at 87% 5%,rgba(0,198,255,.15),transparent 28%),linear-gradient(125deg,#171331 0%,#0B1025 48%,#071B31 100%) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04);
}
.ca-legal-hero__inner{align-items:center !important}
.ca-legal-hero .ca-back{
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px !important;
  background:rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-family:var(--ca-body) !important;
  font-size:10.5px !important;
  font-weight:600 !important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.ca-legal-hero .ca-back:hover{background:rgba(255,255,255,.09);border-color:rgba(168,143,255,.30);transform:translateX(-2px)}
.ca-legal-hero .ca-kicker{
  background:rgba(255,255,255,.075) !important;
  color:#D9D2FF !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.ca-legal-hero h1{
  font-family:var(--ca-heading) !important;
  font-size:clamp(42px,4.4vw,62px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:700 !important;
  position:relative;
  display:inline-block;
  margin-top:10px !important;
}
.ca-legal-hero h1:after{
  content:"";
  display:block;
  width:72px;height:3px;margin-top:15px;border-radius:3px;
  background:var(--ca-gradient);
  box-shadow:0 0 18px rgba(120,63,242,.28);
}
.ca-legal-hero p{
  font-family:var(--ca-body) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  color:#CBD3E6 !important;
  max-width:760px !important;
}
.ca-legal-hero__badge{
  min-height:184px !important;
  border-radius:10px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.20) !important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.ca-legal-hero__badge>span{border-radius:10px !important;background:var(--ca-gradient) !important}
.ca-legal-page{
  padding:56px 0 86px !important;
  background:radial-gradient(ellipse at 6% 20%,rgba(120,63,242,.055),transparent 28%),radial-gradient(ellipse at 96% 78%,rgba(0,198,255,.05),transparent 28%),#F8FAFD !important;
}
.ca-legal-layout{gap:28px !important}
.ca-legal-nav{
  top:88px !important;
  border-radius:10px !important;
  border:1px solid #E3E7F0 !important;
  background:rgba(255,255,255,.90) !important;
  box-shadow:0 14px 38px rgba(31,38,74,.07) !important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.ca-legal-nav__eyebrow{color:var(--ca-purple) !important;font-family:var(--ca-body) !important;font-weight:700 !important}
.ca-legal-nav>a{border-radius:8px !important;font-family:var(--ca-body) !important;font-weight:500 !important}
.ca-legal-nav>a:hover{background:linear-gradient(90deg,rgba(120,63,242,.07),rgba(0,198,255,.035)) !important;color:var(--ca-purple) !important}
.ca-legal-nav__help{border-radius:10px !important;background:linear-gradient(135deg,#F7F3FF,#F2FAFF) !important;border:1px solid #E6E0FB !important}
.ca-legal-card--full{border-radius:10px !important;border:1px solid #E4E8F0 !important;box-shadow:0 18px 48px rgba(31,38,74,.075) !important}
.ca-legal-meta{background:linear-gradient(90deg,#FAF8FF,#F5FBFF) !important;border-color:#E6E9F1 !important;color:#778197 !important}
.ca-legal-intro{border-radius:10px !important;border:1px solid rgba(120,63,242,.15) !important;background:linear-gradient(135deg,rgba(120,63,242,.065),rgba(0,198,255,.04)) !important}
.ca-legal-section{border-color:#EDF0F5 !important}
.ca-legal-section h2{
  font-family:var(--ca-heading) !important;
  font-size:23px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
  color:#151A30 !important;
}
.ca-legal-section h3{font-family:var(--ca-heading) !important;font-weight:600 !important;color:#232940 !important}
.ca-legal-section p,.ca-legal-section li{font-family:var(--ca-body) !important;color:#555F75 !important}
.ca-legal-number{background:linear-gradient(135deg,#FF2D8E,#783FF2 58%,#00C6FF) !important;color:#fff !important;box-shadow:0 8px 18px rgba(120,63,242,.18)}
.ca-legal-contact{border-radius:10px !important;border-color:#E3E7F0 !important;box-shadow:0 8px 22px rgba(31,38,74,.045)}
.ca-legal-contact>.ca-icon,.ca-legal-contact>span:first-child{color:var(--ca-purple) !important}
.ca-legal-endnote,.ca-legal-callout,.ca-legal-note{border-radius:10px !important}
.ca-legal-endnote{background:linear-gradient(135deg,#11152E,#09182D) !important;border-color:rgba(255,255,255,.08) !important;color:#D6DCEC !important}
.ca-legal-endnote strong{color:#fff !important}.ca-legal-endnote a{color:#B69BFF !important}.ca-legal-endnote .ca-icon{color:#fff !important}
.ca-legal-page:after{
  content:"";
  display:block;
  width:min(1180px,calc(100% - 40px));height:1px;margin:54px auto -38px;
  background:linear-gradient(90deg,transparent,rgba(120,63,242,.20),rgba(0,198,255,.16),transparent);
}

@media(max-width:1050px){
  .ca-trust-grid--security{gap:14px !important}
  .ca-trust-grid--security .ca-trust-card{padding:18px !important}
}
@media(max-width:900px){
  .ca-legal-hero{min-height:auto !important}
  .ca-legal-hero__inner{grid-template-columns:1fr !important;gap:28px !important}
  .ca-legal-hero__badge{justify-self:start !important;width:min(100%,360px) !important}
  .ca-legal-layout{grid-template-columns:1fr !important}
  .ca-legal-nav{position:relative !important;top:auto !important}
}
@media(max-width:782px){
  #preise{padding-bottom:42px !important}
  #preise:after{display:none !important}
  #faq.ca-faq{padding-top:44px !important}
  .ca-trust-grid--security .ca-trust-card{min-height:auto !important}
  .ca-legal-hero{padding:48px 0 44px !important}
  .ca-legal-page{padding:42px 0 64px !important}
}
@media(max-width:560px){
  .ca-flow-shell--upper > .ca-bridge-strip,
  .ca-flow-shell > .ca-bridge-strip,
  .ca-bridge-strip{height:52px !important;min-height:52px !important}
  .ca-bridge-strip__inner{height:52px !important;min-height:52px !important}
  .ca-legal-hero h1{font-size:clamp(36px,11vw,46px) !important}
  .ca-legal-section{grid-template-columns:34px minmax(0,1fr) !important;gap:13px !important;padding:24px 18px !important}
  .ca-legal-meta{padding:12px 18px !important}
  .ca-legal-intro{margin:18px 18px 0 !important}
}


/* =========================================================
   Creator Assure 1.12.4 – Impressum redesign
   ========================================================= */
.ca-imprint-page{background:#f8faff}
.ca-imprint-hero{
  position:relative;
  overflow:hidden;
  padding:54px 0 50px !important;
  min-height:310px;
  background:
    radial-gradient(circle at 12% 80%,rgba(120,63,242,.28),transparent 30%),
    radial-gradient(circle at 85% 16%,rgba(0,198,255,.13),transparent 28%),
    linear-gradient(120deg,#181331 0%,#0b1026 50%,#071d34 100%) !important;
}
.ca-imprint-hero:before{
  content:"";
  position:absolute;
  width:440px;height:440px;
  right:-80px;top:-220px;
  border:1px solid rgba(121,143,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(78,88,185,.035),0 0 0 92px rgba(0,198,255,.025);
}
.ca-imprint-hero:after{
  content:"";
  position:absolute;
  left:16%;bottom:-115px;
  width:440px;height:180px;
  background:linear-gradient(90deg,rgba(255,45,142,.16),rgba(120,63,242,.17),rgba(0,198,255,.08));
  filter:blur(55px);
  border-radius:50%;
}
.ca-imprint-hero__inner{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:70px;
  align-items:center;
}
.ca-imprint-hero__topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.ca-imprint-hero .ca-back{margin:0 !important;min-height:34px;padding:0 11px;border-radius:10px !important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:10.5px !important;font-weight:600 !important}
.ca-imprint-hero .ca-kicker{margin:0 !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.08) !important;color:#d7d0ff !important}
.ca-imprint-hero h1{font-size:clamp(44px,5vw,68px) !important;line-height:.98 !important;letter-spacing:-.045em !important;margin:0 0 18px !important;color:#fff !important}
.ca-imprint-hero h1:after{content:"";display:block;width:74px;height:3px;margin-top:15px;border-radius:3px;background:linear-gradient(90deg,#ff2d8e,#783ff2,#00c6ff)}
.ca-imprint-hero__copy>p{max-width:760px;margin:0;color:#cbd3e6 !important;font-size:15px !important;line-height:1.65 !important}
.ca-imprint-hero__chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ca-imprint-hero__chips>span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.055);color:#dce2f2;font-size:10.5px;font-weight:600;backdrop-filter:blur(10px)}
.ca-imprint-hero__chips .ca-icon{width:14px;height:14px;color:#c5afff}
.ca-imprint-hero__panel{justify-self:end;width:100%;min-height:184px;padding:24px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 20px 50px rgba(0,0,0,.18);backdrop-filter:blur(14px);display:flex;align-items:flex-start;gap:16px}
.ca-imprint-hero__panel-icon{width:52px;height:52px;flex:0 0 52px;border-radius:10px;background:linear-gradient(135deg,#ff2d8e,#783ff2 58%,#00c6ff);display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(120,63,242,.26)}
.ca-imprint-hero__panel-icon .ca-icon{width:24px;height:24px}
.ca-imprint-hero__panel div{display:flex;flex-direction:column;gap:7px;padding-top:2px}
.ca-imprint-hero__panel small{text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#aeb7cf;font-weight:800}
.ca-imprint-hero__panel strong{font-family:var(--ca-heading);font-size:17px;line-height:1.2;color:#fff}
.ca-imprint-hero__panel p{margin:0;font-size:11px;line-height:1.5;color:#bdc5d9}

.ca-imprint-content{padding:48px 0 78px !important;background:radial-gradient(circle at 8% 12%,rgba(120,63,242,.055),transparent 24%),radial-gradient(circle at 92% 70%,rgba(0,198,255,.045),transparent 25%),#f8faff !important}
.ca-imprint-card{max-width:1120px;margin:0 auto;border:1px solid #e3e7ef;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(31,38,74,.08);overflow:hidden}
.ca-imprint-card__head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding:28px 30px 24px;background:linear-gradient(90deg,#fbfaff,#f8fcff);border-bottom:1px solid #e9edf3}
.ca-imprint-card__head .ca-kicker{margin-bottom:10px}
.ca-imprint-card__head h2{font-size:27px;line-height:1.16;letter-spacing:-.03em;margin:0 0 9px;color:#161b31}
.ca-imprint-card__head p{max-width:760px;margin:0;font-size:12.5px;line-height:1.6;color:#646e85}
.ca-imprint-card__status{flex:0 0 auto;padding:8px 10px;border-radius:8px;background:#f2efff;border:1px solid #e4dcff;color:#7455d8;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.ca-imprint-section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:27px 30px;border-bottom:1px solid #edf0f5;scroll-margin-top:110px}
.ca-imprint-section__icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#f5efff,#eef9ff);border:1px solid #e7e0fb;color:#784dff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(93,71,184,.07)}
.ca-imprint-section__icon .ca-icon{width:19px;height:19px}
.ca-imprint-section__body h3{font-family:var(--ca-heading);font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:3px 0 11px;color:#171c31}
.ca-imprint-section__body p,.ca-imprint-section__body li{font-size:13px;line-height:1.67;color:#566078}
.ca-imprint-section__body p{margin:0 0 10px}.ca-imprint-section__body p:last-child{margin-bottom:0}
.ca-imprint-provider-grid{display:grid;grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:30px;align-items:start}
.ca-imprint-provider{display:flex;flex-direction:column;gap:4px;padding-right:28px;border-right:1px solid #e7eaf1;font-size:13px;line-height:1.5;color:#566078}
.ca-imprint-provider strong{color:#2d3349;font-size:13.5px}
.ca-imprint-contact-grid{max-width:820px;margin-top:4px}
.ca-imprint-contact-grid .ca-legal-contact{padding:13px 14px;background:#fbfcff}
.ca-imprint-card__endnote{display:flex;gap:13px;align-items:flex-start;margin:24px 30px 30px;padding:17px 18px;border-radius:10px;background:linear-gradient(115deg,#17142f,#0c162b);border:1px solid rgba(255,255,255,.06);color:#d6dced}
.ca-imprint-card__endnote>span{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:linear-gradient(135deg,#ff2d8e,#783ff2 58%,#00c6ff);display:grid;place-items:center;color:#fff}
.ca-imprint-card__endnote .ca-icon{width:18px;height:18px}
.ca-imprint-card__endnote p{margin:0;font-size:11.5px;line-height:1.6;color:#cfd5e5}
.ca-imprint-card__endnote strong{color:#fff}.ca-imprint-card__endnote a{color:#cbb8ff;text-decoration:underline;text-underline-offset:3px}

@media(max-width:920px){
  .ca-imprint-hero__inner{grid-template-columns:1fr;gap:26px}
  .ca-imprint-hero__panel{justify-self:start;max-width:420px;min-height:auto}
  .ca-imprint-provider-grid{grid-template-columns:1fr;gap:16px}
  .ca-imprint-provider{padding-right:0;padding-bottom:16px;border-right:0;border-bottom:1px solid #e7eaf1}
}
@media(max-width:640px){
  .ca-imprint-hero{padding:42px 0 40px !important;min-height:auto}
  .ca-imprint-hero__topline{align-items:flex-start}
  .ca-imprint-hero h1{font-size:40px !important}
  .ca-imprint-hero__chips{display:none}
  .ca-imprint-hero__panel{display:none}
  .ca-imprint-content{padding:30px 0 56px !important}
  .ca-imprint-card__head{flex-direction:column;padding:22px 18px 18px;gap:14px}
  .ca-imprint-card__head h2{font-size:22px}
  .ca-imprint-section{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:22px 18px}
  .ca-imprint-section__icon{width:32px;height:32px;border-radius:8px}
  .ca-imprint-section__icon .ca-icon{width:16px;height:16px}
  .ca-imprint-section__body h3{font-size:18px}
  .ca-imprint-contact-grid{grid-template-columns:1fr}
  .ca-imprint-card__endnote{margin:18px;padding:15px}
}


/* =========================================================
   Creator Assure 1.12.5 – Impressum hero + width alignment
   ========================================================= */
.ca-imprint-hero{
  min-height:356px !important;
  padding:54px 0 46px !important;
  background:
    radial-gradient(circle at 7% 88%,rgba(190,41,255,.40),transparent 26%),
    radial-gradient(circle at 88% 10%,rgba(0,158,255,.25),transparent 26%),
    radial-gradient(circle at 73% 48%,rgba(92,63,255,.18),transparent 26%),
    linear-gradient(116deg,#1B153C 0%,#101531 43%,#07162C 73%,#061E38 100%) !important;
}
.ca-imprint-hero:before{
  width:560px !important;
  height:560px !important;
  right:-92px !important;
  top:-270px !important;
  border:2px solid rgba(55,160,255,.28) !important;
  box-shadow:
    0 0 0 50px rgba(105,76,255,.08),
    0 0 0 96px rgba(0,198,255,.055),
    0 0 70px rgba(0,198,255,.08) !important;
}
.ca-imprint-hero:after{
  left:0 !important;
  bottom:-132px !important;
  width:680px !important;
  height:250px !important;
  background:
    radial-gradient(ellipse at 20% 55%,rgba(255,45,142,.28),transparent 44%),
    linear-gradient(90deg,rgba(255,45,142,.12),rgba(120,63,242,.18),rgba(0,198,255,.06)) !important;
  filter:blur(48px) !important;
}
.ca-imprint-hero__inner{
  grid-template-columns:minmax(0,1fr) 318px !important;
  gap:82px !important;
  align-items:center !important;
}
.ca-imprint-hero__copy{max-width:850px}
.ca-imprint-hero__topline{margin-bottom:22px !important}
.ca-imprint-hero h1{
  font-size:clamp(54px,5vw,76px) !important;
  letter-spacing:-.052em !important;
  margin-bottom:20px !important;
}
.ca-imprint-hero h1:after{
  width:90px !important;
  height:3px !important;
  margin-top:16px !important;
}
.ca-imprint-hero__copy>p{
  max-width:760px !important;
  font-size:17px !important;
  line-height:1.55 !important;
  color:#D2D9EA !important;
}
.ca-imprint-hero__chips{
  gap:14px !important;
  margin-top:24px !important;
}
.ca-imprint-hero__chip{
  width:min(310px,100%);
  min-height:68px !important;
  padding:11px 14px !important;
  gap:12px !important;
  border:1px solid rgba(164,132,255,.24) !important;
  background:
    linear-gradient(135deg,rgba(120,63,242,.24),rgba(64,90,169,.16)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 28px rgba(3,8,31,.13) !important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.ca-imprint-hero__chip>i{
  width:38px;
  height:38px;
  min-width:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(255,45,142,.95),rgba(120,63,242,.96) 58%,rgba(0,198,255,.96));
  color:#fff;
  font-style:normal;
  box-shadow:0 8px 18px rgba(120,63,242,.22);
}
.ca-imprint-hero__chip>i .ca-icon{width:18px !important;height:18px !important;color:#fff !important}
.ca-imprint-hero__chip>span{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.ca-imprint-hero__chip strong{
  font-family:var(--ca-heading);
  color:#fff;
  font-size:12px;
  line-height:1.15;
  font-weight:600;
}
.ca-imprint-hero__chip small{
  color:#BEC7DC;
  font-size:9.5px;
  line-height:1.25;
  font-weight:500;
}
.ca-imprint-hero__panel{
  position:relative;
  min-height:246px !important;
  padding:26px 26px 24px !important;
  display:block !important;
  border-color:rgba(139,163,255,.34) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(0,198,255,.15),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(60,96,159,.11)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 1px rgba(120,63,242,.08),
    0 24px 60px rgba(0,0,0,.22),
    0 0 32px rgba(69,105,255,.09) !important;
}
.ca-imprint-hero__panel:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:10px;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,45,142,.48),rgba(120,63,242,.15) 45%,rgba(0,198,255,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.ca-imprint-hero__panel-icon{
  width:58px !important;
  height:58px !important;
  margin-bottom:20px;
}
.ca-imprint-hero__panel-copy{padding:0 !important;gap:8px !important}
.ca-imprint-hero__panel-copy small{
  font-size:8.5px !important;
  color:#B9C3D9 !important;
}
.ca-imprint-hero__panel-copy strong{
  font-size:22px !important;
  line-height:1.08 !important;
  letter-spacing:-.02em;
}
.ca-imprint-hero__panel-copy p{
  max-width:210px;
  font-size:11.5px !important;
  line-height:1.5 !important;
  color:#BFC7D8 !important;
}
.ca-imprint-hero__panel-arrow{
  position:absolute;
  right:18px;
  bottom:18px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  color:#D9E4FF;
}
.ca-imprint-hero__panel-arrow .ca-icon{width:17px;height:17px}

/* Hero and imprint content use exactly the same container edges. */
.ca-imprint-hero > .ca-container,
.ca-imprint-content > .ca-container{
  width:min(calc(100% - 56px),var(--ca-container)) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
.ca-imprint-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.ca-imprint-content{padding-top:42px !important}

@media(max-width:1050px){
  .ca-imprint-hero__inner{
    grid-template-columns:minmax(0,1fr) 285px !important;
    gap:42px !important;
  }
  .ca-imprint-hero h1{font-size:58px !important}
  .ca-imprint-hero__copy>p{font-size:15.5px !important}
}
@media(max-width:920px){
  .ca-imprint-hero__inner{grid-template-columns:1fr !important}
  .ca-imprint-hero__panel{max-width:390px !important}
  .ca-imprint-hero > .ca-container,
  .ca-imprint-content > .ca-container{
    width:min(calc(100% - 44px),var(--ca-container)) !important;
  }
}
@media(max-width:640px){
  .ca-imprint-hero{padding:40px 0 38px !important}
  .ca-imprint-hero h1{font-size:42px !important}
  .ca-imprint-hero__copy>p{font-size:14px !important}
  .ca-imprint-hero__chips{display:grid !important;grid-template-columns:1fr !important}
  .ca-imprint-hero__chip{width:100%}
  .ca-imprint-hero__panel{display:none !important}
  .ca-imprint-hero > .ca-container,
  .ca-imprint-content > .ca-container{
    width:min(calc(100% - 28px),var(--ca-container)) !important;
  }
}


/* =========================================================
   Creator Assure 1.12.6 – Impressum legal status refinement
   ========================================================= */
.ca-imprint-contact-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  max-width:none !important;
}
.ca-imprint-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:4px 0 12px;
}
.ca-imprint-status-box{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:72px;
  padding:14px 15px;
  border:1px solid #e1e6ef;
  border-radius:10px;
  background:linear-gradient(135deg,#fbfaff,#f7fbff);
}
.ca-imprint-status-box small{
  color:#7a8499;
  font-size:9px;
  line-height:1.3;
  letter-spacing:.07em;
  text-transform:uppercase;
  font-weight:800;
}
.ca-imprint-status-box strong{
  color:#30374d;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}
.ca-imprint-fineprint{
  margin-top:10px !important;
  padding:10px 12px;
  border-left:3px solid rgba(120,63,242,.36);
  background:linear-gradient(90deg,rgba(120,63,242,.045),rgba(0,198,255,.025));
  color:#6e7890 !important;
  font-size:11.5px !important;
}
@media(max-width:900px){
  .ca-imprint-contact-grid--three{grid-template-columns:1fr !important}
  .ca-imprint-status-grid{grid-template-columns:1fr}
}


/* =========================================================
   Creator Assure 1.12.7 – Impressum hero simplification
   ========================================================= */
.ca-imprint-hero{
  min-height:280px !important;
  padding:54px 0 48px !important;
}
.ca-imprint-hero__inner{
  display:block !important;
}
.ca-imprint-hero__copy{
  max-width:920px !important;
}
.ca-imprint-hero__topline{
  margin-bottom:18px !important;
}
.ca-imprint-hero h1{
  margin-bottom:18px !important;
}
.ca-imprint-hero h1:after{
  display:none !important;
  content:none !important;
}
.ca-imprint-hero__chips,
.ca-imprint-hero__panel{
  display:none !important;
}
.ca-imprint-card__head{
  grid-template-columns:1fr !important;
}
.ca-imprint-card__status{
  display:none !important;
}
@media(max-width:640px){
  .ca-imprint-hero{
    min-height:auto !important;
    padding:42px 0 38px !important;
  }
}


/* =========================================================
   Creator Assure 1.12.8 – Datenschutz in Impressum-System
   ========================================================= */
.ca-privacy-page{background:#f8faff}
.ca-privacy-hero{
  min-height:auto !important;
  padding:46px 0 42px !important;
}
.ca-privacy-hero .ca-imprint-hero__inner{
  display:block !important;
}
.ca-privacy-hero .ca-imprint-hero__copy{
  max-width:900px !important;
}
.ca-privacy-hero .ca-imprint-hero__topline{
  margin-bottom:16px !important;
}
.ca-privacy-hero h1{
  margin-bottom:16px !important;
}
.ca-privacy-hero h1:after{
  display:none !important;
}
.ca-privacy-hero .ca-imprint-hero__copy>p{
  max-width:820px !important;
}
.ca-privacy-content{
  padding:42px 0 78px !important;
  background:
    radial-gradient(circle at 8% 12%,rgba(120,63,242,.055),transparent 24%),
    radial-gradient(circle at 92% 70%,rgba(0,198,255,.045),transparent 25%),
    #f8faff !important;
}
.ca-privacy-content>.ca-container{
  width:min(calc(100% - 56px),var(--ca-container)) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
.ca-privacy-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border:1px solid #e3e7ef !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 18px 48px rgba(31,38,74,.08) !important;
  overflow:hidden !important;
}
.ca-privacy-card__head{
  padding:28px 32px 24px !important;
  background:linear-gradient(90deg,#fbfaff,#f8fcff) !important;
  border-bottom:1px solid #e9edf3 !important;
}
.ca-privacy-card__head h2{
  font-family:var(--ca-heading) !important;
  font-size:28px !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  color:#161b31 !important;
  margin:0 0 9px !important;
}
.ca-privacy-card__head p{
  margin:0 !important;
  color:#6b758b !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
}
.ca-privacy-section{
  padding:26px 32px 24px !important;
  border-bottom:1px solid #edf0f5 !important;
  scroll-margin-top:100px;
}
.ca-privacy-section:last-of-type{border-bottom:0 !important}
.ca-privacy-section h2{
  font-family:var(--ca-heading) !important;
  font-size:21px !important;
  line-height:1.25 !important;
  letter-spacing:-.022em !important;
  color:#171c31 !important;
  margin:0 0 14px !important;
  font-weight:600 !important;
}
.ca-privacy-section h3{
  font-family:var(--ca-heading) !important;
  font-size:15px !important;
  line-height:1.35 !important;
  color:#2b3248 !important;
  margin:18px 0 8px !important;
  font-weight:600 !important;
}
.ca-privacy-section__content p,
.ca-privacy-section__content li{
  font-family:var(--ca-body) !important;
  font-size:13px !important;
  line-height:1.68 !important;
  color:#566078 !important;
}
.ca-privacy-section__content p{
  margin:0 0 10px !important;
}
.ca-privacy-section__content p:last-child{margin-bottom:0 !important}
.ca-privacy-section__content ul{
  margin:8px 0 14px 18px !important;
  padding:0 !important;
}
.ca-privacy-section__content li{margin:4px 0 !important}
.ca-privacy-section__content a{
  color:#674eff !important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.ca-privacy-section__content strong{
  color:#2f354b !important;
  font-weight:700 !important;
}
.ca-privacy-endnote{
  margin-top:28px !important;
}
@media(max-width:920px){
  .ca-privacy-content>.ca-container{
    width:min(calc(100% - 44px),var(--ca-container)) !important;
  }
}
@media(max-width:640px){
  .ca-privacy-hero{padding:40px 0 36px !important}
  .ca-privacy-content{padding:30px 0 56px !important}
  .ca-privacy-content>.ca-container{
    width:min(calc(100% - 28px),var(--ca-container)) !important;
  }
  .ca-privacy-card__head{padding:22px 18px 18px !important}
  .ca-privacy-card__head h2{font-size:22px !important}
  .ca-privacy-section{padding:22px 18px 20px !important}
  .ca-privacy-section h2{font-size:18px !important}
  .ca-privacy-section h3{font-size:14px !important}
  .ca-privacy-section__content p,
  .ca-privacy-section__content li{font-size:12.5px !important}
}


/* =========================================================
   Creator Assure 1.12.10 – Datenschutz typographic rhythm
   ========================================================= */
/* The hero already contains page identity/version context; the content card starts directly with section 1. */
.ca-privacy-card__head{display:none !important}

/* Reduce vertical whitespace while keeping legal text calm and readable. */
.ca-privacy-section{
  padding:22px 32px 20px !important;
}
.ca-privacy-section--first{
  padding-top:26px !important;
}
.ca-privacy-section h2{
  margin:0 0 9px !important;
  font-size:20px !important;
  line-height:1.22 !important;
}
.ca-privacy-section h3{
  margin:13px 0 5px !important;
  font-size:14px !important;
  line-height:1.32 !important;
}
.ca-privacy-section__content{
  max-width:1120px;
}
.ca-privacy-section__content p,
.ca-privacy-section__content li{
  line-height:1.56 !important;
}
.ca-privacy-section__content p{
  margin:0 0 6px !important;
}
.ca-privacy-section__content p + h3,
.ca-privacy-section__content ul + h3{
  margin-top:14px !important;
}
.ca-privacy-section__content ul{
  margin:5px 0 9px 18px !important;
  padding:0 !important;
}
.ca-privacy-section__content li{
  margin:1px 0 !important;
  padding-left:1px;
}
.ca-privacy-section__content ul + p{
  margin-top:4px !important;
}
.ca-privacy-section__content strong{
  line-height:1.45;
}

/* Keep separation between chapters visible without oversized gaps. */
.ca-privacy-section + .ca-privacy-section{
  border-top:0 !important;
}

@media(max-width:640px){
  .ca-privacy-section,
  .ca-privacy-section--first{
    padding:18px 18px 17px !important;
  }
  .ca-privacy-section h2{
    font-size:18px !important;
    margin-bottom:8px !important;
  }
  .ca-privacy-section h3{
    font-size:13.5px !important;
    margin:12px 0 5px !important;
  }
  .ca-privacy-section__content p{
    margin-bottom:5px !important;
  }
  .ca-privacy-section__content ul{
    margin:4px 0 8px 17px !important;
  }
}


/* =========================================================
   Creator Assure 1.12.11 – AGB in Datenschutz-/Impressum-System
   ========================================================= */
.ca-terms-page{background:#f8faff}
.ca-terms-hero{
  min-height:auto !important;
  padding:46px 0 42px !important;
}
.ca-terms-hero .ca-imprint-hero__inner{display:block !important}
.ca-terms-hero .ca-imprint-hero__copy{max-width:920px !important}
.ca-terms-hero .ca-imprint-hero__topline{margin-bottom:16px !important}
.ca-terms-hero h1{
  margin-bottom:16px !important;
  font-size:clamp(48px,4.8vw,68px) !important;
}
.ca-terms-hero h1:after{display:none !important;content:none !important}
.ca-terms-hero .ca-imprint-hero__copy>p{
  max-width:860px !important;
  font-size:15px !important;
  line-height:1.58 !important;
}
.ca-terms-hero__version{
  margin-top:14px;
  color:#AEB9D2;
  font-family:var(--ca-body);
  font-size:10px;
  font-weight:600;
  letter-spacing:.03em;
}

.ca-terms-content{
  padding:42px 0 78px !important;
  background:
    radial-gradient(circle at 8% 12%,rgba(120,63,242,.055),transparent 24%),
    radial-gradient(circle at 92% 70%,rgba(0,198,255,.045),transparent 25%),
    #f8faff !important;
}
.ca-terms-content>.ca-container{
  width:min(calc(100% - 56px),var(--ca-container)) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
.ca-terms-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border:1px solid #e3e7ef !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 18px 48px rgba(31,38,74,.08) !important;
  overflow:hidden !important;
}

/* One continuous legal window; no sidebar, no numbered icon cards. */
.ca-terms-part{
  padding:18px 32px 15px;
  border-bottom:1px solid #e9edf4;
  background:linear-gradient(90deg,#fbf9ff,#f7fbff);
}
.ca-terms-part span{
  display:block;
  margin-bottom:4px;
  color:#765DFF;
  font-family:var(--ca-body);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ca-terms-part h2{
  margin:0 !important;
  color:#1C2138 !important;
  font-family:var(--ca-heading) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  letter-spacing:-.012em !important;
}

.ca-terms-section{
  padding:22px 32px 20px !important;
  border-bottom:1px solid #edf0f5 !important;
  scroll-margin-top:100px;
}
.ca-terms-section:last-child{border-bottom:0 !important}
.ca-terms-section h2{
  margin:0 0 9px !important;
  color:#171C31 !important;
  font-family:var(--ca-heading) !important;
  font-size:20px !important;
  line-height:1.22 !important;
  font-weight:600 !important;
  letter-spacing:-.022em !important;
}
.ca-terms-section h3{
  margin:13px 0 5px !important;
  color:#2B3248 !important;
  font-family:var(--ca-heading) !important;
  font-size:14px !important;
  line-height:1.32 !important;
  font-weight:600 !important;
}
.ca-terms-section__content{max-width:1120px}
.ca-terms-section__content p,
.ca-terms-section__content li{
  color:#566078 !important;
  font-family:var(--ca-body) !important;
  font-size:13px !important;
  line-height:1.56 !important;
}
.ca-terms-section__content p{margin:0 0 6px !important}
.ca-terms-section__content p:last-child{margin-bottom:0 !important}
.ca-terms-section__content ul{
  margin:5px 0 9px 18px !important;
  padding:0 !important;
}
.ca-terms-section__content li{
  margin:1px 0 !important;
  padding-left:1px;
}
.ca-terms-section__content strong{
  color:#2F354B !important;
  font-weight:700 !important;
}
.ca-terms-section__content a{
  color:#674EFF !important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.ca-terms-section__content p + h3,
.ca-terms-section__content ul + h3{margin-top:14px !important}
.ca-terms-section__content ul + p{margin-top:4px !important}

@media(max-width:920px){
  .ca-terms-content>.ca-container{
    width:min(calc(100% - 44px),var(--ca-container)) !important;
  }
}
@media(max-width:640px){
  .ca-terms-hero{padding:40px 0 36px !important}
  .ca-terms-hero h1{font-size:clamp(36px,10vw,46px) !important}
  .ca-terms-hero .ca-imprint-hero__copy>p{font-size:13.5px !important}
  .ca-terms-content{padding:30px 0 56px !important}
  .ca-terms-content>.ca-container{
    width:min(calc(100% - 28px),var(--ca-container)) !important;
  }
  .ca-terms-part{padding:15px 18px 13px}
  .ca-terms-part h2{font-size:13px !important}
  .ca-terms-section{padding:18px 18px 17px !important}
  .ca-terms-section h2{
    font-size:18px !important;
    margin-bottom:8px !important;
  }
  .ca-terms-section h3{
    font-size:13.5px !important;
    margin:12px 0 5px !important;
  }
  .ca-terms-section__content p,
  .ca-terms-section__content li{font-size:12.5px !important}
  .ca-terms-section__content p{margin-bottom:5px !important}
  .ca-terms-section__content ul{margin:4px 0 8px 17px !important}
}


/* =========================================================
   Creator Assure 1.12.12 – gemeinsame Gestaltung für Datenschutz & AGB
   ========================================================= */
.ca-legal-article{
  padding:26px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(251,252,255,.975)) !important;
}
.ca-legal-article__hero{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:18px;
  margin:0 0 22px !important;
  padding:24px 24px 22px !important;
  border:1px solid #e6eaf3;
  border-radius:10px;
  background:
    radial-gradient(circle at 100% 0%,rgba(0,198,255,.09),transparent 34%),
    radial-gradient(circle at 0% 100%,rgba(120,63,242,.08),transparent 30%),
    linear-gradient(135deg,#fbfbff 0%,#f7faff 100%);
  box-shadow:0 12px 28px rgba(31,38,74,.06);
}
.ca-legal-article__intro{max-width:780px}
.ca-legal-article__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:7px 12px;
  border:1px solid #ece8ff;
  border-radius:10px;
  background:rgba(120,63,242,.06);
  color:#765dff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ca-legal-article__intro h2{
  margin:0 0 10px !important;
  color:#171c31;
  font-family:var(--ca-heading) !important;
  font-size:32px !important;
  line-height:1.08 !important;
  letter-spacing:-.036em !important;
  font-weight:700 !important;
}
.ca-legal-article__intro p{
  margin:0 !important;
  max-width:720px;
  color:#5d677f !important;
  font-family:var(--ca-body) !important;
  font-size:14px !important;
  line-height:1.65 !important;
}
.ca-legal-article__meta{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-content:start;
}
.ca-legal-article__meta-item{
  position:relative;
  padding:14px 16px 14px 18px;
  min-height:86px;
  border:1px solid #e7ebf4;
  border-radius:10px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 22px rgba(34,41,79,.04);
  overflow:hidden;
}
.ca-legal-article__meta-item:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,#ff2d8e 0%,#783ff2 54%,#00c6ff 100%);
}
.ca-legal-article__meta-item strong{
  display:block;
  margin:0 0 5px;
  color:#202643 !important;
  font-family:var(--ca-heading) !important;
  font-size:15px !important;
  line-height:1.28 !important;
  font-weight:600 !important;
}
.ca-legal-article__meta-item span{
  display:block;
  color:#677188 !important;
  font-family:var(--ca-body) !important;
  font-size:12px !important;
  line-height:1.58 !important;
}

/* shared legal content cards */
.ca-privacy-card,
.ca-terms-card{
  padding:0 !important;
  background:rgba(255,255,255,.98) !important;
}
.ca-legal-section-card,
.ca-legal-part-break{
  margin-left:24px !important;
  margin-right:24px !important;
}
.ca-privacy-section.ca-legal-section-card,
.ca-terms-section.ca-legal-section-card{
  margin-bottom:16px !important;
  padding:0 !important;
  border:1px solid #e8ecf4 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%) !important;
  box-shadow:0 12px 24px rgba(31,38,74,.05) !important;
  overflow:hidden;
}
.ca-privacy-section.ca-legal-section-card:last-of-type,
.ca-terms-section.ca-legal-section-card:last-child{
  margin-bottom:24px !important;
}
.ca-privacy-section.ca-legal-section-card h2,
.ca-terms-section.ca-legal-section-card h2{
  margin:0 !important;
  padding:18px 24px 10px !important;
  border-bottom:1px solid #eff2f7;
  background:linear-gradient(90deg,rgba(120,63,242,.045),rgba(0,198,255,.04));
  color:#171c31 !important;
  font-size:20px !important;
  line-height:1.24 !important;
}
.ca-privacy-section.ca-legal-section-card .ca-privacy-section__content,
.ca-terms-section.ca-legal-section-card .ca-terms-section__content{
  max-width:none !important;
  padding:16px 24px 18px !important;
}
.ca-privacy-section.ca-legal-section-card h3,
.ca-terms-section.ca-legal-section-card h3{
  margin:12px 0 5px !important;
}
.ca-privacy-section.ca-legal-section-card p,
.ca-privacy-section.ca-legal-section-card li,
.ca-terms-section.ca-legal-section-card p,
.ca-terms-section.ca-legal-section-card li{
  font-size:13px !important;
  line-height:1.58 !important;
}
.ca-privacy-section.ca-legal-section-card ul,
.ca-terms-section.ca-legal-section-card ul{
  margin:5px 0 9px 18px !important;
}
.ca-privacy-section.ca-legal-section-card li,
.ca-terms-section.ca-legal-section-card li{
  margin:2px 0 !important;
}
.ca-legal-part-break{
  margin-top:4px !important;
  margin-bottom:16px !important;
  padding:16px 22px !important;
  border:1px solid #e8ecf4 !important;
  border-radius:10px !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(0,198,255,.06),transparent 32%),
    linear-gradient(135deg,#fbfaff 0%,#f8fbff 100%) !important;
  box-shadow:0 10px 22px rgba(31,38,74,.04) !important;
}
.ca-legal-part-break span{
  display:inline-flex !important;
  margin:0 0 6px !important;
  padding:6px 10px !important;
  border-radius:10px !important;
  background:rgba(120,63,242,.08) !important;
  color:#765dff !important;
}
.ca-legal-part-break h2{
  font-size:14px !important;
  line-height:1.3 !important;
}

@media(max-width:920px){
  .ca-legal-article{
    padding:20px !important;
  }
  .ca-legal-article__hero{
    grid-template-columns:1fr;
    padding:20px 20px 18px !important;
  }
  .ca-legal-section-card,
  .ca-legal-part-break{
    margin-left:18px !important;
    margin-right:18px !important;
  }
}
@media(max-width:640px){
  .ca-legal-article{
    padding:14px !important;
  }
  .ca-legal-article__hero{
    gap:14px;
    margin-bottom:16px !important;
    padding:16px !important;
  }
  .ca-legal-article__eyebrow{
    font-size:9px !important;
    padding:6px 10px !important;
  }
  .ca-legal-article__intro h2{
    font-size:25px !important;
    line-height:1.1 !important;
  }
  .ca-legal-article__intro p{
    font-size:13px !important;
    line-height:1.6 !important;
  }
  .ca-legal-article__meta-item{
    min-height:auto;
    padding:13px 14px 13px 16px;
  }
  .ca-legal-section-card,
  .ca-legal-part-break{
    margin-left:12px !important;
    margin-right:12px !important;
  }
  .ca-privacy-section.ca-legal-section-card h2,
  .ca-terms-section.ca-legal-section-card h2{
    padding:15px 16px 9px !important;
    font-size:17px !important;
  }
  .ca-privacy-section.ca-legal-section-card .ca-privacy-section__content,
  .ca-terms-section.ca-legal-section-card .ca-terms-section__content{
    padding:14px 16px 16px !important;
  }
  .ca-legal-part-break{
    padding:13px 16px !important;
  }
  .ca-legal-part-break h2{font-size:13px !important}
}


/* =========================================================
   Creator Assure 1.12.13 – functional contact form feedback
   ========================================================= */
#kontakt .ca-contact-status{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:14px 0 18px;
  padding:15px 16px;
  border:1px solid transparent;
  border-radius:10px;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .22s ease,transform .22s ease;
  outline:none;
}
#kontakt .ca-contact-status.is-visible{
  opacity:1;
  transform:none;
}
#kontakt .ca-contact-status__icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:10px;
  font-family:var(--ca-heading);
  font-size:20px;
  font-weight:700;
}
#kontakt .ca-contact-status__icon .ca-icon{width:20px;height:20px}
#kontakt .ca-contact-status strong{
  display:block;
  margin:1px 0 4px;
  font-family:var(--ca-heading);
  font-size:14px;
  line-height:1.25;
  color:#172036;
}
#kontakt .ca-contact-status p{
  margin:0;
  font-size:11.5px;
  line-height:1.55;
  color:#59667d;
}
#kontakt .ca-contact-status--success{
  border-color:rgba(26,167,113,.22);
  background:linear-gradient(135deg,rgba(234,250,243,.96),rgba(242,251,255,.96));
  box-shadow:0 10px 24px rgba(17,120,83,.07);
}
#kontakt .ca-contact-status--success .ca-contact-status__icon{
  color:#fff;
  background:linear-gradient(135deg,#13a86d,#00a9d9);
  box-shadow:0 8px 18px rgba(19,168,109,.18);
}
#kontakt .ca-contact-status--error{
  border-color:rgba(210,63,101,.20);
  background:linear-gradient(135deg,rgba(255,243,246,.97),rgba(255,248,251,.97));
}
#kontakt .ca-contact-status--error .ca-contact-status__icon{
  color:#fff;
  background:linear-gradient(135deg,#db3768,#8b4bf2);
}
@media(max-width:560px){
  #kontakt .ca-contact-status{
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    padding:13px;
  }
  #kontakt .ca-contact-status__icon{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  #kontakt .ca-contact-status{transition:none;transform:none}
}

/* =========================================================
   Creator Assure 1.12.15 – Prozessbereich exakt am Seitenraster
   ========================================================= */
/*
 * Der Prozessbereich hatte zusätzlich zum globalen .ca-container
 * noch eigene horizontale Einzüge. Dadurch lagen Überschrift und
 * Prozesskarten weiter innen als Leistungen und Pricing. Ab jetzt
 * verwendet der gesamte Bereich exakt dieselben linken/rechten
 * Containerkanten wie die angrenzenden Sektionen.
 */
#ablauf > .ca-container,
.ca-flow-shell--upper > #ablauf > .ca-container,
.ca-flow-shell > #ablauf > .ca-container{
  width:min(calc(100% - 56px),var(--ca-container)) !important;
  margin-inline:auto !important;
}
#ablauf .ca-process-stage__intro,
.ca-flow-shell--upper > #ablauf .ca-process-stage__intro,
.ca-flow-shell > #ablauf .ca-process-stage__intro{
  margin-left:0 !important;
  margin-right:0 !important;
}
#ablauf .ca-process-stage__content,
.ca-flow-shell--upper > #ablauf .ca-process-stage__content,
.ca-flow-shell > #ablauf .ca-process-stage__content{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media(max-width:920px){
  #ablauf > .ca-container,
  .ca-flow-shell--upper > #ablauf > .ca-container,
  .ca-flow-shell > #ablauf > .ca-container{
    width:min(calc(100% - 44px),var(--ca-container)) !important;
  }
}
@media(max-width:640px){
  #ablauf > .ca-container,
  .ca-flow-shell--upper > #ablauf > .ca-container,
  .ca-flow-shell > #ablauf > .ca-container{
    width:min(calc(100% - 28px),var(--ca-container)) !important;
  }
}


/* =========================================================
   Creator Assure 1.12.16 – Manrope + Inter typography system
   ========================================================= */
:root{
  --ca-heading:"Manrope","Inter","Avenir Next","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --ca-body:"Inter","Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}

/* Core rhythm */
html{font-size:16px}
body{
  font-family:var(--ca-body) !important;
  font-size:15px !important;
  line-height:1.62 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
p,li,input,select,textarea,button,a,label,summary{
  font-family:var(--ca-body) !important;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--ca-heading) !important;
  text-wrap:balance;
}

/* Large brand statements: calmer, more premium */
h1,
.ca-hero__copy h1,
.ca-imprint-hero h1,
.ca-privacy-hero h1,
.ca-terms-hero h1{
  font-family:var(--ca-heading) !important;
  font-weight:700 !important;
  letter-spacing:-.040em !important;
  line-height:1.035 !important;
}
.ca-hero__copy h1{
  font-size:clamp(44px,4.65vw,64px) !important;
}
.ca-imprint-hero h1,
.ca-privacy-hero h1,
.ca-terms-hero h1{
  letter-spacing:-.038em !important;
}

/* Section headlines */
h2,
.ca-trust h2,
#leistungen h2,
#ablauf .ca-process-stage__intro h2,
#preise .ca-pricing-head__copy h2,
#faq h2,
#kontakt .ca-contact-copy h2,
.ca-legal-article__intro h2{
  font-family:var(--ca-heading) !important;
  font-weight:700 !important;
  letter-spacing:-.028em !important;
  line-height:1.095 !important;
}

/* Cards / functional headlines */
h3,
.ca-service-card h3,
.ca-trust-card h3,
#ablauf .ca-process-steps .ca-step h3,
#kontakt .ca-contact-benefit h3,
#kontakt .ca-contact-form-card h3,
#preise .ca-price-top h3,
.ca-legal-section-card h2,
.ca-imprint-section__body h3{
  font-family:var(--ca-heading) !important;
  font-weight:650 !important;
  letter-spacing:-.018em !important;
  line-height:1.24 !important;
}
h4,
.ca-footer-col h4{
  font-family:var(--ca-heading) !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  line-height:1.28 !important;
}

/* Copy */
.ca-lead,
.ca-hero__copy p,
#kontakt .ca-contact-lead,
.ca-service-card p,
.ca-trust-card p,
#ablauf .ca-process-steps .ca-step p,
#kontakt .ca-contact-benefit p,
.ca-privacy-section__content p,
.ca-privacy-section__content li,
.ca-terms-section__content p,
.ca-terms-section__content li{
  font-family:var(--ca-body) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* UI: Inter, not headline font */
.ca-nav a,
.ca-topbar,
.ca-topbar__claim,
.ca-kicker,
.ca-pricing-live,
.ca-plan-tag,
.ca-service-meta,
.ca-coming-soon__badge,
.ca-price-ribbon,
.ca-field label,
.ca-footer li,
.ca-footer a{
  font-family:var(--ca-body) !important;
}

/* Badges / micro labels */
.ca-kicker,
.ca-pricing-live,
.ca-plan-tag,
.ca-service-meta,
.ca-coming-soon__badge,
.ca-price-ribbon,
.ca-legal-article__eyebrow{
  font-weight:600 !important;
  letter-spacing:.105em !important;
}

/* Buttons: slightly less heavy */
.ca-btn,
.ca-header__actions .ca-btn,
#preise .ca-price-card--starter .ca-btn,
#kontakt .ca-contact-form-card .ca-btn{
  font-family:var(--ca-body) !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Navigation */
.ca-nav a{
  font-weight:500 !important;
  letter-spacing:-.005em !important;
}

/* Workspace list */
.ca-check{
  font-family:var(--ca-body) !important;
  font-weight:500 !important;
}

/* Pricing */
#preise .ca-price{
  font-family:var(--ca-heading) !important;
  font-weight:700 !important;
  letter-spacing:-.032em !important;
}
#preise .ca-price-top h3{
  font-family:var(--ca-heading) !important;
  font-weight:650 !important;
}
#preise .ca-price-list{
  font-family:var(--ca-body) !important;
  font-weight:400 !important;
}

/* Process */
#ablauf .ca-process-steps .ca-step h3{
  font-size:15px !important;
  font-weight:650 !important;
}
#ablauf .ca-process-steps .ca-step p{
  line-height:1.58 !important;
}

/* Service cards */
.ca-service-card h3{
  font-size:15px !important;
  font-weight:650 !important;
}
.ca-service-card p{
  line-height:1.58 !important;
}

/* Trust / security */
.ca-trust-card h3{
  font-size:15px !important;
  font-weight:650 !important;
}
.ca-trust-card p{
  line-height:1.58 !important;
}

/* FAQ stays intentionally UI-oriented */
#faq summary{
  font-family:var(--ca-body) !important;
  font-weight:600 !important;
  letter-spacing:-.006em !important;
}
#faq .ca-faq__answer{
  font-family:var(--ca-body) !important;
  font-weight:400 !important;
}

/* Contact */
#kontakt .ca-contact-form-card h3{
  font-family:var(--ca-heading) !important;
  font-weight:700 !important;
  letter-spacing:-.026em !important;
}
#kontakt .ca-field label{
  font-family:var(--ca-body) !important;
  font-weight:500 !important;
}

/* Footer */
.ca-footer-brand .ca-footer-brand-copy,
.ca-footer-brand .ca-footer-closing,
.ca-footer li,
.ca-footer a,
.ca-footer-bottom{
  font-family:var(--ca-body) !important;
}
.ca-footer-col h4{
  font-family:var(--ca-heading) !important;
  font-weight:650 !important;
}

/* Legal pages: same visual language */
.ca-legal-article__intro h2,
.ca-privacy-section h2,
.ca-terms-section h2,
.ca-imprint-section__body h3{
  font-family:var(--ca-heading) !important;
  font-weight:650 !important;
}
.ca-privacy-section h3,
.ca-terms-section h3{
  font-family:var(--ca-heading) !important;
  font-weight:650 !important;
  letter-spacing:-.012em !important;
}

/* Responsive typography scale */
@media(max-width:1050px){
  .ca-hero__copy h1{
    font-size:clamp(40px,6vw,56px) !important;
  }
  h2,
  .ca-trust h2,
  #leistungen h2,
  #ablauf .ca-process-stage__intro h2,
  #preise .ca-pricing-head__copy h2,
  #faq h2,
  #kontakt .ca-contact-copy h2{
    font-size:clamp(28px,4.35vw,38px) !important;
  }
}
@media(max-width:640px){
  .ca-hero__copy h1{
    font-size:clamp(38px,11vw,48px) !important;
    line-height:1.045 !important;
  }
  h2,
  .ca-trust h2,
  #leistungen h2,
  #ablauf .ca-process-stage__intro h2,
  #preise .ca-pricing-head__copy h2,
  #faq h2,
  #kontakt .ca-contact-copy h2{
    line-height:1.10 !important;
  }
}


/* =========================================================
   Creator Assure 1.12.17 – typography refinement + tighter UI rhythm
   ========================================================= */

/* Typography: same Manrope/Inter system, refined after real-browser review. */
body{
  font-size:14.5px !important;
  line-height:1.58 !important;
  color:#343B52 !important;
}
.ca-hero__copy h1{
  font-size:clamp(42px,4.35vw,60px) !important;
  line-height:1.025 !important;
  letter-spacing:-.038em !important;
}
.ca-hero__copy p{
  font-size:14px !important;
  line-height:1.58 !important;
  max-width:620px !important;
}
.ca-kicker{
  font-size:9px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:.095em !important;
}

/* One consistent section-title hierarchy. */
#ueber-uns h2,
.ca-trust h2,
#leistungen h2,
#ablauf .ca-process-stage__intro h2,
#preise .ca-pricing-head__copy h2,
#faq h2,
#kontakt .ca-contact-copy h2{
  font-size:clamp(29px,2.65vw,38px) !important;
  line-height:1.075 !important;
  letter-spacing:-.030em !important;
  font-weight:700 !important;
}
#ueber-uns .ca-lead,
.ca-trust .ca-lead,
#leistungen .ca-lead,
#ablauf .ca-process-stage__intro p,
#preise .ca-pricing-head__copy p,
#faq .ca-section-heading__copy p,
#kontakt .ca-contact-lead{
  font-size:13.5px !important;
  line-height:1.58 !important;
}

/* Backoffice benefit list: tighter, calmer, more product-like. */
#ueber-uns .ca-checklist{
  gap:7px !important;
  margin-top:17px !important;
}
#ueber-uns .ca-check{
  gap:10px !important;
  min-height:34px !important;
  font-size:13px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
}
#ueber-uns .ca-check i{
  width:29px !important;
  height:29px !important;
  min-width:29px !important;
  border-radius:9px !important;
  box-shadow:0 6px 16px rgba(89,64,255,.085) !important;
}
#ueber-uns .ca-check i .ca-icon{
  width:14px !important;
  height:14px !important;
}

/* Cards: less typographic weight, better differentiation from section headings. */
.ca-service-card h3,
.ca-trust-card h3,
#ablauf .ca-process-steps .ca-step h3,
#kontakt .ca-contact-benefit h3{
  font-size:14.5px !important;
  line-height:1.22 !important;
  font-weight:650 !important;
}
.ca-service-card p,
.ca-trust-card p,
#ablauf .ca-process-steps .ca-step p,
#kontakt .ca-contact-benefit p{
  font-size:12.5px !important;
  line-height:1.52 !important;
}

/* FAQ and pricing should read as product UI, not oversized marketing copy. */
#faq summary{
  font-size:12.5px !important;
  line-height:1.35 !important;
}
#faq .ca-faq__answer{
  font-size:12.5px !important;
  line-height:1.55 !important;
}
#preise .ca-price-top h3{
  font-size:14.5px !important;
  line-height:1.2 !important;
}
#preise .ca-price-list{
  font-size:11px !important;
  line-height:1.45 !important;
}

/* Navigation + buttons: precise UI scale. */
.ca-nav a{
  font-size:12.5px !important;
  line-height:1.2 !important;
}
.ca-btn{
  font-size:12px !important;
  line-height:1 !important;
}

/* Form typography. */
#kontakt .ca-contact-form-card h3{
  font-size:19px !important;
  line-height:1.15 !important;
}
#kontakt input,
#kontakt select,
#kontakt textarea{
  font-family:var(--ca-body) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

/* Keep reveal effects, but never hide the actual content.
   This also fixes full-page screenshots and protects against observer edge cases. */
.ca-js .ca-reveal{
  opacity:1 !important;
  transform:translate3d(0,10px,0) !important;
}
.ca-js .ca-reveal.is-visible{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}
.ca-js .ca-workspace-visual:not(.is-device-live) .ca-workspace-visual__image{
  opacity:1 !important;
  transform:translate3d(0,8px,0) scale(.992) !important;
  filter:saturate(.96) !important;
}
.ca-workspace-visual.is-device-live .ca-workspace-visual__image{
  opacity:1 !important;
  transform:none !important;
}

/* Mobile: preserve compact rhythm rather than stacking with oversized gaps. */
@media(max-width:782px){
  #ueber-uns .ca-checklist{
    gap:6px !important;
    margin-top:15px !important;
  }
  #ueber-uns .ca-check{
    min-height:32px !important;
    font-size:12.5px !important;
  }
  #ueber-uns .ca-check i{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }
}
@media(max-width:640px){
  .ca-hero__copy h1{
    font-size:clamp(37px,10.4vw,46px) !important;
    line-height:1.035 !important;
  }
  #ueber-uns h2,
  .ca-trust h2,
  #leistungen h2,
  #ablauf .ca-process-stage__intro h2,
  #preise .ca-pricing-head__copy h2,
  #faq h2,
  #kontakt .ca-contact-copy h2{
    font-size:clamp(27px,8.2vw,34px) !important;
    line-height:1.08 !important;
  }
}


/* =========================================================
   Creator Assure 1.12.18 – audit refinements
   ========================================================= */

/* Pricing disclosure: visible, compact and deliberately not promotional. */
.ca-price-legal{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:11px 0 14px;
  padding:10px 11px;
  border:1px solid rgba(120,63,242,.13);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(120,63,242,.045),rgba(0,198,255,.035));
}
.ca-price-legal__icon{
  width:22px;
  height:22px;
  min-width:22px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,45,142,.12),rgba(120,63,242,.12),rgba(0,198,255,.12));
  color:#765dff;
}
.ca-price-legal__icon .ca-icon{
  width:12px !important;
  height:12px !important;
}
.ca-price-legal p{
  margin:0 !important;
  color:#667087 !important;
  font-family:var(--ca-body) !important;
  font-size:10.5px !important;
  line-height:1.48 !important;
}
.ca-price-legal strong{
  color:#343b52 !important;
  font-weight:600 !important;
}

/* Privacy acknowledgement: visually identical to the former checkbox,
   but semantically no longer presented as consent. */
.ca-privacy-ack span{
  color:#657087;
}
.ca-privacy-ack a{
  font-weight:600;
}

@media(max-width:640px){
  .ca-price-legal{
    margin:10px 0 13px;
    padding:9px 10px;
  }
  .ca-price-legal p{
    font-size:10px !important;
  }
}


/* =========================================================
   Creator Assure 1.12.19 – VAT directly at the displayed price
   ========================================================= */
#preise .ca-price-tax{
  margin:-1px 0 5px !important;
  color:#59647A !important;
  font-family:var(--ca-body) !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}
#preise .ca-price-subline{
  margin-top:0 !important;
}
@media(max-width:640px){
  #preise .ca-price-tax{
    font-size:10px !important;
  }
}


/* =========================================================
   Creator Assure 1.12.20 – compact price footnote
   ========================================================= */
#preise .ca-price-star{
  position:relative;
  top:-.42em;
  margin-left:2px;
  font-family:var(--ca-body) !important;
  font-size:.42em !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#765DFF !important;
}
#preise .ca-price-footnote{
  align-items:flex-start !important;
  gap:6px !important;
  margin-top:9px !important;
  color:#778197 !important;
  font-family:var(--ca-body) !important;
  font-size:9.5px !important;
  line-height:1.42 !important;
}
#preise .ca-price-footnote__star{
  flex:0 0 auto;
  color:#765DFF;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
}
#preise .ca-price-footnote span:last-child{
  display:block;
}
@media(max-width:640px){
  #preise .ca-price-footnote{
    font-size:9.25px !important;
  }
}


/* =========================================================
   Creator Assure 1.12.22 – five-part trust/security grid
   ========================================================= */
.ca-trust-grid--security{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}
.ca-trust-grid--security .ca-trust-card{
  min-width:0;
}
.ca-trust-grid--security .ca-trust-card h3{
  font-size:14px !important;
  line-height:1.22 !important;
}
.ca-trust-grid--security .ca-trust-card p{
  font-size:10.75px !important;
  line-height:1.5 !important;
}
@media(max-width:1180px){
  .ca-trust-grid--security{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:820px){
  .ca-trust-grid--security{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:560px){
  .ca-trust-grid--security{
    grid-template-columns:1fr !important;
  }
}

/* v1.12.23 – Single-source WebStudio contact form embed. Layout only.
   Form fields, labels, recipients, security and success states are WebStudio-owned. */
#kontakt .ca-webstudio-form-embed{width:100%;min-width:0}
#kontakt .ca-webstudio-form-pending{padding:18px;border:1px solid #e4e5f3;border-radius:12px;color:#606a84;background:#fafaff;font-size:13px}
#kontakt .ca-webstudio-form-embed .awb-public-form{--awb-form-columns:2;display:grid;gap:14px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;max-width:none}
#kontakt .ca-webstudio-form-embed .awb-public-form-grid{display:grid;grid-template-columns:repeat(var(--awb-form-columns,2),minmax(0,1fr));gap:14px 12px}
#kontakt .ca-webstudio-form-embed .awb-public-field{display:flex;flex-direction:column;gap:5px;min-width:0;grid-column:auto}
#kontakt .ca-webstudio-form-embed .awb-public-field--full,
#kontakt .ca-webstudio-form-embed .awb-public-field--textarea,
#kontakt .ca-webstudio-form-embed .awb-public-field--checkbox,
#kontakt .ca-webstudio-form-embed .awb-public-field--radio{grid-column:1/-1}
#kontakt .ca-webstudio-form-embed .awb-public-field>span{display:block;margin:0;color:#353d5b;font-size:12px;font-weight:750;line-height:1.4}
#kontakt .ca-webstudio-form-embed .awb-public-field input:not([type="checkbox"]):not([type="radio"]),
#kontakt .ca-webstudio-form-embed .awb-public-field textarea,
#kontakt .ca-webstudio-form-embed .awb-public-field select{display:block;width:100%;min-height:47px;padding:12px 13px;border:1px solid #d7ddeb;border-radius:10px;background:#fff;color:#202943;font:inherit;font-size:13px;outline:none;box-shadow:0 1px 0 rgba(255,255,255,.92) inset}
#kontakt .ca-webstudio-form-embed .awb-public-field textarea{min-height:125px;resize:vertical}
#kontakt .ca-webstudio-form-embed .awb-public-field input:focus,
#kontakt .ca-webstudio-form-embed .awb-public-field textarea:focus,
#kontakt .ca-webstudio-form-embed .awb-public-field select:focus{border-color:#8a67ff;box-shadow:0 0 0 4px rgba(120,63,255,.08)}
#kontakt .ca-webstudio-form-embed .awb-form-checkbox,
#kontakt .ca-webstudio-form-embed .awb-form-options{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#545f79;font-size:13px}
#kontakt .ca-webstudio-form-embed .awb-form-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;color:#67718a;line-height:1.55;font-size:12px}
#kontakt .ca-webstudio-form-embed .awb-form-consent input{margin:3px 0 0;flex-shrink:0}
#kontakt .ca-webstudio-form-embed .awb-form-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
#kontakt .ca-webstudio-form-embed .awb-form-submit{display:flex}
#kontakt .ca-webstudio-form-embed .awb-form-submit .awb-button{width:100%;min-height:51px;border:0;border-radius:10px;padding:12px 18px;background:linear-gradient(100deg,var(--ca-pink) 0%,var(--ca-purple) 52%,var(--ca-blue) 100%);color:#fff;font-size:14px;font-weight:800;box-shadow:0 14px 30px rgba(108,67,230,.22);cursor:pointer}
#kontakt .ca-webstudio-form-embed .awb-form-submit .awb-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}
#kontakt .ca-webstudio-form-embed .awb-form-submit .awb-button:disabled{opacity:.65;cursor:wait}
#kontakt .ca-webstudio-form-embed .awb-form-success,
#kontakt .ca-webstudio-form-embed .awb-form-error{padding:16px;border-radius:10px;margin:0 0 14px;font-size:13px}
#kontakt .ca-webstudio-form-embed .awb-form-success{color:#0b764c;background:#eafaf3;border:1px solid #a4e5c8}
#kontakt .ca-webstudio-form-embed .awb-form-error{color:#b42350;background:#fff0f4;border:1px solid #fac7d3}
@media(max-width:600px){#kontakt .ca-webstudio-form-embed .awb-public-form-grid{grid-template-columns:1fr}#kontakt .ca-webstudio-form-embed .awb-public-field{grid-column:1/-1}}

/* v1.12.24 – protected operator-only pre-rollout form preview */
#kontakt .awb-form-preview-banner{display:flex;flex-direction:column;gap:5px;border:1px solid #b8ccfb;background:#eff5ff;border-radius:12px;padding:12px 14px;margin-bottom:18px;color:#233b69;font-size:12px}
#kontakt .awb-form-preview-banner strong{font-size:13px}
#kontakt .awb-form-preview-alert{border:1px solid #f4b7bc;background:#fff2f3;padding:16px;border-radius:12px;color:#95232c}
#kontakt .awb-native-form-preview input:disabled,#kontakt .awb-native-form-preview select:disabled,#kontakt .awb-native-form-preview textarea:disabled,#kontakt .awb-native-form-preview button:disabled{opacity:1;cursor:not-allowed}
#kontakt .awb-native-form-preview .awb-form-honeypot{display:none!important}


/* Creator Assure 1.12.26 – registered company imprint refinement */
.ca-imprint-provider-grid--registered{grid-template-columns:1fr !important;}
.ca-imprint-register-grid .ca-imprint-status-box strong{font-size:15px !important;}