@charset "UTF-8";
/* Compiles to */
/**
*
* Testing
*
**/
/* Compiles to */
/**
*
* Testing
*
**/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #af2e3e;
  display: block; }

ul,
li {
  list-style: none; }

.article_body ul,
.article_body li {
  list-style: inherit; }

.article_body ul {
  padding: 0 0 0 2rem; }

button {
  border: none; }

span {
  display: block; }

/* COMMON RADIO AND CHECKBOX STYLES  */
input[type="radio"],
input[type="checkbox"] {
  /* Hide original inputs */
  visibility: hidden;
  position: absolute; }

.old_template input[type="radio"],
.old_template input[type="checkbox"] {
  /* Hide original inputs */
  visibility: initial;
  position: absolute; }

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.5rem;
  content: " ";
  display: inline-block;
  vertical-align: baseline;
  border: 0.1rem solid #5e5e5e; }
  @media (max-width: 767px) {
    input[type="radio"] + label:before,
    input[type="checkbox"] + label:before {
      position: absolute;
      top: 0.4rem;
      left: 0; } }

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
  background: #5e5e5e; }

/* CUSTOM RADIO AND CHECKBOX STYLES */
input[type="radio"] + label:before {
  border-radius: 50%; }

input[type="checkbox"] + label:before {
  border-radius: 2px; }

input.error[type="radio"] + label:before {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.5rem;
  content: " ";
  display: inline-block;
  vertical-align: baseline;
  border: 0.1rem solid red; }

@font-face {
  font-family: myriad-pro;
  src: url(https://use.typekit.net/af/d32e26/00000000000000000001709b/27/l?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/d32e26/00000000000000000001709b/27/d?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/d32e26/00000000000000000001709b/27/a?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=i4&v=3) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: auto; }

@font-face {
  font-family: myriad-pro;
  src: url(https://use.typekit.net/af/cafa63/00000000000000000001709a/27/l?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/cafa63/00000000000000000001709a/27/d?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/cafa63/00000000000000000001709a/27/a?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto; }

@font-face {
  font-family: myriad-pro;
  src: url(https://use.typekit.net/af/80c5d0/00000000000000000001709c/27/l?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/80c5d0/00000000000000000001709c/27/d?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/80c5d0/00000000000000000001709c/27/a?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=n6&v=3) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto; }

@font-face {
  font-family: myriad-pro;
  src: url(https://use.typekit.net/af/d50a1b/00000000000000000001709d/27/l?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=i6&v=3) format("woff2"), url(https://use.typekit.net/af/d50a1b/00000000000000000001709d/27/d?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=i6&v=3) format("woff"), url(https://use.typekit.net/af/d50a1b/00000000000000000001709d/27/a?primer=b86ea13c0ccca674ba199a73b475cab44519f3ceb514916830730b8266ebb62f&fvd=i6&v=3) format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: auto; }

/* Compiles to */
/**
*
* Testing
*
**/
footer {
  display: flex;
  align-items: flex-start;
  background-color: #af2e3e;
  color: #fff;
  padding: 0 5rem 0 5rem; }
  footer .footer_item {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    footer .footer_item:nth-child(2) {
      flex: 2 1 auto; }
  footer .socialmedia_sub_items {
    margin-left: 2rem;
    opacity: 0;
    clear: both;
    height: 0;
    overflow: hidden; }
    footer .socialmedia_sub_items.active {
      transition: all 0.3s ease;
      opacity: 1;
      height: auto; }

@media (min-width: 1255px) {
  footer {
    padding: 1rem 0 3rem 0.5rem; }
    footer a,
    footer .footer_button,
    footer .footer_text {
      color: #fff;
      font-size: 1.8rem;
      line-height: 2.6rem;
      cursor: pointer; } }

@media (max-width: 1254px) {
  footer {
    padding: 0 2rem 0 2rem;
    flex-direction: column; }
    footer .footer_item:nth-child(2) {
      flex: 1 1 auto; }
    footer a {
      color: #fff;
      font-size: 1.6rem;
      line-height: 2.5rem; }
    footer .footer_button,
    footer .footer_text {
      color: #fff;
      font-size: 1.6rem;
      line-height: 2.5rem;
      cursor: pointer; } }

/* Compiles to */
/**
*
* Testing
*
**/
@media (min-width: 768px) {
  #grid_container {
    display: grid;
    position: relative;
    grid-template-columns: 1fr minmax(200px, 1256px) 1fr;
    grid-template-rows: auto 1fr auto;
    row-gap: 2.5rem;
    grid-template-areas: "header header header" ".content ." "fl footer fr"; }
  header {
    grid-area: header; }
  footer {
    grid-area: footer; }
  .background_header {
    margin-top: 4.2rem; }
    .background_header.left {
      grid-area: l;
      background-color: #fff; }
    .background_header.right {
      grid-area: r;
      background-color: #fff; }
  .background_footer.left {
    grid-area: fl;
    background-color: #af2e3e; }
  .background_footer.right {
    grid-area: fr;
    background-color: #af2e3e; } }

@media (min-width: 768px) {
  #content_grid_container {
    grid-area: content;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr minmax(200px, 1256px) 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ".content ."; }
    #content_grid_container.subpage_grid {
      grid-template-columns: 1fr minmax(200px, 845px) 1fr;
      margin: 0 0 2.5rem 0; }
    #content_grid_container.old_template {
      display: block;
      grid-area: content;
      grid-template-areas: ".content ."; }
  .article_content_wrapper {
    grid-column: 2; }
  .content_wrapper {
    grid-area: content;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-template-rows: repeat(2, 50rem) 14rem repeat(1, 50rem) 1fr;
    column-gap: 2%;
    row-gap: 2.5rem;
    grid-template-areas: "hero hero stiftung" "standart1 standart2 standart3" "call_to_action call_to_action call_to_action" "project1 project2 project3" "project4 project5 project6" "tags tags tags"; }
    .content_wrapper .grid_item.hero {
      grid-area: hero;
      background-color: #fff; }
    .content_wrapper .grid_item.stiftung {
      grid-area: stiftung;
      background-color: #af2e3e; }
    .content_wrapper .grid_item.standart {
      background-color: #fff; }
      .content_wrapper .grid_item.standart:nth-child(3) {
        grid-area: standart1; }
      .content_wrapper .grid_item.standart:nth-child(4) {
        grid-area: standart2; }
      .content_wrapper .grid_item.standart:nth-child(5) {
        grid-area: standart3; }
    .content_wrapper .grid_item.call_to_action {
      grid-area: call_to_action;
      background-color: #fff; }
    .content_wrapper .grid_item.project {
      background-color: #fff; }
      .content_wrapper .grid_item.project.red {
        background-color: #af2e3e; }
      .content_wrapper .grid_item.project:nth-child(7) {
        grid-area: project1; }
      .content_wrapper .grid_item.project:nth-child(8) {
        grid-area: project2; }
      .content_wrapper .grid_item.project:nth-child(9) {
        grid-area: project3; }
      .content_wrapper .grid_item.project:nth-child(10) {
        grid-area: project4; }
      .content_wrapper .grid_item.project:nth-child(11) {
        grid-area: project5; }
      .content_wrapper .grid_item.project:nth-child(12) {
        grid-area: project6; }
    .content_wrapper .grid_item.tags {
      grid-area: tags;
      background-color: #fff; }
  .basic_type .content,
  .article_type .content {
    display: grid;
    grid-template-columns: 1fr 30%;
    column-gap: 2.5rem; }
    .basic_type .content .content_text,
    .article_type .content .content_text {
      grid-column: 1; }
    .basic_type .content .content_images,
    .article_type .content .content_images {
      grid-column: 2; }
  .alumni_type .tiles_wrapper .description {
    grid-column: span 2; }
  .alumni_type .tiles_wrapper .login_form {
    grid-column: 3; }
  .article_type .masonry_tiles_item_wrapper.article_content {
    grid-column: span 2; } }

@media (max-width: 767px) {
  #grid_container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr 43rem;
    grid-template-areas: "header" "content" "footer"; }
  header {
    grid-area: header; }
  footer {
    grid-area: footer; }
  #content_grid_container {
    grid-area: content;
    padding: 8.8rem 2rem 0 2rem; } }

@media (max-width: 767px) {
  .content_wrapper {
    display: flex;
    flex-direction: column;
    padding: 1vh 3vw; }
    .content_wrapper .grid_item {
      margin: 1vh 0 1vh 0;
      background-color: #fff;
      height: 68rem; }
      .content_wrapper .grid_item.stiftung {
        background-color: #af2e3e; }
  .basic_type .content,
  .article_type .content {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 2.5rem; } }

@media (max-width: 639px) {
  .content_wrapper .grid_item {
    height: 48rem; } }

.like_masonry_tiles {
  grid-column: 2;
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  grid-auto-rows: 3rem; }

.subnav_widget {
  grid-row: 1;
  grid-column: 2; }

.backtotop_wrapper {
  grid-column: 2; }

.section__headline,
.section__description,
.page_title {
  grid-column: 2; }

.books_type .book_content_wrapper,
.book .book_content_wrapper {
  grid-row: 4;
  grid-column: 2; }

.carousel_wrapper {
  grid-column: 2; }

.tiles_wrapper {
  grid-column: 2;
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); }

.projects_detail_type .content {
  grid-column: 2; }

.content {
  grid-column: 2; }

.newsletter_type .content {
  grid-column: 2; }

.full_preview {
  grid-column: 2; }

.tiles_item.wide {
  grid-column: auto / span 2; }

/* Compiles to */
/**
*
* Testing
*
**/
@media (min-width: 768px) {
  .content_wrapper {
    padding: 2.5rem 0 0 0; }
  .grid_item .item_content {
    padding: 0 1.5vw 0 1vw; }
  .grid_item.hero .item_content.img {
    max-height: 34rem;
    overflow: hidden; }
  .grid_item.hero img:nth-child(1) {
    display: block; }
  .grid_item.hero img:nth-child(2) {
    display: none; } }

.grid_item {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .grid_item .item_content p,
  .grid_item .item_content a {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem; }
    @media (max-width: 767px) {
      .grid_item .item_content p,
      .grid_item .item_content a {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2rem; } }
  .grid_item .item_content.img {
    flex: 0 1 auto;
    padding: 0 0 0 0; }
    .grid_item .item_content.img img {
      width: 100%;
      height: 100%; }
  .grid_item .item_content.links {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap; }
    .grid_item .item_content.links li {
      background-color: #f5f5f5;
      padding: 0.3rem 1rem 0.3rem 1rem;
      align-self: flex-end;
      margin: 0.3rem 0.3rem 0.3rem 0; }
      .grid_item .item_content.links li a {
        font-size: 1.2rem; }
  .grid_item .item_content.thesis {
    flex: 2 1 auto; }
    .grid_item .item_content.thesis h3 {
      color: #5e5e5e;
      padding: 0.7rem 0 1rem 0; }
    .grid_item .item_content.thesis p {
      color: #5e5e5e; }
  .grid_item.stiftung {
    position: relative;
    padding: 0 0 2.5rem 0; }
    .grid_item.stiftung .item_content {
      padding: 0; }
      .grid_item.stiftung .item_content.animated_img {
        cursor: pointer; }
        .grid_item.stiftung .item_content.animated_img img {
          width: 100%; }
  .grid_item.call_to_action {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center; }
    .grid_item.call_to_action h2 {
      color: #5e5e5e; }
    .grid_item.call_to_action .meta_button {
      width: 18rem;
      padding: 1.5rem 0 1.5rem; }
  .grid_item.project.red .item_content.thesis p {
    color: #fff; }
  .grid_item.project.red .item_content.thesis h3 {
    color: #fff; }
  .grid_item.project.red .item_content.button {
    flex: 2 1 5rem;
    align-self: center;
    padding: 0.5rem 0 0.5rem 0; }

.tags {
  padding: 1vw 1.5vw 1vw 1.5vw; }
  .tags h3 {
    color: #af2e3e; }
  .tags .item_wrapper {
    display: flex;
    padding: 1rem 0 0 0; }
    @media (max-width: 1254px) {
      .tags .item_wrapper {
        flex-grow: 0; } }
    @media (min-width: 1256px) {
      .tags .item_wrapper {
        flex-grow: 1; } }
    .tags .item_wrapper .item_content {
      padding: 0; }
      .tags .item_wrapper .item_content.links {
        flex: 1 1 auto;
        flex-direction: column; }
        .tags .item_wrapper .item_content.links li {
          margin: 0.5rem 0 0.5rem 0;
          align-self: flex-start; }

@media (max-width: 1254px) {
  .grid_item .item_content {
    padding: 0 3vw 0 3vw; }
  .grid_item.hero img:nth-child(1) {
    display: none; }
  .grid_item.hero img:nth-child(2) {
    display: block; }
  .grid_item.call_to_action h2 {
    text-align: center; }
  .grid_item.project.red {
    background-color: #af2e3e; }
  .grid_item.tags .item_wrapper {
    flex-wrap: wrap;
    padding: 1rem 0 0 0; }
    .grid_item.tags .item_wrapper .item_content.links {
      display: flex;
      flex: 1 1 50%; }
      .grid_item.tags .item_wrapper .item_content.links li {
        margin: 1rem 0 0.5rem 0; }
  .grid_item.tags h3 {
    font-size: 2.1rem;
    text-align: center;
    line-height: 2.5rem; } }

/* Compiles to */
/**
*
* Testing
*
**/
.article_content_wrapper {
  margin: 2vw 0 0 0;
  padding: 0 2vw 0 2vw;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .article_content_wrapper .article_img {
    margin: 1.5rem auto 0 auto;
    overflow: hidden; }
    .article_content_wrapper .article_img img {
      width: 100%; }
  .article_content_wrapper .article_header {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .article_content_wrapper .article_header h1 {
      font-weight: 600;
      color: #5e5e5e;
      text-align: center; }
    .article_content_wrapper .article_header h2 {
      font-weight: 600;
      color: #5e5e5e;
      text-align: center; }
  .article_content_wrapper .article_tags.links {
    display: flex;
    flex: 1 0 auto; }
    .article_content_wrapper .article_tags.links li {
      background-color: #f5f5f5;
      padding: 0.3rem 1rem 0.3rem 1rem;
      align-self: flex-end;
      margin: 0 0.3rem 0 0; }
  .article_content_wrapper .article_body {
    color: #5e5e5e; }
    .article_content_wrapper .article_body .article_date {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 3rem; }
    .article_content_wrapper .article_body p,
    .article_content_wrapper .article_body .article_paragraf {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2.6rem; }
    .article_content_wrapper .article_body .article_paragraf a {
      display: inline-block;
      color: #af2e3e;
      font-size: inherit; }
    .article_content_wrapper .article_body .artile_quote {
      text-align: center; }
      .article_content_wrapper .article_body .artile_quote .quote_author {
        text-transform: uppercase;
        letter-spacing: 0.1rem; }
  .article_content_wrapper .article_author {
    margin: 3rem 0 1.5rem 0;
    display: flex; }
    .article_content_wrapper .article_author .author_img {
      border-radius: 5.5rem;
      overflow: hidden;
      flex: 0 0 11rem;
      height: 11rem; }
      .article_content_wrapper .article_author .author_img img {
        width: 100%; }
    .article_content_wrapper .article_author .author_details {
      align-self: center;
      font-size: 1.6rem;
      padding: 0 0 0 2rem; }
      .article_content_wrapper .article_author .author_details .name {
        font-weight: 600; }
      .article_content_wrapper .article_author .author_details .position {
        font-weight: 400; }

.container_links {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 4rem; }
  .container_links .links_icon {
    flex: 0 0 5rem; }
    .container_links .links_icon a {
      width: 100%;
      height: 100%; }
      .container_links .links_icon a svg {
        width: 3.9rem;
        height: 3.9rem; }
    .container_links .links_icon .circle,
    .container_links .links_icon .symbol,
    .container_links .links_icon .symbol-inner-line {
      fill: none;
      stroke: #c5c5c5; }
    .container_links .links_icon:hover .circle {
      stroke: none; }
    .container_links .links_icon:hover .symbol {
      stroke: none;
      fill: #5e5e5e; }
    .container_links .links_icon:hover .symbol-inner-line {
      stroke: #fff; }

.info_container_actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #5e5e5e;
  padding: 4rem 0 2rem; }
  .info_container_actions .item_content {
    flex: 1 1 8rem; }
  .info_container_actions .item_actions_text {
    flex: 1 1 auto;
    text-align: center;
    font-size: 2.1rem;
    font-weight: 400; }

.button.red button,
.button.red input {
  background-color: #af2e3e;
  color: #fff;
  padding: 0 2.5rem 0 2.5rem;
  width: auto;
  height: 4rem; }

.delimeter {
  background-color: #5e5e5e;
  height: 0.1rem;
  margin: auto;
  width: 100%; }

.more_articles_preview_wrapper {
  display: flex;
  flex-direction: column;
  padding: 4rem 0 4rem 0; }
  .more_articles_preview_wrapper h3 {
    color: #af2e3e;
    line-height: 3.4rem;
    padding: 0 0 2rem 0;
    font-size: 2.8rem;
    font-weight: 600; }
  .more_articles_preview_wrapper .article_preview {
    color: #5e5e5e;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0 2rem 0; }
    .more_articles_preview_wrapper .article_preview .preview_content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin: 0 1rem 0 0; }
      .more_articles_preview_wrapper .article_preview .preview_content h4 {
        font-weight: 600; }
      .more_articles_preview_wrapper .article_preview .preview_content p {
        font-weight: 400;
        line-height: 2.2rem; }
      .more_articles_preview_wrapper .article_preview .preview_content .date {
        font-size: 1.4rem; }
    .more_articles_preview_wrapper .article_preview .preview_img img {
      width: 100%; }
  .more_articles_preview_wrapper .preview_link {
    color: #af2e3e;
    font-size: 1.8rem; }

@media (min-width: 1255px) {
  .article_content_wrapper h1 {
    font-size: 4.2rem;
    font-weight: 600;
    color: #5e5e5e;
    padding: 3rem 5rem 1rem 5rem;
    line-height: 5.1rem;
    text-align: center; }
  .article_content_wrapper h2 {
    font-size: 2.8rem;
    line-height: 3.4rem; }
  .article_content_wrapper h3 {
    margin: 2.5rem 0 0 0;
    font-size: 2.1rem;
    line-height: 3rem; }
  .article_content_wrapper h4 {
    font-size: 2.8rem;
    line-height: 3.4rem; }
  .article_content_wrapper .article_body {
    padding: 2rem 0 2rem 0; }
    .article_content_wrapper .article_body .article_date {
      padding: 2.5rem 0 2.5rem 0; }
    .article_content_wrapper .article_body .artile_quote {
      padding: 2.5rem 0 2.5rem 0; }
      .article_content_wrapper .article_body .artile_quote .quote_author {
        font-size: 2.1rem;
        font-weight: 400;
        line-height: 3rem; }
      .article_content_wrapper .article_body .artile_quote .quote_text {
        font-size: 2.8rem;
        font-weight: 600;
        line-height: 3.4rem; }
    .article_content_wrapper .article_body p {
      padding: 2.5rem 0 0 0; }
  .article_content_wrapper .article_preview .preview_img {
    flex: 0 0 23rem; }
  .article_content_wrapper .article_preview p {
    font-size: 1.8rem; }
  .article_content_wrapper .item_actions_text {
    padding: 2rem 7rem 2rem 7rem; } }

@media (max-width: 1254px) {
  .article_content_wrapper h1 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3rem;
    padding: 2rem 0 1rem 0; }
  .article_content_wrapper h2 {
    font-size: 1.8rem;
    line-height: 2.4rem; }
  .article_content_wrapper h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin: 1.5rem 0 0 0; }
  .article_content_wrapper h4 {
    font-size: 1.8rem;
    line-height: 2.6rem; }
  .article_content_wrapper .article_body {
    padding: 1rem 0 1rem 0; }
    .article_content_wrapper .article_body .article_date {
      padding: 1.5rem 0 1.5rem 0; }
    .article_content_wrapper .article_body p {
      padding: 1.5rem 0 0 0;
      font-size: 1.4rem;
      line-height: 2rem; }
    .article_content_wrapper .article_body .article_paragraf {
      padding: 1.5rem 0 0 0;
      font-size: 1.4rem;
      line-height: 2rem; }
    .article_content_wrapper .article_body .artile_quote {
      padding: 1.5rem 0 1.5rem 0; }
      .article_content_wrapper .article_body .artile_quote .quote_author {
        font-weight: 600;
        font-size: 1.4rem; }
      .article_content_wrapper .article_body .artile_quote .quote_text {
        font-weight: 600;
        font-size: 1.8rem; }
  .article_content_wrapper .article_preview .preview_img {
    flex: 0 0 14rem; }
  .article_content_wrapper .article_preview p {
    display: none; }
  .article_content_wrapper .article_preview .preview_link {
    font-size: 1.4rem; }
  .info_container_actions {
    padding: 2rem 0 1.5rem 0; }
    .info_container_actions .item_actions_text {
      font-size: 1.8rem; }
  .more_articles_preview_wrapper {
    padding: 2.5rem 0 2.5rem 0; } }

/* Compiles to */
/**
*
* Testing
*
**/
.appointment_type {
  margin: 0 2.5rem 0 2.5rem; }
  .appointment_type .content_appointment {
    margin: 1.5rem 0 0 0; }
  .appointment_type .masonry_tiles_item_wrapper .item {
    height: auto;
    word-wrap: break-word; }
    .appointment_type .masonry_tiles_item_wrapper .item .datetime {
      color: #af2e3e;
      padding: 1.5rem 1.5rem 0 1.5rem;
      font-size: 1.6rem; }
    .appointment_type .masonry_tiles_item_wrapper .item .media {
      margin: 1.5rem 0 1.5rem 0; }
      .appointment_type .masonry_tiles_item_wrapper .item .media img {
        width: 100%; }
    .appointment_type .masonry_tiles_item_wrapper .item .headline {
      font-size: 2.6rem;
      line-height: 2.8rem;
      padding: 0 1.5rem 0 1.5rem;
      hyphens: auto; }
    .appointment_type .masonry_tiles_item_wrapper .item .text {
      padding: 0 1.5rem 0 1.5rem;
      margin: 1.5rem 0 0 0;
      font-size: 1.6rem;
      letter-spacing: 0.04rem;
      line-height: 2.4rem;
      color: #5e5e5e; }
      .appointment_type .masonry_tiles_item_wrapper .item .text a::after {
        display: inline-block;
        content: "";
        position: relative;
        left: 0.2rem;
        top: -0.2rem;
        height: 0.9rem;
        width: 1.1rem;
        background: url("../_assets/svg/external-link.svg") no-repeat;
        background-size: 0.9rem 0.9rem; }
    .appointment_type .masonry_tiles_item_wrapper .item .links {
      padding: 2rem 1.5rem 1.5rem 1.5rem; }

.masonry_tiles_item_wrapper {
  background-color: #fff; }

.backtotop_wrapper {
  display: flex;
  justify-content: center;
  align-items: center; }
  .backtotop_wrapper .backtotop {
    display: inline-block;
    background: #fff;
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;
    margin: 2.5rem 0 3rem;
    text-align: center;
    font-size: 1.6rem;
    color: #9e9e9e;
    text-decoration: none;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    width: auto;
    height: auto; }
    .backtotop_wrapper .backtotop:hover {
      color: #5e5e5e;
      box-shadow: 0 3px 3px #9e9e9e; }

/* Compiles to */
/**
*
* Testing
*
**/
.subnav_widget {
  margin: 5rem 0 2rem 0; }
  .subnav_widget ul.subnav {
    display: flex;
    flex-wrap: wrap;
    border-top: 0.1rem solid #000;
    padding: 0.8rem 0 1rem 0;
    letter-spacing: 0.03rem; }
    .subnav_widget ul.subnav.depth_1 {
      font-weight: 600;
      font-size: 2.4rem; }
      .subnav_widget ul.subnav.depth_1 li {
        line-height: 3.5rem; }
    .subnav_widget ul.subnav.depth_2 {
      font-size: 1.7rem; }
      .subnav_widget ul.subnav.depth_2 li {
        line-height: 2.4rem; }
    .subnav_widget ul.subnav.depth_3 {
      font-size: 1.5rem; }
      .subnav_widget ul.subnav.depth_3 li {
        line-height: 2.4rem; }
    .subnav_widget ul.subnav.depth_4 {
      font-size: 1.3rem; }
      .subnav_widget ul.subnav.depth_4 li {
        line-height: 2rem; }
    .subnav_widget ul.subnav li {
      margin: 0 2.4rem 0 0; }
      .subnav_widget ul.subnav li a {
        color: #5e5e5e; }
        .subnav_widget ul.subnav li a:hover {
          color: #000; }
      .subnav_widget ul.subnav li.active a {
        color: #000; }

.books_type,
.book {
  padding: 0 2.5rem 0 2.5rem; }

.carousel_wrapper {
  margin: 2.5rem 0 2.5rem 0; }
  .carousel_wrapper .carousel_navigation {
    display: flex;
    justify-content: flex-end;
    padding: 0 2.5rem 0 0;
    height: 3.4rem; }
    .carousel_wrapper .carousel_navigation span {
      display: block;
      width: 1.5rem;
      height: 2.3rem;
      margin: 0 2.5rem 0 0;
      opacity: 0.8;
      cursor: pointer; }
      .carousel_wrapper .carousel_navigation span.prev {
        background: url("../_assets/icons/arrow-prev.svg") no-repeat center center/cover; }
      .carousel_wrapper .carousel_navigation span.next {
        background: url("../_assets/icons/arrow-next.svg") no-repeat center center/cover; }
      .carousel_wrapper .carousel_navigation span.disabled {
        opacity: 0.2;
        cursor: default; }
        .carousel_wrapper .carousel_navigation span.disabled:hover {
          opacity: 0.2; }
      .carousel_wrapper .carousel_navigation span:hover {
        opacity: 1; }
  .carousel_wrapper .carousel__element {
    margin: 0 2.5rem 0 0;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    background-color: #fff; }

.content_box span {
  font-size: 1.6rem;
  color: #5e5e5e; }

.content_box .book_title {
  color: #000; }

.content_box button {
  background-color: transparent;
  color: #af2e3e;
  font-size: 1.6rem;
  margin: 1rem 0 3rem 0; }
  .content_box button:focus {
    outline: none; }
  .content_box button:hover {
    text-decoration: underline;
    transition: all 0.3s ease; }

.book_content_wrapper {
  background-color: #fff; }
  .book_content_wrapper .book_content {
    display: none;
    position: relative;
    width: 66.6%;
    padding: 2.5rem;
    transition: all 0.5rem ease-out; }
    .book_content_wrapper .book_content.active {
      display: block;
      transition: all 0.5rem ease-out; }
    .book_content_wrapper .book_content::before {
      position: absolute;
      top: -25px;
      margin-left: -25px;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 25px 25px 25px;
      border-color: transparent transparent #fff transparent;
      content: "";
      display: block; }
    .book_content_wrapper .book_content:nth-child(3n + 1)::before {
      left: 23%; }
    .book_content_wrapper .book_content:nth-child(3n + 2)::before {
      left: 75%; }
    .book_content_wrapper .book_content:nth-child(3n + 3)::before {
      left: 125%; }
    .book_content_wrapper .book_content p {
      color: #5e5e5e;
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin: 2rem 0 0 0; }

/* Compiles to */
/**
*
* Testing
*
**/
.team_type .section__headline {
  margin: 0.8rem 0 3rem 0; }

.team_section {
  margin: 0 0 5rem 0; }

.team_tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .team_tile .person_info {
    font-size: 1.6rem;
    color: #5e5e5e;
    margin: 0 0 2.5rem 0; }
    .team_tile .person_info .name {
      color: #000; }
  .team_tile .image {
    flex: 0 0 50%; }
    .team_tile .image img {
      width: 100; }

/* Compiles to */
/**
*
* Testing
*
**/
.projects_type .section__description {
  width: 66%;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 2rem 0 2rem 0; }
  @media (max-width: 767px) {
    .projects_type .section__description {
      width: 100%; } }

.projects_type .headline {
  margin: 1.5rem 1.5rem 0 1.5rem; }
  .projects_type .headline a {
    color: #000; }

.projects_type .text ul {
  margin: 1.5rem 1.5rem 0 2.5rem;
  padding: 0 0 2.5rem 0; }

.projects_type .text li {
  text-indent: -0.8rem;
  line-height: 2.4rem; }
  .projects_type .text li::before {
    content: "-"; }
  .projects_type .text li a {
    display: inline;
    font-size: 1.6rem;
    color: #000; }

.projects_type .image {
  overflow: hidden;
  margin: 0 0 2rem 0; }
  .projects_type .image img {
    width: 100%;
    transition: all 0.3s ease; }
    .projects_type .image img:hover {
      transform: scale(1.05);
      transition: all 0.3s ease; }

.projects_type .masonry_tiles_item_wrapper {
  background-color: #fff; }

.projects_detail_type .page_title {
  margin: 0 0 2.5rem 0; }

.projects_detail_type .content {
  width: 63%; }
  @media (max-width: 767px) {
    .projects_detail_type .content {
      width: 100%;
      padding: 0 0 4rem 0; } }
  .projects_detail_type .content .project_image img {
    width: 100%; }
  .projects_detail_type .content .project_description {
    font-size: 1.6rem;
    padding: 0 0 0 2.5rem; }
    .projects_detail_type .content .project_description  a {
      color: #000; }
    .projects_detail_type .content .project_description p {
      margin: 2rem 0 0 0;
      letter-spacing: 0.05rem;
      word-spacing: 0.4rem;
      line-height: 2.4rem; }
      .projects_detail_type .content .project_description p a {
        color: #5e5e5e;
        text-decoration: underline;
        display: inline-block; }
        .projects_detail_type .content .project_description p a:hover {
          text-decoration: none; }

.booklet_overview_type .filedownload {
  color: #5e5e5e;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0 0 2rem 0; }

.booklet_overview_type .filedownload_type {
  text-transform: uppercase; }

.booklet_overview_type .filedownload_title {
  font-weight: 600; }

.booklet_overview_type .filedownload_list a {
  color: #5e5e5e;
  text-decoration: underline; }
  .booklet_overview_type .filedownload_list a:hover {
    text-decoration: none;
    color: #af2e3e; }
  .booklet_overview_type .filedownload_list a:focus {
    outline: none; }
  .booklet_overview_type .filedownload_list a::after {
    display: inline-block;
    content: "";
    position: relative;
    left: 0.2rem;
    top: -0.2rem;
    height: 0.9rem;
    width: 1.1rem;
    background: url("../_assets/svg/external-link.svg") no-repeat;
    background-size: 0.9rem 0.9rem; }

.booklet_overview_type .image {
  width: 40%; }

.content {
  margin: 2.5rem 0 0 0; }
  .content .content_text {
    background-color: #fff;
    padding: 2.5rem; }
    .content .content_text h2 {
      font-size: 2.2rem;
      margin: 0 0 2.5rem 0; }
    .content .content_text p {
      font-size: 1.6rem;
      letter-spacing: 0.05rem;
      color: #5e5e5e;
      line-height: 2.4rem; }
      .content .content_text p a {
        color: #5e5e5e;
        display: inline-block;
        text-decoration: underline; }
        .content .content_text p a:hover {
          text-decoration: none;
          color: #af2e3e; }
        .content .content_text p a::after {
          display: inline-block;
          content: "";
          position: relative;
          left: 0.2rem;
          top: -0.2rem;
          height: 0.9rem;
          width: 1.1rem;
          background: url("../_assets/svg/external-link.svg") no-repeat;
          background-size: 0.9rem 0.9rem; }
  .content .content_images {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .content .content_images .image {
      margin: 0 0 2.5rem 0; }
    .content .content_images img {
      width: 100%; }
  .content .content_inner {
    background-color: #fff;
    padding: 0 2.5rem 2.5rem 2.5rem;
    line-height: 2.4rem;
    font-size: 1.8rem; }
    .content .content_inner h2 {
      color: #000;
      padding: 1.5rem 1.5rem 1.5rem 0; }
    .content .content_inner a {
      display: inline-block; }
    .content .content_inner p {
      padding: 1.5rem 0 0 0; }

/* Compiles to */
/**
*
* Testing
*
**/
.content {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  color: #5e5e5e; }
  @media (min-width: 768px) {
    .content .subscribe_form,
    .content .subscribe_description {
      flex: 0 1 50%; } }
  .content form .form_field {
    display: flex;
    flex-direction: column;
    margin: 0 0 1rem 0; }
    .content form .form_field label {
      margin: 0 0 0.5rem 0; }
    .content form .form_field select {
      width: 100%;
      font-size: 1.8rem;
      line-height: 2.2rem;
      color: #000;
      border: 0.1rem solid #f5f5f5;
      outline: none;
      padding: 0.6rem;
      box-shadow: 0.3rem 0.3rem 0.8rem 0.6rem rgba(0, 0, 0, 0.15); }
      @media (max-width: 767px) {
        .content form .form_field select {
          font-size: 1.2rem; } }
      .content form .form_field select.error {
        border: 0.1rem solid red; }
    .content form .form_field input {
      border: none;
      box-shadow: none;
      text-shadow: none;
      outline: #5e5e5e;
      background: #fff;
      display: block;
      width: 100%;
      height: 2.5rem;
      margin-bottom: 1rem; }
  .content form p {
    margin: 0 0 2rem 0; }
  .content .subscribe_description {
    padding: 0 0 0 2.5rem; }
    .content .subscribe_description h4 {
      font-size: 1.8rem;
      margin: 0 0 1rem 0; }
    .content .subscribe_description p {
      line-height: 2.4rem; }

.tiles_wrapper {
  padding: 2.5rem 0 0 0; }
  .tiles_wrapper .tiles_item {
    background-color: #fff; }
    .tiles_wrapper .tiles_item img {
      width: 100%; }
    .tiles_wrapper .tiles_item .preview_plane {
      background: #fff;
      padding: 1.5rem; }
      .tiles_wrapper .tiles_item .preview_plane h2 {
        font-size: 2.4rem;
        line-height: 3rem; }
      .tiles_wrapper .tiles_item .preview_plane .text {
        margin: 1.5rem 0 0 0; }
        .tiles_wrapper .tiles_item .preview_plane .text .preview_text {
          font-size: 1.6rem;
          color: #5e5e5e;
          padding: 0 0 1rem 0; }
        .tiles_wrapper .tiles_item .preview_plane .text .preview_link {
          font-size: 1.6rem;
          text-decoration: underline; }
    .tiles_wrapper .tiles_item .headline {
      padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
      .tiles_wrapper .tiles_item .headline a {
        color: #000;
        transition: all 0.3s ease; }
        .tiles_wrapper .tiles_item .headline a:hover {
          color: #5e5e5e;
          transition: all 0.3s ease; }

.mediathek_overview .tiles_wrapper {
  margin: 0 0 5rem 0; }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.modal_container {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1002;
  animation-direction: reverse; }
  .modal_container .modal_content {
    transition: all 0.4s ease;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.9; }
    .modal_container .modal_content .preloader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 80px;
      height: 80px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #af2e3e;
      animation: spin 2s linear infinite; }
      .modal_container .modal_content .preloader::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #af2e3e;
        animation: spin 3s linear infinite; }
      .modal_container .modal_content .preloader::after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #af2e3e;
        animation: spin 1.5s linear infinite; }
    .modal_container .modal_content .close {
      position: absolute;
      right: 5%;
      top: 90%;
      width: 4rem;
      height: 4rem;
      background-color: transparent;
      cursor: pointer; }
      .modal_container .modal_content .close:hover::before, .modal_container .modal_content .close:hover::after {
        background-color: #af2e3e; }
      .modal_container .modal_content .close::before {
        content: "";
        display: block;
        position: relative;
        top: 2rem;
        width: 4rem;
        height: 0.3rem;
        background-color: #fff;
        transform: rotate(50deg); }
      .modal_container .modal_content .close::after {
        content: "";
        display: block;
        position: relative;
        top: 1.7rem;
        width: 4rem;
        height: 0.3rem;
        background-color: #fff;
        transform: rotate(-50deg); }
  .modal_container iframe {
    position: fixed;
    top: 5%;
    left: 10%;
    z-index: 10003;
    width: 80%;
    height: 80%;
    outline: none;
    opacity: 1;
    border: 0; }
    .modal_container iframe.hidden {
      opacity: 0; }

.full_preview {
  display: flex; }
  .full_preview .content_box h2.headline {
    margin: 0 0 0 2.5rem; }

h2.headline {
  background-color: #fff;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  h2.headline a {
    color: #000; }
    h2.headline a:hover {
      color: #5e5e5e; }

.media img {
  width: 100%; }

.article_preview .text {
  padding: 0 1.5rem 1.5rem 1.5rem;
  font-size: 1.6rem;
  color: #5e5e5e;
  background-color: #fff; }
  .article_preview .text a.more {
    display: inline-block; }
    .article_preview .text a.more::after {
      content: "..."; }
    .article_preview .text a.more:hover::after {
      content: ">"; }

.video_plane {
  position: relative;
  cursor: pointer;
  background-color: #fff; }
  .video_plane .accept_panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    opacity: 0;
    color: #fff;
    text-decoration: none;
    text-align: center; }
    .video_plane .accept_panel:hover {
      opacity: 1;
      background-color: rgba(0, 0, 0, 0.5);
      transition: all 0.3s ease; }
    .video_plane .accept_panel .accept_panel_wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 20px; }
      .video_plane .accept_panel .accept_panel_wrapper .accept_text {
        color: #fff;
        font-size: 1.6rem;
        line-height: 2.4rem; }
        .video_plane .accept_panel .accept_panel_wrapper .accept_text a {
          display: inline;
          text-decoration: underline;
          color: #fff; }
      .video_plane .accept_panel .accept_panel_wrapper .accept_button {
        padding: 10px;
        background: white;
        color: black;
        width: 120px;
        margin: 10px auto 0 auto;
        font-size: 1.6rem; }
  .video_plane img.slider_play_button {
    position: absolute;
    z-index: 10;
    top: calc(50% - 3.8rem);
    left: calc(50% - 3.8rem);
    width: 7.6rem; }
  .video_plane .cover {
    width: 100%; }

.podcast div {
  transition: all 0.3s ease; }

.podcast .player_panel {
  display: flex;
  flex-direction: column;
  background-color: #3e3e3e;
  font-size: 1.2rem; }
  .podcast .player_panel.active {
    background-color: transparent; }
    .podcast .player_panel.active .accept_text {
      display: none; }
    .podcast .player_panel.active .accept_podcast_button {
      display: none; }
  .podcast .player_panel .accept_text {
    color: #fff;
    padding: 1.2rem 3.3rem 1.2rem 3.3rem;
    text-align: center; }
    .podcast .player_panel .accept_text a {
      color: #fff;
      text-decoration: underline; }
  .podcast .player_panel .accept_podcast_button {
    background-color: #fff;
    color: #000;
    width: 12rem;
    margin: 0 auto 1.5rem auto;
    text-align: center;
    line-height: 2.4rem;
    cursor: pointer; }

.podcast img {
  display: block; }

.podcast .podcast_description {
  padding: 0 1rem 1rem 1rem; }
  .podcast .podcast_description h2 {
    font-size: 2.6rem;
    line-height: 2.8rem;
    padding: 2rem 0 2rem 0; }

.podcast .podcast_description_text {
  font-size: 1.6rem;
  color: #5e5e5e; }

.content_downloads {
  margin: 2.5rem 0 0 0; }
  .content_downloads.details .item {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .content_downloads .item {
    padding: 1.5rem 1.5rem 0 1.5rem;
    color: #5e5e5e;
    font-size: 1.6rem;
    line-height: 2.2rem; }
    .content_downloads .item .filedownload_title {
      font-weight: 600; }
    .content_downloads .item .filedownload_subtitle {
      font-weight: 400; }
    .content_downloads .item .image {
      margin: 2.5rem 0 0 0;
      width: 50%; }
      .content_downloads .item .image img {
        width: 100%; }

.filedownload_list a {
  color: #5e5e5e;
  font-size: 1.6rem;
  text-decoration: underline; }
  .filedownload_list a::after {
    display: inline-block;
    content: "";
    position: relative;
    left: 0.2rem;
    top: -0.2rem;
    height: 0.9rem;
    width: 1.1rem;
    background: url("../_assets/svg/external-link.svg") no-repeat;
    background-size: 0.9rem 0.9rem; }

/* Compiles to */
/**
*
* Testing
*
**/
.contact_type .content {
  width: 100%; }
  .contact_type .content .content_item {
    background-color: transparent;
    flex: 1 1 30rem;
    padding: 0 2.5rem 1.5rem 0; }
    .contact_type .content .content_item h1 {
      color: #000;
      line-height: 6rem;
      margin: 0 0 2.5rem 0;
      font-size: 4.5rem; }
      @media (max-width: 767px) {
        .contact_type .content .content_item h1 {
          font-size: 2.4rem;
          margin: 0 0 1.5rem 0;
          line-height: 3.2rem; } }
    .contact_type .content .content_item textarea {
      border: none;
      box-shadow: none;
      text-shadow: none;
      outline: #5e5e5e;
      background: #fff;
      display: block;
      width: 100%;
      height: 15rem;
      margin-bottom: 1rem;
      resize: none; }
    .contact_type .content .content_item img {
      width: 100%; }
    .contact_type .content .content_item p {
      line-height: 2.4rem;
      font-size: 1.6rem;
      padding: 1rem 0 0 0; }
    .contact_type .content .content_item p.title {
      font-size: 2rem;
      font-weight: 600; }
    .contact_type .content .content_item ul {
      padding: 2.5rem 0 0 0; }
      .contact_type .content .content_item ul li {
        font-size: 1.6rem; }
        .contact_type .content .content_item ul li a {
          display: inline-block;
          color: #5e5e5e;
          font-size: 1.6rem; }
          .contact_type .content .content_item ul li a.email {
            color: #af2e3e; }
    .contact_type .content .content_item p.item_title {
      font-weight: 600; }
    .contact_type .content .content_item .sidebar_newsletter {
      background-color: #fff;
      padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
      .contact_type .content .content_item .sidebar_newsletter a {
        color: #5e5e5e;
        text-decoration: underline; }
    .contact_type .content .content_item .custom_radio {
      display: flex;
      flex-direction: column; }
      .contact_type .content .content_item .custom_radio .radio_item {
        margin: 0.5rem 0 0.5rem 0; }
    .contact_type .content .content_item .custom_fix_radio {
      display: inline-block;
      width: auto;
      height: 1.3rem;
      margin: 0; }

.alumni_type .tiles_wrapper {
  margin: 0 0 5rem 0; }

.alumni_type .description .description_img {
  margin: 0 0 2.5rem 0; }

.alumni_type .description img {
  width: 100%; }

.alumni_type .description .description_text {
  font-size: 1.8rem;
  letter-spacing: 0.04rem;
  line-height: 2.6rem;
  color: #5e5e5e; }

.alumni_type .login_form form {
  font-size: 1.6rem;
  background-color: #dfdfdf;
  padding: 2.5rem 2.5rem 0 2.5rem; }
  .alumni_type .login_form form input {
    display: block;
    border: none;
    box-shadow: none;
    text-shadow: none; }
  .alumni_type .login_form form p {
    color: #5e5e5e; }
  .alumni_type .login_form form a {
    text-decoration: underline; }

.alumni_type .login_form .form_field {
  display: flex;
  flex-direction: column;
  margin: 0 0 1rem 0; }
  .alumni_type .login_form .form_field input {
    outline: #5e5e5e;
    background: #fff;
    width: 100%;
    height: 4.4rem;
    margin-bottom: 1rem;
    padding: 0 0 0 1rem; }
  .alumni_type .login_form .form_field a {
    margin: 0 0 2.5rem 0; }
  .alumni_type .login_form .form_field .forgot_password_link {
    color: #5e5e5e;
    font-size: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    margin: 0; }

.alumni_type .login_form .login_data_submit {
  margin: 0 0 5rem 0; }

.alumni_type .articles_preview .text {
  font-size: 1.8rem;
  letter-spacing: 0.04rem;
  line-height: 2.6rem;
  color: #5e5e5e;
  padding: 1.5rem 0 0 0; }
  .alumni_type .articles_preview .text p {
    font-size: 1.8rem;
    letter-spacing: 0.04rem;
    line-height: 2.6rem;
    color: #5e5e5e; }
  .alumni_type .articles_preview .text .text_header {
    color: #800000;
    font-weight: 600; }
  .alumni_type .articles_preview .text .sup {
    font-size: 1rem;
    display: inline-block; }
    .alumni_type .articles_preview .text .sup span,
    .alumni_type .articles_preview .text .sup a {
      display: inline;
      font-size: 1.2rem; }

.alumni_type .articles_preview a {
  color: #5e5e5e;
  font-weight: 600;
  font-size: 1.8rem;
  display: inline-block;
  text-decoration: underline;
  margin: 0 0 1.5rem 0; }
  .alumni_type .articles_preview a:hover {
    text-decoration: none;
    color: #af2e3e; }
  .alumni_type .articles_preview a::after {
    display: inline-block;
    content: "";
    position: relative;
    left: 0.2rem;
    top: -0.2rem;
    height: 0.9rem;
    width: 1.1rem;
    background: url("../_assets/svg/external-link.svg") no-repeat;
    background-size: 0.9rem 0.9rem; }
  .alumni_type .articles_preview a.text_link {
    color: #af2e3e;
    font-weight: 400;
    word-break: break-word; }
    .alumni_type .articles_preview a.text_link::after {
      display: none; }

.alumni_type .articles_preview .item_content {
  padding: 1.5rem 1.5rem 0 1.5rem; }
  .alumni_type .articles_preview .item_content .headline {
    padding: 0; }
  .alumni_type .articles_preview .item_content h5 {
    font-size: 1.8rem;
    letter-spacing: 0.04rem; }
  .alumni_type .articles_preview .item_content .content_img {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .alumni_type .articles_preview .item_content .content_img a {
      font-size: 1.2rem; }
  .alumni_type .articles_preview .item_content .content_description {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.2 rem;
    padding: 1.5rem 0 1.5rem 0; }
    .alumni_type .articles_preview .item_content .content_description a {
      display: inline;
      font-size: 1.6rem; }
  .alumni_type .articles_preview .item_content .content_img_link img {
    max-width: 100%; }

.alumni_type .articles_preview .datetime {
  color: #af2e3e;
  font-size: 1.8rem; }

.article_type .page_title {
  margin: 4rem 30% 1.5rem 0; }

.article_type .content_text,
.article_type p {
  font-size: 1.8rem;
  letter-spacing: 0.04rem;
  line-height: 2.6rem;
  color: #5e5e5e; }
  .article_type .content_text a,
  .article_type p a {
    display: inline-block; }

.article_type .content_images {
  background-color: transparent; }
  .article_type .content_images .image {
    margin: 0 0 1.5rem 0; }
    .article_type .content_images .image img {
      width: 100%; }

.article_type .content {
  width: 100%; }

.article_type .form_type .content {
  width: 100%; }

.article_type .article_content {
  background-color: transparent; }
  .article_type .article_content .content_text,
  .article_type .article_content p {
    padding: 1.5rem 0 2.5rem 0;
    color: #000; }
    .article_type .article_content .content_text a,
    .article_type .article_content p a {
      color: #5e5e5e;
      font-weight: 600;
      font-size: 1.8rem;
      display: inline-block;
      text-decoration: underline;
      margin: 0 0 1.5rem 0; }
      .article_type .article_content .content_text a:hover,
      .article_type .article_content p a:hover {
        text-decoration: none;
        color: #af2e3e; }
      .article_type .article_content .content_text a::after,
      .article_type .article_content p a::after {
        display: inline-block;
        content: "";
        position: relative;
        left: 0.2rem;
        top: -0.2rem;
        height: 0.9rem;
        width: 1.1rem;
        background: url("../_assets/svg/external-link.svg") no-repeat;
        background-size: 0.9rem 0.9rem; }

/* Compiles to */
/**
*
* Testing
*
**/
.form_type .content {
  background-color: #fff; }
  .form_type .content h2.headline {
    color: #000;
    padding: 0 0 2.5rem 0; }
  .form_type .content .form_description {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    font-size: 1.8rem;
    line-height: 2.6rem; }
    @media (max-width: 767px) {
      .form_type .content .form_description {
        font-size: 1.2rem;
        padding: 1.5rem 0.5rem 1.5rem 0.5rem;
        line-height: 1.8rem; }
        .form_type .content .form_description p {
          padding: 0 0 1.5rem 0; } }

.form_type form {
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  font-size: 1.8rem; }
  @media (max-width: 767px) {
    .form_type form {
      font-size: 1.2rem;
      padding: 1.5rem 0.5rem 1.5rem 0.5rem; } }
  .form_type form .form_group {
    margin: 0 0 3.5rem 0; }
    .form_type form .form_group img {
      margin: 0 0 2.5rem 0; }
  .form_type form .controls {
    display: flex;
    align-items: center; }
    .form_type form .controls input {
      display: inline-block;
      flex: 0 1 1.5rem;
      margin: 0; }
    .form_type form .controls label {
      display: inline-block;
      padding: 0 1.5rem 0 1.5rem; }
      @media (max-width: 767px) {
        .form_type form .controls label {
          position: relative;
          padding: 0 0.5rem 0 2rem; } }
      .form_type form .controls label.select {
        padding: 0; }
      .form_type form .controls label a {
        display: inline-block;
        color: #5e5e5e;
        text-decoration: underline; }
  .form_type form .required:first-child::after {
    content: "*"; }
  .form_type form .form_field {
    margin: 0 0 2rem 0; }
    .form_type form .form_field.project_title {
      margin: 5rem 0 2.5rem 0; }
    .form_type form .form_field label {
      margin: 0; }
    .form_type form .form_field span.form_button {
      width: auto;
      padding: 0.5rem; }
  .form_type form .salutation {
    display: flex;
    margin: 5rem 0 2.5rem 0; }
    .form_type form .salutation .controls {
      padding: 0 0 0 5rem;
      display: flex;
      flex-wrap: wrap;
      width: 50%; }
      .form_type form .salutation .controls input {
        flex: 0 1 20%; }
      .form_type form .salutation .controls label {
        flex: 0 1 80%; }
  .form_type form .column {
    margin: 0 0 5rem 0; }
    .form_type form .column.controls {
      padding: 0 0 0 5rem;
      display: flex;
      flex-wrap: wrap; }
      .form_type form .column.controls input {
        flex: 0 1 10%; }
      .form_type form .column.controls label {
        flex: 0 1 90%; }
  .form_type form .controls_long {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .form_type form .controls_long.form_field {
      flex-direction: row; }
      @media (max-width: 767px) {
        .form_type form .controls_long.form_field {
          flex-direction: column; } }
      .form_type form .controls_long.form_field.headline {
        border-top: #5e5e5e 0.1rem solid;
        padding: 2.5rem 0 0 0; }
    .form_type form .controls_long .controls {
      flex: 0 1 45%;
      margin: 0 0 1.5rem 0; }
    .form_type form .controls_long input {
      flex: 0 1 75%;
      height: 4rem;
      padding: 0.5rem 0 0.5rem 0.5rem;
      border: #c5c5c5 0.1rem solid;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      outline: #5e5e5e;
      font-size: 1.8rem;
      color: #5e5e5e; }
      .form_type form .controls_long input.error {
        border: red 0.1rem solid;
        font-size: 1.2rem; }
      .form_type form .controls_long input:focus {
        border: #c5c5c5 0.2rem solid; }
    .form_type form .controls_long input[type="file"] {
      font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", sans-serif;
      height: 4.4rem;
      padding: 0.7rem 0 0.7rem 0.7rem; }
    .form_type form .controls_long label {
      flex: 0 1 25%; }
  .form_type form p.info {
    margin: 7rem 0 2.5rem 0; }
    @media (max-width: 767px) {
      .form_type form p.info {
        margin: 2rem 0 2rem 0; } }
  .form_type form p a {
    color: #5e5e5e;
    text-decoration: underline;
    display: inline-block; }
    .form_type form p a::after {
      display: inline-block;
      content: "";
      position: relative;
      left: 0.2rem;
      top: -0.2rem;
      height: 0.9rem;
      width: 1.1rem;
      background: url(../_assets/svg/external-link.svg) no-repeat;
      background-size: 0.9rem 0.9rem; }
  .form_type form p span.required {
    display: inline; }
  .form_type form p span {
    display: inline-block; }
  .form_type form textarea {
    width: 75%;
    height: 20rem;
    margin: 0 0 2.5rem 25%;
    resize: none;
    border: #c5c5c5 0.1rem solid;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    outline: #5e5e5e;
    font-size: 1.8rem;
    color: #5e5e5e; }
    @media (max-width: 767px) {
      .form_type form textarea {
        width: 96%;
        margin: 0 auto 2.5rem auto; } }
    .form_type form textarea.error {
      border: red 0.1rem solid; }
  .form_type form select {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #000;
    border: 0.1rem solid #f5f5f5;
    outline: none;
    padding: 0.6rem;
    box-shadow: 0.3rem 0.3rem 0.8rem 0.6rem rgba(0, 0, 0, 0.15); }

::placeholder {
  color: red;
  opacity: 1;
  /* Firefox */ }

html,
body {
  position: relative;
  background-color: #f5f5f5;
  letter-spacing: 0.1rem;
  margin: 0;
  scroll-behavior: smooth;
  width: 100%;
  font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", sans-serif;
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  -ms-overflow-style: none;
  /* IE and Edge */
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */ }

::selection {
  background: #b2cdd9;
  text-shadow: none; }

h2 {
  font-size: 2.8rem;
  font-weight: 600; }
  @media (max-width: 767px) {
    h2 {
      font-size: 2rem; } }

h3 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3rem; }

ul li a {
  display: inline; }

button {
  cursor: pointer; }

p {
  letter-spacing: 0.08rem; }

#content_grid_container {
  background-color: #f5f5f5; }
  @media (min-width: 640px) and (max-width: 1255px) {
    #content_grid_container {
      padding: 0 2rem 0 2rem; }
      #content_grid_container.subpage_grid {
        padding: 0; } }

.meta_button {
  color: #af2e3e;
  background-color: transparent;
  outline: none;
  font-size: 1.6rem;
  font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", sans-serif;
  letter-spacing: 0.05rem;
  width: 10rem;
  border: #af2e3e 0.1rem solid;
  padding: 0.5rem 0 0.5rem 0; }

.link_button {
  font-size: 1.6rem;
  font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", sans-serif;
  letter-spacing: 0.1rem;
  color: #af2e3e;
  background-color: #fff;
  line-height: 4rem;
  padding: 0 5rem 0 5rem; }

.links_icon.print a {
  background: url("../_assets/svg/print.svg") no-repeat center center/contain; }
  .links_icon.print a:hover {
    background: url("../_assets/svg/print-hover.svg") no-repeat center center/contain; }

.links_icon.facebook a {
  background: url("../_assets/svg/facebook.svg") no-repeat center center/contain; }
  .links_icon.facebook a:hover {
    background: url("../_assets/svg/facebook-hover.svg") no-repeat center center/contain; }

.links_icon.twitter a {
  background: url("../_assets/svg/twitter.svg") no-repeat center center/contain; }
  .links_icon.twitter a:hover {
    background: url("../_assets/svg/twitter-hover.svg") no-repeat center center/contain; }

.links_icon.email a {
  background: url("../_assets/svg/email.svg") no-repeat center center/contain; }
  .links_icon.email a:hover {
    background: url("../_assets/svg/email-hover.svg") no-repeat center center/contain; }

.links_icon.calender a {
  background: url("../_assets/icons/zeit-calendar.png") no-repeat center center/contain; }
  .links_icon.calender a:hover {
    background: url("../_assets/icons/zeit-calendar-hover.png") no-repeat center center/contain; }

h1.section__headline {
  font-size: 3.2rem; }

h2.section__headline {
  font-size: 2.4rem; }

.section__headline {
  border-top: #000 0.1rem solid;
  padding: 0.5rem 0 0 0; }

.page_title h1 {
  font-size: 3.6rem;
  letter-spacing: 0.02rem;
  color: #000; }
  @media (max-width: 767px) {
    .page_title h1 {
      font-size: 2.4rem;
      line-height: 3.2rem; } }

.scaled_img {
  overflow: hidden; }
  .scaled_img img {
    transition: all 0.3s ease; }
    .scaled_img img:hover {
      transition: all 0.3s ease;
      transform: scale(1.05); }

.reusable_tile {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .reusable_tile .person_info {
    margin: 0 0 2.5rem 0; }
    .reusable_tile .person_info span {
      color: #000;
      font-size: 1.8rem;
      line-height: 2.4rem; }

@media (min-width: 768px) {
  .content {
    width: 70%; } }

@media (max-width: 767px) {
  .content {
    width: 100%; } }

form .form_field span.form_button {
  align-self: flex-start;
  color: #af2e3e;
  margin: 2.5rem 0 0 0;
  padding: 0.3rem;
  box-shadow: none;
  text-shadow: none;
  width: 9rem;
  height: 3rem;
  font-size: 1.6rem;
  background: transparent;
  border: 0.1rem solid #af2e3e;
  cursor: pointer; }

.grid_item.tags ul.tag-list	{
  display: 	flex;
  flex-wrap:	wrap;
  flex-direction:row !important;
}

.grid_item.tags {
  height: auto !important;
}

.grid_item.tags ul.tag-list li  {
  width: 		    19%;
  margin-right: 1% !important;
}


@media (max-width: 940px) {
  .grid_item.tags ul.tag-list li  {
    width: 		24%;
  }
}

@media (max-width: 767px) {
  .grid_item.tags ul.tag-list li  {
    width: 		49%;
  }
}

body	{
	scrollbar-width: auto !important;
}

.grid_item.project .item_content.links { margin-top: 10px; }
.grid_item.standart .item_content.links { margin-top: 10px; }
.grid_item.hero .item_content.links { margin-top: 10px; }