/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	
	



body {
		font-family: 'Overlock', Arial, sans-serif;
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 0.02em;
		color: #3D3D3D;
		background-image: linear-gradient(bottom, rgb(255,255,255) 32%, rgb(233,239,200) 50%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 32%, rgb(233,239,200) 50%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 32%, rgb(233,239,200) 50%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 32%, rgb(233,239,200) 50%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 32%, rgb(233,239,200) 50%);

		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.32, rgb(255,255,255)),
		color-stop(0.51, rgb(233,239,200)));

}


.header {
		background: url(../img/dots.jpg) repeat;
		background-color: #670534;
		height: 150px;
}

	
.header .logo {
		width: 550px;
		height: 133px;
		background: url(../img/logokrone.png) no-repeat;
}



	
.header .logo h1 {
		/* color: #5DD7A0; */
		color: transparent;
		font-size: 0;
		margin-left: -1000px;
}

.container p {
	color: #000;
	background: #;
	text-align: left;
	margin: 5px 0 0 0;
	}
	


.hr {
    background-color: #CECE7C; 
    border: none; 
    color: #CECE7C; 
    height: 1px; 
	margin: 5px 0 5px 0; 

}

.img {
	border: 10px solid #fff;

}


	

.legende {
	background-color: #;
}


.legende p {
	color: #000;
	text-align: left;
	
	}
	
	
	
h2 {
		margin: 25px 0 15px 0;
	}
	
h3 {
		margin: 10px 0 0px 0;
	}
	
	
.legende img {
		margin: 0px 0 0 0;
	}
	
a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	
 a:hover {
	    color: #BA939E;
		text-decoration: none;
	}
	
	


.footer {
		position:  bottom 0px;
		background-color: #7A1C37;
		margin-top: 20px;
}

.footer p {
	color: #BA939E;
	background: #;
	text-align: left;
	margin: 10px 0 10px 0;
	}
	
	
.footer a {
		color: #BA939E;
		text-decoration: underline;
		font-weight: normal;
	}
	
.footer a:hover {
		text-decoration: none;
		color: #fff;
	}

	
.perle1 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px 1px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle2 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -20px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle3 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -40px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle4 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -60px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle5 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -80px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle6 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -100px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle7 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -120px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle8 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -140px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle9 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -160px;
	float:left;
	margin: -3px 5px 0 0;
}


.perle10 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -180px;
	float:left;
	margin: -3px 5px 0 0;
}
.perle11 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -200px;
	float:left;
	margin: -3px 5px 0 0;
}
.perle12 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -220px;
	float:left;
	margin: -3px 5px 0 0;
}
.perle13 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -240px;
	float:left;
	margin: -3px 5px 0 0;
}
.perle14 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -260px;
	float:left;
	margin: -3px 5px 0 0;
}
.perle15 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -280px;
	float:left;
	margin: -3px 5px 0 0;
}
.perle16 {
	height: 20px;
	width: 20px;
	background: url(../img/perlen.png) no-repeat;
	background-position: 0px -300px;
	float:left;
	margin: -3px 5px 0 0;
}


	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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

	body {
		
	}
	
	
.header {
		background: url(../img/dots.jpg) repeat;
		background-color: #670534;
		height: 80px;
}	
	
.header .logo {
		background: url(../img/logokrone.png) no-repeat;
		background-size: 275px 67px;
				margin: 0 0 0 5px;
}



}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
.header {
		background: url(../img/dots.jpg) repeat;
		background-color: #670534;
		height: 80px;
	
}	
	
.header .logo {
		background: url(../img/logokrone.png) no-repeat;
		background-size: 275px 67px;
		margin: 0 0 0 5px;
}

	
.karte {
		display: none;
	}


}#