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

.burger {
  display: none;
	cursor: pointer;
	position: fixed;
	z-index: 2000;
	right: 0;
	top: 15px;
	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%; position: relative; }
	.burger { right: 4%; }

	#header { margin: 0; } 
	.main-content { margin: 70px 0 0 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; }


	#header {
		position: fixed;
		top: 0;
		height: 70px;
		border-bottom: 1px #d9d9d9 solid;
		margin: 0;
		padding: 0 0 0 0;
		background-color: #fff;
		width: 96%;
		z-index: 10;
	}
	
	.mobile { top: 71px; }
	
	.site-title { margin-top: 5px;  }

	.site-title .logo { 
		clear: left; 
		float: none; 
		width: calc(100% - 100px) ; 
		padding: 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: 28%; 
		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; }

	.tribe-events .tribe-events-header__events-ba, 
	.tribe-events .tribe-events-c-events-bar__search-button, 
	.tribe-events .tribe-events-c-events-bar__views { display: none !important; }
	.tribe-events .tribe-events-c-top-bar__datepicker { display: none !important; }

	.tribe-common .tribe-common-g-row--gutters { 
		margin-left: 0; 
	}
	.events .doublecol h3 {
		font-size: 26px;
   	 	line-height: 32px;		
	}
	
	
	.footer .fourcol {
		width: 22%;
		margin: 25px 4% 30px 0;
	}
	
	#archive-filters { display: block; } 
	
	.leftcol .headimg { width: 96%; }

}

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

	.mobilmenu ul { margin-top: 20px; }

	.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) {

	.themenfelder .intro { margin: 0 0 30px 0; } 
	
	.akteurinnen .entry-content { margin: 50px 0 30px 0; } 
	
	.site-title .logo { padding-right: 0; } 


	.expandable .expand-bar { display: none !important; }
	
	.tribe-events .tribe-events-calendar-list__event-venue br { display: none; } 
	
	

	
	
	.threecol, 
	.twocol, 
	.home .twocol, 
	.home-widgets, 
	.home-widgets .widget, 
	.doublecol, 
	.related .threecol, 
	.leftcol .txt  { width: 100%; }
	
	.leftcol .txt { max-width: 100%; padding-right: 0;}
	
	.expandable { height:auto !important; }
	
	.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: 600px) {

	#header {  height: 16vw; }
	.makers { display: none; }
	.burger { top: 2px; }
	.mobile {  top: 51px; }
	.site-title .logo { 
		margin-top: 6px; 
		width: calc(100% - 80px) ; 		
	} 
	
	.main-content {margin-top: 41px;}

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