.subheading {
	text-align: left !important;
	text-justify: inter-word !important;
	overflow-wrap: anywhere !important;
}

.activity-description-text {
	text-align: justify;
	text-justify: inter-word;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

h1 {
	font-size: 4rem !important;
	font-weight: 600 !important;
}

#tmpForm1 {
	width: 100% !important;
	margin: 0 !important;
}

.signUpButton {
	width: 100% !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
}

.signUpButtonDisabled {
	width: 100% !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
}

.signUpButtonBottom {
	display: none !important;
	margin: 0 !important;
	max-width: 0 !important;
	width: 0 !important;
	max-height: 0 !important;
	height: 0 !important;
}

.editDuplicateShareContainer{
	position: absolute !important;
	top: 1.5em !important;
	right: 1.5em !important;
}

.editDuplicateShareButton {
	cursor: pointer;
	background: transparent;
	padding: 0.2em;
	fill: #59d9cc;
}

.editButton {
	border: 0.2em solid #59d9cc;
	border-radius: 0.35em;
}

.editDuplicateShareButton:hover {
	fill: #44bdb1;
	border-color: #44bdb1;
}

.coloredIconButtons{
	fill: #44bdb1;
}

.coloredIconButtons:hover {
	fill: #44bdb1;
	border-color: #44bdb1;
}

.image-container{
	position: relative;
	text-align: center;
}

.image-source{
	position: absolute;
	bottom: 0;
	width: 260px;

	/* To limit to single line
	overflow: hidden;
	white-space: nowrap;*/

	background-color: rgba(0,0,0,0.35);
}

@media only screen and (max-width: 991px) {
	h1 {
		font-size: 3rem !important;
	}

	.signUpButtonTop {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
		max-width: 0 !important;
		width: 0 !important;
		max-height: 0 !important;
		height: 0 !important;
	}

	.signUpButtonBottom {
		display: inline !important;
		width: auto !important;
		height: auto !important;
		max-width: 335px !important;
		max-height: 60px !important;
		margin: auto !important;
	}
}

/**Sign up button on hover text change effect*/
.signUpButton {
	animation: fadeIn ease-in-out 0.6s;
	-webkit-animation: fadeIn ease-in-out 0.6s;
	-moz-animation: fadeIn ease-in-out 0.6s;
	-o-animation: fadeIn ease-in-out 0.6s;
	-ms-animation: fadeIn ease-in-out 0.6s;
}

.signUpButton span {
	animation: fadeIn ease-in-out 0.6s;
	-webkit-animation: fadeIn ease-in-out 0.6s;
	-moz-animation: fadeIn ease-in-out 0.6s;
	-o-animation: fadeIn ease-in-out 0.6s;
	-ms-animation: fadeIn ease-in-out 0.6s;
}

.signUpButton:hover span, .signUpButton:focus span {
	display: none;
	animation: fadeIn ease-in-out 0.6s;
	-webkit-animation: fadeIn ease-in-out 0.6s;
	-moz-animation: fadeIn ease-in-out 0.6s;
	-o-animation: fadeIn ease-in-out 0.6s;
	-ms-animation: fadeIn ease-in-out 0.6s;
}

.signUpButton:hover:before, .signUpButton:focus:before {
	animation: fadeIn ease-in-out 0.6s;
	-webkit-animation: fadeIn ease-in-out 0.6s;
	-moz-animation: fadeIn ease-in-out 0.6s;
	-o-animation: fadeIn ease-in-out 0.6s;
	-ms-animation: fadeIn ease-in-out 0.6s;
}

.signUpButtonOpt1:hover:before, .signUpButtonOpt1:focus:before {
	content: "Jetzt anmelden";
}

.signUpButtonOpt2:hover:before, .signUpButtonOpt2:focus:before {
	content: "Zur Auswahl";
}

.signUpButtonOpt3:hover:before, .signUpButtonOpt3:focus:before {
	content: "Termin absagen";
}

.signUpButtonOptAdmin:hover:before, .signUpButtonOptAdmin:focus:before {
	content: "Termin löschen";
}