/******************************************************************************************************
 * Farben
 *
 *     #415eab - Blau aus Logo
 *     #a9d330 - Grün aus Logo
 *
 ******************************************************************************************************/



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

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

.views-accordion-header:hover {
    background-color: #415eab;
    color: #ffffff !important
}

.ui-accordion-header-active {
    background-color: #415eab
}

.ui-accordion-header-active a {
    border: 1px solid #B29B00;
    color: #ffffff !important
}

.js-views-accordion-group-header {
    padding-top: 50px
}

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

.views-field a {
    color: #1F07B2
}

.views-field-field-e-mail {
    padding-bottom: 15px
}

.views-field-field-telefon-nr- {
    padding-bottom: 15px
}

.views-field-field-datum {
    padding-bottom: 15px
}

.views-field-field-einladung {
    padding-bottom: 15px
}

.views-field-field-protokoll {
    padding-bottom: 15px
}

.views-field-field-sonstiges {
    padding-bottom: 15px
}

.views-field-field-downloads {
    padding-bottom: 15px
}

.views-field-field-links {
    padding-bottom: 15px
}

.views-field-field-funktion {
    padding-bottom: 15px
}

.views-field-field-zeitangabe {
    padding-bottom: 15px
}

.views-field-field-ort {
    padding-bottom: 15px
}

.views-field-field-ortsangabe {
    padding-bottom: 15px
}

.views-field-field-veranstalter {
    padding-bottom: 15px
}


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

/******************************************************************************************************
 * Banner
 ******************************************************************************************************/
.field--name-field-media-oembed-video {
    width: 100%;
    height: auto
}

.html5-video-container {
    border: 2px solid blue
}

/******************************************************************************************************
 * Startseite
 ******************************************************************************************************/
#block-views-block-aktuelles-block-1 {
    right: 0;
    position: absolute;
    z-index: 99
}

.banner-news {
    width: 100vw;
}

.banner-news .view-content {
    margin: auto;
    padding: 32px 16px;
    width: 100%;
    max-width: 1440px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.banner-news .view-content .views-row {
    background-color: #ffffff;
    padding: 10px 20px;
    opacity: 0.8;
    border-radius: 5px;
    width: max-content;
    max-width: min(100%, 600px);
}

/***********************************************************************
 * Mitarbeiter
 **********************************************************************/

.view-mitarbeiter .views-row {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 15px
}

.view-mitarbeiter .views-label-field-e-mail,
.view-mitarbeiter .views-label-field-telefon-nr-,
.view-mitarbeiter .views-label-field-funktion,
.view-mitarbeiter .views-label-field-hauptaufgaben {
    width: 240px;
    float: left
}

.view-mitarbeiter .views-field-title {
    border-bottom: 2px solid #415eab;
    margin: 0 0 20px 0
}

.view-mitarbeiter .views-field-title .field-content {
    padding-left: 240px
}

.view-mitarbeiter .views-field-field-funktion .field-content {
    padding-left: 240px
}

.view-mitarbeiter .views-field-field-hauptaufgaben .field-content {
    padding-left: 220px
}

/***********************************************************************
 * Gemeinderat
 **********************************************************************/

.view-gemeinderat .views-row {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 15px
}

.view-gemeinderat .views-label-field-e-mail,
.view-gemeinderat .views-label-field-telefon-nr-,
.view-gemeinderat .views-label-field-funktion,
.view-gemeinderat .views-label-field-ressorts {
    width: 240px;
    float: left
}

.view-gemeinderat .views-field-title {
    border-bottom: 2px solid #415eab;
    margin: 0 0 20px 0
}

.view-gemeinderat .views-field-field-portrait {
    float: right
}

.view-gemeinderat .views-field-title .field-content {
    padding-left: 240px
}

.view-gemeinderat .views-field-field-funktion .field-content {
    padding-left: 240px
}

.view-gemeinderat .views-field-field-ressorts .field-content {
    padding-left: 220px
}


/***********************************************************************
 * Online-Schalter
 **********************************************************************/

.view-informationen h3 {
    margin-top: 20px
}

.view-informationen .views-field-field-downloads {
    padding-bottom: 0px
}

.view-informationen .views-field-field-links {
    padding-bottom: 0px
}