/* eLearning Page Styles – Conve GmbH */
/* Ausgelagert für Browser-Caching */
.sg-hero{padding:120px 0 80px;background:var(--primary-dark);overflow:hidden;position:relative}.sg-hero::before{content:'';position:absolute;top:-30%;right:-15%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(0,155,204,.12) 0%,transparent 70%);pointer-events:none}.sg-hero-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.sg-hero-content{position:relative;z-index:2}.sg-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;background:rgba(0,155,204,.15);color:var(--accent-soft);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;border:1px solid rgba(132,205,232,.2)}.sg-hero-badge svg{width:14px;height:14px}.sg-hero h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:#fff;line-height:1.12;letter-spacing:-1.5px;margin-bottom:18px}.sg-hero h1 .accent{color:var(--accent-soft)}.sg-hero-sub{font-size:1.08rem;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:32px;max-width:500px}.sg-hero-price-hint{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:12px 18px;margin-bottom:28px;font-size:.9rem;color:rgba(255,255,255,.85)}.sg-hero-price-hint strong{color:#fff;font-size:1.1rem}
.sg-hero-visual{position:relative;z-index:2}.sg-mockup{background:linear-gradient(145deg,#0d3454,#164a6e);border-radius:var(--radius-xl);padding:3px;box-shadow:0 20px 80px rgba(0,0,0,.35)}.sg-mockup-inner{background:#111a24;border-radius:calc(var(--radius-xl) - 2px);overflow:hidden;aspect-ratio:16/10;display:flex;flex-direction:column}.sg-mockup-bar{background:#0d1922;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}.sg-mockup-dots{display:flex;gap:6px}.sg-mockup-dots span{width:10px;height:10px;border-radius:50%}.sg-mockup-dots span:nth-child(1){background:#ff5f57}.sg-mockup-dots span:nth-child(2){background:#ffbd2e}.sg-mockup-dots span:nth-child(3){background:#28ca42}.sg-mockup-url{font-size:.65rem;color:rgba(255,255,255,.3);margin-left:auto}.sg-mockup-body{flex:1;padding:20px;display:grid;grid-template-columns:180px 1fr;gap:14px}.sg-mockup-nav{display:flex;flex-direction:column;gap:7px}.sg-mockup-nav span{height:9px;border-radius:4px;background:rgba(255,255,255,.06)}.sg-mockup-nav span.active{background:var(--accent);opacity:.5}.sg-mockup-slide{background:linear-gradient(135deg,rgba(0,125,169,.12),rgba(132,205,232,.06));border-radius:10px;border:1px solid rgba(132,205,232,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px}.sg-mockup-slide .play{width:36px;height:36px;border-radius:50%;background:var(--accent);opacity:.6;display:flex;align-items:center;justify-content:center}.sg-mockup-slide .play svg{width:16px;height:16px;color:#fff;margin-left:2px}.sg-mockup-slide .lines{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.sg-mockup-slide .lines span{height:5px;border-radius:3px;background:rgba(255,255,255,.08)}.sg-mockup-slide .lines span:nth-child(1){width:55%}.sg-mockup-slide .lines span:nth-child(2){width:75%}.sg-mockup-slide .lines span:nth-child(3){width:40%}
.sg-float{position:absolute;background:rgba(255,255,255,.95);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;color:var(--primary-dark);z-index:3;animation:floatBadge 3s ease-in-out infinite}.sg-float:nth-of-type(1){top:10px;right:-16px;animation-delay:.3s}.sg-float:nth-of-type(2){bottom:20px;left:-16px;animation-delay:.9s}.sg-float .fl-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sg-float .fl-ico svg{width:16px;height:16px}.sg-float .fl-ico.green{background:#e8f8ee;color:#28ca42}.sg-float .fl-ico.blue{background:var(--accent-bg);color:var(--accent)}
.sg-usp{padding:56px 0;background:#fff}.sg-usp-grid{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.sg-usp-item{text-align:center}.sg-usp-icon{width:52px;height:52px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.sg-usp-icon svg{width:24px;height:24px;color:var(--accent)}.sg-usp-item h4{font-size:.92rem;font-weight:700;color:var(--primary-dark);margin-bottom:4px}.sg-usp-item p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}
.sg-how{padding:100px 0;background:var(--bg)}.sg-how-header{text-align:center;margin-bottom:56px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px}.sg-how-header .section-sub{margin:0 auto}.sg-how-grid{max-width:900px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.sg-how-grid::before{content:'';position:absolute;top:36px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:2px;background:var(--border)}.sg-how-step{text-align:center;position:relative;z-index:1}.sg-how-num{width:72px;height:72px;border-radius:50%;background:#fff;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow-md);font-size:1.4rem;font-weight:800;color:var(--accent)}.sg-how-step h4{font-size:.92rem;font-weight:700;color:var(--primary-dark);margin-bottom:4px}.sg-how-step p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}
.sg-features{padding:100px 0;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}.sg-features-header{text-align:center;margin-bottom:56px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px}.sg-features-header .section-sub{margin:0 auto}.sg-feat-grid{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sg-feat{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden}.sg-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent-soft));opacity:0;transition:opacity .3s}.sg-feat:hover{border-color:rgba(0,155,204,.3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sg-feat:hover::before{opacity:1}.sg-feat-ico{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.sg-feat-ico svg{width:24px;height:24px;color:var(--accent)}.sg-feat h3{font-size:1.05rem;font-weight:700;color:var(--primary-dark);margin-bottom:8px}.sg-feat p{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin:0}
.sg-dash{padding:100px 0;background:var(--bg)}.sg-dash-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.sg-dash-content .section-title{margin-bottom:16px}.sg-dash-content p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.sg-dash-features{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px}.sg-dash-features li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--text-secondary);line-height:1.5}.sg-dash-features li svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:1px}.sg-dash-visual{background:linear-gradient(145deg,var(--primary-dark),#164a6e);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-xl)}.sg-dash-mock{background:#fff;border-radius:var(--radius-md);overflow:hidden}.sg-dash-mock-bar{background:var(--bg);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.sg-dash-mock-bar span{font-size:.72rem;font-weight:600;color:var(--text-muted)}.sg-dash-mock-bar .dot{width:8px;height:8px;border-radius:50%;background:#28ca42;margin-right:4px}.sg-dash-mock-body{padding:16px;display:flex;flex-direction:column;gap:10px}.sg-dash-row{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:6px;padding:10px 14px}.sg-dash-row .name{flex:1;font-size:.78rem;font-weight:600;color:var(--text)}.sg-dash-row .bar-wrap{width:100px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.sg-dash-row .bar-fill{height:100%;border-radius:3px;background:var(--accent)}.sg-dash-row .status{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:100px}.sg-dash-row .status.done{background:#e8f8ee;color:#28ca42}.sg-dash-row .status.pending{background:#fff3e0;color:#f59e0b}.sg-dash-row .status.open{background:var(--accent-bg);color:var(--accent)}
.sg-pricing{padding:100px 0;background:#fff}.sg-pricing-header{text-align:center;margin-bottom:56px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px}.sg-pricing-header .section-sub{margin:0 auto}.sg-price-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.sg-pc{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all .3s;position:relative}.sg-pc:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.sg-pc.pop{border-color:var(--accent);box-shadow:var(--shadow-lg)}.sg-pc.pop::before{content:'Meistgew\00e4hlt';position:absolute;top:0;left:0;right:0;background:var(--accent);color:#fff;text-align:center;font-size:.72rem;font-weight:700;padding:6px;text-transform:uppercase;letter-spacing:.5px}.sg-pc-head{padding:32px 28px 20px;text-align:center;border-bottom:1px solid var(--border)}.sg-pc.pop .sg-pc-head{padding-top:46px}.sg-pc-head h3{font-size:1.15rem;font-weight:800;color:var(--primary-dark);margin-bottom:4px}.sg-pc-head .desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.sg-price-amt{display:flex;align-items:baseline;justify-content:center;gap:3px}.sg-price-amt .cur{font-size:1.1rem;font-weight:700;color:var(--primary-dark)}.sg-price-amt .val{font-size:2.4rem;font-weight:800;color:var(--primary-dark);line-height:1}.sg-price-amt .per{font-size:.85rem;color:var(--text-muted);margin-left:2px}.sg-pc-sub{font-size:.75rem;color:var(--text-muted);margin-top:6px}.sg-pc-body{padding:24px 28px}.sg-pc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sg-pc-list li{font-size:.88rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px;line-height:1.5}.sg-pc-list li svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.sg-pc-list li svg.ck{color:var(--accent)}.sg-pc-list li svg.no{color:var(--text-muted)}.sg-pc-list li.off{opacity:.4}.sg-pc-foot{padding:0 28px 28px}.sg-btn{display:block;width:100%;text-align:center;padding:14px 20px;border-radius:100px;font-size:.92rem;font-weight:700;transition:all .3s;text-decoration:none;cursor:pointer;border:none;font-family:inherit}.sg-btn.fill{background:var(--accent);color:#fff;box-shadow:0 4px 20px rgba(0,155,204,.3)}.sg-btn.fill:hover{background:var(--accent-hover);transform:translateY(-1px)}.sg-btn.line{background:transparent;color:var(--accent);border:2px solid var(--accent)}.sg-btn.line:hover{background:var(--accent);color:#fff}
.sg-addons{max-width:1120px;margin:32px auto 0;padding:0 24px}.sg-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sg-addon{background:var(--bg);border-radius:var(--radius-md);padding:18px 20px;border:1px solid var(--border);display:flex;align-items:center;gap:14px}.sg-addon-ico{width:40px;height:40px;border-radius:8px;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sg-addon-ico svg{width:20px;height:20px;color:var(--accent)}.sg-addon-text{flex:1}.sg-addon-text .name{font-size:.88rem;font-weight:700;color:var(--primary-dark)}.sg-addon-text .info{font-size:.78rem;color:var(--text-secondary)}.sg-addon-price{font-size:1rem;font-weight:800;color:var(--primary-dark);white-space:nowrap}
.sg-calc{padding:100px 0;background:var(--bg)}.sg-calc-header{text-align:center;margin-bottom:48px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px}.sg-calc-header .section-sub{margin:0 auto}.sg-calc-box{max-width:780px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);padding:40px;border:1px solid var(--border);box-shadow:var(--shadow-md)}.sg-calc-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.sg-calc-lbl{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:8px}.sg-calc-sel{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;font-family:inherit;outline:none;transition:border-color .2s;background:#fff}.sg-calc-sel:focus{border-color:var(--accent)}.sg-calc-slider{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;-webkit-appearance:none;cursor:pointer;margin-top:4px}.sg-calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 8px rgba(0,155,204,.3)}.sg-calc-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.sg-calc-val{text-align:center;font-size:.88rem;font-weight:700;color:var(--primary-dark);margin-top:8px}.sg-calc-sep{height:1px;background:var(--border);margin:28px 0}.sg-calc-result{text-align:center}.sg-calc-result-lbl{font-size:.88rem;color:var(--text-secondary);margin-bottom:4px}.sg-calc-result-price{font-size:2.2rem;font-weight:800;color:var(--primary-dark)}.sg-calc-result-price .sm{font-size:.92rem;font-weight:500;color:var(--text-muted)}.sg-calc-result-sub{font-size:.85rem;color:var(--accent);font-weight:600;margin-top:6px}.sg-calc-result-detail{font-size:.82rem;color:var(--text-muted);margin-top:4px;line-height:1.6}.sg-calc-cta{margin-top:28px;text-align:center}
.sg-order{padding:100px 0;background:#fff}.sg-order-header{text-align:center;margin-bottom:48px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px}.sg-order-header .section-sub{margin:0 auto}.sg-order-box{max-width:680px;margin:0 auto;background:var(--bg);border-radius:var(--radius-xl);padding:40px;border:1px solid var(--border)}.sg-fg{margin-bottom:20px}.sg-fg label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:6px}.sg-fg label .req{color:#e74c3c}.sg-fi,.sg-fsel,.sg-fta{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;font-family:inherit;outline:none;transition:border-color .2s;background:#fff}.sg-fi:focus,.sg-fsel:focus,.sg-fta:focus{border-color:var(--accent)}.sg-fta{resize:vertical;min-height:90px}.sg-fr{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sg-sum{background:var(--accent-bg);border-radius:var(--radius-md);padding:20px 24px;margin:28px 0;border:1px solid rgba(0,155,204,.12)}.sg-sum h4{font-size:.92rem;font-weight:700;color:var(--primary-dark);margin-bottom:10px}.sg-sum-row{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-secondary);margin-bottom:6px}.sg-sum-row.total{border-top:1px solid rgba(0,155,204,.15);padding-top:10px;margin-top:10px;font-weight:700;color:var(--primary-dark);font-size:1rem}.sg-chk{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.sg-chk input{margin-top:4px;accent-color:var(--accent)}.sg-chk label{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.sg-submit{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:100px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit;box-shadow:0 4px 20px rgba(0,155,204,.3)}.sg-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.sg-fnote{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:16px;line-height:1.5}.sg-ok{display:none;text-align:center;padding:40px 20px}.sg-ok.show{display:block}.sg-ok-circle{width:64px;height:64px;border-radius:50%;background:rgba(40,202,66,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.sg-ok-circle svg{width:32px;height:32px;color:#28ca42}.sg-ok h3{font-size:1.3rem;font-weight:800;color:var(--primary-dark);margin-bottom:8px}.sg-ok p{font-size:.92rem;color:var(--text-secondary);line-height:1.6}
.sg-faq{padding:80px 0;background:var(--bg)}.sg-faq-header{text-align:center;margin-bottom:40px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px}.sg-faq-list{max-width:760px;margin:0 auto;padding:0 24px}.sg-faq-item{border-bottom:1px solid var(--border)}.sg-faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:pointer;gap:16px}.sg-faq-q h4{font-size:.98rem;font-weight:700;color:var(--primary-dark);line-height:1.4;flex:1}.sg-faq-q svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;transition:transform .3s}.sg-faq-item.open .sg-faq-q svg{transform:rotate(180deg)}.sg-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.sg-faq-a p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;padding-bottom:20px}
@media(max-width:968px){.sg-usp-grid{grid-template-columns:repeat(2,1fr)}.sg-feat-grid{grid-template-columns:repeat(2,1fr)}.sg-price-grid{grid-template-columns:repeat(2,1fr);max-width:860px;margin-left:auto;margin-right:auto}.sg-addon-grid{grid-template-columns:1fr}.sg-dash-inner{grid-template-columns:1fr}.sg-dash-visual{order:-1}}
@media(max-width:600px){.sg-price-grid{grid-template-columns:1fr;max-width:420px}}
@media(max-width:768px){.sg-hero-inner{grid-template-columns:1fr}.sg-hero-visual{display:block;max-height:220px;overflow:hidden;margin-top:16px}.sg-hero-visual .sg-float{display:none}.sg-feat-grid{grid-template-columns:1fr}.sg-how-grid{grid-template-columns:repeat(2,1fr)}.sg-how-grid::before{display:none}.sg-calc-row{grid-template-columns:1fr}.sg-calc-box{padding:28px}.sg-fr{grid-template-columns:1fr}.sg-order-box{padding:28px}}
@media(max-width:480px){.sg-hero h1{font-size:1.8rem}.sg-usp-grid{grid-template-columns:1fr}.sg-how-grid{grid-template-columns:1fr}}
.sg-rec{margin-top:20px;background:linear-gradient(135deg,rgba(40,202,66,.08),rgba(40,202,66,.04));border:1px solid rgba(40,202,66,.25);border-radius:var(--radius-md);padding:16px 20px;display:none}
.sg-rec.show{display:block}
.sg-rec-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;color:#1a8a2e}
.sg-rec-head svg{width:18px;height:18px;flex-shrink:0}
.sg-rec-body{font-size:.85rem;color:var(--text-secondary);line-height:1.6}
.sg-rec-body strong{color:var(--primary-dark)}
.sg-rec-switch{display:inline-block;margin-top:10px;padding:8px 18px;background:#28ca42;color:#fff;border:none;border-radius:100px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}
.sg-rec-switch:hover{background:#1fa336;transform:translateY(-1px)}
.sg-calc-breakdown{margin-top:16px;background:var(--bg);border-radius:var(--radius-sm);padding:14px 18px}
.sg-calc-breakdown h5{font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:8px}
.sg-cb-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-secondary);padding:3px 0}
.sg-cb-row.highlight{color:var(--primary-dark);font-weight:600}
.sg-cb-row.subtotal{border-top:1px solid var(--border);padding-top:8px;margin-top:4px;font-weight:700;color:var(--primary-dark)}
.sg-hosting-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(0,125,169,.08),rgba(0,155,204,.04));border:1px solid rgba(0,155,204,.2);border-radius:100px;padding:5px 14px;font-size:.75rem;font-weight:600;color:var(--accent);margin-top:6px}
.sg-hosting-badge svg{width:14px;height:14px}
.founders-banner{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:16px 24px;text-align:center}.founders-inner{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.founders-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:800;padding:5px 12px;border-radius:100px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.founders-txt{color:#e2e8f0;font-size:.92rem}.founders-txt strong{color:#fbbf24}.founders-card-tag{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.78rem;color:#92400e;line-height:1.45;text-align:center}.founders-ico{font-size:1rem}
/* Startaktion Banner */
.startaktion-banner{background:linear-gradient(135deg,#065f46 0%,#047857 50%,#059669 100%);padding:20px 24px;text-align:center;position:relative;overflow:hidden}
.startaktion-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23fff' opacity='.08'/%3E%3C/svg%3E");pointer-events:none}
.startaktion-inner{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;max-width:900px;margin:0 auto;position:relative}
.startaktion-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.startaktion-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-size:.72rem;font-weight:800;padding:5px 14px;border-radius:100px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px rgba(251,191,36,.3)}
.startaktion-txt{color:#ecfdf5;font-size:.92rem;line-height:1.4}
.startaktion-txt strong{color:#fff}
.startaktion-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.startaktion-counter{display:flex;flex-direction:column;align-items:center;min-width:60px}
.startaktion-num{font-size:2rem;font-weight:900;color:#fbbf24;line-height:1}
.startaktion-of{font-size:.7rem;color:#a7f3d0;font-weight:600;letter-spacing:.5px}
.startaktion-counter.warning .startaktion-num{color:#fb923c}
.startaktion-counter.urgent .startaktion-num{color:#ef4444;animation:pulse-urgent 1.5s ease-in-out infinite}
@keyframes pulse-urgent{0%,100%{opacity:1}50%{opacity:.6}}
.startaktion-bar{width:100px;height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}
.startaktion-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#34d399);border-radius:3px;transition:width .5s}
.startaktion-cta{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#065f46;font-size:.82rem;font-weight:700;padding:8px 18px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.startaktion-cta:hover{background:#fbbf24;color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.startaktion-card-tag{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #6ee7b7;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.78rem;color:#065f46;line-height:1.45;text-align:center;font-weight:600}
@media(max-width:640px){.startaktion-inner{flex-direction:column;gap:12px}.startaktion-right{gap:10px}}