button, input[type=submit], input[type=reset] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.textbox {
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}

.overlay {
  	position:  absolute;
	display: block;
  	
  	font-size:  0.8em;
  	background-color:  #fff;
  	border-radius:  10px;
  	padding:  10px;
  	box-shadow:  0 4px 8px rgba(0, 0, 0, 0.1);
}

.overlay-flex-vertical {
  	display:  flex;
  	flex-direction:  column;
  	gap: 10px;
}

.overlay-flex-header {
  	display:  flex;
  	flex-direction:  row;
  	justify-content: space-between;
	align-items: center;
}

.overlay-title {
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 2em;
	font-weight: bold;
}

.close-button {
  	cursor:  pointer;
	margin: 10px;
}


/* Landscape: sichtbar, Portrait verstecken */
@media (orientation: landscape) {
  .interactive-svg-wrapper.landscape { display: block; }
  .interactive-svg-wrapper.portrait { display: block; }
}

/* Portrait: sichtbar, Landscape verstecken */
@media (orientation: portrait) {
  .interactive-svg-wrapper.portrait { display: block; }
  .interactive-svg-wrapper.landscape { display: block; }
}

/* Allgemein */
.interactive-svg-wrapper { display: none; }

.interactive-svg-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}