@charset "utf-8";
/* CSS Document */

.refsliderblock{
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px #d6d6d6;
    margin: 0px 10px;
    border-radius: 25px;
}

.refslider{
    padding: 10px 0px;
    margin: 40px 0px;
    background: #c8e8f4;
}

.stars{
    padding: 10px 0px;
    display: block;
}

.akar-icons-star {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.074 2.633c.32-.844 1.531-.844 1.852 0l2.07 5.734a.99.99 0 0 0 .926.633h5.087c.94 0 1.35 1.17.611 1.743L18 14a.97.97 0 0 0-.322 1.092L19 20.695c.322.9-.72 1.673-1.508 1.119l-4.917-3.12a1 1 0 0 0-1.15 0l-4.917 3.12c-.787.554-1.83-.22-1.508-1.119l1.322-5.603A.97.97 0 0 0 6 14l-3.62-3.257C1.64 10.17 2.052 9 2.99 9h5.087a.99.99 0 0 0 .926-.633z'/%3E%3C/svg%3E");
    background-color: #dddddd;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ant-design-star-filled {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='m908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5c-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1l-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2c17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9l183.7-179.1c5-4.9 8.3-11.3 9.3-18.3c2.7-17.5-9.5-33.7-27-36.3'/%3E%3C/svg%3E");
    background-color: #ffca2c;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.slider_overlay {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgb(255 255 255) 95%);
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0px;
    height: 50%;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel{
    margin-bottom: 40px;
    z-index: 0;
}

.titel{
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    color: #fff;
    margin: 0px;
    text-shadow: 3px 3px 3px #000;
}

.subtitel{
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #fff;
    margin: 0px;
    text-shadow: 3px 3px 3px #000;
}

.but{
    background: #fff;
    padding: 10px 40px;
    border-radius: 15px;
    border:none;
    box-shadow: 3px 3px 3px #000;
    margin-top: 10px;
}

.carousel {
    position: relative;
    overflow: hidden;
    height: 165px;
}

.trcarousel{
    position: relative;
    overflow: hidden;
    height: auto;
    margin-bottom: 40px;
}

.slider_content{
    position: absolute;
    top: 0;
    left: 10%;
    z-index: 10;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .carousel {
        position: relative;
        overflow: hidden;
        height: 200px;
    }


    .slider_content{
        position: absolute;
        left: 10%;
        height: 200px;
    }

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .carousel {
        position: relative;
        overflow: hidden;
        height: 300px;
    }


    .slider_content{
        position: absolute;
        left: 10%;
        height: 300px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .carousel {
        position: relative;
        overflow: hidden;
        height: 400px;
    }


    .slider_content{
        position: absolute;
        left: 10%;
        height: 350px;
    }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .carousel {
        position: relative;
        overflow: hidden;
        height: 400px;
    }


    .slider_content{
        position: absolute;
        left: 10%;
        height: 400px;
    }

    .titel{
        font-family: 'Oswald', sans-serif;
        font-size: 50px;
        color: #fff;
    }

    .subtitel{
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        color: #fff;
    }

    .but{
        background: #fff;
        padding: 10px 40px;
        border-radius: 15px;
        border:none;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .carousel {
        position: relative;
        overflow: hidden;
        height: 450px;
    }


    .slider_content{
        position: absolute;
        left: 10%;
        height: 450px;
        z-index: 0;
    }

    .trcarousel .slider_content{
        position: absolute;
        left: 10%;
        height: 600px;
        z-index: 0;
    }

    .titel{
        font-family: 'Oswald', sans-serif;
        font-size: 60px;
        color: #fff;
    }

    .subtitel{
        font-family: 'Oswald', sans-serif;
        font-size: 40px;
        color: #fff;
    }

    .but{
        background: #fff;
        padding: 10px 40px;
        border-radius: 15px;
        border:none;
    }
}