@charset "utf-8";

/* *************** General ****************** */
body, html {
	font-family: gandhi, arial, helvetica;
	letter-spacing: 0.01em;
	margin: 0;
	padding: 0;
	}
a {
	color: #404040;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
}

/* *************** Classes ****************** */
.cv {
	color: #5955a5;
	border: #5955a5;
}
a.c_lnk:hover  {
	color: #5955a5;
}
.kont {
	color: #e99f11;
	border: #e99f11;
}
a.k_lnk:hover  {
	color: #e99f11;
}
.vision {
	color: #c939c4;
	border: #c939c4;
}
a.v_lnk:hover  {
	color: #c939c4;
}
.refer {
	color: #3994c9;
	border: #3994c9;
}
a.r_lnk:hover  {
	color: #3994c9;
}
.angeb {
	color: #38a180;
	border: #38a180;
}
a.a_lnk:hover  {
	color: #38a180;
}
.philo {
	color: #b27c9d;
	border: #b27c9d;
}
a.p_lnk:hover  {
	color: #b27c9d;
}
a.ext {
	color:#7f03c6;
}
a.ext:hover {
	color: #404040;
	font-weight: normal;
}
/* ++++++++++++++ decoration ++++++++++++++++ */
#blo_header {
	position: relative;
	background-color: #8c8c8d;
	width: 100%;
	height: 14vh;
}
.top_logo {	
	position: absolute;
	top:1.2vh;
	width: 100vw;
	height: 12.8vh;
	fill: #ffffff;
}
.top_logo:hover {
	fill: #dcdcdd;
}
#blo_1, #blo_2, #blo_3, #blo_4, #blo_5 {
	position: relative;
	width: 100%;
	height: 15.5vh;
}
#blo_1 {background-color: #afafaf;}
#blo_2 {background-color: #d4d4d5;}
#blo_3 {background-color: #adadaf;}
#blo_4 {background-color: #d4d4d5;}
#blo_5 {background-color: #bcbcbc;}

/* +++++++++++++++ Content ++++++++++++++++++ */
#all {
	position: absolute;
	width: 100%;
	top: 0;
}
#content-background {
	position: relative;
	top: 0;
	background-color: #ffffff;
	color:#ffffff;
	opacity: 0.8;
	width: 95vh;
	max-width: 100vw;
	min-width:45vw;
	height: 14vh;
	margin: 0 auto;
	text-align: center;
}
#content, #infoLayer {
	position: relative;
	box-sizing: border-box;
	top: 0;
	width: 95vh;
	max-width: 100vw;
	min-width:45vw;
	height: 77.5vh;
	margin: 0 auto;
}
#innerCont {
	position: relative;
	box-sizing: border-box;
	font-size: 1em;
	background-color: #ffffff;
	opacity: 0.8;
	height: 77.5vh;
	top:0;
	color: #4b4b4d;
	text-align: center;
	overflow: auto;
}
#innerCont a {
	font-weight: bold;
}
h1, h2 {
	display: block;
	font-size: larger;
	text-transform: uppercase;
	margin: 0;
}
h1 {
	width: 37%;
	max-width: 37%;
	text-align: right;
	float: left;
	padding: 34px 0 0 0;
}
h2 {
	font-weight: normal;
	text-indent:-0.5%;
	margin-left: 40%;
	width: 55%;
	max-width: 55%;
	text-align: left;
	float: none;
	padding: 34px 0 0 0.5%;
}
h3 {
	font-size: inherit;
	padding: 0;
	margin: 0;
}
.uppercase {
	text-transform: uppercase;
}
.line{
	display: inline-block;
	border-bottom: 1px solid;
	width: 3%;
	height: 1.1em;
	left: 37%;
	padding-top: 34px;
	margin-bottom: 1em;
	float: left;
}
.left {
	top: 0;
	width: 37%;
	text-align: right;
	float: left;
}
.right {
	display: block;
	margin-left: 40%;
	width: 48%;
	text-align: left;
	float: none;

}
#opaque {
	position: absolute;
	width: 100%;
	height: 77.5vh;
	z-index: 2;
	background-color: transparent;
	overflow: auto;
}
#opaque a {
	font-weight: bold;
	color: #848484;
}
#opaque a:hover {
	color: #a5a5a5;
}
#opaque video, #opaque img.land {
	box-sizing: border-box;
	width: 100%;
	max-height: 77.5vh;
	margin: 0;
}
#opaque img.port {
	box-sizing: border-box;
	height: 100%;
	width: auto;
	max-height: 77.5vh;
	padding: 0 9% 0 35%;
	margin: 0;
}
#ref_control {
	margin-top: 0.3em;
}
#opaque #backToList {
	box-sizing: border-box;
	width: 25%;
	padding: 0 1vh 0 2vh;
	float: left;
}
#opaque #Info {
	box-sizing: border-box;
	text-align: center;
	width: 10%;
	float: left;
}
#opaque #nextRef {
	box-sizing: border-box;
	display: block;
	padding: 0 2vh 0 0;
	text-align: right;
	width: 35%;
	float: left;
}
#opaque #l {
	box-sizing: border-box;
	text-align: right;
	padding: 0 0.2em 0 0;
	width: 25%;
	float: left;	
}
#opaque #r {
	box-sizing: border-box;
	width: 5%;
	float: left;
}
.arrow {
	height: 0.91em;
	width: 1.7em;
}
.arrow.ref:hover {
	fill: #3994c9;
}
.enabled {
	fill: #4b4b4d;
}
.enabled:hover {
	fill: #3994c9;
}
.disabled{
	fill: #ececed;
}
#infoLayer {
	position: absolute;
	box-sizing: inherit;
	display: none;
	margin: 0;
	padding: 0;
	top: 0;
	background-color: #ffffff;
	opacity: 0.9;
	overflow: auto;
}
#contImage{
	height: 71vh;
	max-height: 75vw;
	white-space: nowrap;
	overflow: hidden;
}
.pixelVorschau {
	position: relative;
	left: -11.7em;
	width: 30em;

}
/* +++++++++++++++++ menu +++++++++++++++++++ */
#menu {
	position: relative;
	box-sizing: border-box;
	font-size: 1.25em;
	text-align: center;
	background-color: #ffffff;
	opacity: 0.8;
	height: 77.5vh;
	display: none;
	overflow: auto;
	z-index: 2;
}
#menu a {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3.5vh 0 0 0;
}

#menu span {
	display: block;
	padding: 0 0 2vh 0;
	font-size: 0.75em;
	text-transform: uppercase;
	opacity: 0;
}
/* ++++++++++++++++ footer ++++++++++++++++++ */
#footer {
	padding: 3vh 2vw 0vh 2vw;
	margin: 0;
	text-transform: uppercase;
	font-size:1.2em;
	z-index: 99;
}
#footer a {
	display: block;
	color: #8c8c8d;
}
#footer .lft {
	box-sizing: border-box;
	text-align: left;
	float: left;
	width: 23vw;
	margin-right: 9.5vw;
}
#footer .cnt {
	box-sizing: border-box;
	text-align: center;
	float: left;
	width: 13vw;
	margin: 0 9vw;
}
#footer .rgt {
	box-sizing: border-box;
	text-align: right;
	float: right;
}
a.cnt img#n{
	content: url("images/menulines_0.svg");
}
a.cnt:hover img#n{
	content: url("images/menulines_1.svg");
}
a.cnt img#a{
	display: none;
	content: url("images/menulines_a.svg");
}
a.cnt img#a:hover{
	content: url("images/menulines_a1.svg");
}
/* ------------------------ Mobile -------------------------- */
@media screen and (orientation: portrait), (max-height: 350px){

}