/* *** ELEMENTS *** */
.accordions{
	margin: 60px 0 50px;
}
	.accordions .element{
		padding: 0;
		border: 2px solid #b8e986;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
	.accordions .element:not(:last-child){
		border-bottom: none;
	}
	.accordions .element .head{
		cursor: pointer;
		padding: 19px 0 20px;
		font-size: 20.000007px;
		line-height: 26px;
		font-weight: 500;
		letter-spacing: .74px;
	}
	.accordions .element .head:after{
		font-family: 'xtxicon';
		content: '\e903';
		transform: rotate(45deg);
		float: right;
		transition: transform .2s, -webkit-transform 0.2s;

	}
	.accordions .element.open .head:after{
		transform: rotate(90deg);
		transition: transform .2s, -webkit-transform 0.2s;
	}
	.accordions .element .content{
		display: none;
		padding: 5px 0;
		margin-bottom: 33px;
	}




/* --- CONTENT -> Signatur --- */
.main-content .signature{
	margin-top: 30px;
}
	.main-content .signature > div:not(:last-child){
		margin-bottom: 15px;
	}
	.main-content .signature span{
		display: block;
	}
	.main-content .signature .name{
		font-family: Arial,Helvetica,sans-serif;
	}





/* *** SITE SPECIFIC *** */
/* --- SITE SPECIFIC -> Login --- */
#formGroup_loginName{
	margin-top: 20px;
}
	#formGroup_password{
		margin-top: 10px;
	}
	#formGroup_password .input-group{
		position: relative;
		width: 322px;
	}
	#formGroup_password #msPasswordInput_togglePasswordView{
		color: #FFFFFF;
		font-size: 20px;
		position: absolute;
		right: 0;
		padding: 7px 10px;
		height: 37px;
		background-color: #222;
		border: 0 none;
	}
	#formGroup_loginName input[type="text"],
	#formGroup_password input[type="password"],
	#formGroup_password input[type="text"]{
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
		color: #4a4a4a;
		padding: 5px 10px;
		width: 300px;
		height: auto;
		border: 1px solid #6c6c6c;
		outline: none;
	}
	#btn-group-loginSubmitButton{
		float: none;
	}
	#submitknop{
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
		color: #FFFFFF;
		margin-top: 20px;
		padding: 5px 10px;
		background-color: #222;
		border: 0 none;
	}

/* --- SITE SPECIFIC -> Veranstaltungsort, Hotel --- */
.location-wrapper{
	margin: 50px 0;
}
	.location-wrapper .location:not(:last-child){
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #222;
	}
	.location-wrapper .location .images{
		margin: 10px 0;
		width: 100%;
		max-width: 400px;
	}
	.location-wrapper .location .images img{
		display: block;
		width: 100%;
		max-width: 400px;
	}
	.location-wrapper .location .images img:first-child{
		margin-bottom: 10px;
	}
	.location-wrapper .location .text > div{
		margin-top: 10px;
	}
	.location-wrapper .location .text > div span{
		display: block;
	}

/* --- SITE SPECIFIC -> Agenda --- */
.agenda-days{
	margin-top: 10px;
}
	.agenda-days > span{
		color: #222;
		cursor: pointer;
		display: block;
		margin-bottom: 5px;
		padding: 3px 10px;
		border: 1px solid #222;

		-webkit-transition:	all 500ms ease;
		-moz-transition:	all 500ms ease;
		-ms-transition:		all 500ms ease;
		-o-transition:		all 500ms ease;
		transition:			all 500ms ease;
	}
	.agenda-days > span:hover,
	.agenda-days > span.active{
		color: #FFFFFF;
		background-color: #23c6c8;
	}

.agenda{
	margin-top: 10px;
}
	.agenda .day{
		display: none;
	}
	.agenda .day.active{
		display: block;
	}
	.agenda .day > div{
		padding: 10px;
		background-color: #e9e9e9;
	}
	.agenda .day > div.head{
		color: #FFFFFF;
		background-color: #4a4a4a;
	}
	.agenda .day:not(:first-child) > div.head{
		margin-top: 20px;
	}
	.agenda .day > div:not(:last-child){
		margin-bottom: 10px;
	}
	.agenda .day .time{
		font-family: Arial,Helvetica,sans-serif;
	}
	.agenda .day .name{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 18px;
		color: #222;
		margin: 5px 0;
	}
	.agenda .day .bemerkung{
		margin-bottom: 5px;
	}
	.agenda .day .info:before{
		font-family: fontAwesome;
		text-align: center;
		display: inline-block;
		margin-right: 10px;
		width: 20px;
	}
	.agenda .day .info.room:before{
		content: '\f041';
	}
	.agenda .day .info.speaker:before{
		content: '\f007';
	}

/* --- SITE SPECIFIC -> Galerie --- */
.galerie{
	margin: 20px 0;
}
	.galerie:after{
		content: '';
		display: table;
		clear: both;
	}
	.galerie img{
		float: left;
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
	.galerie a:nth-child(2n+1) img{
		margin-right: 10px;
	}


@media only screen and (min-width: 768px){
	/* *** CONTENT *** */
	/* --- CONTENT -> Signatur --- */
	.main-content .signature{
		display: flex;
		flex-wrap: wrap;
	}
		.main-content .signature > div{
			flex: 0 calc(50% - 10px);
			margin-bottom: 15px;
		}
		.main-content .signature > div:nth-child(2n+1){
			margin-right: 20px;
		}


	/* *** FOOTER *** */


	/* *** SITE SPECIFIC *** */
	/* --- SITE SPECIFIC -> Veranstaltungsort, Hotel --- */
	.location-wrapper .location .wrapper{
		display: flex;
		margin-top: 10px;
	}
		.location-wrapper .location:nth-child(2n+2) .wrapper{
			flex-direction: row-reverse;
		}
		.location-wrapper .location .images{
			align-self: flex-start;
			margin: 5px 20px 0 0;
			width: 350px;
			max-width: none;
		}
		.location-wrapper .location:nth-child(2n+2) .images{
			margin: 5px 0 0 20px;
		}
		.location-wrapper .location .text{
			width: calc(100% - 370px);
		}
		.location-wrapper .location .text > div:first-child{
			margin-top: 0;
		}

	/* --- SITE SPECIFIC -> Agenda --- */
	.agenda-days > span{
		display: inline-block;
		margin-right: 5px;	
	}
		.agenda .day > div{
			display: flex;
			flex-wrap: wrap;
		}
		.agenda .day .time{
			flex: 0 100px;
			margin-right: 20px;
		}
		.agenda .day .content{
			flex: 0 calc(100% - 120px);
		}
		.agenda .day .name{
			margin-top: 0;
		}

	/* --- SITE SPECIFIC -> Galerie --- */
	.galerie img{
		margin-right: 10px;
		width: calc(25% - 30px / 4);
	}
	.galerie a:nth-child(4n+4) img{
		margin-right: 0;
	}
}


@media only screen and (min-width: 1024px){
	/* *** CONTENT *** */
	/* --- CONTENT -> Signatur --- */
	.main-content .signature > div{
		flex: 0 calc(25% - 15px);
		margin-right: 20px;
		margin-bottom: 15px;
	}
		.main-content .signature > div:nth-child(4n+4){
			margin-right: 0;
		}


	/* *** SITE SPECIFIC *** */
	/* --- SITE SPECIFIC -> Login --- */
	.microsite_989C6DEBBE823F5B #divContentWrapper{
		display: flex;
	}
}