.main_layout.convocation .page_header {
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 600; }
.main_layout.convocation .page_description {
  color: #1a171b;
  font-size: 4.2rem;
  padding: 3rem 0 3rem 0;
  line-height: 6rem;
  word-spacing: 1rem; }
.main_layout.year_report .side_menu ul.menu_items span.menu_list_header, .main_layout.convocation .side_menu ul.menu_items span.menu_list_header {
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  color: #1a5b9b;
  border-bottom: #1a5b9b 0.1rem solid;
  padding: 3rem 0 0 0; }
  .main_layout.year_report .side_menu ul.menu_items span.menu_list_header a, .main_layout.convocation .side_menu ul.menu_items span.menu_list_header a {
    color: #1a5b9b; }
.main_layout.year_report .side_menu ul.menu_items .menu_sub, .main_layout.convocation .side_menu ul.menu_items .menu_sub {
  border-top: none; }
  .main_layout.year_report .side_menu ul.menu_items .menu_sub span.menu_sub_header, .main_layout.convocation .side_menu ul.menu_items .menu_sub span.menu_sub_header {
    border-bottom: white solid 0.2rem; }
.main_layout.year_report .side_menu ul.menu_items .menu_sub_header, .main_layout.convocation .side_menu ul.menu_items .menu_sub_header {
  text-transform: uppercase;
  color: #1a171b;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600; }

@media only screen and (max-width: 1200px) {
  /* -------------------- ANIMATIONS ------------------*/
  .page_layout,
  .side_menu,
  .side_menu div,
  .side_menu ul,
  .side_menu li,
  .side_menu.active {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }

  .main_layout {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100% 100%;
    grid-template-areas: "header" "header" "menu" "footer"; }
    .main_layout .side_menu {
      top: 0; }
    .main_layout .header_img {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .main_layout .main_bar_container {
      top: -4.2rem;
      left: 1%; }
      .main_layout .main_bar_container::before {
        left: -1vw; }
      .main_layout .main_bar_container .main_bar_content {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .main_layout .main_bar_container .main_bar_content .name {
          font-size: 1.1rem;
          font-weight: 600;
          line-height: 3.5rem; }

  .page_layout {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100% 100%;
    grid-template-areas: "header" "header" "content" "footer"; }
    .page_layout .menu_bar .article_nav {
      position: relative;
      margin: 1rem 0 0 3rem;
      bottom: 1rem;
      right: auto; }
      .page_layout .menu_bar .article_nav .like_button {
        position: relative;
        font-size: 1.2rem; }
        .page_layout .menu_bar .article_nav .like_button::after {
          content: ""; }
    .page_layout .menu_bar .section_name {
      top: -5rem;
      left: 3%;
      margin: 2rem 0 0 2rem; }
    .page_layout .side_menu {
      grid-area: menu;
      position: fixed;
      top: 8rem;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: scroll;
      -webkit-transform: translateX(-105%);
              transform: translateX(-105%);
      z-index: 1;
      margin: 0;
      -webkit-box-shadow: 0 1rem 1.3rem -0.7rem #1a171b, 0.5rem 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0);
              box-shadow: 0 1rem 1.3rem -0.7rem #1a171b, 0.5rem 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0); }
      .page_layout .side_menu .main_bar_container {
        margin: auto; }
        .page_layout .side_menu .main_bar_container .main_bar_content {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start;
          margin: 1rem 0 0 0; }
          .page_layout .side_menu .main_bar_container .main_bar_content .name {
            display: inline-block;
            color: white;
            background-color: #1a5b9b;
            padding: 0 1rem 0 1rem;
            position: relative;
            top: 0;
            left: 3%;
            font-size: 1.1rem;
            font-weight: 400; }
          .page_layout .side_menu .main_bar_container .main_bar_content .download.like_button {
            font-size: 1.1rem; }
      .page_layout .side_menu .main_bar_link {
        margin: 3rem 0 3rem 0; }
      .page_layout .side_menu .side_menu_like_nav {
        display: block;
        padding: 0 0 4vh 2vw; }
        .page_layout .side_menu .side_menu_like_nav li {
          margin: 0.7rem 0 0.7rem 0; }
          .page_layout .side_menu .side_menu_like_nav li a {
            color: #1a5b9b; }
      .page_layout .side_menu.active {
        top: 8rem;
        z-index: 10;
        width: 100%;
        -webkit-transform: translateX(0);
                transform: translateX(0);
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out;
        -webkit-transition-delay: 0.25s;
                transition-delay: 0.25s; }
    .page_layout .page_content {
      padding: 5rem 0 1rem 0; }
      .page_layout .page_content article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .page_layout .page_content article h2,
        .page_layout .page_content article h3 {
          margin: 0 0 3% 3%; }
        .page_layout .page_content article .author {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          background-color: #deecf1;
          height: 20rem;
          padding: 0 0 0 3%;
          margin: 0 -3% 0 -3%; }
          .page_layout .page_content article .author .mobile_img {
            display: block;
            height: 100%;
            margin: 0 3% 0 3%; }
          .page_layout .page_content article .author span {
            display: inline-block;
            width: 10%;
            overflow-x: visible; }
        .page_layout .page_content article .article_img {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 3;
                  order: 3; }
        .page_layout .page_content article .article_text {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 3;
                  order: 3; 
          padding: 0 3% 3% 3%; }
          .page_layout .page_content article .article_text img {
            height: 100%; }
        .page_layout .page_content article .article_footer {
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4;
          padding: 0 3% 0 3%; }
      .page_layout .page_content.main_article .article_img {
        display: none; }
      .page_layout .page_content .mobile_menu {
        display: block;
        position: absolute;
        top: 1rem;
        right: 1rem;
        height: 4rem;
        width: 4rem;
        background-color: #5ea0bb;
        border-radius: 0.3rem;
        z-index: 1;
        cursor: pointer; }
        .page_layout .page_content .mobile_menu .hamburger_wrapper {
          position: relative;
          width: 100%;
          height: 100%; }
          .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger {
            top: 1.9rem;
            left: 0.6rem;
            -webkit-transition-delay: 0.625s;
                    transition-delay: 0.625s; }
            .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger::before, .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger::after {
              content: ""; }
            .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger::before {
              top: -0.7rem;
              -webkit-transition-delay: 0.5s;
                      transition-delay: 0.5s; }
            .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger::after {
              top: 0.7rem;
              -webkit-transition-delay: 0.75s;
                      transition-delay: 0.75s; }
          .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger,
          .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger::before,
          .page_layout .page_content .mobile_menu .hamburger_wrapper .hamburger::after {
            display: block;
            position: absolute;
            width: 2.8rem;
            height: 0.2rem;
            background-color: white; }
          .page_layout .page_content .mobile_menu .hamburger_wrapper .cross {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
            .page_layout .page_content .mobile_menu .hamburger_wrapper .cross::before, .page_layout .page_content .mobile_menu .hamburger_wrapper .cross::after {
              content: "";
              position: absolute;
              background-color: white; }
            .page_layout .page_content .mobile_menu .hamburger_wrapper .cross::before {
              top: 1.9rem;
              left: 15%;
              width: 0;
              height: 0.2rem;
              -webkit-transition-delay: 0s;
                      transition-delay: 0s; }
            .page_layout .page_content .mobile_menu .hamburger_wrapper .cross::after {
              width: 0.2rem;
              height: 0;
              left: 1.9rem;
              top: 15%;
              -webkit-transition-delay: 0.25s;
                      transition-delay: 0.25s; }
      .page_layout .page_content .hamburger_wrapper * {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out; }
        .page_layout .page_content .hamburger_wrapper *::before, .page_layout .page_content .hamburger_wrapper *::after {
          -webkit-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; }
      .page_layout .page_content .mobile_menu.animate .hamburger {
        width: 0;
        -webkit-transition-delay: 0.125s;
                transition-delay: 0.125s; }
        .page_layout .page_content .mobile_menu.animate .hamburger::before {
          width: 0;
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
        .page_layout .page_content .mobile_menu.animate .hamburger::after {
          width: 0;
          -webkit-transition-delay: 0.25s;
                  transition-delay: 0.25s; }
      .page_layout .page_content .mobile_menu.animate .cross::before {
        width: 70%;
        -webkit-transition-delay: 0.625s;
                transition-delay: 0.625s; }
      .page_layout .page_content .mobile_menu.animate .cross::after {
        height: 70%;
        -webkit-transition-delay: 0.375s;
                transition-delay: 0.375s; }

  .page_wrapper.main_layout .main_bar_container,
  .page_wrapper.page_layout .main_bar_container {
    display: block;
    width: 98%; }
    .page_wrapper.main_layout .main_bar_container .main_bar_content,
    .page_wrapper.page_layout .main_bar_container .main_bar_content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      .page_wrapper.main_layout .main_bar_container .main_bar_content .download.like_button,
      .page_wrapper.page_layout .main_bar_container .main_bar_content .download.like_button {
        font-size: 1.1rem; }
    .page_wrapper.main_layout .main_bar_container .main_bar_link,
    .page_wrapper.page_layout .main_bar_container .main_bar_link {
      display: none; }
  .page_wrapper.main_layout .side_menu_title,
  .page_wrapper.page_layout .side_menu_title {
    font-size: 2rem;
    margin: 2rem 0 1.5rem 0;
    padding: 0 0 0.5rem 3%; }
  .page_wrapper.main_layout .menu_items,
  .page_wrapper.page_layout .menu_items {
    font-size: 1.4rem; }
    .page_wrapper.main_layout .menu_items span,
    .page_wrapper.page_layout .menu_items span {
      padding: 1rem 0 2vw 3%; }
    .page_wrapper.main_layout .menu_items .menu_sub li,
    .page_wrapper.page_layout .menu_items .menu_sub li {
      font-size: 1.4rem;
      padding: 0.5rem 3% 0.5rem 3%; }
    .page_wrapper.main_layout .menu_items .main_bar_link,
    .page_wrapper.page_layout .menu_items .main_bar_link {
      display: block;
      position: relative;
      padding: 1rem 1.5rem 1rem 4rem;
      margin: 4rem 0 0 0;
      background-color: #c4dce6;
      color: #1a5b9b;
      text-transform: none;
      cursor: pointer;
      font-size: 1.6rem;
      font-weight: 600;
      font-style: italic; }
      .page_wrapper.main_layout .menu_items .main_bar_link .arrow_icon,
      .page_wrapper.page_layout .menu_items .main_bar_link .arrow_icon {
        top: 1.2rem;
        left: 3%;
        background: url(../i/arrow.svg) no-repeat center center;
        background-size: cover;
        cursor: pointer;
        padding: 0 0 0 0; }
    .page_wrapper.main_layout .menu_items .menu_sub li,
    .page_wrapper.page_layout .menu_items .menu_sub li {
      padding: 0.5rem 3% 0.5rem 3%;
      width: 100%; }
      .page_wrapper.main_layout .menu_items .menu_sub li::after,
      .page_wrapper.page_layout .menu_items .menu_sub li::after {
        width: 96%;
        right: 2%; }

  .action_buttons {
    margin: 0 3% 0 3%; }

  footer .footer_like_nav {
    display: none; } }
@media only screen and (max-width: 1200px) {
  .page_wrapper header {
    height: 8rem; }
    .page_wrapper header .logo_container a.logo {
      display: block;
      background: url("../images/logo_mobile.svg") no-repeat center center;
      background-size: contain;
      width: 25.8rem;
      height: 7rem;
      margin: 0 0 0 3%; }
  .page_wrapper .main_menu {
    margin: 8rem 0 0 0; }
    .page_wrapper .main_menu .edition {
      display: none; }
    .page_wrapper .main_menu.header_clear .menu_bar {
      bottom: -4rem; }
      .page_wrapper .main_menu.header_clear .menu_bar .section_name {
        top: auto; }
    .page_wrapper .main_menu .category {
      font-size: 2rem;
      letter-spacing: 0.07rem;
      height: 5rem;
      line-height: 5rem;
      padding: 0 0 0 3%;
      text-align: left; }
    .page_wrapper .main_menu .header_img {
      height: 16rem;
      font-size: 1rem; }
    .page_wrapper .main_menu .menu_bar {
      padding: 0 0 0 0;
      bottom: -5rem; }
      .page_wrapper .main_menu .menu_bar .section_name {
        margin: 0;
        padding: 0 0 0 3%;
        height: 3.4rem;
        font-size: 1.8rem; }
      .page_wrapper .main_menu .menu_bar .article_nav {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin: 0; }
  .page_wrapper .page_content .mobile_menu {
    top: 2rem;
    right: 2rem; }
  .page_wrapper .page_layout .side_menu {
    top: 8rem; }
    .page_wrapper .page_layout .side_menu.active {
      top: 8rem; }
    .page_wrapper .page_layout .side_menu .side_menu_title {
      font-size: 1.8rem;
      padding: 0 0 0.5rem 3%;
      margin: 1rem 0 0 0; }
    .page_wrapper .page_layout .side_menu .menu_items span {
      padding: 0.5rem 0 0 3%; }
    .page_wrapper .page_layout .side_menu .menu_items .menu_sub {
      font-size: 1.4rem; } }
@media only screen and (max-width: 650px) {
  .header_img span {
    margin: 0 0 0.2rem 0; }

  .page_layout .menu_bar {
    height: 10rem; }
    .page_layout .menu_bar::before {
      height: 5rem;
      top: 0; }

  .page_wrapper .main_menu .menu_bar .section_name {
    height: 4.7rem; }

  .page_wrapper header .logo_container a.logo {
    width: 22.2rem;
    height: 7rem;
    margin: 0 0 0.5rem 3%; } }
/*------------------------- Styles for Print -------------------------*/
@media print {
  @page {
    margin: 0 0.5cm 0 1.5cm;
    size: A4; }
  body,
  html {
    visibility: hidden;
    height: auto;
    font-size: 8pt; }
    body pre,
    body blockquote,
    body img,
    html pre,
    html blockquote,
    html img {
      page-break-inside: avoid; }

  .main_layout,
  .page_layout {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .main_layout header,
    .page_layout header {
      visibility: hidden; }
      .main_layout header .logo_container,
      .page_layout header .logo_container {
        height: 1cm; }
        .main_layout header .logo_container .logo_img,
        .page_layout header .logo_container .logo_img {
          visibility: initial;
          display: inline; }
    .main_layout .main_menu,
    .page_layout .main_menu {
      visibility: hidden;
      font-size: 8pt; }
      .main_layout .main_menu h1.category,
      .page_layout .main_menu h1.category {
        visibility: initial;
        padding: 0;
        font-size: 16pt;
        text-align: center; }
        .main_layout .main_menu h1.category .edition,
        .page_layout .main_menu h1.category .edition {
          visibility: initial; }
    .main_layout footer,
    .page_layout footer {
      visibility: hidden;
      margin: 1cm 0 0 0;
      height: 2cm; }
      .main_layout footer .contact_name,
      .page_layout footer .contact_name {
        display: block;
        visibility: initial;
        color: #1a171b;
        margin: 1cm 0 0 0; }
      .main_layout footer .footer_like_nav,
      .page_layout footer .footer_like_nav {
        display: none; }

  .main_layout .main_menu {
    height: 4cm; }
  .main_layout .main_bar_container {
    visibility: hidden; }
    .main_layout .main_bar_container span.name {
      visibility: initial; }
  .main_layout .side_menu_title {
    display: none; }
  .main_layout ul.menu_sub li {
    page-break-inside: avoid; }
  .main_layout .side_menu {
    margin: 0; }

  .page_layout {
    -webkit-column-break-after: always;
            break-after: always; }
    .page_layout .side_menu {
      display: none; }
    .page_layout .main_menu {
      height: 2cm; }
    .page_layout article {
      margin: 0.5cm 0 0 0; }
      .page_layout article .article_text {
        position: relative; }
        .page_layout article .article_text p {
          position: relative;
          -webkit-column-break-inside: avoid;
                  break-inside: avoid; }
      .page_layout article .article_footer {
        page-break-inside: avoid;
        height: 5cm; }
        .page_layout article .article_footer img {
          height: 3cm; }
    .page_layout h3 {
      page-break-inside: avoid; }
    .page_layout p {
      widows: 4;
      orphans: 3; } }
/* -------------------- ANIMATIONS -------------------  */
.page_layout,
header,
.main_menu,
.like_button,
.section_name,
.side_menu,
.side_menu li,
.page_content,
.right_spacer,
h1,
h2,
.article_nav,
article,
.article_img,
.author,
.article_text p,
p.preamble,
p.quotes,
.article_img img,
.on_top,
.on_top.active,
.on_top.active::after {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

@-webkit-keyframes tooltips {
  0% {
    content: "";
    opacity: 0;
    height: 0; }
  50% {
    content: "";
    opacity: 0.5;
    height: 2.5rem; }
  100% {
    opacity: 0.9;
    height: 3.5rem; } }

@keyframes tooltips {
  0% {
    content: "";
    opacity: 0;
    height: 0; }
  50% {
    content: "";
    opacity: 0.5;
    height: 2.5rem; }
  100% {
    opacity: 0.9;
    height: 3.5rem; } }
@-webkit-keyframes toTop {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes toTop {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* -------------------- GENERAL STYLES -------------------  */
html,
body {
  min-height: 100%;
  height: 100%;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1rem;
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto; }

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

a {
  text-decoration: none;
  cursor: pointer; }

ul,
li {
  list-style: none; }

.logo_img {
  display: none; }

.page_layout {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 15% 20% 22% 28% 15%;
  grid-template-areas: "header header header header header" "header header header header header" ". menu content content spacer" "footer footer footer footer footer";
  background-color: #deecf1; }
  .page_layout .right_spacer {
    grid-area: spacer;
    background-color: white; }

.main_layout {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 15% 14% 28% 28% 15%;
  grid-template-areas: "header header header header header" "header header header header header" ". menu menu menu ." "footer footer footer footer footer";
  background-color: #deecf1; }
  @media only screen and (max-width: 1000px) {
    .main_layout {
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: 100% 100%;
      grid-template-areas: "header" "header" "menu" "footer"; } }

.arrow_icon {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.mobile_menu {
  display: none; }

/* -------------------- HEADER --------------------- */
header {
  grid-area: header;
  width: 100%;
  position: relative;
  height: 6rem; }
  header .logo_container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.55);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.55);
    z-index: 1; }
    header .logo_container a.logo {
      display: block;
      background: url("../images/logo.svg") no-repeat left center;
      background-size: contain;
      width: 65rem;
      height: 70%;
      margin: 0 0 0 15%; }
      @media only screen and (max-width: 450px) {
        header .logo_container a.logo {
          width: 22.2rem;
          height: 7rem;
          margin: 0 0 0.5rem 3%; } }

/*----------------------------- MENU MAIN GENERAL -------------------*/
.main_menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-area: header;
  position: relative;
  width: 100%;
  margin: 6rem 0 0 0;
  background-color: white;
  font-size: 1.8rem; }
  .main_menu.header_clear {
    height: 20rem; }
    .main_menu.header_clear .header_img {
      background: white;
      width: 100%;
      height: 100%; }
  .main_menu .category {
    height: 6rem;
    text-transform: uppercase;
    background-color: #1a5b9b;
    color: white;
    padding: 0 15% 0 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 2.6rem;
    font-weight: 400;
    letter-spacing: 0.23rem;
    line-height: 6rem;
    opacity: 0.7; }
  .main_menu .menu_bar {
    background-color: white; }

/*----------------------------- MENU MAIN ARTICLE PAGE -------------------*/
.page_layout .menu_bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5rem;
  padding-left: calc(36% + 1.5rem);
  padding-right: 15%;
  height: 8.4rem;
  background-color: transparent; }
  .page_layout .menu_bar::before {
    content: "";
    display: block;
    height: 4.5rem;
    position: absolute;
    width: 100%;
    top: -1rem;
    left: 0;
    right: 0;
    background-color: white;
    opacity: 0.8;
    z-index: 1; }
  .page_layout .menu_bar span {
    display: block; }
  .page_layout .menu_bar .section_name {
    position: -webkit-sticky;
    position: sticky;
    top: -3rem;
    left: calc(35% + 3rem);
    right: 15%;
    border-bottom: #5ea0bb solid 0.1rem;
    text-transform: uppercase;
    z-index: 2;
    font-size: 2.6rem;
    font-weight: 600; }
  .page_layout .menu_bar .article_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 5rem; }
    .page_layout .menu_bar .article_nav .like_button {
      position: relative;
      width: 3.5rem;
      height: 3.5rem;
      background-color: #1a5b9b;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      margin: 0 0 0 1rem;
      cursor: pointer; }
      .page_layout .menu_bar .article_nav .like_button:hover {
        background-color: #a70d15; }
      .page_layout .menu_bar .article_nav .like_button::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.7rem;
        right: 0.7rem;
        width: 2.1rem;
        height: 2.1rem; }
      .page_layout .menu_bar .article_nav .like_button::after {
        display: inline-block;
        position: absolute;
        top: 4rem;
        font-size: 1.4rem;
        font-weight: 600;
        font-style: italic;
        width: 11.1rem;
        letter-spacing: 0.01rem;
        height: 0;
        padding: 0 0.7rem 0 0.7rem;
        opacity: 0;
        background-color: #deecf1;
        color: #1a5b9b;
        line-height: 3.5rem;
        z-index: -1;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      .page_layout .menu_bar .article_nav .like_button.home::before {
        background: url("../i/home.svg") no-repeat right center; }
      .page_layout .menu_bar .article_nav .like_button.home::after {
        content: "STARTSEITE"; }
      .page_layout .menu_bar .article_nav .like_button.home:hover::after {
        z-index: 2;
        -webkit-animation: tooltips 0.74s ease-out 0.2s;
                animation: tooltips 0.74s ease-out 0.2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out; }
      .page_layout .menu_bar .article_nav .like_button.print::before {
        background: url("../i/printer.svg") no-repeat right center; }
      .page_layout .menu_bar .article_nav .like_button.print::after {
        content: "ARTIKEL DRUCKEN";
        left: -4.5rem; }
      .page_layout .menu_bar .article_nav .like_button.print:hover::after {
        z-index: 2;
        -webkit-animation: tooltips 0.74s ease-out 0.2s;
                animation: tooltips 0.74s ease-out 0.2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out; }
      .page_layout .menu_bar .article_nav .like_button.download::before {
        background: url("../i/download.svg") no-repeat right center; }
      .page_layout .menu_bar .article_nav .like_button.download::after {
        content: "ARTIKEL ALS PDF";
        left: -9rem; }
      .page_layout .menu_bar .article_nav .like_button.download:hover::after {
        z-index: 2;
        -webkit-animation: tooltips 0.74s ease-out 0.2s;
                animation: tooltips 0.74s ease-out 0.2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out; }
      .page_layout .menu_bar .article_nav .like_button.full {
        width: 15rem;
        color: white;
        line-height: 3.5rem;
        font-size: 1.4rem;
        font-weight: 400;
        font-style: italic;
        padding: 0 3.5rem 0 0.5rem; }
        .page_layout .menu_bar .article_nav .like_button.full::before {
          background: url("../i/download.svg") no-repeat right center; }
        .page_layout .menu_bar .article_nav .like_button.full::after {
          content: "GESAMTAUSGABE ALS PDF";
          left: -13.5rem;
          width: 16rem; }
        .page_layout .menu_bar .article_nav .like_button.full:hover::after {
          z-index: 2;
          -webkit-animation: tooltips 0.74s ease-out 0.2s;
                  animation: tooltips 0.74s ease-out 0.2s;
          -webkit-animation-fill-mode: forwards;
                  animation-fill-mode: forwards;
          -webkit-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out; }

/*----------------------------- MENU SIDE GENERAL -------------------*/
.page_wrapper .header_img {
  background-color: white;
  height: 30rem;
  margin: -6rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 1.2rem; }
  .page_wrapper .header_img span {
    position: relative;
    color: #1a171b;
    z-index: 3; }
.page_wrapper .side_menu {
  position: relative;
  grid-area: menu;
  background-color: #deecf1;
  font-size: 1.6rem;
  letter-spacing: 0.05rem;
  margin: 0 0 15rem 0; }
  .page_wrapper .side_menu .main_bar_container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #1a5b9b; }
    .page_wrapper .side_menu .main_bar_container a {
      color: #1a5b9b; }
    .page_wrapper .side_menu .main_bar_container .main_bar_content {
      text-transform: uppercase;
      font-size: 3rem;
      font-weight: 600;
      line-height: 3.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .page_wrapper .side_menu .main_bar_container .main_bar_content .name {
        display: inline-block;
        position: relative;
        z-index: 2; }
      .page_wrapper .side_menu .main_bar_container .main_bar_content .download.like_button {
        position: relative;
        display: inline-block;
        color: white;
        background-color: #a70d15;
        margin: 0 0 0 2rem;
        padding: 0 3.5rem 0 1rem;
        line-height: 3.5rem;
        z-index: 2;
        font-size: 1.4rem;
        font-weight: 400;
        font-style: italic;
        cursor: pointer; }
        .page_wrapper .side_menu .main_bar_container .main_bar_content .download.like_button::after {
          content: "";
          background: url("../i/download.svg") no-repeat right center;
          display: block;
          position: absolute;
          top: 0.6rem;
          right: 0.8rem;
          width: 2rem;
          height: 2rem; }
    .page_wrapper .side_menu .main_bar_container .main_bar_link {
      background-color: #deecf1;
      padding: 0.5rem 2rem 0.5rem 3rem;
      position: relative;
      cursor: pointer;
      z-index: 2;
      font-size: 1.6rem;
      font-style: italic; }
      .page_wrapper .side_menu .main_bar_container .main_bar_link .arrow_icon {
        top: 0.7rem;
        left: 0.7rem;
        background: url("../i/arrow.svg"); }
  .page_wrapper .side_menu .side_menu_like_nav {
    display: none; }
  .page_wrapper .side_menu .side_menu_title {
    font-size: 2.6rem;
    margin: 3.5rem 0 0 0;
    padding: 0 0 0.5rem 0;
    line-height: 2rem;
    color: #5ea0bb;
    text-transform: uppercase; }
  .page_wrapper .side_menu .menu_items {
    text-transform: uppercase;
    color: #00050a;
    font-size: 1.8rem;
    font-weight: 600; }
    .page_wrapper .side_menu .menu_items span {
      color: #1a171b;
      display: block;
      padding: 1rem 0 1rem 0; }
    .page_wrapper .side_menu .menu_items li {
      margin: 1rem 0 0 0; }
    .page_wrapper .side_menu .menu_items .main_bar_link {
      display: none; }
  .page_wrapper .side_menu .menu_sub {
    text-transform: none;
    border-top: white solid 0.2rem;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: italic; }
    .page_wrapper .side_menu .menu_sub a {
      color: #626869; }
      .page_wrapper .side_menu .menu_sub a:hover {
        color: #1a5b9b; }
      .page_wrapper .side_menu .menu_sub a.active {
        color: #1a5b9b;
        font-weight: 600; }
    .page_wrapper .side_menu .menu_sub li {
      position: relative;
      border: none;
      margin: 0 0 0 0;
      padding: 1rem 0 1rem 0; }
      .page_wrapper .side_menu .menu_sub li:hover {
        background-color: white;
        opacity: 0.8; }
      .page_wrapper .side_menu .menu_sub li::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 0.1rem;
        background-color: #c9c9c9; }

/*----------------------------- SIDE MENU MAIN PAGE -------------------*/
.main_layout .main_bar_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -4.5rem;
  width: 100%; }
  .main_layout .main_bar_container::before {
    content: "";
    display: block;
    height: 5rem;
    position: absolute;
    width: 100vw;
    top: -0.5rem;
    left: -15vw;
    background-color: white;
    opacity: 0.8;
    z-index: 1; }
.main_layout .menu_items .menu_sub li {
  width: 100; }

/*----------------------------- SIDE MENU ARTICLE PAGE -------------------*/
.page_layout .side_menu .main_bar_container .main_bar_content .name {
  display: none; }
.page_layout .side_menu .side_menu_title {
  border-bottom: #1a5b9b solid 0.2rem; }
  .page_layout .side_menu .side_menu_title a {
    color: #1a5b9b; }
.page_layout .side_menu .menu_items .main_bar_link {
  position: relative;
  padding: 1rem 1.5rem 1rem 4rem;
  margin: 4rem 0 0 0;
  background-color: #c4dce6;
  color: #1a5b9b;
  text-transform: none;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 600;
  font-style: italic; }
  .page_layout .side_menu .menu_items .main_bar_link .arrow_icon {
    top: 1.2rem;
    left: 1.5rem;
    background: url("../i/arrow.svg") no-repeat center center;
    background-size: cover;
    cursor: pointer;
    padding: 0 0 0 0; }
.page_layout .side_menu .menu_items .menu_sub li {
  width: calc(100% - 1rem); }

/* ---------------------------- PAGE-CONTENT GENERAL -----------------------*/
.page_content {
  grid-area: content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
  padding: 6rem 0 3rem 3rem; }
  .page_content.main_article .article_img {
    float: left;
    padding: 0 2.5rem 2rem 0; }
    .page_content.main_article .article_img img {
      width: 100%; }
  .page_content article {
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.07rem;
    line-height: 2.8rem;
    color: #1a171b; }
    .page_content article .article_text {
      margin: 2rem 0 0 0; }
      .page_content article .article_text img {
        width: 100%; }
      .page_content article .article_text ol li {
        list-style-type: decimal;
        list-style-position: inside; }
      .page_content article .article_text ul li {
        list-style-type: disc;
        list-style-position: inside; }
      .page_content article .article_text a {
        color: #1a5b9b;
        position: relative;
        padding: 0 0 0 2.5rem; }
        .page_content article .article_text a::before {
          content: "";
          display: inline-block;
          background: url(../i/arrow.svg);
          width: 1.6rem;
          height: 1.6rem;
          margin: 0 0.5rem;
          position: absolute;
          left: 0rem;
          top: 0.4rem; }
    .page_content article .author {
      background-color: #deecf1;
      border-top: #5ea0bb solid 0.1rem;
      padding: 0.5rem 0 0.5rem 1rem;
      margin: 0 0 3rem 0; }
      .page_content article .author a {
        color: #1a5b9b; }
      .page_content article .author .mobile_img {
        display: none; }
    .page_content article h2 {
      font-size: 2.4rem;
      font-weight: 600;
      color: #1a5b9b; }
    .page_content article h3.quotes {
      font-size: 2.6rem;
      font-weight: 300;
      font-style: italic;
      color: #5ea0bb;
      line-height: 3.5rem; }
    .page_content article .article_img {
      margin: 1rem 0 1rem 0; }
      .page_content article .article_img img {
        width: 100%; }
    .page_content article p.preamble {
      font-size: 1.8rem;
      font-weight: 400;
      font-style: italic;
      color: #5ea0bb; }
    .page_content article p,
    .page_content article h3.quotes {
      margin: 3rem 0 0 0; }
    .page_content article .link_to {
      display: inline-block;
      position: relative;
      height: 2.8rem;
      padding: 0 0 0 2rem; }
      .page_content article .link_to::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0.6rem;
        left: 0;
        width: 1.6rem;
        height: 1.6rem;
        background: url("../i/arrow.svg") no-repeat center center;
        background-size: cover; }
      .page_content article .link_to a {
        color: #626869; }
    .page_content article .small_image {
      display: block;
      /*display: -webkit-box;
      display: -ms-flexbox;
      display: flex; */ }
      .page_content article .small_image img {
        display: block;
        max-width: 100%;
        height: auto;
        width: inherit !important;
        /*-webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0; */}
  .page_content.main_article .article_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 5% 0 0 0; }
    .page_content.main_article .article_footer span {
      display: inline-block; }
    .page_content.main_article .article_footer img {
      margin: 0 0 1rem 0; }
    .page_content.main_article .article_footer .author_name,
    .page_content.main_article .article_footer .author_post {
      color: #5ea0bb; }

/* ----------------------- FOOTER --------------------- */
footer {
  grid-area: footer;
  font-size: 1.6rem; }
  footer hr {
    height: 0.8rem;
    border: none; }
    footer hr:nth-child(1) {
      background-color: #5ea0bb;
      height: 0.5rem; }
    footer hr:nth-child(2) {
      background-color: #deecf1;
      height: 0.3rem; }
  footer .footer_container {
    background-color: #5ea0bb;
    color: white;
    padding: 0 15% 3% 15%; }
  footer a {
    color: #deecf1; }
  footer .footer_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 3rem 0 0 0; }
    footer .footer_wrapper .contact {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-item-align: start;
          align-self: start; }
      footer .footer_wrapper .contact .contact_name {
        letter-spacing: 0.25rem;
        font-weight: 300;
        margin: 0 0 1rem; }
      footer .footer_wrapper .contact li {
        margin: 0 0 0.3rem 0; }
      footer .footer_wrapper .contact .email {
        font-style: italic;
        position: relative; }
        footer .footer_wrapper .contact .email .arrow_icon {
          top: 0.3rem;
          left: 0;
          background: url("../i/arrow_revert.svg");
          cursor: pointer; }
        footer .footer_wrapper .contact .email a {
          padding: 0 0 0 2rem; }
    footer .footer_wrapper .footer_like_nav {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-item-align: start;
          align-self: start; }
      footer .footer_wrapper .footer_like_nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }

.on_top {
  display: none;
  opacity: 0; }

.on_top.active {
  display: block;
  position: fixed;
  bottom: 27%;
  right: 15vw;
  width: 4rem;
  height: 4rem;
  background-color: white;
  border-radius: 4rem;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-animation: toTop 0.3s ease-out 0.2s;
          animation: toTop 0.3s ease-out 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  .on_top.active .on_top_icon {
    display: block;
    margin: 0.4rem 0.4rem 0.4rem 0.4rem;
    width: 3.2rem;
    height: 3.2rem;
    background: url("../i/arrow.svg") no-repeat center center;
    background-size: cover;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-animation: toTop 0.3s ease-out 0.2s;
            animation: toTop 0.3s ease-out 0.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    cursor: pointer; }
  .on_top.active::after {
    content: "nach oben";
    display: block;
    width: 6.2rem;
    height: 1.4rem;
    font-size: 1.2rem;
    margin: 0 0 0 -1.1rem;
    color: #5ea0bb; }

.action_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 9rem; }
  .action_buttons .to_next,
  .action_buttons .to_prev {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1.6rem;
    background: url("../i/arrow.svg") no-repeat center center;
    background-size: cover;
    cursor: pointer; }
  .action_buttons .to_next {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
  .action_buttons .to_prev {
    -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

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