.box-section { padding: 50px 0; }
.box-section .tab-wrapper { width: auto; margin: 0 -32px; }
.box-section .tab-wrapper .tabs-title { width: calc(100% / 5 - 64px); margin: 0 32px 64px;  }
.box-section .tab-wrapper .tabs-title[data-fancybox]{cursor: pointer;}

.box-section .tab-wrapper .tabs-title .inner { overflow: hidden; }
.box-section .tab-wrapper .tabs-title .inner .top-content { background-color: #29446e; padding: 35px 22px 80px; }
.box-section .tab-wrapper .tabs-title .inner .top-content h4 { font-size: 38px; font-weight: 700; margin: 0 0; word-break: break-word; }
.box-section .tab-wrapper .tabs-title .inner .top-content .sub-text { color: #fff; }
.box-section .tab-wrapper .tabs-title .inner .bottom-content { background-color: #4bafe8; justify-content: space-between; padding: 20px 22px 20px; position: relative; z-index: 1; }
.box-section .tab-wrapper .tabs-title .inner .bottom-content .offene { color: #fff; /* width: 90px; */ }
.box-section .tab-wrapper .tabs-title .inner .bottom-content:before { content: ''; position: absolute; width: 100%; height: 60px; top: -30px; left: 0; background-color: #4bafe8; transform: skewY(-9deg); z-index: -1; }

{#.popup-box .close { content: ''; position: absolute; right: 15px; top: 10px; width: 20px; height: 20px; text-align: center; line-height: 17px; color: #fff; cursor: pointer; }
.popup-box {max-width:1350px; position: relative; background-color: #4bafe8; padding: 45px 40px 20px; }
.popup-box .tabs-content { width: calc(100% / 2); padding: 25px 66px 50px; }
.popup-box .tabs-content h4 { font-size: 38px; margin: 0 0 10px; padding: 0 0 15px; }
.popup-box .tabs-content .place { color: #fff; position: relative; padding-left: 30px; line-height: 20px; }
.popup-box .tabs-content .place:before { content: ''; position: absolute; top: -7px; left: 0; width: 21px; height: 32px; background: url(https://f.hubspotusercontent00.net/hubfs/8330902/Website/eura-theme/images/map-marker.png)no-repeat center / contain; }
.popup-box .tabs-content .content { color: #fff; line-height: 28px; padding: 25px 0 0; }
.popup-box .tabs-content .icon { text-align: right; }#}

.roboto-box-sec .title-wrap h2{ position:relative; }
.roboto-box-sec .title-wrap{margin-bottom:50px;}
.roboto-box-sec .title-wrap h2:before{top:60px;}
.roboto-page-2-sec{padding-bottom:100px;}

{#.popup-box button.fancybox-close-small { top: 4px; background: transparent; color: #fff; opacity: 1; }
.popup-box button.fancybox-close-small svg { color: #fff !important; stroke-width: 3px; }
.popup-box .tabs-content { width: 50%; padding: 25px 66px; }
.popup-box .tabs-content.full { width: 100%; }
.box-section .tab-wrapper .tabs-title:not([data-fancybox]) { pointer-events: none !important; }#}
.box-section .tab-wrapper .tabs-title .inner.no-link .top-content { background-color: #6a7c96f5; }
.box-section .tab-wrapper .tabs-title .inner.no-link .bottom-content { background-color: #d4d4d4; }
.box-section .tab-wrapper .tabs-title .inner.no-link .bottom-content:before { background-color: #d4d4d4; }

.roboto-box-sec .tab-filter { display: flex; align-items: center; justify-content: flex-end; margin: 70px 0 0; position: relative; z-index: 1; }
.roboto-box-sec .tab-filter .icon { display: flex; align-items: center; padding-right: 30px; }
.roboto-box-sec .tab-filter a { color: inherit; }
.roboto-box-sec .tab-filter .icon img { padding-right: 18px; }
.roboto-box-sec .tab-filter a:hover, .roboto-box-sec .tab-filter a.active { color: #00b9f2; }


@media (max-width:1659px){
    .box-section .tab-wrapper .tabs-title { width: calc(100% / 5 - 44px); margin: 0 22px 44px; }
    .box-section .tab-wrapper { margin: 0 -22px; }
    .box-section .tab-wrapper .tabs-title .inner .top-content h4 { font-size: 32px; }
    
}

@media (max-width:1429px){
    .box-section .tab-wrapper .tabs-title { width: calc(100% / 4 - 44px); }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content { padding: 25px 35px 40px; }
  
    .roboto-box-sec .tab-filter {
        margin: 40px 0 0;
        justify-content: flex-start;
    }
}

@media (max-width:1199px){
    .box-section .tab-wrapper { margin: 0 auto; }
    .box-section .tab-wrapper .tabs-title { width: calc(100% / 4 - 34px); margin: 0 16px 34px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner { padding: 30px 30px 20px; }
    .box-section .tab-wrapper .tabs-title .inner .top-content h4 { font-size: 28px; }
    .box-section .tab-wrapper .tabs-title .inner .top-content { padding: 30px 15px 80px; }
    .box-section .tab-wrapper .tabs-title .inner .bottom-content { padding: 20px 15px 20px; }
    .box-section .tab-wrapper .tabs-title .inner .bottom-content .icon img { width: 35px; height: 35px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content { padding: 20px 20px 25px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content h4 { font-size: 30px; }
}

@media (max-width:991px){
    .box-section .tab-wrapper { display: flex; flex-flow: row wrap; }
    .box-section .tab-wrapper .tabs-title { width: calc(100% / 3 - 24px); margin: 0 12px 24px; }
    .box-section .tab-wrapper .tabs-title .inner .top-content { padding: 25px 15px 80px; }
    .box-section .tab-wrapper .tabs-title .inner .top-content h4 { font-size: 24px; line-height: 34px; }
    .box-section .tab-wrapper .tabs-title .inner .bottom-content { display: flex; align-items: flex-end; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner { padding: 20px 15px 20px; display: flex; flex-flow: row wrap; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content { padding: 20px 15px 25px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content h4 { font-size: 28px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content .icon img { width: 35px; height: 35px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content .content { padding: 25px 0 10px; }
    .popup-box .tabs-content{ width:100%; }
}

@media (max-width:767px){
    .box-section .tab-wrapper .slick-slide { margin: 0 16px; }
    .box-section .tab-wrapper { padding: 0 0 50px; }
    .box-section .slick-slider .slick-arrow { top: 80%; left: 30%; background-size: 30%; background-repeat: no-repeat; background-position: center; }
    .box-section .slick-slider .slick-arrow.slick-next { right: 30%; left: auto; background-image: url(https://f.hubspotusercontent00.net/hubfs/8330902/Website/eura-theme/images/arrow-new.png); background-repeat: no-repeat; transform: scale(-1); }
    .box-section .slick-slider .slick-arrow.slick-prev { background-image: url(https://f.hubspotusercontent00.net/hubfs/8330902/Website/eura-theme/images/arrow-new.png); }
    .box-section .slick-slider .slick-arrow.slick-prev:after, .box-section .slick-slider .slick-arrow.slick-next:after { display: none; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner { padding: 15px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content { padding: 15px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content { width: 100%; }
    .roboto-page-2-sec{padding-bottom: 70px;}
    .roboto-box-sec .title-wrap{margin-bottom:70px;}
    .popup-box .tabs-content { padding: 20px 0; }
    .popup-box { padding: 10px 20px !important; }
/*     .box-section .tab-wrapper .tabs-title { width: calc(100% / 2 - 24px); } */
    .box-section .tab-wrapper .tabs-title { width: calc(100% / 2 - 24px); }
    .box-section .tab-wrapper { margin: 0 -10px;  }
    .box-section .tab-wrapper:not(.slick-slider) { padding-bottom: 0; }
    
}

@media (max-width:500px){
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content h4 { font-size: 24px; padding: 0 0 5px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content { padding: 20px 0 0; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content .place:before { width: 18px; height: 25px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content .content { padding: 20px 0 10px; }
    .box-section .main-tab-wrapper .bottom-tab-content .tab-content-inner .tabs-content .icon img { width: 30px; height: 30px; }
    .box-section .tab-wrapper .tabs-title { width: calc(100% / 1 - 24px); }
    .roboto-box-sec .tab-filter { font-size: 14px; padding: 0; width: 100%; justify-content: space-between; }
    .roboto-box-sec .tab-filter .icon img { padding-right: 6px; }
    .roboto-box-sec .tab-filter .icon { padding-right: 10px; }
    .roboto-box-sec .title-wrap { margin-bottom: 30px; }
    .box-section .tab-wrapper { display: block; max-width: 280px;margin: auto; }
    .top-tab-button h3 {text-align: center; }
    
}