html,
body{
	height: 100%;
}
body{
	background: #18191a;
	color: #fcfaf9;
}
/* ******************************************************************************* */
/* * Bootstrap                                                                   * */
/* ******************************************************************************* */
p{
	margin: 0;
}
	p + p{
		margin-top: 1rem;
	}
hr:not([size]) {	
    background: #4A4A4A;
    height: 3px;
	margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/*
	hr:not([size])::after{
		content: '';
		display: block;
		width: 100px;
		height: 20px;
		background: url(../images/bowtie.svg);
		background-size: 100% 100%;
		margin: -9px auto;
	}
*/
nav.navbar{
	background: #242526;
	z-index: 5000;
}
	nav.navbar a{
		color: #C0BEBD;
	}
		nav.navbar a:hover,
		nav.navbar a:focus{
			color: #fff;
		}
	nav.navbar li.active a{
		color: #f0f0f0;
	}

	
.container-xl{
	max-width: 1600px;
}
ul.row li{
	padding: 15px;
}
.alert{
	border: none;
	border-radius: 0;
}
	.alert.alert-dark{
		color: #fff;
		background-color: #242526;
	}
.navbar{
	border-bottom: 10px solid #18191a;
}
.navbar-toggler-icon span{
	background: #fff;
	height: 3px;
	display: block;
	border-radius: 1px;
	transition: all 0.5s ease-out;
}
	.navbar-toggler-icon span + span{
		margin-top: 7px;
	}

/* ******************************************************************************* */
/* * Fancybox                                                                    * */
/* ******************************************************************************* */
.fancybox{}
	.fancybox-bg{
		background: #242526;
	}
	.fancybox-is-open .fancybox-bg{
		opacity: 1;
	}
	.fancybox-progress{
		background: #fcfaf9;
	}


/* ******************************************************************************* */
/* * eigenes CSS                                                                 * */
/* ******************************************************************************* */
.container-margin{
	margin-top: 76px;
}
/* Bilderzelle */
.col-image{
}
	.col-image a{
		background: #242526;		
	}
		.col-image a:hover,
		.col-image a:focus{
			background: #292A2B;
		}
	.col-image .fancybox-loading{
		height: 40px;
		width: 40px;
		z-index: 1000;
	}
	.col-image img{
		position: relative;
		z-index: 2000;
		text-indent:-9999px /* hides displaying alt attribute */
	}
@media only screen and (min-width: 576px) {
	.col-image .ratio-md-1x1{
		--bs-aspect-ratio: 100%;
	}
}
@media only screen and (max-width: 575px) {
	.col-image .ratio > *{
		position: inherit;
	}		
}
/* Navbar */
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon span:first-child{
	transform: rotate(45deg);
	margin-top: 13px;
}
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon span:nth-child(2){
	display: none;
}
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon span:last-child{
	transform: rotate(-45deg);
	margin-top: -3px;
}
/* Footer */
footer{
	color: #4F5051;
	padding: 0 0 2rem;
}
	footer a{
		color: #4F5051;
		text-decoration: none;
	}
		footer a:hover,
		footer a:focus{				
			color: #C0BEBD;
		}
		
/* Cookie-Banner */
#cookieBanner{
	z-index: 10000 !important;
}
h1 + p a{
	color: #FFFFFF;
	text-decoration: none;
}
	h1 + p a:hover,
	h1 + p a:focus{
		color: #FFFFFF;
		text-decoration: underline;
	}