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


body, html {
	background:#f8af41;
	background-image:url(../img/background.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
	margin:0;
	height: 100%;
    width: 100%;
}
.button {
	background:rgba(255,255,255,0.0);
	border:none !important;
	font-family: 'Comfortaa', cursive;
	font-weight:300;
	font-size:18px;
	padding:10px;
	color:#20365e;
}
.button:hover {
	background:#20365e;
	color:#fff;
}
.closebutton {
	background:rgba(32,54,94,0.10);
	border:none !important;
	font-family: 'Comfortaa', cursive;
	font-weight:300;
	font-size:18px;
	padding:10px;
	color:#20365e;
	width:100%;
	margin-top:20px;
}
.closebutton:hover {
	background:#20365e;
	color:#fff;
}

.contentbox {
	width:300px;
	height:300px;
	margin:auto;
	background-color:rgba(255,255,255,0.60);
	padding:30px;
	-moz-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);
}

p {
	font-family: 'Comfortaa', cursive;
	font-weight:300;
	font-size:18px;
	line-height:26px;
	color:#20365e;
}

a {
	color:#20365e;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#f8af41;
	text-decoration:underline;
	outline:none;
}

.bold {
	font-weight:700;
}

#impressum {
	position:fixed;
	width:100%;
	margin:auto;
	bottom:0px;
	text-align:center;
	z-index:5000;
}

#overlay {
   display:none;
   position:fixed;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   background:#20365e;
   opacity:0.8;
   z-index:99999;
}

#popup {
   display:none;
   position:fixed;
   left:50%;
   top:50%;
   width:300px;
   height:600px;
   padding:30px;
   margin-top:-330px;
   margin-left:-180px;
   background:#fff;
   z-index:100000;
}

@media (max-width:767px) {
	.contentbox {
		width:80%;
		padding:10%;
		height:auto;
	}
}