/* ipad und kleiner screens*/
@media only screen and (min-device-width: 737px) and (max-device-width: 1024px),
only screen and (min-width: 1px) and (max-width: 1220px){
	
	body{
/*
	font-size: 25px;
	line-height: 32px;
*/

	font-size: 22px;
	line-height: 27px;

	}
	
	.text{
/*
	font-size: 23px;
	line-height: 30px;
*/

	font-size: 21px;
	line-height: 27px;
	}
	
	.textklein{
/*
	font-size: 21.5px;
	line-height: 26.5px;
*/
	font-size: 21px;
	line-height: 26px;	
	}
	.textsehrklein{
	font-size: 17px;
	line-height: 22px;
	}
	
	h1 {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	margin-top: 14px;
	margin-bottom: 16px;
	font-size: 32px;
	line-height: 37px;
	}
	
	#main {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
/* 	margin-bottom: 50px; */
	padding-top: 230px;
	}
	
	
	#untermenu {
	padding-bottom:0;
	
	font-size: 19.5px;
	line-height: 28px;
	}
	
	.menugrund {
	height: 100px; 
	}
	
	
	.menuklein{
	top:10px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	z-index: 999;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	padding:0;
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom: 1px solid black;
	background: white;
	
	padding-left: 30px;
	padding-right: 30px;
	}
	
	.menuklein ul {
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-padding-start:0;
	-moz-padding-start:0;
	text-align: left;
	padding-bottom: 8px;
	
	}
	
	
	.menuklein li {
	list-style: none;
	padding-left:0;
	padding-right:0;
	display: inline-block;
	text-align: left;
	margin-right: 14px;
	}
	
	.menuklein .logo{
	margin-top: 2px;
	position: relative;
	width: 190px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.menuklein img{
	max-width: 100%;
	height: auto;
	}
	
	.menuklein #menuinner{
	width: 100%;
	}
	
	.suchenform {
	display: none;
	position: absolute; 
	margin-top: -42px;
	z-index: 999;
	width: 900px;
	height: 70px;
	}
	
	.suchenform .suchenclose {
	cursor: pointer;
	margin-left: -10px;
	}
	
	.fuss li {
	margin-left: 7px;
	margin-right: 7px;	
	}

	
	/* startseite */
	
/*
	.startseite .supernews{
	width: 100%;
	}
*/


	.startseite .supernews{
	width: 675px;
	
		margin-bottom: 15px;

	
	}
/* 	extra */
	
.extra-content-frontpage{
		width: 590px;
		margin-top: 50px;
		margin-bottom: 15px;
}
	
	
	.startseite .bildspalte{
/*
	width: 385px;
	height: 325px;
	float: left;
*/
	display: none;

	}



	.startseite .textspalte{
/*
	width: 230px;
	height: 325px;
*/
	
    width: 100%;
    height: auto;
    margin: 0;
    float: none;
	
	
	
	border-left: 0px solid white; /* margin fix */

	
	}
	
	#main_start{
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
/* 	margin-bottom: 50px; */
	padding-top: 200px;
	}
	
	#news_container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	
	.grid {
	padding-top: 20px;
	width: 100%;
	}
	
	.grid-sizer,
	.grid-item {
	width: 48.5%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 23px; 
	}
	
	.gutter-sizer {
	width: 3%;
	}
	
	

	.single_image{
	max-width: 100%;

	}
	
	.single_image img{
	max-height: 240px;
	width: auto;

	}
	
	
	.startseite .single_image{
	max-height: 100%;
	width: auto;
	
	max-width: inherit;
	}
/*
	.startseite .gallery{
	width: 100%;
	height: 240px;
	}
*/

/*
	
	.startseite .textspalte{
	height: 240px;
	}
*/
	
	.gallery-cell{
	width: 100%;
	height: 100%;
	text-align: center;
	}
	
/*
	.gallery-cell img{
	max-width: 100%;
	height: auto;
	display: block;
	}
*/
	

	
	.gallery-cell img{
	max-height: 100%;
	width: auto;
	display: block;
	
	max-width: none;
	}

		
	.startseite .textwrap{
	height: 310px; 
	margin-left: 20px; 
	padding: 20px;
	}
	
	
	.startseite .single_image{
	width: inherit;
	height: 100%;
	margin: 0;
	overflow: hidden;

	}
	
	.startseite .single_image img{
	max-height: 100%;
	width: auto;
	max-width: inherit;
	
	}
	


	/* seitenelemente */
	
	.linkbox {
	top:0;  
	position: relative;  
	width: 100%;
	margin-left:0; 
	margin-top: 50px;
	}
	
	
	/* filter */
	
	.toggle_filter{
	display: block;
	position: fixed;
	top: 124px;
	right: 5%;
	z-index: 9999;
	cursor: pointer;
	
	}
	.toggle_filter_close:after{
	content: "\00a0 \00a0 × ";
	}
	
	.filterbox{
	display: none;
	position: relative;
	position: fixed;    
	margin-left: 0;
	right: 40px;
	top: 195px;
	background: white;
	padding: 15px;
	z-index: 9999;
	border: 1px solid black;
	}
		
	
	.filterbox:before {
	position: absolute;
	right: 32px;
	top: -32px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid black;
	content: "";
	}
	
	.filterbox:after{
	position: absolute;
	right: 33px;
	top: -30px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid white;
	content: "";
	}




/* 	referenten */
	.referenten-liste .filterbox{
	display: block;
	position: relative;
	position: fixed;    
	margin-left: 0;
	right: 25px;
	top: 110px;
 	background: none; 
	padding: 15px;
	z-index: 9999;
 	border: 0 solid black; 
	}

	.referenten-liste .filterbox:before {
	display: none;
	position: absolute;
	right: 32px;
	top: -32px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid black;
	content: "";
	}
	
	.referenten-liste .filterbox:after{
	display: none;
	position: absolute;
	right: 33px;
	top: -30px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid white;
	content: "";
	}




	.publikationen-single .erstespalte{
	text-align: center;
	float: none;
	margin-left: auto;
	margin-right: auto;
	}

	.publikationen-single .zweitespalte{
	float: none;
	width: 100%;
	}
}









/* ///kleiner screen */
@media  only screen and (min-width: 1051px) and (max-width: 1220px){

	body{
/*  	background: fuchsia; */
	}
	
	#main{
	width: 90%;
	max-width: 850px;
	}
	#main_start{
	width: 90%;
	max-width: 850px;
	}
	
	.startseite .supernews{
 	width: 670px; 
	}

}



@media  only screen and (min-width: 736px) and (max-width: 1050px){

	body{
/* 	background: gray; */
	}
	
	#main{
	width: 700px;
	}
	
	#main_start{
	width: 700px;
	}
	
	.startseite .supernews{
	width: 650px;
	}

	.toggle_filter { 
/* 	display: none; */
	} 

}




/* Ipad quer */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape),
only screen and (min-width: 1px) and (max-width: 1150px)and (orientation: landscape)
{
	
	.startseite	.gallery{
		width: 100%;
 		height: 340px; 
	}
	
	.startseite .textspalte{
		height: 340px;
	}
	
	
	}
*/








/* I Phone  */
@media only screen and (max-device-width: 736px),
only screen and (max-width: 736px) {
		
	body {
/* 	background: green; */
		
	font-size: 19px;
	line-height: 23px;    
	} 
	.menugrund{
	display: none;
	}
	.menuklein{
	display: none;
	}
	
	.text{
	font-size: 18px;
	line-height: 22.5px;    
	}
	
	.textklein{
	font-size: 17.3px;
	line-height: 20px;    
	}
	
	.textsehrklein{
	font-size: 14px;
	line-height: 16px;    
	}
	
	h1 {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	margin-top: 14px;
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 28px;
	}
	
	h2{
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;


	font-size: 18px;
	line-height: 24px;
	}
	
	.abstandunten:last-of-type{
		margin-bottom: 25px;
	}
	
	
	#main {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
/* 	margin-bottom: 50px; */
	padding-top: 0;
	}
	
	
	#kopf{
	width: 90%;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 0;
	}
	
	.sprachen {
	display: inline-block;
	right:0;
	vertical-align: top;
	position: relative;
	
	}
	
	.phone_menu_button {
	font-family: sans-serif;
	font-size: 24px;
	display: inline-block;
	}
	
	
	.phone_logo {
	display: block;
	text-align: center;
	margin-top: -16px; 
	}
	
	.phone_logo img {
	height: 60px;
	width: auto;
	margin-top: -10px;
	z-index: 99;
	}
	
	
	
	.menubig{
	display: none;
	}
	
	
	
	
	
	
	/*  Menu */
	
	
/*


.phone_menu li:last-child {
	border-bottom: 0 solid transparent;
	} 
*/
	
	
	
	
	.phone_menu {
	background: black;
	z-index: 9999;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: white;
	position: relative;
	white-space: nowrap;
	display: none;
	margin-bottom: 15px;
	}
	
	
	.phone_menu:before {
	position: absolute;
	right: 32px;
	top: -32px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid black;
	content: "";
	}
	
	
	.phone_menu a {
	text-decoration: none;
	color: white;
	}
	
	.phone_menu.show {
	display: block;
	}
	
		
	.phone_menu ul{
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
		
	
	.phone_menu ul li {
	list-style: none;
	display: block;
	position: relative;
	border-bottom: 1px solid white;
	}


	.phone_menu li ul {
	display: none;
	}


	.phone_menu li ul li{
	list-style: none;
	margin: 0;
	border-bottom: inherit;
	text-align: left;
	padding:7px;
	}	
	
	.phone_menu ul .menu-item {
	display: block;
	list-style: none;
	width: 100%;
	cursor: pointer;
	padding-top: 11px;	
	padding-bottom: 11px;
	}


	.phone_menu .suchenlink{
	padding: 11px;
	border: 0 solid transparent;
	}

	
	.phone_menu .suchenform{
	display: none;
	position: relative;
	width: auto;
	height: auto;
	width: 100%;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background: black;
	margin: 0;
	padding: 0;
	border: 0 solid transparent;
	}
	
	
	
	.phone_menu .suchenform form {
	width: 100%;
	border-bottom: 0 solid white;
					
	/* keine Abrundung */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
	
	.phone_menu .suchenform form input{
	font-family: 'ArnhemBlond', sans-serif;
	font-size: 19px;
	color: white;
	background: black;
	width: 90%;
	margin: 0;
	padding: 0;	
	margin-left: auto;
	margin-right: auto;
 	margin-bottom: 5px;
	border-bottom: 1px solid white;
	}
	
	
	.phone_menu .suchenform form input:focus{
	border-bottom: 1px solid white;
	}
	
	.phone_menu .suchenclose{
 	position: absolute;
	width: auto;
	height: auto;
	margin-left: -50px;
	display: none;
	}
	
	
	
	.phone_menu_wrap {
	z-index: 9999;
	padding-top: 10px;
	text-align: right;
	}
	
	.sprachen {
	display: none;
	}
	
	.phone_sprachen_button {
	display: inline-block;
	padding-right: 5px;
	margin-top: -5px;
	vertical-align: middle;	
	font-size: 24px;
	}
	
	.phone_sprachen_menu {
	background: black;
	z-index: 9999;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: white;
	position: relative;
	list-style: none;
	white-space: nowrap;
	
	display: none;
	
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-padding-start:0;
	-moz-padding-start:0;
	margin-bottom: 45px;
	}
	
	
	.phone_sprachen_menu:before {
	position: absolute;
	right: 32px;
	top: -32px;
	
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	
	border-right: 40px solid black;
	content: "";
	}
	
	
	
	.phone_sprachen_menu a {
	color: white;
	}
	
	
	.phone_sprachen_menu li {
	list-style: none;
	display: block;
	position: relative;
	padding: 12px;
	}
	
	
	.phone_sprachen_menu li span{
	cursor: pointer;
	}
	
	
	
	.breadcrumbs{
	font-size: 15px;
	line-height: 18px;
	
	display: block;
	text-align: left;
	color: grey;
	}
	
	.breadcrumbs a{
	color: grey;
	}
	
	
	/* filter */
	.toggle_filter{
	display: block !important;
	position: relative;
	top:0;
	right:0;
	z-index: 999;
	cursor: pointer;
	text-align: right;
	}
	
	.toggle_filter_close:after{
	content: "\00a0 \00a0 × ";
	}
	
	.filterbox{
	display: none;
	position: absolute;
	right:0;
	top: 62px;
	background: white;
	padding: 15px;
	z-index: 9999;
	border: 1px solid black;
	}
	
	.filterbox:before {
	position: absolute;
	right: 32px;
	top: -32px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid black;
	content: "";
	}
	
	.filterbox:after{
	position: absolute;
	right: 33px;
	top: -30px;
	border-top: 32px solid transparent;
	border-left: 10px solid transparent;
	border-right: 40px solid white;
	content: "";
	}
	
	
	.erstespalte{
	width: 100%;
	float: none;
	padding: 0;
	}
	
	.zweitespalte{
	width: 100%;
	float: none;
	padding: 0;
	}
	
	.post .zweitespalte p{
	display: inline;
	}
	
	.post .zweitespalte p::after{
	content: " ";	
	}

	
	.post .zweitespalte h3{
	display: inline;
	}
	

	.linkbox{  
	position: relative;  
	width: 100%;
	margin-left:0;
	margin-top: 50px;
	}
	

	.gallery{
	width: 100%;
	height: 150px;
/* 	margin-bottom: 40px; */
	margin-bottom: 60px;
	}

	.single_image{
	margin-bottom: 20px;
	}

	.gallery .gallery-cell{
	width: 100%;
	height: 100%;
	text-align: center;
	}	
	
	.gallery .gallery-cell img{
	max-height: 100%;
	width: auto;
	}
	
	
	.medien {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}

	
	.filterbox + .linie{
	border-top:0 solid black;
	}
	
	.anker{
	top:-10px;
	}
	
	
	
	/* fuss */
	.fuss{
		height: 220px;
	}
	
	.fuss ul {
	text-align: left;
	padding-left: 20px;
	}
	
	.fuss li {
	list-style: none;
	margin-left: 7px;
	margin-right: 7px;
	display: block;
	margin-bottom: 8px;         
	
	}
	
	
	
	
	
	
	
	/* index */
	
	#main_start{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding-top: 0 !important;
	}
	
	
	.startseite .supernews{

	width: 100%;
/* 	display: none; */
	}
	
	.startseite .bildspalte{
		display: none;
	}
	
	
	.startseite .textspalte {
    width: 100%;
    height: auto;
    margin-left: 0;
    float: none;
    margin-bottom: 15px;
}
	
	#news_container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}
	
	.grid-sizer,
	.grid-item {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
	padding: 20px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	}
	
	
	.gutter-sizer {
	width: 0%;
	}
	
	
/*
	extra
	
*/
.extra-content-frontpage{
width: calc(100% - 60px);
}	
	
	
	
	
	
	
	/*  programm */
	
	
/* 	letzte linie entfernen bei phone */
	.liste .zweitespalte .linie:last-of-type{
		border-bottom: 1px solid transparent;
	}
	
	.programm-liste{
		margin-top: -15px;
	}
	
	.programm-liste  h2{
	text-align: center;
	font-size: 27px;
	line-height: 32px;
	padding: 15px;	
	border-bottom: 1px solid black;
	}
	
	
	.programm-liste .post {
	width: 100%;
	margin-left:0;
	}
	
	.programm-liste .type {
	display: inline;
	}
	
	.programm-liste .monat {
	margin-bottom:0;
	}
	
	.programm-liste .post:last-child .postinner  {
	border-bottom: 1px solid black;
	}
		
	.programm-liste .post .erstespalte {
	width: 100%;
	float: none;
	margin-left:0;
	}
	
	.programm-liste .post .zweitespalte {
	padding-top:0;
	width: 100%;
	float: none;
	margin-left:0;
	}
	
	.programm-liste .post .erstespalte{
	width: 100%;
	float: none;
	margin-left:0;
	}
	
	.programm-liste .post .erstespalte p{
	display: inline;  }

	.programm-liste .post .erstespalte p:after{
	content: " ";
	}
	
	.programm-liste .post .zweitespalte{
	width: 100%;
	float: none;
	margin-left:0;
	}
	
	
	
	
	
	
	
	
	/* archiv */
	
	.archiv-liste .post .erstespalte{
	width: 100%;
	float: none;
	margin-left:0;
	}
	
	.archiv-liste .post .erstespalte p{
	display: inline;  }

	.archiv-liste .post .erstespalte p:after{
	content: " ";
	}
	
	.archiv-liste .post .zweitespalte{
	width: 100%;
	float: none;
	margin-left:0;
	}
	
	.archiv-liste h2{
	display: inline;
	}

	.archiv-liste h2:after{
	content: " ";
	}

	.archiv-liste .medien-icons{
	position: absolute;
	right: 0;
	}

	.archiv-liste .icon{
	font-size: 22px;
	}
	
	
	
	
	
	
	
	/* referenten */
	.referenten-liste{
	margin-left:0;
	padding: 0;
	margin-top: -15px;
	}
	
	.referenten-liste .post {
	float: none;
	}
	
	.referenten-liste .post-open {
	border-bottom: 1px solid transparent !important;	
	}


	.referenten-liste h2{
	text-align: center;
	margin: 0;
	padding: 10px;
	padding-top: 13px;
	font-size: 28px;
	}

	.referenten-liste .post .erstespalte{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;	
	
	font-size: 19px;
	line-height: 23px;
	}	
	
	
	.referenten-liste .post .zweitepalte{
	display: none;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
/* 	padding-top: 8px; */
	padding-bottom: 8px;
	margin-bottom: 10px;			
	}	



	.referenten-liste .zweitepalte li {
	padding: 0;
	padding-left: 15px;		
	}
		
	.referenten-liste .zweitepalte li + li{
	border: 0 solid black;	 	
	}


	.referenten-liste .post .zweitepalte li:before{
	position: absolute;
	content: "\2192";
	left: 0;
	}
	
		
	.referenten-liste .post:last-of-type{
	border-bottom: 1px solid black;	
	margin: 0;
	}
		
	
	.referenten-liste .filterbox{
	display: none;
	}	
	
	
	
	/* medienliste */
	.mediathek-liste .erstespalte{
/* 	display: inline; */
/* 	float: none; */
	}
	
	.mediathek-liste .zweitespalte{
/*
	display: inline;
	width: auto;
	margin-left: auto;
	float: none;	
*/
	}
	
	

.single_image .caption{
			text-align: center;

}

.caption, .caption_en{
		font-size: 15px;
		line-height: 18px;
		padding-right: 0;
		left: 0;
		right: 0;
		bottom: -45px;
		text-align: center;
	}
	
.flickity-page-dots{
bottom: -25px!important;
margin-left: auto;
margin-right: auto;
text-align: center!important;	
}	

}






/* phone quer */
@media only screen and (max-device-width: 736px) and (orientation: landscape) {

	.gallery{
		width: 100%;
		height: 220px;
	}
	
}