@font-face {
    font-family: 'Frankfurter';
    src: url('../../global2020/fonts/frankfurter_netto/Frankfurter_Netto_Regular.eot');
    src: url('../../global2020/fonts/frankfurter_netto/Frankfurter_Netto_Regular.eot?#iefix') format('eot'),
    url('../../global2020/fonts/frankfurter_netto/Frankfurter_Netto_Regular.woff') format('woff'),
    url('../../global2020/fonts/frankfurter_netto/Frankfurter_Netto_Regular.ttf') format('truetype'),
    url('../../global2020/fonts/frankfurter_netto/Frankfurter_Netto_Regular.svg#frankfurterefmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../global2020/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../global2020/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../../global2020/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
}

body * {
    position: relative;
    box-sizing: border-box;
    color: #333333;
}

.screen-size {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    left: 0px;
    background-color: lime;
    color: #000000;
    padding: 5px;
    font-size: 10px;
}

.screen-size::before {
    content: 'main';
}

.module-title {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 5px 10px;
    background-color: lightcoral;
    color: #333333;
    z-index: 3;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0 10px 10px 0;
    opacity: 0.2;
}

.module-title:hover {
    opacity: 0.7;
}

#main.site-content {
    padding: 0;
}

.page-row {
    padding: 10px 0;
}

.content-container {
    padding-right: 0;
    padding-left: 0;
}

.content-row {
    padding-right: 20px;
    padding-left: 20px;
}

.content-row.full-width {
    padding-right: 0;
    padding-left: 0;
}


.teaser__block.header .teaser__box {
    height: auto;
}

.teaser__block.header {
    margin-right: -20px;
    margin-left: -20px;
}


/* ----- Header ----- */
.header {
    font-family: 'Frankfurter';
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
}

#header-karriere .xh-menu-icon__button {
    /*background-image: url(../../../images/karriere2020/menu.svg);*/
}

#header-karriere .xh-logo__link::before {
    background-image: url(../../../images/karriere2020/netto-logo.svg);
}

.header-container {
    background-color: #ffffff;
    padding-right: 0;
    padding-left: 0;
}

.header-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.header-jobs {
    display: none;
    padding: 10px 20px 10px 0;
    justify-content: flex-end;
    align-items: center;
}

#header-karriere .xh-logo, #header-karriere .xh-menu-icon {
    /*flex-grow: 1;*/
}

.header-jobs-container {
    background-color: #CF0008;
    border-radius: 8px;
    display: inline-block;
}

.header-jobs-item {
    padding: 13px 17px 12px 19px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.header-jobs-counter, .header-jobs-cta span.cta-text {
    color: #ffffff;
}

.header-jobs-counter {
    font-size: 33px;
    line-height: 25px;
    padding-right: 10px;
}

.header-jobs-cta {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.header-jobs-cta .cta-text {
    padding: 0 4px 0 4px;
    font-size: 15px;
    line-height: 15px;
}

.header-jobs-cta .cta-arrow {
    padding: 0 0 0 4px;
    display: flex;
}

.header-jobs-cta .cta-arrow img {
    padding: 0 0 1px 0;
}

/* ----- Header ----- */


/* ----- Navigation ----- */
.main-navigation-item {
    position: static;
    display: none;
    align-items: flex-end;
    padding: 0 10px;
    flex-grow: 0;
}

.main-navigation-item a.main-navigation-item-link::after {
    content: '';
    height: 5px;
    background-color: #CF0008;
    display: block;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width .3s ease-in-out;
}

.main-navigation-item.selected a.main-navigation-item-link::after,
.main-navigation-item:hover a.main-navigation-item-link::after {
    width: 100%;
}

.main-navigation-item a.main-navigation-item-link span {
    color: #CF0008;
    font-family: 'Frankfurter';
    font-size: 21px;
    padding: 25px 2px;
    display: block;
}

.main-navigation-item .sub-navigation-container {
    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
    top: 100%;
    left: 0;
    justify-content: center;
    box-shadow: 0 13px 20px -5px #00000040;
    transition: .2s ease .5s;
    display: flex;
}

.main-navigation-item:hover .sub-navigation-container {
    visibility: visible;
    opacity: 1.0;
    transition: .2s ease .5s
}

.sub-navigation-item {
    padding: 12px 25px;
}

.sub-navigation-item a.sub-navigation-item-link span {
    color: #CF0008;
    font-family: 'Roboto';
    font-size: 18px;
    padding: 15px;
    display: block;
    font-weight: 500;
}

/* ----- Navigation ----- */

/* ----- Footer ----- */
.xf-site-footer.site-footer .site-footer__box.newsletter .newsletter__bg__inner .coupon-text-wrapper * {
    color: #ffffff;
}

.xf-site-footer.site-footer .site-footer__box.newsletter .btn-secondary {
    color: #CF0008;
    border: 1px solid #CF0008;
}

.xf-site-footer.site-footer .site-footer__box.newsletter .btn-secondary:hover {
    color: #ffffff;
    background-color: #CF0008;
}

@media screen and (min-width: 1024px) {
    .xf-site-footer.site-footer .site-footer__box .newsletter__inner .btn-secondary {
        order: 1;
        width: auto;
    }
}

/* ----- Footer ----- */

/* ----- H1 H2 H3 ----- */
h1, h2, h3 {
    font-weight: normal;
}

h1, h2 {
    color: #CF0008;
}

h1 {
    font-size: 30px;
    line-height: 32px;
    padding-top: 20px;
}

h2 {
    font-size: 24px;
    line-height: 26px;
}

h3 {
    font-size: 20px;
    line-height: 22px;
    color: #333333;
}

h1 + p, h1 + ul, h1 + h2 {
    padding-top: 20px;
}

h2 + p, h2 + ul, h2 + h3 {
    padding-top: 15px;
}

h3 + p, h3 + ul {
    padding-top: 20px;
}

p + h1, ul + h1 {
    padding-top: 20px;
}

p + h2, ul + h2 {
    padding-top: 15px;
}

p + h3, ul + h3, p + p, p + ul {
    padding-top: 20px;
}

#main p {
    margin: 0;
}

#main .text-container ul,
#main .mod-imgtxt-description ul,
#main .accordion ul {
    margin-left: 14px;
}

#main li {
    padding: 0 0 3px 0;
}

/* ----- H1 H2 H3 ----- */


/* Links */
a, a:active, a:visited, a:focus {
    text-decoration: none;
    color: inherit;
}

#main .text-container a,
#main .text-container a:active,
#main .text-container a:visited,
#main .text-container a:focus,
#main .mod-imgtxt-description a,
#main .mod-imgtxt-description a:active,
#main .mod-imgtxt-description a:visited,
#main .mod-imgtxt-description a:focus,
#main .accordion a,
#main .accordion a:active,
#main .accordion a:visited,
#main .accordion a:focus {
    color: #CF0008;
    text-decoration: underline;
}

#main .text-container a.btn-primary,
#main .text-container a.btn-primary:active,
#main .text-container a.btn-primary:visited,
#main .text-container a.btn-primary:focus,
#main .mod-imgtxt-description a.btn-primary,
#main .mod-imgtxt-description a.btn-primary:active,
#main .mod-imgtxt-description a.btn-primary:visited,
#main .mod-imgtxt-description a.btn-primary:focus {
    color: #CF0008;
    text-decoration: none;
}

input.btn-primary {
    -webkit-appearance: none;
    min-width: 150px;
}

a.btn-primary {
    color: #CF0008;
}


#main .text-container a.btn-primary:hover,
#main .mod-imgtxt-description a.btn-primary:hover {
    color: #ffffff;
}

/* Links */


/* ----- btn-primary ----- */
.btn-primary.small {
    min-width: inherit;
}

/* ----- btn-primary ----- */


/* ----- Top-Banner ----- */
.top-banner-container.small {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px 40px 20px;
}

.top-banner-container.small .title {
    color: #CF0008;
    font-family: 'Frankfurter';
    font-size: 31px;
    line-height: 31px;
    text-transform: uppercase;
}

.top-banner-container.medium {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.top-banner-container.medium::before {
    content: '';
    padding-top: 103%;
    display: block;
}

.top-banner-container.big .top-banner-description {
    position: absolute;
    top: 6%;
    left: 20px;
    width: 60%;
    /*max-width: 200px;*/
}

.top-banner-container.big .top-banner-description .title,
.top-banner-container.big .top-banner-description .text {
    font-family: 'Frankfurter';
    text-transform: uppercase;
}

.top-banner-container.big .top-banner-description .title {
    color: #ffffff;
    font-size: 36px;
    line-height: 30px;
}

.top-banner-container.big .top-banner-description .text {
    padding: 10px 0 0 0;
    font-size: initial;  /* 2025-06-04 added font-size: initial as global .big destroys  */

}

.top-banner-container.big .top-banner-description .text span {
    color: #ffe500;
    background-color: #CF0008;
    padding: 2px 4px;
    font-size: 15px;
    box-decoration-break: clone;
}
.header-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}
.tbc-text {
    flex-basis: 100%;
}
.tbc-search-desktop {
    display: block;
}
.tbc-search-mobile {
    display: none;
}
/* tbc-search-form start */
.tbc-search-form .tbc-search-filter-container {
    background-color: rgba(0,0,0,0.6);
    /*border-radius: 3px;*/
    padding: 10px 10%;
}
.tbc-search-form .tbc-search-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    align-items: center;
    font-size:15px;
}
.tbc-search-form .tbc-search-container .form__group.fancy div input,
.tbc-search-form .tbc-search-container .form__group.fancy div select {
    height: 30px;
    font-size: 0.9rem;
    border: none;
    border-radius: 3px;
}
.tbc-search-form .tbc-search-container .form__group.fancy div, .tbc-search-form .tbc-search-container .fancy.form__group--row div {
    border: none;
    border-radius: 3px;
}
.tbc-search-form .tbc-search-term {
    padding: 14px 10px;
    flex-basis: 100%;
}
.tbc-search-form .tbc-search-location {
    padding: 14px 10px;
    flex-basis: 100%;
}
.tbc-search-form .tbc-search-distance {
    padding: 14px 10px;
    flex-basis: 100%;
}
.tbc-search-form .tbc-search-cta-container {
    padding: 14px 10px;
    flex-basis: 100%;
}
/* tbc-search-form start */


.tbc-search-container .form__group.fancy {
    margin-bottom: 0;
}
/* ----- Top-Banner ----- */


/* ----- Text ----- */
.text-container {
    max-width: 720px;
    margin: 0 auto;
    padding: 20px 0 40px 0;
}

/* ----- Text ----- */


/* ----- Job Filter ----- */
.job-filter-bg {
    padding: 60px 20px;
    background-color: #f3f5f7;
}

.job-filter-container {
    max-width: 1114px;
    margin: 0 auto;
}

/* ----- Job Filter ----- */


/* ----- Module Image/Text ----- */
.mod-imgtxt-container {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

.mod-imgtxt-item + .mod-imgtxt-item {
    padding-top: 20px;
}

.mod-imgtxt-item .mod-imgtxt-content {
    display: flex;
    flex-direction: column;
}

.mod-imgtxt-item .mod-imgtxt-image,
.mod-imgtxt-item .mod-imgtxt-description {
    flex-basis: 100%;
}

.mod-imgtxt-item .mod-imgtxt-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.mod-imgtxt-item .mod-imgtxt-image.centered {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.mod-imgtxt-item .mod-imgtxt-image::before {
    content: '';
    padding-top: 60%;
    display: block;
}

.mod-imgtxt-item .mod-imgtxt-image.centered::before {
    content: inherit;
    padding-top: 0;
    display: inherit;
}

.mod-imgtxt-item .mod-imgtxt-description {
    padding: 10px;
}

.mod-imgtxt-item .mod-imgtxt-description .title {
    padding: 15px 10px 10px 10px;
    font-size: 20px;
    line-height: 22px;
}

.mod-imgtxt-item .mod-imgtxt-description .text {
    padding: 10px;
}

.mod-imgtxt-item .mod-imgtxt-description .cta {
    padding: 10px;
}

.mod-imgtxt-item .mod-imgtxt-description .cta .btn-primary {
    width: 100%;
}

/* ----- Module Image/Text ----- */


/* ----- Module Image/Video M ----- */
.img-vid-m-container {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    flex-wrap: wrap;
}

.img-vid-m-item {
    flex-basis: 100%;
}

.img-vid-m-item .img-vid-m-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-vid-m-item .img-vid-m-image::before {
    content: '';
    padding-top: 60%;
    display: block;
}

/* ----- Module Image/Video M ----- */


/* ----- Module Image/Video L ----- */
.img-vid-l-container {
    padding: 20px 0;
}

.img-vid-l-video {
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.img-vid-l-video iframe,
.img-vid-l-video object,
.img-vid-l-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-vid-l-image {
    text-align: center;
}

/* ----- Module Image/Video L ----- */


/* ----- Teaser S1 ----- */
.teaser-s1-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: center;
}

.teaser-s1-item {
    flex-basis: 50%;
    padding: 10px;
}

.teaser-s1-content {
    border: 5px solid #CF0008;
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding: 10px;
    transition: ease-in-out 0.3s background-color;
}

.teaser-s1-content::before {
    content: '';
    padding-top: 85%;
    display: block;
}

.teaser-s1-item .teaser-s1-description {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.teaser-s1-item .teaser-s1-description .title {
    color: #CF0008;
    font-size: 24px;
    font-size: 15px;
    line-height: 26px;
    line-height: 17px;
    font-weight: bold;
    padding: 5px 5px;
    transition: ease-in-out 0.3s color;
    text-decoration: none;
    text-align: center;
}

.teaser-s1-item .teaser-s1-description .text {
    color: #CF0008;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    padding: 5px 5px;
}

.teaser-s1-item .teaser-s1-description .cta {
    padding: 5px 5px;
    text-align: center;
}

.teaser-s1-item .teaser-s1-description .cta img {
    max-width: 24px;
}

/* ----- Teaser S1 ----- */

/* ----- Teaser S2 ----- */
.teaser-s2 .content-row {
    padding-right: 0;
    padding-left: 0;
}

.teaser-s2-bg {
    background-color: #ffe500;
    padding: 60px 0;
}

.teaser-s2 .text-container {
    padding: 20px 20px 50px 20px;
    max-width: 520px;
}

.teaser-s2 .text-container p {
    color: #CF0008;
}

.teaser-s2-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 916px;
    margin: 0 auto;
}

.teaser-s2-item {
    flex-basis: 100%;
    padding: 20px;
}

.teaser-s2-content {
    border: 5px solid #CF0008;
    display: flex;
    flex-direction: column;
    padding: 10px;
    align-items: center;
}

.teaser-s2-image {
    padding: 10px;
    flex-basis: 100%;
    text-align: center;
}

.teaser-s2-description {
    flex-basis: 100%;
}

.teaser-s2-item .teaser-s2-description .title,
.teaser-s2-item .teaser-s2-description .text {
    color: #CF0008;
    padding: 10px;
}

.teaser-s2-item .teaser-s2-description .title {
    font-size: 24px;
    line-height: 26px;
}

.teaser-s2-item .teaser-s2-description .text {

}

/* ----- Teaser S2 ----- */


/* ----- Teaser M ----- */
.teaser-m-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}

.teaser-m-item {
    flex-basis: 100%;
    padding: 10px;
}

.teaser-m-content {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.teaser-m-content::before {
    content: '';
    padding-top: 100%;
    display: block;
}

.teaser-m-item .teaser-description {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /*transform: translateY(57px);*/
}

.teaser-m-item .teaser-description::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.teaser-m-item .teaser-description .title,
.teaser-m-item .teaser-description .text {
    color: #CF0008;
    font-family: 'Roboto';
}

.teaser-m-item .teaser-description .title {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0 0 0;
    text-align: left;
}

.teaser-m-item .teaser-description .text {
    padding: 0px 0px 10px 0px;
    text-align: left;
}

/* ----- Teaser M ----- */


/* ----- Teaser L ----- */
.teaser-l-container {
    display: flex;
    padding: 10px 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.teaser-l-item-container {
    padding: 10px;
}

.teaser-l-item-container.teaser-l-item-1,
.teaser-l-item-container.teaser-l-item-2,
.teaser-l-item-container.teaser-l-item-3,
.teaser-l-item-container.teaser-l-item-4,
.teaser-l-item-container.teaser-l-item-5,
.teaser-l-item-container.teaser-l-item-6 {
    flex-basis: 100%;
}

.teaser-l-item-content {
    overflow: hidden;
}

.teaser-l-item {
    flex-basis: 100%;
    overflow: hidden;
    display: block;
}

.teaser-l-item:hover .teaser-l-image {
    transform: scale(1.03);
}

.teaser-l-image {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.teaser-l-image::before {
    content: '';
    padding-top: 60%;
    display: block;
}

.teaser-l-item .teaser-description {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
}

.teaser-l-item .teaser-description .title,
.teaser-l-item .teaser-description .text {
    color: #CF0008;
    font-family: 'Roboto';
}

.teaser-l-item .teaser-description .title {
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
}

.teaser-l-item .teaser-description .text {
    font-size: 13px;
    line-height: 15px;
    display: none;
}

.teaser-l-item .teaser-description .cta {
    padding-top: 5px;
}

.teaser-l-item .teaser-description .btn-primary {
    padding: 12px 18px 12px 18px;
    font-size: 0.9rem;
}

/* ----- Teaser L ----- */


/* ----- Button ----- */
.btn-container {
    padding: 20px 0;
    text-align: center;
}

/* ----- Button ----- */


/* ----- Teaser XL ----- */
.teaser-xl-container {
    /*  display: flex;*/
    padding: 0;
}

.teaser-xl-item {
    /*flex-basis: 100%;*/

}

.teaser-xl-image {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
}

.teaser-xl-image::before {
    content: '';
    padding-top: 70%;
    display: block;
}

.teaser-xl-item.v2 .teaser-xl-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.teaser-xl-item.v1 .teaser-description {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 50%;
}

.teaser-xl-item.v2 .teaser-description {
    width: 80%;
}

.teaser-xl-item .teaser-description .title,
.teaser-xl-item .teaser-description .text {
    color: #CF0008;
    font-family: 'Roboto';
}

.teaser-xl-item .teaser-description .title {
    font-size: 24px;
    line-height: 30px;
}

.teaser-xl-item.v1 .teaser-description .text {
    display: none;
}

.teaser-xl-item.v2 .teaser-description .text {
    font-size: 13px;
    line-height: 15px;
    padding-top: 10px;
}

.teaser-xl-item.v1 .teaser-description .cta {
    padding-top: 20px;
}

.teaser-xl-item.v2 .teaser-description .cta {
    padding-top: 10px;
}

.teaser-xl-item .teaser-description .btn-primary {
    padding: 12px 18px 12px 18px;
    font-size: 0.9rem;
}

.teaser-xl-item.v2 .teaser-description .btn-primary {
    width: 100%;
}

/* ----- Teaser XL ----- */


/* ----- Quotation ----- */
.quot-container {
    max-width: 1114px;
    margin: 0 auto;
    padding: 40px 60px 40px 60px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.quot-container.white {
    background-color: #ffffff;
}

.quot-container.yellow {
    background-color: #ffe500;
}

.quot-item {
    flex-basis: 100%;
    padding: 15px 0 15px 0;
}

.quot-item hr.space-line {
    border: 1px solid #CF0008;
    width: 66%;
    max-width: 360px;
    margin: 0 auto;
}

.quot-item .quot-description .title,
.quot-item .quot-description .text {
    color: #CF0008;
    text-align: center;
    padding: 15px 0 15px 0;
}

.quot-item .quot-description .title {
    font-size: 30px;
    line-height: 32px;
}

/* ----- Quotation ----- */


/* ----- Quotation2 Image/Text ----- */
.quot2-container {
    display: flex;
    flex-direction: row;
    background-color: #eeeeee;
    flex-wrap: wrap;
}

.quot2-item {
    flex-basis: 100%;
    display: flex;
    align-items: center;
}

.quot2-item .quot-description {
    padding: 50px;
}

.quot2-item .quot-description .title,
.quot2-item .quot-description .text {
    color: #CF0008;
    text-align: center;
    padding: 15px 0 15px 0;
}

.quot2-item .quot-description .title {
    font-size: 24px;
    line-height: 26px;
}

/* ----- Quotation2 Image/Text ----- */


/* ----- Facts ----- */
.facts-container {
    max-width: 660px;
    margin: 0 auto;
    border: 5px solid #333333;
    padding: 30px 30px 30px 30px;
    margin-top: 40px;
}

.facts-item .facts-description .title {
    color: #CF0008;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 10px;
}

.facts-item .facts-description .text {
    line-height: 26px;
}

/* ----- Facts ----- */


/* ----- Job Filter ----- */
.filter-set-listing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.job-filter-set .filter-set-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px;
}

.filter-set-item .title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.filter-set-item .title-category,
.filter-set-item .title-value,
.filter-set-item .cta {
    color: #A4A09F;
}

.filter-set-item .title-category {
    display: none;
}

.filter-set-item .cta {
    padding: 0 20px 0 20px;
    cursor: pointer;
}

.job-filter-counter {
    padding: 20px 0 20px 0;
}

.job-filter-counter .title, .job-filter-counter .text {
    color: #CF0008;
    font-weight: bold;
}

.job-filter-counter .title {
    font-size: 72px;
    line-height: 72px;
}

.job-filter-counter .text {
    font-size: 22px;
    line-height: 22px;
}

.job-listing {
    padding: 20px 0 20px 0;
}

.job-listing .job-item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 20px;
    padding: 15px 10px 10px 10px;
    border-bottom: 1px solid #D1D5D4;
    transition: ease-in-out 0.3s background-color, ease-in-out 0.3s color
}
.job-filter .job-listing .job-item {
    padding: 25px 7px 20px 7px;
}

.job-filter.static-jobs-list-concludis .job-listing .job-item {
    padding: 14px 7px 14px 7px;
}

.job-listing .job-item:first-of-type {
    border-top: 1px solid #D1D5D4;
}

.job-listing .job-item:hover {
    background-color: #ffffff;
    border-bottom: 1px solid #ffe500;
}

.job-listing .job-item .title {
    font-weight: 500;
}

.job-filter .job-listing .job-item .title {
    padding: 0 3px 15px 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

 .job-filter.static-jobs-list-concludis .job-listing .job-item .title {
    padding: 0 3px 0 3px;
}

.job-listing .title .mfglabs {
    padding-left: 5px;
}
.job-listing .title .mfglabs::before {
    color: #CF0008;
}

.job-filter-cta {
    text-align: right;
    padding: 20px 0 0 0;
}

.job-item.swap-in {
    opacity: 0;
    height: 0px;
    overflow: hidden;
    padding: 0;
}

.job-listing .job-item .job-attr-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.job-listing .job-item .job-attr-container {
    padding: 3px;
    display: flex;
}
.job-listing .job-item .job-attr-content {
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    padding: 0px 10px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
.job-listing .job-item:hover .job-attr-content {
    background-color: #00000005;
    transition: background-color 0.3s ease;
}
.job-listing .job-item .job-attr-pictogram {
    display: flex;
    padding: 1px 3px 1px 0;
    align-items: center;
}
.job-listing .job-item .job-attr-text {
    display: flex;
    padding: 1px 0 1px 3px;
    font-size: 13px;
    align-items: center;
    color: #717171;
}
.job-listing .mfglabs::before {
    color: #b5b5b5;
}

/* ----- Job Filter ----- */


/* ----- Logos ----- */
.logos .text-container {
    padding: 20px;
    max-width: none;
}

.logos .text-container p {
    color: #CF0008;
}

.logos-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.logos-item {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logos-item img {
    max-width: 220px;
    max-height: 100px;
    padding: 5px;
}

/* ----- Logos ----- */


/* ----- Accordion FAQ ----- */
.faq-container {
    max-width: 1114px;
    margin: 0 auto;
}

.content-row.accordion {
    padding-top: 20px;
    padding-bottom: 20px;
}

.accordion h3.ui-accordion-header {
    font-size: 15px;
    font-weight: 500;
}

.accordion .accordion-item .headline__smallest--secondary::after {
    top: 50%;
    transform: translateY(-50%);
}

.accordion .accordion-item .ui-accordion-header-active::after {
    transform: rotate(180deg);
}

.ui-accordion-content {
    padding-top: 10px;
}

/* ----- Accordion FAQ ----- */


.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}


.job-detail-header-container {
    padding: 40px 0 20px 0;
}

.job-detail-header {
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 80px;
    text-align: center;
    margin-top: 40px;
    line-height: 1.8;
}

.job-detail-header .plz {
    align-self: center;
}

.job-detail-header span {
    font-weight: bold;
}

.job-detail-header .plz::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/INTERSHOP/static/WFS/Plus-NettoDE-Site/-/-/de_DE/css/images/icon-location.svg");
    margin-right: 15px;
    vertical-align: text-bottom;
}

.job-detail-header .date {
    font-weight: bold;
}

.job-detail-header .date::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/INTERSHOP/static/WFS/Plus-NettoDE-Site/-/-/de_DE/css/images/icon-location.svg");
    margin-right: 15px;
    vertical-align: text-bottom;
}

.job-detail-header .cta-container {
    text-align: center;
    align-self: flex-end;
}

.job-detail-contents {
    max-width: 660px;
    margin: 0 auto;
    padding: 30px 20px 0 20px;
}

.job-detail-contents ul {
    list-style-position: outside;
    padding-left: 10px;
    margin-left: 12px;
}

.search_wrapper {
    /*-webkit-transform:translateY(-100%);
    transform:translateY(-100%);*/
    background: #fff;
    height: 65px;
    left: 0;
    padding: 0;
    position: unset;
    top: 0;
    max-width: 450px;
    padding: 0 20px;
    border-bottom: 1px solid black;
    z-index: 100;
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.search_wrapper .search_bar {
    position: relative;
    height: 100%
}

.search_wrapper .search_bar::before {
    background: transparent url(../../../images/karriere2020/Lupe_dunkelgrau.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 100%
}

.search_wrapper .search_bar input {
    font-size: 16px;
    font-size: 1rem;
    background: transparent;
    border: 1px black;
    color: #333;
    height: 100%;
    padding: 0 75px 0 40px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2
}

.search_wrapper .search_bar input:focus {
    border-color: #CF0008
}

.search_wrapper .search_bar input:focus + label {
    font-size: 12px;
    font-size: .75rem;
    -webkit-transform: translate(0, -17px);
    transform: translate(0, -17px)
}

.search_wrapper .search_bar input:focus ~ .icon-location {
    background-image: url(../../../images/karriere2020/icon-location.svg)
}

.search_wrapper .search_bar input:not(:-moz-placeholder-shown) + label {
    font-size: 12px;
    font-size: .75rem;
    transform: translateY(-17px)
}

.search_wrapper .search_bar input:not(:-ms-input-placeholder) + label {
    font-size: 12px;
    font-size: .75rem;
    transform: translateY(-17px)
}

.search_wrapper .search_bar input:not(:placeholder-shown) + label {
    font-size: 12px;
    font-size: .75rem;
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px)
}

.search_wrapper .search_bar input:not(:-moz-placeholder-shown) ~ .icon-location {
    background-image: url(../../../images/karriere2020/icon-location.svg)
}

.search_wrapper .search_bar input:not(:-ms-input-placeholder) ~ .icon-location {
    background-image: url(../../../images/karriere2020/icon-location.svg)
}

.search_wrapper .search_bar input:not(:placeholder-shown) ~ .icon-location {
    background-image: url(../../../images/karriere2020/icon-location.svg)
}

.search_wrapper .search_bar input:not(:-moz-placeholder-shown) ~ .icon-delete {
    opacity: 1;
    visibility: visible
}

.search_wrapper .search_bar input:not(:-ms-input-placeholder) ~ .icon-delete {
    opacity: 1;
    visibility: visible
}

.search_wrapper .search_bar input:not(:placeholder-shown) ~ .icon-delete {
    opacity: 1;
    visibility: visible
}

.search_wrapper .search_bar input::-ms-clear {
    display: none
}

.search_wrapper .search_bar label {
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #ccc;
    position: absolute;
    left: 0;
    text-align: center;
    top: 20px;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 420px) {
    .search_wrapper .search_bar label {
        font-size: 12px;
        font-size: .75rem
    }
}

.search_wrapper .search_bar .icon-delete {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-image: url(../../../images/karriere2020/close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    display: block;
    height: 15px;
    opacity: 0;
    position: absolute;
    right: 45px;
    top: 25px;
    width: 25px;
    visibility: hidden;
    z-index: 2
}

.search_wrapper .search_bar .icon-location {
    height: 100%;
    background-image: url(../../../images/karriere2020/icon-location-inactive.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    position: absolute;
    top: 0;
    width: 28px;
    z-index: 1
}

.overlay__content {
    height: 100% !important;
}

.iframe-wrapper {
    height: 100% !important;
}

/* ----- site-tree ----- */
.link-listing {
    padding: 20px 0 20px 0;
}

.link-listing .link-item {
    display: block;
    padding: 15px 10px 10px 10px !important;
    border-bottom: 1px solid #D1D5D4;
}

.link-listing .link-item:first-of-type {
    border-top: 1px solid #D1D5D4;
}

.link-listing .link-item:hover {
    background-color: #ffffff;
    border-bottom: 1px solid #ffe500;
}

.link-item .title {
    font-weight: 500;
}

.link-cta {
    text-align: right;
    padding: 20px 0 0 0;
}

.page-end-bar__link__wrapper {
    color: #fff;
}

/* ----- site-tree ----- */

/* ----- Filter ----- */
.sidebar.checkbox-select ul li, .sidebar.radio-select ul li {
    padding: 0 20px !important;
    width: 100%;
}

/* ----- Filter ----- */


/* ----- Overlay ----- */
.overlay {
    padding: 0;
}

.overlay #overlay-content {
    padding-right: 0 !important;
    height: 100% !important;
}

.overlay__content .iframe-wrapper {
    padding-bottom: 70%;
}

/* ----- Overlay ----- */


/* ----- Key Figures Counter ----- */
.kfc-module-container {
    background-color: #CF0008;
    padding: 10px 0 10px 0;
}

.kfc-container {
    /*padding: 20px;*/
    max-width: 1280px;
    margin: 0 auto;
}

.kfc-slider {
    /*display: flex;
    flex-direction: row;
    justify-content: center;*/
}

.kfc-item {
    /*max-width: 280px;*/
    padding: 20px 20px;
}

.kfc-item-container {
    display: flex;
    flex-direction: column;
    max-width: 280px;
    margin: 0 auto;
}

.kfc-item-number-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}

.kfc-item-pre-text {
    display: none;
    padding-bottom: 10px;
}

.kfc-item-number .counter-placeholder {
    display: flex;
}

.kfc-item-number .num, .kfc-item-number .num-ph {
    color: #ffffff;
    font-family: 'RobotoCondensed';
    font-size: 48px;
    line-height: 48px;
}

.kfc-item-line {
    padding: 10px;
}

.kfc-item-line hr {
    border-top: 1px solid #ffffff;
    border-bottom: none;
}

.kfc-item-description {
    color: #ffffff;
    display: flex;
    font-family: 'Roboto';
    font-size: 16px;
    justify-content: center;
    line-height: 22px;
    padding: 3px 10px 10px 10px;
    text-align: center;
    text-transform: uppercase;
}

.kfc-counter {
    display: flex;
    flex-direction: row;
}

.kfc-slider .slick-dots li.slick-active button::before {
    color: #ffffff;
    opacity: 1;
}

.kfc-slider .slick-dots li button::before {
    color: #ffffff;
    opacity: 0.4;
}

/* ----- Key Figures Counter ----- */

/* ----- Events Calendar ----- */
.event-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.event-list-month {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 0 5px;
}

.event-item-container {
    flex-basis: 100%;
    padding: 5px;
    display: flex;
    flex-direction: column;
}

.event-item {
    flex-basis: 100%;
    background-color: #f3f5f7;
    display: flex;
    flex-direction: row;
    flex-direction: column;
    border-radius: 10px;
}

.event-item-date {
    display: flex;
    flex-direction: column;
    flex-direction: row;
    flex-basis: 90px;
    flex-basis: auto;
    flex-shrink: 0;
    flex-grow: 0;
    Sp
    padding: 3px 0 3px 0;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 10px 0 0 10px;
    border-radius: 10px 10px 0 0;
    justify-content: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ffffff;
}

.event-item-date-day {
    font-family: 'Roboto';
    font-size: 33px;
    line-height: 33px;
    text-align: center;
    padding: 10px 5px 5px 5px;
    padding: 0;
    color: #8e8e8e;
    font-weight: bold;
}

.event-item-date-month-year {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 3px 7px;
}

.event-item-date-year, .event-item-date-month {
    text-transform: uppercase;
    color: #8e8e8e;
    font-size: 10px;
    line-height: 11px;
}

.event-item-date-month {
    /*padding: 0 5px 0 5px;*/
}

.event-item-date-year {
    /*padding: 0 5px 5px 5px;*/
}

.event-item-content {
    padding: 10px 5px 10px 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.event-item-more {
    padding: 15px 20px;
    display: flex;
    flex-grow: 0;
    justify-content: flex-end;
    align-items: flex-end;
    flex-basis: 100px;
}

.event-item-content-title {
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #333333;
}

.event-item-content-location {
    padding: 0 15px 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
}

.event-item-content-info {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.event-item-content-info a {
    color: #8e8e8e !important;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    padding: 5px;
}

.event-item-footer {
    padding: 10px 20px;
    border-top: 1px solid #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.event-tooltip table td {
    padding: 5px 10px;
    font-size: 14px;
    border-bottom: 1px solid #f3f5f7;
}

.event-tooltip table td.tbl-title {
    font-weight: bold;
    background-color: #f3f5f7;
}

/* ----- Events Calendar ----- */


/* ----- Social Media Bar ----- */
.social-media-bar {
    padding-top: 40px;
    padding-bottom: 40px;
}

.social-media-bar .smb-container {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #f3f5f7;
    align-items: center;
}

.smb-title-container {
    padding: 10px 20px;
}

.smb-title-container span {
    font-weight: bold;
}

.smb-icons-container {
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
    flex-wrap: wrap;
}

.smb-icons-container .smb-icons-item {
    padding: 10px;
}

.smb-icons-container .smb-icons-item img {
    height: 24px;
    width: auto;
}

/* ----- Social Media Bar ----- */


/* ----- Jobs Quick Search ----- */
.jqs-container {
    padding: 50px 10px;
    display: flex;
    flex-direction: column-reverse;
}

.jqs-cl-title, .jqs-cl-search {
    padding: 10px;
}

.jqs-cl-title h1, .jqs-cl-title h2, .jqs-cl-title h3 {
    font-family: 'Frankfurter';
    color: #CF0008;
}

.jqs-column-right {
    padding: 10px;
}

.jqs-cl-search-container {
    display: flex;
    flex-direction: column;
}

.jqs-cl-search-form-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.jqs-cl-search-term, .jqs-cl-search-location, .jqs-cl-search-distance {
    padding-top: 16px;
    flex-basis: 100%;
}

.jqs-cl-search-form-container .form__group.fancy .form__label {
    background-color: transparent;
    color: #333333;
    top: -22px;
    left: 0;
    font-size: 14px;
}

.jqs-cl-search-cta-container {
    padding-top: 10px;
}

/* ----- Jobs Quick Search ----- */


/* ----- Video Container iFrame ----- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video-container blockquote.tiktok-embed iframe {
    position: relative;
}

/* ----- Video Container iFrame ----- */


/* ----- Job Detail ----- */
.job-detail .job-header {
    display: flex;
    flex-direction: column-reverse;
}

.job-detail h1.job-header-title {
    padding: 0;
    font-size: 24px;
    line-height: 32px;
}

.job-detail .job-header-title-box {
    padding-bottom: 20px;
}

.job-detail .job-header-title-box, .job-detail .job-header-cta {
    text-align: center;
}

.job-detail .job-header-title-container {
    padding: 60px 20px;
    padding: 0;
    background-color: #ffe500;
}

.job-detail .job-header-image-container, .job-detail .job-header-title-container {
    flex-basis: 100%;
}

.job-detail .job-header-image-container::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.job-detail .job-header-image-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.job-detail .job-header-print-container {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.job-detail .job-header-print-icon-container {
    background-color: #ffe500;
    color: #CF0008;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    opacity: 0.7;
    z-index: 2;
}

.job-detail .job-header-print-text-container {
    background-color: #ffe500;
    color: #CF0008;
    padding: 5px 10px 5px 22px;
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 0 10px 10px 0;
    left: -20px;
    z-index: 1;
    width: 0;
    overflow: hidden;
}

.job-detail .job-header-print-icon-container:hover {
    opacity: 1;
}

.job-detail .job-header-print-icon-container:hover + .job-header-print-text-container,
.job-header-print-text-container:hover,
.job-detail .job-header-print-container:hover .job-header-print-text-container {
    opacity: 1;
    width: 86px;
}

.job-detail .job-header-print-container:hover .job-header-print-icon-container {
    opacity: 1;
}

.job-detail .job-header-print-icon-container .mfglabs {
    font-size: 24px;
}

.job-detail .job-header-print-icon-container .mfglabs::before {
    color: #CF0008;
}

.job-detail .job-attr-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.job-detail .job-attr-container {
    padding: 10px;
    padding: 10px 0;
    display: flex;
    flex-basis: 100%;
}

.job-detail .job-attr-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    /*background-color: #ffffff;*/
    padding: 0 20px;
    padding: 0;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.job-detail .job-listing .job-item:hover .job-attr-content {
    background-color: #00000005;
    transition: background-color 0.3s ease;
}

.job-detail .job-attr-pictogram {
    display: flex;
    padding: 10px 5px 10px 10px;
    align-items: center;
}

.job-attr-pg-circle {
    border-radius: 50%;
    /*background-color: #ffffff;*/
    background-color: #ffe500;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-detail .job-attr-pictogram .mfglabs {
    font-size: 24px;
    font-size: 18px;
    line-height: 24px;
    line-height: 18px;
}

.job-detail .job-attr-pictogram .mfglabs::before {
    /*color: #afb0b3;*/
    /*color: #333333;*/
    color: #CF0008;
}

.job-detail .job-attr-text {
    display: flex;
    padding: 10px 10px 10px 5px;
    font-size: 15px;
    align-items: center;
    /*color: #717171;*/
    color: #afb0b3;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.job-detail .job-attr-text-value {
    color: #646566;
}

.job-detail .job-attr-text-title {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto';
    /*color: #afb0b3;*/
    color: #333333;
    padding-top: 6px;
    padding-bottom: 5px;
}

.job-detail .mfglabs::before {
    /*color: #b5b5b5;*/
    color: #333333;
}

/* ----- Job Detail ----- */

/* ----- Info Container ----- */
.info-container {
    padding-top: 30px;
    margin: 0 auto;
    width: 100%;
}
.info-item {
    background-color: #f3f5f7;
    padding: 10px;
}
.info-item .job-attr-text-value {
    padding-top: 15px;
}
.info-item .job-attr-text-value ul {
    margin-bottom: 0;
}
/* ----- Info Container ----- */

/* ----- Burger Menu ----- */
.burger-menu-wrapper {
    background:#fff;
    bottom:0;
    height:100%;
    left:0;
    max-width:400px;
    overflow-x:hidden;
    position:fixed;
    top:0;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:-webkit-transform .25s ease;
    transition:-webkit-transform .25s ease;
    transition:transform .25s ease;
    transition:transform .25s ease, -webkit-transform .25s ease;
    width:100%;
    z-index:10011
}
@media screen and (min-width: 1280px) {
    .burger-menu-wrapper {
        display:none
    }
}
.burger-menu-wrapper.is-open {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.burger-menu-wrapper__track {
    left:0;
    -webkit-transition:left .25s ease;
    transition:left .25s ease;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    position:relative;
    height:100%
}
.burger-menu {
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-family:Frankfurter,Calibri,sans-serif;
    height:100%;
    overflow-y:hidden;
    -ms-scroll-chaining:none;
    overscroll-behavior:contain;
    position:absolute;
    top:0;
    width:100%
}
.burger-menu__header {
    font-size:20px;
    font-size:1.25rem;
    padding:0 25px;
    height:65px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background:#fff;
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    position:relative;
    -ms-flex-negative:0;
    flex-shrink:0;
    cursor:pointer;
    z-index:10
}
.burger-menu__level-0 .burger-menu__header::before,
.burger-menu__header--back .burger-menu__close-button::before {
    font-size:14px;
    font-size:.875rem;
    position:absolute;
    display:block;
    -webkit-box-flex:0;
    -ms-flex:0 0 65px;
    flex:0 0 65px;
    right:25px;
    font-family:"netto-icons",sans-serif;
    content:"\ea07";
    color:#333;
    text-indent:0
}
.burger-menu__header--back {
    padding:0
}
.burger-menu__header--back button {
    background:none;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.burger-menu__header--back .burger-menu__back-button {
    font-size:16px;
    font-size:1rem;
    position:relative;
    font-family:"Roboto",Arial,sans-serif;
    cursor:pointer;
    padding-left:40px;
    position:relative;
    height:100%;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    text-align:left
}
.burger-menu__header--back .burger-menu__back-button::before {
    font-size:24px;
    content:"\ea25";
    display:inline-block;
    font-family:"netto-icons",sans-serif;
    left:25px;
    position:absolute;
    top:4px
}
.burger-menu__header--back .burger-menu__back-button::before {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#000;
    top:50%;
    left:20px
}
.burger-menu__header--back .burger-menu__close-button {
    text-indent:-80em;
    position:initial;
    right:initial;
    top:initial;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*width: 1em;*/
    cursor: pointer;
    color: white;
}
.burger-menu__header--back+.burger-menu__header {
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0;
    height:auto;
    z-index:9
}
.burger-menu__header--back+.burger-menu__header::before {
    font-size:25px;
    font-size:1.5625rem;
    display:block;
    position:absolute;
    left:30px;
    top:0;
    height:100%;
    width:25px;
    line-height:50px;
    color:#CF0008;
    background-size:25px 50%;
    background-position:center left;
    background-repeat:no-repeat
}
.burger-menu__header--back+.burger-menu__header .burger-menu__link {
    font-size:18px;
    font-size:1.125rem;
    padding:16px 30px;
    position:relative;
    line-height:1;
    display:block;
    width:100%
}
.burger-menu__header--back+.burger-menu__header.hasIcon .burger-menu__link {
    padding-left:65px
}
.burger-menu__header--back+.burger-menu__header::after {
    content:"";
    position:absolute;
    top:100%;
    left:20px;
    right:20px;
    height:1px;
    background:#e0e0e0
}
.burger-menu__link {
    text-decoration:none;
    color:#000
}
.burger-menu__link--show-all {
    font-weight:500
}
.burger-menu__list {
    list-style:none;
    margin:0;
    padding:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:1;
    flex-shrink:1;
    overflow-x:hidden;
    overflow-y:scroll;
    display: block;
}
.burger-menu__list__item {
    font-size:15px;
    font-size:.9375rem;
    color:#000;
    font-family:"Roboto",Arial,sans-serif;
    cursor:pointer;
    padding:0 30px;
    position:relative
}
.burger-menu__list__item::before {
    display:none
}
.burger-menu__list__item::after {
    content:"";
    position:absolute;
    top:100%;
    left:20px;
    right:20px;
    height:1px;
    background:#e0e0e0
}
.burger-menu__list__item a {
    text-decoration:none;
    color:#000;
    padding-right:15px;
    display:block
}
.burger-menu__list__item .item-container {
    position:relative;
    display:block;
    padding:16px 0;
    position:relative;
    line-height:1
}
.burger-menu__list__item .item-container::before {
    font-size:24px;
    left:auto;
    right:-5px;
    color:inherit;
    content:"\ea26";
    display:inline-block;
    font-family:"netto-icons",sans-serif;
    position:absolute;
    top:4px
}
.burger-menu__list__item .item-container::before {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#000;
    top:50%
}
.burger-menu__list__item .item-container.lastItem::before {
    display:none
}
.burger-menu__list__item.hasIcon .item-container {
    padding-left:35px
}
.burger-menu__level-0 .burger-menu__list__item {
    font-size:18px;
    font-size:1.125rem;
    font-family:Frankfurter,Calibri,sans-serif;
    color:#000
}
.burger-menu__level-0 .burger-menu__list__item a {
    color:inherit
}
.burger-menu__level-0 .burger-menu__list__item:not(.isStoreContent) {
    background-color:#ffe500
}
.burger-menu__level-0 .burger-menu__list__item:not(.isStoreContent)::after {
    left:0;
    right:0;
    background:#fff;
    z-index:1
}
.burger-menu__level-0 .burger-menu__list__item.hasIcon::before {
    font-size:25px;
    font-size:1.5625rem;
    display:block;
    position:absolute;
    top:0;
    left:30px;
    height:100%;
    width:25px;
    line-height:50px;
    color:#CF0008;
    background-size:25px 50%;
    background-position:left center;
    background-repeat:no-repeat
}
.burger-menu__list__item.bg-image-primacy.hasIconMobile,
.burger-menu__header.bg-image-primacy.hasIconMobile {
    background-position-y:-100px;
    background-repeat:no-repeat;
    background-size:0
}
.burger-menu__list__item.bg-image-primacy.hasIconMobile::before,
.burger-menu__header.bg-image-primacy.hasIconMobile::before {
    content:"";
    background-image:inherit
}
.burger-menu__list__item.bg-image-primacy:not(.hasIconMobile),
.burger-menu__header.bg-image-primacy:not(.hasIconMobile) {
    background-image:none !important
}
.burger-menu__level-1 {
    left:100%
}
.burger-menu__level-2 {
    left:200%
}
.burger-menu__show-all {
    padding:20px
}
.burger-menu__show-all__link {
    font-size:15px;
    font-size:.9375rem;
    line-height:1;
    display:block;
    border:1px solid #CF0008;
    color:#CF0008;
    text-align:center;
    border-radius:6px;
    font-family:"Roboto",Arial,sans-serif;
    text-decoration:none;
    padding:13px 0;
    -webkit-transition:ease-in-out .3s background-color,ease-in-out .3s color;
    transition:ease-in-out .3s background-color,ease-in-out .3s color
}
.burger-menu__show-all__link:hover {
    background-color:#CF0008;
    color:#fff
}
.burger-menu__show-all__link:focus {
    background-color:#ac0a10;
    border-color:#ac0a10;
    color:#fff
}

.burger-menu__list__item .item-container:not(.has--subs)::before {
    content: "\ea26";
}

.burger-menu__list__item .item-container a {
    padding: 0;
}