@media only screen {

.ym-wrapper { max-width: 1000px; }

	.mpsn-content img, .mpsn-gcm ul.gallery li img { max-width: 100%; height: auto; }
  div.lightbox-wrapper-left, div.lightbox-wrapper-right { max-width: 100%; }
	#mobile-menu { display: none; }
	.mobile-tel { display: none; }
	
}


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

.ym-wrapper { max-width: 1000px; } 

}


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

.ym-wrapper { max-width: 1000px; width: auto; }

#header, #nav, #main, #footer { min-width: initial; }

#header .ym-wrapper { height: auto; }
#header #header-links { height: auto; text-align: center; padding-right: 0; }
#header #header-links a { margin: 1em 0.25em; font-size: 100%; }
#header #header-buttons { height: 50px; position: relative; }
#header #header-buttons .social .facebook { position: absolute; top: 0; left: 0; }
#header #header-buttons .social .instagram { position: absolute; top: 0; left: 50px; }
#header #header-buttons .social a { height: 50px; width: 50px; }
#header #header-buttons .social a img { width: 26px; height: 26px; margin: 12px; }
#header #header-buttons .spenden { width: 100%; }
#header #header-buttons .spenden .ym-gbox { margin-left: 50px; }
#header #header-buttons .spenden a { padding: 6px 0; }

.mpsn-gcl .ym-gcbox { display: none; }
.mpsn-gcm .ym-gcbox { padding: 20px 1em 2em 1em; overflow: hidden; }
#content > .ym-gcbox > .container { padding: 1em; }

#main .ym-wbox { min-height: initial; }

	#logo { max-width: 60%; margin-left: 15px; }

	div.lightbox-wrapper-left, div.lightbox-wrapper-right { float: none; display: inline-block; margin-left: 0; }

	.pure-form .pure-input-2-3 { width: 100%; }
	
	.mpsn-content.startseite p { margin-top: 0.5em; }

	.mpsn-content.teaser li { max-width: 40%; font-size: 80%; line-height: 1em; min-height: initial; }

	ul.gallery li { width: 45%; margin-right: 10px; margin-bottom: 10px; font-size: 80%; line-height: 1em; }
	.textgallery ul.gallery li p.link { min-height: 3em; }
	
		ul.subnavi { margin-left: 0em; max-width: 100%; }
		.subnavi li { max-width: 100%; }

	#content .accordion a.accordion-opener { background-position: right 14px top 14px; padding-right: 1.5em; }

	.mpsn-gridText5050 .ym-gl ul { margin-bottom: 0; }
	.mpsn-gridText5050 .ym-gr ul { margin-top: 0; }

.lichtblick h4 { line-height: 1.5em; }
		
#footer .ym-wbox { padding-left: 15px; }
#footer .col3 .ym-gbox { padding-left: 15px; }
#footer .ym-grid .ym-grid .ym-gbox { padding-bottom: 15px; }
#footer .ym-grid .ym-grid .col4 .ym-gbox { padding-bottom: 45px; }

	#header #header-tel { left: 40px; top: 234px; text-align: left; background-image: url(../images/phone_blue.png); padding-top: 2px; }
	.mobile-tel { display: inline; }
	.desktop-tel { display: none; }

	#header #header-tel { font-size: 160%; }


		/* Startseite */
		
		.mpsn-content.startseite img { width: 100%; }
		.mpsn-content.startseite .odd .ym-gl i, 
		.mpsn-content.startseite .odd .ym-gl em { font-size: 120%; font-weight: 300; line-height: 1.25em; letter-spacing: 0.025em; }
		.mpsn-content.startseite .ym-gl, .mpsn-content.startseite .ym-gr { height: auto; overflow: auto; }
		.mpsn-content.startseite .startnav .pfeil { display: none; }
		.mpsn-content.startseite .startnav .ym-gbox { padding: 1em; }
		.mpsn-content.startseite .startnav li a { font-size: 126.67%; font-weight: 300; }
		#content .mpsn-content.startseite .ym-gbox { padding: 1em; }


  /* linearization for grid module */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
	position: static; right: 0;
  }

  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }
	
	.mpsn-gridText5050.linearize-level-1 .ym-gbox { margin-bottom: 1.5em; }
	.mpsn-gridText5050.linearize-level-1 :last-child .ym-gbox { margin-bottom: 1.5em; }



	#footer .ym-wrapper {
		padding-top: 19px;
		padding-bottom: 20px;
		}

	h1 { font-size: 200%; margin-top: 2.5em; }
	h2 { font-size: 140%; line-height: 1.25em; }
	h3 { font-size: 120%; }


	/*** SlickNav ***/
	
	.js #mobile-menu { display: block; }
	.js #menu { display: none; }
	.js .slicknav_menu {
		position: absolute;
		top: 4px;
		right: 5px;
		z-index: 99;
		background: none;
		}
	#mobile-menu ul.slicknav_nav { width: 290px; max-width: 100%; background: #069dc5; padding-top: 3px; padding-bottom: 3px; margin-right: 5px; box-shadow: -8px 8px 35px -6px rgba(0,0,0,0.43); }
	#mobile-menu .slicknav_menu .slicknav_icon-bar { box-shadow: none; width: 1.5em; height: 0.25em; background: #069dc5; }
	.slicknav_menu li { margin-left: 0; } 

	.slicknav_menu .slicknav_btn { background: transparent; }
	
	.slicknav_menu .slicknav_btn,
	.slicknav_menu .slicknav_nav a:hover,
	.slicknav_menu .slicknav_nav .slicknav_row:hover {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		}

	#mobile-menu .slicknav_nav a:hover {
		background: #4b4b4b;
		/*color: #000;*/
		}

	#mobile-menu .slicknav_nav li a { color: #fff; }


}


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

	.ym-wrapper { max-width: initial; }
	
	#main .ym-wbox { min-height: initial; background: none; }
	
	.foerderung-galerie ul.gallery li { width: 100%; }

	
		.mpsn-content.startseite .startnav li { width: 45%; float: left;  }
		.mpsn-content.startseite .startnav li:nth-child(even) { text-align: right; float: right; }
		.mpsn-content.startseite .startnav li:last-child a, .mpsn-content.startseite .startnav li:nth-child(5) a { margin: 0; }
		
	div.lightbox-wrapper-left a, div.lightbox-wrapper-right a { pointer-events: none; }
	div.lightbox-wrapper-left img.mpsn-enlarge, div.lightbox-wrapper-right img.mpsn-enlarge { display: none; }
	
	.js .slicknav_menu { top: 20px; }
		
	  /* linearization for grid module */
  .linearize-level-2,
  .linearize-level-2 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
	position: static; right: 0;
  }

  /* reset defined gutter values */
  .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }



	
}