/**
 * Bereich :)
 */

/***************** Bereichs-Menu **********************/

#block-kastaniecustom-hauptnavigation {
    width: fit-content;
    max-width: 100%;
    background: var(--mo-background);
    padding: var(--spacing-s);
    border-radius: 50px;
    overflow-y: hidden;
}

#block-kastaniecustom-hauptnavigation .menu {
    display: flex;
    padding: 0;
    margin: 0;
    gap: var(--spacing-m);
    overflow-y: scroll;
    scrollbar-width: none; /* Für Firefox */
    border-radius: 50px;
    -ms-overflow-style: none; /* Für Internet Explorer und Edge */
}

#block-kastaniecustom-hauptnavigation .menu::-webkit-scrollbar {
    display: none; /* Für Chrome, Safari und neuere Edge-Versionen */
}

#block-kastaniecustom-hauptnavigation .menu__item {
    list-style: none;
    border-radius: 50px;
    display: block;
    transition: 0.3s;
}

#block-kastaniecustom-hauptnavigation .menu__item:focus-within {
    border: solid 2px var(--hover-color);
}

#block-kastaniecustom-hauptnavigation .menu__item:hover {
    background-color: var(--button-background-color);
}

#block-kastaniecustom-hauptnavigation .menu__item--active-trail {
    background-color: var(--button-background-color);
}

#block-kastaniecustom-hauptnavigation .menu__link--link {
    display: block;
    height: 100%;
    width: 100%;
    padding: 5px 25px;
    color: var(--button-color);
    text-decoration: none;
    white-space: nowrap;
}
#block-kastaniecustom-hauptnavigation .menu__link--link:focus {
    outline: none;
}
/*blendet secound level items aus*/
#block-kastaniecustom-hauptnavigation
    [class*="menu--level-"]:not(.menu--level-1) {
    display: none;
}
/************************ Referate *************************/
.field--name-field-referat-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-m);
}

.field--name-field-referat-links > div {
    width: 100%;
    height: 100px;
    box-shadow: var(--box-shadow-more);
    border-radius: var(--border-radius-m);
    transition: all 0.3s;
}

.field--name-field-referat-links > div a {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding: var(--spacing-m);
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
}

.field--name-field-referat-links > div:hover {
    background-color: var(--hover-color);
}

.field--name-field-referat-links > div a::after {
    display: inline-block;
    content: " ";
    height: 40px;
    width: 40px;
    background: var(--icon-button-background-color);
    flex-shrink: 0;
    background-image: url(../images/icons/pfeil-gross-rechts-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    transition: all 0.3s;
}

.field--name-field-referat-links > div a:hover::after {
    background-color: var(--mo-background);
    background-image: url(../images/icons/pfeil-gross-rechts-icon-light.svg);
}

@media (min-width: 600px) {
    .field--name-field-referat-links > div {
        width: calc(50% - (var(--spacing-l) / 4));
    }
}

/***************** Accordion ***********************/
.bereich-akkordeon {
    border-bottom: solid 2px #9fa0a2;
    padding-bottom: var(--spacing-m);
}

.bereich-akkordeon h3 {
    display: inline-block;
    width: calc(100% - 52px);
    margin-right: 12px;
}

.bereich-akkordeon.open h3 {
    color: var(--primary-color);
}

.k1-akkordeon-clicker {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: none;
    background-color: var(--icon-button-background-color);
    background-image: url(../images/icons/plus-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -10px;
}

.k1-akkordeon-clicker:hover {
    background-color: var(--mo-background);
    background-image: url(../images/icons/plus-icon-light.svg);
}

.bereich-akkordeon.open .k1-akkordeon-clicker {
    background-color: var(--mo-background);
    background-image: url(../images/icons/minus-icon-light.svg);
}

.bereich-akkordeon.open .k1-akkordeon-clicker:hover {
    background-color: var(--icon-button-background-color);
    background-image: url(../images/icons/minus-icon.svg);
}

.accordeonlist .view-content {
    gap: 0;
}

.k1-akkordeon-content {
    padding: var(--spacing-m);
}

.accordeonlist h2 {
    margin-bottom: 0;
}