/* Design Anpassungen Akkordeon (JQuery UI) */

.ui-accordion-header {
    font-family: 'Poppins-bold';
    color: black;
    background-color: rgba(255,255,255,0.6);
    border: none;
    /* border-bottom: var(--light-grey) 2px solid; */
    border-radius: 12px;
    /* text-decoration: underline; */
}

.ui-accordion-header:hover {
    text-decoration: none !important;
    color: var(--htw-green) !important;
}

#ui-id-1 {
    text-decoration: none;
    text-decoration-color: black;
}

.ui-accordion-content {
    border: none;
}

.accordion-element {
    height: auto !important;
    font-family: 'Poppins'
}

.ui-accordion-header:focus {
    outline: none;
}

@media only screen and (max-width: 575px) {
    .ui-accordion .ui-accordion-content {
        padding: 20px
    }
}

.next-button {
    display: inherit;
    margin: auto;
    text-align: center;
    align-items: center;
    height: 32px;
    width: 145px;
    font-family: 'Poppins' !important;
    transition: all 0.5s ease !important;
    backdrop-filter: blur(4px);
    text-shadow: 0 3px 8px rgba(0,50,80,0.0);
    box-shadow:  inset 1px 1px 1px rgba(255,255,255,0.2),inset -1px -1px 1px rgba(0,50,80,0.1)  !important;
    color: var( --e-global-color-primary ) !important;;
    background-color: transparent !important;
    background-image: radial-gradient(at bottom center, rgba(192,223,238,0.3) 0%, rgba(136,195,224,0.6) 100%) !important;
    transform: scale(1) !important;
    border: none !important;
	border-radius: 50px;
}

.next-slider {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .next-slider {
        margin-top: 30px;
    }
}

.next-button:hover {
    backdrop-filter: blur(12px);
    text-shadow: 0 10px 10px rgba(0,50,80,0.5);
    box-shadow: 1px 1px 2px rgba(255,255,255,0.6) inset, -1px -1px 2px rgba(0,50,80,0.6) inset !important;
    transform: scale(1.05) !important;
    color: var( --e-global-color-primary ) !important;
}

.last-button {
    display: inherit;
    margin: auto;
    height: 32px;
    width: 200px;
    font-family: 'Poppins' !important;
    transition: all 0.5s ease !important;
    backdrop-filter: blur(4px);
    text-shadow: 0 3px 8px rgba(0,50,80,0.0);
    box-shadow:  inset 1px 1px 1px rgba(255,255,255,0.2),inset -1px -1px 1px rgba(0,50,80,0.1)  !important;
    color: var( --e-global-color-primary ) !important;;
    background-color: transparent !important;
    background-image: radial-gradient(at bottom center, rgba(192,223,238,0.3) 0%, rgba(136,195,224,0.6) 100%) !important;
    transform: scale(1) !important;
    border: none !important;
	border-radius: 50px;
}

.last-button:hover {
    backdrop-filter: blur(12px);
    text-shadow: 0 10px 10px rgba(0,50,80,0.5);
    box-shadow: 1px 1px 2px rgba(255,255,255,0.6) inset, -1px -1px 2px rgba(0,50,80,0.6) inset !important;
    transform: scale(1.05) !important;
    color: var( --e-global-color-primary ) !important;
}


/* Header Icons */


/*offen*/

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/Pfeil_hoch.svg") !important;
    background-size: 100% 100%;
    margin-right: 3px;
}


/*zu*/

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/Pfeil_rechts.svg") !important;
    background-size: cover;
    background-position: 0px 0px;
    margin-right: 3px;
}