/* === Allgemein ===*/

/* Schriften */


body,
p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
}

h2 {
	font-family: 'Oleo Script Swash Caps', sans-serif;
	color: #fff;
}


h3,
h4,
h5,
h6,
.font-alt {
	font-family: 'Oleo Script Swash Caps', sans-serif;
}



/* Section */

section {
	padding: 140px 0;
}


/* Hilfsklassen */

.d-relative {
	position: relative;
}

/* === Hero ===*/

.hero-bg {
	background: url('../img/bg-hero.jpg') 50% 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 100vh;
	padding-bottom: 0px;
}

#home .container {
	height: 100%;
}

#home .row {
	height: 80%;
	padding-bottom: 100px;
}

.logo_elewent {
	margin-top: 100px;
	width: 90%;
}

.logo_elewent:hover {
	opacity: 0.5;
}

#impressum {
	background-color:#fff;
}

#impressum h1 {
	color: #8f9f18;
}

#impressum a {
	text-decoration:none;
	color: #8f9f18;
}

#impressum a:hover {
	color: #8f9f18;;
}

#impressum p {
	color: #8f9f18;
}

@media (min-width: 786px) and (max-width: 1500px) {
	.logo_elewent {
		margin-top: 50px;
		width: 50%;
	}
}

/* === Service ===*/

#service {
	background-color: #8f9f18;
}

#service h1 {
  text-transform: uppercase;
  background-color: white;
  color: black;
  mix-blend-mode: screen;
}

#service p {
	font-size:20px;
}

@media (min-width: 576px) and (max-width: 1112px) {
	#service h1 {
		font-size:30px;
	
	}
}

@media (min-width: 320px) and (max-width: 575px) {
	#service h1 {
		font-size:25px;
	
	}
}


#gallerie .gallerie_margin{
	margin-top:30px;
}

@media (max-width: 576px) {

#gallerie img {
		margin-top:30px;
	}
}

@media (max-width: 786px) {

#gallerie img {
		margin-top:30px;
	}
}

/* === VIDEO ===*/

#video {
	background-color: #8f9f18;
}

#video p {
	font-size:20px;
}

/* === KONTAKT ===*/

#kontakt {
	background-color: #fff;
}

#kontakt h1 {
	color: #8f9f18;
}

#kontakt img {
	width:50%;
}



@media (max-width: 768px) {
	
#kontakt h1 {
		font-size: 15px;
	}

	#kontakt img {
		width: 80%
	}
}

/* === Footer ===*/

.bg-black {
	background-color: #8f9f18;
}