body {
	margin:0;
	background-color:#401F0E;
	font-family: 'Barlow Semi Condensed', sans-serif;
}
.texte-a {
	width:900px;
	margin:auto;
	position:relative;
}


h2.cf {
	font-weight:300;
	color:#401F0E;
	display:inline-block;
	margin-left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	position:relative;
}
h2.cf::after,h2.cf::before  {
	content:'';
	position:absolute;
	width:100px;
	height:1px;

	top:50%;
}
h2.cf::after {
	right:-105px;
	background: -moz-linear-gradient(left, rgba(64,31,14,1) 0%, rgba(64,31,14,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(64,31,14,1) 0%,rgba(64,31,14,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(64,31,14,1) 0%,rgba(64,31,14,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h2.cf::before {
	left:-105px;
	background: -moz-linear-gradient(left, rgba(64,31,14,0) 0%, rgba(64,31,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(64,31,14,0) 0%,rgba(64,31,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(64,31,14,0) 0%,rgba(64,31,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h3.cf {
	font-weight:300;
	color:#401F0E;
	font-size:16px;
	margin-top:0px;
	margin-bottom:4px;
}
.centre {
	position:relative;
	border-top:none;
	border-bottom:none;
}
footer {
	height:100px;
	background-color:#401F0E;
	font-size:10px;
	text-align:center;
	color:#FFF;
	transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	position:relative;
}
footer a {
	color:#FFF;
	/*text-decoration:none;*/
}
header {
	background-color:#FFF;
	height:0;
	position:relative;
	overflow:hidden;
}
header > #open-menu {
	position:fixed;
	top:10px;
	left:10px;
	padding:10px;
	background-color:#401F0E;
	color:#FCF4BF;
	width:40px;
	height:40px;
	z-index:200;
	text-align:center;
	font-weight:bold;
	line-height:40px;
	text-decoration:none;
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	border:1px solid #FCF4BF;
}
header > #open-menu:hover {
	transform:scale(1.2);
}
a img {
	border:0px;
	vertical-align:text-bottom;
}
nav>svg#sarment {
	position:absolute;
	bottom:0px;
	right:0px;
}
nav>div#AB {
	position:absolute;
	bottom:10px;
	width:100%;
	box-sizing:border-box;
	height:80px;
	text-align:center;
}
nav>div.INST.FB_M {
	top:620px !important;
}

nav>div.INST { 
	position:absolute;
	top:550px;
	width:100%;
	box-sizing:border-box;
	height:80px;
	text-align:center;
}
nav>div.INST>div {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
nav>div.INST>div>a {
	color:#401F0E;
	text-decoration:none;
}
nav>div.INST>div>a>svg{
	width:30px;
	vertical-align:middle;
	fill:#5c4b51 !important;
}
nav>div#AB>svg#AB_CERT, nav>div#AB>svg#Ebene_1 {
	height:80px;
}
nav {
	position:fixed;
	width:600px;
	height:100%;
	left:-610px;
	top:0px;
	z-index:200;
	font-size:22px;
	color:#401F0E;
	box-shadow:4px 0 30px rgba(0, 0, 0, 0.5);
	background-color:#FEFEFE;
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden;
}
nav.open {
	left:0px;
}
nav.fixe {
	
}
nav>#nav-acc {
	padding:10px;
	border-bottom:1px solid #CCC;
	font-weight:300;
	font-size:38px;
	position:relative;
	background-color:#f5f5f5;
	text-indent:58px;
	height:80px;
	line-height:80px;
}
nav>#nav-acc>a#nav-close {
	position:absolute;
	height:44px;
	width:44px;
	top:50%;
	-webkit-transform:translateY(-50%);
          transform:translateY(-50%);
	right:20px;
	text-indent:100%;
	overflow:hidden;
}
nav>#nav-acc>a#nav-close::after, nav>#nav-acc>a#nav-close::before {
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #5c4b51;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
nav>#nav-acc>a#nav-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
nav>#nav-acc>a#nav-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
nav>#nav-acc>img {
	position:absolute;
	width:48px;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
nav ul {
	height:400px;
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
	display: -webkit-box;
  	display: -ms-flexbox;
	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap; 

}
nav ul li {
	width:200px;
	max-height:200px;
	box-sizing:border-box;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	position:relative;
	-webkit-transition:all .3s linear;
  transition:all .3s linear;
}
nav ul li > svg {
	position:absolute;
	width:80px;
	height:80px;
	top:50%; left:50%;
	-webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
	fill:#5c4b51;
	z-index:1;
}
nav ul li:hover > svg {
	-webkit-animation: cd-shock 0.3s;
  -moz-animation: cd-shock 0.3s;
  animation: cd-shock 0.3s;
}
@-webkit-keyframes cd-shock {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
  }
  30% {
    -webkit-transform: translate(-50%,-50%) rotate(10deg);
  }
  60% {
    -webkit-transform: translate(-50%,-50%) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
  }
}
@-moz-keyframes cd-shock {
  0% {
    -moz-transform: translate(-50%,-50%) rotate(0);
  }
  30% {
    -moz-transform: translate(-50%,-50%) rotate(10deg);
  }
  60% {
    -moz-transform: translate(-50%,-50%) rotate(-10deg);
  }
  100% {
    -moz-transform: translate(-50%,-50%) rotate(0);
  }
}
@keyframes cd-shock {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    -moz-transform: translate(-50%,-50%) rotate(0);
    -ms-transform: translate(-50%,-50%) rotate(0);
    -o-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
  }
  30% {
    -webkit-transform: translate(-50%,-50%) rotate(10deg);
    -moz-transform: translate(-50%,-50%) rotate(10deg);
    -ms-transform: translate(-50%,-50%) rotate(10deg);
    -o-transform: translate(-50%,-50%) rotate(10deg);
    transform: translate(-50%,-50%) rotate(10deg);
  }
  60% {
    -webkit-transform: translate(-50%,-50%) rotate(-10deg);
    -moz-transform: translate(-50%,-50%) rotate(-10deg);
    -ms-transform: translate(-50%,-50%) rotate(-10deg);
    -o-transform: translate(-50%,-50%) rotate(-10deg);
    transform: translate(-50%,-50%) rotate(-10deg);
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    -moz-transform: translate(-50%,-50%) rotate(0);
    -ms-transform: translate(-50%,-50%) rotate(0);
    -o-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
  }
}
nav ul li.select > svg {
	fill: #FFF; 
}
nav ul li.select {
	background-color:#ECDEA8;
	
}
nav ul li.select:hover {
	background-color:#ECDEA8;	
}
nav ul li.select a {
	color:#FFF;
}
nav ul li:hover {
	background-color:#FCF4BF;	
}

nav ul li a {
	z-index:2;
	position:absolute;
	text-decoration:none;
	color:#401F0E;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	font-weight:300;
}
nav ul li a > span {
	position:absolute;
	width:100%;
	bottom:10px;
	left:0px;
}
section.main {
	overflow:hidden;
	min-height:calc(100vh - 100px );
	box-sizing:border-box;
	background-color:#f5f5f5;
	transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	
	-webkit-box-shadow: 0px -16px 74px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -16px 74px -9px rgba(0,0,0,0.75);
	box-shadow: 0px -16px 74px -9px rgba(0,0,0,0.75);
}
section.main.open {
	transform:scale(.9);
	-webkit-transform:scale(.9);
}
h1 {
	font-size:42px !important;
	text-align:center !important;
	font-weight:300 !important;
	color:#401F0E !important;
	display:inline-block;
	margin-left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	position:relative;
	font-variant:small-caps !important;
}
h1::after,h1::before  {
	content:'';
	position:absolute;
	width:100px;
	height:1px;

	top:50%;
}
h1::after {
	right:-105px;
	background: -moz-linear-gradient(left, rgba(64,31,14,1) 0%, rgba(64,31,14,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(64,31,14,1) 0%,rgba(64,31,14,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(64,31,14,1) 0%,rgba(64,31,14,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h1::before {
	left:-105px;
	background: -moz-linear-gradient(left, rgba(64,31,14,0) 0%, rgba(64,31,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(64,31,14,0) 0%,rgba(64,31,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(64,31,14,0) 0%,rgba(64,31,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
form label {
	display:inline-block;
	width:200px;
	text-align:right;
	height:25px;
	
}
form input {
	border:1px solid #CCC;
	width:300px;
	height:25px;
	padding:2px;
	background-color:#FAFAFF;
	margin-bottom:2px;
}
form textarea {
	border:1px solid #CCC;
	width:810px;
	height:150px;
	padding:2px;
	background-color:#FAFAFF;
}
.img-page {
	overflow:hidden;
}
.img-page img {
	width:100%;
}
#f_info{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#devel a img{vertical-align:middle}
#devel {
	margin-top:10px;
}