/* STUDIO CONTAINER */

#studio {
	background: url(../pics/back_studio.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width: 1280px;
	width: 100%;
	font-family: 'FiraSans-Regular', Helvetica, Arial, sans-serif;
	line-height: 140%;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 2000;
}

.studiotext {
	max-width: 500px;
	width: 34.06%;
	margin: 0 0 0 5.3%;
	padding: 0.7%;
	background-color: rgba(220, 220, 220, 0.0);
	line-height: 140%;
}

.lft_logo {
	max-width: 110px;
	width: 100%;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	float: left;
}

h7 {
	text-align: left;
	font-family: 'FiraSans-medium', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	color: #af4e1e;
	padding: 0;
	font-size: calc(0.4em + (0.7vmax + 0.7em) / 2);
	line-height: calc(0.9em + .5vmax);
}

.magischer_ort {
	font-family: 'FiraSans-Medium', Helvetica, Arial, sans-serif;
	font-size: calc(0.46em + (0.7vmax + 0.7em) / 2);
	color: #c85922;
	text-shadow: 3px 2px 8px #9dc8e8;
}

.akkordion-container {
	position: relative;
	width: 100%;
	display: inline-block;
}

.akkordionheadline,
.akkordionheadline2 {
	position: relative;
	display: block;
	text-align: left;
	font-family: 'FiraSans-medium', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	color: #af4e1e;
	font-size: calc(0.4em + (0.7vmax + 0.7em) / 2);
	line-height: calc(0.9em + .5vmax);
	background: rgba(230, 230, 230, 0.0);
	padding: 6px 12px 6px 12px;
	cursor: pointer;
	border-right: 0px solid #666;
	border-left: 0px solid #666;
	border-top: 0px solid #666;
	border-bottom: 1px solid #666;
	transition: .25s;
}

.akkordioncontent,
.akkordioncontent2 {
	font-family: 'FiraSans-Regular-Italic', Helvetica, Arial, sans-serif;
	border-left: 0px solid #666;
	border-right: 0px solid #666;
	border-top: 0 solid #E0E0E0;
	border-bottom: 0px solid #666;
	display: none;
	padding: 12px;
	margin: 0;
	color: #000;
	background: rgba(200, 200, 210, 0.0);
	font-size: calc(0.4em + (0.7vmax + 0.7em) / 2);
	line-height: calc(0.9em + .7vmax);
}

.akkordion_1-content {
	font-family: 'FiraSans-Regular-Italic', Helvetica, Arial, sans-serif;
	padding: 0 0 0 12px;
	margin: 0 0 12% 0;
	color: #000;
	background: rgba(200, 200, 210, 0.0);
	font-size: calc(0.4em + (0.7vmax + 0.7em) / 2);
	line-height: calc(0.9em + .5vmax);
}

.arrow {
	position: absolute;
	top: 7px;
	right: -5px;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #af4e1e;
	font-size: 15px;
	vertical-align: middle;
	padding: 0 0 0 0;
	transition: 0.8s;
}


.auf {
	position: absolute;
	top: 7px;
	right: -5px;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	vertical-align: middle;
	padding: 0 0 0 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #666;
	transition: 0.8s;
}

.firstauf {
	position: absolute;
	top: 7px;
	right: -5px;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	vertical-align: middle;
	padding: 0 0 0 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #039;
	transition: 0.8s;
}

hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.studiotext_bild {
	max-width: 500px;
	width: 100%;
	margin: 2% 0 20px 1%;
	padding: 0%;
	background-color: rgba(220, 220, 220, 0);
	line-height: 0 !important;
}

.regiebild {
	max-width: 425px;
	width: 100%;
}

.weitere_infos {
	width: 100%;
	margin: 0 0 10% 1.6%;
	padding: 10px 0.7% 0 1.2%;
	background-color: rgba(220, 220, 220, 0.0);
}


.weitere_infos a {
	color: #af4e1e;
}

.weitere_infos a:hover {
	color: #009;
}

.tablet {
	display: none;
}


@media screen and (max-width: 1024px) {


	#studio {
		background: url(../pics/back_studio_alt_1024.jpg) repeat left top scroll;
		background-size: 100% auto;
		max-width: 1024px;
		width: 100%;
	}

	.studiobereich {
		max-width: 590px;
		width: 57.6171875%;
		margin: 0;
		padding: 0;
	}

	.studiotext {
		max-width: 400px;
		width: 74.07407407%;
		margin: 0 0 0 0%;
		padding: 0.7% 10% 0 10%;
		background-color: rgba(250, 250, 250, 0.0);
		line-height: 140%;
	}

	.akkordion_1-content {
		margin: 0 0 10% 0;
	}

	.akkordionheadline {
		position: relative;
		display: block;
		text-align: left;
		font-family: 'FiraSans-medium', Helvetica, Arial, sans-serif;
		font-weight: normal;
		margin: 0;
		color: #af4e1e;
		font-size: calc(0.4em + (0.7vmax + 0.7em) / 2);
		line-height: calc(0.9em + .5vmax);
		background: rgba(230, 230, 230, 0.0);
		padding: 6px 12px 6px 0px;
		cursor: pointer;
		border-right: 0px solid #666;
		border-left: 0px solid #666;
		border-top: 0px solid #666;
		border-bottom: 1px solid #666;
		transition: .25s;
	}

	.studiotext_bild {
		max-width: 400px;
		margin: 0 0 20px 0%;
		padding: 0;
		background-color: rgba(250, 250, 250, 0.8);
		line-height: 0 !important;
	}

	.lft_logo {
		max-width: 110px;
		width: 24%;
		margin: 4px 20px 0 0;
		padding: 0 0 0 0;
		display: inline-block;
		float: left;
	}

	.regiebild {
		max-width: 400px;
		width: 100%;
	}

	.weitere_infos {
		width: 100%;
		padding: 4% 0 12% 0;
	}


}

@media screen and (max-width: 900px) {

	.desktop {
		display: none;
	}

	#studio {
		background: url(../pics/back_studio_alt900.jpg) repeat left top scroll;
		background-size: 100% auto;
		max-width: 1024px;
		width: 100%;
	}

	.studiobereich {

		background: transparent;
	}

	.tablet {
		display: block;
	}

	.lft_logo {
		max-width: 110px;
		width: 30%;
		margin: 0 0 20px 33%;
		float: none;
	}

	.firstcontent {
		display: block;
	}

	.studiotext_bild {
		max-width: 400px;
		margin: 12% 0 20px 0%;
		padding: 0;
		background-color: rgba(250, 250, 250, 0.8);
		line-height: 0 !important;
	}

	.regiebild {
		max-width: 600px;
		width: 100%;
	}
}



@media screen and (max-width: 768px) {

	#studio {
		background: url(../pics/back_studio_alt768.jpg) repeat left top scroll;
		background-size: 100% auto;
		max-width: 1024px;
		width: 100%;
	}

}

@media screen and (max-width: 480px) {

	html,
	body {
		overflow-x: hidden;

	}

	#studio {
		background: url(../pics/back_studio_alt480.jpg) repeat left top scroll;
		background-size: 100% auto;
		max-width: 480px;
		width: 100%;
	}

	.studiobereich {
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: transparent;
	}

	.studiotext {
		max-width: 400px;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.lft_logo {
		max-width: 110px;
		width: 30%;
		margin: 0 0 20px 32%;
	}

	.akkordionheadline2 {
		font-size: calc(0.5em + (0.7vmax + 0.7em) / 2);
		line-height: calc(1.1em + .5vmax);
	}

	.akkordioncontent2 {
		font-size: calc(0.5em + (0.7vmax + 0.7em) / 2);
		line-height: calc(1.1em + .7vmax);
	}

	.firstcontent {
		padding: 12px 0 0 12px;
	}

	.weitere_infos {
		padding: 2% 0 8% 3%;
	}

	.arrow {
		right: 5px;
	}

	.auf {
		right: 5px;
	}
}

@media screen and (max-width: 360px) {
	.arrow {
		right: 36px;
	}

	.auf {
		right: 36px;
	}
}