/* *** 1A-Pix 2023 *** */

/* Swiper Start */
.swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

 .swiper-pagination .swiper-pagination-clickable .swiper-pagination-bullets .swiper-pagination-horizontal{
    padding-top: 10px;
    margin-top: 10px;
 }

/* Swiper End */


.bewertung {
    margin: 0;
    padding:0;
    box-sizing: border-box;
}

.bewertung .becard .beimage img {
    height          : 100%                      ;
    width           : 100%                      ;
    object-fit      : cover                     ;
    border-radius   : 50%                       ;
    border          : 0.3rem solid #fff ;
}

.becard{
    position: relative;
    background      : #fff                    ;
    border-radius   :  1.25rem                  ;
    width: 8rem;
    min-width: 8rem;
    box-shadow: 10px 10px 15px silver;
    margin: 15px 0 0 0;
}

.bebutton .button {
    width: 60%;
    min-width: 2.5rem;
}

.bebutton .button a{
    text-align: center;
}

.becard::before {
    content: "";
    position: absolute;
    height: 20%;
    width: 100%;
    background: #AFD318;
    border-radius: 1.25rem 1.25rem 0 0;
}

.becard .becard-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.6rem 1.6rem 0 1.6rem;
    position: relative;
    z-index: 100;
}

.becard .bename-beort{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.625rem;
}

.bename-beort .bename{
    font-size: 0.8rem;
    font-weight: 600;
}

.bename-beort .beort{
    font-size: 0.75rem;
    font-weight: 600;
}

.rating{
    color: #e82156;
}

.fa, .fas {
    font-size: 0.7rem;
}

.betext{
    padding-top: 0.7rem;
    text-align: center;
    font-size: 0.73rem;
}

.betitel{
    font-size: 0.73rem;
    font-weight: 600;
}

.becard-content .button a{
    color: #fff;
}

@media screen and (min-width: 284px) {
    .becard{
        width: 9rem;
        min-width: 9rem;
    }
}


@media screen and (min-width: 300px) {
    .becard{
        width: 10rem;
        min-width: 10rem;
    }
    .bebutton .button {
    width: 80%;
    min-width: 2.5rem;
    }
    .bename-beort .bename{
        font-size: 1rem;
    }
    
    .bename-beort .beort{
        font-size: 0.9rem;
    }
    
    .betitel{
        font-size: 0.85rem;
    }
    .betext{
        font-size: 0.85rem;
    }
    .fa, .fas {
    font-size: 1rem;
}

}

@media screen and (min-width: 320px) {
    .becard{
        width: 11rem;
        min-width: 11rem;
    }

}

@media screen and (min-width: 345px) {
    .becard{
        width: 12rem;
        min-width: 12rem;
    }

}

@media screen and (min-width: 390px) {
    .becard{
        width: 13rem;
        min-width: 13rem;
    }
    .bename-beort .bename{
        font-size: 1.2rem;
    }
    
    .bename-beort .beort{
        font-size: 1.1rem;
    }
    
    .betitel{
        font-size: 1rem;
    }
    .betext{
        font-size: 1rem;
    }

}

@media screen and (min-width: 420px) {
    .becard{
        width: 14rem;
        min-width: 14rem;
    }

}

@media screen and (min-width: 480px) {
    .becard{
        width: 15rem;
        min-width: 15rem;
    }

}
@media screen and (min-width: 520px) {
    .becard{
        width: 15.5rem;
        min-width: 15.5rem;
    }

}

@media screen and (min-width: 640px) {
    .becard{
        width: 16.5rem;
        min-width: 16.5rem;
    }

}

@media screen and (min-width: 736px) {
    .becard{
        width: 18rem;
        min-width: 18rem;
    }

    .bename-beort .bename{
        font-size: 1.3rem;
    }
    
    .bename-beort .beort{
        font-size: 1.2rem;
    }
    
    .betitel{
        font-size: 1.1rem;
    }
    .betext{
        font-size: 1.1rem;
    }

}
@media screen and (min-width: 980px) {
    .becard{
        width: 19rem;
        min-width: 19rem;
    }
    .bename-beort .bename{
        font-size: 1.5rem;
    }
    
    .bename-beort .beort{
        font-size: 1.3rem;
    }

    .betitel{
        font-size: 1.3rem;
    }
    .betext{
        font-size: 1.3rem;
    }
    .fa, .fas {
    font-size: 1.3rem;
}

}

.taboben {
    vertical-align: top;
}

.tabrechts {
    text-align: right;
}

.tabpadding {
    padding: 0.2rem;
}
.abstand {
    margin: 0 0 0.5rem 0;
}