/* ID:146215 */
@charset "utf-8";
/*$smallDevWidth:600px;
$smallScreenWidth:890px;*/

body.touch{
	@media (max-width: 890px/*$smallScreenWidth*/){
		table.formdesigner{
			td.right{
				width:100%;
			}
		}
		/* tabellen werden zu klein, wenn dies unterschritten wird
		smallScreenWidth:1052px; ???*/
		table.filter,
		table.editTable,
		table.formdesigner{
			display:block;
			& > tbody,
			& > tfoot{
				display:block;
				& > tr{
					display: flex;
					flex-wrap: wrap;
					flex-direction: row;
					margin-bottom:1ex;
					&:hover > td.left{
						background-color: whitesmoke;
					}
					& > td{
						display:block;
						flex-grow: 1;
						min-width: 16em;
						padding:0;
						&.left{
							color:darkblue;
							margin-top: .2rem;
							min-width:100%;
							vertical-align: bottom;
							&:hover {
								background-color: whitesmoke;
							}
						}
						&.right{
							padding-left: 0;
							min-width: 100%;
						}
					}
				}
			}
			td {
				input:not([type="checkbox"],[type="radio"],[type="date"],[type="time"]),
					select,
					button.ui-multiselect,
					textarea,
					div.tox-tinymce,
					div.yearmonth{
					/* 1 em Platz für icons / Einheiten und damit das Element nicht bis zum Rand geht*/
					max-width: calc(100% - 1em);
					min-width: 5em;
				}
				select,
				button.ui-multiselect{
					width: calc(100% - 1em) !important;
				}
			}
		}

		.tableWrapper{
			input{
				min-width: 4em;
				width: 4em;
			}
		}
		input[type="checkbox"],
		input[type="radio"]{
			min-width: 3em;
		}

		legend.editTable,
		summary.editTable{
			width: 16em;
		}

		#QROverlay {
			canvas{
				display: block;
				margin: auto;
				margin-bottom: 2ex;
			}
		}

		/* fix Queransicht Handy (login + checkin)*/
		@media (max-height: 550px){
			table.inlineIcons{
				margin-bottom: 1ex;
				td, th{
					padding: 0.3ex 1ex;
				}
			}
		}
	}
	form#filter{
		margin-bottom: 0;
	}


	table caption{
		/*Platz sparen*/
		display:none;
	}

	#blog{
		.blogEntry{
			/* fix für mobil; schatten verdeckt*/
			width: 98%;
			margin-left: 1%;
		}
	}

	/*mobil ist beim Anker die Menüleiste im Weg;
	 fixme: zT verwenden wir sticktop /bottom, stört im bild*/
	:target::before{
		content: ' ';
		display: block;
		height: var(--headerBarHeight);
		margin-top: calc(-1 * var(--headerBarHeight));
		visibility: hidden;
	}
}