@charset "UTF-8";
.dialog-info-container {
	box-sizing: border-box;
	display:block;	
	white-space:normal;   
}

.dialog-info-container.inline {
	display:inline;	      
}

.dialog-info-container .dialog-title {
	display:inline;
	font-weight:bold;
	margin:auto 0 auto 0; 
}

.dialog-info-container button {
	display:inline;
	cursor:pointer;
}

.dialog-info-container button img {
	height:1.2em;
	width:1.2em;
	vertical-align: text-bottom;
	display:inline;
	cursor:pointer;
}
 
.dialog-info-container #id-show-dialog {
	border:0em;
	background:transparent;
} 

/* Show Button Sichtbar */
.dialog-info-container .show-button{
	border:0.1em solid lightgray;
	border-style: outset;
	background-color:darkgray;
	margin:0 0.5em 0 0.5em;	
}

.dialog-info-container .show-button:hover {
	background-color: lightgray;
	border-style: inset;
	color:gray;
}
/* Show Button nicht Sichtbar */
.dialog-info-container .noshow-button{
	border:0em;
	background:transparent; 
}

.dialog-info-box::backdrop {
	background: hsl(0 7% 82% / .6);
	animation: none;
}

.dialog-info-box:not([open]) {
	display: none;
}

.dialog-info-box {
	position:sticky;
	display:block;
	box-sizing: border-box;
	background-color:white;
	border:0em gray solid;
	width:100%;
	margin: auto;
  box-shadow: 0.3em 0.3em 0.45em black;
}

.dialog-action-container {
	box-sizing: border-box;
	display:block;	      
}

.dialog-action-box {
	display:block;
	box-sizing: border-box;
	background-color:white;
	border:0em gray solid;
	width:fit-content;
	margin: auto;
  text-align:left;
	box-shadow: 0.3em 0.3em 0.45em black;
}

.dialog-action-box::backdrop {
	background: hsl(0 7% 82% / .6);
	animation: none;
}

.dialog-action-box:not([open]) {
	display: none;
}

/*-------------------------------------------------------------------------------------------*/ 
/* Keine Maus und kein Touchscreen                                                  				 */
/*-------------------------------------------------------------------------------------------*/ 
@media (pointer: coarse) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Mit Touchscreen ohne Maus                                                        				 */
/*-------------------------------------------------------------------------------------------*/ 
@media  (pointer: none) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Mit Maus                                                                         				 */
/*-------------------------------------------------------------------------------------------*/ 
@media  (pointer: fine) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Grosse Aufloesung                                                                         */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 1025px) and (min-resolution: 200dpi) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Querformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 360px) and (max-width: 1024px) and (orientation:landscape) {}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Hochformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 150px) and (max-width: 1024px) and (orientation:portrait) {
	.dialog-info-box {margin: auto 2em auto 2em;}
	.dialog-info-container {max-width:calc(99vw - 4em);}
}