.banner{position:relative;width:100%;overflow:hidden}.banner__media{position:relative;width:100%;min-height:clamp(420px,62vh,780px)}.banner__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}.banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,102,0,.16) 20%,transparent 70%);pointer-events:none;z-index:1}.banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;z-index:2}.banner__inner{width:100%;max-width:1220px;padding:3rem 2rem 5rem;margin:0 auto;text-align:left;box-sizing:border-box}.banner__title{color:#fff;margin:0 0 .8rem;font-weight:600;line-height:1.1;font-size:clamp(2rem,7vw,5rem);font-family:Playfair Display,Georgia,Times,serif}.banner__text{color:#fff;margin:0;font-size:clamp(1rem,2.5vw,1.8rem);line-height:1.6;max-width:90ch;opacity:.95;margin-top:2rem}.banner__actions{margin-top:3rem;display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.banner__button{font-weight:700;padding:.9rem 1.4rem;border:1.5px solid rgba(255,255,255,.9)}.banner__button:hover{background:#000;border:1.5px solid rgba(255,255,255,.9)}.banner__button--secondary{background:#fff;color:#855832;border:1.5px solid rgb(255,255,255);box-shadow:none}.banner__button--secondary:hover{background:#000;color:#fff;border:1.5px solid rgba(255,255,255,.9)}.banner__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.desktop-break{display:none}@media screen and (min-width: 992px){.desktop-break{display:inline}}@media (max-width: 768px){.banner__inner{padding:0 1.2rem 1.6rem}.banner__text{max-width:36ch}.banner__media{min-height:480px}.banner__inner{margin-top:2.5rem;justify-content:center}.banner__title{font-size:2.7rem;font-weight:1000}.banner__text{font-size:1.7rem}.banner__button{font-size:1.4rem;padding:.7rem 1.2rem;font-weight:700}.banner__media:after{background:linear-gradient(90deg,#ff660024 20%,#ff660017 50%)}.banner__img{filter:brightness(.8)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/startseite-banner.css.map */