|
- *:has(>.newsletter-teaser){container-type:inline-size}.newsletter-teaser{--color-text-accent: var(--color-text) !important;font-size:var(--font-size-small);padding:var(--content-box-padding);border-radius:var(--border-radius-xs);color:var(--color-text);--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.newsletter-teaser{--gradient-angle: 150deg}}@container (min-width: 768px){.newsletter-teaser{--gradient-angle: 130deg}}@container (min-width: 1100px){.newsletter-teaser{--gradient-angle: 110deg}}@media (max-width: 767px){.newsletter-teaser{padding:calc(var(--content-box-padding) * 2) var(--content-box-padding)}}.newsletter-teaser h2{margin-top:var(--section-headline-margin);margin-bottom:.4em}.newsletter-teaser .input-wrapper{margin:1.5em 0;display:flex}.newsletter-teaser .input-wrapper input{margin:0 1em 0 0;min-width:40%;width:auto;flex-grow:1}.newsletter-teaser .input-wrapper .btn{display:block;white-space:nowrap}@media (max-width: 567px){.newsletter-teaser .input-wrapper{display:block}.newsletter-teaser .input-wrapper .btn{margin-top:.7em}.newsletter-teaser .input-wrapper input{min-width:100%}}.newsletter-teaser ul{margin:2em 0 -.3em;padding:0;list-style:none}.newsletter-teaser li{margin:.4em 0 0;padding:0;display:flex;align-items:flex-start;line-height:1.3}.newsletter-teaser li .form-element{width:100%}.newsletter-teaser input[type=checkbox]{margin-right:.6em;margin-left:0;border-color:var(--swatches-neutrals-white)}.newsletter-teaser input[type=checkbox]+label{font-size:var(--font-size-small);margin-bottom:.3em}
|
