/**** mobile ***/
.noscroll { overflow: hidden; }

.burger {
  display: none;
	cursor: pointer;
	position: fixed;
	z-index: 2000;
	right: 0;
	top: 5px;
	right: 15px;
	background-color: #fff;
	padding: 5px;
}

.bar1, .bar2, .bar3 {
  width: 34px;
  height: 3px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.1s;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 8px);
  transform: rotate(-45deg) translate(-6px, 8px);
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);
}
.change .bar2 {opacity: 0;}

.mobile {
    display: none;
    position: fixed;
    z-index: 1999;
    left: 0;
/*  top: 120px;*/
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: scroll;
	font-family: 'fira_regular';
	font-size: 18px;
	line-height: 32px;
	color: #000;
}

.mobilmenu a { color: inherit; }


.mobilmenu ul {
	margin: 80px 40px 0 40px;
}

.mobilmenu ul li a {
	display: block;
	padding: 6px 0;
}

.mobilmenu ul li ul li {
	display: none;
}

.mobilmenu ul li:hover,
.mobilmenu ul li.current-menu-item a {
	color: #0089b9;
}


 /* @media only screen and (min-width: 42em) and (max-width: 64em) {  */

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

	body { background: #fff; }

	.container { width: 92%; padding: 0 3%; }
	.burger { right: 4%; }

	#header, .main-content { margin: 0; }

	.mobile #search-5 .widget-title, 
	.mobile #search-5 .screen-reader-text { display: none; } 
	
	.mobile #search-5 { margin: 10px 40px; }
	
	.mobile #search-5 input {
		font: 400 18px 'fira_regular';
		font-family: 'fira_regular';
		font-size: 14px;
		line-height: 18px;
	}
	.mobile #search-5  #searchsubmit {
		font: 400 18px 'fira_regular';
		line-height: 26px;
		padding: 10px 6px;
		font: 400 18px 'fira_regular';
	}

	img, div { max-width: 100%; }
	.burger { display: block; }
	.mainmenu, .meta { display: none; }
	.site-title .logo { 
		clear: left; 
		float: none; 
		width: 100%; 
		padding: 30px 40px 15px 0;
		margin-top: 0;
	}
	


	.galerie .caption {
		font-size: 5vw;
		line-height: 5vw;
	}
	
	.slogan {
		font-size: 2.2vw;
		line-height: 2.7vw;	
	}
	
	.home .twocol .fleximg {
		height: auto;
	}	
	
	.fleximg img {
		position: relative;
		top: 0;
		width: 100%;
		transform: none;
	}
	.fleximg { background-color: transparent; }
	
	.home-widgets .widget {
		margin: 0 0 4% 3%;
		width: 31%;
		min-height: 510px;
		padding-bottom: 30px;
	}
	
	.home-widgets .widget:first-child {
    	margin-left: 0;
	}
	
	.home-widget-posts  { display: none; }

	.home .twocol {
		width: 48%;
	}
	.home .twocol.uneven {
		margin-right: 4%;
	}	
	.home .twocol .fleximg { width: 100%; }
	
	
	
	.themenfelder .twocol {
		margin: 0 4% 0 0;
		width: 46%;
		height: auto;
		padding-bottom: 30px;
	}
/*	.themenfelder .twocol:nth-child(1) {
		margin-right: 4%;
	}		
*/	
	.themenfelder .twocol .fleximg { width: 100%;  }
	
	

 	.glossar .intro, .glossar .section { margin-right: 5%; }
 	.glossarnavi { margin-right: 4%; }

	

	.leftcol { width: 77%; }
	
	.sidebar { width: 23%; }
	

	.threecol { 
		width: 30%; 
		margin: 0 4% 30px 0;
	}
	
	.related .threecol { 
		width: 30%; 
		margin: 0 3% 30px 0;
	}
	
	.leftcol .txt { max-width: 86%; }

	.doublecol { width: 62%; margin-right: 4%; }
	
	.prozess-title span {
		top: auto;
		bottom: 0;
	}
	.prozess-title {
		margin: 12px 4% 0 0; 		
		padding:  5px 36px 5px 10px;	
		line-height: 36px;
	}
	
	.sidebar .item h3 { 
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.box  {
		padding: 0 0 8px 0;
		margin-right: 3%;
		width: 30%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.tribe-events-event-image { max-width: 253px; }
	
	
	.footer .fourcol {
		width: 22%;
		margin: 25px 4% 30px 0;
	}
	
	#archive-filters { display: block; } 
	
	.leftcol .headimg { width: 96%; }

}

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

	.sidebar { display: none; }
	
	.leftcol { width: 100%; }

	.themenfelder .twocol {
		float: none;
		margin: 0;
		width: 100%;
		height: auto;
		padding-bottom: 30px;
	}
	
	.themenfelder .twocol .fleximg { width: 100%; height: auto; }

	#akteur-filters, #archive-filters { display: none; } 

	.home-widgets .widget {
		margin: 3% auto;
		width: 80%;
		min-height: auto;
		height: auto;
		padding-bottom: 30px;
	}
	.leftcol .headimg { width: 100%; }

}

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


	
	.threecol, .twocol, .home .twocol { width: 100%; }

	.slogan {
		font-size: 5vw;
		line-height: 6vw;	
	}
	
	.leftcol h1 {
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		-webkit-hyphenate-limit-chars: 6 3;
		hyphenate-limit-chars: auto 3;
	}
	
 	.glossar .intro, .glossarnavi, .glossar .section {
 			margin-right: 0;
 	}
 	
 	.footer	.fourcol { width: 45%; }


}

@media only screen and (max-width: 420px) {
	.makers { display: none; }
	#header { height: 95px; }

	.galerie { display: none; }
	.mobilmenu { top: 100px; }
	.slogan {
		font-size: 6vw;
		line-height: 8vw;
		margin: 20px auto 6px auto;
	}
}