.ac {
--color-white: #fff;
--color-light-grey: #eee;
--color-grey: #8a8a8a;
--color-black: #111;
margin-bottom: 8px;
border: 1px solid var(--color-light-grey);
background-color: var(--color-white);
box-sizing: border-box;
}
.ac .ac-header {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.ac .ac-header a {
flex: 1 1 auto;
padding: 8px;
text-decoration: none;
color: var(--color-black);
font-size: 17px;
}
.ac .ac-header a:hover,
.ac .ac-header a:focus {
color: var(--color-grey);
}
.ac .ct-toggle-dropdown-desktop.ac-trigger {
flex: 0 0 auto;
cursor: pointer;
padding: 8px;
display: inline-block;
transition: color 0.25s ease;
border: none;
background: none;
}
.ac .ct-icon {
display: block;
}
.ac .ac-panel {
overflow: hidden;
transition-property: height, visibility;
transition-timing-function: ease;
}
.ac .ac-panel .ac-text {
color: var(--color-black);
padding: 8px;
margin: 0;
}
.ac.js-enabled .ac-panel {
visibility: hidden;
}
.ac.is-active .ac-panel {
visibility: visible;
}
.active-category {
font-weight: 600;
}
.ac-trigger {
align-items: center;
margin-right: 2px;
} .ac-header {
display: flex !important;
align-items: center !important;
} .ac-header .ac-trigger {
display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important;  } .ac-header .ac-trigger svg {
display: inline-block !important;
vertical-align: middle !important; }
.gesamtsortiment-no-hover {
text-decoration: none;
font-size: 17px;
}