@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic");

@import url("https://fonts.googleapis.com/css?family=Antic+Slab");

/*-----------------------------
		Index.html
------------------------------*/

.modal-backdrop.in {
     z-index: 0;
     position: absolute;
}

body {
	padding-bottom:70px;
	font-family:Open Sans;
	line-height:1.5;
}

.leftdiv {
	background:#fff;
	left:-195px;
	position:fixed;
	z-index:100;
	width:400px;
	height:100%;
	-moz-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	-webkit-transform:rotate(4deg);
}

.topdiv {
	background:#fff;
	top:-1085px;
	left:705px;
	position:fixed;
	z-index:100;
	width:400px;
	height:2000px;
	-moz-transform:rotate(77deg);
	-ms-transform:rotate(77deg);
	-o-transform:rotate(77deg);
	-webkit-transform:rotate(77deg);
}

.logo {
	position:fixed;
	z-index:110;
	top:120px;
	left:95px;
}

.logotxt {
	font-family:Antic Slab;
	font-size:24px;
	letter-spacing: 1.1px;
	-moz-transform:rotate(-14deg);
	-ms-transform:rotate(-14deg);
	-o-transform:rotate(-14deg);
	-webkit-transform:rotate(-14deg);
}

a .logotxt {
	color: #6e6e6e;
}

.logotxt.txtwhite {
	color:#fff;
	position:fixed;
	top:180px;
	left:116px;
}

.logotxt.txtwhite a {
	color:#fff;
	font-family:Antic Slab;
}

.logotxt.txtwhite a:hover {
	text-decoration:none;
}

.logotxt.txtblack {
	top:147px;
	left:254px;
	position:fixed;
}

.logotxt.logoname {
	top:185px;
	left:257px;
	position:fixed;
	font-size:18px;
}

.img-navigation {
	left:100px;
	width:calc(100% -100px);
}

#background_cycler {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

#background_cycler div {
	position:fixed;
	left:107px;
	top:0;
	width:calc(100% - 107px);
	height:100%;
	z-index:1;
	background-color:#fff;
	background-size:cover;
	background-position:center center;
}

#background_cycler div.active {
	z-index:3;
}

.hovereffect {
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
	background:#e8f1b0;
	left: 100px;
}

.hovereffect .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:45%;
	left:0;
	padding:0px 90px;
}

.hovereffect img {
	display:block;
	position:relative;
	max-width:none;
	width:calc(100% + 20px);
	-webkit-transition:opacity 0.35s,-webkit-transform .35s;
	transition:opacity 0.35s,transform .35s;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.hovereffect:hover img {
	opacity:.2;
	filter:alpha(opacity=40);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

.hovereffect h2 {
	color:#000;
	text-align:center;
	position:relative;
	font-size:22px;
	overflow:hidden;
	padding:1em 0;
	background-color:transparent;
	visibility:hidden;
	margin-top:100px;
}

.hovereffect h2:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:#000;
	content:'';
	-webkit-transition:-webkit-transform .35s;
	transition:transform .35s;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

.hovereffect p {
	color:#000;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 0.35s,-webkit-transform .35s;
	transition:opacity 0.35s,transform .35s;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
}

.hovereffect:hover p {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

.hovereffect:hover h2 {
	visibility:visible;
}

.nfb {
	background-color:#e8f1b0;
}

.navi {
	margin-top:19px;
	padding-top:1px;
	height:52px;
	margin-left:0;
	width:100%;
	padding-left:140px;
}

.navi li {
	display:inline;

}

.navi li a {
	color:#6e6e6e;
	font-size:22px;
	font-family: Open Sans;

}

.navi li:last-child {
	float:right;
}

.navi li a {
	padding-right:35px;
}

/*-----------------------------
		Index2.html
------------------------------*/
.bg {
	position:fixed;
	margin-left:130px;
}

.closeBtn {
	cursor: pointer;
	position:absolute;
	right:60px;
	top:40px;
	width:70px;
	height:70px;
	content:url(../assets/img/cross.jpg);
}

.closeBtn.open {
	width:35px;
	height:70px;
	content:url(../assets/img/pfeil.png);
}

.info {
	padding:3em 3em 6em;
	position:absolute;
	right:70px;
	top:150px;
	width:1000px;
	min-height:calc(100% - 150px);
	background-color:rgba(232,241,176,0.8);
	font-family:Open Sans;
	font-size:18px;
	line-height:1.5;
	-webkit-transition:right 1s;
/* Safari */
	transition:right 1s;
}
/* Impress Pages > */

.ipWidget p {
    font-family: Open Sans;
    font-size: 18px;
}
.ipWidget a {
    text-decoration: underline;
    color: black;
}
.ipWidget a:hover {
    text-decoration: none;
    color: black;
}
/* < Impress Pages  */

.info.divClose {
	right:-904px;
	position:fixed;
}

.info h1 {
	text-transform:uppercase;
	padding-bottom:30px;
	font-family:Antic Slab;
	font-size:45px;
}

.info h2 {
	padding-bottom:30px;
	font-family:Antic Slab;
	font-size:25px;
	line-height:1.5;
}

.info li {
	padding-top:15px;
	list-style:none;
}

.info li a[href$=".pdf"] {
	background:url(/img/pdf.png) no-repeat left center;
	padding:30px;
}

/* ---- .grid-item ---- */
.grid {
	left:100px;
	width:calc(100% - 100px);
}

.grid-sizer,.grid-item {
	width:33.33%;
	padding:0;
}

.grid-item {
	float:left;
}

.grid-item img {
	display:block;
	max-width:100%;
}

/* ---- Light Box ---- */
.gallery img,.gallery a img {
	width:219px;
	height:219px;
	vertical-align:sub;
}

/*-----------------------------
		Responsive
------------------------------*/
@media screen and (max-width: 1440px) {
	.logo {
		top:19px;
		left:65px;
	}

	.logotxt.txtwhite {
		top:70px;
		left:82px;
	}

	.logotxt.txtblack {
		top:45px;
		left:184px;
	}

	.logotxt.logoname {
		top:69px;
		left:189px;
		font-size: 15px;
	}

	.logo img {
		width:220px;
	}

	.logotxt {
    font-family: Antic Slab;
    font-size: 17px;
    letter-spacing: 1.1px;
    -moz-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
}

	.leftdiv {
		background:#fff;
		left:-265px;
		position:fixed;
		z-index:100;
		width:400px;
		height:100%;
		-moz-transform:rotate(4deg);
		-ms-transform:rotate(4deg);
		-o-transform:rotate(4deg);
		-webkit-transform:rotate(4deg);
	}

	.hovereffect .overlay {
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		padding: 30px 40px;
	}

	.hovereffect .overlay h2 {
		font-size:16px;
	}

	.topdiv {
		background:#fff;
		top:-1090px;
		left:75px;
		position:fixed;
		z-index:100;
		width:400px;
		height:2000px;
		-moz-transform:rotate(77deg);
		-ms-transform:rotate(77deg);
		-o-transform:rotate(77deg);
		-webkit-transform:rotate(77deg);
	}

	.navi li a {
		color:#6e6e6e;
		font-size:18px;
	}

	.navi {
		margin-top:19px;
		padding-top:1px;
		height:42px;
		margin-left:0;
		width:100%;
		padding-left:100px;
	}
}

@media screen and (max-width: 1024px) {
	.logo {
		position:fixed;
		z-index:110;
		top: -15px;
    left: 65px;
	}

	.logotxt.txtwhite {
		color:#fff;
		position:fixed;
		top:41px;
		left:80px;
	}

	.logotxt.txtblack {
		top:15px;
		left:185px;
		position:fixed;
	}

	.logotxt.logoname {
		top:39px;
		left:189px;
		position:fixed;
		font-size:14px;
	}

	.logotxt {
		font-family:Antic Slab;
		font-size:18px;
		-moz-transform:rotate(-14deg);
		-ms-transform:rotate(-14deg);
		-o-transform:rotate(-14deg);
		-webkit-transform:rotate(-14deg);
	}

	.logo img {
		width:220px;
	}

	.leftdiv {
		background:#fff;
		left:-267px;
		position:fixed;
		z-index:100;
		width:400px;
		height:100%;
		-moz-transform:rotate(4deg);
		-ms-transform:rotate(4deg);
		-o-transform:rotate(4deg);
		-webkit-transform:rotate(4deg);
	}

	#background_cycler div {
		position:fixed;
		left:80px;
		top:0;
		width:calc(100% - -67px);
		height:100%;
	}

	.hovereffect .overlay {
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		padding:0 20px;
	}

	.topdiv {
		background:#fff;
		top:-1124px;
		left:75px;
		position:fixed;
		z-index:100;
		width:400px;
		height:2000px;
		-moz-transform:rotate(78deg);
		-ms-transform:rotate(78deg);
		-o-transform:rotate(78deg);
		-webkit-transform:rotate(78deg);
	}

	.info {
		width:843px;
		padding-right: 19px;
		right: 15px;
	}


	.info h1 {
		font-size: 31px;
	}

	.info.divClose {
    right: -790px;
    position: fixed;
}

	.navi li a {
		color:#6e6e6e;
		font-size:16px;
	}

	.navi {
		margin-top:19px;
		padding-top:1px;
		height:42px;
		margin-left:0;
		width:100%;
		padding-left:2px;
	}

	.closeBtn {
		cursor: pointer;
		width:50px;
		height:50px;
		right: 12px;
		top: 94px;
	}

	.closeBtn.open {
		width:40px;
		height:60px;
	}
}

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


	.info {
		width:597px;
		padding-right: 19px;
		padding-left: 19px;
		right: 15px;
	}

	.info li a[href$=".pdf"] {
   		padding: 30px;
   		margin-left: -45px;
	}

	.info h2 {
		margin-top:20px;
	}

	.navi li a {
		color:#6e6e6e;
		font-size:16px;
	}

	.navi {
		margin-top:19px;
		padding-top:1px;
		height:42px;
		margin-left:0;
		width:100%;
		padding-left:73px;
	}

	#background_cycler div {
		width:calc(100% - -584px);
		height:100%;
		left: 80px;
	}

	.info.divClose {
    right: -540px;
    position: fixed;
}

	.grid-sizer,.grid-item {
		width:50%;
		padding:0;
	}

	.leftdiv {
		left:-277px;
		position: fixed;
	}

	.hovereffect .overlay {
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		padding:0 50px;
	}

	.closeBtn {
		width:50px;
		height:50px;
		right: 12px;
		top: 85px;
	}

	.closeBtn.open {
		width:42px;
		height:60px;
	}



	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }


    .navi {
		margin-top:0;
		padding-top:1px;
		height:40px;
		margin-left:0;
		width:100%;
		padding-left:0;
	}

	.nav-bottom {
		padding-left:0;
		padding-right:0;
	}

	.navi li {
		padding-left:13px;
		padding-right:580px;
	}

	.navi li a {
		color:#6e6e6e;
		font-size:22px;
	}

	.navbar-default .navbar-toggle {
		background-color:#e8f1b0;
	}

	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
		background-color:#e8f1b0;
	}

	.navbar-fixed-bottom {
		border:none;
	}


	.navbar-header {
		border-bottom: 1px solid #6e6e6e;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
	}


}

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

	.logo {
		position:absolute;
		z-index:110;
		margin-top:3px;
		margin-left:4px;
	}

	.logotxt.txtwhite {
		color:#fff;
		position:absolute;
		top:20px;
		left:7px;
		font-size:14px;
	}

	.logotxt.txtblack {
		top:2px;
		left:82px;
		position:absolute;
		font-size:14px;
	}

	.logotxt.logoname {
		top:13px;
		left:86px;
		position:absolute;
		font-size:12px;
		width: 100px;
	}

	.logo img {
		width:90px;
	}

	.leftdiv {
		background:#fff;
		left:-331px;
		position:fixed;
		z-index:100;
		width:400px;
		height:100%;
		-moz-transform:rotate(4deg);
		-ms-transform:rotate(4deg);
		-o-transform:rotate(4deg);
		-webkit-transform:rotate(4deg);
		display:none;
	}

	.topdiv {
		background:#fff;
		top:-1095px;
		left:75px;
		position:fixed;
		z-index:100;
		width:400px;
		height:2000px;
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		display:none;
	}

	.grid {
		left:0;
		width:calc(114% - 100px);
		top:100px;
	}

	#background_cycler div {
		position:fixed;
		left:0;
		top:0px;
		width:calc(100% - -67px);
		height:100%;
	}

	.hovereffect .overlay {
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		padding:0 50px;
	}

	.info {
		width:638px;
		right: 14px;
		font-size: 14px;
		padding-right: 19px;
		padding-left: 19px;

	}

	.info h1 {
		font-size:30px;
	}

	.info h2 {
		font-size: 20px;
	}

	.info ul {
		font-size: 14px;
	}

	.info li a[href$=".pdf"] {
    	padding: 30px;
		margin-left: -45px;
	}

	.info.divClose {
    	right: -592px;
		position: fixed;
	}

	.navi {
		margin-top:0;
		padding-top:1px;
		height:40px;
		margin-left:0;
		width:100%;
		padding-left:0;
	}

	.nav-bottom {
		padding-left:0;
		padding-right:0;
	}

	.navi li {
		padding-left:13px;
		padding-right:449px;
	}

	.navi li a {
		color:#6e6e6e;
		font-size:22px;
	}

	.closeBtn {
		width:43px;
		height:43px;
		right:10px;
		top:105px;
	}

	.closeBtn.open {
		width:37px;
		height:50px;
	}

	.navbar-collapse {
		border-top-width:0;
		background-color:#e8f1b0;
	}

	.navbar-header {
		margin-top:-280px;
		border: none;
	}


	.navbar-fixed-bottom {
		background-color:transparent;
		border:none;
		opacity:.9;
		filter:alpha(opacity=70);
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);

	}




	.navbar-default {
		position:absolute;
	}

	.navbar-default .navbar-toggle {
		background-color:#e8f1b0;
	}

	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
		background-color:#e8f1b0;
	}


   .topmenu {
    	position: absolute;
		width: 100%;
		height: 100px;
		background: white;
	}



}


@media screen and (min-width: 450px) and (max-width: 568px) {
	.nav li {
		padding-left:13px;
		padding-right:349px;
	}

	.info {
		width:480px;
	}
	.info ul {
		padding-left: 0px;
		font-size: 14px;
	}

	.info h1 {
		font-size:26px;
	}

	.info li a[href$=".pdf"] {
    	padding: 30px;
		margin-left: -8px;
	}


	.hovereffect .overlay {
		padding:0 50px;
	}
	.navbar-header {
		margin-top:-160px;
	}


	.grid {
		width:calc(119% - 100px);
	}
	.navbar-header {
		margin-top:-220px;
	}
}

@media screen and (max-width: 320px) {
	.info {
		width:300px;
	}

	.navbar-header {
		margin-top:-410px;
	}

	.grid {
		width:calc(119% - 100px);
	}
	.navbar-header {
		margin-top:-360px;
	}

	.nav li {
   		 padding-left: 13px;
   		 padding-right: 102px;
	}

    .info h1 {
		font-size:24px;
	}

	.info ul {
		padding-left: 0px;
		font-size: 14px;
	}

	.info li a[href$=".pdf"] {
    	padding: 30px;
		margin-left: -34px;
	}

}


@media screen and (min-width: 450px) and (max-width: 480px){

	.info {
    	width: 417px;
	}

	.navi li {
    	padding-right: 263px;
	}

	.navbar-header {
		margin-top:-220px;
	}
	.grid {
		width:calc(121% - 100px);
	}

	.hovereffect {
		left: 0;
	}

	.hovereffect .overlay {
	   padding: 0px 10px;
	   top: -40px;
	}


}

@media screen and (max-width: 320px){
	.hovereffect {
		left: 0;
	}

		.info {
		width: 306px;
	}

	.info li a[href$=".pdf"] {
    	padding: 30px;
		margin-left: -4px;
	}

	.navi li {
   	 	padding-right: 103px;
	}

	.navbar-header {
		margin-top:-270px;
	}


}

@media screen and (max-width: 414px) {
	.hovereffect {
		left: 0;
	}

	.logo {
		position:absolute;
		z-index:2000;
		margin-top: 19px;
    margin-left: -61px;
	}

	.logotxt.txtwhite {
		color: #fff;
    position: absolute;
    top: 22px;
    left: 9px;
    font-size: 12px;
	}

	.logotxt.txtblack {
		top: 4px;
    left: 83px;
    position: absolute;
    font-size: 12px;
	}

	.logotxt.logoname {
		top: 15px;
    left: 75px;
    position: absolute;
    font-size: 11px;
    width: 100px;
	}

	.logo img {
		width:132px;
	}

	.leftdiv {
		display:none;
	}

	.topdiv {
		display:none;
	}

	.grid {
		left:0;
		width:calc(114% - 100px);
		top:100px;
	}

	.grid-sizer,
	.grid-item {
		width: 115%;
		padding: 0;
	}


	#background_cycler div {
		position:fixed;
		left:0;
		top:0px;
		width:calc(100% - -67px);
		height:100%;
	}

	.hovereffect .overlay {
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		padding:0 50px;
	}

	.info {
		width:363px;
		right: 6px;
	}

	.info h1 {
		font-size:22px;
	}

	.info ul {
		font-size: 14px;
	}


	.info li a[href$=".pdf"] {
    	padding: 30px;
		margin-left: -45px;
	}

	.info.divClose {
   	 	right: -330px;
   	 	position: fixed;
	}

	.closeBtn {
		width:43px;
		height:43px;
		right:2px;
		top:105px;
	}

	.closeBtn.open {
		width:30px;
		height:50px;
	}

	.navi {
		margin-top:0;
		padding-top:1px;
		height:40px;
		margin-left:0;
		width:100%;
		padding-left:0;
	}

	.nav-bottom {
		padding-left:0;
		padding-right:0;
	}

	.navi li {
		padding-left:13px;
		padding-right:157px;
	}

	.navi li a {
		color:#6e6e6e;
		font-size:22px;
	}

	.navbar-collapse {
		border-top-width:0;
		background-color:#e8f1b0;
	}

	.navbar-header {
    border: none;
    position: relative;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 100px;
		margin: 0;
}


	.navbar-default {
		position:absolute;
		top:0;
	}

	.navbar-default .navbar-toggle {
		background-color:#e8f1b0;
		top: 24px;
	}

	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
		background-color:#e8f1b0;
	}
}

@media screen and (max-width: 350px) {
.info {
    width: 310px;
    right: 6px;
}
}


/*-----------------------------
		Impress Pages
------------------------------*/

.modal-backdrop {
    bottom: auto !important;

}


.ipWidget-File li {
    background: url(img/pdf.png) no-repeat left center;
    margin-bottom: 4px;
		padding-left: 45px;
    padding-bottom: 10px;
}


/* Disable Widget*/

.ipsWidgetItem-Form,
.ipsWidgetItem-Map,
.ipsWidgetItem-Html,
.ipsWidgetItem-Divider {
	display: none;
}