.desktop-content-grid .container{display:flex;width:100%;height:50vw}.desktop-content-grid .content-wrapper{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;max-height:50vw;width:50vw;overflow:hidden}.desktop-content-grid .image-container.big-image{border-top:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;width:50vw}.desktop-content-grid .image-container.big-image img{width:50vw;height:100%;object-fit:cover}.desktop-content-grid .content-wrapper .text-container,.desktop-content-grid .content-wrapper .image-container,.desktop-content-grid .content-wrapper .email-container,.desktop-content-grid .content-wrapper .embed,.desktop-content-grid .content-wrapper .link-container{border:1px solid #BFBFBF;-webkit-user-select:none;user-select:none}.desktop-content-grid .content-wrapper .link-container a{display:grid;grid-template-columns:50% 50%}.desktop-content-grid .content-wrapper .link-container a .text{display:flex;flex-direction:column;justify-content:flex-end;padding:25px;height:100%;width:25vw}.desktop-content-grid .content-wrapper .link-container em{font-size:clamp(.875rem,-.414rem + 2.85vw,2rem);font-family:Sfizia-RegularItalic;line-height:1}.desktop-content-grid .content-wrapper .link-container h3{font-size:clamp(2.5rem,-1.798rem + 9.501vw,6.25rem);font-family:var(--tandelle-heading);font-weight:var(--tandelle-font-weight);line-height:.85}.desktop-content-grid .content-wrapper .link-container:hover h3:last-of-type{color:#ff4f01}.desktop-content-grid .image-container{width:50%}.desktop-content-grid .content-wrapper .image-container{width:100%}.desktop-content-grid .text-container{padding:10px;display:flex;flex-direction:column;justify-content:space-between}.desktop-content-grid .customer_review{background:#fff;width:100%;animation-fill-mode:forwards;grid-area:1/1/2/3;display:flex;opacity:0}.desktop-content-grid .customer_review .text-container.review{padding:20px;display:flex;flex-direction:column;opacity:1}.desktop-content-grid .customer_review img{grid-area:1/2/3/3;height:100%;width:25vw;object-fit:cover}.desktop-content-grid .content-wrapper .link-container{grid-area:2/1/3/3}.desktop-content-grid .content-wrapper .link-container.top{grid-area:1/1/2/3}.desktop-content-grid .content-wrapper .link-container.reversed img{order:1}.desktop-content-grid .content-wrapper .link-container img{object-fit:cover;aspect-ratio:1;width:100%;height:25vw}.customer_review.active{animation:fadeIn 1s forwards}.customer_review.inactive{animation:fadeOut 1s forwards}.desktop-content-grid .container.row-reverse{flex-direction:row-reverse}.desktop-content-grid .customer_review .content-wrapper{display:contents}.desktop-content-grid .customer_review .stars-container{margin-top:auto;margin-bottom:1rem;display:none}.desktop-content-grid .customer_review .jubel-button span{font-size:1.5rem}.desktop-content-grid .customer_review h3{font-size:clamp(1rem,2.8vw,55px);margin-bottom:5px}.desktop-content-grid h3{text-transform:uppercase}.desktop-content-grid .email-container{display:flex;flex-direction:row;justify-content:space-between;grid-area:2/1/3/3}.desktop-content-grid .email-container.top{grid-area:1/1/2/3}.desktop-content-grid .email-container.reversed img{order:1}.desktop-content-grid .email-container .text{padding:30px 46px 30px 30px;margin-right:auto}.desktop-content-grid .email-container .text>p{margin:10px 0}.desktop-content-grid .email-container img{width:25vw;object-fit:cover;height:100%}.desktop-content-grid .email-container h3{font-size:clamp(1.294rem,3vw,55px)}.desktop-content-grid .email-container em{font-size:clamp(.824rem,-.053rem + 1.937vw,1.588rem);line-height:1}.desktop-content-grid .email-container .orange-text{color:#ff4f01}.desktop-content-grid .email-container form{display:flex;position:relative}.desktop-content-grid .email-container form .jubel-button{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0}.desktop-content-grid .email-container form input{text-transform:uppercase;height:50px;font-size:clamp(.706rem,.436rem + .596vw,.941rem);width:85%;color:#bfbfbf!important;font-family:ABC-Prophet-ExtraBold!important}.email-input-with-image input:-internal-autofill-selected{background:transparent!important}.desktop-content-grid .email-container form .Form__Submit{background-color:transparent;border:0;font-size:30px;padding:0;height:auto;width:auto;font-weight:300}.desktop-content-grid .Footer__Newsletter .Form__Submit svg{height:15px;width:15px;transform:rotate(180deg)}.desktop-content-grid .Footer__Newsletter .Form__Submit svg .icon_arrow_cls-1{fill:#4c4c4c}.desktop-content-grid .container.spotify{grid-area:1 / 1 / 3 / 3;width:100%;height:100%;flex-direction:column}.desktop-content-grid .container.spotify iframe{height:100%}.desktop-content-grid .container.spotify .text-container{background:#ff4f01;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-transform:uppercase;color:#fff;padding:0;width:100%;border-right:none;height:auto}.desktop-content-grid .container.spotify .text-container>div{width:50%}.desktop-content-grid .container.spotify .text-container h3{font-size:clamp(1.176rem,.435rem + 2.3vw,3.824rem)}.desktop-content-grid .container.spotify h2.jubel{padding:0 2vw;font-size:clamp(40px,8vw,120px)}.desktop-content-grid .container.spotify .embed{overflow:auto;width:100%;background:#000;border-left:none;height:100%;overflow:hidden}.desktop-content-grid .container.spotify .text-container .selects.invert-colours{background:#fff;color:#000;border:1px solid black;border-top:none;border-right:none}.desktop-content-grid .container.spotify .text-container .showcase.invert-colours{background:#fff;color:#000;border:1px solid black;border-bottom:none;border-right:none}.desktop-content-grid .container.spotify .jubel.selects,.desktop-content-grid .container.spotify .jubel.showcase{padding-left:2vw;height:clamp(2.824rem,1.475rem + 2.981vw,4rem);display:flex;align-items:center;cursor:pointer}.desktop-content-grid .container.spotify .embed.hide-playlist{display:none}.desktop-content-grid .reviewer{position:relative;top:-.25rem;font-size:clamp(.824rem,-.053rem + 1.937vw,1.588rem)}.desktop-content-grid .stars-container{width:75%;position:relative;top:-.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.review-container{position:relative}@media screen and (min-width: 385px){.desktop-content-grid .text-container{padding:1rem}}@media screen and (min-width: 900px){.desktop-content-grid .customer_review .stars-container{display:flex}}@media screen and (min-width: 1600px){.desktop-content-grid .container.spotify iframe{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/jubel-desktop-content-grid.css.map */
