.rounded-lg {
    border-radius: 1rem;
}

.mapillary-canvas {
    left: 0;
}

.mapillary-attribution-container {
	pointer-events: none;
	touch-action: none;
	cursor: default;
}

.embedded-content-div .map {
    width: 100%;
    height: 100%;
}

.embedded-content-div {
    display: inline-block;
    width: 300px;
    height: 200px;
}

@media (min-width: 576px) {
    .embedded-content-div {
        width: 400px;
        height: 300px;
    }
}

@media (min-width: 768px) {
    .embedded-content-div {
        width: 600px;
        height: 400px;
    }
}

@media (min-width: 992px) {
    .embedded-content-div {
        width: 800px;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    .embedded-content-div {
        width: 1000px;
        height: 600px;
    }
}

@media (min-width: 1400px) {
    .embedded-content-div {
        width: 1200px;
        height: 700px;
    }
}

.bookparagraph {
            text-align: justify;
            text-indent: .5rem;
            margin-bottom: 0.5rem;
        }

        .bookparagraph-first::first-letter {
            font-size: 3em;
            /* Vergrößert den Buchstaben */
            float: left;
            /* Verschiebt den Buchstaben nach links */
            margin-right: 0.3em;
            /* Fügt etwas Platz zwischen Buchstabe und Text hinzu */
            line-height: 1;
            /* Passt die Zeilenhöhe an */
        }