/* MediaQueries Smartphone */
@media only screen and (max-width: 767px) , only screen and (max-width: 768px) and (orientation: landscape) {
    /* Mobile Navigation */
	.MobileNavigationExpand {
		display: block;
        float:left;
        height:100%;
	}    
  
    #HeaderTop{
    	 background: none repeat scroll 0 0 #008B00 !important;
    	 z-index: 1000;
    }
    #MobileNavigation{
    	overflow-y: scroll;
        /*display: block;*/
        min-height: 39px;
        float:left;
        position:fixed;
        left:0;
        top:0;
        height:100%;
        width: 80%;
        z-index:999999;
    }
    #MobileMainNavigationList,nav{
    	display: block;        
        word-wrap: break-word;
        margin: 0;
    	padding: 0;
    	width: 100%;
    	overflow: hidden;
    }
    #MobileMainNavigationList, #MobileMainNavigationList ul{
    	list-style:none;
        padding:0;
    }
    #AppWrap.PreventScroll{
    	overflow:hidden !important;
    }
    #LogoHeadline{
    	color: #FFFFFF !important;
        font-size:12.8px;
	    font-size: 0.8rem;
	    /*margin-top: 11px !important;*/
        width:39% !important;
    }
    #MobileMainNavigationList li{
    	float:left;
        width:100%;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }
     #MobileMainNavigationList a{
     	color:#fff !important;
    	font-size:16px;
      	font-size: 1rem;       
        /*padding: 1em 5%;*/
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
    	padding-left: 10px;
       	/*width: 73%;*/
        width: 70%;
        float: left;
    }
    
    #MobileMainNavigationList li ul{
    	display:none;
        margin: 0 0 0 10px;
    	padding: 0;
    	width: auto;
        height:100%;
    }
    
    .MobileNavigationExpand{
    	display:block;
        height: 23px;
        width: 22px;
        color: #FFFFFF !important;
	   	/*padding: 4px 7px 4px 7px;*/
	   	padding: 4px 7px 3px;
	    border: 1px solid #FFFFFF;
    	/*border-radius: 5px;*/
    }
    
    .SubMenuExpand{
    	color: #FFFFFF !important;
    	float: right !important;
    	width: 1px !important;
        text-align: center;
        padding-left: 20px !important;
    	padding-right: 20px !important;
    	margin-right: 1px;
        text-decoration:none !important;
        /*border: 1px solid rgba(255, 255, 255, 0.5);*/
    }
    
    ul.level2 .SubMenuExpand {
    	margin-right: 12px;
    }
    
    ul.level3 .SubMenuExpand {
    	margin-right: 23px;
    }
    
    .MobileNavigationExpand, .SubMenuExpand{
    	font-size:19.2px;
    	font-size: 1.2rem;
    }
    
    .MobileNavigationExpand span{
     	background: none repeat scroll 0 0 #FFFFFF;
   	 	display: block;
    	height: 3px;
    	margin-top: 3px;
    }
    
	/* Mobile Navigation End */
	#Footer {
		min-height: 10px;
	}
	
	#FooterContent {
		/*display: none;*/
	}
	
	#BannerImage+.BannerImageDivider,#BannerImage,#SiteFunctions,#FooterContent,#ServiceColumn,#QuickSearch,#MainNavigation
	{
		/*display: none !important;  
    height: 135px;
    margin-top: -8%;*/
	}
	
	#SiteFunctions, #QuickSearch, #MainNavigation, /*#TopLink,*/ #BreadCrumbNavigation {
		display: none;
	}
	
	.container-fixed,.touch .container-fixed {
		width: auto !important;
		margin-left: 10px !important;
		margin-right: 5px !important;
	}
    #Header > .container-fixed{
    	margin:0 !important;
    }
	#Content img {
		/*width: 98% !important;*/
	}
	
	.HeadlinePicture {
		display: block;
	}    
	#ContactForm textarea {    
    	width: 96% !important;
	}  
    
    /* Responsive Tables */
   
  
	 /* Force table to not be like tables anymore */
	  table.DataTable, .DataTable thead, .DataTable tbody, .DataTable th, .DataTable td, .DataTable tr { 
     /* display: block; */
    }	
    
    td:nth-of-type(1):before {
     content: none !important; 
		}
    /* Hide table headers (but not display: none;, for accessibility) */
  
	  .DataTable thead tr { 
     /* position: absolute;
      top: -9999px;
      left: -9999px; */
    }	
	
	.DataTable td { 
      /* Behave  like a "row" */
      border-right:1px solid rgba(0, 0, 0, 0.2);		
     /* position: relative;
     	padding-left: 50%;  */
    }		
	
	.DataTable td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
    .DataTable tr:first-child{
      border-top:1px solid rgba(0, 0, 0, 0.2);
    }
    .DataTable td { 
      /* Behave  like a "row" */
      border-right:1px solid rgba(0, 0, 0, 0.2);		
      position: relative;
     /* padding-left: 50%; */
    }		
    
    .ServiceModul, .ServiceModulIndividual {
    	margin-top: 10px;
    }
    #Content {
    	margin-bottom: 30px;
    }
    #MobileMainNavigationList ul.level2 > li {
    	background-color: #009E00;
	}
	#MobileMainNavigationList ul.level3 > li {
    	background-color: #00AF00;
	}
	#MobileMainNavigationList ul.level4 > li {
    	background-color: #32bf32;
	}
    #MobileServiceNavigation{
		display:block !important;
		padding-left: 11px;
    	padding-right: 5px;
    	margin-top: 5px;
	}
	
	.MobileContactForm {
	    float: left !important;
	    text-align: center;
	    width: 49% !important;
	}
	.MobileContactForm a, .MobileTopLink a, #MobileSearch {
		display: block;
	}
    #MobileSearch{
    	background: url("/static/website/design/img/MobileSearchIcon.png") no-repeat scroll 4px 4px rgba(0, 0, 0, 0);
    	border: 1px solid #FFFFFF;
    	float: right;
    	height: 23px;
    	margin-right: 9px;
    	margin-top: 9px;
    	padding: 4px;
    	width: 24px;        
    }	
	.MobileTopLink {
	    float: right !important; 
	    text-align: center;
	    width: 49% !important; 
	}
	
	.ServiceModulIndividual .boxContent p img {
    	width: auto !important;
	}
	
	
	/*#ContactPersonTableList_paginate {
	    display: block;
	    height: 100%;
	    margin: auto;
	    vertical-align: middle;
	}
	#ContactPersonTableList_length {
		display: block;
	    height: 100%;
	    margin: auto;
	    vertical-align: middle;
	}
	#ContactPersonTableList_info {
		display: block;
	    height: 100%;
	    margin: auto;
	    vertical-align: middle;
	    width: auto;
	}*/
	#MobileTopLinkPlaceholder > #TopLink {
		margin-bottom: 0px !important;
	}
	#ContentContainer > hr {
    	margin-bottom: 15px;
	}
    /* Ansprechpartner info Custom*/
    #ContactPersonTableList_info{
    	width: 40% !important;
    }
    #MobileNavigationExpandWrap {
    	float: left; padding: 9px;
    }
    #ContactFormFooterPhoneNumber > a {
    	white-space: nowrap;
    }
    /* Quick Search */
	#HeaderTop.fixed #HeaderTopRight {
		display: block;
	}
	header {
    	margin-bottom: -40px !important;
	}
	/* Medicaljournal Custom */
	.MedicJournalList li.OVEntry.OVEntryColumn{
		float:none !important;
		border: 0 none !important;
    	height: auto !important;
    	width: 100% !important;
	}
	.MedicJournalList li.OVEntry.OVEntryColumn > article.OVEntryContent{
		height:auto !important;
		margin-right:0 !important;
		margin-left:0 !important;
		margin-bottom: 5px !important;
	}

	/* PrettyPhoto */
	.pp_pic_holder.pp_default {
		width: 100% !important;
		left: 0 !important;
		overflow: hidden;
	}
	div.pp_default .pp_content_container .pp_left {
		padding-left: 0 !important;
	}
	div.pp_default .pp_content_container .pp_right {
		padding-right: 0 !important;
	}
	.pp_content {
		width: 100% !important;
		height: auto !important;
	}
	.pp_fade {
		width: 100% !important;
		height: 100% !important;
	}
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top,
		.pp_bottom {
		display: none !important;
	}
	#pp_full_res img {
		width: 100% !important;
		height: auto !important;
	}
	.pp_details {
		width: 100% !important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #fff;
		margin-top: -2px !important;
	}
	a.pp_close {
		right: 7% !important;
		top: 10px !important;
	}
	
	/* Anpassung des Sliders im Mobilformat Wunsch von S. Krausnik */
	/* erstellt am 11.05.2023 von m.dietz */
	
	/* Ausblenden der Überschrift */
	.carousel-caption > h2 {
		display: none !important;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block !important;
	}
	.carousel-control {
		opacity: 0.1 !important;
	}
	/*Contact Form Dialog Title Formatierung */
	.ContactFormDialogTitle {
	    width: 94% !important;
	}
	.carousel-caption.box {
    padding: 5px;   
	}
  .carousel-indicators {
    position: relative !important;
    }
	#BannerImage {
		/*padding-right: 6px;*/
	}
	#BannerImage > img {
		margin-top: 5px;
	}
	#WelcomePageSlider {
		margin-top: 5px;
	}
	
	
}



@media only screen and (max-width: 767px) and (orientation:landscape) {
	#LogoHeadline{
  		font-size: 19.2px;
    	font-size: 1.2em;
    	/*margin-top: 15px !important;*/
    	width: 63% !important;
  	}  
  	a.MobileNavigationExpand {    
    	padding: 4px 7px 3px !important;
  	}
  	#MobileSearch {
    	background: url("/static/website/design/img/MobileSearchIcon.png") no-repeat scroll 6px 6px rgba(0, 0, 0, 0) !important;      
      	/*padding: 6px !important;*/
	}
  	body {
  		-webkit-text-size-adjust: none;
  	}
}


  