/* decohead */

body.home .part-user.decohead {
    padding-top:104px;
    padding-bottom:0;
}

body.home .part-user.decohead h2.component-heading span {
    background-color:#ffffff;
}

body.home .part-user.decohead h2.component-heading,
body.home .part-user.decohead .component-body {
    margin-left:auto;
    margin-right:auto;
}

@media only screen and (min-width:2560px) {
    body.home .part-user.decohead h2.component-heading,
    body.home .part-user.decohead .component-body {
        width:1896px;
    }
}

@media only screen and (min-width:1324px) and (max-width:2559px) {
    body.home .part-user.decohead h2.component-heading,
    body.home .part-user.decohead .component-body {
        width:1274px;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    body.home .part-user.decohead h2.component-heading,
    body.home .part-user.decohead .component-body {
        width:960px;
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    body.home .part-user.decohead h2.component-heading,
    body.home .part-user.decohead .component-body {
        width:624px;
    }
}

@media only screen and (max-width:639px) {
    body.home .part-user.decohead h2.component-heading,
    body.home .part-user.decohead .component-body {
        padding-left:15px;
        padding-right:15px;
    }
}

/* infoblock */

.part-user.infoblock {

}

.part-user.infoblock .com-content::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-user.infoblock .com-content p {
    float:left;
    margin:2px;
}

.part-user.infoblock .com-content p a {
    display:flex;
    background-color:#ffffff;
    border-radius:3px;
    padding:4px;
    width:200px;
    height:120px;
    justify-content:center;
    align-items:center;
    transition:0.3s;
    opacity:0.75;
}

.part-user.infoblock .com-content p a:hover {
    opacity:1;
}

.part-user.infoblock .com-content p img {
    max-width:100%;
    max-height:100%;
    height:auto !important;
    width:auto !important;
}

/* separator */

.part-user.separator {
    background-color:var(--primary);
    height:5px;
}

.part-user.separator h2.component-heading {
    display:none;
}

.part-user.separator .component-body * {
    display:none;
}

.part-user.separator .component-body > a {
    display:block;
}

/* explore */

@keyframes explore-fadein {
    from {
        opacity:0;
        bottom:-56px;
    }

    to {
        opacity:1;
        bottom:0;
    }
}

.part-user.explore {
    text-align:center;
    padding:10px;
    background-color:var(--secondary);
    position:fixed !important;
    z-index:9;
    left:0;
    bottom:0;
    width:100%;
    transition:0.5s;

}

body.scrolled .part-user.explore {
    opacity:0;
    pointer-events:none;
}

.part-user.explore * {
    color:#ffffff;
    font-size:24px;
    font-weight:normal;
    text-align:center;
}

.part-user.explore h2.component-heading {
    margin:0;
    padding:0;
    cursor:pointer;
    display:inline-block;
    padding:0 35px 0 0;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url('../gfx/chevron_down.svg');
    background-size:20px;
}

@media only screen and (max-width:1323px) {
    .part-user.explore {
        display:none;
    }
}

/* spinner */

.part-user.spin {
    clear:both;
    padding-top:104px;
    padding-bottom:104px;
    background-color:var(--primary);
    margin-left:auto;
    margin-right:auto;
}

.part-user.spin .component-body {
    margin-left:auto;
    margin-right:auto;
}

.part-user.spin * {
    color:#ffffff;
}

.part-user.spin .com-content {
    display:flex;
}

.part-user.spin .com-content > * {
    flex-grow:1;
    padding-left:32px;
    padding-right:32px;
    text-align:center;
}

.part-user.spin span.spinval {
    display:block;
    font-weight:800;
    color:var(--secondary);
    margin-bottom:32px;
    font-size:42px;
    text-align:center;
}

@media only screen and (min-width:2560px) {
    .part-user.spin h2.component-heading,
    .part-user.spin .component-body {
        width:1896px;
    }

    .part-user.spin span.spinval {
        font-size:56px;
    }
}

@media only screen and (min-width:1654px) and (max-width:2559px) {
    .part-user.spin h2.component-heading,
    .part-user.spin .component-body {
        width:1274px;
    }
}

@media only screen and (min-width:1324px) and (max-width:1653px) {
    .part-user.spin h2.component-heading,
    .part-user.spin .component-body {
        width:1274px;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    .part-user.spin h2.component-heading,
    .part-user.spin .component-body {
        width:960px;
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    .part-user.spin h2.component-heading,
    .part-user.spin .component-body {
        width:624px;
    }
}

@media only screen and (max-width:993px) {
    .part-user.spin .com-content {
        display:block;
    }

    .part-user.spin .com-content > * {
        margin-bottom:32px;
    }

    .part-user.spin .com-content > *:last-child {
        margin-bottom:0;
    }
}

@media only screen and (max-width:639px) {
    .part-user.spin h2.component-heading,
    .part-user.spin .component-body {
        padding-left:15px;
        padding-right:15px;
    }
}

/* unishop login */

div.part-user.unishop-login h2.component-heading {
    display:none !important;
}

div.part-user.unishop-login .com-content * {
    margin:0;
    padding:0;
}

div.part-user.unishop-login .com-content a {
    width: 52px;
    height: 62px;
    display: block;
    background: transparent url('../gfx/user.svg') 50% 50% no-repeat;
    cursor: pointer;
    text-indent: -10000px;
    transition: all 0.2s ease;
}

@media only screen and (max-width:640px) {
    
}