/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* pvd: Farben */

:root {
	--blau: 			#253184;
	--dunkelblau:		#0b073d;
	--weiss-grau:		#FFFFFF;
	--weiss:			#FFFFFF;
	--pink:				#D025C3;
	--grau:				#a5a5af;
}


/* pvd: zerstört die normalen Bilder!
figure {
	margin: 0;
}

figure img {
	width: 100%;
}
*/

.date {
	color: var(--blau);
	font-weight: bold;
}
.time {
	color: var(--blau);
}

body.archive.tax-rsys_event_cat #content {
	/* pvd: background: transparent; */
}
body.post-type-archive #content {
	/* pvd: background: transparent !important; */
}

.infobox {
	border: 1px solid var(--dunkelblau);
	background: var(--weiss);
	padding: 5px;
	border-radius: 5px;
	width: 400px;
}
.infobox-row {
	overflow: hidden;
}
.infobox-label {
	width: 25%;
	float: left;
}
.infobox-value {
	width: 75%;
	float: left;
	clear: none;
}
.float-left {
	float: left;
	clear: none;
}
.clearfix {
	clear: both;
}
input[type="text"].datepicker {
	width: 150px;
}

input[type="submit"].active {
	background: var(--blau);
}
.rsys-col-3 {
	float:left;
	clear: none;
	width: 25%;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* WAS - WER - WANN =was =suche            */
/* - - - - - - - - - - - - - - - - - - - - */

.rsys-search-wrapper {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	/* background: linen; */
}
.rsys-col-4 {
	display: block;
	width: 280px;
	/* background: yellow; */
}
.rsys-search-wrapper-inner {
}

/* pvd: buttons in der Suche =suchbutton */

.rsys-col-header,
.rsys-col-content a {
	width: 100%;
	color: white;
	background: var(--blau);
	text-transform: uppercase;
	text-align: center;
	padding: 10px;
	margin-bottom: 16px;
	border-radius: 7px;
}
.rsys-col-header {
	position: relative;
	color: var(--dunkelblau);
	background: transparent;
	font-size: 30px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin-bottom: 40px;
	border: 2px var(--dunkelblau) solid;
}

/* pfeilchen */
.rsys-col-header:after,
.rsys-col-header:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.rsys-col-header:after {
	border-color: transparent;
	border-top-color: var(--weiss-grau);
	border-width: 15px;
	margin-left: -15px;
}
.rsys-col-header:before {
	border-color: transparent;
	border-top-color: var(--dunkelblau);
	border-width: 18px;
	margin-left: -18px;
}
/* pfeilchen ENDE */

a.button-search-go {
	background: var(--dunkelblau);
}

/* pvd: input =datepicker */

.rsys-col-content input[type=text] {
	width: 280px;
	height: 52px;
	color: var(--blau);
	background: var(--weiss-grau);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin-bottom: 16px;
	border: var(--blau) 2px solid;
	border-radius: 7px;
}

/* pvd: =submit-botton */

.rsys-col-content input[type=submit] {
	width: 280px;
	height: 52px;
	color: white;
	background: var(--dunkelblau);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin-bottom: 16px;
	border: 2px var(--dunkelblau) solid;
	border-radius: 7px;
}
.rsys-col-content a:hover,
.rsys-col-content input[type=submit]:hover,
.button-search-go:hover {
	color: white;
	opacity: 0.7;
}
.rsys-col-content input[type=submit]:hover {
	background: var(--dunkelblau);
}

.rsys-col-content a, 
.rsys-col-content a:any-link, 
.rsys-col-content a:visited
 {
	color: white;
	display: block;
	text-decoration: none;
}

.rsys-col-content a:hover,
a.rsys-col-content a:active {
/*
	border: 1px solid #6B8FB9;
	background: #6B8FB9;
	color: white;
	padding: 10px;
*/
}

a.cat-active {
	color: white;
	background: var(--pink);
}

/* - - - - - - - - - - - - - - - - - - - - */
/* KALENDER =kalendertool =rsys =termine   */
/* - - - - - - - - - - - - - - - - - - - - */

body.post-type-archive .articleTitle {
	text-align: left;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Informationen                           */
/* - - - - - - - - - - - - - - - - - - - - */

.termine-container {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	padding: 50px 0 40px 0;
	border-top: var(--blau) 2px solid;
}
.contentWP .termine-container {
	background: none;
}
.termine-headline h2 {
	text-align: left;
	font-size: 1.5rem;
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.termine-info {
	position: relative;
	display: block;
	/*width: 760px; */
	width: 100%;
	margin: 10px 10px;
	/* background: linen; */
}
.termine-info h4 {
	padding-bottom: 1.1rem;
	margin-top: 0px;
}
.termine-info .infoshort,
.termine-info-single .infoshort {
	color: var(--blau);
	margin-top: 2px;
}
.termine-info-single .infoshort {
	margin-top: 2px;
}

.termine-info p {
	margin: 0 0 0.7rem 0;
}
.termine-auszug {
	font-family: webfontItalic;
}

/* pvd: SINGLE */

.termine-container {

}

.termine-info-single .termin-box .maincat {
	display: none;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Informationen für Kalender Default      */
/* - - - - - - - - - - - - - - - - - - - - */

.termine-default-headline {
	color: var(--blau);
	font-size: 1.5rem;
	margin: 2rem 0 0.5rem 0;
	padding-bottom: 8px;
	border-bottom: var(--blau) 2px solid;
}
.termine-default-container {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 20px 0 0px 0;
}
.termine-default-container .termine-headline {
	padding-bottom: 10px;
}
.termine-default-container .termin-footer {
	margin-top: -6px;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* Thumbnails und Bilder                   */
/* - - - - - - - - - - - - - - - - - - - - */

.termine-header-image {
	display: block;
	max-width: 100%;
}
.termine-thumbnail {
	display: block;
	width: 240px;
	min-height: 114px;
	padding: 15px 6px 15px 15px;
	/* outline: red 1px dotted; */
}
.termine-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Aufklapp Accordeon =aufklapp            */
/* - - - - - - - - - - - - - - - - - - - - */

div.aufklapp {
	/*display: none; */
	/* display: block; */
}
.termine-container .aufklapp-button {
	position: absolute;
	width: 60px;
	height: 18px;
	right: 8px;
	bottom: 6px;
	background: url(../images/icon-pfeil-SVG.svg) no-repeat 100% 100%;
}
.divider.month {
	color: var(--blau);
	font-size: 1.5rem;
	margin: 5rem 0 0.5rem 0;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Was ist in der Listen-Box?              */
/* - - - - - - - - - - - - - - - - - - - - */

div.termin-freitext {

}

div.termin-box {
	padding: 0;
	margin: 1.2rem 0;
}
div.termin-box-item {
	padding: 2px 0;
}
div.maincat {
	position: absolute;
	display: inline-block;
	top: 2px;
	right: 0px;
	text-transform: uppercase;
	color: var(--blau);
}
div.termine-headline {
	margin-top: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Pagination - Seiten =pagination         */
/* - - - - - - - - - - - - - - - - - - - - */

.paging-wrapper {
	width: 500px;
	display: flex;
	margin: 20px auto;
	justify-content: center;
}
.paging-wrapper button,
.paging-wrapper form input[type=submit] {
	font-size: 1rem;
	margin: 3px;
	color: var(--weiss);
	border: none;
	background: var(--grau);
	padding: 0.25em 1em;
	border-radius: 7px;
}
.paging-wrapper form input.active {
	background: var(--dunkelblau);
}
.count-wrapper {
	width: 100%;
	text-align: center;
	/* border-top: #6B8FB9 2px solid; */
	padding-top: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Sponsoren Logos                         */
/* - - - - - - - - - - - - - - - - - - - - */

div.event-logos {
	position: relative;
	display: flex;
	/* background: yellow; /* pvd: debug */
}
div.event-logos .event-logo {
/* 	display: flex; */
/* 	align-items: center; */
/* 	position: relative; */
	max-width: 32%;
	height: auto;
	margin: 0 1% 0 0;
	text-align: center;
	/* background: orange; /* pvd: debug */
}
.event-logo img {
	max-width: 100%;
	height: auto;
	/* max-height: 140px; */
	/* width: auto; */
/* 	margin: auto; */
}


/* - - - - - - - - - - - - - - - - - - - - */
/* morelink - mehr Info und Anmelden =more */
/* - - - - - - - - - - - - - - - - - - - - */

div.termin-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	/* background: yellow; */
}
a.button-morelink, 
a.button-morelink:active,
a.button-morelink:visited {
	font-size: 0.8rem;
	display: inline-block;
	padding: 10px 15px;
	margin: 0 0 0 16px;
	border-radius: 7px;
	/* Icon weiß - hier: Hintergrund */
	background-color: var(--blau);
	color: var(--weiss);
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
	white-space: nowrap;
}
a.button-morelink:hover {
	opacity: 0.7;
	color: white;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* iCal =ical                              */
/* - - - - - - - - - - - - - - - - - - - - */

/*
.ical-icon::before {
	content: url(../images/ical-SVG.svg);
	width: 20px;
	height: 20px;
}
*/
.ical-icon,
.mailto-icon {
	text-align: center;
	background: url(../images/ical-SVG.svg) no-repeat;
	background-size: 32px 32px;
	background-position: center center;
	height: 44px;
	width: 44px;
}
.mailto-icon {
	background: url(../images/mailto-SVG.svg) no-repeat;
	background-size: 30px 30px;
	background-position: center center;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Weitere Termine =further                */
/* - - - - - - - - - - - - - - - - - - - - */

div.contentWP-further {
	text-align: center;
}




/* - - - - - - - - - - - - - - - - - - - - */
/* responsive @media                       */
/* - - - - - - - - - - - - - - - - - - - - */

@media (min-width: 1px) and (max-width: 700px) {

	.rsys-search-wrapper {
		width: 98%;
		margin: 20px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		text-align: center;
		/*background: linen; */
	}
	.rsys-col-4 {
		display: block;
		width: 100%;
		margin: 0 0 60px 0;
	}
	.rsys-col-header {
		margin-bottom: 25px;
	}
	.termine-container,
	.termine-default-container {
		flex-wrap: wrap;
		padding: 50px 0 0px 0;
	}
	.termine-thumbnail {
		width: 99%;
	}
	div.maincat {
		top: -20px;
		right: 0px;
	}
	div.termin-freitext {
		/* padding-left: 10px !important;
		padding-right: 10px !important; */
	}
	.termine-info {
		width: 98%;
	}
	.termine-info h4 {
		text-align: left;
	}
	.termine-headline h2,
	.termine-default-headline {
		/*
		padding-left: 10px !important;
		padding-right: 10px !important;
		*/
		/* text-align: center !important; */
	}
	.divider.month {
		text-align: center;
		margin: 5rem 0.5rem 0.5rem 1rem;
	}
	.termine-default-container .infoshort,
	.termine-default-container h2,
	.termine-default-headline {
		text-align: center;
	}

	.rsys-col-content input[type=text],
	.rsys-col-content input[type=submit] {
		width: 100%;
	}
	div.termin-footer {
		display: flex;
		flex-wrap: wrap;
		padding-right: 10px;
	}
	div.termin-footer a {
		margin: 0 0 15px 15px;
	}
	.termine-default-container .termin-footer {
		margin-top: 20px;
	}
	.termine-info-single .infoshort {
		margin-top: 30px;
	}
	a.button-morelink {
		font-size: 1rem;
	}


} /* @media <700 ENDE */

@media (min-width: 701px) and (max-width: 1200px) {

	.rsys-col-4 {
		width: 220px;
	}
	.termine-info-single .infoshort {
		margin-top: 50px !important;
	}

} /* @media <1200 ENDE */