/******************************************************************************************************
 * Farben
 *
 * #ff0000	Rot
 * #0193de	Blau
 *
 ******************************************************************************************************/


/******************************************************************************************************
 * Felder
 ******************************************************************************************************/

.views-field-field-datum,
.views-field-field-datum-3,
.views-field-field-zeitangabe,
.views-field-field-organisator,
.views-field-field-ortsangabe,
.views-field-field-downloads,
.views-field-field-links,
.views-field-field-mitteilung-vom,
.views-field-field-adresse,
.views-field-field-telefon-nr,
.views-field-field-e-mail,
.views-field-body {
	padding-bottom: 15px
}

.views-field-field-image {
	padding: 10px 0 10px 10px
}

.views-field-field-funktion {
	padding: 10px 0
}

.views-field-edit-node a {
	color: #0193de !important
}


.views-field-field-logo img {
	float: right;
	padding: 0 0 15px 15px
}

/******************************************************************************************************
 * Accordion
 ******************************************************************************************************/

.view-accordion .views-field-title {
	font-size: 20px
}

.views-accordion-header {
	background-color: #f6f6f6;
	color: #333333;
	border: 1px solid #333333;
	border-radius: 5px
}

.views-accordion-header:hover {
	background-color: #0193de;
	color: #ffffff
}

.ui-accordion-header-active {
	background-color: #0193de;
	color: #ffffff;
	border: 1px solid #f7f7f7
}

.ui-accordion-header-active a {
	color: #ffffff !important;
	font-weight: bold
}

.js-views-accordion-group-header {
	padding-top: 20px !important
}

/******************************************************************************************************
 * Startseite
 ******************************************************************************************************/

#block-bs-nine-views-block-direktlinks-block-1 img {
	width: 100% !important;
	height: auto;
	padding-bottom: 17px
}

/******************************************************************************************************
 * Slider
 ******************************************************************************************************/

@media screen and (min-width: 1920px) {
	.slideshow-image img {
		width: 2880px !important;
		height: auto
	}
}

@media screen and (min-width: 2880px) {
	.slideshow-image img {
		width: 3770px !important;
		height: auto
	}
}

@media screen and (min-width: 3770px) {
	.slideshow-image img {
		width: 5440px !important;
		height: auto
	}
}

/******************************************************************************************************
 * Banner
 ******************************************************************************************************/

#block-views-block-aktuelles-block-1 {
	margin: 150px 0 0 50px !important;
	position: absolute;
	z-index: 99;
	text-align: left;
	opacity: 0.8
}

#block-views-block-aktuelles-block-1 img {
	height: 80px
}

#block-views-block-aktuelles-block-1 .view-content {
	margin-bottom: 15px;
	background-color: #ffffff;
	padding: 10px
}

#block-views-block-aktuelles-block-1 .views-field-title a {
	font-weight: bold;
	font-size: 21px;
	text-transform: uppercase;
	color: #ff0000
}

/******************************************************************************************************
 * Blog
 ******************************************************************************************************/

.view-blog .views-row {
	margin-bottom: 20px
}

.view-blog .card-col {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)
}

.view-blog .col-md-4:nth-child(1) {
	max-width: 32%;
	float: left;
	margin: 0 1% 0 0;
	padding: 0 !important
}

.view-blog .col-md-4:nth-child(2) {
	max-width: 32%;
	float: left;
	margin: 0 1% 0 0;
	padding: 0 !important
}

.view-blog .col-md-4:nth-child(3) {
	max-width: 32%;
	float: left;
	margin: 0;
	padding: 0 !important
}


.view-blog .views-field-field-image {
	float: left;
	width: 100%;
	padding: 0 0 15px 0
}

.view-blog .views-field-field-image img {
	width: 100%;
	height: auto;
	display: block
}

.view-blog .views-field-field-image img:hover {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.view-blog .views-field-field-image .overlay {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 90%;
	padding: 20px
}

.view-blog .container {
	position: relative;
	width: 100%;
	padding: 0 !important
}

.view-blog .container:hover .overlay {
	opacity: 1;
}

.view-blog .views-field-title {
	font-weight: bold;
	padding: 15px
}

.view-blog .views-field-field-datum {
	color: grey;
	padding-left: 15px
}

.view-blog .views-field-created {
	color: grey;
	padding-left: 15px
}

.view-blog .views-field-edit-node {
	padding-left: 15px
}

/******************************************************************************************************
 * Team
 ******************************************************************************************************/

.view-teams .views-row {
	margin-bottom: 20px
}

.view-teams .card-col {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)
}

.view-teams .col-md-4:nth-child(1) {
	max-width: 32%;
	float: left;
	margin: 0 1% 0 0;
	padding: 0 !important
}

.view-teams .col-md-4:nth-child(2) {
	max-width: 32%;
	float: left;
	margin: 0 1% 0 0;
	padding: 0 !important
}

.view-teams .col-md-4:nth-child(3) {
	max-width: 32%;
	float: left;
	margin: 0;
	padding: 0 !important
}

.view-teams .views-field-field-image {
	float: left;
	width: 100%;
	padding: 0 0 15px 0
}

.view-teams .views-field-field-portrait img {
	width: 100%;
	height: auto;
	display: block
}

.view-teams .views-field-field-portrait img:hover {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.view-teams .container {
	position: relative;
	width: 100%;
	padding: 0 !important
}

.view-teams .views-field-title {
	font-weight: bold;
	padding: 15px
}

.view-teams .views-field-field-gruppe-klasse {
	color: grey;
	padding-left: 15px
}

.view-teams .views-field-body {
	padding-left: 15px
}

.view-teams .views-field-edit-node {
	padding-left: 15px
}

/******************************************************************************************************
 * Personen
 ******************************************************************************************************/

.view-personen .views-field-field-portrait {
	float: right;
	padding: 5px 0 15px 15px
}

.view-personen .views-field-field-portrait img {
	width: 100px !important;
	height: auto
}

.view-personen .views-field-field-funktionen {
	padding-bottom: 15px
}

#block-views-blockpersonen-block-1 .views-row {
	height: 160px;
	margin-bottom: 15px
}

#block-views-blockpersonen-block-1 .views-field-title {
	border-bottom: 1px solid #118AD8
}

#block-views-blockpersonen-block-1 .views-field-field-portrait {
	float: right;
	padding: 5px 0 15px 15px
}

#block-views-blockpersonen-block-1 .views-field-field-portrait img {
	width: 100px !important;
	height: auto
}

.view-personen .views-field-field-funktionen {
	padding-bottom: 15px
}



/******************************************************************************************************
 * Kalender
 ******************************************************************************************************/

.view-termine .fc-today-button,
.view-termine .fc-button-primary:not(:disabled).fc-button-active,
.view-termine .fc-button-primary {
	background-color: #0193de
}


/******************************************************************************************************
 * Sub-Features
 ******************************************************************************************************/