.content-sidemenu {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 110px !important;
    overflow-x: hidden;
}


.index-tab:hover {
    background-color: #f0f0f0;
}

.index-tab.active {
    box-shadow: 0rem 0.3rem 0 black inset, 0rem -0.3rem 0 black inset;
    pointer-events: none;
    cursor: default;
}

.index-tab.active > .application-icon {
    background-color: black !important;
}

.index-tab.active > span {
    color: black !important;
}


#item-wrapper::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#item-wrapper {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.icon-sizing{
    width: 100px;
    height: 100px;
    display: inline-block;
}

.rotate-180{
    transform: rotate(180deg);
}

.link-extern-wrapper {
    border-bottom: 5px black solid;
}


/* Mobile Design */

.mobile-head-row {
    height: 120px;
}


.mobile-application-header > .mobile-head-row > i.rotate-icon::before {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.mobile-application-header:not(.collapsed) > .mobile-head-row > i.rotate-icon::before {
    transform: rotate(180deg);
}

.mobile-application-header:not(.collapsed) > .mobile-head-row > span > i {
    background-color: black !important;
}

.mobile-application-header:not(.collapsed) > .mobile-head-row > i,
.mobile-application-header:not(.collapsed) > .mobile-head-row > span > span {
    color: black !important;
}

.mobile-application-header:not(.collapsed) > .mobile-head-row > i {
    -webkit-text-stroke: 2px black;
}

.mobile-application-header:not(.collapsed) > .mobile-head-row {
    box-shadow: 0rem 0.3rem 0 black inset;
}

.mobile-text-body:not(.collapsed) {
    box-shadow: 0rem -0.3rem 0 black inset;
}

.x-abstand-r{
    margin: 0em 1em 0em 0em;
}

.rssScrollbar{
    overflow: auto;
    height: 65vh;
    direction:rtl;
    min-width: 25%;
    max-width: 40%;

}
.rssScrollbar div{
    direction:ltr;
}

p{
    font-weight: normal;
}
div{
    font-weight: normal;
}


@media screen and (min-width: 1000px){

    .carousel-item{
        flex: 0 0 calc(100%/3);
    }

}

@media screen and (min-width: 1400px){
    .carousel-item{
        flex: 0 0 calc(100%/4);
    }
}

@media screen and (min-width: 1900px){
    .carousel-item{
        flex: 0 0 calc(100%/5);
    }
}

@media screen and (min-width: 2500px){
    .carousel-item{
        flex: 0 0 calc(100%/6);
    }
}


.carousel-item{
    display: block;
    margin-right: 0;
}
.carousel-inner{
    padding: 1em;
    display: flex;
}

.card{
    margin: 0 .5em;
    place-items: center;
}

@media screen and (max-width: 1000px){
    .desktop{
        display: none;
    }
    .icon-selfservice {
        mask-size: 58%;
        -webkit-mask-size: 58%;
    }

    .icon-connectme {
        mask-size: 77%;
        -webkit-mask-size: 77%;
    }

    .icon-identitymanagement {
        mask-size: 33%;
        -webkit-mask-size: 33%;
    }

    .icon-rollenverwaltung{
        mask-size: 33%;
        -webkit-mask-size: 33%;
    }

    .icon-passwordreset {
        mask-size: 56%;
        -webkit-mask-size: 56%;
    }

    .icon-selfservice-v1 {
        mask-size: 75%;
        -webkit-mask-size: 75%;
    }

    .icon-serviceProviderManager-v1 {
        mask-size: 50%;
        -webkit-mask-size: 50%;
    }

    .icon-rollenverwaltung-v1 {
        mask-size: 50%;
        -webkit-mask-size: 50%;
    }

    .icon-connectme-v1 {
        mask-size: 75%;
        -webkit-mask-size: 75%;
    }

    .icon-passwordreset-v1 {
        mask-size: 50%;
        -webkit-mask-size: 50%;
    }

    .icon-webexports {
        mask-size: 70%;
        -webkit-mask-size: 70%;
    }

    .icon-tokenmanager {
        mask-size: 60%;
        -webkit-mask-size: 60%;
    }

}
@media screen and (min-width: 1001px){
    .mobile{
        display: none;
    }
}

.card:hover{
   cursor: pointer;
}