/* CSS Document */

html {
	background-size:cover;
	
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
	}
	
body {
	background:none;
	color:#2d2d2d;
	font-family: 'Open Sans Condensed', Calibri, Verdana, Helvetica, sans-serif;
	font-size:25px;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
	}	
	
a {
	background:none;
	border:none;
	color:#fff;
	text-decoration: none;
	}	
	
a:link { 
	border:none;
}

a:visited {
	border:none;	
}

a:hover { 
	border:none;
	color:#E5D3FF;
}

a:active { 
	border:none;
}

img {
	border:none;
	}
	
#navigation_n {
 	border:none;
	float:left; 
	height:100%;
	left:5px;
	position:absolute;
	top:70px;
	width:10%;
	}
	
#logo,#webdesign,#logodesign,#fotografie,#panorama,#film {
	display:none;
	}
	
#unternavigation {
	background-color:rgba(22,22,22,0.8);
	border:none;
	position:relative;
	width:100%;
	height:50px;
	}

#unternavigation ul {
	margin: 0px;
	padding: 0px;
	position:relative;
}

#unternavigation li {
	border:none;
	float:right;
	list-style: none;
}
#unternavigation a {
	color: #fff;
	display:block;
	padding: 7px 12px;
	position:relative;
	right:1%;
	text-decoration: none;
}

#unternavigation a:hover {
	color:#E5D3FF;
	position:relative;
	text-decoration: none;
}


#facebook {
	border:none;
	position:relative;
	}

#game {
	border:none;
	position:relative;
	}

#uebermich {
	position:relative;
	right:2%;
	}
	
#fotografie {
	border:none;
	margin-right:800px;
	position:relative;
	top:100px;
	}
	
#logodesign {
	border:none;
	margin-right:800px;
	position:relative;
	top:100px;
	}

#webdesign {
	border:none;
	margin-right:800px;
	position:relative;
	top:100px;
	}
	
#film {
	border:none;
	margin-right:800px;
	position:relative;
	top:100px;
	}
	
#panorama {
	border:none;
	margin-right:800px;
	position:relative;
	top:100px;
	}
	
#logo {
	border:none;
	margin-right:800px;
	position:relative;
	top:100px;
	}

.img_nav {
	border:none;
	float:left;
	padding:2%;
	position:relative;
	}



#text_webdesign {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}
	
#text_webdesign a {
	color:#7F65AD;
	}

#text_webdesign a:hover {
	text-decoration:underline;
	}

	
#text_logodesign {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}

#text_fotografie {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}
	
#text_fotografie a {
	color:#7F65AD;
	}

#text_fotografie a:hover {
	text-decoration:underline;
	}
	
#text_film {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}
	
video {
	float:left;
	margin-bottom: 30px;
	width:60%;
	object-fit:contain;
	}
	
video.start {
	border:1px solid #000;
	}
	
#cinema {
	top: 2000px;
	float:left;
	}
	
#aftereffects {
	top: 2000px;
	float:left;
	}
	
#text_film a {
	color:#7F65AD;
	}

#text_film a:hover {
	text-decoration:underline;
	}
	
#text_panorama {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}
	
#text_panorama a {
	color:#7F65AD;
	}

#text_panorama a:hover {
	text-decoration:underline;
	}
	
#formularbox {
	margin:35px;
	}

	
#text_kontakt {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}
	
#text_kontakt a {
	color:#7F65AD;
	}
	
#text_kontakt a:hover {
	color:#7F65AD;
	text-decoration:underline;
	}
	
.kontakt-adresse {
	margin:0px;
	}
	
input,textarea {
	font-family:'Open Sans Condensed', Calibri, Verdana, Helvetica, sans-serif;
	font-size:22px;
	height:25px;
	width:220px;
	}
	
input.button {
	background-color:#947BAE;
	border:none;
	box-shadow: inset 1px 1px 6px #442558;
	color:#fff;
	font-family: 'Open Sans Condensed', Calibri, Verdana, Helvetica, sans-serif;
	height:36px;
	margin-top:14px;
	text-align:center;
	width:160px;
	}
 
input.button:hover {
	background-color:#EED9FF;
	box-shadow: inset 1px 1px 6px #442558;
	color:#6B4681;
	font-family: 'Open Sans Condensed', Calibri, Verdana, Helvetica, sans-serif;
	}
	
#text_uebermich {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	right:250px;
	text-decoration:none;
	top:38.5px;
	}

#text_uebermich a {
	color:#7F65AD;
	}

#text_uebermich a:hover {
	text-decoration:underline;
	}
	
#text_impressum {
	color:#000;
	float:left;
	font-size:22px;
	position:absolute;
	left:220px;
	text-decoration:none;
	top:38.5px;
	}
	
#text_impressum a {
	color:#7F65AD;
	text-decoration:none;
	}

#text_impressum a:hover {
	text-decoration:underline;
	}

#fusszeile {
	bottom:5px;
	color:#2d2d2d;
	display:block;
	font-size:16px;
	position:fixed;
	right:1%;
	text-align:right;
	width:100%;
	}
	
#fusszeile a {
	color:#7F65AD;
	}
	
#fusszeile a:hover {
	text-decoration:underline;
	}
	
.lila {
	color:#E5D3FF;
	}
	
.underline {
	color:#E5D3FF;
	text-decoration:underline;
	}

#kontakt a.aktiv {
	color:#E5D3FF;
	}
	
#uebermich a.aktiv {
	color:#E5D3FF;
	}

.kleiner {
	font-size:16px;
	}

#fusszeile_mobile {
	display:none;
	}

#navigation_mobile {
	display:none;
	}

#unternavigation_mobile {
	display:none;
	}
	
#game_mobile,#facebook_mobile {
	display:none;
	}

#logo_mobile {
	display:none;
	}

#zumanfang {
	display:none;
	}
	
 @media screen and (max-width:1650px) {
	
#fotografie {
	left:20px;
	margin-right:480px;
	}

#logodesign {
	left:20px;
	margin-right:480px;
	}
	

#webdesign {
	left:20px;
	margin-right:480px;
	}
	
#film {
	left:20px;
	margin-right:480px;
	}
	
#panorama {
	left:20px;
	margin-right:480px;
	}

#logo {
	left:20px;
	margin-right:480px;
	}
}

 @media screen and (max-width:1400px) {
	
#fotografie {
	left:20px;
	margin-right:300px;
	}

#logodesign {
	left:20px;
	margin-right:300px;
	}
	

#webdesign {
	left:20px;
	margin-right:300px;
	}
	
#film {
	left:20px;
	margin-right:300px;
	}
	
#panorama {
	left:20px;
	margin-right:300px;
	}


#logo {
	left:20px;
	margin-right:300px;
	}

}

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

	
#fotografie {
	left:20px;
	margin-right:80px;
	}

#logodesign {
	left:20px;
	margin-right:80px;
	}
	

#webdesign {
	left:20px;
	margin-right:80px;
	}
	
#film {
	left:20px;
	margin-right:80px;
	}
	
#panorama {
	left:20px;
	margin-right:80px;
	}


#logo {
	left:20px;
	margin-right:80px;
	}
	
	
}


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

/* Display none */

#webdesign,#webdesign_aktiv {
	display:none;
	}
	
#logodesign,#logodesign_aktiv {
	display:none;
	}
	
#film,#film_aktiv {
	display:none;
	}	

#fotografie,#fotografie_aktiv {
	display:none;
	}

#panorama,#panorama_aktiv {
	display:none;
	}

#fusszeile {
	display:none;
	}

#webdesign_n {
	display:none;
	}
	
#logodesign_n {
	display:none;
	}

#film_n {
	display:none;
	}
	
#fotografie_n {
	display:none;
	}
	
#panorama_n {
	display:none;
	}

#logo {
	display:none;
	}

#logo_n {
	display:none;
	}

.img_nav {
	display:none;
	}


body {
	font-size:22px;
	}


#logo_mobile {
	background-size:cover;
	display:block;
	height:100%;	
	position:relative;
	top:30px;
	width: 100%;
	}
	
#logo_mobile img {
	max-width:100%;
	width:100%;
	}
	
#navigation_mobile {
	display:block;
	margin:0px;
	position:relative;
	text-align:center;
	top:40px;
	width:100%;
	}
	
#navigation_mobile a {
	background-color:#593F6C;
	border:2px solid #593F6C;
	display:block;
	font-size:30px;
	height:42px;
	margin:0px 0px 5px 0px;
	}
	#background-image {
		display:none;
	}
	
#navigation_mobile a.aktiv_mobile {
	background-color:#fff;
	border:#2d2d2d 2px solid;
	color:#2d2d2d;
	text-decoration:none;
	}
	
#navigation_mobile ul {
	margin:0px;
	padding:0px;
	}
	
#navigation_mobile li {
	border:none;
	margin:0px;	
	display:block;
	padding:0px;
	}

#navigation_mobile a:hover { 
	background-color:#fff;
	border:#2d2d2d 2px solid;
	color:#2d2d2d;
	text-decoration:none;
	}

#navigation_mobile a.aktiv {
	background-color:#fff;
	border:#2d2d2d 2px solid;
	color:#2d2d2d;
	text-decoration:none;
	}
	
#unternavigation_mobile {
	 	display:block;
		float:left;
		margin:0px 0px;
		background:rgba(22,22,22,0.8);
		color:#fff;
		height:40px;
		width:100%;
		position:relative;
	}

#unternavigation_mobile a:hover {
	color:#E5D3FF;
	position:relative;
	text-decoration: none;
}
	
/*#game_mobile {
		border:none;
		color:#fff;
		display:block;
		float:left;
		position:relative;
		text-align:center;
		width:15%;
		top:4.5px;
	}*/
	
#facebook_mobile {
		border:none;
		color:#fff;
		display:block;
		float:right;
		right:10px;
		position:relative;
		top:4.5px;
		text-align:right;
		width:15%;
	}
	
#uebermich_mobile {
		border:none;
		color:#fff;
		display:block;
		float:left;
		position:relative;
		top:4.5px;
		text-align:center;
		width:35%;
	}
	
#kontakt_mobile {
		border:none;
		color:#fff;
		display:block;
		float:left;
		position:relative;
		top:4.5px;
		text-align:center;
		width:35%;
	}
	
#kontakt_mobile a.aktiv {
	color:#E5D3FF;
	}
	
#uebermich_mobile a.aktiv {
	color:#E5D3FF;
	}

#unternavigation_mobile a {
		color:#fff;
		text-decoration:none;
	}
	
#text_uebermich {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}

#text_kontakt {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}

#text_webdesign {
	background:none;
	color:#000;
	display:block;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}

#text_webdesign ul {
	padding-left:36%;
	text-align:left;
	width:50%;
	}
		
#text_webdesign a {
	color:#7F65AD;
	}
	
	
#text_logodesign {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}

#text_logodesign ul {
	padding-left:36%;
	text-align:left;
	width:50%;
	}
	
#text_film {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}

#text_film ul {
	padding-left:36%;
	text-align:left;
	width:50%;
	}
	
video {	
	display:block;
	height:100%;
	left:0px;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	
	}
	
video.start {
	border:1px solid #000;
	}
	
/*#cinema {
	top: 2000px;
	float:left;
	
	}*/
	
#text_fotografie {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}
	
#text_panorama {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:30px;
	width:98%;
	}

#text_panorama ul {
	padding-left:36%;
	text-align:left;
	width:50%;
	}
	
#text_impressum {
	color:#000;
	display:block;
	height:100%;
	left:0px;
	padding:2px 1%;
	position:relative;
	right:0px;
	text-align:center;
	top:0px;
	width:98%;
	}
	
#zumanfang {
	display:block;
	}
		
.zumanfang {
	background-color:rgba(132,106,150,0.6);
	bottom:22px;
	font-size:20px;
	height:25px;
	padding:3px;
	padding-top:1px; 
	position:fixed;
	right:0;
	width:40px;
	}
	
a.zumanfang {
	text-decoration:none;
	}

.zumanfang:hover {
	color:#392258;
	background-color:rgba(184,154,211,0.6);
	}
	

#fusszeile_mobile {
	bottom:-40px;
	color:#2d2d2d;
	display:block;
	font-size:18px;
	height:30px;
	position:relative;
	right:1%;
	text-align:center;
	width:100%;
	}

#fusszeile_mobile a {
	color:#7F65AD;
	}

#fusszeile_mobile a:hover {
	text-decoration:underline;
	}

#unternavigation {
	display:none;
	}
	
#facebook {
	display:none;
	}
	
#game {
	display:none;
	}

#uebermich {
	display:none;
	}	
}