@charset "UTF-8";
/* CSS Document */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=caa48adf-1df4-4b4e-a01e-b68d1bac67b1");
@font-face{
font-family:"Avenir Next Condensed";
src:url("../fonts/4064c113-1653-48f1-a2e8-e7eaf6f66870.eot?#iefix");
src:url("../fonts/4064c113-1653-48f1-a2e8-e7eaf6f66870.eot?#iefix") format("eot"),url("../fonts/0a965a85-4682-4442-8edf-edd73a5b4454.woff2") format("woff2"),url("../fonts/984b2eaf-3cdc-4198-93c9-3049f9ba0659.woff") format("woff"),url("../fonts/f2ac19d1-c658-4ad1-abc1-398d300c43c0.ttf") format("truetype"),url("../fonts/cada96b3-47b6-4b7e-8adf-3d40df8cd73b.svg#cada96b3-47b6-4b7e-8adf-3d40df8cd73b") format("svg");
}
@font-face{
font-family:"Avenir Next Condensed Demi";
src:url("../fonts/fe4d96a8-3161-4f0c-ac51-ed6a5df15918.eot?#iefix");
src:url("../fonts/fe4d96a8-3161-4f0c-ac51-ed6a5df15918.eot?#iefix") format("eot"),url("../fonts/d268cd4d-987c-468a-a9bb-685df57a3892.woff2") format("woff2"),url("../fonts/add96dac-4679-4981-9390-74fd5a5bf61f.woff") format("woff"),url("../fonts/60f1dfd0-eea9-448c-84a0-e4e8d5ba7516.ttf") format("truetype"),url("../fonts/f9659813-f8c7-4548-9117-b8e02fa26641.svg#f9659813-f8c7-4548-9117-b8e02fa26641") format("svg");
}
@font-face{
font-family:"Baskerville";
src:url("../fonts/1c82c893-6f0a-4afd-9e72-b9bcfc9f52ae.eot?#iefix");
src:url("../fonts/1c82c893-6f0a-4afd-9e72-b9bcfc9f52ae.eot?#iefix") format("eot"),url("../fonts/9ffd100e-2770-487a-9845-6ac78f3791f7.woff2") format("woff2"),url("../fonts/e693baea-eb63-411f-a311-2a2e421ef6f2.woff") format("woff"),url("../fonts/98b07788-69ae-4704-a8e1-31d61e8ff83b.ttf") format("truetype"),url("../fonts/60054d7a-8ca2-4320-8c5d-3fc9aed09e58.svg#60054d7a-8ca2-4320-8c5d-3fc9aed09e58") format("svg");
}
@font-face{
font-family:"Baskerville Italic";
src:url("../fonts/cbc7935a-fe62-4b2d-9d3d-85498860814b.eot?#iefix");
src:url("../fonts/cbc7935a-fe62-4b2d-9d3d-85498860814b.eot?#iefix") format("eot"),url("../fonts/42e025a7-8e77-4247-9f4a-206fa6ffaa8d.woff2") format("woff2"),url("../fonts/d6b4c0fe-3972-4dc9-96ab-ffbebca4e3f3.woff") format("woff"),url("../fonts/c8b6a2d6-bf60-49d3-8720-543abdc1f109.ttf") format("truetype"),url("../fonts/411af28e-cf4e-40f2-95f5-98717996908c.svg#411af28e-cf4e-40f2-95f5-98717996908c") format("svg");
}

html,
body {
	position:relative;
	margin:0;
	padding:0;	
	width:100%;
	height:100%;	
}
html {
  box-sizing: border-box;

}
body {
	overflow-y: scroll;
}


*, *:before, *:after {
  box-sizing: inherit;
}
#main {
	margin:0;
	padding:20px 0 0 0;
	width:100%;
	height:80%;
	display:block;
	background-image:url(../images/muenchen_desktop@2x.jpg);	
	background-size:cover;
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#0268d3;
}
#logo {
	margin:0 auto 40px auto;
	padding:0;
	text-align:center;
}
#logo img {
	width:165px;	
}
#logo p {
	margin:0;
	padding:0;
	font-family: Avenir Next Condensed;
	color: #ffffff;
	font-size: 30.48px; 
	font-weight: 400;
	line-height: 60px;
	text-align: center;
	transform: scaleY(1.004); 
}
#claim {
	margin:0 auto;
	padding:3px 0;
	font-family: Baskerville Italic;
	color: #fffeff;
	width:700px;
	max-width:100%;
	font-size: 55px;
	line-height: 60px;
	text-align: left;
	overflow:auto;	
	text-shadow:0 1px 0 #676767;
}
#claim span {
	display:block;
}
#claim span.left {
	float:left;
	padding:0 15px;
}
#claim span.right {
	float:right;
	clear:both;
	padding:0 15px;
}
#claim span.small {
	font-family: Baskerville;
	color:  #ffffff;
	font-size: 20px;
	font-weight: 400;
	text-align: right;	
	clear:both;
	line-height:20px;
	float:right;
	text-shadow:0 1px 0 #676767; 
	margin-right:20px;
}
#text {
	position:relative;
	margin:0;
	padding:20px 15px 30px 15px;
	width:100%;
	font-family: Baskerville;
	color: #58585a;
	font-size: 26px;
	font-weight: 400;
	text-align: center;	
	background:#fff;
}
#text p {
	margin:0 auto 10px auto;	
}
a {
	color: #b3a06c;	
}
#text a.button {
	margin:10px 20px 20px 20px;
	padding:8px 20px;
	border-radius: 3px;
	border-width: 1px;
	border-color:  #b3a06c;
	border-style: solid;
	text-decoration:none;
	height: 33px;
	font-family: Avenir Next Condensed;
	font-size: 13px; 
	font-weight: 600;
	text-align: center;	
	text-transform:uppercase;
	display:inline-block;
}
#impressum {
	display:none;
}
#impressum p {
	margin:0;
	padding:0 30px 30px 30px;
	font-size:18px;
	float:left;
	font-family: Baskerville;
	color: #58585a;
	font-weight: 400;
	text-align:center
}
#impressum p.w50 {
	width:50%;	
}
#impressum p.w100 {
	width:100%;	
	padding-top:0px;
	font-size:15px;
}
#close {
	position:absolute;
	top:10px;
	right:20px;
}
#close img {
	width:30px;
	height:30px;
}


@media only screen and (max-width: 767px) {

	#main {
		height:80%;
		padding-bottom:60px;
		background-color:red;
		background-size: 100% auto;
		background-position:right bottom;
		background-repeat:no-repeat;
		background-color:#0268d3;
		background-image:url(../images/muenchen_mobil@2x.jpg);	
	}
	#logo p {
		font-size: 20px; 
		line-height: 60px; 

	}
	#claim {
		max-width:100%;
		font-size: 26px; 
		line-height: 35px; 
	}
	#claim span.small {
		font-size: 15px;
		line-height:15px;
	}
	#text {
		position:relative;
	}
	#impressum p {
		padding-top:10px !important;
		padding-bottom:10px  !important;	
	}
	.w50 {
		width:100% !important;
		clear:both;	
	}
	#close {
		right:10px;
	}	
}
/* Landscape */
@media only screen 
  and (max-device-width: 767px) 
  and (orientation: landscape) {
	#logo img {
		width:75px;	
	}
	#main {
		height:auto;
		padding-bottom:60px;
		box-sizing: border-box;
		background-position:right bottom;
	}	
	#claim {
		font-size:30px;	
		line-height:35px;
	}
}