/* CSS by dyersmith-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none;}
.onlymobile {display:none;}
body { 
	background:#000;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	}

/* start sitebuild styles */
.section {text-align:center; margin:auto;}
.section img {width:100%;}
	
html,body {
    height:100%;
}

p {font-size:17px; line-height:23px; margin-top:12px; color:#fff;}

h1 {font-family: 'tekoregular', Arial, sans-serif; font-size:46px; line-height:46px; letter-spacing:1px; color:#fff; padding:0 0 30px;}
h2 {font-family: 'tekoregular', Arial, sans-serif; font-size:24px; line-height:24px; padding:0 0 25px;}
h3 {font-family: 'tekoregular', Arial, sans-serif; font-size:24px; line-height:24px; letter-spacing:0px; padding:40px 0 15px;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	text-decoration:none;
	color:#fff;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
a:hover {
	
	text-decoration:underline;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
/* end link styles */

/* START STYLES */
.start-switchbox {position:fixed; width:33.33%; height:100%; background-size:cover; background-position: center; text-align:center; overflow: hidden;}
.start-switchbox-overlay {position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:#FFF; opacity:0.5;}
.start-switchbox-center {left:33.33%;}
.start-switchbox-right {left:66.64%;}
.start-switchbox img {position:absolute; width:70%; transform: translateY(-50%); left:50%; margin-left:-35%; top:55%;}

.start-switchbox:hover .start-switchbox-overlay {opacity:0.2;}

#header {background:#000; height:110px; width:100%; position:fixed; z-index:95;}
.header-toplogo {position:absolute; left:50%; top:8px; margin-left:-38px; width:76px; z-index:99;} .header-toplogo img {width:100%;}

.header-rightspacer {position:absolute; right:8%; top:0px; z-index:96; width:100%;}

/* subnavigation */
.header-subnavi {box-sizing:border-box; padding:45px 0 0 4%; z-index:97; position:relative; width:40%;}
.header-subnavi ul li {margin:0 10px 0; list-style:none; float:left; text-align:left;}
.header-subnavi ul li a {color:#fff; font-size:20px; line-height:20px; padding:0px; text-decoration:none; font-family:'tekoregular', Arial, sans-serif;}
.header-subnavi ul li a:hover {color:#696969; text-decoration:none;}
.header-subnavi ul li a.active {color:#696969; text-decoration:none;}

/* langnuage navigation */
.header-langnavi {box-sizing:border-box; padding:35px 0 0 10px; z-index:96; float:right;}
.header-langnavi ul li {margin:0 2px 0; list-style:none; position:relative; float:right; text-align:center; color:#FFF; font-size:18px;}
.header-langnavi ul li a {color:#fff; font-size:16px; line-height:16px; padding:0px; text-decoration:none;}
.header-langnavi ul li a:hover {color:#696969; text-decoration:none;}
.header-langnavi ul li a.active {color:#CCC; text-decoration:none; cursor:default;}

/* header mobile shortlink*/
.header-shortlink {position:absolute; right:14%; top:16px; z-index:99; display:none; box-sizing:border-box; padding:0px;}
.header-shortlink a {color:#fff; font-size:12px; line-height:12px;}

.header-socialwrapper {box-sizing:border-box; padding:40px 24px 0 0px; z-index:98; float:right; position:relative;}
.header-socialwrapper img {width:30px; margin:0 5px;}
.header-socialwrapper img:hover {width:34px; margin:-4px 3px 0;}

.header-openflag {width:80px; box-sizing:border-box; margin:0px 40px 0 0; float:right;}
.header-openflag-textbox {background:#FFF; text-align:center; padding:10px 0 26px 0; color:#4E6067; font-weight:bold; line-height:18px; letter-spacing:1px;}
.header-openflag-textbox span {font-weight:normal; font-size:12px; line-height:30px; letter-spacing:0px;}
.header-openflag-bottom img {width:100%;}

/* navigation overlay */
#navigationwrapper {position:fixed; right:0px; top:0; bottom:0; width:30%; min-width:350px; box-sizing:border-box; background:#272725; display:none; z-index:98;}
#navigation {position:absolute; top:60px; left:80px;}
#navigation ul li {margin:12px 0; display:block; list-style:none; position:relative; text-align:left;}
#navigation ul li a {color:#fff; font-size:28px; line-height:28px; padding:0px; text-decoration:none; font-family:'tekoregular',Arial,sans-serif; letter-spacing:0.1px;}
#navigation ul li a span {font-size:20px; line-height:20px;}
#navigation ul li a:hover {color:#696969; text-decoration:none;}
#navigation ul li a.active {color:#696969; text-decoration:none;}

/* sub navigation overlay */
#subnavigation {position:absolute; bottom:90px; left:80px;}
#subnavigation ul li {margin:10px 0; display:block; list-style:none; position:relative; text-align:left;}
#subnavigation ul li a {color:#fff; font-size:18px; line-height:18px; padding:0px; text-decoration:none; font-family:'tekoregular', Arial, sans-serif;}
#subnavigation ul li a:hover {color:#696969; text-decoration:none;}
#subnavigation ul li a.active {color:#696969; text-decoration:none;}

/* social overlay*/
.navigation-socialwrapper {position:absolute; left:75px; bottom:50px; box-sizing:border-box; padding:30px 24px 0 0px; z-index:96; float:right;}
.navigation-socialwrapper img {width:30px; margin:0 5px;}
.navigation-socialwrapper img:hover {width:34px; margin:-4px 3px 0;}


/* HOME BOX */
.home-text-wrapper {position:absolute; top:47%; width:100%; z-index:8; text-align:center;}
.home-text-wrapper h1 {color:#FFF; font-size:50px; line-height:60px;}

video{height:auto;position:relative;width:100%}
.home-video-wrapper {position:relative; width:100%; z-index:1;}
.home-video-overlay {position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:7; background:rgba(0,0,0,0);}
.home-image-wrapper {position:relative; overflow:hidden; top:0; left:0; width:100%; z-index:1;} .home-image-wrapper img {width:100%;}
.home-video-wrapper img {width:100%;}

.mobile {display:none !important;}

#mobilenavi {position:absolute; right:20px; top:4px; width:24px; height:24px; z-index:99;}
#mobilenavi a {border:0;}
#mobilenavi img {width:100%;}

/* HOME NEWS BOX */
.homeboxwrapper {position:absolute; left:0px; right:0px; top:0px; bottom: 0px; height:300px; background:#000; z-index:99;}
.homebox {position:absolute; left:0px; right:0px; top:70px; bottom:40px; height:100%; background-size:cover; background-position:center; overflow:hidden;}
.homeboxlogo {width:30%; position:absolute; left:50%; margin-left:-15%; top:50%; transform: translateY(-50%);} .homeboxlogo img {width:100%;}
.homeboxmobile {position:fixed; left:20px; right:20px; top:50px; bottom:20px; background-size:cover; overflow:hidden;}
.homeboxmobile img {width:110%; margin-left:-5%;}

.homefooter {position:fixed; bottom:10px; z-index:99; text-align:center; width:100%;}
.homefooter p {font-size:14px;}

#contentcontainer {position:relative; z-index:5; margin:0; text-align:center; padding:70px 0 0;}
.contentlimiter {max-width:1140px; margin:auto; padding:0 100px; position:relative; z-index:6;}
.contentlimiter2 {max-width:900px; margin:auto; padding:0 80px; position:relative; z-index:6;}
.contentlimiter3 {max-width:1440px; margin:auto; padding:0 60px; position:relative; z-index:6;}
.halfcontentlimiter {}

.block404 {font-size:40px; line-height:50px; padding:100px 0;}

.graphic-spacer {width:60px; margin:0 auto 30px;} .graphic-spacer img {width:100%;}

.newsbox {width:44%; margin:30px 3% 30px; float:left; text-align:left; font-size:14px;} .newsbox img {width:100%; padding:0 0 25px;} .newsbox img:hover {opacity:0.7;}
.newsbox p {padding:0 0 14px; margin:0; line-height:21px;}

.newsbox-imagewrapper {width:100%; position:relative; padding-top:50%; margin-bottom:25px; background:#F9F9F9; z-index:10; overflow:hidden;}
.newsbox-image {position:absolute; overflow:hidden; top:0%; width:100%;} .newsbox-image img {width:100%;}

.news-header-box {width:100%; position:relative; padding-top:29%; background:#F9F9F9; z-index:10; overflow:hidden;}
.news-header-image {position:absolute; overflow:hidden; top:-70%; width:100%;} .news-header-image img {width:100%;}

.block1 {box-sizing:border-box; margin:90px 0 0 0; padding:0px 220px; text-align:center; z-index:20; position:relative;}
.block1b {box-sizing:border-box; margin:90px 0 0 0; padding:0px 220px; text-align:center; z-index:20; position:relative;}
.block1b h1 {display:none;} .block1b p {font-size:30px; line-height:40px; margin-top:30px;}

.block1 h2 {padding:50px 0 0; font-size:42px; line-height:42px;}
.block1 h3 {padding:0px 0 0; font-size:26px; line-height:26px;}
.block1-icon-header {width:80%; margin:auto; padding:0 0 50px;} .block1-icon-header img {width:100%;}
.block1-icon-bottom {width:40%; margin:auto; padding:60px 0 0px;} .block1-icon-bottom img {width:100%;}

.block1-image {margin:60px 0 -120px;} .block1-image img {width:100%;}

.gallery-wrapper {margin:50px auto 0;}
.gallery-box {width:31%; margin:20px 1% 0; box-sizing:border-box;} .gallery-box img {width:100%;}

.gallery2-wrapper {margin:50px auto 0;}
.gallery2-box {width:25%; margin:0px 0% 0; box-sizing:border-box;} .gallery2-box img {width:100%;}

.downloadbox {background:#000; border:1px solid #FFF; display:inline-block; max-width:500px; color:#fff; padding:14px 20px; box-sizing:border-box; text-align:center; margin:40px auto 20px; font-size:18px; line-height:20px; letter-spacing:1;}
.downloadbox:hover {background:#696969; color:#FFF;} .downloadbox a:hover {text-decoration:none !important;}

.teamwrapper {padding:40px 100px 50px; box-sizing:border-box;}
.teambox {width:31%; margin:40px 1% 0; float:left; font-size:16px; line-height:16px;} .teambox img {width:100%;}
.teambox h2 {font-size:24px; line-height:24px; padding:12px 0 7px;}
.teambox p {font-size:17px; line-height:20px; padding:10px 30px 0;}

/* Text Form */
fieldset {margin:0px 0 20px; text-align:left;}
fieldset input {border:none; background:#fff; margin:10px 0 0 0; padding:9px 8px 7px; width:70%; font-size:14px; font-family:"Times New Roman", Times, serif; color:#000;}
.btn {border:0; background:#fff; width:auto; color:#000; padding:6px 10px 6px; margin:15px 0 0 3px; font-size:20px; font-family: 'tekoregular', Arial, sans-serif;}
.btn:hover {background:#696969; color:#fff; cursor:pointer;}
#response {display:block; color:#696969; font-size:15px; margin:10px 0;}


.intrawrapper {margin:30px auto 20px; text-align:center; width:300px;}
input.intraform {border:1px solid #6D787E; margin:15px 0 0 0; padding:10px 10px 9px; width:200px; font-size:12px; font-family:'Futura LT W01 Book',Arial,sans-serif; color:#000;}
.btn2 {border:1px solid #6D787E; background:none; width:60px; color:#000; padding:8px 10px 8px; margin:15px 0 0 8px; font-size:14px; font-family:'Futura LT W01 Book',Arial,sans-serif;}
.btn2:hover {background:#fff; color:#fff; cursor:pointer;}

.insta-header {background:rgba(0,0,0,0.1); padding:25px 0 25px; margin:90px 0 0; color:#fff; text-align:center;} 
.insta-header img {width:60px; padding-bottom:5px;}
.insta-header p {font-size:22px;}

#instagram {background:rgba(0,0,0,0.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#instagram:hover a{opacity:.5}
#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/8);-ms-flex-preferred-size:calc(100%/8);flex-basis:calc(100%/8);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
#instagram a:hover{opacity:1}
#instagram img{width:100%}

#footer {background:rgba(0,0,0,0.1); padding:50px 4% 50px;}
#footer h1 {font-size:30px; line-height:30px; color:#fff; font-family:'tekoregular',Arial,sans-serif; padding:0; text-transform:uppercase;}
#footer p {color:#fff;}
#footer a {color:#fff;}
.footer2 {width:25%; float:left; text-align:left;}

.footer-socialwrapper {box-sizing:border-box; padding:15px 0 0px; z-index:96; float:right;}
.footer-socialwrapper img {width:30px; margin:0 5px;}
.footer-socialwrapper img:hover {width:34px; margin:-4px 3px 0;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:0px 0 0px 0; height:0; max-width:3000px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	


/* --Mobile */
#mobile {display:none;}
/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(255,255,255,.5); -moz-shadow: rgba(255,255,255,.5); box-shadow: rgba(255,255,255,.5);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(255,255,255,.5);}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1300px) {
	/* navigation overlay */
	#navigationwrapper {position:fixed; right:0px; top:0; bottom:0; width:30%; min-width:350px;}
	#navigation {position:absolute; top:60px; left:80px;}
	#navigation ul li {margin:12px 0; display:block; list-style:none; position:relative; text-align:left;}
	#navigation ul li a {font-size:28px; line-height:28px; padding:0px;}
	
	/* sub navigation overlay */
	#subnavigation {position:absolute; bottom:90px; left:80px;}
	#subnavigation ul li {margin:10px 0; display:block; list-style:none; position:relative; text-align:left;}
	#subnavigation ul li a {color:#fff; font-size:18px; line-height:18px; padding:0px; text-decoration:none;}
	
	/* social overlay*/
	.navigation-socialwrapper {position:absolute; left:75px; bottom:50px; box-sizing:border-box; padding:30px 24px 0 0px; z-index:96; float:right;}
	
	
}

@media screen and (max-width: 1100px) {
	.desktop {display:none;}
	.mobile {display:inherit !important;}
	
	p {font-size:16px; line-height:23px; margin-top:12px;}

	h1 {font-size:36px; line-height:36px; letter-spacing:1px; padding:0 0 20px;}
	h2 {font-size:22px; line-height:26px; padding:0 0 15px;}
	h3 {font-size:24px; line-height:24px; letter-spacing:0px;}
	
	#header {background:#000; height:80px; width:100%; position:fixed; z-index:95;}
	.header-toplogo {position:absolute; left:50%; top:8px; margin-left:-25px; width:50px; z-index:99;} .header-toplogo img {width:100%;}

	.header-rightspacer {position:absolute; right:8%; top:0px; z-index:96; width:100%;}
	
	/* subnavigation */
	.header-subnavi {box-sizing:border-box; padding:31px 0 0 3%; z-index:97; position:relative; width:40%;}
	.header-subnavi ul li {margin:0 10px 0; list-style:none; float:left; text-align:left;}
	.header-subnavi ul li a {color:#fff; font-size:18px; line-height:18px; padding:0px;}
	
	
	/* langnuage navigation */
	.header-langnavi {padding:25px 0 0 10px; z-index:96; float:right;}
	.header-langnavi ul li {margin:0 2px 0; list-style:none; position:relative; float:right; text-align:center; color:#FFF; font-size:18px;}
	.header-langnavi ul li a {color:#fff; font-size:14px; line-height:14px; padding:0px; text-decoration:none;}
	
	.header-socialwrapper {box-sizing:border-box; padding:29px 24px 0 0px; z-index:98; float:right; position:relative;}
	.header-socialwrapper img {width:24px; margin:0 5px;}
	.header-socialwrapper img:hover {width:28px; margin:-4px 3px 0;}
	
	/* navigation overlay */
	#navigationwrapper {position:fixed; right:0px; top:0; bottom:0; width:30%; min-width:350px;}
	#navigation {position:absolute; top:60px; left:80px;}
	#navigation ul li {margin:12px 0; display:block; list-style:none; position:relative; text-align:left;}
	#navigation ul li a {font-size:28px; line-height:28px; padding:0px;}
	
	/* sub navigation overlay */
	#subnavigation {position:absolute; bottom:90px; left:80px;}
	#subnavigation ul li {margin:10px 0; display:block; list-style:none; position:relative; text-align:left;}
	#subnavigation ul li a {color:#fff; font-size:18px; line-height:18px; padding:0px; text-decoration:none;}
	
	/* social overlay*/
	.navigation-socialwrapper {position:absolute; left:75px; bottom:50px; box-sizing:border-box; padding:30px 24px 0 0px; z-index:96; float:right;}
	.navigation-socialwrapper img {width:24px; margin:0 5px;}
	.navigation-socialwrapper img:hover {width:28px; margin:-4px 3px 0;}
	
	/* HOME BOX */
	.home-text-wrapper {position:absolute; top:47%; width:100%; z-index:8; text-align:center;}
	.home-text-wrapper h1 {color:#FFF; font-size:50px; line-height:60px;}
	
	#contentcontainer {padding:80px 0 0px;}
	.contentlimiter {padding:0 80px;}
	.contentlimiter2 {padding:0 80px;}
	.contentlimiter3 {padding:0 60px;}
	
	.homebox {position:absolute; left:0px; right:0px; top:70px; bottom:30px; height:100%; background-size:cover; overflow:hidden;}
	
	.homefooter {position:fixed; left:0px; width:100%; bottom:10px; z-index:99;}
	.homefooter p {font-size:13px;}
	
	.block404 {font-size:40px; line-height:50px; padding:100px 0;}
	
	.graphic-spacer {width:50px; margin:0 auto 20px;}
	
	.newsbox {width:44%; margin:30px 3% 30px; float:left; text-align:left; font-size:14px;} .newsbox img {width:100%; padding:0 0 15px;} .newsbox img:hover {opacity:0.7;}
	.newsbox p {padding:0 0 14px; margin:0; line-height:21px;}
	
	.newsbox-imagewrapper {width:100%; position:relative; padding-top:50%; margin-bottom:15px; background:#F9F9F9; z-index:10; overflow:hidden;}
	.newsbox-image {position:absolute; overflow:hidden; top:0%; width:100%;} .newsbox-image img {width:100%;}
	
	.news-header-box {width:100%; position:relative; padding-top:29%; background:#F9F9F9; z-index:10; overflow:hidden;}
	.news-header-image {position:absolute; overflow:hidden; top:-70%; width:100%;} .news-header-image img {width:100%;}
	
	.block1 {box-sizing:border-box; margin:60px 0 0 0; padding:0px 100px; text-align:center; z-index:20; position:relative;}
	.block1b {box-sizing:border-box; margin:60px 0 0 0; padding:0px 100px; text-align:center; z-index:20; position:relative;}
	.block1b h1 {display:none;} .block1b p {font-size:26px; line-height:34px; margin-top:30px;}
	
	.block1 h2 {padding:50px 0 0; font-size:32px; line-height:32px;}
	.block1 h3 {padding:0px 0 0; font-size:26px; line-height:26px;}
	.block1-icon-header {width:70%; margin:auto; padding:0 0 50px;} .block1-icon-header img {width:100%;}
	.block1-icon-bottom {width:40%; margin:auto; padding:60px 0 0px;} .block1-icon-bottom img {width:100%;}
	
	.block1-image {margin:60px 0 -90px;} .block1-image img {width:100%;}
	
	.gallery-wrapper {margin:50px auto 0;}
	.gallery-box {width:31%; margin:20px 1% 0; box-sizing:border-box;} .gallery-box img {width:100%;}
	
	.gallery2-wrapper {margin:50px auto 0;}
	.gallery2-box {width:25%; margin:0px 0% 0; box-sizing:border-box;} .gallery2-box img {width:100%;}
	
	.downloadbox {display:inline-block; max-width:500px; padding:14px 20px; box-sizing:border-box; text-align:center; margin:60px auto 20px; font-size:18px; line-height:20px; letter-spacing:1;}
	
	.teamwrapper {padding:40px 60px 50px; box-sizing:border-box;}
	.teambox {width:31%; margin:30px 1% 0; float:left; font-size:14px; line-height:16px;} .teambox img {width:100%;}
	.teambox h2 {font-size:22px; line-height:24px; padding:10px 0 5px;}
	.teambox p {font-size:15px; line-height:20px; padding:10px 30px 0;}
	
	#response {display:block; color:#F00; font-size:14px; margin:10px 0;}
	
	.insta-header {background:rgba(0,0,0,0.1); padding:25px 0 25px; margin:90px 0 0; color:#fff; text-align:center;} 
	.insta-header img {width:40px; padding-bottom:5px;}
	.insta-header p {font-size:22px;}
	
	#instagram {background:rgba(0,0,0,0.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instagram:hover a{opacity:.5}
	#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/8);-ms-flex-preferred-size:calc(100%/8);flex-basis:calc(100%/8);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instagram a:hover{opacity:1}
	#instagram img{width:100%}
	
	#footer {padding:40px 4% 40px;}
	#footer h1 {font-size:20px; line-height:20px;}
	#footer p {font-size:15px; line-height:19px;}
	#footer a {}
	.footer1 {width:16%; float:left; text-align:left;} .footer1 img {width:80%;}
	.footer2 {width:28%; float:left; text-align:left;}
	
	.footer-socialwrapper {box-sizing:border-box; padding:15px 0 0px; z-index:96; float:left;}
	.footer-socialwrapper img {width:30px; margin:0 5px;}
	.footer-socialwrapper img:hover {width:34px; margin:-4px 3px 0;}

}

@media screen and (max-width: 780px) {
	/* subnavigation */
	.header-subnavi {box-sizing:border-box; padding:20px 0 0 3%; z-index:97; position:relative; width:40%;}
	.header-subnavi ul li {margin:0 10px 5px; list-style:none; float:left; text-align:left;}
	.header-subnavi ul li a {color:#fff; font-size:18px; line-height:18px; padding:0px;}
}

@media screen and (max-width: 700px) {
	.nomobile {display:none !important;}
	.onlymobile {display:inherit !important;}
	
	p {font-size:14px; line-height:19px; margin-top:10px;}

	h1 {font-size:24px; line-height:22px; padding:0 0 10px;}
	h2 {font-size:18px; line-height:21px; padding:0 0 15px;}
	h3 {font-size:18px; line-height:18px;}
	
	.start-switchbox img {position:absolute; width:120%; transform: translateY(-50%); left:50%; margin-left:-60%; top:55%;}
	
	#header {background:#000; height:50px; width:100%; position:fixed; z-index:95;}
	.header-toplogo {position:absolute; left:4%; top:8px; margin-left:0px; width:30px; z-index:99;} .header-toplogo img {width:100%;}

	.header-rightspacer {position:absolute; right:8%; top:0px; z-index:96; width:100%;}
	
	/* subnavigation */
	.header-subnavi {box-sizing:border-box; padding:17px 0 0 50px; z-index:97; position:relative; width:372px;}
	.header-subnavi ul li {margin:0 8px 0; list-style:none; float:left; text-align:left;}
	.header-subnavi ul li a {color:#fff; font-size:14px; line-height:14px; padding:0px;}
	
	
	
	/* langnuage navigation */
	.header-langnavi {padding:15px 10px 0 10px; z-index:96; float:right;}
	.header-langnavi ul li {margin:0 2px 0; list-style:none; position:relative; float:right; text-align:center; color:#FFF; font-size:18px;}
	.header-langnavi ul li a {color:#fff; font-size:12px; line-height:12px; padding:0px; text-decoration:none;}
	
	.header-socialwrapper {display:none;}
	
	/* navigation overlay */
	#navigationwrapper {position:fixed; right:0px; top:0; bottom:0; width:100%; min-width:200px; z-index:98;}
	#navigation {position:absolute; top:40px; left:0px; width:100%;}
	#navigation ul li {margin:12px 0; display:block; list-style:none; position:relative; text-align:center;}
	#navigation ul li a {color:#fff; font-size:18px; line-height:18px; padding:0px;}
	#navigation ul li a span {font-size:18px; line-height:22px;}
	
	/* sub navigation overlay */
	#subnavigation {position:absolute; bottom:70px; left:0px; width:100%;}
	#subnavigation ul li {margin:5px 0; display:block; list-style:none; position:relative; text-align:center;}
	#subnavigation ul li a {color:#fff; font-size:14px; line-height:14px; padding:0px; text-decoration:none;}
	
	/* social overlay*/
	.navigation-socialwrapper {position:absolute; left:50%; bottom:30px; width:140px; margin-left:-70px; box-sizing:border-box; padding:0px 0px 0 0px; z-index:96; float:right;}
	.navigation-socialwrapper img {width:24px; margin:0 5px;}
	.navigation-socialwrapper img:hover {width:28px; margin:-4px 3px 0;}
	
	/* HOME BOX */
	.home-text-wrapper {position:absolute; top:40%; width:100%; z-index:8; text-align:center;}
	.home-text-wrapper h1 {color:#FFF; font-size:20px; line-height:25px;}
	
	.homebox {position:absolute; left:0px; right:0px; top:50px; bottom:50px; height:100%; background-size:cover; overflow:hidden;}
	.homeboxlogo {width:70%; margin-left:-35%;}
	
	.homefooter {position:fixed; width:100%; box-sizing:border-box; left:0px; padding:0 20px; bottom:7px; z-index:99; text-align:center; background:url(../data/files/gartenhof-bg2.jpg);}
	.homefooter p {font-size:13px; line-height:16px;}
	
	#contentcontainer {padding:50px 0 0px;}
	.contentlimiter {padding:0 10px;}
	.contentlimiter2 {padding:0 10px;}
	.contentlimiter3 {padding:0 10px;}
	
	.block404 {font-size:30px; line-height:40px; padding:60px 0;}
	
	.graphic-spacer {width:30px; margin:0 auto 10px;}
	
	.newsbox {width:90%; margin:15px 5% 20px; float:left; text-align:left; font-size:14px;} .newsbox img {width:100%; padding:0 0 15px;} .newsbox img:hover {opacity:0.7;}
	.newsbox p {padding:0 0 10px; margin:0; line-height:19px;}
	
	.newsbox-imagewrapper {width:100%; position:relative; padding-top:50%; margin-bottom:15px; background:#F9F9F9; z-index:10; overflow:hidden;}
	.newsbox-image {position:absolute; overflow:hidden; top:0%; width:100%;} .newsbox-image img {width:100%;}
	
	.news-header-box {width:100%; position:relative; padding-top:29%; background:#F9F9F9; z-index:10; overflow:hidden;}
	.news-header-image {position:absolute; overflow:hidden; top:-70%; width:100%;} .news-header-image img {width:100%;}
	
	.block1 {box-sizing:border-box; margin:30px 0 0 0; padding:0px 20px; text-align:center; z-index:20; position:relative;}
	.block1b {box-sizing:border-box; margin:30px 0 50px 0; padding:0px 20px; text-align:center; z-index:20; position:relative;}
	.block1b h1 {display:none;} .block1b p {font-size:18px; line-height:23px; margin-top:30px;}
	
	.block1 h2 {padding:50px 0 0; font-size:24px; line-height:24px;}
	.block1 h3 {padding:0px 0 0; font-size:20px; line-height:20px;}
	.block1-icon-header {width:70%; margin:auto; padding:0 0 30px;} .block1-icon-header img {width:100%;}
	.block1-icon-bottom {width:60%; margin:auto; padding:50px 0 0px;} .block1-icon-bottom img {width:100%;}
	
	.block1-image {margin:40px 0 -70px;} .block1-image img {width:100%;}
	
	.gallery-wrapper {margin:30px auto 0;}
	.gallery-box {width:47.9%; margin:8px 1% 0; box-sizing:border-box;} .gallery-box img {width:100%;}
	
	.gallery2-wrapper {margin:30px auto 0;}
	.gallery2-box {width:49.9%; margin:0px 0% 0; box-sizing:border-box;} .gallery2-box img {width:100%;}
	
	.downloadbox {display:inline-block; max-width:500px; padding:10px 20px; box-sizing:border-box; text-align:center; margin:30px auto 0px; font-size:14px; line-height:14px; letter-spacing:1;}
	
	.teamwrapper {padding:0px 0px 30px; box-sizing:border-box;}
	.teambox {width:48%; margin:20px 1% 0; float:left; font-size:13px; line-height:15px;} .teambox img {width:100%;}
	.teambox h2 {font-size:20px; line-height:22px; padding:6px 0 1px;}
	.teambox p {font-size:14px; line-height:18px; padding:10px 30px 0;}
	
	/* Text Form */
	fieldset {margin:0px 0 0px; text-align:center;}
	fieldset input {margin:15px auto 0; padding:9px 10px 8px; width:50%; font-size:14px;}
	.btn {width:auto; display:inline-block; padding:9px 10px 8px; margin:16px auto 3px; font-size:17px;}
	#response {display:block; color:#F00; font-size:12px; margin:10px 0;}
	
	.insta-header {padding:10px 0 10px; text-align:center;} .insta-header img {width:30px; padding-bottom:0px;}
	.insta-header p {font-size:14px;}
	
	#instagram {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instagram:hover a{opacity:.5}
	#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/4);-ms-flex-preferred-size:calc(100%/4);flex-basis:calc(100%/4);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instagram a:hover{opacity:1}
	#instagram img{width:100%}
	
	#footer {padding:0px 0 20px; font-size:13px;}
	#footer h1 {font-size:19px; line-height:19px;}
	#footer p {font-size:14px; line-height:17px;}
	.footer1 {width:100%; float:none; text-align:center; display:none;}
	.footer2 {width:100%; padding:30px 0 0; float:none; text-align:center;}
	
	.footer-socialwrapper {box-sizing:border-box; padding:0px 0 0px; z-index:96; float:none;}
	.footer-socialwrapper img {width:24px; margin:0 5px;}
	.footer-socialwrapper img:hover {width:28px; margin:-4px 3px 0;}

}