@import url(font-awesome.min.css);
@import url(header.css);
@import url(fonts.css);
@import url(navigation.css);
@import url(stage.css);
@import url(typo.css);
@import url(module.css);
@import url(teaser.css);
@import url(footer.css);

*,body{
	font-family: 'Open Sans',Times;
}
.transition-all{
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.transition-bg{
	-webkit-transition: background 500ms ease-in;
	-moz-transition: background 500ms ease-in;
	-ms-transition: background 500ms ease-in;
	-o-transition: background 500ms ease-in;
	transition: background 500ms ease-in;
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0378cc;
	height:2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color:#0378cc;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.content{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

/*------------Links------------------*/
/*-----------------------------------*/
ul{
	
}
ul li{

}
/*------------Links------------------*/
/*-----------------------------------*/
a{
	color:black;
}
a:hover{
	color:#0378cc; 
}

hr.divider{
	margin-top: 50px;
	margin-bottom: 50px;
	border-color:#0378cc;
}

.fa{
	color:#0378cc;
	font-size: 20px;
}
/*Kategorieseiten*/
.cat{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.cat h2{
	text-transform: uppercase;
	font-size: 20px;
}
@media screen and (max-width: 39.9375em) {
	.cat h2{
		margin-top: 20px;
	}
}