@charset "UTF-8";
@import url("//hello.myfonts.net/count/30b369");
/* line 5, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "Rational";
  src: url("../media/fonts/30B369_2_0.woff2") format("woff2"), url("../media/fonts/30B369_2_0.woff") format("woff"), url("../media/fonts/30B369_11_0.woff2") format("woff2"), url("../media/fonts/30B369_11_0.woff") format("woff");
}
@font-face {
  font-family: "Rational-Book";
  src: url("../media/fonts/30B369_2_0.woff2") format("woff2"), url("../media/fonts/30B369_2_0.woff") format("woff");
}
@font-face {
  font-family: "Rational-SemiBold";
  src: url("../media/fonts/30B369_11_0.woff2") format("woff2"), url("../media/fonts/30B369_11_0.woff") format("woff");
}
/* ---------------- BASICS ---------------- */
/* line 7, ../sass/screen.sass */
body {
  background: #FFFFFF;
  font-size: 1.1rem;
  font-family: "lemonde-journal", Georgia, serif;
  line-height: 1.55;
  color: #1E2023;
}

/* ---------------- LAYOUT ---------------- */
/* line 16, ../sass/screen.sass */
.container--narrow,
.container--medium,
.container--wide,
.container--full {
  margin: 0 auto;
}

/* line 22, ../sass/screen.sass */
.container--full {
  width: 100%;
}

/* line 24, ../sass/screen.sass */
.container--wide {
  max-width: 1200px;
}

/* line 26, ../sass/screen.sass */
.container--medium {
  max-width: 900px;
}

/* line 28, ../sass/screen.sass */
.container--narrow {
  max-width: 660px;
}

/* line 31, ../sass/screen.sass */
section {
  padding: 3rem 0.875rem 4rem;
}
@media (min-width: 1228px) {
  /* line 31, ../sass/screen.sass */
  section {
    padding: 5rem 0 6rem 0;
  }
}

/* line 36, ../sass/screen.sass */
.dark {
  background-color: #1E2023;
  color: #B4B9C0;
  letter-spacing: 0.2px;
}
/* line 40, ../sass/screen.sass */
.dark h2::after {
  border-color: rgba(180, 185, 192, 0.5);
}
/* line 42, ../sass/screen.sass */
.dark a, .dark a:active, .dark a:visited {
  color: #B4B9C0;
  border-bottom: 1px solid rgba(180, 185, 192, 0.5);
}
/* line 45, ../sass/screen.sass */
.dark a:hover, .dark a:focus, .dark a:active:hover, .dark a:active:focus, .dark a:visited:hover, .dark a:visited:focus {
  color: #e8ecef;
  border-color: #b4b9c0;
}

/* line 49, ../sass/screen.sass */
.bright {
  background-color: #EEEEF0;
  color: #1E2023;
}

/* line 53, ../sass/screen.sass */
.white {
  background-color: #FFFFFF;
  color: #1E2023;
}

/* line 57, ../sass/screen.sass */
.yellow {
  background-color: #FDEC40;
  color: #614B07;
}

/* line 61, ../sass/screen.sass */
.red {
  background-color: #F05034;
  color: #FFDFDF;
}

/* line 65, ../sass/screen.sass */
.blue {
  background-color: #0046FE;
  color: #D6E1FE;
}

/* line 69, ../sass/screen.sass */
.red, .blue {
  letter-spacing: 0.5px;
}
/* line 71, ../sass/screen.sass */
.red a, .red a:active, .red a:visited, .blue a, .blue a:active, .blue a:visited {
  color: #e8ecef;
  border-bottom: 1px solid rgba(232, 236, 239, 0.5);
}
/* line 74, ../sass/screen.sass */
.red a:hover, .red a:focus, .red a:active:hover, .red a:active:focus, .red a:visited:hover, .red a:visited:focus, .blue a:hover, .blue a:focus, .blue a:active:hover, .blue a:active:focus, .blue a:visited:hover, .blue a:visited:focus {
  color: #e8ecef;
  border-color: #e8ecef;
}

/* line 78, ../sass/screen.sass */
footer {
  padding: 1.2rem 0;
  text-align: center;
}

/* ---------------- HEADER ---------------- */
/* line 84, ../sass/screen.sass */
header {
  background-color: #1E2023;
  color: #B4B9C0;
  font-family: "Rational-Book", Helvetica, Arial, sansserif;
  padding: 3rem 0 3rem;
}
@media (min-width: 928px) {
  /* line 84, ../sass/screen.sass */
  header {
    padding: 4.5rem 0 4rem;
  }
}
@media (min-width: 1228px) {
  /* line 84, ../sass/screen.sass */
  header {
    padding: 8rem 0 7rem 0;
  }
}

/* line 94, ../sass/screen.sass */
header .title h1 {
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  text-indent: -9999px;
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(6%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* line 108, ../sass/screen.sass */
header .title img {
  animation: fadein 2s;
  display: block;
  margin: 0 auto 1.2em auto;
  width: 80%;
}
@media (min-width: 928px) {
  /* line 108, ../sass/screen.sass */
  header .title img {
    margin: 0 auto 3em auto;
  }
}

/* line 116, ../sass/screen.sass */
.title--subtitle {
  color: #B4B9C0;
  font-size: 0.9rem;
  letter-spacing: 1.5px;
  margin: 0 0 2rem 0;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0.875rem 0;
}
@media (min-width: 928px) {
  /* line 116, ../sass/screen.sass */
  .title--subtitle {
    font-size: 1.1rem;
    letter-spacing: 2px;
  }
}
@media (min-width: 1228px) {
  /* line 116, ../sass/screen.sass */
  .title--subtitle {
    padding: 0;
    letter-spacing: 3px;
    margin: 0 0 4rem 0;
    font-size: 1.3rem;
  }
}

/* line 133, ../sass/screen.sass */
p.header--meta,
p.button-light {
  text-align: center;
  text-indent: 0;
  padding: 0 0.875rem;
}
@media (min-width: 1228px) {
  /* line 133, ../sass/screen.sass */
  p.header--meta,
  p.button-light {
    padding: 0;
  }
}

/* line 141, ../sass/screen.sass */
p.header--meta {
  color: #B4B9C0;
  opacity: 0.7;
  margin-bottom: 0.75rem;
  letter-spacing: 0.5px;
}
/* line 146, ../sass/screen.sass */
p.header--meta a, p.header--meta a:active, p.header--meta a:visited {
  color: #B4B9C0;
  border-bottom: 1px solid rgba(180, 185, 192, 0.5);
}
/* line 149, ../sass/screen.sass */
p.header--meta a:hover, p.header--meta a:active {
  color: #e8ecef;
  border-color: #b4b9c0;
  opacity: 1;
}

/* line 154, ../sass/screen.sass */
p.button-light {
  text-align: center;
  text-indent: 0;
  margin-top: 2rem;
  height: 2.5rem;
}
/* line 159, ../sass/screen.sass */
p.button-light a, p.button-light a:visited, p.button-light a:active {
  border: 1px solid #83868B;
  border-radius: 20px;
  color: #B4B9C0;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 0.5rem 1.2rem;
  text-indent: 0;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}
/* line 170, ../sass/screen.sass */
p.button-light a:hover, p.button-light a:focus, p.button-light a:visited:hover, p.button-light a:visited:focus, p.button-light a:active:hover, p.button-light a:active:focus {
  background-color: white;
  border: 0;
  color: #1E2023;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

/* ---------------- PARAGRAPHS & STANDARD TEXT ---------------- */
/* line 184, ../sass/screen.sass */
h1, h3 {
  font-family: "Rational-SemiBold", Helvetica, Arial, sansserif;
}

/* line 187, ../sass/screen.sass */
h2 {
  font-family: "lemonde-journal", Georgia, serif;
  font-size: 1.6rem;
  letter-spacing: -0.2px;
  margin-bottom: 4rem;
  text-align: center;
}
/* line 193, ../sass/screen.sass */
h2:after {
  border-bottom: 1px solid #B4B9C0;
  content: " ";
  display: block;
  height: 1px;
  width: 6rem;
  margin: 2.5rem auto 0;
}

/* line 201, ../sass/screen.sass */
h3 {
  margin-bottom: 0.7rem;
}

/* auf X folgt h3, dafür gilt: */
/* line 204, ../sass/screen.sass */
p + h3 {
  margin-top: 2.5rem;
}

/* line 207, ../sass/screen.sass */
a, a:active, a:visited {
  border-bottom: 1px solid rgba(30, 32, 35, 0.3);
  color: #1E2023;
  text-decoration: none;
  transition: all ease 0.3s;
}
/* line 212, ../sass/screen.sass */
a:focus, a:hover, a:active:focus, a:active:hover, a:visited:focus, a:visited:hover {
  border-color: #1e2023;
}

/* line 215, ../sass/screen.sass */
p {
  margin-bottom: 0.5rem;
  text-indent: 2rem;
}
/* line 218, ../sass/screen.sass */
p:last-child {
  margin-bottom: 0;
}
/* line 220, ../sass/screen.sass */
p:first-of-type {
  text-indent: 0;
}

/* line 222, ../sass/screen.sass */
h2 + p,
h3 + p,
img + p,
figure + p,
blockquote + p {
  text-indent: 0;
}

/* line 229, ../sass/screen.sass */
.small {
  font-size: 0.8rem;
  font-family: "Rational-Book", Helvetica, Arial, sansserif;
  font-size: 0.8rem;
}

/* line 233, ../sass/screen.sass */
p.small {
  text-indent: 0;
}

/* line 236, ../sass/screen.sass */
blockquote,
blockquote.large {
  border-left: 2px solid #B4B9C0;
  font-family: "Rational-Book", Helvetica, Arial, sansserif;
}

/* line 241, ../sass/screen.sass */
blockquote {
  margin: 2rem 0;
  padding-left: 1.5rem;
}

/* line 245, ../sass/screen.sass */
blockquote.large {
  margin: 0;
}
/* line 247, ../sass/screen.sass */
blockquote.large p {
  font-size: 1.3rem;
}

/* line 250, ../sass/screen.sass */
em {
  font-style: italic;
}

/* line 252, ../sass/screen.sass */
strong {
  font-weight: bold;
}

/* line 255, ../sass/screen.sass */
sup {
  vertical-align: super;
  font-size: 0.7rem;
  font-family: "Rational-Book", Helvetica, Arial, sansserif;
  margin: 0 0.2rem;
}
/* line 260, ../sass/screen.sass */
sup a, sup a:active, sup a:visited {
  color: inherit;
}

/* ---------------- TABLE OF CONTENTS ---------------- */
/* line 265, ../sass/screen.sass */
img.chapter-count {
  display: block;
  margin: 0 auto 2rem;
  max-width: 5rem;
}
@media (min-width: 928px) {
  /* line 265, ../sass/screen.sass */
  img.chapter-count {
    max-width: 7rem;
    max-width: 20rem;
  }
}

/* line 274, ../sass/screen.sass */
.intro {
  display: table;
}

/* line 277, ../sass/screen.sass */
.intro .intro--text {
  display: block;
  margin-bottom: 2rem;
}
@media (min-width: 600px) {
  /* line 277, ../sass/screen.sass */
  .intro .intro--text {
    margin-bottom: 0;
    display: table-cell;
    float: left;
    width: 55%;
  }
}

/* line 286, ../sass/screen.sass */
.intro .intro--toc {
  display: block;
}
@media (min-width: 600px) {
  /* line 286, ../sass/screen.sass */
  .intro .intro--toc {
    display: table-cell;
    float: right;
    width: 40%;
  }
}
/* line 292, ../sass/screen.sass */
.intro .intro--toc li {
  margin-bottom: 0.6rem;
  line-height: 1.2;
}
/* line 295, ../sass/screen.sass */
.intro .intro--toc li a, .intro .intro--toc li a:active, .intro .intro--toc li a:visited {
  border-bottom: 1px solid #B4B9C0;
  color: #1E2023;
  display: inline-block;
}
/* line 299, ../sass/screen.sass */
.intro .intro--toc li a:hover, .intro .intro--toc li a:focus {
  border-color: #1E2023;
  color: #1E2023;
}

/* ---------------- IMAGERY ---------------- */
/* line 305, ../sass/screen.sass */
figure {
  padding: 3rem 0 4rem 0;
}
/* line 307, ../sass/screen.sass */
figure img {
  max-width: 100%;
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.2);
}

/* line 311, ../sass/screen.sass */
figure.small--center {
  padding: 4rem 0 4rem 0;
  margin: 0 auto;
  max-width: 19rem;
}

/* line 316, ../sass/screen.sass */
figure figcaption {
  font-family: "Rational-Book", Helvetica, Arial, sansserif;
  font-size: 0.875rem;
  max-width: 660px;
  margin: 1rem auto;
}

/* line 322, ../sass/screen.sass */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin: 4rem 0 3rem;
}
/* line 328, ../sass/screen.sass */
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------- SOURCES ---------------- */
/* line 337, ../sass/screen.sass */
ul.sources {
  font-size: 0.9rem;
  font-family: "Rational-Book", Helvetica, Arial, sansserif;
}

/* line 341, ../sass/screen.sass */
ul.sources li {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(232, 236, 239, 0.2);
}
/* line 344, ../sass/screen.sass */
ul.sources li:last-child {
  margin-bottom: 0;
}

/* line 347, ../sass/screen.sass */
ul.sources a, ul.sources a:active, ul.sources a:visited {
  color: inherit;
  border-color: inherit;
}

/* ---------------- HELPERS ---------------- */
/* line 354, ../sass/screen.sass */
.nopadding {
  padding: 0;
}