html {
  background-color: #fff;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

.container {
  margin: auto;
  max-width: calc(1200px + 4rem);
  padding-left: 1rem;
  padding-right: 1rem;
}
.container::after {
  clear: both;
  content: "";
  display: block;
}
@media only screen and (min-width: 720px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 720px) {
  #content-wrapper {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
}

#content {
  /*
  .no-sidebar & {
      // 100% width for small screens.
      @include grid-column(4);
      // Same logic for medium screens.
      @include grid-media($medium-screen-up) {
          @include grid-column(8);
      }
      // Same logic for large screens.
      @include grid-media($large-screen-up) {
          @include grid-column(12);
      }
  }
  */
}
@media only screen and (min-width: 720px) {
  .one-sidebar.sidebar-second #content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 960px) {
  .one-sidebar.sidebar-second #content {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 720px) {
  .one-sidebar.sidebar-first #content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}
@media only screen and (min-width: 960px) {
  .one-sidebar.sidebar-first #content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}
@media only screen and (min-width: 720px) {
  .two-sidebars #content {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}
@media only screen and (min-width: 960px) {
  .two-sidebars #content {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}

@media only screen and (min-width: 720px) {
  #sidebar-first {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: calc(-75% - 5px + 40px);
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: calc(-100% - 0px + 40px);
  }
}
@media only screen and (min-width: 960px) {
  #sidebar-first {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: calc(-66.6666666667% - 6.6666666667px + 40px);
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: calc(-100% - 0px + 40px);
  }
}

@media only screen and (min-width: 720px) {
  #sidebar-second {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: calc(0% - 20px + 40px);
  }
}
@media only screen and (min-width: 960px) {
  #sidebar-second {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(0% - 20px + 40px);
  }
}

#header {
  background: #000;
}

#footer,
#sidebar-first,
#sidebar-second,
#navigation {
  background: rgba(170, 170, 170, 0.2);
}

#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

#header {
  padding-bottom: 5rem;
}
#header > .container {
  display: block;
  position: relative;
}
#header #branding-region {
  position: absolute;
  top: 0;
  left: 16px;
  z-index: 9999;
  width: 25%;
  max-width: 300px;
  min-width: 150px;
}
#header #branding-region div#block-basic-si-branding a:hover {
  background: unset;
  box-shadow: unset;
}
#header #header-region .menu {
  display: flow-root;
  position: absolute;
  background-color: black;
  margin-top: 8rem;
}
#header #header-region .menu > li {
  float: left;
}

@media (max-width: 750px) {
  #header #header-region .menu {
    margin-top: 5rem;
  }
}
#main {
  padding-bottom: 3rem;
}

#footer {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#footer #footer-region {
  display: flex;
  justify-content: space-between;
}
#footer #footer-region a {
  color: black !important;
}

#block-basic-si-socialmedia .field__item {
  display: flex;
}
#block-basic-si-socialmedia .field__item img {
  height: 2.5rem;
  padding: 0.75rem 0.5rem;
}
#block-basic-si-socialmedia .field__item a {
  display: block;
}
#block-basic-si-socialmedia .field__item a:hover {
  background-color: transparent;
}

#footer_menue {
  background-color: #2d2d2d;
}
#footer_menue .menu {
  float: right;
}

body,
.layout-container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body,
  .layout-container {
    display: block;
  }
}

main,
#main {
  flex: 1;
}

div#block-sidebar {
  position: fixed;
  top: 20%;
  right: 0;
}
div#block-sidebar a.sidebar-link {
  text-decoration: unset;
  color: white;
}
div#block-sidebar a.sidebar-link .sidebar-contact {
  background-color: #ce1719;
  padding: 0.5rem;
  display: flex;
}
div#block-sidebar a.sidebar-link .sidebar-contact .fa-sidebar-icon {
  margin-right: 0.5rem;
  font-size: 1.5rem;
}
div#block-sidebar a.sidebar-link .sidebar-contact .sidebar-text {
  margin-top: 0rem;
}
div#block-sidebar a.sidebar-link .sidebar-contact:hover {
  background-color: rgba(206, 23, 25, 0.7098039216) !important;
}

.nav2top,
.nav2home {
  position: fixed;
  right: -195px;
  background: #CE1719;
  color: #fff;
  width: 250px;
  font-size: 0.8rem;
  padding-left: 60px;
  background-repeat: no-repeat;
  background-position: 10px center;
  line-height: 2.3rem;
  transition: right 0.5s ease;
  cursor: pointer;
  text-align: left;
}

.nav2home {
  top: 480px;
  background-image: url('data:image/svg+xml;utf8,<svg width="15.75" height="24.75" viewBox="0 0 21 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.6792 26.4105L10.5007 16.167L20.6792 5.92354C21.1069 5.48856 21.1069 4.80072 20.6792 4.36574L16.7518 0.412977C16.329 -0.0173416 15.6251 -0.0173416 15.2021 0.412977L0.320792 15.3882C-0.106931 15.823 -0.106931 16.511 0.320792 16.9458L15.2023 31.921C15.6251 32.3514 16.329 32.3514 16.7518 31.921L20.6792 27.9681C21.1069 27.5333 21.1069 26.8455 20.6792 26.4105Z" fill="white"/></svg>');
  background-position: 15px center;
}
.nav2home:hover, .nav2home:active {
  right: 0px;
}

.nav2top {
  top: 550px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24.75" height="15.75" viewBox="0 0 33 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.98687 20.4178L16.5 10.5004L27.0131 20.4178C27.4596 20.8346 28.1655 20.8346 28.6119 20.4178L32.6688 16.5911C33.1104 16.1792 33.1104 15.4933 32.6688 15.0812L17.2993 0.581607C16.853 0.164855 16.147 0.164855 15.7007 0.581607L0.331234 15.0814C-0.110411 15.4933 -0.110411 16.1792 0.331234 16.5911L4.3882 20.4178C4.83449 20.8346 5.54043 20.8346 5.98687 20.4178Z" fill="white"/></svg>');
}
.nav2top:hover, .nav2top:active {
  right: 0px;
}

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