/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.06.2018, 19:44:49
    Author     : SteffenHoffmann
*/
/* 
    Author     : Steffen Hoffmann, quantumscio
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Author     : SteffenHoffmann
*/
body {
  background: inherit;
  font-family: 'Encode Sans',sans-serif;
}
body p {
  font-size: 100%;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Encode Sans', sans-serif;
  font-weight: 300;
}
body h1 {
  text-transform: uppercase;
}

#fx_top-nav-container {
  background: #FFF;
}

#fx_top-nav {
  padding: 0rem 0.75rem 0.25rem 0.75rem;
  border-bottom: 0.375rem solid #e6e6ea;
  background: #009fb7;
  color: #FFF;
  font-size: 0.875rem;
  line-height: 3rem;
}
#fx_top-nav .button {
  background: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.95);
  margin: 0rem 0rem;
}
#fx_top-nav .button:hover, #fx_top-nav .button:focus {
  color: white;
  background: rgba(0, 0, 0, 0.5);
}
#fx_top-nav .secondary {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.2);
}
#fx_top-nav .secondary:hover, #fx_top-nav .secondary:focus {
  color: white;
  background: rgba(0, 0, 0, 0.5);
}

#fx_top-header-container {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

#fx_top-logo {
  line-height: 3rem;
}

#fx_top-partner #fx_top-partner-info {
  height: 3rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
  padding-top: 0.25rem;
  color: #939395;
  font-size: 0.875rem;
}
#fx_top-partner #fx_top-partner-info #fx_top-partner-name {
  font-weight: 600;
}
#fx_top-partner #fx_top-partner-img img {
  display: inline-block;
  overflow: hidden;
  height: 3rem;
  width: 3rem;
}
#fx_top-partner .button {
  height: 3rem;
  width: 3rem;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

#fx_teaser-container {
  min-height: auto;
  margin-bottom: 0;
  background-image: url(../img/bg_teaser_prim.png);
  background-repeat: repeat-x;
}

#fx_subteaser-container {
  min-height: 10rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #009fb7;
}
#fx_subteaser-container h1, #fx_subteaser-container h2, #fx_subteaser-container h3, #fx_subteaser-container h4, #fx_subteaser-container h5, #fx_subteaser-container p {
  color: #FFF;
  color: rgba(255, 255, 255, 0.9);
}

#fx_footer-container {
  padding-top: 2rem;
  padding-bottom: 4rem;
  background-color: #004e64;
  color: #FFF;
  color: rgba(255, 255, 255, 0.8);
}
#fx_footer-container #fx_footer {
  font-size: 0.875rem;
}
#fx_footer-container #fx_footer A {
  color: #FFF;
  color: rgba(255, 255, 255, 0.8);
}
#fx_footer-container #fx_footer A:hover, #fx_footer-container #fx_footer A:focus {
  color: #FFF;
}
#fx_footer-container #fx_footer-social {
  margin-bottom: 0.75rem;
}
#fx_footer-container #fx_footer-social .button {
  background-color: #de272c;
  background-color: rgba(0, 159, 183, 0.5);
  font-size: 1.125rem;
}
#fx_footer-container #fx_footer-social .button:hover, #fx_footer-container #fx_footer-social .button:focus {
  background-color: #de272c;
}
#fx_footer-container #fx_footer-topOfPage {
  margin-bottom: 0.75rem;
}
#fx_footer-container #fx_footer-topOfPage .button {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFF;
  color: rgba(255, 255, 255, 0.65);
  font-size: 1.125rem;
}
#fx_footer-container #fx_footer-topOfPage .button:hover, #fx_footer-container #fx_footer-topOfPage .button:focus {
  background-color: #de272c;
}
#fx_footer-container #fx_footer-disclaimer {
  font-size: 0.75rem;
}

.sec_c_transparent,
.sec_c_primary,
.sec_c_secondary,
.sec_c_white,
.sec_c_shinygray,
.sec_c_lightgray,
.sec_c_midgray,
.sec_c_darkgray {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sec_c_transparent,
.sec_c_white,
.sec_c_shinygray,
.sec_c_lightgray {
  color: #000;
  color: rgba(0, 0, 0, 0.8);
}
.sec_c_transparent h1, .sec_c_transparent h2, .sec_c_transparent h3, .sec_c_transparent h4, .sec_c_transparent h5, .sec_c_transparent p, .sec_c_transparent ul, .sec_c_transparent ol,
.sec_c_white h1,
.sec_c_white h2,
.sec_c_white h3,
.sec_c_white h4,
.sec_c_white h5,
.sec_c_white p,
.sec_c_white ul,
.sec_c_white ol,
.sec_c_shinygray h1,
.sec_c_shinygray h2,
.sec_c_shinygray h3,
.sec_c_shinygray h4,
.sec_c_shinygray h5,
.sec_c_shinygray p,
.sec_c_shinygray ul,
.sec_c_shinygray ol,
.sec_c_lightgray h1,
.sec_c_lightgray h2,
.sec_c_lightgray h3,
.sec_c_lightgray h4,
.sec_c_lightgray h5,
.sec_c_lightgray p,
.sec_c_lightgray ul,
.sec_c_lightgray ol {
  color: #000;
  color: rgba(0, 0, 0, 0.8);
}

.sec_c_primary,
.sec_c_secondary,
.sec_c_midgray,
.sec_c_darkgray {
  color: #FFF;
  color: rgba(255, 255, 255, 0.9);
}
.sec_c_primary h1, .sec_c_primary h2, .sec_c_primary h3, .sec_c_primary h4, .sec_c_primary h5, .sec_c_primary p, .sec_c_primary ul, .sec_c_primary ol,
.sec_c_secondary h1,
.sec_c_secondary h2,
.sec_c_secondary h3,
.sec_c_secondary h4,
.sec_c_secondary h5,
.sec_c_secondary p,
.sec_c_secondary ul,
.sec_c_secondary ol,
.sec_c_midgray h1,
.sec_c_midgray h2,
.sec_c_midgray h3,
.sec_c_midgray h4,
.sec_c_midgray h5,
.sec_c_midgray p,
.sec_c_midgray ul,
.sec_c_midgray ol,
.sec_c_darkgray h1,
.sec_c_darkgray h2,
.sec_c_darkgray h3,
.sec_c_darkgray h4,
.sec_c_darkgray h5,
.sec_c_darkgray p,
.sec_c_darkgray ul,
.sec_c_darkgray ol {
  color: #FFF;
  color: rgba(255, 255, 255, 0.9);
}
.sec_c_primary .button,
.sec_c_secondary .button,
.sec_c_midgray .button,
.sec_c_darkgray .button {
  background: rgba(0, 0, 0, 0.25);
  color: rgba(255, 255, 255, 0.9);
  margin: 0rem 0rem;
}
.sec_c_primary .button:hover, .sec_c_primary .button:focus,
.sec_c_secondary .button:hover,
.sec_c_secondary .button:focus,
.sec_c_midgray .button:hover,
.sec_c_midgray .button:focus,
.sec_c_darkgray .button:hover,
.sec_c_darkgray .button:focus {
  color: white;
  background: rgba(0, 0, 0, 0.5);
}
.sec_c_primary .secondary,
.sec_c_secondary .secondary,
.sec_c_midgray .secondary,
.sec_c_darkgray .secondary {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.85);
}
.sec_c_primary .secondary:hover, .sec_c_primary .secondary:focus,
.sec_c_secondary .secondary:hover,
.sec_c_secondary .secondary:focus,
.sec_c_midgray .secondary:hover,
.sec_c_midgray .secondary:focus,
.sec_c_darkgray .secondary:hover,
.sec_c_darkgray .secondary:focus {
  color: white;
  background: rgba(0, 0, 0, 0.5);
}

.sec_c_transparent {
  background-color: transparent;
}
.sec_c_transparent h3 {
  color: #009fb7;
}
.sec_c_transparent h4 {
  color: #de272c;
}

.sec_c_white {
  background-color: #FFF;
}
.sec_c_white h3 {
  color: #009fb7;
}
.sec_c_white h4 {
  color: #de272c;
}

.sec_c_shinygray {
  background-color: #f4f4f8;
}
.sec_c_shinygray h3 {
  color: #009fb7;
}
.sec_c_shinygray h4 {
  color: #de272c;
}

.sec_c_lightgray {
  background-color: #e6e6ea;
}
.sec_c_lightgray h3 {
  color: #009fb7;
}
.sec_c_lightgray h4 {
  color: #de272c;
}

.sec_c_primary {
  background-color: #009fb7;
}

.sec_c_secondary {
  background-color: #de272c;
}

.sec_c_midgray {
  background-color: #939395;
}

.sec_c_darkgray {
  background-color: #545456;
}

#fx_top-nav .fx_menu {
  line-height: 0.875rem;
  margin: 0;
  padding: 0;
}
#fx_top-nav .fx_menu LI {
  display: inline-block;
  margin: 0;
  list-style: none;
}
#fx_top-nav .fx_menu LI A {
  display: inline-block;
  height: auto;
  padding: 1.125rem 0.75rem 0.6875rem 0.75rem;
  color: #FFF;
}
#fx_top-nav .fx_menu LI A:hover, #fx_top-nav .fx_menu LI A.is-active {
  background: rgba(0, 0, 0, 0.25);
}

.fx_tinynav {
  margin: 0.5rem 0rem;
  padding: 0;
}
.fx_tinynav LI {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding-right: 0.25rem;
}
.fx_tinynav LI A {
  display: inline-block;
  height: auto;
  color: rgba(255, 255, 255, 0.65);
}
.fx_tinynav LI A:hover, .fx_tinynav LI A.is-active {
  color: white;
}

.size-12, .size-75p {
  font-size: 0.75rem;
}

.size-14 {
  font-size: 0.875rem;
}

.size-16 {
  font-size: 1.00rem;
}

.size-18 {
  font-size: 1.125rem;
}

.size-20, .size-125p {
  font-size: 1.25rem;
}

.size-21 {
  font-size: 1.3125rem;
}

.size-24 {
  font-size: 1.50rem;
}

.size-36 {
  font-size: 2.25rem;
}

.size-48 {
  font-size: 3.00rem;
}

.size-60 {
  font-size: 3.75rem;
}

.size-72 {
  font-size: 4.50rem;
}

.m-left-0_5 {
  margin-left: 0.5rem;
}

.m-left-1 {
  margin-left: 1rem;
}

.m-left-1_5 {
  margin-left: 1.5rem;
}

.m-left-2 {
  margin-left: 2rem;
}

.m-right-0_5 {
  margin-right: 0.50rem;
}

.m-right-1 {
  margin-right: 1.00rem;
}

.m-right-1_5 {
  margin-right: 1.5rem;
}

.m-right-2 {
  margin-right: 2.00rem;
}

/* Inline-Block */
.ib-width-1 {
  display: inline-block;
  width: 1.00rem;
}

.ib-width-1_5 {
  display: inline-block;
  width: 1.50rem;
}

.ib-width-2 {
  display: inline-block;
  width: 2.00rem;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Author     : SteffenHoffmann
*/
@media screen and (min-width: 0px) {
  #fx_top-header-container {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  #fx_teaser-container {
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding: 0;
  }
  #fx_teaser-container #fx_teaser {
    padding: 0;
  }

  #fx_footer-content {
    margin-left: 1rem;
  }

  #fx_footer-col2 {
    margin-top: 1rem;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Author     : SteffenHoffmann
*/
@media screen and (min-width: 640px) {
  #fx_logo-top_small-medium img {
    max-height: 1.5rem;
    width: auto;
  }

  #fx_top-header-container {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
  }

  #fx_footer-content {
    margin-left: 0rem;
  }

  #fx_footer-col2 {
    margin-top: 0rem;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Author     : SteffenHoffmann
*/
@media screen and (min-width: 1024px) {
  #fx_top-header-container {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
  }

  #fx_footer-content {
    margin-left: 1rem;
  }
}
/*
TYPO3 STUFF
*/
/*     
    Author     : SteffenHoffmann
*/
.ce-headline-left {
  text-align: left;
}

.ce-headline-center {
  text-align: center;
}

.ce-headline-right {
  text-align: right;
}

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