.online-products h2{margin-bottom:4rem !important}.online-products .op-interview-box{--op-interview-background: transparent;--op-interview-accent: #5b2fca;--op-interview-highlight: #ffd426;--op-interview-text: #1b1b1b;--op-interview-card-bg: #ffffff;--op-interview-photo-border: var(--op-interview-card-bg);--op-interview-photo-size: 10.5rem;background-color:var(--op-interview-background);padding:3rem 0;color:var(--op-interview-text)}.online-products .op-interview-box .op-interview-card{background-color:var(--op-interview-card-bg);display:flex;flex-direction:column;position:relative}.online-products .op-interview-box .interview-visual-wrapper{position:relative;display:flex;flex-direction:column;align-items:stretch}.online-products .op-interview-box .interview-visual-wrapper.has-photo .interview-visual{padding-top:7.5rem}.online-products .op-interview-box .interview-visual{position:relative;background-color:var(--op-interview-accent);padding:3.5rem 2.5rem 1.5rem 1.2rem;display:flex;justify-content:center;align-items:flex-end;text-align:center;overflow:hidden;flex:1 1 auto;min-height:100%}.online-products .op-interview-box .interview-visual::before{content:"?";font-family:NiveauGroteskBold,Helvetica,Arial,sans-serif;position:absolute;top:-22%;right:clamp(-1.5rem,-6vw,-3.25rem);font-size:17rem;font-weight:700;line-height:1;color:#2d1764;z-index:0;pointer-events:none}.online-products .op-interview-box .interview-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);pointer-events:none;z-index:0}.online-products .op-interview-box .interview-visual>*{position:relative;z-index:1}.online-products .op-interview-box .interview-photo{position:absolute;top:calc(-0.5*var(--op-interview-photo-size));left:50%;transform:translate(-50%, 0);width:var(--op-interview-photo-size);height:var(--op-interview-photo-size);border-radius:50%;overflow:hidden;z-index:2}.online-products .op-interview-box .interview-photo .interview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.online-products .op-interview-box .interview-visual-label{font-family:NiveauGroteskBold,Helvetica,Arial,sans-serif;align-self:flex-start;text-align:left;width:100%;display:flex;align-items:flex-end;margin-top:-1em}.online-products .op-interview-box .interview-visual-label span{display:inline-block;font-size:clamp(3.25rem,7.5vw,4.5rem);font-weight:700;color:hsla(0,0%,100%,.3);line-height:.95;word-break:break-word;text-wrap:balance;max-width:100%}.online-products .op-interview-box .interview-main{padding:3rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:2.75rem;background-color:var(--op-interview-card-bg);border:4px solid var(--op-interview-highlight);border-width:0 6px 6px 6px}.online-products .op-interview-box .interview-headline{padding-left:0}.online-products .op-interview-box .interview-headline h3{font-size:clamp(1.75rem,3vw,2.2rem);margin-bottom:.75rem;margin-bottom:.2em !important}.online-products .op-interview-box .interview-headline p{font-size:1rem;margin:0;line-height:1.5;font-family:apercu-mono-regular-pro,Helvetica,Arial,sans-serif;background:linear-gradient(to top, transparent 0, #ff9600 0, #ff9600 2px, transparent 0);display:inline}.online-products .op-interview-box .interview-items{display:flex;flex-direction:column;gap:1.75rem}.online-products .op-interview-box .interview-item{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.online-products .op-interview-box .interview-item .interview-item-icon{flex-shrink:0;width:3.75rem;height:3.75rem;margin-bottom:.25rem}.online-products .op-interview-box .interview-item .interview-item-icon .interview-icon,.online-products .op-interview-box .interview-item .interview-item-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.online-products .op-interview-box .interview-item .interview-item-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.online-products .op-interview-box .interview-item .interview-item-body .interview-item-question{margin:0;font-weight:400;color:var(--op-interview-text);font-family:NiveauGroteskBold,Helvetica,Arial,sans-serif}.online-products .op-interview-box .interview-item .interview-item-body .interview-item-answer p{margin:0 0 .85rem}.online-products .op-interview-box .interview-item .interview-item-body .interview-item-answer p:last-child{margin-bottom:0}.online-products .op-interview-box .interview-item .interview-item-body .interview-item-answer a{color:#e86e0c;text-decoration:underline}.online-products .op-interview-box .interview-item .interview-item-body .interview-item-answer a:hover,.online-products .op-interview-box .interview-item .interview-item-body .interview-item-answer a:focus{color:#000}.online-products .op-interview-box .interview-footer{margin-top:auto}.online-products .op-interview-box .interview-button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.5rem;position:relative;border-radius:999px;background-color:var(--op-interview-highlight);color:#121212;font-weight:400;font-size:1.25rem;text-decoration:none;overflow:hidden;transition:background-color .35s ease-in-out,color .35s ease-in-out}.online-products .op-interview-box .interview-button span{position:relative;z-index:1;color:inherit}.online-products .op-interview-box .interview-button::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .35s ease-in-out;z-index:0}.online-products .op-interview-box .interview-button:hover,.online-products .op-interview-box .interview-button:focus{text-decoration:none;color:#121212;background-color:var(--op-interview-highlight) !important}.online-products .op-interview-box .interview-button:hover::after,.online-products .op-interview-box .interview-button:focus::after{background:hsla(0,0%,100%,.39)}.online-products .op-interview-box .interview-button::before{display:none}@media(min-width: 768px){.online-products .op-interview-box{padding:4rem 0;--op-interview-photo-size: 12rem}.online-products .op-interview-box .interview-photo{top:calc(-0.5*var(--op-interview-photo-size));transform:translate(-50%, 0)}.online-products .op-interview-box .interview-main{padding:3rem 4rem 2.5rem;gap:3rem}.online-products .op-interview-box .interview-headline{padding-left:5rem}.online-products .op-interview-box .interview-item{flex-direction:row;gap:1.25rem;align-items:flex-start}.online-products .op-interview-box .interview-item .interview-item-icon{margin-bottom:0}}@media(min-width: 992px){.online-products .op-interview-box .op-interview-card{flex-direction:row}.online-products .op-interview-box .interview-visual{width:clamp(200px,24vw,260px);padding:4rem 1.25rem 1.75rem 2.5rem;align-items:flex-end;justify-content:right}.online-products .op-interview-box .interview-visual::before{top:-4%;right:clamp(-2rem,-4vw,-1rem);font-size:30rem}.online-products .op-interview-box .interview-visual-wrapper.has-photo .interview-visual{padding-top:9rem}.online-products .op-interview-box .interview-visual-label span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(4.75rem,14vw,9.25rem);line-height:1.05;text-align:center}.online-products .op-interview-box .interview-visual-label{align-self:stretch;width:auto;margin-top:unset}.online-products .op-interview-box .interview-main{flex:1;padding:3rem 4rem 2.5rem;border-width:6px 6px 6px 0}.online-products .op-interview-box .interview-photo{left:100%}}/*# sourceMappingURL=interviewbox.css.map */