@import url('../js/fancybox/jquery.fancybox.css');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Basic');
/*----'Basic', sans-serif;----*/

html, body { margin:0px; padding:0px; font-size:1em; font-family: 'PT Sans', sans-serif; font-weight:400;; color:#58585a; background-color:#fff;width: 100%;}

/*---common---*/
h1 { font-family:'PT Sans', sans-serif; font-weight:500;font-size: 2em;color: #5e396c; margin:0 auto;}
h2 { font-family:'PT Sans', sans-serif; font-weight:400;font-size: 1.2em;color: #5e396c;}
p { margin:0; font-size:1.03em;}
p strong{ font-size:700;}
a {text-decoration:none;color:#58585a;}
a:hover {text-decoration:underline;}

.h1-link {color: #d3c488;}

.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}

/*----header----*/

.header {width: 100%;position: fixed;top: 0;z-index: 5;background-color: white;height: 104px;}
	.logo {position: relative;margin: 10px 17px;width:    198px;z-index: 6;}
		.logo-img {height: 90px;}

.menu-home-img {height: 15px;padding: 17px 3px;filter: brightness(1000);}
#header.fixed .menu-home-img {padding: 16px 3px;}
.menu_icon_name { position:absolute; top:0; padding:15px 20px 52px 100%; color:#593c68; display:none; right:0; font-size:0.8em; letter-spacing:2px; font-weight:400; text-transform:uppercase; width: 100px;top: -85px;right: -113px;}	
	.menu-icon-effect {background-color:#252525;height:100%;right: 0;width: 0%;position: absolute;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;height: 67px;display: none;}
	.mobile_button { width:30px; height:40px; position:absolute; top:35px; right:24px; display:block; cursor:pointer; display:none; }
		.menu_line { background-color:#593c68; width:100%; height:1px; position:relative; display:block; box-shadow:0px 0px 3px rgba(0,0,0,0.03); }
		.m_line_1 { margin:0px; }
		.m_line_2 { margin:8px 0 0; }
		.m_line_3 { margin:8px 0 0; }
	
	.mobile_close { -webkit-transform: rotate(45deg) translateX(-5px) translateY(5px); -moz-transform: rotate(45deg) translateX(-5px) translateY(5px); -ms-transform: rotate(45deg) translateX(-5px) translateY(5px); -o-transform: rotate(45deg) translateX(-5px) translateY(5px); transform:rotate(45deg) translateX(-5px) translateY(5px);  }
	.mobile_close .m_line_1 { -webkit-transform: rotate(90deg) translate3d(10px, 0px, 0px); -moz-transform: rotate(90deg) translate3d(10px, 0px, 0px); -ms-transform: rotate(90deg) translate3d(10px, 0px, 0px); -o-transform: rotate(90deg) translate3d(10px, 0px, 0px); transform:rotate(90deg) translate3d(9px, 0px, 0px); }
	.mobile_close .m_line_2 { opacity:0; }
	.mobile_close .m_line_3 { -webkit-transform:translate3d(0px, -10px, 0px); -moz-transform:translate3d(0px, -10px, 0px); -ms-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px, -10px, 0px); transform:translate3d(0px, -10px, 0px); }
		
	
.navigation { display: table; position:absolute; top:0; right:0; z-index: 3; margin:auto; width:100%;top: 0;height: inherit;}		
	.nav_inside { display: table; position:relative; margin:0 auto 0 0; right: 0;width: 90%;height: inherit;}		
		.menu_container { text-align:right; position:absolute; right:0; top:50%;transform: translateY(-50%);}
			.menu { margin:0px; padding:0px; display:block; text-align: left;position: relative;z-index: 4;}
				.menu_container li { display:block; list-style-type:none; width:auto; font-size:1.1em;height: inherit;position: relative;float: left;}
					.menu_title a{ padding:12px 12px;    color: #5b3b65; cursor: pointer; display: block; position: relative;
					 text-decoration:none;transition:all 0.3s ease 0s;letter-spacing: 0.5px;border-bottom: solid rgba(255,255,255,0);}
					 
					 .menu_title a:hover {border-bottom: solid #d3c488; color: #fff; background-color: #593c68;}
					 .menu-active .menu_title a{border-bottom: solid #d3c488; color: #fff; background-color: #593c68;}
					 
		/*--language--*/
		
		.language {display: block;width: auto;position: absolute;top: 41px;right: 30px;font-size:0.9em; text-transform:uppercase;padding: 0 5px 0 25px;text-align: center;z-index: 6;}
			.language span { position:relative;padding: 0 5px;color: #593c68;padding: 0 12px;}
			.lang-arrow {width: 13px;transform: translateY(-50%);position: absolute;top: 50%;left: -10px;}
			.lang-other {display:none;}
				.lang-text-href {padding: 0!important;margin:0 auto;border: none !important;}
					.lang-text {line-height: initial;padding:10px; box-sizing:border-box; width:100%; text-align:center;}
		.language:hover .lang-other {display:block;background-color: #fff;}
				.lang-text-href:hover { background-color:#c9c9c9;}
				
		/*-header:fixed-*/
		#header.fixed {height:50px; background-color:#F7F7F7; box-shadow:0 0 10px rgba(0,0,0,0.1);}
		#header.fixed .logo {margin:1px 20px;}
		#header.fixed .logo-img {height:48px;}
		#header.fixed .language {top:13px;}
		

/*----main----*/

.main {width:80%; position:relative;margin:200px auto 150px; display: table;box-sizing: border-box;}
	.main-logo-box {position: relative;width: 30%;display: table-cell; text-align:center;}
		.main-logo {margin: 0 auto; position:relative; display: block; margin:0 auto; /*transform: translateY(-50%) translateX(-50%);top: 50%;left: 60%;*/}
			.main-logo.small{ max-height:120px;}
			.main-logo-2 {display:none;}
    .main-text-box {position: relative;display: table-cell;width: 70%;vertical-align: top;}
		.main-text {width: 100%;position: relative;top: 0;display: block;}
		
/*----second----*/

.second {width: 100%;position: relative;box-sizing: border-box;display:table;}
	.second-area {width: 60%; height:1152px;background-color: #d3c488; position:relative; display:table;}
	.second-row-pos {width: 80%;position: absolute;top: 10vw;margin: 0 auto;transform: translateX(-50%);left: 50%;}
		.second-row {width: 100%;display: table;box-sizing: border-box;position: relative; overflow:hidden;}
			.second-row-block-area {width:100%;height:100%; background-color:#000;opacity:0;}
			.second-row-container {overflow: hidden;position: relative;display: table-cell;}
				.second-row-block {display: table-cell;width: 33.33vw;height:800px;position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;transform: scale(1.01);}
					.second-r-b-area {position: absolute;bottom: 0;text-align: center;width: 100%;padding: 40px 0;font-family: 'Basic', sans-serif;font-size: 1.5em;background-color: #58585a;color: #fff;}
						.sec-r-b-a-2 { background-color:#6f7073}
				.second-row-block:hover {transform:scale(1.05);}
				.second-row-block:hover  .second-row-block-area {opacity:0.25;}
				.second-row-block:hover  .second-r-b-area { background-color: rgba(67,67,72,0.8);bottom: 1vw;padding: 155px 0;}
			
/*----third----*/

.third {padding: 10vw 0;width: 80%;position: relative;box-sizing: border-box;display: block;margin: 0 auto;}
.line-core { position:relative; display:table; height:2px; width:100px; background-color:#5e396c; margin:10px 0 30px 0;}
	.third-row {display: table;box-sizing: border-box;}
		.third-row-block {width: 40vw; height:450px;vertical-align: top;display: table-cell;margin: 10px;position: relative;background-position: center;background-size: cover;}
			.third-area {width: 100px;height: 100px;position: absolute;bottom: 0;right: 0;background-color: #d3c488;overflow: hidden;}
				.third-arrow-box {transform: translateX(-50%) translateY(-50%);position: absolute;top: 50%;left: 50%;}
					.third-arrow {top: 50%;left: 50%;width: 20px;}
		.third-row--block-text {width: 50%;position: relative;background-color: #f7f7f7;}
			.third-r-b-2 { background-color:#e8e8e8;}
			.third-r-b-1 { background-color:#e8e8e8;}
			.third-text {padding: 6vw;position: absolute;box-sizing: border-box; width: 100%; height: 100%;margin: 0vw auto;}
				.third-title {font-family: 'Basic', sans-serif;font-size: 2em; color:#5e396c;}
					.third-title span { border-bottom: solid #58585a 2px;padding: 20px 0;}
		.third-row-block:hover .third-area {width:150px; height:150px;}
		.third-row-block:hover .third-arrow {width: 30px;}

.button-more { position:relative; display:table; background-color:#fff; padding:10px; color:#5e396c; border-bottom:solid #d3c488; text-decoration:none; margin-top:30px;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
	.button-more.grey { background-color:#F7F7F7;}
	.button-more.inline { display:inline-table;}
	.button-more:hover { color:#fff; background-color:#5e396c; text-decoration:none;}
		
/*----fourth----*/

.fourth {position: relative;box-sizing: border-box;width: 100%;}
	.fourth-img-row {position: relative;display: table;width: 100%;box-sizing: border-box;}
		.fourth-img-block {width: 20vw;height: 20vw;display: table-cell;background-color:#d3c488;background-size: cover;background-position: center;}
			.fourth-i-b-2 {width: 40vw;}
			.fo-violet {background-color:#593c68;}
			.fourth-img-row a:hover {filter:brightness(0.8)}
			
/*----footer----*/

.footer {position: relative;display: block;width: 100%;}
	.footer-row{display: table;width: 100%;position: relative;}
		.footer-box {width: 40%;display: table-cell;vertical-align: top;position: relative;}
			.logo-footer {position: absolute;left: 21.8%;transform: translateY(-50%);top: 50%;margin: 0 17px;width: 270px;}
				.logo-img-footer {height: 114px;}
			.footer-box-2 {background-color: #58585a;width: 60%;}
				.footer-text {color: #fff;text-align: right;padding: 2vw 16.5%;line-height: 1.6em;}
				.footer-text a { color:#fff;}
	.footer-end {background-color: #aaa;padding: 1px;}
		.footer-impressum {margin: 10px 0;font-size: 0.9em;text-align: center;}
		.footer-impressum a {color:#58585a;}

/*--------grey-container------*/
.grey-container{ position:relative; display:table; width:100%; height:auto; text-align:center; margin:-100px auto 0; background-color:#F7F7F7; box-sizing:border-box; padding:50px 2.5%;}
	.text-container{ width:80%; margin:0 auto; text-align:left; max-width:1100px;}
	.member{ position:relative; display:inline-table; width:220px; margin:0 0.2% 20px; text-align:center;}
	.member-title{ font-size:1.5em; color:#d3c488; width:100%; text-align:center; margin:10px auto; font-weight:700;}
		.member img{ width:100%; height:auto; position:relative; display:table; margin:0 auto 10px;box-sizing: border-box; border: 10px solid #fff;}
		.member p span{ position:relative; color:#5e396c; font-weight:700; display:table; text-align:center; margin:0 auto;}
	.member-2 {width: 200px;}
		.member-2 img {}
		.member-2 p {}
			.member-2 p spam  {}


/*------------------------impressum_top----------------*/
.impressum_top {display: table; height: auto;  margin:20px 0;  position: relative; width: 100%;}	
.impressum-sides { width:50%; float:left; position:relative; display:table; margin-bottom:10px;}
	.impressum-sides  img { width:100%; height:auto; max-width:120px; margin:10px 0; display:block;}
	.impressum-sides  img.other { width:100%; height:auto; max-width:250px; margin:20px 0 20px 0; display:block;}


/*------------------------news_list_container----------------*/
a.news_list { text-decoration:none;}
a.news_list:hover { text-decoration:none !important;}
.news_list {display: block; margin: 40px auto; background: #fff; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;overflow:auto;}
.news_list_title {  background: #d3c488;  padding: 10px 20px;  color: #fff;  font-size: 1.15em;}
.news_list_text {  padding: 30px; color:#383838; font-weight:300; font-size:1.03em;}
.news_list_date {  display: block;  margin: 0 0 10px;  color: #522980;font-weight:bold; font-size:0.95em;}
.news_list_img img { width: 20%; margin: 20px; float: left; box-sizing: border-box; border: 10px solid #F7F7F7;}
.news_img img{float:left;width:40%; margin:0 30px 30px 0;}
.news_list .button-more { padding: 5px 15px; margin-top: 14px;font-size:0.95em;}
	/*.news_list:hover{ background-color:#ccc;color:#fff;}*/
			
/*RESPONSIV*/

@media (max-width:1200px) {
.main { width:90%;}
.second-row-pos { width:90%;}
.third { width:90%;}

h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
p {font-size: 0.9em;}
	/*header*/
.header {height: 60px;}
	.logo {width: 99px;margin: 5px 14px;}
		.logo-img {height: 48px;}
		.menu_title a { font-size: 0.8em;padding: 12px 6px;letter-spacing: normal;}
		.nav_inside { width:87%;}
.language {top: 20px;}
			.language span {font-size: 0.8em;}
		#header.fixed .logo {margin: 1px 14px;}
		#header.fixed .language {top: 15px;}
	/*2*/
.second-area { height:750px;}
.second-row-block { height:550px;}
.second-r-b-area {font-size: 1.3em;}
.second-row-block:hover .second-r-b-area{ padding:60px 0;}
	/*3*/
.third-area {width:75px; height:75px;}
	.third-row-block:hover .third-area {width:100px; height:100px;}
.third-title {font-size: 1.5em;}
.third-row-block { width:50vw;}
	/*footer*/
.footer-text {line-height: 1.4em;}
.logo-img-footer {height: 80px;}
}
@media (max-width:800px) {

h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
p {font-size: 0.95em;}

	/*header*/
.menu-home-img {height: 15px;padding: 0px 3px 11px 3px;filter:none;}
.menu-icon-effect {width:0%;}
.menu-hover-effect {transform: scaleX(2);right: -98px;border-radius: 63px;padding-bottom: 0;}
.header {transition:none;}
	.menu {background-color:#3396dd;margin: 0;text-align: right;}
	.menu_icon_name { display: block;z-index: 10;padding: 95px 73px 0px 20px; height:61px; background-color: none;background-color: #F7F7F7;border-radius: 0;}
	.mobile_button { display:block; z-index:10;}
		.menu_container { width:100%;  text-align:center; right:0; box-sizing:border-box;margin:0;top: 0;position: relative;}
			.menu-back-area {width:200%; height:100%;background-color: #fff;position: absolute;margin-left: -10px;padding-bottom: 6px;margin-top: 0px;}
				.menu_container li { display:block; width:100%;}
				.menu_container li:hover { display:block; width:100%;border:none;}
				.menu_title a { border-bottom:none;font-size:1.05em; margin:0; padding:15px 0;transform:none;text-align: left;padding-left: 20px;text-transform: capitalize;text-align: center ;letter-spacing:normal; color: #593c68;}
				.menu_title a:hover { border-bottom:solid #d3c488; }
				.menu_title.menu-active a{ border-bottom:none;color:#CCC;}
				.nav_inside{ width:100%;position:absolute;right:0;}
				.navigation { position: absolute; top:72px; display:none; width:100%; margin:0 auto; transition:none;text-align:right;z-index: 10;height:100%;width:100%; right: 0px;}
				.menu_title { line-height:inherit; height:30px;font-size: 0.9em;}
				.menu_container li { display:block;border:none;transform: none;padding-left: 0;padding-right: 0;background: #F7F7F7;}
				#header.fixed {height: 72px;}
				.menu_container li.mobile { display:block;}
	/*header-own*/
.header {height: 72px; background-color:#F7F7F7;}
	.logo {display: none;}
		.menu_title a {padding: 10px 0;border-bottom: solid rgba(255,255,255,0);}
		.menu-back-area {display:none;}
.language {left: 0px; width: 70px; padding: 0 10px;top: 10px; z-index:10; text-transform:uppercase;}
			.language span {font-size: 1em;}
			.lang-text { text-transform:uppercase; font-size:0.85em;}
		#header.fixed .language {top: 10px;}
	/*1*/
.main {margin:130px auto 50px; width:95%;max-width: 600px; }
	.main-logo-box {display: block;width: 100%;box-sizing: border-box;position: relative;margin-bottom: 45px;}
		.main-logo {position: relative;margin: 0;transform: translateX(-50%);left: 50%;top: 0;display:none;}
			.main-logo-2 { width: 100%; max-width:300px; display:block;}
	.main-text-box {display: block;width: auto;padding: 0;margin: 0 auto;}
		.main-text {width: 100%;}
	.grey-container { margin:0 auto;}
		.text-container{ width:95%;max-width: 600px;}
	/*2*/
.second { margin:0 auto;}
	.second-area { display:none;}
	.second-row {width: 95%; left: 0; max-width: 600px; margin: 0 auto;}
	.second-row-pos {width: 100%;position: relative;margin-top: 0;display: table; top:0; background-color:#d3c488; margin-bottom:50px;}
			.second-row-block {display: block;width: 100%;height: 400px;margin: 50px auto;}
			.second-row-block:hover .second-r-b-area { bottom:0; padding:60px 0;}
	/*3*/
	.third { width:95%; max-width: 600px; padding:0;}
	.third-row {width: 100%; margin-bottom:50px;}
		.third-row-block {display: block;width: 100%;margin: 0; height:350px;}
			.third-area {width: 40px;height: 40px;}
					.third-arrow {width: 15px;}
		.third-row--block-text {margin: 0;height: auto;}
			.third-text {position: relative;margin: 0;width: auto; height:auto;}
				.third-title {margin-bottom: 31px;}
					.third-title span {padding: 7px 0;}
			.third-text p {margin-top: 18px;}
		.third-row-block:hover .third-area {width: 50px;height: 50px;}
		.third-row-block:hover .third-arrow {width: 20px;}
	/*4*/
		.fourth-img-block {width: 33.33vw;height: 33.33vw;}
			.fourth-i-b-2 {width: 66.66vw;}
			.fo-violet {display:none;}
			.fo-yellow {display:none;}
	/*footer*/
		.footer-box {display: block;width: 100%;padding: 20px 0;}
			.logo-footer {display: block;position: relative;transform: none;margin: 0 auto;margin: 0;width: auto;left: 0;top: 0;text-align: center;}
				.footer-text {line-height: 1.2em;font-size: 0.9em;padding: 10px 16.5%;text-align: center;}
		.footer-impressum {font-size: 0.8em;margin: 7px 0;}	
	/*impressum*/
	.impressum-sides { width:100%; margin-bottom:30px; text-align:center;}
	.impressum-sides img.other { margin:10px auto 20px;}
	.impressum-sides img { margin:10px auto;}
	/*news_list_container*/	
	.news_list_img{margin:0 30px}	
	.news_list_img img { max-width: 100%; margin: 30px auto 0;width:auto; float: none;}
}