*,:after,:before{
    border:0 solid #e5e7eb;
    box-sizing:border-box
}
:after,:before{
    --tw-content:""
}
html{
    -webkit-text-size-adjust:100%;
    font-feature-settings:normal;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4
}
body{
    line-height:inherit
}
hr{
    border-top-width:1px;
    color:inherit;
    height:0
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    border-collapse:collapse;
    border-color:inherit;
    text-indent:0
}
button,input,optgroup,select,textarea{
    color:inherit;
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
fieldset{
    margin:0
}
fieldset,legend{
    padding:0
}
menu,ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#9ca3af;
    opacity:1
}
input::placeholder,textarea::placeholder{
    color:#9ca3af;
    opacity:1
}
[role=button],button{
    cursor:pointer
}
:disabled{
    cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
img,video{
    height:auto;
    max-width:100%
}
[hidden]{
    display:none
}
*,:after,:before{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}
.container{
    width:100%
}
@media (min-width:768px){
    .container{
        max-width:768px
    }
}
@media (min-width:1024px){
    .container{
        max-width:1024px
    }
}
@media (min-width:1248px){
    .container{
        max-width:1248px
    }
}
.invisible{
    visibility:hidden
}
.fixed{
    position:fixed
}
.absolute{
    position:absolute
}
.relative{
    position:relative
}
.sticky{
    position:sticky
}
.bottom-\[80px\]{
    bottom:80px
}
.left-\[50\%\]{
    left:50%
}
.top-0{
    top:0
}
.right-0{
    right:0
}
.top-\[-1px\]{
    top:-1px
}
.left-\[4px\]{
    left:4px
}
.bottom-0{
    bottom:0
}
.left-0{
    left:0
}
.left-\[3px\]{
    left:3px
}
.top-\[3px\]{
    top:3px
}
.top-\[-95px\]{
    top:-95px
}
.top-\[91px\]{
    top:91px
}
.top-\[160px\]{
    top:160px
}
.top-\[16px\]{
    top:16px
}
.left-\[24px\]{
    left:24px
}
.top-\[82px\]{
    top:82px
}
.left-\[-52\%\]{
    left:-52%
}
.top-\[70\%\]{
    top:70%
}
.top-\[8\%\]{
    top:8%
}
.top-\[50\%\]{
    top:50%
}
.top-\[55\%\]{
    top:55%
}
.right-\[50\%\]{
    right:50%
}
.top-\[25\%\]{
    top:25%
}
.left-\[25\%\]{
    left:25%
}
.right-\[25\%\]{
    right:25%
}
.bottom-\[36px\]{
    bottom:36px
}
.bottom-\[14\%\]{
    bottom:14%
}
.top-auto{
    top:auto
}
.bottom-\[15\%\]{
    bottom:15%
}
.bottom-\[40px\]{
    bottom:40px
}
.bottom-\[42px\]{
    bottom:42px
}
.top-\[-11px\]{
    top:-11px
}
.top-\[6px\]{
    top:6px
}
.left-\[-10px\]{
    left:-10px
}
.top-\[-13px\]{
    top:-13px
}
.right-\[-18px\]{
    right:-18px
}
.top-\[-2px\]{
    top:-2px
}
.bottom-\[32px\]{
    bottom:32px
}
.right-\[24px\]{
    right:24px
}
.top-\[13px\]{
    top:13px
}
.top-\[115px\]{
    top:115px
}
.right-\[26px\]{
    right:26px
}
.bottom-16{
    bottom:16px
}
.top-\[28px\]{
    top:28px
}
.left-\[32px\]{
    left:32px
}
.top-\[-20px\]{
    top:-20px
}
.top-\[-30px\]{
    top:-30px
}
.top-\[18px\]{
    top:18px
}
.left-\[19px\]{
    left:19px
}
.left-\[22\%\]{
    left:22%
}
.left-\[35\%\]{
    left:35%
}
.left-\[50px\]{
    left:50px
}
.top-\[5px\]{
    top:5px
}
.right-\[17px\]{
    right:17px
}
.top-\[-3px\]{
    top:-3px
}
.top-\[-125px\]{
    top:-125px
}
.right-\[20px\]{
    right:20px
}
.top-20{
    top:20px
}
.right-\[29px\]{
    right:29px
}
.top-30{
    top:30px
}
.right-20{
    right:20px
}
.-top-\[64px\]{
    top:-64px
}
.z-10{
    z-index:10
}
.z-\[3\]{
    z-index:3
}
.z-\[1\]{
    z-index:1
}
.z-\[2\]{
    z-index:2
}
.z-50{
    z-index:50
}
.z-\[4\]{
    z-index:4
}
.z-\[11\]{
    z-index:11
}
.z-\[10\]{
    z-index:10
}
.z-40{
    z-index:40
}
.z-\[1000\]{
    z-index:1000
}
.z-0{
    z-index:0
}
.z-\[105\]{
    z-index:105
}
.z-9{
    z-index:9
}
.order-2{
    order:2
}
.order-1{
    order:1
}
.float-left{
    float:left
}
.m-auto{
    margin:auto
}
.m-0{
    margin:0
}
.mx-\[24px\]{
    margin-left:24px;
    margin-right:24px
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-\[48px\]{
    margin-bottom:48px;
    margin-top:48px
}
.my-\[40px\]{
    margin-bottom:40px;
    margin-top:40px
}
.my-0{
    margin-bottom:0;
    margin-top:0
}
.my-auto{
    margin-bottom:auto;
    margin-top:auto
}
.my-\[72px\]{
    margin-bottom:72px;
    margin-top:72px
}
.-my-\[40px\]{
    margin-bottom:-40px;
    margin-top:-40px
}
.my-\[45px\]{
    margin-bottom:45px;
    margin-top:45px
}
.mx-15{
    margin-left:15px;
    margin-right:15px
}
.mx-0{
    margin-left:0;
    margin-right:0
}
.my-20{
    margin-bottom:20px;
    margin-top:20px
}
.my-\[24px\]{
    margin-bottom:24px;
    margin-top:24px
}
.mb-16{
    margin-bottom:16px
}
.mb-24{
    margin-bottom:24px
}
.mb-\[8px\]{
    margin-bottom:8px
}
.mt-40{
    margin-top:40px
}
.mt-\[200px\]{
    margin-top:200px
}
.mt-\[48px\]{
    margin-top:48px
}
.mr-\[16px\]{
    margin-right:16px
}
.mr-8{
    margin-right:8px
}
.mb-32,.mb-\[32px\]{
    margin-bottom:32px
}
.mt-11{
    margin-top:11px
}
.mb-\[-103px\]{
    margin-bottom:-103px
}
.mb-30{
    margin-bottom:30px
}
.mb-10{
    margin-bottom:10px
}
.mb-40,.mb-\[40px\]{
    margin-bottom:40px
}
.mt-\[16px\]{
    margin-top:16px
}
.mb-\[49px\]{
    margin-bottom:49px
}
.mt-\[60px\]{
    margin-top:60px
}
.mb-\[20px\]{
    margin-bottom:20px
}
.mt-\[64px\]{
    margin-top:64px
}
.mt-\[165px\]{
    margin-top:165px
}
.mb-7{
    margin-bottom:7px
}
.mt-\[8px\]{
    margin-top:8px
}
.mb-\[6px\]{
    margin-bottom:6px
}
.mb-8{
    margin-bottom:8px
}
.mt-\[4px\]{
    margin-top:4px
}
.mb-\[-10px\]{
    margin-bottom:-10px
}
.mb-\[-50px\]{
    margin-bottom:-50px
}
.mt-\[24px\]{
    margin-top:24px
}
.mt-0{
    margin-top:0
}
.mb-\[-15px\]{
    margin-bottom:-15px
}
.mt-\[32px\]{
    margin-top:32px
}
.mb-\[64px\]{
    margin-bottom:64px
}
.mt-\[22px\]{
    margin-top:22px
}
.mt-\[11px\]{
    margin-top:11px
}
.mt-\[40px\]{
    margin-top:40px
}
.mb-\[12px\]{
    margin-bottom:12px
}
.mb-20{
    margin-bottom:20px
}
.ml-auto{
    margin-left:auto
}
.mb-4{
    margin-bottom:4px
}
.ml-\[-100px\]{
    margin-left:-100px
}
.mt-\[5px\]{
    margin-top:5px
}
.mb-\[16px\]{
    margin-bottom:16px
}
.mb-\[24px\]{
    margin-bottom:24px
}
.ml-\[21px\]{
    margin-left:21px
}
.ml-50{
    margin-left:50px
}
.mb-50{
    margin-bottom:50px
}
.ml-\[7px\]{
    margin-left:7px
}
.mt-\[20px\]{
    margin-top:20px
}
.ml-\[29px\]{
    margin-left:29px
}
.mr-\[14px\]{
    margin-right:14px
}
.mr-\[12px\]{
    margin-right:12px
}
.mr-\[56px\]{
    margin-right:56px
}
.mt-\[10px\]{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-px{
    margin-top:1px
}
.mt-15{
    margin-top:15px
}
.mb-\[62px\]{
    margin-bottom:62px
}
.mb-\[42px\]{
    margin-bottom:42px
}
.mr-\[40px\]{
    margin-right:40px
}
.mb-\[40\]{
    margin-bottom:40
}
.mb-14{
    margin-bottom:14px
}
.mt-12{
    margin-top:12px
}
.mb-27{
    margin-bottom:27px
}
.mt-1{
    margin-top:.25rem
}
.mr-2{
    margin-right:.5rem
}
.mb-2{
    margin-bottom:.5rem
}
.mb-\[48px\]{
    margin-bottom:48px
}
.mb-\[18px\]{
    margin-bottom:18px
}
.mt-\[39px\]{
    margin-top:39px
}
.mt-\[25px\]{
    margin-top:25px
}
.mb-18{
    margin-bottom:18px
}
.mt-10{
    margin-top:10px
}
.mt-\[3px\]{
    margin-top:3px
}
.mt-\[120px\]{
    margin-top:120px
}
.mb-\[128px\]{
    margin-bottom:128px
}
.mr-11{
    margin-right:11px
}
.mt-\[68px\]{
    margin-top:68px
}
.mr-\[24px\]{
    margin-right:24px
}
.ml-\[40px\]{
    margin-left:40px
}
.mt-\[21px\]{
    margin-top:21px
}
.mb-\[13px\]{
    margin-bottom:13px
}
.box-border{
    box-sizing:border-box
}
.box-content{
    box-sizing:content-box
}
.block{
    display:block
}
.\!block{
    display:block!important
}
.inline-block{
    display:inline-block
}
.inline{
    display:inline
}
.flex{
    display:flex
}
.\!flex{
    display:flex!important
}
.table{
    display:table
}
.grid{
    display:grid
}
.hidden{
    display:none
}
.h-\[300px\]{
    height:300px
}
.h-\[32px\]{
    height:32px
}
.h-\[100vh\]{
    height:100vh
}
.h-\[72\%\]{
    height:72%
}
.h-\[42px\]{
    height:42px
}
.h-\[24px\]{
    height:24px
}
.h-\[16px\]{
    height:16px
}
.h-\[55px\]{
    height:55px
}
.h-\[41px\]{
    height:41px
}
.h-min{
    height:-moz-min-content;
    height:min-content
}
.h-\[324px\]{
    height:324px
}
.h-auto{
    height:auto
}
.h-\[268px\]{
    height:268px
}
.h-\[240px\]{
    height:240px
}
.h-\[332px\]{
    height:332px
}
.h-\[327px\]{
    height:327px
}
.h-full{
    height:100%
}
.h-\[960px\]{
    height:960px
}
.h-\[40px\]{
    height:40px
}
.h-\[34px\]{
    height:34px
}
.h-\[69px\]{
    height:69px
}
.h-\[45px\]{
    height:45px
}
.h-\[72px\]{
    height:72px
}
.h-\[130px\]{
    height:130px
}
.h-\[70px\]{
    height:70px
}
.h-\[321px\]{
    height:321px
}
.h-\[244px\]{
    height:244px
}
.h-\[50px\]{
    height:50px
}
.h-20{
    height:20px
}
.\!h-38{
    height:38px!important
}
.h-\[30px\]{
    height:30px
}
.h-0{
    height:0
}
.max-h-\[345px\]{
    max-height:345px
}
.max-h-\[50vh\]{
    max-height:50vh
}
.max-h-\[244px\]{
    max-height:244px
}
.max-h-\[45px\]{
    max-height:45px
}
.max-h-\[240px\]{
    max-height:240px
}
.min-h-\[700px\]{
    min-height:700px
}
.min-h-\[86px\]{
    min-height:86px
}
.min-h-\[200px\]{
    min-height:200px
}
.min-h-screen{
    min-height:100vh
}
.min-h-\[244px\]{
    min-height:244px
}
.min-h-\[95px\]{
    min-height:95px
}
.min-h-\[490px\]{
    min-height:490px
}
.min-h-\[542px\]{
    min-height:542px
}
.min-h-\[30px\]{
    min-height:30px
}
.w-\[200px\]{
    width:200px
}
.w-full{
    width:100%
}
.w-\[31px\]{
    width:31px
}
.w-\[139px\]{
    width:139px
}
.w-\[24px\]{
    width:24px
}
.w-\[48\.6\%\]{
    width:48.6%
}
.w-\[158px\]{
    width:158px
}
.w-\[195px\]{
    width:195px
}
.w-\[250px\]{
    width:250px
}
.w-fit{
    width:-moz-fit-content;
    width:fit-content
}
.\!w-max{
    width:-moz-max-content!important;
    width:max-content!important
}
.\!w-\[250px\]{
    width:250px!important
}
.w-1\/2{
    width:50%
}
.w-\[348px\]{
    width:348px
}
.w-\[260px\]{
    width:260px
}
.w-\[650px\]{
    width:650px
}
.w-\[354px\]{
    width:354px
}
.\!w-\[200px\]{
    width:200px!important
}
.w-\[100\%\]{
    width:100%
}
.\!w-fit{
    width:-moz-fit-content!important;
    width:fit-content!important
}
.w-\[48\%\]{
    width:48%
}
.w-\[180px\]{
    width:180px
}
.w-\[97px\]{
    width:97px
}
.w-\[240px\]{
    width:240px
}
.w-\[90\%\]{
    width:90%
}
.w-\[87\.5\%\]{
    width:87.5%
}
.w-\[34px\]{
    width:34px
}
.\!w-\[207px\]{
    width:207px!important
}
.w-\[90px\]{
    width:90px
}
.w-4\/5,.w-\[80\%\]{
    width:80%
}
.w-\[147px\]{
    width:147px
}
.w-\[72px\]{
    width:72px
}
.w-\[130px\]{
    width:130px
}
.w-\[70px\]{
    width:70px
}
.\!w-38{
    width:38px!important
}
.w-\[133px\]{
    width:133px
}
.w-\[30px\]{
    width:30px
}
.w-\[600px\]{
    width:600px
}
.w-20{
    width:20px
}
.min-w-\[160px\!important\]{
    min-width:160px!important
}
.min-w-\[215px\]{
    min-width:215px
}
.max-w-\[1019px\]{
    max-width:1019px
}
.max-w-\[102px\]{
    max-width:102px
}
.max-w-\[1440px\]{
    max-width:1440px
}
.max-w-\[1232px\]{
    max-width:1232px
}
.max-w-\[320px\]{
    max-width:320px
}
.max-w-\[1350px\]{
    max-width:1350px
}
.max-w-\[510px\]{
    max-width:510px
}
.max-w-\[740px\]{
    max-width:740px
}
.max-w-\[327px\]{
    max-width:327px
}
.max-w-full{
    max-width:100%
}
.max-w-\[419px\]{
    max-width:419px
}
.max-w-\[326px\]{
    max-width:326px
}
.max-w-\[660px\]{
    max-width:660px
}
.max-w-\[500px\]{
    max-width:500px
}
.max-w-\[538px\]{
    max-width:538px
}
.max-w-\[813px\]{
    max-width:813px
}
.max-w-\[1022px\]{
    max-width:1022px
}
.max-w-\[610px\]{
    max-width:610px
}
.max-w-\[750px\]{
    max-width:750px
}
.max-w-\[370px\]{
    max-width:370px
}
.max-w-\[270px\]{
    max-width:270px
}
.max-w-\[90px\]{
    max-width:90px
}
.max-w-\[329px\]{
    max-width:329px
}
.max-w-\[600px\]{
    max-width:600px
}
.max-w-\[496px\]{
    max-width:496px
}
.max-w-\[497px\]{
    max-width:497px
}
.max-w-\[824px\]{
    max-width:824px
}
.max-w-\[250px\]{
    max-width:250px
}
.max-w-\[80\%\]{
    max-width:80%
}
.basis-\[100\%\]{
    flex-basis:100%
}
.basis-\[50\%\]{
    flex-basis:50%
}
.basis-\[30\%\]{
    flex-basis:30%
}
.basis-\[80\%\]{
    flex-basis:80%
}
.border-separate{
    border-collapse:separate
}
.border-spacing-0{
    --tw-border-spacing-x:0px;
    --tw-border-spacing-y:0px;
    border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.translate-x-\[-50\%\]{
    --tw-translate-x:-50%
}
.translate-x-\[-50\%\],.translate-y-\[-50\%\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[-50\%\]{
    --tw-translate-y:-50%
}
.translate-x-\[-25\%\]{
    --tw-translate-x:-25%
}
.rotate-\[-6deg\],.translate-x-\[-25\%\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-\[-6deg\]{
    --tw-rotate:-6deg
}
.-rotate-90{
    --tw-rotate:-90deg
}
.-rotate-90,.rotate-90{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-90{
    --tw-rotate:90deg
}
.scale-\[2\.2\]{
    --tw-scale-x:2.2;
    --tw-scale-y:2.2
}
.scale-\[1\.1\],.scale-\[2\.2\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-\[1\.1\]{
    --tw-scale-x:1.1;
    --tw-scale-y:1.1
}
.transform{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer{
    cursor:pointer
}
.resize{
    resize:both
}
.scroll-ml-\[20px\]{
    scroll-margin-left:20px
}
.scroll-mt-80{
    scroll-margin-top:80px
}
.scroll-mt-40{
    scroll-margin-top:40px
}
.list-none{
    list-style-type:none
}

.appearance-none{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.flex-row-reverse{
    flex-direction:row-reverse
}
.flex-col{
    flex-direction:column
}
.flex-col-reverse{
    flex-direction:column-reverse
}
.flex-wrap{
    flex-wrap:wrap
}
.content-between{
    align-content:space-between
}
.items-start{
    align-items:flex-start
}
.items-end{
    align-items:flex-end
}
.items-center{
    align-items:center
}
.justify-start{
    justify-content:flex-start
}
.justify-end{
    justify-content:flex-end
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.gap-\[24px\]{
    gap:24px
}
.gap-\[16px\]{
    gap:16px
}
.gap-x-24{
    -moz-column-gap:24px;
    column-gap:24px
}
.gap-y-\[56px\]{
    row-gap:56px
}
.gap-y-\[32px\]{
    row-gap:32px
}
.gap-y-\[26px\]{
    row-gap:26px
}
.gap-y-\[24px\]{
    row-gap:24px
}
.gap-x-\[24px\]{
    -moz-column-gap:24px;
    column-gap:24px
}
.gap-y-\[16px\]{
    row-gap:16px
}
.gap-x-8{
    -moz-column-gap:8px;
    column-gap:8px
}
.gap-y-\[28px\]{
    row-gap:28px
}
.gap-y-\[8px\]{
    row-gap:8px
}
.gap-x-4{
    -moz-column-gap:4px;
    column-gap:4px
}
.gap-y-\[9px\]{
    row-gap:9px
}
.gap-x-\[8px\]{
    -moz-column-gap:8px;
    column-gap:8px
}
.gap-x-\[16px\]{
    -moz-column-gap:16px;
    column-gap:16px
}
.gap-y-24{
    row-gap:24px
}
.gap-y-\[34px\]{
    row-gap:34px
}
.gap-y-\[12px\]{
    row-gap:12px
}
.gap-x-\[19px\]{
    -moz-column-gap:19px;
    column-gap:19px
}
.self-center{
    align-self:center
}
.overflow-auto{
    overflow:auto
}
.overflow-hidden{
    overflow:hidden
}
.overflow-y-auto{
    overflow-y:auto
}
.overflow-y-hidden{
    overflow-y:hidden
}
.overflow-y-scroll{
    overflow-y:scroll
}
.scroll-smooth{
    scroll-behavior:smooth
}
.break-words{
    overflow-wrap:break-word
}
.break-all{
    word-break:break-all
}
.break-keep{
    word-break:keep-all
}
.rounded-\[16px\]{
    border-radius:16px
}
.rounded-20{
    border-radius:20px
}
.rounded-full{
    border-radius:9999px
}
.rounded-\[8px\]{
    border-radius:8px
}
.rounded-\[2rem\]{
    border-radius:2rem
}
.rounded-\[15px\]{
    border-radius:15px
}
.rounded-\[12px\]{
    border-radius:12px
}
.rounded-\[0px\]{
    border-radius:0
}
.rounded-\[200px\]{
    border-radius:200px
}
.rounded-\[50px\]{
    border-radius:50px
}
.rounded-\[30px\]{
    border-radius:30px
}
.rounded-\[25px\]{
    border-radius:25px
}
.rounded-\[20px\]{
    border-radius:20px
}
.rounded-\[3px\]{
    border-radius:3px
}
.rounded{
    border-radius:.25rem
}
.rounded-\[50\%\]{
    border-radius:50%
}
.rounded-t-\[16px\]{
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
.rounded-t-\[15px\]{
    border-top-left-radius:15px;
    border-top-right-radius:15px
}
.rounded-t-\[10px\]{
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
.border-2,.border-\[2px\]{
    border-width:2px
}
.\!border-2{
    border-width:2px!important
}
.border,.border-1{
    border-width:1px
}
.border-4{
    border-width:4px
}
.border-b,.border-b-1,.border-b-\[1px\]{
    border-bottom-width:1px
}
.border-t{
    border-top-width:1px
}
.border-b-2{
    border-bottom-width:2px
}
.border-t-1{
    border-top-width:1px
}
.border-b-0{
    border-bottom-width:0
}
.border-r-1{
    border-right-width:1px
}
.border-solid{
    border-style:solid
}
.border-freshLilac{
    --tw-border-opacity:1;
    border-color:rgb(208 200 227/var(--tw-border-opacity))
}
.border-white{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.\!border-alpineBlue{
    --tw-border-opacity:1!important;
    border-color:rgb(156 219 246/var(--tw-border-opacity))!important
}
.border-\[\#ffffff\]{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.\!border-darkLilac{
    --tw-border-opacity:1!important;
    border-color:rgb(59 39 116/var(--tw-border-opacity))!important
}
.border-alpineWhite{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.border-\[\#00358E\]{
    --tw-border-opacity:1;
    border-color:rgb(0 53 142/var(--tw-border-opacity))
}
.border-gray-300{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219/var(--tw-border-opacity))
}
.border-red-600{
    --tw-border-opacity:1;
    border-color:rgb(220 38 38/var(--tw-border-opacity))
}
.border-errorDark{
    --tw-border-opacity:1;
    border-color:rgb(140 29 24/var(--tw-border-opacity))
}
.border-transparent{
    border-color:transparent
}
.border-red-500{
    --tw-border-opacity:1;
    border-color:rgb(239 68 68/var(--tw-border-opacity))
}
.border-alpineBlue{
    --tw-border-opacity:1;
    border-color:rgb(156 219 246/var(--tw-border-opacity))
}
.bg-darkLilac{
    --tw-bg-opacity:1;
    background-color:rgb(59 39 116/var(--tw-bg-opacity))
}
.bg-alpineWhite{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-milkaLilac{
    --tw-bg-opacity:1;
    background-color:rgb(125 105 175/var(--tw-bg-opacity))
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-alpineBlue{
    --tw-bg-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity))
}
.bg-errorBg{
    --tw-bg-opacity:1;
    background-color:rgb(244 218 218/var(--tw-bg-opacity))
}
.\!bg-transparent{
    background-color:transparent!important
}
.bg-\[\#ffffff\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-darkBlue{
    --tw-bg-opacity:1;
    background-color:rgb(0 53 142/var(--tw-bg-opacity))
}
.bg-\[\#D0C8E3\]{
    --tw-bg-opacity:1;
    background-color:rgb(208 200 227/var(--tw-bg-opacity))
}
.bg-\[\#fff\]{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-lightLilac{
    --tw-bg-opacity:1;
    background-color:rgb(236 233 244/var(--tw-bg-opacity))
}
.bg-freshLilac{
    --tw-bg-opacity:1;
    background-color:rgb(208 200 227/var(--tw-bg-opacity))
}
.bg-\[\#776CB1\]{
    --tw-bg-opacity:1;
    background-color:rgb(119 108 177/var(--tw-bg-opacity))
}
.bg-black{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-opacity-\[0\.65\]{
    --tw-bg-opacity:0.65
}
.bg-commonBg{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/43YI6hc0eEP9Oo5CYzb7zx/470be2308fbd78641a80ad30be94d159/Seamless_Blatten_1.png?fm=webp&q=80)
}
.bg-filterHeader{
    background-image:url(https://milka.de/static/filter-header-60b8ab82979b9657481398314d7256ff.png)
}
.bg-\[url\(\'\.\.\/assests\/icons\/close-white\.png\'\)\]{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADhSURBVHgB5ZXbDYMwDEU9AiNkBEboCN0ARugGXaEbdJSO0BEyimukIAUUmte94oMr+QdbnCMRHJHLR1U/Vl+ru5Bi756svNU7fnjTbSYBJ4DjjGtjCEYUgQTY7wccQyAFXlipQahAMRgtUA1GCTSDewW6wa0CMHCtABxcKkAD5wTo4IwAH1wgwAVHAs8E/CHsJL7x5gwIKweHy9MFDsBOSbdhFhz1OQJa+B/DBbRygcAEtHFzdQto58psFugFNwugwNUCaHCxQBiAgzMCw9ocWeA/Ai5uzlYvBngnsDBmOTs/GJaKZMJDpIwAAAAASUVORK5CYII=)
}
.bg-\[url\(\'\.\.\/assests\/icons\/filter\.png\'\)\]{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB+SURBVHgB7ZLRDYAgDERb4wCOgBs4EiM4kiOwgYzgBrJJPRL8A4HgD8aXkGvS0pIeRL3DdyAiJ0TROzhmnn0w0E8GTiXgyQKZqBy/d1dUieZa6jGxXmNihg2nBkufhHMF2K2C6ET6gLGGWsCA9cHYPXd/LJixBY192bbXd8EFfNNomUxPnoMAAAAASUVORK5CYII=)
}
.bg-errorIcon{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJSSURBVHgBtVVNb9NAEH2zJEAcVCzViBNVuEA40YorKMkvoKYiqEKCFsS5/QeUCxK3ckYo5QAWQVGK+AElF674AIKccOFIQOnFAYVk2XXiKHb8sUXiSdZmrfG8vNm3M4QE8FpNx9zxZbBsCXxYFq/08SNhg5iN4bBFK9WdpDwUm1w/sQHON6eSJsEB0Q6Z1x8okXDLKuDYkT3xs4DDw8HvQYVWV51YEl6vLyIDSTDz73ud73j/9Al+tD9j/nwRS3fvIWeciiLq4k+/QtWbtv+CBRTEEEi0X+96BBJy/WC9QAx0ZLJ7Xr4wybhEsfU/+LYf2LtCWQJ0mc87W5+EN1/dR8oZZHNacK9pSEEBc9rmhES4aC3tCy1U/6yWRyqINqQaxhv1NfyDkzL5VCUS4p7ll4USVlKJzhlGYK/NG1ACQ4mB+CL+JzjKQokaiRZWYigqESVjqpFhNym4K0DSVYmcsXBOwV1jKJOEW0hGXYktz6SlEinLkxs7Sjrt5MIClECwybsnhJpKvNvp4Gf7E04vXVI/Ez5YJ95s6uD9L1CbG4eFQ9eqZxmZZle0lcdp0bLVv3v0EG/u3PLWXnKDHIHzZ3IZWZgd3ZasSfH+LJGQq9wjTcXKja0JiaeGBhUkOK0nzmMafddFAvx8mJCMiMTIJMQSnbl8JbA3ikXEE6Di5fNzhyN4U0w0Hj3jP1rPcfB1XxBcwLmrZhSBIxVME0SSTMgaL7fEPLgNtTEwMg9zt8lcn6kEpX3NG5a4R6wsKntxqpl2vYfYWwz7LbBfu1HJffwFwFbGN+JtXEMAAAAASUVORK5CYII=)
}
.bg-\[url\(\'\.\.\/assests\/icons\/arrow-left-darklilac\.png\'\)\]{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAYAAAAL4VbbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACrSURBVHgBtZExDsIwDEXtlHCOsjEysuZG3IOlNypLJUZG2HIEZkJiHCSilDhRhYTH+Pn7+wfgX4W1xn576BXpMQLT7biJb6oNUg8Q0rtqg2Q9evPpraogwUU/vJnscC88l+DTnDIwwUvAN7wUzA4M367Eymx0rI6sjqzuZBvzA9sDKefzdbCBMyXOFpB2bq3HKCAqixsA+VOciUIzZXEDJ9RxUoWN+kCAn+oFcQ18KVhd/4kAAAAASUVORK5CYII=)
}
.bg-bgProductDetail{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/3Mi79MFIeuXmA2gmA1hLKa/36a2ae748ffec76e85fce1faa52fe4ad/Background_Image.png?fm=webp&q=80)
}
.bg-rangeBannerMobile{
    background-image:url(https://milka.de/static/range-banner-mobile-bg-28c13b4872660be2b46bc9f315d89c34.png)
}
.bg-tiktok{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF4SURBVHgBrZS9TsJQFMfPubcFRxZHk5KIGicWkwaW+gTyBuob1K+ZMKNQngB8A0c3GCyuTEbUoTq5mOCm1HK8baG0fKUQ/knb3P89/d17zu0pQgyp25ca59D0R2iZ3XJ6MobB0iLlIHOVXQMIQGZQXAsIgQr5nYu6uqcrYy+GojWaUov6dLLSjiakuTdp1oyq6AqTZS+g/VpuRGfRInRKQFhEQGXkRkBuzpykur8KjezG5ELt54rrNXL7epb/cfGO8y2FIYzkpnu8EFPtJ6MjHp3IjvydhCAkAhB6EFMeKJfRszAs2lBn5su1AUvIOzVikhbyWmZ3OUgAQoJU4BBZsIL874ihFTiIBU3RU+EgmcPReDR7Ia9GiR/7zk7yqqC4gFQ/KddFY5a4bfdYQjoeAOgBZjC4nQUKWiS/ey6CWRUWisQv5CYNc1MTMrsVQzRjbRHEQedw3iwPDz6+Hu+3NtV39FIkceEGiZZgCDX51zl9eDM+54H+AXtgcfQV4wjRAAAAAElFTkSuQmCC)
}
.bg-newsletterArrow{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABKSURBVHgB7dQxCgAgDAPA4Ev8/6d8SrSLiJND6qA56OCSgJQC9jeSdUyLgdoSTnnBHh5vqDj8JFxhLkXBLalf5BJJCTIw89jZOzrZKBVbYSCE0AAAAABJRU5ErkJggg==)
}
.bg-arrowRight{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAgCAYAAADwvkPPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgB7dXRCYAgEIDhq0kaoVHaQEdogxyhDRrNERrhUrqHEBXuOqKkH4Sg+hAVBHh1iGjC2MPw8RnuRMg1OUizSptBUvjRYr4FJH0CnAprKAbHH1QBvSY4PAVu8X0POnWsryuzWrlQaQMcx6kdDcdxGoeMJoQNQoT5DCS+6tIFtyANz1vJE2qhuQ7+u6B+vx+CsAAAAABJRU5ErkJggg==)
}
.bg-shareIconBlue{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHBSURBVHgB3VVLUsJQEJzJB0pwATeAhVju5AZ6AzwBSRVlFTs5AXACZKtScASOoCcAV5awIDcgCygL8hnnKWhCssiHjfYmybwknZnu1wH4L0BIiYfZ8lLCbI9Pr4Bg6oKr31ZOp0cjGb4tS46SmfBrCr9VMuXVtqxXi+a+IkEK2Ipa8xMIYME+UTVvJRUJOlCKcp8CCbAbE+uAtSAzmXZWHntLsToZTpaFwXzd3ulQI4IXJFcHolexLq5dma6b5RPDxxuV4Ol9XUPEHiGPCMEAh1qN8/w4yrMBkhBL9iWU6l/XPAr+2r6i5O71MpoQET6ScEv+3Dm2ZGwdjiIKfMILS2IYAX994yx3BwkRSXgElyAF/ONaLAuOk1kAhXVDI8vZdpsXRQNiwteJXi6awoJeS7LYN99H1FQluxAWhpiIbOHBbKWBJLWZsMQaGey6LgfhKMqzsQPycb7usDn23TyT7XRRkdvI5LyHDMve6IcjTZTCw8VHybHcDo+wHljkLuX1ppo6hXXeK41KXiOXuoFFTgQrr/oyLVUKS0hGaJ1c83gkqjVGkWNeCF0y6vH+jAJCH9uiERKx8GjYKmpJoudv4BMiTsAg4svELAAAAABJRU5ErkJggg==)
}
.bg-closeIcon{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgBxda/SsNAHAfw3++i0DEinUTpIOrqZKWLbo6+gTq6CfYBdJZiHd30DfQJWhBpwKVuEgdT6uCgklElyXnXmGpr/txdLvQ7BHL34z7c5XIJwISC/FJbrreAokkgOL6xG1dQQGpLhzsUyRHSoH1rN/awuljfMAxoDSso3WUdl6AxHAXEi+j+K8BVUvK8LgXqDKtYwaCwIJTNzLl7POmSttN0A/Q3i8DjUJ9ZAyJqqq4cVAg1WghY+a1TX/Yk1HpoOiOwTjwL/QfrwEXQWDgPLoomwiq4DJoKy+CyaCYsgqugQnAaHo4gjwrDifhIxFEpOB2XQ3kISIQPTOjfpQ0TAJ7JoDyGTPHPRmqOt7Nl21qYXXf6b517EIwwHLd7KYDLlt0MddyWwYWecdpXRvV4zYSz3lPV4xXzoFFUcMyLquKoA1XBURcqi6NOVAZH3agojkWgIjjyToNOPelG0/DpT2+GEB/MolAePtb4f/tHCUyj/269zJerPXbfYwX7OtEoz6+WO1deu2azRgjoecc+bX8DX6O12W17WRIAAAAASUVORK5CYII=)
}
.bg-cover{
    background-size:cover
}
.bg-\[length\:15px_15px\]{
    background-size:15px 15px
}
.bg-\[length\:155\%\]{
    background-size:155%
}
.bg-contain{
    background-size:contain
}
.bg-\[length\:11px\]{
    background-size:11px
}
.bg-\[length\:18px_18px\]{
    background-size:18px 18px
}
.bg-clip-padding{
    background-clip:padding-box
}
.bg-\[8px_8px\]{
    background-position:8px 8px
}
.bg-\[114px_center\]{
    background-position:114px
}
.bg-right{
    background-position:100%
}
.bg-center{
    background-position:50%
}
.bg-\[right_center\]{
    background-position:100%
}
.bg-\[center_right_1\.5rem\]{
    background-position:center right 1.5rem
}
.\!bg-\[right_-2px\]{
    background-position:right -2px!important
}
.bg-repeat{
    background-repeat:repeat
}
.bg-no-repeat{
    background-repeat:no-repeat
}
.object-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.p-\[24px\]{
    padding:24px
}
.p-\[20px\]{
    padding:20px
}
.p-8,.p-\[8px\]{
    padding:8px
}
.p-2{
    padding:.5rem
}
.p-0{
    padding:0
}
.p-5{
    padding:5px
}
.p-13{
    padding:13px
}
.p-14{
    padding:14px
}
.p-3{
    padding:3px
}
.p-\[18px\]{
    padding:18px
}
.p-30{
    padding:30px
}
.py-\[64px\]{
    padding-bottom:64px;
    padding-top:64px
}
.px-\[12px\]{
    padding-left:12px;
    padding-right:12px
}
.px-\[24px\]{
    padding-left:24px;
    padding-right:24px
}
.py-\[42\.5px\]{
    padding-bottom:42.5px;
    padding-top:42.5px
}
.py-\[36px\]{
    padding-bottom:36px;
    padding-top:36px
}
.px-0{
    padding-left:0;
    padding-right:0
}
.px-25{
    padding-left:25px;
    padding-right:25px
}
.py-\[19px\]{
    padding-bottom:19px;
    padding-top:19px
}
.\!px-5{
    padding-left:5px!important;
    padding-right:5px!important
}
.px-24{
    padding-left:24px;
    padding-right:24px
}
.py-\[26px\]{
    padding-bottom:26px;
    padding-top:26px
}
.\!px-\[12px\]{
    padding-left:12px!important;
    padding-right:12px!important
}
.px-\[28px\]{
    padding-left:28px;
    padding-right:28px
}
.py-\[80px\]{
    padding-bottom:80px;
    padding-top:80px
}
.py-\[40px\]{
    padding-bottom:40px;
    padding-top:40px
}
.py-80{
    padding-bottom:80px;
    padding-top:80px
}
.py-40{
    padding-bottom:40px;
    padding-top:40px
}
.px-\[25px\]{
    padding-left:25px;
    padding-right:25px
}
.py-30{
    padding-bottom:30px;
    padding-top:30px
}
.px-10{
    padding-left:10px;
    padding-right:10px
}
.py-\[52px\]{
    padding-bottom:52px;
    padding-top:52px
}
.px-16{
    padding-left:16px;
    padding-right:16px
}
.px-\[45px\]{
    padding-left:45px;
    padding-right:45px
}
.px-\[10px\]{
    padding-left:10px;
    padding-right:10px
}
.py-\[47px\]{
    padding-bottom:47px;
    padding-top:47px
}
.px-\[0px\]{
    padding-left:0;
    padding-right:0
}
.px-\[40px\]{
    padding-left:40px;
    padding-right:40px
}
.py-\[56px\]{
    padding-bottom:56px;
    padding-top:56px
}
.px-\[30px\]{
    padding-left:30px;
    padding-right:30px
}
.px-32{
    padding-left:32px;
    padding-right:32px
}
.py-16{
    padding-bottom:16px;
    padding-top:16px
}
.px-\[20px\]{
    padding-left:20px;
    padding-right:20px
}
.px-\[16px\]{
    padding-left:16px;
    padding-right:16px
}
.py-20{
    padding-bottom:20px;
    padding-top:20px
}
.px-\[6\%\]{
    padding-left:6%;
    padding-right:6%
}
.py-25{
    padding-bottom:25px;
    padding-top:25px
}
.py-\[48px\]{
    padding-bottom:48px;
    padding-top:48px
}
.py-\[4px\]{
    padding-bottom:4px;
    padding-top:4px
}
.px-8{
    padding-left:8px;
    padding-right:8px
}
.py-\[10px\]{
    padding-bottom:10px;
    padding-top:10px
}
.px-20{
    padding-left:20px;
    padding-right:20px
}
.\!py-0{
    padding-bottom:0!important;
    padding-top:0!important
}
.py-\[24px\]{
    padding-bottom:24px;
    padding-top:24px
}
.py-\[28px\]{
    padding-bottom:28px;
    padding-top:28px
}
.px-\[21px\]{
    padding-left:21px;
    padding-right:21px
}
.py-\[57\.5px\]{
    padding-bottom:57.5px;
    padding-top:57.5px
}
.py-\[8px\]{
    padding-bottom:8px;
    padding-top:8px
}
.px-3{
    padding-left:3px;
    padding-right:3px
}
.py-1\.5{
    padding-bottom:.375rem;
    padding-top:.375rem
}
.py-1{
    padding-bottom:.25rem;
    padding-top:.25rem
}
.py-13{
    padding-bottom:13px;
    padding-top:13px
}
.px-\[4px\]{
    padding-left:4px;
    padding-right:4px
}
.px-15{
    padding-left:15px;
    padding-right:15px
}
.py-10{
    padding-bottom:10px;
    padding-top:10px
}
.pt-\[24px\]{
    padding-top:24px
}
.pb-\[94px\]{
    padding-bottom:94px
}
.pb-\[32px\]{
    padding-bottom:32px
}
.pt-\[96px\]{
    padding-top:96px
}
.pb-\[25px\]{
    padding-bottom:25px
}
.pl-24{
    padding-left:24px
}
.pt-\[80px\]{
    padding-top:80px
}
.pt-\[54px\]{
    padding-top:54px
}
.pb-\[18px\]{
    padding-bottom:18px
}
.pb-\[24px\]{
    padding-bottom:24px
}
.pt-\[13px\]{
    padding-top:13px
}
.pb-\[12px\]{
    padding-bottom:12px
}
.pl-10{
    padding-left:10px
}
.pt-15{
    padding-top:15px
}
.pt-8{
    padding-top:8px
}
.pt-\[48px\]{
    padding-top:48px
}
.pb-\[56px\]{
    padding-bottom:56px
}
.pt-20{
    padding-top:20px
}
.pb-16{
    padding-bottom:16px
}
.pl-\[41px\]{
    padding-left:41px
}
.pl-\[23px\]{
    padding-left:23px
}
.pt-50{
    padding-top:50px
}
.pb-40{
    padding-bottom:40px
}
.pb-\[130px\]{
    padding-bottom:130px
}
.pt-\[66px\]{
    padding-top:66px
}
.pb-\[46px\]{
    padding-bottom:46px
}
.pt-\[35px\]{
    padding-top:35px
}
.pb-\[20px\]{
    padding-bottom:20px
}
.pb-0{
    padding-bottom:0
}
.pl-\[16px\]{
    padding-left:16px
}
.pb-\[170px\]{
    padding-bottom:170px
}
.pt-\[40px\]{
    padding-top:40px
}
.pt-\[64px\]{
    padding-top:64px
}
.pb-\[80px\]{
    padding-bottom:80px
}
.pt-\[32px\]{
    padding-top:32px
}
.pb-\[96px\]{
    padding-bottom:96px
}
.pb-\[64px\]{
    padding-bottom:64px
}
.pb-30{
    padding-bottom:30px
}
.pt-\[42px\]{
    padding-top:42px
}
.pb-\[43px\]{
    padding-bottom:43px
}
.pb-\[35px\]{
    padding-bottom:35px
}
.pb-\[8px\]{
    padding-bottom:8px
}
.pr-\[30px\]{
    padding-right:30px
}
.pt-\[63px\]{
    padding-top:63px
}
.pt-\[70px\]{
    padding-top:70px
}
.pt-\[36px\]{
    padding-top:36px
}
.pt-\[45px\]{
    padding-top:45px
}
.pr-\[44px\]{
    padding-right:44px
}
.pb-\[36px\]{
    padding-bottom:36px
}
.\!pt-0{
    padding-top:0!important
}
.pb-\[90px\]{
    padding-bottom:90px
}
.pb-\[40px\]{
    padding-bottom:40px
}
.pt-0{
    padding-top:0
}
.pb-10{
    padding-bottom:10px
}
.pt-\[8px\]{
    padding-top:8px
}
.pb-\[16px\]{
    padding-bottom:16px
}
.pb-4{
    padding-bottom:4px
}
.pr-5{
    padding-right:5px
}
.pl-8{
    padding-left:8px
}
.pb-\[1\.1em\]{
    padding-bottom:1.1em
}
.pl-\[37px\]{
    padding-left:37px
}
.pr-\[43px\]{
    padding-right:43px
}
.pt-\[29px\]{
    padding-top:29px
}
.pl-20{
    padding-left:20px
}
.pb-\[51px\]{
    padding-bottom:51px
}
.pb-\[120px\]{
    padding-bottom:120px
}
.pt-\[20px\]{
    padding-top:20px
}
.pt-10{
    padding-top:10px
}
.pb-6{
    padding-bottom:6px
}
.pl-16{
    padding-left:16px
}
.pr-\[38px\]{
    padding-right:38px
}
.pl-\[32px\]{
    padding-left:32px
}
.pb-80{
    padding-bottom:80px
}
.pl-50{
    padding-left:50px
}
.pl-\[20px\]{
    padding-left:20px
}
.pr-\[50px\]{
    padding-right:50px
}
.pr-\[100px\]{
    padding-right:100px
}
.pb-\[92px\]{
    padding-bottom:92px
}
.pr-\[45px\]{
    padding-right:45px
}
.pb-\[30px\]{
    padding-bottom:30px
}
.pb-\[144px\]{
    padding-bottom:144px
}
.pl-\[49px\]{
    padding-left:49px
}
.pb-\[60px\]{
    padding-bottom:60px
}
.pl-15{
    padding-left:15px
}
.pl-\[39px\]{
    padding-left:39px
}
.pl-\[24px\]{
    padding-left:24px
}
.pl-\[40px\]{
    padding-left:40px
}
.pl-\[30px\]{
    padding-left:30px
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.align-middle{
    vertical-align:middle
}

.font-Loerrach{
    font-family:Loerrach
}
.font-CongenialRegular{
    font-family:Congenial_Regular
}
.font-CongenialLight{
    font-family:Congenial_Light
}
.text-\[38px\]{
    font-size:38px
}
.text-18{
    font-size:1.125rem
}
.text-24{
    font-size:1.5rem
}
.text-\[55px\]{
    font-size:55px
}
.text-\[30px\]{
    font-size:30px
}
.text-\[24px\]{
    font-size:24px
}
.text-30{
    font-size:1.875rem
}
.text-16{
    font-size:1rem
}
.\!text-16{
    font-size:1rem!important
}
.text-14{
    font-size:.875rem
}
.text-\[19px\]{
    font-size:19px
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.text-xl{
    font-size:1.25rem;
    line-height:1.75rem
}
.text-\[40px\]{
    font-size:40px
}
.text-\[18px\]{
    font-size:18px
}
.text-40{
    font-size:2.5rem
}
.text-\[35px\]{
    font-size:35px
}
.text-\[60px\]{
    font-size:60px
}
.text-\[58px\]{
    font-size:58px
}
.text-\[80px\]{
    font-size:80px
}
.text-\[52px\]{
    font-size:52px
}
.text-\[45px\]{
    font-size:45px
}
.text-\[50px\]{
    font-size:50px
}
.text-\[21px\]{
    font-size:21px
}
.text-\[90px\]{
    font-size:90px
}
.text-lg{
    font-size:1.125rem;
    line-height:1.75rem
}
.text-21{
    font-size:1.313rem
}
.text-\[16px\]{
    font-size:16px
}
.text-\[15px\]{
    font-size:15px
}
.text-25{
    font-size:1.5625rem
}
.text-\[14px\]{
    font-size:14px
}
.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
}
.text-\[20px\]{
    font-size:20px
}
.text-\[28px\]{
    font-size:28px
}
.text-base{
    font-size:1rem;
    line-height:1.5rem
}
.text-\[0px\]{
    font-size:0
}
.text-\[32px\]{
    font-size:32px
}
.font-\[800\]{
    font-weight:800
}
.font-\[350\]{
    font-weight:350
}
.font-\[500\],.font-medium{
    font-weight:500
}
.font-bold{
    font-weight:700
}
.font-\[300\]{
    font-weight:300
}
.font-\[700\]{
    font-weight:700
}
.font-\[400\],.font-normal{
    font-weight:400
}
.uppercase{
    text-transform:uppercase
}
.leading-40{
    line-height:40px
}
.leading-\[25\.2px\]{
    line-height:25.2px
}
.leading-\[27\.6px\]{
    line-height:27.6px
}
.leading-\[54px\]{
    line-height:54px
}
.leading-30,.leading-\[30px\]{
    line-height:30px
}
.leading-\[19\.2px\]{
    line-height:19.2px
}
.leading-\[24px\!important\]{
    line-height:24px!important
}
.leading-\[21\.6px\]{
    line-height:21.6px
}
.leading-\[16\.8px\]{
    line-height:16.8px
}
.leading-\[22\.8px\]{
    line-height:22.8px
}
.leading-\[25px\]{
    line-height:25px
}
.leading-\[17px\]{
    line-height:17px
}
.leading-\[36px\]{
    line-height:36px
}
.leading-\[40px\]{
    line-height:40px
}
.leading-\[20px\]{
    line-height:20px
}
.leading-\[50\.75px\]{
    line-height:50.75px
}
.leading-\[72px\]{
    line-height:72px
}
.leading-\[46\.8px\]{
    line-height:46.8px
}
.leading-\[27\.3px\]{
    line-height:27.3px
}
.leading-\[81px\]{
    line-height:81px
}
.leading-7{
    line-height:1.75rem
}
.leading-\[24\.15px\]{
    line-height:24.15px
}
.leading-\[24\.1px\]{
    line-height:24.1px
}
.leading-\[31\.2px\]{
    line-height:31.2px
}
.leading-\[24px\]{
    line-height:24px
}
.leading-\[28\.8px\]{
    line-height:28.8px
}
.leading-5{
    line-height:1.25rem
}
.leading-25{
    line-height:25px
}
.leading-4{
    line-height:1rem
}
.leading-\[27px\]{
    line-height:27px
}
.\!leading-\[55px\]{
    line-height:55px!important
}
.leading-\[37\.5px\]{
    line-height:37.5px
}
.leading-\[28px\]{
    line-height:28px
}
.leading-24{
    line-height:24px
}
.leading-\[22\.4px\]{
    line-height:22.4px
}
.leading-\[27\.2px\]{
    line-height:27.2px
}
.leading-\[22px\]{
    line-height:22px
}
.leading-\[21px\]{
    line-height:21px
}
.leading-\[19\.8px\]{
    line-height:19.8px
}
.leading-10{
    line-height:2.5rem
}
.leading-\[35\.2px\]{
    line-height:35.2px
}
.tracking-wide{
    letter-spacing:.025em
}
.tracking-\[1px\]{
    letter-spacing:1px
}
.tracking-\[0\]{
    letter-spacing:0
}
.text-alpineWhite,.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-darkLilac{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity))
}
.text-errorlight{
    --tw-text-opacity:1;
    color:rgb(178 16 8/var(--tw-text-opacity))
}
.text-error{
    --tw-text-opacity:1;
    color:rgb(255 174 170/var(--tw-text-opacity))
}
.text-darkBlue{
    --tw-text-opacity:1;
    color:rgb(0 53 142/var(--tw-text-opacity))
}
.\!text-alpineBlue{
    --tw-text-opacity:1!important;
    color:rgb(156 219 246/var(--tw-text-opacity))!important
}
.text-\[\#7f7f7f\]{
    --tw-text-opacity:1;
    color:rgb(127 127 127/var(--tw-text-opacity))
}
.text-\[\#00358e\]{
    --tw-text-opacity:1;
    color:rgb(0 53 142/var(--tw-text-opacity))
}
.\!text-darkLilac{
    --tw-text-opacity:1!important;
    color:rgb(59 39 116/var(--tw-text-opacity))!important
}
.\!text-alpineWhite{
    --tw-text-opacity:1!important;
    color:rgb(255 255 255/var(--tw-text-opacity))!important
}
.text-\[\#00358E\]{
    --tw-text-opacity:1;
    color:rgb(0 53 142/var(--tw-text-opacity))
}
.text-\[\#004187\]{
    --tw-text-opacity:1;
    color:rgb(0 65 135/var(--tw-text-opacity))
}
.text-alpineBlue{
    --tw-text-opacity:1;
    color:rgb(156 219 246/var(--tw-text-opacity))
}
.text-freshLilac{
    --tw-text-opacity:1;
    color:rgb(208 200 227/var(--tw-text-opacity))
}
.text-lightLilac{
    --tw-text-opacity:1;
    color:rgb(236 233 244/var(--tw-text-opacity))
}
.text-milkaLilac{
    --tw-text-opacity:1;
    color:rgb(125 105 175/var(--tw-text-opacity))
}
.text-gray-700{
    --tw-text-opacity:1;
    color:rgb(55 65 81/var(--tw-text-opacity))
}
.text-transparent{
    color:transparent
}
.text-\[\#2b2b2b\]{
    --tw-text-opacity:1;
    color:rgb(43 43 43/var(--tw-text-opacity))
}
.text-\[\#8BD1F0\]{
    --tw-text-opacity:1;
    color:rgb(139 209 240/var(--tw-text-opacity))
}
.text-\[\#8d8d8d\]{
    --tw-text-opacity:1;
    color:rgb(141 141 141/var(--tw-text-opacity))
}
.underline{
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.opacity-\[\.4\]{
    opacity:.4
}
.opacity-90{
    opacity:.9
}
.shadow-cardBorder{
    --tw-shadow:0px 5px 15px rgba(0,0,0,.35);
    --tw-shadow-colored:0px 5px 15px var(--tw-shadow-color)
}
.shadow-1,.shadow-cardBorder{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-1{
    --tw-shadow:rgba(0,0,0,.35) 0px 2px 15px;
    --tw-shadow-colored:0px 2px 15px var(--tw-shadow-color)
}
.shadow-2{
    --tw-shadow:rgba(0,0,0,.35) 0px -2px 18px;
    --tw-shadow-colored:0px -2px 18px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.filter{
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition{
    transition-duration:.15s;
    transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.delay-150{
    transition-delay:.15s
}
.duration-200{
    transition-duration:.2s
}
.duration-500{
    transition-duration:.5s
}
.ease-in-out{
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
html{
    scroll-behavior:smooth
}
img{
    outline:none
}
b{
    font-weight:400
}
strong{
    font-family:Congenial_Regular;
    font-weight:500
}
body{
    font-family:Congenial_Light;
    font-size:1rem;
    font-weight:350;
    height:100%;
    margin:0;
    overflow-x:hidden;
    padding:0;
    position:relative
}
.primaryBtn{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity));
    border-radius:200px;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:55px;
    padding:16px 24px
}
@media (min-width:1024px){
    .primaryBtn{
        width:auto
    }
}
.secondaryBtn{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(59 39 116/var(--tw-bg-opacity));
    border-radius:200px;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:55px;
    line-height:22.8px;
    padding:16px 24px;
    width:200px
}
@media (min-width:1024px){
    .secondaryBtn{
        width:200px
    }
}
.tertiaryBtn{
    --tw-border-opacity:1;
    --tw-text-opacity:1;
    border-color:rgb(156 219 246/var(--tw-border-opacity));
    border-radius:200px;
    border-width:2px;
    color:rgb(156 219 246/var(--tw-text-opacity));
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:55px;
    line-height:22.8px;
    padding:16px 32px
}
@media (min-width:1024px){
    .tertiaryBtn{
        width:200px
    }
}
.mainWrapper{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/43YI6hc0eEP9Oo5CYzb7zx/470be2308fbd78641a80ad30be94d159/Seamless_Blatten_1.png?fm=webp&q=80)
}
main{
    margin-left:auto;
    margin-right:auto
}
#pageNotFound main{
    background-image:none
}
@media (min-width:1024px){
    .innerWrapper{
        margin-left:auto;
        margin-right:auto;
        max-width:1248px
    }
}
.close{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB7Y/RCcAgDEQzQkfI/st0hI5ypZCCSJQT8yX3QAQ176GZECIFwBPLibf+vzeWGEDsFyHHaqAdvLPIdxZ3YH9LR7bls0iZfBKpkw8itfIkUi/vIm5CnMUL+ujlqWKSwQMAAAAASUVORK5CYII=) no-repeat 100%
}
.close,.open{
    padding-right:24px
}
.open{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgB7ZIBCsAgCEX/EXaE7n+JjtARdhSXYCCjhS0HI3wgBMn7KAJBsBdElLjwBSI/pRI8UfIGvw94wKJaRYlbUFkO6cjTbZr3IT25+lsLGcldQmpzHskfQjKszJyjPl9YkRWZR57tD4KfcQFap/F92AhaLQAAAABJRU5ErkJggg==) no-repeat 100%
}
.open:after{
    bottom:-10px;
    content:"";
    display:block;
    height:2px;
    position:absolute;
    width:100%
}
.discoverRangeBtn,.open:after,.viewAll{
    --tw-bg-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity))
}
.discoverRangeBtn,.viewAll{
    --tw-text-opacity:1;
    align-items:center;
    border-radius:200px;
    color:rgb(59 39 116/var(--tw-text-opacity));
    display:flex;
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:45px;
    justify-content:center;
    line-height:22.8px;
    margin-bottom:16px;
    max-width:265px;
    padding:14px 16px 8px
}
@media (min-width:1024px){
    .discoverRangeBtn,.viewAll{
        max-width:290px
    }
}
.allProductsBtn{
    --tw-border-opacity:1;
    --tw-text-opacity:1;
    align-items:center;
    border-color:rgb(156 219 246/var(--tw-border-opacity));
    border-radius:200px;
    border-width:2px;
    color:rgb(156 219 246/var(--tw-text-opacity));
    display:flex;
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:45px;
    justify-content:center;
    line-height:22.8px;
    max-width:265px;
    padding-bottom:8px;
    padding-top:12px
}
@media (min-width:1024px){
    .allProductsBtn{
        max-width:290px
    }
}
.linkGroupWrpr:before{
    --tw-bg-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity));
    content:"";
    display:block;
    height:169px;
    left:0;
    position:absolute
}
@media (min-width:1024px){
    .linkGroupWrpr:before{
        width:1px
    }
}
.subMenu:before{
    --tw-bg-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity));
    content:"";
    display:block;
    height:169px;
    left:0;
    position:absolute;
    width:0
}

@media (min-width:1024px){
    .subMenu:before{
        width:1px
    }
}
.iconSearch{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/2yZRxJKE8APLyyaN7pAMZ3/55fd8c2051287664e4607ffc64c08f60/search_icon.png?fm=webp);
    height:42px;
    position:absolute;
    right:2px;
    top:1.5px;
    width:42px
}
.external-link-icon{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC+SURBVHgB7ZTRDYMwDEQviAE6QkZghHaEbtDNOkpHaDcgG3QE15b4CC4RdggSHzwpiqKYOyc4Bk4OBRFFHl+a88j2R1pBa3ZqHXlcsOMJrlMiL2N81KfSMR0qEXGeJBGZUymuymBB/NbMYEk8hJCaGHjFXQY14kIPA0bxZBH6K1NViuNkZsZyRe5r8RrAIi4tJW8rpSDXS1bftn3JVkpVNHAyTzQg5AsWHXh6YwP8n2aavdr8sMkd9S074cTLD0ciw29iEdGFAAAAAElFTkSuQmCC) no-repeat right -2px;
    padding-right:25px
}
.languageIcon:before{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgB1VXtUYNAED0yFkAHXgl0ICXYgSmBDqCD2IFaghWgFZAOjg6wg3VPd+PLzh0Bh/zIm9lJeLefb7jFuSujmDskopJ/9mwPbBWbl6Mj28j2zvZRFMXo1iAmZmvZJrqMEH3XJPdsAyTo2RpTbBKuN4X8kuQBAmrhD8Dp+UHOKhPj5wqo4yD6awKFF9NpapB0sLE2eQtdlMD3wnfAdSofcCU02KWkOXUJvHYfjH9ppxC+Fm46m4If9rQ9mph7JzWe3PaocYIgVSv0ABnubTTIGi7yOlMiSZJfE7dzV4YWGKWylSLH656K+DJ8hfydPMTl5WPCjCLjjFJlRsYjTvDptsfb6R+tvTgu/eZR5sLqoV7/s11C6VXRqq9pMlhfl3Ho6W/Z4RR22T1CrDYSKLXsYMQAjl74V+D0/AUaGGxMFqbITyL63VX2g7OntR8cI9czLUMs1mVlWTCNdmoniFzzr8Q3hW8kW5C6VR5SMAAAAABJRU5ErkJggg==) no-repeat;
    content:" ";
    display:block;
    height:24px;
    width:24px
}
@media (min-width:1024px){
    .fatFooter .linksGrpWrapper .footerLinks>li:last-child>a,.footerLinks>li:last-child>div{
        border-style:none
    }
}
.fatFooter .linksGrpWrapper:last-child .footerLinks>li:last-child>a,.fatFooter .linksGrpWrapper:last-child .footerLinks>li:nth-child(3)>a{
    border-style:none
}
@media (min-width:1024px){
    .fatFooter .linksGrpWrapper:last-child .footerLinks>li:nth-child(3)>a{
        --tw-border-opacity:1;
        border-color:rgb(208 200 227/var(--tw-border-opacity));
        border-right-width:1px;
        border-style:solid
    }
}
.fatFooter .linksGrpWrapper:last-child .footerLinks li:first-child>div{
    border-style:none
}
@media (min-width:1024px){
    .fatFooter .linksGrpWrapper:last-child .footerLinks li:first-child>div{
        --tw-border-opacity:1;
        border-color:rgb(208 200 227/var(--tw-border-opacity));
        border-right-width:1px;
        border-style:solid
    }
}
.fatFooter>ul:first-child>li:last-child{
    flex-basis:100%
}
@media (min-width:1024px){
    .fatFooter>ul:first-child>li:last-child{
        flex-basis:auto
    }
}
.fatFooter>ul:last-child>li:first-child{
    flex-basis:100%
}
@media (min-width:1024px){
    .fatFooter>ul:last-child>li:first-child{
        flex-basis:auto
    }
}
.fatFooter>ul:last-child>li:last-child{
    flex-basis:50%;
    text-align:left
}
@media (min-width:1024px){
    .fatFooter>ul:last-child>li:last-child{
        flex-basis:auto;
        text-align:center
    }
}
.fatFooter>ul:last-child>li:nth-last-child(2){
    flex-basis:50%;
    text-align:right
}
@media (min-width:1024px){
    .fatFooter>ul:last-child>li:nth-last-child(2){
        flex-basis:auto;
        text-align:center
    }
}
.fatFooter .footerLinks>li:nth-child(3)>div{
    border-style:none
}
@media (min-width:1024px){
    .fatFooter .footerLinks>li:nth-child(3)>div{
        --tw-border-opacity:1;
        border-color:rgb(208 200 227/var(--tw-border-opacity));
        border-right-width:1px;
        border-style:solid
    }
}
.fatFooter .footerLinks:last-child{
    padding-bottom:0
}
.countrySelected:after{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNTsJAFP6mLdG44gh4A7yB3sDRAwgLksJG2BkiUgXX4IruYK0hhRN4BDhCj8BSFnScadpm+ksFNhK+5KV9M2++b2beewOccDTo6NOKsOi4ggPguTHvgihjYVGRvQVeGvNHwhwjjZJgDzzpVqlAsOC/RW9o1htRKsfsfAKP/Fsit9UzVKNxOwtoCiz+KQXkDDfGkK4OItCtWwPCUPZ9BrQMk9pJsTGBdu2z3K5ZZaRAVIwDNH2fJ/i1P6KztPiQgCgxVSssVA2LTn3ajJHrX9dyxTDGPt7MewMZCJ/AUYrS1EAQ+p5IKiHaOCAnWPbNuya2QJMd9QITZ40HfqfuFXFCixNf/ZxjVVi7FVPyQm3NAUUOxPrA4DvdkDAZtyW322AjDJdpSd0qIInIDRSAJ7j1PqJD5ERimYrdMRa/AlExfyF312RNdnSrwiP8xMaegTzIbLSeSSe8i6rYoJX0DJzwP/ALy7R3cgmrqnIAAAAASUVORK5CYII=);
    content:"";
    height:24px;
    position:absolute;
    right:8px;
    width:24px
}
@media (min-width:1024px){
    .countrySelected:after{
        right:16px
    }
}
.mobile-navClose .navContent,.navClose{
    opacity:0;
    transform:scaleY(0);
    transform-origin:top center;
    transition:transform .25s ease,opacity 0ms linear .25s,visibility 0ms linear .25s;
    visibility:hidden
}
.navOpen{
    display:flex;
    transition:transform .25s ease,opacity 0ms,visibility 0ms
}
.mobile-navOpen .navContent,.navOpen{
    opacity:1;
    transform:scaleY(1);
    transform-origin:top center;
    visibility:visible
}
.mobile-navOpen .navContent{
    transition:transform .25s ease-in-out,opacity 0ms,visibility 0ms
}
@media (min-width:1024px){
    .navOpen .subNavContainer{
        margin-top:134px
    }
}
.navOpen .subNavContainer{
    display:flex
}
.navContainer .nav-item .active:after{
    --tw-bg-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity));
    bottom:-10px;
    content:"";
    display:block;
    height:2px;
    position:absolute;
    width:100%
}
.navContainer>li.nav-item:last-child a.external-link-icon{
    background-position:right -4px!important
}
.navClose .navContent,.navClose .searchContainer,.navClose .subNav,.navClose .subNavContainer{
    display:none
}
.subNav.navOpen{
    z-index:11
}
#homePage .headerContainer:has(.mobile-navOpen){
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/43YI6hc0eEP9Oo5CYzb7zx/470be2308fbd78641a80ad30be94d159/Seamless_Blatten_1.png?fm=webp&q=80)
}
.navOpen:has(.searchContainer){
    padding-top:93px
}
@media (min-width:1024px){
    .navOpen:has(.searchContainer){
        padding-top:25px
    }
}
.headerWrapper{
    z-index:11
}
#pageNotFound header,.headerWrapper{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/43YI6hc0eEP9Oo5CYzb7zx/470be2308fbd78641a80ad30be94d159/Seamless_Blatten_1.png?fm=webp&q=80)
}
@media (min-width:1248px) and (max-width:1390px){
    .rightTopsorting .sortCTA:has(ul){
        right:0!important
    }
}
@media only screen and (device-width:1024px){
    .headerContent{
        padding-left:20px!important;
        padding-right:20px!important
    }
    .bannerContentWrapr{
        left:50%;
        padding-left:24px;
        padding-right:24px
    }
    .navOpen .subNavContainer,.textContainer{
        padding-left:20px!important;
        padding-right:20px!important
    }
    .countryWrapper{
        margin-left:20px!important;
        margin-right:20px!important
    }
    .bannerContentWrapr .heading{
        font-size:30px
    }
    .homepage_banner .slick-next{
        left:59.8%!important
    }
    .homepage_banner .slick-prev{
        left:39%!important
    }
    .iPadPadding{
        padding-left:24px;
        padding-right:24px
    }
}
@media (max-width:767px){
    .filter-cta-wrapper .primaryBtn,.filter-cta-wrapper .tertiaryBtn{
        height:42px;
        line-height:42px;
        padding-bottom:0;
        padding-top:0
    }
    main>div.range-detail:nth-child(3) .title_wrapper{
        bottom:36px
    }
    @supports (-webkit-touch-callout:none){
        .nav-items li.nav-item img.arrow{
            top:1px
        }
        .nav-items li.nav-item .icon{
            background-position:right 4px
        }
    }
    .sustainability-two-col .two-col-wrapper>div:first-child{
        margin-bottom:30px
    }
    .campaign-slider .slick-dots{
        display:none!important
    }
}
.error-heading>p:first-child{
    font-size:150px;
    font-weight:800;
    line-height:100px
}
.error-heading>p:nth-child(2){
    font-size:60px;
    line-height:60px
}
.headerContainer{
    margin-bottom:-1px
}
#homePage .headerContainer{
    background-color:transparent;
    background-image:none
}
#homePage .headerWrapper{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/43YI6hc0eEP9Oo5CYzb7zx/470be2308fbd78641a80ad30be94d159/Seamless_Blatten_1.png?fm=webp&q=80)
}
.filterMainWrapper{
    background:url(https://milka.de/static/filters-bg-b15ec3e1565f419169d93ca35a9517d5.png) repeat-x top
}
.closeFilter .filter-toggle,.closeFilter .rightTopsorting{
    z-index:0
}
.closeFilter .filterWrap{
    visibility:visible;
    z-index:10
}
.filterWrapper ::-webkit-scrollbar{
    width:6px
}
.filterWrapper ::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.4);
    border-radius:10px
}
.filterCTA button{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.filterCTA>span{
    left:-10px;
    position:relative
}
.filterWrapper .arrow-down{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB7Y/RCcAgDEQzQkfI/st0hI5ypZCCSJQT8yX3QAQ176GZECIFwBPLibf+vzeWGEDsFyHHaqAdvLPIdxZ3YH9LR7bls0iZfBKpkw8itfIkUi/vIm5CnMUL+ujlqWKSwQMAAAAASUVORK5CYII=)
}
.filterWrapper .arrow-down,.filterWrapper .arrow-up{
    background-position:100%;
    background-repeat:no-repeat;
    background-size:24px 24px
}
.filterWrapper .arrow-up{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgB7ZIBCsAgCEX/EXaE7n+JjtARdhSXYCCjhS0HI3wgBMn7KAJBsBdElLjwBSI/pRI8UfIGvw94wKJaRYlbUFkO6cjTbZr3IT25+lsLGcldQmpzHskfQjKszJyjPl9YkRWZR57tD4KfcQFap/F92AhaLQAAAABJRU5ErkJggg==)
}
.filterWrapper .accordian-wrapper [type=checkbox]{
    --tw-border-opacity:1;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-color:rgb(255 255 255/var(--tw-border-opacity));
    border-radius:3px;
    border-width:2px;
    color:transparent;
    cursor:pointer;
    display:block;
    height:20px;
    padding:3px;
    vertical-align:middle;
    width:20px
}
.filterWrapper .accordian-wrapper [type=checkbox]:before{
    content:"";
    display:block;
    height:10px;
    width:10px
}
.filterWrapper .accordian-wrapper [type=checkbox]:checked:before{
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABxSURBVHgBjZDRDYAwCETbDRihI7iZbqAbdYSO0BEYBVulkWAVSAgfPO7CxeAsIoI+oxNObRQPeym3Rrorew4yw8hOv/D+gtkSJvBKTy1ygdquAwLetFKRttzjySN8pFAZqK5ElOpwg2Akkmb/WEdgKZ+odMHPxhb4mQAAAABJRU5ErkJggg==) no-repeat 100%;
    background-size:contain;
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.rightTopsorting .sortCTA:has(ul){
    --tw-bg-opacity:1;
    background-color:rgb(125 105 175/var(--tw-bg-opacity));
    border-radius:10px;
    padding-bottom:14px;
    padding-left:7px;
    padding-right:7px;
    right:-17px;
    top:-7px;
    width:192px
}
@media (min-width:768px){
    .rightTopsorting .sortCTA:has(ul){
        padding-bottom:14px;
        padding-left:16px;
        padding-right:16px;
        width:209px
    }
}
@media (min-width:1024px){
    .rightTopsorting .sortCTA:has(ul){
        right:-10px
    }
}
@media (min-width:1248px){
    .rightTopsorting .sortCTA:has(ul){
        right:-72px
    }
}
.rightTopsorting .sortCTA:has(ul){
    box-shadow:0 3px 10px rgba(0,0,0,.2)
}
.searchProductListing{
    border:0
}
.newletter_recipe_shadow,.searchProductListing{
    box-shadow:0 9px 9px 0 rgba(0,0,0,.2)
}
.rightTopsorting .sortCTA ul li button{
    cursor:pointer;
    display:inline-block;
    font-size:1.5rem;
    line-height:28px;
    margin-bottom:16px;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
.rightTopsorting .sortCTA ul li:first-child button{
    align-items:center;
    display:flex;
    font-family:Congenial_Regular;
    font-size:1rem;
    justify-content:center;
    line-height:19.2px;
    margin-bottom:16px;
    padding-top:8px;
    text-transform:capitalize
}
.rightTopsorting .sortCTA ul li{
    text-align:center
}
.rightTopsorting .sortCTA ul li.active-sorting-list button{
    --tw-border-opacity:1;
    border-bottom-width:2px;
    border-color:rgb(255 255 255/var(--tw-border-opacity));
    font-family:Congenial_Regular;
    font-weight:700;
    width:auto
}
#pageNotFound .mainWrapper{
    background-image:none
}
.nutritionTable{
    padding-top:32px;
    width:100%
}
@media (min-width:768px){
    .nutritionTable{
        padding-left:12px;
        padding-top:0
    }
}
@media (min-width:1248px){
    .nutritionTable{
        padding-left:32px
    }
}
.nutritionTable table tr{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(208 200 227/var(--tw-bg-opacity));
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-size:1rem;
    font-weight:300;
    line-height:19.2px;
    text-transform:capitalize
}
.nutritionTable table{
    --tw-text-opacity:1;
    border-collapse:separate;
    border-spacing:0 8px;
    color:rgb(255 255 255/var(--tw-text-opacity));
    margin-top:-10px;
    width:100%
}
@media (min-width:1024px){
    .nutritionTable table{
        width:100%
    }
}
.nutritionTable table th{
    font-family:Congenial_Regular;
    font-size:1.5rem;
    line-height:27.6px;
    margin-top:24px;
    text-align:left
}
.nutritionTable table tr td:first-child{
    padding-left:12px
}
@media (min-width:768px){
    .nutritionTable table tr td:last-child{
        padding-right:12px
    }
}
@media (min-width:1248px){
    .nutritionTable table tr td:last-child{
        padding-right:.25rem
    }
}
.nutritionTable table tr:nth-child(odd) td{
    background-color:rgb(208 200 227/var(--tw-bg-opacity));
    border-color:rgb(208 200 227/var(--tw-border-opacity))
}
.nutritionTable table tr:nth-child(2n) td,.nutritionTable table tr:nth-child(odd) td{
    --tw-border-opacity:1;
    --tw-bg-opacity:1;
    border-style:solid;
    border-width:1px;
    padding-bottom:7px;
    padding-top:7px
}
.nutritionTable table tr:nth-child(2n) td{
    background-color:rgb(255 255 255/var(--tw-bg-opacity));
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.nutritionTable table td:first-child{
    border-bottom-left-radius:8px;
    border-top-left-radius:8px
}
.nutritionTable table td:last-child{
    border-bottom-right-radius:8px;
    border-top-right-radius:8px
}
.nutritionTable table td>br{
    display:none
}
.similarProducts .slick-track{
    margin-left:auto;
    margin-right:auto
}
.similarProducts .take-your-pick-slider .slick-slider .slick-slide{
    max-width:none
}
.cookie-page__content h1,.footer-static-pages h1{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:29px;
    line-height:1.3;
    margin-bottom:10px
}
@media (min-width:768px){
    .cookie-page__content h1,.footer-static-pages h1{
        font-size:3.75rem;
        line-height:54px
    }
}
.footer-static-pages h2{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:1.875rem;
    line-height:30px;
    margin-bottom:10px
}
@media (min-width:768px){
    .footer-static-pages h2{
        font-size:2.5rem;
        line-height:40px
    }
}
.cookie-page__content h3,.footer-static-pages h3{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:1.313rem;
    line-height:24px;
    margin-bottom:10px
}
@media (min-width:768px){
    .cookie-page__content h3,.footer-static-pages h3{
        font-size:2rem;
        line-height:35px
    }
}
.cookie-page__content p,.footer-static-pages p{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-size:1rem;
    line-height:22.4px;
    margin-bottom:24px;
    overflow-wrap:break-word;
    white-space:break-spaces
}
.footer-static-pages p>b{
    font-weight:700
}
.country-select-wrapper ::-webkit-scrollbar{
    width:7px
}
.country-select-wrapper ::-webkit-scrollbar-thumb{
    background:#a9a8a8;
    border-radius:10px
}
.cookie-page__content ul.list-marker{
    list-style-type:disc;
    margin-bottom:20px;
    margin-left:20px
}
.cookie-page__content ul.list-marker,.cookie-page__content ul.list-marker li{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity))
}
.search-arrow:after{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADvSURBVHgBrdGxDsFAGAfw7+uVGCUMJjqJmIxSFm9hwxs08QLMSHgCvAGjiQExGrGUMJJ0VE3zuSNtSk5C4oYvd5df7v73HcC/BxMlnzG0VKxoJuN64nhZTmRQESVyBQuAxNQopOv9j3C271rE3BLHFiBWZRiDCz1r5NBlU74dBaLBYtepSaGXVyE2RUCNAEdh26mJG1GWJ4iBcB26OSUmg6fzytJi+oEQy/zOhBtSbOmJz6wqzwpRDoeLTbuK3yC/PTLE8/U89AJ57yo+QmjOty0jeAh6r2Skmo8NgTbtxnskVRTxhU4Y1qjAWIZ+GndSClpxqpxrjQAAAABJRU5ErkJggg==);
    content:"";
    display:block;
    height:15.45px;
    margin-top:-2px;
    width:10px
}
.tab-wrapper li:first-child{
    align-items:center;
    border-bottom-left-radius:360px;
    border-top-left-radius:360px;
    display:flex
}
.tab-wrapper li:last-child{
    align-items:center;
    border-bottom-right-radius:360px;
    border-top-right-radius:360px;
    display:flex;
    justify-content:center
}
.listClass.active{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    align-items:center;
    background-color:rgb(59 39 116/var(--tw-bg-opacity));
    color:rgb(255 255 255/var(--tw-text-opacity));
    display:flex;
    font-family:Congenial_Regular;
    font-size:24px;
    font-weight:500;
    height:60px;
    line-height:27.6px;
    padding-left:16px;
    padding-right:16px
}
@media (min-width:768px){
    .listClass.active{
        padding-left:24px
    }
}
.listClass{
    --tw-border-opacity:1;
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    align-items:center;
    background-color:rgb(255 255 255/var(--tw-bg-opacity));
    border-color:rgb(59 39 116/var(--tw-border-opacity));
    border-width:1.8px;
    color:rgb(59 39 116/var(--tw-text-opacity));
    display:flex;
    font-family:Congenial_Regular;
    font-size:24px;
    font-weight:500;
    height:60px;
    justify-content:center;
    line-height:27.6px;
    padding-left:16px;
    padding-right:16px;
    width:50%
}
@media (min-width:768px){
    .listClass{
        padding-left:24px;
        width:auto
    }
}
.cookie-page__content #ot-sdk-cookie-policy .ot-sdk-container{
    padding:0
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section{
    margin:0
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group,.cookie-page__content h2{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:1.5rem;
    line-height:27.6px;
    margin-bottom:10px
}
.cookie-page__content #cookie-policy-description,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-size:1rem;
    line-height:22.4px;
    margin-bottom:24px
}
.cookie-page__content #ot-sdk-btn.ot-sdk-show-settings{
    --tw-translate-x:-50%;
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(59 39 116/var(--tw-bg-opacity));
    border-radius:200px;
    border-style:none;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Congenial_Regular;
    font-size:19px;
    height:55px;
    left:50%;
    line-height:55px;
    padding:0 18px;
    position:relative;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width:234px
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table{
    border-style:none;
    margin-bottom:24px;
    width:100%;
    word-break:break-all
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead{
    background-color:transparent
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th{
    --tw-text-opacity:1;
    background-color:transparent;
    border-style:none;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-size:18px;
    line-height:21.6px;
    padding:8px;
    width:33.333333%
}
@media (min-width:768px){
    .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th{
        padding:8px 0;
        width:auto
    }
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th{
    border-bottom:1px solid #3b2774
}
@media (min-width:768px){
    .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th:nth-child(2){
        width:50%
    }
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td{
    padding:8px
}
@media (min-width:768px){
    .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td{
        padding:8px 0
    }
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td{
    border-bottom:1px solid #3b2774
}
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td a,.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td span{
    --tw-text-opacity:1;
    border-style:none;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-size:16px;
    line-height:22.4px;
    -webkit-text-decoration-line:none;
    text-decoration-line:none
}
.noSearchResultPage .heading{
    margin-top:64px
}
@media (min-width:768px){
    .noSearchResultPage .heading{
        margin-top:96px
    }
}
.noSearchResultPage .allProducts{
    margin-bottom:64px
}
@media (min-width:768px){
    .noSearchResultPage .allProducts{
        margin-bottom:96px
    }
}
.noSearchResultPage .noResultsWrapper{
    padding-left:24px;
    padding-right:24px
}
@media (min-width:768px){
    .noSearchResultPage .noResultsWrapper{
        padding-left:0;
        padding-right:0
    }
}
.news-letter-wrapper .disclaimer-wrapper [type=checkbox]{
    --tw-border-opacity:1;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-color:rgb(255 255 255/var(--tw-border-opacity));
    border-radius:3px;
    border-width:2px;
    color:transparent;
    cursor:pointer;
    display:block;
    height:20px;
    padding:3px;
    vertical-align:middle;
    width:20px
}
.news-letter-wrapper .disclaimer-wrapper [type=checkbox]:before{
    content:"";
    display:block;
    height:10px;
    width:10px
}
.news-letter-wrapper .disclaimer-wrapper [type=checkbox]:checked:before{
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABxSURBVHgBjZDRDYAwCETbDRihI7iZbqAbdYSO0BEYBVulkWAVSAgfPO7CxeAsIoI+oxNObRQPeym3Rrorew4yw8hOv/D+gtkSJvBKTy1ygdquAwLetFKRttzjySN8pFAZqK5ElOpwg2Akkmb/WEdgKZ+odMHPxhb4mQAAAABJRU5ErkJggg==) no-repeat 100%;
    background-size:contain;
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.news-letter-wrapper .disclaimer-wrapper input.error{
    --tw-border-opacity:1;
    border-color:rgb(255 174 170/var(--tw-border-opacity))
}
.news-letter-wrapper .disclaimer-wrapper input.error+label{
    --tw-text-opacity:1;
    color:rgb(255 174 170/var(--tw-text-opacity))
}
.news-letter-wrapper label:has(+div input:focus){
    font-family:Congenial_Regular
}
.news-letter-wrapper label:has(+div input.error),.news-letter-wrapper label:has(+select.error){
    --tw-text-opacity:1;
    color:rgb(255 174 170/var(--tw-text-opacity))
}
.news-letter-wrapper .selectWrapper .error,.news-letter-wrapper form input.error{
    --tw-text-opacity:1;
    color:rgb(140 29 24/var(--tw-text-opacity))
}
.news-letter-wrapper .selectWrapper select{
    background:#fff url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEvSURBVHgB7dU9TgJRFMXx+0YTTWxcgo3WbsHYacMOxNLS3hg0LoAdOK7B2OoWtKaRHdCQkEB4vAMkPD4G7szcV3F+Cd/DcP7JJIgQEREREdG+ctoDb0/e7mTs2+FpTzLX+uo/fYihqufPRGvsW+H+NNzOwvN8+oNG5uPz6Pxt7Xf1AbOTLxhFRONjPVFSB3jvH9ferBlRMF4y719E6UB7YGf083t+eNV1zjWWPvDSuDi6/u8Mv/+khC3j7z8Hz7n2POoAsIqwGg+lAqBuhOV4KB0AVSOsx0OlACgbkWI8VA4AbUSq8aD+J97m5vi1GSLe1z7IXHP6mGg8mARAYcQGVuOh1iUUK7ycVliOB7MA2BVhPR5MA6AoIsV4MA+AKOISr8P4hxTjiYiIiIhov00A9jHlVfR7LRgAAAAASUVORK5CYII=) no-repeat;
    background-size:30px 30px
}
.newsletter-wrapper .spinner{
    animation:spin 4s linear infinite;
    height:50px;
    left:50%;
    margin-left:-25px;
    margin-top:-25px;
    position:absolute;
    top:50%;
    width:50px
}
@keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
.brandText .subHeading{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Congenial_Light;
    font-size:21px;
    font-weight:350;
    line-height:27.3px
}
@media (min-width:768px){
    .brandText .subHeading{
        font-size:24px;
        line-height:31.2px
    }
}
.brandText .heading{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:60px;
    line-height:54px;
    text-transform:uppercase
}
@media (min-width:1024px){
    .brandText .heading{
        font-size:80px;
        line-height:72px;
        margin-left:82px
    }
}
.brandText .description{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Congenial_Light;
    font-size:21px;
    font-weight:350;
    line-height:27.3px
}
@media (min-width:768px){
    .brandText .description{
        max-width:546px
    }
}
@media (min-width:1024px){
    .brandText .description{
        font-size:24px;
        line-height:31.2px;
        margin-left:187px
    }
}
.brandColContainer>div>.linkCardsWrpr:first-child{
    align-self:flex-start;
    margin-top:82px
}
@media (min-width:1024px){
    .brandColContainer>div>.linkCardsWrpr:first-child{
        align-self:flex-end;
        margin-top:0
    }
}
.brandColContainer>div>.linkCardsWrpr:nth-child(2){
    margin-left:24px;
    margin-right:24px;
    margin-top:54px;
    max-width:610px
}
@media (min-width:1024px){
    .brandColContainer>div>.linkCardsWrpr:nth-child(2){
        margin-left:0;
        margin-right:0;
        margin-top:200px
    }
}
.brandColContainer>div>.linkCardsWrpr:last-child{
    align-self:flex-end;
    margin-top:54px
}
@media (min-width:1024px){
    .brandColContainer>div>.linkCardsWrpr:last-child{
        align-self:flex-start;
        margin-top:71px
    }
}
.brandColContainer>div{
    justify-content:space-between
}
.sustainability-two-col .two-col-wrapper>div:first-child .description{
    max-width:472px
}
.sustainability-text .heading{
    --tw-text-opacity:1;
    color:rgb(125 105 175/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:40px;
    line-height:40px;
    margin-bottom:8px;
    text-transform:uppercase
}
@media (min-width:1024px){
    .sustainability-text .heading{
        font-size:60px;
        line-height:54px;
        margin-bottom:24px;
        padding-left:65px
    }
}
.sustainability-text .description{
    --tw-text-opacity:1;
    color:rgb(125 105 175/var(--tw-text-opacity));
    font-family:Congenial_Light;
    font-size:18px;
    font-weight:350;
    line-height:25.2px;
    max-width:550px
}
@media (min-width:1024px){
    .sustainability-text .description{
        padding-left:65px
    }
}
.sustainability-text p.description:nth-child(2){
    margin-bottom:16px
}
@media (min-width:1024px){
    .sustainability-text p.description:nth-child(2){
        margin-bottom:65px
    }
}
.sustainability-last-section .heading{
    --tw-text-opacity:1;
    color:rgb(125 105 175/var(--tw-text-opacity));
    font-family:Congenial_Regular;
    font-size:1.313rem;
    font-weight:500;
    line-height:24.15px;
    margin-bottom:30px
}
@media (min-width:768px){
    .sustainability-last-section .heading{
        text-transform:uppercase
    }
}
@media (min-width:1024px){
    .sustainability-last-section .heading{
        font-family:Loerrach;
        font-size:2.5rem;
        font-weight:800;
        line-height:36px
    }
}
.sustainability-last-section .heading sup{
    font-family:Congenial_Regular;
    font-size:22px;
    line-height:32.4px
}
@media (min-width:1024px){
    .sustainability-last-section .description{
        max-width:578px
    }
}
.sustainability-last-section .description,.sustainability-last-section .description.fullWidth{
    --tw-text-opacity:1;
    color:rgb(125 105 175/var(--tw-text-opacity));
    font-size:1.125rem;
    line-height:25.2px
}
@media (min-width:1024px){
    .sustainability-last-section .description,.sustainability-last-section .description.fullWidth{
        margin-left:auto;
        margin-right:auto
    }
}
.sustainability-last-section .description.fullWidth>a,.sustainability-last-section .description>a{
    display:inline-block;
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.sustainability-last-section .description.fullWidth{
    margin-left:0;
    margin-right:0;
    max-width:100%
}
.sustainability-three-img-text div.image-text-wrapper:nth-child(2){
    position:relative;
    z-index:10
}
@media (min-width:1024px){
    .sustainability-three-img-text div.image-text-wrapper:nth-child(2){
        width:47%
    }
}
.sustainability-three-img-text div.image-text-wrapper:nth-child(3){
    position:relative
}
@media (min-width:1024px){
    .sustainability-three-img-text div.image-text-wrapper:nth-child(3){
        left:-35px;
        width:53%
    }
}
@media (min-width:1248px){
    .sustainability-three-img-text div.image-text-wrapper:nth-child(3){
        left:-50px
    }
}
.sustainability_heading>h2{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Congenial_Regular;
    font-size:1.313rem;
    line-height:24.15px;
    margin-bottom:8px
}
@media (min-width:1024px){
    .sustainability_heading>h2{
        font-size:1.5rem;
        line-height:27.6px;
        margin-top:9%
    }
}
.newsletter_desc>p>a{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(59 39 116/var(--tw-bg-opacity));
    border-radius:200px;
    color:rgb(255 255 255/var(--tw-text-opacity));
    display:block;
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:55px;
    line-height:22.8px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0!important;
    padding:16px 24px;
    text-align:center;
    width:-moz-fit-content!important;
    width:fit-content!important;
    width:200px
}
@media (min-width:1024px){
    .newsletter_desc>p>a{
        width:200px
    }
}
@media (min-width:768px){
    .newsletter_desc>p>a{
        display:inline-block
    }
}
.newsletter_desc h2{
    font-family:Loerrach;
    font-size:40px;
    font-weight:800;
    line-height:40px;
    margin-bottom:16px;
    text-transform:uppercase
}
@media (min-width:1024px){
    .newsletter_desc h2{
        font-size:60px;
        line-height:54px
    }
}
.rightImg_heading>h2{
    font-size:40px;
    line-height:40px
}
@media (min-width:1024px){
    .rightImg_heading>h2{
        font-size:60px;
        line-height:54px
    }
}
.sustainability-last-section .description.sub-heading{
    margin-bottom:40px
}
.sustainabilityHeading>h2{
    font-family:Loerrach;
    font-size:40px;
    line-height:40px;
    text-transform:uppercase
}
@media (min-width:1248px){
    .sustainabilityHeading>h2{
        font-size:100px;
        line-height:90px
    }
}
#onetrust-consent-sdk #onetrust-banner-sdk{
    background-color:transparent!important;
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/1wLDtyFfWbfAxAPbQxpudg/650ef3fb67f662adcfa2b950f23c1b00/Cookie_Banner.png?fm=webp&q=80);
    background-repeat:no-repeat;
    background-size:100% 100%;
    border:none!important;
    box-shadow:none!important;
    display:block;
    height:80%!important;
    width:100%
}
@media (min-width:768px){
    #onetrust-consent-sdk #onetrust-banner-sdk{
        height:auto!important
    }
}
@media (min-width:1024px){
    #onetrust-consent-sdk #onetrust-banner-sdk{
        background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/1uYDPRuA8odvoXvwKDvJjM/ab561632d85a45aacf5bed98d231e233/CookieBannerDesktop.png?fm=webp&q=80)
    }
}
#onetrust-consent-sdk .ot-sdk-row{
    padding-top:60px!important
}
#onetrust-consent-sdk #onetrust-policy-text{
    --tw-text-opacity:1!important;
    color:rgb(255 255 255/var(--tw-text-opacity))!important;
    font-size:16px!important;
    line-height:19.2px!important
}
#onetrust-consent-sdk #onetrust-banner-sdk :focus,#onetrust-consent-sdk #onetrust-banner-sdk:focus{
    outline:2px solid transparent!important;
    outline-offset:2px!important
}
#onetrust-accept-btn-handler{
    --tw-border-opacity:1!important;
    --tw-bg-opacity:1!important;
    --tw-text-opacity:1!important;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))!important;
    border-color:rgb(255 255 255/var(--tw-border-opacity))!important;
    border-radius:200px!important;
    border-width:2px!important;
    color:rgb(125 105 175/var(--tw-text-opacity))!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:16px!important;
    padding-bottom:16px!important;
    padding-top:16px!important;
    width:246px!important
}
@media (min-width:1024px){
    #onetrust-accept-btn-handler{
        width:-moz-fit-content!important;
        width:fit-content!important
    }
}
#onetrust-pc-btn-handler,#onetrust-reject-all-handler{
    --tw-border-opacity:1!important;
    --tw-text-opacity:1!important;
    background-color:transparent!important;
    border-color:rgb(255 255 255/var(--tw-border-opacity))!important;
    border-radius:200px!important;
    border-width:2px!important;
    color:rgb(255 255 255/var(--tw-text-opacity))!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:16px!important;
    padding-bottom:16px!important;
    padding-top:16px!important;
    width:246px!important
}
@media (min-width:1024px){
    #onetrust-pc-btn-handler,#onetrust-reject-all-handler{
        width:-moz-fit-content!important;
        width:fit-content!important
    }
}
.ot-cookie-policy-link{
    --tw-border-opacity:1!important;
    --tw-text-opacity:1!important;
    border-color:rgb(255 255 255/var(--tw-border-opacity))!important;
    color:rgb(255 255 255/var(--tw-text-opacity))!important;
    font-weight:500
}
#onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent{
    top:65%!important
}
#onetrust-banner-sdk #onetrust-pc-btn-handler{
    padding-left:5px!important;
    padding-right:5px!important
}
#onetrust-button-group{
    text-align:center!important
}
.richtext-wrapper-white h2{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:40px;
    font-weight:800;
    line-height:40px;
    margin-bottom:20px;
    text-align:left;
    text-transform:uppercase
}
@media (min-width:1024px){
    .richtext-wrapper-white h2{
        font-size:60px;
        line-height:54px
    }
}
.richtext-wrapper-white p{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-family:Congenial_Light;
    font-size:1.125rem;
    line-height:25.2px;
    text-align:left
}
.richtext-wrapper-purple h2{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Loerrach;
    font-size:34px;
    font-weight:800;
    line-height:40px;
    margin-bottom:20px;
    overflow-wrap:break-word;
    text-align:left;
    text-transform:uppercase
}
@media (min-width:1024px){
    .richtext-wrapper-purple h2{
        font-size:60px;
        line-height:54px
    }
}
.richtext-wrapper-purple p{
    font-family:Congenial_Light;
    font-size:1.125rem;
    line-height:25.2px;
    text-align:left
}
.richtext-wrapper-purple p,.ski-sponsor-img-right h2{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.ski-sponsor-img-right h2{
    font-family:Loerrach;
    font-size:40px;
    font-weight:800;
    line-height:40px;
    margin-bottom:10px;
    text-transform:uppercase
}
@media (min-width:1024px){
    .ski-sponsor-img-right h2{
        font-size:60px;
        line-height:54px;
        margin-bottom:16px
    }
}
.ski-sponsor-img-left ul.list{
    font-family:Congenial_Light;
    font-size:1.125rem;
    line-height:25.2px;
    list-style-type:disc;
    padding-bottom:24px;
    padding-left:35px
}
.ski-sponsor-img-left h2,.ski-sponsor-img-left ul.list{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.ski-sponsor-img-left h2{
    font-family:Loerrach;
    font-size:40px;
    font-weight:800;
    line-height:40px;
    margin-bottom:10px;
    text-transform:uppercase
}
@media (min-width:1024px){
    .ski-sponsor-img-left h2{
        font-size:60px;
        line-height:54px;
        margin-bottom:16px
    }
}
.ski-sponsor-img-right p{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    font-family:Congenial_Light;
    font-size:1.125rem;
    line-height:25.2px;
    max-width:490px;
    padding-bottom:24px
}
.image-tab-slider{
    margin-left:-6px;
    margin-right:-6px
}
.image-tab-slider .slick-slider .slick-track{
    display:flex;
    justify-content:center
}
.image-tab-slider .slick-slider .slick-slide{
    display:flex;
    justify-content:center;
    padding:54px 6px 30px;
    position:relative
}
@media (min-width:1024px){
    .image-tab-slider .slick-slider .slick-slide{
        padding:67px 14px 45px;
        width:188px!important
    }
    .image-tab-slider .slick-slider .slick-track{
        margin-left:auto;
        margin-right:auto
    }
}
.image-tab-slider .slick-slider .slick-list{
    padding:0!important
}
.image-tab-slider .slick-slider .slick-track .slick-slide .initial-slide-card:after{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAARCAYAAABgpdrLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFLSURBVHgB1ZdNTsJAGIbfDyWujByBI3CEegMmXgAXJoWNXRrDj9XEuOzKkLgoeyWNJ9Ab4A3oEUhcEaBlJmwZKMxfeVbfouniyZOZbwglIAiS2uUcMQizRYbwbchSOKYCx/Q73/dcypSPTeRoVQk/PX/cgmMIjnjwkzqXEPPR2/oBYeSyHifFiEq4lAlkUgSbeia99jiAA6wWs7cSOekix7XNeqwV0+8kg72VyBFCp+IfsITxYh7vkkaliphyNKAHK/UYEyOu4Ks5BhkfYQAiPD2/sxCGMCKm6396ROfiLKnDLOlqCfb6wf6gGa1iTFeyg+j/AmEUsRk0oU2MxUpkpMiz8GV4M4IGlMU4rGQ7mhZDJTHd9leTcCYqqaFcKNdzlBiFRc0uCvUcvOAVWufLgsKjtHAxJ1OJnF++GN4WradQMSdViRzvkEfpGjfuh2yt55cEAAAAAElFTkSuQmCC) no-repeat 100%;
    bottom:-1px;
    content:"";
    display:block;
    height:16px;
    left:50%;
    margin-left:-35px;
    position:absolute;
    width:70px
}
.image-tab-slider .slick-slider .slick-track .slick-slide .initial-slide-card img{
    --tw-border-opacity:1;
    border-color:rgb(125 105 175/var(--tw-border-opacity));
    border-width:2px
}
.image-tab-slider .slick-slider .slick-track .slick-slide .initial-slide-card .title{
    font-family:Congenial_Regular;
    line-height:19.2px;
    min-height:44px
}
@media (min-width:1024px){
    .image-tab-slider .slick-slider .slick-track .slick-slide .initial-slide-card .title{
        line-height:27.6px;
        min-height:62px
    }
}
.loaderLogo{
    position:absolute
}
.splash-screen{
    --tw-bg-opacity:1;
    align-items:center;
    animation:loaded 1s ease-in-out forwards;
    animation-delay:1s;
    background-color:rgb(126 107 173/var(--tw-bg-opacity));
    display:flex;
    height:100%;
    justify-content:center;
    left:0;
    overflow:hidden;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:1000
}
.loaderLogoAnimate{
    max-width:90px
}
@media (min-width:1024px){
    .loaderLogoAnimate{
        max-width:124px
    }
}
.loaderLogoAnimate{
    animation:myAnim 1s ease 2s normal forwards;
    animation-delay:1s;
    transform:scale(2)
}
@keyframes loaded{
    0%{
        background-color:#7e6bad
    }
    0%{
        --tw-bg-opacity:1;
        background-color:rgb(126 107 173/var(--tw-bg-opacity))
    }
    to{
        background-color:transparent;
        visibility:hidden
    }
}
@keyframes myAnim{
    0%{
        left:50%;
        margin-left:-45px;
        margin-top:-31px;
        top:50%;
        transform:translate(-50%,-50%);
        transform:scale(2)
    }
    to{
        left:10.6%;
        margin:0;
        top:2%;
        transform:scale(1);
        visibility:hidden
    }
}
@media (max-width:1024px){
    .splash-screen{
        --tw-bg-opacity:1;
        align-items:center;
        animation:loaded1 1s ease-in-out forwards;
        animation-delay:1s;
        background-color:rgb(126 107 173/var(--tw-bg-opacity));
        display:flex;
        height:100%;
        justify-content:center;
        left:0;
        overflow:hidden;
        position:fixed;
        right:0;
        top:0;
        width:100%;
        z-index:1000
    }
    .loaderLogoAnimate{
        max-width:90px
    }
    @media (min-width:1024px){
        .loaderLogoAnimate{
            max-width:124px
        }
    }
    .loaderLogoAnimate{
        animation:myAnim1 1s ease 2s normal forwards;
        animation-delay:1s;
        transform:scale(2)
    }
    @keyframes loaded1{
        0%{
            background-color:#7e6bad
        }
        to{
            background-color:transparent;
            visibility:hidden
        }
    }
    @keyframes myAnim1{
        0%{
            left:50%;
            margin-left:-45px;
            margin-top:-31px;
            top:50%;
            transform:translate(-50%,-50%);
            transform:scale(2)
        }
        to{
            left:24px;
            margin:0;
            top:12px;
            transform:scale(1);
            visibility:hidden
        }
    }
}
.receipeDetail>div+.responsiveImgWrpr{
    left:50%;
    position:absolute;
    top:78px;
    translate:-50% 0;
    width:258px;
    z-index:3
}
@media (min-width:768px){
    .receipeDetail>div+.responsiveImgWrpr{
        top:140px;
        width:400px
    }
}
@media (min-width:1024px){
    .receipeDetail>div+.responsiveImgWrpr{
        width:563px
    }
}
.rightContent .receipeSteps>div>ul{
    font-family:Congenial_Regular;
    font-size:18px;
    line-height:25.2px;
    list-style-type:decimal;
    margin-left:20px
}
.rightContent .receipeSteps>div>ul li{
    font-family:Congenial_Light;
    margin-bottom:15px
}
.leftContent .receipeSteps>div>ul{
    font-family:Congenial_Regular;
    font-size:16px;
    font-weight:500;
    line-height:21.6px;
    margin-bottom:48px;
    margin-left:0
}
@media (min-width:768px){
    .leftContent .receipeSteps>div>ul{
        font-size:18px
    }
}
.leftContent .receipeSteps>div>ul li{
    align-items:center;
    -moz-column-gap:8px;
    column-gap:8px;
    display:flex;
    margin-bottom:24px
}
.leftContent .receipeSteps>div>ul li.preparation:before{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgBtVaLcYMwDFVyGYAN6hEYgRHYoB4hnQCP0E4QOkHbCWCDdAOyAWygykRuhAKJCeTdKWBb8tPHKAa4A0RMSCzJgaQh2Yu1iuTIaxksARMVJC0O4RShhHfIwlx4b9lYo1URljgOb2vmEDq1Qc1OJDCeCcs6mjSdQ/rO9clm2OjMtJOktJCTFLAQHPHXzfT6CeFZEbGhGUuv0qsEaaUXC1mvOxuF+jq475g84Zmf37KnVuhaWAGbzaajx5uY6jO3JclJDE+WpHiClUB7lfToeNif8kAY8Anr40O8557whQcdeVTD+qjFe7qjnx+WEzwHv+Ld7CgqB0+EPzxUuzDsa/goXnFOv2RsuStU/hlpU8M5/YakwfNfk5lSVg2iA+6XAQlEAocN3hPbCb1c6LnQpAfdYAapb3GlIk6VjlzPQ4cf73nxxBYvvdgph8J8Kw2aR6NUxHs1LsS+B+3hf1pgBXB0EkYrVLxgYSFUKgdp1kpWzUWfWmGTKrJjjFHCETexEePllifRYExzwOEVofeS66yPvM+K/878p6Wvk3V0hvD6+8KxeuD1vRSZ2MEjwPHrn5sgbDlSA0vBEe9JvmVNec6TZLHp+wM9enluCxeAPAAAAABJRU5ErkJggg==);
    background-repeat:no-repeat;
    background-size:100% 100%;
    content:" ";
    display:block;
    height:27px;
    width:27px
}
.leftContent .receipeSteps>div>ul li.total:before{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHPSURBVHgBvVaBcYMwDBRZoGzQbFBGYIRuUDYoG4RMkGwAGzQbwAa5TgCdgHQCVQpyqjgG7IT27/6cGFlvS0gmggAgYkyDIaOLougES4JEUuKe2KIbPF8SX+ERkIOEWGMYWmI25TcaEdvQUFjTHLpPYifksK6JLzJqVMQthbsDj5OV1q4bDpfkb2wNh71ynHY9J7ZTC3piDgEQ4dYSjceMN5ZYAneAT0U8Kl/1mJFGMuGQw5tNhUv8tcpfbhvo+BcwfYJa7LIZu9SKWKx3c4k5zMBX0HGQc52uiKmy2cKyqNTvdyOoO0QDC4LqsKHhS/4mRvBZJk5ehRqORsaY07cyyjB0kb9Ap36fBf8VLGiulyfPNd8yljj03DDQos7Uiqc956LQpTRVIvTscNVQrFpZgyekfrWzD9d6/O04vZnI0bPLjAhneN3GUvVMd5uDmYyl9SDqFhQmasLcWvM3ncY80DnZwQKQk1/y7Nphrwze4AHg7W2RuYx0Lu8WdYiVU8aFJRpUZzjclTpSx9l3wiHa4sSFK+ng57W1bl5MOcmtnWon7LgUHtGNPYa+7ZKLCsPQoKpDFyIfYRgu6QyGb1C9c/Ot2jDl/lsecvrgBsH4AWTFmcgQFemRAAAAAElFTkSuQmCC);
    background-repeat:no-repeat;
    background-size:100% 100%;
    content:" ";
    display:block;
    height:27px;
    width:27px
}
.leftContent table{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity));
    border-radius:8px;
    color:rgb(59 39 116/var(--tw-text-opacity));
    font-size:16px;
    line-height:19.2px;
    width:100%
}
@media (min-width:768px){
    .leftContent table{
        width:343px
    }
}
.leftContent table tr td{
    padding:12px
}
.leftContent h1{
    font-family:Congenial_Regular;
    font-size:21px;
    font-weight:500;
    line-height:24.15px;
    margin-bottom:24px
}
@media (min-width:768px){
    .leftContent h1{
        font-size:24px;
        line-height:27.6px
    }
}
.leftContent h5{
    font-family:Congenial_Regular;
    font-size:21px;
    font-weight:500;
    line-height:24.15px;
    margin-bottom:24px;
    margin-top:48px
}
@media (min-width:768px){
    .leftContent h5{
        font-size:24px;
        line-height:27.6px
    }
}
.leftContent ul{
    font-family:Congenial_Light;
    font-size:16px;
    font-weight:500;
    line-height:19.2px;
    list-style-type:disc;
    margin-left:20px
}
@media (min-width:768px){
    .leftContent ul{
        font-size:18px;
        line-height:21.6px
    }
}
.leftContent ul li{
    margin-bottom:12px;
    margin-top:12px
}
.receipeCards>div+div{
    display:flex;
    flex-wrap:wrap;
    row-gap:24px
}
@media (min-width:768px){
    .receipeCards>div+div{
        -moz-column-gap:24px;
        column-gap:24px;
        flex-wrap:nowrap
    }
}
.newsletter_receipePage>p>a{
    --tw-border-opacity:1;
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity));
    border-color:rgb(255 255 255/var(--tw-border-opacity));
    border-width:1px;
    color:rgb(59 39 116/var(--tw-text-opacity))
}
.shareIconContainer div{
    height:40px;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition-duration:.5s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    width:40px
}
@media (min-width:768px){
    .shareIconContainer div{
        left:0;
        top:0
    }
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:last-child{
    left:3.4em!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(3){
    left:8.9em!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(2){
    left:11.7em!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(4) div{
    left:0!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(4){
    left:6.1em!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:last-child img{
    left:-14.1em!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:first-child{
    left:14.5em!important;
    opacity:1
}
#shareIcons:not(.noHover):hover .shareIconContainer>div:last-child div{
    left:0!important;
    opacity:1
}
@media only screen and (max-width:768px){
    div#shareIcons:not(.noHover):hover div.shareIconContainer>div:first-child{
        left:-6em!important;
        opacity:1;
        top:3.4em
    }
    div#shareIcons:not(.noHover):hover div.shareIconContainer>div:nth-child(5){
        left:6em!important;
        opacity:1;
        top:3.4em
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(3){
        left:0!important;
        opacity:1;
        top:3.4em
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(4){
        left:2em!important;
        opacity:1;
        top:3.4em
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(4) div{
        left:1em!important;
        opacity:1;
        top:0
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:nth-child(2){
        left:-3em!important;
        opacity:1;
        top:3.4em
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:last-child img{
        left:-14.1em!important;
        opacity:1
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:last-child{
        left:14.5em!important;
        opacity:1
    }
    #shareIcons:not(.noHover):hover .shareIconContainer>div:last-child div{
        left:0!important;
        opacity:1
    }
}
@media print{
    @page{
        size:A3 landscape
    }
    .headerContainer{
        position:static
    }
    .bgImgParent,.iconWrapper,.navContainer,.newletter_recipe_shadow,.print-noshow,.receipeCards,footer{
        display:none
    }
    .responsiveImgWrpr img{
        width:100%
    }
}
.card-slider-inner-pages>div:last-child .slick-track{
    margin-left:auto;
    margin-right:auto
}
@media (min-width:768px){
    .threeColCards>div>div:first-child>div{
        flex-basis:45%
    }
}

@media (min-width:1024px){
    .threeColCards>div>div:first-child>div{
        flex-basis:30.33%
    }
}
.richtext-wrapper-purple>div>h3{
    font-family:Congenial_Regular;
    font-size:24px;
    font-weight:500;
    margin-bottom:10px;
    margin-top:10px;
    text-align:left
}
.richtext-wrapper-purple>div>h3,.sageMitPlainTxt p{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    line-height:25.2px
}
.sageMitPlainTxt p{
    font-family:Congenial_Light;
    font-size:1.125rem;
    margin-left:auto;
    margin-right:auto;
    max-width:750px
}
.sageMitPlainTxt p>a{
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.leftContent .receipeSteps>div>ul li.time:before{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAYAAACUJBTQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFwSURBVHgBvVaLccIwDFW4DsAG9QbNCIyQDUI3yAbQCdoNygbtBtAJkg1MJ4ANVKmxr44R/gX67nQJsaSnZ/lDBQVAREUPneq/gH/AA5TjKzD2RLaEe4GmssUpOrglKGHtEWxTA5dkDdma3wN+ikw7BG8pyTnp3qtMJRJ8xJKz5B5lKJCVugQ6pNg27eQlHlg6N1AK5qo9AhUiaLzkB7IVhFW/5hBkN418Nl5R9TXfygTs6NGab7uqqp4jBAqmx8qZbAgGJEuWY6Lgs6tx4l9IxRFuDZzuBQX3AP4t2eSjOxd8Ctu1/w0zYWZCmZ8DTf3ZDlj0MBO8Sp18K/udG28VKJiPR+d9iLLnAsczTOzvAqabqIVy8Faw/T2EKihSg5fHkpKcOsdBY8Z+MUW6V8N7yHmfS2QU9MlxguTfqqTpM74bb5r5vY4VJlXmJuiNnYRxnUTgkW3xUtU18K1Z9h8Lx4auyT5xvIItjjjeml1q8h9GigpEU9XcbAAAAABJRU5ErkJggg==);
    background-repeat:no-repeat;
    background-size:100% 100%;
    content:" ";
    display:block;
    height:27px;
    width:27px
}
@media only screen and (min-width:1280px){
    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent{
        width:49%!important
    }
    #onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent{
        left:53%!important
    }
}
@media only screen and (width:320px){
    #besser-schmeckt{
        font-size:50px
    }
    .social-slider .slick-slider .slick-dots{
        width:100%!important
    }
    .social-slider .slick-prev{
        left:10%!important
    }
    .social-slider .slick-next{
        left:86%!important
    }
    .productName{
        font-size:32px
    }
    .productImage{
        max-width:280px
    }
    .campaign-slider .right-slider .slick-slide{
        max-width:300px
    }
    #milkas-engagement-im-kakaoanbau{
        font-size:38px
    }
    .iconList{
        max-width:75px
    }
    .brandCardHeading{
        font-size:35px;
        line-height:35px
    }
    #imageCard1901{
        top:73px!important
    }
    #imageCard1909{
        top:81px!important
    }
    #imageCard1964{
        top:91px!important
    }
    #imageCard1965{
        top:90px!important
    }
    #imageCard1972{
        top:85px!important
    }
    #imageCard1977{
        top:78px!important
    }
    #imageCard1986{
        top:70px!important
    }
    #imageCard1987{
        top:59px!important
    }
    #imageCard1995{
        top:50px!important
    }
    #imageCard2011{
        top:40px!important
    }
    #imageCard2018{
        top:30px!important
    }
    #imageCard2019{
        top:22px!important
    }
    #imageCard2021{
        top:15px!important
    }
    #imageCard2022{
        top:12px!important
    }
    .productSliderHeading{
        padding:2px
    }
    .searchBannerHeading{
        font-size:33px;
        line-height:35px
    }
    .title_wrapper{
        top:40%
    }
}
.productIngredients strong{
    font-weight:700
}
@media only screen and (min-width:1024px){
    .homepage_banner{
        max-height:391px
    }
}
@media only screen and (min-width:1280px){
    .homepage_banner{
        max-height:580px
    }
    .heroBanner.imgWrpr{
        height:580px;
        max-height:580px
    }
}
@media only screen and (min-width:1600px){
    .homepage_banner{
        max-height:800px
    }
    .heroBanner.imgWrpr{
        height:800px;
        max-height:800px;
        -o-object-fit:fill;
        object-fit:fill
    }
}
@media only screen and (min-width:431px) and (max-width:900px) and (orientation:landscape) and (hover:none){
    .productSliderHeading{
        padding:0
    }
    .primaryBtn{
        margin-top:100px
    }
    .slick-prev{
        left:15%!important
    }
    .slick-next{
        left:80%!important
    }
}
@media only screen and (min-width:375px) and (max-width:395px){
    .searchBannerHeading{
        font-size:35px;
        line-height:40px
    }
}
@media screen and (max-width:450px){
    .bannerContentWrapr .subtitle{
        font-size:45px
    }
    .text-content .sm-heading{
        font-size:25px
    }
}
@media screen and (max-width:374px){
    .ski-sponsring-title,.text-center-break,.text-content .sub-heading{
        font-size:42px
    }
    .text-content .sm-heading{
        font-size:23px
    }
}
.placeholder\:text-\[16px\]::-moz-placeholder{
    font-size:16px
}
.placeholder\:text-\[16px\]::placeholder{
    font-size:16px
}
.placeholder\:leading-\[22\.4px\]::-moz-placeholder{
    line-height:22.4px
}
.placeholder\:leading-\[22\.4px\]::placeholder{
    line-height:22.4px
}
.placeholder\:text-darkLilac::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity))
}
.placeholder\:text-darkLilac::placeholder{
    --tw-text-opacity:1;
    color:rgb(59 39 116/var(--tw-text-opacity))
}
.before\:absolute:before{
    content:var(--tw-content);
    position:absolute
}
.before\:h-\[35px\]:before{
    content:var(--tw-content);
    height:35px
}
.before\:w-\[35px\]:before{
    content:var(--tw-content);
    width:35px
}
.before\:rounded-\[0\.3rem\]:before{
    border-radius:.3rem;
    content:var(--tw-content)
}
.before\:border-2:before{
    border-width:2px;
    content:var(--tw-content)
}
.before\:bg-white:before{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity));
    content:var(--tw-content)
}
.before\:pr-5:before{
    content:var(--tw-content);
    padding-right:5px
}
.before\:text-\[11px\]:before{
    content:var(--tw-content);
    font-size:11px
}
.before\:content-\[\'\/\'\]:before{
    --tw-content:"/";
    content:var(--tw-content)
}
.before\:content-\[\'\'\]:before{
    --tw-content:"";
    content:var(--tw-content)
}
.first\:rounded-tl-\[5px\]:first-child{
    border-top-left-radius:5px
}
.last\:rounded-tr-\[5px\]:last-child{
    border-top-right-radius:5px
}
.odd\:pb-20:nth-child(odd){
    padding-bottom:20px
}
.hover\:cursor-pointer:hover{
    cursor:pointer
}
.hover\:bg-\[\#002D5E\]:hover{
    --tw-bg-opacity:1;
    background-color:rgb(0 45 94/var(--tw-bg-opacity))
}
.hover\:text-white:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.focus\:border-\[4px\]:focus{
    border-width:4px
}
.focus\:border-blue-600:focus{
    --tw-border-opacity:1;
    border-color:rgb(37 99 235/var(--tw-border-opacity))
}
.focus\:border-milkaLilac:focus{
    --tw-border-opacity:1;
    border-color:rgb(125 105 175/var(--tw-border-opacity))
}
.focus\:bg-white:focus{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.focus\:text-gray-700:focus{
    --tw-text-opacity:1;
    color:rgb(55 65 81/var(--tw-text-opacity))
}
.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px
}
.focus-visible\:border-0:focus-visible{
    border-width:0
}
.focus-visible\:outline-0:focus-visible{
    outline-width:0
}
.disabled\:opacity-50:disabled{
    opacity:.5
}
@media (min-width:768px){
    .md\:absolute{
        position:absolute
    }
    .md\:relative{
        position:relative
    }
    .md\:top-\[70px\]{
        top:70px
    }
    .md\:left-\[-22\%\]{
        left:-22%
    }
    .md\:top-\[30\%\]{
        top:30%
    }
    .md\:left-\[90px\]{
        left:90px
    }
    .md\:bottom-\[14\%\]{
        bottom:14%
    }
    .md\:left-\[44\%\]{
        left:44%
    }
    .md\:order-none{
        order:0
    }
    .md\:m-0{
        margin:0
    }
    .md\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .md\:mx-8{
        margin-left:8px;
        margin-right:8px
    }
    .md\:mx-0{
        margin-left:0;
        margin-right:0
    }
    .md\:mx-20{
        margin-left:20px;
        margin-right:20px
    }
    .md\:mb-24{
        margin-bottom:24px
    }
    .md\:mt-0{
        margin-top:0
    }
    .md\:mr-\[32px\]{
        margin-right:32px
    }
    .md\:mb-60{
        margin-bottom:60px
    }
    .md\:mt-\[150px\]{
        margin-top:150px
    }
    .md\:mb-80{
        margin-bottom:80px
    }
    .md\:mt-\[80px\]{
        margin-top:80px
    }
    .md\:mt-\[136px\]{
        margin-top:136px
    }
    .md\:mb-8{
        margin-bottom:8px
    }
    .md\:mr-\[51px\]{
        margin-right:51px
    }
    .md\:mb-\[109px\]{
        margin-bottom:109px
    }
    .md\:mt-40{
        margin-top:40px
    }
    .md\:mt-\[250px\]{
        margin-top:250px
    }
    .md\:mt-\[48px\]{
        margin-top:48px
    }
    .md\:mb-\[40px\]{
        margin-bottom:40px
    }
    .md\:mb-32{
        margin-bottom:32px
    }
    .md\:mb-\[120px\]{
        margin-bottom:120px
    }
    .md\:mt-\[1px\]{
        margin-top:1px
    }
    .md\:mr-32{
        margin-right:32px
    }
    .md\:block{
        display:block
    }
    .md\:flex{
        display:flex
    }
    .md\:inline-flex{
        display:inline-flex
    }
    .md\:hidden{
        display:none
    }
    .md\:h-\[78\%\]{
        height:78%
    }
    .md\:h-\[442px\]{
        height:442px
    }
    .md\:h-full{
        height:100%
    }
    .md\:h-\[200px\]{
        height:200px
    }
    .md\:h-auto{
        height:auto
    }
    .md\:h-\[300px\]{
        height:300px
    }
    .md\:h-\[40px\]{
        height:40px
    }
    .md\:max-h-\[300px\]{
        max-height:300px
    }
    .md\:max-h-\[391px\]{
        max-height:391px
    }
    .md\:min-h-\[100px\]{
        min-height:100px
    }
    .md\:min-h-\[300px\]{
        min-height:300px
    }
    .md\:min-h-auto{
        min-height:auto
    }
    .md\:min-h-\[620px\]{
        min-height:620px
    }
    .md\:w-\[49\%\]{
        width:49%
    }
    .md\:w-\[50\%\]{
        width:50%
    }
    .md\:w-\[26\.7\%\]{
        width:26.7%
    }
    .md\:w-auto{
        width:auto
    }
    .md\:w-fit{
        width:-moz-fit-content;
        width:fit-content
    }
    .md\:w-\[352px\]{
        width:352px
    }
    .md\:w-\[563px\]{
        width:563px
    }
    .md\:w-\[200px\]{
        width:200px
    }
    .md\:w-\[48\%\]{
        width:48%
    }
    .md\:w-full{
        width:100%
    }
    .md\:w-\[468px\]{
        width:468px
    }
    .md\:w-\[78\%\]{
        width:78%
    }
    .md\:w-\[20\%\]{
        width:20%
    }
    .md\:w-\[40px\]{
        width:40px
    }
    .md\:max-w-none{
        max-width:none
    }
    .md\:max-w-\[50\%\]{
        max-width:50%
    }
    .md\:max-w-\[600px\]{
        max-width:600px
    }
    .md\:max-w-\[506px\]{
        max-width:506px
    }
    .md\:max-w-\[550px\]{
        max-width:550px
    }
    .md\:max-w-\[480px\]{
        max-width:480px
    }
    .md\:basis-\[33\.33\%\]{
        flex-basis:33.33%
    }
    .md\:basis-\[50\%\]{
        flex-basis:50%
    }
    .md\:translate-x-\[-50\%\]{
        --tw-translate-x:-50%
    }
    .md\:scale-\[1\.45\],.md\:translate-x-\[-50\%\]{
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:scale-\[1\.45\]{
        --tw-scale-x:1.45;
        --tw-scale-y:1.45
    }
    .md\:scale-\[1\.3\]{
        --tw-scale-x:1.3;
        --tw-scale-y:1.3;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:scroll-mt-100{
        scroll-margin-top:100px
    }
    .md\:flex-row{
        flex-direction:row
    }
    .md\:flex-row-reverse{
        flex-direction:row-reverse
    }
    .md\:flex-nowrap{
        flex-wrap:nowrap
    }
    .md\:justify-start{
        justify-content:flex-start
    }
    .md\:justify-end{
        justify-content:flex-end
    }
    .md\:justify-between{
        justify-content:space-between
    }
    .md\:gap-24{
        gap:24px
    }
    .md\:gap-x-56{
        -moz-column-gap:56px;
        column-gap:56px
    }
    .md\:gap-x-\[50px\]{
        -moz-column-gap:50px;
        column-gap:50px
    }
    .md\:gap-x-\[32px\]{
        -moz-column-gap:32px;
        column-gap:32px
    }
    .md\:break-normal{
        overflow-wrap:normal;
        word-break:normal
    }
    .md\:rounded-r-\[16px\]{
        border-bottom-right-radius:16px;
        border-top-right-radius:16px
    }
    .md\:rounded-l-\[0px\]{
        border-bottom-left-radius:0;
        border-top-left-radius:0
    }
    .md\:rounded-l-\[16px\]{
        border-bottom-left-radius:16px;
        border-top-left-radius:16px
    }
    .md\:rounded-r-\[0px\]{
        border-bottom-right-radius:0;
        border-top-right-radius:0
    }
    .md\:border-b-0{
        border-bottom-width:0
    }
    .md\:border-r-1,.md\:border-r-\[1px\]{
        border-right-width:1px
    }
    .md\:bg-none{
        background-image:none
    }
    .md\:bg-rangeBanner{
        background-image:url(https://milka.de/static/range-banner-bg-9af61a57ceb90c2ff4b54a37e625cc5e.png)
    }
    .md\:object-fill{
        -o-object-fit:fill;
        object-fit:fill
    }
    .md\:p-\[56px\]{
        padding:56px
    }
    .md\:p-\[15px\]{
        padding:15px
    }
    .md\:px-\[24px\]{
        padding-left:24px;
        padding-right:24px
    }
    .md\:py-\[96px\]{
        padding-bottom:96px;
        padding-top:96px
    }
    .md\:px-24{
        padding-left:24px;
        padding-right:24px
    }
    .md\:px-0{
        padding-left:0;
        padding-right:0
    }
    .md\:px-\[12px\]{
        padding-left:12px;
        padding-right:12px
    }
    .md\:px-80{
        padding-left:80px;
        padding-right:80px
    }
    .md\:py-\[24px\]{
        padding-bottom:24px;
        padding-top:24px
    }
    .md\:\!px-32{
        padding-left:32px!important;
        padding-right:32px!important
    }
    .md\:\!px-\[24px\]{
        padding-left:24px!important;
        padding-right:24px!important
    }
    .md\:py-\[37\.27px\]{
        padding-bottom:37.27px;
        padding-top:37.27px
    }
    .md\:py-80{
        padding-bottom:80px;
        padding-top:80px
    }
    .md\:px-10{
        padding-left:10px;
        padding-right:10px
    }
    .md\:py-0{
        padding-bottom:0;
        padding-top:0
    }
    .md\:px-16{
        padding-left:16px;
        padding-right:16px
    }
    .md\:px-7{
        padding-left:7px;
        padding-right:7px
    }
    .md\:pt-\[75px\]{
        padding-top:75px
    }
    .md\:pb-\[96px\]{
        padding-bottom:96px
    }
    .md\:pb-0{
        padding-bottom:0
    }
    .md\:pt-\[0px\]{
        padding-top:0
    }
    .md\:pr-\[32px\]{
        padding-right:32px
    }
    .md\:pt-\[60px\]{
        padding-top:60px
    }
    .md\:pb-\[35px\]{
        padding-bottom:35px
    }
    .md\:pb-\[135px\]{
        padding-bottom:135px
    }
    .md\:pt-12{
        padding-top:12px
    }
    .md\:pt-80{
        padding-top:80px
    }
    .md\:pb-60{
        padding-bottom:60px
    }
    .md\:pt-\[76px\]{
        padding-top:76px
    }
    .md\:pb-\[110px\]{
        padding-bottom:110px
    }
    .md\:pb-\[64px\]{
        padding-bottom:64px
    }
    .md\:pr-0{
        padding-right:0
    }
    .md\:pb-\[40px\]{
        padding-bottom:40px
    }
    .md\:pt-0{
        padding-top:0
    }
    .md\:pt-\[20px\]{
        padding-top:20px
    }
    .md\:pl-10{
        padding-left:10px
    }
    .md\:pl-16{
        padding-left:16px
    }
    .md\:pb-\[128px\]{
        padding-bottom:128px
    }
    .md\:text-left{
        text-align:left
    }
    .md\:text-center{
        text-align:center
    }
    .md\:font-Loerrach{
        font-family:Loerrach
    }
    .md\:text-40{
        font-size:2.5rem
    }
    .md\:\!text-\[19px\]{
        font-size:19px!important
    }
    .md\:text-60{
        font-size:3.75rem
    }
    .md\:text-\[40px\]{
        font-size:40px
    }
    .md\:text-\[60px\]{
        font-size:60px
    }
    .md\:text-\[24px\]{
        font-size:24px
    }
    .md\:text-\[56px\]{
        font-size:56px
    }
    .md\:text-24{
        font-size:1.5rem
    }
    .md\:text-16{
        font-size:1rem
    }
    .md\:text-\[80px\]{
        font-size:80px
    }
    .md\:text-\[32px\]{
        font-size:32px
    }
    .md\:text-20{
        font-size:1.25rem
    }
    .md\:text-\[16px\]{
        font-size:16px
    }
    .md\:leading-\[27\.3px\]{
        line-height:27.3px
    }
    .md\:leading-\[36px\]{
        line-height:36px
    }
    .md\:leading-54,.md\:leading-\[54px\]{
        line-height:54px
    }
    .md\:leading-\[40px\]{
        line-height:40px
    }
    .md\:leading-\[60px\]{
        line-height:60px
    }
    .md\:leading-\[31\.2px\]{
        line-height:31.2px
    }
    .md\:leading-\[56px\]{
        line-height:56px
    }
    .md\:leading-\[27\.6px\]{
        line-height:27.6px
    }
    .md\:leading-\[16px\]{
        line-height:16px
    }
    .md\:leading-\[72px\]{
        line-height:72px
    }
    .md\:leading-\[80px\]{
        line-height:80px
    }
    .md\:leading-\[38\.4px\]{
        line-height:38.4px
    }
    .md\:leading-\[30px\]{
        line-height:30px
    }
    .md\:leading-27{
        line-height:27px
    }
    .md\:\[\&\>p\>br\]\:\!hidden>p>br{
        display:none!important
    }
}
@media (min-width:1024px){
    .lg\:static{
        position:static
    }
    .lg\:absolute{
        position:absolute
    }
    .lg\:bottom-\[142px\]{
        bottom:142px
    }
    .lg\:left-\[8px\]{
        left:8px
    }
    .lg\:top-0{
        top:0
    }
    .lg\:top-\[30px\]{
        top:30px
    }
    .lg\:left-\[80px\]{
        left:80px
    }
    .lg\:top-\[0\]{
        top:0
    }
    .lg\:left-auto{
        left:auto
    }
    .lg\:right-\[58\.5vw\]{
        right:58.5vw
    }
    .lg\:top-\[23\%\]{
        top:23%
    }
    .lg\:top-\[100px\]{
        top:100px
    }
    .lg\:top-\[15\%\]{
        top:15%
    }
    .lg\:top-\[50\%\]{
        top:50%
    }
    .lg\:left-\[45\%\]{
        left:45%
    }
    .lg\:right-\[108px\]{
        right:108px
    }
    .lg\:top-\[70\%\]{
        top:70%
    }
    .lg\:top-\[66px\]{
        top:66px
    }
    .lg\:bottom-\[80px\]{
        bottom:80px
    }
    .lg\:left-0{
        left:0
    }
    .lg\:right-0{
        right:0
    }
    .lg\:left-\[50\%\]{
        left:50%
    }
    .lg\:bottom-\[36px\]{
        bottom:36px
    }
    .lg\:top-\[67px\]{
        top:67px
    }
    .lg\:top-\[40\%\]{
        top:40%
    }
    .lg\:top-\[20\%\]{
        top:20%
    }
    .lg\:bottom-\[65px\]{
        bottom:65px
    }
    .lg\:m-0{
        margin:0
    }
    .lg\:mx-\[24px\]{
        margin-left:24px;
        margin-right:24px
    }
    .lg\:my-\[80px\]{
        margin-bottom:80px;
        margin-top:80px
    }
    .lg\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .lg\:mx-\[20px\]{
        margin-left:20px;
        margin-right:20px
    }
    .lg\:my-auto{
        margin-bottom:auto;
        margin-top:auto
    }
    .lg\:-my-\[55px\]{
        margin-bottom:-55px;
        margin-top:-55px
    }
    .lg\:mx-\[2\.4\%\]{
        margin-left:2.4%;
        margin-right:2.4%
    }
    .lg\:mb-\[104px\]{
        margin-bottom:104px
    }
    .lg\:mt-\[85px\]{
        margin-top:85px
    }
    .lg\:mb-\[80px\]{
        margin-bottom:80px
    }
    .lg\:mt-\[80px\]{
        margin-top:80px
    }
    .lg\:mt-10{
        margin-top:10px
    }
    .lg\:mt-auto{
        margin-top:auto
    }
    .lg\:mt-\[16px\]{
        margin-top:16px
    }
    .lg\:mt-\[24px\]{
        margin-top:24px
    }
    .lg\:mt-0{
        margin-top:0
    }
    .lg\:mt-\[-65px\]{
        margin-top:-65px
    }
    .lg\:mt-\[0px\]{
        margin-top:0
    }
    .lg\:mb-\[93px\]{
        margin-bottom:93px
    }
    .lg\:mt-\[120px\]{
        margin-top:120px
    }
    .lg\:mt-\[9\%\]{
        margin-top:9%
    }
    .lg\:mb-0{
        margin-bottom:0
    }
    .lg\:mb-\[8px\]{
        margin-bottom:8px
    }
    .lg\:mb-\[55px\]{
        margin-bottom:55px
    }
    .lg\:mb-14{
        margin-bottom:14px
    }
    .lg\:mb-24{
        margin-bottom:24px
    }
    .lg\:ml-0{
        margin-left:0
    }
    .lg\:mb-\[40px\]{
        margin-bottom:40px
    }
    .lg\:inline-block{
        display:inline-block
    }
    .lg\:flex{
        display:flex
    }
    .lg\:h-\[450px\]{
        height:450px
    }
    .lg\:h-\[540px\]{
        height:540px
    }
    .lg\:h-auto{
        height:auto
    }
    .lg\:max-h-\[469px\]{
        max-height:469px
    }
    .lg\:max-h-\[580px\]{
        max-height:580px
    }
    .lg\:max-h-\[620px\]{
        max-height:620px
    }
    .lg\:min-h-\[300px\]{
        min-height:300px
    }
    .lg\:w-1\/2{
        width:50%
    }
    .lg\:w-\[60\%\]{
        width:60%
    }
    .lg\:w-\[39\%\]{
        width:39%
    }
    .lg\:w-\[730px\]{
        width:730px
    }
    .lg\:w-1\/3{
        width:33.333333%
    }
    .lg\:w-\[33\.3\%\]{
        width:33.3%
    }
    .lg\:w-\[44\%\]{
        width:44%
    }
    .lg\:w-\[48\%\]{
        width:48%
    }
    .lg\:w-\[400px\]{
        width:400px
    }
    .lg\:w-\[352px\]{
        width:352px
    }
    .lg\:w-full{
        width:100%
    }
    .lg\:w-\[541px\]{
        width:541px
    }
    .lg\:w-auto{
        width:auto
    }
    .lg\:w-\[813px\]{
        width:813px
    }
    .lg\:w-\[500px\]{
        width:500px
    }
    .lg\:w-\[44\.6\%\]{
        width:44.6%
    }
    .lg\:w-\[49\%\]{
        width:49%
    }
    .lg\:w-\[53\.5\%\]{
        width:53.5%
    }
    .lg\:w-\[28\.5\%\]{
        width:28.5%
    }
    .lg\:w-\[1170px\]{
        width:1170px
    }
    .lg\:w-\[972px\]{
        width:972px
    }
    .lg\:max-w-\[1440px\]{
        max-width:1440px
    }
    .lg\:max-w-\[1022px\]{
        max-width:1022px
    }
    .lg\:max-w-\[1233px\]{
        max-width:1233px
    }
    .lg\:max-w-full{
        max-width:100%
    }
    .lg\:max-w-\[1260px\]{
        max-width:1260px
    }
    .lg\:max-w-\[1248px\]{
        max-width:1248px
    }
    .lg\:max-w-\[550px\]{
        max-width:550px
    }
    .lg\:max-w-\[515px\]{
        max-width:515px
    }
    .lg\:max-w-\[774px\]{
        max-width:774px
    }
    .lg\:max-w-\[538px\]{
        max-width:538px
    }
    .lg\:max-w-\[702px\]{
        max-width:702px
    }
    .lg\:max-w-\[604px\]{
        max-width:604px
    }
    .lg\:max-w-\[1232px\]{
        max-width:1232px
    }
    .lg\:max-w-\[400px\]{
        max-width:400px
    }
    .lg\:max-w-\[824px\]{
        max-width:824px
    }
    .lg\:max-w-\[573px\]{
        max-width:573px
    }
    .lg\:max-w-\[595px\]{
        max-width:595px
    }
    .lg\:max-w-\[565px\]{
        max-width:565px
    }
    .lg\:max-w-\[94\%\]{
        max-width:94%
    }
    .lg\:basis-\[40\%\]{
        flex-basis:40%
    }
    .lg\:basis-\[60\%\]{
        flex-basis:60%
    }
    .lg\:basis-\[600px\]{
        flex-basis:600px
    }
    .lg\:translate-x-\[-50\%\]{
        --tw-translate-x:-50%
    }
    .lg\:translate-x-\[-50\%\],.lg\:translate-y-\[-50\%\]{
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:translate-y-\[-50\%\]{
        --tw-translate-y:-50%
    }
    .lg\:scale-\[1\]{
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:flex-row{
        flex-direction:row
    }
    .lg\:flex-row-reverse{
        flex-direction:row-reverse
    }
    .lg\:flex-nowrap{
        flex-wrap:nowrap
    }
    .lg\:items-end{
        align-items:flex-end
    }
    .lg\:justify-start{
        justify-content:flex-start
    }
    .lg\:justify-between{
        justify-content:space-between
    }
    .lg\:gap-\[60px\]{
        gap:60px
    }
    .lg\:gap-\[16px\]{
        gap:16px
    }
    .lg\:gap-x-\[104px\]{
        -moz-column-gap:104px;
        column-gap:104px
    }
    .lg\:gap-x-\[24px\]{
        -moz-column-gap:24px;
        column-gap:24px
    }
    .lg\:gap-y-\[24px\]{
        row-gap:24px
    }
    .lg\:self-center{
        align-self:center
    }
    .lg\:break-normal{
        overflow-wrap:normal;
        word-break:normal
    }
    .lg\:bg-transparent{
        background-color:transparent
    }
    .lg\:bg-gradBgLetToRigth{
        background-image:linear-gradient(90deg,rgba(0,53,142,.2) 0,rgba(0,53,142,.2) 66%,rgba(0,53,142,0))
    }
    .lg\:bg-\[length\:100\%_600px\]{
        background-size:100% 600px
    }
    .lg\:bg-auto{
        background-size:auto
    }
    .lg\:object-contain{
        -o-object-fit:contain;
        object-fit:contain
    }
    .lg\:p-\[48px\]{
        padding:48px
    }
    .lg\:p-0{
        padding:0
    }
    .lg\:py-\[128px\]{
        padding-bottom:128px;
        padding-top:128px
    }
    .lg\:py-\[120px\]{
        padding-bottom:120px;
        padding-top:120px
    }
    .lg\:py-\[144px\]{
        padding-bottom:144px;
        padding-top:144px
    }
    .lg\:py-80,.lg\:py-\[80px\]{
        padding-bottom:80px;
        padding-top:80px
    }
    .lg\:px-0{
        padding-left:0;
        padding-right:0
    }
    .lg\:py-8{
        padding-bottom:8px;
        padding-top:8px
    }
    .lg\:px-\[0\]{
        padding-left:0;
        padding-right:0
    }
    .lg\:px-\[24px\]{
        padding-left:24px;
        padding-right:24px
    }
    .lg\:py-0{
        padding-bottom:0;
        padding-top:0
    }
    .lg\:py-\[70px\]{
        padding-bottom:70px;
        padding-top:70px
    }
    .lg\:pt-\[48px\]{
        padding-top:48px
    }
    .lg\:pb-\[120px\]{
        padding-bottom:120px
    }
    .lg\:pr-\[32px\]{
        padding-right:32px
    }
    .lg\:pt-\[128px\]{
        padding-top:128px
    }
    .lg\:pb-\[16px\]{
        padding-bottom:16px
    }
    .lg\:pt-\[82px\]{
        padding-top:82px
    }
    .lg\:pb-\[50px\]{
        padding-bottom:50px
    }
    .lg\:pr-\[80px\]{
        padding-right:80px
    }
    .lg\:pt-\[79px\]{
        padding-top:79px
    }
    .lg\:pb-\[54px\]{
        padding-bottom:54px
    }
    .lg\:pb-\[256px\]{
        padding-bottom:256px
    }
    .lg\:pt-\[120px\]{
        padding-top:120px
    }
    .lg\:pb-\[96px\]{
        padding-bottom:96px
    }
    .lg\:pt-\[80px\]{
        padding-top:80px
    }
    .lg\:pb-\[128px\]{
        padding-bottom:128px
    }
    .lg\:pt-\[180px\]{
        padding-top:180px
    }
    .lg\:pb-0{
        padding-bottom:0
    }
    .lg\:pt-0{
        padding-top:0
    }
    .lg\:pr-\[8\%\]{
        padding-right:8%
    }
    .lg\:pt-\[158px\]{
        padding-top:158px
    }
    .lg\:pt-\[92px\]{
        padding-top:92px
    }
    .lg\:pb-\[93px\]{
        padding-bottom:93px
    }
    .lg\:pt-\[75px\]{
        padding-top:75px
    }
    .lg\:pt-\[100px\]{
        padding-top:100px
    }
    .lg\:pb-\[58px\]{
        padding-bottom:58px
    }
    .lg\:pr-0{
        padding-right:0
    }
    .lg\:text-left{
        text-align:left
    }
    .lg\:text-center{
        text-align:center
    }
    .lg\:text-60{
        font-size:3.75rem
    }
    .lg\:text-24{
        font-size:1.5rem
    }
    .lg\:text-\[80px\]{
        font-size:80px
    }
    .lg\:text-\[60px\]{
        font-size:60px
    }
    .lg\:text-\[40px\]{
        font-size:40px
    }
    .lg\:text-\[24px\]{
        font-size:24px
    }
    .lg\:text-\[100px\]{
        font-size:100px
    }
    .lg\:text-\[18px\]{
        font-size:18px
    }
    .lg\:text-\[55px\]{
        font-size:55px
    }
    .lg\:text-\[120px\]{
        font-size:120px
    }
    .lg\:text-18{
        font-size:1.125rem
    }
    .lg\:text-40{
        font-size:2.5rem
    }
    .lg\:leading-54{
        line-height:54px
    }
    .lg\:leading-\[31\.2px\]{
        line-height:31.2px
    }
    .lg\:leading-\[72px\]{
        line-height:72px
    }
    .lg\:leading-\[54px\]{
        line-height:54px
    }
    .lg\:leading-\[3\.6px\]{
        line-height:3.6px
    }
    .lg\:leading-\[36px\]{
        line-height:36px
    }
    .lg\:leading-\[35px\]{
        line-height:35px
    }
    .lg\:leading-\[27\.3px\]{
        line-height:27.3px
    }
    .lg\:leading-\[100px\]{
        line-height:100px
    }
    .lg\:leading-\[27\.6px\]{
        line-height:27.6px
    }
    .lg\:leading-\[25\.2px\]{
        line-height:25.2px
    }
    .lg\:leading-\[60px\]{
        line-height:60px
    }
    .lg\:leading-\[90px\]{
        line-height:90px
    }
    .lg\:leading-\[21\.6px\]{
        line-height:21.6px
    }
    .lg\:text-white{
        --tw-text-opacity:1;
        color:rgb(255 255 255/var(--tw-text-opacity))
    }
}
@media (min-width:1248px){
    .xl\:top-\[57\%\]{
        top:57%
    }
    .xl\:top-auto{
        top:auto
    }
    .xl\:bottom-\[117px\]{
        bottom:117px
    }
    .xl\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .xl\:mx-\[-12px\]{
        margin-left:-12px;
        margin-right:-12px
    }
    .xl\:mt-\[100px\]{
        margin-top:100px
    }
    .xl\:h-full{
        height:100%
    }
    .xl\:w-\[57\.5\%\]{
        width:57.5%
    }
    .xl\:w-\[35\%\]{
        width:35%
    }
    .xl\:max-w-\[1022px\]{
        max-width:1022px
    }
    .xl\:max-w-\[327px\]{
        max-width:327px
    }
    .xl\:max-w-\[565px\]{
        max-width:565px
    }
    .xl\:p-\[48px\]{
        padding:48px
    }
    .xl\:px-0{
        padding-left:0;
        padding-right:0
    }
    .xl\:pr-\[110px\]{
        padding-right:110px
    }
    .xl\:text-\[100px\]{
        font-size:100px
    }
    .xl\:leading-\[100px\]{
        line-height:100px
    }
    .xl\:leading-\[90px\]{
        line-height:90px
    }
}
.\[\&\>div\>p\>a\]\:hidden>div>p>a{
    display:none
}
.\[\&\>a\]\:relative>a{
    position:relative
}
.\[\&\>a\]\:z-\[2\]>a{
    z-index:2
}
.\[\&\>a\]\:inline-block>a{
    display:inline-block
}
.\[\&\>a\]\:hidden>a,.\[\&\>p\>a\]\:hidden>p>a{
    display:none
}
.\[\&\>p\>a\]\:font-CongenialRegular>p>a{
    font-family:Congenial_Regular
}
.\[\&\>div\]\:flex>div{
    display:flex
}
.\[\&\>div\]\:w-full>div{
    width:100%
}
.\[\&\>div\]\:basis-\[100\%\]>div{
    flex-basis:100%
}
.\[\&\>div\]\:flex-col-reverse>div{
    flex-direction:column-reverse
}
.\[\&\>div\]\:flex-wrap>div{
    flex-wrap:wrap
}
.\[\&\>div\]\:flex-nowrap>div{
    flex-wrap:nowrap
}
.\[\&\>div\]\:justify-center>div{
    justify-content:center
}
.\[\&\>div\]\:justify-between>div{
    justify-content:space-between
}
.\[\&\>div\]\:gap-\[24px\]>div{
    gap:24px
}
@media (min-width:1024px){
    .lg\:\[\&\>div\]\:basis-1\/3>div{
        flex-basis:33.333333%
    }
    .lg\:\[\&\>div\]\:flex-row>div{
        flex-direction:row
    }
    .lg\:\[\&\>div\]\:flex-nowrap>div{
        flex-wrap:nowrap
    }
    .lg\:\[\&\>div\+div\]\:flex>div+div{
        display:flex
    }
    .lg\:\[\&\>div\+div\]\:gap-x-\[60px\]>div+div{
        -moz-column-gap:60px;
        column-gap:60px
    }
}
@media (min-width:1248px){
    .xl\:top-\[136px\]{
        top:136px
    }
    .xl\:top-\[50\%\]{
        top:50%
    }
    .xl\:h-\[680px\]{
        height:680px
    }
    .xl\:h-\[605px\]{
        height:605px
    }
    .xl\:min-h-\[970px\]{
        min-height:970px
    }
    .xl\:w-\[605px\]{
        width:605px
    }
    .xl\:w-\[110\%\]{
        width:110%
    }
    .xl\:max-w-\[1072px\]{
        max-width:1072px
    }
    .xl\:translate-y-0{
        --tw-translate-y:0px
    }
    .xl\:translate-x-0,.xl\:translate-y-0{
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xl\:translate-x-0{
        --tw-translate-x:0px
    }
    .xl\:gap-x-\[132px\]{
        -moz-column-gap:132px;
        column-gap:132px
    }
    .xl\:gap-x-0{
        -moz-column-gap:0;
        column-gap:0
    }
    .xl\:self-start{
        align-self:flex-start
    }
    .xl\:pt-\[203px\]{
        padding-top:203px
    }
    .xl\:pl-\[99px\]{
        padding-left:99px
    }
    .xl\:text-\[80px\]{
        font-size:80px
    }
    .xl\:text-\[78px\]{
        font-size:78px
    }
    .xl\:text-\[60px\]{
        font-size:60px
    }
    .xl\:leading-\[72px\]{
        line-height:72px
    }
    .xl\:leading-\[80px\]{
        line-height:80px
    }
    .xl\:leading-\[78px\]{
        line-height:78px
    }
}
.\[\&\>p\>a\]\:underline>p>a{
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.\[\&\>div\]\:h-full>div{
    height:100%
}
.\[\&\>br\]\:hidden>br{
    display:none
}
.\[\&\>p\>br\]\:block>p>br{
    display:block
}
.\[\&\>p\]\:mx-auto>p{
    margin-left:auto;
    margin-right:auto
}
.\[\&\>p\]\:mt-\[16px\]>p{
    margin-top:16px
}
.\[\&\>p\]\:mb-8>p,.\[\&\>p\]\:mb-\[8px\]>p{
    margin-bottom:8px
}
.\[\&\>p\]\:mb-\[16px\]>p{
    margin-bottom:16px
}
.\[\&\>p\]\:max-w-\[510px\]>p{
    max-width:510px
}
.\[\&\>p\]\:break-words>p{
    overflow-wrap:break-word
}
.\[\&\>p\]\:break-all>p{
    word-break:break-all
}
@media (min-width:1024px){
    .lg\:\[\&\>p\]\:\!mb-\[8px\]>p{
        margin-bottom:8px!important
    }
    .lg\:\[\&\>p\]\:w-\[412px\]>p{
        width:412px
    }
    .lg\:\[\&\>p\]\:max-w-\[615px\]>p{
        max-width:615px
    }
}
@media (min-width:1248px){
    .xl\:pt-\[158px\]{
        padding-top:158px
    }
}
.\[\&\>h2\]\:text-center>h2{
    text-align:center
}
.\[\&\>h2\]\:font-Loerrach>h2{
    font-family:Loerrach
}
.\[\&\>h2\]\:text-\[60px\]>h2{
    font-size:60px
}
.\[\&\>h2\]\:font-\[800\]>h2{
    font-weight:800
}
.\[\&\>h2\]\:uppercase>h2{
    text-transform:uppercase
}
.\[\&\>p\.sub-title\]\:mt-\[12px\]>p.sub-title{
    margin-top:12px
}
.\[\&\>p\.sub-title\]\:mb-6>p.sub-title{
    margin-bottom:6px
}
.\[\&\>p\.sub-title\]\:font-CongenialRegular>p.sub-title{
    font-family:Congenial_Regular
}
.\[\&\>p\.sub-title\]\:text-21>p.sub-title{
    font-size:1.313rem
}
.\[\&\>p\.sub-title\]\:text-\[21px\]>p.sub-title{
    font-size:21px
}
.\[\&\>p\.sub-title\]\:leading-\[24\.15px\]>p.sub-title{
    line-height:24.15px
}
@media (min-width:768px){
    .md\:\[\&\>p\.sub-title\]\:\!text-24>p.sub-title{
        font-size:1.5rem!important
    }
    .md\:\[\&\>p\.sub-title\]\:\!leading-\[27\.6px\]>p.sub-title{
        line-height:27.6px!important
    }
}
@media (min-width:1024px){
    .lg\:top-\[-11px\]{
        top:-11px
    }
    .lg\:top-\[485px\]{
        top:485px
    }
    .lg\:bottom-0{
        bottom:0
    }
    .lg\:top-\[25px\]{
        top:25px
    }
    .lg\:right-\[10\%\]{
        right:10%
    }
    .lg\:top-\[58\%\]{
        top:58%
    }
    .lg\:left-\[85px\]{
        left:85px
    }
    .lg\:right-\[16px\]{
        right:16px
    }
    .lg\:top-\[-9px\]{
        top:-9px
    }
    .lg\:left-\[-95px\]{
        left:-95px
    }
    .lg\:left-\[-240px\]{
        left:-240px
    }
    .lg\:top-\[-58px\]{
        top:-58px
    }
    .lg\:right-auto{
        right:auto
    }
    .lg\:right-\[29px\]{
        right:29px
    }
    .lg\:top-30{
        top:30px
    }
    .lg\:float-right{
        float:right
    }
    .lg\:mx-0{
        margin-left:0;
        margin-right:0
    }
    .lg\:my-\[40px\]{
        margin-bottom:40px;
        margin-top:40px
    }
    .lg\:ml-\[11px\]{
        margin-left:11px
    }
    .lg\:mb-\[45px\]{
        margin-bottom:45px
    }
    .lg\:mb-30{
        margin-bottom:30px
    }
    .lg\:mt-\[40px\]{
        margin-top:40px
    }
    .lg\:mt-\[33px\]{
        margin-top:33px
    }
    .lg\:mr-0{
        margin-right:0
    }
    .lg\:mb-\[10px\]{
        margin-bottom:10px
    }
    .lg\:mt-\[5px\]{
        margin-top:5px
    }
    .lg\:mt-\[271px\]{
        margin-top:271px
    }
    .lg\:mb-\[20px\]{
        margin-bottom:20px
    }
    .lg\:mb-\[96px\]{
        margin-bottom:96px
    }
    .lg\:mr-\[50px\]{
        margin-right:50px
    }
    .lg\:mb-16{
        margin-bottom:16px
    }
    .lg\:mt-\[20px\]{
        margin-top:20px
    }
    .lg\:mb-3{
        margin-bottom:3px
    }
    .lg\:mb-\[24px\]{
        margin-bottom:24px
    }
    .lg\:mt-\[170px\]{
        margin-top:170px
    }
    .lg\:ml-48{
        margin-left:12rem
    }
    .lg\:mr-40{
        margin-right:40px
    }
    .lg\:mr-\[25px\]{
        margin-right:25px
    }
    .lg\:mb-\[83px\]{
        margin-bottom:83px
    }
    .lg\:block{
        display:block
    }
    .lg\:hidden{
        display:none
    }
    .lg\:h-\[947px\]{
        height:947px
    }
    .lg\:h-\[42px\]{
        height:42px
    }
    .lg\:h-\[94px\]{
        height:94px
    }
    .lg\:h-\[62px\]{
        height:62px
    }
    .lg\:h-\[200px\]{
        height:200px
    }
    .lg\:h-\[80px\]{
        height:80px
    }
    .lg\:h-\[72px\]{
        height:72px
    }
    .lg\:h-\[300px\]{
        height:300px
    }
    .lg\:h-\[69px\]{
        height:69px
    }
    .lg\:max-h-\[576px\]{
        max-height:576px
    }
    .lg\:max-h-\[380px\]{
        max-height:380px
    }
    .lg\:min-h-\[576px\]{
        min-height:576px
    }
    .lg\:min-h-\[380px\]{
        min-height:380px
    }
    .lg\:w-\[80\%\]{
        width:80%
    }
    .lg\:w-\[31\.4\%\]{
        width:31.4%
    }
    .lg\:w-\[42px\]{
        width:42px
    }
    .lg\:w-\[21\%\]{
        width:21%
    }
    .lg\:w-\[540px\]{
        width:540px
    }
    .lg\:\!w-\[200px\]{
        width:200px!important
    }
    .lg\:w-\[200px\]{
        width:200px
    }
    .lg\:w-\[80px\]{
        width:80px
    }
    .lg\:w-\[50\%\]{
        width:50%
    }
    .lg\:w-\[72px\]{
        width:72px
    }
    .lg\:w-\[160px\]{
        width:160px
    }
    .lg\:w-\[455px\]{
        width:455px
    }
    .lg\:w-\[398px\]{
        width:398px
    }
    .lg\:w-fit{
        width:-moz-fit-content;
        width:fit-content
    }
    .lg\:w-\[75\%\]{
        width:75%
    }
    .lg\:w-\[100\%\]{
        width:100%
    }
    .lg\:max-w-none{
        max-width:none
    }
    .lg\:max-w-\[1024px\]{
        max-width:1024px
    }
    .lg\:max-w-\[1032px\]{
        max-width:1032px
    }
    .lg\:max-w-\[124px\]{
        max-width:124px
    }
    .lg\:max-w-\[680px\]{
        max-width:680px
    }
    .lg\:max-w-\[433px\]{
        max-width:433px
    }
    .lg\:max-w-\[563px\]{
        max-width:563px
    }
    .lg\:max-w-\[1245px\]{
        max-width:1245px
    }
    .lg\:max-w-\[499px\]{
        max-width:499px
    }
    .lg\:max-w-\[520px\]{
        max-width:520px
    }
    .lg\:max-w-\[260px\]{
        max-width:260px
    }
    .lg\:max-w-\[996px\]{
        max-width:996px
    }
    .lg\:max-w-\[915px\]{
        max-width:915px
    }
    .lg\:max-w-\[1036px\]{
        max-width:1036px
    }
    .lg\:basis-\[50\%\]{
        flex-basis:50%
    }
    .lg\:basis-auto{
        flex-basis:auto
    }
    .lg\:items-start{
        align-items:flex-start
    }
    .lg\:items-center{
        align-items:center
    }
    .lg\:justify-center{
        justify-content:center
    }
    .lg\:gap-0{
        gap:0
    }
    .lg\:gap-x-24{
        -moz-column-gap:24px;
        column-gap:24px
    }
    .lg\:gap-y-\[33px\]{
        row-gap:33px
    }
    .lg\:gap-y-\[32px\]{
        row-gap:32px
    }
    .lg\:gap-y-0{
        row-gap:0
    }
    .lg\:gap-x-\[19px\]{
        -moz-column-gap:19px;
        column-gap:19px
    }
    .lg\:object-cover{
        -o-object-fit:cover;
        object-fit:cover
    }
    .lg\:p-30{
        padding:30px
    }
    .lg\:py-\[11\.5px\]{
        padding-bottom:11.5px;
        padding-top:11.5px
    }
    .lg\:px-\[27\.5px\]{
        padding-left:27.5px;
        padding-right:27.5px
    }
    .lg\:px-16{
        padding-left:16px;
        padding-right:16px
    }
    .lg\:px-\[4px\]{
        padding-left:4px;
        padding-right:4px
    }
    .lg\:px-\[26px\]{
        padding-left:26px;
        padding-right:26px
    }
    .lg\:px-24{
        padding-left:24px;
        padding-right:24px
    }
    .lg\:pt-\[32px\]{
        padding-top:32px
    }
    .lg\:pl-\[16px\]{
        padding-left:16px
    }
    .lg\:pl-15{
        padding-left:15px
    }
    .lg\:pl-0{
        padding-left:0
    }
    .lg\:pt-\[25px\]{
        padding-top:25px
    }
    .lg\:pr-\[30px\]{
        padding-right:30px
    }
    .lg\:pl-\[45px\]{
        padding-left:45px
    }
    .lg\:pl-\[35px\]{
        padding-left:35px
    }
    .lg\:pt-\[95px\]{
        padding-top:95px
    }
    .lg\:pr-\[35px\]{
        padding-right:35px
    }
    .lg\:pl-\[120px\]{
        padding-left:120px
    }
    .lg\:pl-\[40px\]{
        padding-left:40px
    }
    .lg\:pb-\[40px\]{
        padding-bottom:40px
    }
    .lg\:pt-\[64px\]{
        padding-top:64px
    }
    .lg\:pt-\[56px\]{
        padding-top:56px
    }
    .lg\:pb-\[48px\]{
        padding-bottom:48px
    }
    .lg\:text-\[20px\]{
        font-size:20px
    }
    .lg\:text-\[25px\]{
        font-size:25px
    }
    .lg\:text-\[32px\]{
        font-size:32px
    }
    .lg\:text-\[206px\]{
        font-size:206px
    }
    .lg\:text-\[30px\]{
        font-size:30px
    }
    .lg\:leading-\[40px\]{
        line-height:40px
    }
    .lg\:leading-\[28px\]{
        line-height:28px
    }
    .lg\:leading-\[35\.2px\]{
        line-height:35.2px
    }
    .lg\:leading-\[164\.8px\]{
        line-height:164.8px
    }
    .lg\:leading-\[30px\]{
        line-height:30px
    }
    .lg\:shadow-none{
        --tw-shadow:0 0 #0000;
        --tw-shadow-colored:0 0 #0000;
        box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
    .lg\:\[\&\>p\.sub-title\]\:mt-\[25px\]>p.sub-title{
        margin-top:25px
    }
    .lg\:\[\&\>p\.sub-title\]\:max-w-\[725px\]>p.sub-title{
        max-width:725px
    }
    .lg\:\[\&\>p\.sub-title\]\:text-\[24px\]>p.sub-title{
        font-size:24px
    }
    .\[\&\>p\.sub-title\]\:lg\:leading-\[27\.6px\]>p.sub-title{
        line-height:27.6px
    }
}
@media (min-width:1248px){
    .xl\:top-\[55\%\]{
        top:55%
    }
    .xl\:ml-\[-10px\]{
        margin-left:-10px
    }
    .xl\:mb-\[20px\]{
        margin-bottom:20px
    }
    .xl\:mt-\[10px\]{
        margin-top:10px
    }
    .xl\:mr-0{
        margin-right:0
    }
    .xl\:flex{
        display:flex
    }
    .xl\:h-\[240px\]{
        height:240px
    }
    .xl\:w-96{
        width:24rem
    }
    .xl\:max-w-\[595px\]{
        max-width:595px
    }
    .xl\:max-w-\[1248px\]{
        max-width:1248px
    }
    .xl\:gap-x-\[16px\]{
        -moz-column-gap:16px;
        column-gap:16px
    }
    .xl\:overflow-visible{
        overflow:visible
    }
    .xl\:p-0{
        padding:0
    }
    .xl\:px-32{
        padding-left:32px;
        padding-right:32px
    }
    .xl\:pl-\[75px\]{
        padding-left:75px
    }
    .xl\:pt-\[125px\]{
        padding-top:125px
    }
    .xl\:pr-0{
        padding-right:0
    }
    .xl\:text-\[30px\]{
        font-size:30px
    }
    .xl\:text-\[55px\]{
        font-size:55px
    }
    .xl\:text-\[54px\]{
        font-size:54px
    }
    .xl\:text-24{
        font-size:1.5rem
    }
    .xl\:leading-\[30px\]{
        line-height:30px
    }
    .xl\:leading-\[60px\]{
        line-height:60px
    }
    .xl\:leading-54{
        line-height:54px
    }
}
.\[\&\>p\>a\]\:inline-block>p>a{
    display:inline-block
}
.\[\&\>div\]\:relative>div{
    position:relative
}
.\[\&\>p\]\:mb-30>p{
    margin-bottom:30px
}
.\[\&\>p\]\:mb-\[10px\]>p{
    margin-bottom:10px
}
.\[\&\>p\]\:font-Loerrach>p{
    font-family:Loerrach
}
.\[\&\>p\]\:text-\[18px\]>p{
    font-size:18px
}
.\[\&\>p\]\:leading-\[25\.2px\]>p{
    line-height:25.2px
}
.\[\&\>h2\]\:leading-\[54px\]>h2{
    line-height:54px
}
.\[\&\>img\]\:mx-auto>img{
    margin-left:auto;
    margin-right:auto
}
.\[\&\>img\]\:w-\[265px\]>img{
    width:265px
}
@media (min-width:1024px){
    .lg\:\[\&\>img\]\:w-auto>img{
        width:auto
    }
}
.\[\&\>div\>p\]\:font-CongenialRegular>div>p{
    font-family:Congenial_Regular
}
.\[\&\>div\>p\]\:text-\[16px\]>div>p{
    font-size:16px
}
.\[\&\>div\>p\]\:font-\[500\]>div>p{
    font-weight:500
}
.\[\&\>div\>p\]\:leading-\[19\.2px\]>div>p{
    line-height:19.2px
}
.\[\&\>h3\]\:mb-\[24px\]>h3{
    margin-bottom:24px
}
.\[\&\>h3\]\:font-Loerrach>h3{
    font-family:Loerrach
}
.\[\&\>h3\]\:text-\[40px\]>h3{
    font-size:40px
}
.\[\&\>h3\]\:uppercase>h3{
    text-transform:uppercase
}
.\[\&\>h3\]\:leading-\[36px\]>h3{
    line-height:36px
}
.\[\&\>ul\]\:ml-\[30px\]>ul{
    margin-left:30px
}
.\[\&\>ul\]\:list-disc>ul{
    list-style-type:disc
}
.\[\&\>li\]\:mb-\[24px\]>li{
    margin-bottom:24px
}
.\[\&\>li\]\:text-\[16px\]>li{
    font-size:16px
}
.\[\&\>li\]\:leading-\[22\.4px\]>li{
    line-height:22.4px
}
.img{
    border-radius:10px;
    height:550px;
    width:1000px
}
.right-arrow{
    right:32px
}
.left-arrow,.right-arrow{
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity));
    cursor:pointer;
    font-size:3rem;
    position:absolute;
    top:50%;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    z-index:10
}
.left-arrow{
    left:32px
}
.slide{
    opacity:0;
    transition-duration:1s ease
}
.slide.active{
    opacity:1;
    transform:scale(.08);
    transition-duration:4s
}
.slick-list,.slick-slider,.slick-track{
    display:block;
    position:relative
}
.slick-loading .slick-slide,.slick-loading .slick-track{
    visibility:hidden
}
.slick-slider{
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    box-sizing:border-box;
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -khtml-user-select:none
}
.slick-list{
    margin:0;
    overflow:hidden;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    transform:translateZ(0)
}
.slick-track:after,.slick-track:before{
    --tw-content:"";
    content:var(--tw-content);
    display:table
}
.slick-track:after{
    clear:both
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-vertical .slick-slide{
    border-color:transparent;
    border-width:1px;
    display:block;
    height:auto
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-dots{
    --tw-text-opacity:1;
    bottom:0;
    color:rgb(255 255 255/var(--tw-text-opacity));
    display:block;
    line-height:0px;
    list-style-type:none;
    padding:0;
    position:absolute;
    text-align:center;
    width:100%;
    z-index:0
}
.slick-dots li{
    display:inline-block;
    height:8px;
    left:0;
    margin:0;
    padding-left:8px;
    padding-right:8px;
    position:relative;
    top:0;
    width:8px
}
.cookingSteps .slick-dots li button,.slick-dots li button{
    background:rgba(0,53,142,.4);
    box-shadow:none;
    height:15px;
    width:15px
}
.cookingSteps .slick-dots li.slick-active button,.slick-dots li.slick-active button{
    background:#fff
}
.slick-dots li button{
    background:rgba(0,53,142,.4);
    border:0;
    border-radius:10px;
    box-shadow:0 0 9px 0 rgba(0,0,0,.15);
    color:transparent;
    cursor:pointer;
    display:block;
    font-size:0;
    height:15px;
    line-height:0;
    outline:0;
    padding:0;
    width:15px
}
.video.hide{
    display:none
}
.videoframe{
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    padding-top:0
}
.videoframe,.videoframe iframe{
    border-radius:20px;
    top:0;
    width:100%
}
.videoframe iframe{
    height:100%;
    left:0;
    opacity:0;
    position:absolute
}
.videocontainer .show iframe{
    opacity:0
}
.video{
    height:100%;
    width:100%
}
@media (min-width:768px){
    .main-slider-container{
        height:460px
    }
}
@media (min-width:1024px){
    .main-slider-container{
        height:650px;
        height:auto
    }
}
.slick-slider .slick-dots{
    --tw-translate-x:50%;
    bottom:-72px;
    left:50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform:translate(-50%,-50%)
}

.slick-slider .slick-dots li{
    height:auto;
    margin-left:8px;
    margin-right:8px;
    padding:0;
    width:auto
}
.slick-slider .slick-dots li button{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBpZKLDcIwDESPTtARMgIjlAlgI0YgG8AKTJJuEDY5bOg3bdXUedJFkeK72JKBBJKN6CGKHAmip8hhC3msO+MeWlOvmQPzCbMQ5v286ES9J/7nirBxqeS4w85NA86wc9URiAIqFKIBH9hpNeANO22/ulbcL0YunsfxQx8sXeVJSE4nfmFOgpzoxXlHsTM2af0XhlW4SI4I1pEAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    height:16px;
    width:16px
}
.slick-slider .slick-dots li.slick-active button{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEDSURBVHgB3ZbBTcNAEEX/HwdypQGkuALwMTdcQVIKHSTpADqBCuCWo92BLdFAbhHByWfHBglcQSbvsNJo9/C/Zmf3EyOq7ceDmRaSLQHNcE4QNcRa+toU87z9v/VDVTU3dshWEh8RAEJPp+lxUxT5bqgxmOBh8gbhHpFIHdJ1V7oZ89o7Ec6EkzTbZ9KeYLVtZuSkQWAklEZerRAdnpbpainelRpBZAufkfBG/JswXAjJCFvEpzbh+IrwsDbIXhAcjyxWzG/fBTwjKK7dc9cw7PtundYa0fAQOe21ozdSlPlO+66M1BnX+puzvOb4gEcWIFuTvMPZ/TFs+8cpzbWPxN+db+ozYCILQCOaAAAAAElFTkSuQmCC);
    background-repeat:no-repeat;
    height:16px;
    width:50px
}
.slick-arrow{
    background-repeat:no-repeat;
    bottom:-70px;
    height:32px;
    position:absolute;
    width:18px
}
.slick-prev{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACQSURBVHgB7ZXBCcAgDABjJ+gIjuAK3aAbtCN0g7qZo+gGHSGNtB+lghEpIh6EPAJnQE0AugARJYXBhxNKeCUWQ9TElVAyFDIqzZBLohOP5khULck1JIFkqyXB/iUHMPB/TUAt6PQ90RV/RDQtW/H7QRbJ1JAVyWwtmfxDxttrQghHaaFwUSl/ryU685egoUluxZWBuLoIR8kAAAAASUVORK5CYII=);
    left:40%;
    z-index:2
}
.slick-next{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAgCAYAAADwvkPPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgB7dXRCYAgEIDhq0kaoVHaQEdogxyhDRrNERrhUrqHEBXuOqKkH4Sg+hAVBHh1iGjC2MPw8RnuRMg1OUizSptBUvjRYr4FJH0CnAprKAbHH1QBvSY4PAVu8X0POnWsryuzWrlQaQMcx6kdDcdxGoeMJoQNQoT5DCS+6tIFtyANz1vJE2qhuQ7+u6B+vx+CsAAAAABJRU5ErkJggg==);
    left:58%;
    z-index:2
}
.take-your-pick-slider .slick-slider .slick-list{
    margin-left:-8px;
    margin-right:-8px;
    overflow:visible
}
@media (min-width:768px){
    .take-your-pick-slider .slick-slider .slick-list{
        margin-left:-12px;
        margin-right:-12px
    }
}
.take-your-pick-slider .slick-slider .slick-slide{
    padding-left:8px;
    padding-right:8px
}
@media (min-width:768px){
    .take-your-pick-slider .slick-slider .slick-slide{
        max-width:428px;
        padding-left:12px;
        padding-right:12px
    }
    .take-your-pick-slider .slick-prev{
        left:23%
    }
}
@media (min-width:1024px){
    .take-your-pick-slider .slick-prev{
        left:26.5%
    }
}
@media (min-width:1248px){
    .take-your-pick-slider .slick-prev{
        left:30.5%
    }
}
.take-your-pick-slider .slick-dots li{
    margin-left:5px;
    margin-right:5px
}
@media (min-width:1024px){
    .take-your-pick-slider .slick-dots li{
        margin-left:10px;
        margin-right:10px
    }
}
@media (min-width:768px){
    .take-your-pick-slider .slick-next{
        left:73%
    }
}
@media (min-width:1024px){
    .take-your-pick-slider .slick-next{
        left:72%
    }
}
@media (min-width:1248px){
    .take-your-pick-slider .slick-next{
        left:68.1%
    }
}
.homepage_banner .imageBoxWrpr picture:after{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity));
    bottom:0;
    left:0;
    opacity:.5;
    right:0;
    top:0
}
@media (min-width:768px){
    .homepage_banner .imageBoxWrpr picture:after{
        position:absolute
    }
}
.homepage_banner .imageBoxWrpr picture:after{
    content:""
}
.homepage_banner .slick-arrow{
    bottom:52px;
    z-index:4
}
.homepage_banner .slick-slider .slick-dots{
    bottom:52px;
    z-index:3
}
.homepage_banner .slick-slider:after{
    --tw-translate-x:-50%;
    --tw-bg-opacity:1;
    background-color:rgb(125 105 175/var(--tw-bg-opacity));
    border-radius:16px;
    bottom:40px;
    box-shadow:0 2px 28px 0 #0000008c;
    content:"";
    height:56px;
    left:50%;
    position:absolute;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width:80%;
    z-index:0
}
@media (min-width:768px){
    .homepage_banner .slick-slider:after{
        width:40%
    }
}
@media (min-width:1248px){
    .homepage_banner .slick-slider:after{
        width:20%
    }
}
.homepage_banner .slick-prev{
    left:18%
}
@media (min-width:768px){
    .homepage_banner .slick-prev{
        left:35%!important
    }
}
@media (min-width:1024px){
    .homepage_banner .slick-prev{
        left:41%!important
    }
}
.homepage_banner .slick-next{
    left:77%
}
@media (min-width:768px){
    .homepage_banner .slick-next{
        left:63%!important
    }
}
@media (min-width:1024px){
    .homepage_banner .slick-next{
        left:58%!important
    }
}
.campaign-slider .left-slider .slick-slide.slick-active.slick-current{
    visibility:visible
}
.campaign-slider .left-slider .slick-slide{
    visibility:hidden
}
@media (min-width:768px){
    .campaign-slider .left-slider .slick-slide{
        padding-left:10px;
        padding-right:10px
    }
}
@media (min-width:1248px){
    .campaign-slider .left-slider .slick-slide{
        padding-left:0;
        padding-right:0
    }
}
@media (min-width:768px){
    .campaign-slider .left-slider .slick-slider{
        position:static
    }
}
.campaign-slider .left-slider .learn-view-cta li:first-child{
    width:250px
}
@media (min-width:1248px){
    .campaign-slider .left-slider .learn-view-cta li:first-child{
        width:200px
    }
}
.campaign-slider .left-slider .learn-view-cta li:first-child a{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    background-color:rgb(156 219 246/var(--tw-bg-opacity));
    border-radius:200px;
    color:rgb(59 39 116/var(--tw-text-opacity));
    display:block;
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:55px;
    line-height:22.8px;
    margin-bottom:16px;
    padding-bottom:16px;
    padding-top:18px
}
@media (min-width:1248px){
    .campaign-slider .left-slider .learn-view-cta li:first-child a{
        margin-bottom:0;
        margin-right:16px
    }
}
.campaign-slider .left-slider .learn-view-cta li:nth-child(2){
    width:250px
}
@media (min-width:1248px){
    .campaign-slider .left-slider .learn-view-cta li:nth-child(2){
        width:180px
    }
}
.campaign-slider .left-slider .learn-view-cta li:nth-child(2) a{
    --tw-border-opacity:1;
    --tw-text-opacity:1;
    border-color:rgb(156 219 246/var(--tw-border-opacity));
    border-radius:200px;
    border-width:2px;
    color:rgb(156 219 246/var(--tw-text-opacity));
    display:block;
    font-family:Congenial_Regular;
    font-size:19px;
    font-weight:700;
    height:55px;
    line-height:22.8px;
    padding:16px 0
}
.campaign-slider .right-slider .slick-list{
    margin-left:-10px;
    margin-right:-10px;
    overflow:visible
}
.campaign-slider .slick-dots{
    --tw-translate-x:0px;
    bottom:8px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (min-width:768px){
    .campaign-slider .slick-dots{
        left:22px
    }
}
@media (min-width:1248px){
    .campaign-slider .slick-dots{
        left:0
    }
}
.campaign-slider .slick-arrow.slick-prev{
    left:0;
    text-indent:-99999px;
    z-index:2
}
@media (min-width:768px){
    .campaign-slider .slick-arrow.slick-prev{
        bottom:0
    }
}
.campaign-slider .slick-arrow.slick-next{
    right:-25px;
    text-indent:-99999px;
    z-index:2
}
@media (min-width:768px){
    .campaign-slider .slick-arrow.slick-next{
        bottom:0;
        left:auto
    }
}
.campaign-img-with-text+.campaign-slider-wrapper .campaign-slider .slick-arrow.slick-next{
    right:0
}
.campaign-slider .right-slider .slick-slide{
    max-height:420px;
    padding-left:8px;
    padding-right:8px;
    position:relative
}
@media (min-width:768px){
    .campaign-slider .right-slider .slick-slide{
        max-height:519px
    }
}
@media (min-width:1024px){
    .campaign-slider .right-slider .slick-slide{
        padding-left:12px;
        padding-right:12px
    }
}
@media (min-width:1248px){
    .campaign-slider .right-slider .slick-slide{
        min-width:346px
    }
}
.campaign-slider .right-slider iframe,.campaign-slider .right-slider img,.campaign-slider .right-slider video{
    border-radius:20px;
    max-height:420px;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
@media (min-width:768px){
    .campaign-slider .right-slider iframe,.campaign-slider .right-slider img,.campaign-slider .right-slider video{
        max-height:520px;
        min-height:520px
    }
}
.product-slider.campaign-slider .right-slider img{
    border-radius:16px;
    -o-object-fit:contain;
    object-fit:contain
}
@media (min-width:768px){
    .campaign-slider .right-slider .slick-list:after{
        background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/43YI6hc0eEP9Oo5CYzb7zx/470be2308fbd78641a80ad30be94d159/Seamless_Blatten_1.png?fm=webp&q=80);
        bottom:-15px;
        position:absolute;
        right:100%;
        top:-5px;
        width:4000px
    }
}
.campaign-slider .right-slider .slick-list:after{
    content:" "
}
.campaign-slider .right-slider .slick-slide button{
    width:100%
}
.campaign-slider .right-slider .slick-slide img{
    opacity:.4
}
.campaign-slider .right-slider .slick-slide.slick-current img{
    --tw-shadow:0 8px 10px -6px rgba(0,0,0,.35);
    --tw-shadow-colored:0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    opacity:1
}
.product-slider.campaign-slider .right-slider .slick-slide img{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity));
    border-width:1px
}
.product-slider.campaign-slider .right-slider .slick-slide.slick-current img{
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    opacity:1
}
.socialSliderWrapper{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.social-slider .slick-slider .slick-list{
    margin-left:-16px;
    margin-right:-16px;
    overflow:visible
}
@media (min-width:1248px){
    .social-slider .slick-slider .slick-list{
        margin-left:-24px;
        margin-right:-24px
    }
}
.social-slider .slick-slider .slick-slide{
    padding-left:16px;
    padding-right:16px
}
@media (min-width:1248px){
    .social-slider .slick-slider .slick-slide{
        max-width:none;
        padding-left:24px;
        padding-right:24px
    }
}
.social-slider .slick-slider .slick-slide .social-img{
    overflow:hidden;
    position:relative
}
.social-slider .slick-slider .slick-slide .social-img>div{
    border-radius:10px;
    position:relative
}
.social-slider .slick-slider .slick-slide picture img{
    border-radius:10px;
    height:240px;
    -o-object-fit:cover;
    object-fit:cover
}
@media (min-width:768px){
    .social-slider .slick-slider .slick-slide picture img{
        height:130px
    }
}
@media (min-width:1024px){
    .social-slider .slick-slider .slick-slide picture img{
        height:200px
    }
}
@media (min-width:1248px){
    .social-slider .slick-slider .slick-slide picture img{
        height:240px
    }
}
.social-slider .slick-slider .slick-dots{
    --tw-translate-x:-50%!important;
    bottom:-35px;
    pointer-events:none;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;
    width:80%
}
@media (min-width:768px){
    .social-slider .slick-slider .slick-dots{
        width:55%
    }
}
@media (min-width:1024px){
    .social-slider .slick-slider .slick-dots{
        width:46%
    }
}
@media (min-width:1248px){
    .social-slider .slick-slider .slick-dots{
        width:40%
    }
}
.social-slider .slick-slider .slick-dots li{
    display:inline-block;
    margin-left:8px;
    margin-right:8px
}
.social-slider .slick-slider .slick-dots li button{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEHSURBVHgBpZO9bQJBEIXfWw7jwJZdwnVgl+CrAK4LQkIHlrxIDhyeM3pwAK7ALuE68JWABAk/Ypg5BJwI0LJ80kqj1czbt6MZ4oS3/vcLmXQ17OlJ7U6IkkC52mD4OcqrZj73wWAwfnxY4H2jIc5TzDoYFkU+PQhY8d0SvxQ8IwBzNL9BZiLOLuzl0OL6Vc2915o6fu2P0zbxjwhE1plrY6cUR6vnyHDrp5DsOkG8gJI6XIkJVIhE3ZdORH4QifavVAecIJKWjrb7GOV/6uILF2I1XveibmJyS2/LElys1q3G4lrA20x3kIU4sZxE98A3l6mJ19FeQ7x26InHGal2zebEvtzM3wL/JFwDPy9bbgAAAABJRU5ErkJggg==);
    transition-duration:.15s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.social-slider .slick-slider .slick-dots li.slick-active button{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB3ZYxTgMxEEX/2LsgCiSQ6FkJCjqoUOiSEyRX4AZb0GfTI7TcAjpyAlKgKKXLUGFRU6Rks1kbjwFpkxNk8gprLDfz9Wc8Q9igc37X1Rp9DxoQfIZtwpMBnGlUM5rNS9t+ov+gm+VH9X4yDGEOGZRptRpNbLngSxQSReylryB/BUkEh9Jl3WMxiu/RCWkimJDzXxWBOhd5pn3yAcEQoac09BDCcQ0NFBzJK6kNSKGvQruLFxK6PlPYEVQYfBbyMcERN4Z0vDdKEb1AOLyy6M+vqT09uTnmkQKBEOhx+v7wFJs9qZoCHgbSCDknVV1wqPmwi9n32eH1s0/oQIoz7ES6XN2uLY1t4soCXYRBebltM+b3h3Vj7uu3+f2k/fYDVa5ftl6fmjUAAAAASUVORK5CYII=)
}
.social-slider .slick-arrow{
    bottom:58px;
    height:48px;
    text-indent:-99999px
}
@media (min-width:1024px){
    .social-slider .slick-arrow{
        bottom:34px
    }
}
.social-slider .slick-prev{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAwCAYAAAAcqipqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgB7dXNTcMwFAfwZwfuGaEjwAawARbiDByQCpy4IQTFLXCGE0TiQDewmKAdoSN0hA6Q2LXTD7WynbzX3Kr8T5Zj/ZQ49nsAbdrsYxjskMeu6hwy+LPDE8ZADr5FnwwtkZEddlZzRQ7HHAgJIS48yVM0FEOY0f337GKMgp5u1FEMGWTnshxjkOSgRNIYUgthkUqIgkQhKuLibXbv/v+Sinhv5BCj9dBbVINsQU2QNdQUKdfGEA3w8PEjvgAZbgod/HPcUYTwt0wMwcB14NFn7069AjLrt3npqitY1JjtBct6A1ioKebtz/OtOrOTDkspWHCjpb0iReh0V2DRS0vFKssIBastbFisttTKXzFJcji1w+nmvDEgN88Zuh1JW/yLUN3epa/FMHJfk5mYJsb/TFJfi2CzVV+DNm32MnNuYLtc5ClLGQAAAABJRU5ErkJggg==);
    left:15%
}
@media (min-width:768px){
    .social-slider .slick-prev{
        left:32.5%
    }
}
@media (min-width:1024px){
    .social-slider .slick-prev{
        left:35.9%
    }
}
@media (min-width:1248px){
    .social-slider .slick-prev{
        left:38.7%
    }
}
.social-slider .slick-next{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAwCAYAAADzaEFUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFlSURBVHgB7dVBToNAFAbgNxT3HIEjeAVPoNgD2C5MWt3YnTG2TqldWxc2JC7EAxjiCbyCR+gRunRhGd+rSKAwwIzsOn/CzPRBvrwCYQBMTPY5jIbJ5fuZiOMFLtfMsrj/dPwKGrFoQIjj5ODh4jokHDRiJbOTLRI4Hr5dgWJ+MQGjklMPk4voDhTC/hbjQdTDXy+FCxhwf+lNQQVrA2S7hdthdIJFAh1VkJUV+Xl0uLHhQxVkshM6oBTTASsxVdCqxZ69z843HOFyla0LAXz3PaztLEUHkbth2w5dkHTYGKsCUQlnS69f+zez+ZLURSy2TTXGrrGrg5KuhBCP98FprzF2g0+0DGIiniKUfl1q7xlBnbJXAyE/6PJcrS2oElOFpJgORCk8APr+60CFzpJdKixc1ADKYf+FUqwNiGLTkOybucQAo3nQXYBC7GTO3Wzc+vrzwAtBMdl9c4XHmqCZBmRiYvIDW+m9VIHEmwsAAAAASUVORK5CYII=);
    left:80%
}
@media (min-width:768px){
    .social-slider .slick-next{
        left:65%
    }
}
@media (min-width:1024px){
    .social-slider .slick-next{
        left:62.1%
    }
}
@media (min-width:1248px){
    .social-slider .slick-next{
        left:59.8%
    }
}
.socialSliderWrapper button.slick-disabled.slick-next+ul.slick-dots li:last-child button{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB3ZYxTgMxEEX/2LsgCiSQ6FkJCjqoUOiSEyRX4AZb0GfTI7TcAjpyAlKgKKXLUGFRU6Rks1kbjwFpkxNk8gprLDfz9Wc8Q9igc37X1Rp9DxoQfIZtwpMBnGlUM5rNS9t+ov+gm+VH9X4yDGEOGZRptRpNbLngSxQSReylryB/BUkEh9Jl3WMxiu/RCWkimJDzXxWBOhd5pn3yAcEQoac09BDCcQ0NFBzJK6kNSKGvQruLFxK6PlPYEVQYfBbyMcERN4Z0vDdKEb1AOLyy6M+vqT09uTnmkQKBEOhx+v7wFJs9qZoCHgbSCDknVV1wqPmwi9n32eH1s0/oQIoz7ES6XN2uLY1t4soCXYRBebltM+b3h3Vj7uu3+f2k/fYDVa5ftl6fmjUAAAAASUVORK5CYII=);
    height:16px;
    width:50px
}
.socialSliderWrapper .social-title{
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (min-width:1024px) and (max-width:1247px){
    .campaign-slider .slick-dots{
        left:25px
    }
    .campaign-slider .slick-arrow.slick-next{
        right:30px
    }
    .campaign-img-with-text+.campaign-slider-wrapper .campaign-slider .slick-arrow.slick-next{
        right:55px
    }
    .campaign-slider .slick-dots li{
        margin-left:4px;
        margin-right:4px
    }
}
@media (min-width:768px) and (max-width:1023px){
    .campaign-slider .slick-arrow.slick-next{
        right:10px
    }
    .campaign-img-with-text+.campaign-slider-wrapper .campaign-slider .slick-arrow.slick-next{
        right:30px
    }
    .campaign-slider .slick-dots li{
        margin-left:4px;
        margin-right:4px
    }
    .sustainability-two-col .two-col-wrapper>div:first-child{
        margin-bottom:30px
    }
}
.card-slider .slick-slider .slick-list{
    margin-left:-8px;
    margin-right:-8px;
    overflow:visible;
    padding:0!important
}
@media (min-width:768px){
    .card-slider .slick-slider .slick-list{
        margin-left:-12px;
        margin-right:-12px
    }
}
.card-slider-inner-pages .slick-slider .slick-list{
    margin-left:-16px;
    margin-right:-16px
}
@media (min-width:1024px){
    .card-slider-inner-pages .slick-slider .slick-list{
        margin-left:-24px;
        margin-right:-24px
    }
}
.card-slider .slick-slider .slick-slide{
    padding-left:16px;
    padding-right:16px
}
@media (min-width:768px){
    .card-slider .slick-slider .slick-slide{
        max-width:428px;
        padding-left:24px;
        padding-right:24px
    }
}
.card-slider-inner-pages .slick-slider .slick-slide{
    padding-left:16px;
    padding-right:16px
}
@media (min-width:1024px){
    .card-slider-inner-pages .slick-slider .slick-slide{
        padding-left:24px;
        padding-right:24px
    }
}
.card-slider .slick-prev{
    left:18%
}
@media (min-width:768px){
    .card-slider .slick-prev{
        left:37%
    }
}
@media (min-width:1024px){
    .card-slider .slick-prev{
        left:37%
    }
}
@media (min-width:1248px){
    .card-slider .slick-prev{
        left:43%
    }
}
.card-slider .slick-dots li{
    margin-left:5px;
    margin-right:5px
}
@media (min-width:1024px){
    .card-slider .slick-dots li{
        margin-left:10px;
        margin-right:10px
    }
}
@media (min-width:768px){
    .card-slider .slick-next{
        left:73%
    }
}
@media (min-width:1024px){
    .card-slider .slick-next{
        left:72%
    }
}
@media (min-width:1248px){
    .card-slider .slick-next{
        left:68.1%
    }
}
.card-slider-inner-pages .slick-slider .slick-dots{
    bottom:-96px;
    left:45%;
    width:100%
}
@media (min-width:768px){
    .card-slider-inner-pages .slick-slider .slick-dots{
        left:50%
    }
}
@media (min-width:1024px){
    .card-slider-inner-pages .slick-slider .slick-dots{
        bottom:-110px;
        width:auto
    }
}
.card-slider-inner-pages .slick-slider .slick-dots li{
    margin-left:8px;
    margin-right:8px
}
.card-slider-inner-pages .slick-prev{
    bottom:-96px;
    left:0;
    z-index:100
}
@media (min-width:768px){
    .card-slider-inner-pages .slick-prev{
        left:37%
    }
}
@media (min-width:1024px){
    .card-slider-inner-pages .slick-prev{
        bottom:-110px;
        left:39.5%
    }
}
@media (min-width:1248px){
    .card-slider-inner-pages .slick-prev{
        left:43%
    }
}
.card-slider-inner-pages .slick-next{
    bottom:-96px;
    left:auto;
    right:32px;
    z-index:100
}
@media (min-width:768px){
    .card-slider-inner-pages .slick-next{
        left:62.5%
    }
}
@media (min-width:1024px){
    .card-slider-inner-pages .slick-next{
        bottom:-110px;
        left:59.8%
    }
}
@media (min-width:1248px){
    .card-slider-inner-pages .slick-next{
        left:56.5%
    }
}
.index-module--normalImage--606e2{
    display:block;
    height:0;
    margin:0 auto;
    -o-object-fit:contain;
    object-fit:contain;
    opacity:0;
    position:relative;
    transition:opacity .5s ease-in 0s
}
.index-module--mouseOnOver--3e28c{
    height:244px!important;
    opacity:1!important
}
.index-module--mouseOnOverFeatured--85bb3{
    height:321px!important;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    opacity:1!important
}
.index-module--mouseOnOverSearch--17b86{
    height:327px!important;
    -o-object-fit:contain;
    object-fit:contain;
    opacity:1!important
}
.index-module--imageOnHover--764b7{
    display:block;
    height:0;
    margin:0 auto;
    -o-object-fit:contain;
    object-fit:contain;
    opacity:0;
    position:relative;
    transition:opacity .5s ease-in 0s
}
@media (min-width:768px){
    .index-module--mouseOnOver--3e28c{
        height:300px!important
    }
    .index-module--mouseOnOverSearch--17b86{
        height:200px!important;
        -o-object-fit:contain;
        object-fit:contain;
        opacity:1!important
    }
}
@media (min-width:1024px){
    .index-module--mouseOnOverFeatured--85bb3{
        height:450px!important;
        opacity:1!important
    }
    .index-module--mouseOnOverSearch--17b86{
        height:200px!important;
        -o-object-fit:contain;
        object-fit:contain;
        opacity:1!important
    }
}
.TIMELINE_SLIDER .slider-visible .btnWrapper,.TIMELINE_SLIDER .slider-wrpr{
    display:none
}
.TIMELINE_SLIDER.slider-visible .slider-wrpr{
    display:flex;
    flex-direction:column-reverse
}
@media (min-width:1024px){
    .TIMELINE_SLIDER.slider-visible{
        padding-bottom:146px;
        padding-top:57px
    }
}
.TIMELINE_SLIDER.slider-visible :is(.heading,.description,.btnWrapper,.imageWrpr){
    display:none
}
.timelineArrows{
    margin-bottom:150px
}
@media (min-width:1024px){
    .timelineArrows{
        margin-bottom:113px
    }
    .timelineArrows .slick-arrow{
        bottom:-113px
    }
}
.timelineArrows .slick-prev{
    left:30%
}
@media (min-width:1024px){
    .timelineArrows .slick-prev{
        left:42%
    }
}
.timelineArrows .slick-next{
    left:65%
}
@media (min-width:1024px){
    .timelineArrows .slick-next{
        left:57%
    }
}
.mainSliderWrpr .slick-initialized .slick-slide{
    position:relative
}
.mainSliderWrpr .slick-list .slick-track{
    background-image:url(https://images.ctfassets.net/8hn0mx1k6ycs/6RYYFJbjwhtDLrW1XJR82w/4c19ec48369056d0316bc7e76f5d7967/Timeline__7_.png?fm=webp&q=80);
    background-position:left 90px center;
    background-repeat:no-repeat;
    background-size:cover;
    height:200px
}
.mainSliderWrpr .slick-slide{
    height:100px
}
.mainSliderWrpr .slick-slide .yearHeading:after{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADtSURBVHgBpZLNDcIwDIXtCAm4MQBC7Qb4iLjQSWAD2AAxAYwAm5QTcGqZANQu0GOl/pgkpRVUVDTwpEiR5c9x7Afwh7Ae8E7hDBHW8jqWZ/AMu8x8oMlo3whfL8GWGVfQ/NadOXFoYt/f4O/gS4FuQkR2JIpWg0U7UIktiIXO1TAizsFAKMSyats/hwyG4iwl4Z1uFvwiBEuUkzOHO8XApFwwVS/1NcycH41AwH21KojzndpfSzKSRtmoi4bJsVXAaVEg4gwrh5V/BhVQBZSHG0Dp75RoOvSr5j9led5tAHFnrN3EEEE/c9Uf63kPOKVkavArOW0AAAAASUVORK5CYII=);
    background-position:50%;
    background-repeat:no-repeat;
    content:" ";
    display:block;
    height:34px;
    width:34px
}
.mainSliderWrpr .slick-slide.slick-active.slick-current .yearHeading:after{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMxSURBVHgBvZjNTttAEMdn13bchCAFkNoitSU9RCon4AVQOPdQeAOilgMn4AmSPEHpiUOo4A2AQ3sl6gsAJypFVZNWVemhEJV8KMT2dGcjp5TArvPFT7Lij9n13zuzs7Nh0AU7RxcxJ2otc2bMIOIsMIwDsph8yLAszovirOihd+C6zfzq9FgxaN8siFGucJlkYKYBMAndsY/gvltJjOZ1hkohW6cXcct8sNODgA5BTaexoRohfteD7S+1NcsKHQ1ABLFomfZR7nNt/S6DW0fkfaGeRsAMDAEGLPM6Ec523r9HESox/wkhd4AHm3APoAsbKy8imx1CZGBSTPjTcfiURQDP+QFs+ncty34LCIFETIY5JEZNeBzhMGq2vuV3A+G84UGp6sojALHWjIQFupC9tPKEcahrGRUvnX8UkkJUVByEDz8aUGki6BB5ZoHyjOyRMWNN12DcZrD0zNaK8AUvPbVhwtbbthKl+G0lLfurtmMhIsQDJeI2Vx7C3nf9yBiVxhgPGVYSNLx80r0IgtrMPwxp7ZywvcyR81cqo6kRQ45Ir5Arde7kJpvhcgVVCYka0C80w1Sgh7NchG1cZTQe0gecjsmIpg8Gca5LYBN2727xCeDaWP+fOyC4rKwUXDr6pKSDMq6GshACRZXFWT1QulZC6V8JQpGjAycqm8Kf/oWUqo7yuah/Sxw4HquMftY9efQKrTulqro9MtznptncBQ2ffl3JdN0t1IYWPx2ua+R56vmYCFaWVxnSV30UHXYjxhehW2dEMjtYnQ4X5fRFcLK6jing9r41pCgd5Epa7M4bAYRzT1Zp7UyzXagfBq3Yaf2ZinKRdY12wqNpflbzoHDpdBNT+28SkSU6aS8CTQdSloWBSsV/VVgTegdFqcg3/Kt2ZiU/ITKtiwYFAsvSOzuEECuJyKbYSgxdDL2D3nX93q2rUa5QzYi9RxqGJmIkc/P+nctirlBbZwzTg9teYJnccXMktEKIrdO62Oswsc3wFqE/8k2Hpa7HRFdCfOR2gyp9hG4F5cV2Idv33xI3oREKGW5S1rkoS0xx+K6T5USRMX7soXtiVkZ2U3OsHLTvv4tUX1zKq5wSAAAAAElFTkSuQmCC);
    content:" ";
    display:block;
    height:34px;
    width:34px
}
#imageCard1826{
    left:45px;
    top:50px
}
#imageCard1901{
    top:71px
}
#imageCard1909{
    top:82px
}
#imageCard1926{
    top:85px
}
#imageCard1962{
    top:84px
}
#imageCard1964{
    top:73px
}
#imageCard1965{
    top:58px
}
#imageCard1972{
    top:41px
}
#imageCard1977{
    top:26px
}
#imageCard1986{
    top:12px
}
#imageCard1987{
    top:5px
}
#imageCard1995{
    top:1px
}
#imageCard2011{
    top:10px
}
#imageCard2018{
    top:30px
}
#imageCard2019,#imageCard2021{
    top:46px
}
#imageCard2022{
    top:41px
}
@media only screen and (width:1024px){
    .responsiveImgContainer,.timelineContentWrpr{
        flex-basis:50%
    }
    .timelineArrows{
        margin-left:24px;
        margin-right:24px
    }
    .mainSliderWrpr .slick-list .slick-track{
        background-position:0
    }
    #imageCard1826{
        left:0;
        top:53px
    }
    #imageCard1901{
        left:0;
        top:70px
    }
    #imageCard1909{
        top:80px
    }
    #imageCard1926{
        top:84px
    }
    #imageCard1962,#imageCard1964{
        top:85px
    }
    #imageCard1965{
        top:77px
    }
    #imageCard1972{
        top:68px
    }
    #imageCard1977{
        top:57px
    }
    #imageCard1986{
        top:45px
    }
    #imageCard1987{
        top:33px
    }
    #imageCard1995{
        top:23px
    }
    #imageCard2011{
        top:13px
    }
    #imageCard2018,#imageCard2019{
        top:6px
    }
    #imageCard2021{
        top:2px
    }
    #imageCard2022{
        top:8px
    }
}
@media only screen and (width:1180px){
    .responsiveImgContainer,.timelineContentWrpr{
        flex-basis:50%
    }
    .timelineArrows{
        margin-left:24px;
        margin-right:24px
    }
    .mainSliderWrpr .slick-list .slick-track{
        background-position:0
    }
    #imageCard1826{
        left:0;
        top:57px
    }
    #imageCard1901{
        left:0;
        top:73px
    }
    #imageCard1909{
        top:80px
    }
    #imageCard1926{
        top:84px
    }
    #imageCard1962{
        top:85px
    }
    #imageCard1964{
        top:80px
    }
    #imageCard1965{
        top:70px
    }
    #imageCard1972{
        top:58px
    }
    #imageCard1977{
        top:45px
    }
    #imageCard1986{
        top:30px
    }
    #imageCard1987{
        top:19px
    }
    #imageCard1995{
        top:10px
    }
    #imageCard2011{
        top:4px
    }
    #imageCard2018,#imageCard2019{
        top:6px
    }
    #imageCard2021{
        top:22px
    }
    #imageCard2022{
        top:38px
    }
    .campaignTxtContainer{
        margin-left:24px;
        margin-right:24px
    }
}
@media only screen and (width:1280px){
    .mainSliderWrpr{
        max-width:1280px
    }
    .mainSliderWrpr .slick-list .slick-track{
        background-position:0
    }
    #imageCard1826{
        left:-33px;
        top:51px
    }
    #imageCard1901{
        top:74px
    }
    #imageCard1909{
        top:80px
    }
    #imageCard1962{
        top:84px
    }
    #imageCard1964{
        top:76px
    }
    #imageCard1965{
        top:63px
    }
    #imageCard1972{
        top:50px
    }
    #imageCard1977{
        top:34px
    }
    #imageCard1986{
        top:20px
    }
    #imageCard1987{
        top:10px
    }
    #imageCard2011{
        top:3px
    }
    #imageCard2018{
        top:9px
    }
    #imageCard2019{
        top:25px
    }
    #imageCard2021{
        top:40px
    }
    #imageCard2022{
        top:47px
    }
}
@media only screen and (min-width:1920px){
    .TIMELINE_SLIDER .slider-wrpr{
        margin-left:auto;
        margin-right:auto;
        max-width:1440px
    }
    .mainSliderWrpr{
        margin-left:0
    }
}
@media only screen and (max-width:431px){
    .mainSliderWrpr .slick-list .slick-track{
        background-position:0
    }
    #imageCard1826{
        left:-13px;
        top:58px
    }
    #imageCard1901{
        top:77px
    }
    #imageCard1909{
        top:86px
    }
    #imageCard1926{
        top:90px
    }
    #imageCard1962{
        top:91px
    }
    #imageCard1964{
        top:85px
    }
    #imageCard1965{
        top:76px
    }
    #imageCard1972{
        top:64px
    }
    #imageCard1977{
        top:50px
    }
    #imageCard1986{
        top:36px
    }
    #imageCard1987{
        top:25px
    }
    #imageCard1995{
        top:16px
    }
    #imageCard2011{
        top:10px
    }
    #imageCard2018{
        top:8px
    }
    #imageCard2019{
        top:12px
    }
    #imageCard2021{
        top:24px
    }
    #imageCard2022{
        top:40px
    }
}
@media only screen and (width:768px){
    .mainSliderWrpr .slick-list .slick-track{
        background-position:0
    }
    .responsiveImgContainer,.timelineContentWrpr{
        flex-basis:50%
    }
    .timelineArrows{
        margin-left:24px;
        margin-right:24px
    }
    #imageCard1826{
        left:-45px;
        top:60px
    }
    #imageCard1901{
        left:-46px;
        top:79px
    }
    #imageCard1909{
        left:-45px;
        top:90px
    }
    #imageCard1926{
        left:-40px;
        top:92px
    }
    #imageCard1962{
        left:-20px;
        top:83px
    }
    #imageCard1964{
        top:66px
    }
    #imageCard1965{
        top:47px
    }
    #imageCard1972{
        top:31px
    }
    #imageCard1977{
        top:17px
    }
    #imageCard1986,#imageCard1987{
        top:9px
    }
    #imageCard1995{
        top:20px
    }
    #imageCard2011{
        top:43px
    }
    #imageCard2018{
        top:53px
    }
    #imageCard2019{
        top:50px
    }
    #imageCard2021{
        top:40px
    }
    #imageCard2022{
        top:27px
    }
}
@media only screen and (width:820px){
    .mainSliderWrpr .slick-list .slick-track{
        background-position:0
    }
    .responsiveImgContainer,.timelineContentWrpr{
        flex-basis:50%
    }
    .timelineArrows{
        margin-left:24px;
        margin-right:24px
    }
    #imageCard1826{
        left:-45px;
        top:60px
    }
    #imageCard1901{
        left:-46px;
        top:79px
    }
    #imageCard1909{
        left:-45px;
        top:90px
    }
    #imageCard1926{
        left:-40px;
        top:92px
    }
    #imageCard1962{
        left:-20px;
        top:80px
    }
    #imageCard1964{
        top:62px
    }
    #imageCard1965{
        top:43px
    }
    #imageCard1972{
        top:27px
    }
    #imageCard1977{
        top:14px
    }
    #imageCard1986{
        top:9px
    }
    #imageCard1987{
        top:14px
    }
    #imageCard1995{
        top:33px
    }
    #imageCard2011{
        top:50px
    }
    #imageCard2018{
        top:53px
    }
    #imageCard2019{
        top:45px
    }
    #imageCard2021{
        top:32px
    }
    #imageCard2022{
        top:14px
    }
}

@media only screen and (min-width:1366px) and (max-width:1380px){
    #imageCard1901{
        top:70px
    }
    #imageCard1964{
        top:77px
    }
    #imageCard1965{
        top:63px
    }
    #imageCard1972{
        top:50px
    }
    #imageCard1977{
        top:34px
    }
    #imageCard1986{
        top:20px
    }
    #imageCard1987{
        top:9px
    }
    #imageCard2011{
        top:3px
    }
    #imageCard2018{
        top:15px
    }
    #imageCard2019{
        top:35px
    }
    #imageCard2022{
        top:48px
    }
}
@media only screen and (min-width:390px) and (max-width:395px){
    #imageCard2022{
        top:16px!important
    }
    #imageCard2019{
        top:9px
    }
    #eintafeln{
        left:0;
        top:75px!important
    }
    #die_fullung{
        left:0;
        top:61px!important
    }
}
@media only screen and (min-width:375px) and (max-width:395px){
    #imageCard1964{
        top:90px
    }
    #imageCard1965{
        top:85px
    }
    #imageCard1972{
        top:75px
    }
    #imageCard1977{
        top:65px
    }
    #imageCard1986{
        top:55px
    }
    #imageCard1987{
        top:41px
    }
    #imageCard1995{
        top:32px
    }
    #imageCard2011{
        top:22px
    }
    #imageCard2018{
        top:15px
    }
    #imageCard2019,#imageCard2021{
        top:10px
    }
    #imageCard2022{
        top:11px
    }
}
.SCHOKOLADE_SLIDER.slider-visible .slider-wrpr{
    display:flex;
    flex-direction:column-reverse
}
@media (min-width:1024px){
    .SCHOKOLADE_SLIDER.slider-visible{
        padding-bottom:146px;
        padding-top:57px
    }
}
#rosten{
    left:50px;
    top:55px
}
#Brechen_und_Schallen{
    left:40px;
    top:50px
}
#mahlen{
    left:40px;
    top:85px
}
#pressen{
    left:40px;
    top:88px
}
#mischen{
    left:40px;
    top:77px
}
#feinwalzen{
    left:40px;
    top:60px
}
#conchieren{
    left:40px;
    top:40px
}
#eintafeln{
    left:40px;
    top:24px
}
#die_fullung{
    left:20px;
    top:12px
}
@media only screen and (width:1280px){
    #rosten{
        left:-41px;
        top:57px
    }
    #Brechen_und_Schallen{
        left:0;
        top:50px
    }
    #feinwalzen{
        left:40px;
        top:66px
    }
    #conchieren{
        left:42px;
        top:50px
    }
    #eintafeln{
        left:40px;
        top:32px
    }
    #die_fullung{
        left:8px;
        top:20px
    }
}
@media only screen and (min-width:1920px){
    .SCHOKOLADE_SLIDER.slider-visible .slider-wrpr{
        margin:0 auto;
        max-width:1440px
    }
}
@media only screen and (max-width:431px){
    #rosten{
        left:-5px;
        top:60px
    }
    #Brechen_und_Schallen{
        left:0;
        top:52px
    }
    #mahlen{
        left:10px;
        top:85px
    }
    #pressen{
        left:20px;
        top:90px
    }
    #mischen{
        left:10px;
        top:92px
    }
    #feinwalzen{
        left:10px;
        top:88px
    }
    #conchieren{
        left:10px;
        top:82px
    }
    #eintafeln{
        left:0;
        top:69px
    }
    #die_fullung{
        left:0;
        top:56px
    }
}
@font-face{
    font-display:swap;
    font-family:Loerrach;
    src:url(/fonts/redesign/Loerrach-Heavy.otf) format("otf")
}
@font-face{
    font-display:swap;
    font-family:Loerrach;
    src:url(/fonts/redesign/Loerrach-Heavy.woff2) format("woff")
}
@font-face{
    font-display:swap;
    font-family:Congenial_Regular;
    src:url(/fonts/redesign/Congenial-Regular.woff) format("woff")
}
@font-face{
    font-display:swap;
    font-family:Congenial_Light;
    src:url(/fonts/redesign/Congenial-Light.woff) format("woff")
}
@font-face{
    font-family:icofont;
    src:url(/fonts/redesign/icon-font.ttf)
}

.sortingField{
    transition:all .3s ease
}
.shadowUl{
    box-shadow:0 4px 4px rgba(0,0,0,.15);
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,.15)
}


.object-right-top {
    -o-object-position: right top;
    object-position: right top;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}



.page-wrapper-footer {
    padding-top: 80px;
}
main {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1024px) {
    .lg\:h-\[947px\] {
        height: 987px;
    }
}