/* Handy größe*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
	body {
		font-size: 100% !important;
	}

	.hoverContainer,
	#showMass,
	#mfLanguage {
		display: none !important;
	}

	#mfLinks,
	#ButtonCreator {
		display: none;
	}

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

	#mfTop,
	#mfMenu {
		height: 5em;
	}

	#mfMenu {
		top: 0em;
		background: #FFF;
		margin-left: 0;
		width: 100%;
	}

	#logo_svg {
		height: 4em;
	}

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

	#hideSection,
	.hideSection_span {
		display: none;
	}

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

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

	.tabContent {
		margin: 1em 1em 0 1em;
		height: calc(100% - 11.5em);
	}

	#mfToolbar {
		right: -0.6em;
		top: 6em;
	}

	#tool ul {
		margin: 0;
	}

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

	#tool ul li .liContentDiv {
		margin-bottom: 1em;
	}

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

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

	#tool .iconDiv {
		height: 4em;
		width: 4em;
	}

	#mfStepper {
		width: calc(100% - 2em);
		margin: 0em 1em;
	}

	#mfLogo {
		height: 5em;
	}

	#mfPrice {
		background: transparent;
		height: 5em;
	}

	#ViewDiv {
		top: 0.2em;
		font-size: 1.6em !important;
		right: 7em;
	}

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

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

	.seriesBtn {
		bottom: -4em;
	}

	.seriesMainDiv {
		margin-bottom: 6.5em;
	}

	.symbuttonContent {
		gap: 3em 2em;
	}


	/*Programm ------------------------------------------------------------------*/
	.ContentFillings {
		gap: 3em 16%;
	}

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


	.din.symbutton {
		width: calc((100% / 2) - 1.5em)
	}
.ContentHandle .symbutton .Description {
    margin-left: 0em;
}
	/* Masse --------------------------------------------------------------*/
	.shapeMeasuretble {
		flex-direction: column;
	}

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

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

	.packageKapsel {
		flex-direction: column;
	}

	.measureKapsel:first-child {
		margin-bottom: 1em;
	}

	/* UPLOAD --------------------------------------*/
	#uploaddiv2 {
		height: 70em;
		width: 110em;
		position: absolute;
	}

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

	#uploadHide {
		font-size: 9px;
	}

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

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

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

	.uploadTable tr {
		display: flex;
	}

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

	.ModellbezeichnungUpload, .Modellbezeichnung {
		position: absolute;
		top: 0em;
		left: 0em;
		font-size: 1.5em !important;
	}

	#mfPrice .PriceDiv {
		height: 5em;
		padding-right: 1em;
	}

	#mfPrice .summe {
		font-size: 2.5em !important;
	}

	#mfPrice .summeText {
		font-size: 1em !important;
	}
	/* menu ----------------------------------------------------------------*/
	#navi ul li div a {
		padding: 0em 1.8em;
	}

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

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

	#navi ul li:hover span,
	#navi ul li:hover a,
	.menuitemact a,
	.menuitemact span {
		font-weight: bold;
		/*color: #d22027 !important;*/
	}

	#navi {
		position: relative;
		-webkit-user-select: none;
		user-select: none;
		flex-direction: column;
		justify-content: center;
		margin-left: 1em;
	}

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

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

	.hamburger_menu_span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #000000;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0px;
		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;
	}

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

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

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

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

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

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

	#hamburger_menu:checked ~ ul {
		transform: none;
		z-index: 11;
		display: block;
		margin: 1em 0px;
		padding: 0em 0;
		top: 4em;
		background: #FFF;
		height: auto;
	}

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

	#navi ul li div a {
		justify-content: left;
		padding-top: 1em;
		padding-bottom: 1em;
	}

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

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

	.page_5 .tabBaseClass {
		overflow: auto;
	}

	#navi .menuitemact:after {
		display: none;
	}

	#DynLayer90div, #DynLayer91div, #DynLayer92div, #DynLayer96div, #DynLayer94div {
		width: 100%;
		top: 0em;
	}


	#DynLayer90div, #DynLayer91div, #DynLayer92div, #DynLayer96div, #DynLayer94div {
		font-size: 0.8em;
	}

	#DynLayer92div input {
		width: 75%;
		padding-left: 0.2em;
	}

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

	.RALColors, .symbuttonContent.Contentcolor .color,
	.symbuttonContent.Contentcolor .glas,
	.symbuttonContent.ContentOptions .handle,
	.symbuttonContent.ContentOptions .lock,
	.ContentHandle .symbutton {
		width: calc((100% / 2) - 1.5em);
	}
}