/******************************************************************************************************
 * Standard-Einstellungen
 *
 * #0E77CC - Standardblau
 * #FED90A - Gelb
 *	
 ******************************************************************************************************/

.container				{ max-width: 1440px }

.navigation				{ padding: 0 }
.slider				{ padding: 0 }
.breadcrumb				{ padding: 0 }
.direktlinks				{ padding: 0 }
.content_prefix			{ padding: 0 }
.content				{ padding: 0 }
.content .container			{ padding: 0 }
.sub_content				{ padding: 0 }
.sub_features				{ padding: 20px 0 ; font-size: 90%; margin: 40px 0 0 0 }
.footer				{ font-size: 80%; height: 55px }

/******************************************************************************************************
 * 
 ******************************************************************************************************/

.button	{ display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle;
		  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
		  border: 1px solid #c5c5c5; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem;
		  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

.form-select	{ display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;
		  background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out }

a,
p > a,
div > span > a,
div > ul > li > a			{ color: #0E77CC !important }
a:hover				{ color: #0E77CC !important; text-decoration: none }

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

.field--name-field-image,
.field--name-field-portrait			{ float: right; padding: 0 0 15px 15px }

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

.field--name-field-image img		{ margin-bottom: 15px }

.field--name-field-mitteilung-vom,
.field--name-field-links,
.field--name-field-mail,
.field--name-field-telefon-nr		{ padding-bottom: 15px }

.views-field-field-zeitangabe,
.views-field-field-veranstalter,
.views-field-field-veranstaltungsort,
.views-field-field-adresszeilen,
.views-field-field-links,
.views-field-field-datum,
.views-field-field-einladung-erlaeuterungen,
.views-field-field-protokoll,
.views-field-field-mail,
.views-field-field-telefon-nr		{ padding-bottom: 15px }

.field--name-field-bildergalerie 		{ clear: left; display: block; margin-top: 15px; }
.field--name-field-bildergalerie img	{ float: left; margin-right: 10px; margin-bottom: 10px; padding: 5px !important; width: 180px; height: auto }

.fontawesome-icon-inline			{ font-size: 30px }
.fontawesome-icon-inline i			{ color: black }


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

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

.views-accordion-header		{ background-color: #f5f5f5 ; color: #333333; border: 1px solid #333333; border-radius: 5px }
.views-accordion-header:hover	{ background-color: #0E77CC ; color: #ffffff }

.ui-accordion-header-active        { background-color: #0E77CC ; 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 }


/******************************************************************************************************
 * Logo
 ******************************************************************************************************/

.fas				{ font-family: "Font Awesome 5 Free"; padding: 30px 0 10px 0; color: #00b1eb }

/******************************************************************************************************
 * Slider *
 * 
 * height: 350px; object-fit: cover; object-position: center center; background-size: cover;
 *
 ******************************************************************************************************/

.views_slideshow_cycle_main	{ display: flex; justify-content: center }
.slider div.col		{ padding: 0 }

/******************************************************************************************************
 * Direktlinks
 ******************************************************************************************************/

.direktlink .field--name-body img		{ height: 120px; width: auto; padding-bottom: 15px }


/******************************************************************************************************
 * Sub-Content
 ******************************************************************************************************/


/******************************************************************************************************
 * Content
 ******************************************************************************************************/

.view-gemeinderat .views-row		{ display: flex; flex-wrap: wrap; margin-bottom: 50px }
.view-gemeinderat .fb 			{ width: 33%; }

.view-gemeinderat .views-field-field-stellvertretung,
.view-gemeinderat .views-field-field-ressorts		{ padding-top: 60px }

.view-kommissionen table					{ width: 100% }

.view-mitarbeiter .view-content			{ display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 1%; margin-bottom: 50px }
.view-mitarbeiter .views-row 			{ width: 32%; background-color: #f8f8f8; padding: 15px }

.view-mitarbeiter .views-field-field-portrait	{ padding-bottom: 15px }
.view-mitarbeiter .views-field-field-title	{ padding-bottom: 25px }
.view-mitarbeiter .views-field-field-funktion	{ padding-bottom: 15px }
.view-mitarbeiter .views-field-field-mail		{ padding-bottom: 0px }

.view-reservationen .fc-content			{ color: #fff }

/******************************************************************************************************
 * Content - Veranstaltungen 750 Jahre #C5A412 - Gelb/Braun
 ******************************************************************************************************/

.view-veranstaltungen-750 .view-content		{ display: flex; justify-content: space-between; gap: 1%; flex-wrap: wrap }
.view-veranstaltungen-750 .view-content>div	{ width: 31% }
.view-veranstaltungen-750 .views-row		{ margin-bottom: 25px }

.view-veranstaltungen-750 .card-title		{ background-color: #C5A412; padding: 15px }
.view-veranstaltungen-750 .card-title:hover	{ background-color: #207CC4 }
.view-veranstaltungen-750 .card-title a		{ color: #fff !important }
.view-veranstaltungen-750 .card-date,
.view-veranstaltungen-750 .card-body		{ background-color: #f5f5f5; padding: 15px }
.view-veranstaltungen-750 .views-field-field-veranstalter	{ padding-bottom: 0!important }
.view-veranstaltungen-750 .views-field-field-links		{ padding-top: 0!important }

#block-views-block-veranstaltungen-750-block-1 .view-header		{ margin-bottom: 15px }
#block-views-block-veranstaltungen-750-block-1 .view-header a		{ background-color: #c5a412; padding: 10px 15px; margin-bottom: 15px; border-radius: 5px; color: #fff !important }
#block-views-block-veranstaltungen-750-block-1 .view-header a:hover	{ background-color: #207CC4 }

#block-views-block-veranstaltungen-750-block-1 .view-content		{ flex-direction: column }
#block-views-block-veranstaltungen-750-block-1 .view-content>div	{ width: 100% }
#block-views-block-veranstaltungen-750-block-1 .card-title		{ background-color: #f5f5f5; padding: 15px }
#block-views-block-veranstaltungen-750-block-1 .card-title a		{ color: #C5A412 }

/******************************************************************************************************
 * Sub-Content
 ******************************************************************************************************/

.sub_content				{ margin-bottom: 15px }
.sub_content .container		{ padding-bottom: 5px; width: 90% }

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

.sub_features				{ background-color: #f5f5f5 }
.sub_features h2			{ color: #0E77CC }
.sub_features img			{ height: 120px; width: auto }

.sub_features tr:nth-child(even) 	{ background: #f8f8f8 }
.sub_features tr:nth-child(odd) 	{ background: #f8f8f8 }

/******************************************************************************************************
 * Footer
 ******************************************************************************************************/

.footer a					{ color: #ffffff !important }

.footer					{ background-color: #0E77CC !important; height: 60px }
.footer .col					{ background-color: #0E77CC !important }
.footer .navbar				{ padding-left: 0 }