/* merriweather-regular - latin 
	download: https://google-webfonts-helper.herokuapp.com/fonts/
*/
@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''), url('../fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* Sternenhimmel  */
body {
	/*
	background-image: url(../images/Supernova1987-3-small.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	*/
	background-color: white;
	/* Full height */
	/*
	height: 100%;
*/
	font-family: 'Merriweather', serif;
	color: black;
	font-size: 18px;
	padding-top: 40px;
	@media
	screen
	and
	(max-width:
	768px)
}

/* Small devices (landscape phones, less than 768px) */
@media ( max-width : 767.98px) {
	/*
	.navbar {
		border-radius: 0%; 
		opacity: 0.9;
		background-color: black;
	}
	*/
	.mr-menu-smart {
		font-size: 24px;
	}
}

@media screen and (max-width: 767px) {
	.my-margin-3-1 {
		margin-top: 2rem;
		margin-left: 0%;
		margin-right: 0%;
	}
	.my-margin-3-2 {
		margin-top: 10rem;
		margin-left: 1%;
		margin-right: 0%;
	}
}

@media screen and (min-width: 768px) and (max-device-width: 1023px) {
	.my-margin-3-1 {
		margin-top: 2rem;
		margin-left: 11%;
		margin-right: 4%;
	}
	.my-margin-3-2 {
		margin-top: 8rem;
		margin-left: 1%;
		margin-right: 10%;
	}
}

@media screen and (min-width: 1024px) and (max-device-width: 1919px) {
	.my-margin-3-1 {
		margin-top: 2rem;
		margin-left: 12%;
		margin-right: 10%;
	}
	.my-margin-3-2 {
		margin-top: 8rem;
		margin-left: 0%;
		margin-right: 10%;
	}
}

@media screen and (min-width: 1920px) {
	.my-margin-3-1 {
		margin-top: 2rem;
		margin-left: 12%;
		margin-right: 20%;
	}
	.my-margin-3-2 {
		margin-top: 15rem;
		margin-left: 0%;
		margin-right: 20%;
	}
}

@media screen and (max-width: 767px) {
	.my-margin-pill {
		margin-top: 4rem;
		margin-left: 5%;
		margin-right: 10%;
	}
	.my-margin-pill-1 {
		margin-top: 7rem;
		margin-left: 5%;
		margin-right: 10%;
	}
}

@media screen and (min-width: 768px) {
	.my-margin-pill {
		margin-top: 4rem;
		margin-left: 14%;
		margin-right: 40%;
	}
	.my-margin-pill-1 {
		margin-top: 7rem;
		margin-left: 14%;
		margin-right: 40%;
	}
}

.my-text-1 {
	color: white;
}

.my-text-2 {
	color: #e3b270;
}


hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px black;
	border-bottom: solid 1px black; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

.unter {
	text-decoration: underline;
}

.blau-dunkel {
	background-color: #003880;
}

.blau-hell {
	background-color: #1455a9;
}


.white {
	color: white;
}

.zeichenkette li {
	list-style-type: "⇒ ";
}

.my-text-mittel {
	/*
	margin-top: -2rem;
	*/
	font-size: .8em;
}

.my-text-klein {
	/*
	margin-top: -2rem;
	*/
	font-size: .6em;
}

.my-margin-top-1 {
	margin-top: 2rem;
}

.my-margin-bottom-1 {
	margin-bottom: 1rem;
}

.my-margin-left-1 {
	margin-left: 2rem;
}
