
@media only screen and (max-width: 1024px) {

	.is-mobile-device #splash .splashNavigation,
	.is-mobile-device nav .y-logo,
	.is-mobile-device.responsive-style nav .vendor-logo,
	.is-mobile-device .li-li-workplace,
	.is-mobile-device.responsive-style nav ul li ul {
		display: none;
	}

	.is-mobile-device.is-iOS-device.responsive-style nav {
		padding-bottom: 20px;
		background: #e3e3e3;
	}

	.is-mobile-device.is-iOS-device.nwz-style .contentSize .btn.next {
		bottom: 40px !important;
	}

	.is-mobile-device.nwz-style .contentSize .textinfo {
		bottom: 90px !important;
	}

	.is-mobile-device #p17 .contentWrap .content .textinfo,
	.is-mobile-device #p18 .contentWrap .content .textinfo,
	.is-mobile-device #p19 .contentWrap .content .textinfo {
		font-size: 18px;
		line-height: 1.2;
	}

	.is-mobile-device .li-dashboard {
		display: none !important;
	}
	
	.is-mobile-device .showIntro #splash .splashContent,
	.is-mobile-device #splash .splashContent{
		left: 0;
		
	}
	
	.is-mobile-device #p17, .is-mobile-device #p18, .is-mobile-device #p19{
		width: 100%;
	}

	
	.is-mobile-device nav ul .li-more a{
		text-indent: 5px !important;
	}
	
	.is-mobile-device nav ul li {
		width: calc(100vw / 5);
		display: block;
		float: left;
	}
	.is-mobile-device nav ul li a span, .is-mobile-device nav ul li a > i , .is-mobile-device nav ul li a .translatable  {
		display: none;
	}
	.is-mobile-device nav ul li a .icn {
		display: block !important;
		width: 25px;
		height: 60px;
		position: static;
		transform: none;
		margin: 0 auto;
	}
	
	.is-mobile-device nav .li-more {
		display: inline-block;
	}
	
	.is-mobile-device nav .li-more a {
		margin: 0 auto;
		text-align: center;
	}
	
	.is-mobile-device #contentSlideView .main {
		width: 100%;
	}
	
	.is-mobile-device .li-profile .fa {
		margin: 0 auto;
		display: block !important;
		width: 20px;
		margin-right: auto !important;
	}
	
	.is-mobile-device.responsive-style nav{
		position: fixed;
		bottom: 0;
		top: auto;
		width: 100vw;
		background: #f0f0f0;
		box-shadow: 0 -3px 5px #e1e1e1;
		z-index: 500;
	}
	.is-mobile-device.responsive-style .li-profile a{
		background: #e3e3e3;
	}
	
	.is-mobile-device .agb-text{
		box-sizing: border-box;
	}
	
	.is-mobile-device .li-profile .fa{
		font-size: 20px;
		display: inline-block;
		position: relative;
		transform: translateY(0);
		line-height: 60px;
		margin-right: 8px;
	}
	.is-mobile-device nav ul li a.withFaIcon i{
		margin-right: 0;
	}
	
	
	.is-mobile-device.responsive-style nav ul{
		margin: 0;
	}
	
	.is-mobile-device.responsive-style nav #meta{
		display: none;
	}
	
	.is-mobile-device.responsive-style nav ul li a{
		font-size: 14px;
		text-decoration: none;
		text-indent: 30px;
	}
	.is-mobile-device .li-profile a span{
		white-space: nowrap;
		padding: 0;
		text-indent: 0px;
		line-height: 60px !important;
	}
	
	.is-mobile-device section .section-inner{
		min-width: 0;
	}
	
	.is-mobile-device.responsive-style section{
		left: 0;
		height: calc(100vh - 60px);
		width: 100vw;	
		
	}
	.is-mobile-device section .section-inner{
		padding: 0 20px;
	}
	.is-mobile-device.responsive-style section .content-headline{
		margin-top: 0px;
	}
	.is-mobile-device.responsive-style section .content-headline span{
		margin-top: 0;
	}
	
	body.fmLoggedIn.is-mobile-device #section-booking-workplace .content-area-wide .content-headline span{
		position: relative;
		left: -20px;
	}
	.is-mobile-device.responsive-style section .content-headline span,
	section .content-headline{
		font-size: 26px;
		line-height: 30px;
	}
	.is-mobile-device.responsive-style section .content-headline span{
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.is-mobile-device.responsive-style section .content-headline span{
		display: inline-block;
	}
	
	.is-mobile-device #section-booking-workplace .fmLogoutButton{
		position: absolute;
		right: 0;
		top: 0;
	}
	.is-mobile-device #section-booking-workplace .fm-user-logout{
		position: relative;
		top: 0;
		min-height: 50px;
	}
	
	.is-mobile-device .flowbox, .is-mobile-device .new-wp{
		min-width:0;
		padding: 0 20px;
	}
	.is-mobile-device .new-wp{
		
		padding: 0 0px;
	}
	.is-mobile-device .flowbox .actions .btn.delete,
	.flowbox .actions .btn.use, .flowbox .actions .btn.end{
		float: none;
	}
	.is-mobile-device .new-wp.flowbox .header .center,
	.is-mobile-device .wp-info .header .center{
		font-size: 18px;
		line-height: 24px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.is-mobile-device .wp-info .header .center{
		padding-top: 0;
		padding-bottom: 0;
	}
	.is-mobile-device .langSelected-de .flowbox .booking-summary .header .center{
		line-height: 24px;
	}
	
	.is-mobile-device .flexContainer.booking-data{
		display: block;
		position: relative;
	}
	.is-mobile-device .flexContainer.booking-data > .left{
		padding: 0 20px;
		box-sizing: border-box;
	}
	.is-mobile-device .flexContainer.booking-data > .left,.is-mobile-device .booking-summary {
	    width: 100vw;
	}
	.is-mobile-device .flexContainer.booking-data > .right {
	    width: 100vw;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    transform: translateX(100%);
	}
	
	.is-mobile-device .locationSelected.buildingSelected.floorSelected .flexContainer.booking-data{
		transform: translateX(-100%);
	}
	
	.is-mobile-device .flexContainer .booking-date, .is-mobile-device .flexContainer .booking-location {
	    padding-right: 0px;
	}
	
	.is-mobile-device .flexContainer .result-places{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.is-mobile-device .new-wp.flowbox .header,
	.is-mobile-device .wp-info.flowbox .header{
		height: auto;
	}
	
	.is-mobile-device .wp-info.flowbox{
		padding: 0;
	}
	.is-mobile-device .wp-info.flowbox .flexContainer{
		padding: 0 20px;
	}
	
	.is-mobile-device nav ul li a{
		padding: 0 10px;
	}
	
	.is-mobile-device #section-profile .section-inner{
		padding-bottom: 120px;
	}
	
	.is-mobile-device.responsive-style .mdl-button--raised.mdl-button--colored.mdl-button--bordered, .is-mobile-device.responsive-style nav ul li a, .is-mobile-device.responsive-style nav ul li.selected ul li{
		color: #666;
	}
	
		
	.is-mobile-device section .section-inner .section-inner-vertical-line{
		display: block;
		width: 100%;
		height: 1px;
		transform: translateX(0%);
		left: 0;
		position: relative;
		background: #ccc;
	}
	
	.is-mobile-device section .section-split-2 .split,
	.is-mobile-device section .section-split-2 .split.split-2{
		display: block;
		width: 100%;
	}
	
	.is-mobile-device #section-support .section-inner-vertical-line,
	.is-mobile-device #section-legal .section-inner-vertical-line{
		margin-bottom: 30px;
	}
	.is-mobile-device #section-support .split-2{
		padding-bottom: 100px;
	}
	
	body.fmLoggedIn.is-mobile-device #section-booking-workplace .section-split-2{
		display: none;
	}
	
	.is-mobile-device #section-booking-workplace .head-location{
		display: none;
	}
	
	.is-mobile-device .bookingItem .wp-action .wpStatus .status-text{
		padding-right: 0;
		padding-bottom: 10px;
	}
	.is-mobile-device .bookingItem .wp-action .wpStatus .status-action{
		position: relative;
		top: 0;
		transform: translateY(0%);
	}
	.is-mobile-device .flowbox .left .content, .flowbox .left .workplace{
		padding-right: 0;
	}
	.is-mobile-device .flowbox .right .content{
		padding-left: 0;
	}
	.is-mobile-device .content-area-wide .agb-text{
		margin-right: 0;
		margin-left: 0;
	}
	.is-mobile-device section .content-area{
		width: 100%;
	}
	
	.is-mobile-device .wp-info .flexContainer{
		display: block;
	}
	.is-mobile-device .wp-info .flexContainer .right{
		padding-bottom: 50px;
	}
	
	html,
	body.is-mobile-device {
	    overscroll-behavior-y: contain;
	}
	
	
	.is-mobile-device #p17 .content-area, .is-mobile-device #p18 .content-area, .is-mobile-device #p19 .content-area{
		max-width: 100%;
	}
	
	.is-mobile-device #p17 .slider-area, .is-mobile-device #p18 .slider-area{
		width: calc(100vw - 40px);
		height: calc(100vw - 40px);
	}
	
	.is-mobile-device #p17 .contentWrap .content .textinfo, .is-mobile-device #p18 .contentWrap .content .textinfo,.is-mobile-device  #p19 .contentWrap .content .textinfo{
		max-width: 100%;
		width: 80%;
	}
	
	
	.is-mobile-device .back .icon {
	    display: block;
	    width: 50px;
	    height: 50px;
	    pointer-events: none;
	    background: url(../img/icon/icon_back_black.svg) 0px 0px / contain no-repeat;
	}
	
	
	.is-mobile-device nav ul li.li-more a.withFaIcon i.fa-solid{
		margin-right: 5px;
		display: block;
	}
	
	.is-mobile-device.responsive-style #splash .splashLogo{
		z-index: -1;
	}
	
	.is-mobile-device .langSelected-de.showIntro.slide-2 .splashText{
		height: auto;
	}
	
	.is-mobile-device .showIntro.slide-2 #splash .splashText .next {
	    pointer-events: none;
	    opacity: 0.2;
	}
	
	.is-mobile-device #p17 .content-area{
		padding-top: 0;
	}
	
	
	.is-mobile-device .summ-item .username{
		color: #333;
	}
	
	.is-mobile-device #section-light{
		display: none !important;
	}
	
	.is-mobile-device .booking-summary{
		padding-bottom: 130px;
	}
	
		
		
	.is-mobile-device #a2hs.show{
		opacity: 1;
		pointer-events: all;
	}
	.is-mobile-device #a2hs .inner{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		padding: 20px;
		box-sizing: border-box;
		border-radius: 5px;
		background: #fff;
		color: #333;
		width: 90%;
	}
	
	.is-mobile-device #a2hs .title{
		font-size: 20px;
		line-height: 24px;
		color: #333;
		margin-bottom: 10px;
		font-family: "Neue Haas Unica W01 Regular";
	}
	
	.is-mobile-device #a2hs .text{
		font-size: 14px;
		line-height: 18px;
		color: #777;
		margin-bottom: 15px;
	}
	
	.is-mobile-device #a2hs_cancel{
		margin: 15px 0;
	}
	
	.is-mobile-device #a2hs_cancel.mdl-button--raised.mdl-button--colored{
		background: #f0f0f0;
		color: #bb1e10;
	}
	.is-mobile-device section#section-workplace .slider-area {
		height: 100vw;
	}
	.is-mobile-device section#section-workplace .slider-area .sliderWrap {
		width: calc(100vw - 50px);
		height: calc(100vw - 50px);
	}
	
	.is-mobile-device section#section-workplace .rs-container.full {
		width: calc(100vw - 106px);
		height: calc(100vw - 130px);
	}
	
	.is-mobile-device section#section-workplace .rs-handle {
		z-index: 1000000;
	}
	
	.is-mobile-device section#section-workplace .rs-container .rs-move {
		border: 0;
	}
	
	.is-mobile-device section#section-workplace .slider-area .yoyo-slider-overlay .circle {
		width: calc(100vw - 140px);
		height: calc(100vw - 140px);
	}
	
	.is-mobile-device section#section-workplace .yoyo-slider-arrow .rs-container.full {
		height: calc(100vw - 140px) !important;
		width: calc(100vw - 140px) !important;
	}
	
	.is-mobile-device section#section-workplace .yoyo-slider-arrow .rs-container.full .rs-handle.rs-move {
		width: 50px !important;
		height: 30px !important;
	}
	
	.is-mobile-device section#section-workplace .yoyo-slider-overlay .circle .circleInner {
		height: calc(100vw - 200px);
		width: calc(100vw - 200px);
	}
	
	.is-mobile-device section#section-workplace .slider-area input.transInput {
		font-size: 42px !important;
		font-family: "YOYONumbers Thin";
	}
	
	.is-mobile-device section#section-workplace .transInputWrap label {
		font-size: 14px;
	}
	
	.is-mobile-device section#section-workplace .slider-area .icon img {
		height: 35px !important;
	}
		
	
}