#navigation {
    display: flex;
    justify-content: center;
    align-content: center;
    top: -50px;
    .navbar {
        display: inline;
        padding: 0;
        .nav {
            .nav-item {
                a:hover {
                    text-decoration: none;
                }
                .dropdown-toggle {
                    &::after {
                        display: none;
                    }
                    .active{
                        a {
                            background-color: #008A2A;
                        }
                    }
                    &:focus {
                        outline: none;
                    }
                }

                .dropdown-menu {
                    li {
                        a {
                            &:hover {
                                background-color: #f5f5f5;
                            }
                        }
                    }
                }
            }
        }
    }
}

a {
    text-decoration: none;
    &:hover {
        text-decoration: underline;
    }
}

.tabbedquickview {
    .nav {
        .nav-item {
            a{
                &:hover {
                    text-decoration: none;
                }
            }
        }
    }
    a {
        color: #007A25;
        font-weight: 600;

        &:hover {
            color: #007A25;
            text-decoration: underline;
        }
    }
    .btn.btn-secondary.btn-sm {
        background-color: #FFFFFF;
        color: black;

        &:hover {
            background-color: #f5f5f5;
            text-decoration: none;
        }
    }
}

#top {
    padding-bottom: 1rem;
}

.dropdown-toggle {
    &.show {
        box-shadow: 0 0 0 15px #008A2A;
        border-radius: 1px;
    }
}


.citko-event-addform, .citko-event-editform {
    a {
        color: #007A25;
        font-weight: 600;

        &:hover {
            text-decoration: none;
            color: #007A25;
            font-weight: 600;
        }
    }
    .quicktabnav-buttons {
        a {
            color: #FFFFFF;
        }
    }
}

.accordion {
    .accordion-item {
        border-radius: 0;
        border: none;
        .accordion-header {
            margin-bottom: 15px;
            .accordion-button {
                border-radius: 0;
                padding: 14px 15px 12px;
                font-size: 24px;
                font-weight: 400;
                display: block;
                position: relative;
                color: #FFFFFF;
                background-color: #008A2A;
                text-decoration: underline;

                &:after {
                    float: right;
                    background-image: none;
                    font-family: 'Font Awesome 7 Free';
                    font: var(--fa-font-solid);
                    content: "\f078";
                }

                &:focus {
                    box-shadow: 0 0 0 2px;
                }

                &.collapsed {
                    color: #000000;
                    background-color: #E4E5E7;
                    text-decoration: none;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}

.offcanvas-toggle {
    background-color: red;
}

.offcanvas {
    .nav-item {
        display: block;
        font-size: 24px;
        font-weight: 300;
        padding: 5px 20px;
        width: 100%;
        letter-spacing: -0.5px;

        a {
            background-color: #007A25;
            color: #ffffff;
            padding: 10px;
            &:hover {
                text-decoration: none;
            }
            &:after {
                display: none;
            }
        }

        .dropdown-toggle {
            display: block;
            width: 100%;
            &.show {
                box-shadow: none;
            }
        }

        .dropdown-menu.show {
            display: block !important;
            border-radius: 0;
            a {
                background-color: transparent;
                color: #000000;
                padding: 0;
                font-weight: normal;
                &:hover {
                    text-decoration: none;
                    color: #262626;
                    li {
                        text-decoration: none;
                        color: #262626;
                        background-color: #f5f5f5;
                    }
                }
            }
        }
    }
}

.powermail_legend {
    border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
    #top .search form {
        height: auto;
        width: 100%;
        margin: 0;
    }
}

#solr-quicksearch-result {
    max-width: 350px;
}

.ansprechpartnerOeffnungszeiten {
    width: 100%;
}