/* Jobkompass A-Z */
.dce-cbanner.layout-3 .cbanner-link { display: flex; gap: .4em; margin: 4em 0 2.4em; overflow:auto; scrollbar-width: thin; scrollbar-face-color: var(--contentBlueDark);}
.dce-cbanner.layout-3 .cbanner-link::-webkit-scrollbar {height: 8px;}
.dce-cbanner.layout-3 .cbanner-link::-webkit-scrollbar-thumb {border-radius: 8px;background-color: var(--contentBlueDark); border: 8px solid var(--contentBlueDark);}
.dce-cbanner.layout-3 .cbanner-link .button  { border: 1px solid var(--contentBlueDark,); margin-bottom: 15px; box-sizing: border-box; }
.dce-cbanner.layout-3 .cbanner-link .button.passive  { border-color: #c5c5c5; }
.dce-cbanner.layout-3 .cbanner-link  span { display: flex; justify-content: center; align-items: center; font-size: 1em; color: var(--contentBlueDark); text-transform: uppercase; width: 2.5em; height: 2.5em; text-align: center; }
.dce-cbanner.layout-3 .cbanner-link .passive span { color: #c6c6c6; text-transform: uppercase; }
.dce-cbanner.layout-3 .cbanner-link a:hover span, .dce-cbanner.layout-3 .cbanner-link a.current span { background-color: var(--contentBlueDark); color: #fff; transition: background-color, color, 300ms; }

@media (min-width: 992px) {
    /* Jobkompass A-Z */
    .dce-cbanner.layout-3 { margin-bottom: 4em;}
    .dce-cbanner.layout-3 .cbanner-link { justify-content: space-between; flex-wrap: nowrap;  }
    .dce-cbanner.layout-3 .cbanner-link .button  { margin: 0 0 15px; }
    .dce-cbanner.layout-3 .cbanner-link  span {   }

}
@media (min-width: 1200px) {
    /* Jobkompass A-Z */
    .dce-cbanner.layout-3 .cbanner-link .button { font-size: clamp(.84em,1vw,1em);}
}