header {
	background: transparent;
	position: absolute;
	top: 48px;
	
	.container {
		width: 100%;
		padding: 0 80px !important;
		
		@media (max-width:768px) {
			padding: 0 48px !important;
		}
		
		@media (max-width:576px) {
			padding: 0 24px !important;
		}
	}
	
	nav {
		background: transparent;
		
		.brand {
			padding: 18px 0;
		}
		
		.menu {
			li {
				a {
					font-family: 'Oswald';
					font-size: 1.5rem;
				}
			}
		}
		
		.nav-cta {
			margin-left: 0 !important;
		}
		
		.menu {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
		
		@media (max-width: 1200px) {
			height: 80px;
			
			.menu {
				width: 100vw;
				position: fixed;
				top: 0;
				left: 0;
				padding-top: 0;
				transform: none;
				right: inherit;
				a:not(.btn) {
					color:#282828;
					text-align: center;
					display: block;
					font-size: 1.25rem;
				}
				&.expanded {
					height: 100svh;
					padding-top: 80px;
				}
			}
		}
	}
	
	@media (max-width: 576px) {
		top: 8px;
		
		.brand {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
	}
}

p {
	font-weight: 300;
	font-size: 1.25rem;
	
	&.lead {
		font-weight: 300;
	}
}

h5,
.h5 {
	font-family: 'Oswald';
}

.title {
	font-size: clamp(4rem, 10vw, 10rem);
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.1em;
	letter-spacing: -0.05em;
}

.btn {
	border-radius: 100vw;
	font-family: 'Oswald';
	font-size: 1.5rem;
	height: 56px;
	line-height: 56px;
	
	@media (max-width: 576px) {
		width: 100%;
		height: 48px;
		line-height: 48px;
		font-size: 1.25rem;
	}
}

.hero {
	height: calc(100svh - 48px);
	margin: 24px;
	border-radius: 40px;
	overflow: hidden;
	
	picture {
		&:before {
			content: '';
			display: block;
			position: absolute;
			inset: 0;
			border-radius: 40px;
			background: linear-gradient(-325deg, #1B0605 6.28%, rgba(29, 8, 7, 0.00) 35.32%), linear-gradient(180deg, #1C0605 0%, rgba(28, 6, 5, 0.00) 15.87%);
		}
	}
	
	@media (min-width: 991px) {
		min-height: 950px;
	}
	
	@media (max-width: 576px) {
		height: calc(100svh - 16px);
		margin: 8px;
		border-radius: 56px;
	}
	
	.title {
		text-shadow: 0 0 24px #1B0605;
	}
	
	.lead {
		font-size: clamp(1.25rem, 5vw, 2rem);
	}
}

.emoji-list {
	p {
		display: flex;
		gap: 16px;
		align-items: center;
	}
	strong {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 72px;
		height: 72px;
		border-radius: 100vw;
		background: rgba(255, 255, 255, .4);
		font-size: 2.5rem;
	}
}

footer {
	color: #292929;
	
	a {
		color: #292929;
	}
	
	.container {
		width: 100%;
		padding: 0 80px !important;
		
		@media (max-width:768px) {
			padding: 0 48px !important;
		}
		
		@media (max-width:576px) {
			padding: 0 24px !important;
		}
	}
}

.angebot {
	.card-media {
		padding-top: 40px;
	}
	.card-body {
		p:last-child {
			margin-top: auto;
		}
	}
	img {
		height: 160px !important;
		width: auto !important;
		margin: 0 auto !important;
		object-fit: inherit !important;
	}
	.filmstrip-position-wrapper {
		display: none;
	}
	.filmstrip {
		margin: 0 -80px;
	}
	.row {
		padding-bottom: 0 !important;
	}
}

@media (max-width:768px) {
	.angebot {
		.filmstrip {
			margin: 0 -16px !important;
		}
	}
}

.bgr-primaryColor {
	a {
		color: #FFF;
	}
}