@import url(reset.css);

@font-face {
    font-family: 'FreightSansPro';
    src: url('../fonts/FreightSansProLight-Regular.eot');
    src: local('../fonts/FreightSans Pro Light'), local('../fonts/FreightSansProLight-Regular'),
        url('../fonts/FreightSansProLight-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FreightSansProLight-Regular.woff2') format('woff2'),
        url('../fonts/FreightSansProLight-Regular.woff') format('woff'),
        url('../fonts/FreightSansProLight-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'FreightSansPro';
    src: url('../FreightSansProBook-Regular.eot');
    src: local('../FreightSans Pro Book'), local('F../reightSansProBook-Regular'),
        url('../FreightSansProBook-Regular.eot?#iefix') format('embedded-opentype'),
        url('../FreightSansProBook-Regular.woff2') format('woff2'),
        url('../FreightSansProBook-Regular.woff') format('woff'),
        url('../FreightSansProBook-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body {
	background: #fcf6e2;
	font-family: 'FreightSansPro', Tahoma, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 300;
	color: #706F6F;
	letter-spacing: 0.5px;
}
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.top-section__block {
	padding: 20px 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background:#f08372;
}
.top-section-lang__block ul {
	display: flex;

}
.top-section-lang__block ul li a{
	margin-right: 10px;
	color: #FFF;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5;
}
.top-section-lang__block ul li:hover a{
	color:#FFDC88;
}

.top-section-lang__block ul li:last-child {
	margin-right: 0px;
}
.top-section-logo__block img{
	width: 342px;
}
.bottom-section__block {
display: flex;
justify-content: space-between;
	background:#f39a8b;
}
.bottom-section__block img {
	max-width: 580px;
	width: 100%;
}
.bottom-section-text__block {
	padding-right: 50px;
	text-align: right;
		color:#FFF;
}

.bottom-section-text__block h2{
	font-size: 2.8em;
	font-weight: 300;
	max-width: 520px;
	line-height: 1.5;
	    margin-top: 0.6em;
    margin-bottom: 0.2em;
}
.bottom-section-text__block h3{
		color: #FFDC88;
		font-size: 2.8em;
		font-weight: 300;
		letter-spacing: 0.5px;
    	margin-bottom: 0.5em;
		text-transform: uppercase;
	}
.bottom-section-text__block h4{
	font-size: 1.6em;
	font-weight: 300;
	max-width: 520px;
	line-height: 1.5;
	padding-bottom: 15px;
}
.banner__block {
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
	background:#ffdc88;
	color: #F08372;
}
.banner-text__block  {
	padding: 50px 0px 50px 50px;
}
.banner-text__block h2{
	max-width: 520px;	
	line-height: 1.5em;
	font-size: 2.6em;
	font-weight: 300;
	margin-top: 0.6em;
	margin-bottom: 0.8em;
}
.banner-text__block p {
	font-weight: 300;
	max-width: 650px;	
	font-size: 19px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	margin-bottom: 0.5em;
}
.banner-img__block img{
	width: 380px;
}
main {
	background:#FFF;
}
main.impressum {
	display: flex;
	padding: 15px 50px;

}
main.impressum .content {
	padding-left: 50px;
	margin-top: 15px;
}
main.impressum .content h2{
    margin-bottom: 0.2em;
    line-height: 1;
	 font-size: 2.3em;
	 font-weight: 300;
    color: #F08372;
    letter-spacing: 0.5px;
}
main.impressum .content h3{ 
	text-transform: uppercase;
    color: #FFDC88;
    font-size: 2.3em;
    line-height: 1;
	 font-weight: 300;
    margin-bottom: 0.6em;
}
main.impressum .content h4 {
	font-weight: 300;
	color: #F08372;
	letter-spacing: 0.5px;
	margin-bottom: 0.5em;
}
main.impressum .content p {
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
main.impressum .content p a{
	color:#706F6F;
}
.sidebar {
	width: 25%;
}
.content {
	width: 75%;
}
.impressum-list {
	margin-top: 80px;
}
.impressum-list li{
border-bottom: 1px solid #706F6F;
color:#706F6F;
padding-bottom: 0.7em;
padding-top: 0.7em;
}
.impressum-list li a{
color:#706F6F;
}
.impressum-list li a:hover{
	color:#f08372;
}
.content h6 {
	font-weight: 300;
    color: #F08372;
    letter-spacing: 0.5px;
    margin-bottom: 0.5em;
}
.content-list li {
	margin-bottom: 10px;
	line-height: 1.5em;
}

.info__block {
	display: flex;
	align-items:flex-end;
	padding: 50px 50px 0px 50px;
}
.info-img__block img {
	display: flex;
	max-width: 280px;
}
.info-text__block {
	padding-left: 50px;
}
.info-text__block h2 {
	color:#F08372;
	font-weight: 300;
	margin-bottom:0.8em;
	font-size: 2.3em;
	line-height: 1.5;
}
.info-text__block p {
	margin-bottom: 0.6em;
	max-width: 720px;
	line-height: 1.5;
}
.info-text__block h6 {
	color:#F08372;
	margin-bottom: 15px;
	font-weight: 300;
}
.table__block {
	padding: 0px 50px;
	color:#706f6f;
	letter-spacing: 0.5px;
	font-weight: 300;
}
.table__block p {
	padding-bottom:1.5em;
	font-size: 0.74em;
	line-height: 1.5em;
}
.table__block a {
color:#F08372;
}
.table-inner__block {
	display: flex;
	margin-bottom: 5px;
	border:1px solid #706F6F;
}
.table-inner-col1__block, .table-inner-col2__block, .table-inner-col3__block, .table-inner-col4__block {
	width: 25%;
	border-right: 1px solid #706F6F;
}
.table-inner-col4__block  {
	border-right:none;
}
.table-inner-col-head__block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.5em 1em;
	min-height: 100px;
	border-bottom: 1px solid #706F6F;
}
.table-inner-col1__block .table-inner-col-head__block {
	color:#FFF;
	background:#f08372;
}
.table-inner-col2__block .table-inner-col-head__block {
	color:#FFF;
	background:#F39A8B;
}
.table-inner-col3__block .table-inner-col-head__block {
	color:#706F6F;
	background:#FFDC88;
}
.table-inner-col4__block .table-inner-col-head__block {
	color:#706F6F;
	background:#FCF6E2;
}


.table-inner-col-content__block {
	padding: 0.5em 1em;
}
p.title {
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5em;
	padding: 0px;
}
p.subtitle {
	font-size: 0.9em;
	padding: 0px;
	margin-bottom: 0.5em;
}
.table-inner-col-content__block p {
	color:#F08372;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.3;
	font-size: 0.9em;
}
.table-inner-col-content__block p.subtitle{
	text-transform: none;
	color:#706f6f;
}
footer{
	color:#fff;
	font-size: 0.9em;
	font-weight: 300;
	background:#F08372;
	display: flex;
	justify-content: space-between;
	padding: 15px 50px;
}
footer a {
	color:#FFF;
}
footer a:hover {
	color:#ffdc88;
}

/* responsive styles */

@media(max-width:1165px) {
	.table-inner-col-head__block {
		height: 110px;
	}
}
@media(max-width:1150px) {
	.bottom-section-text__block h2{
		font-size: 2.5em;
	}
	.bottom-section-text__block h4{ 
		font-size: 1.3em;
	}
}
@media(max-width:1020px) {
	.bottom-section-text__block h2{
		font-size: 2.2em;
	}
	.bottom-section-text__block h4{ 
		font-size: 1em;
	}
	.table-inner-col-head__block {
		height: 140px;
	}
}
@media(max-width:935px) {
	.table-inner-col-head__block p.title {
		font-size: 0.9em;
	}
	.table-inner-col-head__block p.subtitle {
		font-size: 0.8em;
	}
}
@media(max-width:890px) {
	.bottom-section-text__block h2{
		font-size: 1.9em;
	}
	.bottom-section-text__block h4{ 
		font-size: 0.9em;
	}

}
@media(max-width:871px) {
	.table-inner-col-head__block p.title {
		font-size: 1em;
	}
	.table-inner-col-head__block p.subtitle {
		font-size: 0.9em;
	}
	.table-inner__block {
		border: none;
		flex-direction: column;
	}
	.table-inner-col-head__block {
		min-height: 80px;
		height: 90px;
	}
	.table-inner__block .table-inner-col1__block {
		width: 100%;
		margin-bottom: 15px;
		border:1px solid #706F6F;
	}
	.table-inner__block .table-inner-col2__block {
		width: 100%;
		margin-bottom: 15px;
		border:1px solid #706F6F;
	}
	.table-inner__block .table-inner-col3__block {
		width: 100%;
		margin-bottom: 15px;
		border:1px solid #706F6F;
	}
	.table-inner__block .table-inner-col4__block {
		width: 100%;
		border:1px solid #706F6F;
	}
}
@media(max-width:780px) {
	main.impressum {
		flex-direction: column;
		padding: 15px;
	}
	main.impressum .sidebar {
		width: 100%;
		margin-bottom: 15px;
	}
	.impressum-list {
		margin-top: 0px;
	}
	main.impressum .content {
		padding-left: 0px;
		width: 100%;
	}
	h2 {
		line-height: 1em!important;
	}
	.info__block {
		padding: 40px 15px 0px 15px;
		flex-direction: column-reverse;
	}
	.info-text__block {
		padding-left: 0px;
	}
	.info-img__block {
		display: flex;
		justify-content:center;
		margin-top: 15px;
	}
	.info-img__block img {
		max-width: 100%;
	}
	.table__block {
		padding: 0px 15px 40px 15px;
	}
	.top-section__block {
		flex-direction: column;
	}
	.top-section-logo__block {
		margin-bottom: 20px;
	}
	.bottom-section__block {
		flex-direction: column;
		align-items:flex-end;
	}
	.bottom-section__block img {
		max-width: 100%;
		width: 100%;
	}
	.bottom-section-text__block {
		padding-right: 20px;
	}
	.bottom-section-text__block h2{
		font-size: 2.5em;
	}
		.bottom-section-text__block h4{ 
		font-size: 1.3em;
	}
	.banner__block {
		flex-direction: column;
		align-items:flex-start;
	}
	.banner-img__block img{
		width: 100%;
	}
	.banner-text__block {
		padding:40px 15px;
	}
	footer{
		padding:40px 15px;
	}
}
@media(max-width:450px){
	footer{
		flex-direction: column;
		padding: 15px;
	}
	footer .footer-lnk {
		margin-top: 15px;
	}
}


/* back to top */
#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 0px; /* Some padding */
	border-radius: 100px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
 }
 
 #myBtn:hover {
	opacity: 0.8; /* Add a dark-grey background on hover */
 }