body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern'; }

body {
  color: #373737; }
  body.locked {
    overflow: hidden;
    width: 100%; }

*:focus {
  outline: none; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

a:focus, a:active {
  outline: none; }

.full {
  width: 100%;
  overflow: hidden; }

section,
.sectionBlock {
  position: relative;
  background-repeat: no-repeat;
  padding-top: 90px;
  padding-bottom: 180px; }
  @media (min-width: 1px) and (max-width: 767px) {
    section,
    .sectionBlock {
      padding-top: 45px;
      padding-bottom: 90px; } }
  section.paddingBeforeNone,
  .sectionBlock.paddingBeforeNone {
    padding-top: 0; }
  section.paddingAfterNone,
  .sectionBlock.paddingAfterNone {
    padding-bottom: 0; }
  section.paddingBeforeSmall,
  .sectionBlock.paddingBeforeSmall {
    padding-top: 50px; }
    @media (min-width: 1px) and (max-width: 767px) {
      section.paddingBeforeSmall,
      .sectionBlock.paddingBeforeSmall {
        padding-top: 25px; } }
  section.paddingAfterSmall,
  .sectionBlock.paddingAfterSmall {
    padding-bottom: 50px; }
    @media (min-width: 1px) and (max-width: 767px) {
      section.paddingAfterSmall,
      .sectionBlock.paddingAfterSmall {
        padding-bottom: 25px; } }
  section.paddingBeforeMedium,
  .sectionBlock.paddingBeforeMedium {
    padding-top: 150px; }
    @media (min-width: 1px) and (max-width: 767px) {
      section.paddingBeforeMedium,
      .sectionBlock.paddingBeforeMedium {
        padding-top: 75px; } }
  section.paddingAfterMedium,
  .sectionBlock.paddingAfterMedium {
    padding-bottom: 150px; }
    @media (min-width: 1px) and (max-width: 767px) {
      section.paddingAfterMedium,
      .sectionBlock.paddingAfterMedium {
        padding-bottom: 75px; } }
  section.paddingBeforeLarge,
  .sectionBlock.paddingBeforeLarge {
    padding-top: 300px; }
    @media (min-width: 1px) and (max-width: 767px) {
      section.paddingBeforeLarge,
      .sectionBlock.paddingBeforeLarge {
        padding-top: 150px; } }
  section.paddingAfterLarge,
  .sectionBlock.paddingAfterLarge {
    padding-bottom: 300px; }
    @media (min-width: 1px) and (max-width: 767px) {
      section.paddingAfterLarge,
      .sectionBlock.paddingAfterLarge {
        padding-bottom: 150px; } }

.vh33 {
  height: 33vh;
  overflow: hidden;
  min-height: 150px; }

.vh66 {
  height: 66vh;
  overflow: hidden;
  min-height: 150px; }

.vhFull {
  height: 100vh;
  overflow: hidden;
  min-height: 150px; }

.vSpacer {
  width: 100%; }
  .vSpacer.vSpacerSm {
    height: 50px; }
  .vSpacer.vSpacerMd {
    height: 100px; }
  .vSpacer.vSpacerLg {
    height: 140px; }

.scrollToAnchor {
  text-decoration: none; }
  .scrollToAnchor:focus, .scrollToAnchor:hover, .scrollToAnchor:active {
    text-decoration: none; }

.sticky-wrapper .stickySubNav {
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 99; }
  .sticky-wrapper .stickySubNav ul li {
    -webkit-transition: font 0.2s ease;
    -moz-transition: font 0.2s ease;
    -ms-transition: font 0.2s ease;
    -o-transition: font 0.2s ease;
    transition: font 0.2s ease; }
.sticky-wrapper.is-sticky .stickySubNav ul li {
  font-size: 16px; }

.categoryList {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-bottom: 10px; }
  .categoryList li {
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 30px; }
    .categoryList li.separator {
      color: #cccccc; }
    .categoryList li a {
      text-decoration: none; }
      .categoryList li a.active, .categoryList li a:hover, .categoryList li a:focus, .categoryList li a:active {
        color: #7ED023; }
      .categoryList li a.active {
        font-weight: bold; }

@font-face {
  font-family: 'Brandon';
  src: url("/website/static/asset/font/brandon/brandongrotesque-bold-webfont.eot");
  src: url("/website/static/asset/font/brandon/brandongrotesque-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/website/static/asset/font/brandon/brandongrotesque-bold-webfont.woff2") format("woff2"), url("/website/static/asset/font/brandon/brandongrotesque-bold-webfont.woff") format("woff"), url("/website/static/asset/font/brandon/brandongrotesque-bold-webfont.ttf") format("truetype"), url("/website/static/asset/font/brandon/brandongrotesque-bold-webfont.svg#brandon_grotesquebold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Avenir';
  src: url("/website/static/asset/font/avenir/AvenirLTStd-Roman_gdi.eot");
  src: url("/website/static/asset/font/avenir/AvenirLTStd-Roman_gdi.eot?#iefix") format("embedded-opentype"), url("/website/static/asset/font/avenir/AvenirLTStd-Roman_gdi.woff") format("woff"), url("/website/static/asset/font/avenir/AvenirLTStd-Roman_gdi.ttf") format("truetype"), url("/website/static/asset/font/avenir/AvenirLTStd-Roman_gdi.svg#AvenirLTStd-Roman") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'AvenirOblique';
  src: url("/website/static/asset/font/avenir/AvenirLTStd-LightOblique_gdi.eot");
  src: url("/website/static/asset/font/avenir/AvenirLTStd-LightOblique_gdi.eot?#iefix") format("embedded-opentype"), url("/website/static/asset/font/avenir/AvenirLTStd-LightOblique_gdi.woff") format("woff"), url("/website/static/asset/font/avenir/AvenirLTStd-LightOblique_gdi.ttf") format("truetype"), url("/website/static/asset/font/avenir/AvenirLTStd-LightOblique_gdi.svg#AvenirLTStd-LightOblique") format("svg");
  font-weight: 300;
  font-style: oblique;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'AvenirBold';
  src: url("/website/static/asset/font/avenir/AvenirLTStd-Black_gdi.eot");
  src: url("/website/static/asset/font/avenir/AvenirLTStd-Black_gdi.eot?#iefix") format("embedded-opentype"), url("/website/static/asset/font/avenir/AvenirLTStd-Black_gdi.woff") format("woff"), url("/website/static/asset/font/avenir/AvenirLTStd-Black_gdi.ttf") format("truetype"), url("/website/static/asset/font/avenir/AvenirLTStd-Black_gdi.svg#AvenirLTStd-Black") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'bas-webfont';
  src: url("/website/static/asset/font/bas-webfont/bas-webfont.eot?-2gtgi7");
  src: url("/website/static/asset/font/bas-webfont/bas-webfont.eot?#iefix-2gtgi7") format("embedded-opentype"), url("/website/static/asset/font/bas-webfont/bas-webfont.woff?-2gtgi7") format("woff"), url("/website/static/asset/font/bas-webfont/bas-webfont.ttf?-2gtgi7") format("truetype"), url("/website/static/asset/font/bas-webfont/bas-webfont.svg?-2gtgi7#bas-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
.bas-icon, .tweetThis:hover:before {
  font-family: 'bas-webfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

.bas-icon-linkedin:before {
  content: "\eac9"; }

.bas-icon-xing:before {
  content: "\ead2"; }

.bas-icon-quote:before {
  content: "\e605"; }

.bas-icon-arrow-left:before {
  content: "\e600"; }

.bas-icon-arrow-right:before {
  content: "\e601"; }

.bas-icon-burger:before {
  content: "\e602"; }

.bas-icon-close:before {
  content: "\e603"; }

.bas-icon-scroll-down:before {
  content: "\e604"; }

.bas-icon-google-plus:before {
  content: "\ea88"; }

.bas-icon-facebook:before {
  content: "\ea8c"; }

.bas-icon-twitter:before {
  content: "\ea91"; }

.bas-icon-github {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 7px;
  height: 30px;
  width: 30px;
  background-image: url("/website/static/asset/img/icons/github.svg"); }
  .bas-icon-github:hover {
    background-image: url("/website/static/asset/img/icons/github_hover.svg"); }

.bas-icon-instagram {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 7px;
  height: 30px;
  width: 30px;
  background-image: url("/website/static/asset/img/icons/instagram.svg"); }
  .bas-icon-instagram.bas-icon-instagram-inverted {
    background-image: url("/website/static/asset/img/icons/instagram-inverted.svg"); }
  .bas-icon-instagram:hover {
    background-image: url("/website/static/asset/img/icons/instagram_hover.svg"); }

body {
  font-family: 'Avenir', Helvetica, Arial , Tahoma, Verdana, sans-serif;
  color: #373737; }

h3, h4, h5, h6, p, .referencePage .hero .refrenceSubtitle {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

h1, h2 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Avenir', Helvetica, Arial , Tahoma, Verdana, sans-serif; }

/*

h1, h2,
.headlineLarge {
    @include primaryFont;
	text-transform: uppercase;
	font-size: 60px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 40px;
	line-height: 1;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;

	@include breakPoint(sm-only){
		font-size: 50px;
		line-height: 65px;
		margin-top: 15px;
		margin-bottom: 30px;
	}

	@include breakPoint(xs-only){
		font-size: 40px;
		line-height: 50px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	// all smaller than iphone 6
	@media (max-width: 375px){
		font-size: 28px;
		line-height: 35px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
}

h3,
.headlineMedium {
	@include copyTextBoldFont;
	font-size: 30px;
	margin-top: 15px;
	margin-bottom: 25px;

	@include breakPoint(sm-only){
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	@include breakPoint(xs-only){
		font-size: 18px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
}

h4, h5,
.headlineSmall {
	@include copyTextBoldFont;
	font-size: 25px;
	margin-top: 15px;
	margin-bottom: 25px;

	@include breakPoint(sm-only){
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	@include breakPoint(xs-only){
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
}

.h5 {
	@include copyTextFont;
}

*/
.headlineLarge {
  font-family: 'Brandon', Helvetica, Arial , Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 40px;
  	/*line-height: 1;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;*/ }
  @media (min-width: 768px) and (max-width: 991px) {
    .headlineLarge {
      font-size: 50px;
      margin-top: 15px;
      margin-bottom: 30px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .headlineLarge {
      font-size: 40px;
      margin-top: 10px;
      margin-bottom: 20px; } }
  @media (max-width: 375px) {
    .headlineLarge {
      font-size: 27px;
      margin-top: 5px;
      margin-bottom: 10px; } }

.headlineMedium {
  font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif;
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 25px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .headlineMedium {
      font-size: 22px;
      margin-top: 10px;
      margin-bottom: 20px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .headlineMedium {
      font-size: 22px;
      margin-top: 10px;
      margin-bottom: 20px; } }

.headlineSmall {
  font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif;
  font-size: 25px;
  margin-top: 15px;
  margin-bottom: 25px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .headlineSmall {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 20px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .headlineSmall {
      font-size: 14px;
      margin-top: 5px;
      margin-bottom: 15px; } }

i, em, blockquote {
  font-family: 'AvenirOblique', Helvetica, Arial , Tahoma, Verdana, sans-serif;
  font-style: italic; }

b, strong {
  font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif; }

section,
p,
.referencePage .hero .refrenceSubtitle,
li,
.basBtn {
  font-size: 20px;
  line-height: 1.5;
  word-wrap: break-word; }
  @media (min-width: 768px) and (max-width: 991px) {
    section,
    p,
    .referencePage .hero .refrenceSubtitle,
    li,
    .basBtn {
      font-size: 18px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    section,
    p,
    .referencePage .hero .refrenceSubtitle,
    li,
    .basBtn {
      font-size: 16px; } }

p, .referencePage .hero .refrenceSubtitle {
  margin-top: 15px;
  margin-bottom: 25px; }
  p span.caption, .referencePage .hero .refrenceSubtitle span.caption {
    font-size: 14px;
    margin-top: 5px;
    font-family: 'AvenirOblique', Helvetica, Arial , Tahoma, Verdana, sans-serif;
    font-style: italic; }

a,
.wysiwygBrick a {
  color: #373737;
  text-decoration: underline;
  outline: none !important; }
  a:focus, a:active, a:hover,
  .wysiwygBrick a:focus,
  .wysiwygBrick a:active,
  .wysiwygBrick a:hover {
    color: #373737; }
  a:visited,
  .wysiwygBrick a:visited {
    color: #373737; }
  a.noline,
  .wysiwygBrick a.noline {
    text-decoration: none; }

.highlight {
  color: #7ED023; }
  .highlight a,
  .highlight .wysiwygBrick a {
    color: #7ED023; }
    .highlight a:focus, .highlight a:active, .highlight a:hover,
    .highlight .wysiwygBrick a:focus,
    .highlight .wysiwygBrick a:active,
    .highlight .wysiwygBrick a:hover {
      color: #373737; }
    .highlight a:visited,
    .highlight .wysiwygBrick a:visited {
      color: #7ED023; }

a.highlight {
  color: #7ED023; }
  a.highlight:focus, a.highlight:active, a.highlight:hover {
    color: #373737; }
  a.highlight:visited {
    color: #7ED023; }

.invertedText {
  color: #ffffff; }
  .invertedText a,
  .invertedText .wysiwygBrick a {
    color: #ffffff; }
    .invertedText a:focus, .invertedText a:active, .invertedText a:hover,
    .invertedText .wysiwygBrick a:focus,
    .invertedText .wysiwygBrick a:active,
    .invertedText .wysiwygBrick a:hover {
      color: #ffffff; }
    .invertedText a:visited,
    .invertedText .wysiwygBrick a:visited {
      color: #ffffff; }

h1 a, h2 a, h3 a {
  text-decoration: none !important; }

#pageHeader {
  min-height: 28px;
  position: fixed;
  z-index: 101;
  top: 0;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 10px; }
  #pageHeader.menuActive {
    background-color: #333333 !important;
    box-shadow: 0px 0px 15px 16px #333333; }
  #pageHeader.inverted #logoWrapper #basilicomLogoPath path,
  #pageHeader.inverted #logoWrapper #basilicomLogoPath rect,
  #pageHeader.inverted #logoWrapper #basilicomLogoPath polygon,
  #pageHeader.inverted #logoWrapper #basilicomLogoPath ellipse, #pageHeader.menuActive #logoWrapper #basilicomLogoPath path,
  #pageHeader.menuActive #logoWrapper #basilicomLogoPath rect,
  #pageHeader.menuActive #logoWrapper #basilicomLogoPath polygon,
  #pageHeader.menuActive #logoWrapper #basilicomLogoPath ellipse {
    fill: #ffffff !important; }
  #pageHeader.inverted .mainBreadcrump, #pageHeader.menuActive .mainBreadcrump {
    color: #ffffff; }
    #pageHeader.inverted .mainBreadcrump a, #pageHeader.menuActive .mainBreadcrump a {
      color: #ffffff; }
      #pageHeader.inverted .mainBreadcrump a:hover, #pageHeader.menuActive .mainBreadcrump a:hover {
        color: #7ED023; }
  #pageHeader.inverted .buttonWrapper .langSwitch, #pageHeader.menuActive .buttonWrapper .langSwitch {
    color: #ffffff; }
  #pageHeader.inverted .buttonWrapper #mainNavigationTrigger, #pageHeader.menuActive .buttonWrapper #mainNavigationTrigger {
    color: #ffffff; }
  #pageHeader.menuActive .buttonWrapper #mainNavigationTrigger {
    color: #7ED023; }
    #pageHeader.menuActive .buttonWrapper #mainNavigationTrigger .bas-icon-burger {
      display: none; }
    #pageHeader.menuActive .buttonWrapper #mainNavigationTrigger .bas-icon-close {
      display: block;
      margin-top: 10px;
      width: 28px; }
  #pageHeader #logoWrapper {
    width: 190px;
    height: auto;
    float: left; }
    #pageHeader #logoWrapper #basilicomLogoPath path,
    #pageHeader #logoWrapper #basilicomLogoPath rect,
    #pageHeader #logoWrapper #basilicomLogoPath polygon,
    #pageHeader #logoWrapper #basilicomLogoPath ellipse {
      fill: #373737 !important; }
  #pageHeader .buttonWrapper {
    position: relative; }
    #pageHeader .buttonWrapper #mainNavigationTrigger {
      color: #373737;
      text-decoration: none;
      font-size: 28px;
      display: block;
      position: absolute;
      right: 0;
      top: -10px; }
      #pageHeader .buttonWrapper #mainNavigationTrigger:hover {
        color: #7ED023; }
      #pageHeader .buttonWrapper #mainNavigationTrigger .bas-icon-close {
        display: none;
        font-size: 22px; }
    #pageHeader .buttonWrapper .langSwitch,
    #pageHeader .buttonWrapper .menuLabel {
      font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif;
      font-size: 12px;
      text-decoration: none;
      position: absolute; }
    #pageHeader .buttonWrapper .menuLabel {
      right: 40px;
      top: 15px;
      text-transform: uppercase; }
    #pageHeader .buttonWrapper .langSwitch {
      right: 100px;
      top: 5px; }
      #pageHeader .buttonWrapper .langSwitch:hover {
        color: #7ED023; }

.mainNavigationWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  z-index: 100;
  overflow: hidden;
  display: none; }
  .mainNavigationWrapper.active {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .mainNavigationWrapper .listWrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 480px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .mainNavigationWrapper .listWrapper ul {
        width: 300px; } }
    .mainNavigationWrapper .listWrapper ul#socialNav li {
      padding: 20px;
      display: inline-block; }
      @media (min-width: 1px) and (max-width: 767px) {
        .mainNavigationWrapper .listWrapper ul#socialNav li {
          padding: 12px; } }
    .mainNavigationWrapper .listWrapper ul li {
      opacity: 0; }
      .mainNavigationWrapper .listWrapper ul li.small {
        padding: 22px;
        display: inline-block;
        border-top: 1px solid #fff;
        margin-right: -4px; }
        .mainNavigationWrapper .listWrapper ul li.small.first {
          padding-left: 60px; }
        .mainNavigationWrapper .listWrapper ul li.small.last {
          padding-right: 60px; }
        @media (min-width: 1px) and (max-width: 767px) {
          .mainNavigationWrapper .listWrapper ul li.small {
            padding: 10px !important;
            border: 0; } }
      .mainNavigationWrapper .listWrapper ul li a {
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        line-height: 1;
        margin: 20px 0;
        display: inline-block; }
        .mainNavigationWrapper .listWrapper ul li a:active, .mainNavigationWrapper .listWrapper ul li a:hover, .mainNavigationWrapper .listWrapper ul li a:focus {
          color: #7ED023; }
        .mainNavigationWrapper .listWrapper ul li a.socialLink {
          font-size: 28px;
          margin: 0; }
        .mainNavigationWrapper .listWrapper ul li a.small {
          font-size: 16px;
          margin: 0; }
        .mainNavigationWrapper .listWrapper ul li a.light {
          color: #ACACAC; }
          .mainNavigationWrapper .listWrapper ul li a.light:active, .mainNavigationWrapper .listWrapper ul li a.light:hover, .mainNavigationWrapper .listWrapper ul li a.light:focus {
            color: #7ED023; }
        @media (min-width: 1px) and (max-width: 767px) {
          .mainNavigationWrapper .listWrapper ul li a {
            margin: 15px 0;
            font-size: 20px; }
            .mainNavigationWrapper .listWrapper ul li a.small {
              font-size: 14px;
              margin: 8px 0; } }
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
    -moz-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px); }
  50% {
    opacity: 1;
    -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -ms-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-moz-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
    -moz-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px); }
  50% {
    opacity: 1;
    -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -ms-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-ms-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
    -moz-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px); }
  50% {
    opacity: 1;
    -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -ms-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@-o-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
    -moz-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px); }
  50% {
    opacity: 1;
    -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -ms-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
    -moz-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    -o-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px); }
  50% {
    opacity: 1;
    -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -ms-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }
      .mainNavigationWrapper .listWrapper ul li.animation {
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: slideIn .5s ease-in-out forwards;
        -moz-animation: slideIn .5s ease-in-out forwards;
        -ms-animation: slideIn .5s ease-in-out forwards;
        -o-animation: slideIn .5s ease-in-out forwards;
        animation: slideIn .5s ease-in-out forwards; }

.mainBreadcrump {
  float: left;
  font-size: 18px;
  line-height: 1.5;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 60%; }
  .mainBreadcrump h1.breadcrumpHeadline {
    font-family: 'Avenir', Helvetica, Arial , Tahoma, Verdana, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    text-transform: none;
    max-width: none;
    display: inline;
    font-weight: normal; }
  .mainBreadcrump h1.breadcrumpHeadline,
  .mainBreadcrump a {
    text-decoration: none;
    color: #373737;
    font-weight: bold; }
    .mainBreadcrump h1.breadcrumpHeadline.active-trail,
    .mainBreadcrump a.active-trail {
      font-weight: normal; }
    .mainBreadcrump h1.breadcrumpHeadline:hover,
    .mainBreadcrump a:hover {
      color: #7ED023; }

#pageFooter {
  padding-top: 80px;
  padding-bottom: 250px;
  background: url("/website/static/asset/img/footer.gif") repeat-x scroll center bottom transparent; }
  @media (min-width: 2001px) {
    #pageFooter {
      background-size: 100%; } }
  #pageFooter ul.linkList {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 70px;
    margin-bottom: 105px;
    max-width: 100%; }
    #pageFooter ul.linkList li {
      float: left;
      margin-left: 60px; }
      #pageFooter ul.linkList li:first-child {
        margin-left: 0; }
      #pageFooter ul.linkList li a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px; }
        #pageFooter ul.linkList li a:hover {
          color: #7ED023; }
      @media (min-width: 992px) and (max-width: 1199px) {
        #pageFooter ul.linkList li {
          margin-left: 40px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #pageFooter ul.linkList li {
          margin-left: 20px; }
          #pageFooter ul.linkList li a {
            font-size: 18px; } }
      @media (min-width: 1px) and (max-width: 767px) {
        #pageFooter ul.linkList li {
          float: none;
          margin-left: 0; } }
  #pageFooter ul.socialList {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px; }
    #pageFooter ul.socialList li {
      float: left;
      margin-left: 30px; }
      #pageFooter ul.socialList li:first-child {
        margin-left: 0; }
      #pageFooter ul.socialList li a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 30px; }
        #pageFooter ul.socialList li a:hover {
          color: #7ED023; }
  #pageFooter .logoWrapper {
    width: 190px;
    height: auto;
    float: left; }
    #pageFooter .logoWrapper #bas-text path,
    #pageFooter .logoWrapper #bas-text rect,
    #pageFooter .logoWrapper #bas-text polygon,
    #pageFooter .logoWrapper #bas-text ellipse {
      fill: #373737 !important; }
  #pageFooter p, #pageFooter .referencePage .hero .refrenceSubtitle, .referencePage .hero #pageFooter .refrenceSubtitle {
    font-size: 16px; }

/* Common button styles */
.basBtn {
  font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif;
  display: inline-block;
  border: 2px solid #7ED023;
  border-radius: 2px;
  color: #7ED023;
  background-color: transparent;
  min-width: 260px;
  text-align: center;
  text-decoration: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
  -moz-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
  -ms-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
  transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1); }
  @media (min-width: 768px) and (max-width: 991px) {
    .basBtn {
      min-width: 200px; } }
  .basBtn:focus, .basBtn:hover, .basBtn:visited {
    outline: none;
    color: #7ED023;
    text-decoration: none; }
  .basBtn span {
    display: block;
    vertical-align: middle; }
  .basBtn span {
    padding: 10px 20px; }
  .basBtn:active, .basBtn:hover {
    border-color: #000000;
    background-color: #000000;
    text-decoration: none;
    color: #fff; }
  .basBtn.lightTheme {
    color: #000;
    text-transform: none;
    min-width: 0;
    border: 2px solid #000; }
    .basBtn.lightTheme:active, .basBtn.lightTheme:hover, .basBtn.lightTheme:focus {
      color: #fff;
      border-color: #000;
      background-color: #000;
      text-decoration: none; }
  .basBtn.darkTheme {
    color: #fff;
    text-transform: none;
    min-width: 0;
    border: 2px solid #fff;
    background-color: #373737; }
    .basBtn.darkTheme:active, .basBtn.darkTheme:hover, .basBtn.darkTheme:focus {
      color: #000;
      border-color: #fff;
      background-color: #fff;
      text-decoration: none; }
  .basBtn.inverted {
    color: #fff;
    background-color: #373737; }
    .basBtn.inverted:active, .basBtn.inverted:hover, .basBtn.inverted:focus {
      color: #000;
      border-color: #7ED023;
      background-color: #ffffff;
      text-decoration: none; }

.buttonBrick {
  text-align: center; }

.buttonScrollDownBrick {
  text-align: center;
  font-size: 40px; }
  .buttonScrollDownBrick .scrollDownBtn {
    text-decoration: none; }
    .buttonScrollDownBrick .scrollDownBtn:hover {
      color: #7ED023; }
    .buttonScrollDownBrick .scrollDownBtn.inverted {
      color: #ffffff; }
  .buttonScrollDownBrick.isHero {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; }

.tweetThis {
  border-bottom: 1px dotted #2f4d0d;
  position: relative;
  color: #2f4d0d; }
  .tweetThis:hover {
    color: #7ED023;
    cursor: pointer;
    border-bottom: 1px solid #7ED023; }
    .tweetThis:hover:before {
      position: absolute;
      content: '\ea91';
      display: block;
      top: -20px;
      left: 50%;
      margin-left: -10px;
      z-index: 1;
      width: 20px;
      height: 20px; }

.introText {
  font-size: 23px; }

.twoColWysiwygBrick .columnContainer {
  overflow: hidden;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .twoColWysiwygBrick .columnContainer .column {
    float: left;
    /*padding-bottom: 100%;
    margin-bottom: -100%;*/ }
    .twoColWysiwygBrick .columnContainer .column.leftColumn {
      width: 70%;
      padding-right: 30px; }
    .twoColWysiwygBrick .columnContainer .column.rightColumn {
      width: 30%;
      border-left: 1px solid #dfdfdf;
      padding-left: 30px; }
      .twoColWysiwygBrick .columnContainer .column.rightColumn p, .twoColWysiwygBrick .columnContainer .column.rightColumn .referencePage .hero .refrenceSubtitle, .referencePage .hero .twoColWysiwygBrick .columnContainer .column.rightColumn .refrenceSubtitle {
        font-size: 16px; }
      .twoColWysiwygBrick .columnContainer .column.rightColumn .brandImageWrapper {
        margin-top: 15px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .twoColWysiwygBrick .columnContainer .column {
        float: none;
        padding-bottom: 0;
        margin-bottom: 0; }
        .twoColWysiwygBrick .columnContainer .column.leftColumn {
          width: 100%;
          padding-right: 0;
          padding-bottom: 30px; }
        .twoColWysiwygBrick .columnContainer .column.rightColumn {
          width: 100%;
          border-left: none;
          border-top: 1px solid #dfdfdf;
          padding-left: 0;
          padding-top: 30px;
          text-align: center; }
          .twoColWysiwygBrick .columnContainer .column.rightColumn img {
            display: inline-block; }
          .twoColWysiwygBrick .columnContainer .column.rightColumn p, .twoColWysiwygBrick .columnContainer .column.rightColumn .referencePage .hero .refrenceSubtitle, .referencePage .hero .twoColWysiwygBrick .columnContainer .column.rightColumn .refrenceSubtitle {
            font-size: 12px; }
          .twoColWysiwygBrick .columnContainer .column.rightColumn .brandImageWrapper {
            margin-top: 0; } }

.imageBrick {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .imageBrick img {
    display: inline-block; }
  .imageBrick.fullWidth {
    max-width: 100%; }
    .imageBrick.fullWidth img {
      display: block;
      width: 100%;
      height: auto; }
  @media (min-width: 641px) {
    .imageBrick .pimcore_video {
      margin: auto;
      display: block; } }
  @media (max-width: 640px) {
    .imageBrick .pimcore_video {
      max-width: 100% !important;
      height: auto !important;
      margin: 30px auto; } }

.spacerBrick {
  display: block;
  width: 100%; }
  .spacerBrick.spacer-25 {
    padding-bottom: 25px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-25 {
        padding-bottom: 12px; } }
  .spacerBrick.spacer-50 {
    padding-bottom: 50px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-50 {
        padding-bottom: 24px; } }
  .spacerBrick.spacer-75 {
    padding-bottom: 75px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-75 {
        padding-bottom: 36px; } }
  .spacerBrick.spacer-100 {
    padding-bottom: 100px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-100 {
        padding-bottom: 48px; } }
  .spacerBrick.spacer-125 {
    padding-bottom: 125px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-125 {
        padding-bottom: 60px; } }
  .spacerBrick.spacer-150 {
    padding-bottom: 150px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-150 {
        padding-bottom: 72px; } }
  .spacerBrick.spacer-175 {
    padding-bottom: 175px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-175 {
        padding-bottom: 84px; } }
  .spacerBrick.spacer-200 {
    padding-bottom: 200px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-200 {
        padding-bottom: 96px; } }
  .spacerBrick.spacer-225 {
    padding-bottom: 225px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-225 {
        padding-bottom: 108px; } }
  .spacerBrick.spacer-250 {
    padding-bottom: 250px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-250 {
        padding-bottom: 120px; } }
  .spacerBrick.spacer-275 {
    padding-bottom: 275px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-275 {
        padding-bottom: 132px; } }
  .spacerBrick.spacer-300 {
    padding-bottom: 300px; }
    @media (min-width: 1px) and (max-width: 767px) {
      .spacerBrick.spacer-300 {
        padding-bottom: 144px; } }

.iconBrick img {
  display: inline-block; }
  @media (min-width: 1px) and (max-width: 767px) {
    .iconBrick img {
      margin-bottom: 30px; } }

.imageFaderBrick .imageFader {
  position: relative;
  overflow: hidden;
  height: 250px; }
  .imageFaderBrick .imageFader.initialized .slide {
    position: absolute;
    top: 0;
    left: 0; }
  .imageFaderBrick .imageFader .slide {
    width: 100%;
    height: auto;
    font-size: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
    .imageFaderBrick .imageFader .slide.active {
      opacity: 1;
      z-index: 99; }
    .imageFaderBrick .imageFader .slide .slideItem {
      display: inline-block;
      text-align: center; }
      .imageFaderBrick .imageFader .slide .slideItem.tile-1 {
        width: 100%; }
      .imageFaderBrick .imageFader .slide .slideItem.tile-2 {
        width: 50%; }
      .imageFaderBrick .imageFader .slide .slideItem.tile-3 {
        width: 33.3333333333%; }
      .imageFaderBrick .imageFader .slide .slideItem.tile-4 {
        width: 25%; }
      .imageFaderBrick .imageFader .slide .slideItem.tile-5 {
        width: 20%; }
      .imageFaderBrick .imageFader .slide .slideItem.tile-6 {
        width: 16.6666666667%; }
      .imageFaderBrick .imageFader .slide .slideItem .fadeImageWrapper,
      .imageFaderBrick .imageFader .slide .slideItem .fadeImageSnippet {
        text-align: center;
        padding: 0 5px; }
        .imageFaderBrick .imageFader .slide .slideItem .fadeImageWrapper img,
        .imageFaderBrick .imageFader .slide .slideItem .fadeImageSnippet img {
          display: inline-block; }

.quoteBrick {
  text-align: center;
  color: #ffffff;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .quoteBrick .quoteSign {
    font-size: 40px; }
  .quoteBrick .quoteText {
    font-family: 'AvenirOblique', Helvetica, Arial , Tahoma, Verdana, sans-serif;
    font-style: italic;
    line-height: 1.2;
    font-size: 28px;
    margin-top: 50px; }
  .quoteBrick .quoteAuthor {
    font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif;
    font-size: 16px;
    margin-top: 70px; }
  .quoteBrick .quoteCompany {
    font-size: 16px;
    color: #8C8C8C; }
  .quoteBrick.lightTheme {
    color: #000; }
  @media (min-width: 768px) and (max-width: 991px) {
    .quoteBrick .quoteText,
    .quoteBrick .quoteAuthor,
    .quoteBrick .quoteCompany {
      font-size: 18px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .quoteBrick .quoteText,
    .quoteBrick .quoteAuthor,
    .quoteBrick .quoteCompany {
      font-size: 16px; } }

.swiperBrick .swiper-container .slideDescription {
  _text-align: center;
  padding: 0 0 25px; }
.swiperBrick .swiper-button-next,
.swiperBrick .swiper-button-prev {
  background: none;
  font-size: 60px;
  color: #7ED023;
  width: 50px;
  height: auto;
  margin-top: -70px; }
.swiperBrick .swiper-button-next {
  right: 0; }
.swiperBrick .swiper-button-prev {
  left: 0; }
.swiperBrick .swiper-pagination {
  bottom: 0; }
  .swiperBrick .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #7ED023; }
.swiperBrick .col-xs-12 {
  padding: 0; }

.codeBlockBrick {
  /*max-width: 800px;
  margin-left: auto;
  margin-right: auto;*/ }
  .codeBlockBrick pre[class*="language-"] > code[data-language] {
    overflow: auto; }

div[id*="pimcore_editable_codeBlock"] {
  white-space: pre; }

.iframeBrick {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .iframeBrick iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.videoSnippet video, .videoHeroSnippet video {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: auto; }
  .videoSnippet video.scaleUp, .videoHeroSnippet video.scaleUp {
    width: 100%; }
.videoSnippet img.img-responsive, .videoHeroSnippet img.img-responsive {
  display: inline-block; }

.videoHeroSnippet {
  position: relative; }
  .videoHeroSnippet .labelWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%; }
    .videoHeroSnippet .labelWrapper img {
      width: 100%;
      height: auto; }
      .videoHeroSnippet .labelWrapper img.img-responsive {
        display: inline-block; }

.referenceSnippet {
  position: relative;
  border-bottom: 1px solid #ffffff;
  min-height: 170px; }
  .referenceSnippet .vBox {
    height: 100%; }
    .referenceSnippet .vBox .vBoxWrapper {
      display: table;
      height: 100%;
      width: 100%; }
      .referenceSnippet .vBox .vBoxWrapper .vBoxContent {
        display: table-cell;
        vertical-align: middle;
        position: relative; }
  .referenceSnippet .textWrapper {
    text-align: center; }
  .referenceSnippet.shrink h2 {
    font-size: 30px;
    line-height: 1; }
  .referenceSnippet .logoWrapper {
    padding-top: 10px;
    max-width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    .referenceSnippet .logoWrapper img {
      max-width: 100%;
      height: auto; }
  .referenceSnippet .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0); }

.movingImageSnippet .movingImageContainer {
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .movingImageSnippet .movingImageContainer .movingImage {
    position: relative;
    margin-top: -150px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transform: translateY(75px);
    -moz-transform: translateY(75px);
    -ms-transform: translateY(75px);
    -o-transform: translateY(75px);
    transform: translateY(75px); }

.teaserSnippet .textContentWrapper,
.teaserSnippet .imageContentWrapper {
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out; }
.teaserSnippet.darkTheme a, .teaserSnippet.darkTheme p, .teaserSnippet.darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.darkTheme .refrenceSubtitle, .teaserSnippet.darkTheme h3 {
  color: #fff; }
.teaserSnippet.lightTheme h3, .teaserSnippet.darkTheme h3 {
  font-size: 28px;
  margin: 0 0 10px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .teaserSnippet.lightTheme h3, .teaserSnippet.darkTheme h3 {
      margin: 0 0 10px 0; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .teaserSnippet.lightTheme h3, .teaserSnippet.darkTheme h3 {
      margin: 0 0 10px 0; } }
.teaserSnippet.lightTheme p, .teaserSnippet.lightTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.lightTheme .refrenceSubtitle, .teaserSnippet.darkTheme p, .teaserSnippet.darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.darkTheme .refrenceSubtitle {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 70px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .teaserSnippet.lightTheme p, .teaserSnippet.lightTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.lightTheme .refrenceSubtitle, .teaserSnippet.darkTheme p, .teaserSnippet.darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.darkTheme .refrenceSubtitle {
      margin-bottom: 30px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .teaserSnippet.lightTheme p, .teaserSnippet.lightTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.lightTheme .refrenceSubtitle, .teaserSnippet.darkTheme p, .teaserSnippet.darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .teaserSnippet.darkTheme .refrenceSubtitle {
      margin-bottom: 30px; } }
.teaserSnippet.lightTheme .imageContentWrapper, .teaserSnippet.darkTheme .imageContentWrapper {
  margin-bottom: 30px; }

.darkTheme h3,
.lightTheme h3 {
  font-size: 28px;
  margin: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .darkTheme h3,
    .lightTheme h3 {
      margin: 0; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .darkTheme h3,
    .lightTheme h3 {
      margin: 0; } }
.darkTheme p, .darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .darkTheme .refrenceSubtitle,
.lightTheme p,
.lightTheme .referencePage .hero .refrenceSubtitle,
.referencePage .hero .lightTheme .refrenceSubtitle {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 70px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .darkTheme p, .darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .darkTheme .refrenceSubtitle,
    .lightTheme p,
    .lightTheme .referencePage .hero .refrenceSubtitle,
    .referencePage .hero .lightTheme .refrenceSubtitle {
      margin-bottom: 30px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .darkTheme p, .darkTheme .referencePage .hero .refrenceSubtitle, .referencePage .hero .darkTheme .refrenceSubtitle,
    .lightTheme p,
    .lightTheme .referencePage .hero .refrenceSubtitle,
    .referencePage .hero .lightTheme .refrenceSubtitle {
      margin-bottom: 30px; } }

.lightTheme.imageContentWrapper {
  margin-bottom: 30px; }

.borderGradient {
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  -webkit-border-image: -webkit-linear-gradient(rgba(92, 92, 92, 0) 0%, rgba(92, 92, 92, 0) 9.9%, rgba(150, 150, 150, 0.4) 10%, rgba(150, 150, 150, 0.4) 90%, rgba(92, 92, 92, 0) 90.1%, rgba(92, 92, 92, 0) 100%) 1 100%;
  /* Chrome10-25,Safari5.1-6 */
  -moz-border-image: -moz-linear-gradient(rgba(92, 92, 92, 0) 0%, rgba(92, 92, 92, 0) 9.9%, rgba(150, 150, 150, 0.4) 10%, rgba(150, 150, 150, 0.4) 90%, rgba(92, 92, 92, 0) 90.1%, rgba(92, 92, 92, 0) 100%) 1 100%;
  /* FF3.6-15 */
  -o-border-image: -o-linear-gradient(rgba(92, 92, 92, 0) 0%, rgba(92, 92, 92, 0) 9.9%, rgba(150, 150, 150, 0.4) 10%, rgba(150, 150, 150, 0.4) 90%, rgba(92, 92, 92, 0) 90.1%, rgba(92, 92, 92, 0) 100%) 1 100%;
  /* FF3.6-15 */
  border-image: linear-gradient(to bottom, rgba(92, 92, 92, 0) 0%, rgba(92, 92, 92, 0) 9.9%, rgba(150, 150, 150, 0.4) 10%, rgba(150, 150, 150, 0.4) 90%, rgba(92, 92, 92, 0) 90.1%, rgba(92, 92, 92, 0) 100%) 1 100%;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .borderGradient.borderRight {
    border-left-width: 0; }
  @media (min-width: 1px) and (max-width: 767px) {
    .borderGradient {
      border: 0; } }

.borderSpaceBox .teaserSnippet {
  padding: 0 4%; }
  @media (min-width: 1px) and (max-width: 767px) {
    .borderSpaceBox .teaserSnippet {
      padding: 0; } }

.accordionSnippet .accordionItemWrapper {
  padding: 35px 0 25px;
  border-bottom: 1px solid #7ED023; }
  .accordionSnippet .accordionItemWrapper:first-child {
    border-top: 1px solid #7ED023; }
  .accordionSnippet .accordionItemWrapper .accordionHeader {
    cursor: pointer; }
    .accordionSnippet .accordionItemWrapper .accordionHeader h2 {
      font-size: 30px;
      font-family: 'Brandon', Helvetica, Arial , Tahoma, Verdana, sans-serif;
      color: #7ED023;
      margin: 0;
      max-width: 100%; }
    .accordionSnippet .accordionItemWrapper .accordionHeader .aside {
      font-size: 16px;
      text-align: right; }
  .accordionSnippet .accordionItemWrapper .accordionContent {
    width: 100%;
    display: none; }
    .accordionSnippet .accordionItemWrapper .accordionContent.open {
      display: block; }
    .accordionSnippet .accordionItemWrapper .accordionContent p, .accordionSnippet .accordionItemWrapper .accordionContent .referencePage .hero .refrenceSubtitle, .referencePage .hero .accordionSnippet .accordionItemWrapper .accordionContent .refrenceSubtitle {
      margin-left: 0;
      margin-right: 0; }

.heroSnippet {
  position: relative;
  overflow: hidden; }
  .heroSnippet .stageWrapper .imageWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center; }
    .heroSnippet .stageWrapper .imageWrapper img {
      width: auto;
      height: 100vh; }
      .heroSnippet .stageWrapper .imageWrapper img.portraitMode {
        width: 100%;
        height: auto; }
      @media (max-width: 500px) {
        .heroSnippet .stageWrapper .imageWrapper img {
          width: 100%;
          height: auto; } }
  .heroSnippet .stageWrapper #heroCanvas {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto;
    height: 100vh; }
    .heroSnippet .stageWrapper #heroCanvas.portraitMode {
      width: 100%;
      height: auto; }
    @media (max-width: 500px) {
      .heroSnippet .stageWrapper #heroCanvas {
        width: 100%;
        height: auto; } }
  @media (max-width: 500px) {
    .heroSnippet .stageWrapper {
      top: 0;
      width: 500px;
      height: auto;
      left: 50%;
      margin-left: -250px;
      position: relative; } }

.metricsSnippet #metricsCanvas {
  background-color: #373737;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
  display: block; }

.bubbleSnippet #bubbleCanvas {
  background-color: #373737;
  width: 100%;
  display: block; }

.equalizeSnippet #equalizeCanvas {
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  display: block;
  height: auto !important; }

.pongSnippet #pongCanvas {
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  display: block;
  height: auto !important; }

.squaresSnippet #squaresCanvas {
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  display: block;
  height: auto !important; }

.christmanizerSnippet {
  background: url("/website/static/asset/img/xmas-2015/christmanizer.png") no-repeat scroll center center transparent;
  background-size: cover; }
  .christmanizerSnippet .vBox {
    height: 100%; }
    .christmanizerSnippet .vBox .vBoxWrapper {
      display: table;
      height: 100%;
      width: 100%; }
      .christmanizerSnippet .vBox .vBoxWrapper .vBoxContent {
        display: table-cell;
        vertical-align: middle;
        position: relative; }
  .christmanizerSnippet .aspectContainer {
    width: 100%; }
    .christmanizerSnippet .aspectContainer .outer {
      width: 100%;
      padding-top: 50%;
      position: relative; }
      .christmanizerSnippet .aspectContainer .outer .inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .christmanizerSnippet .xmas {
    width: 783px;
    text-align: center;
    margin: 0 auto; }
    .christmanizerSnippet .xmas img.headline {
      margin: 0 auto; }
    .christmanizerSnippet .xmas .formWrapper {
      width: 70%;
      margin: 0 auto; }
      .christmanizerSnippet .xmas .formWrapper .xmas-input {
        display: block;
        box-sizing: border-box;
        border: 2px solid #000000;
        border-radius: 5px;
        width: 100%;
        height: 79px;
        margin: 0 auto;
        font-size: 30px;
        padding: 16px; }
      .christmanizerSnippet .xmas .formWrapper .xmas-btn {
        display: block;
        font-size: 30px;
        border: none;
        background-color: #80d127;
        border-radius: 5px;
        width: 100%;
        height: 79px;
        margin: 16px auto;
        color: #ffffff;
        position: relative; }
        .christmanizerSnippet .xmas .formWrapper .xmas-btn:after {
          content: url(/website/static/asset/img/xmas-2015/schnee.png);
          position: absolute;
          top: -13px;
          right: -5px; }
    .christmanizerSnippet .xmas .xmas-sub {
      font-size: 20px; }
    .christmanizerSnippet .xmas .xmas-share {
      text-align: center; }
    .christmanizerSnippet .xmas .xmas-share a {
      display: inline-block;
      text-decoration: none;
      border: none; }
    .christmanizerSnippet .xmas .xmas-share #fb {
      margin-right: 10px; }
    .christmanizerSnippet .xmas .xmas-share #wa {
      margin: 0 10px 0 10px; }
    .christmanizerSnippet .xmas .xmas-share #tw {
      margin-left: 10px; }
  @media (max-width: 1300px) {
    .christmanizerSnippet .aspectContainer .outer {
      padding-top: 100px;
      padding-bottom: 100px; }
      .christmanizerSnippet .aspectContainer .outer .inner {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto; }
    .christmanizerSnippet .xmas {
      width: 500px; } }
  @media (max-width: 600px) {
    .christmanizerSnippet .vBox .vBoxWrapper {
      display: block; }
      .christmanizerSnippet .vBox .vBoxWrapper .vBoxContent {
        display: block; }
    .christmanizerSnippet .xmas {
      width: 100%;
      padding: 0 15px; }
      .christmanizerSnippet .xmas .formWrapper {
        width: 100%; } }

.blogHome,
.blogEntry {
  	/*.categoryList{
  		@include listReset;
  		padding-bottom: 10px;
  
  		li {
  			display: inline-block;
  			margin-right: 5px;
  			text-transform: uppercase;
  			font-size: 30px;
  
  			&.separator {
  				color: $sectionBorderColor;
  			}
  
  			a {
  
  				text-decoration: none;
  
  				&.active,
  				&:hover,
  				&:focus,
  				&:active {
  					color: $highlightColor;
  				}
  
  				&.active {
  					font-weight: bold;
  				}
  			}
  		}
  	}*/ }
  .blogHome header,
  .blogEntry header {
    padding-top: 150px;
    min-height: 350px;
    position: relative; }
    .blogHome header .iconWrapper,
    .blogEntry header .iconWrapper {
      position: absolute;
      top: -90px; }
  .blogHome .entryMeta,
  .blogEntry .entryMeta {
    padding-bottom: 10px; }
  .blogHome .entryExcerpt,
  .blogEntry .entryExcerpt {
    padding: 25px 0; }
  .blogHome h1, .blogHome h2, .blogHome h3, .blogHome h4, .blogHome h5, .blogHome h6, .blogHome p, .blogHome .referencePage .hero .refrenceSubtitle, .referencePage .hero .blogHome .refrenceSubtitle,
  .blogEntry h1,
  .blogEntry h2,
  .blogEntry h3,
  .blogEntry h4,
  .blogEntry h5,
  .blogEntry h6,
  .blogEntry p,
  .blogEntry .referencePage .hero .refrenceSubtitle,
  .referencePage .hero .blogEntry .refrenceSubtitle {
    max-width: 100%; }
  .blogHome .category,
  .blogEntry .category {
    color: #7ED023;
    text-transform: uppercase;
    font-weight: bold; }
  .blogHome .tagLink,
  .blogEntry .tagLink {
    color: #7ED023;
    text-decoration: none; }
  .blogHome .pagingWrapper span.noLink,
  .blogEntry .pagingWrapper span.noLink {
    opacity: 0.3; }
  .blogHome .pagingWrapper a:link, .blogHome .pagingWrapper a:visited,
  .blogEntry .pagingWrapper a:link,
  .blogEntry .pagingWrapper a:visited {
    color: #373737;
    text-decoration: none; }
  .blogHome .pagingWrapper a:focus, .blogHome .pagingWrapper a:active, .blogHome .pagingWrapper a:hover,
  .blogEntry .pagingWrapper a:focus,
  .blogEntry .pagingWrapper a:active,
  .blogEntry .pagingWrapper a:hover {
    color: #7ED023; }

.blogHome header {
  cursor: pointer; }

.authorSnippet {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  text-align: center; }
  .authorSnippet span.line {
    background-color: #585858;
    display: inline-block;
    width: 50px;
    height: 1px; }
  .authorSnippet .authorImageWrapper {
    padding: 50px 0 0; }
  .authorSnippet .authorName {
    font-weight: bold;
    display: inline-block;
    padding: 10px 0; }
  .authorSnippet .socialWrapper {
    padding: 20px 0 0; }
    .authorSnippet .socialWrapper a {
      text-decoration: none;
      font-size: 30px;
      display: inline-block;
      margin: 0 10px; }
      .authorSnippet .socialWrapper a:hover {
        color: #7ED023; }
  .authorSnippet #authorImage,
  .authorSnippet #pimcore_editable_authorImage {
    width: 150px;
    margin: 0 auto; }

#pc-cookie-notice {
  z-index: 999 !important;
  bottom: 0 !important;
  position: fixed !important;
  background-color: #000000 !important;
  padding: 15px !important;
  width: 100% !important; }
  #pc-cookie-notice #pc-icon {
    display: none; }
  #pc-cookie-notice #pc-message {
    padding: 0 100px 0 0 !important; }
  #pc-cookie-notice #pc-button {
    right: 15px !important;
    top: 50% !important;
    margin-top: -15px; }
    #pc-cookie-notice #pc-button button {
      font-family: 'AvenirBold', Helvetica, Arial , Tahoma, Verdana, sans-serif;
      display: inline-block !important;
      border: 2px solid #7ED023 !important;
      color: #7ED023 !important;
      background-color: transparent !important;
      text-align: center !important;
      text-decoration: none !important;
      text-transform: uppercase !important;
      padding: 5px 15px !important;
      border-radius: 4px !important;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
      -moz-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
      -ms-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
      -o-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
      transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1); }

@media (max-width: 750px) {
  #pc-cookie-notice #pc-message {
    padding-left: 0 !important;
    padding-right: 100px !important; }

  #pc-cookie-notice #pc-button {
    right: 15px !important;
    top: 50% !important;
    margin-top: -15px; }

  #pc-cookie-notice #pc-button button {
    padding: 5px 15px !important; } }
.referencePage .hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  min-height: 400px;
  padding: 0;
  position: relative;
  text-align: center; }
  .referencePage .hero .vBox {
    height: 100%; }
    .referencePage .hero .vBox .vBoxWrapper {
      display: table;
      height: 100%;
      width: 100%; }
      .referencePage .hero .vBox .vBoxWrapper .vBoxContent {
        display: table-cell;
        vertical-align: middle;
        position: relative; }
  .referencePage .hero .logo img {
    display: inline-block; }
    @media (min-width: 1px) and (max-width: 767px) {
      .referencePage .hero .logo img {
        max-width: 150px;
        max-height: 150px; } }
  .referencePage .hero .buttonScrollDownBrick {
    width: 100%;
    position: absolute;
    bottom: 25px; }
.referencePage .twoColWysiwygBrick .headlineLarge {
  font-size: 50px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .referencePage .twoColWysiwygBrick .headlineLarge {
      font-size: 50px;
      margin-top: 15px;
      margin-bottom: 30px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .referencePage .twoColWysiwygBrick .headlineLarge {
      font-size: 40px;
      margin-top: 10px;
      margin-bottom: 20px; } }
  @media (max-width: 375px) {
    .referencePage .twoColWysiwygBrick .headlineLarge {
      font-size: 27px;
      margin-top: 5px;
      margin-bottom: 10px; } }

.referenceTeaser {
  position: relative;
  border-bottom: 1px solid #ffffff;
  min-height: 220px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*&.shrink {
      h2 {
          font-size: 30px;
          line-height: 1;
      }
  }*/ }
  .referenceTeaser .vBox {
    height: 100%; }
    .referenceTeaser .vBox .vBoxWrapper {
      display: table;
      height: 100%;
      width: 100%; }
      .referenceTeaser .vBox .vBoxWrapper .vBoxContent {
        display: table-cell;
        vertical-align: middle;
        position: relative; }
  .referenceTeaser .textWrapper {
    text-align: center; }
  .referenceTeaser .logoWrapper {
    padding-top: 10px;
    max-width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    .referenceTeaser .logoWrapper img {
      max-width: 100%;
      height: auto; }
  .referenceTeaser .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0); }

.jobPage h1, .jobPage h2, .jobPage h3 {
  max-width: none; }
.jobPage .aside {
  margin-top: 20px;
  text-align: right; }
  @media (min-width: 768px) and (max-width: 991px) {
    .jobPage .aside {
      margin-top: 15px; } }
  @media (min-width: 1px) and (max-width: 767px) {
    .jobPage .aside {
      margin-top: 0;
      margin-bottom: 20px;
      text-align: left; } }
@media (min-width: 1px) and (max-width: 767px) {
  .jobPage h3 {
    margin-bottom: 0; } }
.jobPage .jobItem {
  padding: 10px 0 0;
  border-top: 1px solid #7ED023; }
  .jobPage .jobItem:last-child {
    border-bottom: 1px solid #7ED023; }

.variableGridWrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 120px 0; }

.variableGridNavigation {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  .variableGridNavigation ul, .variableGridNavigation li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none; }
  .variableGridNavigation li::after {
    content: " /"; }
  .variableGridNavigation li:last-child::after {
    content: ""; }
  .variableGridNavigation-link {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.25s ease;
    font-family: 'Avenir', Helvetica, Arial, Tahoma, Verdana, sans-serif; }
    .variableGridNavigation-link.active {
      color: #7ED023; }

.variableGridContent a {
  text-decoration: none; }
.variableGridContent-item {
  max-width: 100%;
  border: 1px solid #EDEDED;
  min-height: 520px;
  font-weight: 700;
  color: #373737;
  padding: 21px;
  margin: 10px;
  cursor: pointer; }
.variableGridContent-tagDateWrapper {
  display: block; }
  .variableGridContent-tagDateWrapper:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px; }
.variableGridContent-image {
  opacity: 0;
  margin-bottom: 24px;
  width: 100%;
  height: auto;
  display: block; }
.variableGridContent-headline {
  font-family: 'Brandon', Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 30px;
  font-weight: inherit;
  letter-spacing: 0;
  line-height: 38px;
  margin: 18px 0px;
  color: #373737;
  text-transform: uppercase; }
.variableGridContent-tag {
  font-size: 18px;
  margin-right: 7px;
  color: #7ED023;
  text-transform: uppercase;
  text-decoration: none;
  display: inline; }
.variableGridContent-time {
  font-size: 18px;
  display: inline; }
.variableGridContent-text {
  font-weight: normal; }

.noNewsFound {
  text-align: center;
  width: 100%;
  display: block; }
  .noNewsFound-headline {
    width: 100%;
    text-align: center;
    margin: 120px auto; }

@media screen and (max-width: 680px) {
  #variableGridContent[data-columns]::before {
    content: '1 .column.size-1of1'; } }
@media (min-width: 681px) and (max-width: 960px) {
  #variableGridContent[data-columns]::before {
    content: '2 .column.size-1of2'; } }
@media (min-width: 961px) {
  #variableGridContent[data-columns]::before {
    content: '3 .column.size-1of3'; } }
#variableGridContent .column {
  float: left; }
#variableGridContent .size-1of1 {
  width: 100%; }
#variableGridContent .size-1of2 {
  width: 50%; }
#variableGridContent .size-1of3 {
  width: 33.333%; }

.newsteaser {
  width: 100%; }
  .newsteaser .h2 {
    text-align: center; }
  .newsteaser::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0; }
  .newsteaser .col {
    width: 33%;
    float: left; }
  .newsteaser a {
    text-decoration: none; }
  .newsteaser-item {
    max-width: 100%;
    border: 1px solid #EDEDED;
    font-weight: 700;
    color: #373737;
    padding: 21px;
    margin: 10px;
    cursor: pointer; }
  .newsteaser-tagDateWrapper {
    display: block; }
    .newsteaser-tagDateWrapper:after {
      content: ".";
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px; }
  .newsteaser-image {
    opacity: 0;
    margin-bottom: 24px;
    width: 100%;
    height: auto;
    display: block; }
  .newsteaser-headline {
    font-family: 'Brandon', Helvetica, Arial, Tahoma, Verdana, sans-serif;
    font-size: 30px;
    font-weight: inherit;
    letter-spacing: 0;
    line-height: 38px;
    margin: 18px 0px;
    color: #373737;
    text-transform: uppercase; }
  .newsteaser-tag {
    font-size: 18px;
    margin-right: 7px;
    color: #7ED023;
    text-transform: uppercase;
    text-decoration: none;
    display: inline; }
  .newsteaser-time {
    font-size: 18px;
    display: inline; }
  .newsteaser-text {
    font-weight: normal; }
  .newsteaser .variableGridContent-item {
    min-height: 450px; }
  .newsteaser .variableGridContent-text {
    margin-bottom: 0; }

@media (max-width: 760px) {
  .newsteaser .col {
    width: 100%;
    float: none; }

  .newsteaser .variableGridContent-item {
    padding: 10px;
    min-height: 0; } }
article.wrap {
  max-width: 1721px;
  width: 100%;
  margin: 0 auto;
  margin-top: 140px; }
  @media screen and (max-width: 479px) {
    article.wrap {
      width: 100%;
      height: auto;
      margin-top: 107px; } }
  @media screen and (max-width: 991px) {
    article.wrap {
      width: 100%;
      height: auto;
      margin-top: 100px; } }
  article.wrap span {
    font-size: 18px; }
  article.wrap p, article.wrap .referencePage .hero .refrenceSubtitle, .referencePage .hero article.wrap .refrenceSubtitle {
    max-width: none;
    margin: 0;
    margin-bottom: 60px; }
    @media screen and (max-width: 991px) {
      article.wrap p, article.wrap .referencePage .hero .refrenceSubtitle, .referencePage .hero article.wrap .refrenceSubtitle {
        margin-bottom: 55px; } }
    @media screen and (max-width: 479px) {
      article.wrap p, article.wrap .referencePage .hero .refrenceSubtitle, .referencePage .hero article.wrap .refrenceSubtitle {
        text-align: center;
        margin-bottom: 50px;
        font-size: 18px; } }
  article.wrap .intro {
    margin-bottom: 60px; }
    @media screen and (max-width: 479px) {
      article.wrap .intro {
        text-align: center;
        font-size: 30px;
        line-height: 40px; } }
  article.wrap p, article.wrap .referencePage .hero .refrenceSubtitle, .referencePage .hero article.wrap .refrenceSubtitle {
    font-size: 23px;
    margin-bottom: 35px; }
    @media screen and (max-width: 479px) {
      article.wrap p, article.wrap .referencePage .hero .refrenceSubtitle, .referencePage .hero article.wrap .refrenceSubtitle {
        font-size: 20px;
        line-height: 30px; } }

.text-width {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 991px) {
    .text-width {
      width: 85%;
      margin: 0 auto; } }
  @media screen and (max-width: 479px) {
    .text-width {
      width: 95%;
      margin: 0 auto; } }

.full-width {
  width: 100%;
  max-width: 1721px;
  height: auto;
  margin-bottom: 26px; }
  @media screen and (max-width: 479px) {
    .full-width {
      height: 225px; } }
  .full-width img {
    width: 100%;
    height: auto; }
    @media screen and (max-width: 479px) {
      .full-width img {
        width: auto;
        height: 100%;
        position: relative;
        left: -40%; } }

.main-article {
  padding: 0; }
  .main-article h2 {
    font-family: 'Brandon', Helvetica, Arial, Tahoma, Verdana, sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0px 0px 20px; }
    @media screen and (max-width: 479px) {
      .main-article h2 {
        text-align: center; } }
  .main-article p:last-child, .main-article .referencePage .hero .refrenceSubtitle:last-child, .referencePage .hero .main-article .refrenceSubtitle:last-child {
    margin-bottom: 70px; }
    @media screen and (max-width: 479px) {
      .main-article p:last-child, .main-article .referencePage .hero .refrenceSubtitle:last-child, .referencePage .hero .main-article .refrenceSubtitle:last-child {
        margin-bottom: 33px; } }

section {
  padding: 0; }

.blogEntry header {
  min-height: auto; }

@media screen and (max-width: 479px) {
  .blogEntry {
    text-align: center; } }

.blogEntry .headlineLarge {
  font-size: 50px;
  line-height: 52px;
  text-transform: uppercase; }
  @media screen and (max-width: 479px) {
    .blogEntry .headlineLarge {
      font-size: 30px;
      line-height: 40px; } }

.blogEntry h2 .headlineMedium {
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  margin: 0px 0px 20px; }
  @media screen and (max-width: 479px) {
    .blogEntry h2 .headlineMedium {
      text-align: center; } }

.swiperBrick {
  max-width: 1123px;
  margin: 0 auto; }
  @media screen and (max-width: 991px) {
    .swiperBrick {
      width: 100%;
      margin-bottom: 45px; } }
  @media screen and (max-width: 479px) {
    .swiperBrick {
      padding-bottom: 10px;
      margin-bottom: 35px; } }
  .swiperBrick img {
    width: 100%;
    height: auto; }
  .swiperBrick .slideDescription {
    margin-top: 17px;
    font-size: 15px;
    font-weight: 700; }
    @media screen and (max-width: 1123px) {
      .swiperBrick .slideDescription {
        margin-left: 35px; } }
    @media screen and (max-width: 991px) {
      .swiperBrick .slideDescription {
        margin-bottom: 5px;
        text-align: center; } }
    @media screen and (max-width: 479px) {
      .swiperBrick .slideDescription {
        margin-top: 10px;
        margin-bottom: 30px;
        font-weight: normal; } }
  .swiperBrick .swiper-pagination {
    height: 31px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .swiperBrick .swiper-pagination .swiper-pagination-bullet {
      width: 21px;
      height: 21px;
      border-radius: 100%;
      background-color: #efefef;
      opacity: 1; }
      .swiperBrick .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 31px;
        height: 31px;
        margin: 0 8px;
        background-color: #efefef; }

.container-fluid {
  padding: 0; }

.imagezoneDoubleBrick, .imagezoneDoubleBrick .row {
  width: 100%;
  max-width: 1123px;
  margin: 0 auto;
  margin-bottom: 27px;
  display: flex;
  display: -webkit-flex;
  text-align: center; }
  @media screen and (max-width: 991px) {
    .imagezoneDoubleBrick, .imagezoneDoubleBrick .row {
      _margin: 0 auto;
      flex-direction: column;
      -webkit-flex-direction: column; }
      .imagezoneDoubleBrick .col-sm-6, .imagezoneDoubleBrick .row .col-sm-6 {
        width: 100%; } }
  @media screen and (max-width: 479px) {
    .imagezoneDoubleBrick, .imagezoneDoubleBrick .row {
      width: 100%;
      height: auto;
      margin-bottom: 0px;
      flex-direction: column;
      -webkit-flex-direction: column; } }
  @media screen and (min-width: 1124px) {
    .imagezoneDoubleBrick .col-sm-6 img:first-child, .imagezoneDoubleBrick .row .col-sm-6 img:first-child {
      width: 100%;
      margin-right: 57px; } }
  @media screen and (max-width: 1123px) {
    .imagezoneDoubleBrick .col-sm-6 img, .imagezoneDoubleBrick .row .col-sm-6 img {
      width: 100%;
      _margin: 0 auto;
      margin-bottom: 35px; } }
  @media screen and (max-width: 991px) {
    .imagezoneDoubleBrick .col-sm-6 img, .imagezoneDoubleBrick .row .col-sm-6 img {
      width: 100%;
      max-width: 533px;
      height: auto;
      _margin: 0 auto;
      margin-bottom: 20px; } }
  @media screen and (max-width: 479px) {
    .imagezoneDoubleBrick .col-sm-6 img, .imagezoneDoubleBrick .row .col-sm-6 img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; } }

.blogEntry header .row:first-child {
  font-size: 18px; }

.blogEntry .category {
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 7px;
  color: #7ED023; }

header + div.sectionBlock p, header + div.sectionBlock .referencePage .hero .refrenceSubtitle, .referencePage .hero header + div.sectionBlock .refrenceSubtitle {
  font-size: 23px;
  margin-bottom: 35px; }
  @media screen and (max-width: 479px) {
    header + div.sectionBlock p, header + div.sectionBlock .referencePage .hero .refrenceSubtitle, .referencePage .hero header + div.sectionBlock .refrenceSubtitle {
      font-size: 20px;
      line-height: 30px; } }

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