@charset "utf-8";
/* CSS Dokument Kinder in Blau */
#dks_header{
	/*background:rgba(212,244,248,1) 	url("bilder/wolke.png") no-repeat bottom;
	height: 500px;*/
	text-align: center;
	background: #d4f4f8
}
.dks_BasarLogo{display:block}
h1{
	color:#00529e;
}
main{
	padding:25px 0 30px 0;
	margin: 0 0 30px 0;
	background: url("../bilder/welle.png") no-repeat bottom #d4f4f8;
}
#dks_footer{
	background: rgba(178,204,61,1) url("../bilder/Foolter.jpg") no-repeat top;
	padding: 18.75rem 0 1.563rem 0 ;
}
/*  #######   */
	#dks_navi{
		background: #d4f4f8
	}
	#dks_navi a{
		font-size: 20px;
		display: block;
		padding: 0.938rem 1.563rem;
		position: relative;
		z-index: 55;
		background: rgba(255,255,255,1.00);
		border-radius: 50% 45%;
		min-width: 120px;
		text-align: center;
	}
	.dks-wolke{
		border-radius: 50%;
		position: relative;
	}
	.dks-wolke::before{
		background: white;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		line-height: 75px;
		text-align: center;
		position: absolute;
		content: "";
		top: -10px;
		left: 20px;
	}
	.dks-wolke::after { 
		width: 60px;
		height: 40px;
		border-radius: 50%;
		background-color: white;
		line-height: 75px;
		text-align: center;
		position: absolute;
		content: "";
		top: -15px;
		left: 50px;
	}
.dks_termin_basar h2{
	font-size:2.5rem;
	font-family: 'Gluten', cursive;
	background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	color: transparent;
	border-bottom: gray solid 0.063rem;
	padding:0.313rem 0.625rem;
}

.dks_LogoMesse{
	
	
}
@media only screen and (max-width: 51.375rem) {/*822px*/
	header{padding:0.625rem}
	.dks_LogoMesse img{position:static;}
}