/* Teaser E - Flat */
.teaser-e-wrapper-left {
  float: left;
  width: 75%;
}

.teaser-e-wrapper-right {
  float: right;
  width: 25%;
}

.teaser-e-wrapper-left.view-smaller {
  width: 72.728%;
}

.teaser-e-wrapper-right.view-smaller {
  width: 27.272%;
}

.flat img {
  height: auto;
  width: 100%;
}

.flat a.hover-layer,
.hover-layer-blank {
  color: #3c3c3b;
  display: inline-block;
  height: 100%;
  text-decoration: none;
  vertical-align: top;
  width: 100%;
}

.page-rubin-printarchiv .flat a.hover-layer:hover .button-arrow-text,
.page-rubin-printarchiv .hover-layer-blank:hover .button-arrow-text,
.page-rubens-printarchiv .flat a.hover-layer:hover .button-arrow-text,
.page-rubens-printarchiv .hover-layer-blank:hover .button-arrow-text {
  background-color: #8dae10;
}

.flat .hover-layer:hover .field-std-headline {
  color: #8dae10;
}


/* Item #1 on first page */
.flat .item-first-page-first {
  background-color: #fff;
  margin-bottom: 3em;
  padding: 3em 3em 1.5em 3em;
}

.flat .item-first-page-first .img-wrapper,
.flat .item-first-page-first .article-info-wrapper {
  float: none;
  width: 100%;
}

.flat .item-first-page-first .article-info-wrapper-inner {
  padding: 1.3em 0 1.1em 0;
}

.flat .item-first-page-first .field-std-dachzeile {
  color: #8dae10;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.167em;
  margin-bottom: 0.167em;
  text-transform: uppercase;
}

.flat .item-first-page-first .field-std-headline {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 2.4em;
  letter-spacing: 0.02em;
  line-height: 1.250em;
  margin-bottom: 0.125em;
}

.flat .item-first-page-first .field-std-teaser {
  font-size: 1.8em;
  letter-spacing: 0.02em;
  line-height: 1.5em;
  margin-bottom: 1.444em;
}

.flat .item-first-page-first .date {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.333em;
}


/* Items */
.flat .item {
  background-color: #fff;
  margin-bottom: 3em;
  padding: 2.1em 2.1em 0 2.1em;
}

.flat .item.even {
  background-color: #e6e4e4;
}

.flat .item .img-wrapper {
  display: block;
  float: left;
  height: auto;
  width: 25.75%;
}

.flat .item .img-wrapper-inner {
  padding-bottom: 2.1em;
}

.flat .item img {
  display: block;
  height: auto;
  width: 100%;
}

.flat .item .article-info-wrapper {
  float: left;
  width: 74.25%;
}

.flat .item .article-info-wrapper-inner {
  padding: 0 2.1em 1.8em 3.9em
}

.medienspiegel .flat .item .article-info-wrapper-inner  {
  padding-left: 0;
}

.flat .item .field-std-dachzeile {
  color: #8dae10;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 0.2em;
  word-wrap: break-word;
}

.flat .item .field-std-headline {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 2.1em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.143em;
  margin-bottom: 1.476em;
  word-wrap: break-word;
}

.flat .item .field-std-teaser {
  display: none;
}

.flat .item .date {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.167em;
}

.flat .item-first-page-first .item-type-separator,
.flat .item .item-type-separator {
  color: #8dae10;
}




/** 
 * Media queries 
 */
@media only screen and (max-width: 1130px) {
  
  .teaser-e-wrapper-left,
  .teaser-e-wrapper-left.view-smaller   {
    float: none;
    padding: 0 6em 0 2.1em;
    width: auto;
  }

  .teaser-e-wrapper-right {
    display: none;
  }
  
  .teaser-e-wrapper-right.view-smaller {
    /*
      background-color: #e6e4e4;
      display: block;
      float: none;
      margin: 0 6em 2.1em 2.1em;
      padding: 2.1em;
      width: auto;
    */
    display: none;
  }
  
  
  /* Item #1 on first page */
  .flat .item-first-page-first {
    margin-bottom: 2.1em;
  }
  
  
  /* Items */
  .flat .item {
    margin-bottom: 2.1em;
  }
} 

@media only screen and (max-width: 700px) {
  
  .teaser-e-wrapper-left,
  .teaser-e-wrapper-left.view-smaller {
    padding: 0;
    width: auto;
  }
  
  .teaser-e-wrapper-right.view-smaller {
    margin: 0 0 1.5em 0;
    padding: 1.5em;
    width: auto;
  }
  
  
  /* Item #1 on first page */
  .flat .item-first-page-first {
    margin-bottom: 1.5em;
    padding: 0;
  }
  
  .node-serie .flat .item-first-page-first,
  .node-dossier .flat .item-first-page-first  {
    padding: 1.5em 1.5em 0 1.5em;
  }
  
  .flat .item-first-page-first img {
    display: block;
    float: none;
    padding-bottom: 0;
    width: 100%;
  }
  
  .flat .item-first-page-first .article-info-wrapper-inner {
    padding: 0.8em 1.5em 2.2em 1.5em;
  }
  
  .node-serie .flat .item-first-page-first .article-info-wrapper-inner,
  .node-dossier .flat .item-first-page-first .article-info-wrapper-inner   {
    padding: 0.8em 0 2.2em 0;
  }
  
  .flat .item-first-page-first .field-std-dachzeile {
    font-size: 1.5em;
    line-height: 1.6em;
  }

  .flat .item-first-page-first .field-std-headline {
    font-size: 2.1em;
    line-height: 1.286em;
    margin-bottom: 0.286em;
  }

  .flat .item-first-page-first .field-std-teaser {
    font-size: 1.5em;
    line-height: 1.600em;
    margin-bottom: 0.533em;
  }
  
  .flat .item-first-page-first .date {
    font-size: 1.5em;
    line-height: 1.8em;
  }
  
  
  /* Items */
  .flat .item {
    margin-bottom: 1.5em;
    padding-bottom: 1.2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1.5em;
  }
    
  .flat .item .img-wrapper {
    float: none;
    width: 100%;
  }
  
  .flat .item .img-wrapper-inner {
    padding: 0;
  }

  .flat .item .article-info-wrapper {
    float: none;
    width: 100%;
  }
  
  .flat .item .article-info-wrapper-inner {
    padding: 1.1em 0 1em 0;
  }
  
  .flat .item .field-std-dachzeile {
    font-size: 1.5em;
    line-height: 1.2em;
  }

  .flat .item .field-std-headline {
    font-size: 1.8em;
    line-height: 1.167em;
    margin-bottom: 0.667em;
  }
  
  .flat .item .date {
    font-size: 1.5em;
    line-height: 1.8em;
  }
}