@charset"UTF-8";

/*Allgemein (v.a. Dimensionen)*/	
html,
body,
#content,
.pics .gallery,
.pics .gallery-item,
.pics .gallery-icon,
.pics .gallery-caption,
#bilder,
#bilder li,
.text #content ul,
h1,
h2{
padding:0;
margin:0;
}

html,
body{
font-size: 100%;
}
body{
color:#9E9E9E;
background:#DEE2E5;
font-family:"Century Gothic","Muli", arial, sans-serif;
}

/*Schriften*/
h1,h2{
font-weight:normal;
text-align:left;
}
 /*Branding*/

#mama.start{
text-align:center
}
 #banner{
 	margin: -3% auto 0 auto;
 	}
.headline{
 text-align: center;
}




/*Animationen*/
@keyframes einblenden {
    from {opacity: 0}
    to {opacity:1}
}
/*Animation*/
#mama{
animation-name: einblenden;
animation-duration: 1s;
}

 
/*fuer alle faelle clearfix*/
.langeH2 p:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
  
 
  
  
/* #### Mobile Phones Portrait #### */
@media screen and (max-width: 480px){
	
/*Allgemein (v.a. Dimensionen)*/	
	#mama{
		height:100vh;
		width:100vw;
		margin:0
		}
	#content{
		float: none;
		width:94%;
		margin:0 auto;
  		}

    	
/*Textseiten*/	
	#mama.text{
		height:auto
		}

	.text #content{
		margin-top:3%;
		padding-top:0.8125em;
		}

	.text #content li{
		margin-left:0.75em;
		padding:0
		}
	.text #content p{
		margin-bottom:0
		}
	.text #content h3,
	.text #content p:first-child{
		margin-top:0;
		}

/* Schriften */

h1{
font-size:0.75em;

}
h2{
font-size:1.5em;
}
.text h1,
.pics h1,
.text h2,
.pics h2{
line-height:1em;
}
.text h1,
.pics h1{
margin-bottom:0.25em
}

a{
text-decoration:none;
color:#9e9e9e
}
a:hover{
color:#666
}
.text #content a{
text-decoration:underline
}
address{
font-style: normal;
}
.text #content p,
.text #content address,
.text #content h3,
.text #content li{
font-size:0.75em;
}
/*Bildergalerien*/
   .pics #content{
		height:auto;
		margin-top:3%;
		padding-top:0.8125em;
		/*noscript overflow:auto*/
		overflow:hidden;
		} 
	.pics #content img{
		height:60vh;
		width:auto
		}
		.pics #content li{
		padding-left:1em
		}
		
		
		/*Bildergalerien*/

.pics #content ul,
.pics .gallery,
ul#bilder{
display:table;
height:100%
}
.pics #content li,
.pics .gallery-item,
ul#bilder li{
display:table-cell;
text-align:center;
vertical-align:middle
}

.pics .gallery-item:first-child,
.pics #content li:first-child,
ul#bilder li:first-child{
padding-left:0
}

/*hamburger-Menu */
	.hamburgler-icon-wrapper {
		right:3%;
		position: absolute;
		top:3%;
		height:1.5em;
		width:1.5em;
		margin-top:1em;
		cursor: pointer;
		z-index:1000
		}
.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 1.5em;
  background: #9e9e9e;
  transition: all 0.2s ease }
.hamburgler-icon        {
	top: 0.55em  }
.hamburgler-icon:before {
	top: -0.6em }
.hamburgler-icon:after  {
	top: 0.55em  }
.hamburgler-active .hamburgler-icon {
	background: transparent; transform: rotate(-135deg); z-index:1000  }
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
	top: 0 }
.hamburgler-active .hamburgler-icon:before {
	transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: #9E9E9E /*white*/ }
.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee2e5;
  color: #9e9e9e;
  text-align: center;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index:1000;
 }
 
.hamburgler-menu-list{
  transition: all 0.4s ease; 
  transform: translate(-50%, -50%) scale(1.2) }
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1);
 }


/*Menuliste*/
	.menu-list{
		display: block;
		padding: 0;
		list-style-type: none;
		position: absolute;
		top:70%;
		left: 50%;
		}
	.menu-list ul,
	.menu-list li{
		list-style:none;
		margin:0;
		}
	.menu-list li{
		position:relative;
		height:1.5625em;
		}
	.menu-list ul{
		display:block;
		position:absolute;
		top:0;
		left:0;
		padding:0;
		margin:0;
		}
	.menu-list ul a {
  		font-size:0.75em;
  		text-transform:uppercase;
  		}
	.menu-list ul.links {
		text-align:right;
    	margin-left: -170px;
    	width: 160px;
		}
	.menu-list ul.rechts {
		text-align:left;
   	margin-right: -176px;
    	width: 160px;
		}
	.menu-list ul:first-child a {
		padding: 0 10% 0 0;
		text-align:right;
		left:17%;
		right:auto;
		background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat right
		}
	.menu-list ul a {
		padding: 0 0 0 10%;
		display:block;
		width:72%;
		background-color:#DEE2E5;
		position:absolute;
		top:0; 
		background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat left;
		right:17%;
		white-space: nowrap;
		}
	.menu-list a:hover,
	.menu-list ul:first-child a:hover{
		background-image:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen_h.png");
		}
/*zu lange Linkwoerter*/		
		#publik span{display:none}
		#publik:after {content: 'Publikationen'}
		#raum span{display:none}
		#raum:after {content: 'Öffentlicher Raum'}
		#raum{left:9%;width:80%}
		#aktuelles span{display:none}
		#aktuelles:after {content: 'Aktuelles'}
/*Header*/		
	#pageheader{
		position:relative;
		top:3%;
		left:3%
		}
/*Branding*/

	#banner{
    	height:50%;
    	width:auto
    	}
   .hamburgler-menu h4,
    h1.start {
    	font-size: 1.25em;
    	text-transform: uppercase;
		}
	.hamburgler-menu h5,
	h2.start{
		font-size:0.75em;
		}
	.hamburgler-menu h4,
	h1.start,
	.hamburgler-menu h5,
	h2.start{
		text-align:center;
		margin:0;
		padding:0;
		line-height:100%;
		font-weight:normal
		}



}

/* #### Mobile Phones Landscape #### */
@media screen and (min-width: 481px) and (max-width: 599px){


/*Allgemein (v.a. Dimensionen)*/
html,
body,
#content,
.pics .gallery,
.pics .gallery-item,
.pics .gallery-icon,
.pics .gallery-caption,
#bilder,
#bilder li,
h1,
h2{
padding:0;
margin:0;
}

	body{
		color:#9E9E9E;
		background:#DEE2E5;
		font-family:"Century Gothic","Muli", arial, sans-serif;
		}
	#mama,
	#tochter{
		position:relative
		}
	#mama{
		height:100vh;
		width:99vw;
		margin:0 auto;
		}
	#content{
		width:80vw;
		margin:0 auto;
  		}
	


/*Textseiten*/	

/*Textseiten*/
#mama.text{
height:auto
}
.text #tochter{
height:100%;
width:100vmin;
margin:0 auto
}
.text #content{
margin-top:3%;
padding-top:0.8125em;
}
#content.langeH2{
width: 63%;
}
#content.kurzeH2{
width: 70%;
position:relative;
left:-6%;
}
.text #content ul{
margin:0;
padding:0
}
.text #content li{
margin-left:0.75em;
padding:0
}
.text #content p{
margin-bottom:0
}
.text #content h3,
.text #content p:first-child{
margin-top:0;
}
/* Schriften */
h1,h2{
font-weight:normal;
text-align:left;
}
h1{
font-size:0.75em;

}
h2{
font-size:1.5em;
}
.text h1,
.pics h1,
.text h2,
.pics h2{
line-height:1em;
}
.text h1,
.pics h1{
margin-bottom:0.25em
}

a{
text-decoration:none;
color:#9e9e9e
}
a:hover{
color:#666
}
.text #content a{
text-decoration:underline
}
address{
font-style: normal;
}
.text #content p,
.text #content address,
.text #content h3,
.text #content li{
font-size:0.75em;
}
/* text, illustrationen und galerien in artikeln (aktuelles und seminare) */
.text .abschnitt{
padding-bottom:1.75em;
border:1px solid #DEE2E5
}
.text figcaption{
display:none
}
.text .abschnitt,.gallery-columns-3 {
clear:both
}

.text .gallery-columns-3 .gallery-item{
margin:0 2% 0 0;
padding:0;
width:30%;
float:left;
}

.text .gallery-columns-2  .gallery-item{
margin:1% 2% 0 0;
padding:0;
width:48%;
float:left;
}

.text .gallery-columns-3 .attachment-thumbnail{
width:100%;
height:auto;
}
.text .gallery-columns-2 .attachment-medium{
width:auto;
height:260px;
}
.text .illustration{
float:left;
margin-right:3%;
margin-bottom:6%;
width:130px;
height:auto
}


/* Artikel(aktuelles und seminare) */
/* Schriften */
/*Bildergalerien*/

/*Bildergalerien*/
#mama.pics{
height:100vmin;
width:100vmin;
}
.pics #content{
height:87%;
margin-top:3%;
padding-top:0.8125em;
/*noscript overflow:auto*/
overflow:hidden;
}
.pics #content ul,
.pics .gallery,
ul#bilder{
display:table;
height:100%
}
.pics #content li,
.pics .gallery-item,
ul#bilder li{
display:table-cell;
text-align:center;
vertical-align:middle
}
.pics .gallery-item,
.pics #content li,
ul#bilder li{
padding-left:1em
}
.pics .gallery-item:first-child,
.pics #content li:first-child,
ul#bilder li:first-child{
padding-left:0
}
/*Bildedetails*/
/*hamburger-Menu */



.hamburgler-icon-wrapper {
  position: absolute;
  top: 3%;
  right: 3%;
  height:1.5em;
  width: 1.5em;
  margin-top:1em;
  cursor: pointer;
z-index:1000 }

.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 1.5em;
  background: #9e9e9e;
  transition: all 0.2s ease }
.hamburgler-icon        {
	top: 0.55em  }
.hamburgler-icon:before {
	top: -0.6em }
.hamburgler-icon:after  {
	top: 0.55em  }
.hamburgler-active .hamburgler-icon {
	background: transparent; transform: rotate(-135deg); z-index:1000  }
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
	top: 0 }
.hamburgler-active .hamburgler-icon:before {
	transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: #9E9E9E /*white*/ }
.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee2e5;
  color: #9e9e9e;
  text-align: center;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index:1000;
 }
.hamburgler-menu-list{
  transition: all 0.4s ease; 
  transform: translate(-50%, -50%) scale(1.2) }
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1);
 }
 

/*Menuliste*/

.menu-list{
 display: block;
 padding: 0;
 list-style-type: none;
 position: absolute;
 top:62%;
 left: 52%;
}

.menu-list ul,
.menu-list li{
list-style:none;
margin:0;
}
.menu-list li{
position:relative;
height:1.5625em;
}
.menu-list ul{
display:block;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
	.menu-list ul.links {
		text-align:right;
    	margin-left: -200px;
    	width: 180px;
		}
	.menu-list ul.rechts {
		text-align:left;
   	margin-right: -200px;
    	width: 180px;
		}	
  .menu-list ul a {
  		font-size:0.75em;
  		text-transform:uppercase;
  		display:block;
  		width:72%;
  		background-color:#DEE2E5;
  		position:absolute;
  		top:0;
  		background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat left;
  		right:17%;
  		padding:0 0 0 9%;
  		white-space: nowrap;  		
  		}	
  
	.menu-list ul:first-child a {
		text-align:right;
		left:17%;
		right:auto;
		background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat right;
		padding: 0 9% 0 0;
		}
	.menu-list a:hover,
	.menu-list ul:first-child a:hover{
		background-image:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen_h.png");
		}
 
 
 
 /*zu lange Linkwoerter*/
   #raum span,  #aktuelles span{margin-left:-60px} 
   #publik span{margin-left:-10px}
 
 
 
/*Header*/		
		#pageheader{
position:relative;
top:3%;
left:0;
padding:0 1em
}
		
/*Branding*/

#mama.start{
text-align:center
}
 #banner{
 	margin: -3% auto 0 auto;
 	height:50%;
    	width:auto
 	}
.headline{
 text-align: center;
}

.hamburgler-menu h5,
h2.start{
font-size:0.75em;
}
 .hamburgler-menu h4,
    h1.start {
    	font-size: 1.25em;
    	text-transform: uppercase;
		}
.hamburgler-menu h4,
h1.start,
.hamburgler-menu h5,
h2.start{
text-align:center;
margin:0;
padding:0;
line-height:100%;
font-weight:normal
}
		
}

/* #### Big Mobile Phones Portrait or Landscape #### */
@media screen and (min-width: 600px) and (max-width: 640px){
 /* some CSS here */  
#mama,
#tochter{
position:relative
}
 
#mama{
height:100vh;
width:100vw;
margin:0 auto;
} 
  
  
#content.kurzeH2  {
		float: none;
		width:94%;
		margin:0 auto;  
		}
	.hamburgler-active .hamburgler-menu,
	 #mama,
	 .text #tochter {
		max-width: 100%;
		}
	.pics #content{
		margin-right:auto
		}
	
 
#content,
.pics .gallery,
.pics .gallery-item,
.pics .gallery-icon,
.pics .gallery-caption,
#bilder,
#bilder li,
h1,
h2{
padding:0;
margin:0;
}
#pageheader{
position:absolute;
top:3%;
left:0
}
#content{
width:69%;
float:right;
}

/*Textseiten*/
#mama.text{
height:auto
}
.text #tochter{
height:100vmin;
width:100vmin;
margin:0 auto
}
.text #content{
margin-top:3%;
padding-top:0.8125em;
}
#content.langeH2{
width: 63%;
}
#content.kurzeH2{
width: 70%;
position:relative;
left:-6%;
}
.text #content ul{
margin:0;
padding:0
}
.text #content li{
margin-left:0.75em;
padding:0
}
.text #content p{
margin-bottom:0
}
.text #content h3,
.text #content p:first-child{
margin-top:0;
}
/* Schriften */
h1,h2{
font-weight:normal;
text-align:left;
}
h1{
font-size:0.75em;

}
h2{
font-size:1.5em;
}
.text h1,
.pics h1,
.text h2,
.pics h2{
line-height:1em;
}
.text h1,
.pics h1{
margin-bottom:0.25em
}

a{
text-decoration:none;
color:#9e9e9e
}
a:hover{
color:#666
}
.text #content a{
text-decoration:underline
}
address{
font-style: normal;
}
.text #content p,
.text #content address,
.text #content h3,
.text #content li{
font-size:0.75em;
}
/* text, illustrationen und galerien in artikeln (aktuelles und seminare) */
.text .abschnitt{
padding-bottom:1.75em;
border:1px solid #DEE2E5
}
.text figcaption{
display:none
}
.text .abschnitt,.gallery-columns-3 {
clear:both
}

.text .gallery-columns-3 .gallery-item{
margin:0 2% 0 0;
padding:0;
width:30%;
float:left;
}

.text .gallery-columns-2  .gallery-item{
margin:1% 2% 0 0;
padding:0;
width:48%;
float:left;
}

.text .gallery-columns-3 .attachment-thumbnail{
width:100%;
height:auto;
}
.text .gallery-columns-2 .attachment-medium{
width:auto;
height:260px;
}
.text .illustration{
float:left;
margin-right:3%;
margin-bottom:6%;
width:130px;
height:auto
}

/*Bildergalerien*/
#mama.pics{
height:100vmin;
width:100vmin;
}
.pics #content{
height:88%;
margin-top:3%;
margin-right:100px;
padding-top:0.8125em;
/*noscript overflow:auto*/
overflow:hidden;
}
.pics #content ul,
.pics .gallery,
ul#bilder{
display:table;
height:100%
}
.pics #content li,
.pics .gallery-item,
ul#bilder li{
display:table-cell;
text-align:center;
vertical-align:middle
}
.pics .gallery-item,
.pics #content li,
ul#bilder li{
padding-left:60px;
}
.pics .gallery-item:first-child,
.pics #content li:first-child,
ul#bilder li:first-child{
padding-left:0
}




/* Bildedetails*/
#mama.detailbild{
height:100vmin;
width:100vmin;
}

.detailbild #content,
.detailbild #bigbild{
width:100%;
height:100%;
padding:0;
margin:0;
}
.detailbild #bigbild{
display:table;
}
.detailbild #bild{
display:table-cell;
vertical-align:middle;
text-align:center;
}

.detailbild #bild img.hori{
	 animation-name: zoomH;
animation-duration: 2s;
width:auto
}

.detailbild #bild img.hori{
	 animation-name: zoomV;
animation-duration: 2s;
height:auto
}



/* hamburger-Menu */
.hamburgler-icon-wrapper {
  position: absolute;
  top: 3%;
  right: 0;
  height:1.5em;
  width: 1.5em;
  margin-top:1em;
  cursor: pointer;
z-index:1000 }
.pics .hamburgler-icon-wrapper {
	right: 100px;
}
.kontakt .hamburgler-icon-wrapper {
	right: 150px;
}
.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 1.5em;
  background: #9e9e9e;
  transition: all 0.2s ease }
.hamburgler-icon        {
	top: 0.55em  }
.hamburgler-icon:before {
	top: -0.6em }
.hamburgler-icon:after  {
	top: 0.55em  }
.hamburgler-active .hamburgler-icon {
	background: transparent; transform: rotate(-135deg); z-index:1000  }
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
	top: 0 }
.hamburgler-active .hamburgler-icon:before {
	transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: #9E9E9E /*white*/ }
.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee2e5;
  color: #9e9e9e;
  text-align: center;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index:1000;
 }
 
.hamburgler-menu-list{
  transition: all 0.4s ease; 
  transform: translate(-50%, -50%) scale(1.2) }
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1);
 }
 
 /*Branding*/

#mama.start{
text-align:center
}
 #banner{
 	margin: -3% auto 0 auto;
 	}
.headline{
 text-align: center;
}
.hamburgler-menu h4,
h1.start {
font-size:2.75em;
text-transform: uppercase;
}
.hamburgler-menu h5,
h2.start{
font-size:0.91em;
}
.hamburgler-menu h4,
h1.start,
.hamburgler-menu h5,
h2.start{
text-align:center;
margin:0;
padding:0;
line-height:100%;
font-weight:normal
}


/*Menuliste*/

.menu-list{
 display: block;
 padding: 0;
 list-style-type: none;
 position: absolute;
 top:75%;
 left: 50%;
}


.menu-list ul a{
font-size:1.0625em;
text-transform:uppercase;
}
.menu-list ul:first-child a{
text-align:right;
left:17%;
right:auto;
padding:0 7% 0 0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat right
}
.menu-list ul a{
display:block;
width:72%;
background-color:#DEE2E5;
position:absolute;
top:0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat left;
right:17%;
padding:0 0 0 7%;
white-space: nowrap;
}
.menu-list a:hover,
.menu-list ul:first-child a:hover{
background-image:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen_h.png");
}
.menu-list ul,
.menu-list li{
list-style:none;
margin:0;
}
.menu-list li{
position:relative;
height:1.5625em;
}
.menu-list ul{
display:block;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
.menu-list ul.links{
text-align:right;
width:290px;
margin-left:-304px;
}
.menu-list ul.rechts{
text-align:left;
width:290px;
margin-right:-304px;
}

/*Animation*/
#mama{
animation-name: einblenden;
animation-duration: 1s;
}


/*fuer alle faelle clearfix*/
.langeH2 p:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


 /*zu lange Linkwoerter*/
 	#raum span{display:none}
		#raum:after {content: 'Öffentlicher Raum'}
  #aktuelles span{margin-left:-60px}
    #publik span{margin-left:-10px}
}

/* #### Big Mobile Phones Portrait or Landscape #### */
@media screen and (min-width: 641px) and (max-width: 767px){
  /* some CSS here */  
#mama,
#tochter{
position:relative
}
 
#mama{
height:100vh;
width:100vw;
margin:0 auto;
} 
  
  
#content.kurzeH2  {
		float: none;
		width:94%;
		margin:0 auto;  
		}
	.hamburgler-active .hamburgler-menu,
	 #mama,
	 .text #tochter {
		max-width: 100%;
		}
	.pics #content{
		margin-right:auto
		}
	
 
#content,
.pics .gallery,
.pics .gallery-item,
.pics .gallery-icon,
.pics .gallery-caption,
#bilder,
#bilder li,
h1,
h2{
padding:0;
margin:0;
}
#pageheader{
position:absolute;
top:3%;
left:0
}
#content{
width:69%;
float:right;
}

/*Textseiten*/
#mama.text{
height:auto
}
.text #tochter{
height:100vmin;
width:100vmin;
margin:0 auto
}
.text #content{
margin-top:3%;
padding-top:0.8125em;
}
#content.langeH2{
width: 63%;
}
#content.kurzeH2{
width: 70%;
position:relative;
left:-6%;
}
.text #content ul{
margin:0;
padding:0
}
.text #content li{
margin-left:0.75em;
padding:0
}
.text #content p{
margin-bottom:0
}
.text #content h3,
.text #content p:first-child{
margin-top:0;
}
/* Schriften */
h1,h2{
font-weight:normal;
text-align:left;
}
h1{
font-size:0.75em;

}
h2{
font-size:1.5em;
}
.text h1,
.pics h1,
.text h2,
.pics h2{
line-height:1em;
}
.text h1,
.pics h1{
margin-bottom:0.25em
}

a{
text-decoration:none;
color:#9e9e9e
}
a:hover{
color:#666
}
.text #content a{
text-decoration:underline
}
address{
font-style: normal;
}
.text #content p,
.text #content address,
.text #content h3,
.text #content li{
font-size:0.75em;
}
/* text, illustrationen und galerien in artikeln (aktuelles und seminare) */
.text .abschnitt{
padding-bottom:1.75em;
border:1px solid #DEE2E5
}
.text figcaption{
display:none
}
.text .abschnitt,.gallery-columns-3 {
clear:both
}

.text .gallery-columns-3 .gallery-item{
margin:0 2% 0 0;
padding:0;
width:30%;
float:left;
}

.text .gallery-columns-2  .gallery-item{
margin:1% 2% 0 0;
padding:0;
width:48%;
float:left;
}

.text .gallery-columns-3 .attachment-thumbnail{
width:100%;
height:auto;
}
.text .gallery-columns-2 .attachment-medium{
width:auto;
height:260px;
}
.text .illustration{
float:left;
margin-right:3%;
margin-bottom:6%;
width:130px;
height:auto
}

/*Bildergalerien*/
#mama.pics{
height:100vmin;
width:100vmin;
}
.pics #content{
height:88%;
margin-top:3%;
margin-right:100px;
padding-top:0.8125em;
/*noscript overflow:auto*/
overflow:hidden;
}
.pics #content ul,
.pics .gallery,
ul#bilder{
display:table;
height:100%
}
.pics #content li,
.pics .gallery-item,
ul#bilder li{
display:table-cell;
text-align:center;
vertical-align:middle
}
.pics .gallery-item,
.pics #content li,
ul#bilder li{
padding-left:60px;
}
.pics .gallery-item:first-child,
.pics #content li:first-child,
ul#bilder li:first-child{
padding-left:0
}




/* Bildedetails*/
#mama.detailbild{
height:100vmin;
width:100vmin;
}

.detailbild #content,
.detailbild #bigbild{
width:100%;
height:100%;
padding:0;
margin:0;
}
.detailbild #bigbild{
display:table;
}
.detailbild #bild{
display:table-cell;
vertical-align:middle;
text-align:center;
}

.detailbild #bild img.hori{
	 animation-name: zoomH;
animation-duration: 2s;
width:auto
}

.detailbild #bild img.hori{
	 animation-name: zoomV;
animation-duration: 2s;
height:auto
}



/* hamburger-Menu */
.hamburgler-icon-wrapper {
  position: absolute;
  top: 3%;
  right: 0;
  height:1.5em;
  width: 1.5em;
  margin-top:1em;
  cursor: pointer;
z-index:1000 }
.pics .hamburgler-icon-wrapper {
	right: 100px;
}
.kontakt .hamburgler-icon-wrapper {
	right: 150px;
}
.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 1.5em;
  background: #9e9e9e;
  transition: all 0.2s ease }
.hamburgler-icon        {
	top: 0.55em  }
.hamburgler-icon:before {
	top: -0.6em }
.hamburgler-icon:after  {
	top: 0.55em  }
.hamburgler-active .hamburgler-icon {
	background: transparent; transform: rotate(-135deg); z-index:1000  }
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
	top: 0 }
.hamburgler-active .hamburgler-icon:before {
	transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: #9E9E9E /*white*/ }
.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee2e5;
  color: #9e9e9e;
  text-align: center;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index:1000;
 }
 
.hamburgler-menu-list{
  transition: all 0.4s ease; 
  transform: translate(-50%, -50%) scale(1.2) }
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1);
 }
 
 /*Branding*/

#mama.start{
text-align:center
}
 #banner{
 	margin: -3% auto 0 auto;
 	}
.headline{
 text-align: center;
}
.hamburgler-menu h4,
h1.start {
font-size:2.75em;
text-transform: uppercase;
}
.hamburgler-menu h5,
h2.start{
font-size:0.91em;
}
.hamburgler-menu h4,
h1.start,
.hamburgler-menu h5,
h2.start{
text-align:center;
margin:0;
padding:0;
line-height:100%;
font-weight:normal
}


/*Menuliste*/

.menu-list{
 display: block;
 padding: 0;
 list-style-type: none;
 position: absolute;
 top:75%;
 left: 50%;
}


.menu-list ul a{
font-size:1.0625em;
text-transform:uppercase;
}
.menu-list ul:first-child a{
text-align:right;
left:17%;
right:auto;
padding:0 7% 0 0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat right
}
.menu-list ul a{
display:block;
width:72%;
background-color:#DEE2E5;
position:absolute;
top:0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat left;
right:17%;
padding:0 0 0 7%;
white-space: nowrap;
}
.menu-list a:hover,
.menu-list ul:first-child a:hover{
background-image:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen_h.png");
}
.menu-list ul,
.menu-list li{
list-style:none;
margin:0;
}
.menu-list li{
position:relative;
height:1.5625em;
}
.menu-list ul{
display:block;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
.menu-list ul.links{
text-align:right;
width:290px;
margin-left:-304px;
}
.menu-list ul.rechts{
text-align:left;
width:290px;
margin-right:-304px;
}

/*Animation*/
#mama{
animation-name: einblenden;
animation-duration: 1s;
}


/*fuer alle faelle clearfix*/
.langeH2 p:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


 /*zu lange Linkwoerter*/
   #raum span,  #aktuelles span{margin-left:-60px}
    #publik span{margin-left:-10px}

}



/* #### Tablets Portrait or Landscape #### */
@media screen and (min-width: 768px) and (max-width: 1024px){
  /* some CSS here */




#mama,
#tochter{
position:relative
}


#mama{
height:100vh;
width:100%;
margin:0 auto;
}

#mama,
.text #tochter,
.hamburgler-active .hamburgler-menu
{
min-height:550px;
min-width:650px;
 }


#content,
.pics .gallery,
.pics .gallery-item,
.pics .gallery-icon,
.pics .gallery-caption,
#bilder,
#bilder li,
h1,
h2{
padding:0;
margin:0;
}
#pageheader{
position:absolute;
top:3%;
left:3%
}
#content{
width:69%;
float:right;
}

/*Textseiten*/
#mama.text{
height:auto
}

.text #content{
margin-top:3%;
padding-top:0.8125em;
}
#content.langeH2{
width: 63%;
}
#content.kurzeH2{
width: 70%;
position:relative;
left:-6%;
}
.text #content ul{
margin:0;
padding:0
}
.text #content li{
margin-left:0.75em;
padding:0
}
.text #content p{
margin-bottom:0
}
.text #content h3,
.text #content p:first-child{
margin-top:0;
}
/* Schriften */
h1,h2{
font-weight:normal;
text-align:left;
}
h1{
font-size:0.75em;

}
h2{
font-size:1.5em;
}
.text h1,
.pics h1,
.text h2,
.pics h2{
line-height:1em;
}
.text h1,
.pics h1{
margin-bottom:0.25em
}

a{
text-decoration:none;
color:#9e9e9e
}
a:hover{
color:#666
}
.text #content a{
text-decoration:underline
}
address{
font-style: normal;
}
.text #content p,
.text #content address,
.text #content h3,
.text #content li{
font-size:0.75em;
}
/* text, illustrationen und galerien in artikeln (aktuelles und seminare) */
.text .abschnitt{
padding-bottom:1.75em;
border:1px solid #DEE2E5
}
.text figcaption{
display:none
}
.text .abschnitt,.gallery-columns-3 {
clear:both
}

.text .gallery-columns-3 .gallery-item{
margin:0 2% 0 0;
padding:0;
width:30%;
float:left;
}

.text .gallery-columns-2  .gallery-item{
margin:1% 2% 0 0;
padding:0;
width:48%;
float:left;
}

.text .gallery-columns-3 .attachment-thumbnail{
width:100%;
height:auto;
}
.text .gallery-columns-2 .attachment-medium{
width:auto;
height:260px;
}
.text .illustration{
float:left;
margin-right:3%;
margin-bottom:6%;
width:130px;
height:auto
}


/*Bildergalerien*/
#mama.pics{
height:100vmin;
width:100vmin;
}
.pics #content{
height:88%;
margin-top:3%;
margin-right:100px;
padding-top:0.8125em;
/*noscript overflow:auto*/
overflow:hidden;
}
.pics #content ul,
.pics .gallery,
ul#bilder{
display:table;
height:100%
}
.pics #content li,
.pics .gallery-item,
ul#bilder li{
display:table-cell;
text-align:center;
vertical-align:middle
}
.pics .gallery-item,
.pics #content li,
ul#bilder li{
padding-left:60px;
}
.pics .gallery-item:first-child,
.pics #content li:first-child,
ul#bilder li:first-child{
padding-left:0
}




/* Bildedetails*/
#mama.detailbild{
height:100vmin;
width:100vmin;
}

.detailbild #content,
.detailbild #bigbild{
width:100%;
height:100%;
padding:0;
margin:0;
}
.detailbild #bigbild{
display:table;
}
.detailbild #bild{
display:table-cell;
vertical-align:middle;
text-align:center;
}

.detailbild #bild img.hori{
	 animation-name: zoomH;
animation-duration: 2s;
width:auto
}

.detailbild #bild img.hori{
	 animation-name: zoomV;
animation-duration: 2s;
height:auto
}



/* hamburger-Menu */
.hamburgler-icon-wrapper {
  position: absolute;
  top: 3%;
  right: 0;
  height:1.5em;
  width: 1.5em;
  margin-top:1em;
  cursor: pointer;
z-index:1000 }
.pics .hamburgler-icon-wrapper {
	right: 100px;
}
.kontakt .hamburgler-icon-wrapper {
	right: 150px;
}
.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 1.5em;
  background: #9e9e9e;
  transition: all 0.2s ease }
.hamburgler-icon        {
	top: 0.55em  }
.hamburgler-icon:before {
	top: -0.6em }
.hamburgler-icon:after  {
	top: 0.55em  }
.hamburgler-active .hamburgler-icon {
	background: transparent; transform: rotate(-135deg); z-index:1000  }
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
	top: 0 }
.hamburgler-active .hamburgler-icon:before {
	transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: #9E9E9E /*white*/ }
.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee2e5;
  color: #9e9e9e;
  text-align: center;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index:1000;
 }
 
.hamburgler-menu-list{
  transition: all 0.4s ease; 
  transform: translate(-50%, -50%) scale(1.2) }
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1);
 }
 
 /*Branding*/

#mama.start{
text-align:center
}
 #banner{
 	margin: -3% auto 0 auto;
 	}
.headline{
 text-align: center;
}
.hamburgler-menu h4,
h1.start {
font-size:2.75em;
text-transform: uppercase;
}
.hamburgler-menu h5,
h2.start{
font-size:0.91em;
}
.hamburgler-menu h4,
h1.start,
.hamburgler-menu h5,
h2.start{
text-align:center;
margin:0;
padding:0;
line-height:100%;
font-weight:normal
}


/*Menuliste*/

.menu-list{
 display: block;
 padding: 0;
 list-style-type: none;
 position: absolute;
 top:75%;
 left: 50%;
}


.menu-list ul a{
font-size:1.0625em;
text-transform:uppercase;
}
.menu-list ul:first-child a{
text-align:right;
left:17%;
right:auto;
padding:0 7% 0 0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat right;
}
.menu-list ul a{
display:block;
width:72%;
background-color:#DEE2E5;
position:absolute;
top:0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat left;
right:17%;
padding:0 0 0 7%;
white-space: nowrap;
}
.menu-list a:hover,
.menu-list ul:first-child a:hover{
background-image:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen_h.png");
}
.menu-list ul,
.menu-list li{
list-style:none;
margin:0;
}
.menu-list li{
position:relative;
height:1.5625em;
}
.menu-list ul{
display:block;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
.menu-list ul.links{
text-align:right;
width:290px;
margin-left:-304px;
}
.menu-list ul.rechts{
text-align:left;
width:290px;
margin-right:-304px;
}

/*Animation*/
#mama{
animation-name: einblenden;
animation-duration: 1s;
}


/*fuer alle faelle clearfix*/
.langeH2 p:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
  
    /*zu lange Linkwoerter*/
   #raum span,  #aktuelles span{margin-left:-60px}
    #publik span{margin-left:-10px}

}












/* #### Desktops #### */
@media screen and (min-width: 1024px){

body{
color:#9E9E9E;
background:#DEE2E5;
font-family:"Century Gothic","Muli", arial, sans-serif;
}
#mama,
#tochter{
position:relative
}


#mama{
height:100vh;
width:100%;
margin:0 auto;
}



.hamburgler-active .hamburgler-menu,
#mama,
.text #tochter{
min-height:550px;
min-width:650px;
 }
 
 
 
 
#content,
.pics .gallery,
.pics .gallery-item,
.pics .gallery-icon,
.pics .gallery-caption,
#bilder,
#bilder li,
h1,
h2{
padding:0;
margin:0;
}
#pageheader{
position:absolute;
top:3%;
left:0
}
#content{
width:69%;
float:right;
}

/*Textseiten*/
#mama.text{
height:auto
}
.text #tochter{
height:100%;
width:100vmin;
margin:0 auto
}
.text #content{
margin-top:3%;
padding-top:0.8125em;
}
#content.langeH2{
width: 63%;
}
#content.kurzeH2{
width: 70%;
position:relative;
left:-6%;
}
.text #content ul{
margin:0;
padding:0
}
.text #content li{
margin-left:0.75em;
padding:0
}
.text #content p{
margin-bottom:0
}
.text #content h3,
.text #content p:first-child{
margin-top:0;
}
/* Schriften */
h1,h2{
font-weight:normal;
text-align:left;
}
h1{
font-size:0.75em;

}
h2{
font-size:1.5em;
}
.text h1,
.pics h1,
.text h2,
.pics h2{
line-height:1em;
}
.text h1,
.pics h1{
margin-bottom:0.25em
}

a{
text-decoration:none;
color:#9e9e9e
}
a:hover{
color:#666
}
.text #content a{
text-decoration:underline
}
address{
font-style: normal;
}
.text #content p,
.text #content address,
.text #content h3,
.text #content li{
font-size:0.75em;
}
/* text, illustrationen und galerien in artikeln (aktuelles und seminare) */
.text .abschnitt{
padding-bottom:1.75em;
border:1px solid #DEE2E5
}
.text figcaption{
display:none
}
.text .abschnitt,.gallery-columns-3 {
clear:both
}

.text .gallery-columns-3 .gallery-item{
margin:0 2% 0 0;
padding:0;
width:30%;
float:left;
}

.text .gallery-columns-2  .gallery-item{
margin:1% 2% 0 0;
padding:0;
width:48%;
float:left;
}

.text .gallery-columns-3 .attachment-thumbnail{
width:100%;
height:auto;
}
.text .gallery-columns-2 .attachment-medium{
width:auto;
height:260px;
}
.text .illustration{
float:left;
margin-right:3%;
margin-bottom:6%;
width:130px;
height:auto
}

/*Bildergalerien*/
#mama.pics{
height:100vmin;
width:100vmin;
}
.pics #content{
height:88%;
margin-top:3%;
margin-right:100px;
padding-top:0.8125em;
/*noscript overflow:auto*/
overflow:hidden;
}
.pics #content ul,
.pics .gallery,
ul#bilder{
display:table;
height:100%
}
.pics #content li,
.pics .gallery-item,
ul#bilder li{
display:table-cell;
text-align:center;
vertical-align:middle
}
.pics .gallery-item,
.pics #content li,
ul#bilder li{
padding-left:60px;
}
.pics .gallery-item:first-child,
.pics #content li:first-child,
ul#bilder li:first-child{
padding-left:0
}




/* Bildedetails*/
#mama.detailbild{
height:100vmin;
width:100vmin;
}

.detailbild #content,
.detailbild #bigbild{
width:100%;
height:100%;
padding:0;
margin:0;
}
.detailbild #bigbild{
display:table;
}
.detailbild #bild{
display:table-cell;
vertical-align:middle;
text-align:center;
}

.detailbild #bild img.hori{
	 animation-name: zoomH;
animation-duration: 2s;
width:auto
}

.detailbild #bild img.hori{
	 animation-name: zoomV;
animation-duration: 2s;
height:auto
}



/* hamburger-Menu */
.hamburgler-icon-wrapper {
  position: absolute;
  top: 3%;
  right: 0;
  height:1.5em;
  width: 1.5em;
  margin-top:1em;
  cursor: pointer;
z-index:1000 }
.pics .hamburgler-icon-wrapper {
	right: 100px;
}
.kontakt .hamburgler-icon-wrapper {
	right: 150px;
}
.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 1.5em;
  background: #9e9e9e;
  transition: all 0.2s ease }
.hamburgler-icon        {
	top: 0.55em  }
.hamburgler-icon:before {
	top: -0.6em }
.hamburgler-icon:after  {
	top: 0.55em  }
.hamburgler-active .hamburgler-icon {
	background: transparent; transform: rotate(-135deg); z-index:1000  }
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
	top: 0 }
.hamburgler-active .hamburgler-icon:before {
	transform: rotate(90deg) }
.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: #9E9E9E /*white*/ }
.hamburgler-menu {
  transition: all 0.4s ease; 
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee2e5;
  color: #9e9e9e;
  text-align: center;
  }
.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index:1000;
 }
 
.hamburgler-menu-list{
  transition: all 0.4s ease; 
  transform: translate(-50%, -50%) scale(1.2) }
.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1);
 }
 
 /*Branding*/

#mama.start{
text-align:center
}
 #banner{
 	margin: -3% auto 0 auto;
 	}
.headline{
 text-align: center;
}
.hamburgler-menu h4,
h1.start {
font-size:2.75em;
text-transform: uppercase;
}
.hamburgler-menu h5,
h2.start{
font-size:0.91em;
}
.hamburgler-menu h4,
h1.start,
.hamburgler-menu h5,
h2.start{
text-align:center;
margin:0;
padding:0;
line-height:100%;
font-weight:normal
}


/*Menuliste*/

.menu-list{
 display: block;
 padding: 0;
 list-style-type: none;
 position: absolute;
 top:75%;
 left: 50%;
}


.menu-list ul a{
font-size:1.0625em;
text-transform:uppercase;
}
.menu-list ul:first-child a{
text-align:right;
left:17%;
right:auto;
padding:0 7% 0 0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat right
}
.menu-list ul a{
display:block;
width:72%;
background-color:#DEE2E5;
position:absolute;
top:0;
background:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen.png") no-repeat left;
right:17%;
padding:0 0 0 7%;
white-space: nowrap;
}
.menu-list a:hover,
.menu-list ul:first-child a:hover{
background-image:url("http://textvernetzt.de/wp-content/uploads/icons/kaestchen_h.png");
}
.menu-list ul,
.menu-list li{
list-style:none;
margin:0;
}
.menu-list li{
position:relative;
height:1.5625em;
}
.menu-list ul{
display:block;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
.menu-list ul.links{
text-align:right;
width:290px;
margin-left:-304px;
}
.menu-list ul.rechts{
text-align:left;
width:290px;
margin-right:-304px;
}

/*Animation*/
#mama{
animation-name: einblenden;
animation-duration: 1s;
}


/*fuer alle faelle clearfix*/
.langeH2 p:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
  /*zu lange Linkwoerter*/
   #raum span,  #aktuelles span{margin-left:-60px}

}