@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=5fa5591f-8c97-499c-bcf9-63bc2be5090f");
@font-face{
		font-family:"DIN Next LT W01 Regular";
		src:url("./fonts/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2") format("woff2"),url("./fonts/ccf25ada-6d2a-4133-95dc-deb039e22999.woff") format("woff");
}
@font-face{
		font-family:"DIN Next LT W01 Bold";
		src:url("./fonts/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"),url("./fonts/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff");
}

body {
	margin: 0;
	padding: 0;
	min-width: 320px;
	height: 100vh;
	background-color: #ffffff;
	font-family:"DIN Next LT W01 Regular", arial, sans-serif;
	font-size: 26px;
	color: #393939;
	line-height: 1;
	/* overflow: hidden; */
}

b,
strong {
	font-family:"DIN Next LT W01 Bold", arial, sans-serif;
	font-weight: 400;
}

a {
	color: #393939;
}

a:link,
a:visited {
	text-decoration: none;
}

	a:hover {
		opacity: .8;
	}
	
h2 {
	margin-top: 100px;
	font-size: 26px;
	font-family:"DIN Next LT W01 Bold", arial, sans-serif;
	font-weight: 400;
}

	h2:first-child {
		margin-top: 0;
	}

.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	padding: 0 60px;
}

.small-12 {
	width: 100%;
}

.medium-6 {
	width: 50%;
}

.page-header {
	display: block;
	margin-bottom: 60px;
	padding-top: 70px;
	padding-left: 60px;
	padding-right: 60px;
}
	
	.page-title {
		width: 184px;
	}
	
		.page-title__logo {
			width: 100%;
		}
		
.site-content {
	padding-bottom: 160px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

	.teaser {
		margin: 0;
		font-size: 54px;
	}
	
	h1 {
		margin-top: 0;
		margin-bottom: 50px;
		font-size: 54px;
		font-family:"DIN Next LT W01 Bold";
	}
	
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		ul li {
			display: inline-block;
			width: 40%;	
			margin-bottom: 5px;
		}
		
			ul li::before {
				display: inline-block;
				margin-right: 10px;
				content: '· ';	
			}
			
	.site-content img {
		width: 100%;
	}
	
	.site-content .medium-6:last-child {
		text-align: right;
	}

.site-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	z-index: 2;
}

	.site-footer--content {
		padding-top: 30px;
		padding-bottom: 35px;
		background-color: #0161A7;
	}

	.site-footer p {
		margin: 0;
		padding: 0;
	}
	
	.footer__link {
		color: #fff;
	}
	
	.site-footer strong {
		display: block;
		margin-bottom: 5px;
	}
	
	.impress {
		display: block;
		padding: 1px 0 9px;
		background-color: #393939;
		color: #fff;
	}
	
		.impress a {
			font-size: 16px;
			color: #fff;
			line-height: 1;
		}

.lightbox {
	position: relative;
	background: #e8e8e8;
	font-size: 16px;
	box-sizing: border-box;
}

	.lightbox:not(.is--active) {
		display: none;
	}
	
	.lightbox--content {
		position: relative;
		width: 770px;
		max-width: 100%;
		margin: 0 auto;
		padding: 60px 60px 180px;
	}
	
	.lightbox p {
		line-height: 1.3;
	}
	
	.lightbox--close {
		position: absolute;
		top: 60px;
		right: 60px;
		width: 50px;
		height: 50px;
		font-size: 26px;
		text-align: center;
		font-family: "DIN Next LT W01 Bold", arial, sans-serif;
		color: #333;
	}

/*Tablet Old*/
@media only screen and (max-width: 900px) {
	
}

/*Phone*/
@media only screen and (max-width: 1024px) {
	body {
		font-size: 18px;	
	}
	
	.grid {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.small-12 {
		width: 100%;
	}
	
	.page-header {
		padding-top: 40px;
		padding-right: 30px;
		padding-left: 30px;
		margin-bottom: 40px;
	}
	
	.page-title {
		width: 124px;
	}
	
	.site-content {
		padding-bottom: 0;
	}
	
	.teaser {
		font-size: 32px;
	}
	
	.site-content img {
		width: 100vw;
		max-width: none;
		margin-left: -30px;
	}
	
	h1 {
		font-size: 32px;
		margin-bottom: 40px;
	}
	
	ul li {
		display: block;
		width: 100%;
	}
	
	.site-footer {
		position: static;
	}
	
	.site-footer p {
		line-height: 1.5;
	}
	
	.site-footer .cell:last-child {
		margin-top: 30px;
	}
	
	.site-footer .impress .cell:last-child {
		padding-top: 15px;
		padding-bottom: 5px;
		margin-top: 0;
	}
	
	.lightbox {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/*Phone*/
@media only screen and (max-width: 700px) {
	body {
		font-size: 16px;
	}
}