/*
	overviewheader.css
*/

.welcome {
/*	box-sizing: border-box;*/
	background-color: rgb(32, 13, 0);
	padding: 3.0vmin;
	padding-bottom: 0;
	min-height: 31.5vmin;
	font-size: 3.0vmin; /* überschreibt ggf. media-queries */
}

.home_url {
	display: inline-block;
}
.welcome h1 {
	font-size: 1.5em; /* damit font-size in #thanks Sinn macht – em statt rem */
	margin: 0;
	margin-top: 3.2em;
	padding: 0;
	padding-left: 40%;
	text-align: right;
	letter-spacing: 0.35em;
	line-height: 100%;
	color: rgb(246, 246, 246);	
}

.home_url a:hover, .home_url a:focus {
	box-shadow: 1.2vmin 1.2vmin rgb(255, 221, 0);
}

.home_url {
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0.2rem;
	margin-top: 0.4em;
	margin-right: 1vmin;
}

@media only screen and (min-width: 760px) {
	.welcome h1 {
		margin-top: 2.5em;
	} 
	.home_url a:hover, .home_url a:focus {
		box-shadow: 0.55vmin 0.55vmin rgb(255, 221, 0);
	}
	.welcome {
		font-size: 2.0vmin;
		min-height: 19.5vmin;
		padding-right: 1vmin;
	}

}

@media only screen and (min-width: 980px) {
	.home_url {
		margin-top: 0.9em;
	}
	.home_url a:hover, .home_url a:focus {
		box-shadow: 0.35vmin 0.35vmin rgb(255, 221, 0);
	}
	.welcome {
		font-size: 1.8vmin;
		min-height: 13.15vmin;
		padding-right: 0;
	}
	.welcome h1 {
		margin-top: 1.4em;
		padding-left: 25%;
	}
		#logoTopLeft {
		width: 12.5vmin;
		height: 12.5vmin;
	}
	#theYellowBar {
		left: 2.08vmin;
		width: 8.333vmin;
	}
}


.home_url a:link {
	color: rgb(246, 246, 246);
	text-decoration: none;
}
.home_url a:visited {
	color: rgb(246, 246, 246);
	text-decoration: none;
}
.home_url a:hover {
	color: rgb(246, 246, 246);
	text-decoration: none;
	background-color: rgb(32, 13, 0);
	
}
.home_url a:focus {
	color: rgb(246, 246, 246);
	text-decoration: none;
	background-color: rgb(32, 13, 0);
}
.home_url a:active {
	color: rgb(255, 221, 0);
	text-decoration: none;
}