.hero-section-custom{--hero-padding-top: 80px;--hero-padding-bottom: 40px;--hero-max-width: 1200px;--hero-gap: 60px;--hero-border-radius: 25px;--hero-button-radius: 8px;padding:var(--hero-padding-top) 0 var(--hero-padding-bottom);position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.hero-section-custom.color-black{background:#000;color:#fff}.hero-section-custom.color-yellow{background:#f2cd67;color:#1f2937}.hero-section-custom.color-orange{background:#ff8c00;color:#fff}.hero-section-custom.color-light-gray{background:#f8f9fa;color:#1f2937}.hero-section-custom.color-dark-gray{background:#343a40;color:#fff}.hero-section-custom.color-white{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.hero-container{max-width:var(--hero-max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--hero-gap);align-items:center;padding:0 20px;position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;gap:24px}.therapie-tag{display:inline-block;color:#1f2937b3;padding:8px 0;font-size:14px;margin-bottom:0;font-weight:500;align-self:flex-start;transition:transform .2s ease,box-shadow .2s ease}.therapie-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1f2937}.main-heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin:0;word-wrap:break-word;overflow-wrap:break-word}.subheading{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word;opacity:.8}.cta-button{background:#f2cd67;color:#1f2937;padding:16px 32px;border-radius:var(--hero-button-radius);font-size:16px;font-weight:600;text-decoration:none;display:inline-block;align-self:flex-start;transition:all .3s ease;border:2px solid transparent}.cta-button:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 25px #1f29374d}.cta-button:focus{outline:2px solid #1f2937;outline-offset:2px}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.hero-image img:hover{transform:scale(1.02);box-shadow:0 25px 50px #00000026}.hero-image-placeholder{width:300px;height:400px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.trust-indicators{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px;padding:0 20px}.trust-item{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:20px;font-size:14px;color:#374151;font-weight:500;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.trust-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;background:#fff}.trust-item span.text-lg{font-size:1.1rem;padding-right:.3rem}@media screen and (max-width: 1024px){.hero-container{gap:40px}.hero-container{padding:0 15px}}@media screen and (max-width: 768px){.hero-section-custom{--hero-padding-top: 60px;--hero-padding-bottom: 30px}.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content{align-items:center;gap:20px}.therapie-tag,.cta-button{align-self:center}.trust-indicators{flex-direction:column;align-items:center;gap:12px}.trust-item{width:100%;max-width:300px;text-align:center}}@media screen and (max-width: 480px){.hero-section-custom{--hero-padding-top: 40px;--hero-padding-bottom: 20px}.hero-container{padding:0 15px;gap:30px}.main-heading{font-size:2rem}.subheading{font-size:1rem}.cta-button{padding:14px 28px;font-size:14px}}.hero-image img[loading]{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cta-button:focus,.therapie-tag:focus{outline:2px solid #1f2937;outline-offset:2px}@media print{.hero-section-custom{background:#fff!important;color:#000!important}.cta-button,.trust-indicators{display:none}}@media (prefers-contrast: high){.hero-section-custom{background:#fff;border:2px solid black}.therapie-tag,.cta-button{background:#000;color:#fff;border:2px solid black}}@media (prefers-reduced-motion: reduce){.cta-button,.therapie-tag,.hero-image img,.trust-item{transition:none}.cta-button:hover,.therapie-tag:hover,.hero-image img:hover,.trust-item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-custom.css.map */