

/* EN: Contact */
.contact-en-wrapper {
  color: #7c7c7b;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 1.733em;
  padding-left: 2.0em;
  padding-right: 4.0em;
  padding-top: 1.6em;
}

.contact-en-wrapper .contact-en-head {
  color: #17365c;
  font-weight: bold;
}

.contact-en-wrapper a {
  border-bottom: 1px solid #c1bbba;
  padding-bottom: 0.105em;
}

.contact-en-wrapper a:hover {
  border-color: #8dae10;
  color: #8dae10;
}


/* Rubens Rubin issue marginal */ 
.rr-column {
  float: right;
  margin-top: -0.3em;
  width: 27.272%;
}

.rubens-rubin-current-issue-wrapper {
  padding: 0 6em 0 3em;
  margin-top: -0.5em;
}

.rubens-rubin-current-issue-inner {
  background: rgba(0, 0, 0, 0) url("../images/icon-entypo-open-book.png") no-repeat scroll left 0.2em / 1.5em 1.5em;
  padding-left: 3em;
}

.rubens-rubin-current-issue-wrapper .rr-label {
  color: #17365c;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: bold;
  padding-bottom: 0.8em;
}

.rubens-rubin-current-issue-wrapper img {
  height: auto;
  max-width: 30em;
  width: 100%;
}

.rubens-rubin-current-issue-wrapper .rr-text {
  color: #7c7c7b;
  font-family: RUB-Neu Flama,Arial,sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
  padding-top: 0.6em;
}

.rubens-rubin-current-issue-wrapper .rr-text a {
  border-bottom: 1px solid #c1bbba;
  padding-bottom: 0.105em;
}

.rubens-rubin-current-issue-wrapper .rr-text a:hover {
  border-color: #8dae10;
  color: #8dae10;
}


/* Dankvent */
.page-aktionen-dankvent .group-left {
  float: left;
  margin-bottom: 3.6em;
  width: 72.728%;
  
}

.page-aktionen-dankvent .group-left .group-left-inner {
  background-color: #fff;
  padding: 3.6em 3em 1.1em 3em;
}

.page-aktionen-dankvent .group-left .group-left-inner.blank {
  background-color: transparent;
  padding: 0;
}

.page-aktionen-dankvent .group-right {
  float: left;
  width: 27.272%;
}

.page-aktionen-dankvent .group-right .group-right-inner {
  padding: 3.6em 6em 3.6em 3em;
}

.page-aktionen-dankvent .filter-wrapper-outer.full {
  padding-bottom: 4.5em;
}

.page-aktionen-dankvent .filter-wrapper-outer.full .filter-wrapper li a,
.page-aktionen-dankvent .filter-wrapper-outer.full .filter-wrapper .current-item {
  padding-left: 1.8em;
}

.page-aktionen-dankvent .views-row {
  border-bottom: 1px solid #8dae10;
  margin-bottom: 3.4em;
  padding-bottom: 1em;
}

.page-aktionen-dankvent .views-row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 2em;
}

.page-aktionen-dankvent .views-row .field-title-field {
  color: #17365c;
  font-family: RUB-Neu Flama,Arial,sans-serif;
  font-size: 2.1em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.429em;
  padding-bottom: 0.333em;
  padding-top: 0.095em;
}

.page-aktionen-dankvent .views-row .field-dv-bild img {
  display: block;
  height: auto;
  margin-bottom: 1.5em;
  width: 100%;
}

.page-aktionen-dankvent .views-row .field-dv-text p {
  font-size: 2.1em;
  letter-spacing: 0.02em;
  line-height: 1.429em;
  margin-bottom: 0.810em;
}

.page-aktionen-dankvent .views-row .field-dv-text p:last-child {
  margin-bottom: 0;
}

.page-aktionen-dankvent .views-row .field-dv-quelle {
  color: #7c7c7b;
  font-family: RUB-Neu Flama,Arial,sans-serif;
  font-size: 1.8em;
  line-height: 3em;
}

.page-aktionen-dankvent .views-row .field-dv-quelle  a {
  border-bottom: 1px solid #c1bbba;
  padding-bottom: 0.105em;
}

.page-aktionen-dankvent .views-row .field-dv-quelle a:hover {
  border-color: #8dae10;
  color: #8dae10;
}

.page-aktionen-dankvent ul.pager {
  background-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
}

#dankvent-teilnahme-link {
  color: #17365c;
  font-family: RUB-Neu Flama,Arial,sans-serif;
  font-size: 1.5em;
  line-height: 1.667em;
  list-style-position: outside;
  list-style-type: square;
  padding-bottom: 1.278em;
  padding-left: 1em;
  padding-top: 0.056em;
}

#dankvent-teilnahme-link li {
  padding-left: 1em;
}

#dankvent-teilnahme-link a {
  color: #17365c;
  border-bottom: 1px solid #8dae10;
  padding-bottom: 0.105em;
}

#dankvent-teilnahme-link a:hover {
  border-color: #8dae10;
  color: #8dae10;
}

.page-aktionen-dankvent .teaser-box.triple {
  margin-bottom: 3.6em;
}


/* Cookie */
#cookie-compliance {
  /* display: none !important; */
  font-family: RUB-Neu Flama;
  font-size: 1.25em;
  line-height: 1.7em;
  font-weight: normal;
  background-color: #d2d2d2;
  color: #3c3c3c;
  padding: 0;
  border-top: 3px solid #c1bbba;
  border-bottom: 4px solid #c1bbba;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#cookie-compliance form div {
  /*
  display: inline-block;
  padding-left: 33px;
  background: #8dae10 url("../images/slider-arrows-right.png") no-repeat scroll left center;
  background-size: 35px 35px;
  */
  margin-top: 1.5em;
  text-align: center;
}

#cookie-compliance .cookie-compliance__inner {
  padding: 16px;
}

#cookie-compliance a {
  text-decoration: underline;
}

#cookie-compliance a:hover {
  color: #8dae10;
}

#cookie-compliance #edit-submit {
  -webkit-appearance: none;
  background-color: #17365c;
  color: #fff;
  padding: 0.45em 2em;
  font-weight: bold;
  font-size: 1.25em;
}

#cookie-compliance #edit-submit:hover {
  background-color: #8dae10;
  cursor: pointer;
}


/* Absender */
#absender {
  color: #3c3c3b;
	font-family: RUB-Neu Flama, Arial, sans-serif;
	font-weight: bold;
  font-size: 1.5em;
  margin-top: 2.3em;
}


/* Introtext */
#home-intro {
  color: #003560;
  font-family: RUB-Neu Flama, Arial, sans-serif;
}

@media only screen and (max-width: 1130px) {
  #home-intro {
    padding-left: 2.1em;
    padding-right: 6em;
  }
}


@media only screen and (max-width: 700px) {
  #home-intro {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1.8em;
  }
}

#intro-title {
  font-size: 3.6em;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.250em;
  margin-bottom: 0.5em;
  margin-top: -0.2em;
} 

@media only screen and (max-width: 1130px) {
  #intro-title {
    font-size: 2.1em;
  }
}

#intro-text {
  font-size: 2.1em;
  letter-spacing: 0.02em;
  line-height: 1.250em;
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 1130px) {
  #intro-text {
    font-size: 1.8em;
    margin-bottom: 1em;
  }
}




/** 
 * Media queries 
 */
@media only screen and (max-width: 1130px) {
  
  /* EN: Contact */
  .contact-en-wrapper { 
    margin-bottom: 0;
    padding: 0;
  } 
  
  
  /* Rubens Rubin issue marginal */ 
  .rr-column {
    display: none;
  }
  
  .rubens-rubin-current-issue-wrapper {
    padding: 0;
    margin-top: 0;
  }
  
  
  /* Dankvent */  
  .page-aktionen-dankvent .group-left,
  .page-node-1835 .ds-2col.node-standard-standard > .group-left {
    float: none;
    margin-bottom: 2.1em;
    width: 100%;
  }
  
  .page-aktionen-dankvent .group-left .group-left-inner {
    margin-right: 6em;
    padding: 2.1em 2.1em 0.6em 2.1em;
  }

  .page-aktionen-dankvent .group-right,
  .page-node-1835 .ds-2col.node-standard-standard > .group-right  {
    float: none;
    width: 100%;
  }
  
  .page-aktionen-dankvent .group-right  {
    display: none;
  }
  
  .page-aktionen-dankvent .group-right.top  {
    display: block;
  }
  
  .page-aktionen-dankvent .group-right.top .group-right-inner,
  .page-node-1835 .ds-2col.node-standard-standard > .group-right .group-right-inner  {
    background-color: #fff;
    margin-bottom: 2.1em;
    margin-right: 6em;
    padding: 2.1em 2.1em 1.0em 2.1em;
  }
  
  .page-aktionen-dankvent .filter-wrapper-outer.full .filter-wrapper li a,
  .page-aktionen-dankvent .filter-wrapper-outer.full .filter-wrapper .current-item {
    padding-left: 1.3em;
  }
  
  .page-aktionen-dankvent .teaser-row-wrapper {
    padding-left: 0;
  }
  
  .page-aktionen-dankvent .teaser-box.triple {
    margin-bottom: 2.1em;
  }
  
  .page-node-1835 .ds-2col.node-standard-standard > .group-left {
    width: 100%;  
  }
  
  .page-node-1835 .ds-2col.node-standard-standard > .group-left .group-left-inner {
    margin-right: 6em;  
  }
  
  
  /* Absender */
  #absender {
    padding: 0 1.5em 0 1.5em;
  }
}

@media only screen and (max-width: 700px) {
  
  .page-aktionen-dankvent .group-left {
    float: none;
    margin-bottom: 1.5em;
    width: 100%;
  }
  
  .page-aktionen-dankvent .group-left .group-left-inner {
    margin-right: 0;
    padding: 1.5em 1.5em 1.2em 1.5em;
  }
  
  .page-aktionen-dankvent .group-right.top .group-right-inner,
  .page-node-1835 .ds-2col.node-standard-standard > .group-right .group-right-inner {
    margin-bottom: 1.5em;
    margin-right: 0;
    padding: 1.5em 1.5em 0.5em 1.5em;
  }
  
  .page-aktionen-dankvent ul.pager {
    padding-bottom: 2em;
    padding-top: 2em;
  }
  
  .page-aktionen-dankvent .filter-wrapper-outer.full .filter-wrapper li a,
  .page-aktionen-dankvent .filter-wrapper-outer.full .filter-wrapper .current-item {
    padding-left: 0.889em;
  }
  
  .page-aktionen-dankvent .views-row {
    margin-bottom: 2.8em;
  }
  
  .page-aktionen-dankvent .views-row .field-title-field {
    font-size: 1.8em;
    line-height: 1.333em;
  }
 
  .page-aktionen-dankvent .views-row .field-dv-text p {
    font-size: 1.8em;
    line-height: 1.333em;
    margin-bottom: 0.81em;
  }
  
  .page-aktionen-dankvent .views-row .field-dv-quelle {
    color: #7c7c7b;
    font-family: RUB-Neu Flama,Arial,sans-serif;
    font-size: 1.5em;
  }
  
  .page-aktionen-dankvent .teaser-box.triple {
    margin-bottom: 1.5em;
  }
  
  .page-node-1835 .ds-2col.node-standard-standard > .group-left {
    margin-bottom: 1.5em;
  }
  
  .page-node-1835 .ds-2col.node-standard-standard > .group-left .group-left-inner {
    margin-right: 0;  
  }
  
  
  /* Absender */
  #absender {
    padding: 0.5em 1em 0 1em;
    margin-bottom: 0.6em
  }
}

