/* Fonts in editor.css stylen!!!*/
/* Menüs und Navbars in navbar.css stylen!!!*/


/* Template Standart */

body {
	position: relative;
	/*scrolspy*/
	font-size: 1.1rem;
}

@media (max-width: 768px) {
	body {
		padding-top: 80px;
	}
}

.page-header {
	padding-bottom: 1rem;
}

.component-container {}

a {
	transition: opacity 0.2s linear;
	color: #1870ad;
}

a:hover,
a:focus {
	text-decoration: none;
	opacity: 0.8;
}

.copyright .custom {
	display: inline-block;
}

.copyright a {
	color: #c6c6c6;
}

.copyright {
	font-weight: 200;
}


@media (max-width: 768px) {
	.logo {
		margin: 0 auto !important;
		text-align: center !important;
	}
}


#header img {
	width: 100%;
}

#header p {
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	#header {
		width: 100%;
		height: 100%;
		background-image: url(../../../images/gallery/img1.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#header img {
		display: none;
	}
}

#kontakt {
	background-image: url(../../../images/stories/kontakt-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#ueber-uns {
	background-image: url(../../../images/stories/ueber-uns-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-yellow {
	background-color: #fbee19;
}

.navbar img {
	max-width: 280px;
}