/* --------------------------------------------------------------------------
   Wortmarke
   -------------------------------------------------------------------------- */
.brand
   {
	   gap: 0.5rem;
	   text-decoration: none;
	   font-family:var(--fontheader);
	   font-weight: 800;
	   font-size: 1.33rem;
	   letter-spacing: -0.03em;
	   line-height: 3;
	   color:var(--dunkelrot);
   }
   .brand SMALL
   {
	   font-family: "Karla", sans-serif;
	   font-weight: 500;
	   font-size: 12px;
	   letter-spacing: 0.1em;
	   text-transform: uppercase;
	   color:var(--text-dark);
   }
   @media (max-width: 399px)
   {
	   .brand
	   {
		   line-height: 1.66;
	   }
	   .brand SMALL
	   {
		   display: block;
	   }
   }
/* Bild/Video Hintergrund */
.hero
{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: calc(100vh - 60px);
	min-height: calc(100svh - 60px);
	display: grid;
	place-content: center;
	text-shadow: 0 2px 24px rgba(30, 14, 9, 0.45);
}
.hero H1
{
	font-size: clamp(40px, 6.6vw, 80px);
	color: #FFF;
	max-width: 14ch;
}
.hero H2
{
	color: #FFF;
	max-width: 28ch;
}

.parallax-background
{
	position: relative;
}
.parallax-background .parallax-image
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
}
.parallax-background .parallax-image IMG
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center center;
}
.dimmed.parallax-background
{
	background: linear-gradient(to bottom, rgba(81, 97, 108, 0.1) 0%, rgba(59, 70, 85, 0.25) 70%, rgba(52, 60, 72, 0.5) 100%);
}
.dimmed.parallax-background IMG
{
	filter: sepia(0) brightness(0.75) opacity(0.333);
}

.movement.parallax-background .parallax-image IMG
{
	animation: drift 20s ease-in-out alternate infinite;
}
	
@keyframes drift {
	  from { transform: scale(2); }
	  to   { transform: scale(1); }
	}
.movement.slow.parallax-background .parallax-image IMG
	{
		animation: driftslow 180s linear infinite alternate;
	}
	@keyframes driftslow
	{
		from
		{
			transform: scale(1);			
		}
		to
		{
			transform: scale(1.666);
		}
	}

.parallax-background .parallax-content
{
	position: relative;
}

/* Video-Container (responsiv) */
.content-video, .content-inlinemedia, .content-youtube
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.content-video IFRAME, .content-video OBJECT, .content-video EMBED, .content-inlinemedia IFRAME, .content-youtube IFRAME
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	border: none;
}
.video-article
{
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}
.content-youtube .aspect BUTTON
{
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
.content-youtube .aspect BUTTON SPAN
{
	position: absolute;
	bottom: 10vw;
	left: 50%;
	transform: translateX(-50%);
	backdrop-filter: blur(20px) brightness(0.75);
	background-color: rgba(255, 255, 255, 0.333);
	padding: 1rem 2rem;
	border-radius: var(--radius-md);
	color: #FFFFFF;
	font-size:clamp(0.675rem, 3vw, 1rem);
}
.content-youtube FIGURE BUTTON
{
	object-fit: cover !important;
	width: 100%;
}
/*Events*/
.mod_eventlist .upcoming
{
	display: grid;
	grid-template-columns: 2fr 3fr 1fr;
	grid-gap: 4rem 0.25rem;
	padding-bottom: 0.5rem;
	border-bottom:1px solid var(--linie);
	margin-top: 0.5rem;
}
.mod_eventlist .layout_upcoming TIME
{
	font-weight: 700;
	font-size: 90%;
}
.mod_eventlist .upcoming A
{
	text-align: right;
	border-bottom: none;
	color:var(--dunkelrot);
	font-weight: 700;
	font-size: 90%;
}

/*Nachrichten*/
#main .mod_newslist
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: calc(3rem - 20px) 3rem;
}
#main .mod_newslist .layout_latest
{
	position: relative;
	background-color: rgba(255, 255, 255, 0.284);
	padding: 5%;
	/*+box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333);*/
	-moz-box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333);
	-webkit-box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333);
	box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333);
	margin-bottom: 20px;
}
#main .mod_newslist .layout_latest H2
{
	margin-top: 0;
	font-size: 2rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#main .mod_newslist .layout_latest P
{
	line-height: 1.5;
	font-size: 0.925em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#main .mod_newslist .info
{
	font-size: 0.875em;
	line-height: 1;
}
#main .mod_newslist .layout_latest .image_container
{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
#footertop .mod_newslist .layout_simple
{
	padding: 0.5rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.333);
}
#footertop .mod_newslist .layout_simple.last
{
	border-bottom: none;
}
#footertop .mod_newslist .layout_simple IMG
{
	float: left;
	margin-right: 0.5rem;
}
#footertop .mod_newslist .layout_simple TIME
{
	margin-right: 0.5rem;
	font-size: 0.9rem;
}
#main .mod_newsreader .image_container.float_left
{
	margin: 0 0 2em 2em;
}
#main .mod_newsreader .image_container.float_right
{
	margin-left: 50px;
	margin-bottom: 20px;
}
#main .mod_newsreader .image_container.float_above
{
	float: right;
	margin: 0 0 2em 2em;
}
@media (max-width: 899px)
{
	.mod_newslist
	{
		display: block;
	}
	.mod_newslist .layout_latest
	{
		margin-top: 5%;
	}
	.mod_newsreader .image_container.float_left, .mod_newsreader .image_container.float_right
	{
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
}
@media (max-width: 399px)
{
	#main .mod_newslist .layout_latest .image_container
	{
		float: none;
		margin-left: 0;
		margin-bottom: 1em;
	}
}
.mod_subscribe .widget-explanation
{
	font-size: 0.925em;
	line-height: 1.5;
}
/*Galerie*/
.content-gallery
{
	line-height: 0;
	position: relative;
}
.content-gallery--cols-1 UL, .content-gallery--cols-2 UL, .content-gallery--cols-3 UL, .content-gallery--cols-4 UL, .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL
{
	display: grid;
	grid-gap: 1rem;
}
.content-gallery--cols-1 UL
{
	grid-template-columns: 1fr;
}
.content-gallery--cols-2 UL
{
	grid-template-columns: repeat(2, 1fr);
}
.content-gallery--cols-3 UL
{
	grid-template-columns: repeat(3, 1fr);
}
.content-gallery--cols-4 UL
{
	grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-5 UL
{
	grid-template-columns: repeat(5, 1fr);
}
.content-gallery--cols-6 UL
{
	grid-template-columns: repeat(6, 1fr);
}
.content-gallery--cols-7 UL
{
	grid-template-columns: repeat(7, 1fr);
}
.content-gallery--cols-8 UL
{
	grid-template-columns: repeat(8, 1fr);
}
.content-gallery--cols-9 UL
{
	grid-template-columns: repeat(9, 1fr);
}
.content-gallery--cols-10 UL
{
	grid-template-columns: repeat(10, 1fr);
}
.content-gallery--cols-11 UL
{
	grid-template-columns: repeat(11, 1fr);
}
.content-gallery--cols-12 UL
{
	grid-template-columns: repeat(12, 1fr);
}
#main .content-gallery IMG
{
	width: auto;
	/*+box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333);*/
	-moz-box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333);
	-webkit-box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333);
	box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333);
}
#main .content-gallery FIGURE
{
	/*+transition: 500ms ease-in-out;*/
	-webkit-transition: 500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
	filter: sepia(0) saturate(1);
}
#main .content-gallery FIGURE:hover
{
	filter: sepia(0.333) saturate(0.9);
}
@media (max-width: 1199px)
{
	.content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL
	{
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 599px)
{
	.content-gallery--cols-1 UL, .content-gallery--cols-2 UL, .content-gallery--cols-3 UL, .content-gallery--cols-4 UL, .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL
	{
		grid-template-columns: repeat(2, 1fr);
	}
}
.full .content-gallery UL
{
	grid-gap: 0;
}

.goverlay
{
	background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%);
}
.goverlay:after
{
	content: url("../../../files/theme/img/logo_ohne_text.png");
	position: absolute;
	left: 50%;
	/*+transform: translateX(-50%);*/
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.glightbox-mobile .goverlay
{
	background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%);
}
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev
{
	background-color:var(--gelb);
}
.gslide-image, .gslide-image IMG
{
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius:var(--r-md);
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius:var(--r-md);
}
@media (min-width: 769px)
{
	.glightbox-clean .gslide-media
	{
		/*+box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666);*/
		-moz-box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666);
		-webkit-box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666);
		box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666);
	}
}

/*Formulare*/
INPUT[type=text], INPUT[type=password], INPUT[type=date], INPUT[type=datetime], INPUT[type=email], INPUT[type=number], INPUT[type=search], INPUT[type=tel], INPUT[type=time], INPUT[type=url], INPUT:not([type]), TEXTAREA
{
	padding: 0.5rem 1rem;
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius: var(--r-md);
}
SELECT, INPUT[type=file]
{
	display: block;
	width: 100%;
	padding: 0.5rem 1rem;
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius:var(--r-md);
	border: 1px solid #CCC;
	background-color: var(--weiss);
}
FORM LEGEND
{
	display: block;
	font-size: 1.2em;
	padding: 20px;
}
FIELDSET.checkbox_container
{
	background-color: inherit;
	padding: inherit;
	border: inherit;
	/*+border-radius: inherit;*/
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	-khtml-border-radius: inherit;
	border-radius: inherit;
}
FORM .widget
{
	margin-bottom: 0.25em;
}
FORM .widget > LABEL
{
	display: block;
	margin-bottom: 0.25em;
	font-weight: normal;
}
FORM .radio_container SPAN
{
	margin: 0 0.5em 0 0.25em;
	display: block;
}
FORM .radio_container SPAN.mandatory
{
	display: inline;
}
FORM .radio
{
	margin-right: 0.5em;
}
@media screen and (max-width: 699px)
{
	FIELDSET.teilnehmer
	{
		grid-template-columns: repeat(1, 1fr);
	}
}
/*Termine Home*/
.table_home STRONG, .table_home .col_first
{
	color: #1356A7;
	font-weight: bold;
}
/*.table_home .col_first
{
	color: #1356A7;
	font-weight: bold;
	width: 40%;
}*/
.table_home TABLE
{
	width: 100% !important;
}
.table_home TR
{
	margin-bottom: 1em;
}
.table_home TD
{
	display: table-cell;
	width: auto;
	padding: 0.5em 0.5em 0.5em 0;
	border-bottom: 1px solid #B8CFEC;
}
.table_home TD.last
{
	padding-right: 0;
}
@media screen and (max-width: 399px)
{
	.table_home TR
	{
		display: block;
		border-bottom: 1px solid #B8CFEC;
		padding-bottom: 1em;
	}
	.table_home TD
	{
		display: block;
		padding: 0;
		border: none;
	}
}