/*

dimension.css

*/
/* 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;

}

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



/* 

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

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* {
   	margin: 0;
   	padding: 0;
}

body {
   	background: #fff;
	font-family: 'Lato', sans-serif;

}

#wrapper {
    	max-width: 1200px;
    	margin: .5em auto 70px;
    	padding: 0 1em;
}


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


#einleitung {
	width: 81.5%;
	margin-top: 1em;
	padding-bottom: 1.1111111111111%;
	margin-bottom: 2.22222222222222%;
}


/*#fortsetzung {
	border-bottom: 1px solid #e3e3e3 !important;
	width: 81.5%;
	margin-top: 1em;
	margin-bottom: 2em;
}*/


p {
    	font-size: 1em;
	letter-spacing: 0.03em;
	line-height: 1.3em;
	margin-bottom: .8em;
}


/* -------------------- Footer ----------------- */
p.footer a { 
	background: none;   
	color: #d29b9c;
	font-size: 16px;
	padding: 0 20px 0 0;
	letter-spacing: 0.03em;
}

p.footer a:hover {
	color: black;
	
}

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

/* ----------------------Ueberschriften und Header ----------------- */


#header h1 {
	font-weight: normal !important;
	color: #f2babb;
	margin: 20px 0;
       	font-size: 2em;
}


#header h1 a {
	font-weight: normal !important;
	color: #f2babb;

	text-decoration: none;
}


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


#header h2 a:hover {
	text-decoration: none !important;
	color: black;
}


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


h2 {
    	font-weight: normal;
    	color: #968787;
    	font-size: 1.3em;
	letter-spacing: .03em;
    	margin: .5em 0 1em 0;
}

h3 {
    	font-size: 1.2em;
    	color: black;
    	font-weight: normal;
    	letter-spacing: .03em;
	margin: .5em 0 1em 0;
	text-align: left;
}


/* ----------------------Ende Ueberschriften und Header ----------------- */

#rolle-mittig {
	text-align: center;
	width: 100%;
	margin-bottom: 2em;
}


hr.oben {
    	border: none;
    	background: #fff;
    	height: 1px;
	margin: 0;
    	clear: both;
}


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




.untertitel {
	padding: 8px 0 18px 0;
	font-size: .9em;
}


a {
    	text-decoration: none; 
    	color: #993300;
}

a:hover {
	text-decoration: none;
    	color: black;
}

a.rosa {
	background: #ffe8ef;
	padding: 0 8px 0 7px;
}

a.linkoben {
	background: none; 
	float: right;
    	text-decoration: none; 
    	color: #d29b9c;
}






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



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

.item { 
    	width: 24%;
	margin: 0 3% 3% 0; 
	display: block !important; 
	position: relative; 
    	float: left;
}



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 0 3% 0;
	}
}

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


/*------------------------------------ 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;
		margin-top: 0;
}


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


#header nav ul li .sub-menu li {

	margin-bottom: .35em;
}

#header nav ul + ul li {
		text-transform: none;
}

#header nav ul + ul li:first-of-type {
	text-transform: uppercase;
}

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


	#header .sub-menu {
		position: absolute;
		right: -99999em;
	}


	#header nav ul li .sub-menu li {
	text-transform: none;
		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;
	text-transform: none;
}


nav a {
	color: #d29b9c;
}


nav .current {
	color: #968787;
}


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


/*--------------- Hamburger -------------*/

body.active-nav nav {
	display: block;
	width: 82px;
}


label.hamburg {
	display: block;
	width: 75px;
	height: 50px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
}


.line {
	position: absolute;
	left:10px;
	height: 6px;
	width: 55px;
	background: black;
	border-radius: 1px;
	display: block;
	transition: 0.5s;
	transform-origin: center;
}


.line:nth-child(1) { top: 16px; }
.line:nth-child(2) { top: 30px; }
.line:nth-child(3) { top: 44px; }

.show .hamburg .line:nth-child(1) {
	transform: translateY(6px) rotate(-45deg);
}


.show .hamburg .line:nth-child(2) {
	opacity:0;
}


.show  .hamburg .line:nth-child(3) {
	transform: translateY(-6px) rotate(45deg);
}


.show #header nav ul li {
	display: block;
}


.show #header nav .sub-menu {
	position: relative;
	right: auto;
}


.show nav li span {
	display: none;
}


.js nav {
	display: none;
}


#toggle-nav {
	display: block;
	position: relative;
	right: 0;
	bottom: 0;
	padding: 1em;
	color: black;
	cursor: pointer;
}


@media screen and (min-width: 850px) {
  .js nav {
    display: block;
  }
	#toggle-nav {
		display: none;
	}
}