body {
    color: #303030;
    font-family: Solve Pro, sans-serif;
    font-size: 16px;
    line-height: 1.5;

}

h1 {
    color: #01332b;
    font-size: 3.875rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

h2 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    margin-top: 2.5rem;
}

h2:after, h3:after {
    background: #05dd4d;
    content: "";
    display: block;
    height: .125rem;
    margin-top: 1rem;
    width: 100%;

}

h4 {
    margin-bottom: 1rem;
}

ul {
    list-style: disc;
}

i {
    font-style: italic;
}

hr.green {
    border: 1px solid;
    border-color: #05dd4d;
    margin: 1rem 0 2rem;
    opacity: 1;
}

.solventum-logo {
	height: 3rem;
	width: auto;
}

.logo-searchbar-wrapper {
	margin: 16px 0;
}

.top-nav-container {
	border-top: .0625rem solid #888b8b;
	border-bottom: .0625rem solid #888b8b;
}

.input-search {
    border-radius: 5rem 0 0 5rem;
    outline: .0625rem solid #6e6e6e;
    border: 0;
    height: 2.25rem;
    font-size: .875rem;
    padding: 0 .5rem 0 1rem;
    width: 10rem;
    -webkit-transition: outline .2s ease;
    transition: outline .2s ease;
}

.input-search:hover { 
	outline: .0625rem solid #0a7b6b;
}

.search-submit-button {
	border-radius: 0 5rem 5rem 0;
    margin-left: .0625rem;
    border: 0;
    outline: .0625rem solid #6e6e6e;
    height: 2.25rem;
    width: 2.5rem;
    padding-left: .5rem;
    background-color: #fff;
    background-image: url(/fileadmin/templates/_global/img/algolia-search-icon.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    -webkit-transition: background-color .2s ease, outline .2s ease;
    transition: background-color .2s ease, outline .2s ease;
}

.search-submit-button:hover {
	outline: .0625rem solid #0a7b6b;
	background-color: #dbfff0;
}


.input-search:focus, .input-search:active,
button.search-submit-button:focus, button.search-submit-button:active {
    outline: .1875rem solid #0a7b6b;
    z-index: 1;
}

.row-col [class^="col"] {
    margin-bottom: 2rem;
}

.top-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-nav li {
	display: flex;
	text-align: center;
}

.top-nav li a {
    align-items: center;
    border-bottom: .25rem solid transparent;
    color: #01332b;
    display: flex;
    font-weight: 700;
    height: 100%;
    text-decoration: none;
    -webkit-transition: border-bottom-color .2s ease;
    transition: border-bottom-color .2s ease;
}

.top-nav li a:hover {
	color: #0a7b6b;
	border-bottom-color: #0a7b6b;
}

.top-nav li a span {
    padding: .75rem 0 .5rem;
}

.search-bar-lang-nav-wrapper {
    display: flex;
    gap: 1rem;
    align-content: center;
    flex-wrap: wrap;
}

.lang-nav-container {
    color: #19191a;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    gap: .25rem;
    position: relative;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.current-lang:before {
    display: block;
    -ms-flex-negative: 0;
    background-color: #19191a;
    color: #19191a;
    content: "";
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-mask-image: url(../../img/globe-icon.svg);
    mask-image: url(../../img/globe-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 1.5rem
}

.lang-nav-container:hover .current-lang:before {
    background-color: #0a7b6b;
}

.lang-nav-container:active .current-lang:before {
    background-color: #005145;
}

.current-lang {
    color: #19191a;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    gap: 0.25rem;
}

.lang-nav-container:hover .current-lang {
    color: #0a7b6b;
}
.lang-nav-container:active .current-lang {
    color: #005145;
}

.dropdown-menu-lang {
    top: .5rem !important;
    border-radius: 0;
    border: .0625rem solid #888b8b;
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .161);
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .161);
    min-width: 17.5rem;
    padding: 0;
}

.dropdown-menu-lang-header {
    padding: .75rem .5rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    color: #01332b;
    text-align: center;
}

.dropdown-menu-lang li {
    margin: 0 .5rem;
    padding: 1rem .5rem;
    position: relative;
}

.dropdown-menu-lang li:not(:last-child) {
    border-bottom: .0625rem solid #888b8b;
}   

.dropdown-menu-lang li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    justify-content: center;
    color: #01332b;
}

.dropdown-menu-lang li a:hover {
    color: #0a7b6b;
}

.dropdown-menu-lang li a:focus:before {
    content: "";
    display: block;
    height: calc(100% - .25rem);
    left: -.3125rem;
    outline: .1875rem solid #0a7b6b;
    position: absolute;
    top: .125rem;
    width: calc(100% + .625rem);
}

.icon-divider {
    background-color: #01332b;
    height: 1.5rem;
    -webkit-mask-image: url(../../img/divider-icon.svg);
    mask-image: url(../../img/divider-icon.svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 1.5rem;
}

.dropdown-menu-lang li a:hover .icon-divider {
    background-color: #0a7b6b;
}

.item-link-language {
    font-weight: 700;
}

.language-code {
    text-transform: uppercase;
}

.lang-active:before {
    -ms-flex-negative: 0;
    background-color: #01332b;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-mask-image: url(../../img/check-icon.svg);
    mask-image: url(../../img/check-icon.svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1.5rem;
}

.dropdown-toggle.current-lang:after,
.lang-nav-container:focus .dropdown-toggle.current-lang:after,
.dropdown-toggle.current-lang:focus:after {
    background-color: #19191a;
}

.lang-nav-container:hover .dropdown-toggle.current-lang:after {
    background-color: #0a7b6b;
}

.page-header {
    padding: 1rem 0;
}

.breadcrumb {
    padding: 0.5rem 0;
    margin: 0;
}

.breadcrumb-item a {
    color: #0a7b6b;
    font-weight: 700;
}

.no-line-separator {
    padding: .75rem 0;
}

.hero-banner-container {
    position: relative;
}

.hero-banner-text {
    margin: 0 auto;
    margin-left: calc(50% - 40.5rem);
    max-width: 31.875rem;
    padding: 1.5rem 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: fit-content;
    justify-content: center;
    height: 100%;
}

.hero-banner-text h1 {
    color: #f5f5f5;
    margin: 0;
}

.main-nav-wrapper {
    background-color: #f5f5f5;
    border-top: .0625rem solid #888b8b;
    border-bottom: .0625rem solid #888b8b;
    padding: .5rem 2rem;
}

.main-nav {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .375rem 0;
    row-gap: .5rem;
    margin: 0;
    flex-direction: row;
}

.main-nav .nav-item {
    display: flex;
}

.main-nav a {
    color: #0a7b6b;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    padding: .25rem;
}

.main-nav a:hover,
.main-nav a:focus {
    background: #005145;
    border-radius: .25rem;
    color: #bffde3;
    -webkit-text-decoration: underline #bffde3 .0625rem;
    text-decoration: underline #bffde3 .0625rem;
}

.main-nav .dropdown-menu {
    padding: 0;
    border-radius: 0;
    padding: 0.5rem;
    border-color: #888b8b;
}

.main-nav a.dropdown-item {
    border-radius: 0;
}

.dropdown-toggle::after {
    border: 0;
    background-color: #0a7b6b;
    content: "";
    display: inline-flex;
    height: 1.125rem;
    -webkit-mask-image: url(/fileadmin/templates/_global/img/arrow-down-icon.svg);
    mask-image: url(/fileadmin/templates/_global/img/arrow-down-icon.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: relative;
    top: calc(50% - 1.125rem/2);
    -webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
    transition: background-color .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, background-color .2s ease;
    transition: transform .2s ease, background-color .2s ease, -webkit-transform .2s ease;
    width: 1.125rem;
    margin-left: .255em;
    vertical-align: 0;
}

.dropdown-toggle:hover::after,
.dropdown-toggle:focus::after {
    background-color: #bffde3;
}

.dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

button.accordion-button {
    color: #0a7b6b;
    font-weight: 700;  
}

button.accordion-button:not(.collapsed) {
    background: #005145;
    color: #bffde3;
}

h2.accordion-header {
    margin-top: 0;
}
    
h2.accordion-header::after {
    display: none;
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 1px solid #dee2e6;
}

button.accordion-button {
    box-shadow: none;
}

button.accordion-button:focus{
    box-shadow: rgb(222, 226, 230) 0px -1px 0px 0px inset;
}

button.accordion-button.collapsed:focus {
    box-shadow: none;
}

button.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230a7b6b' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e")
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23bffde3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e")
}

.form-control {
    border: .0625rem solid #6e6e6e;
    border-radius: .25rem;
    gap: .5rem;
    height: 2.75rem;
    padding: 0 .5rem;
    width: 100%;
}

.form-control:active, .form-control:focus {
    border: .1875rem solid #0a7b6b;
    box-shadow: none;
}

.btn-solventum {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    min-width: 3.875rem;
    padding: .5rem 1.5rem;
    border-radius: 5rem;
    border: .125rem solid;
    gap: .5rem;
}

.btn-primary {
    background: #0a7b6b;
    border-color: #0a7b6b;
    color: #fff;
}

.btn-primary:hover {
    border-color: #01332b;
    background: #01332b;
    color: #dbfff0;
}

.btn-primary:active {
    border-color: #04201b;
    background: #04201b;
    color: #bffde3;
}

button.btn-primary:focus {
    border-color: #005145;
    background: #005145;
    color: #fff;
    outline: .1875rem solid #0a7b6b;
    outline-offset: .125rem;
}

.btn-secondary {
    background: #00DC5C;
    border: .125rem solid #00DC5C;
    border-radius: 5rem;
    color: #00332B;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    border-color: #2bff73;
    background: #2bff73;
}

button.btn-secondary:focus {
    outline: .1875rem solid #05dd4d;
    outline-offset: .125rem;
}

.btn-primary-outline {
    color: #0a7b6b;
    border-color: #0a7b6b;
    background: transparent;
}

.btn-primary-outline:hover {
    color: #005145;
    border-color: #005145;
}

button.btn-primary-outline:focus {
    color: #0a7b6b;
    outline: .1875rem solid #0a7b6b;
    outline-offset: .125rem;
}

.container-full-width {
    padding: 4rem 0;
}

.content a {
   color: #0a7b6b;
   font-weight: 700;
}

.content a:hover {
    color: #04201b;
}

.content a:active, .content a:focus{
    color: ##04201b;
}

.accordion-flush {
    margin-bottom: 3rem;
}

footer {
	background: #01332b;
    color: #fff;
    padding: 2rem 0;
}

footer hr {
    border: unset;
    border-top: .125rem solid #888b8b;
    width: 100%;
    margin: 2rem 0;
    opacity: 1;
}

footer p {
    font-size: .75rem;
    line-height: 1.5;
    color: #f5f5f5;
}


footer ul {
	display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.container-footer-logo {
	display: flex;
    height: 4.25rem;
    margin-bottom: 2rem;
}

.footer-solventum-logo {
	height: 100%;
	width: auto;
}

.container-footer-links {
	margin-bottom: 20px;
}

.container-footer-links a {
	font-size: .75rem;
    line-height: 1.5;
    font-weight: 700;
    color: #05dd4d;
}

.container-footer-links a:hover {
	color: #bffde3;
	text-decoration: none;
}

.container-footer-links a:focus, .container-footer-links a:active {
	color: #bffde3;
	text-decoration: underline;
}

.navbar-toggler-container {
    display: none;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs .nav-link {
    font-weight: bold;
    color: #6E6E6E;
    border: 0;
    border-bottom: 5px solid #CBCBCB;
    padding-left: 2rem;
    padding-right: 2rem;
}

.nav-tabs .nav-link.active {
    color: #01332B;
    border-color: #01332B;
}

a[href="#cmp-revoke-consent"] {
    display: inline-flex;
    gap: 0.25rem;
    
    &::before {
        content: url('../../img/preferences.svg');
        display: block;
        width: 2rem;
        height: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .hero-banner-text {
        position: static;
        margin: 0;
        width: 100%;
        padding: 2rem 1rem;
        padding-left: calc((100% - 696px) / 2);
        padding-right: calc((100% - 696px) / 2);
        max-width: 100%;
        background: #00332B;
    }

    .hero-banner-text h1 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 2rem;
    }

    .container {
        max-width: 100%;
    }

    .container,
    .logo-container,
    .search-bar-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    footer ul {
        flex-direction: column;
        gap: 0.5rem;
    }

    .footer-solventum-logo {
        max-width: 100%;
    }

    .solventum-logo {
        height: 2rem;
        width: auto;
    }

    .logo-searchbar-wrapper {
        margin: 1rem 0 0.5rem;
    }

    .logo-searchbar-container {
        /*flex-direction: column;*/
        gap: 1rem;
    }

    .lang-nav-container {
        padding-right: 1rem;
    }

    .logo-searchbar-container .input-search {
        width: 100%;
    }

    .logo-searchbar-wrapper > .container {
        padding: 0;
    }

    .search-bar-container {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-top: 1px solid #888b8b;
        border-bottom: 1px solid #888b8b;
    }

    .page-title-container h1 {
        font-size: 3rem;
        word-wrap: break-word; 
        overflow-wrap: break-word;
        hyphens: auto;   
    }

    .top-nav-container {
        display: none;
    }

    .page-header {
        padding: 0;
    }    

    .hero-banner-text h1 {
        font-size: 1.5rem;
        margin: 0;
    }

    .main-nav-wrapper {
        padding: 0.5rem 0;
    }

    .navbar-toggler-container {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding: 0 1rem;
    }

    .navbar-toggler,
    .navbar-toggler:focus {
        outline: 0;
        box-shadow: none;
        padding: 0;
        border: 0;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        -webkit-mask-image: url('/fileadmin/templates/_global/img/close-icon.svg');
        mask-image: url('/fileadmin/templates/_global/img/close-icon.svg');
        background-color: #005145;
        background-image: none;
    }

    .navbar-toggler-icon {
        width: 2.5rem;
        height: 2.5rem;
        background-image: url('/fileadmin/templates/_global/img/hamburger-icon.svg');
    }

    .main-nav {
        flex-direction: column;
    }

    .main-nav .nav-item a {
        width: 100%;
        border-radius: 0;
    }

    .main-nav .nav-item.dropdown a {
        position: relative;
    }

    .main-nav .dropdown-toggle::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .main-nav .dropdown-toggle.show::after {
        transform: rotate(180deg) translateY(50%);
    }

    .main-nav .nav-item.dropdown {
        flex-direction: column;
    }

    .main-nav .dropdown-menu {
        margin-top: 0;
        width: 100%;
    }

    .main-nav-wrapper > .container {
        padding: 0;
    }

    .main-nav {
        border-top: 1px solid #888b8b;
        margin-top: 0.5rem;
        padding: 0.5rem 1rem 0;
    }

    .hero-banner-text {
        padding: 2rem 1rem;
    }
}