/*
* CSS override bootstrap colour theme
*/

body {
	font-size:1.2rem;
}
a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color:#be0101;
}

/*============= TOP BAR HEADER =============*/
.top-bar {
	background-color: rgba(0, 0, 0, 0.6) !important;
	/*height:  2.8rem;*/
}

.wrapper {
	box-shadow: 0 .7rem .7rem rgba(0, 0, 0, .1);
}

.top-bar a {
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1rem;
}



.logoheader {
	background-color: black;
	height:120px;
}

.nm-logo-img {
    width: 362px;
    max-width: 100%;
    height: auto;
}

.logoheader a {
	padding-top: 0;
}

.logoheader > .container-fluid,
.logoheader > .container-fluid > .row {
    height: 100%;
}

.logoheader .logoheader-inner {
    display: flex;
    align-items: center;
    height: 100%;
}

.logo img {
	align-self: center;
	max-height: 5rem;
	max-width: 100%;
}

.header-right {
    margin-left: auto;
    display: none;
    align-items: center;
}

@media (min-width: 992px) {
    .header-right {
        display: flex;
    }
}

.social-top, .searchbar {
	float: none;
}

.social-top a {
	padding-left: 1rem;
	color: #ffffff;
	text-decoration: none;
	font-size: 2rem;
}

.custom-search {
	position: relative;
	width: 300px;
	padding-left:30px;
}
.custom-search-input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px 100px 10px 20px;
	line-height: 1;
	box-sizing: border-box;
	outline: none;
}
.custom-search-botton {
	position: absolute;
	right: 3px;
	top: 3px;
	bottom: 3px;
	border: 0;
	background: #000;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 0 10px;
	border-radius: 10px;
	z-index: 2;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.navbar {
	background-color: #fff;
	font-size: 1.2rem;
	/*box-shadow: 0 .5rem .5rem rgba(0,0,0,.5);*/
	border-bottom: 1px solid #d9d9d9;
	font-weight: bold;
	padding: 0;
}

#uhrzeit {
	font-weight: lighter;
	font-size: 0.9rem;
}



.weather_celcius {
	font-size: 25px;
	line-height:25px;
}

.navbar-expand-lg .navbar-nav .nav-link, .nav-link {
	padding: 1.5rem 1rem;
}

.nav-link {
	color: #000;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-item.active .nav-link,
.nav-link.active {
	color: #be0101 !important;
}

.navbar-light .navbar-nav .nav-link {
	color: #000;

}



.nav-link:hover {
	color: #be0101;
	text-decoration: underline;
	text-underline-offset: 1.7rem;
	text-decoration-thickness: 4px;
	text-decoration-color: #d9d9d9;
}

.divider {
	border-bottom: 1px solid #1e4c7c;

}

.dropdown-item:hover, .dropdown-item:focus {
	color: #be0101;
}

#eilmeldung {
	background-color:#be0101;
	color:#fff;
	margin:1rem 0rem 0rem 0rem;
	padding:1.5rem;
	display: flex;
	align-items: center;
}

@media (max-width: 991.98px) {
	#eilmeldung {
		flex-direction: column;
		align-items: stretch;
	}
	.eil {
		display: block;
		text-align: center;
		margin-bottom: 0.5rem;
	}
}

#eilmeldung ul {
	margin:0px;
}
	.eil {
		border: 1px solid #fff;
		padding:0.5rem 1.5rem;
		font-weight:bold;
	}

	#eilmeldung li {
		padding:0.5rem 0rem;
		font-weight:bold;
	}

	.bullet {
		font-size:3rem;
	}

	.eiltext {
		padding:0.5rem 1.5rem;
		font-weight:bold;
	}
	.eiltext a, .eiltext a:link {
		color:white;
		text-decoration:underline;
	}
.eiltext a:hover {
	text-decoration: none;
}


#eilmeldung li::marker {
	content:"\25CF";
	font-size: 1.5rem;
	color: white;
	vertical-align: bottom;
}

#newsticker {
	border-bottom: 2px solid #d9d9d9;
	padding-bottom: 1.2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
	min-height:9rem;
}

#tickermain {
	width:85%;
	display: inline-block;
}

#weather {
	width:14%;
	display: inline-block;
	float:right;
	border-left:2px solid #d9d9d9;
	margin-top:20px;
	height:6.5rem;
	text-align: center;
}

.ticker {
	font-weight: bold;
	padding-right:2rem;
	font-size:1.2rem;
	line-height: 1.5rem;
	border-right: 3px dotted;
	border-color: #d9d9d9;
}

.ticker a {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ticker.no-border {
	border: none;
}

#maincontent {
	margin-top:2rem;
}

#vipbanner {
	margin-top:1rem;
	margin-bottom:0;
}

main {
	margin-top:1rem;
}

#vipbanner img {
	max-width:100%;
}

#topnews {
	background-color: #ededed;
	margin-bottom:2rem;
}

 #topnews img {
	 max-width:100%;
 }

 .toptext {
	 padding:1.5rem;
 }

 .newsblock .container, .borderbottom {
	 border-bottom:1px solid #d9d9d9;
	 margin-bottom:1.3rem;
 }

 .newsblock {

 }

.dreierblock img {
	width:100%;
	padding-bottom:1rem;
}

.dreierblock p {
	margin-bottom:1.8rem;
}

.allebilder {
	text-align: right;
}

.allebilder a, .allebilder a:link, .allebilder a:active {
	color:#a3a4ba;
	font-style: italic;
}

.dottedborder {
	border-bottom:4px dotted;
}



/*============= FOOTER =============*/
footer {
	background-color: #000;
	padding: 1rem 2rem 3rem;

}

footer svg {
	height: 2.5rem;
	margin: 1.5rem auto;
}

footer p,
footer a,
.socket a {
	color: #ccc;
	text-decoration: none;
}

footer a:hover {
	color:#fff;
}

ul.social {
	list-style-type: none;
display:flex;
	padding: 0;
}

ul.social li {
	padding-right: 3rem;
}

/*============= SOCKET =============*/
.socket {
	background-color: #222222;
	border-top: .1rem solid #00619d;
}

/* Blog CSS */
/* stylelint-disable @stylistic/selector-list-comma-newline-after */
.blog-header-logo {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif
		/*rtl:Amiri, Georgia, "Times New Roman", serif*/
	;
	font-size: 2.25rem;
}

.blog-header-logo:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {

}


h2 {
	color: #be0101;
	font-size: 1.4rem;
	font-weight: bold;
	padding-bottom: 1rem;
}

h1 {
	font-weight: bold;
	font-size: 1.5rem;
}

h3 {
	color: #be0101;
	font-size: 1.2rem;
}

h4 {
	font-weight: bold;
}

	h4 a {
		color:#000;
	}

	h4 a:hover {
		color:#000;
		text-decoration: underline;
	}

h5 {
	color:white;
	background-color: #be0101;
	font-size:1rem;
	padding:0.2rem 0.4rem;
	font-weight:bold;
	margin-bottom: 1.5rem;
}

.redhead {
	color:#be0101;
	font-weight: bold;
	padding:1rem 0rem;
}

.eventhead {
	font-weight: bold;
}

.redhead a {
	color:#be0101;
}

.eventhead a {
	color:#000;
}

.eventlist img {
	max-width: 100%;
}

.flex-auto {
	flex: 0 0 auto;
}

.h-250 {
	height: 250px;
}


ul.nmPager
{
	font-size:11px;
	border:0;
	margin:0;
	padding:0;
	line-height:100%;
	display:inline;
}

ul.nmPager li
{
	display:inline;
}

ul.nmPager a:link,
ul.nmPager a:visited
{
	border:solid 1px #9aafe5;
	font-weight:bold;
	color:#0e509e;
	padding:1px 6px;
	text-decoration:none;
}

ul.nmPager .page a
{
	font-weight:normal;
}

ul.nmPager a:hover
{
	border:solid 1px #0e509e;
}

ul.nmPager .selected a
{
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
}

ul.nmPager .hidden a
{
	border:solid 1px #DEDEDE;
	color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.nmPager .first,
ul.nmPager .last
{
	display:none;
}

ul.nmPager a:link,
ul.nmPager a:visited,
ul.nmPager a:active {
	font-size: 15px;
	line-height: 18px;
	color:#000;
	font-weight: 300;
	padding:2px 10px;
	border: 1px solid #000;
}

ul.nmPager li {
	margin:0px 5px;
}

ul.nmPager a:hover {
	color:#fff;
	background-color:#7f7f7f;
}

ul.nmPager .selected a {
	color:#fff;
	background-color:#be0101;
}

ul.nmPager .previous a, ul.nmPager .nextpage a {
	background-color:#000;
	color:#fff;
}

ul.nmPager .previous a:hover, ul.nmPager .nextpage a:hover {
	color:#fff;
	background-color:#7f7f7f;
}

 main a:link,
 main a:active,
 main a:visited{
	text-decoration:none;
}

main a:hover {
	text-decoration:underline;
}

section a:link,
section a:active,
section a:visited{
	text-decoration:underline;
}

section a:hover {
	text-decoration:none;
	color:#be0101;
}


/*
      * Blog posts
      */
.blog-post-meta {
	margin-bottom: 1.25rem;
	color: #727272;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}


:root {
	--bs-white: #ffffff;
	--bs-light: #e5f5f8;
	--bs-dark: #020811;
	--bs-primary: #1e4c7c;
	--bs-secondary: #186190;
	--bs-info: #66afd5;
	--bs-success: #229e5c;
	--bs-warning: #e9d00f;
	--bs-danger: #a2150b;

	/* Additional custom accent colors (Bootstrap doesn't have predefined variables for these) */
	--bs-accent1: #2db8d6;
	--bs-accent2: #40be5f;
	--bs-accent3: #aad3a7;
}

.btn-primary {
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-secondary {
	background-color: var(--bs-secondary) !important;
	border-color: var(--bs-secondary) !important;
}

.btn-info {
	background-color: var(--bs-info) !important;
	border-color: var(--bs-info) !important;
}

.text-primary {
	color: var(--bs-primary) !important;
}

.text-secondary {
	color: var(--bs-secondary) !important;
}

.btn-primary {
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #122b44 !important;
	/* Darker shade of primary */
	border-color: #122b44 !important;
}

.btn-secondary {
	background-color: var(--bs-secondary) !important;
	border-color: var(--bs-secondary) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #274a70 !important;
	/* Darker shade of secondary */
	border-color: #274a70 !important;
}

.btn-info {
	background-color: var(--bs-info) !important;
	border-color: var(--bs-info) !important;
}

.btn-info:hover,
.btn-info:focus {
	background-color: #3e708e !important;
	/* Darker shade of info */
	border-color: #3e708e !important;
}

.relatednewslink span {
	font-weight: bold;
}

/* -- MEDIA QUERIES --*/
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}

	.h-md-250 {
		height: 250px;
	}


}

@media (max-width: 1400px) {
	.navbar {
		font-size:1rem;
	}
}

@media (max-width: 1300px) {
	.navbar {
		font-size:0.9rem;
	}
}

@media (max-width: 991.98px) {
	.navbar {
		font-size:1.1rem;
	}
}

@media (max-width: 768px) {
	ul.social {
		display: inline;
	}


}

@media (max-width: 512px) {
	.social-top a {
		font-size: 1.7rem !important;
		padding: 0 1rem;
	}

	.searchbar, .social-top {
		display:none;
	}


}
#flyer-rechts {
    display: none;
}

@media (min-width: 992px) {
    #flyer-rechts {
        display: block;
    }
}

#flyer-rechts img {
    width: 100%;
    max-width: 260px;
    height: auto;
}

.d-lg-none .col-6 {
    margin-bottom: 0.5rem;
}

.d-lg-none .col-6 img {
    width: 100%;
    height: auto;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
  }


.inline-gallery-container {
	width: 700px;
	height: 500px;
	position: relative;
}

.lightGallery-captions {
	h4 {
		transform: translate3d(60px, 0, 0px);
	}
	p {
		transform: translate3d(-60px, 0, 0px);
	}
	h4,
	p {
		opacity: 0;
	}
}

.lg-current {
	.lightGallery-captions {
		h4,
		p {
			transform: translate3d(0, 0, 0px);
		}
		h4,
		p {
			opacity: 1;
		}
	}
}
.lg-slide-progress {
	.lightGallery-captions {
		h4 {
			transform: translate3d(-60px, 0, 0px);
		}
		p {
			transform: translate3d(60px, 0, 0px);
		}
		h4,
		p {
			opacity: 0;
		}
	}
}

.lightGallery-captions {
	h4,
	p {
		transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
	}
}
.lg-current {
	.lightGallery-captions {
		h4,
		p {
			transition-delay: 500ms;
		}
	}
	&.lg-slide-progress {
		.lightGallery-captions {
			h4,
			p {
				transition-delay: 0ms;
			}
		}
	}
}
/* Pagination */
.pagination .page-link {
    color: #be0101;
    border-color: #dee2e6;
}
.pagination .page-link:hover {
    color: #fff;
    background-color: #be0101;
    border-color: #be0101;
}
.pagination .page-item.active .page-link {
    background-color: #be0101;
    border-color: #be0101;
    color: #fff;
}
.pagination .page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(190, 1, 1, 0.25);
}

/* Long word breaking */
.dreierblock h1,
.dreierblock h4,
.newsblock h1,
.newsblock h4,
.relatednewslink {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Clamp titles and excerpts to 3 lines */
.dreierblock h1,
.dreierblock h4 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dreierblock p:not(.text-muted) {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Mehr link */
a.mehr-link {
    color: #be0101;
}
a.mehr-link:hover {
    color: #8a0000;
}