.container {
	background-color: rgba(255,255,255,0.88);
	border-radius: 10px;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
	padding-bottom: .5rem!important;
}

.navbar {
	background-color: rgba(30,40,70,1);
	height: 60px;
	width: 100%;
}

.navbar-collapse {
	background-color: rgba(30,40,70,1);
	padding: 5px;
}

.navbar-toggler {
	margin: 0 auto;
	width: 50%;
}

#background-image {
	position: fixed;
	z-index: -9999;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/background-paper.jpg");
	background-repeat: none;
	background-size: cover;
}

.clear {
	clear: both;
}

.container a {
	color: #039;
}

#foot {
	background-color: rgba(255,255,255,1);
	color: #555;
	height: 40px;
}

#foot a {
	color: #555;
}

.container a.btn-success {
	color: #fff;
}

.mt-5rem {
	margin-top: 5rem;
}

#header {
	height: calc(100vh - 100px);
	position: relative;
	width: 100%;
	text-align: center;
}

#header-screen {
	position: absolute;
	z-index: 3;
	width: 195%;
	max-width: 1320px;
	height: 100%;
	background-image: url("../img/header-screen-large.png");
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

#header-img {
	width: 100%;
	max-width: 1320px;
	height: 100vh;
	position: absolute;
	bottom: 20vh;
	background-image: url("../img/header-food.png");
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 2;
}

@media only screen and (min-aspect-ratio: 16/29) and (orientation: portrait) {
	
	#header-screen {
		background-image: url("../img/header-screen.png");
	}
	
	#header-img {
		bottom: 15vh;
	}
}

@media only screen and (max-aspect-ratio: 15/29) and (orientation: portrait) {
	
	#header-screen {
		background-image: url("../img/header-screen-large.png");
	}
	
	#header-img {
		bottom: 30vh;
	}
}

@media only screen and (orientation: landscape) {
	
	#header-screen {
    background-image: url("../img/header-screen.png");
		width: 90vw;
		max-width: 1320px;
	}
	
	#siegel {
		bottom: 13.5vw;
		left: 42.5vw;
		width: 15vw;
		height: auto;
	}
	
	#header-img {
		width: 80vw;
		max-width: 1050px;
		bottom: 25vh;
	}
	
}

@media only screen and (min-height: 1050px) and (orientation: landscape) {
	
	#header-screen {
		background-image: url("../img/header-screen-large.png");
	}
	
	#header-img {
		max-width: 1050px;
		background-size: 100%;
	}
	
}

@media only screen and (orientation: landscape) and (min-aspect-ratio: 30/15) and (max-width: 1319px) {
	
	#header {
		height: calc(100vh - 40px);
	}
	
	#header-img {
		max-width: 1050px;
		height: calc(100vh + 100px);
		background-size: 100%;
		background-position: center bottom;
		bottom: -100px;
	}
	
	#header-screen {
		width: 80vw;
		background-image: url("../img/header-screen.png");
	}
	
}

@media only screen and (orientation: landscape) and (min-width: 1320px) and (max-height: 1049px) {
	
	#header-img {
		bottom: 0;
	}
	
}

@media only screen and (min-width: 1200px) {
	
	.ernaehrungsjournalismus-und-food-writing .container img.float-end {
		margin-bottom: 4rem;
	}
	
}

@keyframes cta {
  0% {background-color: #198754;box-shadow: 0 0 10px #666;}
  50% {background-color: #3ba976;box-shadow: none;}
  100% {background-color: #198754;box-shadow: 0 0 10px #666;}
}

.index .btn-success {
  background-color: #198754;
  animation-name: cta;
  animation-duration: 1.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 100%;
} 

.container h1 {
	margin-top: 2rem;
	padding-top: 1rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

.index h1 {
	font-size: calc(2rem + 2vw);
	padding-top: 2rem;
	margin-bottom: 2rem;
}

@media only screen and (max-width: 470px) {
	
	.index h1 {
		font-size: calc(1.5rem + 2vw);
	}
}

.container h2 {
	margin-top: 2.75rem;
	margin-bottom: 1.15rem;
	font-family: 'Marck Script', cursive;
	color: #039;
	line-height: 1em;
	font-size: calc(1.5rem + .9vw)!important;
}

.index .container h2 {
	font-size: calc(1.3rem + .9vw)!important;
}

@media only screen and (min-width: 768px) {
	
	.index h1 {
		font-size: calc(3rem + 2vw);
	}
	
	.index .container h2 {
		font-size: calc(2rem + .9vw)!important;
	}
	
}

.index .btn {
	font-size: calc(1rem + .5vw)!important;
	font-weight: bold;
}

.ernaehrungsjournalismus-und-food-writing h2 {
    margin-top: 2.5rem;
}

.kontakt .container h2, .impressum .container h2, .datenschutz .container h2, .index .container .alert h2 {
	font-family: var(--bs-font-sans-serif);
	font-size: calc(1rem + .9vw)!important;
	margin-top: 1.75rem;
	margin-bottom: .5rem;
	line-height: normal;
}

.container p, .container ul {
	/*! font-size: calc(1.1rem + .4vw); */
}

@media only screen and (min-width: 850px) {
	
	.container p, .container ul {
		font-size: calc(1rem + 0.2vh);
	}
	
}

.ernaehrungsjournalismus-und-food-writing .container img.float-end {
	width: 45%;
	height: auto;
}

mark {
	background-color: #eeccbb!important;
}

.alert-primary {
	background-color: #eeccbb!important;
	border-color: #dd99aa!important;
}

.bg-primary {
	background-color: #eeccbb!important;
}

.pt-6 {
	padding-top: 5rem;
}

.accordion-body p, .accordion-body ul li {
	font-size: 1.15rem;
}