.cloudimage-360-icons-container {
    top: 35px !important;
    right: 20px !important;
}
.cloudimage-360-fullscreen-modal {
    top: 0;
    bottom: 0;
}
.cloudimage-360-magnifier-icon {
    background: url(/wp-content/plugins/dormiente-produktansicht-scaleflex/assets/bilder/loupe.svg) 50% 50% / cover no-repeat;
}
.cloudimage-360-close-fullscreen-icon {
    background: url(/wp-content/plugins/dormiente-produktansicht-scaleflex/assets/bilder/cross.svg) 50% 50% / cover no-repeat;
}
.cloudimage-360-view-360-circle {
    margin: auto;
}
.cloudimage-360-loader {
    margin: auto;
}
.cloudimage-360-view-360-icon {
    /*background: url(../bilder/360_view.svg) 50% 50% / cover no-repeat;*/
}
.cloudimage-360-box-shadow {
    top: 0;
    left: 0;
}
.cloudimage-360-img-magnifier-glass {
    border: 3px solid #000 !important;
    border-radius: 50%;
}

.cloudimage-360 .cloudimage-360-left, .cloudimage-360 .cloudimage-360-right {
    padding: 8px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 4px;
}
.cloudimage-360 .cloudimage-360-left:focus, .cloudimage-360 .cloudimage-360-right:focus {
    outline: none;
}
.cloudimage-360 .cloudimage-360-left {
    display: none;
    position: absolute;
    z-index: 100;
    top: calc(50% - 15px);
    left: 20px;
    cursor: pointer;
}
.cloudimage-360 .cloudimage-360-right {
    display: none;
    position: absolute;
    z-index: 102 !important;
    top: calc(50% - 15px);
    cursor: pointer;
}

.cloudimage-360 .cloudimage-360-top {
    cursor: pointer;
}

.cloudimage-360 .cloudimage-360-bottom {
    cursor: pointer;
}

.cloudimage-360 .cloudimage-360-left:before, .cloudimage-360 .cloudimage-360-right:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: 50% 50% / cover no-repeat;
}
.cloudimage-360 .cloudimage-360-left:before {
    background-image: url('/wp-content/plugins/dormiente-produktansicht-scaleflex/assets/bilder/arrow-left.svg');
}
.cloudimage-360 .cloudimage-360-right:before {
    url('/wp-content/plugins/dormiente-produktansicht-scaleflex/assets/bilder/arrow-right.svg');
}
.cloudimage-360 .cloudimage-360-left.not-active, .cloudimage-360 .cloudimage-360-right.not-active {
    opacity: 0.4;
    cursor: default;
}

.cloudimage-360-loader {
    background-color: #9ca91d !important;
}

.cloudimage-360 canvas {
    /*position: relative;
    top: -1rem;*/
}