/* LAYOUT */
/* FARBEN */
/* Schattem */
/* HEADLINES */
/* VERSCHIEDENES */
body {
  background-color: #003871;
  margin: 0; }

.layout-container {
  margin: 0;
  padding: 0 15px; }

/* HEADER */
header[role="banner"] {
  position: relative;
  z-index: 20;
  height: 60px;
  width: calc(100% + 30px);
  margin: 0 -15px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25); }

.region.region-header {
  height: 60px; }

header .b-logo {
  width: 135px;
  float: left;
  margin: 8px 0 0 calc(50% - 87px); }

/* FOOTER */
footer[role="contentinfo"] {
  background-color: #0099D5;
  margin: 0 -15px;
  padding: 15px;
  width: calc(100% + 30px); }

.user-logged-in footer[role="contentinfo"] {
  padding-bottom: 54px; }

/*--------------------------------------------------------------*/
@media all and (min-width: 1024px) {
  .layout-container {
    padding: 0; }

  header[role="banner"] {
    height: 90px;
    width: calc(100%);
    margin: 0; }

  .region.region-header {
    height: 90px;
    width: 900px;
    margin: 0 auto; }

  header .b-logo {
    width: 240px;
    float: left;
    margin: 17px 0 0 calc(50% - 140px); }

  header .b-logo img {
    width: 166px;
    height: auto; }

  footer[role="contentinfo"] {
    margin: 0;
    padding: 0 0 30px;
    width: calc(100%);
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: calc(50% - 25px) calc(50% - 25px);
    grid-column-gap: 50px; }

  footer .region-footer-top {
    grid-row: 1/3;
    grid-column: 1/2; }

  footer .region.region-footer {
    grid-row: 1/2;
    grid-column: 2/3; }

  footer .region-footer-bottom {
    grid-row: 2/3;
    grid-column: 2/3; } }

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