.prescriptions_accordion div{
    /* outline: 2px solid red; */
}



.prescriptions_accordion{

    .aspect-tab{
        margin-bottom: 50px; 
		box-shadow: unset;
    }
    
    .aspect-content{
        background-color: #833f91;
        border-radius: 20px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0;
        position: relative;
        top: 20px;

        &::after, &::before{
            display: none;
        } 

        .aspect-info{
            display: flex;
            align-items: center;
            width: 60%;
            padding: 17px;
            letter-spacing: 0.12rem;
            white-space: break-spaces;
        }

        

        .aspect-stat{
            justify-content: flex-end;
            margin-top: 0;

            .position-title{
                position: relative;
                z-index: 2;
                margin-right: -20px;
                transition: 0.2s ease-in-out all;
                transform-origin: 0% 0%;
                pointer-events: none;


                &::before{
                    content: '';
                    pointer-events: none;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    
                    width: 110%;
                    aspect-ratio: 1/1;
                    background-image: url('/documents/products/Statisch/gfx/prescription/Icon_Accordeon.png');
                    background-size: contain;
                    background-repeat: no-repeat;
                    z-index: -1;
                    transition: 0.2s ease-in-out all;
                }

                &::after{
                    pointer-events: none;

                    content: 'X';
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    z-index: 2;
                    transition: 0.2s ease-in-out all;
                    width: 100%;
                    font-size: 30px;
                    color: #fff;
                    text-align: center;
                    opacity: 0;
                    transform: translate(-50%, -50%) rotate(-90deg);
                }
            }
            
            span {
                display: inline-block;
                transition: 0.2s ease-in-out all;
                color: #fff;
            }
        }
    }

    .aspect-tab-content{
        background-color: #833f91;
		border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        
        .sentiment-wrapper > div {
            margin-bottom: 0;
        
            div {
                background-color: #833f91;
                color: #fff;
                padding: 20px;

                .bg-number-container {
                    width: 33px;
                    height: 33px;
                    align-content: center;
                    text-align: center;
                    background: #702283;
                    border-radius: 50px;
                    margin-right: 8px;
                    padding-left: 2px;
                }
                .bg-inline-box {
                    color: #fff;
                    background: #702283;
                    border-radius: 30px;
                    text-align: center;
                }
                .light-link {
                    color: #fff;
                    text-decoration-line: underline;
                }
                .light-link:hover {
                    color: #ee7202;
                }
            }
        }

    }

    .aspect-input:checked ~ .aspect-content .aspect-stat {
        display: flex;

        .position-title{
            &::before{
                opacity: 0;
                transform: translate(-50%, -50%) rotate(90deg);
            }
            &::after{
                transform: translate(-50%, -50%) rotate(0deg);
                opacity: 1;
            }

            span{
                opacity: 0;
            }
            
        }
    }
   
}


@media screen and (min-width: 360px) and (max-width: 430px) {
    .prescriptions_accordion{
        .aspect-content{
            padding: 0 10px;
            margin-right: 5px;

            .aspect-info{
                padding: 17px 10px;
            }

        }
        .aspect-tab-content{
            margin-right: 5px;
        }
    }
}

@media screen and (min-width: 431px) and (max-width: 991px) {
    .prescriptions_accordion{
        .aspect-content{
            margin-right: 5%;
        }
        .aspect-tab-content{
            margin-right: 5%;
        }
    }
}


@media screen and (min-width: 992px) and (max-width: 1265px) {
    .prescriptions_accordion{
        .aspect-content{
            margin-right: 5%;
        }
        .aspect-tab-content{
            margin-right: 5%;
        }
    }
}
/*
@media screen and (min-width: 425px) and (max-width: 760px) {
	.prescriptions_accordion {
        & .aspect-content {
          & .aspect-info {
            width: 240%;
          }
        }
    }	
}
*/