/*--- COLLAPSEPANEL ---*/

.collapsepanelmodule .panel-body
{
	padding: 30px 15px;
}

.collapsepanelmodule .panel-body .imageCol {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.collapsepanelmodule .panel-body[data-image-position="rechts"] .imageCol {
	justify-content: flex-end;
}

.collapsepanelmodule .panel-body .imageCol img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px)
{
	.collapsepanelmodule .panel-body
	{
		padding: 15px;
	}
}

.collapsepanelmodule .panel-heading a:hover
{
	background: #ddd;
}

.collapse-panel-svg
{
	float: right;
}

.maincontent .collapsepanelmodule ul,
.maincontent .collapsepanelmodule ol {
	margin-bottom: 10px
}

.maincontent .collapsepanelmodule ul li, 
.maincontent .collapsepanelmodule ol li {
	font-size: 17px;
}


/* reset */
.panel-group .panel-module-item
{
	background: white;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	margin-top: -1px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-module-item .panel-heading
{
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.panel-module-item .panel-heading a
{
	display: block;
	background: #ddd;
	padding: 10px 30px 10px 15px;
	font-weight: bold;
	position: relative;
	font-size: 17px;
}

.panel-module-item .panel-heading a.collapsed
{
	background: white;
	font-weight: normal;
}

.panel .collapse-panel-svg
{
	display: none;
	position: absolute;
	top: 50%;
	right: 15px;
}

.panel .collapsed .svg-angle-right
{
	display: block;
	margin-top: -8.5px;
	width: 13px;
	height: 17px;
}

.panel .default:not(.collapsed) .svg-angle-bottom
{
	display: block;
	margin-top: -5px;
	width: 17px;
	height: 13px;
}