@font-face {
    font-family: BelloSmallCaps;
    src: url(Bello-SmCp.ttf);
}

body {
	background: #03afe1;
	font-family: tahoma, sans-serif;
	margin:0;
	padding:0;
}

#main {
	max-width: 640px;
	margin: 80px auto 0px;
	padding:0px 15px;
	text-align:center;
	background-size: 100%;
}

#logo {
	width:100%;
	max-width:425px;
}


#icons2 {
display: flex;
  justify-content: space-between;
  max-width: 533px;
  margin: 30px auto 40px;
  height: 66px;
}

#icons2 div:not(#youtube,#tiktok) {
	width: 15%;
	background-size:cover;
	background-repeat: no-repeat;
	cursor:pointer;
}

#youtube {
	width:19.4%;	
	background-size:cover;
	cursor:pointer;
}

#tiktok {
	width:12.4%;	
	background-size:contain;
	background-repeat: no-repeat;
	cursor:pointer;
}

#icons2 img {
	width:100%;
}

#icons2 > div:hover img.no_hover {
	display:none;
}

#icons2 > div img.hover {
	display: none;
}

#icons2 > div:hover img.hover {
	display:block;
}


#links div {
	background-color:#fff;
	color: #f9c5d8;
	color:transparent;
	font-size:70px;
	height:50px;
	line-height:55px;
	margin-bottom:20px;
	border-radius:10px;
	font-family: BelloSmallCaps;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40%;
}

#links div:hover {
	background-color:#f1e80d !important;
}


#tickets {
	background-image: url(tickets_sw.png?v=2);
}

#merchandise {
	background-image: url(merchandise_sw.png?v=2);
}

#homepage {
	background-image: url(homepage_sw.png?v=2);
}

#links a	{
	color: #000;
	text-decoration: none;
}

#links a:last-child > div {
	margin-bottom: 0px;
}

#muetter {
	width:80%;
	/*max-width:350px;*/
	margin-bottom:-3px;
}


#footer {
	background: #f4e726;
	color:#000;
	text-align:center;
	padding:5px;
	font-size:20px;

}

#footer a	{
	color: #000;
	text-decoration: none;
}

#footer a:hover	{
	color: #000;
}

#footer p {
	margin:5px;
}

@media(max-width: 450px) {
	
	#main {
		width:70%;
		margin-top: 30px;
	}
	
	#logo {
		width: 100%;
	}
	
	#icons2 {
		margin:35px 0px;
		height: 40px;
	}

	#links  div {
		font-size:45px;
		height: 45px;
		line-height:48px;
		background-size:80%;
	}

	#muetter {
		width: 75%;
		margin-bottom:-4px;
	}
	
}

@media(max-width: 700px) {
	#footer {
		font-size:3.5vw;
	}
}