figure,
figcaption {
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-size: medium;
	font-weight: bold;
	/*text-shadow: 3px 3px 4px #000000*/
}
/* 
.gallery {
	display: grid;
	grid-template-columns: repeat(5, minmax(50px, 150px));
	gap: 1em;
	text-align: center;
}
*/
.gallery figure {
	position: relative;
	color: black;
}
figure img {
	width: 100%;
	display: block;
}
.gallery > figcaption {
	grid-column: 1 / -1;
}
.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}
.auto-style16 {
	position: absolute;
	left: 50px;
	top: 75px;
	text-align: left;
	text-shadow: 3px 3px 4px #000000
}
.auto-style-info {
	color: #FFFFFF;
	font-size: 20px;
	text-shadow: 3px 3px 4px #000000
}
.auto-style-copy {
	text-align: center;
	font-size: small;
	/*text-shadow: 3px 3px 4px #000000*/
}
 
.copy {
	bottom: -40px
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
figure,
figcaption {
	margin: 0;
	padding: 0;
	line-height: 180%;
	font-size: medium;
	font-weight: bold;
	/*text-shadow: 3px 3px 4px #000000*/
}
	/*
.gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(50px, 150px));
	gap: 1em;
	text-align: center;
}
	*/
.copy {
	bottom: 0px
}
.auto-style-copy2 {
	text-align: center;
}
}

@media only screen and (min-width: 600px) and (max-width: 780px) {
figure,
figcaption {
	margin: 0;
	padding: 0;
	line-height: 170%;
	font-size: medium;
	font-weight: bold;
	/*text-shadow: 3px 3px 4px #000000*/
}
	/*
.gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(50px, 150px));
	gap: 1em;
	text-align: center;
}
	*/
.copy {
	bottom: 0px
}
.copy2 {
	position: unset;
}
.auto-style-copy2 {
	text-align: center;
}
}

@media only screen and (min-width: 781px) and (max-width: 900px) {
figure,
figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-size: medium;
	font-weight: bold;
	/*text-shadow: 3px 3px 4px #000000*/
}

	/*.gallery {
	display: grid;
	grid-template-columns: repeat(4, minmax(50px, 150px));
	gap: 1em;
	text-align: center;
}
	*/
.copy {
	bottom: 0px
}
.copy2 {
	position: unset;
}
 
}

@media only screen and (min-width:901px) {
figure,
figcaption {
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-size: medium;
	font-weight: bold;
	/*text-shadow: 3px 3px 4px #000000*/
}
/*
.gallery {
	display: grid;
	grid-template-columns: repeat(5, minmax(50px, 150px));
	gap: 1em;
	text-align: center;
}
*/
 
}

.menu {
	display: none;
}
.menu::after {
  content: "";
  position: absolute;
  transform: rotate(180deg);
  bottom: 100%;
  left: 50%;
  margin-left: -15px;
  border-width: 20px;
  border-style: solid;
  border-color: #999999 transparent transparent transparent;
}
figure.active .menu {
	display: inline;
	content: '';
	z-index: 9999;
	position: absolute;
	left: -50px;
	top: 100px;
	width: 245px;
	margin-left: auto;
	padding: 5px 0px 8px 0px;
	border: 1px solid #777;
	background-color: rgba(153, 153, 153, 1);
	border-radius: 6px;
}
.content {
  min-height: calc(100vh - 230px);
}

.sis_thema {
	padding: 8px;
	/*box-shadow: 0px 0px 5px #0a598f;*/
	/*border-radius: 24px;*/
	/*border: 3px solid #0a598f;*/
	/*width: 120px; height: 120px;*/
	background-color: white; /*#CDE5F2;*/
	margin: 0px;
}
.sis_thema:hover {
	box-shadow: 0px 0px 15px #0a598f;
}