#contactbox {
    position: absolute;
    top: 235px;
    right: -150px;
    @include display-flex;
    @include flex-direction(row);
    @include transition-property(all);
    @include transition-duration(0.5s);
    display: none;

    .box-icon {
        background-color: $red;
        width: 40px;
        margin-bottom: 8px;
        line-height: 40px;
        padding-top: 2px;
        text-align: center;
        color: #ffffff;
        font-size: 150%;
        line-height: 40px;
    }

    .textcontent {
        width: 150px;
        height: 110px;
        overflow: hidden;
        background: $red;
        color: #FFF;
        font-size: 14px;
        padding: 16px 0;

        .headline {
            font-size: 120%;
        }

        a {
            color: #FFF;
            text-decoration: underline;
        }
    }

    &:hover {
        right: 0;
    }
}