@media (max-width:1630px) {
	.header-main-left-mainmenu > ul > li {
		font-size: 22px;
		margin-right: 16px;
	}

	#subnavigation .labelformenu {
		font-size: 22px;
	}	

	#subnavigation ul li {
		font-size: 22px;
	}
}

@media (max-width:1500px) {

	.header-main-left-mainmenu > ul > li {
		font-size: 20px;
		margin-right: 7px;
	}
	#subnavigation .labelformenu {
		font-size: 20px;
	}	

	#subnavigation ul li {
		font-size: 20px;
	}
	.grid-onecolumnwhite-content-helpers {
		float: none;
		margin-top: 30px;
		margin-bottom: -40px;
	}

	body.scrolled .header-main-left-logo {
		background: url(../Images/logo-lebenshilfe-fuer-die-grafschaft.svg) 0 1vw no-repeat;
		background-size: 100% auto;
	}

	.grid-threecolumns-col > div {
		flex: 0 1 49%;
	}	



}

@media (max-width:1350px) {

	.mainarea-bigheadimage-aside {
		flex-basis: 300px;
	}
	#stoerer {
		width: 300px;
	}
	.mainarea-aside {
		flex-basis: 300px;
	}
	.header-main-right {
		flex-basis: 300px;
	}
	.header-top-right {
		flex-basis: 300px;
	}	

	.header-main-right p {
		font-size: 17px;
	}
	.header-main-right p strong {
		font-size: 17px;
	}	


}


@media (max-width:1250px) {
	.header-main-left-mainmenu > ul > li {
		font-size: 19px;
		margin-right: 5px;
	}
	#subnavigation .labelformenu {
		font-size: 19px;
	}	

	#subnavigation ul li {
		font-size: 19px;
	}	
}


@media (max-width:1200px) {
	body.scrolled .container-first,
	.container-first {
		margin-top: 7vw;
	}

	.header-top {
		display: none;
	}

	.header-main-right {
		display: none;
	}
	.header-main {
		flex-direction: column;
	}


	.header-main-left-logo {
		max-width: 50vw;
		margin-left: 20px;
		transform: none;
		height: 8vw;
	}

	body.scrolled .header-main-left-logo {
		max-width: 50vw;
	}
	body.scrolled .header-main-left-suche {
		display: none;
	}


	.header-main-left-mainmenu {
		position: absolute;
		bottom: initial;
		background: var(--lh-bg-grey);
		width: 100vw;
		padding: 40px;
		display: none;
		border-bottom: 3px solid var(--lh-blue);
		max-height: 80vh;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	body.mainnavopen  {
		overflow-y:hidden;
	}

	body.mainnavopen .header-main-left-mainmenu {
		display: block;
	}
	.header-main-left-mainmenu > ul > li {
		margin-bottom: 5px;
		display: block;
		padding-bottom: 0;
	}

	.header-main-left-mainmenu > ul > li > ul {
		position: static;
		padding: 0;
		width: auto;
		background: transparent;
		padding-left: 100vw;
		transform: none;
		margin-top: 0;
		padding-left: 20px;
	}
	.header-main-left-mainmenu > ul > li > ul li {
		color: var(--lh-blue);
		line-height: 1.4em;
	}

	.header-main-left-mainmenu > ul > li.active::after, .header-main-left-mainmenu > ul > li.hover::after, .header-main-left-mainmenu > ul > li:hover::after {
		display: none;
	}

	.mainnavopener {
		position: fixed;
		right: 20px;
		top:4vw;
		height: 25px;
		width: 40px;
		background-color: var(--lh-blue);
		display: block;
		cursor: pointer;
		pointer-events: all;
		z-index: 10;

	}

	body.mainnavopen .mainnavopener {
		background-color: var(--lh-green);
	}

	.mainnavopener::before {
		content: ' ';
		position: absolute;
		left:0;
		right:0;
		top:5px;
		height: 5px;
		background-color: #fff;
	}

	.mainnavopener::after {
		content: ' ';
		position: absolute;
		left:0;
		right:0;
		top:15px;
		height: 5px;
		background-color: #fff;
	}	

	.header-main-left-mainmenu > ul > li > ul li {
		line-height: 1.2em;
		padding-top: 5px;
		padding-bottom: 5px;
	}	

	
	.mainarea-main {
		padding-left: calc(20px + 6vw);
	}	
	.footer-wrapper {
		padding-left: 8vw;
	}

	body.scrolled .header-main-left-logo {
		background: url(../Images/logo-lebenshilfe-fuer-die-grafschaft.svg) 0 0 no-repeat;
		background-size: 100% auto;
	}

	.mobileinfocontent {
	  display: block;
	  margin:20px 0;
	}

	.mobileinfocontent-contactcontent-first,
	.mobileinfocontent-contactcontent-second {
	  padding-left:50px;
	  box-sizing: border-box;
	}

	.mobileinfocontent-contactcontent-first {
	  margin-bottom: 24px;
	  background: url(../Icons/Telefon.svg) 0 center/31px auto no-repeat;
	}

	.mobileinfocontent-contactcontent-second {
	  margin-bottom: 0;
	  background: url(../Icons/Brief.svg) 0 center/31px auto no-repeat;
	}

	.mobileinfocontent-contactcontent p {
	  margin:0;
	  padding:0;
	  font-size: 17px;

	}

	.mobileinfocontent-contactcontent p strong {
	  color:var(--lh-blue);
	  font-weight: normal;
	  font-family:"Kievit W01 Bold";  
	  letter-spacing: 0.02em;
	  font-size: 18px;  
	}

	.mobileinfocontent-contactcontent p a {
	  color: inherit;
	  text-decoration: none;
	}

	.mobileinfocontent-spenden {
		margin:20px 0;
	}

	.mobileinfocontent-spenden a {
		font-family: "Kievit W01 Bold";
		display: inline-block;
		height: 100%;
		margin: 0 42px 0 0;
		background: var(--lh-green);
		color: #fff;
		text-align: center;
		text-decoration: none;
		line-height: 49px;
		font-size: 20px;
		max-height: 49px;
		padding:0 60px;
	}


	.mobileinfocontent-suche form#form_kesearch_searchfield_mobil {
		height: 49px;
		line-height: 49px;
		background: #fff;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mobileinfocontent-suche form#form_kesearch_searchfield_mobil input[type="text"] {
		border: 0;
		background-color: #fff;
		font-family: MetaSerifWeb-Light;
		font-size: 20px;
		color: var(--lh-textstandard);
		-webkit-appearance: none;
		width: 95%;
	}

	.mobileinfocontent-suche form#form_kesearch_searchfield_mobil input[type=text]::placeholder {
	  color: var(--lh-textstandard);
	  opacity: 1;
	  font-style: italic;
	}

	.mobileinfocontent-suche form#form_kesearch_searchfield_mobil input[type=submit] {
	  border:0;
	  background:url(../Icons/Lupe.svg) 0 0 /contain no-repeat;
	  height: 22px;
	  widows: 22px;
	  cursor: pointer;
	  -webkit-appearance: none;
	}

	.mobileinfocontent-suche form#form_kesearch_searchfield_mobil input[type=submit]:hover {
	  transform:scale(1.2);
	}
	.header-main-left-mainmenu > ul > li.hasChildren > a::after {
		content:' +';
	}
}


@media (max-width:1150px) {

	#subnavigation ul li {
		font-size: 20px;
	}
	#subnavigation .labelformenu {
		font-size: 20px;
	}
	#subnavigation {
		padding-left: 20px;
	}

	.mainarea-aside h3 {
		font-size: 20px;
	}
	.mainarea-aside p {
		font-size: 17px;
	}


}


@media (max-width:1050px) {
	.mainarea {
		flex-direction: column;
	}

	.mainarea-bigheadimage-aside {
		display: none;
	}
	.mainarea-bigheadimage-main {
		border-right: 0;
	}
	.mainarea-aside {
		flex-basis: 0;
		padding-left: 11.6vw;
		padding-top: 20px;
	}
	.mainarea-aside img {
		max-width: 300px;
	}
	.mainarea-aside-content {
		padding-left: 0;
		padding-right: 30px;
		max-width: 394px;
	}	
	#subnavigation {
		padding-left: 0;
	}
}



@media (max-width:1000px) {
	.grid-threecolumns-col > div {
		flex: 0 1 100%;
	}		
}


@media (max-width:768px) {

	.sidebar {
		display: none;
	}

	.footer-wrapper {
		padding-left: 80px;
		display: flex;
	}

	.footer-social {
		flex: 0 0 auto;
	}


	.mainarea-bigheadimage-main {
		border-right: 0;
		padding-bottom: 50vw;
	}	

	.mainarea-bigheadimage-aside {
		flex-basis: auto;
		padding: 20px 50px;
	}

	.mainarea {
		flex-direction: column;
	}


	.mainarea-bigheadimage-aside {
		display: none;
	}
	#stoerer-wrapper {
		display: none;
	}

	.grid-threecolumns-col > div {
		flex: 1 1 auto;
	}

	.mainarea-aside {
		flex-basis: auto;
		max-width: initial;
		padding-top: 0;
	}	

	.lsoverlay-inner {
		top: 5vh;
		left: 5vw;
		right: 5vw;
		bottom: 10vh;
	}

	.lsoverlay-closer {
		top: 6vh;
		right: 8vw;
		font-size: 20px;
	}

	.grid-onecolumnwhite-content-wrapper {
		padding: 20px;
	}

	.mainarea-main {
		margin-right: 20px;
		padding-left: 20px;
	}

	.teaserbox-content {
		padding: 40px 30px 14px 30px;
	}

	.mainarea-main-content h2 {
		font-size: 40px;
		line-height: 1.2em;
	}

	.grid-onecolumnwhite-content {
		display: flex;
		flex-direction: column;
	}


	.grid-onecolumnwhite-content-helpers {
		margin-bottom: 0px;
	}	

	.grid-onecolumnwhite-content-helpers a.rs-start-button {
		background: url(../Icons/Hoeren.svg) 0 0/auto 21px no-repeat;
		padding-left: 20px;
		font-size: 14px;
	}
	.grid-onecolumnwhite-content-helpers a {
		line-height: 29px;
	}

	.grid-onecolumnwhite-content-helpers a.leichtesprache {
		background: url(../Icons/Sprechblase.svg) 0 0/auto 21px no-repeat;
		padding-left: 30px;
		font-size: 14px;
	}

	.kacheltext-overlay {
		position: static;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px 20px 10px 20px;
		display: block;
		background: var(--lh-blue);
	}
	.kacheltext:hover .kacheltext-wrapper::before {
	  display: none;
	}

	body.scrolled .header-main-left-logo, .header-main-left-logo {
		max-width: 65vw;
		width: 100%;
		background-position: left center;
	}
	.header-main {
		padding: 14px 0 12px 0;
	}
	.ce-left .ce-gallery, .ce-column {
		float: none;
	}

	body.mainnavopen .header-main-left-mainmenu {
		margin-top:12px;
	}

	#breadcrumb ul li {
	  display: inline;
	}

	#breadcrumb ul li a {
	  font-size: 15px;
	}
	footer p {
		font-size: 15px;
	}
}