/*
Schrift: dunkelbraun - #5F4427 - RGB 95 68 39
Hintergrund: creme - #f6e3cb - RGB 246 27 203
Navigation hover: gelb - #f5df67 - RGB 245 223 103
Links hover: rot - #860202 - RGB 134 2 2
*/

@media (max-width: 480px) and (orientation: landscape) {
	.title-img {
		background-image: url(../img/start_mama_500.jpg);
	}
}
@media (max-width: 480px) and (orientation: portrait) {
	.title-img {
		background-image: url(../img/start_mama_500_high.jpg);
	}
}


@media screen and (min-width: 481px) and (max-width: 820px) and (orientation: landscape) {
	.title-img {
		background-image: url(../img/start_mama_1000.jpg);
	}
}
@media screen and (min-width: 481px) and (max-width: 820px) and (orientation: portrait) {
	.title-img {
		background-image: url(../img/start_mama_1000_high.jpg);
	}
}


@media screen and (min-width: 481px) and (max-width: 820px) and (orientation: landscape) {
	.title-img {
		background-image: url(../img/start_mama_1000.jpg);
	}
}
@media screen and (min-width: 481px) and (max-width: 820px) and (orientation: portrait) {
	.title-img {
		background-image: url(../img/start_mama_1000_high.jpg);
	}
}

@media screen and (min-width: 821px) {
	.title-img {
		background-image: url(../img/start_mama_2000.jpg);
	}
}


.title-img {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain; /*contain*/
	width: 100%;
	height: 100vh; /* Fallback for browsers that do not support Custom Properties */
	height: calc(var(--vh, 1vh) * 100);
 }


.inhaltestart {
	display: table;
	margin: 0 auto !important;
	/*font-family: 'Lora', sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.02em;
	line-height: 1.3em;
	*/
	font-family: 'karla', sans-serif;
	font-size: 1em;
	letter-spacing: 0.01em;
	line-height: 1.2em;
}

/* News - Masonry */
.grid-item {
	background-color: #f6e3cb;
	width: 300px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.grid-text {
	width: 280px;
	margin-left: 10px;
	margin-top: 10px;
}

@media screen and (max-width: 399px) {
/*@media screen and (min-width: 300px) and (max-width: 399px) {*/
	.inhaltestart {
		width: 100%;
	}
	.grid {
		margin: 0 auto !important;
	}
	.imgnews {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 400px) and (max-width: 799px) {
	.inhaltestart {
		width: 100%;
	}
	.grid {
		margin: 0 auto !important;
	}
	.imgnews {
		width: 300px;
		height: auto;
	}
}
@media screen and (min-width: 800px) and (max-width: 1199px) {
	.inhaltestart {
		width: 90%;
		max-width: 660px;
	}
	.grid {
		margin: 0 auto !important;
	}
	.imgnews {
		width: 300px;
		height: auto;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1699px) {
	.inhaltestart {
		width: 90%;
		max-width: 990px;
	}
	.grid {
		margin: 0 auto !important;
	}
	.imgnews {
		width: 300px;
		height: auto;
	}
}
@media screen and (min-width: 1700px) {
	.inhaltestart {
		width: 80%;
		max-width: 1320px;
	}
	.grid {
		margin: 0 auto !important;
	}
	.imgnews {
		width: 300px;
		height: auto;
	}
}






/* Veranstaltungen */
@media screen and (max-width: 799px) {
	.events {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 800px) {
	.events {
		width: 100%;
		margin: 0 auto;
	}
}



/* Titel-Striche overwrite */
.titel {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-family: 'Karla', sans-serif;
	font-size: 1.4em;
	letter-spacing: 0.02em;
}
.titelstrich {
	display: inline-block;
	position: relative;
}

.titeltext::before,
.titeltext::after {
	content: "";
	position: absolute;
	border-top: 1px solid #5F4427;
	top: 50%;
	width: 200px;
}
.titeltext::before {
	margin-right: 15px;
	right: 100%;
}
.titeltext::after {
	margin-left: 15px;
	left: 100%;
}