/*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;
}



/*E u H Brennholz*/

.brennholz {
	background-color: #ffffff;
	font-size: 110%;
	width: 45vw;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5vw;
	margin-bottom: 5vw;
	padding: 10px 0 0 0;
	box-shadow: 0em 0.1em 0.5em #dadada;
}

.brennholz p {
	margin: 7px 0 14px 0;
	padding: 0;
}

.brennholz img {
	width: 85%;
	margin-left: 10px;
	margin-right: 10px;
	float: right;
}


.brennholz-container {
	margin: 1vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.container {
	width: 50%;
}


.brennholz-header {
	color: #000000;
	font-size: 150%;
	
}

.brennholz-überschrift {
	color: #c29229;
	font-size: 130%;
	font-weight: 700;
}

.brennholz-kontakt {
	color: #000000;
	margin-top: 15%;
}

.brennholz-kontakt a:link, a:visited, a:active {
	text-decoration: none;
	color: #000000;
}

.brennholz-kontakt a:hover {
	color: #46d750;
}


.brennholz-footer {
	color: #ffffff;
	background-color: #46d750;
	font-size: 110%;
	display: flex;
	flex-flow: wrap row;
	padding: 1%;
	justify-content: flex-start;
	align-items: center;
}

.brennholz-footer-item {
	padding: 8px;
	margin: 3px;
	background-color: #44f150;
}

.brennholz-footer-item a {
	color: #ffffff;
	font-size: 110%;
	text-decoration: none;
}

.brennholz-footer-item:hover {
	background-color: #46d750;
}

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



@media (max-width: 700px) {
	.brennholz {
		width: 75vw;
	 }

	 .brennholz img {
		width: 70%;
	}

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

	.brennholz-überschrift {
		color: #c29229;
		font-size: 95%;
		font-weight: 700;
	}

	.brennholz-kontakt {
		font-size: 85%;
		margin-top: 0;
	}

	.brennholz-footer {
		font-size: 80%;
		
	}
	.brennholz-footer-item {
		padding: 4px;
		margin: 1.5px;
		
	}

}