/* Minification failed. Returning unminified contents.
(4752,19): run-time error CSS1035: Expected colon, found ';'
(4803,19): run-time error CSS1035: Expected colon, found ';'
(4947,19): run-time error CSS1035: Expected colon, found ';'
(4965,19): run-time error CSS1035: Expected colon, found ';'
(4986,19): run-time error CSS1035: Expected colon, found ';'
(5008,19): run-time error CSS1035: Expected colon, found ';'
(5033,19): run-time error CSS1035: Expected colon, found ';'
(5055,19): run-time error CSS1035: Expected colon, found ';'
(5077,19): run-time error CSS1035: Expected colon, found ';'
(6618,19): run-time error CSS1035: Expected colon, found ';'
(6637,19): run-time error CSS1035: Expected colon, found ';'
(6692,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-medium'
 */
@font-face {
    font-family: 'RobotoRegular';
    src: url('../../fonts/Roboto-Regular-webfont.eot');
    src: url('../../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Regular-webfont.woff') format('woff'), url('Roboto-Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoItalic';
    src: url('../../fonts/Roboto-Italic-webfont.eot');
    src: url('../../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Italic-webfont.woff') format('woff'), url('Roboto-Italic-webfont.ttf') format('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../../fonts/Roboto-Bold-webfont.eot');
    src: url('../../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Bold-webfont.woff') format('woff'), url('Roboto-Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('../../fonts/Roboto-BoldItalic-webfont.eot');
    src: url('../../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('Roboto-BoldItalic-webfont.ttf') format('truetype'), url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'RobotoThin';
    src: url('../../fonts/Roboto-Thin-webfont.eot');
    src: url('../../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Thin-webfont.woff') format('woff'), url('Roboto-Thin-webfont.ttf') format('truetype'), url('Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThinItalic';
    src: url('../../fonts/Roboto-ThinItalic-webfont.eot');
    src: url('../../fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto-ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../../fonts/Roboto-Light-webfont.eot');
    src: url('../../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Light-webfont.woff') format('woff'), url('Roboto-Light-webfont.ttf') format('truetype'), url('Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('../../fonts/Roboto-LightItalic-webfont.eot');
    src: url('../../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('Roboto-LightItalic-webfont.ttf') format('truetype'), url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../../fonts/Roboto-Medium-webfont.eot');
    src: url('../../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Medium-webfont.woff') format('woff'), url('Roboto-Medium-webfont.ttf') format('truetype'), url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoMediumItalic';
    src: url('../../fonts/Roboto-MediumItalic-webfont.eot');
    src: url('../../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-MediumItalic-webfont.woff') format('woff'), url('Roboto-MediumItalic-webfont.ttf') format('truetype'), url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

/******************************************************************************************************/
/*CUSTOM START*/


/*body > .pagewrapper {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
}*/

.pagemargins {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1900px) {
    .pagemargins {
        max-width: 100em;
        margin-left: auto;
        margin-right: auto;
    }
}

body {
    font-family: "RobotoRegular", sans-serif;
    height: 100vh;
    background-color: #dae1df;
}

h4, a {
    font-family: "RobotoMedium", sans-serif;
}

h3 {
    font-size: 1.375rem;
}

    h1, h2, h1 p, h2 p, h3, h3 p {
        font-family: "RobotoRegular", sans-serif;
    }

h2 {
    font-size: 1.75rem;
    padding-bottom: 1.15em;
}

.subpage.do_layout.start_do_page,
.subpage.do_layout.standard_do_page {
    padding-bottom: 0;
}

.heading-shadow {
    position: fixed;
    top: 5em;
    left: 0;
    width: 100%;
    height: 1.1875em;
    background: transparent linear-gradient(360deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.05;
}

@media (min-width: 768px) {
    .heading-shadow {
        top: 7.5em;
    }
}

.header__megamenu_desktop h4 > p {
    font-size: inherit;
}


@font-face {
    font-family: 'Chronicle Display Cond';
    src: url("../../fonts/ChronicleDispCond-Semibold.otf");
}

.section.background--white {
    background-color: #fff;
}

.section.background--green {
    background-color: #00935A;
    color: #fff;
}



.do_layout h1,
.do_layout h2,
.do_layout h3 {
    color: #614733;
}



.do_layout button {
    border-radius: 4px;
}
/*a {
    color: #B77344;
    cursor: pointer;
}*/
.do_layout a, .do_layout a:not([href]):not([tabindex]):hover, .do_layout a:not([href]):not([tabindex]):focus {
    color: #B77344 !important;
    text-decoration: none;
    cursor: pointer;
}

.do_layout .medarbejdersagslist_do_block tbody {
    cursor: pointer;
}

.do_layout .statusagreement_block {
    background-size: cover;
    padding: 0.875em 0 0.875em 1.9375em;
    background: #fff;
    position: relative;
    top: 3.9em;
    background-position-x: 1em;
    margin-left: 2em;
}

    .do_layout .statusagreement_block::after {
        border-right: solid;
        border-right-width: 0.25em;
        height: 3em;
        padding: 0.875em 2.625em 0.875em 0;
    }

    .do_layout .statusagreement_block.status_faerdig::after {
        border-right-color: #FFCE00;
        content: "Status: Færdig";
    }

    .do_layout .statusagreement_block.status_igang::after {
        border-right-color: #FC9C7F;
        content: "Status: I gang";
    }

    .do_layout .statusagreement_block.status_afsendt::after {
        border-right-color: #02A86F;
        content: "Status: Afventer underskrift";
    }

    .do_layout .statusagreement_block.status_modtaget::after {
        border-right-color: #02A86F;
        content: "Status: Modtaget i nærpension";
    }

.do_layout .page_header_print {
    position: relative;
    top: 4.1em;
    cursor: pointer;
}

.do_layout .page_header_print_label {
    font-family: "RobotoBold", sans-serif;
    margin-right: 1.25em;
    padding-right: 1.4375em;
    border-right: solid;
    border-right-width: 0.0625em;
    border-right-color: #FFF;
}

.do_layout .page_header_print_icon.icon:before {
    display: inline-block;
    cursor: pointer;
}

.do_block_layout {
    background: #fff;
    padding: 6em;
    margin-bottom: 1.1875em;
}

    .do_block_layout h3 {
        margin-bottom: 1.5em;
    }

.start_do_page .front-teaser-table-cell > .do_block_layout {
    background: inherit;
    /*padding-left: 0;
        padding-right: 0;*/
}

.do_block_layout form {
    padding-left: 0.9375em;
}


div.disabled {
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.4;
    background: #fff 0% 0% no-repeat padding-box;
}

.do_block_layout .data-section {
    font-size: 1em;
    color: #4B4B4B;
    padding-bottom: 2.3em;
    margin-bottom: 2em;
    /*border-bottom: solid;
    border-bottom-width: 0.0625em;
    border-bottom-color: #E5E5E5;*/
}

.do_block_layout .data-col {
    padding-right: 5em;
}

.do_block_layout .data-section label {
    color: #868686;
    margin-bottom: 0;
}

.do_block_layout .data-row {
    line-height: 2.1875em;
    border-bottom: solid;
    border-bottom-width: 0.0625em;
    border-bottom-color: #E5E5E5;
}

.do_block_layout .align-right, .do_layout .align-right {
    text-align: right;
}

.do_block_layout h3 {
    background: #F4F8F6;
    padding: 0.5em;
    width: 100%;
    margin-top: 1em;
}

.do_block_layout fieldset {
    padding-bottom: 2em;
}

    .do_block_layout fieldset > legend.Form__Element__Caption {
        font-size: 1rem;
        padding-left: 0.5em;
        padding-top: 1.2em;
    }

        .do_block_layout fieldset > legend.Form__Element__Caption.legend-radio,
        .do_block_layout fieldset > legend.Form__Element__Caption.legend-radio > p {
            padding-left: 0;
        }

label.Form__Element__Caption {
    padding-top: 1.2em;
}

.do_block_layout .accordion .panel-body {
    padding-left: 0;
}

.do_block_layout .accordion .do_block_layout {
    padding: 0;
}

.no-line-break {
    white-space: nowrap;
}

.do_block_layout h3 a {
    position: absolute;
    right: 0;
    padding-right: 1.25em;
    font-family: "RobotoBold", sans-serif;
    font-size: 0.72728em;
    top: 2.2em;
}
/*.label-radio {
    padding-left: 0.9em;
    height: 1.7em;
}

.do_layout input[type="radio"] {
    height: 1em;
}*/
.do_layout input {
    height: 3.4375em;
    margin-bottom: 1.55em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*box-shadow: 0px -1px 0px #00000029;*/
    border: 1px solid #BABABA;
    border-radius: 4px;
    opacity: 1;
    padding-left: 0.84375em;
}

.do_layout .AP_Form__Table,
.do_layout .AP_Form__Table p,
.do_layout .AP_Form__Table a,
.do_layout .FormChoice.FormChoiceCheckbox > fieldset,
.do_layout .FormChoice.FormChoiceRadio > fieldset {
    padding-left: 0.8em;
}
.do_layout .AP_Form__Table.NoIndent {
    padding-left:0;
}
.agreementsavings .AP_Form__Table,
.agreementsavings .AP_Form__Table p,
.agreementsavings .FormChoice.FormChoiceCheckbox > fieldset {
    padding-left: 0 !important;
}

.do_layout .AP_Form__Table input {
    width: 100%;
}

    .do_layout .AP_Form__Table .AP_Form__Table {
        padding-left: 0;
    }

.do_layout select {
    /*margin-top: -2em;*/
    height: 3.4375em;
    margin-bottom: 1.55em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 100%;
    border: 1px solid #BABABA;
    border-radius: 4px;
    opacity: 1;
    padding-left: 0.84375em;
}


body.ie-browser .section.background--green,
body.ie-browser .section.background-image {
    background-position-y: 7.5em;
}

@media (min-width: 992px) {
    body.ie-browser .section.background--green,
    body.ie-browser .section.background-image {
        height: 100vh;
    }
}

.section.background--green h1,
.section.background--green h2,
.section.background--green h3,
.section.background--green h4,
.section.background--green a {
    color: #fff;
}

.section.background--white a {
    color: #898989
}

div.parentlink {
    /*position: absolute;
    top: 7em;*/
    padding-left: 1em;
    padding-bottom: 1.6em;
    /*margin-top: -5.5em;*/
    text-transform: uppercase;
    font-size: 0.6875rem;
}

    div.parentlink a {
        color: #A5A5A5;
    }

@media (min-width: 576px) {
    div.parentlink {
        padding-left: 3.5em;
    }
}

@media (min-width: 768px) {
    div.parentlink {
        padding-left: 0.9em;
    }
}

@media (min-width: 992px) {
    div.parentlink {
        padding-left: 1em;
    }
}

div.parentlink a::before {
    background-image: url("../img/icon__arrow.svg");
    -webkit-background-size: 1.9em 1.9em;
    background-size: 1.9em 1.9em;
    width: 1.9em;
    height: 1.9em;
    vertical-align: middle;
    content: " ";
    display: inline-block;
    box-sizing: border-box;
    opacity: 1;
    position: relative;
    right: 1em;
    transform: rotate(180deg);
}

.article_mz_page div.parentlink a::before,
.articles_mz_page div.parentlink a::before {
    background-image: url("../img/icon__arrow-back--white.svg");
    transform: none;
}

.ie-browser .article_mz_page div.parentlink a::before,
.ie-browser .articles_mz_page div.parentlink a::before {
    transform: none;
}

header {
    height: 6.875em;
    /*max-width: 90em;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    z-index: 1;
    background: white;
    top: 0;
}

.subpage {
    position: relative;
    top: 3em;
    padding-bottom: 5em;
}

body.ie-browser .subpage {
    margin-top: -5em;
}

@media (min-width: 768px) {
    .subpage {
        top: 3.5em;
        padding-bottom: 7.5em;
    }

    body.ie-browser .subpage {
        margin-top: -7.5em;
    }
}

.subpage.do_layout {
    top: 6.875em;
}

.do_layout .heading-shadow {
    top: 6.875em;
}

.do_layout label {
    font-size: 1em;
    color: #000;
}

.do_layout .data-row label {
    color: #868686;
}

@media (min-width: 992px) {
    .subpage {
        top: 7.5em;
    }
}

header .container {
    padding-top: 1em;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
}

.agreementpricebar {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
}



.agreementpricebar-button {
    position: fixed;
    z-index: 2;
    height: 2.5em;
}

    .agreementpricebar-button.toggleopen {
        bottom: 36.3em;
    }

    .agreementpricebar-button.toggleclosed {
        bottom: 4.3em;
    }

    .agreementpricebar-button .row {
        width: 88em;
    }




    .agreementpricebar-button.toggleopen span.buttonspan-angle:before {
        content: ">";
        display: inline-block;
        transform: rotate(90deg);
    }

    .agreementpricebar-button.toggleclosed span.buttonspan-angle:before {
        content: ">";
        display: inline-block;
        transform: rotate(270deg);
    }

.buttonspan-text {
    padding-left: 1em;
}

.agreementpricebar-button .buttonspan {
    margin-left: 2.5em;
    background: #614733;
    color: #fff;
    padding: 1em;
    cursor: pointer;
}

.agreementpricebar-toppanel {
    height: 2.5em;
    background: #614733;
    color: #fff;
}

.agreementpricebar-sumpanel {
    height: 3.5em;
    background: #fff;
    color: #4B4B4B;
}

.agreementpricebar.toggleclosed .agreementpricebar-detailpanel {
    height: 0;
    transition: opacity 1.5s ease-in-out;
}

.agreementpricebar.toggleopen .agreementpricebar-detailpanel {
    height: 36em;
    transition: opacity 1.5s ease-in-out;
}

.agreementpricebar-detailpanel {
    /*height: 32em;*/
    background: #fff;
    color: #4B4B4B;
}

.agreementpricebar-valuespanel {
    margin-left: 3em;
    margin-right: 3em;
}

.agreementpricebar-detailpanel span {
    position: relative !important;
}

.agreementpricebar .row {
    width: 88em;
    margin-left: auto;
    margin-right: auto;
}

.agreementpricebar span {
    position: absolute;
    padding-top: 0.5em;
}

    .agreementpricebar span.val {
        right: 0;
        position: absolute !important;
    }

.agreementpricebar div.left {
    padding-left: 0;
}

.agreementpricebar-detailtop {
    padding-bottom: 1.5em;
}

    .agreementpricebar-detailtop .ulntot {
        border-bottom: solid;
        border-bottom-width: 0.1em;
        border-bottom-color: #000;
        padding-top: 0.5em;
        padding-bottom: 0.7em;
    }

.agreementpricebar-detailsum .uln {
    border-bottom: solid;
    border-bottom-width: 0.02em;
    border-bottom-color: #000;
    padding-top: 0.5em;
    padding-bottom: 0.7em;
}

.agreementpricebar-detailsum .ulntot {
    border-bottom: solid;
    border-bottom-width: 0.1em;
    border-bottom-color: #000;
    padding-top: 0.5em;
    padding-bottom: 0.7em;
    font-size: 1.2em;
}

.agreementpricebar-detailsum {
    padding-top: 1.5em;
    background: #f4f8f6;
    height: 18.2em;
}

.agreementpricebar span.sum,
.agreementpricebar-detailsum {
    font-weight: 600;
}



.start_mz_page .secondary-content,
.area_mz_page .secondary-content,
.article_mz_page .secondary-content,
.articles_mz_page .secondary-content {
    position: absolute;
    opacity: 0;
    top: -9999px;
}

/* *** NB!  .subject_mz_page */
@media (min-width: 768px) {
    .secondary-content {
        position: absolute;
        opacity: 0;
        top: -9999px;
    }
}

header .container {
    padding-top: 0;
}


div.div-hide,
h2.h2-hide,
span.span-hide,
td.td-hide,
th.th-hide,
label.label-hide {
    position: absolute;
    opacity: 0;
    top: -9999px;
    padding: 0;
}

span.span-hide {
    display: none;
}

@media (min-width: 992px) {
    header {
        padding-left: 5.3125em;
        padding-right: 5.3125em;
    }
}

/* topmenu */
.dropdown-menu.menu-pos0 {
    margin-left: 0 !important;
}



.fadein, .fadeout {
    -moz-transition: opacity 1.5s ease-in-out;
    -o-transition: opacity 1.5s ease-in-out;
    -webkit-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

.fadein {
    opacity: 1;
}

.fadeout {
    opacity: 0;
}

li.header-menu__item,
li.header-menu__item.header-menu-areaSwitch,
li.header-menu__item.header-menu-areaSwitch button.btn.btn-secondary.dropdown-toggle {
    display: none;
}

    li.header-menu__item.header-menu__link--menu,
    li.header-menu__item.header-menu-sitelink {
        display: block;
    }


@media (min-width: 768px) {
    li.header-menu__item.header-menu__link--menu {
        display: none;
    }

    li.header-menu__item,
    li.header-menu__item.header-menu-search {
        display: block;
    }
}

.front-teaser-desktop-space {
    max-height: 10em;
}

.front-teaser-container {
    padding: 0 1em 0 1em;
}

body.ie-browser .row > .front-teaser-container {
    margin-top: 4vh;
}

@media (min-width: 768px) {
    body.ie-browser .row > .front-teaser-container {
        margin-top: 2vh;
    }
}

@media (min-width: 992px) {
    body.ie-browser .row > .front-teaser-container {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .start_mz_page .front-teaser-container,
    .area_mz_page .front-teaser-container,
    .subject_mz_page .front-teaser-container {
        background-color: #fff;
        height: calc(100vh - 5em - 13.5625em);
    }
}



.start_mz_page .front-teaser,
.area_mz_page .front-teaser {
    border-left: solid;
    border-left-width: 0.2em;
    border-left-color: #FF4D1D;
    margin-left: 0;
    padding-left: 1.4em;
}

.front-teaser {
    padding-left: 0;
    padding-right: 0;
}

.front-teaser-table {
    display: table;
    width: 100%;
    /*margin-top: 2em;*/
}

.subject_mz_page .front-teaser-table {
    height: unset;
    margin-top: 4em;
    margin-bottom: 7em;
}

.article_mz_page .front-teaser-table,
.articles_mz_page .front-teaser-table {
    height: unset;
    /*height: calc(100vh - 5em);*/
}

/**/

.front-teaser-table-cell {
    display: table-cell;
    vertical-align: middle;
}

body.ie-browser .front-teaser-table {
    height: 0;
}

body.ie-browser .article_mz_page .front-teaser-table,
body.ie-browser .articles_mz_page .front-teaser-table {
    margin-top: 4.3em;
}

.article_mz_page .front-teaser-container,
.articles_mz_page .front-teaser-container {
    padding-top: 2em;
}

.front-teaser-container {
    padding: 0 1.625em;
}

.article_mz_page .front-teaser,
.articles_mz_page .front-teaser {
    margin-bottom: 8em;
}

.start_do_page .front-teaser-table-cell > .row,
.standard_do_page .front-teaser-table-cell > .row-contentarea {
    padding-top: 1.7em;
    padding-bottom: 7.6875em;
}

.article_mz_page .front-teaser-table .front-teaser-table-cell .row,
.articles_mz_page .front-teaser-table .front-teaser-table-cell .row {
    height: unset;
    width: calc(100% + 1.82em);
}

body.ie-browser .article_mz_page .front-teaser-table .front-teaser-table-cell .row,
body.ie-browser .articles_mz_page .front-teaser-table .front-teaser-table-cell .row {
    width: 95vw;
}

@media (min-width: 576px) {
    .front-teaser {
        padding-right: 2.8em;
    }

    .front-teaser-container {
        padding: 0 2.0275em;
    }

    body.ie-browser .article_mz_page .front-teaser-table .front-teaser-table-cell .row,
    body.ie-browser .articles_mz_page .front-teaser-table .front-teaser-table-cell .row {
        width: 97vw;
    }
}

/* kun .article + .articles_mz_page ?? */
body.ie-browser .front-teaser-table .front-teaser-table-cell .row {
    margin-top: 0;
    /*width: 98vw;*/
}

body.ie-browser .subject_mz_page .front-teaser-table .front-teaser-table-cell .row {
    width: 88vw;
}

@media (min-width: 576px) {
    body.ie-browser .subject_mz_page .front-teaser-table .front-teaser-table-cell .row {
        width: 100%;
    }
}

body.ie-browser .subject_mz_page .menu-item {
    margin-right: 2em;
}

@media (min-width: 768px) {
    body.ie-browser .article_mz_page .front-teaser-table .front-teaser-table-cell .row,
    body.ie-browser .articles_mz_page .front-teaser-table .front-teaser-table-cell .row {
        width: 97.6vw;
    }

    body.ie-browser .subject_mz_page .menu-item {
        margin-right: 0;
    }

    body.ie-browser .article_mz_page .front-teaser-table,
    body.ie-browser .articles_mz_page .front-teaser-table {
        margin-top: 10em;
    }
}

@media (min-width: 992px) {
    body.ie-browser .article_mz_page .front-teaser-table,
    body.ie-browser .articles_mz_page .front-teaser-table {
        margin-top: 0;
    }

    body .ie-browser .front-teaser-table .front-teaser-table-cell .row {
        width: 85vw;
    }

    .article_mz_page .front-teaser-container,
    .articles_mz_page .front-teaser-container {
        padding-top: 0;
    }

    .article_mz_page .front-teaser,
    .articles_mz_page .front-teaser {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) {
    .front-teaser {
        margin-left: 1.7em;
    }
}

@media (min-width: 768px) {
    /* kun .article + .articles_mz_page ?? */
    body.ie-browser .front-teaser-table .front-teaser-table-cell .row {
        width: unset;
    }

    .front-teaser {
        margin-left: -0.2em;
    }

    .front-teaser-container {
        padding: 0 2.965em;
        margin-top: 0;
        position: relative;
    }

    .front-teaser-table {
        /*margin-top: 4em;*/
        margin-bottom: 3em;
    }
}

@media (min-width: 992px) {

    .article_mz_page .front-teaser-table,
    .articles_mz_page .front-teaser-table {
        height: calc(100vh - 7.5em);
    }

    .front-teaser-container,
    .start_mz_page .front-teaser-container,
    .area_mz_page .front-teaser-container,
    .subject_mz_page .front-teaser-container {
        background-color: inherit;
        height: unset;
    }

    /*.front-teaser {
        margin-left: 1.56em;
    }*/

    .front-teaser-table {
        margin-top: 0;
        margin-bottom: 0;
    }

    .subject_mz_page .front-teaser-table {
        height: calc(100vh - 12.5em);
        margin-top: 0;
        margin-bottom: 5em;
    }

    body.ie-browser .front-teaser-table-cell {
        padding-top: 30vh;
    }

    body.ie-browser .menu-items-container > .front-teaser-table-cell {
        padding-top: 0;
    }
}

@media (min-width: 1200px) {
    .subject_mz_page .front-teaser-table {
        height: calc(100vh - 12.5em);
    }
}

.header__start {
    font-family: "Chronicle Display Cond";
    font-size: 2.1875em;
    font-weight: normal;
    color: #FF4D1D;
}

.header__start-text {
    font-size: 1.125em;
}

@media (min-width: 768px) {

    .header__start {
        font-size: 4.0625em;
    }

    .header__start-text {
        font-size: 1.125em;
    }
}

@media (min-width: 1200px) {
    .header__start {
        font-size: 4.0625em;
    }

    /*.header__start-text {
        font-size: 1.125em;
    }*/
}


.display-mobile {
    display: block;
}

.display-tablet {
    display: none;
}

.display-desktop {
    display: none;
}

@media (min-width: 768px) {
    .display-mobile {
        display: none;
    }

    .display-tablet {
        display: block;
    }

    .display-desktop {
        display: none;
    }
}

@media (min-width: 992px) {
    .display-tablet {
        display: none;
    }

    .display-desktop {
        display: block;
    }
}

.col-space {
    display: block;
}

.col-md-space, .col-sm-space {
    display: none;
}

/* SUB col-sm (Mobile) */
@media (min-width: 199px) {
}

@media (min-width: 576px) {
    .col-space {
        display: none;
    }

    .col-sm-space {
        display: block;
    }
}

/*col-md*/
@media (min-width: 768px) {
    .col-md-space {
        display: block;
    }

    .col-sm-space {
        display: none;
    }

    .md-2nd-row {
        padding-top: 2.5em !important;
        padding-bottom: 2.5em !important;
    }
}

/*col-lg*/
@media (min-width: 992px) {
    .col-md-space {
        display: none;
    }

    .md-2nd-row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.subpage .container-fluid,
.footer .container-fluid {
    padding-left: 0.91em !important;
    padding-right: 0.91em !important;
    /*padding-left: 1.625em !important;
    padding-right: 1.625em !important;*/
}

@media (min-width: 768px) {
    .subpage .container-fluid,
    .footer .container-fluid {
        padding-left: 0.91em !important;
        padding-right: 0.91em !important;
    }
}

@media (min-width: 1200px) {
    .subpage .container-fluid,
    .footer .container-fluid {
        padding-left: 9.7em !important;
        padding-right: 9.7em !important;
    }
}

@media (min-width: 1900px) {
    .subpage .container-fluid,
    .footer .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.subpage .container-fluid .row-content-bottom > div {
    margin-left: 1.502%;
    margin-right: 1.502%;
}

@media (min-width: 1200px) {
    footer .container-fluid {
        max-width: 89em;
    }
}

@media (min-width: 1900px) {
    footer .container-fluid {
        max-width: 97.3725em;
    }
}

@media (min-width: 768px) {
    .footer__home-link::before {
        margin-top: -0.21em;
    }
}

@media (min-width: 768px) {
    .footer .row {
        padding-top: 4.27em;
    }
}

.footer {
    background-color: #FAFAFA;
    min-height: 16.75em;
    padding-left: 1.7em;
    padding-right: 1.7em;
}

.footer__text {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-top-style: solid;
    border-top-width: 0.111em;
    border-top-color: lightgray;
    color: #6C6C6C;
    font-size: 0.75em;
    font-family: "RobotoRegular", sans-serif;
    font-weight: 500;
    text-align: center;
}

    .footer__text a {
        color: #6C6C6C;
        font-family: "RobotoRegular", sans-serif;
        font-size: 1em;
    }

.footer-navigation__item a {
    color: #FF4D1D;
    font-family: "RobotoMedium", sans-serif;
    font-size: 0.75em;
}

.footer__text p,
.footer__text a,
.footer-navigation__item a {
    margin-bottom: 0.5625em;
}

.footer-navigation {
    margin-top: -0.2em;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.5em;
}

    .footer-navigation ul {
        padding-left: 0;
    }

.footer-navigation__item {
    list-style-type: none;
    padding-top: 0.4em;
    padding-bottom: 0.6em;
    border-top-style: solid;
    border-top-width: 0.09em;
    border-top-color: lightgray;
    text-align: center;
}



@media (min-width: 768px) {
    .footer {
        padding-left: 0;
        padding-right: 0;
    }

    .footer__text {
        padding-top: 0;
        padding-bottom: 0;
        border-top-style: none;
        border-top-width: 0;
        border-top-color: none;
        font-size: 0.875em;
        text-align: unset;
    }

        .footer__text a {
            font-size: 1em;
        }

    .footer-navigation {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        padding-bottom: 0;
    }

    .footer-navigation__item a {
        font-size: 0.875em;
    }

    .footer-navigation__item {
        padding-top: 0;
        padding-bottom: 0.2em;
        border-top-style: none;
        border-top-width: 0;
        border-top-color: none;
        border-bottom-style: solid;
        border-bottom-width: 0.111em;
        border-bottom-color: lightgray;
        max-width: 9em;
        text-align: unset;
    }
}


/*CUSTOM SLUT*/
/******************************************************************************************************/

.header__home-link {
    display: inline-block;
    margin: 0.55em 0 0 0;
    z-index: 6;
    position: absolute;
    left: 1.3125em;
}

.header--do {
    height: 6.875em;
}

    .header--do .header-menu {
        margin-top: 1.65em;
    }

.header__home-link-do {
    margin: 0 !important;
    left: -17.4em !important;
    border-right: none !important;
    /*background-color: #f4f8f6;*/
    /*background-size: 13em 14em;*/
    /*margin: 0 !important;
    height: 7.5em !important;
    width: 13em;
    
    background-position-x: 2em;
    */
}

    .header__home-link-do::before {
        background-size: 17.8125em 6.875em;
        background-position-x: 3.9em;
        width: 17.8125em !important;
        height: 6.875em !important;
        background-repeat: no-repeat;
    }

.header__home-link-background {
    background-color: #f4f8f6;
    background-size: cover;
    position: relative;
    left: -8.8em;
    width: 20em;
    height: 7em;
}

@media (min-width: 768px) {
    .header__home-link {
        position: relative;
        margin-top: 1.75em;
        margin-bottom: 12px;
        left: -8.8em;
        padding-right: 39px;
        border-right: solid;
        border-right-width: 0.09em;
        border-right-color: lightgray;
        height: unset;
    }
}

.header-menu__link.icon--do-lock--after span {
    font-size: 1em;
    font-family: RobotoLight;
    text-align: left;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    margin-top: 4px;
    margin-right: 24px;
}

.icon-after {
    display: inline-flex !important;
}

.icon:before, .icon-after:after {
    -webkit-background-size: 1.5em 1.5em;
    background-size: 1.5em 1.5em;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: " ";
    display: block;
    box-sizing: border-box;
    opacity: 1;
}

.icon--arrow:before {
    background-image: url("../img/icon__arrow.svg");
}

.icon--arrow-back:before {
    background-image: url("../img/icon__arrow-back.svg");
}

.icon--close-search--black:before {
    background-image: url("../img/icon__close-search--black.svg");
}

.icon--close-search--orange:before {
    background-image: url("../img/icon__close-search--orange.svg");
}

.icon--mz_bag:before {
    background-image: url("../img/icon__mz_bag.png");
}

.icon--mz_heart:before {
    background-image: url("../img/icon__mz_heart.png");
}

.icon--mz_movie:before {
    background-image: url("../img/icon__mz_movie.png");
}

.icon--mz_position:before {
    background-image: url("../img/icon__mz_position.png");
}

.icon--mz_rygestop:before {
    background-image: url("../img/icon__mz_rygestop.png");
}

.icon--do-add:before {
    background-image: url("../img/icon__do-add.svg");
}

.icon--do-arrow:before {
    background-image: url("../img/icon__do-arrow.svg");
}

.icon--do-arrow-accordion:before {
    background-image: url("../img/icon__do-arrow-accordion.svg");
}

.icon--do-calculator:before {
    background-image: url("../img/icon__do-calculator.svg");
}

.icon--do-calculator_white:before {
    background-image: url("../img/icon__do-calculator_white.svg");
}

.icon--do-checkmark:before {
    background-image: url("../img/icon__do-checkmark.svg");
}

.icon--do-close:before {
    background-image: url("../img/icon__do-close.svg");
}

.icon--do-dropdown_arrow:before {
    background-image: url("../img/icon__do-dropdown_arrow.svg");
}

.icon--do-employee:before {
    background-image: url("../img/icon__do-employee.svg");
}

.icon--do-employees:before {
    background-image: url("../img/icon__do-employees.svg");
}

.icon--do-folder:before {
    background-image: url("../img/icon__do-folder.svg");
}

.icon--do-folder_plus:before {
    background-image: url("../img/icon__do-folder_plus.svg");
}

.icon--do-house:before {
    background-image: url("../img/icon__do-house.svg");
}

.icon--do-lock:before {
    background-image: url("../img/icon__do-lock.svg");
}
.icon--do-lock--after:after {
    background-image: url("../img/icon__do-lock.svg");
}

.icon--do-printer:before {
    background-image: url("../img/icon__do-printer.svg");
}

.icon--do-printer_white:before {
    background-image: url("../img/icon__do-printer_white.svg");
}

.icon--do-zoom:before {
    background-image: url("../img/icon__do-zoom.svg");
}

.icon--pension-logo--white-on-orange:before {
    background-image: url("../img/icon__pension-logo--white-on-orange.svg");
}

.icon--pension-logo--orange-on-white:before {
    background-image: url("../img/icon__pension-logo--orange-on-white.svg");
}

.icon--pension-logo--black-on-white:before {
    background-image: url("../img/icon__pension-logo--black-on-white.svg");
}

.icon--naerpension-png:before {
    background-image: url("../img/icon__naerpension-png.png");
}

.icon--zoom:before {
    background-image: url("../img/icon__zoom.svg");
}


.icon--do-add_linkbutton {
    background-image: url("../img/icon__do-add.svg") !important;
}

.icon--do-arrow_linkbutton {
    background-image: url("../img/icon__do-arrow.svg") !important;
}

.icon--do-calculator_linkbutton {
    background-image: url("../img/icon__do-calculator.svg") !important;
}

.icon--do-calculator_white_linkbutton {
    background-image: url("../img/icon__do-calculator_white.svg") !important;
}

.icon--do-checkmark_linkbutton {
    background-image: url("../img/icon__do-checkmark.svg") !important;
}

.icon--do-close_linkbutton {
    background-image: url("../img/icon__do-close.svg") !important;
}

.icon--do-dropdown_arrow_linkbutton {
    background-image: url("../img/icon__do-dropdown_arrow.svg") !important;
}

.icon--do-employee_linkbutton {
    background-image: url("../img/icon__do-employee.svg") !important;
}

.icon--do-employees_linkbutton {
    background-image: url("../img/icon__do-employees.svg") !important;
}

.icon--do-folder_linkbutton {
    background-image: url("../img/icon__do-folder.svg") !important;
}

.icon--do-folder_plus_linkbutton {
    background-image: url("../img/icon__do-folder_plus.svg") !important;
}

.icon--do-employee_linkbutton {
    background-image: url("../img/icon__do-employee.svg") !important;
}

.icon--do-house_linkbutton {
    background-image: url("../img/icon__do-house.svg") !important;
}

.icon--do-lock_linkbutton {
    background-image: url('../img/icon__do-lock.svg') !important;
}

.icon--do-printer_linkbutton {
    background-image: url("../img/icon__do-printer.svg") !important;
}

.icon--do-printer_white_linkbutton {
    background-image: url("../img/icon__do-printer_white.svg") !important;
}

.icon--do-zoom_linkbutton {
    background-image: url("../img/icon__do-zoom.svg") !important;
}

.icon--do_plus_linkbutton {
    background-image: url("../img/icon__plus.svg") !important;
}

.icon--do-mail_white_linkbutton {
    background-image: url("../img/icon__mail--white.svg") !important;
}

.header__home-link::before {
    width: 3.125em;
    height: 2.011em;
    background-size: 3.125em 2.011em;
}

.footer__home-link::before {
    width: 5.625em;
    height: 3.62em;
    background-size: 5.625em 3.62em;
    text-align: center;
    margin-left: -3.2125em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.header__home-link::before {
    vertical-align: middle;
    content: " ";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
}

@media (min-width: 768px) {
    .header__home-link::before, .footer__home-link::before {
        width: 10.6em;
        height: 6.875em;
        background-size: 10.6em 6.875em;
    }

    .footer__home-link::before {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}


.hero {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 50px 0 20px;
    height: 100vh;
}

    .hero.background__size--full-screen {
        padding: 50px 0 20px;
        height: 100%;
        min-height: 750px;
    }

    .hero.background__size--full-width-small-height {
        padding: 11.5em 0 4.25em;
        height: auto;
        min-height: 400px;
    }

    .hero.background__size--full-width-heigh {
        padding: 0 2em 0;
        height: auto;
    }


.menu-is-active .hero.background__size--full-width-small-height {
    min-height: 0px;
    height: 100vh;
}

.menu-is-active .hero.background__size--full-width-heigh {
    min-height: 0px;
    height: 100vh;
}



section.background-image {
    background-repeat: no-repeat;
    background-position-y: -9999px;
    background-size: 765px 670px;
    background-color: #FFF;
}

.mobile-background-image {
    height: 55vw;
    background-repeat: no-repeat;
    background-color: #eff4f5;
    background-size: cover;
    background-position-y: 0em;
    background-position-x: center;
    padding-left: 0;
    padding-right: 0;
    margin-top: 2em;
}

@media (min-width: 768px) {
    .mobile-background-image {
        margin-top: 4em;
    }

    section.background-image {
        background-size: 62%;
    }

    .hero.background__size--full-width-heigh {
        padding: 0;
    }

    .hero.background__size--full-width-small-height {
        padding: 11.5em 0 4.25em;
    }
}



@media (min-width: 992px) {
    .mobile-background-image {
        margin-top: 0;
    }

    section.background-image {
        background-color: #F2F6F7;
        background-size: calc((100vh - 7.5em) * (1600 / 1400)) calc(100vh - 7.5em);
        background-position-x: calc(40vw - 40vh + 26em);
        background-position-y: top;
    }

    .articles_mz_page .hero.background__size--full-width-heigh {
        /*margin-bottom: 4em;*/
    }

    .hero.background__size--full-width-small-height .hero__headline {
        min-height: 130px;
    }

    .hero.background__size--full-width-heigh .hero__headline {
        min-height: 130px;
    }
}

@media (min-width: 1200px) {
    section.section {
        margin-left: auto;
        margin-right: auto;
    }

    .section-container-background-image {
        background-color: #F2F6F7;
    }

    .section-container-background--green {
        background-color: #00935A;
    }
}



body.ie-browser .mobile-background-image {
    margin-top: 7em;
}

@media (min-width: 768px) {
    body.ie-browser .mobile-background-image {
        margin-top: 12em;
        height: 55vw;
        /*margin-bottom: 5em;*/
    }
}

@media (max-width: 991px) {
    .desktop-background-image {
        background-position-x: -9999px;
    }
}

/* Subject_MZ_Page    */

.subject_mz_page .menu-items-container {
    padding-left: 1em !important;
    padding-right: 1em !important;
}


@media (min-width: 768px) {
    .subject_mz_page .menu-items-container {
        margin-bottom: -2em;
    }

        .subject_mz_page .menu-items-container .row {
            margin-top: -0.1em;
            margin-bottom: 3em;
        }

    .subject_mz_page .content-blocks {
        margin-top: 2em;
    }
}

@media (min-width: 992px) {
    .mobile-background-image {
        background-image: none !important;
    }

    .subject_mz_page .menu-items-container {
        height: 22.3em;
        margin-bottom: -5.7em;
    }

        .subject_mz_page .menu-items-container .row {
            margin-top: -0.1em;
            margin-bottom: 4em;
        }

    .subject_mz_page .content-blocks {
        margin-top: 5em;
    }
}

@media (min-width: 1200px) {
    .subject_mz_page .menu-items-container {
        height: 35.3em;
        margin-bottom: -7.3em;
    }

        .subject_mz_page .menu-items-container .row {
            margin-top: -0.2em;
            margin-bottom: 5em;
        }

        .subject_mz_page .menu-items-container .front-teaser-table {
            margin-bottom: -2.1em;
        }

    .subject_mz_page .content-blocks {
        margin-top: 7em;
    }
}

.subject_mz_page .menu-container p {
    font-size: 1rem;
}

.subject_mz_page .menu-item {
    height: 5em;
    background-color: #fff;
    margin: 0;
    padding: 0.8em 0 0 0;
    color: #000;
    font-size: 1.25em;
    font-weight: 400;
    border-top-style: solid;
    border-top-width: 0.05em;
    border-top-color: #E5E5E5;
}



@media (min-width: 768px) {
    .subject_mz_page .secondary_content_toggle {
        min-height: unset !important;
        height: 4em !important;
        margin-top: 0.1em !important;
        margin-bottom: -5em !important;
    }

    .subject_mz_page .front-teaser-table-cell .row {
        border-bottom-style: solid;
        border-bottom-width: 0.05em;
        border-bottom-color: #E5E5E5;
    }
}



.subject_mz_page .secondary_content_toggle .menu-top h3::after {
    top: 1.8em !important;
}

.subject_mz_page .secondary_content_toggle_container {
    height: 0;
    margin-top: 0;
    margin-left: 0;
}

.subject_mz_page .secondary-menu-items-container {
    margin-top: 0 !important;
}

.subject_mz_page .menu-top {
    margin-bottom: -0.2em;
}

.subject_mz_page .menu-item-container {
    display: inline-block;
}

.subject_mz_page .menu-bottom a {
    font-size: 1rem;
}


@media (min-width: 576px) {
    .subject_mz_page .secondary_content_toggle_container {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .subject_mz_page .secondary_content_toggle_container {
        margin-left: 0;
    }

    .subject_mz_page .secondary_content_toggle {
        cursor: pointer;
    }
}


.subject_mz_page .menu-item h3 {
    color: #000;
    display: inline-block;
    width: 100%;
    font-size: 1.125rem;
    margin-bottom: 0;
}

    .subject_mz_page .menu-item h3::after {
        background-image: url("../img/icon__arrow-back.svg");
        width: 0.5em;
        height: 0.5em;
        background-size: 0.5em 0.5em;
        text-align: center;
        vertical-align: middle;
        content: " ";
        display: none;
        box-sizing: border-box;
        opacity: 1;
        position: absolute;
        right: 1em;
        top: 1.5em;
        transform: rotate(270deg);
    }

.subject_mz_page .menu-item-mobile-icon {
    display: inline-block;
    margin-left: -0.4em;
    margin-right: 1em;
    margin-top: 0.35em;
}

.subject_mz_page .menu-item-mobile-last .menu-item {
    height: 0;
}

@media (min-width: 768px) {
    .subject_mz_page .menu-container {
        padding-left: 0;
        padding-right: 0;
    }

        .subject_mz_page .menu-container p {
            font-size: 0.9rem;
        }

    .subject_mz_page .menu-item-mobile-icon {
        margin-left: 2em;
    }

    .subject_mz_page .menu-item-mobile-last {
        display: none;
    }
}

@media (min-width: 992px) {
    .subject_mz_page .menu-item-container {
        display: inline-block;
        margin-top: -5em;
    }

    .subject_mz_page .menu-container p {
        font-size: 1rem;
    }

    .subject_mz_page .menu-item h3 {
        display: inline-block;
        font-size: 1.3rem;
    }

    .subject_mz_page .menu-item-mobile-icon {
        display: none;
    }

    .subject_mz_page .menu-item h3::after {
        top: -1.6em;
        display: inline-block;
    }

    .subject_mz_page .secondary-menu-items-container h3::after {
        top: 1.7em;
    }

    .subject_mz_page .menu-bottom a {
        font-size: 1.25rem;
    }
}

@media (min-width: 1200px) {
    .subject_mz_page .menu-item h3 {
        font-size: 1.375rem;
    }
}

.subject_mz_page .menu-item a {
    color: #FF4D1D;
    text-decoration: none;
    margin-left: 0.2em;
}


.subject_mz_page .menu-item p,
.subject_mz_page .menu-item span.icon {
    display: none;
}

.subject_mz_page .menu-item .menu-item-mobile-icon.icon::before {
    background-size: 2.7em 2.7em;
    height: 2.7em;
    width: 2.7em;
    margin-bottom: -0.6em;
}


.subject_mz_page .menu-item .icon::before {
    background-size: 4em 4em;
    height: 4em;
    width: 4em;
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    .subject_mz_page .menu-item {
        margin: 0 0 0 0;
    }

        .subject_mz_page .menu-item .icon::before {
            background-size: 2.5em 2.5em;
            height: 2.5em;
            width: 2.5em;
        }

    .subject_mz_page:last-child .menu-item {
        border-right-style: none;
    }

    .subject_mz_page .menu-top {
        margin-bottom: 0;
    }

    .subject_mz_page .menu-bottom-text {
        padding-bottom: 3em;
        padding-left: 0.2em;
    }
}

@media (min-width: 1900px) {
    .subject_mz_page .menu-bottom-text {
        max-width: 18.2em;
    }
}

@media (min-width: 992px) {
    .subject_mz_page .menu-container {
        padding: 0;
        margin-top: -5em;
    }

    .subject_mz_page .menu-item-container {
        margin-top: 0;
        height: 100%;
        margin-bottom: -1.5em;
    }

    .subject_mz_page .menu-item {
        height: auto;
        margin: -3.1em 0 0 0;
        padding: 1em 10.66% 1em 10.66%;
        border-right-style: solid;
        border-right-width: 0.05em;
        border-right-color: #E5E5E5;
        box-shadow: 0px 3px 6px #E5E5E5;
    }

        .subject_mz_page .menu-item p,
        .subject_mz_page .menu-item span.icon {
            display: inline;
        }

        .subject_mz_page .menu-item .icon::before {
            background-size: 4em 4em;
            height: 4em;
            width: 4em;
            margin-top: 2em;
        }
}

@media (min-width: 1200px) {
    .subject_mz_page .menu-container {
        padding: 0;
        margin-top: -5em;
    }

    .subject_mz_page .menu-item .icon::before {
        margin-top: 2.5em;
        margin-left: -0.8em;
    }
}


/* Area_MZ_Page    */



.areapage-menu .menu-top {
    background-color: #FFF;
    margin: 0 -0.75em 0 -0.75em;
    padding: 1.3em 2.4em 0.7em;
    color: #000;
    font-family: "RobotoBold", sans-serif;
    font-size: 1em;
}

.areapage-menu {
    margin-left: -1em;
    margin-right: -1em;
}

@media (min-width: 576px) {
    .areapage-menu {
        margin-left: -2.7em;
        margin-right: -2.7em;
    }

        .areapage-menu .menu-top {
            padding: 1.3em 3.8125em 0.7em;
            font-size: 1.25em;
        }
}

@media (min-width: 768px) {
    .areapage-menu {
        margin-left: 2.0275em;
        margin-right: -0.91em;
    }

        .areapage-menu .menu-top {
            background-color: #EAF4F2;
            margin: 0;
            padding: 1.3em 2.1em;
            color: #000;
            font-size: 1.25em;
            font-weight: 500;
        }
}

@media (min-width: 992px) {
    .areapage-menu {
        margin-left: 1.4275em;
    }

        .areapage-menu .menu-top {
            background-color: #00935A;
            margin: -4.1em 12.555% 0 0.5em;
            color: #fff;
            font-family: "RobotoRegular", sans-serif;
        }
}

.areapage-menu .menu-items-container {
    background-color: #FFF;
    margin: 0 -0.94em 3em -0.94em;
    padding: 0 2.5em 2em;
}

@media (min-width: 576px) {
    .areapage-menu .menu-items-container {
        padding: 0 4.75em 3em;
    }
}

@media (min-width: 768px) {
    .areapage-menu .menu-items-container {
        background-color: #EAF4F2;
        margin: 0 0 3em;
        padding: 0px 2.4em 3em;
    }
}

@media (min-width: 992px) {
    .areapage-menu .menu-items-container {
        margin: 0 12.555% 3em 0.625em;
        padding: 1em 2.5em 2em;
    }
}

@media (min-width: 1200px) {
    .areapage-menu .menu-items-container {
        padding: 3em 6.647%;
        margin: 0 12.555% 3em 0.625em;
    }
}

.areapage-menu .menu-item:first-child {
    border-top-style: solid;
    border-top-width: 0.0625em;
    border-top-color: #D6D6D6;
}

.areapage-menu .menu-item {
    height: 3.375em;
    border-bottom-style: solid;
    border-bottom-width: 0.0625em;
    border-bottom-color: #D6D6D6;
    padding-left: 1.3em;
}

    .areapage-menu .menu-item:last-child {
        border-bottom-style: none;
    }

    .areapage-menu .menu-item a {
        color: #000;
        font-family: "RobotoRegular", sans-serif;
        font-size: 1em;
        /*font-weight: 500;*/
        display: inline-block;
        margin-top: 0.8em;
    }

@media (min-width: 576px) {
    .areapage-menu .menu-item {
        height: 4.375em;
        padding-left: 1em;
    }

        .areapage-menu .menu-item a {
            font-size: 1em;
        }
}

@media (min-width: 768px) {
    .areapage-menu .menu-item a {
        font-size: 1em;
    }
}

@media (min-width: 992px) {
    .areapage-menu .menu-item:first-child {
        border-top-style: none;
    }

    .areapage-menu .menu-item {
        height: 3.375em;
    }

        .areapage-menu .menu-item a {
            font-size: 1em;
        }
}

@media (min-width: 1200px) {
    .areapage-menu .menu-item {
        height: 4.375em;
    }

        .areapage-menu .menu-item a {
            font-size: 1.25em;
        }
}

.areapage-menu .menu-item a::before {
    width: 2.1em;
    height: 2.1em;
    background-size: 2.1em 2.1em;
    text-align: center;
    margin-left: -1.15em;
    margin-right: 1.64em;
    vertical-align: middle;
    content: " ";
    display: inline-block;
}



/* Articles_MZ_Page    */

.article_mz_page .topmenu,
.articles_mz_page .topmenu {
    background-color: #0D674B;
    margin: 0 -0.9375em 0 0;
    padding: 0 1.6em;
    position: relative;
    bottom: 0;
    left: 0;
}

@media (min-width: 576px) {
    .article_mz_page .topmenu,
    .articles_mz_page .topmenu {
        padding: 0 3.7em;
    }
}

@media (min-width: 768px) {
    .article_mz_page .topmenu,
    .articles_mz_page .topmenu {
        padding: 0 2.9em;
    }
}

/* kun .article + .articles_mz_page ?? */
body.ie-browser .topmenu {
    margin: 0 -0.9375em -5em 0;
}

body.ie-browser .article_mz_page .topmenu,
body.ie-browser .articles_mz_page .topmenu {
    margin: 0;
}

.article_mz_page .topmenu .topmenu-open,
.articles_mz_page .topmenu .topmenu-open {
    display: block;
}

.article_mz_page .topmenu .topmenu-collapse,
.articles_mz_page .topmenu .topmenu-collapse {
    display: none;
}

@media (min-width: 992px) {
    .article_mz_page .topmenu .topmenu-collapse,
    .articles_mz_page .topmenu .topmenu-collapse {
        display: block;
    }
}

.article_mz_page .menu-items-container-header,
.articles_mz_page .menu-items-container-header {
    padding: 1.875em 0 0;
}

    .article_mz_page .menu-items-container-header p,
    .articles_mz_page .menu-items-container-header p {
        font-family: "RobotoRegular", sans-serif;
        font-size: 1rem;
        padding-bottom: 1.2em;
    }

        .article_mz_page .menu-items-container-header p::after,
        .articles_mz_page .menu-items-container-header p::after {
            width: 1em;
            height: 1em;
            background-size: 1em 1em;
            display: inline-block;
            margin-right: 2em;
        }

        .article_mz_page .menu-items-container-header p::after,
        .articles_mz_page .menu-items-container-header p::after {
            background-image: url("../img/icon__arrow--white.svg");
            width: 1.8em;
            height: 1.8em;
            background-size: 1.8em 1.8em;
            text-align: center;
            vertical-align: middle;
            content: " ";
            box-sizing: border-box;
            opacity: 1;
            position: absolute;
            right: 1em;
            top: 1.8em;
            transform: rotate(90deg);
        }

@media (min-width: 992px) {
    .article_mz_page .topmenu,
    .articles_mz_page .topmenu {
        background-color: inherit;
        margin: 0;
        padding: 0 3.15em 0 0;
        position: relative;
    }

    .article_mz_page .menu-items-container-header,
    .articles_mz_page .menu-items-container-header {
        padding: 0;
    }

        .article_mz_page .menu-items-container-header p,
        .articles_mz_page .menu-items-container-header p {
            font-family: "RobotoBold", sans-serif;
            font-size: 0.6875rem;
            text-transform: uppercase;
            padding-bottom: 0;
        }

            .article_mz_page .menu-items-container-header p::after,
            .articles_mz_page .menu-items-container-header p::after {
                display: none;
            }
}










/* articles_mz_page  topmenu */
.article_mz_page .topmenu .header-menu__link,
.articles_mz_page .topmenu .header-menu__link {
    position: absolute;
    bottom: 7.375em;
    left: 2.375em;
    background-color: #FFF;
    border-radius: 1.939375em;
    width: 3.87875em;
    height: 3.87875em;
    padding: 1.189375em;
}

.article_mz_page .topmenu .menu__link.icon--zoom,
.articles_mz_page .topmenu .menu__link.icon--zoom {
    width: 1.5em;
    height: 1.5em;
}

.header__megamenu_mobile_backlink {
    height: 1em;
    margin: 2em 0 0 1.3em;
}

    .header__megamenu_mobile_backlink a::before {
        width: 1em;
        height: 1em;
        background-size: 1em 1em;
    }

.articles_mz_pag .topmenu button.btn.btn-secondary,
.articles_mz_page .topmenu button.btn.btn-secondary {
    min-width: 80%;
    height: 3em;
    background-color: #FF4D1D;
    border-style: none;
    position: absolute;
    bottom: 7em;
    left: 10%;
}

.article_mz_page .topmenu .menu-items-container,
.articles_mz_page .topmenu .menu-items-container {
    border-left-style: none;
}

.article_mz_page .topmenu .menu-item:first-child,
.articles_mz_page .topmenu .menu-item:first-child {
    border-top-style: solid;
    border-top-width: 0.02em;
    border-top-color: #CECECE;
}

.article_mz_page .topmenu .menu-item,
.articles_mz_page .topmenu .menu-item {
    height: 4.1875em;
    padding-top: 1.2em;
    padding-left: -0.5em;
    border-bottom-style: solid;
    border-bottom-width: 0.02em;
    border-bottom-color: #CECECE;
    margin-left: 0;
}

    .article_mz_page .topmenu .menu-item::before,
    .articles_mz_page .topmenu .menu-item::before {
        background-image: url("../img/icon__arrow--white.svg");
        background-size: 1.5em 1.5em;
        width: 1.5em;
        height: 1.2em;
        content: " ";
        display: inline-block;
    }

    .article_mz_page .topmenu .menu-item a,
    .articles_mz_page .topmenu .menu-item a {
        color: #FFF;
        text-decoration: none;
    }

    .article_mz_page .topmenu .menu-item.site-area,
    .articles_mz_page .topmenu .menu-item.site-area {
        font-size: 1.125em;
    }

        .article_mz_page .topmenu .menu-item.site-area.uppercase,
        .articles_mz_page .topmenu .menu-item.site-area.uppercase {
            text-transform: uppercase;
        }

        .article_mz_page .topmenu .menu-item.site-area a::before,
        .articles_mz_page .topmenu .menu-item.site-area a::before {
            background-size: 2em 2em;
            width: 2em;
            height: 2em;
            display: inline-block;
            margin-left: -0.8em;
            margin-right: 1.3em;
        }

    .article_mz_page .topmenu .menu-item.site-subject
    .articles_mz_page .topmenu .menu-item.site-subject {
        font-size: 1em;
    }


@media (min-width: 768px) {
    .article_mz_page .topmenu .menu-items-container,
    .articles_mz_page .topmenu .menu-items-container {
        margin-top: 2.75em;
        border-left-style: solid;
        border-left-width: 0.25em;
        border-left-color: #fff;
    }

    .article_mz_page .topmenu .menu-item,
    .articles_mz_page .topmenu .menu-item {
        height: 4.1875em;
        padding-top: 1.2em;
        border-bottom-style: solid;
        border-bottom-width: 0.02em;
        border-bottom-color: #CECECE;
        margin-left: 1.5em;
    }
}
















/* Navigation */
.header-menu {
    padding: 0;
    float: right;
    position: relative;
    z-index: 3;
    height: 50px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .header-menu {
        height: 1.725em;
        margin-top: 1.25em;
    }
}

.search--active .header-menu {
    display: none;
}

.header-menu__item {
    float: left;
    list-style: none;
}

.megamenu a.header-menu__link:not([href]) {
    cursor: pointer;
}

.no-megamenu a.header-menu__link:not([href]) {
    cursor: default;
}

.header-menu-logout {
    margin-top: 0.5em;
}

@media (min-width: 768px) {
    .header-menu__item {
        margin-left: 1em;
    }

    .header-menu__link.icon--zoom {
        padding-left: 2em;
        margin-top: 0.9em;
        margin-left: 0.5em;
    }
}

@media (min-width: 992px) {
    .header-menu__item {
        margin-left: 1.5em;
    }

    .header-menu__link.icon--zoom {
        margin-left: 0.8em;
    }
}

@media (min-width: 1200px) {
    .header-menu__item {
        margin-left: 3.0625em;
        margin-right: 5em;
    }

    .header-menu__link.icon--zoom {
        margin-left: 2.8em;
    }
}

.header-menu__link {
    display: inline-block;
    width: 50px;
    height: 50px;
    -webkit-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
    color: #000;
}

@media (min-width: 768px) {
    .header-menu__link {
        width: 3em;
        height: 1.5em;
    }
}

.header-menu .header-menu__item.header-menu__item-selected {
    border-bottom: solid;
    border-bottom-width: 0.1875em;
    border-bottom-color: #D9DCDE;
}


.header-menu__link:focus, .header-menu__link:hover {
    text-decoration: none;
    color: #ff4d1d;
    outline: none;
}

.header-menu .header-menu__item.header-menu__item-selected:hover {
    border-bottom: solid;
    border-bottom-width: 0.1875em;
    border-bottom-color: #ff4d1d;
}

@media (min-width: 768px) {
    .header-menu__link:focus, .header-menu__link:hover {
    }
}

.header-menu__link--search {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-indent: -9999px;
    background-image: url("../img/icon__magnifier--black.svg");
}

@media (min-width: 768px) {
    .header-menu__link--search {
        -webkit-box-shadow: inset 0 0 0 2px #676666;
        box-shadow: inset 0 0 0 2px #676666;
        display: inline-block;
        background-image: url("../img/icon__magnifier--gray.svg");
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        position: relative;
        color: #676666;
    }

    .hero__content .header-menu__link--search {
        background-image: url("../img/icon__magnifier--white.svg");
        -webkit-box-shadow: inset 0 0 0 2px #ffffff;
        box-shadow: inset 0 0 0 2px #ffffff;
        color: #ffffff;
    }

    .header-menu__link--search:focus, .header-menu__link--search:hover {
        background-image: url("../img/icon__magnifier--orange.svg");
    }

    .header--subpage .header-menu__link--search:focus, .header--subpage .header-menu__link--search:hover {
        -webkit-box-shadow: inset 0 0 0 2px #ff4d1d;
        box-shadow: inset 0 0 0 2px #ff4d1d;
        color: #ff4d1d;
    }

    .header--active .header-menu__link--search {
        visibility: hidden;
        opacity: 0;
    }
}

.header-menu__link--login {
    height: 50px;
    display: inline-block;
}

    .header-menu__link--login.cloned {
        display: none;
    }

@media (min-width: 768px) {
    .header-menu__link--login.cloned {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .header-menu__link--login {
        display: inline-block;
        width: auto;
        height: 48px;
    }

    .header--subpage .header-menu__link--login {
        -webkit-box-shadow: inset 0 0 0 2px #676666;
        box-shadow: inset 0 0 0 2px #676666;
        color: #676666;
    }

    .header-menu__link--login .header-menu__text {
        visibility: hidden;
        opacity: 0;
    }

    .header--subpage .header-menu__link--login:focus, .header--subpage .header-menu__link--login:hover {
        -webkit-box-shadow: inset 0 0 0 2px #ff4d1d;
        box-shadow: inset 0 0 0 2px #ff4d1d;
        color: #ff4d1d;
    }

    .header-menu__link--login.show-text {
        -webkit-box-shadow: inset 0 0 0 2px #ffffff;
        box-shadow: inset 0 0 0 2px #ffffff;
        color: #ffffff;
    }

        .header-menu__link--login.show-text:focus, .header-menu__link--login.show-text:hover {
            -webkit-box-shadow: inset 0 0 0 2px #ff4d1d;
            box-shadow: inset 0 0 0 2px #ff4d1d;
            color: #ff4d1d;
        }

        .header-menu__link--login.show-text .header-menu__text {
            visibility: visible;
            opacity: 1;
            line-height: 48px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 48px;
            padding: 0 30px;
        }

    .header--subpage .header-menu__link--login.show-text {
        -webkit-box-shadow: inset 0 0 0 2px #676666;
        box-shadow: inset 0 0 0 2px #676666;
        color: #676666;
    }

    .hero__content .header--subpage .header-menu__link--login.show-text {
        -webkit-box-shadow: inset 0 0 0 2px #ffffff;
        box-shadow: inset 0 0 0 2px #ffffff;
        color: #ffffff;
    }

    .header--subpage .header-menu__link--login.show-text:focus, .header--subpage .header-menu__link--login.show-text:hover {
        -webkit-box-shadow: inset 0 0 0 2px #ff4d1d;
        box-shadow: inset 0 0 0 2px #ff4d1d;
        color: #ff4d1d;
    }

    .header--active .header-menu__link--login.show-text {
        -webkit-box-shadow: inset 0 0 0 2px #ffffff;
        box-shadow: inset 0 0 0 2px #ffffff;
        color: #ff4d1d;
    }

        .header--active .header-menu__link--login.show-text.show-text {
            color: #ffffff;
        }

        .header--active .header-menu__link--login.show-text:focus, .header--active .header-menu__link--login.show-text:hover {
            -webkit-box-shadow: inset 0 0 0 2px #ff4d1d;
            box-shadow: inset 0 0 0 2px #ff4d1d;
            color: #ff4d1d;
        }
}

.secondary-navigation .header-menu__link--login {
    background: #000000;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    padding: 16px 20px 16px 56px;
    text-transform: uppercase;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .secondary-navigation .header-menu__link--login:active, .secondary-navigation .header-menu__link--login:visited {
        color: #ffffff;
    }

@media (min-width: 768px) {
    .secondary-navigation .header-menu__link--login {
        display: none;
    }
}

.secondary-navigation .header-menu__link--login:before {
    content: " ";
    height: 26px;
    width: 26px;
    border: 1px solid #ffffff;
    background-image: url("../img/icon__lock--white.svg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    border-radius: 13px;
    top: 12px;
    left: 20px;
}

.secondary-navigation .header-menu__link--login:after {
    content: " ";
    background-image: url("../img/icon__arrow--white.svg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 90% 90%;
    background-size: 90%;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    text-align: center;
    background-color: transparent;
    color: #000000;
    position: absolute;
    right: 20px;
    top: 14px;
    display: inline-block;
}

@media (min-width: 768px) {
    .secondary-navigation .header-menu__link--login:after {
        display: none;
    }
}


@media (min-width: 768px) {
    .header-menu__item .header-menu__text {
        font-size: 0.7em;
    }
}

@media (min-width: 992px) {
    .header-menu__item .header-menu__text {
        font-size: 0.8em;
    }
}

@media (min-width: 1200px) {
    .header-menu__item .header-menu__text {
        font-size: 1em;
    }
}








.header-menu .header-menu__text {
    visibility: visible;
    opacity: 1;
    line-height: 48px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 48px;
}

.header-menu .header-menu__item.header-menu__item-selected {
    border-bottom: solid;
    border-bottom-width: 0.1875em;
    border-bottom-color: #D9DCDE;
}

.header-menu .header-menu__link {
    width: auto;
    border-top-style: none;
}



.header-menu-areaSwitch {
    display: block;
}

ul.header-menu-sitelink {
    position: absolute;
    left: 18em;
}

li.header-menu-sitelink {
    margin-left: 0;
}



.header-menu-main {
    left: -2%;
    float: right;
    margin-top: 2em;
    margin-right: 1em;
}


@media (min-width: 992px) {
    .header-menu-main {
        left: -5%;
    }
}

@media (min-width: 1200px) {
    .header-menu-main {
        left: 0;
    }
}


.header-menu-sitelink a {
    text-transform: uppercase;
    margin-top: 0;
    margin-left: -50%;
    padding-top: 0;
    padding-bottom: 2.3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    color: #868686;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
}

@media (min-width: 768px) {
    .header-menu-sitelink a {
        border-radius: 0;
        margin-left: 0;
        padding-bottom: 2.3em;
    }
}

.header-menu-partnertitle {
    text-transform: uppercase;
    color: #614733;
    font-size: 1em;
    font-family: "RobotoBold", sans-serif;
    border-right: solid;
    border-right-width: 0.09em;
    border-right-color: lightgray;
    padding-right: 2.3em;
    margin-right: 0.8em;
}

.header-menu-areaSwitch .btn, header-menu-sitelink .btn {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 10px;
    height: 48px;
    color: #000;
    border-style: none;
    background: none;
    background-color: transparent;
    -webkit-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
    text-transform: uppercase;
}

    .header-menu-areaSwitch .btn:hover {
        color: #ff4d1d;
        text-decoration: none;
    }

.header-menu-areaSwitch .dropdown-menu {
    float: none;
    top: 44px;
    left: 50%;
    background-color: transparent;
    margin-left: -100px;
    border: 0px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
}

    .header-menu-areaSwitch .dropdown-menu .dropdown-item {
        background-color: #ffffff;
        text-decoration: none;
        color: #000000;
        display: block;
        width: auto;
        line-height: 30px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 200px;
        height: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        -webkit-box-shadow: 0px 0px 6px #888888;
        box-shadow: 0px 0px 6px #888888;
        border: 1px solid #ababab;
    }

        .header-menu-areaSwitch .dropdown-menu .dropdown-item:hover {
            background-color: #ededed;
            text-decoration: none;
            color: #000000;
        }


@media only screen and (max-width: 767px) {
    .header-menu-areaSwitch .btn {
        font-size: 16px;
        line-height: 10px;
        padding-right: 10px;
        padding-left: 10px;
        color: #000000;
    }

    .header-menu-areaSwitch .dropdown-menu {
        top: 48px;
        margin-left: -120px;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 6px #888888;
        box-shadow: 0px 0px 6px #888888;
        border: 1px solid #ababab;
    }

        .header-menu-areaSwitch .dropdown-menu .dropdown-item {
            line-height: 30px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
            width: 240px;
            height: auto;
            margin-top: 0px;
            margin-bottom: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0px solid #ababab;
        }

            .header-menu-areaSwitch .dropdown-menu .dropdown-item:hover {
                background-color: #ededed;
                text-decoration: none;
                color: #000000;
            }
}

.header-menu__item.header-menu__link--menu {
    position: absolute;
    right: 0.2em;
}

a.menu-toggle {
    top: 2em;
    min-height: 1.5em;
    min-width: 2em;
    content: " ";
    padding-top: 0;
}

    a.menu-toggle .icon--close-search--orange:before {
        position: absolute;
        top: 1em;
        background-size: 2.5em 2.5em;
        background-position-x: center;
        background-position-y: center;
    }

.menu-toggle:hover .icon--close-search--orange:before {
    background-image: url("../img/icon__close-search--black.svg");
}

.menu_mobile_toggle__lines {
    width: 24px;
    height: 3px;
    content: " ";
    background: #FF4D1D;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
}


.menu-toggle--active .menu_mobile_toggle__lines {
    background-color: rgba(255, 255, 255, 0);
}

.menu-toggle--active:hover .menu_mobile_toggle__lines {
    background-color: rgba(255, 77, 29, 0);
}

.menu_mobile_toggle__lines:after,
.menu_mobile_toggle__lines:before {
    position: absolute;
    content: " ";
    height: 3px;
    width: 24px;
    display: block;
    background-color: #FF4D1D;
    -webkit-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
}

.menu-toggle:hover .menu_mobile_toggle__lines,
.menu-toggle:hover .menu_mobile_toggle__lines:after,
.menu-toggle:hover .menu_mobile_toggle__lines:before {
    background-color: #000;
}

.menu-toggle--active .menu_mobile_toggle__lines:after,
.menu-toggle--active .menu_mobile_toggle__lines:before {
    background-color: #FF4D1D;
}

.menu_mobile_toggle__lines:before {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
}

.menu-toggle--active .menu_mobile_toggle__lines:before {
    background-color: #FF4D1D;
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}


.menu-toggle--active:hover .menu_mobile_toggle__lines:before {
    background-color: #FF4D1D;
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.menu-toggle--active:hover .menu_mobile_toggle__lines:after {
    background-color: #FF4D1D;
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.menu_mobile_toggle__lines:after {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
}

.menu-toggle--active .menu_mobile_toggle__lines:after {
    background-color: #FF4D1D;
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}


.header__megamenu_desktop.menu-active {
    display: none;
}

.header__megamenu_mobile.menu-closed,
.header__megamenu_desktop.menu-closed {
    display: none;
}

.header__megamenu_mobile.menu-active {
    display: table;
}

@media (min-width: 768px) {

    .header__megamenu_mobile,
    .header__megamenu_mobile.menu-active {
        display: none;
    }

    .header__megamenu_desktop.menu-active {
        display: block;
    }
}

.header__megamenu_mobile {
    top: 5em;
    height: calc( 100vh - 5em);
}

.header__megamenu_mobile,
.header__megamenu_desktop {
    position: absolute;
    /*left: 0;*/
    z-index: 1050;
    background-color: #A82B10;
    width: 100%;
    color: #FFF;
}



/* header__megamenu_desktop    */

.header__megamenu_desktop {
    top: 7.5em;
    height: calc( 100vh - 7.5em);
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
}

    .header__megamenu_desktop p {
        font-size: 1em;
    }

.header__megamenu_button_more {
    margin-top: 2.6em;
}

.header__megamenu_desktop-container {
    margin: 4em 5.625em;
}

.header__megamenu_desktop .menu-items-container {
    margin: 0 0 3em 1.25em;
    padding: 0 0 0 2.5em;
    border-left-style: solid;
    border-left-width: 0.3em;
    border-left-color: #FF4D1D;
}

.header__megamenu_desktop .menu-item {
    height: 3.375em;
    border-bottom-style: solid;
    border-bottom-width: 0.0625em;
    border-bottom-color: #b2432b;
    padding-left: 1.3em;
}

    .header__megamenu_desktop .menu-item:last-child {
        border-bottom-style: none;
    }

    .header__megamenu_desktop .menu-item a {
        color: #fff;
        font-size: 1em;
        display: inline-block;
        margin-top: 0.8em;
        width: 100%;
    }

.areapage-menu .menu-item a {
    width: 100%;
    text-decoration: none;
}

.header__megamenu_desktop .menu-item a::before {
    width: 2.1em;
    height: 2.1em;
    background-size: 2.1em 2.1em;
    text-align: center;
    margin-left: -1.15em;
    margin-right: 1em;
    vertical-align: middle;
    content: " ";
    display: inline-block;
}

.areapage-menu .menu-item a.icon--arrow--after::after,
.header__megamenu_desktop .menu-item a.icon--arrow--after::after {
    background-image: url("../img/icon__arrow.svg");
    -webkit-background-size: 1.9em 1.9em;
    background-size: 1.9em 1.9em;
    width: 1.9em;
    height: 1.9em;
    vertical-align: middle;
    content: " ";
    display: inline-block;
    box-sizing: border-box;
    opacity: 1;
    position: absolute;
    right: 1em;
}

.areapage-menu .menu-item a.icon--arrow--after::after {
    margin-right: 0.5em;
}

@media (min-width: 576px) {
    .areapage-menu .menu-item a.icon--arrow--after::after {
        margin-right: 1em;
    }
}

@media (min-width: 768px) {
    .areapage-menu .menu-item a.icon--arrow--after::after {
        margin-right: 9%;
    }
}

@media (min-width: 992px) {
    .header__megamenu_desktop .menu-item a::before {
        margin-right: 1.2em;
    }

    .header__megamenu_desktop .menu-item a.icon--arrow--after::after {
        right: 3.5em;
    }

    .areapage-menu .menu-item a.icon--arrow--after::after {
        margin-right: 19%;
    }
}

@media (min-width: 1200px) {
    .header__megamenu_desktop .menu-item a::before {
        margin-right: 1.64em;
    }

    .header__megamenu_desktop .menu-item a.icon--arrow--after::after {
        right: 3em;
    }

    .areapage-menu .menu-item a.icon--arrow--after::after {
        margin-right: 21.239%;
    }
}

.header__megamenu_desktop button.btn.btn-secondary {
    min-width: 47.5%;
    height: 3em;
    background-color: #FF4D1D;
    border-style: none;
}

@media (min-width: 992px) {
    .header__megamenu_desktop-container {
        margin: 4em 5.625em;
    }

    .header__megamenu_desktop .menu-item {
        height: 3.375em;
    }

        .header__megamenu_desktop .menu-item a {
            font-size: 1em;
        }

    .header__megamenu_desktop p {
        font-size: 1em;
    }

    .header__megamenu_desktop .menu-items-container {
        padding: 0 2.5em 0 2.5em;
    }
}

@media (min-width: 1200px) {
    .header__megamenu_desktop-container {
        margin: 7em 10.625em;
    }

    .header__megamenu_desktop .menu-item {
        height: 4.375em;
    }

        .header__megamenu_desktop .menu-item a {
            font-size: 1.25em;
        }

    .header__megamenu_desktop .menu-items-container {
        padding: 0 2.5em;
    }

    .header__megamenu_desktop p {
        font-size: 1.125em;
    }
}
/* header__megamenu_desktop slut*/



/* header__megamenu_mobile */
.header__megamenu_mobile .header-menu__link {
    position: absolute;
    bottom: 7.375em;
    left: 2.375em;
    /*background-color: #FF4D1D;*/
    background-color: #FFF;
    border-radius: 1.939375em;
    width: 3.87875em;
    height: 3.87875em;
    padding: 1.189375em;
}

.header__megamenu_mobile .menu__link.icon--zoom {
    width: 1.5em;
    height: 1.5em;
}

.header__megamenu_mobile_backlink {
    height: 1em;
    margin: 2em 0 0 1.3em;
}

    .header__megamenu_mobile_backlink a::before {
        width: 1em;
        height: 1em;
        background-size: 1em 1em;
    }

.header__megamenu_mobile button.btn.btn-secondary {
    min-width: 80%;
    height: 3em;
    background-color: #FF4D1D;
    border-style: none;
    position: absolute;
    bottom: 7em;
    left: 10%;
}

.header__megamenu_mobile .megamenu-items-container {
    margin-top: 4em;
    border-left-style: solid;
    border-left-width: 0.3em;
    border-left-color: #FF4D1D;
}

.header__megamenu_mobile .megamenu-item:first-child {
    border-top-style: solid;
    border-top-width: 0.1em;
    border-top-color: #b2432b;
}

.header__megamenu_mobile .megamenu-item {
    height: 4.1875em;
    padding-top: 1.2em;
    padding-left: 2.09375em;
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
    border-bottom-color: #b2432b;
}

    .header__megamenu_mobile .megamenu-item a {
        color: #FFF;
    }

    .header__megamenu_mobile .megamenu-item.site-area {
        font-size: 1.125em;
    }

        .header__megamenu_mobile .megamenu-item.site-area.uppercase {
            text-transform: uppercase;
        }

        .header__megamenu_mobile .megamenu-item.site-area a::before {
            background-size: 2em 2em;
            width: 2em;
            height: 2em;
            display: inline-block;
            margin-left: -0.8em;
            margin-right: 1.3em;
        }

    .header__megamenu_mobile .megamenu-item.site-subject {
        font-size: 1em;
    }

.postit-color-green {
    position: relative;
    background-color: #00935A;
    color: white;
    /*margin: 5%;*/
    padding: 2.9375em;
    overflow: hidden
}

    .postit-color-green a {
        color: #FF4D1D !important;
        font-size: 1.125em;
        text-decoration: none;
    }

    .postit-color-green:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-width: 0 46px 46px 0;
        border-style: solid;
        border-color: #0D674B #fff;
        display: block;
        width: 0;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        overflow: hidden
    }

.postit-color-green-no-fold:before {
    content: none;
}

.postit {
    margin-bottom: 5%
}

.areapage_mz_toprightcontent {
    padding-left: 1.625em;
    padding-right: 1.625em;
}

.row-content-right {
    padding-left: 1.6em;
    padding-right: 1.6em;
}

.areapage_mz_toprightcontent .postit {
    margin-left: 0 !important;
    margin-right: 0.5% !important;
}

.row-content-left {
    margin-left: 0.7em;
    margin-right: 0.7em;
}

@media (min-width: 576px) {
    .row-content-left {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1.8em;
        padding-right: 1.8em;
    }

    .row-content-right {
        padding-left: 3.6em;
        padding-right: 3.6em;
    }

    .areapage_mz_toprightcontent {
        padding-left: 2.0275em;
        padding-right: 2.0275em;
    }
}



.row-content-right .postit {
    margin-top: 0.8em;
}

@media (min-width: 768px) {
    .contentrows-container {
        margin-left: 0.625em;
    }

    .postit {
        margin-bottom: 8%
    }

    .areapage_mz_toprightcontent {
        padding-left: calc(1.502% + 15px);
    }

        .areapage_mz_toprightcontent .postit {
            margin-left: 0 !important;
            margin-right: 0.6em !important;
        }

    .row-content-left .postit {
        margin-left: 3.45em;
        margin-right: 0.7em;
    }

    .area_mz_page .row-content-left .postit {
        margin-left: 0;
        margin-right: 0.7em;
    }

    .area_mz_page .row-content-right .postit {
        margin-left: 0 !important;
        margin-right: 0.7em !important;
    }
}



@media (min-width: 992px) {

    .postit {
        margin-left: 0;
        margin-right: 0;
    }

    .areapage_mz_toprightcontent .postit {
        margin-left: 0.72% !important;
        margin-right: 1.7% !important;
    }

    .row-content-left .postit {
        margin-left: 2.3em;
        margin-right: 5.35em;
    }

    .area_mz_page .row-content-left .postit {
        margin-left: 0.6em;
        margin-right: 5.35em;
    }

    .area_mz_page .row-content-right {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .row-content-right {
        padding-left: 5.3em;
        padding-right: 3.2em;
    }

    .areapage_mz_toprightcontent .postit,
    .area_mz_page .row-content-right .postit {
        margin-left: -3.57% !important;
        margin-right: 1.4em !important;
    }

    .row-content-right .postit {
        margin-left: -0.3em;
        margin-bottom: 15%;
    }
}

@media (min-width: 1200px) {
    .row-content-right .postit {
        margin-left: -0.35em;
        margin-bottom: 15%;
    }
}

/*#region Post-it*/
.postit-color-grey {
    position: relative;
    background-color: #EAF4F2;
    color: white;
    padding: 10%;
    overflow: hidden;
}

    .postit-color-grey a {
        color: #FF4D1D !important;
        font-size: 1.125em;
        text-decoration: none;
    }

    .postit-color-grey:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-width: 0 46px 46px 0;
        border-style: solid;
        border-color: #C4D8D4 #fff;
        display: block;
        width: 0;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
        overflow: hidden
    }

.postit-color-grey-no-fold:before {
    content: none;
}

.postit-color-grey .postit__headline {
    color: #464646;
}

.postit-color-grey .postit__body {
    color: #464646;
}
/*#endregion*/

/*#region text MZ teaser*/
.text_mz__teaser {
    font-size: 1.125rem;
}


.text_mz__body ul {
    list-style: none;
    border-top: 2px solid #00935A;
    opacity: 1;
    padding-top: 1.8125em;
    position: relative;
    padding-left: 0px;
}

.text_mz__body li {
    text-align: left;
    letter-spacing: 0;
    color: #464646;
    opacity: 1;
    border-bottom: 1px solid #E8E8E8;
    line-height: 2.5em;
}

.text_mz__body ul::after {
    position: absolute;
    left: 2.5em;
    right: 0;
    top: -2px;
    border-top: 2px solid #E8E8E8;
    content: '';
}

.text_mz__body ul li::before {
    content: '';
    border: solid;
    background-color: #fff;
    border-width: thin;
    border-color: #00935A;
    display: inline-block; /* Needed to add space between the bullet and the text */
    height: 0.6875em;
    width: 0.6875em; /* Also needed for space (tweak if needed) */
    border-radius: 50%;
    margin-right: 1em;
}

.content_mz img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.row-content-left .content_mz {
    margin-left: 0;
    margin-right: 0;
}

.area_mz_page .row-content-left .content_mz {
    margin-left: 0;
    margin-right: 0;
}

.row-content-right .content_mz {
    margin-left: 0;
    margin-right: 0;
}

.area_mz_page .row-content-right .content_mz {
    margin-left: 0;
    margin-right: 0;
}

.row-content-bottom {
    padding-left: 1.625em;
    padding-right: 1.625em;
}

@media (min-width: 576px) {
    .row-content-bottom {
        padding-left: inherit;
        padding-right: inherit;
    }
}

.row-content-bottom > div.content_mz {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.area_mz_page .row-content-bottom > div.content_mz {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.content_mz {
    padding-left: 0;
    padding-right: 0;
}

.article_mz_page .content_mz {
    padding-left: 0;
    padding-right: 0;
}

.articles_mz_page .content_mz {
    padding-left: 0.7em;
    padding-right: 0.7em;
}

@media (min-width: 576px) {
    .content_mz {
        padding-left: 2.0275em;
        padding-right: 2.0275em;
        padding-top: 2em;
    }

    .article_mz_page .content_mz {
        padding-left: 2.0275em;
        padding-right: 2.0275em;
    }

    .articles_mz_page .content_mz {
        padding-left: 2.8em;
        padding-right: 2.8em;
    }
}

@media (min-width: 768px) {
    .subject_mz_page .content_mz,
    .article_mz_page .content_mz {
        padding-left: 1.1275em;
        padding-right: 1.1275em;
    }

    .articles_mz_page .content_mz {
        padding-left: 2.0275em;
        padding-right: 2.0275em;
    }

    .row-content-left .content_mz {
        margin-left: 0;
        /*margin-right: 0.19em;*/
        margin-right: 0;
    }

    .row-content-right .content_mz {
        margin-left: 0;
        margin-right: 0.25em;
    }

    .row-content-bottom {
        padding-left: 2.965em;
        padding-right: 2.965em;
    }

        .row-content-bottom > div.content_mz {
            margin-left: 0 !important;
            margin-right: 0.25em !important;
        }

    .area_mz_page .row-content-left .content_mz {
        margin-left: 0;
        margin-right: 0.7em;
    }

    .area_mz_page .row-content-right .content_mz {
        margin-left: 0;
        margin-right: 0.7em;
    }

    .area_mz_page .row-content-bottom > div.content_mz {
        margin-left: 0.3em !important;
        margin-right: 0.7em !important;
    }

    .subject_mz_page .container-fluid-menu-items .content_mz {
        padding-left: 0;
        padding-right: 0;
        margin-left: -0.91em;
        margin-right: -0.91em;
    }
}

@media (min-width: 992px) {

    .area_mz_page .areapage_mz_toprightcontent {
        margin-top: 4.1em;
        margin-left: 0;
        margin-right: 0;
    }

    .row-content-left .content_mz {
        margin-right: 0.19em;
    }

    .area_mz_page .row-content-left .content_mz {
        margin-left: 0.6em;
        margin-right: 5.31em;
    }

    .subject_mz_page .container-fluid-menu-items .content_mz {
        margin-left: 2em;
        margin-right: 2.3em;
    }

    .row-content-right .content_mz {
        margin-left: -2.5em;
        margin-right: -1.86em;
    }

    .area_mz_page .row-content-right .content_mz {
        margin-left: -3.57% !important;
        margin-right: 1.4em;
    }

    .row-content-bottom > div.content_mz {
        margin-left: 0 !important;
        margin-right: -1.17em !important;
    }

    .area_mz_page .row-content-bottom > div.content_mz {
        margin-left: 0.29em !important;
        margin-right: 1.31em !important;
    }
}

@media (min-width: 1200px) {
    .row-content-left .content_mz {
        margin-right: 0.19em;
    }

    .row-content-right .content_mz {
        margin-left: -1.85em;
        margin-right: 0.6em;
    }

    .row-content-bottom > div.content_mz {
        margin-left: 0.59em !important;
        margin-right: 1.41em !important;
    }
}
/*#endregion*/

.row-content-right .imageteaserlink,
.row-content-right .imageteaserlinkfeature {
    position: relative;
    margin-bottom: 3em;
}

.row-content-right .imageteaserfullwidth {
    max-width: 100%;
    flex-basis: 100%;
}

.row-content-left .imageteaserlink,
.row-content-left .imageteaserlinkfeature {
    position: relative;
    margin-bottom: 3em;
    margin-right: 104px;
    margin-left: 47.8px;
}

.row-content-left .imageteaserfullwidth {
    max-width: 100%;
    flex-basis: 100%;
}

@media (min-width: 768px) {
    .row-content-bottom .imageteaserfullwidth.order-md-1 {
        padding-left: 0em;
        padding-right: 0em;
    }

    .row-content-bottom .imageteaserfullwidth.order-md-2 {
        padding-left: 0em;
        padding-right: 0em;
    }

    .row-content-bottom .imageteaserlink.content_mz,
    .row-content-bottom .imageteaserlinkfeature.content_mz {
        padding-left: 0em;
        padding-right: 0em;
    }
}

@media (min-width: 992px) {
    .row-content-bottom .imageteaserfullwidth.order-lg-1 {
        padding-right: 0;
    }

    .row-content-bottom .imageteaserfullwidth.order-lg-2 {
        padding-left: 0;
    }
}

.row-content-bottom .imageteaserlink-text {
    height: 100%;
}

.imageteaserlink,
.imageteaserlinkfeature {
    margin-top: 4.434375em;
    margin-bottom: 2em;
}

.imageteaserlink_body {
    font-size: 1.125rem;
}

@media (min-width: 360px) {
    .imageteaserlink-background-grey-text-right {
        background-color: #EAF4F2;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 2.1em;
    }

    .imageteaserlink-background-grey-text-left {
        background-color: #EAF4F2;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 2.1em;
    }


    .imageteaserlink-background-green-text-right {
        background-color: #00935A;
        padding-left: 1em;
        padding-right: 1em;
        color: #FFFFFF;
    }

    .imageteaserlink-background-green-text-left {
        background-color: #00935A;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 2.1em;
    }

    .imageteaserlink-background-grey {
        height: 15em;
        background-color: #EAF4F2;
    }

        .imageteaserlink-background-grey img {
            position: absolute;
            bottom: 0;
            margin-top: auto;
            margin-right: 0em;
            margin-left: 0em;
            height: 20em;
        }

    .imageteaserlinkbnt-orange {
        width: 14.8125em;
        height: 3em;
        background-color: #FF4D1D;
        color: white;
        margin-bottom: 1em;
    }

    .imageteaserlinkbnt-white {
        width: 14.8125em;
        height: 3em;
        background-color: #FFFFFF;
        color: #00935A;
        margin-bottom: 1em;
    }
}


@media (min-width: 768px) {
    .imageteaserlinkbnt-orange {
        width: 15.8125em;
        height: 3em;
        background-color: #FF4D1D;
        color: white;
        margin-bottom: 1em;
    }

    .imageteaserlinkbnt-white {
        width: 15.8125em;
        height: 3em;
        background-color: #FFFFFF;
        color: #00935A;
        margin-bottom: 1em;
    }

    .imageteaserlink-background-grey {
        height: 21em;
        background-color: #EAF4F2;
    }

        .imageteaserlink-background-grey img {
            position: absolute;
            bottom: 0;
            margin-top: auto;
            margin-right: 0em;
            margin-left: 0em;
            height: 25em;
        }


    .imageteaserlink-background-grey-text-right {
        background-color: #EAF4F2;
        padding-left: 2.27125em;
        padding-top: 2.1em;
    }

    .imageteaserlink-background-grey-text-left {
        background-color: #EAF4F2;
        padding-left: 2.27125em;
        padding-top: 2.1em;
    }

    .imageteaserlink-background-green-text-right {
        background-color: #00935A;
        padding-left: 2.27125em;
        padding-top: 2.1em;
        color: #FFFFFF;
    }

    .imageteaserlink-background-green-text-left {
        background-color: #00935A;
        padding-left: 2.27125em;
        padding-top: 2.1em;
    }
}




.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
/*#endregion*/

/*#region Accordion */

.accordion .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion .panel-heading {
    padding: 0;
    border: none;
    color: #000000;
}

.accordion .panel-title {
    font-size: 13px;
    line-height: 1.33333em;
    font-weight: 400;
    display: block;
    margin-top: 0;
}

@media (min-width: 768px) {
    .accordion .panel-title {
        font-size: 24px;
    }
}

.accordion .panel-title a {
    padding: 1.8em 3.33333em 2.4em 1.66667em;
    display: block;
    background-color: #FFFFFF;
    position: relative;
    font-size: 1.375rem;
    border-bottom: solid;
    border-color: #EAEAEA;
    border-width: 0.001em;
    font-family: "RobotoRegular", sans-serif;
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
}


    .accordion .panel-title a[aria-expanded="true"] {
        border-bottom: none;
    }

.accordion {
    border-top: solid;
    border-top-color: #EAEAEA;
    border-top-width: 0.1em;
    padding-bottom: 2em;
}

    .accordion .panel-title a span {
        padding-left: 1.6em;
    }


@media (min-width: 768px) {
    .accordion .panel-title a span {
        padding-left: 3.6em;
    }
}

.accordion .panel-title a:focus {
    outline-color: unset;
    outline-style: none !important;
    outline-width: unset !important;
}

    .accordion .panel-title a:hover:before,
    .accordion .panel-title a:focus:before,
    .accordion .panel-open .panel-title a:before {
        background-color: #614733;
        border-color: #614733;
        color: #FFF;
        -webkit-transition: all 220ms ease-in-out;
        transition: all 220ms ease-in-out;
    }

.accordion .panel-title a.accordion-item-1:before {
    content: "1";
}

.accordion .panel-title a.accordion-item-2:before {
    content: "2";
}

.accordion .panel-title a.accordion-item-3:before {
    content: "3";
}

.accordion .panel-title a.accordion-item-4:before {
    content: "4";
}

.accordion .panel-title a.accordion-item-5:before {
    content: "5";
}

.accordion .panel-title a.accordion-item-6:before {
    content: "6";
}

.accordion .panel-title a.accordion-item-7:before {
    content: "7";
}

.accordion .panel-title a.accordion-item-8:before {
    content: "8";
}

.accordion .panel-title a.accordion-item-9:before {
    content: "9";
}

.accordion .panel-title a.accordion-item-10:before {
    content: "10";
}

.accordion .panel-title a.accordion-item-11:before {
    content: "11";
}

.accordion .panel-title a.accordion-item-12:before {
    content: "12";
}

.accordion .panel-title a.accordion-item-13:before {
    content: "13";
}

.accordion .panel-title a.accordion-item-14:before {
    content: "14";
}

.accordion .panel-title a.accordion-item-15:before {
    content: "15";
}

.accordion .panel-title a.accordion-item-16:before {
    content: "16";
}

.accordion .panel-title a.accordion-item-17:before {
    content: "17";
}

.accordion .panel-title a.accordion-item-18:before {
    content: "18";
}

.accordion .panel-title a.accordion-item-19:before {
    content: "19";
}

.accordion .panel-title a.accordion-item-20:before {
    content: "20";
}

.accordion .panel-title a:before {
    width: 3.4375em;
    content: " ";
    height: 3.4375em;
    padding-left: 1.32em;
    padding-top: 0.95em;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    left: 0.2em;
    top: 0.8em;
    bottom: 0;
    border-style: solid;
    border-radius: 1.71875em;
    border-color: #DAE1DF;
    color: #614733;
    font-family: "RobotoBold", sans-serif;
    font-size: 1.125em;
}

.accordion .panel-title a:after {
    width: 1em;
    height: 1em;
    content: " ";
    background-image: url(../img/icon__do-arrow-accordion.svg);
    position: absolute;
    right: 0.2em;
    top: 2.1em;
    bottom: 0;
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
    color: #B77344;
    background-size: 1em 1em;
    background-position-x: center;
    background-position-y: center;
}

.accordion .panel-title a[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

.accordion .panel-title a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
}

    .accordion .panel-title a:hover:after {
        background-color: #FFFFFF;
    }

.accordion .panel-title a[aria-expanded="true"]:hover {
    background-color: #FFFFFF;
}

    .accordion .panel-title a[aria-expanded="true"]:hover:after {
        background-color: #FFFFFF;
    }

.accordion .panel-title a[aria-expanded="true"]:after {
    background-color: #FFFFFF;
}

.accordion .panel-title a[aria-expanded="true"]:focus {
    text-decoration-color: transparent;
}

.accordion .panel-body {
    border: none;
    background-color: #FFFFFF;
}

@media (min-width: 768px) {
    .accordion .panel-body {
        background-color: transparent;
    }
}

.panel-body {
    padding: 1em 1em 1em 3.6em;
}

@media (min-width: 768px) {
    .panel-body {
        padding: 1em 1em 1em 5.9em;
    }

    .agreement_block .panel-body .do_block_layout.employee_block,
    .agreement_block .panel-body .do_block_layout.agreementcolumnsblock {
        padding: 0;
        margin-left: -5em;
    }
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.panel-body:after {
    clear: both;
}

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
        -webkit-transition: all 220ms ease-in-out;
        transition: all 220ms ease-in-out;
    }

.panel-collapse.collapse.in {
    border-bottom: solid;
    border-color: #EAEAEA;
    border-width: 0.001em;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.panel {
    margin-bottom: 28px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: #FF4D1D !important;
    }

.do_layout .panel-title > a,
.do_layout .panel-title > small,
.do_layout .panel-title > .small,
.do_layout .panel-title > small > a,
.do_layout .panel-title > .small > a {
    color: #614733 !important;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
/*#endregion*/
.article_mz_content img {
    padding-bottom: 3em;
    padding-top: 3em;
}

.article_mz_content_breadcrumb {
    font-family: "RobotoBold", sans-serif;
    font-size: 0.6875rem;
    color: #898989;
    overflow: hidden;
    padding-bottom: 3em;
    padding-left: 4em;
}

    .article_mz_content_breadcrumb:before {
        background-color: #FF4D1D;
        content: "";
        display: inline-block;
        height: 0.4525em;
        position: absolute;
        width: 2.4875em;
        left: 1.6em;
        margin-top: 0.525em;
    }

.article_mz_content .text {
    padding-top: 4em;
}

.article_mz_content .body {
    padding-bottom: 1em;
}

.article_mz_content .link a {
    color: #FF4D1D;
    padding-top: 1em;
    font-size: 1.125rem;
    text-decoration: none;
}

.article_mz_page .section-container-background--white,
.articles_mz_page .section-container-background--white {
    margin-top: 2em;
}

@media (min-width: 768px) {
    .articlepage-menu .menu-top {
        margin: -4.15em 0 0 0;
    }
}

@media (min-width: 992px) {
    .articlepage-menu {
        margin-bottom: 3em;
    }

    .article_mz_page .section-container-background--white,
    .articles_mz_page .section-container-background--white {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .articlepage-menu {
        margin-bottom: 5em;
    }
}

.articlepage-menu .menu-top {
    background-color: #FFFFFF;
    margin: -4.15em -2.6em 0 1.6em;
    padding: 0.8em 1.1em 0.8em 1.1em;
    color: #000;
    font-size: 1.25em;
    font-weight: 500;
    border-bottom: solid;
    border-bottom-color: #CECECE;
    border-bottom-width: thin;
}

.articlepage-menu .icon:before {
    -webkit-background-size: 2.5em 2.5em;
    background-size: 2.5em 2.5em;
    width: 2.5em;
    height: 2.5em;
    display: inline-block;
}

.articlepage-menu .icon:after {
    width: 1em;
    height: 1em;
    position: absolute;
    top: -2.3em;
    right: -0.5em;
    content: " ";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../img/icon__arrow--green.svg);
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
}

.menu-top-title {
    border-left: solid;
    padding-left: 1em;
    margin-left: 0.8em;
    border-left-width: thin;
    padding-top: 1.25em;
    padding-bottom: 1.5em;
    border-left-color: #CECECE;
    padding-right: 2em;
}

.image-MZ-background-grey {
    height: 15em;
    background-color: #EAF4F2;
}

    .image-MZ-background-grey img {
        position: absolute;
        bottom: 1em;
        margin-top: -8em;
        margin-bottom: -3em;
        height: 20em;
        overflow: hidden;
        display: block;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        margin: auto;
    }

.image-MZ-NoBackground {
    height: 21em;
}

    .image-MZ-NoBackground img {
        position: absolute;
        bottom: 0;
        margin-top: 4em;
        margin-bottom: 2em;
        margin-right: 0em;
        margin-left: 0em;
        height: 25em;
    }


.digitalOnboarding-Linkbutton {
    width: 19.246875em;
    height: 3.4375em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 91%, right;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    letter-spacing: 0;
    opacity: 1;
    border-radius: 4px;
}

.digitalOnboarding-Linkbutton-brown {
    background-color: #614733;
    color: #FFFFFF;
}

    .digitalOnboarding-Linkbutton-brown:disabled,
    .digitalOnboarding-Linkbutton-brown[disabled],
    .digitalOnboarding-Linkbutton-disabled,
    .digitalOnboarding-AgreementSaveButton:disabled {
        background-color: #98A09E !important;
        color: #FFFFFF !important;
    }


.digitalOnboarding-Linkbutton-grey {
    background-color: #98A09E;
    color: #FFFFFF;
}

.digitalOnboarding-Linkbutton-span::after {
    border-right-color: rgb(211, 211, 211);
    border-right-style: solid;
    border-right-width: 1.4375px;
    content: " ";
    left: -3.8em;
    bottom: -0.25em;
    position: relative;
    padding-top: 0.6em;
}

.digitalOnboarding-Linkbutton-span-no-after::after {
    content: none !important;
}

.digitalOnboarding-SearchButton {
    width: 7.6em;
    height: 3.4375em;
    background-color: #614733;
    display: inline-block;
    text-align: center;
    bg-transparent;
    border: 0;
    box-shadow: unset;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    right: 1em;
    position: relative;
}

.digitalOnboarding-searchCVRInput {
    width: 90%;
    height: 3.4375em;
    display: inline-block;
    letter-spacing: 0;
    opacity: 1;
    position: absolute;
    left: 1em;
}

.cvropret .digitalOnboarding-searchCVRInput {
    top: -9999px;
}

    .cvropret .digitalOnboarding-searchCVRInput.alert {
        color: red;
        border: none;
        top: 3em;
        font-weight: 600;
        width: 50%;
    }

.cvropret .digitalOnboarding-SearchButton {
    right: -25em;
}

div.search-cvr-label {
    margin-top: -15.8em;
}

div.search-cvr-input {
    margin-top: -12.4em;
}

.page_header, .page_header_link {
    display: inline-block;
    padding-top: 1.9em;
    padding-right: 2.6em;
}

    .page_header_link::before {
        content: " ";
        background-image: url('../img/icon__do-arrow.svg');
        background-repeat: no-repeat;
        background-position: Left;
        background-size: 1.89875em 1.079375em;
        display: inline;
        padding-right: 2.53875em;
    }


.digitalOnboarding-EmployeeHeading::before {
    content: " ";
    background-image: url('../img/icon__do-employees.svg');
    background-repeat: no-repeat;
    background-position: Left;
    background-size: 1.89875em 1.079375em;
    display: inline;
    padding-right: 2.53875em;
}

.digitalOnboarding-CVRHeading::before {
    content: " ";
    background-image: url('../img/icon__do-house.svg');
    background-repeat: no-repeat;
    background-position: Left;
    background-size: 1.89875em 1.079375em;
    display: inline;
    padding-right: 2.53875em;
}

.digitalOnboarding-AgreementHeading::before {
    content: " ";
    background-image: url('../img/icon__do-folder.svg');
    background-repeat: no-repeat;
    background-position: Left;
    background-size: 1.89875em 1.079375em;
    display: inline;
    padding-right: 2.53875em;
}


.digitalOnboarding-DocumentsToSignHeading::before {
    content: " ";
    background-image: url('../img/icon__paper.svg');
    background-repeat: no-repeat;
    background-position: Left;
    display: inline;
    padding-right: 2.53875em;
    width: 1.544em;
    height: 1.853em;
}

.digitalOnboarding-DocumentsToSignReceiptsHeading::before {
    content: " ";
    background-image: url('../img/icon__paperplane.svg');
    background-repeat: no-repeat;
    background-position: Left;
    display: inline;
    padding-right: 2.53875em;
    width: 1.544em;
    height: 1.853em;
}

.digitalOnboarding-DocumentsToSignReceiptsInternalHeading::before {
    content: " ";
    background-repeat: no-repeat;
    background-position: Left;
    display: inline;
    padding-right: 2.53875em;
    width: 1.544em;
    height: 1.853em;
}

.digitalOnboarding-PriceCalculationHeading::before {
    content: " ";
    background-image: url('../img/icon__do-calculator.svg');
    background-repeat: no-repeat;
    background-position: Left;
    background-size: 1.89875em 1.079375em;
    display: inline;
    padding-right: 2.53875em;
}

.digitalOnboarding-EmployeeButton {
    width: 19.246875em;
    height: 3.4375em;
    background-color: #614733;
    display: inline-block;
    background-image: url('../img/icon__do-employee.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 266.45px, left;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.digitalOnboarding-CVRSaveButton {
    width: 12em;
    height: 3.4375em;
    background-color: #614733;
    display: inline-block;
    text-align: center;
    bg-transparent;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.digitalOnboarding-EmployeeSaveButton {
    width: 19.246875em;
    height: 3.4375em;
    background-color: #614733;
    display: inline-block;
    background-image: url('../img/icon__do-employee.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 266.45px, left;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.digitalOnboarding-UserDeleteButton {
    width: 19.246875em;
    height: 3.4375em;
    background-color: #614733;
    display: inline-block;
    background-image: url('../img/icon__do-employee.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 266.45px, left;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

    .digitalOnboarding-UserDeleteButton.hide {
        display: none;
    }

.digitalOnboarding-AgreementSaveButton {
    width: 16em;
    height: 3.4375em;
    background-color: #614733;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px 15px;
    text-align: center;
    bg-transparent;
    background-position: 266.45px, left;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.digitalOnboarding-AgreementPrintButton {
    width: 19.246875em;
    height: 3.4375em;
    background-color: #98A09E;
    display: inline-block;
    background-image: url('../img/icon__do-printer_white.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 266.45px, left;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.btnAgreementPrintAllButton {
    width: 19.246875em;
    height: 3.4375em;
    background-color: #98A09E;
    display: inline-block;
    background-image: url('../img/icon__do-printer_white.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 266.45px, right;
    border: 0;
    box-shadow: unset;
    padding-left: 26px;
    padding-right: 26px;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 26px;
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 26px;
    float: right;
}


.btnAgreementPrintAllButton::after {
    border-right-color: rgb(211, 211, 211);
    border-right-style: solid;
    border-right-width: 1.4375px;
    content: " ";
    left: 2.8em;
    bottom: -0.25em;
    position: relative;
    padding-top: 0.6em;
}

.documentstosign_block .digitalOnboarding-Buttons,
.documentstosignreceipts_block .digitalOnboarding-Buttons {
    text-align: right;
}

.digitalOnboarding-Buttons {
    float: right;
}

    .digitalOnboarding-Buttons .digitalOnboarding-AgreementPrintButton, .digitalOnboarding-AgreementSaveButton {
        margin-top: 2em;
    }


    .digitalOnboarding-Buttons .checkboxContainer {
        margin-top: 2em;
    }

.digitalOnboarding-H2 {
    text-align: left !important;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

.medarbejdersagslist_do_block .form-checkbox {
    margin-bottom: 0;
    margin-right: 3px;
}

    .medarbejdersagslist_do_block .form-checkbox input[type=checkbox] {
        height: 0.8em;
        margin-bottom: 0;
    }

.medarbejdersagslist_do_block textarea.sags-notetextarea-show {
    width: 490px;
    padding: 10px 10px 0 10px;
    border: 1px solid #BABABA;
    box-shadow: 0 0 10px #BABABA;
    margin: 0;
    min-height: 168px;
    height: auto;
    right: 167px;
    position: absolute;
    margin-top: -12px;
    z-index: 1;
    resize: none;
}

    .medarbejdersagslist_do_block textarea.sags-notetextarea-show:focus {
        border: 1px solid #BABABA;
        outline: none !important;
        box-shadow: 0 0 10px #BABABA;
    }

.medarbejdersagslist_do_block textarea.sags-notetextarea-hide {
    width: 0;
    padding: 0;
    border: 0;
    margin: 0;
    height: 0 !important;
}

.medarbejdersagslist_do_block span.sags-notetextareabutton-show {
    width: 49px;
    padding: 0;
    border: 1px solid #BABABA;
    box-shadow: 1px 1px 5px #bababa;
    margin: 0;
    min-height: 143px;
    right: 119px;
    position: absolute;
    margin-top: 13px;
    padding-top: 49px;
    padding-left: 3px;
    background: white;
    z-index: 1;
}

    .checkboxContainerUseFilterOprettet span,
    .checkboxContainerUseFilterStatus span,
    .medarbejdersagslist_do_block span.sags-notetextareabutton-show > span {
        background-color: #dae1df;
        border: 1px solid #BABABA;
        border-radius: 3px;
        padding: 3px;
    }

.checkboxContainerUseFilterOprettet,
.checkboxContainerUseFilterStatus {
    padding-top: 5px;
    left: 25%;
    position: relative;
}

        .medarbejdersagslist_do_block span.sags-notetextareabutton-hide {
            top: -9999px;
            position: absolute;
        }

.update-sagstext-link.sagstext-open {
    width: 49px;
    padding: 0;
    border: 1px solid #BABABA;
    box-shadow: 1px -1px 5px #bababa;
    right: 119px;
    position: absolute;
    margin-top: -12px;
    float: right;
    background-image: url(../img/icon__close--black.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: 11px;
    background-position-y: 2px;
    background-color: #dae1df;
    z-index: 1;
}

.note-textarea.note-textarea-data {
    font-weight: bold;
}

.digitalOnboarding-searchCVRInput::placeholder {
    background-image: url('../img/icon__do-zoom.svg');
    background-position: 1.5em 50%;
    background-repeat: no-repeat;
    padding-left: 4.24625em;
    color: #848484;
    opacity: 1;
}


.area_mz_page .menu-top:after {
    width: 2em;
    height: 2em;
    position: absolute;
    top: -3.2em;
    right: 2em;
    content: " ";
    display: block;
    box-shadow: none;
    background-repeat: no-repeat;
    background-image: url(../img/icon__arrow--white.svg);
    transform: rotate(90deg);
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
    margin-left: 100px;
}

@media (min-width: 992px) {
    .area_mz_page .menu-top:after {
        margin-right: 14%;
    }
}

@media (min-width: 1200px) {
    .area_mz_page .menu-top:after {
        margin-right: 17.239%;
    }
}



.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }



.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 3.1em 6em 0;
    border-bottom: none;
    display: block;
}

    .modal-header h2 {
        font-size: 1.5625rem;
        color: #000;
    }

    .modal-header:before, .modal-header:after {
        content: " ";
        display: table;
    }

    .modal-header:after {
        clear: both;
    }

@media (min-width: 768px) {
    .modal-header {
        background: #F4F8F6;
        height: 7.5625em;
    }
}

.modal-header .close {
    margin-top: -2px;
    z-index: 1;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url("../img/icon__close--black.svg");
    -webkit-background-size: 45% 45%;
    background-size: 45%;
    text-indent: -9999px;
    opacity: 1;
    background-color: white;
    border-radius: 4em;
    background-repeat: no-repeat;
    background-position-x: 0.35em;
    background-position-y: 0.35em;
}

@media (min-width: 768px) {
    .modal-header .close {
        top: -0.4em;
        right: 0;
    }
}




.modal-title {
    margin: 0;
    line-height: 1.55556;
}

.modal-body {
    position: relative;
    padding: 100px;
}

.modal-footer {
    padding: 100px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 728px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1000px;
    }
}


h4.modal-title {
    margin-bottom: 0px;
}




.modal-title {
    padding-right: 50px;
}

@media (min-width: 768px) {
    .modal-title {
        padding-right: 100px;
    }
}

.modal-body {
    padding: 0 20px;
}

@media (min-width: 768px) {
    .modal-body {
        padding: 3.9375em 5.1875em;
    }
}

.modal-body .container {
    width: auto;
}

    .modal-body .container .content {
        margin: 0px;
        padding-left: 0px;
        max-width: 1280px;
    }

.modal-footer {
    padding: 0 20px 20px;
    border-top: none;
}

@media (min-width: 768px) {
    .modal-footer {
        padding: 0 100px 100px;
    }
}

.modal-title {
    font-size: 20px;
    line-height: 1.11111em;
    margin-bottom: 0.44444em;
    text-transform: uppercase;
    margin-top: 0px;
}

@media (min-width: 768px) {
    .modal-title {
        font-size: 45px;
    }
}



.modal-title {
    padding-right: 50px;
}

@media (min-width: 768px) {
    .modal-title {
        padding-right: 100px;
    }
}

div.modal-in {
    display: block;
}

div.modal-out {
    display: none;
}

div.modal-backdrop-in {
    display: block;
}

div.modal-backdrop-out {
    display: none;
}

div.modal-dialog-in {
    left: 0;
}

.do_block_layout table th {
    color: #868686;
    font-weight: 500;
}

.do_block_layout .table-bordered {
    border-width: 0;
    border: unset;
}

    .do_block_layout .table-bordered th {
        border-width: 0;
        border-bottom-color: Black;
        border-bottom-width: 1px;
    }

        .do_block_layout .table-bordered th .status-box,
        .do_block_layout .table-bordered th .oprettetaf-box {
            cursor: pointer;
        }

            .do_block_layout .table-bordered th .status-box .status-list,
            .do_block_layout .table-bordered th .oprettetaf-box .oprettetaf-list {
                border: 1px solid #BABABA;
                box-shadow: 0 0 10px #bababa;
                padding: 5px;
                position: absolute;
                margin-top: 13px;
                background-color: #fff;
            }

            .do_block_layout .table-bordered th .status-box.toggleclosed .status-list,
            .do_block_layout .table-bordered th .oprettetaf-box.toggleclosed .oprettetaf-list {
                position: absolute;
                opacity: 0;
                top: -9999px;
            }


        .do_block_layout .table-bordered th.tablesort--toggle::after,
        .do_block_layout .table-bordered th.tablesort--toggle > span.arrow-ascending::after,
        .do_block_layout .table-bordered th.tablesort--toggle > span.arrow-descending::after {
            content: '';
            /*display: inline-block;*/
            height: 15px;
            width: 15px;
            flex: 0 0 auto;
            transform-origin: center;
            background: center / contain url(../img/icon__do-arrow--black.svg) no-repeat;
            background-position-y: 5px;
            left: 0;
            position: sticky;
        }


        .do_block_layout .table-bordered th.tablesort--toggle::after {
            /*transform: rotate(90deg);
            display: inline-block;*/
            display: none;
        }
        .do_block_layout .table-bordered th.tablesort--toggle > span.arrow-ascending::after {
            transform: rotate(90deg);
            display: inline-block;
            background-position-y: 2px;
        }
        .do_block_layout .table-bordered th.tablesort--toggle > span.arrow-descending::after {
            transform: rotate(270deg);
            display: inline-block;
            background-position-y: 0;
        }

            .do_block_layout .table-bordered th .status-box.toggleopen .button--toggle,
            .do_block_layout .table-bordered th .oprettetaf-box.toggleopen .button--toggle {
            }

        /*.do_block_layout .table-bordered th.tablesort--toggle.tablesort-ascending,
        .do_block_layout .table-bordered th.tablesort--toggle.tablesort-descending {
            font-weight: bold;
            color: #000;
        }*/

            .do_block_layout .table-bordered th.tablesort--toggle.tablesort-ascending > span.arrow-ascending::after,
            .do_block_layout .table-bordered th.tablesort--toggle.tablesort-descending > span.arrow-descending::after,
            .do_block_layout .table-bordered th.tablesort--toggle.tablesort-ascending > span.arrow-descending::after,
            .do_block_layout .table-bordered th.tablesort--toggle.tablesort-descending > span.arrow-ascending::after {
                display: none;
            }

            .do_block_layout .table-bordered th.tablesort--toggle.tablesort-ascending::after {
                transform: rotate(90deg);
                display: inline-block;
            }

            /*.do_block_layout .table-bordered th.tablesort--toggle.tablesort-ascending > span.tablesort--toggle::after {
                display: none;
            }*/

            .do_block_layout .table-bordered th.tablesort--toggle.tablesort-descending::after {
                transform: rotate(270deg);
                display: inline-block;
            }

            /*.do_block_layout .table-bordered th.tablesort--toggle.tablesort-descending > span.tablesort--toggle::after {
                display: none;
            }*/



    .do_block_layout .table-bordered td {
        border-width: 0;
        border-bottom-width: 1px;
    }

        .do_block_layout .table-bordered th.cell-wide, 
        .do_block_layout .table-bordered td.cell-wide {
            min-width: 35%;
        }


    .do_block_layout .table-bordered th .button--toggle::after {
        content: '';
        display: inline-block;
        height: 12px;
        width: 12px;
        flex: 0 0 auto;
        transform-origin: center;
        background-position-y: 5px;
        left: 0;
        position: sticky;
    }

    .do_block_layout .table-bordered th.tablesort--toggle {
        margin-left: 5px;
        cursor: pointer;
    }

    /*.do_block_layout .table-bordered th .button--toggle::after {
        background: center / contain url(../img/icon__do-dropdown_arrow.svg) no-repeat;
    }

    .do_block_layout .table-bordered th .status-box.toggleopen .button--toggle::after,
    .do_block_layout .table-bordered th .oprettetaf-box.toggleopen .button--toggle::after {
        background: center / contain url(../img/icon__do-dropdown_arrow.svg) no-repeat;
        transform: rotate(180deg);
    }*/

.agreement_block .accordion {
    padding-bottom: 0;
}

.agreement_block_init, 
.text_do_block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6em;
    padding-right: 6em;
    padding: 3em 6em 0 6em;
    background: #fff;
}

    .agreement_block_init > .col-12,
    .text_do_block > .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

.do_block_layout.agreement_block_elements > .agreement_block_form_row {
    margin-top: -6em;
}

.do_block_layout.agreement_block_elements > .row.agreement_block_validation_row span.error {
    color: red;
}

.do_block_layout.documentstosign_block > .row.documenttosign_block_validation_row span.error {
    color: red;
}
.do_block_layout.agreement_block_elements.disabled > .row.agreement_block_validation_row {
    display: none;
}
.row.documenttosign_block_validation_row span.error {
    color: red;
}
.agreement_block_form_row .accordion {
    border-top-style: none;
}


@media (min-width: 992px) {
    .agreement_block .modal-lg, .modal-xl, .employee_block .modal-lg, .modal-xl, .pricecalculation_block .modal-lg, .cvropret_block .modal-lg, .modal-xl {
        max-width: 1200px;
    }
}

@media (min-width: 992px) {
    .agreement_block .modal-lg,
    .employee_block .modal-lg,
    .pricecalculation_block .modal-lg,
    .cvropret_block .modal-lg {
        width: 1200px;
    }
}

@media (min-width: 992px) {
    .pricecalculation_block .modal-lg,
    .cvropret_block .modal-lg,
    .modal-xl {
        max-width: 1200px;
    }
}

@media (min-width: 992px) {
    .pricecalculation_block .modal-lg,
    .cvropret_block .modal-lg {
        width: 1200px;
    }
}

.digitalOnboarding-AgreementPriceHeading {
    font-weight: bold;
    height: 3em;
}

.digitalOnboarding-AgreementPriceBlock {
    margin-bottom: 2.5em;
}

div.kr-after:after {
    content: "kr.";
    padding-left: .3em;
}

span.kr-after:after {
    content: "kr.";
    padding-left: .3em;
}

div.pct-after:after {
    content: "%";
    padding-left: .3em;
}

span.pct-after:after {
    content: "%";
    padding-left: .3em;
}

div.aar-after:after {
    content: "år";
    padding-left: .3em;
}

span.aar-after:after {
    content: "år";
    padding-left: .3em;
}

th.rightalign {
    text-align: right;
}

td.rightalign {
    text-align: right;
}

.radio input[type='radio'] {
    display: none;
    /*removes original button*/
}

.radio label:not(.error):before {
    /*styles outer circle*/
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #614733;
    background-color: transparent;
}

.radio label {
    position: relative;
}

    .radio label input[type='radio']:checked + span {
        /*styles inside circle*/
        border-radius: 0.46875em;
        width: 0.9375em;
        height: 0.9375em;
        position: absolute;
        top: 0.63em;
        left: 0.28em;
        display: block;
        background-color: #614733;
    }

/* Customize the label (the container) */
.checkboxContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkboxContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.medarbejdersagslist_do_block .checkboxContainer {
    display: inline;
    padding-left: 17px;
}

.medarbejdersagslist_do_block .checkmark {
    top: 4px;
    height: 15px;
    width: 15px;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
    background-color: #614733;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.pricecalculation_block_form label {
    min-height: 3em;
    display: block;
    margin-bottom: 1.55em;
    height: 4em;
}


div.copy__body_border {
    border-width: 0.05em;
    border-style: dotted;
    border-color: #dfdfdf;
    padding: 1.7em 0.5em 0 0.8em;
    margin-bottom: 0.8em;
    margin-left: 0.1em;
}

.accordion div.copy__body_border {
    padding-left: 1.8em;
}

div.copy__body_border .AP_Form__Table,
div.copy__body_border .FormChoice {
    margin-left: -1.6em;
}

div.copy__body_border .generic-formtable-container .FormChoiceSelect fieldset {
    padding-left: 1.6em !important;
}

    div.copy__body_border .FormChoice p {
        padding-left: 0;
    }

.do_block_layout .col-sm-3 > .FormChoice fieldset,
.do_block_layout .col-sm-6 > .FormChoice fieldset,
.do_block_layout .col-sm-9 > .FormChoice fieldset,
.do_block_layout .col-sm-12 > .FormChoice fieldset {
    padding-bottom: 0;
}

.copy__row {
    margin-top: -1em;
    margin-bottom: 1em;
}

label > p {
    margin-bottom: 0;
}

legend > p {
    margin-bottom: 0;
}

.do_block_layout.agreementcolumnsblock .topspace {
    margin-top: 2em;
}
/* *********** spinner START ************ */
.spinner {
    position: fixed;
    left: 45%;
    top: 45%;
    height: 50px;
    width: 50px;
    margin: 0px auto;
    -webkit-animation: rotation 1.5s infinite linear;
    -moz-animation: rotation 1.5s infinite linear;
    -o-animation: rotation 1.5s infinite linear;
    animation: rotation 1.5s infinite linear;
    border-left: 8px solid rgba(0,130,102,.15);
    border-right: 8px solid rgba(0,130,102,.15);
    border-bottom: 8px solid rgba(0,130,102,.15);
    border-top: 8px solid rgba(0,130,102,.8);
    border-radius: 100%;
    z-index: 999999
}

@-webkit-keyframes rotation {
    to {
        -webkit-transform: rotate(359deg);
    }

    from {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* *********** spinner SLUT ************ */



/* *********** Validation START ************ */
input.hasDatepicker.invalid,
label.choice-padding.error,
input.error {
    border: 0.125em dotted red;
}
input.error {
    margin-bottom: 3px;
}
label.error {
    color: red;
    display: block;
    word-wrap: break-word;
}
label.error-screening {
    color: red!important;
    display: block;
    word-wrap: break-word;
    font-weight:bolder;
    padding-top: 0px!important;
}
label.choice-padding {
    border: 0.125em solid #fff;
    padding-top: 1em;
    margin-left: -0.5em;
    padding-left: 3em;
}

.choice-padding span.checkmark {
    margin-left: 1em;
    margin-top: 1em;
}

.agreementpricebar-sumpanel span.error,
.medarbejdersagslist_do_block span.error {
    color: red;
    font-weight: 700;
}

.agreementpricebar-detailtop span.error {
    color: red;
}

input[readonly], input:read-only {
    color: #7E7E7E;
    cursor: default!important;
}

/* *********** Validation SLUT ************ */


.do_block_layout.login_block.nemid-mock {
    background-image: url(/Content/img/nemid_mock.png);
    background-repeat: no-repeat;
    background-position-y: 1em;
    background-position-x: 3em;
}

.do_layout .do_block_layout.login_block.nemid-mock {
    height: 22.3em;
}

    .do_layout .do_block_layout.login_block.nemid-mock label {
        display: none;
    }

    .do_layout .do_block_layout.login_block.nemid-mock .AP_Form__Table .row {
        height: 3.45em
    }

    .do_layout .do_block_layout.login_block.nemid-mock input {
        background-color: #fff !important;
        border: none;
        height: 1.3em;
        margin-left: -17.6em;
        margin-top: 1.4em;
        width: 14.2em;
    }

@media (min-width: 1900px) {
    .do_layout .do_block_layout.login_block.nemid-mock input {
        margin-left: -25em;
    }
}

.nemid-mock button.digitalOnboarding-EmployeeSaveButton {
    position: absolute;
    left: -1.01em;
    width: 14.25em;
    height: 1.6em;
    opacity: 0;
}


/*nemid*/

.externalcontent {
    border: none;
}

.Box.Small {
    width: 200px;
    height: 250px;
}

    .Box.Small .Box-Logo {
        width: 194px;
    }

    .Box.Small .Box-Content {
        left: 3px;
        padding: 4px;
        top: 22px;
        width: 188px;
        height: 222px;
    }

.Box-Content {
    line-height: 16px;
}

.do_page_hidden {
    position: absolute;
    opacity: 0;
    top: -9999px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    color: #fff !important;
}

button.disabled {
    background-color: #dee2e6;
}

label.value-display-label {
    padding-left: 0.8em;
}

    label.value-display-label.error {
        border: 0.125em dotted red;
    }

.cvropret .FormChoiceCheckbox fieldset {
    padding-left: 2em !important;
}

.line-breaks {
    white-space: pre-line;
}
.line-break {
    word-wrap: break-word;
}


.cookie-alert {
    padding-top: 2em;
    bottom: 0;
    position: fixed;
    z-index: 1040;
    background: #000;
    color: #fff;
    height: 15em;
    width: 100%;
}

@media (min-width: 576px) {
    .cookie-alert {
        height: 11em;
    }
}

.cookie-alert h3 {
    font-size: 1.25em;
    text-transform: uppercase;
    font-family: "RobotoRegular", sans-serif;
    font-weight: 900;
    line-height: 1.1;
}

.cookie-alert.div-hide {
    display: none;
}

.cookie-alert .row {
    margin-left: 0;
}

.cookie-alert-popup .modal-lg {
    max-width: 1250px;
}

.cookie-alert-popup input.btn {
    margin-top: 1em;
}

.cookie-alert-popup h2 {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1.375rem;
}

.cookie-alert-popup input.btn,
.cookie-alert input.btn {
    background: #FF3909;
    border-color: #FF3909;
}

    .cookie-alert-popup input.btn.btn-primary:hover
    .cookie-alert input.btn.btn-primary:hover {
        color: #fff;
        border-color: #fff;
    }

.cookie-alert a {
    color: #FF3909;
}

    .cookie-alert a:not([href]) {
        cursor: default;
        color: #FF3909;
    }


.cookie-alert-popup .modal-in {
    display: block;
    top: 2em;
}

    .cookie-alert-popup .modal-in.fade:not(.show) {
        opacity: 1;
    }

.cookie-alert-popup .modal-backdrop-in {
    opacity: 0.5;
}

.cookie-alert-popup input.btn.btn-close {
    bottom: 0.5em;
    position: absolute;
}

.delete-link {
    color: red;
    font-weight: bold;
}

.deactivate-link {
    color: red;
    font-weight: bold;
    cursor: pointer;
}

.activate-link {
    color: green;
    font-weight: bold;
    cursor: pointer;
}
.FormTextbox__Input.searchagreementsinput {
    min-width: 15em;
    width: 90%;
}

.searchagreementsinputspan {
    float: left;
    min-width: 15em;
    width: 50%;
}

.searchagreementsbuttonspan {
    float: right;
}

    .searchagreementsbuttonspan .digitalOnboarding-AgreementSaveButton {
        margin-top: 0;
    }








.searchagreementsinput, .close-icon, .search-wrapper {
    position: relative;
}

.search-wrapper {
    width: 100%;
    margin: auto;
}

.close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

    .close-icon:after {
        content: "X";
        display: block;
        width: 1.5em;
        height: 1.5em;
        position: absolute;
        background-color: #FA9595;
        z-index: 1;
        right: 35px;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 0;
        border-radius: 50%;
        text-align: center;
        color: white;
        font-weight: normal;
        font-size: 12px;
        box-shadow: 0 0 2px #E50F0F;
        cursor: pointer;
    }

.searchagreementsinput:not(:valid) ~ .close-icon {
    display: none;
}

a.actionLinkImg {
    background: url(../img/icon__document_plus.svg) no-repeat top left;
    display: block;
    width: 150px;
    height: 150px;
    text-indent: -9999px; /* hides the link text */
    margin-bottom:50px;
}

a.actionLinkImgReceipt {
    background: url(../img/icon__document.svg) no-repeat top left;
    display: block;
    width: 150px;
    height: 100px;
    text-indent: -9999px; /* hides the link text */
    margin-left: 0.5em;
}

a.actionLinkImgReceipt:not([href]) {
    cursor: default !important;
}

.imageReceipt {
    background: url(../img/icon__check_mark_thin.svg) no-repeat top right;
    background-size: 77px;
    display: block;
    width: 150px;
    height: 100px;
    text-indent: -9999px; /* hides the link text */
    margin-top: 0.7em;
}

.documentstosignreceipth2Row {
    font-size: 1.375;
    font-family: "RobotoRegular", sans-serif;
    font-weight: 900;
    line-height: 1.1;
}

.documentstosignreceipth2 {
    font-size: 1.375;
    font-family: "RobotoRegular", sans-serif;
    font-weight: 900;
    line-height: 1.1;
}

.documentsToSignHeadingBox {
    border: 0.188em solid;
    border-color: #DAE1DF;
    font-size: 1em;
    color: #4B4B4B;
    font-family: "RobotoRegular", sans-serif;
    height: 110px;
    top: -44px;
}

    .documentsToSignHeadingBox p {
        text-align: left;
        padding-left: 0.5em;
    }

.documentsToSignInfoBox p {
    padding-left: 3.6em;
}

.documentsToSignHeadingBoxHide {
    font-size: 1em;
    color: #4B4B4B;
    font-family: "RobotoRegular", sans-serif;
    height: 110px;
    top: -44px;
}

    .documentsToSignHeadingBoxHide p {
        text-align: left;
        padding-bottom: 4em;
        padding-left: 0.5em;
    }
.digitalOnboarding-DocumentsToSignHeading {
    font-size: 1.375em;
    color: #614733;
}

.digitalOnboarding-DocumentsToSignReceiptsHeading {
    font-size: 1.375em;
}

.digitalOnboarding-DocumentsToSignReceiptsInternalHeading {
    font-size: 1.375em;
    margin-top: 1.5em;
}

.documentsToSignInternalHeadingText {
    font-size: 0.75em;
    color: #4B4B4B;
    font-family: "RobotoRegular", sans-serif;
    height: 40px;
    padding-left: 4.7em;
}

.documentsToSignHeadingText {
    font-size: 0.75em;
    color: #4B4B4B;
    font-family: "RobotoRegular", sans-serif;
    height: 40px;
    padding-left: 4.9em;
}

    .documentsToSignHeadingText p {
        text-align: left;
        padding-top: 1.6em;
        padding-left: 0.5em;
    }

.documentsToSignReceiptsDocType {
    font-size: 1.375em;
    color: #614733;
    font-family: "RobotoRegular", sans-serif;
    padding-top: 24px;
}

.documentsToSignReceiptsSigningStatus {
    font-size: 1em;
    color: #614733;
    font-family: "RobotoRegular", sans-serif;
    padding-top: 30px;
}

.documentsToSignReceiptsDocType span {
    float: left;
    clear: left;
}

.searchagreementsinput:not(:valid) ~ .close-icon {
    display: none;
}

.digitalOnboarding-DocumentsToSignHorizontalLine {
    border: 1px solid #E5E5E5;
    margin-bottom: 2.5em;
}

.digitalOnboarding-DocumentsToSignReceiptsHorizontalLine {
    border: 1px solid #E5E5E5;
    margin-bottom: 0.9em;
}

documentstosign_block {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1em;
}
.documentsToSignImage {
    height: fit-content;
}
.documentsToSignDocType {
    height: fit-content;
}
.documentsToSignMail {
    height: fit-content;
    top: 99px;
}
.documentsToSignStartDate {
    height: fit-content;
    top: 99px;
}
.documentsToSignDocType span {
    float: left;
    clear: left;
}
.documentsToSignMail span {
    float: left;
    clear: left;
}
.documentsToSignStartDate span {
    float: right;
    clear: right;
}
.documentsToSignDocTypeLabel {
    font-size: 1.125em;
    color: #614733;
    padding-top: 35px;
}
.documentsToSignStartDateLabel {
    font-size: 0.75em;
    padding-bottom: 5px;
}
.documentsToSignCompanyLabel {
    padding-top: 37px;

}

.left-vertical-line::before {
    content: '';
    position: absolute;
    background-color: #E5E5E5;
    width: 1px;
    height: 50px;
    bottom: 0px;
    left: -7px;
}

.digitalOnboarding-AgreementPrintToSignButton {
    width: 3.4375em;
    height: 3.4375em;
    background-color: #98A09E;
    display: inline-block;
    background-image: url('../img/icon__do-printer_white.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px 15px;
    text-align: left;
    bg-transparent;
    background-position: 21.45px, right;
    border: 0;
    box-shadow: unset;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    opacity: 1;
}

.digitalOnboarding-ResendDocumentsButton {
    width: 3.4375em;
    height: 3.4375em;
    background-color: #98A09E;
    display: inline-block;
    background-image: url('../img/icon__do-printer_white.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px 30px;
    text-align: left;
    bg-transparent;
    background-position: 13.45px, right;
    border: 0;
    box-shadow: unset;
    font: Regular 16px Roboto;
    letter-spacing: 0;
    opacity: 1;
}

.digitalOnboarding-ValidateAgreementButton {
    text-align:center;
}

.employee_block .delete-link,
.administrationopretpi_block .delete-link,
.administration_block .delete-link {
    color: red !important;
    cursor: pointer;
}

.administration_block .edit-link {
    color: #B77344 !important;
    font-weight: bold;
    cursor: pointer;
}

.administrationopretpi_block .modal-dialog {
    width: 63%;
}


/* File upload */
input[type='file'] {
    width: 100%;
    border: 0;
    padding: 0;
    height: auto;
    margin: 18px 0 0;
    font-size: 16px;
    line-height: 22px;
    appearance: none;
}

    input[type='file']::-webkit-file-upload-button {
        display: none;
    }

    input[type='file']::before {
        content: 'Vedh\00e6 ft en fil';
        display: inline-block;
        white-space: nowrap;
        user-select: none;
        cursor: pointer;
        font-size: 16px;
        line-height: 22px;
        font-weight: var(--font-weight-medium);
        padding: 0 10px 0 25px;
    }

.field-validation-error.file_validation_message::before {
    color: red;
    /*content: "Fejl!";*/
}

.field-validation-error.file_validation_message {
    color: red;
}
.digitalOnboarding-Linkbutton-span.clickUpload {
    padding-top: 1em;
    cursor: pointer;
}
    .digitalOnboarding-Linkbutton-span.clickUpload.digitalOnboarding-Linkbutton-disabled {
        cursor: default;
        pointer-events: none;
    }

    .digitalOnboarding-Linkbutton-span.clickUpload::after {
        left: 10.6em;
        top: 0.3em;
    }

.ui-dialog-titlebar-close:after {
    content: 'X' !important;
    position: absolute;
    top: -3px;
    right: 3px;
}
.checkboxContainerMarkAll {
    cursor: pointer;
}
.form-checkbox-toggle::after {
    /*background: center / contain url(../img/icon__filter.svg) no-repeat;*/
    background-image: url(../img/icon__filter-filled-tool.svg);
    background-size: 12px 12px;
    background-position-y: 0 !important;
    height: 12px !important;
    width: 12px !important;
}
.oprettetaf-box.oprettetaf-box-filtered .form-checkbox-toggle,
.status-box.status-box-filtered .form-checkbox-toggle {
    font-weight: bold;
    color: #000;
}