/* ############################################################
	180 - AKKORDEON
############################################################ */

/* Reset */
.mdl180-accordion.ui-accordion .ui-accordion-header,
.mdl180-accordion.ui-accordion .ui-state-default,
.mdl180-accordion.ui-accordion .ui-state-hover,
.mdl180-accordion.ui-accordion .ui-state-active,
.mdl180-accordion .ui-widget-content {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
}


/* Arrow-Button */
.mdl180-accordion.ui-accordion .ui-state-default span {
	display: inline-block;
	position: absolute;
	top: calc(50% - 4px);
	right: 25px;
	width: 13px;
	height: 8px;
	margin-top: 0;
	background-image: url("../../fctriesenberg/Images/Elemente/Icon_Arrow_Down_14x8.svg");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	-o-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
}
.mdl180-accordion.ui-accordion .ui-state-hover span {
	transform: translateY(5px);
}
.mdl180-accordion.ui-accordion .ui-state-active span {
	transform: rotate(180deg);
}
@media (min-width: 1020px) {
	.mdl180-accordion.ui-accordion .ui-state-default span {
		top: calc(50% - 4px);
		right: 30px;
		width: 14px;
	}
}


/* Accordion-Liste */
.mdl180-accordion.ui-icon {
	display: none;
}
.mdl180-accordion.ui-accordion {
}
.mdl180-accordion.ui-accordion .ui-widget {
}

/* Akkordeon-Titel */
.mdl180-accordion.ui-accordion .ui-accordion-header {
	width: 100%;
	border: none;
	margin: 2px 0 0;
	padding: 20px 63px 20px 25px;
	background-color: var(--main-color-white);
	font-family: "Poppins";
	font-weight: 600;
	font-style: normal;
	font-size: 1.0625rem; /* 17px */
	line-height: 1.5;
	letter-spacing: 0.17px;
	color: var(--main-color-1);
}
.mdl180-accordion.ui-accordion .ui-accordion-header:first-of-type {
	margin-top: 0;
}
.mdl180-accordion.disabled.ui-accordion .ui-accordion-header {
	cursor: default;
	padding-right: 0px;
}
.mdl180-accordion.ui-accordion .ui-accordion-header-active {
}
.mdl180-accordion.ui-accordion .ui-state-default {
}
.mdl180-accordion.ui-accordion .ui-state-hover {
}
.mdl180-accordion.disabled.ui-accordion .ui-state-hover {
}
.mdl180-accordion.ui-accordion .ui-state-active {
}
@media (min-width: 1020px) {
	.mdl180-accordion.ui-accordion .ui-accordion-header {
		padding: 23px 74px 23px 30px;
		font-size: 1.375rem; /* 22px */
		letter-spacing: 0.22px;
	}
}


/* Inhalt */
.mdl180-accordion .ui-widget-content {
	zoom: 1;
	margin-top: 2px;
	padding: 20px 25px 60px;
	background-color: var(--main-color-white);
	font-family: "Poppins";
	font-weight: 400;
	font-style: normal;
	font-size: 0.875rem; /* 14px */
	line-height: 1.5;
	letter-spacing: 0.14px;
	color: var(--main-color-1);
}

	/* Hyperlinks */
	.mdl180-accordion .ui-widget-content a {
		color: var(--main-color-1);
	}
	.mdl180-accordion .ui-widget-content a:hover {
		color: var(--main-color-1);
		text-decoration: underline;
	}
	
	/* Absätze */
	.mdl180-accordion .ui-widget-content p + h3,
	.mdl180-accordion .ui-widget-content p + h4,
	.mdl180-accordion .ui-widget-content p + p {
		margin-top: 27px;
	}
	.mdl180-accordion .ui-widget-content .table-scrollable + h3,
	.mdl180-accordion .ui-widget-content .table-scrollable + h4,
	.mdl180-accordion .ui-widget-content .table-scrollable + p {
		margin-top: 50px;
	}
	.mdl180-accordion .ui-widget-content p + .table-scrollable,
	.mdl180-accordion .ui-widget-content .table-scrollable + .table-scrollable {
		margin-top: 40px;
	}
@media (min-width: 1020px) {
	.mdl180-accordion .ui-widget-content {
		padding: 26px 30px 90px;
		font-size: 1rem; /* 16px */
		letter-spacing: 0.16px;
	}
	
		/* Absätze */
		.mdl180-accordion .ui-widget-content p + h3,
		.mdl180-accordion .ui-widget-content p + h4,
		.mdl180-accordion .ui-widget-content p + p {
			margin-top: 37px;
		}
		.mdl180-accordion .ui-widget-content .table-scrollable + h3,
		.mdl180-accordion .ui-widget-content .table-scrollable + h4,
		.mdl180-accordion .ui-widget-content .table-scrollable + p {
			margin-top: 70px;
		}
		.mdl180-accordion .ui-widget-content p + .table-scrollable,
		.mdl180-accordion .ui-widget-content .table-scrollable + .table-scrollable {
			margin-top: 60px;
		}
}