/*
	CSS Stylesheet „basic“
	Version 2024-02-15a
	© 2024 m-ds GmbH
*/

:root {
	--height-footer : 5vw;
	--height-header : 5vw;
}

* {
	box-sizing  : border-box;
	white-space : nowrap;

-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

html, body {
	margin  : 0;
	padding : 0;
}

body {
	display        : flex;
	flex-direction : column;
	position       : relative;
}

body.fullyCentered {
	align-items     : center;
	justify-content : center;
}

main {
	display        : flex;
	flex-direction : column;
	height         : calc(100% - var(--height-header) - var(--height-footer));
	overflow       : auto;
}

main > * {
	flex : 0 0 auto;
}

main > #children {
	border-bottom : 1px solid var(--meki-brown-2);
	border-top    : 1px solid var(--meki-brown-2);
	flex          : 1 1 auto;
	overflow      : auto;
}

footer {
	align-items     : center;
	background      : hsla(var(--meki-brown-hue), var(--meki-brown-saturation), var(--meki-brown-lightness), 0.2);
	color           : var(--meki-brown);
	display         : flex;
	font-size       : 1vw;
	height          : var(--height-footer);
	justify-content : center;
}
/*
@media (hover: hover) {
	header > #btnLogout {
		cursor: pointer;
	}

	header > #btnLogout:hover {
		background : linear-gradient(var(--meki-red-2), var(--meki-red-3));
		color      : white;
	}
}
*/