/* eres-stiftung.de
-------------------------------------------------- */



/* font-face
-------------------------------------------------- */

@font-face {
  font-family: 'Lato Latin';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/lato-latin-300-light.woff2) format('woff2');
}

@font-face {
  font-family: 'Lato Latin';
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/lato-latin-300-light-italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Lato Latin';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/lato-latin-500-medium.woff2) format('woff2');
}



/* basics
------------------------------------------------ */

* {
  box-sizing: border-box;
  margin: 0;
}

*::before, *::after {
  box-sizing: inherit;
}

html {
  -webkit-text-size-adjust: 100%; /* iOs */
}

body {
  overflow-wrap: anywhere;
  color: rgba(0, 0, 0, 1);
  font-family: 'Lato Latin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 300;
  line-height: 1.75; /* 28 */
  letter-spacing: 0.015625rem; /* 1/64 */
}



/* typo
------------------------------------------------ */

audio, img, video {
  display: block;
  width: 100%;
}

img {
  height: auto; /* img height attribute */
}

/* typo
------------------------------------------------ */

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 500;
}

/* typo
------------------------------------------------ */

ul, ol {
  list-style: none;
  padding: 0;
}

/* typo
------------------------------------------------ */

h1,
.block-featured h2,
.block-headline h2 {
  font-size: 2.25rem; /* 36 */
  line-height: 1.167; /* 42 */
}

h2,
.block-articles h3,
.block-featured h3 {
  font-size: 1.5625rem; /* 25 */
  line-height: 1.4; /* 35 */
}

h3, h4, h5, h6,
p, ul, ol, input, label {
  font-size: 1.125rem; /* 18 */
  line-height: 1.555; /* 28 */
}

figcaption p {
  font-size: 0.875rem; /* 14 */
  line-height: 1.5; /* 21 */
}

/* typo
------------------------------------------------ */

h1, h2, h3, h4, h5, h6,
p, ul, ol, figure {
  margin-top: 0.875rem;
}

ul[class],
ol[class],
figure[class] {
  margin-top: 0; /* layout */
}

figure[class] audio {
  margin-top: 0; /* layout */
}

figure[class] img,
figure[class] video {
  margin-top: 0.875rem;
}

/* typo
------------------------------------------------ */

label, input {
  display: block;
  font-family: inherit;
}

abbr {
  text-decoration: none;
}

span.alert {
  padding: 0.875rem;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 51, 0, 1);
}

.note {
  color: rgba(255, 51, 0, 1);
}



/* link
------------------------------------------------ */

a {
  outline: none;
  color: rgba(0, 0, 0, 1);
  text-decoration: underline;
}

.block-site a,
.block-page a {
  color: rgba(255, 51, 0, 1);
  text-decoration: none;
}

.block-site a:hover, .block-site a:focus, .block-site a:active,
.block-page a:hover, .block-page a:focus, .block-page a:active {
  color: rgba(0, 0, 0, 1);
}

/* link
------------------------------------------------ */

a.display-block {
  display: block;
}

.block-archive a.display-block,
.block-articles a.display-block,
.block-featured a.display-block {
  text-decoration: none;
}

.block-archive a.display-block:hover strong, .block-archive a.display-block:focus strong, .block-archive a.display-block:active strong,
.block-articles a.display-block:hover h3, .block-articles a.display-block:focus h3, .block-articles a.display-block:active h3,
.block-featured a.display-block:hover h3, .block-featured a.display-block:focus h3, .block-featured a.display-block:active h3 {
  text-decoration: underline;
}



/* layout
------------------------------------------------ */

.header {
  padding: 0.875rem 0 0.875rem;
}

.main {
  padding: 3.5rem 0 3.5rem;
}

.footer {
  padding: 1.75rem 0 1.75rem;
}

/* layout
------------------------------------------------ */

.header-block > * {
  display: flex;
  flex-wrap: wrap;
}

.header-block > * > * {
  flex-basis: 100%;
}

/* layout
------------------------------------------------ */

.main-block > * {
  display: flex;
  flex-wrap: wrap;
}

.main-block > * > * {
  flex-basis: 100%;
}

.block-catalogue .catalogue-item,
.block-events .events-item,
.block-featured .featured-item--00-00,
.block-featured .featured-item--01-01,
.block-videos .videos-item {
  display: flex;
  flex-wrap: wrap;
}

.block-catalogue .catalogue-item > *,
.block-events .events-item > *,
.block-featured .featured-item--00-00 > *,
.block-featured .featured-item--01-01 > *,
.block-videos .videos-item > * {
  flex-basis: 100%;
}

/* layout
------------------------------------------------ */

.footer-block > * {
  display: flex;
  flex-wrap: wrap;
}

.footer-block > * > * {
  flex-basis: 100%;
}



/* gutter
------------------------------------------------ */

.block-site > * {
  padding: 0 0.875rem 0;
}

/* gutter
------------------------------------------------ */

.block-page > * {
  padding: 0 0.875rem 3.5rem;
}

/* gutter
------------------------------------------------ */

.block-headline > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-heading > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-archive > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-articles > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-audios > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-catalogue > * {
  padding: 0 0 1.75rem;
}

.block-catalogue > * > * {
  padding: 0 0.875rem 0;
}

/* gutter
------------------------------------------------ */

.block-events > * {
  padding: 0 0 1.75rem;
}

.block-events > * > * {
  padding: 0 0.875rem 0;
}

/* gutter
------------------------------------------------ */

.block-featured .featured-item--01-02 {
  padding: 0 0.875rem 3.5rem;
}

.block-featured .featured-item--00-00,
.block-featured .featured-item--01-01 {
  padding: 0 0 3.5rem;
}

.block-featured .featured-item--00-00 > *,
.block-featured .featured-item--01-01 > * {
  padding: 0 0.875rem 0;
}

/* gutter
------------------------------------------------ */

.block-guests > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-images > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-info > * {
  padding: 0 0.875rem 0;
}

.block-info > * > * {
  padding: 0 0 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-intro > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-locations > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-partner > * {
  padding: 0 0.875rem 0;
}

.block-partner > * > * {
  padding: 0 0 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-publications > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-reviews > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-text > * {
  padding: 0 0.875rem 1.75rem;
}

/* gutter
------------------------------------------------ */

.block-videos > * {
  padding: 0 0 1.75rem;
}

.block-videos > * > * {
  padding: 0 0.875rem 0;
}



/* blocks
------------------------------------------------ */

.block-site {
  color: rgba(255, 51, 0, 1);
}

.block-site li,
.block-site img {
  margin-top: 0.875rem;
}

.block-site li {
  display: inline-block;
  margin-right: 0.875rem;
}

.block-site .site-identity img {
  display: inline-block;
  vertical-align: top;
  max-width: 10.5rem; /* 3/1 */
}

.block-site .social-primary li img {
  margin-top: 0;
  width: 1.75rem;
  display: inline-block;
  vertical-align: top;
}

/* blocks
------------------------------------------------ */

.block-page {
  color: rgba(255, 51, 0, 1);
}

.block-page li {
  margin-top: 0.875rem;
}

.block-page li {
  display: inline-block;
  margin-right: 0.875rem;
}

/* blocks
------------------------------------------------ */

.block-featured span.location {
  font-weight: 500;
}

/* blocks
------------------------------------------------ */

.block-intro p,
.block-intro ul,
.block-intro ol {
  font-size: 1.5625rem; /* 25 */
  line-height: 1.4; /* 35 */
}

/* blocks
------------------------------------------------ */

.block-text ul {
  list-style-type: "– ";
  padding-left: 1.75rem;
}

/* blocks
------------------------------------------------ */

.block-featured .item-copy img,
.block-info .info-item img,
.block-partner .partner-item img,
.block-text .text-copy img {
  max-width: 10.5rem;
}

/* blocks
------------------------------------------------ */

.block-featured .item-copy {
  position: relative;
}

.block-featured p.button-featured {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: rgba(255, 255, 255, 1);
  width: 10.5rem;
  height: 10.5rem;
  margin-top: 1.75rem;
  padding: 0.875rem;
  background-color: rgba(255, 51, 0, 1);
  border-radius: 50%;
  text-align: center;
}

.block-featured .button-featured a {
  color: rgba(255, 255, 255, 1);
}



/* queries
------------------------------------------------ */

@media all and (min-width: 60em) {
  h1,
  .block-featured h2,
  .block-headline h2 {
    font-size: 3rem; /* 48 */
    line-height: 1.167; /* 56 */
  }
}

/* queries
------------------------------------------------ */

@media all and (min-width: 67.5em) {
  .header-block > *,
  .main-block > *,
  .footer-block > * {
    padding: 0 calc(50% - 33.75rem) 0;
  }
}

/* queries
------------------------------------------------ */

@media all and (min-width: 15em) {
  .block-site .site-identity {
    flex-basis: 66.667%;
  }
  .block-site .site-languages {
    flex-basis: 33.333%;
  }
}

@media all and (min-width: 30em) {
  .block-archive > *,
  .block-catalogue .catalogue-item > *,
  .block-dates > *,
  .block-guests > *,
  .block-partner > *,
  .block-publications > *,
  .block-reviews > * {
    flex-basis: 50%;
  }
}

@media all and (min-width: 45em) {
  .block-events .events-item .item-title,
  .block-events .events-item .item-copy {
    flex-basis: 66.667%;
  }
  .block-articles > *,
  .block-audios > *,
  .block-featured .featured-item--01-02,
  .block-images .images-item--01-02,
  .block-images .images-item--01-03,
  .block-images .images-item--01-04,
  .block-info > *,
  .block-locations > * {
    flex-basis: 50%;
  }
  .block-featured .featured-item--01-01 .item-copy {
    flex-basis: 50%;
    order: 1;
  }
  .block-featured .featured-item--01-01 .item-media {
    flex-basis: 50%;
    order: 2;
  }
  .block-catalogue .catalogue-item > *,
  .block-events .events-item > .item-info,
  .block-partner > *,
  .block-publications > * {
    flex-basis: 33.333%;
  }
}

@media all and (min-width: 60em) {
  .block-heading .heading-copy,
  .block-headline .headline-copy,
  .block-intro .intro-copy,
  .block-text .text-copy,
  .block-videos .videos-item .item-caption {
    flex-basis: 66.667%;
  }
  .block-archive > *,
  .block-dates > *,
  .block-guests > *,
  .block-images .images-item--01-03,
  .block-info > *,
  .block-reviews > * {
    flex-basis: 33.333%;
  }
  .block-images .images-item--01-04,
  .block-partner > *,
  .block-publications > * {
    flex-basis: 25%;
  }
}

@media all and (min-width: 60em) {
  .block-videos .videos-item .item-media {
    flex-basis: 66.667%;
  }
  .block-videos .videos-item .item-caption {
    flex-basis: 33.333%;
  }
}

@media all and (min-width: 67.5em) {
  .block-site .site-links {
    flex-basis: 70.833%;
  }
  .block-site .site-tagline {
    flex-basis: 29.1667%;
  }
}

/* queries
------------------------------------------------ */

@media all and (min-width: 15em) {
  .block-site .languages-primary {
    text-align: right;
  }
  .block-site .languages-primary li {
    margin-right: 0;
    margin-left: 0.875rem;
  }
}

@media all and (min-width: 67.5em) {
  .block-site .links-primary {
    text-align: right;
  }
  .block-site .links-primary li {
    margin-right: 0;
    margin-left: 0.875rem;
  }
}

/* queries
------------------------------------------------ */

@media all and (min-width: 45em) {
  .block-featured .featured-item--00-00 .item-copy {
    padding-right: 33.333%;
  }
  .block-featured .featured-item--00-00 .item-copy .button-featured {
    position: absolute;
    top: 0;
    right: 0.875rem;
  }
}

/* queries
------------------------------------------------ */

@media all and (min-width: 45em) {
  .block-images .images-item--01-01 .item-caption {
    padding-right: 33.333%;
  }
}



/* sticky
------------------------------------------------ */

.header {
  z-index: 1;
  background-color: rgba(255, 255, 255, 1);
}

@media all and (min-width: 45em) {
  .header {
    position: -webkit-sticky; /* safari */
    position: sticky;
    top: -7.875rem;
  }
  .main-block {
    scroll-margin-top: 3.5rem; /* header */
  }
}

@media all and (min-width: 67.5em) {
  .header {
    position: -webkit-sticky; /* safari */
    position: sticky;
    top: -5.25rem;
  }
}



/* hidden
------------------------------------------------ */

.main-block--invisible {
  position: absolute;
  left: -999px;
}

.form-item--website {
  display: none;
}