/* ******************************************************************************************* */
/*                                                                                             */
/* final.css wird am Ende aller CSS Dateien geladen, um !important zu vermeiden                */
/*                                                                                             */
/* ******************************************************************************************* */

/* ************************************* */
/* show/hide                             */
/* ************************************* */

.is-hidden {
	display: none;
}

[data-show=""] {
	display: none !important;
}

@media (orientation: landscape) {
	:root {
		--css-orientation:landscape;
	}
}

@media (orientation: portrait) {
	:root {
		--css-orientation:portrait;
	}
}

@media screen and (max-width: 428px) {
	[data-hide*="smartphone"] {
		display: none !important;
	}
	:root,
	[data-theme="default"] {
		--css-devicetype:smartphone;
		--padding-primary-horizontal-rem: 0.625rem;
		--padding-primary-horizontal-px: 10px;
		--padding-primary-vertical-rem: 0.625rem;
		--padding-primary-vertical-px: 10px;
		--margin-primary-horizontal-rem: 0.625rem;
		--margin-primary-horizontal-px: 10px;
		--margin-primary-vertical-rem: 0.625rem;
		--margin-primary-vertical-px: 10px;
		--padding-secondary-horizontal-rem: 1.25rem;
		--padding-secondary-horizontal-px: 20px;
		--padding-secondary-vertical-rem: 1.25rem;
		--padding-secondary-vertical-px: 20px;
		--margin-secondary-horizontal-rem: 1.25rem;
		--margin-secondary-horizontal-px: 20px;
		--margin-secondary-vertical-rem: 1.25rem;
		--margin-secondary-vertical-px: 20px;
		--padding-tertiary-vertical-px: 15px;
		--margin-tertiary-vertical-px: 15px;
		--padding-quaternary-horizontal-px: 40px;
		--margin-quaternary-horizontal-px: 40px;
		--padding-quaternary-vertical-px: 40px;
		--margin-quaternary-vertical-px: 40px;
	}
}

@media screen and (min-width: 429px) {
	[data-show*="smartphone"] {
		display: none !important;
	}
}

@media screen and (min-width: 429px) and (max-width: 768px) {
	[data-hide*="phablet"] {
		display: none !important;
	}
	:root {
		--css-devicetype:phablet;
	}
}

@media screen and (min-width: 769px) {
	[data-show*="phablet"] {
		display: none !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	[data-hide*="tablet"] {
		display: none !important;
	}
	:root {
		--css-devicetype:tablet;
	}
}

@media screen and (max-width: 768px) and (min-width: 1025px) {
	[data-show*="tablet"] {
		display: none !important;
	}
}

@media screen and (min-width: 1025px) {
	[data-hide*="desktop"] {
		display: none !important;
	}
	:root {
		--css-devicetype:desktop;
	}
}

@media screen and (max-width: 1024px) {
	[data-show*="desktop"] {
		display: none !important;
	}
}