@font-face {
  font-family: radi;
  src: url(../font/Radicalis.ttf);
  font-display: swap;
}


#logo
{
	font-family: radi;
	margin: 3vh;
    font-size: 3rem;
    color: black;
	text-shadow: 0 0 5px #646464;
}

/* Drei Striche Bild*/
#Menu-Icon
{
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.menu-button
{
	border-radius: 10px;
	background-color: olivedrab;
}

.menu-text
{
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 0 0 5px #646464;
}

IMG.vorschau
{
	margin: 15px;
	border-color: black;
	border-style: solid;
	border-radius: 15px;
	border-width: thin;
}

#Buchen_link
{
	text-align: center;
	font-size: 3em;
	text-decoration: underline;
	color: white;
	display: block;
}

#Buchen_link:hover
{
	color:#0056b3;
}

@media only screen and (min-width: 600px)
{


}

@media only screen and (max-width: 600px) {
	
	html, body {
		position:relative;
		overflow-x:hidden;
	}
	
	#header-div
	{
		/*position: absolute; */
		
	}
		
	#logo
	{
		font-family: radi;
		margin: 3vh;
		font-size: 2rem;
		color: black;
	}
	
	.link-Button
	{
		padding-left: 10px !important;
	}
}