.fullsize-starter {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("img/products_facharztdoku_starter.jpg");
}
.fullsize-starter > div {
    display: flex;
    position: absolute;
    flex-flow: column nowrap;
    align-items: center;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2rem 0;
    text-align: center;
    background-color: var(--flx-blue);
}
.fullsize-starter > div > * {
    width: 50rem;
    max-width: 90%;
    color: var(--flx-white);
}
.book {
    text-align: center;
}
.carousel {
    position: relative;
    aspect-ratio: 1.8;
    overflow: hidden;
    text-align: center;
}
.carousel > input {
    position: relative;
    top: calc(100% - 2rem);
    width: 1rem;
    height: 1rem;
    z-index: 1;
    appearance: none;
    background-color: #eee;
    border: 2px solid #222;
    border-radius: 100%;
    cursor: pointer;
    transition: background-color .5s ease-in-out;
}
.carousel > input:checked {
    background-color: #222;
    border: 2px solid #222;
}
.carousel > .carousel-slides {
    display: flex;
    position: absolute;
    flex-flow: row nowrap;
    left: 0;
    top: 20px;
    width: 400%;
    height: 100%;
    transition: left .5s ease-in-out;
}
.carousel #slide_1:checked ~ .carousel-slides {
    left: 0%;
}
.carousel #slide_2:checked ~ .carousel-slides {
    left: -100%;
}
.carousel #slide_3:checked ~ .carousel-slides {
    left: -200%;
}
.carousel #slide_4:checked ~ .carousel-slides {
    left: -300%;
}
.carousel .carousel-slide {
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.carousel .carousel-slide.slide_1 {
    background-image: url('img/products_facharztdoku_1.jpg');
}
.carousel .carousel-slide.slide_2 {
    background-image: url('img/products_facharztdoku_2.jpg');
}
.carousel .carousel-slide.slide_3 {
    background-image: url('img/products_facharztdoku_3.jpg');
}
.carousel .carousel-slide.slide_4 {
    background-image: url('img/products_facharztdoku_4.jpg');
}
.carousel label {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 50%;
    background-color: #00000030;
    border-radius: 100%;
    transform: translateY(-50%);
    cursor: pointer;
}
.carousel label div {
    position: relative;
    width: 24px;
    height: 24px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.carousel label.left {
    left: 2rem;
}
.carousel label.left div {
    transform: translateX(25%) rotate(-45deg);
}
.carousel label.right {
    right: 2rem;
}
.carousel label.right div {
    transform: translateX(-25%) rotate(135deg);
}
.carousel #slide_1:checked ~ label.left.slide_1,
.carousel #slide_1:checked ~ label.right.slide_1,
.carousel #slide_1:checked ~ label.left.slide_2,
.carousel #slide_1:checked ~ label.right.slide_3,
.carousel #slide_1:checked ~ label.left.slide_3,
.carousel #slide_1:checked ~ label.right.slide_4 {
    display: none;
}
.carousel #slide_2:checked ~ label.right.slide_1,
.carousel #slide_2:checked ~ label.left.slide_2,
.carousel #slide_2:checked ~ label.right.slide_2,
.carousel #slide_2:checked ~ label.left.slide_3,
.carousel #slide_2:checked ~ label.right.slide_4,
.carousel #slide_2:checked ~ label.left.slide_4 {
    display: none;
}
.carousel #slide_3:checked ~ label.left.slide_1,
.carousel #slide_3:checked ~ label.right.slide_1,
.carousel #slide_3:checked ~ label.right.slide_2,
.carousel #slide_3:checked ~ label.right.slide_3,
.carousel #slide_3:checked ~ label.left.slide_3,
.carousel #slide_3:checked ~ label.left.slide_4 {
    display: none;
}
.carousel #slide_4:checked ~ label.left.slide_1,
.carousel #slide_4:checked ~ label.left.slide_2,
.carousel #slide_4:checked ~ label.right.slide_2,
.carousel #slide_4:checked ~ label.right.slide_3,
.carousel #slide_4:checked ~ label.right.slide_4,
.carousel #slide_4:checked ~ label.left.slide_4 {
    display: none;
}