.page-banner { margin-bottom: 0 !important; }

.c2019 .page-banner .banner { padding: 20px 0 20px 0; }
.page-banner .banner .left { width: 64%; }

.page-banner .banner h2 { color: #364647; font-size: 40px; }
.page-banner .banner .copy p { font-size: 18px; color: #364647; }

.page-banner .banner .breadcrumbs { width: 65%; }

.free-tool .page-banner { background-color: #f2f2f2; }

.c2019 .page-banner .overlay { background-color: transparent; }

.premium-tool .page-banner { background-color: #AAC1D5; }

.premium-tool .page-banner .banner { padding-bottom: 50px; }

.premium-tool .page-banner .banner .left { width: 65%; }

.page-banner .banner-image { background-position: top right !important; background-size: 35% auto!important; }

.page-banner .contact-us-button-container { width: 50%; }

.page-banner .btn-contact-us { width: 100%; max-width: 250px; }

.customised-tool .page-banner { background-color: #5482ab; }

.customised-tool .page-banner h2.title,
.customised-tool .page-banner .copy p { color: #ffffff; }


/*.breadcrumbs .breadcrumbs-container .breadcrumb,
.breadcrumbs .breadcrumbs-container .current-page-breadcrumb { font-size: 40px; font-weight: 900; }

div.breadcrumbs span.seperator { font-size: 48px; font-weight: 100; margin: 0 16px; }*/

.tab-bar { background-color: #f2f2f2; }

.tab-bar .tabs { display: flex; flex-direction: row; }
.tab-bar .tabs .tab { flex-basis: 25%; background-color: #CDD9E6; border-top: 15px solid #f2f2f2; font-family: berlingske_sans_roundmedium, sans-serif; font-size: 18px; text-align: center; padding: 10px 10px; }
.tab-bar .tabs .tab:hover { background-color: #bbcbdd; }

.tab-bar .tabs .tab.active { background-color: #ffffff; border-top-color: #ffffff; }

.premium-tool .tab-bar { background-color: #aac1d5; }

.premium-tool .tabs .tab { border-top-color: #aac1d5; }


.utility-panels-container { background-color: #DDE6EE; }

.utility-panels { background-color: #ffffff; padding: 20px 30px; }

.utility-panels .utility-panel { display: none; }
.utility-panels .utility-panel.active { display: block; }

.utility-panels .utility-panel .intro { margin-bottom: 10px; }

.utility-panels .utility-panel .intro p { color: #354647; }
.utility-panels .utility-panel .intro p:last-child { margin-bottom: 0; }

.utility-panels .utility-panel .iframe-container { background-color: #BEC5C2; position: relative; width: 100%; height: calc(100vh - 180px); }

.utility-panels .utility-panel .iframe-container iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }


.module-panels-container { background-color: #DDE6EE; padding-bottom: 30px; }

.module-panels { background-color: transparent; padding: 20px 0; }

.module-panel { display: block; margin-top: 10px; }

.module-panel .title-bar { padding: 10px 80px 10px 20px; background-color: #CCDAE6; color: #000000; font-size: 18px; font-family: berlingske_sans_roundmedium; position: relative; width: 100%; display: block; text-align: left; }
.module-panel .title-bar.btn-expand-content:after { background-color: #5482ab; }

.module-panel.expanded .title-bar { background-color: #5482ab; color: #ffffff; }
.module-panel.expanded .title-bar.btn-expand-content:after { background-color: #ffffff; background-image: url(/contract-manager/german/_assets/icon-collapse-dark.png); }

.module-panel .header { margin-bottom: 20px; }
.module-panel .header p { font-family: berlingske_sans_roundmedium, sans-serif; font-size: 16px; color: #333333; }
.module-panel .header p:last-child { margin-bottom: 0; }

.module-panel .module-content { display: none; background-color: #ffffff; border: 1px solid #333333; padding: 20px; }

.module-panel .module-details { border: 1px solid #bec5c2; padding: 16px; }

.module-panel .module-details .title { font-family: berlingske_sans_roundmedium, sans-serif; font-size: 16px; line-height: 1.3em; color: #333333; margin-bottom: 10px; }

.module-panel .module-details .intro { }

.module-panel .module-details .intro p { color: #333333; }
.module-panel .module-details .intro p:last-child { margin-bottom: 0; }

.module-panel .btn-expand-content:not(.title-bar) { display: block; width: 100%; background-color: #ECEEED; font-size: 14px; line-height: 1em; padding: 14px 16px; text-align: left; position: relative; font-family: berlingske_sans_roundmedium, sans-serif; }
.module-panel .btn-expand-content:after { content: ""; position: absolute; width: 26px; height: 26px; background-color: #4B2942; top: 50%; margin-top: -13px; right: 16px; background-position: center; background-size: 16px; background-repeat: no-repeat; background-image: url("/contract-manager/german/_assets/icon-expand.png"); }

.module-panel .btn-expand-content.expanded:after { background-image: url("/contract-manager/german/_assets/icon-collapse.png"); }

.module-panel .module-contents { border: 1px solid #bec5c2; padding: 16px; }

.module-panel .module-contents .content { margin-bottom: 20px; }
.module-panel .module-contents .content:last-child { margin-bottom: 0; }

.module-panel label.checkmark { flex-basis: 50px; text-align: left; flex-shrink: 0; }
.module-panel label.checkmark input[type=checkbox] { display: none; visibility: hidden; }
.module-panel label.checkmark span { display: inline-block; border: 1px solid #5482ab; width: 20px; height: 20px; position: relative; }
.module-panel label.checkmark.checked span {background-position: center; background-size: 14px 12px; background-image: url(/contract-manager/german/_assets/icon-tick-blue.png); background-repeat: no-repeat; }

.module-panel .non-link-container { display: flex; flex-direction: row; align-items: center; }
.module-panel .non-link-container .icon { width: 32px; height: auto; }
.module-panel .non-link-container label.non-link-title { font-family: berlingske_sans_roundregular, sans-serif; color: #333333; line-height: 1.3em; margin: 0 0 0 20px;}

.module-panel .module-contents .content .link-container { display: flex; flex-direction: row; }
.module-panel .module-contents .content .link-container .icon-link { flex-basis: 52px; padding-right: 20px; flex-shrink: 0; text-decoration: none; }
.module-panel .module-contents .content .link-container .icon { width: 32px; height: auto; }

.module-panel .module-contents .content .link-container .link { text-decoration: none; font-family: berlingske_sans_roundregular, sans-serif; color: #333333; line-height: 1.3em; margin: 0; padding-top: 5px; }

.module-panel .module-contents .content .link-container:hover .link,
.module-panel .module-contents .content .link-container:hover .icon-link { text-decoration: underline; }

.module-panel .module-contents .content .intro { margin-top: 10px; padding-left: 52px; }
.module-panel .module-contents .content .intro p { color: #333333; font-family: berlingske_sans_roundlight, sans-serif; }
.module-panel .module-contents .content .intro p:last-child { margin-bottom: 0; }

.document-submit-container { margin-top: 10px; text-align: right; padding: 0; }
.document-submit-container button { display: inline-flex; flex-direction: row; align-items: center; background-color: #5482ab; color: #ffffff; border: 1px solid #5482ab; padding: 8px 20px; font-size: 16px; font-family: berlingske_sans_roundmedium, sans-serif; transition: all 0.2s; position: relative; }
.document-submit-container button .shopping-cart { display: inline-block; width: 40px; height: 40px; background-image: url(/contract-manager/german/_assets/icon-shopping-cart-white.png); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 30px; position: relative; }

.document-submit-container button .shopping-cart-count { position: absolute; width: 27px; height: 27px; display: flex; background-color: #ffffff; color: #000000; border-radius: 100%; top: -6px; right: -12px; justify-content: center; align-items: center; font-family: berlingske_sans_roundmedium, sans-serif; font-size: 14px; }

.document-submit-container button:hover { background-color: #ffffff; color: #000000; }
.document-submit-container button:hover .shopping-cart { background-image: url(/contract-manager/german/_assets/icon-shopping-cart-black.png); }
.document-submit-container button:hover .shopping-cart-count { background-color: #5482ab; color: #ffffff; }

.other-versions { background-color: #dde6ee; }

.other-versions .buttons { margin: 20px 0; display: flex; flex-direction: row; }

.other-versions .buttons a,
.other-versions .buttons input { flex-basis: 100%; margin-right: 10px; text-decoration: none; font-family: berlingske_sans_roundmedium, sans-serif; font-size: 19px; display: inline-block; padding: 16px; text-align: center; color: #000000; cursor: pointer; line-height: 1.2em; border: 1px solid #333333;  }

.other-versions .buttons a:last-child,
.other-versions .buttons input:last-child { margin-right: 0; }

.other-versions .buttons .btn-test-version { background-color: #f2f2f2; }
.other-versions .buttons .btn-test-version:hover { background-color: #ececec; }

.other-versions .buttons .btn-premium-version { background-color: #ABC0D5; }
.other-versions .buttons .btn-premium-version:hover { background-color: #99b2cc; }

.other-versions .buttons .btn-customised-version { background-color: #5482AB; color: #ffffff; }
.other-versions .buttons .btn-customised-version:hover { background-color: #4c759a; }


.key-contacts-list-wide { padding-left: 0; padding-right: 0; }

.key-contacts-list-wide .carousel-container { margin: 0 -10px; }

.key-contacts-list-wide .key-contact-panel-content { padding-bottom: 0; }

.key-contacts-list-wide .slick-arrows .slick-arrow { background-color: transparent; margin-top: -85px; background-size: cover; width: 28px; height: 52px; }
.key-contacts-list-wide .slick-arrows .slick-prev { background-image: url("/contract-manager/german/_assets/slick-arrow.png"); left: -60px; }
.key-contacts-list-wide .slick-arrows .slick-next { background-image: url("/contract-manager/german/_assets/slick-arrow.png"); transform: rotate(180deg); right: -60px;  }

.key-contacts-list-wide .slick-dots { text-align: center; list-style: none; margin-top: 30px; }
.key-contacts-list-wide .slick-dots li { display: inline-block; margin: 0 5px; }
.key-contacts-list-wide .slick-dots li button { display: block; width: 16px; height: 16px; border: 2px  solid #808080; font-size: 0; background-color: #ffffff; }
.key-contacts-list-wide .slick-dots li.slick-active button { background-color: #808080; }

.key-contacts-list-wide .title h2 { color: #5482AB!important; }
.key-contacts-list-wide .btn-contact-us { background-color: #5482AB; border-color: #5482AB; }
.key-contacts-list-wide .key-contact-panel p.name { color: #5482AB; }

textarea.contact-us-message { width: 100%; max-width: 100%; min-width: 100%; height: 100px; max-height: 100px; min-height: 100px; }
input.contact-us-sender { margin-top: 16px; }

.contact-us-popup .form-container { top: 12vh;}
.contact-us-popup .buttons input { width: 100%; max-width: 120px; }


.request-form-container { background-color: #DDE6EE!important; padding: 40px 0; }

.request-form-container .inner { background-color: #ffffff; padding: 40px; }

.request-form-container .request-form-panel { background-color: #EDEEEE; padding: 20px 30px 30px 30px; }

.request-form h2.title { margin-top: 0; color: #333333; }

.request-form .form { font-size: 0; }

.request-form .form .left,
.request-form .form .right { display: inline-block; vertical-align: top; width: 50%; }

.request-form .form .left { padding-right: 10px; }
.request-form .form .right { padding-left: 10px; }

.request-form .field { margin-bottom: 10px; }

.request-form .field label { display: block; font-family: berlingske_sans_roundmedium, sans-serif; font-size: 16px; color: #333333; margin-bottom: 5px; }
.request-form .field input,
.request-form .field textarea { width: 100%; padding: 8px; color: #333333; font-size: 16px; }

.request-form .field textarea.message { height: 174px; }

.request-form .buttons { margin-top: 30px; }

.request-form .buttons input,
.request-form .buttons button { width: 100%; max-width: 120px; margin: 0 20px 0 0; vertical-align: top; }

.request-form .buttons input:last-child,
.request-form .buttons button:last-child { margin-right: 0; }

.request-form-thanks p { font-size: 18px; color: #333333; }

.customised-tool .page-banner .breadcrumbs .breadcrumbs-container .breadcrumb,
.customised-tool .page-banner .breadcrumbs .breadcrumbs-container .seperator,
.customised-tool .page-banner .breadcrumbs .breadcrumbs-container .current-page-breadcrumb { color: #ffffff; }

#selectedDocuments h3 { padding: 20px; }

.selected-document-list { margin: 10px 0 20px 0; padding: 0 20px; }
.selected-document-list h4 { margin-top: 20px; }
.selected-document-list h4:first-child { margin-top: 0; }

.selected-document-list ul { margin: 10px 0 10px 20px; list-style: none; }
.selected-document-list li { font-family: berlingske_sans_roundregular, sans-serif; font-size: 16px; line-height: 1.3em; margin: 3px 0; }

#selectedDocuments .form-container { position: static; top: initial; max-height: initial; left: initial; padding-top: 5vh; }
#selectedDocuments .form-container .content { max-height: 55vh; overflow: auto; margin-bottom: 0; }
#selectedDocuments .request-form { padding: 0 20px 10px 20px; border-bottom: 1px dotted #999999; margin-top: 20px; }
#selectedDocuments .form { padding: 0; }
#selectedDocuments .buttons { text-align: center; border-top: 1px solid #999999; padding: 16px 20px 16px 20px; margin-top: 0; }
#selectedDocuments .buttons button { border: 1px solid #5482ab; background-color: #5482ab; color: #ffffff; font-size: 16px; padding: 10px 20px; }
#selectedDocuments .buttons button:hover { background-color: #ffffff; color: #333333; }

.footer-nav { display: flex; flex-direction: row; align-items: center; }
.footer-nav > ul { display: inline-block !important; margin-right: 20px; }

.footer-nav ul.social-list li { margin-right: 0; }



section.testimonials { background-color: #EEF2F6!important; margin: 40px 0 ; padding: 40px 0; }
section.testimonials .carousel-container { position: relative; padding: 0 50px; }
section.testimonials .carousel { position: relative; }   
section.testimonials .carousel-container .slick-arrow { position: absolute; top: 50%; margin-top: -19px; z-index: 100; width: 36px; height: 36px; border: 1px solid #5482ab; font-size: 0; background-image: url("/_assets/icon-line-arrow-dark.png"); background-size: 17px; background-position: center; background-repeat: no-repeat; }
section.testimonials .carousel-container .slick-arrow:hover { background-color: #5482ab; background-image: url("/_assets/icon-line-arrow-white.png"); }
section.testimonials .carousel-container .slick-arrow.slick-prev { left: 0; transform: rotate(180deg); }
section.testimonials .carousel-container .slick-arrow.slick-next { right: 0; }

section.testimonials .testimonial-panel { padding: 0 50px; text-align: center; }
section.testimonials .testimonial-panel .quotemark { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 30px;  }
section.testimonials .testimonial-panel .quotemark span.line { flex-basis: 200px; height: 1px; background-color: #5482ab; }
section.testimonials .testimonial-panel .quotemark img { height: 32px; }
section.testimonials .testimonial-panel p { width: 100%; max-width: 800px; margin: 0 auto; font-family: berlingske_sans_roundregular, sans-serif; font-size: 21px; line-height: 1.2em; color: #4D5357; }

section.testimonials .slick-track { display: flex; align-items: center; }


/* Slight adjustment for the tool page */
section.testimonials.tool-page .wrapper { padding: 0 10px; }

@media screen and (max-width: 1500px) { .premium-tool .page-banner .banner .left { width: 60%; }
}

@media screen and (max-width: 1380px) {
   .premium-tool .page-banner .banner .left { width: 55%; }
}

@media screen and (max-width: 1280px) {
   .premium-tool .page-banner .banner .left { width: 50%; }
}

@media screen and (max-width: 1200px) {
   .page-banner .banner-image { background-position: right top !important; background-size: 35% auto !important }
}

@media screen and (max-width: 1100px) {
   .page-banner .banner-image { background-image: none !important; }
   .page-banner .banner .left { width: 90%!important; }

   .page-banner .banner .breadcrumbs { width: 100%; }

   .page-banner .banner .breadcrumbs .breadcrumbs-container .breadcrumb,
   .page-banner .banner .breadcrumbs .breadcrumbs-container .current-page-breadcrumb,
   .page-banner .banner .breadcrumbs .breadcrumbs-container .seperator { font-size: 28px; }
}

@media screen and (max-width: 640px) {
   .popup-modal .request-form .left,
   .popup-modal .request-form .right { display: block; width: 100%; padding-left: 0; padding-right: 0; }

   .popup-modal .form-container.request-form .field label { font-size: 13px; }

   .popup-modal .form-container.request-form .field input[type=text],
   .popup-modal .form-container.request-form .field textarea { padding: 4px; font-size: 13px; }

   .popup-modal .form-container.request-form .field textarea { height: 90px; }

   .tab-bar .tabs .tab { font-size: 15px !important; }

   section.testimonials .testimonial-panel p { font-size: 18px; }
}


@media screen and (max-width: 510px) {
   #selectedDocuments .close-form { position: fixed; right: 8px; top: 8px; }
   #selectedDocuments > .form-container > .form { /*padding-top: 80px!important;*/ padding-bottom: 86px!important; overflow-y: auto; }
   #selectedDocuments .form-container .content { max-height: initial; }
   /*#selectedDocuments h3 { position: fixed; top: 5px; left: 20px; right: 20px; z-index: 99; background-color: #ffffff; }*/
   #selectedDocuments .buttons { position: fixed; bottom: 4px; left: 8px; right: 8px; background-color: #ffffff; }
}

@media screen and (max-width: 400px) {
   .key-contacts-list-wide .carousel-container .title { flex-direction: column; justify-content: start; }

   .key-contacts-list-wide .carousel-container .title .contacts { margin-top: 5px; width: 100%; text-align: right; padding-right: 10px; }
}