:root {
	--bs-font-sans-serif: Arial, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--mm-color-background: #F9F9F9;
	--mm-color-text: #59728E;
	--mm-color-text-dimmed: #59728E;
	--mm-color-button: #59728E;
	--fa-li-margin: 1.5em;
}

body {
	font-size: 14px;
	color: #333333;
}

/***** Typography *****/

h1, .h1 {
	margin: 10px 0 0 0;
	color: #000000;
	font-size: 25px;
	font-weight: 700;
	opacity: 0.6;
}
/*
@media (min-width: 1200px) {
	h1, .h1 {
		font-size: 25px;
	}
}
*/
h2:not(.accordion-header), p.h2 {
	margin-top: 5px;
	font-size: 18px;
	color: #000;
	opacity: 0.6;
}
h3, p.h3 {
	font-size: 14px;
	font-weight: 700;
}

/**********/

a {
	font-weight: 700;
	color: #59728E;
	text-decoration: none;
}
a.mm-navbar__title {
	cursor: default;
	font-weight: 400;
}
.mm-listitem:hover {
	color: #006675;
}
.mm-listitem > a {
	font-weight: 400;
}
.mm-listview {
	display: block !important;
}

.btn {
	border-radius: 0;
	font-size: 14px;
	font-weight: 700;
}

.btn-check:focus + .btn, .btn:focus {
	box-shadow: none;
}

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

.alert-danger {
	border: 0;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: 700;
	color: #C31924;
}

.alert-info {
	color: #555555;
	background-color: #F7F8FA;
	border-color: #F7F8FA;
}

/***** Forms *****/
/*
form {
	background-color: #FFFFFF;
}
*/
form .alert-danger {
	margin-bottom: 0;
	padding: 1rem;
}
form .head {
	border-top: 1px solid #C7D3D9;
	padding: 1rem;
	font-size: 25px;
	font-weight: 700;
	opacity: 0.6;
	color: #000;
}
form .head:first-child {
	border-top: 0;
}
form .body {
	padding: 0 1rem;
}
.form-label {
	font-weight: 700;
}
.input-group {
	margin-bottom: 0;
}
.input-group > .form-control,
.input-group > .form-select {
	margin-bottom: 0;
}
.form-control, .form-select {
	margin-bottom: 1rem;
	/*box-shadow: none;*/
	border: 0;
	border-radius: 0;
	background-color: #F7F8FA;
	color: #555555;
	font-size: 14px;
	/*transition: none;*/
}
.form-control:focus, .form-select:focus {
	box-shadow: none;
	border: 1px solid #777777;
	background-color: #F7F8FA;
	color: #212529;
}
input.form-control:autofill {
	background: #F7F8FA;
}
.form-check {
	margin-bottom: 1rem;
}
.form-check-xl > .form-check-input {
	height: 25px;
	width: 25px;
	margin-right: 15px;
	margin-top: 0;
}
.form-check-xl >.form-check-input:checked {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/c2/Black_check.svg");
	background-size: 50%;
	background-color: #F7F8FA !important;
}
.form-check-xl > .form-check-label {
	display: block;
}
.radio-group > .form-check:not(:last-child) {
	margin-bottom: 0.5rem;
}
.form-check-input {
	border: 1px solid #777777;
	background-color: #F7F8FA;
	color: #212529;
}
.form-check-input[type="checkbox"] {
	border-radius: 0;
}
.form-check-input:checked {
	box-shadow: none;
	border: 1px solid #777777;
	background-color: #F7F8FA;
	color: #212529;
}
.form-check-input:focus {
	box-shadow: none;
	border: 1px solid #777777;
	background-color: #F7F8FA;
	color: #212529;
}
.form-check-input:checked[type="checkbox"] {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/c2/Black_check.svg");
}
.form-check-input:checked[type="radio"] {
	background-color: #777777;
}
form > .footer {
	padding: 1rem;
	text-align: right !important;
}
form div.row.dividing-line {
	padding-top: 10px;
	border-top: 2px solid #c7d3d9;
	margin-top: 10px;
}

/***** Forms Ende *****/
.modal.show {
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
	border-radius: 0;
}
.modal-header {
	border-bottom: 0;
	background-color: #F7F8FA;
}
.modal-header > h5 {
	font-size: 25px;
	font-weight: 700;
	color: #000;
	opacity: 0.6;
}
.modal-footer {
	border-top: 0;
}

.badge {
	border-radius: 0;
}

.progress-bar {
	background-color: #18A1B8;
}

.dropdown-menu {
	font-size: 14px;
}

.table {
	--bs-table-bg: #EEF1F4;
	--bs-table-striped-bg: #F7F8FA;
}
.table > thead > tr {
	--bs-table-bg: #C7D3D9;
}

.table > :not(caption) > * > * {
	padding: 0 inherit;
}

.card {
	border-radius: 0;
}

.popover {
	border-radius: 0;
}

.popover-header {
	background-color: #F7F8FA;
}

.tooltip > .tooltip-inner {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #ADADAD;
	border-radius: 0;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
	border-bottom-color: #ADADAD;
}

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

.accordion-button.accordion-et, .accordion-button.accordion-et:not(.collapsed) {
	box-shadow: none;
	background-color: #F9FBFD;
	color: #59728E;
	font-weight: 700;
	transition: none;
}
.accordion-button.accordion-et:hover, .accordion-button.accordion-et:focus, .accordion-button.accordion-et:hover::after, .accordion-button.accordion-et:focus::after {
	box-shadow: none;
	color: #006675;
}

/*
.accordion-button, .accordion-button:not(.collapsed) {
	box-shadow: none;
	color: #000;
	background-color: #F7F8FA;
	font-weight: 700;
	transition: none;
}
.accordion-button:hover, .accordion-button:focus {
	box-shadow: none;
}

.accordion-button::after {
	filter: grayscale();
}
*/

.navbar-menu {
	font-size: 18px;
}

.carousel-indicators {
	margin-left: 2%;
	margin-bottom: 2%;
	max-width: 50%;
}

.carousel-indicators [data-bs-target] {
	width: 1em;
	height: 1em;
	box-shadow: none;
	border: 2px solid #FFFFFF;
	border-radius: 0;
	background: transparent;
	opacity: 1;
}

.carousel-indicators [data-bs-target]:hover, .carousel-indicators > .active {
	background-color: #FFFFFF;
}

.carousel-control-prev, .carousel-control-next {
	width: 3%;
	opacity: 1;
} 

.carousel-control-prev-icon, .carousel-control-next-icon {
	background-image: none;
	color: #fff;
	font-size: 3vw;
}

.carousel-caption {
	top: 1.25rem;
	bottom: initial;
	text-shadow: 0 0 20px #000;
}
@media (min-width:1200px){
	.carousel-caption h4 {
		font-size: 3.5em;
	} 
	.carousel-caption h5 {
		font-size: 2em;
	}
}
@media (max-width:1199px){
	.carousel-caption h4 {
		font-size: 3em;
	} 
	.carousel-caption h5 {
		font-size: 1.5em;
	}
}
@media (max-width:990px){
	.carousel-caption h4 {
		font-size: 2em;
	} 
	.carousel-caption h5 {
		font-size: 1em;
	}
}
@media (max-width:765px){
	.carousel-caption h4 {
		font-size: 1.5em;
	} 
}
@media (max-width:430px){
	.carousel-caption h4 {
		font-size: 1em;
	} 
}

.carousel-button {
	position: absolute;
	top: initial;
	right: 15%;
	bottom: 1.25rem;
	left: 15%;
	text-align: right;
}
@media (max-width:576px) {
	.carousel-button a.btn {
		font-size: 0.8em;
		padding: 0.6em;
	}
}
@media (min-width:1200px) {
	.carousel-button a.btn {
		font-size: 1.3em;
		padding: 1em 2em;
	}
}

/******** Datatables *********/

.page-link {
	color: #18A1B8;
	border-color: #18A1B8;
}

.page-item.disabled .page-link {
	border-color: #18A1B8;
}

.page-link:hover {
	color: #006675;
	border-color: #006675;
	background-color: #FFFFFF;
	text-decoration: none;
} 

.page-link:focus {
	color: #006675;
	border-color: #006675;
	text-decoration: none;
	box-shadow: none;
} 

.page-item:first-child .page-link, .page-item:last-child .page-link {
	border-radius: 0;
}

.page-item.active .page-link {
	background-color: #18A1B8;
	border-color: #18A1B8;
}
.page-item.active .page-link:hover {
	background-color: #006675;
	border-color: #006675;
}

.nav-tabs {
	border-bottom: 1px solid #59728E;
}
.nav-tabs > .nav-item > .nav-link,
.nav-tabs > .nav-item > .nav-link:focus {
	border-bottom-color: transparent;
}
.nav-tabs > .nav-item > .nav-link:hover {
	border-color: transparent;
}
.nav-tabs > .nav-item > .nav-link.active,
.nav-tabs > .nav-item > .nav-link.active:focus {
	border: 1px solid #59728E;
	border-bottom-color: transparent;
}
.nav-tabs > .nav-item > .nav-link > h2 {
	color: #59728E;
}
.nav-tabs > .nav-item > .nav-link.active > h2 {
	color: #006675;
	cursor: default;
}
.nav-tabs > .nav-item > .nav-link:hover > h2 {
	color: #006675;
}



/*****************************/

.et-bg-gradient {
	background-image: linear-gradient(to bottom, #FFFFFF, #E7EEF1);
}

.et-bg-black {
	background-color: #000000;
}

.et-bg-gray-light {
	background-color: #F7F8FA;
}

.et-badge-new {
	background-color: #E1231F;
}

a.white {
	color: #FFFFFF;
	text-decoration: none;
	opacity: 1.0;
}
a.white:hover, a.white:focus {
	color: #A6AFB3;
}

a.grey {
	color: #777777;
	text-decoration: none;
}
a.grey:hover, a.grey:focus {
	color: #333333;
}

.btn-turquoise {
	background-color: #18A1B8 !important;
	color: #FFFFFF !important;
	border: 1px solid #18A1B8 !important;
}
.btn-turquoise:hover, .btn-turquoise:focus {
	border: 1px solid #006675 !important;
	background-color: #006675 !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.btn-turquoise-border {
	border: 1px solid #18A1B8;
	background-color: #FFFFFF;
	color: #999999;
}
.btn-turquoise-border:hover, .btn-turquoise-border:focus {
	border: 1px solid #006675;
	background-color: #F7F8FA;
	color: #999999;
	text-decoration: none;
}

.btn-white {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.btn-white:hover, .btn-white:focus {
	border: 1px solid #ADADAD;
	background-color: #F7F8FA;
	text-decoration: none;
}

.btn-radio {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.btn-radio:hover {
	color: #FFFFFF;
	background-color: #59728E;
}
.btn-check:checked  + .btn-radio {
	color: #FFFFFF;
	background-color: #006675;
}

.btn-radio:active {
	border: 1px solid #ADADAD;
	background-color: #0000FF;
	text-decoration: none;
}
.btn-grey {
	border: 1px solid #777777;
	background-color: #777777;
	color: #FFFFFF;
}
.btn-grey:hover {
	border: 1px solid #333333;
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
}

.btn-tansparent {
	border: 1px solid #59728E;
	background-color: transparent;
	color: #59728E;
}
.btn-tansparent:hover, .btn-tansparent:focus {
	border: 1px solid #006675;
	color: #006675;
	text-decoration: none;
}

.btn-link {
	border: 1px solid #59728E;
	background-color: #59728E;
	color: #FFFFFF;
}
.btn-link:hover, .btn-link:focus {
	border: 1px solid #006675;
	background-color: #006675;
	color: #FFFFFF;
	text-decoration: none;
}
a.btn-link > i {
	margin: 5px;
	padding: 0;
}
.btn-link-transparent {
	border: 1px solid #59728E;
	background-color: transparrent;
	color: #59728E;
}
.btn-link-transparent:hover, .btn-link-transparent:focus {
	border: 1px solid #006675;
	background-color: transparrent;
	color: #006675;
	text-decoration: none;
}

.et-shadow {
	box-shadow: 0 0 1em #888888;
}
.et-shadow-light {
	box-shadow: 0 0 0.25em #888888;
}


/* .nav-link { */
  /* color: #55727d !important; */
  /* font-weight: 400; */
/* } */

/* .nav-link:focus, .nav-link:hover, .nav-link.active { */
  /* color: #006675 !important; */
  /* text-decoration: none; */
/* } */

.nav-link > img {
  opacity: 0.8;
}

.nav-link > img:focus, .nav-link > img:hover {
  opacity: 1;
}

.nav-button {
	padding: 0.35rem 0.75rem;
}

.navbar-menu .nav-link {
	color: #55727D;
	font-weight: 700;
}

.navbar-menu .nav-link:hover, .navbar-menu .nav-link:focus {
	color: #006675;
}

.dropdown-menu {
  background-color: #F9F9F9;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

a.dropdown-item, span.dropdown-item[role=link] {
  font-weight: 400;
  color: #59728E;
  cursor: pointer;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #18A1B8;
}

a.dropdown-item:focus, a.dropdown-item:hover, span.dropdown-item[role=link]:focus, span.dropdown-item[role=link]:hover {
  color: #006675;
  text-decoration: none;
  background-color: inherit;
}

span.dropdown-item[role=text] {
  color: #000000;
}

span.dropdown-item[role=text]:focus, span.dropdown-item[role=text]:hover {
  color: #000000;
  background-color: inherit;
}

.breadcrumb {
	font-size: 80%;
}

/*****************************/

nav[aria-label=breadcrumb] {
	background: none;
}

.dropdown-toggle.no-caret::after {
	display: none;
}

.btn-circle {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 0;
}

.form-check-input[role="link"] {
    border: 1px solid #59728E;
    background-color: transparent;
    color: #59728E;
}
.form-check-input:checked[type="radio"][role="link"] {
    background-color: #59728E;
}
.form-check-input:checked[type="radio"][role="link"] {
	background-image: none;
}









/*
#triangle-up {
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 100px solid red;
}
*/
/*
https://stackoverflow.com/questions/19719048/center-triangle-at-bottom-of-div
https://stackoverflow.com/questions/41740880/create-an-arrow-with-html5-css-and-or-bootstrap-above-other-element/41741141
*/

/*
.my-product-small:after {
	transform: translateX(-50%);
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border-color: #CAD5E0 transparent transparent transparent;
	border-style: solid;
	border-width: 20px;
}
*/
/*
.card-arrow-bottom {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(-.5rem - 1px);
	display: block;
	width: 1rem;
	height: .5rem;
}

.card-arrow-bottom::after {
	bottom: 1px;
	border-width: .5rem .5rem 0;
	border-top-color: #fff !important;
}

.card-arrow-bottom::before, .card-arrow-bottom::after {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
}

.card-arrow-bottom::before {
	bottom: 0;
	border-width: .5rem .5rem 0;
	border-top-color: rgba(0,0,0,.25);
}
*/
/*
.my-product-small {
	border-radius: 0;
}
*/
.card.my-product-small.active, .card.my-product-small:hover {
	background-color: #F7F8FA;
}
.card.my-product-small > img.type {
	width: 100px;
	margin: 10px auto 0px auto;
}
.card.my-product-small > div.type {
	margin: 10px 10px 0px 10px;
}
.card.my-product-small > hr {
	margin: 10px 40px 0px 40px;
}
.card.my-product-small > div.title {
	margin: 10px 10px 0px 10px;
	font-weight: 700;
}
.card.my-product-small > div.date {
	margin: 10px 10px 0px 10px;
}

.card.my-product-small > .card-arrow-bottom {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(-1rem - 1px);
	display: none;
	width: 2rem;
	height: 1rem;
}
.card.my-product-small.active .card-arrow-bottom {
	display: block;
}
.card.my-product-small > .card-arrow-bottom::before, .card.my-product-small > .card-arrow-bottom::after {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
}
.card.my-product-small > .card-arrow-bottom::after {
	bottom: 1px;
	border-width: 1rem 1rem 0;
	border-top-color: #F7F8FA !important;
}
.card.my-product-small > .card-arrow-bottom::before {
	bottom: 0;
	border-width: 1rem 1rem 0;
	border-top-color: rgba(0,0,0,.25);
}

.portal-logo {
    margin: 5px 0px;
    height: 56px;
}

/* Website */
/* Additional Helpers */
.mh-50 {
	max-height: 50% !important;
}
.mh-50-px {
	max-height: 50px !important;
}
.lh-n {
	line-height: normal !important;
}
.op-60 {
	opacity: 0.6 !important;
}
.op-100 {
	opacity: 1 !important;
}
.h12 {
	height: 12px !important;
}
.h14 {
	height: 14px !important;
}
.h16 {
	height: 16px !important;
}
.h18 {
	height: 18px !important;
}
.h20 {
	height: 20px !important;
}
.inline-text {
	height: 1em;
}
.top-90 {
	top: 90% !important;
}
.fs-7 {
	font-size: 0.875rem !important;
}
.fs-8 {
	font-size: 0.75rem !important;
}
.fs-90 {
	font-size: 90% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.fs-6 {
		font-size: 0.875rem !important;
	}
}
.mt-3-5 {
	margin-top: 1.25rem !important;
}
.mb-2-5 {
	margin-bottom: .75rem !important;
}
.pt-2-5 {
	padding-top: .75rem !important;
}

/* Header */
.my-logo {
	margin: 10px 0px;
	max-height: 80px;
}
@media (min-width: 768px) {
	.my-logo {
		margin: 15px 0px;
		height: auto;	
	}
}
.navbar-buttons > * {
    margin: 0px 2px;
}
.navbar-buttons > a > img {
    width: 25px;
}
.navbar-buttons > .myexperteach,
.navbar-buttons > .shopping-cart
{
    padding-left: 7px;
    padding-right: 7px;
}

form:not([name="add-cart-qp"]):not(#filter-form-bg):not(#filter-form-sm) {
    box-shadow: 0 0 8px #888;
    background-color: #FFF;
}
.navbar-search {
    width: 400px;
}
#search-submit {
    z-index: 0;
}
.myet-large {
    max-height: 23px;
}
.shopping-cart > img {
    max-height: 20px;
}
.dropdown-menu-large {
	transform: unset !important;
	margin: auto !important;
	right: 0px;
	left: 0px;
}

/* Basic */
a.read-more,
a.read-more:hover {
    color: #18A1B8;
    text-decoration: none;
}
.et-break::after {
    content: "\A" !important;
    white-space: pre-wrap;
}
.et-btn-xs {
	padding: .125rem .25rem;
}
.et-btn-sm {
	padding: .25rem .5rem;
	min-width: 30px;
}
.et-btn-xl {
	padding: 0.75rem 1.5rem;
}
.grecaptcha-badge {
    display: none;
}

/* Header */
.et-nav-tabs > li {
	font-size: 1em;
	border-bottom: 5px solid transparent;
}
.et-nav-tabs > li:hover {
    border-color: #006675;
}
@media (min-width: 1200px) {
	.et-nav-tabs > li {
		font-size: 1.25em;
	}
}
/* Home */
/* Slides */
.carousel-item {
  transition: transform .8s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s .8s;
}

/* Cards */
.card.home-card > .card-header,
.card.blog-card > .card-header
{
    height: 155px;
}
.card.home-card > .card-header > .d-table-cell > a > img,
.card.blog-card > .card-header > .d-table-cell > a > img
{
    max-height: 155px;
}

/* Footer */
.web-et-newsletter {
	margin: 0px 200px;
}
.web-et-contact-cards {
	margin: 0px 20px 20px 222px;
	padding: 15px 18px;
}
.web-et-contact-form {
	margin: 0px 222px 20px 20px;
	padding: 14px 15px;
}
@media (max-width: 1399px) {
	.web-et-contact-cards {
		margin: 0px 0px 20px 192px;
	}
	.web-et-contact-form {
		margin: 0px 192px 20px 0px;
	}
	.web-et-newsletter {
		margin: 0px 130px;
	}
}
@media (max-width: 1199px) {
	.web-et-contact-cards {
		margin: 0px 20px 20px 80px;
	}
	.web-et-contact-form {
		margin: 0px 80px 20px 20px;
	}
	.web-et-newsletter {
		margin: 0px 80px;
	}
}
@media (max-width: 991px) {
	.web-et-contact-cards,
	.web-et-contact-form,
	.web-et-newsletter
	{
		margin: 0px 0px 20px 0px;
	}
}
@media (max-width: 650px) {
	.web-et-newsletter {
		flex-direction: column;
		padding: 15px;
	}
	.web-et-newsletter span {
		margin-bottom: 0.5rem;
	}
}

/* Company-Menu */
footer .company-menu a:not(:last-child)::after {
    content: " • ";
}

/* Page Content */
/* .web-et-content-head { */
    /* min-height: 100px; */
/* } */
.web-et-content-head img {
    max-height: 64px;
}

/* Teaser (Cards) */
.web-et-content-teaser .card-header {
  background-color: #c7d3d9;
}
.web-et-content-teaser .card-body {
  background-color: #f7f8fa;
}

/* Accordion */
.accordion-item {
	border: 1px solid #ddd !important;
}
form[name=shopping-cart] .accordion-item {
  border: 1px solid transparent !important;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.accordion-header {
  border-color: #c2c2c2;
  background-color: #f9fbfd;
}
.accordion-button::after {
	font-family: 'Font Awesome 6 Pro';
	background-image: none !important;
	transform: none !important;
	content: "\f068";
}
.accordion-button.collapsed::after {
	content: "\f067";
}

.accordion-header .accordion-button,
.accordion-header .accordion-button::after
{
	background-color: #f9fbfd;
	color: #59728E;
}

.web-et-content-menu  > ul.form {
	background-color: #F7F8FA;
	color: #777;
	max-width: 129px;
}

.selectDiv {
  position: relative;
}

.selectDiv::before {
  content: '';
  right: 6px;
  bottom: 3px;
  width: 20px;
  height: 20px;
  background: #f8f8f8;
  position: absolute;
  pointer-events: none;
  display: block;
}

.selectDiv::after {
  content: '<>';
  font: 20px "Consolas",monospace;
  color: #aaa;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 2px;
  bottom: 3px;
  padding: 0 0 2px;
  border-bottom: 1px solid #ddd;
  position: absolute;
  pointer-events: none;
}
/* label.checkbox, */
/* label.radio */
/* { */
  /* display: block; */
  /* position: relative; */
  /* padding-left: 45px; */
  /* margin-top: 0; */
  /* cursor: pointer; */
  /* font-weight: 400; */
  /* -webkit-user-select: none; */
  /* -moz-user-select: none; */
  /* -ms-user-select: none; */
  /* user-select: none; */
  /* line-height: 2.6; */
/* } */
/* label.checkbox.checkbox-sm, */
/* label.radio.radio-sm */
/* { */
  /* padding-left: 35px; */
  /* line-height: 1.6; */
/* } */
/* label.checkbox input, */
/* label.radio input */
/* { */
  /* position: absolute; */
  /* opacity: 0; */
  /* cursor: pointer; */
  /* height: 0; */
  /* width: 0; */
/* } */
/* label.checkbox .checkmark, */
/* label.radio .checkmark */
/* { */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* height: 34px; */
  /* width: 34px; */
  /* background-color: #F7F8FA; */
  /* border: 1px solid #000; */
/* } */
/* label.checkbox.checkbox-sm .checkmark, */
/* label.radio.radio-sm .checkmark */
/* { */
  /* height: 25px; */
  /* width: 25px; */
/* } */
/* label.checkbox input:checked ~ .checkmark::after, */
/* label.radio input:checked ~ .checkmark::after */
/* { */
  /* display: block; */
/* } */
/* label.checkbox.checkbox-sm .checkmark::after, */
/* label.radio.radio-sm .checkmark::after */
/* { */
  /* left: 9px; */
  /* width: 5px; */
  /* height: 10px; */
/* } */
/* label.checkbox .checkmark::after, */
/* label.radio .checkmark::after */
/* { */
  /* content: ""; */
  /* position: absolute; */
  /* display: none; */
  /* left: 13px; */
  /* top: 5px; */
  /* width: 10px; */
  /* height: 20px; */
  /* border: solid #000; */
  /* border-width: 0 3px 3px 0; */
  /* -webkit-transform: rotate(45deg); */
  /* -ms-transform: rotate(45deg); */
  /* transform: rotate(45deg); */
/* } */

.issue {
  background-image: linear-gradient(to right,#45737F,#E7EFF2);
}
.issue .title {
  color: #46747f;
}

span.check {
  font-size: 150%;
}
span.check::before {
    content: "✔";
}
.shopping-cart-confirm {
  color: #18A1B8;
}
.light {
	color: #777;
}
.count {
	left: 75%;
	top: -5px;
}

dl > dt {
  padding-top: 10px;
  padding-bottom: 5px;
}

.web-et-content-body h2, .web-et-content-body h3 {
	opacity: 1;
	font-size: 14px;
	font-weight: 700;
}
.web-et-content-body img {
	vertical-align: text-top;
}
main ul:not(#tabs) .nav-item {
  margin-bottom: 5px;
}

.blog-card > div > div {
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	height: 156px;
}
table.chart tr.top > td {
	padding-bottom: 4px;
	font-weight: 700;
}
table.chart tr.item > td {
	padding-bottom: 5px;
}
table.chart .number {
	width: 25px;
	background-color: #59728E;
}
table.chart .arrow {
	vertical-align: top;
	margin-left: 7px;
}
div.logos img {
  max-width: 110px;
  max-height: 50px;
}

/* Neues Logo + Layout */
.bg-black {
	background-color: #000000 !important;
}
.bg-greyblue {
	background-color: #59728E !important;
}
.border-black {
	border-color: #000000 !important;
}
.text-black {
	color: #000000 !important;
}
.text-turquoise {
	color: #18A1B8 !important;
}
nav .nav-item:hover > .nav-link {
	border-bottom: 4px solid black;
}
nav .dropdown:hover .dropdown-menu {
	display: block;
}
nav .dropdown > .nav-link {
	border-bottom: 4px solid transparent;
	text-decoration: none;
}
nav .nav-item:hover > .nav-link.nav-small > .nav-span{
	border-bottom: 1px solid #006675;
}
nav .nav-item:hover > .nav-link.nav-small {
	padding-bottom: 1px;
	color: #006675 !important;
}
a, .link, .nav-link {
	font-weight: 700;
	color: #59728E;
	cursor: pointer;
}
.nav-link {
	font-weight: 400;
}
a:focus, a:hover, .link:focus, .link:hover, .nav-link:focus, .nav-link:hover {
	color: #006675;
}
a:not(.nav-link):not(.mm-listitem__text):not(.mm-navbar__title):focus, a:not(.nav-link):not(.mm-listitem__text):not(.mm-navbar__title):hover, .link:focus, .link:hover {
	color: #006675;
	text-decoration: underline;
}

/*
table.dataTable.table-striped > tbody > tr.odd > * {
	box-shadow: none;
	background-color: #F7F8FA;
}
table.dataTable.table-striped > tbody > tr.even > * {
	box-shadow: none;
}
*/

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
	padding-top: 0;
	padding-bottom: 0;
	height: 30px;
}

table.dataTable > thead .sorting::before {
	display: none;
}

table.dataTable > thead .sorting::after,
table.dataTable > thead .sorting_asc::after,
table.dataTable > thead .sorting_desc::after,
table.dataTable > thead .sorting_asc_disabled::after,
table.dataTable > thead .sorting_desc_disabled::after 
{
	position: static;
	display: inline-block;
	vertical-align: middle;
	font-family: "Font Awesome 6 Pro";
	font-size: large;
}
table.dataTable thead .sorting::after {
    content: "\f0d8";
	opacity: 0.2;
}
table.dataTable thead .sorting_asc::after {
    content: "\f0d8";
	opacity: 0.5;
}
table.dataTable thead .sorting_desc::after {
	content: "\f0d7";
	opacity: 0.5;
}
.responsive-zoom {
	margin-bottom: 3rem;
	cursor: pointer;
}