.gallery a img {
	width: 11em;
	padding-bottom: 0.5em;
}

.gallery a {
	text-decoration: none;
}

[hidden] {
	display: none;
}

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

dialog {
	position: relative;
}

dialog::backdrop {
	background-color: #084208;
	opacity: 0.9;
}

#lightbox {
	border: thin solid #aaa;
	left: 1em;
	position: fixed;
	top: 1em;
}

#lightbox img {
	display: block;
	margin: auto;
	max-width: 90vw;
	max-height: 80vh;
}

#lightbox figcaption {
	font-size: 0.9em;
   line-height: 1.6em;
   font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   font-weight: 400;
   font-style: normal;
   text-align:center;
   color: #303030;
   margin-top: 0.5em;
}

#lightbox button {
	position: absolute;
	top: 0;
	right: 2em;
}

#lightbox button:nth-of-type(2) {
	top: 50%;
	left: 0.2em;
}

#lightbox button:nth-of-type(3) {
	top: 50%;
	right: 0.2em;
}
/* Mobile first - für schmale Viewports */

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

li {
	list-style-type: none;
}

[role=note] {
	border-left: medium solid #c82f04;
	padding-left: 0.5em;
	max-width: 40em;
}

[role=note]:before {
	content: 'Beachten:  ';
	color: #c82f04;
	font-weight: blod;
}

button {
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	 width: 30px;
    height: 30px;
	padding:3px;
	border: 3px solid white;
	font-weight: 700;
	font-size: 0.9em;
	background-color: #006660;
	color: white;
 	cursor: pointer;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
	}