.carousel-control.left,
.carousel-control.right {
    background-image: none
}

.carousel img {
    width: 100%;
}

.carousel-inner .item {
    position: fixed;
    width: 100%;
}

.carousel-caption h3
{
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    font-size: 48px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    font-weight: 800;
    text-shadow: black 0.1em 0.1em 0.2em;
    border: 0;
}

.carousel-caption h3 a,
.carousel-caption h3 a:link,
.carousel-caption h3 a:visited,
.carousel-caption h3 a:active,
.carousel-caption h3 a:hover
{
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

// DESKTOP - Seitenverhaeltnis
.carousel-bild-a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
}

.carousel-bild-b {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
}

.carousel-bild-c {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
}


/* Tablet landscape */
@media only screen and (min-width: 768px) and (max-width: 1005px) {
    .carousel-caption h3 {
        color: white;
    }
}


/* iPhone landscape ?? */

@media only screen and (max-width: 767px) {
    .carousel-caption h3 {
        font-size: 24px;
    }
}


/* aktuelle iPhones Portrait */

@media only screen and (max-width: 511px) {
    .carousel-caption h3 {
        font-size: 24px;
    }
}


/* ältere Smartphones */

@media only screen and (max-width: 372px) {
    .carousel-caption h3 {
        font-size: 20px;
    }
}

/* Seitenverhaeltnis HXX */
@media only screen and (max-aspect-ratio: 750/1334) {
    .carousel-bild-a {
        position: absolute;
        top: 78%;
        left: 3%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 65%;
        left: 12%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 65%;
        left: 30%;
    }
     .carousel-caption h3 {
        border: 0px solid red;
        color: white;
    }
}

/* Seitenverhaeltnis HX */
@media only screen and (min-aspect-ratio: 750/1334) {
    .carousel-bild-a {
        position: absolute;
        top: 10%;
        left: 50%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 52%;
        left: 2%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 65%;
        left: 30%;
    }
     .carousel-caption h3 {
        border: 0px solid lightgreen;
        color: white;
    }
}

/* Seitenverhaeltnis H */
@media only screen and (min-aspect-ratio: 3/4) {
    .carousel-bild-a {
        position: absolute;
        top: 67%;
        left: 60%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 52%;
        left: 5%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 65%;
        left: 30%;
    }
    .carousel-caption h3 {
        border: 0px solid yellow;
        color: white;
    }
}

/* Seitenverhaeltnis W */
@media only screen and (min-aspect-ratio: 4/3) and (min-width: 768px) {
    .carousel-bild-a {
        position: absolute;
        top: 30%;
        left: 5%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 38%;
        left: 15%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 65%;
        left: 70%;
    }
    .carousel-caption h3 {
        border: 0px solid orange;
        color: white;
    }
}

/* Seitenverhaeltnis W und Toggle */
@media only screen and (min-aspect-ratio: 4/3) and (max-width: 767px) {
    .carousel-bild-a {
        position: absolute;
        top: 15%;
        left: 1%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 45%;
        left: 3%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 49%;
        left: 63%;
    }
    .carousel-caption h3 {
        border: 0px solid orange;
        color: white;
    }
    .carousel-bild-a h3 {
        border: 0px solid orange;
/*        color: rgba(160,160,160,1);*/
        text-shadow: black 0.05em 0.05em 0;
    }
}

/* Seitenverhaeltnis XW und Desktop */
@media only screen and (min-aspect-ratio: 1333/750) and (min-width: 768px) and (max-width: 1366px) {
    .carousel-bild-a {
        position: absolute;
        top: 15%;
        left: 3%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 36%;
        left: 5%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 57%;
        left: 67%;
    }
    .carousel-caption h3 {
        border: 0px solid magenta;
        color: white;
        font-size: 48px;
      }
}

/* Seitenverhaeltnis XW und Toggle */
@media only screen and (min-aspect-ratio: 1333/750) and (max-width: 767px) {
    .carousel-bild-a {
        position: absolute;
        top: 20%;
        left: 5%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 45%;
        left: 3%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 60%;
        left: 65%;
    }
    .carousel-caption h3 {
        border: 0px solid magenta;
        color: white;
    }
    .carousel-bild-a h3 {
        border: 0px solid magenta;
/*        color: rgba(160,160,160,1);*/
        text-shadow: black 0.05em 0.05em 0;
    }
}

/* sehr große Smartphones iPhone X */
@media only screen and (min-aspect-ratio: 2000 / 1000) and (min-width: 768px) and (max-height: 500px) {
    .carousel-bild-a {
        position: absolute;
        top: 50%;
        left: 3%;
    }
    .carousel-bild-b {
        position: absolute;
        top: 49%;
        left: 75%;
    }
    .carousel-bild-c {
        position: absolute;
        top: 65%;
        left: 70%;
    }
    .carousel-caption h3 {
        border: 0px solid magenta;
        color: white;
        font-size: 24px;
      }
}