header.header{color:var(--wit-100);margin:0 auto;max-width:1920px;padding:var(--band-md) var(--band-md)}.header__button__overflow{align-items:start;display:flex;flex-direction:column;gap:var(--band-md);padding-bottom:var(--band-md)}.header__container{border-radius:var(--band-md);min-height:48dvh;overflow:hidden;position:relative;width:100%;&:after{background:linear-gradient(90deg,#150e04,rgba(21,14,4,.86) 10%,rgba(21,14,4,.25) 70%,rgba(21,14,4,0) 85%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}& .header__video{object-position:center bottom;transform:scale(1.05);transform-origin:left bottom}& .header__video,&>img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}&>img{object-position:center}}.header__content.container{display:flex;flex-direction:column;gap:var(--band-md);height:100%;justify-content:space-between;padding:56px var(--band-md);position:relative;z-index:2;& .header__text{font-size:var(--h1-size);letter-spacing:var(--h1-letter);line-height:var(--h1-line);margin-block-start:0}}.header__usp__container{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:var(--band-md);& .header__usp{align-items:center;display:inline-flex;gap:4px;letter-spacing:var(--body-small-letter);&:before{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'><path d='M5.65733 7.54267L1.88533 3.772L0 5.65733L5.65733 11.3147L15.084 1.88667L13.2 0L5.65733 7.54267Z' fill='%23F7F9AA'/></svg>") 50% /contain no-repeat;content:"";display:inline-block;flex-shrink:0;height:12px;padding-right:8px;width:16px}}}.content__top{display:flex;flex-direction:column;gap:var(--band-lg)}.content__bottom{align-items:end;display:flex;flex-direction:row;justify-content:space-between}.cta__text{padding-bottom:var(--band-md)}.cta__buttons{display:flex;flex-direction:row;gap:var(--band-xs)}.cta-button{font-weight:500}.advice__button{align-items:center;backdrop-filter:blur(4px);background-color:hsla(33,44%,95%,.9);border-radius:var(--radius-md);display:inline-flex;flex-direction:column;gap:var(--band-sm);padding:var(--band-md);padding-top:calc(var(--band-lg) + var(--band-sm));position:relative;text-align:center;width:226px;& img{aspect-ratio:1/1;border-radius:calc(var(--radius-md) - var(--band-xxs ));height:80px;object-fit:cover;position:absolute;top:-40px}& .advice__text{color:var(--noir-500);display:flex;flex-direction:column;gap:var(--band-sm);justify-content:center;& .advice__button__title{font-weight:400;margin-block-end:0;margin-block-start:0}& .advice__button__subtitle{align-items:center;color:var(--walnoot-400);display:inline-flex;gap:var(--band-xxs)}}&.header__mobile__only{align-items:flex-start;background-color:var(--linnen-100);display:none;flex-direction:column-reverse;margin-left:0;opacity:1;padding:var(--band-md);padding-right:calc(var(--band-lg) + var(--band-sm));width:calc(100% - var(--band-md)*2);z-index:2;& img{aspect-ratio:1/1;border-radius:calc(var(--radius-md) - var(--band-xxs ));height:80px;object-fit:cover;position:absolute;right:-40px;top:50%;transform:translateY(-50%)}& .advice__text{align-items:flex-start;text-align:left}}}@media (max-width:992px){.cta__buttons{flex-direction:column}.header__text{font-size:40px!important;letter-spacing:var(--h2-letter)!important;line-height:var(--h2-line)!important}.header__content{padding:56px var(--band-lg)}}@media (max-width:768px){.header__container{align-items:stretch;display:flex;min-height:380px;&:after{background:linear-gradient(150deg,#150e04,rgba(21,14,4,.86) 10%,rgba(21,14,4,.25) 70%,rgba(21,14,4,0) 85%)}}.header__content.container{gap:var(--band-lg);height:inherit;justify-content:start;padding:var(--band-md) var(--band-lg)}.content__top{gap:var(--band-md)}.header__text{font-size:24px!important;letter-spacing:var(--h3-letter)!important;line-height:var(--h3-line)!important}.header__text br{display:none}.header__usp__container{flex-direction:column;gap:var(--band-xxs)}.content__bottom{align-items:start;flex-direction:column;flex-grow:1;margin-top:auto;& .left{display:flex;flex:1;flex-direction:column;justify-content:end;width:100%;& button{width:100%}}& .right{& .header__desktop__only{display:none}}}& .header__mobile__only{display:flex!important}}@media(max-width:567px){.advice__text{& a{display:block}& a,& button{width:100%}}}