.schattentitel {
    color: #008000;
    text-decoration: underline;
    text-align: center;

    font-size: 20pt;
    font-family: sans-serif;
    text-shadow: 11px 15px 18px #f3bf5f, -11px -8px 18px #3cf3d4;
}

.schattenplatz {
    color: blue;
    text-align: center;

    font-size: 15pt;
    font-family: sans-serif;
    text-shadow: 11px 15px 15px #3cf3d4, -11px -8px 15px #f3bf5f;

}

.text {
    color: #e7e7ed;
    text-align: center;
    font-size: 18px;
    font-weight: bolder; /* Oder 900 */
}

body{
    font-family: sans-serif;
    padding: 1em;
}

/* mittig ausgeben */
.container{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Bildgröße setzen */
.gallery a img {
    width: 460px;
}

.gallery a {
    text-decoration: none;
}

figure {
	padding: 0em;
	margin: 0em;
}

figcaption {
    text-align: center;
}

img {
    padding: 0;
    margin: 0;
    width: 100%;
    /* Bild passt sich an verfügbaren Raum im dialog an */
}

#close-dialog {
    border: none;
    border-radius: 0 0 0 8px;
    background-color: #c82f04;
    color: white;
    cursor: pointer;
    position: absolute;
    right: 0.25rem;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.25em 0.4em;
    text-align: center;
    top: 0.5rem;
}

li {
	list-style-type: none;
}

button:focus,
button:hover {
	background: #09c;
}