/* Buttons - Arrow right */
.button-arrow-wrapper {
  display: inline-block;
}

.button-arrow-wrapper.link {
  margin-bottom: 3.6em;  
}

.top-description-wrapper .button-arrow-wrapper.link {
  margin-bottom: 0;
  margin-top: 1.3em;  
}

.button-arrow-text {
  background-color: #17365c;
  color: #fff;
  display: inline-block;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1em;
  padding-bottom: 0.533em;
  padding-left: 0.4em;
  padding-right: 0.6em;
  padding-top: 0.467em;
  text-transform: uppercase;
  word-wrap: break-word;
}

.button-arrow-arrow {
  background-color: #8dae10;
  color: #fff;
  display: inline-block;
  float: left;
  font-family: RUB Nepo Icons;
  font-size: 3em;
  line-height: 1em;
  text-align: center;
  width: 1em;
}

.button-arrow-arrow::after {
  content: 'f';
}

.button-further:hover .button-arrow-text, 
.button-further-article-wrapper:hover .button-arrow-text,
.teaser-d .hover-layer:hover .button-arrow-text {
  background-color: #8dae10;
}

.button-arrow-wrapper.link a:hover {
  background-color: #8dae10; 
  color: #fff;
}


/* Buttons - Further */
.button-further-article-wrapper .ressort,
.button-further-article-wrapper .red-mitglieder,
.button-further-article-wrapper .redaktion,
.button-further-article-wrapper .serviceangebote,
.button-further-article-wrapper .english,
.button-further-article-wrapper .start-en-pi  {
  margin-bottom: 3.6em;
}

.button-further-article-wrapper.ressort.wissenschaft .img-wrapper {
  background: #8dae10 url("../images/button-further-wissenschaft-lab-flask.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.studium .img-wrapper {
  background: #8dae10 url("../images/button-further-studium-graduation-cap.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.leute .img-wrapper {
  background: #8dae10 url("../images/button-further-leute-users.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.hochschulpolitik .img-wrapper {
  background: #8dae10 url("../images/button-further-hochschulpolitik-briefcase.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.kultur-und-freizeit .img-wrapper {
  background: #8dae10 url("../images/button-further-kultur-freizeit-palette-brush.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.vermischtes .img-wrapper {
  background: #8dae10 url("../images/button-further-vermischtes-paper-plane.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.servicemeldungen .img-wrapper {
  background: #8dae10 url("../images/button-further-service-traffic-cone.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further-article-wrapper.ressort.transfer .img-wrapper {
  background: #8dae10 url("../images/button-further-transfer.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further {
  background-color: #e6e4e4;
}

.button-further .img-wrapper {
  display: table-cell;
  height: 16.3em;
  width: 16.3em;
}

.button-further.archiv .img-wrapper,
.button-further.archiv-serien .img-wrapper {
  background: #8dae10 url("../images/button-further-archiv.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.start .img-wrapper {
  background: #8dae10 url("../images/button-further-start.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.serien .img-wrapper {
  background: #8dae10 url("../images/button-further-serien-documents.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.dossiers .img-wrapper {
  background: #8dae10 url("../images/button-further-dossiers-folder.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.galerien .img-wrapper {
  background: #8dae10 url("../images/button-further-galerien-camera.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.red-mitglieder .img-wrapper {
  background: #8dae10 url("../images/button-further-red-mitglieder.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.redaktion .img-wrapper {
  background: #8dae10 url("../images/button-further-redaktion.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further.serviceangebote .img-wrapper {
  background: #8dae10 url("../images/button-further-service.png") no-repeat scroll left top;
  background-size: 16.3em 16.3em;
}

.button-further .img-wrapper-inner {
}

.button-further .article-info-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.button-further .article-info-wrapper-inner {
  padding: 0 6em 0.8em 3.6em;
}

.button-further .headline {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 3.6em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.167em;
  margin-bottom: 0.389em;
  word-wrap: break-word;
}

.button-further a.hover-layer {
  color: #3c3c3b;
  display: table;
  height: 100%;
  text-decoration: none;
  width: 100%;
}

.button-further .hover-layer:hover .headline {
  color: #8dae10;
}

.button-divider {
  clear: both; 
  padding-bottom: 3.6em;
}


/* Label */
.top-label {
  background-color: #8dae10;
  color: #fff;
  display: inline-block;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin-bottom: 1.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  text-transform: uppercase;
}

.top-label .series-title {
  font-family: RUB-Neu Scala, Times, serif;
  font-style: italic;
  font-weight: normal;
  padding-left: 0.111em;
  text-transform: none;
}

.top-label.overview {
  margin-bottom: 2em;
}

.top-label.overview.filter {
  margin-bottom: 1.778em;
}


/* Top description */
.top-description-wrapper {
  float: left;
  margin-top: -1.1em;
  padding-bottom: 3.6em;
  width: 72.728%;
}

.top-description-wrapper.tdw-type-2 {
  padding-bottom: 2.4em;
  width: auto;
}

.top-description-wrapper p {
  color: #17365c;
  font-family: RUB-Neu Flama,Arial,sans-serif;
  font-size: 2.1em;
  letter-spacing: 0.02em;
  line-height: 1.429em;
  margin-bottom: 0.476em;
}


/* Pager */
ul.pager  {
  display: -webkit-box; 
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex;   
  display: flex; 
  justify-content: space-between;
  padding-bottom: 3.6em;
  padding-top: 0.6em;
}

.teaser-b2-view ul.pager {
  padding-right: 6em;
  padding-top: 0em;
}

ul.pager li {
  color: #17365c;
  display: inline-block;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 2.1em;
  letter-spacing: 0.02em;
  line-height: 1em;
}

ul.pager li.pager-current,
ul.pager li a:hover {
  color: #8dae10;
  border-bottom: 1px solid #17365c;
  font-weight: bold;
  padding-bottom: 0.048em;
}

ul.pager li a {
  color: #17365c;
  font-weight: normal;
}

ul.pager li.pager-current,
ul.pager li.pager-item,
ul.pager li.pager-ellipsis {
  padding-top: 0.190em;
}

ul.pager li.pager-first a,
ul.pager li.pager-last a,
ul.pager li.pager-previous a,
ul.pager li.pager-next a  {
  display: inline-block;
  color: transparent;
  border-bottom: 0 none !important;
  padding-bottom: 0 !important;
}

ul.pager li.pager-first,
ul.pager li.pager-last {
  background: #8dae10 url("../images/pager-arrow-double-left.png") no-repeat scroll left top;
  background-size: 2.143em 1.429em;
  height: 1.429em;
  width: 2.143em;
}

ul.pager li.pager-last {
  background: #8dae10 url("../images/pager-arrow-double-right.png") no-repeat scroll left top;
  background-size: 2.143em 1.429em;
}

ul.pager li.pager-first a,
ul.pager li.pager-last a {
  height: 1.429em;
  width: 2.143em;
}

ul.pager li.pager-previous {
  background: #8dae10 url("../images/pager-arrow-single-left.png") no-repeat scroll left top;
  background-size: 1.429em 1.429em;
  height: 1.429em;
  width: 1.429em;
}

ul.pager li.pager-next {
  background: #8dae10 url("../images/pager-arrow-single-right.png") no-repeat scroll left top;
  background-size: 1.429em 1.429em;
  height: 1.429em;
  width: 1.429em;
}

ul.pager li.pager-previous a,
ul.pager li.pager-next a {
  height: 1.429em;
  width: 1.429em;
}




/** 
 * Media queries 
 */
@media only screen and (max-width: 1130px) {
    
  /* Buttons - Further */  
  .button-further-article-wrapper .ressort,
  .button-further-article-wrapper .red-mitglieder ,
  .button-further-article-wrapper .redaktion,
  .button-further-article-wrapper .serviceangebote,
  .button-further-article-wrapper .english,
  .button-further-article-wrapper .start-en-pi  {
    margin-bottom: 2.1em;
  }
  
  
  /* Label */
  .top-label.overview {
    margin-bottom: 1.167em;
    margin-left: 1.167em;
  }
  
  .top-label.overview.filter {
    margin-bottom: 1.167em;
  }
  
  
  /* Top description */
  .top-description-wrapper {
    float: none;
    padding: 0 6em 3em 2.1em;
    margin-top: -1.1em;
    width: auto;
  }
  
  .top-description-wrapper.tdw-type-2 {
    padding: 0 0 1.8em 0;
    width: auto;
  }
  
  
  /* Pager */
  ul.pager  {
    padding-bottom: 2.1em;
    padding-top: 0;
  }
  
  .teaser-b2-view ul.pager {
    padding-left: 2.1em;
  }
} 

@media only screen and (max-width: 700px) {
  
  /* Buttons - Arrow right */
  .button-arrow-wrapper.link {
    margin-bottom: 2.1em;  
  }
  
  /* Buttons - Further */  
  .button-further-article-wrapper .ressort,
  .button-further-article-wrapper .red-mitglieder,
  .button-further-article-wrapper .redaktion,
  .button-further-article-wrapper .serviceangebote,
  .button-further-article-wrapper .english,
  .button-further-article-wrapper .start-en-pi  {
    margin-bottom: 1.5em;
  }
  
  .button-further  {
    margin-bottom: 0;
  }
  
  .button-further .img-wrapper {
    display: none;
  }
  
  .button-further .article-info-wrapper {
    width: 100%;
  }
  
  .button-further .article-info-wrapper-inner {
    padding: 1.8em 1.5em 3.1em 1.5em;
  }
  
  .button-further .headline {
    font-size: 3.0em;
    line-height: 1.400em;
    margin-bottom: 0.467em;
    word-wrap: break-word;
  }
  
  .button-divider {
    clear: both; 
    padding-bottom: 2.1em;
  }
  
  
  /* Label */
  .top-label {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1em;
    margin-bottom: 1em;
    padding: 0.25em 0.25em 0.25em 0.25em;
  }  
  
  .top-label.overview {
    margin-bottom: 0.833em;
    margin-left: 0.833em;
    margin-top: 0.833em;
  }
  
  .top-label.overview.filter {
    margin-bottom: 0.833em;
  }
  
  
  /* Top description */
  .top-description-wrapper {
    padding: 0 1.5em 2.4em 1.5em;
    margin-top: -0.2em;
    width: auto;
  }
  
  .top-description-wrapper p {
    font-size: 1.5em;
    line-height: 1.4em;
  }
  
  
  /* Pager */
  ul.pager  {
    background-color: #fff;
    margin-bottom: 1.5em;
    padding-bottom: 3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 3em;
  }
  
  .teaser-b2-view ul.pager {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 3em;
  }
  
  ul.pager li.pager-item,
  ul.pager li.pager-ellipsis {
    display: none;
  }
}