.widget_schwubsies {
    position: fixed;
    top: 60px;
    right: 0px;
    text-align: right;
}



.widget_schwubsies .schwubsie {
    background-color: var(--firmenfarbe);
    color: var(--firmenfarbe_text);
    display: inline-block;
    border-radius: 8px 0px 0px 8px;
    padding: 8px;
    width: 25px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.5s;
    cursor: pointer;
}



.widget_schwubsies .schwubsie:hover {
    background-color: var(--firmenfarbe_heller);
    left: calc(100% - 261px);
    width: 245px;
}



.widget_schwubsies .schwubsie span {
    vertical-align: middle;
    display: inline-block;
}



.widget_schwubsies .schwubsie .cmsicon {
    margin-right: 16px;
    font-size: 24px;
}



.widget_schwubsies .schwubsie .text {
    font-size: 16px;
    width: 201px;
    text-align: left;
}



.widget_schwubsies .schwubsie a {
    color: var(--firmenfarbe_text);
}