@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,900;1,400&display=swap');
@layer theme {
    @media (prefers-reduced-motion: no-preference) {
        @view-transition {
            navigation: auto;
        }
    }
}
@layer addon {

    .themeColor1 {
        background-color: var(--color-light);
        .block {
            background-color: var(--color1);
        }
    }

    .themeColor2 {
        background-color: var(--color1);
    }

    .themeColor3 {
        background: var(--gradient);
        overflow: hidden;
        &:before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 804.17 694.99'%3E%3Cpath fill='%23ffffff' d='M402.08,694.99L0,0h804.17l-402.09,694.99ZM6.94,4l395.14,683.01L797.23,4H6.94Z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            position: absolute;
            right: -150px;
            top: calc(var(--section) / 2);
            width: 800px;
            height: 690px;
            opacity: .1;
            z-index: 1;
            @media (max-width: 56em) {
                width: 565px;
                height: 490px;
                top: unset;
                bottom: calc(var(--gutter) * 1.5);
                right: unset;
                left: calc(var(--section) * 0.75);
            }
            @media (--max-fablet) {
                width: 565px;
                height: 490px;
                top: unset;
                bottom: calc(var(--gutter) * 1.5);
                right: unset;
                left: calc(var(--section) * 0.75);
            }
        }
        .container {
            z-index: 2;
        }
        @media (min-width: 56em) {
            &.templateGallery, &.templateBlocks.video, &.templateBlocks.image {
                padding: calc(var(--section) * 0.75) 0;
                &:before {
                    top: calc(var(--section) / 2.5);
                    right: 50%;
                    transform: translateX(50%);
                }
            }
            &.templateMedia.mediaRight {
                &:before {
                    left: -150px;
                    right: unset;
                }
            }
        }
        @media (--min-fablet) {
            &.templateGallery, &.templateBlocks.video, &.templateBlocks.image {
                padding: calc(var(--section) * 0.75) 0;
                &:before {
                    top: calc(var(--section) / 2.5);
                    right: 50%;
                    transform: translateX(50%);
                }
            }
            &.templateMedia.mediaRight {
                &:before {
                    left: -150px;
                    right: unset;
                }
            }
        }
    }

    .themeColor2, .themeColor3 {
        .block {
            background-color: transparent;
        }
    }

    .themeColor1, .themeColor2, .themeColor3 {
        .block {
            .title {
                background-image: none;
            }
        }
    }

    .null:not(.templateHomepageCover, .templateCover, .templateBackground) + .null:not(.templateBackground) {
        padding-top: 0;
    }
    
}
@layer addon {
    
}
@layer master {
    a {
        text-decoration-color: initial;
        text-underline-offset: 4px;
        transition: var(--transition);
        &:not(.button) {
            &:hover {
                @media (hover: hover) {
                    text-decoration-color: var(--color1);
                    color: var(--color1);
                    .themeColor3 & {
                        text-decoration-color: var(--color3);
                        color: var(--color3);
                    }
                }
            }
        }
    }
}
@layer addon {

    body:not(.hasCover) {
        main {
            margin-top: 0
        }
    }

    section {
        overflow: hidden;
    }

    ul {
        & li {
            &::marker {
                color: currentColor;
            }
        }
    }


    
    
    html:has(details.hasResults[open], .nav li.open, .nav:hover) {
        header {
            z-index: 9999;
        }
        main {
            &:after {
                -webkit-backdrop-filter: blur(2px);
                        backdrop-filter: blur(2px);
                background: rgba(0, 57, 131, 0.30);
                content: "";
                width: 100%;
                height: 100%;
                display: block;
                z-index: 999;
                position: fixed;
                top: 0;
                left: 0;
            }
        }
    }

    

    .container {
        .inner {
            gap: var(--padding);
        }
    }

    section {
        .goBack {
            font-weight: 500;
            @media (max-width: 56em) {
                display: none;
            }
            @media (--max-fablet) {
                display: none;
            }
        }
    }

    strong,
    .scrollDown {
        font-weight: 600;
    }

    .tags {
        .block & {
            flex-direction: column;
        }
        .tag {
            background-color: transparent;
            color: var(--color-light);
            padding: 0;
            width: fit-content;
            font-size: calc(var(--xs-fontsize) - 0.1rem);
            font-weight: 500;
            letter-spacing: 0.02rem;
            line-height: 1;
            .article & {
                box-shadow: 0 0 0 1px var(--color-light);
                padding: 8px;
                border-radius: var(--border-radius);
            }
        }
    }


    .topJobPosting, .field {
        font-size: calc(var(--xs-fontsize) - 0.1rem);
        line-height: 1;
        color: var(--color-light);
        width: fit-content;
        padding: 8px;
        border-radius: var(--border-radius);
        font-weight: 500;
        letter-spacing: 0.02rem;
    }
    .topJobPosting {
        background-color: var(--color2);
    }
    .field {
        box-shadow: inset 0 0 0 1px var(--color-light);
    }

    
}
@layer addon {
    :root {

        /*COLORS*/
        --color1: #009FE3;
        --color2: #F39200;
        --color3: #B7236D;

        --color-dark: #003983;
        --color-light: #FFFFFF;
        --color-dark-transparency: 0, 57, 131;
        --color-light-transparency: 255, 255, 255;

        --gradient: linear-gradient(45deg, var(--color3) 2.5%, var(--color1) 60%);
        --gradient-image: linear-gradient(225deg, rgba(183, 35, 109, 0.00) 65%, rgba(183, 35, 109, 0.75) 100%), linear-gradient(180deg, rgba(0, 159, 227, 0.00) 50%, rgba(0, 159, 227, 0.60) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), transparent 50% / cover no-repeat;


        /*DEFAULT FONT*/
        --font-basic:    "Poppins", sans-serif;
        --font-sub:      "Poppins", sans-serif;
        --font-color:    var(--color-dark);

        /* XS FONTSIZE */
        --min-xs-fontsize: 0.875;
        --max-xs-fontsize: 1; /* 16px */
        
        /* FONTSIZES */
        --min-fontsize: 1.125;
        --max-fontsize: 1.125; /* 18px */
        --lineheight: 1.45;
        
        /* S FONTSIZE */
        --min-s-fontsize: 1.25;
        --max-s-fontsize: 1.375; /* 22px */
        --s-lineheight: 1.25;

        /* M FONTSIZE */
        --min-m-fontsize: 1.5;
        --max-m-fontsize: 2; /* 32px */
        --m-lineheight: 1;

        /* L FONTSIZE */
        --min-l-fontsize: 2.5;
        --max-l-fontsize: 3.75; /* 60px */
        --l-lineheight: 1;

        /* XL FONTSIZE */
        --min-xl-fontsize: 3.75;
        --max-xl-fontsize: 5.313; /* 85px */
        --xl-lineheight: 1;


        /* FORMS */
        --form-color:        var(--font-color);
        --form-accent-color: #efefef;
        --form-focused:      var(--color1);
        --form-error:        #ffe8ec;
        --form-description:  #eee;
        --form-odd:         #efefef;
        --form-placeholder:  #ccc;
        --form-border-radius: 5px;
        --form-input-size:    12px;


        /* OTHER */
        --border-radius:	24px;

        /* BUTTON */
        --button-hover:     var(--color2);
        --button-padding:	  16px;
        --button-radius:	  48px;

    }

    @media (min-width: 90em) {
        :root {
            --section:				164px;
        }
    }

    @media (--min-desktop) {
        :root {
            --section:				164px;
        }
    }
}
@layer addon {

    .button {
        font-family: var(--font-basic);
        font-size: var(--xs-fontsize);
        font-weight: 500;
        line-height: var(--lineheight);
        gap: 0;
        @media (max-width: 56em) {
            font-size: var(--fontsize);
        }
        @media (--max-fablet) {
            font-size: var(--fontsize);
        }
        .icon {
            width: 24px;
            margin-left: 8px;
            opacity: 1;
            transition: var(--transition);
        }
        .text {
            padding: 0 8px;
        }
        .icon {
            .transparent {
                opacity: 0.2;
            }
        }
        
        &.whatsapp {
            .icon {
                order: 2;
                width: 24px!important;
                margin-left: 16px!important;
                opacity: 1!important;
            }
        }

        :not(.tags, .footer, .pagination, .filterHeader) > & {
            .icon:last-of-type {
                width: 24px;
                margin-left: 8px;
                opacity: 1;
                transition: var(--transition);
            }
            .icon:first-of-type {
                width: 0;
                opacity: 0;
                margin-right: 0;
                margin-left: 0;
                transition: var(--transition);
            }
            &:hover {
                @media (hover: hover) {
                    .icon:first-of-type {
                        width: 24px;
                        margin-right: 8px;
                        opacity: 1;
                    }
                    .icon:last-of-type {
                        width: 0;
                        margin-left: 0;
                        opacity: 0;
                    }
                }
            }
        }

        &.primary, &.submit {
            background-color: var(--color2);
            color: var(--color-light);
        }

        &.secondary {
            background-color: transparent;
            color: var(--font-color);
            box-shadow: inset 0 0 0 2px var(--color-dark);
            .themeColor2 &, .themeColor3 & {
                background-color: var(--color-light);
                box-shadow: unset;
            }
        }
        
        &.outline, &.cancel {
            background: none;
            box-shadow: inset 0 0 0 2px var(--color-dark);
            color: var(--color-dark);
            .themeColor2 &, .themeColor3 & {
                box-shadow: inset 0 0 0 2px var(--color-light);
                color: var(--color-light);
            }
        }

        &.textLink {
            padding: 0;

            background: none;
            color: var(--font-color);
            border-radius: 0;
            text-decoration: underline;
            .text {
                padding-left: 0;
            }
            .themeColor2 &, .themeColor3 & {
                color: var(--color-light);
            }

        }

    }
    
}
@layer addon {

    .title + .subTitle {
        margin-top: calc(var(--gutter) * 0.66);
    }

    .subTitle + .content {
        margin-top: var(--padding);
        @media (max-width: 56em) {
            margin-top: calc(var(--padding) * 1.5);
            margin-bottom: calc(var(--padding) / 2);
        }
        @media (--max-fablet) {
            margin-top: calc(var(--padding) * 1.5);
            margin-bottom: calc(var(--padding) / 2);
        }
    }

    .title {
        text-transform: uppercase;
        font-weight: 900;
        /* hyphens: auto;
        text-wrap: auto; */
        padding-top: 10px; /* ivm trema */
    }

    .subTitle {
        font-size: var(--s-fontsize);
        line-height: var(--s-lineheight);
        font-weight: 500;
    }

    .themeColor2, .themeColor3 {
        h1, h2, .title, .subTitle, .content {
            color: var(--color-light);
        }
    }

    .themeColor1, .null {
        .title {
            display: inline-block;
            color: transparent;
            background-clip: text;
            -webkit-background-clip: text;
            background-image: linear-gradient(45deg, var(--color3), var(--color1) 75%);
        }
        .block {
            .title {
                color: var(--color-light);
            }
        }
    }
}
@layer addon {

    .playButton {
        color: var(--color-light);
        
        .icon {
            background-color: transparent;
            padding: 0;
            width: 50px;
            height: 50px;
            &.pause {
                background-color: var(--color2);
            }
        }

        &:after {
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.0644 9.74805L50.1253 9.57657L50.9695 0L55.6391 0.408917C57.4594 0.567208 58.7389 2.05778 58.5807 3.81216C58.4092 5.76441 56.8527 6.80649 55.0851 6.6482L52.3546 6.41076L52.0644 9.74805ZM52.7371 2.03139L52.5129 4.52447L55.2302 4.7619C56.0348 4.82786 56.5493 4.32661 56.6152 3.62749C56.668 3.04709 56.2063 2.33478 55.4544 2.26883L52.7371 2.03139ZM63.303 1.88629L61.1397 9.29957L65.1761 10.4736L64.6485 12.2807L58.7389 10.5527L61.4299 1.33228L63.303 1.8731V1.88629ZM73.394 16.8184L71.5209 15.8159L71.7451 13.5734L68.21 11.6871L66.4688 13.1249L64.6089 12.1356L72.7213 5.57974L74.3042 6.42395L73.394 16.8184ZM72.2332 8.36301L69.5687 10.5527L71.9034 11.7926L72.2332 8.36301ZM85.279 14.4044L78.6835 16.5545L76.296 19.4829L74.779 18.2562L77.1666 15.3278L77.9449 8.44216L79.752 9.90635L79.0529 14.5627L83.4982 12.9666L85.279 14.4176V14.4044ZM93.9058 25.9069L84.0127 28.4527L82.6804 26.5005L88.6427 18.2166L89.8298 19.9578L85.3449 26.1047L92.6791 24.1393L93.8926 25.9069H93.9058ZM86.0177 32.0406L94.6973 27.9383L95.5547 29.7586L86.8751 33.861L86.0177 32.0406ZM87.627 35.1932L96.8738 32.6078L97.8763 36.1826C98.6413 38.9131 97.2299 41.6172 94.6181 42.3559C92.0063 43.0814 89.3945 41.4985 88.6295 38.768L87.627 35.1932ZM89.9617 36.5651L90.4366 38.2667C90.9379 40.0343 92.5867 40.8917 94.0905 40.4696C95.6074 40.0475 96.5704 38.4646 96.0691 36.697L95.5942 34.9954L89.9617 36.5651ZM89.9749 44.7039L99.5515 44.1762L99.9077 50.7453L98.0346 50.8508L97.7839 46.2208L95.7262 46.3395L95.9504 50.4551L94.262 50.5474L94.0377 46.4319L91.9536 46.5506L92.2174 51.3125L90.3443 51.418L89.9749 44.7171V44.7039ZM93.4441 62.9337C90.6609 62.4456 88.8273 59.8074 89.3154 57.0373C89.8035 54.2804 92.4021 52.4469 95.1853 52.935C97.9554 53.423 99.8021 56.048 99.3141 58.8181C98.8392 61.575 96.2274 63.4217 93.4441 62.9337ZM93.7871 60.9682C95.5679 61.2848 97.2299 60.124 97.5069 58.4883C97.7971 56.8527 96.6231 55.217 94.8424 54.9004C93.0616 54.5838 91.4127 55.7446 91.1357 57.3803C90.8455 59.0292 92.0063 60.6648 93.7871 60.9814V60.9682ZM83.8676 71.6528L84.9756 70.0567L92.8769 75.5573L90.1992 79.4091C89.1571 80.9128 87.2312 81.2822 85.7802 80.2665C84.171 79.1452 84.039 77.2721 85.0547 75.8211L86.6245 73.5655L83.8676 71.6528ZM90.2124 76.0718L88.1546 74.6471L86.5981 76.8896C86.1364 77.5491 86.3211 78.2615 86.9015 78.6572C87.3763 78.9869 88.2206 78.9474 88.6558 78.3274L90.2124 76.085V76.0718ZM85.0679 85.3186L79.7124 79.752L76.6917 82.6672L75.3858 81.3085L79.818 77.0347L86.4793 83.9467L85.0811 85.3054L85.0679 85.3186ZM67.1547 86.6772L68.9487 85.5428L70.7954 86.8487L74.1855 84.6986L73.8029 82.4693L75.5837 81.3481L77.2721 91.637L75.7552 92.5999L67.1547 86.6772ZM75.0824 89.843L74.4889 86.4398L72.2596 87.8512L75.0824 89.8298V89.843ZM63.3689 98.2192L64.7672 91.4259L63.3953 87.8908L65.2157 87.1917L66.5875 90.7268L72.1936 94.816L70.0303 95.6602L66.3369 92.745L65.5322 97.4014L63.3953 98.2324L63.3689 98.2192ZM49.1096 100L51.8006 90.1464L54.1617 89.9486L58.4092 99.2349L56.2986 99.4064L53.1856 92.468L51.2597 99.8153L49.1228 99.9868L49.1096 100ZM47.6454 90.1068L46.8935 99.6702L44.8885 99.5119L45.6404 89.9486L47.6454 90.1068ZM44.1235 89.9486L41.8019 99.2613L38.2008 98.3643C35.4439 97.6784 33.795 95.1194 34.4414 92.4812C35.1009 89.843 37.7655 88.3656 40.5224 89.0516L44.1235 89.9486ZM41.7887 91.294L40.0739 90.8719C38.2931 90.4234 36.7366 91.4523 36.354 92.9561C35.9715 94.4862 36.8817 96.0955 38.6624 96.544L40.3773 96.9661L41.7887 91.294ZM34.692 87.284L30.405 95.8713L24.5218 92.9297L25.366 91.2545L29.508 93.3254L30.4313 91.4787L26.7511 89.632L27.5162 88.115L31.1964 89.9617L32.133 88.1018L27.8723 85.9649L28.7165 84.2897L34.7184 87.2972L34.692 87.284ZM17.1613 81.2426C18.9685 79.0661 22.1607 78.7891 24.324 80.5962C26.4741 82.3902 26.7643 85.556 24.9571 87.7325C23.1632 89.8958 19.9578 90.186 17.8077 88.392C15.6576 86.5981 15.3542 83.4191 17.1613 81.2426ZM18.6915 82.5221C17.5307 83.9203 17.7153 85.9253 18.9949 86.9938C20.2744 88.0491 22.2794 87.8512 23.4402 86.4662C24.601 85.0679 24.4163 83.0761 23.1368 82.0208C21.8573 80.9524 19.8523 81.1371 18.6915 82.5353V82.5221ZM14.3121 68.6057L15.1563 70.3601L6.47672 74.5021L4.45851 70.2678C3.66706 68.6189 4.30022 66.7722 5.89632 66.0071C7.6639 65.1629 9.35233 65.9808 10.1174 67.5768L11.3046 70.0567L14.3253 68.6057H14.3121ZM7.32093 71.9298L9.57657 70.8482L8.40259 68.3815C8.05962 67.656 7.34732 67.4713 6.71415 67.7615C6.18652 68.0121 5.80398 68.764 6.13376 69.4631L7.30774 71.9298H7.32093ZM1.84672 62.9073L9.32595 61.0078L8.29706 56.9318L10.1174 56.4701L11.6343 62.4324L2.33478 64.7936L1.85991 62.9073H1.84672ZM9.55019 46.6693L9.64253 48.793L7.59794 49.7428L7.78261 53.7528L9.90634 54.5179L9.99868 56.6152L0.224245 52.9745L0.1451 51.1806L9.56338 46.6561L9.55019 46.6693ZM2.86242 51.972L6.10737 53.146L5.98866 50.5079L2.86242 51.972ZM1.38504 37.7127L6.60863 42.2768L10.3548 42.8308L10.0646 44.7566L6.31843 44.2026L0 47.0518L0.342963 44.7566L4.69595 42.9759L1.04208 39.9815L1.37185 37.7127H1.38504ZM6.91202 24.3635L14.1274 31.5789L13.1249 33.7159L2.95476 32.7925L3.85173 30.8798L11.4233 31.6053L6.00185 26.2894L6.91202 24.3503V24.3635ZM16.2116 28.0306L8.27068 22.6223L9.40509 20.9471L17.346 26.3554L16.2116 28.0306ZM18.1111 25.0363L11.1727 18.4013L13.7449 15.7103C15.7103 13.6526 18.7574 13.4943 20.7229 15.3674C22.6883 17.2405 22.6487 20.3008 20.6965 22.3453L18.1243 25.0363H18.1111ZM18.0979 22.3321L19.3246 21.0526C20.591 19.7204 20.4854 17.8604 19.351 16.792C18.2166 15.7103 16.3567 15.6839 15.0904 17.0162L13.8636 18.2957L18.0847 22.3321H18.0979ZM25.0758 18.177L19.7335 10.2097L25.1946 6.54267L26.2366 8.0992L22.3849 10.6846L23.5325 12.3994L26.949 10.1042L27.8987 11.5156L24.4823 13.8108L25.6431 15.5388L29.6003 12.8743L30.6424 14.4308L25.0627 18.177H25.0758ZM39.0054 5.90951C40.0079 8.54768 38.6624 11.4629 36.0375 12.4654C33.4257 13.4547 30.5105 12.1356 29.5212 9.49743C28.5319 6.87244 29.8509 3.94407 32.4759 2.95476C35.0877 1.96544 38.0161 3.27134 39.0054 5.9227V5.90951ZM37.1455 6.60863C36.5123 4.9202 34.6788 4.07598 33.1091 4.66957C31.5658 5.24997 30.7347 7.09669 31.3811 8.78512C32.0142 10.4736 33.8478 11.3046 35.4043 10.7242C36.9608 10.1306 37.7918 8.31025 37.1587 6.60863H37.1455Z' fill='white'/%3E%3C/svg%3E%0A");
        }

        &:hover {
            @media (hover: hover) {
                .icon.play {
                    background-color: var(--color2);
                }
            }
        }

    }

}
@layer addon {
    input, select, textarea {
        font-weight: 400;
    }
    .select {
        &:after {
            right: calc(var(--form-input-size) + 10px);
        }
    }
        .select {
            select {
                & option {
                    &:nth-of-type(odd) {
                        background-color: #fff;
                    }
                    &:hover {
                        @media (hover: hover) {
                            background-color: #f1f1f1;
                        }
                    }
                    &:checked,
                    &:focus {
                        background: var(--color1);
                        color: #fff;
                    }
                }
            }
        }
}
@layer addon {

    .pagination {
        width: 100%;

        .button {
            background-color: rgba(var(--color-dark-transparency), 0.1);
            width: 40px;
            height: 40px;
            .icon {
                margin: unset;
            }
            &:hover {
                background-color: var(--color2);
            }
        }

    }  

}
@layer addon {

    .block {
        .collectionJobPosting &, .filterJobPosting &, .collectionPerson &, .filterPerson &, .collectionPage & {
            .media {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                border-radius: var(--border-radius);
                &:before {
                    content: "";
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 1;
                    left: 0;
                    top: 0;
                }
                img {
                    height: 100%;
                    width: 100%;
                }
            }

        }
        .inner {
            z-index: 2;
            color: var(--color-light);
            .intro {
                flex: 1;
            }
        }

        
        .buttons {
            &:has(a) {
                .button {
                    position: initial;
                    &:after {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        bottom: 0;
                    }
                }
            }
        }

        .footer, .buttons {
            .button {
                justify-content: space-between;
                width: 100%;
                color: var(--color-light);
                text-decoration: none;
                &.textLink {
                    justify-content: flex-start;
                }
                .icon:first-of-type {
                    display: none;
                }
                .icon {
                    width: 32px;
                    height: 32px;
                }
                &:hover {
                    @media (hover: hover) {
                        .icon:last-of-type {
                            width: 32px;
                            opacity: 1;
                            margin-left: 16px;
                            path {
                                fill: var(--color-light);
                                transition: var(--transition);
                                &.transparent {
                                    fill: var(--color2);
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
            }
        }
        .collectionPage & {
            .media {
                &:before {
                    background: linear-gradient(270deg, rgba(19, 26, 35, 0.00) 0%, rgba(19, 26, 35, 0.90) 88.25%);
                }
            }
            .inner {
                justify-content: flex-end;
            }
        }
        .collectionPage &, .collectionJobPosting & {
            .inner {
                .header {
                    .title {
                        font-size: var(--m-fontsize);
                        line-height: var(--m-lineheight);
                    }
                }
            }
        }

        .collectionJobPosting &, .collectionPage &, .filterJobPosting &, .filterArticle &, .collectionArticle & {
            transition: var(--transition);
            &:hover {
                @media (hover: hover) {
                    img {
                        transform: scale(1.05);
                    }
                }
            }
        }
    }

    
    
}
@layer addon {

    header {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 99;
        transition: top ease-in-out 0.5s;
        background: linear-gradient(270deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;
        &.headerDown {
            position: sticky;
            top: -200px;
        }
        &.headerTop {
            position: sticky;
            top: 0;
        }        
        .content.hasCover & {
            position: fixed;
        }
        
        .uspBar {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: var(--padding);
            grid-column: full-start / full-end;
            padding-top: 8px;
            text-decoration: none;
            .usp {
                display: flex;
                align-items: center;
                gap: calc(var(--gutter) / 2);
                font-weight: 500;
                font-size: calc(var(--xs-fontsize) - 0.1rem);
                color: var(--color-light);
                .icon {
                    width: 16px;
                    height: 16px;
                }
                b {
                    font-weight: 600;
                }
            }
        }

        .headerContainer {
            gap: 0;
            padding: 16px 0 0;
            flex-wrap:wrap;
            @media (max-width: 56em) {
                padding: 8px 0 16px;
            }
            @media (--max-fablet) {
                padding: 8px 0 16px;
            }
            .leftMenu, .rightMenu {
                display: flex;
                min-width: 225px;
                justify-content: space-between;
                @media (max-width: 1200px) {
                    min-width: auto;
                }
            }
            .leftMenu {
                align-items: flex-start;
                @media (max-width: 1200px) {
                    width: 100%;
                    margin-bottom: var(--gutter);
                }
            }
            .rightMenu {
                flex-direction: column;
                align-items: flex-end;
                padding-bottom: 16px;
                /* @media (--min-fablet) {
                    height: 100%;
                } */
                @media (max-width: 1200px) {
                    gap: var(--gutter);
                }
                @media (min-width: 1200px) {
                    height: 100%;
                }
                .button {
                    font-size: var(--xs-fontsize);
                    width: fit-content;
                    padding: 8px;
                    color: var(--color-light);
                }
                
            }
            .informationLinks {
                display: flex;
                gap: var(--gutter);
                color: var(--color-light);
                a {
                    display: flex;
                    flex-direction: row;
                    gap: 8px;
                    text-decoration: none;
                    align-items: center;
                    font-size: var(--xs-fontsize);
                    text-underline-offset: 6px;
                    font-weight: 500;
                    &:hover {
                        @media (hover: hover) {
                            color: var(--color-light);
                            text-decoration: underline;

                        }
                    }
                }
            }
            
            details.menuSearch {
                position: relative;
                background-color: transparent;

                .search-highlight {
                    font-weight: 600;
                    color: #009FE3;
                    background: none;
                }

                &.hasResults[open] {
                    input {
                        border-top-left-radius: 20px;
                        border-top-right-radius: 20px;
                        border-bottom-left-radius: 0;
                        border-bottom-right-radius: 0;
                    }
                }
                summary {
                    display: flex;
                    padding: 0;                        
                    width: 100%;
                }
                .icon.search {
                    position: absolute;
                    top: 50%;
                    right: calc(var(--gutter) / 2);
                    transform: translateY(-50%);
                }
                input {
                    outline: 0;
                    border-radius: 32px;
                    line-height: 1;
                    padding: calc(var(--gutter) / 2) var(--gutter);
                    padding-right: calc(var(--gutter) + 24px);
                    border: none;
                    transition: var(--transition);
                    font-weight: 400;
                    &::placeholder {
                        color: #A4A4A4;
                    }
                }

                .results {
                    position: absolute;
                    background-color: var(--color-light);
                    width: 100%;
                    z-index: 99;
                    border-bottom-left-radius: var(--border-radius);
                    border-bottom-right-radius: var(--border-radius);
                    overflow: auto;
                    max-height: 60vh;
                    overscroll-behavior: contain;

                    .result.jobPostings,
                    .result.pages,
                    .result.articles,
                    .result.persons {
                        .block {
                            display: flex;
                            flex-direction: row;
                            gap: var(--gutter);
                            border-radius: 0;
                            padding: calc(var(--gutter) / 2) var(--gutter);
                            @media (hover: hover) {
                                &:hover {
                                    background-color: var(--form-accent-color) !important;
                                }
                            }
                            .media {
                                max-width: 64px;
                                max-height: 64px;
                                border-radius: 8px;
                                img {
                                    aspect-ratio: 1;
                                    object-fit: cover;
                                }
                            }
                            .inner {
                                flex-grow: 1;
                                width: 100%;
                                justify-content: center;
                                background: inherit;
                                padding: 0;
                                gap: 0;
                                .field {
                                    display: none;
                                }
                                .footer {
                                    .contactPoints {
                                        display: none;
                                    }
                                    .button {
                                        .text, .icon {display: none}
                                    }
                                }
                                .title {
                                    padding: 0;
                                    font-size: var(--s-fontsize);
                                    font-weight: normal;
                                    text-transform: none;
                                }
                                .header {
                                    gap: 0;
                                }
                                .publication, .subTitle, .tag {
                                    font-size: var(--xs-fontsize);
                                    color: var(--color-dark);
                                    margin-top: 4px;
                                    font-weight: normal;
                                }
                                .tags {
                                    display: flex;
                                    flex-direction: row;
                                    row-gap: 0;
                                    .tag {gap: 4px;}
                                }
                                .topJobPosting {
                                    position: initial;
                                    margin-bottom: 4px;
                                    padding: 4px 8px;
                                    font-size: calc(var(--xs-fontsize) - 0.25rem);
                                }
                            }
                        }
                    } 
                    .resultButton {
                        padding: var(--gutter);
                    }
                }
                
                
            }

            .centerMenu {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: calc(var(--gutter) * 0.75);
                @media (min-width: 64em) {
                    min-width: 480px;
                }
                @media (--min-tablet) {
                    min-width: 480px;
                }
                .nav {
                    flex-grow: 1;
                    z-index: 8;
                    ul {
                        justify-content: center;
                        li {
                            font-weight: 600;
                            position: unset;
                            padding-bottom: 16px;

                            > a, 
                            > button {
                                color: var(--color-light);
                                text-underline-offset: 6px;
                                &:hover {
                                    @media (hover: hover) {
                                        text-decoration: underline;
                                    }
                                }
                            }

                            /* &.open { */
                            &:hover {
                                @media (min-width: 56em) {
                                    a, button {
                                        border: none;
                                    }
                                    button {
                                        text-decoration: underline;
                                    }
                                }
                                @media (--min-fablet) {
                                    a, button {
                                        border: none;
                                    }
                                    button {
                                        text-decoration: underline;
                                    }
                                }
                            }

                            [aria-haspopup] {
                                &:after {
                                    display: none;
                                }
                            }
                            button, a {
                                padding: 0;
                                line-height: 1;
                                @media (min-width: 56em) {
                                    .icon {display: none}
                                }
                                @media (--min-fablet) {
                                    .icon {display: none}
                                }
                            }
                            .subMenu {
                                a {
                                    font-weight: 400;
                                }
                            }
                            
                            @media (min-width: 56em) {
                                .subMenu {
                                    background: linear-gradient(270deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;
                                    left: 0;
                                    width: 100%;
                                    transform: unset;
                                    top: 100%;
                                    min-height: 250px;
                                    padding: var(--padding) var(--spacer);
                                    overflow: hidden;
                                    transition: var(--transition);
                                    opacity: 0;
                                    &:before {
                                        all: unset;
                                        content: "";
                                        background-image: url("data:image/svg+xml,%3Csvg width='301' height='286' viewBox='0 0 301 286' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.386 85.9766L150.354 169.045L198.3 85.9766L198.732 85.2266H300.595L299.296 87.4766L250.052 172.796L200.897 258.001L151.653 343.343L150.354 345.595L149.055 343.344L99.7881 258.001V258.002L50.5439 172.797L50.543 172.796L1.29883 87.4766L0 85.2266H101.953L102.386 85.9766ZM53.1406 171.295L102.386 256.501V256.502L150.354 339.592L198.3 256.502L247.453 171.296L295.398 88.2266H200.465L151.653 172.796L150.354 175.046L149.055 172.796L100.221 88.2266H5.19531L53.1406 171.295ZM200.896 2.25L151.652 87.4785L150.354 89.7266L149.055 87.4795L99.7871 2.25098L98.4863 0H202.197L200.896 2.25ZM150.353 83.7295L196.999 3H103.686L150.353 83.7295Z' fill='white' fill-opacity='0.15'/%3E%3C/svg%3E%0A");
                                        background-repeat: no-repeat;
                                        background-size: contain;
                                        width: 301px;
                                        height: 286px;
                                        position: absolute;
                                        right: var(--section);
                                        bottom: 0;
                                    }
                                    .title {
                                        display: block;
                                        margin-bottom: var(--gutter);
                                        font-size: var(--s-fontsize);
                                    }
                                    ul {
                                        gap: calc(var(--gutter) / 1.5);
                                        li {
                                            padding-bottom: 0;
                                            a {
                                                padding: 0;
                                                color: var(--color-light);
                                                border: none;
                                                text-decoration-color: var(--color-light);
                                            }
                                        }
                                    }
                                }
                                /* &.open { */
                                &:hover {
                                    .subMenu {
                                        transform: unset;
                                        opacity: 1;
                                        visibility: visible;
                                    }
                                }
                            }
                            
                            @media (--min-fablet) {
                                .subMenu {
                                    background: linear-gradient(270deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;
                                    left: 0;
                                    width: 100%;
                                    transform: unset;
                                    top: 100%;
                                    min-height: 250px;
                                    padding: var(--padding) var(--spacer);
                                    overflow: hidden;
                                    transition: var(--transition);
                                    opacity: 0;
                                    &:before {
                                        all: unset;
                                        content: "";
                                        background-image: url("data:image/svg+xml,%3Csvg width='301' height='286' viewBox='0 0 301 286' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.386 85.9766L150.354 169.045L198.3 85.9766L198.732 85.2266H300.595L299.296 87.4766L250.052 172.796L200.897 258.001L151.653 343.343L150.354 345.595L149.055 343.344L99.7881 258.001V258.002L50.5439 172.797L50.543 172.796L1.29883 87.4766L0 85.2266H101.953L102.386 85.9766ZM53.1406 171.295L102.386 256.501V256.502L150.354 339.592L198.3 256.502L247.453 171.296L295.398 88.2266H200.465L151.653 172.796L150.354 175.046L149.055 172.796L100.221 88.2266H5.19531L53.1406 171.295ZM200.896 2.25L151.652 87.4785L150.354 89.7266L149.055 87.4795L99.7871 2.25098L98.4863 0H202.197L200.896 2.25ZM150.353 83.7295L196.999 3H103.686L150.353 83.7295Z' fill='white' fill-opacity='0.15'/%3E%3C/svg%3E%0A");
                                        background-repeat: no-repeat;
                                        background-size: contain;
                                        width: 301px;
                                        height: 286px;
                                        position: absolute;
                                        right: var(--section);
                                        bottom: 0;
                                    }
                                    .title {
                                        display: block;
                                        margin-bottom: var(--gutter);
                                        font-size: var(--s-fontsize);
                                    }
                                    ul {
                                        gap: calc(var(--gutter) / 1.5);
                                        li {
                                            padding-bottom: 0;
                                            a {
                                                padding: 0;
                                                color: var(--color-light);
                                                border: none;
                                                text-decoration-color: var(--color-light);
                                            }
                                        }
                                    }
                                }
                                /* &.open { */
                                &:hover {
                                    .subMenu {
                                        transform: unset;
                                        opacity: 1;
                                        visibility: visible;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .hamburger {
                background-color: transparent;
                z-index: 9;
                span {
                    width: 24px;
                }
            }

            .logo {
                svg {
                    @media (min-width: 56em) {
                        width: 174px;
                    }
                    @media (--min-fablet) {
                        width: 174px;
                    }
                    /* @media (--min-fablet) {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        width: 174px;
                    } */
                    @media (max-width: 56em) {
                        width: 109px;
                    }
                    @media (--max-fablet) {
                        width: 109px;
                    }
                }
            }
        }

        @media (min-width: 56em) {
            .centerMenu {
                .informationLinks {
                    display: none;
                }
                
            }
        }

        @media (--min-fablet) {
            .centerMenu {
                .informationLinks {
                    display: none;
                }
                
            }
        }

        @media (max-width: 56em) {
            .uspBar {
                position: relative;
                overflow: hidden;
                height: 40px;
                
            }
            .usp {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                text-align: center;
                opacity: 0;
                justify-content: center;
                padding: 8px;
            }


            .headerContainer {
                gap: calc(var(--gutter) / 2);
                .menuSearch {
                    input {
                        font-size: var(--fontsize);
                    }
                }

                .leftMenu, .centerMenu {
                    width: 100%;
                }

                .rightMenu {
                    display: none;
                }

                .leftMenu {
                    gap: var(--gutter);
                    .informationLinks,
                    .menuSearch {
                        display: none;
                    }
                }
                .centerMenu {
                    a.button {
                        display: none;
                    }
                    .nav {
                        padding-top: calc(var(--section) + 88px);
                        background: linear-gradient(249deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;
                        gap: var(--section);
                        display: flex;
                        flex-direction: column;
                        li {
                            .subMenu {
                                padding: calc(var(--section) + 88px) var(--spacer) 0 var(--spacer);
                                top: calc(calc(var(--section) + 88px) * -1);
                                background: linear-gradient(249deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;   
                                transform: translateX(100%) translateY(0);
                                width: 100vw;
                            }

                            &.open {
                                .subMenu {
                                    transform: unset;
                                    left: calc(var(--spacer) * -1);
                                }
                            }
                            
                        }
                        .informationLinks {
                            flex-direction: column;
                        }
                        ul {
                            li {
                                > button, a {
                                    text-transform: uppercase;
                                    font-weight: 900;
                                    font-size: var(--m-fontsize);
                                }
                            }
                        }
                    }
                }
            }
        }

        @media (--max-fablet) {
            .uspBar {
                position: relative;
                overflow: hidden;
                height: 40px;
                
            }
            .usp {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                text-align: center;
                opacity: 0;
                justify-content: center;
                padding: 8px;
            }


            .headerContainer {
                gap: calc(var(--gutter) / 2);
                .menuSearch {
                    input {
                        font-size: var(--fontsize);
                    }
                }

                .leftMenu, .centerMenu {
                    width: 100%;
                }

                .rightMenu {
                    display: none;
                }

                .leftMenu {
                    gap: var(--gutter);
                    .informationLinks,
                    .menuSearch {
                        display: none;
                    }
                }
                .centerMenu {
                    a.button {
                        display: none;
                    }
                    .nav {
                        padding-top: calc(var(--section) + 88px);
                        background: linear-gradient(249deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;
                        gap: var(--section);
                        display: flex;
                        flex-direction: column;
                        li {
                            .subMenu {
                                padding: calc(var(--section) + 88px) var(--spacer) 0 var(--spacer);
                                top: calc(calc(var(--section) + 88px) * -1);
                                background: linear-gradient(249deg, rgba(183, 35, 109, 0.00) 57.35%, #B7236D 100%), #009FE3;   
                                transform: translateX(100%) translateY(0);
                                width: 100vw;
                            }

                            &.open {
                                .subMenu {
                                    transform: unset;
                                    left: calc(var(--spacer) * -1);
                                }
                            }
                            
                        }
                        .informationLinks {
                            flex-direction: column;
                        }
                        ul {
                            li {
                                > button, a {
                                    text-transform: uppercase;
                                    font-weight: 900;
                                    font-size: var(--m-fontsize);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    
}
@layer addon {
    .menuSearch {
        .results {
            .result {
                padding: var(--gutter) 0;
                &:not(:first-of-type) {
                    border-top: 1px solid #efefef;
                }
            
                > .title {
                    margin-bottom: calc(var(--gutter) / 2);
                    padding: 0 var(--gutter);
                    font-size: var(--fontsize);
                    text-transform: none;
                    font-weight: 600;
                }

                &.pages {
                    .content {
                        display: grid;
                        grid-template-columns: repeat(12, 1fr);
                        width: 100%;
                        .item {
                            grid-column: span 12;
                            a {
                                padding: 4px var(--gutter);
                                display: block;
                                text-decoration: none;
                                &:hover {
                                    @media (hover: hover) {
                                        color: var(--color-dark);
                                        background-color: var(--form-accent-color);
                                    }
                                }
                            }
                        }
                    }
                }
                &.person {
                    
                }
            }

        }
    }
}
@layer addon {

    footer {
        background: linear-gradient(45deg,var(--color3) 2.5%,var(--color1) 40%);
        position: relative;
        padding: var(--padding) 0 0 0;

        .footerContainer {
            flex-direction: column;
            gap: 0;
            grid-column: full-start / full-end;
        }

        a {
            color: var(--color-light);
            text-decoration: none;
            transition: var(--transition);
            text-decoration-color: var(--color-light);
            &:hover {
                @media (hover: hover) {
                    color: var(--color-light);
                    text-decoration: underline;
                }
            }
        }

        .footerLogo {
            position: absolute;
            top: calc(-1 * var(--section) / 2);
            left: 50%;
            transform: translateX(-50%);
            width: var(--section);
            height: var(--section);

            @media (max-width: 56em) {
                width: 100px;
                height: 100px;
                top: -50px;
            }

            @media (--max-fablet) {
                width: 100px;
                height: 100px;
                top: -50px;
            }

        }

        .footerTop, .footerMiddle, .footerBottom {
            width: 100%;
            padding: var(--padding) var(--spacer);
        }
        

        .footerTop {
            padding: calc(var(--padding) * 1.5) 0;
            .rating {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: calc(var(--gutter) / 2);
                .score {
                    font-size: var(--m-fontsize);
                    line-height: var(--m-lineheight);
                    font-weight: 900;
                }
                .stars {
                    display: flex;
                    gap: calc(var(--gutter) / 2);
                    align-items: center;
                    .title {
                        font-size: var(--fontsize);
                        line-height: 1;
                        color: var(--color-light);
                    }
                    .icons {
                        display: flex;
                        gap: calc(var(--gutter) / 6);
                    }
                }
                .reviews {
                    font-size: var(--xs-fontsize);
                    line-height: var(--xs-lineheight);
                }

            }
        }

        .footerMiddle {
            border-top: 1px solid var(--color-light);
            border-bottom: 1px solid var(--color-light);
            @media (max-width: 56em) {
                display: none;
            }
            @media (--max-fablet) {
                display: none;
            }
            .grid {
                grid-column: span 3;
                display: flex;
                flex-direction: column;
                gap: var(--gutter);
                .title {
                    color: var(--color-light);
                    font-size: var(--s-fontsize);
                }
                .links {
                    display: flex;
                    flex-direction: column;
                    gap: var(--gutter);
                    
                    a {
                        display: flex;
                        gap: calc(var(--gutter) /1.5);
                        align-items: center;
                        div {
                            background-color: rgba(var(--color-light-transparency), 0.2);
                            width: 24px;
                            height: 24px;
                            padding: 6px;
                            border-radius: 40px;
                            display: inline-flex;
                            justify-content: center;
                            align-items: center;
                            transition: var(--transition);
                        }
                        &:hover {
                            @media (hover: hover) {
                                div {
                                    background-color: var(--color2);
                                }
                            }
                        }
                    }
                }
            }
        }

        .footerBottom {
            display: flex;
            flex-direction: column;
            gap: calc(var(--padding) * 1.5);
            padding-top: calc(var(--padding) * 1.5);
            
            .topLinks {
                display: flex;
                justify-content: space-between;
                align-items: center;
                .footerLogos, .social {
                    display: flex;
                }
                img {
                    height: 40px;
                }
                .footerLogos {
                    gap: calc(var(--section) / 2);
                }
                .social {
                    gap: var(--gutter);
                }
            }

            .bottomLinks {
                display: flex;
                gap: var(--gutter);
                font-size: var(--xs-fontsize);
                line-height: var(--xs-lineheight);
                
                .copyright {
                    font-weight: 600;
                }
            }

            @media (max-width: 56em) {
                border-top: 1px solid var(--color-light);
                
                .topLinks {
                    flex-direction: column;
                    gap: calc(var(--padding) * 1.5);
                    .footerLogos {
                        gap: var(--gutter);
                    }
                    img {
                        height: 30px;
                    }
                }
                .bottomLinks {
                    flex-wrap: wrap;
                    gap: calc(var(--gutter) / 2);
                    justify-content: center;
                }
            }

            @media (--max-fablet) {
                border-top: 1px solid var(--color-light);
                
                .topLinks {
                    flex-direction: column;
                    gap: calc(var(--padding) * 1.5);
                    .footerLogos {
                        gap: var(--gutter);
                    }
                    img {
                        height: 30px;
                    }
                }
                .bottomLinks {
                    flex-wrap: wrap;
                    gap: calc(var(--gutter) / 2);
                    justify-content: center;
                }
            }

        }
    }
    
}
@layer addon {

    .homepage .templateCover + .templateContent {
        padding-top: 0;
        .intro {
            .title {
                font-size: var(--xl-fontsize);
                line-height: var(--xl-lineheight);
            }
        }
    }

    .templateCover + .templateContent {
        &.themeColor3 {
            background-color: var(--color1);
            background: var(--color1);
        }
    }

    .container {
        .inner {
            .buttons {
                @media (max-width: 56em) {
                    align-items: center;
                    width: 100%;
                }
                @media (--max-fablet) {
                    align-items: center;
                    width: 100%;
                }
            }
        }
    }

    .templateCollection:not(.single) {
        .inner:has(.grid) {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        @media (min-width: 56em) {
            .intro {
                order: 1;
                flex: 1;
            }
            .buttons {
                order: 2;
                align-items: flex-end;
            }
            .grid {
                order: 3;
            }
        }
        @media (--min-fablet) {
            .intro {
                order: 1;
                flex: 1;
            }
            .buttons {
                order: 2;
                align-items: flex-end;
            }
            .grid {
                order: 3;
            }
        }
        &.collectionPage {
            @media (min-width: 56em) {
                .intro {
                    display: grid;
                    grid-template-columns: repeat(12, 1fr);
                    width: 100%;
                    column-gap: var(--gutter);
                    .title, .subTitle, .content {
                        grid-column: span 8;
                    }
                }
                .splide {
                    max-width: calc(100vw + var(--gutter) + var(--gutter));
                    margin-right: calc(var(--spacer) * -1);
                }
            }
            @media (--min-fablet) {
                .intro {
                    display: grid;
                    grid-template-columns: repeat(12, 1fr);
                    width: 100%;
                    column-gap: var(--gutter);
                    .title, .subTitle, .content {
                        grid-column: span 8;
                    }
                }
                .splide {
                    max-width: calc(100vw + var(--gutter) + var(--gutter));
                    margin-right: calc(var(--spacer) * -1);
                }
            }
        }
    }

    .templateContent {
        &.columns {
            .container {
                gap: calc(var(--section) / 2);
            }
            .title {
                font-size: var(--m-fontsize);
                line-height: var(--m-lineheight);
            }
        }
    }
    
}
html { 
    scroll-behavior: smooth;
}