/* @group @variables */

@media all and (min-width: 48em) {

[class*="m-licence-nav-list"] {
--licence-nav-list-grid-template-columns: repeat(3, 1fr);
--licence-nav-list-gap: .75rem;
}

}

@media all and (min-width: 62em) {

[class*="m-licence-nav-list"] {
--licence-nav-list-grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @m-licence-nav-list */

[class*="m-licence-nav-list"] {
display: grid;
grid-template-columns: var(--licence-nav-list-grid-template-columns);
grid-template-rows: var(--licence-nav-list-grid-template-rows);
gap: var(--licence-nav-list-gap);
}

[class*="m-licence-nav-list"] {
padding-left: 0;
list-style: none;
}

/* @end @m-licence-nav-list */

/* @group @variables */

@media all and (min-width: 48em) {

[class*="a-accordion-tab-link"] {
--accordion-tab-link-grid-template-columns: 1fr;
--accordion-tab-link-text-align: center;
}

/*[class*="a-accordion-tab-link"]:not(:has([class*="a-accordion-category-icon"])) {
--accordion-tab-link-text-align: center;
}*/


[class*="a-accordion-tab-link"]:has([class*="a-accordion-category-icon"]) {
--accordion-tab-link-grid-template-columns: auto 1fr;
--accordion-tab-link-grid-template-columns: auto auto;
/*--accordion-tab-link-text-align: left;*/
}

[class*="a-accordion-tab-link"]:hover,
[class*="a-accordion-tab-link"]:focus {
--accordion-tab-link-box-shadow: inset 0 0 0 1px hsl(220deg 5% 20%);
--accordion-tab-link-color: hsl(0deg 0% 30%);
}

[class*="is-active"][class*="a-accordion-tab-link"] {
--accordion-tab-link-box-shadow: inset 0 0 0 1px hsl(220deg 5% 20%);
--accordion-tab-link-color: hsl(0deg 0% 30%);
}

}

@media all and (min-width: 62em) {

[class*="m-licence-nav-list"] {
}

}

/* @end @variables */

/* @group @a-accordion-tab-link */

[class*="a-accordion-tab-link"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: var(--accordion-tab-link-grid-template-columns);
gap: .5rem;
height: 4rem;
padding: 0 .75rem;
background-color: hsl(0deg 0% 100%);
border: 1px solid hsl(220deg 5% 20%);
border-radius: .25rem;
box-shadow: var(--accordion-tab-link-box-shadow);
font-size: .875rem;
line-height: 1.42857143;
color: var(--accordion-tab-link-color);
cursor: pointer;
white-space: nowrap;
text-align: var(--accordion-tab-link-text-align);
text-decoration: none;
transition: var(--link-erste-transition);
}

[class*="a-accordion-tab-link"] img,
[class*="a-accordion-tab-link"] svg {
width: auto;
height: 2.625rem;
}

/* @end @a-accordion-tab-link */

/* -------------------------------------------------------- */

/* @group @m-accordion-area */

[class*="m-accordion-area"] {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}

[class*="m-accordion-body"] {
grid-column: 1;
grid-row: 1;
}

/* @end @m-accordion-area */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-accordion-body"] {
--accordion-body-z-index: -1;
--accordion-body-max-height: 0;
--accordion-body-opacity: 0;
--accordion-body-visibility: hidden;
--accordion-body-transition: max-height padding .5s cubic-bezier(.55,0,.1,1), opacity .1s cubic-bezier(.55,0,.1,1);
}

[class*="is-tab-show"][class*="m-accordion-body"]{
--accordion-body-z-index: 1;
--accordion-body-max-height: 2000em;
--accordion-body-opacity: 1;
--accordion-body-visibility: visible;
--accordion-body-transition: max-height padding .5s cubic-bezier(.55,0,.1,1), opacity .1s .5s cubic-bezier(.55,0,.1,1);
}

/* @end @variables */

/* @group @m-accordion-body */

[class*="m-accordion-body"] {
position: relative;
z-index: var(--accordion-body-z-index);
max-height: var(--accordion-body-max-height);
opacity: var(--accordion-body-opacity);
visibility: var(--accordion-body-visibility);
transition: var(--accordion-body-transition);
}

/* @end @m-accordion-body */

/* -------------------------------------------------------- */

/* @group @m-custom-select */

[class*="m-custom-select"] {
position: relative;
}

/* @end @m-custom-select */

/* @group @variables */

[class*="m-select-button"] {

--select-button-border-color: hsl(0deg 0% 20%);
}

[class*="m-select-button"]:hover,
[class*="m-select-button"]:focus,
[class*="m-custom-select"].is-active [class*="m-select-button"] {
--select-button-border-color: hsl(0deg 0% 30%);
}

/* @end @variables */

/* @group @m-select-button */

[class*="m-select-button"] {
box-sizing: border-box;
display: grid;
align-items: center;
grid-template-columns: 1fr .75rem;
gap: .75rem;
width: 100%;
height: 3rem;
padding: 0 calc(1.125rem - 2px);
background-color: hsl(0deg 0% 100%);
border: 2px solid var(--select-button-border-color);
border-radius: .25rem;
text-align: left;
transition: var(--link-premier-transition);
}

[class*="m-select-button"] svg {
width: .75rem;
height: auto;
fill: hsl(0deg 0% 20%);
}

/* @end @m-select-button */

/* @group @m-select-dropdown */

[class*="m-select-dropdown"] {
position: absolute;
visibility: hidden;
overflow-y: auto;
z-index: 10;
display: grid;
grid-auto-flwo: row;
gap: 1px;
width: 100%;
padding: 0;
box-shadow: 0 1px .375rem hsl(220deg 5% 85%);
background-color: hsl(220deg 5% 90%);
border: 1px solid hsl(220deg 5% 85%);
border-radius: 0 0 .25rem .25rem;
list-style: none;
opacity: 0;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
transition: var(--modal-fade-transition);
}

[class*="m-custom-select"].is-active [class*="m-select-dropdown"] {
visibility: visible;
opacity: 1;
max-height: 30rem;
}

[class*="m-select-dropdown"]:focus-within {
box-shadow: 0 10px 25px rgba(94, 108, 233, 0.6);
}

[class*="m-select-dropdown"]::-webkit-scrollbar {
width: 7px;
}

[class*="m-select-dropdown"]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 25px;
}

[class*="m-select-dropdown"]::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 25px;
}

/* interactivity */

[class*="m-custom-select"].is-active .arrow {
transform: rotate(180deg);
}

/* @end @m-select-dropdown */

/* @group @a-option-dropdown */

[class*="a-option-dropdown"] {
position: relative;
cursor: pointer;
display: grid;
background-color: hsl(0, 0%, 100%);
}

[class*="a-option-dropdown"] label {
display: grid;
justify-content: start;
align-content: center;
align-items: center;
grid-template-columns: auto auto;
gap: .75rem;
height: 3.75rem;
padding: .375rem 1.5rem;
cursor: pointer;
}

[class*="a-option-dropdown"] label:hover,
[class*="a-option-dropdown"] label:focus {
background-color: hsl(220deg 5% 97%);
}

[class*="a-option-dropdown"] img,
[class*="a-option-dropdown"] svg {
width: auto;
height: 1.5rem;
}

[class*="m-select-dropdown"] li:hover,
[class*="m-select-dropdown"] input:checked ~ label {
background-color: #f2f2f2;
}

[class*="m-select-dropdown"] input:focus ~ label {

}

/* @end @a-option-dropdown */