@media screen and (max-width : 750px) {
	
  
	html, body {
	   width: 100%;
       height: 100%;
       /*overflow-x:hidden !important;*/
       
	}
   
    #ladeanimation {
        display: none !important;
    }
    #left-col {
        display: none !important;
    }
    .sidr{
        display:none;
        position:absolute;
        position:fixed;
        top:0;
        height:100%;
        z-index:999999 !important;
        width:300px;
        overflow-x:hidden;
        overflow-y:auto;
        background:#e0e0e0;
        border-right:1px solid #a0a0a0;
       
    }
    .sidr .sidr-inner{
        padding:0 0 15px
    }
    .sidr .sidr-inner>p{
        margin-left:15px;
        margin-right:15px
    }
    .sidr.right{
        left:auto;
        right:-300px
    }
    .sidr.left{
        left:-300px;
        right:auto;
        z-index:9999999 !important;
        overflow-x: hidden!important;
        overflow-y:auto !important;
    }
    
   
    
     	.screen {display:block;} 
     
					#login-back-imp {
					background: #397daa; 
					background: -moz-radial-gradient(center, ellipse cover, #397daa 0%, #00447d 100%);
					background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #397daa), color-stop(100%, #00447d)); 
					background: -webkit-radial-gradient(center, ellipse cover, #397daa 0%, #00447d 100%); 
					background: -o-radial-gradient(center, ellipse cover, #397daa 0%, #00447d 100%); 
					background: -ms-radial-gradient(center, ellipse cover, #397daa 0%, #00447d 100%); 
					background: radial-gradient(ellipse at center, #397daa 0%, #00447d 100%); 
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397daa', endColorstr='#00447d', GradientType=1 ); 
					}
					 #wrapper-mobil {
					/*background:#fff;*/
					position:relative;
					width:100%;
					height:100%;
                    z-index:2 !important;
                    /*overflow-x: hidden !important;*/
					}
                    #footer {
                        position: relative;
                    }
					 #header {
					position:fixed;
					width:100%;
					height:50px;
					background:#468ab4;
					z-index:30030000;
					margin:0;
                    
					}
					#header.in {
					position:fixed;
					width:100%;
					height:50px;
					background:#468ab4;
					z-index:300300;
					margin:0;
					top:0;
					left:100%;
					right:0;
					margin:0 0 0 -54px;
					}
					#logo {
					background:url(../img/v2/logo-page-center-mobil.png) top left no-repeat;
					width:160px;
					height:35px;
					top:8px;
					left:5px;
					position:relative;
					float:left;
					}
					#logo:hover {
					background:url(../img/v2/logo-page-center-hover-mobil.png) top left no-repeat;
					}
					 #head-info {
					display:none;
					}
					ul#head-nav {
					top:11px;
					right:-34px;
					}
					ul#head-nav li#einstellungen {
					border-left:none;
					}
					ul#head-nav li#support {
					display:none;
					}
				/*	 #left-col {
					position:relative;
					top:0px;
					left:-280px;
					width:280px;
					background:#e0e0e0;
					border-right:1px solid #a0a0a0;
					overflow-x:hidden;
					z-index:400400;
					padding:0px;
					}
					#left-col.in {
					position:absolute;
					top:0px;
					left:-55px;
					width:100%;
					background:#e0e0e0;
					padding:0 0 0 0;
					z-index:400400;
					height:auto;
					overflow:visible;
					overflow-x:hidden;
					}
					#left-col-wrap {
					left:55px;
					width:100%;
					margin:0;
					overflow:auto;
					height:auto;
					position:relative;
					bottom:auto;
					top:auto;
					}*/
					 #main {
					width:100%;
					}
					#main.in {
					left:100%;
					margin:0 0 0 -54px;
					width:54px;
					height:100%;
					overflow:hidden;
					
					}
                    /*
					#main-mobil-back {
					display:none;
					}
					#main-mobil-back.in {
					display:block;
					position:absolute;
					border-left:1px solid #a0a0a0;
					background:#fff;
					width:54px;
					height:100%;
					right:0;
					top:0;
					bottom:0;
					}*/
					 #inner-main.in {
					height:100%;
					width:auto;
					position:relative;
					margin:65px 15px 30px 15px;
					display:none;
					}
					#inner-main {
					height:auto;
					width:auto;
					position:relative;
					margin:65px 15px 30px 15px;
					}/*
					 #expand {
					display:none;
					}*/
					#expand-mobil {
					display:block;
					position:relative;
					width:54px;
					height:50px;
					background:url(../img/v2/expand-mobil.png) center center no-repeat;
					float:left;
					border-right:1px solid #77b0ce;
					cursor:pointer;
					}
					 #head-info-mobil {
					display:block;
					}
					#left-col-wrap #support {
					display:block;
					}
					 #head-info-mobil {
					position:relative;
					display:block;
					margin:13px 8px;
					float:left;
					}
					#head-info-mobil p {
					margin:0;
					}
					div#support {
					width:80px;
					height:26px;
					float:right;
					text-indent:5px;
					padding:0 6px;
					overflow:hidden;
					margin:10px;
					}
					div#support span {
					width:26px;
					height:26px;
					float:left;
					background:url(../img/v2/support-blue.png) top left no-repeat;
					}
					 ul#navi {
					   margin-top: 50px;
					position:relative;
					height:100%;
					overflow:visible;
					}
					ul#navi li ul li.act {
					background: #FFFAF7 url(../img/v2/subnavi-active.png) right center no-repeat;
					}
					ul#navi li a {
					padding:10px 0 16px 38px;
					}
					ul#navi li.act ul li.act ul li.act {
					background:none;
					}
					 fieldset label {
					text-align:left;
					width:auto;
					display:block;
					float:none;
					}
					fieldset input, fieldset input[type=text], fieldset textarea, fieldset select {
					display:block;
					width:100%;
					}
					fieldset button {
					display:block;
					}
					 ul#modul-subnav li {
				
					text-align:center;
					}
					 fieldset.left {
					width:97%
					}
					 div.fieldset label {
					text-align:left;
					width:auto;
					display:block;
					float:none;
					}
					div.fieldset input, div.fieldset input[type=text], div.fieldset textarea, div.fieldset select {
					display:block;
					width:100%;
					}
					div.fieldset button {
					display:block;
					}
					div.fieldset.left {
					width:97%
					}
					
					/*-----------------------------------AUFGABEN-TOOL-------------------------*/
					span.kunde, span.aufgabe, span.mitarbeiter, span.status, span.prio, span.termin {
					display:block;
					width:100%;
					text-align:center;
					overflow:visible;
					height:auto;
					}
					span.kunde, span.aufgabe {
					font-weight:bold;
					}
					span.mitarbeiter, span.status, span.prio, span.termin {
					font-size:12px;
					}
					
					
					
					/*-----------------------------------URLAUB-TOOL---------------------------*/
					
					ul.abwesenheit {
					width:100%;
					}
					 li.abwesenheit-line .clear {
					clear:both;
					width:100%;
					}
					li.abwesenheit-line {
					height:auto;
					padding:10px 0;
					border-bottom:1px solid #D9DBDC;
					}
					li.abwesenheit-line .grund, li.abwesenheit-line .days, li.abwesenheit-line .state {
					float: none;
					width: 100%;
					height:auto;
					text-align: left;
					}
					li.abwesenheit-line .grund {
					font-weight:bold;
					letter-spacing:2px;
					text-transform:uppercase;
					}
					li.abwesenheit-line .von, li.abwesenheit-line .bis, .von, .bis {
					float:left;
					width: auto;
					height:auto;
					text-align: left;
					}
					li.abwesenheit-line span.datebis {
					float:left;
					margin:0 6px;
					font-weight:300;
					display:block;
					}
					 li.abwesenheit-line .days, li.abwesenheit-line .state {
					font-weight:300;
					width:auto;
					}
					li.abwesenheit-line .state {
					font-weight:bold;
					}
					ul.abwesenheit-gesamt {
					float:left;
					}
					 .mobil-none {
					display:none;
					}
					 .monatuebersicht {
					width:100%;
					}
					.feiertage-bayern-date {
					font-weight:bold;
					}
					
					
					
					/*-------------------------------------------------------ZEITERFASSUNG-------------------------------*/
					
					.zeiterfassung .datum, .zeiterfassung .stunden, .zeiterfassung .pause {
					width:100%;
					}
					
					/*----------------------------------------------------PAGE//SEITENVERWALTUNG---------------------------*/
					
					fieldset li input[type=checkbox].passwortschutz {
					text-align:left;
					width:auto;
					float:left
					}
					fieldset li .passwortschutz {
					text-align:left;
					width:auto;
					float:left
					}
					 #sort ul.none li span.seitentitel {
					color:#303d45;
					width:100%;
					height:20px;
					display:block;
					font-size:18px;
					padding:12px 0;
					text-indent:8px;
					font-weight:bold;
					margin:0 0;
					text-align:center;
					background: #fdfdfd; /* Old browsers */
					background: -moz-linear-gradient(top, #fdfdfd 0%, #e3e3e3 99%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(99%, #e3e3e3)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #fdfdfd 0%, #e3e3e3 99%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #fdfdfd 0%, #e3e3e3 99%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #fdfdfd 0%, #e3e3e3 99%); /* IE10+ */
					background: linear-gradient(to bottom, #fdfdfd 0%, #e3e3e3 99%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e3e3e3', GradientType=0 ); /* IE6-9 */
					border-bottom:1px solid #cacaca;
					}
					 #sort ul.none li span.seitentitel:hover {
					background: #e3e3e3; /* Old browsers */
					background: -moz-linear-gradient(top, #e3e3e3 0%, #fdfdfd 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #fdfdfd)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #e3e3e3 0%, #fdfdfd 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #e3e3e3 0%, #fdfdfd 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #e3e3e3 0%, #fdfdfd 100%); /* IE10+ */
					background: linear-gradient(to bottom, #e3e3e3 0%, #fdfdfd 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#fdfdfd', GradientType=0 ); /* IE6-9 */
					cursor:pointer;}
					 #sort ul.none li span.seitentitel.point-act {
					height:20px;
					top:-61px;
					position:relative;
					}
					#sort ul.none li span.seitenfunktionen.point-act {
					display:block;
					background:#fff;
					border:1px solid #cacaca;
					border-top:none;
					height:50px;
					position:relative;
					top:40px;
					padding:10px 0 0 0;
					}
					 #sort ul.none li span.toggle {
					display:none; position:relative; top:26px; left:10px;
					}
					#sort ul.none li span.seitenfunktionen {
					display:none;
					}
					#sort ul.none li a.preview {
					display:none;
					}
					#sort ul.none li span.note {
					display:none;
					}
					#sort ul.none li span.seitenanzahl {
					display:none;
					}
					 #sort .tab {
					margin:0; 
					}
					 .main-verwaltung .up, .main-verwaltung .down, .main-verwaltung .connect, .main-verwaltung .disconnect, .main-verwaltung .edit, .main-verwaltung .delete {
					width:20%;
					height:40px;
					margin:0 0;
					text-align:center;
					font-size:0px;
					overflow:hidden;
					color:#fff;
					}
					.main-verwaltung .up span, .main-verwaltung .down span, .main-verwaltung .connect span, .main-verwaltung .disconnect span, .main-verwaltung .edit span, .main-verwaltung .delete span {
					display: inline-block;
					width:100%;
					height:40px;
					margin:0 auto;
					overflow:hidden;
					}
					 .main-verwaltung .edit span, .main-verwaltung span.edit {
					 background: transparent url("../img/v2/icons/pencil_mobil.png") center center no-repeat;
					}
					.main-verwaltung .connect span, .main-verwaltung .connect1 span {
					 background: transparent url("../img/v2/icons/connect_mobil.png") center center no-repeat;
					}
					.main-verwaltung .disconnect span, .main-verwaltung .connect0 span {
					 background: transparent url("../img/v2/icons/disconnect_mobil.png") center center no-repeat;
					}
					.main-verwaltung .delete span, .main-verwaltung span.delete {
					 background: transparent url("../img/v2/icons/delete_mobil.png") center center no-repeat;
					}
					.main-verwaltung .up span, .main-verwaltung span.up {
					 background: transparent url("../img/v2/icons/arrow_up_mobil.png") center center no-repeat;
					}
					.main-verwaltung .down span, .main-verwaltung span.down {
					 background: transparent url("../img/v2/icons/arrow_down_mobil.png") center center no-repeat;
					}
					
					fieldset li button {
					margin: 0;}

					
					
					ul.main-verwaltung li span.ebene {background:url("../img/v2/ebene0.png"); text-align:center; width:50px; height:22px; display:inline-block; position:absolute; left:8px;}
					ul.main-verwaltung li ul li span.ebene  {background:url("../img/v2/ebene1.png");}
					ul.main-verwaltung li ul li ul li span.ebene  {background:url("../img/v2/ebene2.png");}
					ul.main-verwaltung li ul li ul li ul li span.ebene   {background:url("../img/v2/ebene3.png");}
					ul.main-verwaltung li ul li ul li ul li ul li span.ebene   {background:url("../img/v2/ebene4.png");}
					ul.main-verwaltung li ul li ul li ul li ul li ul li span.ebene   {background:url("../img/v2/ebene5.png");}


					fieldset.inline li {float:none; display:block; clear:left;}
					fieldset.inline label {width:auto; margin-left:0;}
					fieldset.inline button {margin-left:0; margin-top:0;}

					/*------------------------------------------ANGEBOTE-TOOl-BEGIN---------------------------------------*/
					
					.angebote .hquad {position:relative; max-width:400px; width:100%; margin:15px 10px 40px 0; height:auto; min-height:450px; float:left;}
					
					
					
					.angebote .hquad .pic {max-width:400px; width:100%; height:250px; overflow:hidden; border-bottom:10px solid #468ab4; }
					.angebote .hquad p {padding-bottom:40px; position:relative; display:block;}
					
					
					
					
					/*------------------------------------------ANGEBOTE-TOOl-END---------------------------------------*/


.field1, .field2, .field3, .field4, .field5, .field6, .field7  {width:100%; height:auto; }
li#kontaktheadline {display:none;}
li#kontaktpoints {padding:10px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  }
    
}