/*
      @media only screen and...      
#######################################
*/

@media screen {

	.ym-wrapper {
		margin: 0 auto;
		max-width: 100%;
	}
}





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

@media only screen and (max-width: 1600px) {
	.box-name h4 {
	font-size: 22px;}

}




@media only screen and (max-width: 1440px) {
	.box-name h4 {
	font-size: 18px;}
	
}


/*  */


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

	main, div#container-navigation { width: 90%; }
	}


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

@media only screen and (max-width: 1024px) { 
  /* linearization for grid module */
  .linearize-level-template-2-spalten,
  .linearize-level-template-2-spalten > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  /* reset defined gutter values */
  .linearize-level-template-2-spalten > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }
 


 /* linearization for grid module */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }
  
	main, div#container-navigation { width: 98%; }
	
	#schwerpunkte .box-therapie {
		background-color: #fff;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 0; 
	}


	nav { float: none; }
	header { height: auto; }

	.footer-content div.submenu { margin: 0; }
	.footer-content div.submenu ul li { margin-left: 0; }
	footer .content_b { margin-top: 20px; padding-bottom: 20px; }
	
	div.kasten-info { padding:10px !important; }
	
	div.sidebar div.anfahrt iframe { height: 400px; }
	
	.box-name {
	padding: 20px 0 0 20px !important; }
	
	
	div.team-uebersicht {
	margin-top: 20px !important;
	padding-top: 20px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

}
	

/* FOOTER - BEREICH*/
  /* linearization for grid module */
  .linearize-level-footer,
  .linearize-level-footer > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  /* reset defined gutter values */
  .linearize-level-footer > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }

	/*Sticky Footer css-tricks.com */
	#container {
	  height: auto;
	  /* equal to footer height */
	  margin-bottom: 10px; 
	}/*Sticky Footer css-tricks.com */
	#container:after {
	  content: "";
	  display: block;
	}/*Sticky Footer css-tricks.com */
	footer, #container:after {
	  height: auto; 
	}/*Sticky Footer css-tricks.com */
	footer { padding-top: 10px;}/*Sticky Footer css-tricks.com */

	footer {padding: 20px 0px 0px 20px;}
	
	h4#sprechzeiten-anker { margin-top: 2em; }
	ul#navigation-footer { margin-left: 0; margin-top: 2em; }
	
/* FOOTER - BEREICH ENDE*/


}



/*  */





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


  /* linearization for grid module */
  .linearize-level-2,
  .linearize-level-2 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  /* reset defined gutter values */
  .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }



 }	



@media only screen and (max-width: 700px) {
	.sm-clean > li:nth-child(1) > a {
    border-radius: 10px 10px 0px 0px;
	}
	.sm-clean > li:last-child > a {
    border-radius: 0px 0px 10px 10px;
	}
	
	.sm-clean > li:last-child > a.has-submenu {
    border-radius: 0px 0px 10px 10px;
	}
	
	.sm-clean li:last-child a { border-radius: 0 0 10px 10px; }
	
}	





@media only screen and (max-width: 600px) {
	div.footer-content {
		width: 100%;
		margin: 20px 0 0 0px;
	}

}

	
@media only screen and (max-width: 500px) {
	footer img.logo {
		width: 150px;
		float: none;
		display: block;
		margin: 10px 20px 0px 0px;
	}
}	

@media only screen and (max-width: 360px) {
	div.ym-wbox { padding:0; }

}


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

}

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