.login-wrapper {
	background: #BEFDE4;
	padding: 2.5rem 0 4rem;
	margin-bottom: 3rem;
}

.account-link + .account-link {
	margin-left: 4rem;
}

.account-link {
	color: #303030;
}

.news-teaser-wrapper {
	margin-bottom: 2rem;
}

.news-teaser {
	display: flex;
	margin-bottom: 1rem;
}

.news-teaser + .news-teaser {
	border-top: 1px solid #ccc;
    padding-top: 2rem;
}

.news-teaser-date {
	flex-basis: 15%;
}

.news-teaser-content {
	flex-basis: 85%;
}

.news-teaser-title {
	margin-bottom: 1rem;
}

.news-teaser-title a {
	font-weight: bolder;
}

.cta img {
	margin-bottom: 2rem;
}

.cta h4 {
	font-weight: 100;
	margin-bottom: 1.5rem;
}


.accordion-body .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='%230a7b6b' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e")
}

.accordion-body button.accordion-button:not(.collapsed),
.accordion-body button.accordion-button.collapsed {
	background: #fff;
	color: initial;
}

.accordion-body .accordion-flush {
	margin-bottom: 1rem;
}

.accordion-body .accordion-item,
.accordion-body .accordion-flush>.accordion-item:last-child {
    border-bottom-color: #05dd4d;
}

.news-single .footer {
	border-top: 0;
    border-bottom: 1px solid #888b8b;
}

.news .footer span {
    border-right: 1px solid #888b8b;
}

.news .footer,
.news-single .teaser-text {
	color: inherit;
}

#page_2 .content {
	padding-top: 0;
}

#userdetails td {
	padding: 0 5px;
}

table.tx_mmmhiskunden td, table.tx_mmmhiskunden th {
	padding: 5px;
}

table.tx_mmmhiskunden tr:hover {
    background: #e1e1e1;
}

table.tx_mmmhiskunden tr:first-child:hover {
    background: none;
}

table.tx_mmmhiskunden tr {
    border-bottom: 1px solid #e1e1e1;
}

.customer-active {
    color: green;
}

.consultant-data {
	margin-top: 2rem;
}

.consultant-name {
	font-weight: 700;
}

/*#page_2.feuser-loggedin .content {
	padding-bottom: 0;
}*/

.img-fluid {
	width: 100%;
}

.csc-menu {
    padding: 0;
    margin: 2rem 0 1.5rem;
    display: flex;
    gap: 1.5rem 0.75rem;
    flex-wrap: wrap;
    list-style: none;
}

.csc-menu li {
   	font-size: 1.3rem;
	width: calc((100% / 3) - 0.75rem + (0.75rem / 3));
}

.csc-menu li:before {
	content: "";
	background-color: #0a7b6b;
	display: inline-flex;
	flex: 0 0 auto;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: middle;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    -webkit-mask-image: url(/fileadmin/templates/_global/img/arrow-forward-icon.svg);
    mask-image: url(/fileadmin/templates/_global/img/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;
}

.csc-menu li:hover:before {
	background-color: #04201b;
}

.accordion-body img {
	width: initial;
}

.accordion-body h2:not(.accordion-header) {
	font-size: 1.5rem;
	margin: 1.5rem 0 1rem;
	font-weight: 700;
}

.accordion-body h3{
	font-size: 1.2rem;
	margin: 1.5rem 0 1rem;
	font-weight: 700;
}

.accordion-body h2:after,
.accordion-body h3:after {
	display: none;
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
	.hero-banner-text h1 {
		font-size: 3rem;
		
	}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.hero-banner-text {
	    margin-left: calc(50% - 34.7rem);
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-banner-text h1 {
		font-size: 2.6rem;
		
	}
	.hero-banner-text {
	    margin-left: calc(50% - 29rem);
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.csc-menu li {
		width: calc((100% / 2) - 0.75rem + (0.75rem / 2));
	}
}

@media screen and (max-width: 767px) {
	.news-teaser {
		gap: 1.5rem;
		flex-direction: column;
	}

	.input-email-container, .input-password-container {
		margin-bottom: 1.5rem;
	}

	.csc-menu li {
		font-size: 1rem;
		width: 100%;
		gap: 1.5rem 0;
	}
}
