@media (min-width: 0px) and (max-width: 900px) {
	.metanav--header .metanav__link a { margin-right: 0px !important; }
	.langnav__link { margin-right: 8px !important; }
	.lupe { display: none; }
	.heart { display: none; }
	.login { display: none; }
	.metanav--header .metanav__link { margin-left: 5px !important; }
}

@media (min-width: 0px) and (max-width: 768px) {
	/*.metanav { display: none !important; }*/
	.meta_login { display: none !important; }
	#mainnav { display: none !important; }
	header { padding-top: 0px !important; margin-top: -30px !important; }
	.introBlock { padding: 0px !important; }
	#breadcrumb ul { padding: 0px !important; }
	h1 { font-size: 30px !important; margin: 0.67em 0; line-height: 1em !important; }
	h2 { font-size: 24px !important; margin: 0.67em 0; line-height: 1em !important; }
	h3 { font-size: 19px !important; margin: 0.67em 0; line-height: 1em !important; }
	.teaser_box { width: 100% !important; margin-bottom: 4em !important; }
	.teasers_3_columns .teaser_box .image_box { height: 30vh; }
	.logo img { margin-bottom: -7px !important; margin-top: 0px !important; }
	#pagewrapper { padding-left: 20px !important; padding-right: 20px !important; max-width: 100% !important; width: calc(100% - 40px) !important; }
	.footer_col25 { width: 100% !important; padding-top: 15px; }
	.footer_col25 ul { list-style: none; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; }
	.foundedby_image { float: none !important; margin: 0px !important; padding: 0px !important; }
	.footer_col33 { width: 100%; display: block; }
	.footerlinks { margin-bottom: 0px; }
	#langnav_footer { margin-bottom: 0px !important; }
	.socialmedia { text-align: left; position: relative !important; }
	.footer_col50 { width: 100% !important; display: block !important; float: none; height: auto !important; }
	.inner_socialmedia {margin-left: 0px;max-width: 100%; width: 100%; margin-top: 3em; margin-bottom: 0em; }
	.project_title { margin-top: 4em; margin-bottom: 2em; font-size: 18px; }
	.project_title > .foundedby_image:nth-child(2) { margin-left: 0px !important; }
	.project_title > .foundedby_image:nth-child(3) { margin-left: -37px !important; }
	.project_title > .foundedby_image:nth-child(4) { margin-left: -20px !important; }
	.inner_footer { max-width: calc(100% - 40px); }
	footer { min-height: auto; }
	#langnav_footer { display: none; }
	.copyright { margin-bottom: 0.5em; }
	.meta_search { display: none; }
	.meta_donate { display: none; }
	.meta_login { display: none; }
	.metanav { top: 10px; right: 0px; }
	.metanav--header .metanav__link { margin-left: 0px !important; }
	.langnav__link { padding: 5px !important; min-width: 25px; }
	.langnav__link { margin-right: 0px !important; }
	#badge img { width: 8em !important; height: 8em !important; }
	#badge { right: 1em !important; top: 1em !important; }
	.resultslist { padding-left: 0px !important; position: relative !important; }
	#rcresults .section_events { position: relative !important; }
	#rcresults .eventsbox_large { position: relative !important; }
	#nearbyButton { top: 80px !important; }
	#searchForm input { margin-bottom: 5px !important; }
	#mapDiv { max-height: 100% !important; height: 70vh !important; }
	#bg_layer1 { display: none; }
	#bg_layer2 { display: none; }
	.introBlock { padding: 0px !important; font-size: 22px !important; line-height: 29px !important; text-align: left !important; }
	.verticaltitle  { font-size: 12px !important; }
	#staticslider { height: 60vh !important; }
	.badge2 { display: none !important; }
	.ctabutton_black { font-size: 18px !important; }
	#faq { margin-left: 0px !important; }
	.accordion button .accordion-title { display: block; padding: 0px !important; margin-left: 1.4em !important; }
	.accordion button .icon { top: 21px !important; }
	.accordion-content { margin-left: 0px !important; }
	.tltimeline { margin-left: 0px !important; padding-left: 0px !important; }
	.tlcontainer { padding-left: 0px !important; padding-right: 0px !important; }
	#events_2cols { padding-left: 0px !important; }
	.tlcontainer::before { display: none; }
	.tlcontainer { margin-bottom: 25px !important; }
	.tltimeline::after { display: none; }
	#basesLegalesBlock { padding: 0px !important; }
	#logoSetFR { max-width: 155px !important; padding-top: 10px !important; margin-bottom: 0px !important; }
	#logoSetFR a img { margin-top: 5px !important; margin-bottom: 10px !important; }
	#logoSetFR img { margin-bottom: 0px !important; margin-top: 0px !important; }
	#logoSetIT { max-width: 185px !important; padding-top: 10px !important; margin-bottom: 0px !important; }
	#logoSetIT img { margin-bottom: 0px !important; margin-top: 0px !important; }
	ul.langnav { margin-right: -6px !important; }
	.metanav--header .metanav__link { padding-left: 0px !important; }
	#logoSetIT a img { margin-top: 20px !important; margin-bottom: 10px !important; }
	.wrapper--metanav { padding-top: 0px !important; }
	#searchForm { position: absolute; top: 10px; left: 10px; z-index: 999; }
	#openStreetMap { margin-bottom: 2.5em !important; }
	.link_reparieren { font-size: 20px !important; }
	.link_engagieren { font-size: 20px !important; }
	.link_wissen { font-size: 20px !important; }
	#logoStickyFR { max-width: 95px !important; top: 28px !important; }
	#logoStickyIT { top: 38px !important }
	#mobileToggleFR { top: 42px !important }
	#fronteasers { margin-top: 2.5em !important; }
	.spendenbox_70 { display: block !important; float: none !important; height: 30vh !important; }
	.image_box { display: block !important; float: none !important; }
	.spendenbox_30_pink { display: block !important; width: 100% !important; height: auto !important; padding: 0px !important; }
	.teaser_1_column .teaser_box .image_box { width: 100% !important; max-width: 100% !important; }
	.teaser_1_column .teaser_box .image_box { height: 30vh !important; }
	.spendenbox_30_pink { padding: 25px !important; }
	.spendenbox_30_pink { width: calc(100% - 40px) !important; }
	#fronteasers { margin-bottom: 0px !important; }
	#spenden_1col { margin-bottom: 0px !important; }
	#mobileToggleFR { top: 61px !important; }
}

@media (min-width: 1581px) {
	#mainnav { left: 349px !important; }
	.mainnav__megadropdown-lst { width: 257px !important; }
}

@media (max-width: 1040px) {
	#mainnav_1 { font-size: 1.2em;  padding: 0.25em; }
	#mainnav_2 { font-size: 1.2em;  padding: 0.25em; }
	#mainnav_3 { font-size: 1.2em;  padding: 0.25em; }
	.mainnav__lst li.folder { width: 100px; } 
	.logo { max-width: 190px; }
	#mainnav {
        top: 6.325em;
		left: 30vw;
		max-width: 60vw;
	}
	header { margin-bottom: 0px; }
	
}

@media (min-width: 768px) and (max-width: 1040px) {
	#mega1, #mega2, #mega3 { top: 155px !important; }
	
}

@media (min-width: 768px) and (max-width: 1090px) {
	#mainnav { max-width: 55vw !important; }
	#logoSetFR { margin-bottom: 15px !important; }
	#logoSetIT { margin-bottom: 15px !important; }
}

@media (min-width: 0px) and (max-width: 900px) {
	#header.sticky.show .mobileToggle { right: 10px !important; top: 35px !important; }
	.logosticky img { max-width: 125px !important; margin-bottom: 0px !important; margin-top: 12px !important; }
	#footercol1_it { min-height: auto !important; }
	#mainnav_1 span { font-weight: 800 !important; }
	#mainnav_2 span { font-weight: 800 !important; }
	#mainnav_3 span { font-weight: 800 !important; }
	#mega1 .level-2 a { font-weight: 600; }
	#mega2 .level-2 a { font-weight: 600; }
	#mega3 .level-2 a { font-weight: 600; }
	#header.sticky.show { display: none !important; }
	#rcdetails { padding-left: 0px !important; }
	.rcbox { width: 100% !important; }
}

@media (max-width: 768px) {
	.mobileToggle { display: block !important; position: absolute; right: -9px; top: 50px; cursor: pointer; }
	/* TODO: this in jquery */
	#mainnav.mobileview { background: #fff !important; display: block !important; position: absolute; z-index: 999 !important; left: 0px !important; width: 100% !important; max-width: 100% !important; }
	#mainnav.mobileview ul { display: block !important; width: 100% !important; max-width: 100% !important; }
	#mainnav.mobileview li { display: block !important; width: 100% !important; max-width: 100% !important; }
	#mainnav.mobileview.mainnav__megadropdown { position: relative !important; }
	#mainnav.mobileview #mega1 { position: relative !important; opacity: 1 !important; left: 0px !important; }
	#mainnav.mobileview #mega2 { position: relative !important; opacity: 1 !important; left: 0px !important; }
	#mainnav.mobileview #mega3 { position: relative !important; opacity: 1 !important; left: 0px !important; }
	#mainnav.mobileview #navspan1 { width: 100% !important; }
	#mainnav.mobileview #navspan2 { width: 100% !important; }
	#mainnav.mobileview #navspan3 { width: 100% !important; }
	#mainnav.mobileview #navspan4 { width: 100% !important; }
	
	/* MIR newest xxxxx */
	.mainnav__megadropdown-lst { padding-left: 0px !important; }
	#mainnav.mobileview #navspan1 { display: auto !important; visibility: visible !important; opacity: 1 !important; }
	#mainnav.mobileview #navspan2 { display: auto !important; visibility: visible !important; opacity: 1 !important; }
	#mainnav.mobileview #navspan3 { display: auto !important; visibility: visible !important; opacity: 1 !important; }
	#mainnav.mobileview {
		display: block !important;
		position: relative;
		left: 0px !important;
	}
	#mainnav { top: 0px !important; }
	#mainnav.mobileview #mega1 { top: auto !important; }
	#mainnav.mobileview #mega2 { top: auto !important; }
	#mainnav.mobileview #mega3 { top: auto !important; }
	#mega1, #mega2, #mega3 { border-top: 0px solid #efefef !important; border-bottom: 0px solid #009DF4 !important; }
	#mainnav_1, #mainnav_2, #mainnav_3 { padding: 0px !important; }
	.level-2 li { padding-left: 1em !important; }
	.mainnav__megadropdown { padding-bottom: 0px !important; }
	#mainnav.mobileview li.mobilehidden { display: none !important; }
	.mainnav__megadropdown-lst>li { margin: 0px !important; }
	#mainnav.mobileview ul { margin-top: 0px !important; }
	#mainnav.mobileview ul li { border-top: 0px solid #efefef; }
	#mainnav.mobileview ul ul li { border-top: 1px solid #efefef; }
	.mainnav__megadropdown { margin-top: 0px !important; }
	.folder { margin-bottom: 1em !important; }
    #mega1 .mmlink_reparieren { border-bottom: 0px !important; }
	#mega2 .mmlink_engagieren { border-bottom: 0px !important; }
	#mega3 .mmlink_wissen { border-bottom: 0px !important; }
	#breadcrumb { padding-bottom: 0.3em !important; }
	#informationenTitle { padding-left: 0px !important; }
	#informationenTitle h2 { line-height: 1.25em !important; }
	.eventsbox_large_blue { min-height: auto !important; width: 100% !important; padding: 0px !important; }
	.accordion button[aria-expanded='true'] + .accordion-content p { padding-left: 0px !important; }
	.accordion-content { margin-left: 1.5em !important; }
	.teasers_2_columns .teaser_box { float: none; }
	.eventsbox_large_blue a { padding: 15px; }
	.eventsbox_large_blue h2 { line-height: 1.25em !important; }
	.eventsbox_large_blue .linking { display: none !important; }
	#events_2cols .image_box_container { overflow: hidden; height: 30vh !important; }
	#events_2cols { margin-bottom: 0px !important; padding-bottom: 0px !important }
	.verticaltitle_outer { display: none !important; }
	#footercol1_it { min-height: auto !important; }		
	#rcdetails { padding-left: 0px !important; }
	.rcbox { width: 100% !important; }
	#staticslider { background-size: cover !important; }
}