@charset "UTF-8";
/* 
    Author     : Steffen Hoffmann, quantumscio
*/
/* 
    Author     : Steffen Hoffmann <steffen.hoffmann@quantumscio.de>
*/
/* Screen Breakpoints */
/* Fonts */
/* Colors */
/* 
    Author     : Steffen Hoffmann, quantumscio
*/
/*
Author     : Steffen Hoffmann <steffen.hoffmann@quantumscio.de>

Definieren der Layoutparameter für kleine Bildschirme
*/
@media screen and (min-width: 0px) {
  body {
    border-top: 0.125rem solid #006BB3; }

  #container_header {
    margin-top: 1.5rem;
    margin-bottom: 1.0rem;
    font-size: 1rem; }

  #container_nav {
    margin-bottom: 1.0rem;
    font-size: 1.0rem; }

  #container_teaser {
    margin-bottom: 1rem; }

  #fx-login-container {
    margin-top: 1rem; } }
/* 
    Author     : Steffen Hoffmann <steffen.hoffmann@quantumscio.de>
*/
@media screen and (min-width: 640px) {
  body {
    border-top: 0.25rem solid #006BB3; }

  #container_header #container_top-menu {
    text-align: right;
    font-size: 0.875rem; }
  #container_header span.top_slogan {
    font-size: 1.125rem; }

  #container_teaser {
    margin-bottom: 2rem; }

  #fx-login-container {
    margin-top: 5rem; } }
/* 
    Author     : Steffen Hoffmann <steffen.hoffmann@quantumscio.de>
*/
@media screen and (min-width: 1024px) {
  #container_header {
    margin-bottom: 3.0rem; }
    #container_header #container_top-menu {
      font-size: 0.875rem; }

  #container_nav {
    margin-bottom: 2.0rem;
    font-size: 1.25rem; }
    #container_nav #container_main-menu {
      font-size: 1.375rem;
      font-weight: 300; }
      #container_nav #container_main-menu li {
        padding-left: 1.0rem;
        padding-right: 1.0rem; }

  #container_main-submenu {
    margin-top: -2.0rem;
    margin-bottom: 2rem; }

  #container_teaser {
    margin-bottom: 0.0rem; }

  #fx-login-container {
    margin-top: 10rem; } }
body P {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 2.0rem; }
body H1, body H2, body H3 {
  margin-top: 1rem;
  margin-bottom: 1.5rem; }

#container_header #container_top-menu ul {
  list-style: none; }
  #container_header #container_top-menu ul li {
    display: inline-block;
    border-right: 1px solid #2D6286;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
    #container_header #container_top-menu ul li a {
      color: #2D6286; }
      #container_header #container_top-menu ul li a:hover {
        color: #006BB3; }
  #container_header #container_top-menu ul li.firstMenuItem {
    border-left: 0; }
  #container_header #container_top-menu ul li.lastMenuItem {
    border-right: 0; }
#container_header span.top_slogan {
  text-transform: uppercase;
  font-weight: 600;
  color: #006BB3; }

#container_nav #container_main-menu ul {
  list-style: none; }
  #container_nav #container_main-menu ul li {
    display: inline-block;
    color: #2D6286;
    text-decoration: none;
    font-weight: 300;
    cursor: pointer; }
    #container_nav #container_main-menu ul li:hover, #container_nav #container_main-menu ul li:focus {
      text-decoration: none;
      color: #006BB3; }
    #container_nav #container_main-menu ul li.current, #container_nav #container_main-menu ul li.active {
      font-weight: 400;
      color: #006BB3; }
    #container_nav #container_main-menu ul li a {
      color: #2D6286;
      text-decoration: none;
      font-weight: 300; }
      #container_nav #container_main-menu ul li a:hover, #container_nav #container_main-menu ul li a:focus {
        text-decoration: none;
        color: #006BB3; }

#container_main-submenu .main-submenu {
  padding: 1rem 1rem 0rem 1rem;
  border-top: 1px solid #D0D7DB;
  border-bottom: 1px solid #BCC5CC;
  display: none;
  background: #f4f4f4;
  background: linear-gradient(#fff 50%, #F8F9FA 85%, #F4F6F7);
  /* Standard syntax */ }
#container_main-submenu DIV.msl-1 {
  margin-bottom: 1.50rem; }
  #container_main-submenu DIV.msl-1 a.msl-1 {
    font-size: 1.1875rem;
    font-weight: 500;
    color: #2D6286; }
    #container_main-submenu DIV.msl-1 a.msl-1:hover, #container_main-submenu DIV.msl-1 a.msl-1:focus {
      color: #006BB3;
      text-decoration: none; }
    #container_main-submenu DIV.msl-1 a.msl-1.current {
      color: #006BB3; }
    #container_main-submenu DIV.msl-1 a.msl-1.active {
      color: #4C97CA; }
#container_main-submenu UL.msl-2 {
  list-style: none;
  border-top: 1px solid #D0D7DB;
  margin: 0.25rem 0rem 0rem 0rem;
  padding: 0.50rem 0rem 0rem 0.50rem; }
#container_main-submenu DIV.msl-2 {
  font-size: 1.000rem;
  font-weight: 500;
  line-height: 1.875rem; }
  #container_main-submenu DIV.msl-2 a.msl-2 {
    color: #9FACB7; }
    #container_main-submenu DIV.msl-2 a.msl-2:hover, #container_main-submenu DIV.msl-2 a.msl-2:focus {
      color: #006BB3;
      text-decoration: none; }
    #container_main-submenu DIV.msl-2 a.msl-2.current {
      color: #006BB3;
      font-weight: 600; }
    #container_main-submenu DIV.msl-2 a.msl-2.active {
      color: #4C97CA; }
#container_main-submenu UL.msl-3 {
  list-style: none;
  border-top: 0px solid #D0D7DB;
  margin: 0.00rem 0rem 0.75rem 0rem;
  padding: 0.0rem 0rem 0rem 0.50rem; }
#container_main-submenu DIV.msl-3 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.75rem; }
  #container_main-submenu DIV.msl-3 a.msl-3 {
    color: #9FACB7; }
    #container_main-submenu DIV.msl-3 a.msl-3:hover, #container_main-submenu DIV.msl-3 a.msl-3:focus {
      color: #006BB3;
      text-decoration: none; }
    #container_main-submenu DIV.msl-3 a.msl-3.current {
      color: #006BB3;
      font-weight: 600; }
    #container_main-submenu DIV.msl-3 a.msl-3.active {
      color: #4C97CA; }

#container_teaser {
  background-color: transparent; }
  #container_teaser #fx-teaser-home {
    width: 100%;
    height: auto; }
    #container_teaser #fx-teaser-home .fx-slide {
      width: 100%; }
      #container_teaser #fx-teaser-home .fx-slide img {
        width: 100%; }
  #container_teaser #fx-teaser-home-dots {
    position: relative;
    top: -4rem;
    height: 0px;
    background: transparent; }

.sub-teaser {
  overflow: hidden;
  margin-bottom: 0.5rem; }
  .sub-teaser img {
    width: 100%;
    height: auto; }
  .sub-teaser h3 {
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    font-size: 1.5rem;
    font-weight: 300; }
  .sub-teaser .sub-teaser-desc {
    font-weight: 400; }
  .sub-teaser .sub-teaser-link {
    margin-top: 0.25rem;
    font-weight: 500; }

.new-section {
  margin-bottom: 1.5rem; }
  .new-section hr {
    border-bottom: 1px solid #D0D7DB; }

.section-spacer-big {
  margin-bottom: 6.0rem; }

.section-spacer-mid {
  margin-bottom: 3.0rem; }

.section-spacer-tiny {
  margin-bottom: 1.5rem; }

footer {
  margin-top: 3.0rem;
  border-top: 2rem solid #CAD8E1;
  background: #2D6286;
  padding-top: 2.0rem;
  color: #D5E0E7; }
  footer a {
    color: #D5E0E7;
    text-decoration: none; }
    footer a:hover, footer a:active, footer a:focus {
      color: #FFF;
      text-decoration: none; }
  footer #footer-main-row {
    margin-bottom: 2rem; }
    footer #footer-main-row ul {
      list-style: none; }
    footer #footer-main-row #footer-mainmenu {
      font-size: 1.25rem; }
    footer #footer-main-row #footer-information {
      font-size: 1.125rem;
      color: #FFF; }
  footer #footer-sub-row {
    color: #CAD8E1;
    font-size: 0.8125rem;
    padding-bottom: 2rem; }

#fx-login-container {
  border: 1px solid #9FACB7;
  padding: 2.5rem;
  background: #f4f4f4;
  text-align: center; }
  #fx-login-container .fx-login_form {
    margin-top: 2rem;
    margin-bottom: 2rem; }

/* HELPER */
.left {
  text-align: left; }

.right {
  text-align: right; }

#offCanvasMenu {
  padding: 0.25rem 0.375rem 0.25rem 0.25rem; }
  #offCanvasMenu div.ocMenuTitle {
    padding: 0.3125rem 0rem 0.25rem 1rem;
    margin-bottom: 0.125rem;
    color: #798C99;
    background: #C9D1D6;
    font-size: 1.25rem;
    font-weight: 500; }
  #offCanvasMenu a {
    background-color: #E4E8EB;
    color: #798C99; }
    #offCanvasMenu a.active, #offCanvasMenu a.current {
      color: #52616D;
      background-color: #D7DCE0; }
    #offCanvasMenu a.current {
      font-weight: 600;
      background-color: #798C99;
      color: #FFF; }
  #offCanvasMenu button.submenu-toggle {
    background: #D7DCE0; }
  #offCanvasMenu li {
    margin-bottom: 0.125rem; }
  #offCanvasMenu ul.mmmLevel2,
  #offCanvasMenu ul.mmmLevel3,
  #offCanvasMenu ul.mmmLevel4 {
    padding-top: 0.125rem; }
  #offCanvasMenu ul.mmmLevel2 {
    font-size: 1.00rem; }
  #offCanvasMenu ul.mmmLevel3 {
    font-size: 0.9375rem; }
  #offCanvasMenu ul.mmmLevel3 {
    font-size: 0.875rem; }

/*
*/
/*     
    Author     : Steffen Hoffmann <steffen.hoffmann@quantumscio.de>
    Description: CSS Styling of Dynamic Content Elements (DCE)
*/
.DCE_SimpleImage .DCE_SimpleImage_Descr {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400; }

.DCE_SimpleButton a:hover, .DCE_SimpleButton a:focus {
  text-decoration: none !important; }

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