@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto/roboto_300.woff2') format('woff2'), url('../fonts/roboto/roboto_300.woff') format('woff'); }
@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/roboto.woff2') format('woff2'), url('../fonts/roboto/roboto.woff') format('woff'); }
@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/roboto_700.woff2') format('woff2'), url('../fonts/roboto/roboto_700.woff') format('woff'); }
@font-face{ font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/noto-serif/noto-serif-v21-latin-regular.woff2') format('woff2'), url('../fonts/noto-serif/noto-serif-v21-latin-regular.woff') format('woff'); }
@font-face{font-family: 'Noto Serif'; font-style: normal; font-weight: 700; src: local(''), url('../fonts/noto-serif/noto-serif-v21-latin-700.woff2') format('woff2'), url('../fonts/noto-serif/noto-serif-v21-latin-700.woff') format('woff'); }

/* GENERAL */

*{
	box-sizing: border-box;
	outline: 0px !important;
}

body{
	background-color: #FFEFE8;
	padding-top: 50px;
	/* background-image: url('/img/whi_bg.svg');
	background-size: cover; */
}

.clear{
	clear: both;
}

img{
	max-width: 100%;
	height: auto;
}

h1{
	font-family: 'Noto Serif';
	color: #4F4F4F;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 40px;
	line-height: 1.1em;
}



/* MAIN */

#wrapper{
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 20px;
	padding: 50px;
	box-shadow: 0px 0px 85px rgba(0, 0, 0, 0.1);
	text-align:center;
}

.logo{
	padding-bottom: 100px;
}

.col-lg-6{
	margin-top: 30px;
	margin-bottom: 30px;
}

.marke-logo img{
	max-width: 400px;
}

.marke-subline{
	font-size: 12px;
	color: #bfbfbf;
	margin-top: 20px;
}

/* FOOTER */

footer{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

footer ul,
footer ul li{
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}

footer ul li:first-of-type{
	margin-right: 8px;
}

footer a,
footer a:hover{
	color: #c0b4af;
	font-size: 14px;
	line-height: 14px;
}

footer a:hover{
	text-decoration: underline;
}

@media (max-width: 1400px){
	
	.maxwidth{
		max-width: 90%;
	}
	
	#wrapper{
		max-width: 90%;
		box-shadow: none;
		background-color: #fff;
	}
	
}

@media (max-width: 600px){
	
	#wrapper{
		padding: 30px;
	}
	
	h1{
		font-size: 30px;
		margin-bottom: 20px;
		word-wrap: break-word;
	}
	
	.marke-logo img{
		max-width: 250px;
	}
	
	.col-lg-6 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
}