/* https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width/ */
/*$color-main-blue: #1c3a75;*/
/*$color-main-blue: #1e4280;*/
/* 660px */
@media (min-width: 661px) {
  header.site-header {
    height: 336px;
    min-height: calc(336px);
    transition: height 0.5s; }
    header.site-header .hero-content {
      opacity: 1;
      transition: opacity 0.5s; }
    header.site-header.sticky {
      height: 82px; }
      header.site-header.sticky .region-primary-menu {
        position: fixed;
        top: 82px; }
    header.site-header .site-logo {
      width: 140px;
      top: 44px; }
      header.site-header .site-logo.sticky {
        position: fixed;
        top: 14px; }
    header.site-header .region-primary-menu {
      height: 70px;
      background-color: #4e94e7;
      position: relative;
      top: 0;
      z-index: 2; }
      header.site-header .region-primary-menu .block-navigation-button {
        display: none; }
      header.site-header .region-primary-menu nav.main-menu-top {
        display: block; }
    header.site-header .region-header {
      height: calc(100% - 70px); }
      header.site-header .region-header #block-ufafabrik-site-branding {
        max-width: 1280px; }
    header.site-header #block-ufafabrik-ufahero {
      display: block; }
    header.site-header #block-ufafabrik-ufaheromobile {
      display: none; }

  .region-highlighted {
    padding: 0; }

  .sticky header.site-header {
    height: 152px; }
    .sticky header.site-header .hero-content {
      opacity: 0; }
  .sticky .region-sidebar-first:not(.not-sticky), .sticky .region-sidebar-second:not(.not-sticky) {
    position: fixed;
    top: 184px; }

  .path-frontpage header.site-header {
    height: 462px;
    max-height: calc(50vh + 70px); }
  .path-frontpage .region-highlighted {
    padding: 0; }
  .path-frontpage .region-content {
    height: 100%; }
  .path-frontpage .layout-content {
    padding: 0;
    background: none; }
  .path-frontpage .layout-sidebar-second {
    padding: 0; }

  .layout-sidebar-first {
    min-width: min(21.6vw, 280px);
    padding: 32px 0;
    top: 0;
    left: 0; }
    .layout-sidebar-first .region-sidebar-first {
      width: min(21.6vw, 280px); }

  .layout-sidebar-second {
    min-width: min(14.5vw, 192px);
    padding: 32px 0;
    top: 0;
    right: 0; }
    .layout-sidebar-second .region-sidebar-second {
      width: min(14.5vw, 192px); }

  .layout-content {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px 0; }
    .layout-content.no-sidebar-first {
      padding-left: 0; }
    .layout-content.no-sidebar-second {
      padding-right: 0; }
    .layout-content .region-content {
      /* Inner div.layout will not expand to 100% height if these are not also set to 100% height. */
      /*margin: 0 clamp(1em, 10vw, 2em);*/
      min-height: 400px; }
      .layout-content .region-content article.node, .layout-content .region-content .node__content {
        height: 100%; } }
/*
@media (max-width: 1023px) {
  display: flex;
  justify-content: center;
  align-items: center;
}
*/
/*@media (min-width: 1024px) {*/
@media (min-width: 661px) {
  nav.main-menu-top {
    position: relative;
    bottom: 0;
    width: 100%; }
    nav.main-menu-top ul.menu {
      flex-direction: row;
      background-color: #4e94e7;
      padding-top: 0;
      height: 70px;
      text-transform: uppercase;
      font-size: 1.3rem;
      /* cut off last box shadow pixel to the right */
      /*overflow: hidden;*/
      /*li + li {
        border-left: 1px solid white;
      }*/ }
      nav.main-menu-top ul.menu a {
        color: white;
        text-decoration: none; }
      nav.main-menu-top ul.menu li.menu-item--collapsed {
        list-style: none; }
      nav.main-menu-top ul.menu li.menu-item {
        position: relative;
        flex: 1 1 auto;
        text-align: center;
        /*line-height: $main-menu-height;*/
        padding-top: 0;
        width: auto; }
        nav.main-menu-top ul.menu li.menu-item:not(:first-child) {
          /*border-left: 1px solid #bac4d4;*/ }
        nav.main-menu-top ul.menu li.menu-item:not(:first-child):before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 15%;
          width: 1px;
          height: 70%;
          border-left: 1px solid #bac4d4; }
        nav.main-menu-top ul.menu li.menu-item a {
          display: flex;
          width: auto;
          justify-content: center;
          align-items: center;
          height: 70px;
          margin-left: 1px;
          padding-left: 0.3em;
          padding-right: 0.3em;
          /* transform: translate(-1px, 0px); */
          /*border-right: 1px solid;*/
          /* border-left: 1px solid; */
          /* margin-right: -1px; */
          z-index: 1;
          position: relative;
          transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
          /*box-shadow: -1px 0px 0px 0px black, 1px 0px 0px 0px black;*/
          line-height: inherit; }
          nav.main-menu-top ul.menu li.menu-item a:hover {
            color: #efefef; }
        nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail a {
          /*color: $color-main-blue;*/ }
        nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-red a {
          box-shadow: -1px 0px 0px 0px #ff8888, 1px 0px 0px 0px #ff8888; }
        nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-yellow a {
          box-shadow: -1px 0px 0px 0px #ffe819, 1px 0px 0px 0px #ffe819; }
        nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-green a {
          box-shadow: -1px 0px 0px 0px #98ff7e, 1px 0px 0px 0px #98ff7e; }
        nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-blue a {
          box-shadow: -1px 0px 0px 0px #7eb9ff, 1px 0px 0px 0px #7eb9ff; }
        nav.main-menu-top ul.menu li.menu-item.flavor-red a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-red a:hover {
          box-shadow: -1px 0px 0px 0px #faa896, 1px 0px 0px 0px #faa896; }
        nav.main-menu-top ul.menu li.menu-item.flavor-yellow a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-yellow a:hover {
          box-shadow: -1px 0px 0px 0px #f5dd01, 1px 0px 0px 0px #f5dd01; }
        nav.main-menu-top ul.menu li.menu-item.flavor-green a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-green a:hover {
          box-shadow: -1px 0px 0px 0px #c5ffaa, 1px 0px 0px 0px #c5ffaa; }
        nav.main-menu-top ul.menu li.menu-item.flavor-blue a:hover, nav.main-menu-top ul.menu li.menu-item.menu-item--active-trail.flavor-blue a:hover {
          box-shadow: -1px 0px 0px 0px #9cc9ff, 1px 0px 0px 0px #9cc9ff; }
      nav.main-menu-top ul.menu li > a:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -2px;
        top: 25%;
        width: 2px;
        height: 50%;
        background-color: #0092f7; } }

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