body {
	font-weight: 300;
}

.container-fluid {
	padding: 0;
}

@media (max-width: 768px) {
	h2 {
		font-size: 26px;
	}
}

h3 {
	color: #666699;
}

#footer {
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: #000;
}

#footer a {
	color: #a83147;
}

#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
	z-index: 1000;
}

a {
	color: #a83147;
}

a:hover {
	color: #a83147;
}

.card {
	border: 0;
}

.card-header {
	background-color: #fff;
	border: 0;
}

@media (min-width: 768px) {
	.displaySmallCorr {
		display: none;
	}
}

@media (max-width: 768px) {
	.displaySmallCorrInv {
		display: none;
	}
}

#datenschutz {
	position: fixed;
	width: 100%;
	background-color: rgba(238, 238, 238, 0.9);
	margin: 0px;
	left: 0px;
	bottom: 0px;
	padding: 15px;
	z-index: 1000;
	text-align: center;
}

#google_map {
	border: 1px solid #000;
	height: 500px;
	text-align: left;
}

.lightgallery {
	overflow-y: hidden;
	padding: 5px;
	margin-top: 10px;
	white-space: nowrap;
}

#referenzen_slider {
	max-width: 1000px;
	margin-top: 15px;
}

/* --------------- Aufzählung --------------- */
#aufzaehlung .card {
	border: 1px solid #a83147;
}

#aufzaehlung .card:not(:last-child) {
	border-bottom: 0;
}

#aufzaehlung .card-header {
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid #a83147;
	cursor: pointer;
}

#aufzaehlung .card-header h5 i {
	margin-right: 10px;
	position: relative;
	top: 8px;
}
	
/* --------------- Symbole --------------- */
a.symbol_pdf,
a.symbol_ext,
a.symbol_img,
a.symbol_vid {
	color: #000;
}

.symbol_ext::after {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
	padding-left: 5px;
	content: "\f35d";
}

.symbol_pdf::after {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 400;
	padding-left: 5px;
	content: "\f1c1";
}

.symbol_img::after {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 400;
	padding-left: 5px;
	content: "\f1c5";
}

.symbol_vid::after {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 400;
	padding-left: 5px;
	content: "\f1c8";
}

/* --------------- NavBar --------------- */
.navbar-light {
	background-color: #fff !important;
	border-bottom: 1px solid #a83147;
}

.navbar {
	font-weight: 500;
}

.active > .nav-link {
	color: #a83147 !important;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #a83147;
}

@media (min-width: 992px) {
	.navbar-nav > .nav-item {
		margin: 15px;
		margin-left: 5px;
		margin-right: 5px;
	}
}

/* --------------- ImageSlider --------------- */
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
	background-color: black;
}

/* --------------- Primary Button --------------- */
.btn-primary {
	color:#fff;
	background-color:#a83147;
	border-color:#a83147
}

.btn-primary:hover {
	color:#fff;
	background-color:rgba(168, 49, 71, 0.5);
	border-color:#a83147;
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow:0 0 0 .2rem rgba(168, 49, 71, 0.5);
	background-color:rgba(168, 49, 71, 0.5);
	border-color:#a83147;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #a83147;
    background-color: #7cc;
    border-color: #a83147
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	color:#fff;
	background-color:#a83147;
	border-color:#a83147;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(168, 49, 71, 0.5);
}

/* --------------- Jumbotron --------------- */
.jumbotron {
	text-align: center;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.jumbotron .fa {
	font-size: 50px;
	color: #a83147;
	margin-bottom: 5px;
}

.jumbotron h2 {
	color: #a83147;
}

.j-dark {
	background-color: rgba(53, 79, 96, 0.2);
	color: #272727;
}

.j-light {
	background-color: #fff;
	color: #272727;
}

.jumbotron li {
	background: none;
	text-align: left;
	border: 0;
}

/* --------------- Slider Header --------------- */
.slider_header {
	position: relative;
}

.slider_header div {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	font-weight: bold;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}

@media (max-width: 768px) {
	.slider_header div {
		font-size: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* --------------- Kacheln --------------- */
.kachel {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	margin-bottom: 20px;
}

.kachel div:first-child {
	background-color: rgba(168, 49, 71, 0.2);
	height: 120px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.kachel div:nth-child(2) {
	margin-top: -60px;
}

.kachel img {
	border-radius: 50%;
	width: 150px;
	border: 5px solid #fff;
}

.kachel .card-body.text {
	min-height: 200px;
}

.kachel a,
a .kachel {
	color: #000;
}

.kachel a:hover,
a:hover .kachel {
	color: #000;
}

/* --------------- Timeline --------------- */
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eeeeee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
	margin-top: 5px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

	ul.timeline > li > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	ul.timeline > li > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

/* --------------- Loader --------------- */
.loader_c {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba( 255, 255, 255, .8 );
	text-align:	center;
	display: flex;
	align-items: center;
}

.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	animation-fill-mode: both;
	animation: load 1.8s infinite ease-in-out;
}

.loader {
	color: rgba(168, 49, 71, 0.5);
	font-size: 10px;
	margin: 80px auto;
	text-indent: -9999em;
	transform: translateZ(0);
	animation-delay: -0.16s;
	z-index: 999;
}

.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}

.loader:before {
	left: -3.5em;
	animation-delay: -0.32s;
}

.loader:after {
	left: 3.5em;
}

@keyframes load {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

/* --------------- 30 Jahre --------------- */
#jub30 {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 200px;
	z-index: 3;
}

.jub30 {
	top: -0px !important;
}

@media (max-width: 1200px) {
	#jub30 {
		width: 100px;
		top: 60px;
	}
}