#messe-subnav {
    background: linear-gradient(to right, #801473, #CC0070);
}

.strong {
    font-weight:700;
}
/* ------------------------- CHECKLISTE ------------------------- */
.checklist-ul {
    list-style-type: none;
    padding-inline-start: 35px;
    margin: 0px;
}

.checklist-ul li {
    line-height: 1.6;
    position: relative;
    padding: 7px 5px;
}

.checklist-ul li::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 28px;
    color: #0086CD;
    margin-left: -40px;
    position: absolute;
    top: 0px;
}


/* ------------------ PCOCT Header ------------------ */
.escrs-slider-title {
    position: absolute;
    top: 0;
    color: #fff !important;
    font-size: 40px !important;
    text-align: center;
    width: 100%;
    z-index: 2;
    margin-top: 50px;
}

.slider-font {
    font-weight: 800;
    white-space: nowrap;
}


.header-video-wrapper{
    display: flex    ;
    justify-content: center;
}

#escrs-thumbs {
    display: flex;
    justify-content: center;
    gap: 20px;
}
#escrs-thumbs span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-top: 10px;
    text-align: center;
}
#escrs-thumbs img {
    width: 213px;
    height: 120px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.50);
    opacity: 0.5;
    transition: all 0.3s;
}

#escrs-thumbs img:hover,
#escrs-thumbs img.active {
    border-color: #fff;
    opacity: 1;
}

@media (max-width: 700px) {
    #escrs-thumbs{
        margin-top: 10%;
    }
}

@media (max-width: 440px) {
    #escrs-thumbs{
        margin-top: 20%;
    }
}

/* ------------------ Pentacam ------------------ */
#escrs-cam {
    max-width: 100%;
}

/* ------------------ Orbit ------------------ */
.orbit {
    top: -20%;
    position: absolute;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    animation: spin 9s linear infinite;
    z-index: -1;
}

.orbiter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.orbiter.top {
    margin-top: -150px;
}

.orbiter.bottom {
    margin-top: 150px;
}

.blob {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(100px);
    opacity: .6;
    /*animation: wobble 4s ease-in-out infinite;*/
}

.color1 {
    background: #0086CD;
}

.color2 {
    background: #00C5CC;
    animation-delay: -1.1s;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes wobble {
    0% {
        transform: scale(1);
        border-radius: 50%;
    }
    25% {
        transform: scale(1.08, 0.94);
        border-radius: 46% 54% 52% 48%;
    }
    50% {
        transform: scale(0.94, 1.08);
        border-radius: 53% 47% 45% 55%;
    }
    75% {
        transform: scale(1.06, 0.97);
        border-radius: 48% 52% 50% 50%;
    }
    100% {
        transform: scale(1);
        border-radius: 50%;
    }
}

@media only screen and (max-width: 668px) {
    .orbiter.top {
        margin-top: -100px  !important;
    }

    .orbiter.bottom {
        margin-top: 100px  !important;
    }

    .blob {
        width: 200px !important;
        height: 200px !important;
        filter: blur(80px);
        opacity: .6;
    }
}

/* ------------------ Symposium ------------------ */
.doc-symp-cont {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.doc-symp-item{
    background: linear-gradient(90deg, #005D95 0%, rgba(0, 93, 149, 0) 100%);
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
}

.doc-symp-item span {
    line-height: 1.5;
    color: #fff;
}

.doc-symp-title{
    font-size: 18px;
    font-weight: 700;
}

.doc-symp-descr{
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
}

.symposium-label {
    position: absolute;
    top: -185px;
    right: 20px;
    padding: 20px;
}

.symposium-label:hover img {
    opacity: 1!important;
}