/* lato-regular - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

html {
	background: rgba(222, 5, 5, 1);
}

body {
	font-family: Lato, Arial, sans-serif;
	font-size: 62.5%;
	font-style: normal;
	font-weight: normal;
	overflow-y: scroll;
}

#topcontainer {
	background: rgba(222, 5, 5, 1) url("../media/bg_st-tropez-bar_top.png") no-repeat center top/cover;
	float: left;
	width: 100%;
}

#itopcontainer {
	background: rgba(222, 5, 5, 1) url("../media/bg_st-tropez-bar_bottom.png") no-repeat center top/cover;
	float: left;
	width: 100%;
}

#bottomcontainer {
	background: #de0505 url("../media/bg_st-tropez-bar_bottom.png") no-repeat scroll center bottom;
	float: left;
	height: auto;
	width: auto;
}

.impressum {
	float: left;
	height: 200px;
	margin: 0;
	position: relative;
	text-align: right;
	width: 72%;
}

img {
	width: 100%;
}

.content img {
	box-sizing: border-box;
	padding: 0 15px;
}

a img {
	width: auto;
}

#logo {
	float: right;
	margin-top: 23px;
}

#facebook {
	margin: 65px 0 50px 15px;
	position: relative;
}

#logo img {
	margin: auto;
	width: 75%;
}

#facebook>img {
	float: left;
	margin: -20px 12px 0 0;
	width: 55px;
}

header {
	float: right;
	margin: 0 0 600px;
}

.main {
	float: left;
	margin: 0 auto;
	width: 100%;
}

.content {
	margin: 15% auto 0;
	width: 320px;
}

.icontent {
	margin: 0 auto;
	width: 70%;
}

.icontent img {
	margin: 60px 0 20px;
	width: auto;
}

h1 {
	color: #fff;
	font-size: 2.5em;
	margin: 0 0 40px 15px;
}

.icontent h1 {
	margin: 0 0 40px;
}

p {
	color: #fff;
	font-size: 1.5em;
	margin: 0 0 40px 15px;
	text-decoration: none;
}

.icontent p {
	margin: 0 0 40px;
}

#bottomcontainer ul {
	float: left;
	margin: 0;
	padding: 0;
}

#bottomcontainer li {
	float: left;
	list-style: outside none none;
	width: 100%;
}

a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

.impressum>a {
	bottom: 0;
	margin: 0 0 15px;
	position: absolute;
}

@media screen and (max-width: 500px) {
	.icontent img {
		margin: 20px 0 20px;
		width: 100%;
	}
}

@media screen and (min-width: 640px) {
	header {
		float: right;
		margin: 0 0 540px;
	}
}

@media screen and (min-width: 800px) {
	#bottomcontainer li {
		width: 25%;
	}
	#bottomcontainer {
		background: rgba(222, 5, 5, 1) url("../media/bg_st-tropez-bar_bottom.png") no-repeat center 170px/cover;
		float: left;
		height: 622px;
		width: 100%;
	}
}

@media screen and (min-width: 1200px) {
	#facebook {
		left: 467px;
		position: relative;
		top: -357px;
		width: 270px;
	}
}

@media screen and (min-width: 1500px) {
	header {
		margin: 0 0 40%;
	}
	.content {
		margin: 14% auto 0;
	}
	.icontent {
		margin: 0 auto;
	}
}