.genuss-kacheln{position:relative;overflow:clip}.genuss-kacheln>.section-background-media{z-index:-1}.genuss-kacheln__container{position:relative;z-index:1}.genuss-kacheln__intro{margin:0 auto clamp(1.7rem, 3.4vw, 2.6rem)}.genuss-kacheln__headline,.genuss-kacheln__tile-headline,.genuss-kacheln__banner-headline{font-weight:700;text-transform:uppercase;font-family:'Anton'}.genuss-kacheln__headline{margin:0;color:#090909;font-size:clamp(2rem, 3.5vw, 3.1rem);line-height:.95}.genuss-kacheln__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem, 2vw, 1.45rem)}.genuss-kacheln__tile{position:relative;min-height:clamp(220px, 22vw, 310px);overflow:hidden;border-radius:12px;color:#fff;text-decoration:none;isolation:isolate}.genuss-kacheln__tile--half{grid-column:span 6;aspect-ratio:21/10}.genuss-kacheln__tile--full{grid-column:1 / -1;min-height:clamp(260px, 30vw, 390px)}.genuss-kacheln__tile-media,.genuss-kacheln__tile-image{width:100%;height:100%}.genuss-kacheln__tile-media{position:absolute;inset:0;overflow:hidden}.genuss-kacheln__tile-image{display:block;object-fit:cover;transition:transform 500ms cubic-bezier(.2,.7,.2,1)}.genuss-kacheln__tile-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.58) 100%);pointer-events:none}.genuss-kacheln__tile-headline{position:absolute;z-index:2;left:clamp(1.4rem, 3vw, 2.5rem);right:clamp(1.4rem, 3vw, 2.5rem);bottom:clamp(1.2rem, 2.7vw, 2.2rem);margin:0;color:#fff;font-size:clamp(1.8rem, 3.3vw, 3rem);line-height:.95;text-shadow:0 2px 12px rgba(0,0,0,.22);letter-spacing:1px}.genuss-kacheln__tile:hover .genuss-kacheln__tile-image,.genuss-kacheln__tile:focus-visible .genuss-kacheln__tile-image{transform:scale(1.075)}.genuss-kacheln__tile:focus-visible{outline:3px solid var(--brand-secondary-color,#e30613);outline-offset:3px}.genuss-kacheln__banner{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr .55fr;align-items:center;gap:2rem;min-height:240px;padding:2.5rem;overflow:clip;border-radius:12px;background:#98000b;color:#fff}.genuss-kacheln__banner-copy{width:100%}.genuss-kacheln__banner-headline{color:#fff;font-size:2.5rem;line-height:3rem;font-family:'Anton';letter-spacing:1px}.genuss-kacheln__banner-subline{margin:.65rem 0 0;color:#fff;font-size:clamp(1rem, 1.75vw, 1.35rem);font-family:'ArchitectsDaughter';font-size:1.5rem;transform:rotate(-3deg)}.genuss-kacheln__banner-image{align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:150px;position:relative}.genuss-kacheln__banner-image::after{content:'';position:absolute;top:0;right:-100px;width:210px;height:210px;background:url(../../../../../../../../themes/oellerich/assets/media/stoerer.png) no-repeat;background-size:contain;z-index:1;transform:rotate(-8deg)}.genuss-kacheln__banner-img{width:100%;height:100%;max-height:350px;object-fit:contain;position:relative;z-index:2}.genuss-kacheln__banner-actions{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.2rem;height:100%}.genuss-kacheln__badge{display:flex;align-items:center;justify-content:center;max-width:180px;max-height:110px;padding:15px;background-color:#fff;border-radius:10px}.genuss-kacheln__badge-img{display:block;width:auto;max-width:100%;max-height:92px;object-fit:contain}.genuss-kacheln__banner-actions .btn.primary{padding-left:4rem;position:relative}.genuss-kacheln__banner-actions .btn.primary::before{content:'';background:url(../../../../../../../../themes/oellerich/assets/media/audio.svg);background-repeat:no-repeat;background-size:contain;display:block;width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%);left:30px}.modal.genuss-audio-modal .modal-dialog .modal-content{height:auto}.modal.genuss-audio-modal .modal-dialog .modal-content .modal-header{position:unset}.modal.genuss-audio-modal .modal-dialog .modal-content .modal-header .modal-title{line-height:1.2;font-size:175%;width:95%}.modal.genuss-audio-modal .modal-dialog .modal-content .modal-header button{position:absolute;top:25px;right:25px;display:block;width:40px;height:40px;padding:0;color:#fff;opacity:1}.genuss-audio-modal.show .modal-dialog{min-width:900px}.genuss-audio-modal.show .genuss-audio-player{width:100%}.genuss-kacheln__banner-button.btn.secondary:hover,.genuss-kacheln__banner-button.btn.secondary:focus-visible{background:rgba(255,255,255,.22);color:#fff}@media (max-width:991.98px){.genuss-kacheln__banner{grid-template-columns:1.1fr .9fr}.genuss-kacheln__banner-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}}@media (max-width:767.98px){.genuss-kacheln__tile--half,.genuss-kacheln__tile--full{grid-column:1 / -1;min-height:230px}.genuss-kacheln__banner{grid-template-columns:1fr;text-align:center}.genuss-kacheln__banner-image{min-height:130px}.genuss-kacheln__banner-actions{grid-column:auto;justify-content:center}}@media (max-width:575.98px){.genuss-kacheln__headline,.genuss-kacheln__tile-headline,.genuss-kacheln__banner-headline,.genuss-kacheln__banner-subline{overflow-wrap:anywhere}.genuss-kacheln__tile--half,.genuss-kacheln__tile--full{min-height:clamp(190px, 68vw, 230px);aspect-ratio:auto}.genuss-kacheln__tile-headline{left:1rem;right:1rem;bottom:1rem;font-size:clamp(34px, 10vw, 46px)}.genuss-kacheln__banner{gap:1rem;min-height:0;padding:1.25rem 1rem}.genuss-kacheln__banner-copy,.genuss-kacheln__banner-image,.genuss-kacheln__banner-actions{min-width:0}.genuss-kacheln__banner-headline{font-size:clamp(32px, 9.5vw, 44px)}.genuss-kacheln__banner-image{min-height:100px}.genuss-kacheln__banner-img{max-height:220px}.genuss-kacheln__banner-actions{flex-direction:column;width:100%}.genuss-kacheln__badge{width:min(100%, 150px)}.genuss-kacheln__banner-button.btn.secondary{width:min(100%, 18rem);min-width:0}}@media (prefers-reduced-motion:reduce){.genuss-kacheln__tile-image{transition:none}}@media (max-width:1480px){.genuss-kacheln__banner-image{display:none}.genuss-kacheln__banner{grid-template-columns:1fr 0.5fr}}@media (max-width:1199px){.genuss-kacheln__banner-actions .btn.primary{padding-left:2.5rem!important}.genuss-kacheln__banner-actions .btn.primary::before{width:25px;height:25px;left:20px}}@media (max-width:991px){.genuss-kacheln__grid{grid-template-columns:1fr;gap:0}.genuss-kacheln__tile--half{margin-bottom:1rem}.genuss-kacheln__banner{grid-template-columns:1fr;padding:1.5rem}}@media (max-width:767px){.genuss-kacheln__banner-headline{font-size:1.5rem;line-height:2rem}}