/* Handy größe*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.desktop, .hoverContainer,
	.Modellbezeichnung {
		display: none !important;
	}

	.mobile {
		display: flex !important;
	}

	.magnifier {
		display: none !important;
	}

	body {
		font-size: 100% !important;
	}

	#mfLinks,
	#ButtonCreator {
		display: none !important;
	}

	#mfDisplayWait {
		background-position: center !important;
		z-index: 999 !important;
	}

	#mfTop,
	#mfMenu {
		height: 5em !important;
		width: 100% !important;
		left: 0 !important;
		right: auto !important;
	}

	#mfMenu {
		top: 0em !important;
	}

	#logo_svg {
		height: 4em !important;
	}

	.mfLogo.customLogo img {
		max-width: 20em;
		max-height: 6em;
	}

	#mfBannerContent {
		position: absolute !important;
		left: 0 !important;
		margin-right: 1em !important;
	}

	#hideSection,
	.hideSection_span {
		display: none !important;
	}

	#mfDisplay {
		top: 5em !important;
		height: calc(100% / 3 + 5em) !important;
	}

	.DisplayImg {
		height: 90% !important;
		top: 4em !important;
	}

	.uploaddiv .DisplayImg {
		height: 100% !important;
		top: 0em !important;
	}

	.DoorShadow {
		top: 94.5% !important;
	}

	#mfSection, #mfOptions {
		top: calc((100% / 3) + 10em) !important;
		width: 100% !important;
		height: calc(((100% / 3) * 2) - 10em) !important;
		right: 0 !important;
	}

	#HideContent {
		height: calc(100% - 4em) !important;
	}

	.tabContent {
		margin: 1em 0em 0 1em !important;
	}

	#navi ul li {
		margin-left: 0em !important;
		width: 18em !important;
	}

	.SectionHeader {
		margin-left: 1em !important;
		order: 1 !important;
		margin-bottom: 1em !important;
		margin-top: 1em !important;
	}

	.tabBaseClass {
		margin-left: 1em !important;
		margin-top: 1em !important;
		flex-wrap: nowrap !important;
		overflow: scroll !important;
		height: 7.4em !important;
	}

	.tabBaseClass::-webkit-scrollbar {
		display: none !important;
	}

	.tabBaseClass {
		-ms-overflow-style: none !important; /* IE and Edge */
		scrollbar-width: none !important; /* Firefox */
	}

	#mfToolbar {
		right: 0.5em !important;
		top: 6em !important;
		height: 4em !important;
	}

	.UploadAmbiente {
		margin: 0em 0em !important;
	}

	#uploaddiv {
		border:none;
	}

	#uploadHide {
		left: 0.5em !important;
        top: 0.5em !important;
	}

	.scrollDiv {
		min-height: 100% !important;
	}

	.areaSelectDiv {
		width: 100% !important;
	}

	.loadMainDiv,
	.saveDiv {
		margin: 0!important;
	}

	.buttonsSelectBox {
		flex-wrap: nowrap !important;
		overflow: scroll !important;
	}

	.buttonsSelectBox::-webkit-scrollbar {
		display: none !important;
	}

	.buttonsSelectBox {
		-ms-overflow-style: none !important; /* IE and Edge */
		scrollbar-width: none !important; /* Firefox */
	}


	#mfToolbar .menuitem {
		width: 3em !important;
		height: 3em !important;
		margin-bottom: 0.5em !important;
		margin-right: -0em;
	}

	#mfToolbar .iconDiv svg {
		height: 1.2em;
	}

	#mfToolbar .btnPDF .iconDiv svg {
		height: 1.8em;
	}

	.menuitem.btnMore {
		margin-right: 0 !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(1) {
		transition-duration: 190ms !important;
		transform: translate3d(0, calc(8em - 2.5em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(2) {
		transition-duration: 290ms !important;
		transform: translate3d(0, calc(16em - 5em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(3) {
		transition-duration: 390ms !important;
		transform: translate3d(0, calc(24em - 7.5em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(4) {
		transition-duration: 490ms !important;
		transform: translate3d(0, calc(32em - 10em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(5) {
		transition-duration: 590ms !important;
		transform: translate3d(0, calc(40em - 12.5em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(6) {
		transition-duration: 690ms !important;
		transform: translate3d(0, calc(48em - 15em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(7) {
		transition-duration: 790ms !important;
		transform: translate3d(0, calc(56em - 17.5em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(8) {
		transition-duration: 890ms !important;
		transform: translate3d(0, calc(64em - 20em), 0) !important;
	}

	.menu-open:checked ~ #moreTools ul li:nth-child(9) {
		transition-duration: 990ms !important;
		transform: translate3d(0, calc(72em - 22.5em), 0) !important;
	}

	#tool ul {
		margin: 0 !important;
		display: block;
	}

	#tool .liContentDiv a {
		height: 4em !important;
	}

	#tool .liContentDiv a:hover {
		transform: translate(0, 0) !important;
	}

	.FeatureHelp,
	#mfToolbar .naviText {
		display: none !important;
	}

	#mfStepper {
		height: 4em !important;
	}

	#mfStepper div {
		width: 11em !important;
		height: 3em !important;
	}

	#mfStepper span {
		font-size: 1.6em !important;
	}

	#mfLogo {
		width: auto !important;
		height: 3.5em !important;
		margin-left: 1em !important;
		top: -1.8em;
	}

	.mfSlogan {
		margin-left: 2em !important;
	}

	/* Serien ------------------------------------------------------------*/
	.seriesImageDiv {
		display: none !important;
	}

	.seriesSubDiv {
		margin-left: 0em !important;
		width: 100% !important;
	}

	.seriesBtn {
		bottom: -4em !important;
	}

	.seriesMainDiv {
		margin-bottom: 6.5em !important;
	}

	/*Programm ------------------------------------------------------------------*/
	.program.symbutton,
	.dekor.symbutton {
		width: calc((100% / 4) - 1.5em) !important;
	}

	input#ModelleSearchInput{width: calc(100% - 5.9em);}
	.FilterMainDiv {    position: absolute; width:100%; top: -2.5em;right: 0em;}
	.filterButton span { display:none;}
	.filterButton {padding: 0.35em 0.35em 0.35em 0.35em;}

	.ModelleSearch {width:100%;}
	#ModelleSearchInput {padding-left: 1em!important;}
	.button.measure.search {right:8em;}

	.filterShadow { width: calc(100% - 4em); margin-left: 0.5em;}

	.filterBoxOptionen {grid-template-columns: repeat(2, minmax(10em, 1fr))!important;}

	/* Masse --------------------------------------------------------------*/
	.shapeMeasuretble {
		flex-direction: column !important;
	}

	.breiteEingabe span {
		width: 6em !important;
		display: block !important;
	}

	.breiteEingabe {
		display: flex !important;
		align-items: center !important;
		margin-bottom: 1em !important;
	}

	.packageKapsel {
		flex-direction: column !important;
	}

	.Kapsel:first-child {
		margin-bottom: 1em !important;
	}

	.Kapsel, .breiteEingabe {
		width: fit-content !important;
	}

	/* UPLOAD --------------------------------------*/
	.ModellbezeichnungUpload {
		display:none;
	}
	#uploaddiv2 {
		height: 70em !important;
		width: 110em !important;
		position: absolute !important;
	}

	.uploaddiv {
		top: 0em !important;
		right: auto !important;
		position: absolute !important;
		background-color: #FFF !important;
		z-index: 3 !important;
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
	}

	.showupload {
		right: 5.7em !important;
		top: 1em !important;
	}

	#uploadHide {
		font-size: 10px !important;
		width: 3em !important;
		height: 3em !important;
	}

	.svg.resize_svg svg {
		height: 2em !important;
	}

	.svg.UploadIcon {
		width: 100% !important;
		height: auto !important;
	}

	.upload_pf .UploadIcon {
		height: 3em !important;
	}

	.uploadTable td {
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
	}

	.uploadTable tr {
		display: flex !important;
	}

	.UploadTxt2 {
		width: calc(100% - 14em) !important;
	}

	/* menu ----------------------------------------------------------------*/
	#navi ul li div a {
		padding: 0em 1.8em !important;
	}

	#navi ul li div a {
		padding-right: 2em !important;
	}

	#navi ul li div a,
	#navi ul li div span {
		color: #232323 !important;
		transition: color 0.3s ease !important;
	}

	#navi ul li:hover span,
	#navi ul li:hover a,
	.menuitemact a,
	.menuitemact span {
	}

	#navi {
		position: relative !important;
		-webkit-user-select: none !important;
		user-select: none !important;
	}

	#navi:first-child span {
		margin-top: 5px !important;
	}

	#navi .menuleft {
		display: none !important;
	}

	#navi .menuitem .naviText {
		border-bottom: 1px solid transparent !important;
		padding-bottom: 0em !important;
		margin-bottom: 0.5em !important;
	}

	#mfMenuContent {
		border: none !important;
	}

	#hamburger_menu {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		position: absolute !important;
		cursor: pointer !important;
		opacity: 0 !important;
		z-index: 2 !important;
		-webkit-touch-callout: none !important;
	}

	.hamburger_menu_span {
		display: block !important;
		width: 33px !important;
		height: 4px !important;
		margin-bottom: 5px !important;
		position: relative !important;
		background: var(--colorpicker1) !important;
		border-radius: 3px !important;
		z-index: 1 !important;
		transform-origin: 4px 0px !important;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease !important;
	}

	.hamburger_menu span:last-child {
		margin-bottom: 0 !important;
	}

	.hamburger_menu_span:first-child {
		transform-origin: 0% 0% !important;
	}

	.hamburger_menu_span:nth-last-child(2) {
		transform-origin: 0% 100% !important;
	}

	#hamburger_menu:checked ~ span {
		opacity: 1 !important;
		transform: rotate(45deg) translate(-2px, -1px) !important;
		background: #232323 !important;
	}

	#hamburger_menu:checked ~ span:nth-last-child(3) {
		opacity: 0 !important;
		transform: rotate(0deg) scale(0.2, 0.2) !important;
	}

	#hamburger_menu:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px) !important;
	}

	#navi ul {
		display: none !important;
		position: absolute !important;
		background: #ededed !important;
		list-style-type: none !important;
		right: 0em !important;
		-webkit-font-smoothing: antialiased !important;
		transform-origin: 0% 0% !important;
		transform: translate(100%, 0) !important;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0) !important;
	}

	#hamburger_menu:checked ~ ul {
		transform: none !important;
		z-index: 9 !important;
		display: block !important;
		margin: 1em 0px !important;
		padding: 0em 0 !important;
	}

	#navi ul li:nth-last-child(2) div a {
		padding-right: 1em !important;
	}

	#navi ul li div a {
		justify-content: left !important;
	}

	#navi ul li:nth-child(2) div a {
		padding-left: 1.8em !important;
	}

	.page_5 .tabClass span {
		padding-left: 0em !important;
		padding-right: 0em !important;
	}

	.page_5 .tabBaseClass {
		overflow: auto !important;
	}

	#DynLayer92div {
		z-index: 9999;
	}

	#DynLayer92div input {
		width: 75%;
	}
	#__Location, #__Zip {
		width: calc(((75% - 2em) / 2) - 0px) !important;
	}
}