/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
  z-index: 1;
 /* background:#FFF;*/
}

.flexslider .slides > article{
  display: none;
  max-height: 520px;
  min-height: 400px;

}

.flexslider .slides > article .flex-image {
  -webkit-backface-visibility: hidden;
  max-height: 400px;
  min-height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;   
  position: relative;
  /* optional, center the image */

}
/* Hide the slides before the JS is loaded. Avoids image jumping
.flexslider .slides img {
  width: 100%;
  display: block;
  height: auto;
  max-height:400px;
}*/
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > article:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider,
.infrastructureslider,
.ajaxfilterslider,
.newsslider,
.personslider {
  position: relative;
  zoom: 1;
}
.personslider .flex-direction-nav li {
  background: none;
}
.personslider .flex-direction-nav li a {
  color: #d1d1d5;
  margin-left: -60px;
  padding: 0 0 0 9px !important;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
  overflow: visible;
}
.carousel article {
  margin-right: 5px;
}
.flexslider article {
  position: relative;
}
.flex-caption {
  /*position: absolute !important;*/
  z-index: 8000;
  width: 100%;
  color: #fff;
  width: 100%;
  max-height: 80px;
  height: 80px;
  background: #9cbdd5;
  left: 0;
  /*margin-left: 5px;*/
  bottom: 20px;
  /*color: #52595f;*/
  padding: 15px;
  font-size:26pt;
  /*padding-left: 40px;*/
  -webkit-perspective: 300px;
}
.flex-caption-wrapper{
	margin-top: -20px;
	position: relative;
}
.flex-caption-wrapper .left3d:before{
	height:80px;
	background: #7897ad;
}

.flex-caption-wrapper:after{
	content: " ";
    background: #9cbdd5;
    float: right;
    width: calc(50% - 550px);
    height: 80px;
    position: absolute;
    left: calc(50% + 550px);
    bottom: 0px;
	/*z-index: -1;*/
}

.headercontent-wrapper.fixed .flex-caption-wrapper:after{
	top:0;
	bottom:auto;
}
.headercontent-wrapper.fixed .flex-caption-wrapper{
	margin-top: 0;
}


.headercontent-wrapper.fixed .flex-image {
	display:none;
	height: 100px;
}

.headercontent-wrapper.fixed .flexslider .slides > article{
	min-height: 100px;
	max-height: 100px;
}

.flex-caption .headercontent-wrapper-left-bg{
   background: #9cbdd5;
   height: 80px;
   border-top:0;
   width: calc(100% - 20px);
   top:20px;
}
/*
.flex-caption header{
	margin-left: 25px;
}
.flex-caption-wrapper{
	margin-top: -20px;
}
.flex-caption-wrapper:after{
    content: " ";
    background: #9cbdd5;
    float: right;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
}*/
.flex-caption-wrapper.container{
	padding-left: 20px;
	padding-right:20px;
}
/*
.flex-caption:after {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0px;
  background: rgba(145, 182, 208, 0.9);
  content: " ";
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 0 10px 10px 0;
}
.flex-caption:before {
  background: rgba(209, 209, 213, 0.5);
}
*/
/*
.flex-caption h2:before, .flex-caption h3:before {
	content: ">";
	font-size: 26px;
	font-family: "signacond-lightregular";
	padding-right: 10px;

}*/
.flex-caption h2, .flex-caption h3 {
  font-size: 28px !important;
  min-height:inherit !important;
  padding-left:0 !important;
  padding-top: 0 !important;
  font-family: "signacond-lightregular";
  color: #FFF !important;
  line-height: 30px !important;

  position: relative;
  z-index: 2;
}
.flex-caption p {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}
/* Direction Nav */
.flex-direction-nav {
  position: absolute;
  top: 20%;
}
.flex-direction-nav li {
  display: inline-block;
  padding-bottom: 10px;
}
.flex-direction-nav a {
  font-size: 65px;
  opacity: 1;
  color: #FFF;
  padding: 0;
  text-decoration: none;
  transition: none;
}
.locations .flex-direction-nav {
  top: 0;
  width: 100%;
  z-index: 10;
  height: 100px;
  background: none;
}
.locations .flex-direction-nav a {
  position: absolute;
  top: 50%;
  margin-top: -30px;
}
.locations .flex-direction-nav .flex-next {
  right: 0;
}
.flex-direction-nav .disabled {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav {
  /*width: 100%;*/
  position: relative;
  display:block;
  height: 20px;
  margin-top: 5px;
  margin-left: 0px;
  overflow: hidden;
}
.flex-control-nav li {
  display: inline-block;
  /*list-style-type: circle;*/
  zoom: 1;
  padding: 0;
  margin: 0;
  /*width: 10%;*/
  position: relative;
  /*border-right: 2px solid #FFF;*/
}
.flex-control-nav li:last-child {
  border-right: none;
}
.flex-control-paging li a {

   /*
  text-indent: -9999px;

  content: url('vhs-assets-css-f19602572f4c019d3e5386a06afa8f9b.svg');
  background: rgba(209, 209, 213, 0.5);*/

  height: 12px;
  color: #FFF;
}

/*
.flex-control-paging li a.flex-active:before {
  width: 12px;
  display: block;
  cursor: pointer;
	background: #FFF;


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: '\e806';
    color: #91b6d0;

  height: 12px;
}
*/

.flex-control-paging li a{

	/*text-indent: -999px;*/
	overflow:hidden;
	display: inline-block;
	width: 20px;
	height: 20px;

}

.flex-control-paging li a:hover{
	text-decoration: none;

}

.flex-control-paging li a:before {
	font-family: 'icons';
	display: block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	background: #FFF;

	padding-right: 5px;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: '\e616';
    color: #91b6d0;
  height: 100%;
  width: 0%;
  color: #91b6d0;

  font-size: 14px;
}

main .flex-control-paging li a:before,
main .flex-control-paging li a.flex-active:before
 {
	color: #FFF;
	background: transparent !important;
}


.flex-control-paging li a.flex-active:before {
	font-family: 'icons';
	display: block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	background: #FFF;
	padding-right: 5px;


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

  content: '\e615';
  color: #91b6d0;

  width: 100%;
  opacity: 1;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .active {
  opacity: 1;
  cursor: default;
}
.locations.slider img {
/*   border-radius: 20px; */
}
.locations.slider .screenshot {
  position: relative;
}
.locations.slider .screenshot .title {
  background: #6f8ca0;
  width: 250px;
  display: inline-block;
  left: 50%;
  margin-left: -125px;
  top: 50%;
  margin-top: -15px;
  color: white;
  position: absolute;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
}
/*
.locations .flex-control-nav,
.locations .flex-control-paging li a,
main .flex-control-paging li a {
  height: 10px;
}*/
main .slider-wrapper {
  position: relative;
  /*margin-top: 40px;*/
}
main .slider-wrapper .slider-inner-wrapper .csc-textpic {
  width: 100% !important;
  position: relative;
}
main .slider-wrapper .slider-inner-wrapper .csc-textpic-imagewrap {

	margin:0;
}


main .slider-wrapper .slider-inner-wrapper .csc-textpic img {
border-radius: 0;

}



main .slider-wrapper .slider-inner-wrapper .csc-textpic .csc-textpic-text {
  width: 100% !important;
}
main .slider-wrapper .flex-viewport .bottom-element {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
main .slider-wrapper .flex-viewport .bottom-element div.bottom-left {
  float: left;
  width: 50%;
  padding-right: 10px;
}
main .slider-wrapper .flex-viewport .bottom-element div.bottom-right {
  float: right;
  width: 50%;
  padding-left: 10px;
}
main .slider-wrapper .flex-viewport .bottom-element div.bottom-right :after {
  clear: both;
}
main .slider-wrapper .flex-viewport .top-element {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
main .slider-wrapper .flex-viewport div.top-left {
  float: left;
  width: 50%;
  padding-right: 0;
}
main .slider-wrapper .flex-viewport div.top-right {
  float: right;
  width: 50%;
  padding-left: 10px;
  overflow: hidden;
  /*margin-bottom: -6px; fixed with iframe*/
}
main .slider-wrapper .flex-viewport div.top-right :after {
  clear: both;
}
main .slider-wrapper .flex-viewport .csc-textpic-imagewrap {
  width: 100% !important;
}
main .slider-wrapper .flex-control-nav.flex-control-paging {
  display: table;
  position: absolute;
  left: 20px;
  bottom:0;
  /*bottom: 20px;
  margin-bottom: 40px;
  opacity: 0;*/
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
main .slider-wrapper .flex-control-nav.flex-control-paging li .flex-active:before {
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
main .slider-wrapper:hover .flex-control-nav.flex-control-paging {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
main .flex-viewport figure > figure > figcaption {
  display: none;
}
main .flex-viewport figure.csc-image:first-child {
  /*padding-right: 10px;
  padding-left: 10px;*/
}
main .flex-viewport figure.csc-image:last-child {
  /*padding-left: 10px;
  padding-right: 10px;*/
}
main .flex-viewport figure > figure.csc-image {
  float: left;
  width: 50%;
}
main .flex-viewport figure > figure.csc-image:first-child {
  padding-right: 10px;
  padding-left: 10px;
}
main .flex-viewport figure > figure.csc-image:last-child {
  padding-left: 10px;
  padding-right: 10px;
}
main .flex-viewport .img-thumbnail {
  width: 100%;
  border: none;
}
main .flex-direction-nav {
  width: calc(100% + 44px);
  background: none;
  padding: 0;
  margin: 0;
  top: 50%;
  margin-top: -25px;
  margin-left: -22px;
  pointer-events: none;
}
main .flex-direction-nav li {
  pointer-events: auto;
}
main .flex-direction-nav li:first-child {
  float: left;
}
main .flex-direction-nav li:last-child {
  float: right;
}
/*
main .flex-direction-nav li:first-child {
  float: left;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-right: 10px;
}
main .flex-direction-nav li:last-child {
  float: right;
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 38px;
  height: 50px;

}*/
main .flex-direction-nav li a {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  font-size: 40px;
}
/*
main .flex-direction-nav li a.flex-prev {
  padding-left: 11px;
}

main .flex-direction-nav li a.flex-next {
  padding-right: 11px;
}*/
main .flex-direction-nav li .flex-next:after {
  clear: both;
}
main .flex-direction-nav li:before {
  content: '';
  margin-left: 0;
}
main .flex-direction-nav a {
  line-height: 50px;
  font-size: 40px;
}
main .flex-control-nav {
  display: none;
}
main .infrastructureslider .flex-control-nav {
  display: block;
}
main .infrastructureslider .flex-direction-nav {
  display: none;
}
main .infrastructureslider img {
  border-radius: 10px;
}
main .infrastructureslider .flex-caption {
  height: 100px;
  padding-top: 10px;
}
main .infrastructureslider .flex-caption h3 {
  font-size: 3rem;
}
main .csc-textpic-slider {
  position: relative;
  padding-bottom: 30px;
}
main .csc-textpic-slider figure.csc-image {
  padding: 0 !important;
}
main .csc-textpic-slider figure.csc-image img {
  padding: 10px;
}
main .csc-textpic-slider .flex-direction-nav li {
  margin-left: -5px;
}
main .csc-textpic-slider .flex-direction-nav li:nth-of-type(2) {
  margin-right: -5px;
}
main .csc-textpic-slider .flex-control-nav {
  display: block;
  margin-top: 20px;
}

#slideshow .flexslider {
	background: transparent;
	overflow: visible;
}

.flexslider .flex-caption a,
.flexslider .flex-caption a:before
 {
 	color: #FFF;
}



#slideshow .flexslider .slides {
	width: calc(100%);
	/*height: calc(100% - 20px);*/
	/*min-height: calc(100% - 20px);*/
}



@media screen and (max-width: 768px) {
	
  .flex-direction-nav,
  .flex-control-nav {
    display: none;
  }
  .locations .flex-direction-nav {
    display: block;
  }
  .flex-caption {
    /*position: static !important;
    background: #92bad1;*/
    width: 100%;
    height: auto;
    /*padding-left: 30px;
    padding-bottom: 15px;*/
  }
  .flex-caption h3,
  .flex-caption h2
  {
  	font-size: 4vw !important;
	white-space: nowrap;
	overflow: hidden;
  }

  /*department colors*/
  .headercontent-wrapper.cat201 .flex-caption,
  .headercontent-wrapper.cat101 .flex-caption{
  	background: rgba(0, 148, 171, 0.9)
  }
  .headercontent-wrapper.cat202 .flex-caption,
  .headercontent-wrapper.cat102 .flex-caption{
  	background: rgba(91, 125, 186, 0.9);
  }
  .headercontent-wrapper.cat107 .flex-caption,
  .headercontent-wrapper.cat203 .flex-caption,
  .headercontent-wrapper.cat103 .flex-caption{
	background: rgba(240, 140, 0, 0.9);
  }
  .headercontent-wrapper.cat204 .flex-caption,
  .headercontent-wrapper.cat104 .flex-caption{
	background: rgba(185, 194, 0, 0.9);
  }
  .headercontent-wrapper.cat205 .flex-caption,
  .headercontent-wrapper.cat105 .flex-caption{
	background: rgba(0, 143, 199, 0.9);
  }
  .headercontent-wrapper.cat206 .flex-caption,
  .headercontent-wrapper.cat106 .flex-caption{
	background: rgba(121, 91, 156, 0.9);
  }



  .flex-caption h2 {
    font-size: 2rem;
    color: white;
  }
  .flex-caption p {
    font-size: 1.5rem;
    color: white;
  }
  .flex-caption:before,
  .flex-caption:after {
    display: none !important;
  }
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/


/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}
/* Button */
.selectboxit-container .selectboxit {
  width: 220px;
  /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span {
  height: 39px;
  /* Height of the drop down */
  line-height: 30px;
  /* Vertically positions the drop down text */
  display: block;
  padding: 5px 0 5px 3px;
}
.selectboxit-container .selectboxit-options a {
  height: 39px;
  /* Height of the drop down */
  line-height: 30px;
  /* Vertically positions the drop down text */
  display: block;
  padding: 5px 0 5px 2px;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 2px 0 0 0;
  padding: 5px;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background: #d1d1d5;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
  text-indent: 5px;
  /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 35px;
  position: absolute;
  right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 3px;
  right: 0;
  left: 0;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}
.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}
.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #6F8CA0;
  background-repeat: repeat-x;
  color: #FFFFFF;
}
.selectboxit-btn.selectboxit-enabled:hover .selectboxit-default-arrow:after,
.selectboxit-btn.selectboxit-enabled:focus .selectboxit-default-arrow:after,
.selectboxit-btn.selectboxit-enabled:active .selectboxit-default-arrow:after {
  content: "\e003";
}
.selectboxit-default-arrow:after {
  font-family: "IconsFHCW";
  content: "\e004";
  margin-left: 10px;
  font-size: 10px;
  font-style: normal;
}
.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor > .selectboxit-option-icon-container {
  padding: 5px 0;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background: #FFF;
  border-radius: 6px;
  color: #000000;
  margin: 0 5px;
  padding: 5px 0;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}
.has_error input {
  border-color: #d9534f;
}
.help-inline {
  color: #d9534f;
}
.has_error ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d9534f;
}
.has_error :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d9534f;
}
.has_error ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d9534f;
}
.has_error :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #d9534f;
}
/*TOTDO richtig stylen*/
div.form-group.input.has_error:after {
  content: '\e007';
  color: #d9534f;
  display: block;
  float: right;
  position: absolute;
  right: 0;
  font-family: 'IconsFHCW';
  margin-top: -56px;
  margin-right: -8px;
}
main ul.selectboxit-options li {
  margin-bottom: 0;
  line-height: 0;
}
main ul.selectboxit-options li:before {
  content: '';
  padding-right: 0px;
}


@media print {
  body,
  blockquote p,
  a,
  p {
    font-size: 11px;
  }
  h1,
  h2,
  h3,
  h4,
  .asfhcw-filter article h5,
  .coursedetail dt,
  .coursedetail dd,
  .coursedetail .smaller dt,
  strong,
  .coursedetail .deadline .rtecontent h3 {
    font-size: 14px !important;
  }
  .print_event_h1,
  .print_event_h3 {
    margin: 40px 7px;
    font-weight: bold;
  }
  .print_event_h1 {
    font-size: 24px !important;
  }
  .print_event_h3 {
    font-size: 18px !important;
  }
  ul,
  li {
    list-style-type: none;
  }
  main a {
    color: #000;
    transition: none;
    font-size: 14px;
  }
  #pageheader,
  .tx-as-slideshow,
  .landingnav,
  .accordion-heading a:after,
  .flex-direction-nav,
  .news-do-slider,
  #pagefooter,
  .event-list .event ~ a,
  .row .fixedcol .col-md-4 .bigbutton,
  .btn-group,
  video,
  .vjs-big-play-button,
  .evactionlinks,
  .toggler,
  .controls,
  .ohevent_subline {
    display: none;
  }
  .asfhcw-filter article h5.collapsed:after {
    content: none;
  }
  .asfhcw-filter article {
    min-height: 0px;
    margin: 0;
  }
  .asfhcw-filter article h5 {
    margin: 0;
  }
  .csc-image .img-thumbnail {
    width: 100%;
  }
  .numberfont {
    color: #000;
  }
  .coursedetail .infoelem:before {
    display: none;
  }
  .coursedetail .infoelem {
    min-height: 60px;
  }
  .coursedetail .infoelem dt {
    margin-bottom: 3px;
    font-weight: bold;
  }
  .coursedetail dl {
    text-align: left;
    right: inherit;
  }
  .coursedetail .smaller dd {
    padding: 0;
    font-size: 14px;
  }
  .coursedetail .numberfont,
  .coursedetail dd {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px;
  }
  .coursedetail .places dl {
    text-align: left;
  }
  .coursedetail .places dd {
    margin: 0;
  }
  .coursedetail .deadline .rtecontent h3 {
    font-size: 14px;
  }
  .coursedetail .responsivetable {
    overflow-x: hidden !important;
    margin-top: 50px;
  }
  .coursedetail .table tbody tr td:first-child {
    font-weight: bold;
    padding: 0;
  }
  .coursedetail .opportunities .rtecontent {
    padding: 0;
  }
  .coursedetail p {
    text-align: left;
  }
  .coursedetail .costs .rtecontent p.smalltext {
    padding: 0;
  }
  .ohevent-collector {
	  display: block;
	  
  }
  	.ohevent-collector ul.sortable li {
  		font-weight: bold;
  		border-bottom: 1px solid rgba(0, 0, 0, 0.5)
	}  
	.ohevent-collector ul.sortable li .col-md-2,
  	.ohevent-collector ul.sortable li .openhouse_termin_studiengang {
	  	font-weight: normal;
  	}
  
  openhouse-list .print_header,
  .ohevent-collector .print_header {
    display: block;
  }
  .ohevent-collector .print_header .print_h1 {
    font-weight: bold;
    margin: 30px 0 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin: 7px 0;
  }
  p {
    margin: 0;
  }
  .ohevent-collector li {
    margin: 0;
    padding: 5px 0;
  }
  .print-event {
    display: block;
  }
  .print-event ul {
    list-style-type: disc;
  }
  .print-event ul li {
    min-height: 0 !important;
    list-style-type: disc;
  }
  .researcharea-list article,
  .project-list article {
    height: 80px;
  }
  .event-filter-wrapper h2:after {
    display: none;
  }
  .event-filter-wrapper h2.collapsed:after {
    display: none;
  }
  .asfhcw-filter article {
    padding: 0;
    margin: 0;
  }
  .asfhcw-filter article h4 {
    font-weight: bold;
  }
  .asfhcw-filter article p {
    padding-left: 0;
  }
  .asfhcw-filter article .depcourses li {
    padding: 0;
  }
  .asfhcw-filter article .depcourses li .bigbuttons {
    margin: 0 0 40px;
    padding: 0;
    height: 40px;
  }
  .asfhcw-filter article h6:before {
    font-weight: bold;
  }
  .asfhcw-filter article h5:after {
    display: none;
  }
  .asfhcw-filter a.bigbutton:before {
    display: none;
  }
  .fhcw-widget .text-right {
    text-align: left;
  }
  .course-filter a.bigbutton span {
    top: 0;
    left: 0;
    position: relative;
    margin-top: -10px;
  }
  .curriculum .collapse {
    display: block;
  }
  .display-event {
    display: none;
  }
}


#pageheader {
 	height: 160px;
 	background: #4b5059;
 	position: relative;
	/*overflow: hidden;
	display: block;
	position: absolute;*/
}

#pageheader .container {

padding-left:0;
padding-right:0;

}

.navbar-right {
	margin-right: 1px;
}

.topnav-wrapper {
	position: relative;
	overflow:hidden;
}

.topnav {
background: #FFF;
height: 40px;
width: 100%;
}

.topnav .nav li {
    position: relative;
    padding-left: 5px;
    padding-right: 25px;
    vertical-align:middle;
}

/*
.topnav form {
display: inline;
}*/

.topnav .navbar-form{
	padding:0;
	margin: 0;
}

.topnav ul {
	position: relative;
	margin-right: 20px;
    /*background: #4b5059;
    color: #FFF;
    float: right;
	display: inline-block;
	height: 39px;*/
}

.topnav .btn:focus, .topnav .btn:active:focus, .topnav .btn.active:focus {
    outline: 0 none;
    background: transparent !important;
    color: #36566d;
}

.topnav ul .btn {
  box-shadow: none !important;
}

.topnav ul .active {
  display: none;
}
.topnav .btn.disabled {
	background: transparent;
	opacity: 1;
}
.topnav ul .disabled {
  border: none;
}
.topnav ul .btn-group .btn {
  padding-top: 8px;
}
.topnav .nav > li > a {
	line-height: 40px;
	padding:0;
	padding-right: 5px;
}
.topnav .nav > li > a:last-child {
	padding-right: 0;
}


.topnav ul a {
  background: none;
  border: none;
}
.topnav ul a:hover {
  background: none;
  color: #36566d;
}

/* affect only subtitles in the desktop-navigation */
header .nav > li > a .subtitle {
  font-size: 1.7rem;
  display: block;
  min-height: 25px;
  opacity: 0;
  position: absolute;
  z-index: 1001;
  bottom: -25px;
  white-space: nowrap;
  /* hide because of viewing inconsistence */
  display: none;
}

.topnav .modal_loginform{
	display: none;
}


/*** #################################################################################
	BEGIN LOGO
######################################################################################**/

.navbar-brand {
	margin: 0;
	padding:0;
	outline: none;
	-moz-outline-style: none;

}

.navbar > .container .navbar-brand {
	margin-left:0;


}

.navbar-brand:before {
  z-index: 2;
  background: #eff4f8;
  min-height: 0;
  margin-top:48px;
}
.navbar-collapse .navbar-brand .logo {
  width: auto;
  position: relative;
  border-radius: 0 !important;
  margin:0;
  padding:0;
  width: 134px;
  height: 75px;
  margin-left: 20px;
  margin-top: -42px;
  float: left;
  -moz-border:0;
  background: transparent;
}

/*** #################################################################################
	END LOGO
######################################################################################**/


/*** #################################################################################
	BEGIN LEFT3D
######################################################################################**/

.left3d {
  position: relative;
}
.left3d:before {
  content: " ";
  width: 20px;
  min-height: calc(100% - 25px);
  position: absolute;
  background: #d7e4ee;
  -webkit-transform: skew(0deg, -45deg);
  -ms-transform: skewX(0deg) skewY(-45deg);
  transform: skew(0deg, -45deg);
  top: 10px;
  left: 0;
  display: block;
  z-index: 1;
}
.left3dborder {
  position: relative;
}
.left3dborder:before{
    content: " ";
    width: 20px;
    min-height: 20px;
    position: absolute;
    border-bottom: 1px solid;
    background: #FFF;
    -webkit-transform: skew(0deg, -45deg);
    -ms-transform: skewX(0deg) skewY(-45deg);
    transform: skew(0deg, -45deg);
    top: -10px;
    left: 0;
    display: block;
    z-index: 1;
}


.navbar-brand.left3d:before{
	min-height: 0;
	height: calc(100% - 22px);
}
/*
.flex-caption.left3d:before{
	top: 10px;
	display: block !important;
}

.flex-caption:before {
    margin-left: -20px;
    height: 100%;
    background: #819fb3;
    z-index: 9999;
}*/


/*** #################################################################################
	END LEFT3D
######################################################################################**/



/*** #################################################################################
	BEGIN SEARCHBOX
######################################################################################**/

/*
.searchbox:before, #searchbox:after {
clear: right;
}

.searchbox:after {
	clear: both;
}

.searchbox {
 margin-top: 2px;
  z-index: 105;
  display: inline-block;

}


.searchbox .form-group {
  display: inline-block;
  float: left;
  margin-bottom: 0;

}

.searchbox input {
  display: inline;
  width: 270px;

  border-radius: 0;
  border: 0;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
  font-size: 15px;
  padding-left: 5px;
  height: 36px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display:none;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.searchbox input:focus,
.searchbox button:focus {
	border:0;
	outline: 0;
}

.navbar-collapse {
	padding:0;

}

.searchform  {
  opacity: 0;
}
.searchbox-submit{
	display: inline-block;
	border:0;
	margin:0;
	padding:0;
	background: transparent;
	display:none;
	right:0;
}

.searchbox-submit:after {
	font-family: 'icons';
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	border:0;
    width: 47px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: '\e64f';
    color: #FFF;
    font-size: 16px;
    line-height: 40px;
    height: 36px;
    text-align: center;
	cursor: pointer;
}

.searchbox-icon{
	display: inline-block;
	width: 47px;
    line-height: 40px;
    height: 36px;
    text-align: center;
	cursor: pointer;
}
.searchbox-icon:before {
	font-family: 'icons';
	display: inline-block;
	content: '\e64f';
    color: #FFF;
	width: 47px;
    line-height: 40px;
    height: 36px;
	font-size: 16px;
}
.searchbox-icon:before:hover,
.searchbox-icon:hover {
	color: #36566d;
    background: #91b6d0;
	width: 47px;
    line-height: 40px;
    height: 36px;
}

.searchbox-open .searchbox-icon:after, .searchbox-submit:after {
    width: 47px;
	content: '\e64f';
    color: #36566d;

    background: #91b6d0;
}

.searchicon:before {
	font-family: 'icons';
	display: inline-block;
	content: '\e64f';
}



#searchbox_top {
	margin-top: 4px;
}
#searchbox_top input {
margin:0;
}
.topnav ul li:last-child{
	display: inline-block;
	margin-top: 4px;
	height: 40px;
}
#searchbox_top{
	margin:0;
	margin-top: -2px;
}
#searchbox_top .searchbox-icon{
   height: 36px;
}
#searchbox_top .searchbox-submit{
    background: #91b6d0;
    height: 36px;
}
#searchbox_top .searchbox-submit:after,
#searchbox_top .searchbox-icon:before {
	margin-top: -2px;
	background: transparent;
}

#searchbox_top .form-group {
	display: table-cell;
}

#searchbox_top .searchbox-submit{

}


#searchbox_slide {
	margin-top: 5px;

}
*/
.searchicon:before {
	font-family: 'icons';
	display: inline-block;
	content: '\e64f';
}

.mainsearch {
	padding-top:110px !important;
	text-align: center;
	color: #FFF;
	font-size: 30px;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	line-height: 65px;
}

.mainsearch input{
	  display: inline-block;
	  width: 570px;
	  color: #000;
	  border-radius: 0;
	  border: 0;
	  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	  font-size: 20px;
	  padding-left: 5px;
	  height: 64px;
	  -webkit-box-shadow: none;
	  box-shadow: none;
}

.mainsearch .searchbox-submit{
	display: inline-block;
	border:0;
	margin:0;
	padding:0;
	background: transparent;
	right:0;

}

.mainsearch .searchbox-submit:after {
	font-family: 'icons';
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	border:0;
    width: 47px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: '\e64f';
    color: #FFF;
    /*font-size: 16px;
    line-height: 40px;
    height: 36px;*/
    text-align: center;
	cursor: pointer;
}



/*** #################################################################################
 END SEARCHBOX
######################################################################################**/
/*
.headercontent {
	background: #FFF;
	z-index:1;

}
*/
.headercontent.container {
	padding:0;
}


.headercontent {
	background: transparent;
	position: relative;
	z-index:1;
}

.headercontent-inner-wrapper {
	background: #9cbdd5;
	margin-left: 20px;
	height: 80px;
}

.headercontent h1,
.headercontent h2,
.headercontent h3
 {
	display: inline-block;
	color: #FFF;
	/*
	padding-top: 20px;
	padding-bottom:20px;*/
	padding-left: 15px;
	min-height: 50px;
	font-size: 28px;
	line-height: 80px;
	margin:0;
}


.headercontent-wrapper{
	position: relative;
	background: #9cbdd5;
  /*border-top: 1px solid #fff;*/
}
/*
.headercontent-wrapper:after{
    content: " ";
    background: #9cbdd5;
    float: right;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
	z-index: 999;
}
*/
.headercontent-wrapper.fixed {
	background: #9cbdd5;
	position: fixed;
	z-index:10;
	top:52px;
	width: 100%;
	height: 80px;
}
.headercontent-wrapper.fixed:after{
	/*top: -20px;*/
	top: 2px;
    z-index: 999;
}
/*
.headercontent-wrapper.fixed .flex-caption-wrapper{
	top:20px;
}*/

.startpage .headercontent-wrapper{
	border-top: 0;
}

.headercontent.left3d:before {
	margin-top: -1px;
	background: #7897ad;
    min-height: 100%;
  /*border-top: 1px solid #fff;*/
}


.headercontent-wrapper-left-bg{
  width: 100%;
  min-height: 100%;
  position:absolute;
  background: #9cbdd5;
  top: 19px;
  left: -100%;
  display: block;
  z-index: 0;
  border-top: 1px solid #fff;
}
/*
.headercontent-wrapper:after{
  content: " ";
  width: 50%;
  min-height: 100%;
  position: absolute;
  background: #9cbdd5;
  top: 0;
  right: 0;
  display: block;
  z-index: 0;
}
*/
/*
.startpage .headercontent {
	background: #FFF;
}
*/

.headercontent-wrapper.titleonly .headercontent.left3d:before,
.headercontent-wrapper.titleonly{
	border-top: 1px solid #FFF;
}

.headercontent-wrapper.titleonly.fixed{
	border-top: 0;
}

.startpage .headercontent-wrapper{
	position: relative;
	max-height: 400px;
}

.startpage .headercontent-wrapper-left-bg{
  width: 100%;
  /*min-height: calc(100% - 25px);
  height: calc(100% - 25px) !important;*/
  height: 80px;
  position:absolute;
  background: #9cbdd5;
  top: 20px;
  left: calc(-100% - 20px);
  display: block;
  z-index: 0;
}
/*
.startpage .headercontent-wrapper:after{
  content: " ";
  width: 50%;
  min-height: calc(100% - 25px);
  height: calc(100% - 25px) !important;
  position: absolute;
  background: #eff4f8;
  top: 0;
  right: 0;
  display: block;
  z-index: 0;
}

.startpage .headercontent.left3d:before{
  background: #d9e5ee;
  min-height: calc(100% - 25px) !important;
  height: calc(100% - 25px) !important;
}
*/
.topnav ul{
list-style-type: none;
height: 40px;
}


.topnav ul li{
display: inline-block;
}
/*
.topnav ul li:nth-last-child(2){
 padding-right:0;
}*/
.topnav ul li:nth-last-child(2) a{
 padding-right:0;
}


.topnav ul li:nth-last-child(1) {
	 padding-right:0;
	 padding-left:0;

}


.topnav ul li a{
font-family: 'Roboto', Tahoma, Verdana, sans-serif;
color: #FFF;
font-size: 13px;
line-height: 40px;
-webkit-font-smoothing: antialiased;
display: inline;
vertical-align: initial;
}

.topnav .btn-default{
color: #36566d;
}

/*** #################################################################################
 END TOPNAV
######################################################################################**/

/*** #################################################################################
	BEGIN MOBILE NAV
######################################################################################**/

/*
.navbar-header{
	margin-top: 20px;

}
*/

.navbar-default .navbar-toggle{
	border: 0;
	color: #FFF;
	margin: 0;
	margin-right: 20px;
	margin-top: -25px;
	padding: 0;
	height: 30px;
	width: 40px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	background: transparent;

}
/*
.navbar-toggle span:before{
	content: "\e606";
    font-family: "Icons";
    font-size: 3rem;
    color: #FFF;
}

.navbar-toggle.active span:before{
	content: "\e007";
    font-family: "IconsFHCW";
    font-size: 20px;
    transition: .15s ease-in;
	transform: translate(0px, 3px) rotate(-45deg);
}*/

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.navbar-toggle span:before {
  top: -10px;
}
.navbar-toggle span:after {
  bottom: -10px;
}

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
  transition: all 300ms ease-in-out;
}
.navbar-toggle.active span {
  background-color: transparent;
}
.navbar-toggle.active span:before, .navbar-toggle.active span:after {
  top: 0;
}
.navbar-toggle.active span:before {
  transform: rotate(45deg);
}
.navbar-toggle.active span:after {
  transform: rotate(-45deg);
}



.navbar-header-brand .logo {
    position: relative;
    border-radius: 0 !important;
    margin: 0;
    padding: 0;
    width: 134px;
    height: 75px;
    margin-left: 35px;
    margin-top: -42px;
    float: left;
}

.slidebar-wrapper{
	display:none;
}

.slidebar-open .slidebar-wrapper{
	z-index: 900;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #7897ac;
}
.slidebar{
	background: #7897ac;
	display: block;
    position: absolute;
    width: 100%;
    left: 15px;
    height: calc(100% - 100px);
    overflow: scroll;
}

body.slidebar-open {
	overflow: hidden;

}

.slidebar .nav {
	background: #7897ac;
	float: left;
	margin-left: 5px;
	margin-right: 0px;
	color: #FFF;
	/*min-height: 100%;*/
    width: calc(100% - 30px);
}
.slidebar .nav li{
	display: block;
	width: calc(100% - 10px);
	padding-left: 0;
	padding-right: 0;
	
}
.slidebar .nav li:last-child {
	padding-right: 5px;
}
.slidebar .nav li:last-child a{
border-bottom: 1px solid #93acbd;
}

.slidebar .nav li a,
.slidebar .nav li.open a{
	border-top: 1px solid transparent;
	color: #FFF;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	width: 100%;
	background: transparent;
}
.slidebar .nav li.open,
.slidebar .nav li.open a{
	background: #36566d;
}
.slidebar .nav li a:focus,
.slidebar .nav li a:hover{
	background: none !important;
}

.slidebar .nav li .menu-title{
	width: 100%;

}
.slidebar .navbar-nav .dropdown-menu > li.dropdown i {
	padding-right: 5px;
}

.slidebar .nav li a i:before,
.slidebar .nav li ul li a i:before {
    font-family: "Icons";
    content: "\e652";
    font-style: normal;
    font-size: 16px;
    vertical-align: middle;
    float: right;
}

.slidebar .nav li.open a i:before {
    font-family: "Icons";
    content: "\e651";
    font-style: normal;
    font-size: 16px;
    vertical-align: middle;
    float: right;
}

.slidebar .nav li.open ul li a i:before {
    font-family: "Icons";
    content: "\e652";
}

.slidebar .nav li.open ul li.open a i:before {
    font-family: "Icons";
    content: "\e651";
}

.slidebar .nav li.open ul li.open ul li {
	padding-left: 15px;
	background:transparent;
}

.slidebar .nav li.open ul li.open ul li a {
	background:transparent;
}


.slidebar .nav li.open ul li.open ul.dropdown-menu {
	height: auto;
	background:transparent;

}


.slidebar .nav li a:hover,
.slidebar .nav li a:focus{
	background: #36566d;
}

/* sub nav */
.slidebar .nav .open .dropdown-menu {
	background: #36566d;
	border-radius: 0;
}
.slidebar .nav .open .dropdown-menu li {
	margin-left: 0 !important;
	padding-left:0;
	border-bottom: 0;
	max-width: 100% !important;
}

.slidebar .nav .open .dropdown-menu li a{
    padding: 5px 10px 5px 15px;
    border:0;
    display: block;
}

.slidebar .nav li a i {
	line-height: 20px !important;
}

/* meta navi */
.metanav {
	margin-top: 40px;
	padding-left: 0px;
	margin-left: 0px;	
}
.metanav li a {
	/*padding: 5px 15px !important;*/
	font-family: 'Roboto', Tahoma, Verdana, sans-serif !important;
	font-size: 16px !important;
	border:0 !important;
}
.metanav .btn-lang{
	font-weight: 700 !important;
}

.slidebar .metanav .btn.active {
    display: none;
}
.slidebar .btn.disabled{
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	background: transparent;
	color: #FFF;
	padding-left:15px;
}
.slidebar .btn {
    display: block;
    padding: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 0;
    border-radius: 0;
}
.slidebar .modal_loginform{
	display: none;

}

.slidebar .navbar-nav .dropdown-menu li:hover > .dropdown-menu{
	min-height: auto;
	max-height: auto;
}

/* SUBSUB NAV
.slidebar .nav .dropdown-menu li:hover > .dropdown-menu {
    opacity: 1;
    display: block;
	height: auto;
    margin-top: 0;
    padding-top: 0;
    top: 0;
    overflow: visible;
    background: #93acbd;

}*/

/* mobile searchform */

#mobilesidebar .mobile-search{
	margin-top: 10px;
	padding: 20px;
	padding-left: 5px;
	padding-right: 35px;
}


#searchbox_slide,
#searchbox_slide .form-group {
	height: 50px;
	display: inline-block;
}

#searchbox_slide .searchbox-input,
#searchbox_slide .searchbox-submit
{
display: inline-block;
}


#searchbox_slide .form-group{
	width: 100%;
}
#searchbox_slide .searchbox-input{
	width: 100%;
}

#searchbox_slide
{
	width: 100%;
}
#searchbox_slide .form-group {
    width:100%;
    margin-right: 20px;
}
#searchbox_slide .searchbox-input {
    display: inline;
    width: calc(100% - 47px);
    border-radius: 0;
    border: 0;
    font-family: 'Roboto', Tahoma, Verdana, sans-serif;
    font-size: 15px;
    padding-left: 5px;
    height: 36px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

#searchbox_slide .searchbox-submit{
	border: 0;
    margin: 0;
    padding: 0;
    background: #36566d;
    height: 36px;
    right: 0;
    float: right;
}

#searchbox_slide .searchbox-submit:after {
	font-family: 'icons';
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	border:0;
	margin-top: 1px;
    width: 47px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: '\e64f';
    color: #FFF;
    font-size: 16px;
/*    line-height: 40px;
    height: 36px;*/
    text-align: center;
	cursor: pointer;
}

/**/

/*** #################################################################################
 END MOBILE NAV
######################################################################################**/


/*** #################################################################################
	BEGIN MAIN NAV
######################################################################################**/

/*
.navbar.left3d:before {
  top: -3px;
    background: #eff4f8;
  height: calc(100%-);
}
*/
.mainnav-wrapper.container:before,
.mainnav-wrapper.container:after,
.mainnav-wrapper .navbar-header.container:before,
.mainnav-wrapper .navbar-header.container:after,
.mainnav-wrapper .navbar-collapse:before,
.mainnav-wrapper .navbar-collapse:after,
.mainnav-wrapper .navbar-nav:before,
.mainnav-wrapper .navbar-nav:after,
.mainnav-wrapper .navbar:before,
.mainnav-wrapper .navbar:after
 {
	display: none;
	content: none;
}

.mainnav-wrapper .navbar-nav{
	margin-right: 0;
}

.mainnav-wrapper .mainnav{
	margin-right: -15px;
}

.mainnav-wrapper {
	background: #4b5059;
	height: 120px;
	display: block;
	position: relative;
	clear:both;
}
.nav li {
	position: static;
	padding-left: 5px;
	padding-right: 5px;
  margin:0;
}
.nav li:last-child {
	padding-right: 0;
}
.navbar-default .navbar-nav a:hover > .menu-title{
 background: transparent;
 color: #36566d;
}

.navbar {
  position: absolute;
  bottom:1px;
  border-radius: 0;
  margin-bottom: 0;
  height: 54px;
  background: transparent;
  border-color: transparent;
  width: 100%;
    /*
  margin-top: -20px;
  margin-top: -12px;
  border-bottom: 1px solid #d1d1d5;*/
}

.navbar-default .navbar-nav > li


.navbar-default .navbar-nav > li,
.navbar-default .navbar-nav > li > a {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  padding-left: 15px;
  padding-right: 15px;
  /*padding-bottom: 10px;*/
  line-height: 25px;
  font-size: 18px;
  color: #FFF;
  height: 54px;
  padding-top: 15px;
  padding-bottom: 10px

}

.navbar-default .navbar-nav > .active > a {

    border-top: 5px solid #7897ac;
    padding-top: 10px;
    /*padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;*/
}

.navbar-default .navbar-nav .active a:hover�{
	background: #7897ac;

}

.navbar-default .navbar-nav li.active.open > a .menu-title,
.navbar-default .navbar-nav .active a:hover > .menu-title,
.navbar-default .navbar-nav li.active.open a:hover > .menu-title
{
	color: #FFF;
    /*border-bottom: 5px solid #FFF;
    padding-bottom: 5px;*/
}


.navbar-default .navbar-nav > .active > a {
	background: transparent;
    color: #FFF;
    text-decoration: none;
	height: 54px;

}

.nav .dropdown-menu li:last-child {
	padding-right: 5px;
}

.navbar-default .navbar-nav > .active > a
{
	line-height: 25px;
  /*background: #FFF;
  text-decoration: underline;*/
  /*border-bottom: 3px solid;*/

}
.navbar-default .navbar-nav li a:hover > .menu-title,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li.open > a:hover,
.navbar-default .navbar-nav li.open > a:focus,
.navbar-default .navbar-nav li.open > a
{
	color: #FFF;
	background: #7897ac;

}
.navbar-nav .dropdown-menu li .dropdown-menu li:nth-child(11) {
	border-bottom: 1px transparent;
}


.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {

  background: #7897ac;
  text-decoration: none;
  color: white;
}
/*
.navbar-default .navbar-nav .dropdown-menu-wrapper{
  position: fixed;
    top: 176px;
    background-color:red;
  left: 0;
  width: 100%;
}*/
/*
.navbar-default .navbar-nav .dropdown-menu li{
	margin: 0 auto;
	position: relative;
	width:100%;
	background: red;
}*/

.dropdownmenufull{
    width: 1000%;
    min-height: 100%;
    height: 100%;
    position: absolute;
    background: #7897ac;
    top: 0;
    left: -500%;
    display: block;
    z-index: -1;

}
.navbar-default .navbar-nav .dropdown-menu {
  /*position: fixed;
    top: 176px;
    background-color:red;*/
  left: 0;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border-radius: 0;
  min-height:455px;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: padding-box;
  padding-top: 20px;
  padding-top: 30px;
  overflow: visible;

}

.subpage .navbar-default .navbar-nav .dropdown-menu {

	min-height:481px;


}

/* 2te ebene */
.navbar-default .navbar-nav .dropdown-menu .dropdown-menu {
  display: block;
  max-width: 450px;
  top: -999px;

  margin-top: 30px !important;

}

.navbar-nav .dropdown-menu .dropdown-menu a {
font-size: 16px;
}


.navbar-nav .dropdown-menu li:hover > .dropdown-menu {
  opacity: 1;
  height: 408px;
  min-height: 408px;
  max-height: 408px;
  left:435px;
  margin-top:0;
  padding-top:0;
  top: 0;
  overflow: visible;
  background:rgb(55,86,108);
}

.navbar-nav .dropdown-menu > li > a:hover > .menu-title,
.navbar-nav .dropdown-menu > .active > a:hover > .menu-title
{

border-bottom: 0 !important;
}

.dropdown-menu > li > a:visited,
.navbar-nav .dropdown-menu li > a:hover,
.navbar-nav .dropdown-menu li > a:focus,
.navbar-nav .dropdown-menu li a:hover > .menu-title,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu >li.active,
.navbar-nav .dropdown-menu li a:hover > .menu-title,
.navbar-nav .dropdown-menu li.active > a:hover,
.navbar-nav .dropdown-menu li.active > a:focus,
.navbar-nav .dropdown-menu li.active > a:hover > .menu-title,
.navbar-nav .dropdown-menu li.active > a:focus > .menu-title,

.dropdown-menu .active  a:hover > .navbar-nav .dropdown-menu li,
.dropdown-menu .active  a:focus > .navbar-nav .dropdown-menu li
{
color: #FFF !important;
background: rgb(55,86,108);
border-bottom: 0;
}

.dropdown-menu .active > a .menu-title {
 border-bottom: 0;
}

.navbar-default .navbar-nav .dropdown-menu > a .menu-title {
 border-bottom: 0;
}
.navbar-nav .dropdown-menu li:hover{
  background: rgb(55,86,108);
}
.touch .navbar-nav .dropdown-menu li.open > .dropdown-menu,
.navbar-nav .dropdown-menu li li:hover > .dropdown-menu {
  top: 0;
  left: 420px;
}
.navbar-nav .dropdown-menu > li:first-child {
  border-top: 1px solid transparent;
}

.navbar-nav .dropdown-menu > li {
  margin-left: 35px;
  position: static;
  max-width: 400px;

  border-bottom: 1px solid #93acbd;
}

.navbar-nav .dropdown-menu li:first-child:hover{
	border-top: 1px solid rgb(55,86,108);
}

/* overwrite 3rd level */
.navbar-nav .dropdown-menu li .dropdown-menu li {
	margin-left: 25px;
}
.navbar-nav .dropdown-menu li .dropdown-menu li:first-child {
	border-top: 1px solid rgb(55,86,108);


}



.navbar-nav .dropdown-menu > li a {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 36px;
  color: #FFF;
  position: relative;
  padding:0;

}

.nav {
  margin-top: 0;
  float: right;
  /*margin-right: 20px;*/
}

.dropdown-menu > li > a {
    display: inline-block;
    width:calc(100% - 10px);
}

.navbar-nav .dropdown-menu > li i {
  margin-right: 0;
  vertical-align: middle;
  display: none;
}
.navbar-nav .dropdown-menu > li i:before {
  font-family: "IconsFHCW";
  content: "\e006";
  font-style: normal;
  font-size: 1rem;
  vertical-align: middle;
}
.navbar-nav .dropdown-menu > li.dropdown ul li i,
.navbar-nav li.dropdown ul li.dropdown ul li i,
.navbar-nav li.dropdown.open > ul > li.dropdown > ul > li > i,
.navbar-nav li.dropdown.open > ul > li.dropdown > ul > li.dropdown > ul > li > i {
  display: none;
}
.navbar-nav .dropdown-menu > li.dropdown i,
.navbar-nav .dropdown-menu > li.dropdown ul li.dropdown i,
.navbar-nav li.dropdown.open > ul > li.dropdown > ul > li.dropdown > i {
  display: inline-block;
  /*float: right;*/
  color: #FFF;
  line-height: 36px;
}

.touch .navbar-nav .dropdown-menu > li.touchdown > i,
.touch .navbar-nav .dropdown-menu > li.touchdown ul li.touchdown i,
.touch .navbar-nav li.dropdown.open > ul > li.touchdown > ul > li.touchdown > i {

	background:rgb(55,86,108);
	display: inline-block;
	float: right;
	padding-right:10px;
	padding-left: 10px;
	margin-right: -5px;
	line-height: 35px;
	height: 36px;
	color: #FFF;
}

.touch .dropdown-menu > li > a {
    display: inline-block;
    width: auto !important;
}

.touch .fixednav .navbar-default .navbar-nav > li > a {
	height: 60px;
}
/*
.navbar-default {
  border: none;
  background: none;
  position: relative;
  z-index: 5;
}*/
.navbar-header {
	display: block;
  float: right;
  /*width: auto;*/
  z-index: 103;
  /*width: 70%;*/
  position: relative;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #FFF;
}

/*** #################################################################################
 END MAIN NAV
######################################################################################**/

/*** #################################################################################
 BEGIN NAV FIXED TOP
######################################################################################**/

.fixednav {
	position: fixed;
	top:0;
	height: 54px;
	background: #4c5059;
	z-index:999;
	width:100%;
	display: none;
}

.fixednav .nav {
	overflow: hidden;


}
/*
.fixednav .container {
	background: #FFF;
}

.fixednav .container:after {
  content: " ";
  width: 50%;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: 0;
 background: #91b6d0;
}
*/
.fixednav .dropdown-menu.container:after {
	content: none;
}
.fixednav .dropdown-menu .container:after {
	content: none;
}


.fixednav-left-bg {
  width: 100%;
  min-height: 58px;
  position:absolute;
  background: #4c5059;
  top: 21px;
  left: -100%;
  display: block;
  z-index: 0;
}
/*
.fixednav .navbar-default .navbar-nav li:last-child{
	padding-right: 0;
}

.fixednav .navbar-default .navbar-nav > li > a {
	padding-top: 15px;
}

.fixednav .navbar-default .navbar-nav > .active > a .menu-title {
    border-bottom: 5px solid #FFF;
    padding-bottom: 5px;
}*/
.fixednav .navbar li a.dropdown-toggle,
.fixednav .navbar {
	height:54px;
}
.fixednav .navbar-brand .logo {
	margin-top:7px;
	width:90px;
	height: 40px;
	margin-left: 35px;
}
.fixednav .navbar-brand:before{
	content: " ";
	background: #FFF;
	z-index:10;
	width: 20px;
	height: 60px;
}
.fixednav .nav.navbar-nav li a .menu-title
{
	margin-top: 2px;
}

.fixednav .navbar-default .navbar-nav .dropdown-menu {
	margin-left: 0;
}
/*
.fixednav .navbar-nav .dropdown-menu > li:first-child {
    border-top: 1px solid rgba(255,255,255, 0.2);
}*/
.fixednav .navbar-nav .dropdown-menu > li {
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}
/*
.fixednav .navbar-nav .dropdown-menu > li:hover,
.fixednav .navbar-nav .dropdown-menu > li:focus {
	background: rgba(255,255,255, 0.2);

}
.fixednav .navbar-nav .dropdown-menu > li.active {
	background: rgba(255,255,255, 0.2);
}*/
.fixednav .navbar-nav .dropdown-menu > li.active a {
	background: transparent;

}
/*
.fixednav .nav li:last-child{
	padding-top:5px;
	padding-right: 0;

}

.fixednav .dropdown-menu > li:first-child {
  border-top: 1px solid transparent;
}
*/
.fixednav .navbar-default .navbar-nav > .active > a:hover{
	background: #7897ac;
}


/*
.fixednav .navbar-default .navbar-nav > .active > a{
	background: #91b6d0;
}
*/

.fixednav #navbar {
	background: transparent;
	margin-top: 0;

}

.fixednav ul li a .menu-title {
	color: #FFF;
	background: transparent;
}

.fixednav .navbar-default .navbar-nav .dropdown-menu {
	background: #7897ac;

}
.fixednav .navbar-default .navbar-nav .dropdown-menu li .dropdown-menu {
	border-top:0;
}
.fixednav > .container .navbar-brand {
	margin-left:0;


}
/*
.fixednav .searchbox{
	display: none;

}*/


/*** #################################################################################
 END NAV FIXED TOP
######################################################################################**/


/*** #################################################################################
 BEGIN BREADCRUMB
######################################################################################**/

.header-breadcrumb-wrapper{
	position: relative;
	height: 40px;
	z-index: 10;
	background: #7897ac;
}

.header-breadcrumb-left-bg{
  width: 100%;
  min-height: 40px;
  position:absolute;
  background: #7897ac;
  top: 20px;
  left: -100%;
  display: block;
  z-index: 0;
}


.header-breadcrumb-wrapper:after {
  content: " ";
  width: 50%;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: 0;
 background: #7897ac;
}

.breadcrumb {
	height: 40px;
	border-radius: 0;
	padding:0;
	margin:0;
	padding-left: 20px;
	padding-top: 8px;
	margin-left: 0px;
	background: #7897ac;

}
.header-breadcrumb.container {
	padding-right: 0;


}
.header-breadcrumb.container.left3d:before {
	color: #7897ac;
	height: 40px;
	background: #7897ac;
}
.breadcrumb > li + li:before {
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	content: ">";
}
.header-breadcrumb{
	height: 40px;
	background: #FFF;
	z-index: 10;
}
.header-breadcrumb nav li {
	font-size: 14px;
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	color: #FFF;

}
.breadcrumb > li + li:before {
	color: #FFF;
}


.breadcrumb > .active {
	color: #FFF;
}

.header-breadcrumb nav li a {
	font-size: 14px;
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	color: #FFF;

}

/*** #################################################################################
 END BREADCRUMB
######################################################################################**/

.btn-lang{
	font-weight: bold;
}


.fixednav .navbar-nav .dropdown-menu > li.bgonly:hover, .fixednav .navbar-nav .dropdown-menu > li.bgonly:focus,
.nav li.bgonly {
 height:0;
 min-height: 0;
 max-height: 0;
 border:0;
 border-bottom:0 !important;
 background: transparent;
 padding-top: 0;
}

.pageheader3d {

    width: calc(1000% + 11px);
    min-height: 20px;
    height: 20px;
    position: absolute;
    background: #4b5059;
    bottom: -20px;
    left: -1000%;
    display: block;
    z-index: 1040;
    transform: skewX(-45deg);
}
/*
#searchform {
display: none;
}*/


html, html a {

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-shadow: rgba(0,0,0,.01) 0 0 1px;*/
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-smooth: always;
}

body {
  font-family: 'Roboto', Tahoma, Verdana, sans-serif;
  font-size: 14px;

  line-height: 22px;
  color: #4b5059;
  background-color: #ffffff;
  overflow-x: hidden;
  /*-webkit-font-smoothing: subpixel-antialiased;
  transform: translate3d(0, 0, 0)*/
}

/* accessability skip to main content */
a.skip-link {
	left: 50%;
	padding: 4px;
	position: absolute;
	transform: translateY(-100%);
}

a.skip-link:focus {
  transform: translateY(0%);
}


main {
	margin-top: 20px;
}

.container  {
	padding-right: 20px;
	padding-left: 20px;
}

main .container  {
	background: #FFF;
	padding-right: 20px;
	padding-left: 20px;
}

main .container .container  {
	background: #FFF;
	padding-right: 0;
	padding-left: 0;
}


.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
}

.row {
	margin-left: -20px;
	margin-right: -20px;
}

button:focus,
input:focus {
	outline: 0 !important;
	box-shadow:none !important;
}


a:focus {
	outline: 0 !important;
	box-shadow:none !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 20px;
  padding-left: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
}

h1,
h2
{
	margin-top: 40px;
    margin-bottom: 10px;
}

main h3 {
	line-height: 1.3;
}


a {
	outline: 0;
	color: #36566d;
}

a:hover, a:focus {
	color: #36566d;
}

a:hover:before {
	text-decoration: none;
}

a.link_external:before,
a.link_download:before
/*a.link_mail:before*/ {
  font-family: 'Icons';
  font-size: 1.5rem;
  margin-right: 5px;
}
a.link_internal:before {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  margin-right: 5px;
  content: '>';
}
a.link_download:before {
  content: '\e617';
}
a.link_external:before{
    content: '\e618';
}

a.no_icon,
a.link_textonly {
	text-decoration: underline;
}
a.no_icon:hover,
a.link_textonly:hover {
	text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn{
	border-radius: 0;
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.smalltext{
	font-size: 12px;
	line-height: 14px !important;
}

.infobutton-curriculum,
.infobutton {
  position: relative;
  cursor: pointer;
  /*margin-right: 7px;*/
  padding-right: 2px;
}


main .infotext-header-course,
main .infotext-course,
main .infotext-header-keepintouch,
main .infotext-keepintouch,
main .infotext-header-curriculum,
main .infotext-curriculum,
main .infotext,
main .infotext-header {
  display: none;
}

.infobutton-curriculum:after,
.infobutton:after {
	color: #91b6d0;
	font-family: "IconsFHCW";
	content: "\e0b3";
	vertical-align: center;
	margin-left: 5px;
	font-size: 14px;

}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f5f8fb;
}
.table-striped > tbody > tr:nth-of-type(even) {
	background: #FFF;
}
.table-striped > tbody > tr > td,
.table > tbody > tr > td {
	border-top: 0;
	padding: 15px;
}



main ul {
	padding-left:17px;
}
main ul.linklist {
	padding-left:0px;
	list-style-type: none;
}

main ul li {
	margin-bottom: 10px;
}
main ul li ul {
	list-style-type: none;
	padding-left:17px;
}

main ul li ul li:before {
	content: "-";
	margin-left: -15px;
	padding-right: 5px;
}
main ul li ul li {
	margin-bottom: 5px;
}


.headercontent-wrapper a.bigbutton,
main div.bigbutton,
main a.bigbutton {

  width: 270px;
  height: 70px;
  text-transform: uppercase;
  line-height: 24px;
  padding: 20px 0;
  display: inline-block;
  cursor: pointer;
  color: #36566d;
  /*display: table-cell;*/
}

main a.bigbutton.applynow.button {
  color: #FFF;
  background-color: #36566d;
}
main a.bigbutton.applynow.button:before {
  color: #FFF;
}

main a.bigbutton.applynow.button {

    font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
    font-size: 18px;
    background-color: #36566d;
    color: #FFF;
    width: 220px;
    height: 60px;
    text-align: center;

}

main .container.color .color-content-inner{
   overflow: visible;
}
/*
main .color-content-inner .col-md-6{
    margin-bottom: -6px;

}
*/
main a.bigbutton:nth-of-type(3n) {
  margin-right: 0;
}
main a.bigbutton:hover {
  background: #FFF;
  text-decoration: none;
}
.headercontent-wrapper a.bigbutton:before,
main div.bigbutton:before,
main a.bigbutton:before {
  display: inline-block;
  font-family: "Icons";
  font-size: 24px;
  padding-right: 5px;
  vertical-align: middle;
  text-align: left;
  width: 40px;
  color: #36566d;
  /*padding-top: 30px;
  text-align: right;*/
}
main a.bigbutton span {
  position: relative;
  bottom: 0;
  left: 0;
}
.headercontent-wrapper a.bigbutton.applynow:before,
main a.bigbutton.apply:before,
main a.bigbutton.applynow:before {
  content: "\e603";
}


h3.keepintouch:before{
  content: "\e601";
  display: inline-block;
  font-family: "Icons";
  font-size: 24px;
  padding-right: 5px;
  vertical-align: middle;
  text-align: left;
  width: 30px;
  color:#FFF;

}

main div.bigbutton.keepintouch:before {
  content: "\e601";
}

h3.keepupdate:before{
  content: "\e602";
  display: inline-block;
  font-family: "Icons";
  font-size: 24px;
  padding-right: 5px;
  vertical-align: middle;
  text-align: left;
  width: 30px;
  color:#FFF;

}

main a.bigbutton.keepupdate:before {
  content: "\e602";
}

main .fhcw-detail a.bigbutton,
main .fhcw-detail div.bigbutton {
	padding-top:0;
	padding-bottom: 20px;
	height:auto;
}

.fhcw-detail a.bigbutton.applynow:before{
	color:#FFF;
}
.fhcw-detail div.bigbutton,
.fhcw-detail a.bigbutton{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding: 10px;
	margin-bottom: 5px;	
}
.fhcw-detail a.bigbutton.applynow{
	background-color: #36566d;
	color:#FFF;
	width: 230px;
}




/*** #################################################################################
	BEGIN HEADERLIDER
######################################################################################**/

.headercontent .flexslider {
margin-left: 0;

}

body.startpage .headercontent{
	min-height: 400px;
}

/*** #################################################################################
	END HEADERSLIDER
######################################################################################**/

/*** #################################################################################
	BEGIN HOME DEPARTMENT NAV
######################################################################################**/
.event-show-all:before,
.news-show-all:before,
.departments-nav-show-all:before {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  content: '>';
  margin-top: 10px;
  margin-right: 5px;
  font-size: 16px;
  line-height: 22px;

}
.event-show-all,
.news-show-all,
.departments-nav-show-all{
	float:left;
	padding-top:20px;
	padding-right: 20px;
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	font-size: 16px;
	line-height: 22px;

}
.event-show-all-right, .news-show-all-right {
    float: right;
    padding-top: 50px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}


.departments-nav {
	margin-bottom: 30px;
}
.departments-nav:before {
  background: #FFF;
}
.departments-nav .inner {
  background: #FFF;
  margin-left: 0;
  /*overflow: hidden;

  height: 340px;*/
}


.departments-nav ul {
  /*padding: 5px;
  padding-left: 5px;
  padding-right: 0;*/
  padding:0;
  margin: 0;
  list-style-type: none;
}
.departments-nav ul li:before {
    font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	content: "";
	margin:0;
	padding:0;
    display: inline;

}
.departments-nav li {
  float: left;
  display: inline;
  position: relative;
  width: 33.33334%;
  margin: 0;
  padding:0;
  height:70px;
  padding-right:5px;
  margin-bottom: 5px;
}
.departments-nav li.p_82,
.departments-nav li.p_84 {

  padding-right:0px;
}

.departments-nav li a {
font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  padding-top: 0;
  display: block;
  /*margin: 10px;*/
/*   border-radius: 5px; */
  font-size: 20px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.departments-nav li a .menu-title {
 vertical-align: middle;
 line-height: 70px;
 padding-left:15px;
 white-space: nowrap;
}



.departments-nav li a:hover,
.departments-nav li a:focus {
  text-decoration: none;
}
.departments-nav li:nth-of-type(3n) a {
  margin-right: 0;
}
.departments-nav .p_80 a {
  background: #0093ab;
  color: #ffffff;
}
.departments-nav .p_80 a:hover {
  background: #0087a0;
}
.departments-nav .p_81 a {
  background: #0090c7;
  color: #ffffff;
}
.departments-nav .p_81 a:hover {
  background: #0087b9;
}
.departments-nav .p_82 a {
  background: #5a7db9;
  color: #ffffff;
}
.departments-nav .p_82 a:hover {
  background: #4b69a0;
}
.departments-nav .p_83 a {
  background: #c67221;
  color: #ffffff;
}
.departments-nav .p_83 a:hover {
  background: #b36800;
}
.departments-nav .p_84 a {
  background: #b9c300;
  color: #ffffff;
}
.departments-nav .p_84 a:hover {
  background: #a0aa00;
}
.departments-nav .p_85 a {
  background: #785a9b;
  color: #ffffff;
}
.departments-nav .p_85 a:hover {
  background: #644b87;
}

main .container .text-wrapper {
	margin: 0 15px 0 15px;
}
main .container .textonly-wrapper {
	margin-left: 15px;
	width: 90%;
}



main .infoframe {
	display: block;
	border: 2px solid #9cbdd5;
/* 	border-radius: 5px; */
	padding: 10px;
	margin-bottom: 10px;
}

main .infoframe.row {
	margin-left: 0;
	margin-right: 0;
}

main .infoframe .col-md-6 {
	padding-left:0;
}


/*######## HOMEAPPLY #################*/

.homeapply_wrapper{
	max-height: 350px;
	overflow: hidden;	
	background: rgba(55, 87, 111, 0.1);	
}
.home_apply_teaser_wrapper{
	display: block;
	padding: 20px;	
}
.homeapply_wrapper .home_apply_img,
.homeapply_wrapper .home_apply_img img{
	max-height: 220px;
}
.homeapply_wrapper .home_apply_teasertext{
	width: 50%;
	float: left;
}

.homeapply_wrapper .home_apply_teaserbutton{
	width: 50%;
	float: right;
	position: relative;
}


.homeapply_wrapper .home_applynow_button{
	display: block;
    white-space: nowrap;
	font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	background: #FFF;
	color: #36566d;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
/*
.homeapply_wrapper .home_applynow_button:before{
	display: inline-block;
	font-family: "Icons";
	font-size: 24px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: left;
	width: 40px;	
    content: "\e603";
}*/


/*######## KONTAKTFORMULAR #################*/

#contactform .contactform{
	margin-top: 15px;
}

#contactform .contact_item_wrapper{
	margin-top: 5px;
}


#contactform input:not([type="file"]).error,
#contactform textarea.error,
#contactform select.error {
  border: 1px solid red !important;
}
#contactform .error-field{
	color: red;	
}
#contactform .success{
	padding: 5px;
	background: rgb(162,187,10);
	color: #FFF;
	padding-top: 10px;	
}

/*######## PODCAST #################*/

.fhcwmp3{
	padding-top: 30px;
	padding-bottom: 30px;	
	background: transparent;
}


.visually-hidden, .pcast-player button span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}



.podcastcolor {
	background: transparent !important;
	margin-top:30px;
}
.podcastcolor .container {
	background: transparent !important;
}
.pcast-player .far {
	font-size: 60px;
}
.pcast-player .pcast-player-title{
	padding-left: 15px;
	font-weight: bold;
	color: #4b5059 !important;	
}
.pcast-player .pcast-player-controls {
  box-sizing: border-box;
  color: #4b5059;
  font-size: 14px;
  overflow: hidden;
  padding: 5px;
}
.pcast-player button {

  color: #4b5059;
  background: transparent;
  border: 0;
  border-radius: 2px;
  padding: 5px;
  padding-left: 10px;
  line-height: 22px;
  -webkit-appreance: none;
  min-width: 32px;
}

.pcast-progress-wrapper{
    float: right;
    width: calc(100% - 80px);
    margin-top: 25px;
}

.pcast-player progress {
  height: 5px;
  width: calc(100% - 140px);
  margin: 0 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #dfdfdf;
  box-shadow: 0;
  border:0;
}
.pcast-player progress::-moz-progress-bar{
  background-color: #4b5059;	
}


.pcast-player progress[value]::-webkit-progress-bar {
  background-color: #d3d3d3;
  border-radius: 0;
  box-shadow: 0;
}
.pcast-player progress::-webkit-progress-value,
.pcast-player progress[value]::-webkit-progress-value {
	
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  background: #4b5059;
}
.pcast-player .pcast-time {
  display: inline-block;
  font-size: 13px;
  padding: 0;
  text-align: center;
  width: 4em;
}
.pcast-player .pcast-speed {
  width: 2.5em;
}
.pcast-player .pcast-download {
  font-size: 12px;
  margin-top: 0.5em;
  display: inline-block;
  color: black;
}
.pcast-player .pcast-download:hover, .pcast-player .pcast-download:focus {
  color: #666;
}




/*** #################################################################################
	BEGIN STARTPAGE FEATURE
######################################################################################**/
/*
main .startpage-feature {
	border-radius: 5px;
	background: #36566d;
	color: #FFF;
	overflow: hidden;
}
main .startpage-feature h2 {
	margin-top: 20px;
}

main .startpage-feature a {
	color: #FFF;
}

main .startpage-feature .img-thumbnail {
	border:0;
	border-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:0;
	margin:0;
	width:100%;
}


main .startpage-feature .col-md-6{
	padding-left:15px;
	padding-right: 15px;
}

main .startpage-feature .col-md-6:nth-child(2) {
	padding-left:0;
	padding-right:0;

}

main .startpage-feature .row {
	margin-left: 0;
	margin-right: 0;
}
*/
/*** #################################################################################
	END STARTPAGE FEATURE
######################################################################################**/

/*** #################################################################################
	START MODAL
######################################################################################**/

body.modal-open {
  overflow: inherit;
  padding-right: 0 !important;
}

.modal{
	z-index: 9997;
}
.modal-backdrop{
	z-index: 9998;
	/*background: rgba(54,86,109, 0.9);*/
	background: rgba(75, 80, 89, 0.9);
}
.modal-backdrop.in{
	opacity: 0.8;

}
.modal-dialog {
	z-index: 9999;
}
.modal-header.defaultcolor{
	background: #4b5059 !important;
}

.modal-header {
	background: #4b5059;
	color: #FFF;
    min-height: 60px;
    padding: 20px;
    border-bottom: 0;
/*
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
*/
}

.modal-header .close{
	opacity: 0.9;
}
.modal-header .close:before{
	font-family: "Icons";
	content: "\e604";
	color: #FFF;
	opacity: 1;
	font-size: 12px;
}

.modal-header h3 {
	margin-top:0;
	display: inline-block;
	width: 95%;
}

.modal-content {
	border:0;
 	border-radius: 0;
    padding: 0;
}

.modal-body{
	padding: 20px;
	font-size: 14px;

}

#modal .modal-content {
  background: #FFF;
  color: #000;
}

/*#modal .modal-content a
{
  color: #ffffff;
}*/

/*#modal .modal-content a.link_facebook,*/
#modal.cat100004 .modal-content a.link_facebook,
#modal.sp85 .modal-content a.link_twitter,
#modal.cat100004 .modal-content a.link_twitter,
#modal.sp85 .modal-content a.link_googleplus,
#modal.cat100004 .modal-content a.link_googleplus {
  color: #92bad1;
}

.modal-content h4 {
	margin-top: 25px;

	font-size: 20px;
}


/*** #################################################################################
	END MODAL
######################################################################################**/


/*** #################################################################################
	ANCHOR NAVIGATION
######################################################################################**/

.anchor-navigation {
  overflow: hidden;
  height: 350px;
  z-index: 10;
  display: none;
}


.anchor-navigation .anchor-content {
  position: relative;
 /*  bottom:60px;
 min-width: 250px;*/
}
.anchor-navigation.show {
  display: block;
  position: absolute;
  right: 0;
  /*bottom: -270px;
  top:0;*/
}
.headercontent-wrapper.fixed .anchor-navigation.show {
  display: block;
  position: absolute;
  right: 0;
  bottom: auto;
  top:0px;
}
/*
.anchor-navigation.show.opened {
 z-index: 0;
}*/
.anchor-navigation.show .anchor-content {
  right: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.anchor-navigation.show .anchor-content .anchor-content-header {
	height:80px;
  position: relative;
}
.anchor-navigation.show .anchor-content .anchor-content-header:hover {
  cursor: pointer;
}

.anchor-navigation.show .anchor-content .anchor-content-header:before {
 /* top: 13px;*/
  left: 20px;
  font-family: "Icons";
  content: "\e600";
  font-size: 18px;
  color: white;
  line-height: 80px;
  position: absolute;
}
.anchor-navigation.show .anchor-content .anchor-content-header h2 {
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*line-height: 48px;*/
	padding-top:0px;
	line-height: 80px;

}
.headercontent-wrapper.titleonly .anchor-content-header h2{
	margin-top:0;
}

.anchor-navigation.show .anchor-content .anchor-content-header:after {
  font-family: "IconsFHCW";
  top: 0;
  right: 30px;
  color: white;
  font-size: 10px;
  content: "\e007";
  position: absolute;
  line-height: 80px;
}
.anchor-navigation.show .anchor-content .anchornav {
    width: 350px;
    position: absolute;
    background: #7897ac;
	/*height: 300px;
    bottom: -300px;*/
    display: block;
    z-index: -1;
/* 	margin-left: 50px; */
	background: #f0f1f1;
	padding: 15px 0 15px 0;
/*   border-radius: 0 0 0 5px; */
}
.anchor-navigation.show .anchor-content .anchornav li {
  list-style: none;
  padding: 0 20px 0 20px;
}
.anchor-navigation.show .anchor-content .anchornav li a {
  outline: none;
  color: #52595f;
  display: block;
  width: 100%;
  text-decoration: none;
}
.anchor-navigation.show.hide .anchor-content {
  margin-right: -240px;
}
.anchor-navigation.show h2 {
  height: 80px;
  width: 300px;
/*
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
*/
  cursor: pointer;
  background-color: #91b6d0;
  color: white;
  margin-bottom: 0;
  padding-left: 60px;

}
.anchor-navigation.show a {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  /*text-overflow: ellipsis;*/

}

.anchor-navigation h2 {
  background-color: #6f8ca0;
}
.anchornav li a:hover,
.anchornav li:hover {
  background-color: white;
  text-decoration: none;

}
.anchornav li:hover a {
  color: #52595f;
}
/*
#pageheader .anchornav li.active {
  background-color: #FFF;
}
*/
.anchornav li.active a {
  font-weight: bold;
}


/*** #################################################################################
	MAIN CONTENT STYLES
######################################################################################**/


.img-thumbnail {
	display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0;
    line-height: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
}


/*** #################################################################################
	PERSON STYLES
######################################################################################**/

.project h4,
.mainperson h4,
.person-list h4{
	margin-bottom: 5px;

}


.person-list .mainperson img, .person-box .mainperson img {
    width: 100%;
    height: auto;
/*     border-radius: 5px; */
    margin-bottom: 20px;
}


.persondetail .img-thumbnail {
/* 	border-radius: 5px; */
}
.persondetail .personname{
	margin-top:0;
	margin-bottom: 5px;
}



.lectures-for-person {
    background: #9cbdd5;
    color: #ffffff;
/*     border-radius: 5px; */
    position: relative;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.lectures-for-person article {
	background: rgba(0,0,0,0.15);
	padding: 15px;

	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 70px;
	margin-bottom: 10px;
	margin-right: 10px;
/* 	border-radius: 2px; */
}

.lectures-for-person .col-md-4:nth-of-type(4n) {
	margin-right: -10px;
}


.lectures-for-person .row {
	margin-left: 0;
	margin-right: 0;


}
.lectures-for-person .col-md-4,
.lectures-for-person .col-md-12 {
	padding-right: 0;
	padding-left: 0;
}
.lectures-for-person h3 {
	padding: 0;
	margin-top: 0;
}

.lectures-for-person article header {
	font-size: 16px;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
}
.lectures-for-person article.lecture {
	font-size: 14px;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
}



/*** #################################################################################
	COURSE STYLES
######################################################################################**/

.coursedetail{

	background: #9cbdd5;
/* 	border-radius: 5px; */
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	color: #FFF;
}

.coursedetail div,
.coursedetail p,
.coursedetail dl {
  padding: 0;
  margin: 0;
}
.coursedetail .responsivetable {
  overflow-x: visible;
}
.coursedetail .responsivetable td {
  line-height: 20px;
  height: 30px;
}
.coursedetail .responsivetable th {
  border: none;
}
.coursedetail .row {
	/*display: table;*/
  border-bottom: 1px solid white;
  padding: 0;
  margin: 0;
  min-height: 90px;
}
.coursedetail .infoelem {
  position: relative;
  /*display: table-cell;*/
  min-height: 90px;
  font-family: "Signacond-lightregular";
}

.coursedetail .organizationalform,
.coursedetail .graduation{
	 border-right: 1px solid;
	 border-left: 1px solid;
}
.coursedetail .graduation{
	padding-bottom: 15px;
}

.coursedetail .deadline {
  border-right: 1px solid;
}
.coursedetail .infoelem:before {
  font-family: "IconsFHCW";
  font-size: 60px;
  position: absolute;
  width:100px;
  height: 90px;
  line-height: 90px;
}
.coursedetail .infoelem dl
{
  padding-left: 90px;
  font-size: 20px;
  font-family: "Signacond-lightregular";
  /*position: absolute;*/
  padding-top:20px;
  height: auto;
  /*padding-bottom: 15px;*/
  text-align: left;
}
.coursedetail .rtecontent {
  padding-left: 90px;
  text-align: left;
  font-size: 20px;
  font-family: "Signacond-lightregular";
  padding-top: 20px;
}
.coursedetail .rtecontent .table > tbody > tr > td{
	 border: 0;


}

.coursedetail .overview {
  min-height: 10px;
}
.coursedetail .overview h2 {
  color: white;
  padding: 0;
  margin: 0;
}
.coursedetail .overview div {
  min-height: 10px;
  padding: 40px;
  border-right: none;
}
.coursedetail .duration:before {
  font-family: 'Icons';
  content: "\e653";
}
.coursedetail .graduation:before {
  content: "\e0b6";
  margin-left: 25px;
}
.coursedetail .graduation dd {
  font-size: 2.2rem;
}
.coursedetail .places {
  border-right: 0;
  padding-left: 25px;
  line-height:90px;
}
.coursedetail .places dd,
.coursedetail .ects dd {
  text-align: left;
  font-size: 20px;
}
.coursedetail .places dd .numberfont,
.coursedetail .ects dd .numberfont{
	font-size: 60px;
	padding-right: 10px;
}

.coursedetail .ects dl {

padding-left: 20px;
line-height: 90px;

}
.coursedetail .costs{
	border-right: 0;
	display: inline;
}
.coursedetail .costs:before{
	font-family: "IconsFHCW";
    font-size: 40px;
    content: "\e0b7";
	line-height: 100px;
	margin-left: 25px;
	position: absolute;
    width: 100px;
    height: 90px;
    line-height: 90px;
}

.coursedetail .costs .smalltext a {
	color: #FFF;
}

.coursedetail .costs .smalltext{
	font-size: 12px;
	line-height: 14px !important;
}

.coursedetail .costs .rtecontent p {
	line-height: 24px;

}
.coursedetail .costs .rtecontent{
	padding-left:110px;


}

.coursedetail .deadline:before{
  font-family: 'Icons';
  content: "\e607";
}

.coursedetail .organizationalform:before {
  font-family: 'Icons';
  content: "\e64c";
}
.coursedetail .opportunities a strong {
  font-weight: normal;
}
.coursedetail .opportunities:before {
  content: "\e008";
  left: 3%;
}

/*** #################################################################################
	CURRICULUM STYLES
######################################################################################**/


.curriculum {
	margin-bottom: 10px;

}
.curriculum .row {
	margin-left: -15px;
	margin-right:-15px;

}

.curriculum .col-md-6:first-child,
.curriculum .legend {
  padding-left: 0;
  padding-right: 10px
}
.curriculum .col-md-6:last-child {
  padding-left: 10px;
  padding-right: 0;
}
.curriculum .legend .table tbody tr td:first-child {
  padding-left: 0;
}

.curriculum-bigsum {
	padding-top: 20px;
}
.curriculum-bigsum .sws {
	padding-right: 20px;
}
.curriculum-bigsum > div {
  /*text-align: center;
  padding: 10px;*/
  display: inline;
  position: relative;

  /*border-right: 1px solid white;*/
}
.curriculum-bigsum > div:last-child {
  border-right: none;
}
.curriculum-bigsum > div:before {
  position: absolute;
  left: 10px;
  top: 10px;
  font-family: "IconsFHCW";
  font-size: 6rem;
}

.curriculum-bigsum .title {
  font-size: 18px;
  display: inline;

}

.curriculum-bigsum .val {
  font-size: 60px;
  display: inline;

}

.curriculum .accordion-group.active .accordion-inner{
	padding-top:5px;
}

.accordion .infobutton:after,
.curriculum .infobutton-curriculum:after {
  color: #FFF;
}

/*** #################################################################################
	FILTER STYLES
######################################################################################**/

.asfhcw-filter {
	margin-left: -15px;
	margin-right: -15px;
}
.asfhcw-filter .filterheader{
	background: #7897ad;
/* 	border-radius: 5px; */
	margin-bottom: 10px;
}

.asfhcw-filter .filterwrapper.col-md-9{
	padding-left:0;
	padding-right:0;
}
.asfhcw-filter .filterwrapper {
    display: table;
    position: absolute;
}
.asfhcw-filter .filterheader .row{
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
.asfhcw-filter .filterheader .col-md-1,
.asfhcw-filter .filterheader .col-md-2,
.asfhcw-filter .filterheader .col-md-3,
.asfhcw-filter .filterheader .col-md-4,
.asfhcw-filter .filterheader .col-md-5
{
	padding:0;
    vertical-align: middle;
}
.asfhcw-filter button:before{
	content: " ";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 12px;
	width: 12px;
	position: absolute;
	left:0px;
	top:3px;
	font-size: 14px;
}

.asfhcw-filter button.active:before{
	font-family: "Icons";
	content: "\e64a";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 12px;
	width: 12px;
	position: absolute;
	left:0px;
	top:3px;
	font-size: 18px;
	line-height: 9px;
}

.asfhcw-filter .btn-group{
	min-height: 196px;
	height: 100%;
	border-right: 1px solid rgba(255,255,255,0.5);
	vertical-align: middle;
	display: table-cell;
}
.asfhcw-filter .btn-group:last-child{
	border-right: 0;
}


.asfhcw-filter .btn-group .wrapper{
	padding: 10px;
	padding-left: 15px;
	vertical-align: middle;
}

.asfhcw-filter .wrapper button:first-child{
	margin-left: -1px;
}

.asfhcw-filter button{
	display: block;
	position: relative;
	background: transparent;
	font-size: 12px;
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	color: #FFF;
	padding-top:0;
	padding-bottom: 3px;
	padding-left: 20px;
    white-space:normal;
    text-align: left;
}

.asfhcw-filter .btn:hover,
.asfhcw-filter .btn:focus{
    outline: none;
    outline-offset: 0;
    color: #FFF;

}

.asfhcw-filter button.active{
	-webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF;
}


.asfhcw-filter .btn-clearfilter{
	width: 100%;
	min-height: 196px;
	height: 100%;
	background: #7897ad;
	border-radius: 0;
/*
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
*/
	position: absolute;
	text-align: left;
}
.asfhcw-filter .btn-clearfilter.active:before,
.asfhcw-filter .btn-clearfilter:before {
	content: none;
}

.asfhcw-filter .btn-clearfilter strong{
	position: relative;
    left: 20px;
}

.asfhcw-filter .btn-clearfilter strong:before {
	content: "";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 14px;
	width: 14px;
	vertical-align: middle;
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
}
.asfhcw-filter .btn-clearfilter.active strong{
	left:0;
}

.asfhcw-filter .btn-clearfilter.active strong:before {
	font-family: "Icons";
	content: "\e64a";
	font-size: 22px;
	padding-right: 5px;
	vertical-align: middle;
	background: transparent;
	position: relative;
	margin-top: 0;
	margin-left: 0;
	padding-left:0;
}
.asfhcw-filter .btn-clearfilter strong,
.asfhcw-filter .btn-clearfilter.active strong {
	font-size: 14px;
	line-height: 24px;

}
.asfhcw-filter .filterwrapper.active,
.asfhcw-filter .btn-clearfilter.active{
	background: #36566d;
}

.asfhcw-filter .filterwrapper{
	position: relative;
/*
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
*/
}

.asfhcw-filter .filterheader .multiple-filter {
	border-right:0;
}
.asfhcw-filter .filterheader .multiple-filter .btn-group {
	display: inline-block;
	width: 100%;
	min-height: auto;
	border-right:0;	
}
.asfhcw-filter .filterheader .multiple-filter .btn-group:nth-child(2),
.asfhcw-filter .filterheader .multiple-filter .btn-group:nth-child(3) {
 border-top: 1px solid rgba(255,255,255,0.5);
	
}



.btn-group.filter-tags #tags div,
.btn-group.filter-colors #colors div{
	display:inline-block;
}
.asfhcw-filter article h4 {
  position: relative;
  font-size: 24px;
}

.asfhcw-filter article h4 a {
	color: #FFF;
}

.asfhcw-filter article h4 a:hover {
	color: #FFF;
	text-decoration: none;
}

.asfhcw-filter article h5 {
  font-size: 16px;
}
/*
.asfhcw-filter article h5:after {
  content: "\e651";
  font-family: 'Icons';
  width: 10px;
  height: 10px;
  color: #FFF;

  position: absolute;
  right: 20px;
}
.asfhcw-filter article h5.collapsed:after {
  content: "\e652";
  font-family: 'Icons';
}
.asfhcw-filter article h5.collapsed.in:after {
  content: "-";
  font-size: 18px;
}*/

.asfhcw-filter article h6 {
  font-size: 16px;
  position: relative;
  padding: 0;
  margin: 0;

  cursor: pointer;

  color:#FFF;
}
.asfhcw-filter article p{
	color: #FFF;
	font-size: 12px;
}
.asfhcw-filter article h6:before {
  content: "> ";
}
.asfhcw-filter article .depcourses {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.asfhcw-filter article .depcourses .col-md-1 {
	width: 50px;
	float: right;
	padding-left:0;
	padding-right:0;
}
.asfhcw-filter article .depcourses.collapse.in {
  height: auto !important;
}

.asfhcw-filter article .depcourses li {
  background: rgba(0, 0, 0, 0.1);
/*   border-radius: 2px; */
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  min-height: 70px;
  position: relative;
  margin-bottom: 5px;
}
.asfhcw-filter article .depcourses li .row {
	margin:0;

}

.asfhcw-filter article .depcourses li a {
  width: 100%;
  height: 100%;
  padding: 15px;
  top: 0;
  left: 0;
  position: absolute;
  text-decoration: none;
  border: none;
  /*z-index: 100;*/
}
.asfhcw-filter article .depcourses li a:hover {
  text-decoration: none;
}
.asfhcw-filter article .depcourses li .bigbuttons {
  margin-top: 0;
}
.asfhcw-filter article .depcourses li .inner {
  padding: 15px;
  padding-left:0;
}
.asfhcw-filter article .depcourses li a.bigbutton {

	height: auto;
	position: absolute;
	right:0;
	top:0;
	color: #FFF;
}

.asfhcw-filter article .depcourses li .bigbutton:hover {
  background: transparent;
}

.asfhcw-filter article .depcourses li .bigbutton:before {
  font-size: 18px;
  display: block;
  padding: 0;
  margin-bottom: -5px;
  color: #FFF
}
.asfhcw-filter article .depcourses li .bigbutton span {
	display: none;
}

/*** #################################################################################
	OPEN HOUSE STYLES
######################################################################################**/
@media screen{
	.print-event,
	.openhouse-list .print_header,
	.ohevent-collector .print_header{
		display: none;
	}
	.ohevent-collector.standort_openhouse{
		display: none;
	}
}

main .openhouse-filter .ohevent-collector li.bg100004{
	background: #9cbdd5;
}

.openhouse-filter.asfhcw-filter .filterwrapper {
	display: block;
}
.filterwrapper .collapse {
	display: block;

}

.openhouse.openhouse-filter .asfhcw-filter {
	margin-left: -20px;
    margin-right: -20px;
}

.ohevent-collector {
    list-style-type: none;
    background: rgba(146, 186, 209, 0.1);
/*     border-radius: 10px; */
    padding: 20px;
    margin: 0;
    margin-bottom: 50px;
}

.openhouse-filter .filterwrapper .btn-group {
    vertical-align:top;
    display: inline-block;
    height: 172px;
}
.ohevent-collector .sortable li p,
.openhouse-filter .depcourses li p {
    color: #FFF;
    font-size: 14px !important;
}
.openhouse-filter .filterwrapper.col-md-10 {
	padding:0;
}

.openhouse-filter .btn-clearfilter {
	height: 172px !important;

}
.ohevent-collector .sortable li,
.ohouse .depcourses li {
	padding:10px;
}
.ohevent-collector .sortable li .col-md-6,
.depcourses li .col-md-6{
	padding:0;
}
.ohevent-collector .sortable li h4,
.depcourses li h4 {
	margin:0;
    font-size: 18px !important;
    color: #FFF;
}
.depcourses li h4 .mcategory{
	display: none;
}

.ohevent-collector li {
	position: relative;
}

.ohevent-collector li .toggler,
.event-filter article .depcourses li .toggler {
    position: absolute;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    cursor:hand;
    color: #FFF;
    font-size: 14px;
}
.event-filter article .depcourses li .toggler:before {
    font-family: "IconsFHCW";
    content: "\e0e1";
}
.ohevent-collector li .toggler:before {
    font-family: "IconsFHCW";
    content: "\e007";
}

.event-filter article .depcourses li.isinlist .toggler {
    display: none;
}

.openhouse .ohevent-collector .sortable{
	list-style-type: none;
	padding: 0;
	margin:0;
}

.openhouse .ohevent-collector li .row {
	margin:0;
}


.openhouse .ohevent-collector li{
	color: #FFF;
/* 	border-radius: 5px; */
	background: #9cbdd5;
}

/*** #################################################################################
	OPENHOUSE NEW STYLES
######################################################################################**/

.openhouse .ohevent-collector .controls {
	position:absolute;
	right:0px;
	top: 10px;
}

.openhouse .accordion-inner {

	padding-top: 15px !important;
}

.openhouse .accordion-inner .table{

	margin-bottom: 0 !important;
}

.openhouse .accordion-inner a .oh_icsdownload:before{
    content: "\e608";
    font-family: "Icons";
    color: #FFF;
	font-style: normal;
    font-size: 14px;
}

.openhouse-list li .openhouse_termin_adresshide,
.openhouse-list li .openhouse_termin_studiengang,
.openhouse-list li.isinlist .toggler {
    display: none;
}

/**/
.openhouse .accordion-inner .col-md-9,
.openhouse .accordion-inner .col-md-8,
.openhouse .accordion-inner .col-md-7,
.openhouse .accordion-inner .col-md-6,
.openhouse .accordion-inner .col-md-5,
.openhouse .accordion-inner .col-md-4,
.openhouse .accordion-inner .col-md-3,
.openhouse .accordion-inner .col-md-2,
.openhouse .accordion-inner .col-md-1
{
    padding-right: 0;
    padding-left: 0;
}
.openhouse .accordion-inner .row {
	margin-left: 0;
	margin-right:0;

}
.openhouse.openhouse-courselist ul,
.openhouse.openhouse-list ul {
	padding-left:0;
}
.openhouse.openhouse-courselist ul li,
.openhouse.openhouse-list ul li {
	margin:0;
	padding:5px;
	list-style-type: none;
	display: block;
}
.openhouse.openhouse-courselist ul li:nth-of-type(odd),
.openhouse.openhouse-list ul li:nth-of-type(odd) {
    background: rgba(0,0,0,0.1);
}
.openhouse.openhouse-courselist ul li:nth-of-type(even),
.openhouse.openhouse-list ul li:nth-of-type(even) {
	background: rgba(0,0,0,0.2);
}

.openhouse a.link_email,
.openhouse a.link_print,
.openhouse a.link_pdf,
.openhouse a.masterlink_ical,
.openhouse a.link_ical{
	background: rgba(111, 140, 160, 0.1);
    color: #6f8ca0;
    display: inline-block;
    padding: 5px 20px;
    margin-right: 15px;
/*     border-radius: 10px; */
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.openhouse a.masterlink_ical:hover,
.openhouse a.link_ical:hover,
.openhouse a.link_pdf:hover,
.openhouse a.link_print:hover,
.openhouse a.link_email:hover,
.openhouse a.link_ical:hover{
background: #6f8ca0;
    color: white;
}

.openhouse a.link_print.disabled:hover .icon {
    display: inline-block;    
	background-image: url('vhs-assets-css-c9aa6239a1ba1cad8ac8c4907ec5dd7c.svg');
    background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.openhouse a.link_print:hover .icon {
    display: inline-block;    
	background-image: url('vhs-assets-css-04022b17fe936753f98b5402a9ddc037.svg');
    background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.openhouse a.link_pdf.disabled:hover .icon {
    display: inline-block;    
	background-image: url('vhs-assets-css-287befd342b0baccebceae61379a8f1c.svg');
    background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.openhouse a.link_pdf:hover .icon {
    display: inline-block;    
	background-image: url('vhs-assets-css-5bf3dffb27ef196f03d51f9174c1e68a.svg');
    background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.openhouse a.masterlink_ical:before,
.openhouse a.link_ical:before {
    content: "\e608";
    font-family: "Icons";
    margin-right: 10px;
    font-size: 16px;
}
.openhouse a.link_email:before {
    content: "\e602";
    font-family: "Icons";
    margin-right: 10px;
    font-size: 16px;
}

.openhouse a.link_pdf .icon {
    display: inline-block;    
	background-image: url('vhs-assets-css-287befd342b0baccebceae61379a8f1c.svg');
    background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.openhouse a.link_print .icon {
    display: inline-block;    
	background-image: url('vhs-assets-css-c9aa6239a1ba1cad8ac8c4907ec5dd7c.svg');
    background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.openhouse a.link_pdf .icon svg {
	color: rgba(112, 142, 161, 0.1);  
    stroke:#FFF;
}

.openhouse-list .toggler:before {
	margin-left:5px;
	cursor: pointer;
	color: #FFF;
    content: url('vhs-assets-css-5819c91d3ec4fe01a3003e10476e00ca.svg');
}
.openhouse-list .toggler{
	margin-right: 5px;
	padding-top: 5px;
	display: inline-block;	
	cursor: pointer;
	cursor:hand;
}
.ohevent-collector .status{
	display: none;
}
.openhouse-list .status a:hover,
.openhouse-list .status a:visited,
.openhouse-list .status a{
	color:rgb(75, 80, 89);
	text-decoration: underline;

}
.openhouse-list .status{
	display: none;
	position: absolute;
	right: -5px;
	top: -5px;
	background:#FFF;
	color:rgb(75, 80, 89);
	width: 200px;
	height: auto;
	padding: 5px;
}

.openhouse-filter .evactionlinks a.disabled:hover,
.openhouse-filter .evactionlinks a.disabled {
	cursor: not-allowed;
	background: rgba(111, 140, 160, 0.1);
	color: #6f8ca0;
	text-decoration: none;
}


/*** FILTER STYLES ***/


.openhouse-filter .filterheader{
	background: #7897ad;
/* 	border-radius: 5px; */
	margin-bottom: 10px;
	margin-left:-20px;
	margin-right:-20px;
}

.openhouse-filter .filterwrapper{
	padding-left:0;
	padding-right:0;
}
.openhouse-filter .filterwrapper {
    display: table;
    position: absolute;
}
.openhouse-filter .filterheader .row{
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
.openhouse-filter .filterheader .col-md-1,
.openhouse-filter .filterheader .col-md-2,
.openhouse-filter .filterheader .col-md-3,
.openhouse-filter .filterheader .col-md-4,
.openhouse-filter .filterheader .col-md-5
{
	padding:0;
    vertical-align: middle;
}
.openhouse-filter button:before{
	content: " ";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 12px;
	width: 12px;
	position: absolute;
	left:0px;
	top:3px;
	font-size: 14px;
}

.openhouse-filter button.active:before{
	font-family: "Icons";
	content: "\e64a";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 12px;
	width: 12px;
	position: absolute;
	left:0px;
	top:3px;
	font-size: 18px;
	line-height: 9px;
}

.openhouse-filter .btn-group{
	min-height: 172px;
	height: 100%;
	border-right: 1px solid rgba(255,255,255,0.5);
	vertical-align: middle;
	display: table-cell;
}
.openhouse-filter .btn-group:last-child{
	border-right: 0;
}


.openhouse-filter .btn-group .wrapper{
	padding: 10px;
	padding-left: 15px;
	vertical-align: middle;
}

.openhouse-filter .wrapper button:first-child{
	margin-left: -1px;
}

.openhouse-filter button{
	display: block;
	position: relative;
	background: transparent;
	font-size: 12px;
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	color: #FFF;
	padding-top:0;
	padding-bottom: 3px;
	padding-left: 20px;
    white-space:normal;
    text-align: left;
}

.openhouse-filter .btn:hover,
.openhouse-filter .btn:focus{
    outline: none;
    outline-offset: 0;
    color: #FFF;

}

.openhouse-filter button.active{
	-webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF;
}


.openhouse-filter .btn-clearfilter{
	width: 100%;
	min-height: 108px;
	height: 100%;
	background: #7897ad;
/* 	border-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
	position: relative;
	text-align: left;
}
.openhouse-filter .btn-clearfilter.active:before,
.openhouse-filter .btn-clearfilter:before {
	content: none;
}

.openhouse-filter .btn-clearfilter strong{
	position: relative;
    left: 20px;
}

.openhouse-filter .btn-clearfilter strong:before {
	content: "";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 14px;
	width: 14px;
	vertical-align: middle;
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
}
.openhouse-filter .btn-clearfilter.active strong{
	left:0;
}

.openhouse-filter .btn-clearfilter.active strong:before {
	font-family: "Icons";
	content: "\e64a";
	font-size: 22px;
	padding-right: 5px;
	vertical-align: middle;
	background: transparent;
	position: relative;
	margin-top: 0;
	margin-left: 0;
	padding-left:0;
}
.openhouse-filter .btn-clearfilter strong,
.openhouse-filter .btn-clearfilter.active strong {
	font-size: 14px;
	line-height: 24px;

}
.openhouse-filter .filterwrapper.active,
.openhouse-filter .btn-clearfilter.active{
	background: #36566d;
}

.openhouse-filter .filterwrapper{
	position: relative;
/*
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
*/
}


.btn-group.filter-colors #colors div{
	display:inline-block;
}

.openhouse-filter article h4 {
  position: relative;
  cursor: pointer;
  font-size: 24px;
}
.openhouse-filter article h5 {
  font-size: 16px;
  cursor: pointer;
}
.openhouse-filter article h5:after {
  content: "\e651";
  font-family: 'Icons';
  width: 10px;
  height: 10px;
  color: #FFF;
  /*line-height: 4px;
  font-size: 18px;
  text-align: center;*/

  position: absolute;
  right: 20px;
}
.openhouse-filter article h5.collapsed:after {
  content: "\e652";
  font-family: 'Icons';
 /*font-size: 16px;*/
}
.openhouse-filter article h5.collapsed.in:after {
  content: "-";
  font-size: 18px;
}
.openhouse-filter article h6 {
  font-size: 16px;
  position: relative;
  padding: 0;
  margin: 0;

  cursor: pointer;

  color:#FFF;
}
.openhouse-filter article p{
	color: #FFF;
	font-size: 12px;
}
.openhouse-filter article h6:before {
  content: "> ";
}
.openhouse-filter article .depcourses {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.openhouse-filter article .depcourses .col-md-1 {
	width: 50px;
	float: right;
	padding-left:0;
	padding-right:0;
}
.openhouse-filter article .depcourses.collapse.in {
  height: auto !important;
}

.openhouse-filter article .depcourses li {
  background: rgba(0, 0, 0, 0.1);
/*   border-radius: 2px; */
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  min-height: 70px;
  position: relative;
  margin-bottom: 5px;
}
.openhouse-filter article .depcourses li .row {
	margin:0;

}

.openhouse-filter article .depcourses li a {
  width: 100%;
  height: 100%;
  padding: 15px;
  top: 0;
  left: 0;
  position: absolute;
  text-decoration: none;
  border: none;
  /*z-index: 100;*/
}
.openhouse-filter article .depcourses li a:hover {
  text-decoration: none;
}
.openhouse-filter article .depcourses li .bigbuttons {
  margin-top: 0;
}
.openhouse-filter article .depcourses li .inner {
  padding: 15px;
  padding-left:0;
}
.openhouse-filter article .depcourses li a.bigbutton {

	height: auto;
	position: absolute;
	right:0;
	top:0;
	color: #FFF;
}

.openhouse-filter article .depcourses li .bigbutton:hover {
  background: transparent;
}

.openhouse-filter article .depcourses li .bigbutton:before {
  font-size: 18px;
  display: block;
  padding: 0;
  margin-bottom: -5px;
  color: #FFF
}
.openhouse-filter article .depcourses li .bigbutton span {
	display: none;
}


/*** #################################################################################
	ACCORDION STYLES
######################################################################################**/


.accordion-group {
background: #9cbdd5;
/* border-radius: 5px;	 */
}
.accordion-group .accordion-inner {
background: #9cbdd5;
padding: 15px;
padding-top: 0;
border-top:1px solid #FFF;
/*
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
*/
}

.accordion-group .accordion-inner h4{
	font-weight: bold;
	font-size: 18px;
}
.accordion-group .accordion-inner p{
 color: #FFF;
}


.accordion-group.active {
	margin-bottom: 5px;

}


.accordion-group .accordion-inner h4,
.accordion-group .accordion-inner .table th,
.accordion-group .accordion-inner .table td {
border-bottom: 0;
border-top:0;
padding:5px 5px;
color: #FFF;
font-family: 'Roboto', Tahoma, Verdana, sans-serif;
font-size: 14px;
}

.accordion-group .accordion-inner .table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(0,0,0,0.1);
}
.accordion-group .accordion-inner .table-striped > tbody > tr:nth-of-type(even) {
	background: rgba(0,0,0,0.2);
}

.accordion-group .accordion-inner ul,
.accordion-group .accordion-inner li {
	color: #FFF;
}

.accordion-group h3 {
	background: #9cbdd5;
	color: #FFF;
	padding: 5px;
	padding-left: 15px;
/* 	border-radius: 5px; */
	font-size: 18px;
	line-height: 34px;
	margin:0;
	margin-bottom: 5px;
}
.accordion-group .accordion-heading{
	position: relative;
	height:34px;
}

.accordion-group .accordion-heading a {
   	position: absolute;
    top: 0;
    left: 15px;

    width: calc(100% - 15px);
    height: 100%;
    overflow: hidden;
    z-index: 1;

}

.accordion-group .accordion-heading a:after {
  content: "-";
  font-size: 22px;
  position: absolute;
  right: 20px;
  bottom: 0;
}
.accordion-group .accordion-heading a.collapsed:after {
  content: "+";
  font-size: 18px;
}


.accordion-group a {
	color: #FFF;
}
.accordion-group a:focus,
.accordion-group a:hover {
	color: #FFF;
	text-decoration: none;
}

/*** #################################################################################
	PUBLICATION STYLES
######################################################################################**/

.publication-filter{
    position: relative;
    background: #7897ad;
/*     border-radius: 5px; */
    margin-top: 40px;
    margin-bottom: 40px;
	min-height: 106px;
	color: #FFF;
}
.publication-filter a.type-dropdown-toggle{
	background: #FFF;
	color: #000;
/* 	border-radius: 2px; */
	border: 1px solid #36566d;
	padding: 5px;
}

.publication-filter a.category-dropdown-toggle{
	background: #FFF;
	color: #000;
/* 	border-radius: 2px; */
	border: 1px solid #36566d;
	padding: 5px;
	margin-bottom: 10px;
}

.publication-filter a.type-dropdown-toggle .caret,
.publication-filter a.category-dropdown-toggle .caret{
   position: absolute;
   right: 7px;
   top: 15px;
}

.publication-filter .dropdown.open a.type-dropdown-toggle,
.publication-filter .dropdown.open a.category-dropdown-toggle{
	background: #36566d;
	color: #FFF;
/*
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0;
*/

}

.publication-filter .dropdown a:hover,
.publication-filter .dropdown a:focus{
	background: #FFF;
	border: 1px solid #36566d;

}
.publication-filter .dropdown .type-dropdown-menu,
.publication-filter .dropdown .category-dropdown{
	display: none;
}
.publication-filter .dropdown.open .type-dropdown-menu,
.publication-filter .dropdown.open .category-dropdown{
	display: block;

}

.publication-filter .filterwrapper.col-md-9{
	padding:0;
}
.publication-filter .filterwrapper.active{
	background: #36566d;
/*
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
*/
	min-height:106px;
}

.publication-filter .filterwrapper.active .searchsubmit{
	background: #FFF;
	color: #36566d;
}

.publication-filter .category-dropdown{
	display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
/*     border-radius: 4px; */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.publication-filter .category-dropdown ul,
.publication-filter .type-dropdown-menu ul {
padding:0;
margin:0;
}

.publication-filter .category-dropdown ul li,
.publication-filter .type-dropdown-menu ul li {
	font-size: 12px;
	padding:0;
	margin:0;
}
.publication-filter .category-dropdown ul li ul li,
.publication-filter .type-dropdown-menu ul li ul li{
	margin-left:20px;
}

.publication-filter .category-menu input[type="checkbox"] {
	margin-right: 5px;
	background:#738999;
	border:0;
/* 	border-radius: 2px; */
}

.publication-filter .row{
	margin:0;
	margin-bottom: 10px;
}

.publication-filter .nav{
	float: none;
}
.publication-filter .nav li {
	position: relative;
	margin-bottom:0;
}
.publication-filter .nav li:before {
	content: none;
}
.publication-filter .nav li ul.category-dropdown,
.publication-filter .nav li ul.type-dropdown-menu {
	background: #36566d;
	border-radius: 0;
	border:0;
	min-width: 700px;
	list-style-type: none;
	left: auto;
	margin:0;
}
.publication-filter .nav li ul.category-dropdown li label,
.publication-filter .nav li ul.type-dropdown-menu li label{
	padding-left: 5px;
	font-weight: normal;
	font-size: 12px;
	display: inline;
}
.publication-filter .nav li ul.category-dropdown li ul li label,
.publication-filter .nav li ul.type-dropdown-menu li ul li label{
	font-size: 12px;
}
.publication-filter .filter-elem {
	padding: 10px;
	padding-top:15px;
}

.publication-filter .buttons {
	margin-top: 10px;
}
.publication-filter .buttons .col-md-2{
	padding:0;
}


.publication-filter button{
	background: #FFF;
	color: #36566d;
/* 	border-radius: 2px; */
}

.publication-filter .searchfield{
	background: #FFF;
	color: #000;
/* 	border-radius: 2px; */
	border: 1px solid #36566d;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}

.publication-filter .searchsubmit{
	color: #FFF;
	background: #36566d;

}


.publication-filter .btn-clearfilter strong:before {
	content: "";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 14px;
	width: 14px;
	vertical-align: middle;
	margin-top: 5px;
}


.publication-filter .btn-clearfilter{
	width: 100%;
	height: 106px;
	color: #FFF;
	background: #7897ad;
	border-radius: 0;
/*
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
*/
	position: absolute;
	text-align: left;
	margin-left: -20px !important;

}
.publication-filter .btn-clearfilter.active:before,
.publication-filter .btn-clearfilter:before {
	content: none;
}
.publication-filter .btn-clearfilter.active strong:before {

    font-family: "Icons";
    content: "\e64a";
    font-size: 22px;
    padding-right: 5px;
    vertical-align: middle;
    background: transparent;
    position: relative;
    margin-top: 0;
    margin-left: 0;
	margin-bottom: -5px;
}
.publication-filter .btn-clearfilter strong,
.publication-filter .btn-clearfilter.active strong {
	font-size: 16px;
	line-height: 24px;

}

.publication-filter .btn-clearfilter:focus{
    outline: 0;
}

.publication-filter .btn-clearfilter.active{
	background: #36566d;
}

/*** #################################################################################
	RESEARCHAREA STYLES
######################################################################################**/

.researchareas article {
	background: rgba(0,0,0,0.15);
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 60px;
	margin-right: 10px;
/* 	border-radius: 2px; */
}


.researchareas .col-md-3:nth-of-type(4n) {
	margin-right: -10px;
}
.researchareas .col-md-3:nth-of-type(4n) > article {
	margin-right: 0;
}



.researchareas .row {
	margin-left: 0;
	margin-right: 0;


}
.researchareas .col-md-3,
.researchareas .col-md-12 {
	padding-right: 0;
	padding-left: 0;
}
.researchareas h3 {
	padding: 0;
	margin-top: 0;
	line-height:1;
	font-size: 20px;
}

.researchareas article header {
	font-size: 14px;
	line-height: 18px;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
}


/*** #################################################################################
	NEWSLETTER STYLES
######################################################################################**/

.Tx-Formhandler .radio-group label {}

.Tx-Formhandler .checkbox {
	margin-top:0;
	display: inline;
}
.checkbox label {
	padding-left: 10px;

}
.Tx-Formhandler .subgroup {

	margin-top: 10px;
	margin-bottom: 10px;

}

.Tx-Formhandler .subgroup .checkbox-group{
	padding-left: 27px;
}
.Tx-Formhandler .subgroup .checkbox-group label{
	width: 200px;
	display: inline-block;
}
.Tx-Formhandler .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
     position: relative;
    margin-top: 0;
    margin-left: 0;
}


.modal-body.newsletter label{
	font-weight: 400;
}

.modal-body.newsletter input[type="text"]{
	border:0;
}


.modal-body.newsletter input[type="text"]{
    height: 40px;
    padding-left: 10px;
}
.modal-body.newsletter option::disabled,
.modal-body.newsletter input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(189,187,188);
  opacity: 1; /* Firefox */
}


.modal-body.newsletter select {
	border:0;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;    
	border-radius: 0px;

	-webkit-border-radius: 0px;	
}

.modal-body.newsletter legend{
	font-size: 14pt;
    line-height: 18pt;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
}

.modal-body.newsletter .btn {
	background: #4b5059;
}



.modal-body.newsletter{
	background: #e3e3e3;
	color: #4b5059;
}




/*** #################################################################################
	SLIDER STYLES
######################################################################################**/




main .container-fluid.color {
	margin:0;
	background: rgba(156, 189, 213, 0.15);
	margin-bottom: 5px;
}

main .container-fluid.color .slider-inner-wrapper {
  background-color: #9cbdd5;
}

main .container-fluid.color .container.color{
	background: transparent;
}

main .container-fluid.color .slider-inner-wrapper p,
main .container-fluid.color .slider-inner-wrapper h2,
main .container-fluid.color .slider-inner-wrapper h3,
main .container-fluid.color .slider-inner-wrapper h4 {
  color: white;
  padding:0;
  margin:0;
  padding-bottom: 20px;
}
main .container-fluid.color .slider-inner-wrapper .top-right{
	/*padding: 15px;*/
	padding:0;
	overflow: hidden;
}

main .container-fluid.color .slider-inner-wrapper .img-thumbnail {
	padding:0;
	height: 100%;
}
/*
main .container-fluid.color .slider-wrapper .flex-direction-nav a,*/
main .container-fluid.color .slider-wrapper .flex-control-nav li a:before {
    color: #FFF;
}


/* overwrite styles for standorte  */
main .container-fluid.color .slider-wrapper .flex-direction-nav a,
main .slider-wrapper .flex-direction-nav a,
main .slider-wrapper .flex-control-nav li a:before {
    color: #91b6d0;
}



/*** #################################################################################
	STUDIENGANG CONTAINER STYLES
######################################################################################**/

main .container-fluid.color .container .color-content-inner {
  background-color: #9cbdd5;
}
main .container-fluid.color .container .img-thumbnail {
	padding:0;
	min-width: 100%;
	/*margin-bottom: 1px;*/
	border-radius: 0;
}

main .container-fluid.color .container a{
	color: white;
}

main .container-fluid.color .container p,
main .container-fluid.color .container h2,
main .container-fluid.color .container h3,
main .container-fluid.color .container h4 {
  color: white;
  padding:0;
  margin:0;
  padding: 15px;
  padding-bottom: 0;
}

main .container-fluid.color .container .col-md-9:first-child,
main .container-fluid.color .container .col-md-3:first-child
{
	padding-left: 0;
	padding-right: 0;
}
main .container-fluid.color .container .col-md-9:last-child,
main .container-fluid.color .container .col-md-3:last-child
{
	padding-left: 0;
	padding-right: 0;
}

/**/
main .container-fluid.color .container .col-md-6:first-child {
	padding-right: 0;
}


main .container-fluid.color .container .col-md-6:last-child {
	padding-left: 0;
}


main .container-fluid.color .container .col-md-6{
	padding-bottom: 1px;
	overflow: hidden;
}


main .container-fluid.color .color-content-inner .top-left iframe,
main .container-fluid.color .color-content-inner .top-right iframe,
main .container-fluid.color .color-content-inner .col-md-6 iframe{
	margin-bottom: -8px;
}


/*** #################################################################################
	PUBLICATION STYLES
######################################################################################**/

.publication-list article{
	padding: 15px;
}
.publication-list article h4 {
margin-top: 0;
}

.publication-list article p {
margin-bottom: 0;
}
.publication-list article.Odd{
	background: #f5f8fb;
}

.publication-list article a:hover,
.publication-list article a:focus{
	background: transparent;
}

/*** #################################################################################
	COURSE STYLES
######################################################################################**/

.researchareas.researcharea-list,
.course-list article,
.asfhcw-filter article
{
  background: #9cbdd5;
  color: #ffffff;
/*   border-radius: 5px; */
  position: relative;
  padding: 15px;
  /*
  padding-top: 10px;
  padding-bottom: 10px;
  */
  margin-bottom: 10px;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.asfhcw-filter .col-md-6.sortable:first-child{
	padding-right: 5px;
}
.asfhcw-filter .col-md-6.sortable:last-child{
	padding-left: 5px;
}


.lectures-for-person article a, .researcharea-list article a, .course-list article a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    overflow: hidden;
    z-index: 2;
}

.course-list .col-md-4{
	padding-left: 0;
	padding-right: 10px;
}
.course-list .col-md-4:nth-of-type(3n){
	padding-right: 0;
}
.course-list .row{
	margin-left:-15px;
	margin-right:-15px;
}
.course-list article h4 {
	margin-top:0;
	padding:0;
	margin-bottom: 5px;
}
.course-list article p {
	margin-bottom: 0;
}

.course-list article a:hover {

 background-color: rgba(0, 0, 0, 0.1);


}

/*** #################################################################################
	BIGBUTTON CONTACT FORM STYLES
######################################################################################**/


.sendmemailconfirm {display: none;}
.sendmemailerror {display: none;padding: 5px;padding-top: 10px;}



#contact_sendmemail input[type="radio"]{
	display: inline-block;
}

#contact_sendmemail .control-label{
	display: block;
}

#contact_sendmemail .form-control {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1 px solid #36566d;
/*     border-radius: 2px; */
    -webkit-box-shadow:none;
    box-shadow: none;
}

#contact_sendmemail textarea{
	height: 150px !important;
}


#contact_sendmemail .col-md-6 .form-control{
	width: 90%;
}
#contact_sendmemail .row{
	margin-left: 0;
	margin-right: 0;
}
#contact_sendmemail .col-md-6{
	padding:0;
}

#contact_sendmemail .bg_contact_sendmemail_fields {
	background: #f5f6f8;
	padding: 15px;
	width:100%;
	margin-bottom: 5px;
}


/*** #################################################################################
	CAMPUS NETZWERK STYLES
######################################################################################**/

.campusnetzwerk{
	background: #669999;
	color: #FFF;
	padding-left: 15px;
}

.campusnetzwerk a{
 color: #FFF;
}

.campusnetzwerk h4 a:before{
	content: ">";
	padding-right: 5px;
}

.campusnetzwerk h4{
margin-bottom: 0;
}
.campusnetzwerk h4 a{
	font-size: 16px;
}

.container-fluid.color-campusnetzwerk,
.container.color-campusnetzwerk{
	background: #669999;
}
.color-campusnetzwerk .row {
	margin-left:0;
	margin-right:0;
}


.campusnetzwerk .border-top {
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 10px 0;
	margin:0;
}



/**#########################################################################################################
		RELAUNCH - STARTBLOCKS
##############################################################################################################**/

.startpage main {
	margin-top:40px;
}

.startblock {
	margin-bottom:50px;
}
.startblock h1 a,
.startblock h2 a {
	color: #FFF;
}
.startblock h1 a.magazinelink,
.startblock h2 a.magazinelink {
	color: #4b5059;
}


.startblock .startblock-col1 h3,
.startblock .startblock-col2 h3{
	position: absolute;
	bottom:0;
	left:0;
	padding:20px;
	padding-bottom: 30px;
	margin: 0 20px;
	margin-right:10px;
	color: #FFF;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	line-height: 32px;
	font-size: 28px;
	width: calc(100% - 30px);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.startblock .startblock-col2 h3{
	margin: 0;
	margin-left: 10px;
	margin-right:20px;
}

.startblock .startblock-col1 h3 a,
.startblock .startblock-col2 h3 a{
	color: #FFF;
}



.startblock .startblock-col1.dark h3,
.startblock .startblock-col2.dark h3,
.startblock .startblock-col1.dark h3 a,
.startblock .startblock-col2.dark h3 a {
	color: rgba(75, 80, 89, 1);		
}

.startblock .startblock-col1 .startblock-col1Bottom,
.startblock .startblock-col1 .startblock-col1Top,
.startblock .startblock-col2 .startblock-col2Bottom,
.startblock .startblock-col2 .startblock-col2Top{
	max-height:150px;
	min-height:150px;
	overflow: hidden;
	position: relative;
	display: grid;
	grid-rows: 150px;
}
.startblock .startblock-col1 .startblock-col1Bottom h3,
.startblock .startblock-col1 .startblock-col1Top h3,
.startblock .startblock-col2 .startblock-col2Bottom h3,
.startblock .startblock-col2 .startblock-col2Top h3 {
	margin:0;
	width:100%;
}
.startblock .startblock-col1 .startblock-col1Bottom .img-thumbnail,
.startblock .startblock-col1 .startblock-col1Top .img-thumbnail,
.startblock .startblock-col2 .startblock-col2Bottom .img-thumbnail,
.startblock .startblock-col2 .startblock-col2Top .img-thumbnail {
	min-height:150px;


}




.startblock .startblock-col2 .startblock-col2Top h3{
 position:absolute;	
}

@media (max-width: 767px) {
	.startblock .startblock-col1 .startblock-col1Bottom,
	.startblock .startblock-col1 .startblock-col1Top,
	.startblock .startblock-col2 .startblock-col2Bottom,
	.startblock .startblock-col2 .startblock-col2Top{
		max-height:250px;
	}
	.startblock .startblock-col1 .startblock-col1Bottom h3,
	.startblock .startblock-col1 .startblock-col1Top h3,
	.startblock .startblock-col2 .startblock-col2Bottom h3,
	.startblock .startblock-col2 .startblock-col2Top h3 {
		position: relative;
	}

}
.startblock .startblock-col1 .startblock-col1Bottom,
.startblock .startblock-col2 .startblock-col2Bottom
{
	margin-top:20px;
	
}

.startblock .event-list,
.startblock .news-list{
	background: rgba(55, 87, 111, 0.1);
	min-height: 150px;
	max-height: 150px;
	height:150px;
}
.startblock .news-list .img-thumbnail{
	min-height: 150px;
	max-height: 150px;
	height:150px;

}

.startblock .event-list{
	margin-top: 20px;
}
.startblock .event-list.no-top-margin{
	margin-top: 0px;
}

.startblock .event-list .textwrapper{
	margin: 20px;
	position: relative;
	padding-top: 55px;
}
.startblock .event-list .textwrapper .event-list-date-day{
	font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-variant:none;
	font-variant-numeric: normal;
	font-variant-ligatures:none;
	color: rgba(75, 80, 89, 1);
	position: absolute;
	font-feature-settings: "liga" off;
	left:0;
	top:20px;
}
.startblock .event-list .textwrapper .event-list-date-month{
	font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
	font-size: 26px;
	color: rgba(75, 80, 89, 1);
	position: absolute;
	left:67px;
	top:3px;
	text-transform: uppercase;
}
.startblock .event-list .textwrapper .event-list-date-year{
	font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: rgba(75, 80, 89, 0.5);
	position: absolute;
	left:65px;
	top:28px;
}

/*
.startblock .news-list{
	background: rgba(55, 87, 111, 0.1);
}*/


.startblock .img-thumbnail{
	max-height: 320px;
    width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;
}

/*### ALLGEMEIN ###*/
.startblock-col1{
	padding-right: 10px;
}

.startblock-col2{
	padding-left: 10px;
}

.startblock-col1, .startblock-col2{
	max-height: 350px;
	overflow: hidden;

}


.startblock h1,
.startblock h2{
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	padding-left: 20px;
	line-height: 58px;
	font-size: 28px;
	color: #4b5059;
	border-bottom: 1px solid rgb(154,170,182);
	position: relative;
	margin-bottom: 30px;
	margin-top: 0;
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock h1:before,
.startblock h2:before {
    content: " ";
    width: 20px;
    min-height: 59px;
    position: absolute;
    border-bottom: 1px solid;
    /*background: #FFF;*/
    -webkit-transform: skew(0deg, -45deg);
    -ms-transform: skewX(0deg) skewY(-45deg);
    transform: skew(0deg, -45deg);
    bottom: -11px;
    left: -20px;
    display: block;
    z-index: 1;
    height: 100%;
}

.startblock.cat_101 h1,
.startblock.cat_101 h2,
.startblock.cat_102 h1,
.startblock.cat_102 h2,
.startblock.cat_103 h1,
.startblock.cat_103 h2,
.startblock.cat_104 h1,
.startblock.cat_104 h2,
.startblock.cat_105 h1,
.startblock.cat_105 h2,
.startblock.cat_106 h1,
.startblock.cat_106 h2,
.startblock.cat_107 h1,
.startblock.cat_107 h2{

	font-size: 24px;
	color: #FFF;
	border-bottom: 0;
	position: relative;
	margin-bottom: 20px;
}

.startblock a.courselist_link,
.startblock a.courselist_link{
	color: #FFF;
	float:right;
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	font-size: 16px;
	display: block;
	position: absolute;
	right: 40px;
	top: 0;
	line-height: 58px;	
}

.startblock a.courselist_link:before,
.startblock a.courselist_link:before {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  margin-right: 5px;
  content: '>';

}



/* ##########################################
	STARTPAGE - MAGAZIN BLOCKS
   ##########################################*/

.startblock .magazineblock-description{
	margin-bottom: 20px;

}
.startblock .magazineblock-col1{
	max-height: 360px;
	position: relative;
	/*margin: 0 20px;
	padding: 0;*/
	z-index: 10;
	margin-bottom: 20px;
}

.startblock .magazineblock-col2 {
	padding-right: 10px;
}
.startblock .magazineblock-col3 {
	padding-left: 10px;
}

.startblock .magazineblock-col1 .img-thumbnail{
	max-height: 360px;
	z-index: 9;
}

.startblock .magazineblock-col1 h2,
.startblock .magazineblock-col1 h3,
.startblock .magazineblock-col2 h2,
.startblock .magazineblock-col2 h3,
.startblock .magazineblock-col3 h2,
.startblock .magazineblock-col3 h3
{
	position: absolute;
	bottom:40px;
	left:0;
	padding:20px;
	margin-left: 20px;
	/*margin: 0 20px;*/
	margin-right:10px;
	color: #FFF;
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	line-height: 32px;
	font-size: 28px;
	z-index: 11;
}

.startblock .magazineblock-col1 h2 a,
.startblock .magazineblock-col1 h3 a,
.startblock .magazineblock-col2 h2 a,
.startblock .magazineblock-col2 h3 a,
.startblock .magazineblock-col3 h2 a,
.startblock .magazineblock-col3 h3 a{
	color: #FFF;


}

.startblock .magazineblock-col1 .magazineblock-bggradient,
.startblock .magazineblock-col2 .magazineblock-bggradient,
.startblock .magazineblock-col3 .magazineblock-bggradient{
	position: absolute;
	bottom:0;
	width: calc(100% - 40px);
	left:0;
	min-height: 200px;
	margin: 0 20px;
	z-index: 10;
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 20%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, rgba(0,0,0,0.75) 20%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.startblock .magazineblock-col2 .magazineblock-bggradient{
	width: calc(100% - 30px);
}
.startblock .magazineblock-col3 .magazineblock-bggradient{
	width: calc(100% - 30px);
	margin-left: 10px;
}

.startblock .magazineblock-col1 .csc-textpic-text,
.startblock .magazineblock-col2 .csc-textpic-text,
.startblock .magazineblock-col3 .csc-textpic-text
{

	position: absolute;
    bottom: 0;
    /* left: 0; */
    margin: 20px 20px;
    /* margin-top: 80px; */
    /* padding: 20px; */
    max-height: 44px;
    z-index: 11;
    color: #FFF;
    overflow: hidden;
}



/*** #################################################################################
	FARBLEITSYSTEM

  aplied life science = cat101, 201
  bauen und gestalten = cat102, 202
  gesundheit = cat103, cat107, 203
  soziales = cat104, 204
  technik = cat105, 205
  public sector = cat106, 206
  Allgemeines zum Studium = bg100004




  bachelor = cat100007
  academicCourse = cat100014 (same as bachelor)
  master = cat100008
  masterCourse = cat100013 (same as master)


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

/*########################################
######### APPLIED LIFE SCIENCE ###########
hell - 0, 138, 172
dunkel - 0, 117, 146
##########################################*/

/* STUDIENGANG HEADER */
main.cat201 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat201 blockquote:before,
main.cat101 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat101 blockquote:before {
	color: rgba(0, 138, 172, 1);
}

/* new styles */


.startblock.cat_101 h1:before,
.startblock.cat_101 h2:before {
	background: rgb(0,117,146);
    bottom: -11px;
}
.startblock.cat_101 .event-list,
.startblock.cat_101 .news-list {
	background: rgba(0,138,172,0.1);
}
.startblock.cat_101 .event-show-all, .startblock.cat_101 .news-show-all,
.startblock.cat_101 .event-list .textwrapper .event-list-date-day,
.startblock.cat_101 .event-list .textwrapper .event-list-date-month
{
	color: rgba(0,138,172,1);
}
.startblock.cat_101 .event-list .textwrapper .event-list-date-year
{
	color: rgba(0,138,172, 0.50);
}

.startblock.cat_101 h1,
.startblock.cat_101 h2,
.headercontent-wrapper.cat201:after,
.headercontent-wrapper.cat101:after,
.headercontent-wrapper.cat101 .flex-caption-wrapper:after,
.headercontent-wrapper.cat201 .flex-caption-wrapper:after,
.headercontent-wrapper.cat101 .flex-caption,
.headercontent-wrapper.cat201 .flex-caption,
.headercontent-wrapper.cat201 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat101 .headercontent-wrapper-left-bg {
/* background: rgba(0, 148, 171, 1); */
background: rgb(0,138,172);
}
.headercontent-wrapper.cat201 .headercontent.left3d:before,
.headercontent-wrapper.cat101 .headercontent.left3d:before{
	background: #BFE1E7;
}

.headercontent-wrapper.cat201 .anchor-content-header h2,
.headercontent-wrapper.cat101 .anchor-content-header h2,
.headercontent-wrapper.cat201 .left3d:before,
.headercontent-wrapper.cat101 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(13,123,153);
}


.headercontent-wrapper.cat201 .anchornav li a,
.headercontent-wrapper.cat101 .anchornav li a
{
	color: rgb(13,123,153) !important;
}
/*
.headercontent-wrapper.cat201:after,
.headercontent-wrapper.cat101:after{
	background: rgba(0, 148, 171, 0.10);
}
*/
.headercontent-wrapper.cat201 #slideshow .flex-caption:after,
.headercontent-wrapper.cat101 #slideshow .flex-caption:after {
	background: rgba(0, 148, 171, 0.9);
}
.headercontent-wrapper.cat201 #slideshow .flex-caption.left3d:before,
.headercontent-wrapper.cat101 #slideshow .flex-caption.left3d:before{
	background: rgba(0, 148, 171, 1); /* TODO*/
}
/* STUDIENGANG CONTENT */
/*main.cat101 .flex-direction-nav li,*/
.asfhcw-filter article.department.bg201,
.asfhcw-filter article.department.bg101,
main .accordion-group.cat201,
main .accordion-group.cat201 .accordion-heading,
main .accordion-group.cat201 .accordion-inner,
.openhouse .department.bg201 .accordion-group,
.openhouse .department.bg201 .accordion-heading,
.openhouse .department.bg201 .accordion-inner,
main .openhouse .ohevent-collector li.bg201,
main .event-filter-wrapper.department.bg201 .events .eventarticle,
main .container-fluid.color.cat_201 .container .color-content-inner,
main .container-fluid.color.cat_201 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat201,
.lectures-for-person.cat201,
.researchareas.cat201,
#modal.cat201 .modal-header,
.course-list article.course.cat201,
main.cat201 .container-fluid.color .slider-inner-wrapper,
main.cat201 .container-fluid.color .container .color-content-inner,
main.cat201 .coursedetail,
main.cat201 .accordion-group,
main.cat201 .accordion-group h3,
main.cat201 .accordion-group .accordion-inner,
main.cat201 .anchor-navigation.show h2,
.openhouse .department.bg101 .accordion-group,
.openhouse .department.bg101 .accordion-heading,
.openhouse .department.bg101 .accordion-inner,
main .openhouse .ohevent-collector li.bg101,
main .event-filter-wrapper.department.bg101 .events .eventarticle,
main .container-fluid.color.cat_101 .container .color-content-inner,
main .container-fluid.color.cat_101 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat101,
.lectures-for-person.cat101,
.researchareas.cat101,
#modal.cat101 .modal-header,
.course-list article.course.cat101,
main.cat101 .container-fluid.color .slider-inner-wrapper,
main.cat101 .container-fluid.color .container .color-content-inner,
main.cat101 .coursedetail,
main.cat101 .accordion-group,
main.cat101 .accordion-group h3,
main.cat101 .accordion-group .accordion-inner,
main.cat101 .anchor-navigation.show h2 {
	background: rgba(0, 138, 172, 1);
}

main .container-fluid.color.cat_201,
main.cat201 .container-fluid.color,
main .container-fluid.color.cat_101,
main.cat101 .container-fluid.color {
	background: rgba(0, 138, 172, 0.10);
}
main.cat201 .divider hr,
main.cat101 .divider hr {
	border-top: 4px solid rgba(0, 138, 172, 1);
}

main.cat201 .infoframe,
main.cat101 .infoframe{
	    border: 2px solid rgba(0, 138, 172, 1);
}

/* master courses
.asfhcw-filter article.department.bg101.bg100008,
.asfhcw-filter article.department.bg201.bg100008,
.course-list article.course.cat201.cat100008,
.course-list article.course.cat201.cat100013,
.course-list article.course.cat101.cat100008,
.course-list article.course.cat101.cat100013{
	background: rgba(0, 117, 146, 1);
}
*/
/*########################################
######### BAUEN & GESTALTEN ##############
hell - 0, 110, 183
dunkel - 0, 94, 156
##########################################*/

.startblock.cat_102 h1,
.startblock.cat_102 h2{
	background: rgb(0,110,183);
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock.cat_102 h1:before,
.startblock.cat_102 h2:before {
	background: rgb(0, 94, 156);
    bottom: -11px;
}

.startblock.cat_102 .event-list,
.startblock.cat_102 .news-list {
	background: rgba(0,110,183,0.1);
}
.startblock.cat_102 .event-show-all, .startblock.cat_102 .news-show-all,
.startblock.cat_102 .event-list .textwrapper .event-list-date-day,
.startblock.cat_102 .event-list .textwrapper .event-list-date-month
{
	color: rgb(0,110,183);
}
.startblock.cat_102 .event-list .textwrapper .event-list-date-year
{
	color: rgba(0,110,183,0.50);
}

/* new styles */
.headercontent-wrapper.cat202:after,
.headercontent-wrapper.cat102:after,
.headercontent-wrapper.cat102 .flex-caption-wrapper:after,
.headercontent-wrapper.cat202 .flex-caption-wrapper:after,
.headercontent-wrapper.cat102 .flex-caption,
.headercontent-wrapper.cat202 .flex-caption,
.headercontent-wrapper.cat202 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat102 .headercontent-wrapper-left-bg {
/* background: rgba(0, 148, 171, 1); */
background: rgb(0,110,183);
}
.headercontent-wrapper.cat202 .headercontent.left3d:before,
.headercontent-wrapper.cat102 .headercontent.left3d:before{
	background: rgb(0, 94, 156);
}

.headercontent-wrapper.cat202 .anchor-content-header h2,
.headercontent-wrapper.cat102 .anchor-content-header h2,
.headercontent-wrapper.cat202 .left3d:before,
.headercontent-wrapper.cat102 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(0, 94, 156);
}


.headercontent-wrapper.cat202 .anchornav li a,
.headercontent-wrapper.cat102 .anchornav li a
{
	color: rgb(0, 94, 156) !important;
}

/* STUDIENGANG HEADER */
main.cat202 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat202 blockquote:before,
main.cat102 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat102 blockquote:before {
	color: rgba(91, 125, 186, 1);
}

.headercontent-wrapper.cat202 .headercontent.left3d:before,
.headercontent-wrapper.cat102 .headercontent.left3d:before{
	background: #D2D9E7;
}
.headercontent-wrapper.cat202:after,
.headercontent-wrapper.cat102:after{
	background: rgba(91, 125, 186, 0.10);
}

.headercontent-wrapper.cat202 #slideshow .flex-caption:after,
.headercontent-wrapper.cat102 #slideshow .flex-caption:after {
	background: rgba(91, 125, 186, 0.9);
}
.headercontent-wrapper.cat202 #slideshow .flex-caption.left3d:before,
.headercontent-wrapper.cat102 #slideshow .flex-caption.left3d:before{
	background: rgba(9,70,127, 1); /* TODO*/
}
/* STUDIENGANG CONTENT */
/*main.cat102 .flex-direction-nav li,*/
.asfhcw-filter article.department.bg202,
.asfhcw-filter article.department.bg102,
main .accordion-group.cat202,
main .accordion-group.cat202 .accordion-heading,
main .accordion-group.cat202 .accordion-inner,

.openhouse .department.bg202 .accordion-group,
.openhouse .department.bg202 .accordion-heading,
.openhouse .department.bg202 .accordion-inner,
main .openhouse .ohevent-collector li.bg202,
main .event-filter-wrapper.department.bg202 .events .eventarticle,
main .container-fluid.color.cat_202 .container .color-content-inner,
main .container-fluid.color.cat_202 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat202,
.lectures-for-person.cat202,
.researchareas.cat202,
#modal.cat202 .modal-header,
.course-list article.course.cat202,
main.cat202 .container-fluid.color .slider-inner-wrapper,
main.cat202 .container-fluid.color .container .color-content-inner,
main.cat202 .coursedetail,
main.cat202 .accordion-group,
main.cat202 .accordion-group h3,
main.cat202 .accordion-group .accordion-inner,
main.cat202 .anchor-navigation.show h2,
.openhouse .department.bg102 .accordion-group,
.openhouse .department.bg102 .accordion-heading,
.openhouse .department.bg102 .accordion-inner,
main .openhouse .ohevent-collector li.bg102,
main .event-filter-wrapper.department.bg102 .events .eventarticle,
main .container-fluid.color.cat_102 .container .color-content-inner,
main .container-fluid.color.cat_102 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat102,
.lectures-for-person.cat102,
.researchareas.cat102,
#modal.cat102 .modal-header,
.course-list article.course.cat102,
main.cat102 .container-fluid.color .slider-inner-wrapper,
main.cat102 .container-fluid.color .container .color-content-inner,
main.cat102 .coursedetail,
main.cat102 .accordion-group,
main.cat102 .accordion-group h3,
main.cat102 .accordion-group .accordion-inner,
main.cat102 .anchor-navigation.show h2 {
	background: rgba(0, 110, 183, 1);
}
main .container-fluid.color.cat_202,
main.cat202 .container-fluid.color,
main .container-fluid.color.cat_102,
main.cat102 .container-fluid.color {
	background: rgba(91, 125, 186, 0.10);
}
main.cat202 .divider hr,
main.cat102 .divider hr {
	border-top: 4px solid rgba(91, 125, 186, 1);
}
main.cat202 .infoframe,
main.cat102 .infoframe{
	    border: 2px solid rgba(91, 125, 186, 1);
}

/* master courses
.asfhcw-filter article.department.bg102.bg100008,
.asfhcw-filter article.department.bg202.bg100008,
.course-list article.course.cat202.cat100008,
.course-list article.course.cat202.cat100013,
.course-list article.course.cat102.cat100008,
.course-list article.course.cat102.cat100013{
	background: rgb( 9, 70, 127);
}*/

/*########################################
######### GESUNDHEITSWISSENSCHAFTEN & GESUNDHEIT ##############
hell - 241, 136, 0
dunkel - 204, 117, 0
##########################################*/

.startblock.cat_103 h1,
.startblock.cat_103 h2{
	background: rgb(241, 136, 0);
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock.cat_103 h1:before,
.startblock.cat_103 h2:before {
	background: rgb(204, 117, 0);
    bottom: -11px;
}

.startblock.cat_103 .event-list,
.startblock.cat_103 .news-list {
	background: rgba(241, 136, 0,0.1);
}
.startblock.cat_103 .event-show-all, .startblock.cat_103 .news-show-all,
.startblock.cat_103 .event-list .textwrapper .event-list-date-day,
.startblock.cat_103 .event-list .textwrapper .event-list-date-month
{
	color: rgb(241, 136, 0);
}
.startblock.cat_103 .event-list .textwrapper .event-list-date-year
{
	color: rgba(241, 136, 0,0.50);
}


/* new styles */
.headercontent-wrapper.cat203:after,
.headercontent-wrapper.cat103:after,

.headercontent-wrapper.cat103 .flex-caption-wrapper:after,
.headercontent-wrapper.cat203 .flex-caption-wrapper:after,

.headercontent-wrapper.cat103 .flex-caption,
.headercontent-wrapper.cat203 .flex-caption,

.headercontent-wrapper.cat203 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat103 .headercontent-wrapper-left-bg
{
/* background: rgba(0, 148, 171, 1); */
background: rgb(241, 136, 0);
}
.headercontent-wrapper.cat203 .headercontent.left3d:before,
.headercontent-wrapper.cat103 .headercontent.left3d:before{
	background: rgb(204, 117, 0);
}

.headercontent-wrapper.cat203 .anchor-content-header h2,
.headercontent-wrapper.cat103 .anchor-content-header h2,
.headercontent-wrapper.cat203 .left3d:before,
.headercontent-wrapper.cat103 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(204, 117, 0);
}

.headercontent-wrapper.cat203 .anchornav li a,

.headercontent-wrapper.cat103 .anchornav li a
{
	color: rgb(204, 117, 0) !important;
}



/* STUDIENGANG HEADER */
main.cat203 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat203 blockquote:before,
main.cat103 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat103 blockquote:before {
	color: rgba(240, 140, 0, 1);
}
.headercontent-wrapper.cat203 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat103 .headercontent-wrapper-left-bg {
background: rgba(240, 140, 0, 1);
}
.headercontent-wrapper.cat203 .headercontent.left3d:before,
.headercontent-wrapper.cat103 .headercontent.left3d:before{
	background: #f9e0c1;
}
.headercontent-wrapper.cat203:after,
.headercontent-wrapper.cat103:after{
	background: rgba(240, 140, 0, 0.10);
}

.headercontent-wrapper.cat203 #slideshow .flex-caption:after,
.headercontent-wrapper.cat103 #slideshow .flex-caption:after {
	background: rgba(240, 140, 0, 0.9);
}
.headercontent-wrapper.cat203 #slideshow .flex-caption.left3d:before,
.headercontent-wrapper.cat103 #slideshow .flex-caption.left3d:before{
	background: #ce7d11;
}
/* STUDIENGANG CONTENT */
/*main.cat103 .flex-direction-nav li,
main.cat103 .flex-direction-nav li,*/
.asfhcw-filter article.department.bg203,
.asfhcw-filter article.department.bg103,
.asfhcw-filter article.department.bg107,
main .accordion-group.cat203,
main .accordion-group.cat203 .accordion-heading,
main .accordion-group.cat203 .accordion-inner,

.openhouse .department.bg203 .accordion-group,
.openhouse .department.bg203 .accordion-heading,
.openhouse .department.bg203 .accordion-inner,
main .openhouse .ohevent-collector li.bg203,
main .event-filter-wrapper.department.bg203 .events .eventarticle,
main .container-fluid.color.cat_203 .container .color-content-inner,
main .container-fluid.color.cat_203 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat203,
.lectures-for-person.cat203,
.researchareas.cat203,
#modal.cat203 .modal-header,
.course-list article.course.cat203,
main.cat203 .container-fluid.color .slider-inner-wrapper,
main.cat203 .container-fluid.color .container .color-content-inner,
main.cat203 .coursedetail,
main.cat203 .accordion-group,
main.cat203 .accordion-group h3,
main.cat203 .accordion-group .accordion-inner,
main.cat203 .anchor-navigation.show h2,

.openhouse .department.bg103 .accordion-group,
.openhouse .department.bg103 .accordion-heading,
.openhouse .department.bg103 .accordion-inner,
main .openhouse .ohevent-collector li.bg103,
main .event-filter-wrapper.department.bg103 .events .eventarticle,
main .container-fluid.color.cat_103 .container .color-content-inner,
main .container-fluid.color.cat_103 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat103,
.lectures-for-person.cat103,
.researchareas.cat103,
#modal.cat103 .modal-header,
.course-list article.course.cat103,
main.cat103 .container-fluid.color .slider-inner-wrapper,
main.cat103 .container-fluid.color .container .color-content-inner,
main.cat103 .coursedetail,
main.cat103 .accordion-group,
main.cat103 .accordion-group h3,
main.cat103 .accordion-group .accordion-inner,
main.cat103 .anchor-navigation.show h2 {
	background: rgba(240, 140, 0, 1);
}
main .container-fluid.color.cat_203,
main.cat203 .container-fluid.color,
main .container-fluid.color.cat_103,
main.cat103 .container-fluid.color {
	background: rgba(240, 140, 0, 0.10);
}
main.cat203 .divider hr,
main.cat103 .divider hr {
	border-top: 4px solid rgba(240, 140, 0, 1);
}
main.cat203 .infoframe,
main.cat103 .infoframe{
	    border: 2px solid rgba(240, 140, 0, 1);
}

/* master courses
.asfhcw-filter article.department.bg103.bg100008,
.asfhcw-filter article.department.bg203.bg100008,
.course-list article.course.cat203.cat100008,
.course-list article.course.cat203.cat100013,
.course-list article.course.cat103.cat100008,
.course-list article.course.cat103.cat100013{
	background: rgb(204, 117, 0);
} */



/*########################################
######### PFLEGEWISSENSCHAFTEN ##############
hell - 251,185,0
dunkel - 212,159,0
##########################################*/

.startblock.cat_107 h1,
.startblock.cat_107 h2{
	background: rgb(251,185,0);
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock.cat_107 h1:before,
.startblock.cat_107 h2:before {
	background: rgb(212,159,0);
    bottom: -11px;
}

.startblock.cat_107 .event-list,
.startblock.cat_107 .news-list {
	background: rgba(251,185,0,0.1);
}
.startblock.cat_107 .event-show-all, .startblock.cat_107 .news-show-all,
.startblock.cat_107 .event-list .textwrapper .event-list-date-day,
.startblock.cat_107 .event-list .textwrapper .event-list-date-month
{
	color: rgb(251,185,0);
}
.startblock.cat_107 .event-list .textwrapper .event-list-date-year
{
	color: rgba(251,185,0,0.50);
}


/* new styles */

.headercontent-wrapper.cat107:after,
.headercontent-wrapper.cat107 .flex-caption-wrapper:after,
.headercontent-wrapper.cat107 .flex-caption,
.headercontent-wrapper.cat107 .headercontent-wrapper-left-bg {
/* background: rgba(0, 148, 171, 1); */
background: rgb(251,185,0);
}

.headercontent-wrapper.cat107 .headercontent.left3d:before
{
	background: rgb(212,159,0);
}

.headercontent-wrapper.cat107 .anchor-content-header h2,
.headercontent-wrapper.cat107 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(212,159,0);
}


.headercontent-wrapper.cat107 .anchornav li a

{
	color: rgb(212,159,0) !important;
}



/* STUDIENGANG HEADER */

main.cat107 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat107 blockquote:before
 {
	color: rgba(251,185,0, 1);
}

.headercontent-wrapper.cat107 .headercontent-wrapper-left-bg
{
background: rgba(251,185,0, 1);
}

.headercontent-wrapper.cat107 .headercontent.left3d:before
{
	background: rgb(212,159,0);
}

.headercontent-wrapper.cat107:after
{
	background: rgba(240, 140, 0, 0.10);
}


.headercontent-wrapper.cat107 #slideshow .flex-caption:after
{
	background: rgba(240, 140, 0, 0.9);
}

.headercontent-wrapper.cat107 #slideshow .flex-caption.left3d:before
{
	background: #ce7d11;
}
/* STUDIENGANG CONTENT */
/*main.cat103 .flex-direction-nav li,
main.cat103 .flex-direction-nav li,*/

.asfhcw-filter article.department.bg107,


.openhouse .department.bg107 .accordion-group,
.openhouse .department.bg107 .accordion-heading,
.openhouse .department.bg107 .accordion-inner,
main .accordion-group.cat207,
main .accordion-group.cat207 .accordion-heading,
main .accordion-group.cat207 .accordion-inner,

main .openhouse .ohevent-collector li.bg107,
main .event-filter-wrapper.department.bg107 .events .eventarticle,
main .container-fluid.color.cat_107 .container .color-content-inner,
main .container-fluid.color.cat_107 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat107,
.lectures-for-person.cat107,
.researchareas.cat107,
#modal.cat107 .modal-header,
.course-list article.course.cat107,
main.cat107 .container-fluid.color .slider-inner-wrapper,
main.cat107 .container-fluid.color .container .color-content-inner,
main.cat107 .coursedetail,
main.cat107 .accordion-group,
main.cat107 .accordion-group h3,
main.cat107 .accordion-group .accordion-inner,
main.cat107 .anchor-navigation.show h2
 {
	background: rgb(251,185,0);
}
main .container-fluid.color.cat_107,
main.cat107 .container-fluid.color
{
	background: rgba(212,159,0, 0.10);
}

main.cat107 .divider hr {
	border-top: 4px solid rgb(251,185,0);
}

main.cat107 .infoframe {
	    border: 2px solid rgba(212,159,0, 1);
}

/* master courses
.asfhcw-filter article.department.bg107.bg100008,
.course-list article.course.cat107.cat100008,
.course-list article.course.cat107.cat100013{
	background: rgb(212,159,0);
}*/




/* ###############################
######	SOZIALES  ##############
hell: 162,187,10
dunkel: 135,157,10
################################*/

.startblock.cat_104 h1,
.startblock.cat_104 h2{
	background: rgb(162,187,10);
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock.cat_104 h1:before,
.startblock.cat_104 h2:before {
	background: rgb(135,157,10);
    bottom: -11px;
}

.startblock.cat_104 .event-list,
.startblock.cat_104 .news-list {
	background: rgba(162,187,10,0.1);
}
.startblock.cat_104 .event-show-all, .startblock.cat_104 .news-show-all,
.startblock.cat_104 .event-list .textwrapper .event-list-date-day,
.startblock.cat_104 .event-list .textwrapper .event-list-date-month
{
	color: rgb(162,187,10);
}
.startblock.cat_104 .event-list .textwrapper .event-list-date-year
{
	color: rgba(162,187,10,0.50);
}


/* new styles */
.headercontent-wrapper.cat204:after,
.headercontent-wrapper.cat104:after,
.headercontent-wrapper.cat104 .flex-caption-wrapper:after,
.headercontent-wrapper.cat204 .flex-caption-wrapper:after,
.headercontent-wrapper.cat104 .flex-caption,
.headercontent-wrapper.cat204 .flex-caption,
.headercontent-wrapper.cat204 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat104 .headercontent-wrapper-left-bg {
/* background: rgba(0, 148, 171, 1); */
background: rgb(162,187,10);
}
.headercontent-wrapper.cat204 .headercontent.left3d:before,
.headercontent-wrapper.cat104 .headercontent.left3d:before{
	background: rgb(135,157,10);
}

.headercontent-wrapper.cat204 .anchor-content-header h2,
.headercontent-wrapper.cat104 .anchor-content-header h2,
.headercontent-wrapper.cat204 .left3d:before,
.headercontent-wrapper.cat104 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(135,157,10);
}


.headercontent-wrapper.cat204 .anchornav li a,
.headercontent-wrapper.cat104 .anchornav li a
{
	color: rgb(135,157,10) !important;
}


/* STUDIENGANG HEADER */
main.cat204 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat204 blockquote:before,
main.cat104 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat104 blockquote:before {
	color: rgba(162,187,10, 1);
}

.headercontent-wrapper.cat204 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat104 .headercontent-wrapper-left-bg {
background: rgba(162,187,10, 1);
}
.headercontent-wrapper.cat204 .headercontent.left3d:before,
.headercontent-wrapper.cat104 .headercontent.left3d:before{
	background: #E7EABF; /* TODO*/
}
.headercontent-wrapper.cat204:after,
.headercontent-wrapper.cat104:after{
	background: rgba(162,187,10, 0.10);
}

.headercontent-wrapper.cat204 #slideshow .flex-caption:after,
.headercontent-wrapper.cat104 #slideshow .flex-caption:after {
	background: rgba(162,187,10, 0.9);
}
.headercontent-wrapper.cat204 #slideshow .flex-caption.left3d:before,
.headercontent-wrapper.cat104 #slideshow .flex-caption.left3d:before{
	background: rgba(162,187,10, 1); /* TODO*/
}
/* STUDIENGANG CONTENT */
/*main.cat204 .flex-direction-nav li,*/
.asfhcw-filter article.department.bg104,
.asfhcw-filter article.department.bg204,
main .accordion-group.cat204,
main .accordion-group.cat204 .accordion-heading,
main .accordion-group.cat204 .accordion-inner,

.openhouse .department.bg204 .accordion-group,
.openhouse .department.bg204 .accordion-heading,
.openhouse .department.bg204 .accordion-inner,
main .openhouse .ohevent-collector li.bg204,
main .event-filter-wrapper.department.bg204 .events .eventarticle,
main .container-fluid.color.cat_204 .container .color-content-inner,
main .container-fluid.color.cat_204 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat204,
.lectures-for-person.cat204,
.researchareas.cat204,
#modal.cat204 .modal-header,
.course-list article.course.cat204,
main.cat204 .container-fluid.color .slider-inner-wrapper,
main.cat204 .container-fluid.color .container .color-content-inner,
main.cat204 .coursedetail,
main.cat204 .accordion-group,
main.cat204 .accordion-group h3,
main.cat204 .accordion-group .accordion-inner,
main.cat204 .anchor-navigation.show h2,

.openhouse .department.bg104 .accordion-group,
.openhouse .department.bg104 .accordion-heading,
.openhouse .department.bg104 .accordion-inner,
main .openhouse .ohevent-collector li.bg104,
main .event-filter-wrapper.department.bg104 .events .eventarticle,
main .container-fluid.color.cat_104 .container .color-content-inner,
main .container-fluid.color.cat_104 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat104,
.lectures-for-person.cat104,
.researchareas.cat104,
#modal.cat104 .modal-header,
.course-list article.course.cat104,
main.cat104 .container-fluid.color .slider-inner-wrapper,
main.cat104 .container-fluid.color .container .color-content-inner,
main.cat104 .coursedetail,
main.cat104 .accordion-group,
main.cat104 .accordion-group h3,
main.cat104 .accordion-group .accordion-inner,
main.cat104 .anchor-navigation.show h2 {
	background: rgba(162,187,10, 1);
}
main .container-fluid.color.cat_204,
main.cat204 .container-fluid.color,
main .container-fluid.color.cat_104,
main.cat104 .container-fluid.color {
	background: rgba(162,187,10, 0.10);
}
main.cat204 .divider hr,
main.cat104 .divider hr {
	border-top: 4px solid rgba(162,187,10, 1);
}
main.cat204 .infoframe,
main.cat104 .infoframe{
	    border: 2px solid rgba(162,187,10, 1);
}

/* master courses
.asfhcw-filter article.department.bg104.bg100008,
.asfhcw-filter article.department.bg204.bg100008,
.course-list article.course.cat204.cat100008,
.course-list article.course.cat204.cat100013,
.course-list article.course.cat104.cat100008,
.course-list article.course.cat104.cat100013{
	background: rgb(135,157,10);
}*/

/* ###############################
######	TECHNIK  ##############
hell: 0,161,222
dunkel: 0,138,189
################################*/

.startblock.cat_105 h1,
.startblock.cat_105 h2{
	background: rgb(0,161,222);
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock.cat_105 h1:before,
.startblock.cat_105 h2:before {
	background: rgb(0,138,189);
    bottom: -11px;
}

.startblock.cat_105 .event-list,
.startblock.cat_105 .news-list {
	background: rgba(0,161,222,0.1);
}
.startblock.cat_105 .event-show-all, .startblock.cat_105 .news-show-all,
.startblock.cat_105 .event-list .textwrapper .event-list-date-day,
.startblock.cat_105 .event-list .textwrapper .event-list-date-month
{
	color: rgb(0,161,222);
}
.startblock.cat_105 .event-list .textwrapper .event-list-date-year
{
	color: rgba(0,161,222,0.50);
}



/* new styles */
.headercontent-wrapper.cat205:after,
.headercontent-wrapper.cat105:after,
.headercontent-wrapper.cat105 .flex-caption-wrapper:after,
.headercontent-wrapper.cat205 .flex-caption-wrapper:after,
.headercontent-wrapper.cat105 .flex-caption,
.headercontent-wrapper.cat205 .flex-caption,
.headercontent-wrapper.cat205 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat105 .headercontent-wrapper-left-bg {
/* background: rgba(0, 148, 171, 1); */
background: rgb(0,161,222);
}
.headercontent-wrapper.cat205 .headercontent.left3d:before,
.headercontent-wrapper.cat105 .headercontent.left3d:before{
	background: rgb(0,138,189);
}

.headercontent-wrapper.cat205 .anchor-content-header h2,
.headercontent-wrapper.cat105 .anchor-content-header h2,
.headercontent-wrapper.cat205 .left3d:before,
.headercontent-wrapper.cat105 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(0,138,189);
}


.headercontent-wrapper.cat205 .anchornav li a,
.headercontent-wrapper.cat105 .anchornav li a
{
	color: rgb(0,138,189) !important;
}



/* STUDIENGANG HEADER */
main.cat205 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat205 blockquote:before,
main.cat105 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat105 blockquote:before {
	color: rgba(0,161,222, 1);
}

.headercontent-wrapper.cat205 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat105 .headercontent-wrapper-left-bg {
background: rgba(0,161,222, 1);
}
.headercontent-wrapper.cat205 .headercontent.left3d:before,
.headercontent-wrapper.cat105 .headercontent.left3d:before{
	background: #BFE1ED;/* TODO */
}
.headercontent-wrapper.cat205 .flexslider,
.headercontent-wrapper.cat205:after,
.headercontent-wrapper.cat105 .flexslider,
.headercontent-wrapper.cat105:after{
	background: rgba(0,161,222, 0.10);
}

.headercontent-wrapper.cat205 #slideshow .flex-caption:after,
.headercontent-wrapper.cat105 #slideshow .flex-caption:after {
	background: rgba(0,161,222, 0.9);
}
.headercontent-wrapper.cat205 #slideshow .flex-caption.left3d:before,
.headercontent-wrapper.cat105 #slideshow .flex-caption.left3d:before{
	background: #0087b9;/* TODO */
}
/* STUDIENGANG CONTENT */
/*main.cat105 .flex-direction-nav li,*/
.asfhcw-filter article.department.bg105,
.asfhcw-filter article.department.bg205,
main .accordion-group.cat205,
main .accordion-group.cat205 .accordion-heading,
main .accordion-group.cat205 .accordion-inner,

.openhouse .department.bg205 .accordion-group,
.openhouse .department.bg205 .accordion-heading,
.openhouse .department.bg205 .accordion-inner,
main .openhouse .ohevent-collector li.bg205,
main .event-filter-wrapper.department.bg205 .events .eventarticle,
main .container-fluid.color.cat_205 .container .color-content-inner,
main .container-fluid.color.cat_205 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat205,
.lectures-for-person.cat205,
.researchareas.cat205,
.course-list article.course.cat205,
#modal.cat205 .modal-header,
main.cat205 .container-fluid.color .slider-inner-wrapper,
main.cat205 .container-fluid.color .container .color-content-inner,
main.cat205 .coursedetail,
main.cat205 .accordion-group,
main.cat205 .accordion-group h3,
main.cat205 .accordion-group .accordion-inner,
main.cat205 .anchor-navigation.show h2,

.openhouse .department.bg105 .accordion-group,
.openhouse .department.bg105 .accordion-heading,
.openhouse .department.bg105 .accordion-inner,
main .openhouse .ohevent-collector li.bg105,
main .event-filter-wrapper.department.bg105 .events .eventarticle,
main .container-fluid.color.cat_105 .container .color-content-inner,
main .container-fluid.color.cat_105 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat105,
.lectures-for-person.cat105,
.researchareas.cat105,
.course-list article.course.cat105,
#modal.cat105 .modal-header,
main.cat105 .container-fluid.color .slider-inner-wrapper,
main.cat105 .container-fluid.color .container .color-content-inner,
main.cat105 .coursedetail,
main.cat105 .accordion-group,
main.cat105 .accordion-group h3,
main.cat105 .accordion-group .accordion-inner,
main.cat105 .anchor-navigation.show h2 {
	background: rgba(0,161,222, 1);
}
main .container-fluid.color.cat_205,
main.cat205 .container-fluid.color,
main .container-fluid.color.cat_105,
main.cat105 .container-fluid.color {
	background: rgba(0,161,222, 0.10);
}
main.cat205 .divider hr,
main.cat105 .divider hr {
	border-top: 4px solid rgba(0,161,222, 1);
}
main.cat205 .infoframe,
main.cat105 .infoframe{
	    border: 2px solid rgba(0,161,222, 1);
}

/* master courses
.asfhcw-filter article.department.bg105.bg100008,
.asfhcw-filter article.department.bg205.bg100008,
.course-list article.course.cat205.cat100008,
.course-list article.course.cat205.cat100013,
.course-list article.course.cat105.cat100008,
.course-list article.course.cat105.cat100013{
	background: rgb(0,138,189);
}*/

/* ###############################
######	PUBLIC SECTOR  ##############
hell: 127,93,164
dunkel: 109,80,141
################################*/

.startblock.cat_106 h1,
.startblock.cat_106 h2{
	background: rgb(127,93,164);
}
/*
.startblock.cat_100 h1:before {
    background: #FFF;
    border-color: rgb(154,170,182);
}*/
.startblock.cat_106 h1:before,
.startblock.cat_106 h2:before {
	background: rgb(109,80,141);
    bottom: -11px;
}

.startblock.cat_106 .event-list,
.startblock.cat_106 .news-list {
	background: rgba(127,93,164,0.1);
}
.startblock.cat_106 .event-show-all, .startblock.cat_106 .news-show-all,
.startblock.cat_106 .event-list .textwrapper .event-list-date-day,
.startblock.cat_106 .event-list .textwrapper .event-list-date-month
{
	color: rgb(127,93,164);
}
.startblock.cat_106 .event-list .textwrapper .event-list-date-year
{
	color: rgba(127,93,164,0.50);
}




/* new styles */
.headercontent-wrapper.cat206:after,
.headercontent-wrapper.cat106:after,
.headercontent-wrapper.cat106 .flex-caption-wrapper:after,
.headercontent-wrapper.cat206 .flex-caption-wrapper:after,
.headercontent-wrapper.cat106 .flex-caption,
.headercontent-wrapper.cat206 .flex-caption,
.headercontent-wrapper.cat206 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat106 .headercontent-wrapper-left-bg {
/* background: rgba(0, 148, 171, 1); */
background: rgb(127,93,164);
}
.headercontent-wrapper.cat206 .headercontent.left3d:before,
.headercontent-wrapper.cat106 .headercontent.left3d:before{
	background: rgb(109,80,141);
}

.headercontent-wrapper.cat206 .anchor-content-header h2,
.headercontent-wrapper.cat106 .anchor-content-header h2,
.headercontent-wrapper.cat206 .left3d:before,
.headercontent-wrapper.cat106 .left3d:before,
.flex-caption-wrapper.left3d:before{
	background: rgb(109,80,141);
}


.headercontent-wrapper.cat206 .anchornav li a,
.headercontent-wrapper.cat106 .anchornav li a
{
	color: rgb(109,80,141) !important;
}



/* STUDIENGANG HEADER */
main.cat206 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat206 blockquote:before,
main.cat106 .container-fluid.color .slider-wrapper .flex-direction-nav a,
main.cat106 blockquote:before {
	color: rgba(127,93,164, 1);
}

.headercontent-wrapper.cat206 .headercontent-wrapper-left-bg,
.headercontent-wrapper.cat106 .headercontent-wrapper-left-bg {
background: rgba(127,93,164, 1);
}
.headercontent-wrapper.cat206 .headercontent.left3d:before,
.headercontent-wrapper.cat106 .headercontent.left3d:before{
	background: rgba(127,93,164, 1);
}
.headercontent-wrapper.cat206:after,
.headercontent-wrapper.cat106:after{
	background: rgba(127,93,164, 0.10);
}

.headercontent-wrapper.cat206 #slideshow .flex-caption:after,
.headercontent-wrapper.cat106 #slideshow .flex-caption:after {
	background: rgba(127,93,164, 0.9);
}
.headercontent-wrapper.cat206 #slideshow .flex-caption.left3d:before,
.headercontent-wrapper.cat106 #slideshow .flex-caption.left3d:before{
	background: rgba(127,93,164, 1);/* TODO*/
}
/* STUDIENGANG CONTENT */
/*main.cat106 .flex-direction-nav li,*/
.asfhcw-filter article.department.bg106,
.asfhcw-filter article.department.bg206,
main .accordion-group.cat206,
main .accordion-group.cat206 .accordion-heading,
main .accordion-group.cat206 .accordion-inner,

.openhouse .department.bg206 .accordion-group,
.openhouse .department.bg206 .accordion-heading,
.openhouse .department.bg206 .accordion-inner,
main .openhouse .ohevent-collector li.bg206,
main .event-filter-wrapper.department.bg206 .events .eventarticle,
main .container-fluid.color.cat_206 .container .color-content-inner,
main .container-fluid.color.cat_206 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat206,
.lectures-for-person.cat206,
.researchareas.cat206,
#modal.cat206 .modal-header,
.course-list article.course.cat206,
main.cat206 .container-fluid.color .slider-inner-wrapper,
main.cat206 .container-fluid.color .container .color-content-inner,
main.cat206 .coursedetail,
main.cat206 .accordion-group,
main.cat206 .accordion-group h3,
main.cat206 .accordion-group .accordion-inner,
main.cat206 .anchor-navigation.show h2,
.openhouse .department.bg106 .accordion-group,
.openhouse .department.bg106 .accordion-heading,
.openhouse .department.bg106 .accordion-inner,
main .openhouse .ohevent-collector li.bg106,
main .event-filter-wrapper.department.bg106 .events .eventarticle,
main .container-fluid.color.cat_106 .container .color-content-inner,
main .container-fluid.color.cat_106 .container .color-content-inner .slider-inner-wrapper,
.modal-header.cat106,
.lectures-for-person.cat106,
.researchareas.cat106,
#modal.cat106 .modal-header,
.course-list article.course.cat106,
main.cat106 .container-fluid.color .slider-inner-wrapper,
main.cat106 .container-fluid.color .container .color-content-inner,
main.cat106 .coursedetail,
main.cat106 .accordion-group,
main.cat106 .accordion-group h3,
main.cat106 .accordion-group .accordion-inner,
main.cat106 .anchor-navigation.show h2 {
	background: rgba(127,93,164, 1);
}
main .container-fluid.color.cat_206,
main.cat206 .container-fluid.color,
main .container-fluid.color.cat_106,
main.cat106 .container-fluid.color {
	background: rgba(127,93,164, 0.10);
}
main.cat206 .divider hr,
main.cat106 .divider hr {
	border-top: 4px solid rgba(127,93,164, 1);
}
main.cat206 .infoframe,
main.cat106 .infoframe{
	    border: 2px solid rgba(127,93,164, 1);
}

/* master courses
.asfhcw-filter article.department.bg106.bg100008,
.asfhcw-filter article.department.bg206.bg100008,
.course-list article.course.cat206.cat100008,
.course-list article.course.cat206.cat100013,
.course-list article.course.cat106.cat100008,
.course-list article.course.cat106.cat100013{
	background: rgb(109,80,141);
} */

/*
STUDIENüBERSICHT KURSE


.asfhcw-filter article.department.bg102{ background: #5a7db9;}
.asfhcw-filter article.department.bg102.bg100008{ background: #4b69a0; }

.asfhcw-filter article.department.bg103{ background: rgba(240, 140, 0, 1);}
.asfhcw-filter article.department.bg103.bg100008{ background: #d77d00; }

.asfhcw-filter article.department.bg107{ background: rgba(240, 140, 0, 1);}
.asfhcw-filter article.department.bg107.bg100008{ background: #d77d00; }

.asfhcw-filter article.department.bg104{ background: #b9c300;}
.asfhcw-filter article.department.bg104.bg100008{ background: #a0aa00; }

.asfhcw-filter article.department.bg105{ background: #0090c7;}
.asfhcw-filter article.department.bg105.bg100008{ background: #0087b9; }

.asfhcw-filter article.department.bg106{ background: #785a9b;}
.asfhcw-filter article.department.bg106.bg100008{ background: #644b87; }

.asfhcw-filter article.department.bg201{ background: #0093ab;}
.asfhcw-filter article.department.bg201.bg100008{ background: #0087a0; }

.asfhcw-filter article.department.bg202{ background: #5a7db9;}
.asfhcw-filter article.department.bg202.bg100008{ background: #4b69a0; }

.asfhcw-filter article.department.bg203{ background: rgba(240, 140, 0, 1);}
.asfhcw-filter article.department.bg203.bg100008{ background: #d77d00; }

.asfhcw-filter article.department.bg204{ background: #b9c300;}
.asfhcw-filter article.department.bg204.bg100008{ background: #a0aa00; }

.asfhcw-filter article.department.bg205{ background: #0090c7;}
.asfhcw-filter article.department.bg205.bg100008{ background: #0087b9; }

.asfhcw-filter article.department.bg206{ background: #785a9b;}
.asfhcw-filter article.department.bg206.bg100008{ background: #644b87; }
*/
.openhouse .ohevent-collector li.bg199,
.openhouse .department.bg199 .accordion-group,
.openhouse .department.bg199 .accordion-heading,
.openhouse .department.bg199 .accordion-inner,
.fhcw-widget.campusacademy {
  background: #AF5F69;
  color: #FFF;
/*   border-radius: 5px; */
}
.fhcw-widget.campusacademy .inner,
.fhcw-widget.campusacademy header {
  padding: 10px;
}


.fhcw-widget.campusacademy a {
  color: #FFF;
}

.container-fluid.color-campusacademy,
.container.color-campusacademy{
	background: #AF5F69;
}

.fhcw-widget.campusacademy .inner,
.fhcw-widget.campusacademy header {
  padding-left: 35px;
}
.fhcw-widget.campusacademy .campusacademy-logo{
	margin-top: 20px;
	padding:0;
}

.fhcw-widget.campusacademy a {
  color: #FFF;
}


/*
	NOTIFICATION WIDGET
*/
.fhcw-widget.notification.blau {
  background: rgb(146,182,212);
  color: #FFF;
/*   border-radius: 5px; */
}
.fhcw-widget.notification.rot {
  background: rgb(214,54,27);
  color: #FFF;
}  
/*   border-radius: 5px; */

.fhcw-widget.notification .inner,
.fhcw-widget.notification header {
  padding: 10px;
}


.fhcw-widget.notification a {
  color: #FFF;
}
.subpage .container-fluid.color-notification{
	margin-top:-20px;
}
.container-fluid.color-notification.blau{
	background: rgba(146, 182,212,0.10);
	color: #FFF;
}
.container-fluid.color-notification.rot{
	background: rgba(214, 54,27,0.10);
	color: #FFF;
}

.startpage .container-fluid.color-notification {
	background: #FFF;
}

.container.color-notification.blau{
	background: rgb(146, 182,212);
	padding-bottom: 20px;	
}

.container.color-notification.rot{
	background: rgb(214,54,27);
	padding-bottom: 20px;	
}


.fhcw-widget.notification .inner,
.fhcw-widget.notification header {
  padding-left: 35px;
}

.fhcw-widget.notification a {
  color: #FFF;
}



/*
	DIVIDER
*/

.divider hr {
border-top: 4px solid #9cbdd5;
/*
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
*/
/* border-radius: 2px; */
}

hr {
border-top: 0;
/*
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
*/
/* border-radius: 2px; */
margin-bottom: 5px;
}


article.event hr:first-child,
.articlewrapper:first-child > article hr{
	margin-top: 0;
}


article.event hr,
article.news hr{
	margin-bottom: 0;
}

hr.newscolor-,
hr.newscolor-0 {
border-bottom: 4px solid #92bad1;
}

hr.cat201,
hr.cat101 {
border-bottom: 4px solid #009ab5;
}

hr.cat202,
hr.cat102 {
border-bottom: 4px solid #5a7cb9;
}
hr.cat203,
hr.cat107,
hr.cat103 {
border-bottom: 4px solid #f08c00;
}
hr.cat204,
hr.cat104 {
border-bottom: 4px solid #b9c300;
}
hr.cat205,
hr.cat105 {
border-bottom: 4px solid #019bd7;
}
hr.cat206,
hr.cat106 {
border-bottom: 4px solid #78599c;
}

.news hr.newscolor-applied {
border-bottom: 4px solid #009ab5 !important;
}
.news hr.newscolor-bauen {
border-bottom: 4px solid rgb(0,110,183) !important;
}
.news hr.newscolor-gesundheit {
border-bottom: 4px solid #f08c00 !important;
}
.news hr.newscolor-pflege {
border-bottom: 4px solid rgb(251,185,0) !important;
}
.news hr.newscolor-sociales {
border-bottom: 4px solid #b9c300 !important;
}
.news hr.newscolor-technik {
border-bottom: 4px solid #019bd7 !important;
}
.news hr.newscolor-public {
border-bottom: 4px solid #78599c !important;
}
.news hr.newscolor-allegemines {
border-bottom: 4px solid #92bad1 !important;
}
.news hr.newscolor-academy {
border-bottom: 4px solid #af5f69 !important;
}

/*
.news .img-thumbnail {
	border-radius: 0;
	padding-bottom: 5px;
}
*/
.news article .col-md-6,
.news article .col-md-12 {
	padding-left: 0;
}

.news article h4 {
	line-height: 24px;
	margin-top:10px;
}

.news-list .news-list-img-wrapper{
	width: 50%;
	float: left;
}
.news-list .news-list-text-wrapper{
	width: 50%;
	float:right;
	position: relative;
	padding: 10px 20px;
	height: 150px;
	min-height: 150px;
}

.news-list-home .news-list-date{
	width: 100%;
	height: 40px;
	position: absolute;
	bottom:0px;
	left:10px;
	/*color: #36566d;*/
}

.news .lead{
	font-weight: normal;
	font-size: 16px;
}
.news .news-related-links ul.list-unstyled{
	padding-left: 0px;
}



.event .row{
	margin:0;
}
.event .col-md-12{
	padding:0;
}

.event .textwrapper{
	margin-bottom: 30px;
}

.event .textwrapper p:before{
	content:"\e608";
	font-family: "Icons";
	padding-right: 5px;
	color: #446983;
	margin-bottom: -3px;
	font-size: 20px;
	vertical-align: middle;
}

/*** #################################################################################
	SEARCH STYLES
######################################################################################**/

.search-filter{
    position: relative;
    background: #7897ad;
/*     border-radius: 5px; */
    margin-top: 40px;
    margin-bottom: 40px;
	min-height: 119px;
	color: #FFF;
}


.search-filter {
	width: 100% !important;
}
.search-filter .list ul {
	list-style-type: none;
}
.search-filter .list ul li {
	display: inline-block;
	margin-bottom: 0;
}

.search-filter .list label {
    display: inline-block;
    position: relative;
	font-weight: normal;
	margin-right: 15px;
	font-size: 12px;
    padding-left: 20px;
    cursor: pointer;
}


.search-filter .list ul li input[type="checkbox"] {
    display:none;
}

.search-filter .list ul li input[type=checkbox]:checked + label:before {
	font-family: "Icons";
    content: "\e64a";
	font-size: 18px;
	color: #f3f3f3;
	text-align: center;
	left: 0;
    font-size: 18px;
    line-height: 9px;
}

.search-filter .list ul li input[type="checkbox"] + label:before {
    content: "";
	position: absolute;
/*     border-radius: 2px; */
    height: 12px;
    width: 12px;
    left: 0;
    top: 5px;
    vertical-align:middle;
    background: #a1b6c6;
    cursor:pointer;
}
.search-filter .list ul li input[type="checkbox"][disabled] + label:before{
	cursor: not-allowed;
	background: #36566d;
	border:1px solid #a1b6c6;
}


.search-filter .filterwrapper.col-md-9{
	padding:0;
}
.search-filter .filterwrapper.active{
	background: #36566d;
/*
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
*/
	min-height:106px;
}

.search-filter .filterwrapper.active #ke_search_submit{
	background: #FFF !important;
	color: #36566d !important;
}


/*
.search-filter .filter-elem:first-child {
	border-right: 1px solid #bccbd6;
}*/



.search-filter .row{
	margin:0;
	margin-bottom: 10px;
}


.search-filter .filter-elem {
	padding: 10px;
	padding-top:15px;
}

.search-filter .buttons {
	margin-top: 10px;
}
.search-filter .buttons .col-md-2{
	padding:0;
}


.search-filter button{
	background: #FFF;
	color: #36566d;
/* 	border-radius: 2px; */
}

.search-filter .searchfield{
	background: #FFF;
	color: #000;
/* 	border-radius: 2px; */
	border: 1px solid #36566d;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}

.search-filter .searchsubmit{
	color: #FFF;
	background: #36566d;

}


.search-filter .btn-clearfilter strong:before {
	content: "";
	background: #a1b6c6;
/* 	border-radius: 2px; */
	height: 14px;
	width: 14px;
	vertical-align: middle;
	margin-top: 5px;
}


.search-filter .btn-clearfilter{
	width: calc(100% - 20px);
	height: 119px;
	color: #FFF;
	background: #7897ad;
	border-radius: 0;
/*
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
*/
	position: absolute;
	text-align: left;

}
.search-filter .btn-clearfilter.active:before,
.search-filter .btn-clearfilter:before {
	content: none;
}
.search-filter .btn-clearfilter.active strong:before {

    font-family: "Icons";
    content: "\e64a";
    font-size: 22px;
    padding-right: 5px;
    vertical-align: middle;
    background: transparent;
    position: relative;
    margin-top: 0;
    margin-left: 0;
	margin-bottom: -5px;
/*	content: "\2713";
	font-size: 24px;
	padding-right: 5px;
	margin-bottom: -5px;
*/
}
.search-filter .btn-clearfilter strong,
.search-filter .btn-clearfilter.active strong {
	font-size: 16px;
	line-height: 24px;

}

.search-filter .btn-clearfilter:focus{
    outline: 0;
}

.search-filter .btn-clearfilter.active{
	background: #36566d;
}



#ke_search_sword:focus{
	outline: 0;
	border-color: #CCC;
	box-shadow:none;
	-webkit-box-shadow:none;
}

#ke_search_sword:after {
    font-family: 'icons';
    display: inline-block;
    content: '\e64f';
    color: #000;
    width: 47px;
    line-height: 40px;
    height: 36px;
    font-size: 16px;
}
#kesearch_results {
  margin-top: 15px;
}
#kesearch_results article {
  margin-bottom: 20px;
}
#kesearch_results article p {
  margin-bottom: 0;
}
#kesearch_results article .add-info {
  font-size: 1.3rem;
}
#kesearch_results article .hit {
  font-weight: 600;
  /*
  background: #f6f6f6;
  padding: 5px;
  border-radius: 5px;*/
}
#kesearch_results article .url {
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.58);
  font-family: 'Roboto', Tahoma, Verdana, sans-serif;
  font-size:14px;
  /*font-size: 0.8rem;*/
}
.kesearch_pagebrowser ul{
	list-style-type: none;
	padding: 0;
}
.kesearch_pagebrowser ul li{
	display: inline;
	padding-right: 5px;
}
.kesearch_pagebrowser ul li a.next,
.kesearch_pagebrowser ul li a.prev{
	display: none;
}
.kesearch_pagebrowser ul li a.current{
	font-weight: bold;
}




#kesearch_pagebrowser_bottom {
  border-top: 1px solid #d1d1d5;
  padding-top: 20px;
}



#ke_search_submit{
    color: #FFF;
    background: #36566d;
	border: 0;
	display: block;
}
#ke_search_submit:active,
#ke_search_submit:focus {
	outline: 0;
    box-shadow: none;
}
/*
#ke_search_submit:after{
	font-family: "Icons";
	width: 47px;
    content: '\e64f';
    color: #36566d;
    font-size: 18px;
}*/


/*** #################################################################################
	VIDEO PLAYER STYLES
######################################################################################**/

vjs-default-skin {
  background: #6f8ca0;
  padding: 10px;
  border-radius: 0;
}
.vjs-default-skin .vjs-control-bar {
  background: none;
  color: white;
}
.vjs-default-skin .vjs-big-play-button:before,
.vjs-default-skin .vjs-control:before {
  text-shadow: none;
  color: white;
  font-family: "IconsFHCW";
}
.vjs-default-skin .vjs-big-play-button {
  background: rgba(111, 140, 160, 0.5);
  border: none;
  box-shadow: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.vjs-default-skin .vjs-live-display {
  display: none;
}
.vjs-default-skin .vjs-big-play-button:before,
.vjs-default-skin .vjs-play-control:before {
  content: "\e0c3";
}
.vjs-default-skin .vjs-play-control.vjs-playing:before {
  content: "\e0c4";
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-mute-control.vjs-vol-3:before {
  content: "\e0c5";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before {
  opacity: 0.3;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e0c6";
}
.vjs-default-skin .vjs-progress-holder {
  background: none;
}
.vjs-default-skin .vjs-load-progress {
  background: rgba(0, 0, 0, 0.3);
}
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
  background: white;
}
.vjs-default-skin .vs-volume-level {
  width: 95%;
}
.vjs-default-skin .vjs-seek-handle,
.vjs-default-skin .vjs-volume-handle {
  opacity: 0;
}
.vjs-default-skin:hover .vjs-big-play-button {
  background: #6f8ca0;
  border: none;
  box-shadow: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


/*** #################################################################################
	CONTENT STYLES
######################################################################################**/

blockquote:before {
	content: '\201C';
	display: block;
	font-size: 90px;
	margin-left: -15px;
    min-height: 40px;
    margin-bottom: -40px;
    margin-top: 40px;
    color: #92bad1;
}

blockquote {
	font-style: italic;
	border:0;
	font-size: 14px;
	padding:0;
    margin: 0 0 10px;
}

.container.color blockquote:before {
	margin-left: -5px;
	color: #FFF;

}


.color-content-inner a {
	color: #FFF;

}

.btn-primary {
    color: #fff;
    background-color: #36566d;
    border-color: #36566d;
}

.errorcontainer .btn-primary {
    color: #fff;
    background-color: #4b5059;
    border-color: #4b5059;
}

.color-content-inner .col-md-6:first-child {
	padding-left: 20px;
    padding-right: 0;
}

.color-content-inner img.img-thumbnail {
	border-radius: 0;
}

.csc-textpic-noradius img {
	border-radius: 0;
}

.csc-textpic-right figure {
  text-align: right;
}
.csc-textpic-center figure {
  text-align: center;
}
.csc-textpic-center .csc-textpic-imagewrap,
.csc-textpic-right .csc-textpic-imagewrap,
.csc-textpic-left .csc-textpic-imagewrap,
.csc-textpic-above .csc-textpic-imagewrap {
  width: 100% !important;
}
.csc-textpic-intext-right:before,
.csc-textpic-intext-left:before,
.csc-textpic-intext-right:after,
.csc-textpic-intext-left:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.csc-textpic-intext-right:after,
.csc-textpic-intext-left:after {
  clear: both;
}
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-left .csc-textpic-imagewrap {
  width: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

/**  COOKIE CONSENT **/
.cc_container {
    background: rgba(75, 80, 89, 0.7) !important;
    border:0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #FFF !important;
    bottom:0 !important;
    right:0 !important;
    width: 600px !important;
    padding-left:5% !important;
    padding-right:5% !important;
    overflow: visible !important;
}
.cc_message{
	font-family: 'Roboto', Tahoma, Verdana, sans-serif !important;
	line-height: 22px !important;
	font-size: 14px !important;
}
.cc_container a, .cc_container a:visited {
	color: #FFF !important;
	text-decoration: underline !important;
}

.cc_3d{
	position: absolute;
	right: -20px;
	top:-20px;
	width: calc(100% + 10px);
	height: 20px;
    background: rgba(75, 80, 89, 0.7) !important;	
	-moz-transform: skew(-45deg, 0deg);
	-webkit-transform: skew(-45deg, 0deg);
	-o-transform: skew(-45deg, 0deg);
	-ms-transform: skew(-45deg, 0deg);
	transform: skew(-45deg, 0deg);
}

.cc_container .cc_btn{
	background: #4b5059 !important;
	color: #FFF !important;
	right: 5% !important;
	width: 100px !important;
	left: auto !important;
	border-radius: 0 !important;
	bottom: 20px !important;
	text-decoration: none !important;
}


/***** IE FIXES ****/

.fixednav .navbar {
	top:0;
}

/* PRESSE FORMULAR */

.csc-mailform ol { list-style: none; padding: 0;}

.csc-mailform ol li label {width: 100px; font-weight: normal;}


.csc-mailform .press-themen-fieldset { position: relative; background: #7897ad; /* border-radius: 5px; */ margin-bottom: 10px; padding-top: 40px;}
.csc-mailform .press-themen-fieldset legend{  position:absolute; top:10px; left:10px; border-bottom: 0; margin:0; padding:0; display: block; color:#FFF; font-size: 14px;}
.csc-mailform .press-themen-fieldset ol {padding-left: 10px; padding-right: 10px;}
.csc-mailform .press-themen-fieldset ol li{ display: inline; margin-right: 10px; white-space: nowrap;}
.csc-mailform .press-themen-fieldset  ol li label { width: auto; color: #FFF; font-weight: normal; font-size: 12px;}




/**#########################################################################################################
		HEADER - CONTENT
##############################################################################################################**/


#slideshow .headercontent_overlay{
    position: absolute;
    width: 100%;
    top: 40px;
	z-index: 1030;
}

#slideshow .headercontent_tags ol {
	list-style-type: none;
    width:540px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    padding-left:20px;
}
#slideshow .headercontent_tags ol li{
	padding-bottom: 10px;
}
#slideshow .headercontent_tags ol li a{
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #36566d;
}

#slideshow .headercontent_topspacer {
	height: 132px;
	min-height: 132px;
}

.headercontent-wrapper a.bigbutton.applynow:before{
	color: #FFF;
}


#slideshow .headercontent_applynow {
	margin-left: 20px;
	margin-top: 30px;
}

#slideshow .headercontent_applynow a {
	font-family: "Signacond-bookregular", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: #36566d;
	color: #FFF;
	width: 220px;
	height: 60px;
	text-align: center;
}

#slideshow .headercontent_studyprograms {
	margin-top: 20px;
	margin-left: 20px;
}

#slideshow .headercontent_studyprograms a {
	font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #4b5059;
}

#slideshow .headercontent_applynow_de{
	margin-top:10px;
	margin-left: 20px;
}
#slideshow .headercontent_studyprograms a.bigbutton.applynow{
	color: #FFF;
	background-color: #4b5059;	
}


#slideshow .headercontent_tags h1.hometag {
 padding-left: 20px;
 color: #36566d;
}

#slideshow .headercontent_tags.light ol li a,
#slideshow .headercontent_studyprograms.light a {
 color: #FFF;
}


/* ##########################################
	COLORS cat_101 Applied life
   ##########################################*/



/* ##########################################
	COLORS cat_102 Bauen und Gestalten
   ##########################################*/




.btn{
	border-radius:0;
}


#pagefooter {
  position: relative;
  margin-top: 20px;
  background: #4b5059;
  color: white;
  font-size: 14px;  
}
#pagefooter .container {
	padding-left:35px;
	padding-right:35px;

}


#pagefooter a:hover,
#pagefooter a:focus {
	text-decoration: none;
}

#pagefooter .footer-social {
  background: rgb(189,187,188);
  height: 140px;
}
#pagefooter .footer-social .newsletter-form {
  margin-top:0px;
  padding-left:20px;
}
#pagefooter .footer-social .smicons {
  padding-top:35px;
  padding-left:30px;
}
#pagefooter .footer-social .smicons.en {
  padding-top:15px;
  padding-left:20px;
}


#pagefooter .footer-social h4 {
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color: #4b5059;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top:0;
}

#pagefooter .footer-social .footer-newsletter-input{
	top:0;
	margin:0;
	border:0px;
	background: #FFF;
	color: #4b5059;
	height: 40px; 
	width:  50%; 
	padding-left: 10px; 
}
#pagefooter .footer-social .footer-newsletter-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(189,187,188) !important;
  opacity: 1; /* Firefox */
}


#pagefooter .footer-social .footer-newsletter-button{
	top:0;
	margin:0;
	border:0px;
	background: #4b5059;
	color: #FFF;
	height: 40px; 
	width:  200px;  
	font-size: 14px;
}

#pagefooter .logos .csc-textpic-imagewrap {
  width: 100% !important;
}
#pagefooter .logos .csc-textpic-imagewrap figure {
  display: inline-block;
  padding-right: 20px;
  padding-top:20px;

}
#pagefooter .logos .csc-textpic-imagewrap figure:hover {
  /*background: white;*/
}
#pagefooter .logos .csc-textpic-imagewrap figure:hover .img-thumbnail {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: gray;
  /* IE 6-9 */
  filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
#pagefooter .logos .csc-textpic-imagewrap figure .img-thumbnail {
/*   border-radius: 0px; */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
  filter: grayscale(100%);
}
#pagefooter .logos .csc-textpic-imagewrap figure figcaption {
  color: #52595f;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  font-size: 1.5rem;
}


#pagefooter .footer-top {
  background: #d1d1d5;
}
#pagefooter .footer-main {
/*  padding-top: 50px;
  padding-bottom: 50px;
  padding-bottom: 30px;*/
}
#pagefooter .footer-bottom {
  padding-bottom: 20px;
  margin-top:20px;
  border-top: 1px solid #6f737a;
}

#pagefooter a {
  color: white;
}
#pagefooter a:hover {
  color: #d1d1d5;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.totop {
	z-index: 20;
	display: none;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: calc(50% - 25px);
	background: rgba(0,0,0, 0.8);
/*
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
*/
	padding-top:10px;
	padding-left: 2px;
}
.toplink{
	width: 50px;
	height: 50px;
	display:inline;
	padding-top: 15px;
}
.toplink:before{
	font-family: "Icons";
	content:"\e605";
	font-size: 24px;
	margin-top: 10px;
	padding:10px;
	display:inline;
	padding-left: 12px;
}

.footercols {
	padding-top:20px;
/*  padding-left: 100px;
  padding-right: 100px;
  */
}
.footercols > div {
  /*border-right: 1px solid #d1d1d5;
  min-height: 250px;*/
}
.footercols > div:last-of-type {
  border-right: none;
}
/*
.copyright,
#meta-nav,
#meta-nav li {
  display: inline-block;
}
#meta-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#meta-nav li {
  border-left: 1px solid white;
  margin-left: 20px;
  padding-left: 20px;
}

.fhcustomtext h5,
.fhcustomtext h4,
.fhcustomtext h3
 {
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	margin:0;
	padding:0;
}
*/

.customtext {
	margin-top: 30px;
}
.customtext{
	padding-left: 45px;
}

.fhcustomtext .headline {
	font-weight:700;
	margin:0;
}


.customnav .headline{
	font-weight: 700;
	margin-top: 10px;
}
.magazin{
	padding-left:40px;
}
.magazin .customnav {
	margin-top: 30px;
}

/*
.magazin .customnav li.headline a:before{
	content: " ";
	margin-right: 0;
}*/
.fhoffers{
	z-index: 3000;
}
.customnav .menu-mainfocus-list{
	margin-top: 15px;
}
.customnav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.customnav li {
  margin: 0;
}
.customnav li a:hover {
  text-decoration: none;
}
.fhservices .customnav li a:before,
.fhoffers .customnav li a:before {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  content: '>';
  margin-right: 5px;
  font-size: 16px;
  line-height: 22px;
}


.smlinks ul {
	padding-top:10px;
	padding-bottom:5px;
}
.smlinks ul.row2{
	padding-top:0;
}




.smicons li {
	display: inline;
	padding-right: 5px;
}
.smicons li a {

	margin:0;
	padding:0;
	width: 40px;
	height:40px;
	display: inline-block;
}
.smicons li a object {
pointer-events: none;
}
.smicons li a span{
	color: #FFF;
}
/*
.icon-youtube-with-circle:before {
	content: "\e903";
	
}
.icon-instagram-with-circle:before {
	content: "\e900";
}
.icon-whatsapp-with-circle:before {
	content: "\e902";
}
.icon-facebook-with-circle:before {
	content: "\e61a";
}
.icon-twitter-with-circle:before {
	content: "\e654";
}
.icon-google-with-circle:before {
	content: "\e649";
}
.icon-flickr-with-circle:before {
	content: "\e648";
}

.smlinks h5,
.smlinks h4,
.smlinks h3
 {
	font-family: 'Roboto', Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	margin:0;
	padding:0;
}



.fhservices li a:before {
  font-family: "Signacond-lightregular", Helvetica, Arial, sans-serif;
  content: '>';
  margin-right: 5px;
  font-size: 16px;
  line-height: 22px;
}
.fhoffers li a:before
{
  font-family: 'icons';
  content: '\e618';
  margin-right: 5px;
  font-size: inherit;
}

a.masterlink_email,
a.masterlink_print,
a.link_facebook,
a.link_googleplus,
a.link_twitter,
a.link_youtube,
a.link_instagram,
a.link_flickr,

a.link_email,
a.link_print {
  background: rgba(111, 140, 160, 0.1);
  color: #6f8ca0;
  display: inline-block;
  padding: 5px 20px;
  margin-right: 15px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

a.masterlink_email:before,
a.masterlink_print:before,
a.link_email:before,
a.link_print:before {
  font-family: "IconsFHCW";
  content: "\e00c";
  margin-right: 10px;
}
a.link_facebook:before,
a.link_youtube:before,
a.link_instagram:before,
a.link_flickr:before,
a.link_googleplus:before,
a.link_twitter:before

{
  font-family: "Icons";
  content: "\e00c";
  margin-right: 10px;
}

a.masterlink_email:hover,
a.masterlink_print:hover,
a.link_email:hover,
a.link_print:hover {
  background: #6f8ca0;
  color: white;
}
a.link_googleplus:before {
  content: "\e908";
}
a.link_facebook:before {
  content: "\e907";
}

a.link_youtube:before {
  content: "\e905";
}
a.link_flickr:before {
  content: "\e904";
}
a.link_instagram:before {
  content: "\e909";
}


a.link_twitter:before {
  content: "\e906";
}
a.masterlink_email:before,
a.link_email:before {
  content: "\e01d";
}

a.masterlink_print:before,
a.link_print:before {
  content: "\e0a8";
}
a.no_icon:before {
  display: none;
}
*/

.footer-bottom.left3dborder:before {
	background: #4b5059;
	border-color: #6f737a;

}
/*
.socialfooter3d {

    width: calc(1000% + 10px);
    min-height: 20px;
    height: 20px;
    position: relative;
    background: #FFF;
    top: 0px;
    margin-top: -112px;
    margin-left: -35px;
    left: -1000%;
    display: block;
    z-index: 1;
    transform: skewX(-45deg);
}
.pagefooter3d {

    width: calc(1000% + 10px);
    min-height: 20px;
    height: 20px;
    position: relative;
    background: #bcbcbc;
    top: 0px;
    margin-top: -20px;
    margin-left: -15px;
    left: -1000%;
    display: block;
    z-index: 1;
    transform: skewX(-45deg);
}
*/

.socialfooter3d {
    width: calc(1000% + 35px);
    min-height: 20px;
    height: 20px;
    position: relative;
    background: #FFF;
    top: 0px;
    margin-top: -1px;
    margin-left: -50px;
    left: -1000%;
    display: block;
    z-index: 1;
    transform: skewX(-45deg);
}

.pagefooter3d {
    width: calc(1000% + 35px);
    min-height: 20px;
    height: 20px;
    position: relative;
    background: #bcbcbc;
    top: 0px;
    margin-top: -1px;
    margin-left: -50px;
    left: -1000%;
    display: block;
    z-index: 1;
    transform: skewX(-45deg);
}

/* EDGE ONLY */
@supports (-ms-ime-align:auto) {
  .pagefooter3d {
    margin-top: -21px;
  }
}


/* hide stuff for touch-devices */
.touch .jumpnav,
.touch .landingnav {
  display: none;
}
@media (min-width: 1199px) {

  .eventwrapper img {
    width: auto;
  }
}
/*
  .flexslider {
  	min-height: 400px;
  }
  .startpage .flexslider {
  	min-height: 400px;
  }
*/
@media (min-width: 1200px) {
	.container {
	    width: 1140px;
	}
}
@media (max-width: 1199px) {

	.openhouse-filter .filterwrapper .btn-group  {
		/*display: block;*/
		height: auto;

	}
  .flex-caption-wrapper:after{
	  content: "";
	  display: none;
  }

}
@media (min-width: 991px) and (max-width: 1199px) {
  .container{
	  width: 100%;
	  /*padding-left: 20px;
	  padding-right: 20px;*/
  }
  .pagefooter3d,
  .socialfooter3d{
	  margin-left: -60px;
  }
  
}

@media (min-width: 768px) {

 	.navbar-toggle, .navbar-header-brand .logo {
	    display: none;
	}
  .searchform {
    display: block;
    float: right;
    position: relative;
    top: 0;
    margin-top: -50px;
    z-index: 2;
    right: 280px;
  }
  .slidebar-wrapper {
		display: none !important;

	}

}
@media (min-width: 991px) {
	
  .asfhcw-filter .filterheader .wrapper {
    height: auto;
    display: block;
  }

}
/* mobile view */
@media (max-width: 991px) {

	.cc_container {
	    width: 100% !important;
	}	

  .pagefooter3d,
  .socialfooter3d{
	  margin-left: -60px;
  }

	.navbar-default .navbar-nav > li .navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li > a {
		font-size: 1.9vw !important;
		padding-left: 10px;
		padding-right: 10px;
		
	}	

	.researchareas article {
		margin-bottom: 10px;
		margin-right:0;
	}

  .news-single img {
    display: block;
    height: auto;
    width: 100%;
    padding:0;
  }

	.course-list .col-md-4:nth-of-type(3n) {
    	padding-right: 10px;
	}

	.asfhcw-filter .btn-group {
		border-right: 0 !important;
	}
	
	.asfhcw-filter.course-filter .btn-group {
		border-right: 1px solid rgba(255,255,255,0.5) !important;
		border-bottom: 0 !important;
	}
	.asfhcw-filter.course-filter .multiple-filter .btn-group{
		border-right: 0 !important;
	}
	

	.container {
	width:100%;

	}
	.departments-nav li {
		width: 50% !important;
		padding-right: 5px !important;
	 }
	.departments-nav li:nth-of-type(2n) {

		padding-right: 0 !important;
	 }

	 /* SUBNAV TABLETS */
	 .navbar-nav .dropdown-menu > li {

		margin-left: 20px !important;
	    max-width: 320px !important;

	 }

	 .navbar-nav .dropdown-menu > li a {
		 font-size: 16px !important;


	 }
	 .touch .navbar-nav .dropdown-menu li.open > .dropdown-menu,
	 .navbar-nav .dropdown-menu li:hover > .dropdown-menu {
		 left: 340px !important;
	 }

	 .navbar-nav .dropdown-menu li .dropdown-menu li {
		 margin-left: 40px !important;
	 }


	 .navbar-default .navbar-nav .dropdown-menu .dropdown-menu {
	    max-width: none !important;
	}


	main .slider-inner-wrapper .top-left{
		float: none !important;
		width: 100% !important;
	}

	main .slider-inner-wrapper .top-right{
		float: none !important;
		width: 100% !important;
	}

	.openhouse .btn-clearfilter {
/* 		border-bottom-left-radius: 5px; */
		border-top-right-radius: 0;
	 }
	.openhouse-filter .btn-group {
		width: 50%;
		/*border-right: 0 !important;*/
	}

    .news .col-md-6 {
		padding-left: 20px;
	  }
	  .news .articlewrapper .col-md-6 {
	  padding-left: 0;
	  }

	  .publication-filter .nav{
	    margin-right: 0;
	  }
	  .publication-filter .nav li {
		padding-left: 0;

	  }

	  .publication-filter .nav > li a{
		    font-size: 14px;
	  }

	  .publication-filter .nav li ul.category-dropdown, .publication-filter .nav li ul.type-dropdown-menu{
		min-width: 100%;
		width: 100%;
	}
	  .publication-filter .nav li ul.dropdown-menu {
		  padding: 10px;
	  }

	  .publication-filter .nav li ul.dropdown-menu .col-md-2.col-xs-3 {
	  text-align: right;
	  }

	 .asfhcw-filter .btn-group {
	    float: none;
	    width: 100%;
	    border-bottom: 1px solid #d1d1d5;
	    min-height: 0;
	    text-align: left;
	    padding: 0;
	  }

	  .search-filter .filter-modify.col-md-3,
	  .publication-filter .filter-modify.col-md-3,
	  .asfhcw-filter .filter-modify.col-md-3{
		  width: 100%;
		  padding:0 !important;
		  display: block;
	  }

	  .search-filter .btn-clearfilter,
	  .publication-filter .btn-clearfilter,
	  .asfhcw-filter .btn-clearfilter {
	    width: 100%;
	    /*height: 106px;*/
	    background: #7897ad;
/*
	    border-radius: 0;
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
*/
	    position: relative;
	    text-align: left;
	  }

	  .asfhcw-filter .col-md-6.sortable:first-child {
	    padding-right: 20px;
		}
		.asfhcw-filter .col-md-6.sortable:last-child {
	    padding-left: 20px;
	   }

	   .asfhcw-filter article .depcourses .col-md-11{
		   width:90%
	   }

	   .asfhcw-filter article .depcourses .col-md-1{
	    width: 50px;
	    float: right;
	   }

	   /*
		FOOTER
		*/
	
		#pagefooter .footer-social{
			height: auto;
			padding-bottom: 30px;
		}
		#pagefooter .footer-social .footer-newsletter-button,
		#pagefooter .footer-social .footer-newsletter-input {
			width: 100%;
		}
		#pagefooter .footer-social .smicons{
			padding-top: 30px;
		}


	  .footercols {
	    padding-left: 0;
	    padding-right: 0;
	  }
	  .footercols .col-md-3 {
	    float: left;
	    width: 100%;
	    border-right: none;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	    border-bottom: 1px solid #6f737a;
	    min-height: 0;
	  }
	  .footercols .col-md-3:last-of-type {
	   border-bottom: 0;
	  }
	  
	  .footercols .col-md-3:nth-of-type(2n) {
	    padding-left: 15px;
	  }
	  .footercols .col-md-3.fhcustomtext {
	  	padding-left: 20px !important;
	  	border-bottom: 0;
	  }


	  .nav {
	    margin-top: 0;
	  }
	  .locations article .col-md-5 {
	    min-height: 200px;
	  }
	  .locations article .col-md-5 address {
	    margin-bottom: 0;
	  }
	  .locations article .col-md-7 {
	    padding-right: 0;
	    padding-left: 0;
	  }/*
	  .footercols {
	    padding-right: 80px;
	  }
	  .footercols .col-md-3 {
	    float: left;
	  }*/
	  .locations .flex-control-nav {
	    display: none;
	  }
	  .locations.slider img {
/* 	    border-radius: 5px; */
	  }
	  .locations.slider .title {
	    font-size: 1.3rem;
	  }
	  .coursedetail .row {
	    border: none;
	  }

	  .startpage .departments-nav {
		  margin-bottom:0;
	  }

	  .researchareas .col-md-3:nth-of-type(4n) {
	  	margin-right: 0;
	  }
	  .personinfo {
		  margin-top: 10px;
	  }
	  main .container-fluid.color .col-md-12 {
		  padding:0;
	  }

	  main .container-fluid.color .container .color-content-inner {
	    padding-left: 20px;
	    padding-right: 20px;
	  }
	  main .container-fluid.color .container .col-md-6 {
	    padding: 0;

	  }
	  .coursedetail .places,
	  .coursedetail .ects,
	  .coursedetail .infoelem {
	    border-left: 0;
	    border-right: 0;
	    border-bottom: 1px solid white;
	  }
	  .coursedetail .infoelem .rtecontent {
	    position: static;
	  }
	  .coursedetail .organizationalform dt,
	  .coursedetail .organizationalform dd {
	    font-size: 1.8rem;
	  }
	  .coursedetail .ects dt {
	    margin-bottom: -20px;
	  }

	  .coursedetail .opportunities .responsivetable {
	    overflow-x: auto;
	  }

	  .coursedetail .opportunities .rtecontent {
	    padding: 15px;
	  }

	  .coursedetail .deadline dl {
	    padding: 15px;
	    position: static;
	  }
	  .coursedetail .deadline dl dd,
	  .coursedetail .deadline dl dt {
	    width: 100%;
	    text-align: center;
	    font-size: 2rem;
	    line-height: 2.2rem;
	  }
	  .curriculum .col-md-6 {
	    padding: 0 !important;
	  }
	  .persons-az {
	    margin-bottom: 60px;
	  }
	  .persons-az .row {
	    margin-bottom: 0;
	  }
	  .persons-az article {
	    padding-left: 0;
	    margin-bottom: 30px;
	  }
	  .deadline table,
	  .deadline tr,
	  .deadline th,
	  .deadline td,
	  .deadline tbody {
	    display: block !important;
	    height: auto !important;
	    padding: 2px 3px !important;
	  }
	  .deadline table h3,
	  .deadline tr h3,
	  .deadline th h3,
	  .deadline td h3,
	  .deadline tbody h3 {
	  	margin-top:0;
	  }
	  .video-js {
	    width: 100% !important;
	    height: auto !important;
	  }
	  .video-js video {
	    width: 100% !important;
	    height: auto !important;
	    position: relative !important;
	  }
	  .career-wrapper {
	    position: relative;
	    min-height: 0;
	    background: transparent;
	    border-radius: 0;
	  }
	  .career-wrapper img {
	    display: none;
	  }
	  .career-wrapper ul {
	    position: relative;
	    width: 100%;
	    padding: 0;
	  }
	  .career-wrapper li {
	    width: 100%;
	    height: auto;
	    float: none;
	    padding: 0;
	    margin: 0;
	    position: relative;
	  }
	  .career-wrapper li:before {
	    display: block;
	  }
	  .career-wrapper li span.circle {
	    display: block;
	    background: white;
	    border-radius: 0;
	    overflow: auto;
	    transition: none;
	    position: relative;
	    z-index: 1;
	    cursor: pointer;
	    -webkit-animation: none;
	    -webkit-animation-iteration-count: none;
	    left: 0 !important;
	    top: 0 !important;
	    padding-left: 25px;
	    width: auto !important;
	    height: auto !important;
	    margin: 0 !important;
	  }
	  .career-wrapper li span.circle:hover {
	    z-index: 3;
	  }
	  .career-wrapper li span.circle:before {
	    font-family: "IconsFHCW";
	    content: "\e0d6";
	    position: absolute;
	    font-size: 1.3rem;
	    margin-left: -25px;
	    margin-top: 4px;
	  }
	  .career-wrapper li span.circle.pulsate:not(.hover) {
	    -webkit-animation: none;
	    -webkit-animation-iteration-count: none;
	    left: 0 !important;
	    top: 0 !important;
	    padding-left: 25px;
	    width: auto !important;
	    height: auto !important;
	    margin: 0 !important;
	  }
	  .career-wrapper li span.circle.hover {
	    -webkit-animation: none;
	    -webkit-animation-iteration-count: none;
	    left: 0 !important;
	    top: 0 !important;
	    padding-left: 25px;
	    width: auto !important;
	    height: auto !important;
	    margin: 0 !important;
	  }
	  .career-wrapper li span.inner {
	    white-space: nowrap;
	    position: relative;
	    top: 0;
	    margin-top: -15px;
	    left: 0;
	    opacity: 0;
	    font-size: 2rem;
	    -webkit-transition: none;
	    transition: none;
	    text-align: left;
	  }
	  .career-wrapper li span.inner p {
	    padding: 0;
	    margin: 0;
	    position: relative;
	    z-index: 2;
	  }
	  .career-wrapper li span.inner:after {
	    content: '' !important;
	    position: relative;
	    left: 0;
	    top: 0;
	    font-size: 10rem;
	    margin-left: 0;
	    margin-top: 10px;
	    text-align: left;
	    z-index: 1;
	    color: #f6f6f6 !important;
	    /* important because color.css overrides span.inner */
	    display: none;
	  }
	  .career-wrapper li span.circle.open:hover .inner {
	    opacity: 1;
	    -webkit-transition: none;
	    transition: none;
	  }
	  .asfhcw-filter article li {
	    max-height: none;
	  }
	  .asfhcw-filter .filterheader h4 {
	    padding-left: 10px;
	  }
	  .studybtn a.applynow span {
	    display: none;
	  }
	  .articlewrapper {
	    float: left;
	    width: 100%;
	  }
	  .openhouse-list .status {
		top: auto;
		bottom: 0;
		
	  }
	  .openhouse-filter .filterwrapper .btn-group {
		  height: auto;
	  }
	  .openhouse-filter .filterwrapper  {
	  	position: relative;
	  	width:100%;
	  }
	  .startblock .csc-image .img-thumbnail,
	  .startblock .news-list .img-thumbnail {
		  max-height: 320px;
		  min-height: 155px;
	  }
	  .startblock-col1,
	  .startblock-col2 {
		  width: 100%;	
		  
	  }

	  .startblock-col1 {
		  max-height: initial;
		  padding-right: 20px;
	  }
	  .startblock-col2 {
		  max-height: unset;
		  padding-left: 20px;
		  margin-top: 20px;
	  }
	  .startblock-col1 .news-list,
	  .startblock-col2 .news-list{
	      min-height: 320px;
		  max-height: 320px;
	  }
	  .startblock .startblock-col1 h3,
	  .startblock .startblock-col2 h3{
		  margin-left: 20px;
		  width: calc(100% - 40px);
	  }
	  .startblock .magazineblock-col3,
	  .startblock .magazineblock-col2{
		  padding-left: 20px;
		  padding-right: 20px;
	  }
	  .startblock .magazineblock-col3{
		  margin-top: 20px;
	  }
	  .startblock .magazineblock-col3 .magazineblock-bggradient{
		  margin-left: 20px;
	  }
	  .startblock .magazineblock-col3 .magazineblock-bggradient,
	  .startblock .magazineblock-col2 .magazineblock-bggradient	{
		  width: calc(100% - 40px);
	  }

	.accordion-group .accordion-heading {
		height: 68px;
		font-size: 14px;
		line-height: 22px;
		padding: 15px;
	}
	.accordion-group .accordion-heading a{
		top: 10px;
		width: calc(100% - 35px);
		overflow: visible			
	}	
	.accordion-group .accordion-heading a::after {
		right: -10px;
		top: 0;
		bottom: auto;
	}

	/* HOME APPLY*/
	.homeapply_wrapper{
		max-height: inherit;
	}
	
	.homeapply_wrapper .home_apply_img,
	.homeapply_wrapper .home_apply_img img{
		max-height: 220px;
		min-height: 200px;
	}
	.homeapply_wrapper .home_apply_teasertext{
		width: 100%;
		float: none;
	}

	.homeapply_wrapper .home_apply_teaserbutton{
		width: 100%;
		float: none;
		position: relative;
	}
	.homeapply_wrapper .home_applynow_button {
		margin-bottom:0;	
	}
	.homeapply_wrapper .home_apply_teasertext h4 {
		margin-top: 0;
		margin-bottom: 20px;
	}


}
/* mobile view with collapsed menu */
@media (max-width: 767px) {
	
	.headercontent-inner-wrapper {
		overflow: hidden;
	}
	.headercontent-inner-wrapper h1 {
		font-size: 22px; 
		font-size: 4vw;
		width: 100%;
	}

    #slideshow .headercontent_tags h1.hometag {
		font-size: 22px; 
		font-size: 4.1vw;
		width: 100%;
		line-height: 60px;
	}
	#slideshow .headercontent_tags ol li{
	padding-bottom: 5px;
	}	
	#slideshow .headercontent_tags ol{
	margin-bottom: 0px;
	}	

	
	#slideshow .headercontent_studyprograms{
		margin-top: 0;
	}

	#slideshow .headercontent_overlay {
		top:20px;
	}
	.headercontent_tags ol li a {
		font-size: 18px !important;
		line-height: 20px;
	}
	.headercontent_applynow{
		margin-top: 10px !important;
		margin-bottom: 0px;
	}

  .news-list .news-list-text-wrapper,
  .news-list .news-list-img-wrapper{
    display: block;
    width: 100%;
    padding:0;

  }
  .news-list .news-list-text-wrapper{
    height: 125px;
    min-height: 125px;
  }
  .startblock .event-list, .startblock .news-list,
  .startblock-col1 .news-list, .startblock-col2 .news-list {
       min-height: unset;
       max-height: unset;
       height: unset;
  }
  .startblock h1 a:before {
  	content: "> ";
  }


 .startblock .startblock-col1 h3 a, .startblock .startblock-col2 h3 a,
  .startblock .magazineblock-col1 h2 a, .startblock .magazineblock-col1 h3 a, .startblock .magazineblock-col2 h2 a, .startblock .magazineblock-col2 h3 a, .startblock .magazineblock-col3 h2 a, .startblock .magazineblock-col3 h3 a{
		font-size: 18px; 
		/*font-size: 4.5vw;  */
  }
  .startblock .startblock-col1 h3, .startblock .startblock-col2 h3 a,
  .startblock .magazineblock-col1 h2, .startblock .magazineblock-col1 h3, .startblock .magazineblock-col2 h2, .startblock .magazineblock-col2 h3, .startblock .magazineblock-col3 h2, .startblock .magazineblock-col3 h3 {
	  
	  line-height: 20px;
	  
  }

  .startblock.cat_101 h1, .startblock.cat_101 h2,
  .startblock.cat_102 h1, .startblock.cat_102 h2,
  .startblock.cat_103 h1, .startblock.cat_103 h2,
  .startblock.cat_104 h1, .startblock.cat_104 h2,
  .startblock.cat_105 h1, .startblock.cat_105 h2,
  .startblock.cat_107 h1, .startblock.cat_107 h2  
  {
	font-size: 22px;
	font-size: 4.2vw;
	min-height: 59px;
	line-height: 58px;
  }
  .startblock.cat_106 h1, .startblock.cat_106 h2{

	font-size: 4.1vw;
  }    

  .startblock .startblock-col2 div,
  .startblock .startblock-col1 div{
	  width:100%
  }

  .startblock .startblock-col2,
  .startblock .startblock-col1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .startblock .startblock-col2 h3,
  .startblock .startblock-col1 h3  {
	position: relative;
	background: #4b5059;
	margin-left: 0;
	width: 100%;
	line-height: 24px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .startblock .startblock-col2 .csc-textpic,
  .startblock .startblock-col1 .csc-textpic {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }  

  .magazineblock-col1 .csc-image {
	  min-height: 200px;
  }


  .startblock .courselist_link {
	  display: none;
  }

  .news-list article h4{
    padding: 0 20px;
  }
/*
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
*/
	#pageheader{
		height: 120px;
		background: #4b5059;
		position: relative;
		z-index: 1000;
	}

	.fixednav {
		display: none !important;
	}
	
	.openhouse .accordion-group .accordion-heading a::after{
		bottom: auto;
		top: 0px;	
	}
	.openhouse .accordion-group .accordion-heading a {
		top: 5px;
		
	}
	.openhouse .accordion-group .accordion-heading{
		height: 58px;
		line-height: 24px;
	}	
	
	.openhouse a.link_email, .openhouse a.link_print, .openhouse a.link_pdf, .openhouse a.link_ical,
	.openhouse-filter .btn-group {
		margin-top:5px;
		width: 100%;
		height:auto;
		min-height: auto;
		/*border-right: 0 !important;*/
	}
	.openhouse .accordion-toggle {
		font-size: 14px;
		word-wrap: break-word;
	}
	.openhouse .accordion-toggle span {
		word-wrap: break-word;
		width: calc(100% - 25px);
	    display: block;
	}
	.header-breadcrumb-wrapper{
		display: none !important;
	}

	.anchor-navigation{
		overflow: hidden;
	}
	.headercontent {
    	background: transparent !important;
    }
	/*
	.headercontent-wrapper:after {
		display: none !important;
	}*/

	header .topnav {
		display: none !important;

	}
	.openhouse-filter .btn-group {
		border-right: 0 !important;
	}

	.departments-nav li {
		width: 100% !important;
		padding-right: 0 !important;
	 }
	  .topnav {
		display: none;
	  }
	  .topnav nav {
	    display: none;
	  }
	.search-filter .filterwrapper,
	.asfhcw-filter .filterwrapper {
		display: block;
/* 		border-top-right-radius: 5px; */
		border-bottom-left-radius: 0;
	}
	
	.asfhcw-filter.course-filter .multiple-filter .btn-group {
		border-top: 0 !important;
	}
	
	.asfhcw-filter.course-filter .btn-group {
		border-bottom: 1px solid rgba(255,255,255,0.5) !important;
		border-right: 0 !important;
	}	

	.asfhcw-filter .filterwrapper .btn-group {
		width:100%;
		display: block;
		height: auto;
	}

  .slidebar .dropdown-menu > li > a{
    white-space: normal;
	}


  #pageheader {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .nav.mobilenav li .dropdown-menu {
    opacity: 1;
    top: 0;
    left: 0;
  }
  #pageheader .navbar-header {
    position: relative;
    width: 100%;
  }
  #pageheader .navbar.left3d:before {
    height: 93px;
  }
  .nav > li {
    margin-left: 0;
  }
  .nav > li a {
    font-size: 2rem;
  }
  .footercols {
    padding-left: 0;
    padding-right: 0;
  }
  .footercols .col-md-3 {
    float: left;
    width: 100%;
    border-right: none;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #d1d1d5;*/
    min-height: 0;
  }
  .footercols .col-md-3:nth-of-type(2n) {
    padding-left: 15px;
  }
  
  #pagefooter .footer-social .smicons{
	  text-align: center;
  }
  #pagefooter .footer-social .smicons .customnav{
  	display: inline
  }  
  .footer-social .smicons li:nth-of-type(4):after { 
     content: "\A";
     white-space: pre; 
  }
  .copyright {
    display: block;
    text-align: center;
  }
  #meta-nav {
    text-align: center;
  }
  .sitebyasoluto {
    margin: 50px 0;
    text-align: center;
  }

  #as_page_2079768 .accordion-group .accordion-heading{
	  height: auto;
	  line-height: 24px;
	  padding-right: 15px;
  }
  #as_page_2079768 .accordion-group .accordion-heading a {
	  position: relative;
	  left:auto;
  }
  #as_page_2079768 .accordion-group .accordion-heading a:after {
	  right: auto;
	  padding-left: 10px;
	  bottom: auto;
  }
  #slideshow .headercontent_tags ol  {

    width: 100%;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
    padding-left: 20px;
  }

}
@media (max-width: 480px) {
  .locations article .col-md-5 {
    padding-left: 60px;
  }

  main h2 {
	  font-size: 24px;
  }
  main h3 {
	  font-size: 22px;
  }


}
@media (max-width: 1400px) {
  main .coursedetail .responsivetable td {
    font-size: 1.5rem;
    height: 25px;
  }
}
@media (max-width: 1200px) {
  main .flex-direction-nav {
    /*margin-top: -50%;*/
  }
  main .fhcw-widget header h4 {
    width: 100%;
  }
  main .career-wrapper {
    overflow: hidden;
  }
  main .career-wrapper img {
    width: auto;
  }
  main .coursedetail .responsivetable td {
    font-size: 1.2rem;
    height: 20px;
  }
}


@media (max-width: 992px) {


}


/* firefox */
@-moz-document url-prefix() {
  /*.nav {
    margin-top: -20px;
  }*/
  #pageheader.affix .navbar.left3d:before {
    height: 62px;
  }
  .header-breadcrumb-left-bg{
	  width: calc(100% + 1px);
  }
  .pageheader3d {
    bottom: -19px;
    width: calc(1000% + 11px);
  }
  .header-breadcrumb.left3d:before{
	  top:9px;
  }


  @media (min-width: 767px) {
    .slidebar-wrapper {
      overflow: hidden;
    }
  }
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .jumpnav {
    width: 370px !important;
  }
  .jumpnav a {
    padding-left: 40px !important;
    width: 100% !important;
  }
  .navbar.left3d:before {
    top: -10px;
  }
  .news {
    height: 100%;
  }
}