/******************************************************************************************************
 * Standard-Einstellungen
 *
 * #0B66FF - Blau
 * #053280 - d�nkleres Blau
 * #23FF06 - Gr�n
 * #E4FFE0- Hellgr�n 1
 * #ec6608 - Hellgr�n 2
 *	
 ******************************************************************************************************/

a,
.field-content a {
    color: #053280
}

a:hover {
    text-decoration: none
}

.field--name-field-image,
.views-field-field-image {
    float: right;
    margin: 0 0 25px 25px
}

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

.js-views-accordion-group-header {
    margin-top: 20px
}

.ui-accordion-header-active {
    background-color: #053280 !important;
    border: 1px solid #d3d3d3
}

.header {
    background-color: #fff
}

.header .navbar {
    background-color: #fff !important
}

.header .navbar-brand img {
    height: 140px;
    width: auto;
    margin-top: 20px
}

#block-topnavigation-2 {
    display: none
}

.header .navbar-nav {
    position: absolute;
    right: 280px
}

.header .input-group {
    position: absolute;
    right: 20px
}

.navbar .container-fluid {
    padding-right: 0 !important
}

.navbar-brand img {
    width: 250px;
    height: auto;
    padding: 15px 0
}

.navigation-main {
    background-color: #053280 !important
}

.navigation-main .navbar {
    background-color: #053280 !important
}

.navigation-main .navbar-nav div {
    text-align: center !important;
    margin: 0 auto
}

.navigation-main .navbar-nav .nav-link {
    color: #ffffff !important;
    padding: 10px 20px;
    font-size: 20px
}

.navigation-main .navbar-nav .nav-link:hover {
    color: #000000
}

.navbar-nav>li>.dropdown-menu {
    color: #000000;
    background-color: #ffffff
}

.navbar-nav>li>.dropdown-menu a {
    color: #000000;
    text-align: left !important
}

.navbar-nav>li>.dropdown-menu a:active {
    background-color: #053280
}

.navbar-nav>li>.dropdown-menu a:visited {
    background-color: #053280
}

.navbar-nav>li>.dropdown-menu a:hover {
    background-color: #053280 !important;
    color: #ffffff !important
}

.navigation-sidebar .menu-item--expanded {
    list-style-type: none;
    list-style-image: none
}

.sidebar h2 {
    font-size: 1.6rem;
    border-bottom: 1px solid #0E77CC
}

.sidebar .region {
    border-bottom: 1px solid #0E77CC;
    padding: 10px 0
}

.sidebar .menu-item {
    padding: 6px 15px;
    border-bottom: 2px solid #eee
}

.sidebar .menu-item a {
    color: #000;
    text-decoration: none;
}

.sidebar .menu-item:hover {
    background-color: #eee;
    color: #fff !important;
    hight: 60px
}

.sidebar .menu-item a:hover {
    text-decoration: none
}

.sidebar .menu-item li:hover {
    background-color: #eee
}

.sidebar .menu-item--expanded:hover {
    background-color: #fff
}

.sidebar .menu-item--active-trail {
    background-color: #fff
}

.sidebar .menu-item--expanded {
    background-color: #f7f7f7;
    margin-left: -16px
}

.sidebar .menu-item a:is-active {
    background-color: #eee;
    display: inline-block
}

.view-sidebar-menu .views-row {
    padding-bottom: 15px
}

.navbar-toggler-icon {
    background-color: #fff;
    border: 1px solid #fff
}

.breadcrumb {
    background-color: #fff
}

#block-bs-nine-breadcrumbs {
    padding: 50px 0
}

.infobox {
    position: relative;
    margin-top: -150px;
    padding: 0 15px;
    background-color: #fff
}

.infobox .col {
    background-color: #fff;
    margin: 50px 25px 40px;
    padding: 25px;
    border: 2px solid #eee;
    z-index: 99
}

.infobox #block-schnellzugriff .fast-links-info-box {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
}

.infobox #block-schnellzugriff .fast-links-info-box li {
    display: flex;
    padding-bottom: 3px;
    border-bottom: 1px solid #053280;
}

.infobox #block-schnellzugriff .fast-links-info-box li a {
    position: relative;
    width: 200px;
    height: 18px;
    background-position: start;
    background-repeat: no-repeat;
    background-size: auto 18px;
    color: #00000000;
    transition: transform 0.2s;
}

.infobox #block-schnellzugriff .fast-links-info-box li a:hover {
    transform: translate(10px, 0px);
}

.infobox #block-schnellzugriff .fast-links-info-box li:nth-child(1) a {
    background-image: url("/themes/bs_nine/files/images/eBau.png");
}

.infobox #block-schnellzugriff .fast-links-info-box li:nth-child(2) a {
    background-image: url("/themes/bs_nine/files/images/eUmzug.png");
}

.infobox #block-schnellzugriff .fast-links-info-box li:nth-child(3) a {
    color: #000000;
}


.infobox #block-schnellzugriff .fast-links-info-box svg {
    visibility: hidden;
}





.content_prefix {
    background-color: #eee
}

.content_prefix h2 {
    padding-top: 50px !important
}

.content {
    background-color: #eee;
    padding-top: 150px !important
}

.content .node__content {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px
}

.content .node__content img {
    height: auto
}

.view-content {
    background-color: #fff;
    padding: 15px;
    border-bottom: 15px solid #eee
}

.view-aktuelles .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    justify-content: flex-start
}

.view-aktuelles .views-row {
    width: 31%;
    background-color: #fff;
    box-shadow: 5px 5px 8px 5px #eee;
    margin-bottom: 35px
}

.view-aktuelles .views-field-title {
    background-color: #053280;
    margin-bottom: 25px;
    padding: 16px;
    font-size: 1.5rem;
    height: 142px;
}

.view-aktuelles .views-field-title a {
    color: #fff
}

.view-aktuelles .views-field-body {
    padding: 15px 15px 5px 15px
}

.view-aktuelles .views-field-view-node {
    padding: 15px 15px 35px 15px
}

.view-aktuelles .views-field-edit-node {
    padding-left: 35px;
    margin-bottom: 25px
}

.views-field-view-node .field-content {
    background-color: #053280;
    padding: 10px 15px;
    border-radius: 5px
}

.views-field-view-node a {
    color: #fff
}

.view-gemeinderat .views-row {
    height: 20em
}

.view-gemeinderat .views-field-title {
    clear: both;
    border-bottom: 1px solid #053280;
    margin-bottom: 25px
}

.view-gemeinderat .views-field-field-image {
    float: right;
    width: 200px;
    margin: 25px 0
}

.view-angestellte .views-row {
    margin: 50px 0
}

.view-angestellte .views-field-title {
    clear: both;
    border-bottom: 1px solid #053280;
    margin-bottom: 25px
}

.view-angestellte .views-field-field-angestellte,
.view-angestellte .views-field-field-telefon,
.view-angestellte .views-field-field-e {
    padding-bottom: 15px
}



.sub_features {
    padding: 50px 0;
    padding-top: 25px;
    border-top: 1px solid #053280
}

.footer {
    background-color: #053280;
    color: #fff
}

.footer a {
    color: #fff !important;
    font-size: 75%
}

.footer .navbar {
    background-color: #053280;
    color: #fff
}


table {
    width: 100%
}

.js-form-item-email label {
    display: block
}

table,
td,
tr,
th {
    border: none;
    border-collapse: collapse;
    text-align: left
}

th {
    background-color: #ffffff;
    border-bottom: 1px solid #12679b
}

td,
tr,
th {
    padding: 0.25em
}

td:first-child {
    min-width: 140px
}

tr:nth-child(even) {
    background: #ffffff
}

tr:nth-child(odd) {
    background: #ffffff
}



/* Extra large devices (large desktops, 1200px and up - 75em) */
@media screen and (max-width: 1200px) {}

/* Large devices (desktops, 992px and up - 57em ) */
@media screen and (min-width: 992px) {}

/* Medium devices (tablets, 768px and up - 48em ) */
@media screen and (min-width: 768px) {}

/* Small devices (landscape phones, 576px and up - 36em ) */
@media screen and (min-width: 576px) {}

@media screen and (max-width: 576px) {

    table {
        border: none
    }

    thead {
        display: none
    }

    table,
    tr,
    td {
        padding: 0;
        border: none
    }

    tr {
        float: left;
        width: 100%;
        margin-bottom: 0.1em;
        border-bottom: 1px solid #558ed5
    }

    td {
        float: left;
        width: 100%;
        padding: .25em;
        border-bottom: 1px solid #fff
    }

    tr:nth-child(even) {
        background: #ffffff
    }

    tr:nth-child(odd) {
        background: #ffffff
    }

}



@media screen and (max-width: 90em) {

    .header {
        height: 140px
    }

    .header .navbar {
        padding: 0
    }

    .header .navbar-brand img {
        height: 100px;
        padding: 0;
        margin: 20px 0 0 0
    }

}

@media screen and (max-width: 55em) {

    .header {
        height: 165px
    }

    .header .navbar-brand img {
        height: 80px;
        padding: 0 0 0 5px;
        margin: 15px 0 0 0
    }

    .header .form-control {
        display: none;
        width: 20px
    }

    .header .btn-outline-secondary {
        border: 0
    }

    .header .navbar-nav {
        position: absolute;
        top: 10px;
        right: 20px;
        display: block;
        text-align: right
    }

    .header .navbar-link {
        padding: 0 !important
    }

    .header .nav-link {
        padding: 0 !important
    }

    #block-topnavigation {
        position: absolute;
        left: 0
    }

    #block-topnavigation .nav-item {
        display: none
    }

    #block-topnavigation .input-group-append {
        display: none
    }

    #block-topnavigation-2 {
        position: absolute;
        right: 0
    }

    #block-topnavigation-2 {
        display: block;
        height: 80px
    }

    .view-aktuelles .views-row {
        width: 100%
    }

    .view-aktuelles .views-row {
        margin-right: 0
    }

    .sub_features {
        padding-left: 5px
    }

    .view-gemeinderat .views-row {
        height: 25em
    }

    .field--name-field-image {
        float: left !important;
        width: 100% !important
    }

    .views-field-field-image {
        float: left !important;
        width: 100% !important;
        height: 130px
    }

}


@media screen and (max-width: 48em) {

    #block-topnavigation-2 {
        position: absolute;
        top: 50px;
        right: 0
    }

}





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


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


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



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

.slider img {
    width: 100% !important;
    height: auto
}

.slider div.col {
    padding: 0
}

.slider .view-content {
    padding: 0 !important;
}

.views_slideshow_cycle_teaser_section {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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




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


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



/******************************************************************************************************
 * Content - Content mit Spalten
 ******************************************************************************************************/


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



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



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