.dsp-hero{background:radial-gradient(circle at 28% 18%,rgba(15,143,123,.1)0,rgba(15,143,123,0) 52%),linear-gradient(180deg,#f7f9fa 0,#f3f6f7 100%);padding:2.2rem 0 1.75rem;overflow:hidden}.dsp-hero__inner{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1.6rem}.dsp-hero__content{flex:0 0 41%;max-width:41%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.82rem;position:relative;z-index:2}.dsp-hero__cta-text strong,.dsp-hero__heading{font-family:var(--font);font-weight:800;color:var(--dark)}.dsp-hero__heading{font-size:clamp(1.95rem,3.5vw,3.2rem);line-height:1.05;margin:0;letter-spacing:-.015em}.dsp-hero__heading span{color:var(--petrol)}.dsp-hero__subtext{font-family:var(--font);font-size:.94rem;color:#5a6370;line-height:1.38;margin:0;max-width:460px}.dsp-hero__ctas{display:flex;flex-direction:column;gap:.62rem;margin-top:.42rem;max-width:392px}.dsp-hero__cta-item{display:flex;align-items:center;gap:.72rem;border:1px solid #dbe2e7;border-radius:10px;padding:.7rem .82rem;background:linear-gradient(160deg,#fff 0,#f7f9fb 100%);box-shadow:0 10px 22px rgba(27,45,63,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-decoration:none;cursor:pointer;color:inherit}.dsp-hero__cta-item:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(27,45,63,.12)}.dsp-hero__cta-item--planer{background:linear-gradient(135deg,#0f8f7b 0,#0b6f61 100%);border-color:#0a6f61;box-shadow:0 14px 28px rgba(11,111,97,.28)}.dsp-hero__cta-item--planer .dsp-hero__cta-text span,.dsp-hero__cta-item--planer .dsp-hero__cta-text strong{color:#fff!important}.dsp-hero__cta-icon{flex:0 0 auto;width:52px;height:52px;background:#edf3f5;border:1px solid #d7e0e6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--petrol);overflow:hidden}.dsp-hero__cta-item--planer .dsp-hero__cta-icon{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34)}.dsp-hero__cta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.dsp-hero__cta-text strong{font-size:1.04rem;line-height:1.15}.dsp-hero__cta-text span{font-family:var(--font);font-size:.72rem;color:#4f5f6e;line-height:1.3}a.dsp-hero__cta-item .dsp-hero__cta-text span,a.dsp-hero__cta-item .dsp-hero__cta-text strong{color:inherit}a.dsp-hero__cta-item--ratgeber .dsp-hero__cta-text strong{color:var(--dark)!important}a.dsp-hero__cta-item--ratgeber .dsp-hero__cta-text span{color:#4f5f6e!important}.dsp-hero__btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:0;width:36px;height:36px;min-width:36px;padding:0;border-radius:999px;border:1px solid transparent;font-family:var(--font);font-size:0;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .1s ease;overflow:hidden}.dsp-hero__btn::after{content:"→";font-size:1.1rem;line-height:1}.dsp-hero__btn--primary{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}.dsp-hero__btn--primary:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}.dsp-hero__btn--secondary{background:#fff;border-color:#d5dfe5;color:#1c2a36}.dsp-hero__btn--secondary:hover{background:#eef4f7;border-color:#cad7e1;transform:translateY(-1px)}.dsp-hero__image{flex:0 0 59%;max-width:59%;display:flex;align-items:center;align-self:stretch;background:#edf1f3;border-radius:16px;overflow:hidden;border:0;padding:0;margin:0;box-shadow:0 12px 24px rgba(20,36,48,.1);outline:0;position:relative}.dsp-hero__image img{width:100%;height:100%;display:block;border:0;padding:0;margin:0;box-shadow:none;object-fit:cover;object-position:center;min-height:500px}.dsp-hero__image::before{content:"";position:absolute;left:0;top:0;bottom:0;width:36%;background:linear-gradient(to right,rgba(243,246,247,.98)0,rgba(243,246,247,.58) 42%,rgba(243,246,247,0) 100%);z-index:1;pointer-events:none}.btn-gold,.btn-petrol,.dsp-hero__image-placeholder{align-items:center;gap:.5rem;font-family:var(--font)}.dsp-hero__image-placeholder{width:100%;height:280px;background:linear-gradient(135deg,#e8ecee 0,#d0d6da 100%);border-radius:6px;display:flex;flex-direction:column;justify-content:center;color:#8a9099;font-size:.8rem;font-weight:500;border:2px dashed #c0c8cd}.btn-gold,.btn-petrol{display:inline-flex;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:4px;padding:.75rem 1.5rem;text-decoration:none;cursor:pointer;transition:box-shadow .2s,filter .2s;white-space:nowrap;position:relative;overflow:hidden}.btn-gold{background:linear-gradient(170deg,#d4b88a 0,#c4a77d 35%,#a8864e 65%,#c4a77d 100%);box-shadow:0 2px 8px rgba(196,167,125,.45),inset 0 1px 0 rgba(255,255,255,.3),inset 0-1px 0 rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.25)}.btn-gold::after,.btn-petrol::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;transform:skewX(-20deg);transition:left .4s ease}.btn-gold::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.btn-gold:hover,.btn-petrol:hover{filter:brightness(1.08);box-shadow:0 4px 14px rgba(196,167,125,.55),inset 0 1px 0 rgba(255,255,255,.3);color:#fff}.btn-gold:hover::after,.btn-petrol:hover::after{left:150%}.btn-petrol{background:linear-gradient(170deg,#35998a 0,#2a7d6f 40%,#1e5e53 100%);box-shadow:0 2px 8px rgba(42,125,111,.4),inset 0 1px 0 rgba(255,255,255,.2),inset 0-1px 0 rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.12);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-petrol::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.btn-petrol:hover{box-shadow:0 4px 14px rgba(42,125,111,.5),inset 0 1px 0 rgba(255,255,255,.2)}