/* DIRECTION ---> */
/*  => BODY.std, BODY.DSC */
/*  => Name of .DSC_rightClick, .DSC_rightClick_bot, .SVM_rightClick*/
/*  => .DSC_mnu: always left: 0px; */
/* <--- DIRECTION */
/* Company Color old: #40426D #40426D #2B336D */
/* Company Color new: #000678 by J. Mach*/

/* HTML5 */
header, section, footer, aside, nav, main, article, figure, menuitem {
	display: block;}

/* TYPOGRAPHY */
@font-face {
	font-family: 'Opificio-Regular';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/Opificio_regular.eot');
	src: local('☺︎'),
		url('../fonts/Opificio_regular.woff') format('woff'),
		url('../fonts/Opificio_regular.ttf') format('truetype'),
		url('../fonts/Opificio_regular.svg') format('svg'),
		url('../fonts/Opificio_regular.otf') format('opentype');}
@font-face {
	font-family: 'Opificio_light';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/Opificio_light.eot');
	src: local('☺︎'),
		url('../fonts/Opificio_light.woff') format('woff'),
		url('../fonts/Opificio_light.ttf') format('truetype'),
		url('../fonts/Opificio_light.svg') format('svg'),
		url('../fonts/Opificio_light.otf') format('opentype');}

/* STANDARD */
BODY.std {
	background-color: #ffffff; color: #303030;}
H1 {
	line-height: 1.3em;
	text-align: left;}
H2 {
	line-height: 1.2em;
	text-align: left;}
H4 {
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;}
.fullscreen {
	z-index: 2;
	position: fixed;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(208, 208, 208, 0.9);
/*	backdrop-filter: blur(10px) opacity(0.7); */
	display: none;}
IMG.logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 90;
	width: 185px;
	height: 117px;}

/* CONTENT */
MAIN {
	display: flex;
	max-height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	color: #555555;
	line-height: 1.2em;}
SECTION.sct_l {
	width: 50%;
	min-height: 100vH;
	overflow: hidden;
	display: flex;
	flex-direction: column;}
.sct_l_content {
	flex: 1;
	box-sizing: border-box;
	margin: 15px;
	overflow: auto;}
.sct_l_content_1, .sct_l_content_1_m {
	/* min-height: 100%; */
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: justify;}
.sct_l_content_1_m {
	padding-top: 10vH;}
.cntmnuhdr {
	display: inline-block;
	font-size: 1.8em;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #40426D;
	padding: 0.5em 0em 0.5em 0em;
	margin-bottom: 0.5em;}
DIV.sct_l_content_10 {
	box-sizing: border-box;
	min-width: 10%;
	padding-right: 5px;}
IMG.sct_l_content_10 {
	max-width: 4em;}
DIV.sct_l_content_11 {
	flex: 1;}
.sct_l_content_11_m0 {
	line-height: 1.5em;
	text-align: center;
	font-size: 1.2em;}
.sct_l_content_11_m1 {
	line-height: 1.5em;
	text-align: center;}
DIV.sct_l_content_12 {
	box-sizing: border-box;
	min-width: 10%;
	padding-left: 5px;
	text-align: right;}
IMG.sct_l_content_12 {
	max-width: 4em;}
A.sct_l, A.sct_l_0 {
	color: #999900;}

SECTION.sct_r {
	background-color: #40426D;
	width: 50%;
	min-height: 100vH;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #e0e0e0;}
div.sct_r_image {
	max-width: 100%;
    	/* max-height: 50%;*/
	text-align: center;
    	overflow: auto;}
img.sct_r_image {
	/*height: 100%;*/
	/*width: 100%;*/
	max-width: 100%;
	max-height: 50vH;}
.sct_r_content {
	flex: 1;
	max-width: 100%;
	box-sizing: border-box;
	padding: 20px;
	font-size: 1.1em;
	text-align: justify;
	overflow-y: auto;}
.sct_r_mnuhdr {
	box-sizing: border-box;
	min-height: 20vH;
	padding: 0px 20px 0px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;}
a.sct_r {
	color: #cccc00;}

/* Header */
HEADER {
	box-sizing: border-box;
	height: 150px;
	padding: 15px 10px 15px 15px;
	text-align: right;}
SELECT.lng, SELECT.lng2 {
	font-family: Opificio_regular;
	font-size: 1.0em;
	color: #999999;
	border: 0px;
	position: relative;
	top: -20px;}
SELECT.lng2 {
	display: none;
	position: absolute;
	top: 35px;
	right: 120px;
	background-color: #f0f0f0;}
.header_cnt {
	color: #999999;
	border: 0px;
	position: relative;
	top: -20px;
	display: inline-block;
	margin-left: 20px;
	-webkit-transition: font-size 0.2s ease-out;
	-moz-transition: font-size 0.2s ease-out;
	-o-transition: font-size 0.2s ease-out;
	transition: font-size 0.2s ease-out;}
a.header_cnt:hover {
	color: #40426D;
	font-size: 1.1em;}
.header_nav {
	height: 50px;
	margin-left: 50px;
	margin-right: 5px;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;}
.header_nav:hover {
	-webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
	-moz-transform: scale(1.2); /* FF3.5+ */
	-ms-transform: scale(1.2); /* IE9+ */
	-o-transform: scale(1.2); /* Opera */
	transform: scale(1.2);}
/*.header_nav:hover {
	height: 55px;}*/

/* Footer */
FOOTER {
	box-sizing: border-box;
	position: relative;
	height: 50px;
	margin: 10px;
	padding-top: 30px;}
IMG.footer_img {
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	bottom: 65px;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;}
.footer_mnuhdr {
	float: right;}
A.footer_mnutxt {
	color: #666666;
	text-decoration: none;
	-webkit-transition: font-size 0.2s ease-out;
	-moz-transition: font-size 0.2s ease-out;
	-o-transition: font-size 0.2s ease-out;
	transition: font-size 0.2s ease-out;}
A.footer_mnutxt:hover {
	color: #40426D;
	font-size: 1.1em;}
}
A.footer_mnutxt_act {
	color: #A3EEF1;}

.footer_cr {
	float: left;}

/* Menu */
SECTION.menu {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	min-height: 100vh;
	max-height: 100vh;
	width: 50%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	display: none;}
.menu_0 {
	box-sizing: border-box;
	height: 150px;
	padding: 15px;}
.menu_1 {
	position: relative;
	height: 50px;
	width: 100%;
	background-color: #f0f0f0;}
.menu_2 {
	flex: 1;
	display: flex;
	background-color: #f0f0f0;
	overflow: auto;}
.menu_20 {
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
	padding-left: 10%;
	padding-bottom: 2.0em;
	width: 100%;}
IMG.nav {
	position: relative;
	top: 0.15em;
	width: 1.0em;
	padding-right: 0.5em;}
A.nav0, SPAN.nav0, SPAN.nav1, SPAN.nav2 {
	display: block;
	margin-top: 1.0em;
	font-size: 1.5em;
	letter-spacing: 0.2em;
	color: #999999;
	text-decoration: none;}
SPAN.nav1 {
	margin-top: 0.5em;
	letter-spacing: 0.1em;}
SPAN.nav2 {
	margin-top: 0.3em;
	letter-spacing: 0.05em;}
A.navtxt {
	color: #999999;
	text-decoration: none;}
SPAN.navact, A.navact {
	color: #40426D;}
DIV.nav_x {
	position: relative;
	left: 2.0em;}
DIV.nav_footer {
	display: none;}
IMG.menu_nav_close {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 50px;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;}
IMG.menu_nav_close:hover {
/*	position: absolute;
	bottom: 12px;
	right: 18px;
	height: 55px;*/
	-webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
	-moz-transform: scale(1.2); /* FF3.5+ */
	-ms-transform: scale(1.2); /* IE9+ */
	-o-transform: scale(1.2); /* Opera */
	transform: scale(1.2);}

/* Contact */
SECTION.contact {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	height: 100vH;
	min-height: 100vh;
	max-height: 100vh;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	display: none;}
.contact_0 {
	box-sizing: border-box;
	width: 50%;
	height: 150px;
	padding: 15px;}
.contact_1 {
	flex: 1;
	display: flex;
	overflow: auto;}
.contact_1l {
	width: 50%;
	background-color: #f0f0f0;
	box-sizing: border-box;
	padding: 20px;
	overflow: auto;}
.contact_1r {
	background-color: #40426D;
	box-sizing: border-box;
	width: 120px;
	padding: 20px;
	overflow: auto;}
	/* Contact: vCard */
.contact_1l_vcard0 {
	display: flex;
	font-size: 1.2em;}
.contact_1l_vcard00, .contact_1l_vcard01 {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	padding-left: 5%;}
.contact_1l_vcard1 {
	text-align: center;
	line-height: 1.5em;}
.contact_1l_vcard10 {
	display: block;
	margin-top: 2.0em;
	margin-bottom: 1.2em;
	font-size: 2.0em;
	text-align: center;
	letter-spacing: 0.2em;
	width: 100%;}
SPAN.contact_1l_vcard11 {
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px 10px 0px;}
IMG.contact_1l_vcard11 {
	width: 150px;}
.contact_1l_vcard12 {
	display: inline-block;
	line-height: 1.5em;
	text-align: left;}
SPAN.contact_vcard_icn {
	display: block;
	margin-bottom: 1.0em;
	color: #999999;}
IMG.contact_vcard_icn, IMG.contact_vcard_icn_act {
	padding-right: 10px;
	vertical-align: middle;
	height: 60px;}
XXXIMG.contact_vcard_icn:hover {
	height: 70px;}
.contact_1l_msg0 {
	display: block;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	font-size: 2.0em;
	text-align: center;
	letter-spacing: 0.2em;
	width: 100%;}
A.contact_vcard_vcf {
	display: block;
	color: #999900;
	text-decoration: none;}
IMG.contact_vcard_vcf {
	height: 50px;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;}
IMG.contact_vcard_vcf:hover {
/*	height: 55px;*/
	-webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
	-moz-transform: scale(1.2); /* FF3.5+ */
	-ms-transform: scale(1.2); /* IE9+ */
	-o-transform: scale(1.2); /* Opera */
	transform: scale(1.2);}
	/* Contact: Navigation */
.contact_1r_00 {
	position: relative;
	text-align: center;}
.contact_1r_01 {
	position: relative;
	text-align: center;}
IMG.contact_nav_close {
	margin-bottom: 4.0em;
	height: 50px;}
IMG.contact_nav_close:hover {
	height: 55px;}
A.contact_nav_icn, SPAN.contact_nav_icn, SPAN.contact_nav_icn_act {
	line-height: 1.4em;
	display: block;
	margin-bottom: 1.0em;
	color: #999999;
	text-decoration: none;}
A.contact_nav_icn_act, SPAN.contact_nav_icn_act {
	color: #F4A900;}
IMG.contact_nav_icn {
	height: 60px;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;}
IMG.contact_nav_icn:hover {
	-webkit-transform: scale(1.2); /* Saf3.1+, Chrome */
	-moz-transform: scale(1.2); /* FF3.5+ */
	-ms-transform: scale(1.2); /* IE9+ */
	-o-transform: scale(1.2); /* Opera */
	transform: scale(1.2);}
IMG.contact_nav_icn_act {
	height: 72px;}

/* E-mail */
TABLE.eml_f {
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	font-size: 1.4em;
	line-height: 1.5em;}
TD.eml_f {
	padding: 5px 10px 5px 10px;
	text-align: right;}
TD.eml_f_1 {
	width: 100%;
	padding-left: 10px;}
SPAN.eml_f_0 {
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 10px 0px 10px;
	border: 1px solid #909090;
	width: 100%;
	margin-bottom: 5px;
	background-color: #f9f9f9;}
DIV.eml_f_0 {
	padding-top: 5px;
	font-size: 0.7em;}
INPUT.eml_f_1, INPUT.eml_f_1r, TEXTAREA.eml_f_1 {
	box-sizing: border-box;
	width: 100%;
	font-size: 1em;}
INPUT.eml_f_1r {
	color: #909090;
	border: 0px;}
IMG.sndemlok {
	width: 4em;}

/* Specific Styles */
H2.hdl {
	padding-bottom: 0.5em;
	border-bottom: 2px solid #666666;}
H2.cmpname {
	padding-top: 10vh;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #666666;}

@media screen and (max-width: 1280px) {
	.footer_mnuhdr {
		display: none;}
	DIV.nav_footer {
		display: block;}
	.contact_1l_vcard0 {
		flex-direction: column;}
	.contact_1l_vcard00 {
		width: 100%;}
	SPAN.contact_vcard_icn {
		white-space: nowrap;}
}
@media screen and (max-width: 1024px) {
	MAIN {
		display: block;
		overflow: auto;}
	SECTION.sct_l {
		min-height: 1px;
		width: 100%;}
	.sct_l_content_1_m {
		padding-top: unset;}
	ARTICLE.sct_l_content {
		flex: none;
		margin-top: 90px;}
	.footer_mnuhdr {
		display: block;}
	IMG.footer_img {
		display: none;}
	HEADER {
		height: 90px;
		width: 100%;
		background-color: #ffffff;
		position: fixed;}
	IMG.logo {
		top: 15px;
		width: 90px;
		height: 65px;}
	DIV.nav_footer {
		display: none;}
	SECTION.sct_r {
		width: 100%;
		max-width: 100%;
		min-height: 1px;;
		overflow: auto;}
	.sct_r_mnuhdr {
		box-sizing: border-box;
		max-width: 100%;
		padding-left: 1em;
		text-align: center;}
	.sct_r_content {
		flex: 0 1 auto;}
	FOOTER {
		position: inherit;}
	SECTION.menu {
		width: 100%;}
	.menu_0 {
		position: relative;
		height: 90px;}
	.menu_1 {
		height: 60px;}
	.menu_2 {
		flex: 0 1 auto;
		height: 100vH;
		font-size: 0.9em;}
	.contact_0 {
		min-height: 90px;
		height: 90px;}
	.contact_1l {
		width: inherit;
		flex: 1;}
	H2.cmpname {
		padding-top: unset;}
}
@media screen and (max-width: 512px) {
	.sct_l_content_11_m0, .sct_l_content_11_m1 {
		line-height: 1.3em;
		font-size: 0.9em;}
	SELECT.lng {
		display: none;}
	SELECT.lng2 {
		display: block;}
	.footer_mnuhdr {
		display: none;}
	DIV.nav_footer {
		display: block;}
	.contact_1 {
		flex-direction: column-reverse;}
	.contact_1l {
		width: 100%;}
	.contact_1r {
		min-height: 95px;
		max-height: 95px;
		width: 100%;
		padding: 15px;
		font-size: 0.8em;
		overflow: hidden;}
	.contact_1r_00 {
		float: right;
		width: 50px;}
	.contact_1r_01 {
		display: inline-block;
		text-align: inherit;}
	A.contact_nav_icn, SPAN.contact_nav_icn, SPAN.contact_nav_icn_act {
		display: inline-block;
		box-sizing: border-box;
		max-width: 70px;
		text-align: center;
		padding: 0px 10px 0px 0px;}
	IMG.contact_nav_icn_act {
		height: 50px;}
	IMG.contact_nav_icn, IMG.contact_nav_icn:hover {
		height: 45px;}
	IMG.contact_nav_close {
		margin-bottom: 0em;}
	.contact_1l_vcard0 {
		display: block;
		max-height: 150px;
		overflow: scroll;}
	.contact_1l_vcard00, .contact_1l_vcard01 {
		width: 100%;
		border-right: 1px solid #333333;}
	IMG.contact_vcard_icn, IMG.contact_vcard_icn_act {
		height: 40px;}
	SPAN.contact_vcard_icn {
		width: 100%;}
	.contact_1l_vcard10 {
		font-size: 1.5em;
		margin-bottom: 1.0em;}
	IMG.contact_1l_vcard11 {
		width: 120px;}
}