@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
p {
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0; }

table {
  margin: 16px 0;
  border-collapse: collapse;
  width: 100%; }

td {
  font-size: 16px;
  line-height: 24px;
  vertical-align: top;
  padding: .25em;
  outline: 1px solid Black; }

ol, ul {
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0;
  list-style-position: inside; }

h1 {
  font-size: 24px;
  line-height: 24px;
  margin: 16px 0; }

h2 {
  font-size: 20.8px;
  line-height: 28px;
  margin: 16px 0; }

h3 {
  font-size: 19.2px;
  line-height: 1.2222;
  margin: 16px 0; }

h4 {
  font-size: 17.6px;
  line-height: 1.1111;
  margin: 16px 0; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  color: #292929;
  background: #f0f0f0; }

h1, h2 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700; }

.csc-mailform ol {
  list-style: none;
  list-style-position: inside;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085); }
.csc-mailform .csc-form-element {
  padding: 11.2px; }
  .csc-mailform .csc-form-element label {
    text-align: right; }
    .csc-mailform .csc-form-element label strong {
      font-size: 60%;
      text-transform: none; }
.csc-mailform .csc-form-element-submit {
  text-align: center; }
  .csc-mailform .csc-form-element-submit input[type="submit"] {
    border: 1px solid #4CAF50;
    color: #4CAF50;
    padding: 12px;
    background: none;
    cursor: pointer;
    width: 200px; }
.csc-mailform .success-message {
  text-align: center;
  padding: 16px;
  border: 1px solid #4CAF50;
  margin: 16px 0; }

#header {
  height: 250px;
  max-width: 1200px;
  margin: 0 auto;
  background: url("images/header-01.jpg") no-repeat 0 0;
  background-size: cover;
  position: relative;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  z-index: 5; }
  #header .logo {
    position: absolute;
    left: -9999px; }

#wrapper {
  margin: 0 auto;
  max-width: 1200px;
  background: White;
  position: relative;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085); }
  #wrapper #logo {
    height: 70px;
    width: 200px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 15px; }

#content_wrap {
  position: relative;
  padding: 28px 56px; }
  #content_wrap a {
    color: #1664a6;
    text-decoration: none;
    letter-spacing: 0.8px; }
    #content_wrap a:hover {
      color: #4CAF50;
      text-decoration: none;
      border-bottom: 1px dotted White; }

#content_main {
  width: 58%; }

#content_side {
  width: 36%;
  position: absolute;
  top: -200px;
  right: 28px;
  background: rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  padding: 14px 42px;
  z-index: 10;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  #content_side img {
    width: 100%; }
  #content_side li {
    margin-bottom: .5em; }

body.sticky #content_side {
  top: -200px; }

#content_full {
  display: table; }
  #content_full .teaser {
    background: #f0f0f0;
    display: table-cell;
    width: 33.333%;
    padding: 14px 28px;
    vertical-align: top;
    position: relative; }
    #content_full .teaser img {
      height: 33px !important;
      margin-bottom: 16px; }
    #content_full .teaser .link {
      position: absolute;
      bottom: 0;
      right: 16px; }

#navigation {
  margin: 0 auto;
  background: #c10514;
  position: relative;
  list-style: none;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085); }
  #navigation li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 .4em;
    font-size: .85em; }
    #navigation li a {
      color: #FFD400;
      text-decoration: none; }
      #navigation li a:hover {
        color: White; }
    #navigation li img {
      max-width: 230px; }

.logo_small {
  display: none; }

.act a {
  color: White;
  text-decoration: none;
  border-bottom: 1px dotted White; }

.sticky .stickbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20; }

.mobile_trigger {
  display: none; }

#mobile_navigation {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.085);
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none;
  background: #292929;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 220;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0; }
  #mobile_navigation li {
    text-align: left; }
    #mobile_navigation li a {
      display: block;
      padding: 8px 16px;
      color: #f0f0f0;
      text-decoration: none; }
      #mobile_navigation li a:hover {
        text-decoration: none;
        color: #c10514; }
  #mobile_navigation .act a {
    text-decoration: none;
    color: #c10514; }

#footer {
  background: White;
  margin: 0 auto;
  padding: 14px 28px; }
  #footer ul {
    margin: 0 auto;
    height: 40px; }
  #footer #footer_links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table; }
    #footer #footer_links li {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding-right: 16px; }
      #footer #footer_links li a {
        color: #B0BEC5;
        text-decoration: none; }
        #footer #footer_links li a:hover {
          color: #455A64;
          border-bottom: 1px dotted #455A64; }
    #footer #footer_links .act a {
      color: #455A64;
      border-bottom: 1px dotted #455A64; }

@media screen and (max-width: 960px) {
  #navigation {
    text-align: left; }
    #navigation li {
      font-size: .65em !important; }
      #navigation li img {
        max-width: 200px; } }
@media screen and (max-width: 780px) {
  #wrapper {
    width: 100%; }
    #wrapper #logo {
      display: none; }

  #navigation, .stickbar.sticky {
    display: none !important; }

  .mobile_trigger {
    display: block;
    position: fixed;
    top: 8px;
    right: 8px;
    font-size: 32px;
    padding: 5px 10px;
    text-align: center;
    background: #c10514;
    color: White;
    z-index: 200;
    line-height: 1;
    cursor: pointer;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .mobile_trigger:hover {
      background: #c10514; }

  #mobile_navigation {
    display: none; }

  #footer_links {
    font-size: 11px;
    height: 40px; }
    #footer_links li {
      line-height: 1; }

  #header {
    height: 90px;
    width: 100%;
    position: fixed;
    top: 0;
    background: url("images/header-03.jpg") no-repeat 0 0;
    background-size: cover; }
    #header .logo {
      position: absolute;
      left: 5%;
      top: 15%; }

  #content_main {
    width: 100%;
    margin: 100px 0 16px 0; }

  #content_wrap {
    position: relative;
    padding: 28px; }
    #content_wrap a {
      color: #1664a6;
      text-decoration: none;
      letter-spacing: 0.8px; }
      #content_wrap a:hover {
        color: White;
        text-decoration: none;
        border-bottom: 1px dotted White; }

  #content_side {
    padding: 14px;
    width: 100%;
    position: static;
    top: 0;
    right: 0;
    transform: rotate(0deg);
    background: White;
    box-shadow: 0 2.4px 8px rgba(0, 0, 0, 0.35);
    border: 16px solid White;
    z-index: 100;
    margin-bottom: 32px; }
    #content_side img {
      width: 100%; }
    #content_side p {
      font-size: 16px;
      margin: 1em 0 0 0;
      line-height: 1.4; }

  #content_full {
    display: block; }
    #content_full .teaser {
      background: #f0f0f0;
      display: block;
      width: 100%;
      padding: 24px;
      margin-bottom: 32px;
      vertical-align: top;
      position: relative; }
      #content_full .teaser:last-of-type {
        margin-bottom: 0; }
      #content_full .teaser img {
        height: 33px !important; }
      #content_full .teaser .link {
        position: absolute;
        bottom: 0;
        right: 16px; } }
@media screen and (max-width: 480px) {
  #wrapper {
    padding: 0 5px; }

  #header {
    height: 90px;
    width: 100%;
    position: fixed;
    top: 0;
    background: #292929;
    height: 85px; }
    #header img {
      max-width: 240px; }

  #content_main {
    width: 100%;
    margin: 95px 0 16px 0; }

  #content_wrap {
    position: relative;
    padding: 14px; }
    #content_wrap a {
      color: #1664a6;
      text-decoration: none;
      letter-spacing: 0.8px; }
      #content_wrap a:hover {
        color: White;
        text-decoration: none;
        border-bottom: 1px dotted White; }

  #content_side {
    padding: 0 7px;
    width: 100%;
    position: static;
    top: 0;
    right: 0;
    transform: rotate(0deg);
    background: White;
    box-shadow: 0 2.4px 8px rgba(0, 0, 0, 0.35);
    border: 16px solid White;
    z-index: 100;
    margin-bottom: 32px; }
    #content_side img {
      width: 100%; }
    #content_side p {
      font-size: 16px;
      margin: 1em 0 0 0;
      line-height: 1.4; }

  #content_full .teaser {
    padding: 5px;
    margin-bottom: 16px; }
    #content_full .teaser .link {
      position: static; }

  #footer {
    display: none; }

  .csc-form-element label {
    text-align: left !important;
    display: block;
    width: 100% !important; }
    .csc-form-element label strong {
      font-size: 60%;
      text-transform: none; }
  .csc-form-element input, .csc-form-element select, .csc-form-element textarea {
    padding: 10px;
    width: 100% !important; } }