div#holdoversigt_nav_wrapper {
   text-align: center;
   padding-bottom: 40px;
}


div#holdoversigt_nav {
    display: grid;
    grid-template-columns: repeat(7, 40px);
    column-gap: 20px;
    margin: auto;
    width: fit-content;
}

body[data-elementor-device-mode="mobile"] div#holdoversigt_nav
{
column-gap: 10px;
}

div#holdoversigt_nav .holdoversigt_nav_container
{
    text-align: center; 
    width: 50px;
}

body[data-elementor-device-mode="mobile"] div#holdoversigt_nav .holdoversigt_nav_container
{
    text-align: center; 
    width: 40px;
}

div#holdoversigt_nav .holdoversigt_nav_container .holdoversigt_nav_button
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #ffff;
    cursor: pointer;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: bold;
    font-size: 16px;
}


body[data-elementor-device-mode="mobile"] div#holdoversigt_nav .holdoversigt_nav_container .holdoversigt_nav_button
{
    width: 40px;
    height: 40px;
}


div#holdoversigt_nav .holdoversigt_nav_container:first-child .holdoversigt_nav_button
{
        border: 1px solid #FFD300; 
}


div#holdoversigt_nav .holdoversigt_nav_container.active .holdoversigt_nav_button
{
    border: 1px solid #FFD300; 
    background-color: #FFD300;
}

div#holdoversigt_nav .holdoversigt_nav_button_label
{
    font-size: 12px; 
    color: #555;
}


#holdoversigt_desktop_wrapper .desktop-swiper-wrapper
{
    display: none;
}



#holdoversigt_desktop_wrapper .desktop-swiper-wrapper.active {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}


div#holdoversigt_list_slider {
    padding-bottom: 35px;
}



body[data-elementor-device-mode="mobile"] #holdoversigt_desktop_wrapper
{
    display: none;
}

body[data-elementor-device-mode="desktop"] #holdoversigt_list_slider,
body[data-elementor-device-mode="tablet"]  #holdoversigt_list_slider
{
    display: none;
}




#holdoversigt_desktop_wrapper .desktop-swiper-wrapper.active .desktop-swiper-slide,
#holdoversigt_list_slider_wrapper .swiper-wrapper .swiper-slide
{
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
	height: auto;
}


#holdoversigt_desktop_wrapper .desktop-swiper-wrapper.active .desktop-swiper-slide .item_time,
#holdoversigt_list_slider_wrapper .swiper-wrapper .swiper-slide .item_time{
  font-size: 13px;
  font-weight: bold;
}

#holdoversigt_desktop_wrapper .desktop-swiper-wrapper.active .desktop-swiper-slide .item_headline,
#holdoversigt_list_slider_wrapper .swiper-wrapper .swiper-slide .item_headline {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

#holdoversigt_desktop_wrapper .desktop-swiper-wrapper.active .desktop-swiper-slide.item_desc,
#holdoversigt_list_slider_wrapper .swiper-wrapper .swiper-slide .item_desc  {
  font-size: 13px;
}

#holdoversigt_desktop_wrapper .desktop-swiper-wrapper.active .desktop-swiper-slide .item_instructor,
#holdoversigt_list_slider_wrapper .swiper-wrapper .swiper-slide .item_instructor {
  font-size: 13px;
}

body[data-elementor-device-mode='mobile'] div#holdoversigt_list_slider_wrapper
{
    padding-left: 20px;
     padding-right: 0px;
}

body[data-elementor-device-mode='mobile'] div#holdoversigt_list_slider_wrapper.right-padding
{
    padding-left: 0px;
     padding-right: 20px;
}

#holdoversigt_list_slider_wrapper .swiper-pagination
{

}