.cd-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 3.25em 0;
    padding: var(--space-xl) 0;
    font-size: 1.2em;
    font-size: var(--text-md);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-lg);
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cd-section--bg-fixed {
    min-height: 100vh;
    box-shadow: none;
    z-index: 1
}

.cd-section--bg-fixed .text-component h1, .cd-section--bg-fixed .text-component h2,
.cd-section--bg-fixed .text-component h3, .cd-section--bg-fixed .text-component h4,
.cd-section--bg-fixed .text-component p, .cd-section--bg-fixed .text-component a {
    color: hsl(0, 0%, 100%);
    color: var(--cd-color-3);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

@media (min-width: 64rem) {
    @supports (background-attachment: fixed) {
        .cd-section--bg-fixed {
            background-attachment: fixed
        }
}
}

.cd-section:nth-child(1) {
    background-image: url("../images/parallax1.jpg")
}
/* text 1 
.cd-section:nth-child(2) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}
*/
      
.cd-section:nth-child(2) {
    background-image: url("../images/parallax1.jpg");
    z-index:-1;
}


.cd-section:nth-child(3) {
    background-image: url("../images/singing-bowl.jpg")
}

.cd-section:nth-child(4) {
    background-image: url("../images/parallax2.jpg");
    z-index:-1;
}

/* text 1 
.cd-section:nth-child(4),.cd-section:nth-child(6) {
    background-color: hsl(353, 7%, 22%);
    background-color: var(--cd-color-4)
}
*/

.cd-section:nth-child(4) .text-component h1, .cd-section:nth-child(4) .text-component h2,
.cd-section:nth-child(4) .text-component h3, .cd-section:nth-child(4) .text-component h4,
.cd-section:nth-child(4) .text-component p, .cd-section:nth-child(4) .text-component a,
.cd-section:nth-child(6) .text-component h1, .cd-section:nth-child(6) .text-component h2,
.cd-section:nth-child(6) .text-component h3, .cd-section:nth-child(6) .text-component h4,
.cd-section:nth-child(6) .text-component p, .cd-section:nth-child(6) .text-component a {
    color: hsl(0, 0%, 100%);
    color: var(--cd-color-3);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

.cd-section:nth-child(5) {
    background-image: url("../images/wald.jpg")
}

.cd-section:nth-child(7) {
    background-image: url("../images/meer.jpg")
}
.cd-section:nth-child(8) {
    background-image: url("../images/yogamatte.jpg") 
 }   
.cd-section:nth-child(8) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}

.cd-section:nth-child(9) {
    background-image: url("../images/Sonnenaufgang-Regenwald.jpg") 
}
   .cd-section:nth-child(10) {
    background-image: url("../images/yogamatte.jpg") 
}
.cd-section:nth-child(10) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}

.cd-section:nth-child(11) {
    background-image: url("../img/cd-background-6.jpg") 
}
.cd-section:nth-child(12) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}
.cd-section:nth-child(13) {
    background-image: url("../img/cd-background-7.jpg") 
}
.cd-section:nth-child(14) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}
 .cd-section:nth-child(15) {
    background-image: url("../img/cd-background-8.jpg") 
}
.cd-section:nth-child(16) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}
  .cd-section:nth-child(17) {
    background-image: url("../img/cd-background-9.jpg") 
}
.cd-section:nth-child(18) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}
  .cd-section:nth-child(19) {
    background-image: url("../images/yogamatte.jpg") 
}
.cd-section:nth-child(19) {
    background-color: hsl(105, 37%, 75%);
    background-color: var(--cd-color-2)
}