/*

green    (0, 152, 63)   #00983F
red      (226, 0, 26)   #E2001A
grey     (85, 85, 85)   #555555

*/
/* === header === */
/* --- #langRow --- */
#langRow {
  background-color: rgb(226, 0, 26);
  min-height: 2rem;
  line-height: 2rem;
  color: #FFFFFF;
}

#langRow a,
#langRow a:visited {
  color: #FFFFFF;
}

#langRow a:hover,
#langRow a:focus,
#langRow a:active {
  color: rgb(85, 85, 85);
}

/* --- #sliderNav --- */
#sliderNav {
  position: relative;
}

/* --- #navRow --- */
#navRow {
  font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif;
  top: 0;
  width: 100%;
  position: absolute;
}

#navRow .row {
  min-height: 6rem;
  background-color: #FFFFFF;
  position: relative;
}

#navRow .logo {
  position: absolute;
  right: 1.4rem;
}

#navRow .logo img {
  width: 238px;
  margin-top: 1.4rem;
}

#navRow .naviBox.column {
  padding-left: 0;
  padding-right: 0;
}

#navRow .naviBox nav .title-bar {
  margin-top: 3rem;
  background-color: rgb(255, 255, 255);
}

#navRow .naviBox nav .title-bar-title {
  color: rgb(0, 152, 63);
}

#navRow .naviBox nav .menu-icon::after {
  background: rgb(0, 152, 63) none repeat scroll 0 0;
  box-shadow: 0 7px 0 rgb(0, 152, 63), 0 14px 0 rgb(0, 152, 63);
}

#navRow .naviBox nav .menu-icon:hover::after {
  background: #cacaca none repeat scroll 0 0;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

/* --- #mainNav --- */
#mainNav {
  margin-top: 0;
}

#mainNav a {
  font-size: 1rem;
  text-transform: uppercase;
}

#mainNav ul li > .menu {
  margin-left: -0.9375rem;
}

#mainNav ul li > .menu .menu {
  padding-top: 0;
  margin-left: 0;
}

#mainNav ul li > .menu a {
  padding: 0.7rem 2rem;
}

#mainNav .is-dropdown-submenu {
  border: none;
}

.menu .active > a {
  background: #FFFFFF none repeat scroll 0 0;
  color: rgb(226, 0, 26);
}

/* --- #headRow --- */
#headRow {
  position: relative;
  top: 6rem;
}

#headRow figure {
  margin: 0;
  position: relative;
  width: 100%;
}

#headRow figure img {
  position: relative;
  width: 100%;
}

#headRow figure .caption {
  bottom: 11rem;
  position: absolute;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #FFFFFF;
}

#headRow figure .caption .captionInfo {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.8rem 1.6rem;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
}

/* === main === */
main {
  position: relative;
  background: transparent url("images/bg_main.jpg") center bottom no-repeat;
  min-height: 60rem;
}

main #content {
  position: relative;
}

main #content .contentBox {
  position: relative;
  background: transparent url("images/bg_content.png") center top repeat-x;
  top: 0;
  padding: 0 0 28rem 0;
}

/* --- #breadcrumbs --- */
#breadcrumbs {
  font-size: 0.8rem;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#breadcrumbs a,
#breadcrumbs a:visited {
  font-size: 0.8rem;
  color: #000000;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:active {
  color: rgb(85, 85, 85);
}

#breadcrumbs .arr a::before {
  content: "\f101  ";
  font-family: FontAwesome, sans-serif;
}

/* --- #mainRow --- */
#mainRow .bx {
  padding: 1rem;
  margin-bottom: 2rem;
}

#mainRow .bxWhite {
  background-color: #FFFFFF;
}

#mainRow .bxGrey {
  background-color: #555555;
}

#mainRow .bxGreyBorder {
  background-color: #FFFFFF;
  border: 1px solid #555555;
}

#mainRow .bxTransparentWhite {
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid rgb(255, 255, 255);
}

#mainRow .bxRed {
  background-color: #E2001A;
}

#mainRow .bxGreen {
  background-color: #00983F;
}

#mainRow .bxText h1,
#mainRow .bxText h2,
#mainRow .bxText h3,
#mainRow .bxText h4,
#mainRow .bxText h5,
#mainRow .bxText h6,
#mainRow .bxText {
  color: #FFFFFF;
}

#mainRow .bxText a,
#mainRow .bxText a:visited {
  color: #FFFFFF;
}

#mainRow .bxText a:hover,
#mainRow .bxText a:active,
#mainRow .bxText a:focus {
  color: #CCCCCC;
}

#mainRow .bxText p:last-child {
  margin-bottom: 0;
}

/* === footer === */
footer {
  background-color: rgb(226, 0, 26);
  min-height: 20rem;
  color: #FFFFFF;
}

footer a,
footer a:visited {
  color: #FFFFFF;
}

footer a:hover,
footer a:focus,
footer a:active {
  color: rgb(85, 85, 85);
}

footer h4 {
  color: #FFFFFF;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
}

/* --- #footRow --- */
/* --- #footRowLeft --- */
#footRowLeft {
  padding-top: 2rem;
}

#footRowLeft a {
  padding-left: 1.5rem;
}

#footRowLeft a::before {
  content: "\f101  ";
  font-family: FontAwesome, sans-serif;
}

/* --- #footRowRight --- */
#footRowRight {
  padding-top: 2rem;
}

#footRowRight .geContent {
  margin-left: 1rem;
}

/* --- #footLogo --- */
#footLogo {
  border-top: 1px solid #FFFFFF;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

/* --- #hub --- */
#hub {
  background: url("images/bg_hub.png") left top no-repeat;
  position: fixed;
  right: -302px;
  top: 10rem;
  z-index: 500;
  width: 23rem;
  display: none;
}

#hub h2 {
  color: rgb(226, 0, 26);
  font-size: 1.3rem;
  font-weight: bold;
}

#hub .lasche {
  float: left;
  padding: 1.3rem 0.2rem 0.75rem 1.5rem;
  cursor: pointer;
}

#hub .lasche img {
  padding-top: 0.6rem;
}

#hub .box {
  float: left;
  width: 19rem;
  height: 16rem;
  padding: 1.5rem 0.5rem 3rem 2rem;
}

#hub .box img {
  padding-bottom: 0.7rem;
}

#hub a,
#hub a:visited {
  padding: 0.5rem;
  font-size: 2.2rem;
  color: rgb(85, 85, 85);
}

#hub a:focus,
#hub a:active,
#hub a:visited {
  color: rgb(150, 192, 58);
}

/*# sourceMappingURL=styles.css.map */