/*

huss-weise.css - aktiv


*/
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../font/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../font/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../font/lato-v17-latin-400italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../font/lato-v17-latin-400italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v17-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v17-latin-400italic.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v17-latin-400italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v17-latin-400italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../font/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../font/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../font/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../font/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../font/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../font/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../font/lato-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../font/lato-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v17-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fontsopen-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fontsopen-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontsopen-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontsopen-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontsopen-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontsopen-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fontsopen-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fontsopen-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontsopen-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontsopen-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fontsopen-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontsopen-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fontsopen-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fontsopen-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontsopen-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontsopen-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fontsopen-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontsopen-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fontsopen-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fontsopen-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontsopen-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontsopen-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fontsopen-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontsopen-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fontsopen-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fontsopen-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontsopen-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontsopen-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fontsopen-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontsopen-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fontsopen-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fontsopen-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontsopen-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontsopen-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fontsopen-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontsopen-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* =Genericons, thanks to FontSquirrel.com for conversion!
-------------------------------------------------------------- */
@font-face {
    font-family: 'Genericons';
    src: url('../font/genericons-regular-webfont.eot');
    src: url('../font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/genericons-regular-webfont.woff') format('woff'),
         url('../font/genericons-regular-webfont.ttf') format('truetype'),
         url('../font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ##################################################################### */
/* ##################################################################### */
/* ##################################################################### */



/*

allgemeine Voreinstellungen
----------------------------------------------------------------------- */


* {
   	margin: 0;
   	padding: 0;
}



body {
   	background: #333333;
   	font-family: Lato, Sans-Serif;
}



img { 
    	border: 0; 
    	max-width: 99%;
		width: 100%;
		height: auto;
       
}

img.normal { 
    	border: 0; 
		width: 100%;
		height: auto;
       
}


p {
    font-size: 1.4em;
	letter-spacing: 0.01em;
	line-height: 1.6em;
	margin-bottom: .8em;
	color: #051925;
}


p.border {
    border-color: green;
	border-width: 18px;
	border-style: solid;
	padding: 1.9em 0 1.8em 0;
	max-width: 99%;
	height: 40px;
}


p.text-dunkel {
	text-align: block;
    color: #393a59;
	font-size: 1.8em;
	max-width: 99%;
}

a {
	background: none;	
    	text-decoration: none; 
    	color: #f6a0a1;

}


a.fliesztext {
	color: #666;
}

a.rosa {
	background: #ffe8ef;
	padding: 4px 6px 4px 6px;
}


a.linkgrau {
	background: #ccc;
	padding: 4px 6px 4px 6px;
	color: #333;
}

a:hover.linkgrau {
	text-decoration: none;
	padding: 4px 6px 4px 6px;
	color: #eaf9ff;
}

a.linkoben {
	background: #90bdd4;
	font-size: 1.2em;
	float: right;
    text-decoration: none;
	padding: 4px 6px 4px 6px;	
    color: black;
	font-weight: 400;
}




/* -------------------------------h1, h2, h3, h4 font-weight: 300;---------------------------------------- */


#wrapper {
    	max-width: 1300px;
		padding-left: 1em;
		margin: auto;

}

#wrapper.big {
    	max-width: 100%;
		margin: auto;

} 

#header {
	background: none !important;
    	margin-bottom: 4em;
}






h1 {
    	color: #fff;
    	font-size: 2.2em;
    	margin: 1.8em 0 1.6em 0;
		font-weight: normal;
}

h1.essay {
    	color: #ababab;
    	font-size: 2.8em;

    	margin: 1em 0 .8em 0;
		font-weight: 400;
}

h2 {
    	color: #968787;
    	font-size: 2.4em;

		letter-spacing: 0.03em;
    	margin: .8em 0 1.4em 0;
		font-weight: normal;
}

h2.oben {
    	color: #cccccc;
    	font-size: 2.8em;

		text-align: center;
    	margin: 0 0 1em 0;
		font-weight: normal;
}

h2.signal {
    	color: #ababab;
    	font-size: 2.8em;

    	margin: 1em 0 -1.3em 0;
		font-weight: 400;
}

h2.auftrag {
    	color: #666;
		margin: 1.2em 0 .8em 0;
}

h3 {
    	font-size: 1.4em;
    	color: #00131f;
    	font-weight: normal;
    	letter-spacing: .06em;
		margin: 1.2em 0 1em 0;
}

h3.szene {
    	
    	color: #999999;
    	letter-spacing: .06em;
		margin: 1.6em 0 1em 0;
}

h3.open-call {
	color: #636363;
	color: #999;
	font-size: 1.8em;
	padding-top: .4em;
}

h3.open-call-titel {
	text-align: center;
	color: #9db4c0;
	font-size: 1.8em;

}

p.open-call-titel { 
   text-align: center;
	color: #9db4c0;
	font-size: 1.4em;
	margin-top: -1em;

}

#header h1 {
	color: #4b4b4b;
	margin: 20px 0;
    font-size: 7em;
	letter-spacing: .1em;
	text-align: center;
font-weight: 800;	
}




#header h2 a {
	background: none !important;
	color: #d29b9c;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0 20px 0 0;
}

#header h2 a:hover {
	color: black;
	
}


#header h2 span {
	text-transform: uppercase;
	color: #968787;
	font-size: 16px;
	padding: 0 20px 0 0;
	letter-spacing: 0.03em;
}

i {
	font-weight: 400;
}


/* ------------------------------- Aktionen ------------------------------------- */


h4 {
	color: #90bdd4;
	margin: 2em 0;
    font-size: 3em;
	letter-spacing: .35em;
	text-align: center;
font-weight: 800;	
}

h4.normal {
	color: #f6a0a1;
	margin: 20px 0;
    font-size: 2.4em;
	letter-spacing: .04em;
	text-align: center;
font-weight: 400;	
}


#textblock {
	max-width: 1008px;
	font-style: italic;
background-color: #3a3a3a;
		padding: 0 0 .02em .5em;
	margin: auto;
    	margin-bottom: 2em;
}

img.erstes-aktion {
		max-width: 99%;
		margin-top: 3em;
		margin-bottom: 3em;

}


a.linkoben-en {
	background: none;
	float: right;
    text-decoration: none; 
    color: #d7a190;
	font-weight: normal;
}


a:hover.linkoben-en {
	text-decoration: none;
    	color: #ffd6c5;
}

/* -------------------- Absaetze ----------------- */


p.essay-text {
	color: #aaaaaa;
	font-size: 1.6em;
	margin-bottom: 1.4em;
}

p.open-call
{
	font-size: 1.1em;
	color: #cccccc;
	font-weight: 300;
	margin-top: 30px;
	
}

p.open-call-oben
{
	font-size: 1.1em;
	color: #cccccc;
	font-weight: 300;
	margin-top: .8em;
	
}

p.link {
	font-size: 1.2em;
	margin-bottom: 5em;
}


a.infolink { 
	background: #2b3c4a;   
	color: #87a694;
	font-size: 2em;
	margin-top: 2em;
	margin-bottom: 4em;
	padding-right: 20px;
	letter-spacing: 0.02em;
}

a:hover.infolink {
	color: #5c717c;
	
}

/* -------------------- Footer ----------------- */

p.footer { 
	background: none;   
	color: #9db4c0;
	font-size: 1.4em;
	margin-top: 1em;
	padding: 0;
}


p.footer a { 
	background: none;   
	color: #9db4c0;
	font-size: .7em;
	margin-top: 1em;
	padding: 0;
}


p.footer a:hover {
	color: #051925;
	
}

/* -------------------- Ende Footer ----------------- */


hr.top {
    	border: none;
    	background: #ffefef;
    	height: 1px;
	margin: -18px 0 40px 0;
    	clear: both;
} 

hr.starttext_unten {
    	border: none;
    	background: #42007c;
    	height: 18px;
		text-shadow: .06em .06em #333;
	margin: 1px 0 80px 0;
    	clear: both;
} 


hr {
    	border: none;
    	background: #f9d9d9;
    	height: 18px;
    	margin: 18px 0 30px 0;    
    	clear: both;
}




/*----------------------------------------------- Navigation ----------------------------------------------------------------------- */

.header-flex {
	background: none !important;
	display: flex;
	justify-content: space-between;
}


#header nav {
	background: none !important;
	margin-top: 0;
}


#header nav ul {
	background: none !important;
	list-style: none;
	position: relative;
}


#header nav ul li {
	background: none !important;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-left: 0;
	margin-bottom: .5em;
}




@media all and (min-width: 850px) {
	#header nav ul li {
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-left: 1em;
}


#header nav ul li .sub-menu {
	padding-top: 0.4em;
}
 
 
#header .sub-menu {
	position: absolute;
	right: -99999em;
}


#header nav ul li .sub-menu li {
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: .35em;
}


#header nav ul li:first-of-type {
	margin-left: 0;
}


#header .sub-menu.active,
#header .active-subnav .sub-menu,
#header .work:hover .sub-menu {
	right: auto;
	padding-top: .7em;
}


#header nav ul li .sub-menu li {
	text-transform: none;
}


nav a {
	color: #d29b9c;
}


nav .current {
	color: #968787;
}


nav + h2 {
	margin-top: 20px;
	text-transform: uppercase;
}

}
/*------------------------------------ masonry -------------------------------------- */




.container.js-masonry {
  	background: black;
  	max-width: 1200px;
    	clear: both;
    	display: block !important;
    	margin-top: 10px;
    	overflow: hidden;
    	width: 100%;
}



img {
  	height:auto;
  	max-width:100%;
  	width:auto;
}

.item {
font-size: .9em;
	letter-spacing: .02em;
	color: #999999;
	padding: .6em 0 1em 0;	
	
    	width: 24%;
	margin: 0 .8em 1em 0; 
	display: block !important; 
	position: relative; 
    	float: left;
}

p.item {

	letter-spacing: .02em;
	color: #999999;
	padding: .6em 0 1em 0;
	margin-bottom: 1em;
	width: 24%;
}

a,
container .item a img {
	text-decoration: none !important;
	border-bottom: none !important;
}

a.aktiv {
	background: none; 
    text-decoration: none; 
    color: black;
}




.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}


@media all and (max-width:880px) {
	#header h1 a {
		font-size: 8vw;
	}
}

@media all and (max-width: 707px) {
	.item {
		width: 100%;
		margin: 0 1% 3% 0;
	}
}

@media all and (min-width: 708px) {
	.item { 
		width: 24%;  
		margin: 0 1% 3% 0; 
		//display: block !important; 
		//position: relative; 
		//float: left;
	}
}

.item {
	color: #999999;
}