.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: #1409b6;
    text-align: center;
}

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;
}

/*.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
} */

/* Mobile first - für schmale Viewports */

/*ul,
li {
    display: inline-block;
    margin: 0.1em;
    padding: 0.1em;
}*/

li {
	list-style-type: none;
}

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