/*Allgemeine Formatierung*/


 * {
  box-sizing: border-box;
}
/* Sternchen spricht alle Element an. Border-box bedeutet, dass die Gesamtbreite mit width definiert wird und sowohl padding als auch border mit einschließt.*/



html {
	font-family: Bahnschrift, sans-serif;
	font-size: 16px;
	
}

body {
	margin: 0;
}

#back {
	position: fixed;
	top: -30px;
	left: -10px;
	z-index: -1;
	width: 130vw;
	height: auto;
	float: left;
	opacity: 0.95;
	filter: blur(0.2em);
}



/*Ideenkopf*/

.ideenkopf {
	width: 45vw;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5vw;
	margin-bottom: 5vw;
	box-shadow: 0em 0.1em 0.5em #171717;
	border-radius: 1.5em;
	background-color: #e8e6cd;
	font-size: 120%;

}

.ideenkopf img {
	width: 100%;
	margin-top: 10px;
}

.ideenkopf-container {
	margin: 5vw 1vw 1vw 2vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.container {
	width: 50%;
}

.ideenkopf-header {
	color: #4a493f;
	font-size: 150%;
	font-weight: 700;
	
}

.ideenkopf-überschrift {
	color: #4a493f;
	font-size: 130%;
}

.ideenkopf-kontakt {
	color: #4a493f;

}

.ideenkopf-kontakt a:link, a:visited, a:active {
	text-decoration: none;
	color: #4a493f;

}

.ideenkopf-kontakt a:hover {
	transition: all 0.3s ease;
	color: #f58227;
}


.ideenkopf-footer {
	color: #ffffff;
	background-color: #545245;
	font-size: 110%;
	display: flex;
	flex-flow: wrap row;
	padding: 1%;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #4a493f;
	border-radius: 1em;
}

.ideenkopf-footer-item {
	padding: 8px;
	margin: 3px;
	background-color: #716f63;
	border: 1px solid #545245;
	border-radius: 0.75em;
}

.ideenkopf-footer-item a:link, a:active, a:visited {
	text-decoration: none;
	color: #ffffff;
}

.ideenkopf-footer-item a:hover {
	transition: all 0.3s ease;
	text-decoration: none;
	color: #f58227;
	padding: 0 10px 0 10px;
}


.ideenkopf-impressum {
	font-size: 80%;
	display: block;
	position: fixed;
	bottom: 0;
	text-align: right;
	width: 98vw;
}


@media (max-width: 590px) {
	.ideenkopf {
		width: 80vw;
	 }

	.ideenkopf-header {
		font-size: 115%;	
	}

	.ideenkopf-überschrift {
		font-size: 95%;
		font-weight: 700;
	}

	.ideenkopf-kontakt {
		font-size: 85%;
	}

	.ideenkopf-footer {
		font-size: 80%;
	}

	.ideenkopf-footer-item {
		padding: 4px;
		margin: 1.5px;
	}
	.container {
		width: 100%;
	}
}