/* LIGHT */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-Light-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-Light-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-Light-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-Light-webfont.svg#clear_sansRegular') format('svg');
  font-weight: 300;
  font-style: normal; }
/* REGULAR */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-Regular-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-Regular-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-Regular-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-Regular-webfont.svg#clear_sansRegular') format('svg');
  font-weight: 400;
  font-style: normal; }
/* ITALIC */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-Italic-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-Italic-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-Italic-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-Italic-webfont.svg#clear_sansItalic') format('svg');
  font-weight: 400;
  font-style: italic; }
/* MEDIUM */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-Medium-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-Medium-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-Medium-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-Medium-webfont.svg#clear_sansMedium') format('svg');
  font-weight: 600;
  font-style: normal; }
/* MEDIUM ITALIC */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-MediumItalic-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-MediumItalic-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-MediumItalic-webfont.svg#clear_sansMediumItalic') format('svg');
  font-weight: 600;
  font-style: italic; }
/* BOLD */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-Bold-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-Bold-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-Bold-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');
  font-weight: 700;
  font-style: normal; }
/* BOLD ITALIC */
@font-face {
  font-family: 'Clear Sans';
  src: url('../fonts/clearsans/ClearSans-BoldItalic-webfont.eot');
  src: url('../fonts/clearsans/ClearSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clearsans/ClearSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/clearsans/ClearSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/clearsans/ClearSans-BoldItalic-webfont.svg#clear_sansBoldItalic') format('svg');
  font-weight: 700;
  font-style: italic; }
/*------------------------------------*\
 #General Settings
 \*------------------------------------*/
body {
  background-color: #eff1f2;
  background-image: url(../images/background.png);
  background-repeat: repeat-x;
  position: relative; }

.flyer-dl-btn {
  margin-bottom: 36px; }

ul:not(.large-list, collapsible) li, ul.normal-list li {
  list-style-type: disc;
  margin-left: 1.2em;
  margin-bottom: 10px; }
  ul:not(.large-list, collapsible) li ul li, ul.normal-list li ul li {
    list-style-type: circle; }

ul.normal-list li {
  list-style-type: disc;
  margin-left: 1.2em;
  margin-bottom: 10px; }
  ul.normal-list li ul li {
    list-style-type: circle; }

p img {
  margin-bottom: 1rem; }
/*------------------------------------*\
 #Helper
 \*------------------------------------*/
.standard-space {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .standard-space--inner {
    padding-top: 3rem;
    padding-bottom: 3rem; }

.fe-box select {
  display: inline-block;
  height: auto;
  padding: 3px;
  width: auto; }
  .fe-box [type="checkbox"]:not(:checked), .fe-box [type="checkbox"]:checked {
    position: static;
    opacity: 1;
    left: 0; }

.no-margin {
  margin: 0; }
  .no-margin--top {
    margin-top: 0; }
  .no-margin--right {
    margin-right: 0; }
  .no-margin--bottom {
    margin-bottom: 0; }
  .no-margin--left {
    margin-left: 0; }

.pos-static {
  position: static; }

.no-box-shadow {
  box-shadow: none !important; }

.parallax {
  /* Parallax-Fix */
  position: static; }

.normal-case {
  text-transform: none !important; }

.normal-space {
  letter-spacing: normal; }
/*------------------------------------*\
 #Colors
 \*------------------------------------*/
/*alert colors*/
/*------------------------------------*\
 #Typo
 \*------------------------------------*/
body {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 1.4em; }

.small-text {
  font-size: 15px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Clear Sans", "Fira Sans", sans-serif; }

h1 {
  font-weight: bold;
  font-size: 46px;
  letter-spacing: 3px; }

h2 {
  text-transform: uppercase;
  font-size: 32px;
  letter-spacing: 1px;
  font-family: "Clear Sans";
  font-weight: 300;
  margin-bottom: 1em; }

h3 {
  font-family: "Clear Sans", "Source Sans Pro", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 1.2rem; }

h4 {
  font-size: 17px;
  font-weight: 600;
  /* text-transform: uppercase; */
  /* letter-spacing: 0.1em; */
  color: darkgrey;
  margin-top: 1.75rem; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  /*text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;*/
  box-shadow: inset 0 -1px 0 0 #fff, inset 0 -3px 0 0 #9eb4c7;
  color: #1a1a1a; }

.lightened-text {
  color: #fff; }

.font-light {
  font-weight: 300; }

.font-ultralight {
  font-weight: 200; }

.uppercase-text {
  text-transform: uppercase; }
/*------------------------------------*\
 #Alerts
 \*------------------------------------*/
.alert {
  padding: 20px 20px 0px 20px;
  border: 1px solid transparent;
  margin-bottom: 20px; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc; }
/*------------------------------------*\
 #Specifics
 \*------------------------------------*/
.safetrans-hint {
  padding: 30px 0;
  line-height: 28px;
  color: #000;
  background-color: #eaef99; }
  .safetrans-hint a {
    color: #000;
    box-shadow: none;
    /*
     font-weight: bold; */ }
  .safetrans-hint a:hover {
    text-decoration: underline; }

.rea-trigger:hover {
  cursor: pointer; }

#wrapper {
  max-width: 1920px;
  margin: 180px auto 0;
  background: #fff;
  padding-bottom: 100px;
  -webkit-box-shadow: 0px 0px 10px 0px #d6d6d6;
  -moz-box-shadow: 0px 0px 10px 0px #d6d6d6;
  box-shadow: 0px 0px 10px 0px #d6d6d6; }
  #wrapper.no-header {
    margin: 190px auto 0; }

#main-navigation {
  background-color: transparent !important; }
  #main-navigation ul.navi-normal {
    margin-top: 20px; }
  #main-navigation ul.navi-normal .sub {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s ease-in;
    position: absolute;
    top: 60px;
    left: 0;
    width: 350px;
    background-color: #fff;
    z-index: 100; }
    #main-navigation ul.navi-normal .sub li {
      float: none; }
      #main-navigation ul.navi-normal .sub li a {
        line-height: 1.3em;
        padding: 15px 15px 15px 15px;
        display: block;
        margin-left: 0;
        margin-right: 0;
        letter-spacing: normal;
        text-transform: initial;
        font-weight: 400; }
        #main-navigation ul.navi-normal .sub li a:hover {
          background-color: #eceff1; }
        #main-navigation ul.navi-normal .sub li a::before {
          display: none; }
  #main-navigation ul.navi-normal li {
    position: relative; }
    #main-navigation ul.navi-normal li:last-child a {
      margin-right: 0; }
    #main-navigation ul.navi-normal li:hover .sub {
      visibility: visible;
      opacity: 1;
      transition: visibility 0.2s, opacity 0.2s ease-out; }
      #main-navigation ul.navi-normal li:hover a:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
  #main-navigation ul.navi-normal a {
    color: #708ba3;
    font-family: "Clear Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: none;
    position: relative;
    line-height: 2.5em;
    padding: 0;
    margin: 0 15px; }
    #main-navigation ul.navi-normal a:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: 0;
      left: 0;
      background-color: #9eb4c7;
      visibility: hidden;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; }
    #main-navigation ul.navi-normal a:hover:before {
      visibility: visible;
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }
    #main-navigation ul.navi-normal a:hover {
      background-color: transparent;
      color: #4c6881; }
  #main-navigation ul.navi-normal a.current {
    color: black; }

.site-header {
  width: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  padding-top: 40px;
  background-color: #fff;
  padding-bottom: 20px; }
  .site-header.fixed {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .site-header .button-collapse {
    box-shadow: none; }
  .site-header .side-nav {
    width: 75%; }
  .site-header .side-nav a {
    height: auto;
    padding: 0 15px; }
    .site-header .side-nav a:link {
      box-shadow: none; }
    .site-header .side-nav a:hover {
      background: none;
      text-decoration: underline; }
  .site-header .side-nav li {
    border-bottom: 1px solid #9eb4c7; }
    .site-header .side-nav li a {
      text-transform: uppercase;
      line-height: 48px; }
    .site-header .side-nav li .sub {
      margin-left: 30px; }
      .site-header .side-nav li .sub.z-depth-1 {
        box-shadow: none; }
      .site-header .side-nav li .sub li {
        padding-left: 15px;
        border: none; }
        .site-header .side-nav li .sub li a {
          text-transform: none;
          line-height: 38px;
          padding: 0; }

.site-logo {
  width: 200px;
  position: relative;
  left: -12px; }

.main-navigation {
  padding-top: 60px; }

.meta-nav {
  text-align: right; }
  .meta-nav .search-btn {
    display: inline-block;
    margin-left: 10px; }

.layout-box--odd {
  background-color: #708ba3;
  color: #fff;
  font-weight: 200;
  padding-top: 3rem;
  padding-bottom: 1.2rem;
  /* margin-bottom: $standard-space; */ }
  .layout-box--odd h2 {
    letter-spacing: 2px; }
  .layout-box--odd h3 {
    font-weight: 400; }
  .layout-box--odd a {
    color: #fff; }
  .layout-box--odd .large-list a {
    box-shadow: inset 0 -1px 0 0 #708ba3, inset 0 -3px 0 0 #9eb4c7; }
  .layout-box--even {
    background-color: #fff; }

.header-box {
  height: 580px; }
  .header-box--start {
    background: #708ba3;
    background-image: url(../images/header-box--start.jpg); }
  .header-box--start h1 {
    padding-top: 250px; }

.image-box {
  height: 450px;
  background-size: cover;
  /*
   &--start {
   background-image: url(../images/start-fahrer.jpg);
   }
   */ }
  .image-box--roadmaps {
    background-image: url(../images/header-box--start.jpg); }

.fullwidth-image-box {
  height: 500px;
  overflow: hidden;
  margin-bottom: 3rem; }
  .fullwidth-image-box.mh-450 {
    min-height: 450px; }
  .fullwidth-image-box.imagebg--cover {
    background-position: center center;
    background-size: cover; }

.three-cols-bg {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: white;
  margin-bottom: 20px; }
  .three-cols-bg .row:last-child {
    margin-bottom: 0; }

.intro-text {
  font-size: 24px;
  font-weight: 200;
  line-height: 1.35; }
  .intro-text--secondary {
    font-size: 20px;
    font-weight: 300; }
  .intro-text--secondary .welcome_header {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.35;
    margin-bottom: 0;
    border-bottom: 0; }
  .intro-text--secondary .welcome_body p {
    padding: 1rem 0 0 0; }
  .intro-text--secondary .welcome_more-btn {
    font-size: 16px;
    font-weight: 500;
    margin-top: 14px; }
  .intro-text--secondary .more-btn:after {
    content: "mehr"; }
  .intro-text--secondary .arrow-up {
    display: none; }
  .intro-text--secondary .more-trigger.active .welcome_more-btn:after {
    content: "weniger"; }
    .intro-text--secondary .more-trigger.active .arrow-down {
      display: none; }
    .intro-text--secondary .more-trigger.active .arrow-up {
      display: inline; }

.large-list {
  list-style-type: none;
  font-size: 20px;
  line-height: 1.3em;
  /*color: #b0bec5; */ }
  .large-list li {
    margin-bottom: 0.7em; }

.quote-box {
  height: 450px; }
  .quote-box--start {
    background-image: url(../images/start-quote.jpg);
    background-size: cover; }
  .quote-box_inner {
    width: 100%; }
  .quote-box + footer {
    margin-top: 0; }
  .quote-box blockquote {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 42px;
    line-height: 48px;
    font-weight: 200;
    color: #aaa; }
  .quote-box blockquote .quote-person {
    font-size: 20px;
    font-weight: 500;
    color: #708ba3;
    margin-bottom: 0; }

.row--member-logos {
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
  /*
   &:last-child {
   border-bottom: none;
   } */ }
  .row--member-logos_image {
    padding-right: 30px; }
  .row--member-logos a {
    box-shadow: none; }

.event-date div {
  padding: 25px 20px 20px 20px;
  background-color: #708ba3;
  font-weight: 500;
  color: white; }

.event-name div {
  padding: 25px 20px 20px 20px;
  font-weight: 500; }
  .event-name div a {
    box-shadow: inset 0 -1px 0 0 #eceff1, inset 0 -3px 0 #9eb4c7; }

.event-ort {
  font-weight: 400; }

.event-block {
  background-color: #eceff1; }

.red {
  background: red;
  height: 30px; }

.article-excerpt a {
  box-shadow: none; }
/* ACTIVITY CHART*/
.activity-chart {
  margin-bottom: 3rem; }

.title-row {
  background-color: #708ba3; }

.app-domain {
  background-color: #7e95a8;
  height: 200px;
  margin-top: 50px;
  padding-top: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px 100px; }
  .app-domain--automotive {
    background-image: url(../../images/Aktivitaeten/app-domains_automotive.svg); }
  .app-domain--avionics {
    background-image: url(../../images/Aktivitaeten/app-domains_avionics.svg); }
  .app-domain--railway {
    background-image: url(../../images/Aktivitaeten/app-domains_railway.svg); }
  .app-domain--maritime {
    background-image: url(../../images/Aktivitaeten/app-domains_maritime.svg); }
  .app-domain_headline {
    font-family: "Clear Sans", "Source Sans Pro", sans-serif;
    font-size: 20px;
    background-color: #7e95a8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.4em;
    margin: 0;
    color: white;
    padding: 0 0 40px 0;
    text-align: center; }
  .app-domain_headline a {
    color: white;
    box-shadow: none; }
    .app-domain_headline a:hover {
      color: #eff1f2; }

.app-domain_block {
  color: white !important;
  box-shadow: none !important; }
  .app-domain_block--active .app-domain, .app-domain_block--active .app-domain_headline {
    background-color: #5a7288; }

.divider-item {
  height: 30px;
  background-color: #d1d6d9; }
  .divider-item--active {
    background-color: #b7bcbf; }

.divider-block--small .divider-item {
  height: 10px; }

.activity-chart_item {
  background-color: #eff1f2;
  margin: 0;
  padding: 30px 0 25px 0;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  display: block !important;
  color: #1a1a1a;
  box-shadow: none !important;
  -webkit-transition: background-color 0.2s ease-out;
  /* Firefox */
  -moz-transition: background-color 0.2s ease-out;
  /* WebKit */
  -o-transition: background-color 0.2s ease-out;
  /* Opera */
  transition: background-color 0.2s ease-out;
  /* Standard */ }
  .activity-chart_item:hover {
    background-color: #e5e4e4;
    -webkit-transition: background-color 0.2s ease-in;
    /* Firefox */
    -moz-transition: background-color 0.2s ease-in;
    /* WebKit */
    -o-transition: background-color 0.2s ease-in;
    /* Opera */
    transition: background-color 0.2s ease-in;
    /* Standard */
    box-shadow: none; }
  .activity-chart_item--active {
    background-color: #b0c2d2; }
  .activity-chart_item--active:hover {
    background-color: #b0c2d2; }
  .activity-chart_item--header {
    background-color: #708ba3;
    color: white; }
  .activity-chart_item--header:hover {
    background-color: #708ba3; }
/* ACTIVITY CHART END */
.info-box {
  background-color: #eceff1;
  padding: 20px; }

.hor-divider {
  border-top: 1px dotted #8c8b8b;
  margin-top: 20px;
  margin-bottom: 20px; }

.info-box {
  background-color: #eceff1;
  padding: 20px; }

.btn--safetrans {
  box-shadow: none !important; }
  .btn--safetrans:hover {
    background-color: #90a4ae !important; }

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

.btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; }

.collection {
  margin-top: 0;
  margin-bottom: 1.5rem; }

p.collection-item {
  color: #bbb !important; }

.collection-header {
  margin-top: 6px;
  margin-bottom: 0px; }

.collection-item {
  padding-left: 20px !important;
  box-shadow: none !important;
  color: #708ba3 !important; }

.site-footer {
  /* margin-top: 100px; */
  background: #f0f3f5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f3f5 0%, #fff 19%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f0f3f5 0%, #fff 19%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f0f3f5 0%, #fff 19%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f3f5', endColorstr='#ffffff',GradientType=0);
  /* IE6-9 */ }
  .site-footer_address {
    text-align: right; }

.material-placeholder {
  z-index: 5000; }
/* SEARCH */
.no-scroll {
  height: 100vh;
  overflow: hidden; }

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5000;
  background: rgba(255, 255, 255, 0.9);
  margin-top: -180px; }
  .modal-overlay .valign-wrapper {
    height: 100vh;
    position: relative; }
  .modal-overlay .valign-wrapper .close-btn {
    position: fixed;
    top: 15px;
    right: 15px;
    font-size: 48px; }
    .modal-overlay .valign-wrapper .close-btn:hover {
      cursor: pointer; }
  .modal-overlay.open {
    display: block; }

.search-label {
  font-size: 33px;
  color: #708ba3; }

.submit-button {
  background-color: #708ba3;
  color: white;
  border: none;
  padding: 10px 15px; }
/* Event tables */
.event-table tr {
  border-bottom: 10px solid white; }
  .event-table td {
    vertical-align: top;
    padding-left: 15px; }
  .event-table td p:first-child {
    margin-top: 0; }
  .event-table td:first-child {
    min-width: 140px; }
  .event-table .event-timeframe {
    background: #708ba3;
    color: white;
    border-radius: 0;
    padding-left: 15px; }
  .event-table .topic-headline {
    background: #eceff1;
    font-weight: 500; }

.missing {
  color: red !important; }
  .missing-alchem {
    color: pink !important; }

.mitglieder-page .row--member-logos a {
  box-shadow: none; }

.img-list-collection .col {
  margin-bottom: 20px;
  max-height: 128px;
  overflow: hidden; }
/*--- Abstract ---*/
.abstract {
  margin-top: 0; }
  .abstract_body {
    font-size: 14px;
    background-color: #eceff1; }
  .abstract_head {
    font-weight: 500 !important;
    font-size: 16px !important;
    border-bottom-width: 0px !important;
    margin-bottom: 0px !important;
    line-height: inherit !important;
    min-height: 0 !important; }
/*--- Activities Collapsible ---*/
.roadmap_col .collapsible-body p {
  padding: 0;
  padding-bottom: 20px; }

.sub-magazin {
  display: none; }
  .sub-magazin.open {
    display: block; }

.magazin-trigger {
  border-bottom: 1px solid #ddd; }

.news-content ul {
  list-style-type: disc; }
  .news-content ul li {
    list-style-type: disc;
    margin-left: 1.2em;
    margin-bottom: 10px; }
/*------------------------------------*\
 #Material overwrites
 \*------------------------------------*/
.collapsible {
  border: none;
  box-shadow: none; }

.collapsible-body {
  margin-top: 0px;
  border: none; }

.collapsible-header {
  font-weight: 600;
  font-size: 18px;
  padding: 0;
  margin-bottom: 20px; }
/*------------------------------------*\
 #Media Queries
 \*------------------------------------*/
@media only screen and (max-width: 1400px) {
  .container {
    width: 95%; } }

@media only screen and (min-width: 1400px) {
  #site-header .container {
    width: 95%; } }

@media only screen and (max-width: 1272px) {
  #site-header #main-navigation {
    padding: 0; }
    #site-header .container {
      width: 95%; } }

@media only screen and (max-width: 1113px) {
  #site-header #main-navigation {
    padding: 0; }
    #site-header #main-navigation ul.navi-normal a {
      margin: 0 8px; }
    #site-header .container {
      width: 95%; }
    #site-header .container .brand-logo {
      min-height: 94px; }
    #site-header .container .site-logo {
      width: 100%;
      height: auto; } }

@media only screen and (max-width: 992px) {
  .fullwidth-image-box {
    height: 200px; } }

@media only screen and (max-width: 710px) {
  .header-box--start h1 {
    font-size: 36px;
    padding-top: 80px !important; }

  .quote-box blockquote {
    font-size: 24px;
    line-height: 34px; } }

@media only screen and (max-width: 600px) {
  #site-header {
    padding-top: 20px;
    padding-bottom: 0; }
    #site-header .container {
      width: 90%; }

  #wrapper {
    margin: 150px auto 0; }

  .intro-text {
    font-size: 20px; }

  .container {
    width: 90%; }

  .fullwidth-image-box {
    height: 200px; }

  .event-text td {
    width: 100%;
    display: block; } }