ul {
    list-style: disc;
    margin-left: 30px;
    display: block;
    text-align: left;
}

footer ul {
    list-style: none;
}

.first-section {
    background-size: 100% auto;
    background: url("../images/home-sm.webp") center top no-repeat;
    padding-top: 246px;
    padding-bottom: 32.36px;
    margin-top: 50px;
}

.first-section h1 {
font-size: 38px;
line-height: 48px;
}

.second-section {
    background-size: 100%;
    background: url("../images/prozess-sm.webp") center top no-repeat;
    padding-top: 316px;
    padding-bottom: 66px;
}

.third-section {
    background-size: 100%;
    background: url("../images/third-section-bg.webp") center top no-repeat;
    padding-top: 115px;
    padding-bottom: 0px;
}

.sixth-section {
    margin-top: 97px;
    background: url("../images/sixth-section-bg.webp") center top no-repeat;
    padding-top: 114px;
}

.seventh-section {
    margin-top: 74px;
    background: url("../images/seventh-section-bg.webp") center top no-repeat;
    padding-top: 96px;
}

.eight-section {
    margin-top: 105px;
    background: url("../images/eight-section-bg.webp") center top no-repeat;
    padding-top: 138px;
}

.blog-section {
    padding-top: 45px;
}

.blog-list-item {
    border-left: 2px solid #000000;
    margin-bottom: 57px;
    padding-left: var(--divider);
}

.slick-img-holder-rounded {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-content: center;
    border: 2px solid var(--primary-color-20);
    text-align: center;
    margin: 0 auto;
}

.slick-img-holder-rounded img {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.circle {
    border-radius: 50%;
}

.sixth-section-content img {
    border-radius: 50%;
}

.slick-section-staff .slick-person-type-slide h3 {
    text-align: left;
    padding-left: 30px;
}


/* RESPONSIVE DESIGN

/* Media queries!
-------------------------------------------------------------------------------*/

/* MD SCREEN - iPads, Tablets... */
@media screen and (min-width: 768px) {
}

/* L SCREEN - Small screens, laptops */
@media screen and (min-width: 1024px) {
    .section.first-section {
        padding-top: 0;
        margin-top: 0;
        background: url("../images/home.webp") center bottom no-repeat;
        background-size: 100% auto;
        margin-bottom: 20px;
		padding-bottom: 15px;
    }

    .first-section-block {
        padding-top: 100px;
        padding-bottom: 100px;
        width: 482px;
        text-align: left;
    }

    .first-section-block .btn-primary {
        margin-top: 40px;
        max-width: 335px;
        display: inline-block;
    }

    .second-section {
        background: url("../images/prozess-xl.webp") center bottom no-repeat;
        padding-bottom: 117px;
        margin-top: 0;
        padding-top: 70px;
        text-align: right;
        background-size: 100% auto;
        margin-bottom: 100px;
    }

    .second-section-block {
        display: inline-block;
        text-align: left;
        width: 482px;
    }

    .third-section {
        padding-top: 0;
        background: 0 none;
    }

    .third-section-content {
        width: 55%;
        text-align: left;
    }

    .sixth-section {
        margin-top: 0;
        background: url("../images/sixth-section-bg-xl.webp") center top no-repeat;
        padding-top: 225px;
		padding-bottom: 60px;
    }

    .sixth-section-content {
        display: grid;
        grid-template-columns: 500px 1fr;
        grid-gap: 50px;
        align-items: center;
    }

    .sixth-section-content img {
        width: 100%;
        height: auto;
        max-width: 500px;
        border-radius: 50%;
    }

    .seventh-section {
        margin-top: 0;
        background: url("../images/seventh-section-bg-xl.webp") center -15px no-repeat;
        padding-top: 135px;
    }

    .sevent-section-content {
        width: 690px;
        padding-bottom: 25px;
    }

    .eight-section {
        margin-top: 0;
        background: url("../images/eight-section-bg-xl.webp") center -21px no-repeat;
        padding-top: 165px;
        padding-bottom: 10px;
    }

    .eight-section-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px;
        align-content: start;
    }

    .eight-section-content-texts {
        padding-top: 40px;
    }

    .slick-person-type-slide-content-texts .btn-primary.block {
        margin-bottom: 0;
    }

    .slick-person-type-slide-content {
        grid-template-columns: 1fr 190px;
    }
}

/* XL SCREEN - Desktops, large screens and more */
@media screen and (min-width: 1200px) {
    .section {
        max-width: 1442.5px;
        margin: 0 auto;
    }

    .section.first-section {
        padding-top: 100px;
        margin-top: 0;
        background: url("../images/home.webp") center bottom no-repeat;
        background-size: 100% auto;
        margin-bottom: 0;
    }

    .first-section-block {
        padding-top: 0;
        width: 482px;
        text-align: left;
    }

    .first-section h1 {
        font-size: 48px;
		line-height: 58px;
    }

    .third-section {
        padding-top: 115px;
    }

    .sixth-section-content {
        display: grid;
        grid-template-columns: 500px 1fr;
        grid-gap: 127px;
        align-items: center;
    }

    .sixth-section-content img {
        width: 100%;
        height: auto;
        max-width: 500px;
    }
}

@media screen and (min-width: 1024px) {
	.second-section {
		padding-bottom: 138px;
	}
	.third-section {
		padding-top: 95px;
	}
	.sixth-section {
    	margin-top: 0;
		padding-top: 210px;
	}
	.seventh-section {
    	margin-top: 120px;
		padding-top: 75px;
	}
	.eight-section {
    	margin-top: 15px;
		padding-top: 110px;
	}
}

@media screen and (max-width: 1024px) {
	.first-section h1 {
	  font-size: 34px;
	  line-height: 42px;
	}
}
