@font-face{
	font-family:Solve Pro;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/Solve-Pro-Regular.woff2) format("woff2");
}

@font-face {
	font-family:Solve Pro;
	font-style:normal;
	font-weight:500 699;
	src:url(../fonts/Solve-Pro-Medium.woff2)  format("woff2");
}

@font-face{
	font-family:Solve Pro;
	font-style:normal;
	font-weight:100 399;
	src:url(../fonts/Solve-Pro-Light.woff2) format("woff2");
}

@font-face{
	font-family:Solve Pro;
	font-style:normal;
	font-weight:700;
	src:url(../fonts/Solve-Pro-Bold.woff2) format("woff2");
}

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

.input-field-text {
	border: .0625rem solid #6e6e6e;
    border-radius: .25rem;
    padding: .5rem;
}
    
.btn-primary, .btn-primary:hover,
.btn-logout, .btn-logout:hover {
	background: #1C6460;
	border-color: #1C6460;
	color: #fff;
    padding: 0.5rem 1.5rem;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:focus:active,
.btn-logout:active, .btn-logout:focus, .btn-logout:focus:active {
    box-shadow: 0 0 0 0.25rem rgb(28 100 96 / 50%);
    background: #1C6460;
	border-color: #1C6460;
}

.btn-primary-invert {
	background: #fff;
	border: 2px solid;	
	border-color: #1C6460;
	color: #1C6460;
    padding: 0.2rem 1.5rem;
    margin-bottom: 0;
}

h1, h2.main-title {
    color: #01332b;
    font-family: Solve Pro, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

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

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.25rem;
}

h4 {
	font-size: 1.1rem;
}

.alert {
	border-radius: 0;
}

.btn-close:focus {
	box-shadow: none;
}

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

/* mobile menu button start */

.navbar-toggler {
	background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 0;
}

.navbar-toggler:focus, .navbar-toggler:active,
button.navbar-toggler[aria-expanded="true"] {
	background: none;
	box-shadow: none;
}

.navbar-toggler .navbar-toggler-icon {
	background-color: #fff;
    content: "";
    display: block;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    height: 2.5rem;
    width: 2.5rem;
    -webkit-mask-image: url('../images/hamburger-icon.svg');
    mask-image: url('../images/hamburger-icon.svg');    
}

button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	-webkit-mask-image: url('../images/close-icon.svg');
    mask-image: url('../images/close-icon.svg'); 
}

/* mobile menu button end */

/* dropzone start */

.dropzone.dz-clickable {
	background: #fff;
}

.dz-remove:before {
	font-family: Solve Pro, sans-serif;
	content: "✖";
	position: relative;
	top: 3px;
}

.content a,
body[data-page-name="overview"] .btn-notification-link {
	color: #1C61E3;
}

/* dropzone end */

/* header start */

.logo-searchbar-wrapper {
	padding: 1.125rem 0;
	background: #043334;
}

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

.logo-container a, .logo-container a:hover, .logo-container a:focus, .logo-container a:active {
	text-decoration: none;
}

.app-title {
	font-size: 1.25rem;
	color: #fff;
	margin-left: 0.5rem;
	position: relative;
	top: 2px;
}

.top-bar-right {
	display: flex;
	align-self: center;
	gap: 1.5rem;
}

.current-lang {
	text-transform: uppercase;
	color: #fff;
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.5rem;
    text-decoration: none;
    display: flex;
    gap: .25rem;
}

.current-lang:hover, .current-lang:focus, .current-lang:active {
	color: #fff;
}

.current-lang:before {
	-ms-flex-negative: 0;
    background-color: #fff;
    color: #fff;
    content: "";
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-mask-image: url('../images/globe-icon.svg');
    mask-image: url('../images/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 .dropdown-toggle::after,
.my-account-container .dropdown-my-account::after,
.nav .nav-link.dropdown-toggle::after {
	border: none;
	margin-left: 0;
    vertical-align: 0;
    display: flex;
    align-self: center;
    content: "";
    -ms-flex-negative: 0;
    background-color: #fff;
    background-size: cover;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1.125rem;
    -webkit-mask-image: url('../images/arrow-down-icon.svg');
    mask-image: url('../images/arrow-down-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
    transition: background-color .2s ease, -webkit-transform .2s ease;
    transition: background-color .2s ease, transform .2s ease;
    transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
    width: 1.125rem;
}

.lang-nav-container .current-lang[aria-expanded="true"]::after,
.my-account-container .dropdown-my-account[aria-expanded="true"]::after,
.nav .nav-link.dropdown-toggle[aria-expanded="true"]::after {
    -webkit-transform: rotate(180deg) translateY(.0625rem);
    transform: rotate(180deg) translateY(.0625rem);
}

.lang-nav-container .dropdown-menu {
	border: .0625rem solid #888b8b;
	border-radius: 0;
	margin-top: .5rem !important;
}

.dropdown-menu-lang-header {
    padding: .75rem .5rem;
    position: relative;
    font-family: Solve Pro, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    color: #01332b;
    text-align: center;
}

.dropdown-menu-lang li {
	display: flex;
    gap: .125rem;
    justify-content: center;
    margin: 0 .5rem;
    padding: 1rem .5rem;
    
}

.dropdown-menu-lang li a {
	color: #01332b;
	text-decoration: none;
	display: flex;
}

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

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

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

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

.icon-divider {
	background-color: #01332b;
    height: 1.5rem;
    -webkit-mask-image: url('../images/divider-icon.svg');
    mask-image: url('../images/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;
}

.lang-active::before {
	background-color: #01332b;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-mask-image: url('../images/check-icon.svg');
    mask-image: url('../images/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-menu-lang li:not(:last-child) {
	border-bottom: .0625rem solid #888b8b;
}

.my-account-container .dropdown-my-account, .my-account-container .dropdown-my-account:hover, 
.my-account-container .dropdown-my-account:focus, .my-account-container .dropdown-my-account:active  {
	color: #fff;
	text-decoration: none;
	display: flex;
	gap: 0.25rem;
	font-weight: 100;
}

.dropdown-menu-my-account {
	padding: 1rem;
	border: .0625rem solid #888b8b;
	border-radius: 0;
	margin-top: .5rem !important;
}

.account-menu label {
	margin-bottom: 0.25rem;
	color: #01332b;
	font-weight: 500;
}

.forgot-password-container a {
	color: #01332b;
	text-decoration: underline;
	display: flex;
	justify-self: center;
}

.forgot-password-container p {
	margin: 0;
}

.account-menu hr {
	background-color: #888b8b;
	opacity: 1;
}

.account-menu p:last-child {
	margin-bottom: 0;
}

.account-menu a {
	color: #01332b;
}

.account-menu .btn-logout {
	color: #fff;
}

.top-bar-left {
	display: flex;
	align-items: center;
}

.container-navigation {
	margin-left: 2rem;
}

#navbarSupportedContent > .nav {
	gap: 1rem;
    margin-right: 1rem;
}

#navbarSupportedContent .nav-link {
	color: #fff;
	font-weight: 200;
    display: flex;
    gap: 0.25rem;
}

#navbarSupportedContent .nav-item.active .nav-link {
	text-decoration: underline;
	font-weight: 500;
}

.nav .dropdown-menu {
	border-radius: 0;
}

.nav .dropdown-menu a {
	color: #01332b;
}

.nav .dropdown-item:hover, .nav.dropdown-item:focus {
	background-color: #fff;
	color: #0a7b6b;
}

/* header end */

/* accordion start */

/* Ebene 1 */
.accordion-item.level-1 > .accordion-header > .accordion-button,
.accordion > .accordion-item > .accordion-header > .accordion-button {
	font-size: 1.5rem;
	background: #f5f5f5;
	border-color: #cbcbcb;
	color: #01332b;
	transition: background 300ms linear;
}

.accordion-item.level-1 > .accordion-header > .accordion-button[aria-expanded="true"],
.accordion > .accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] {
	border-left: 0.5rem solid #047B6B;
}

.accordion-item.level-1 > .accordion-header > .accordion-button:hover,
.accordion > .accordion-item > .accordion-header > .accordion-button:hover {
	background: #CBCBCB;
}

/* Ebene 2 */
.accordion-item.level-2 > .accordion-header > .accordion-button,
.accordion > .accordion-item > .accordion-collapse > .accordion-body > .accordion-item > .accordion-header > .accordion-button {
	font-size: 1.125rem;
	background: #f5f5f5;
	border-color: #cbcbcb;
	color: #01332b;
	font-weight: 500;
	transition: background 300ms linear;
}

.accordion-item.level-2 > .accordion-header > .accordion-button[aria-expanded="true"],
.accordion > .accordion-item > .accordion-collapse > .accordion-body > .accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] {
	border-left: 0.5rem solid #047B6B;
}

.accordion-item.level-2 > .accordion-header > .accordion-button:hover,
.accordion > .accordion-item > .accordion-collapse > .accordion-body > .accordion-item > .accordion-header > .accordion-button:hover {
	background: #CBCBCB;
}

.accordion-item.level-2 {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-item.level-2 + .accordion-item.level-2 {
	border-top: 0;
}

/* Ebene 3 */
.accordion-item.level-3 { 
	border-left: 0;
	border-right: 0;
}
.accordion-item.level-3 > .accordion-header > .accordion-button {
	font-size: 1.125rem;
	background: #fff;
	border-color: #cbcbcb;
	border-left: 0;
	border-right: 0;
	color: #01332b;
	font-weight: 500;
	transition: background 300ms linear;
    padding: .75rem 1.25rem;
    margin: .25rem;
}

.accordion-item.level-3 .accordion-collapse {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

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

.accordion-item:last-of-type,
.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
	border-radius: 0;
}

.accordion-button:not(.collapsed) {
	box-shadow: none;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: none;
    background-color: #01332b;
	
}
/* accordion end */

/* delivery protocol start */
.delivery-details th, .delivery-details td {
	border: 1px solid #707070;
}

.delivery-details th {
	background-color: #BEFDE4;	
}


.delivery-details tbody td:first-of-type, .delivery-details th:first-of-type {
	text-align: left;
}
/* delivery protocol end */

/* change password start */
#change_password_content .card-body {
	border-color: #13A591;
	border-radius: 0;
}

.form-change-password label,
.form-reset-password label {
	width: 100%;
}

.form-change-password .inline label {
	display: inline-block;
	width: initial;
	min-width: initial;
}

.form-change-password input[type="username"] {
	font-weight: bold;
	background: #fff;
}

.form-change-password .input-field-text {
	width: 50%;
}
/* change password  start */

/* startseite start */
.wrapper-hero-banner {
	background: #A2FAE2;
}

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

.hero-banner-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
}

.hero-banner-title h1 {
	font-size: 3.4rem;
}

.hero-banner-title h1:after {
	display: none;
}

.login-frame label,
.reset-password-frame label {
	width: 100%;
	font-weight: 500;
}

.login-frame .input-field-text,
.reset-password-frame .input-field-text,
.form-reset-password .input-field-text {
	width: 100%;
	margin-bottom: 0;
}

#collapseManual .card-body {
	border-color: #13A591;
	border-radius: 0;
}

.cmp-teaser {
	display: flex;
	height: 100%;
    border-radius: .5rem;
    flex-direction: column-reverse;
    justify-content: start;
    border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	overflow: hidden;
	text-decoration: none;
}

.cmp-teaser:hover {
    outline: .0625rem solid #0a7b6b;
}

.cmp-teaser.disable_action {
    pointer-events: none;
    text-decoration: none;
}

.cmp-teaser-content {
	padding: 1.5rem;
	color: #01332b;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex-grow: 1;
}

.cmp-teaser-image {
    overflow: hidden;
}

.cmp-teaser-image img {
	width: 100%;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	scale: 1;
	transition: transform 200ms linear;
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
    object-fit: cover;
}

.cmp-teaser:hover .cmp-teaser-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.cmp-teaser .action-link {
	color: #1C61E3;
	text-decoration: underline;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: auto;
    margin-bottom: 0;
}

.cmp-teaser .action-link:after {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.5rem;
    margin-left: 0;
    -webkit-mask-image: url('../images/arrow-forward-icon.svg');
    mask-image: url('../images/arrow-forward-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;
    text-indent: -999rem;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    vertical-align: bottom;
    width: 1.5rem;
    background: #1C61E3;
    margin-left: 0.5rem;
}

.container-action-link {
	margin-top: auto;
}
/* startseite end */

/* daten liefern start */
.checkbox-disclaimer {
	font-weight: bold;
	display: flex;
	gap: 0.5rem;
	background: #d3e1da
}

.checkbox-disclaimer-error {
	background: #f97e7e;
}

.tick {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid #d7d7d7;
    background: #fff;
    position: relative;
    cursor: pointer;
    align-self: center;
}

.tick:checked {
    background: #047B6B;
    border-color: #047B6B;
}

.tick:checked::after {
    opacity: 1;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>");
}

.tick::after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    transition: opacity .12s ease;
}

.tick:disabled {
	opacity: .6;
	background: #eee;
}

.tick:focus {
	box-shadow: 0 0 0 0.25rem rgba(4,123,107, .25);
}

input[type="radio"] {
	width: 1rem;
    height: 1rem; 
    accent-color: #047B6B;
    align-self: center;
    margin-bottom: 0;
}

.container-input-radio {
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
}

.container-input-radio label {
	display: flex;
	gap: .5rem;
}

.col-width-datatype {
	width: 120px;
}
/* daten liefern end

/* daten download start */
body[data-page-name="results-download"] .card-body {
	border-color: #13A591;
	border-radius: 0;
}

.flex-item.flex-item-left {
	flex-basis: 33.33333333%;
    justify-content: center;
}

.flex-item.flex-item-right {
	flex-basis: 66.66666666%;
	font-style: italic;
    justify-content: center;
}
/* daten download end */

/* datenaustausch start */
body[data-page-name="data_exchange"] .file-icon {
	width: 22px;
}

/* datenaustausch end */

/* to-top-button start */
#toTop {
  /*position: fixed;*/
  /*bottom: 3rem;*/
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 1050;
  /*opacity: 0;*/
  /*pointer-events: none;*/
  /*transition: opacity 0.3s ease;*/
}
/*
#toTop.show {
  opacity: 1;
  pointer-events: auto;
}*/
/* to-top-button end */

/* footer start */

.m-footer {
    margin-top: 30px;
    background: #043334;
    color: #fff;
}

.m-footer_legal {
    padding: 2rem 0;
}

.m-footer_legalLinks {
	display: flex;
	gap: 1.25rem;
	margin-bottom: 1rem;
}

.m-footer_legalLink, .m-footer_legalSpan {
    color: #fff;
}

.m-footer_legalLink {
	text-decoration: underline;
	border-bottom: 0;
	font-size: 0.8125rem;
}

.m-footer_legalLink:hover, .m-footer_legalLink:active, .m-footer_legalLink:focus {
	color: #fff;
	border-bottom: 0;
	text-decoration: underline;
}

.container {
	width: 100%;
}

.m-footer_copyRight {
	font-size: .75rem;
}

/* footer end */

@media (min-width: 1320px) {
	.container {
		max-width: 1320px;
	}
}

@media (min-width: 1200px) and (max-width: 1319px) {
	.container {
		max-width: calc(100% - 3rem);
	}

	#navbarSupportedContent > .nav {
		gap: 0.5rem;
    	margin-right: 0.5rem;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.logo-searchbar-wrapper {
		padding-bottom: .25rem;
	}

	.container-navigation {
		margin: 0 -0.5rem;
	}

	.logo-searchbar-container {
		margin-top: 0.5rem;
	}

	.container-cmp-teaser > div {
		margin-bottom: 2rem;
	}

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

@media (max-width: 1199px) {
	.app-title {
		top: 2px;
	}
}

@media (max-width: 991px) {
	.container {
		max-width: calc(100% - 2rem);
	}

	.container-navigation {
		width: 100%;
	}

	.my-account-container, .lang-nav-container {
    	align-self: center;
    }

    .top-bar-right {
		align-self: flex-end;
		gap: 1rem;
	}

	.logo-searchbar-wrapper {
    	padding: 1.125rem 0 0;
    } 

	.hero-banner-title h1 {
		font-size: 2.2rem;
	}

	h1, h2.main-title {
		font-size: 1.8rem;
	}

    #navbarSupportedContent > .nav {
    	gap: 0;
    	margin: 0;
    }

    .container-navigation {
    	margin: 0;
    }

    .container-cmp-teaser > div {
		margin-bottom: 2rem;
	}

	.form-change-password .input-field-text {
		width: 100%;
	}

	#pageContent {
		padding-top: 3rem;
	}

	.accordion-item.level-1 > .accordion-header > .accordion-button, .accordion > .accordion-item > .accordion-header > .accordion-button {
		font-size: 1.25rem;
	}

	.accordion-item.level-2 > .accordion-header > .accordion-button, 
	.accordion > .accordion-item > .accordion-collapse > .accordion-body > .accordion-item > .accordion-header > .accordion-button {
		font-size: 1rem;
	}

	.accordion-item.level-3 > .accordion-header > .accordion-button {
		font-size: 1rem;
	}
}

@media (max-width: 767px) {
	#navbarSupportedContent .nav-link {
		background: none;
    	border-bottom: 0;
	}

	.logo-wrapper {
		margin-bottom: 1rem;
	}

	#pageContent {
		padding-top: 2rem;
	}

	.wrapper-hero-banner .container {
		max-width: 100%;
		padding: 0;
	}

	.hero-banner-container {
		display: flex;
		flex-direction: column-reverse;
	}

	.hero-banner-title {
		background: #fff;
	    padding: 2rem 1.75rem 0;
	    position: static;
	    transform: none;
	    width: 100%;
	}

	.m-footer_legalLinks {
		flex-direction: column;
	}
}