/* SLIDERBOXEN 1b Anfang */
.sip-slider-boxen1b>div {
    position: fixed;
    right: 0;
    z-index: 5000;
    display: flex;
    width: 50px;
    flex-flow: column wrap;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;

    .sip-box {
        background: var(--sip-background);
        padding: 1rem 2rem 1rem 2rem;
        margin-bottom: 1rem;
        width: 350px;
        transform: translatex(-10px);
        transition: all .2s ease-in;
        border-radius: 40px 0px 0 40px;
        border: 1px solid var(--sip-text-color);
    }

    .sip-box:hover {
        transform: translatex(-165px);
        transition: all .2s ease-in;
    }

    .sip-telefonlink:before {
        display: none;
    }

    .sip-box a {
        color: var(--sip-text-color);
    }

    .sip-box a svg {
        width: 30px;
        height: 30px;
    }

    @media (min-width: 768px) {
        .sip-box a {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 1rem;
        }
    }

    @media (max-width: 991px) {
        .sip-box a svg {
            margin-right: 1rem;
        }
    }

    @media (max-width:767px) {

        bottom: 0;
        justify-content: center;
        display: flex;
        left: 0;
        width: 100%;
        top: auto;
        transform: none;
        flex-direction: row;

        .sip-box a svg {
            bottom: 0px;
            display: none;
            transform: none;
        }

        .sip-box a svg.svgwhite {
            display: inline-block;
            width: 2rem;
            margin: auto;
        }

        .sip-box a span {
            display: none;
        }

        .sip-box a {
            font-size: .6em;
            display: block;
            width: 100% !important;
        }

        .sip-slider-boxen1b>div {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            align-content: stretch;
            background: var(--sip-primary-color);
            height: 45px;
        }

        .sip-box {
            transform: none !important;
            margin-bottom: 0;
            border-top-width: 2px;
            flex-basis: calc(100% / 2);
            max-width: calc(100% / 2);
            border-radius: 0;
            display: block;
            text-align: center;
            overflow: hidden;
            background: var(--sip-primary-color);
            border-color: var(--sip-secondary-color);
            padding: .3rem 0 .1rem;

            &.desktop {
                display: none;
            }
        }

    }

    @media (min-width: 768px) {

        .sip-box a svg.svgwhite {
            display: none;
        }

    }

}

/* SLIDERBOXEN 1b ENDE */


/* SLIDERBOXEN 1c Anfang */
.sip-slider-boxen1c {
    svg path {
        fill: var(--sip-primary-color);
    }

    svg:not(:root) {
        width: 2.5rem;
        height: 2.5rem;
    }

    .slider-boxen {
        position: fixed;
        right: 0;
        z-index: 5000;
        display: flex;
        width: 50px;
        flex-flow: column wrap;
        top: 50%;
        transform: translateY(-50%);
        justify-content: center;
    }

    .slider-boxen .box {
        background: var(--sip-background);
        padding: 1rem 2rem 1rem 2rem;
        margin-bottom: 1rem;
        width: 350px;
        transform: translatex(-10px);
        transition: all .2s ease-in;
        border: none;
        border-radius: unset;
    }

    .slider-boxen .box:hover {
        transform: translatex(-165px);
        transition: all .2s ease-in;
    }

    .slider-boxen .telefonlink:before {
        display: none;
    }

    .slider-boxen .box a {
        color: var(--sip-text-color);
    }

    .slider-boxen .box a img {
        width: 30px;
    }

    @media (min-width: 768px) {
        .slider-boxen .box a {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            column-gap: 2rem;
        }
    }

    @media (max-width: 991px) {
        .slider-boxen .box a img {
            margin-right: 1rem;
        }
    }

    @media (max-width:767px) {
        .slider-boxen {
            bottom: 0;
            justify-content: center;
            display: block;
            left: 0;
            width: 100%;
            top: auto;
            transform: none;
        }

        svg path {
            fill: var(--sip-text-invert);
        }

        svg:not(:root) {
            width: 2rem;
            height: 2rem;
        }

        .slider-boxen .box {
            border: 1px solid var(--sip-text-color);
        }

        .slider-boxen .box a img {
            display: none;
        }

        .slider-boxen .box a img.svgwhite {
            display: inline-block;
            width: 2rem;
        }

        .slider-boxen .box a {
            font-size: 1.5rem;
            color: var(--sip-text-invert);
            display: flex;
            gap: 1rem;
            justify-content: center;
        }

        .slider-boxen>div {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            align-content: stretch;
            background: var(--sip-primary-color)
        }

        .slider-boxen .box {
            transform: none !important;
            margin-bottom: 0;
            border-top-width: 2px;
            width: calc(100% / 2);
            flex-basis: calc(100% / 2);
            max-width: calc(100% / 2);
            border-radius: 0;
            display: flex;
            justify-content: center;
            overflow: hidden;
            background: transparent;
            border-color: var(--sip-text-invert);
            padding: 1rem;
        }

        .slider-boxen .box.desktop {
            display: none;
        }
    }

    @media (min-width: 768px) {
        .slider-boxen .box a img.svgwhite {
            display: none;
        }

        .slider-boxen .box.mobil {
            display: none;
        }
    }
}

/* SLIDERBOXEN 1c ENDE */


/* SLIDERBOXEN Feuer Anfang */
.sip-slider-boxenfeuer {
    @media (min-width: 992px) {
        .sliderbox {
            position: fixed;
            right: -253px;
            display: block;
            width: 300px;
            height: auto;
            color: var(--sip-text-invert);
            z-index: 1000;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
            transition: right .5s ease;

            &:hover {
                right: -50px;
            }
        }

        .box1 {
            top: 30rem;
        }

        .box2 {
            top: 35rem;
        }

        .box3 {
            top: 40rem;
        }

        .sliderbox span.sb_title {
            position: absolute;
            color: var(--sip-text-color);
            padding-left: 1rem;
            padding-top: 1.1rem;
        }

        .sb_header {
            background: var(--sip-text-invert);
        }

        .sb_header button {
            line-height: 3rem;
        }

        .sb_header .glyphicon {
            font-size: 3rem;
            top: 4px;

            &:before {
                color: var(--sip-primary-color);
            }
        }
    }

    @media (max-width: 991px) {
        .sliderbox {
            display: none;
        }
    }
}

/* SLIDERBOXEN 1c ENDE */