/**
 * This stylesheet is for large scale, structural positioning of page elements.
 * There should be no presentational code in here.
 */
/* 1. Descriptive Variables
========================================================================== */
/*Neu*/
/*Neu*/
/*Neu*/
/*$red: rgb(255,0,0);/*rgb(197,40,36);*/
/* 2. Functional Variables
========================================================================== */
/* General
========================================================================== */
/* Navigation
========================================================================== */
/* Shared */
/* Main Navigation */
/* Superfish */
/* Megamenu */
/* Breadcrumbs */
/* Teaser
========================================================================== */
/* Shared */
/*$color-teaser-bg: $white;*/
/*$color-recommendation-bg: $white;
$color-recommendation-border: $lightest-grey;
$color-recommendation-copy: $dark-grey;
$color-recommendation-heading: $blue;
$color-recommendation-tag: $light-grey;*/
/* Highlighted */
/* Emphasized */
/* Understated */
/*$color-teaser--understated-bg: $color-understated;*/
/* Footer
========================================================================== */
@import url(../fonts/opensans_regular_macroman/stylesheet.css);
@import url(../fonts/opensans_semibold_macroman/stylesheet.css);
/*.view-affiliate .views-row,
.view-affiliations .views-row,
.view-people .views-row,
.view-custom-glossary .views-row {
  @include clearfix();
  background-color: $color-teaser-bg;
  border-bottom: 2px solid $color-teaser-border;
  border-right: 2px solid $color-teaser-border;
  color: $color-teaser-copy;
  margin: $gutter;
  padding: 1em;
  h2 {
    margin-bottom: .5em;
  }
  .field-name-field-url {
    float: right;
    margin-top: 1.5em;
  }
  .vocabulary-people {
    .fn {
      font-weight: bold;
    }
    .field-name-field-organization-unit {
      display: none;
    }
    .field-name-field-image-portrait {
      float: left;
      img {
        display: block;
        margin-right: 1em;
      }
    }
    .field-name-description-field {
      margin-top: 1.5em;
    }
  }
}*/
/*.view-related {
  .node-teaser {
    background-color: $color-teaser--understated-bg;
    header {
      .field-name-field-term-service {
        .field-items {
          display: none;
        }
        &:after {
          content: 'Empfehlung';
        }
      }
    }
  }
}*/
/*.node-teaser,
.file-document,
.block-webform {
  font-size: 1em;
  height: $teaser-height;
  max-height: $teaser-height;
  margin: 0;
  padding: 0;
  position: relative;
  width: $teaser-width;
  max-width: $teaser-width;
}
.node-teaser,
.file-document,
.block-webform {
  background-color: $color-teaser-bg;
  border-bottom: 2px solid $color-teaser-border;
  border-right: 2px solid $color-teaser-border;
}*/
/*.node-teaser,
.file-document,
.block-webform {
  header,
  .field-name-body,
  form,
  &.node-block .content {
    margin: 0;
    padding: 0 $gutter;
  }
  header {
    padding-top: 1em;
  }
  .field-type-taxonomy-term-reference,
  .submitted {
    @include inline-block();
    line-height: 1.15;
    margin-bottom: .5em;
  }
  .field-type-taxonomy-term-reference {
    @include inline-block();
    color: #b8b8b8;
    font-weight: bold;
    letter-spacing: .05em;
    margin-right: 1em;
    word-spacing: .05em;
  }
  h2 {
    color: #5f85bd;
    font-weight: normal;
    line-height: 1.15;
    margin-bottom: 1em;
    text-align: left;
  }
  strong {
    font-weight: normal;
  }
  a.readmore {
    background-position: 0 95%;
    bottom: 0;
    display: block;
    height: 100%;
    min-height: 100%;
    left: 0;
    margin: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    top: 0;
    width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    &:hover,
    &:focus {
      border-left: 2px solid $color-teaser-border;
      border-top: 2px solid $color-teaser-border;
    }
  }
  .node-webform,
  &.node-webform {
    background-color: $color-teaser-bg;
    color: $color-teaser-copy;
    height: $teaser-height;
    width: $teaser-width;
    max-height: $teaser-height;
    max-width: $teaser-width;
    a.readmore {
      display: none;
    }
    label {
      display: none;
    }
    input,
    select {
      width: 100%;
      max-width: 100%;
      &.form-submit {
        background-color: $color-highlighted;
        color: $white;
      }
    }
    .field-name-body {
      padding-top: $gutter;
    }
  }
  &.node-block {
    background-color: $color-teaser--understated-bg;
    color: $color-teaser--understated-copy;
    span {
      display: block;
    }
    .content {
      @include clearfix();
      .trend {
        width: 40%;
        a {
          background-color: #fff;
          display: block;
          padding: 1em 0;
          text-align: center;
          img {
            display: block;
            margin: auto;
            width: auto;
          }
        }
        figcaption {
          a {
            background-color: transparent;
            display: block;
            padding: 0;
            text-align: left;
            text-decoration: none;
          }
        }
      }
      .trend-companies {
        float: left;
      }
      .trend-people {
        float: right;
      }
    }
  }
  .field-name-field-image-2-col {
    img {
      display: none;
    }
  }
  .field-name-filename-field {
    a {
      color: $color-heading;
      text-decoration: none;
    }
  }
  a {
    &.file-link {
      background-position: 0 95%;
      bottom: 0;
      display: block;
      left: 0;
      padding: 1em;
      position: absolute;
      right: 0;
      text-decoration: none;
      text-indent: -9999em;
      top: 0;
      @include transition(all, 0.5s, ease-in-out);
      &:hover,
      &:focus {
        @include rgba('background-color', $color-teaser-bg, 0.75, $color-teaser-bg);
        background-image: url(../images/icons/next.png);
        background-position: 95% 95%;
        background-repeat: no-repeat;
      }
    }
  }
  .file {
    display: block;
    text-align: center;
    height: $teaser-height;
    width: $teaser-width;
    max-height: $teaser-height;
    max-width: $teaser-width;
    bottom: 0;
    min-height: 100%;
    left: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0;
    .file-icon {
      display: block;
      margin: 1em auto;
      margin-top: 7em;
    }
  }
}
.file-document {
  padding: $gutter;
}
.field-name-field-image-icon {
  display: none;
}*/
/* Frontpage 
.view-display-id-page_frontpage .view-content,
.view-display-id-page_frontpage_i18n .view-content {
  position: relative;
  .field-name-field-image-2-col {
    img {
      display: block;
      width: 100%;
    }
  }
  .views-row {
    margin: 0;
    padding: 0;
    position: absolute;
    .field-name-field-image-icon {
      display: none;
    }
    &.views-row-colspan-1 {
      
      .field-type-text-with-summary {
        display: block;
      }
      .node-teaser {
        height: $teaser-height;
        width: $teaser-width;
        max-height: $teaser-height;
        max-width: $teaser-width;
      }
      &.views-row-highlight {
        &.views-row-colspan-1 {
          .field-name-field-image-icon {
            display: block;
            height: 100px;
            margin: 0;
            margin-bottom: 1.5em;
            width: 100%;
            img {
              display: block;
              margin: 0 auto;
            }
          }
          .field-type-text-with-summary {
            display: none;
          }
        }
        .node-teaser {
          background-color: $color-teaser--emphasized-bg;
          color: $color-teaser--emphasized-copy;
          h2,
          .field-type-taxonomy-term-reference {
            color: $color-teaser--emphasized-copy;
          }
        }
      }
    }
    &.views-row-colspan-2 {
      .node-teaser {
        height: $teaser--featured-height;
        width: $teaser--featured-width;
        max-height: $teaser--featured-height;
        max-width: $teaser--featured-width;
      }
    }
  }
}*/
@media (max-width: 768px) {
  .node-teaser,
  .file-document,
  .block-webform,
  .block-views-file-file-documents {
    height: auto;
    min-height: none;
    max-height: none;
    width: 100%;
    min-width: none;
    max-width: none;
  }

  /* Frontpage */
  .view-display-id-page_frontpage .view-content,
  .view-display-id-page_frontpage_i18n .view-content {
    position: relative;
  }
  .view-display-id-page_frontpage .view-content .field-name-field-image-2-col img,
  .view-display-id-page_frontpage_i18n .view-content .field-name-field-image-2-col img {
    display: block;
    height: auto;
    width: 100%;
  }
  .view-display-id-page_frontpage .view-content .views-row,
  .view-display-id-page_frontpage_i18n .view-content .views-row {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    position: static;
  }
  .view-display-id-page_frontpage .view-content .views-row .field-name-field-image-icon,
  .view-display-id-page_frontpage_i18n .view-content .views-row .field-name-field-image-icon {
    display: none;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1 .field-type-text-with-summary,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1 .field-type-text-with-summary {
    display: block;
    padding-bottom: 1em;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1 .node-teaser,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1 .node-teaser {
    height: auto;
    min-height: none;
    max-height: none;
    width: 100%;
    min-width: none;
    max-width: none;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1.views-row-highlight.views-row-colspan-1 .field-name-field-image-icon,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1.views-row-highlight.views-row-colspan-1 .field-name-field-image-icon {
    display: block;
    height: 120px;
    margin: 1.5em 0;
    width: 100%;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1.views-row-highlight.views-row-colspan-1 .field-name-field-image-icon img,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1.views-row-highlight.views-row-colspan-1 .field-name-field-image-icon img {
    display: block;
    margin: 0 auto;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1.views-row-highlight.views-row-colspan-1 .field-type-text-with-summary,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1.views-row-highlight.views-row-colspan-1 .field-type-text-with-summary {
    display: none;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1.views-row-highlight .node-teaser,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1.views-row-highlight .node-teaser {
    background-color: #003B79;
    color: #ffffff;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1.views-row-highlight .node-teaser h2,
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-1.views-row-highlight .node-teaser .field-type-taxonomy-term-reference,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1.views-row-highlight .node-teaser h2,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-1.views-row-highlight .node-teaser .field-type-taxonomy-term-reference {
    color: #ffffff;
  }
  .view-display-id-page_frontpage .view-content .views-row.views-row-colspan-2 .node-teaser,
  .view-display-id-page_frontpage_i18n .view-content .views-row.views-row-colspan-2 .node-teaser {
    height: auto;
    min-height: none;
    max-height: none;
    width: 100%;
    min-width: none;
    max-width: none;
  }
}