/*
Theme Name: McLuhan Child
Theme URI: http://peterblickenstorfer.com
Author: Peter Blickenstorfer & Heinz Fiechter
Author URI: http://peterblickenstorfer.com
Description: McLuhan Child Theme for ETH
Version: 0.1
Template:     pressbooks-book
*/
/*********
R E S E T
*********/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
}

/* from book.css */
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/*********
F O N T S
*********/
@font-face {
  font-display: fallback;
  font-family: DINPro;
  font-style: normal;
  font-weight: normal;
  src: url(./fonts/dinpro/regular.woff) format("woff");
}
@font-face {
  font-display: fallback;
  font-family: DINPro;
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/dinpro/medium.woff) format("woff");
}
@font-face {
  font-display: fallback;
  font-family: DINPro;
  font-style: normal;
  font-weight: bold;
  src: url(./fonts/dinpro/bold.woff) format("woff");
}
/***********
C O L O R S
***********/
:root {
  --color-theme: #215caf;
  --color-theme-120: #08407e;
  --color-theme-80: #4d7dbf;
  --color-theme-60: #7a9dcf;
  --color-theme-40: #a6bedf;
  --color-theme-20: #d3deef;
  --color-theme-10: #e9eff7 ;
}

.eth-blue {
  --color-theme: #215caf;
  --color-theme-120: #08407e;
  --color-theme-80: #4d7dbf;
  --color-theme-60: #7a9dcf;
  --color-theme-40: #a6bedf;
  --color-theme-20: #d3deef;
  --color-theme-10: #e9eff7 ;
}

.eth-petrol {
  --color-theme: #007894;
  --color-theme-120: #00596d;
  --color-theme-80: #3395ab;
  --color-theme-60: #66afc0;
  --color-theme-40: #99cad5;
  --color-theme-20: #cce4ea;
  --color-theme-10: #e7f4f7 ;
}

.eth-green {
  --color-theme: #627313;
  --color-theme-120: #365213;
  --color-theme-80: #818f42;
  --color-theme-60: #a1ab71;
  --color-theme-40: #c0c7a1;
  --color-theme-20: #e0e3d0;
  --color-theme-10: #eff1e7 ;
}

.eth-bronze {
  --color-theme: #8e6713;
  --color-theme-120: #704f12;
  --color-theme-80: #a58542;
  --color-theme-60: #bba471;
  --color-theme-40: #d2c2a1;
  --color-theme-20: #e8e1d0;
  --color-theme-10: #f4f0e7 ;
}

.eth-red {
  --color-theme: #b7352d;
  --color-theme-120: #96272d;
  --color-theme-80: #c55d57;
  --color-theme-60: #d48681;
  --color-theme-40: #e2aeab;
  --color-theme-20: #f1d7d5;
  --color-theme-10: #f8ebea ;
}

.eth-purple {
  --color-theme: #a7117a;
  --color-theme-120: #8c0a59;
  --color-theme-80: #b73b92;
  --color-theme-60: #ca6cae;
  --color-theme-40: #dc9ec9;
  --color-theme-20: #efd0e3;
  --color-theme-10: #f8e8f3 ;
}

.eth-grey {
  --color-theme: #6f6f6f;
  --color-theme-120: #575757;
  --color-theme-80: #8c8c8c;
  --color-theme-60: #a9a9a9;
  --color-theme-40: #c5c5c5;
  --color-theme-20: #e2e2e2;
  --color-theme-10: #f1f1f1 ;
}

body {
  height: auto;
  background-color: #ffffff;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  text-transform: none;
}

.home h1, .home h2, .home h3, .home h4, .home h5, .home h6 {
  color: #000000;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 20px;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

h3 {
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: 12px;
}

h4,
h5,
h6 {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 9px;
}

h2::before {
  content: "";
  display: block;
  margin: 0.5rem auto 1rem;
  width: 2.8125rem;
  height: .3125rem;
  background: #000000;
}

h1 + p,
h2 + p {
  margin-top: -6px;
  margin-bottom: 16px;
}

h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: -2px;
  margin-bottom: 16px;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
hr + h1,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6,
table + h1,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
.table-responsive + h1,
.table-responsive + h2,
.table-responsive + h3,
.table-responsive + h4,
.table-responsive + h5,
.table-responsive + h6,
.wp-caption + h1,
.wp-caption + h2,
.wp-caption + h3,
.wp-caption + h4,
.wp-caption + h5,
.wp-caption + h6 {
  margin-top: 1.5em;
}

.block__subtitle {
  text-transform: none;
}

p + .wp-caption {
  margin-top: 10px;
}

b, strong {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

ol,
p,
ul,
div,
blockquote,
td,
th {
  font-size: 1.125rem;
  line-height: 1.5;
}

sub, sup {
  top: 0;
  margin-left: 0.15em;
  position: relative;
  font-size: 60%;
  line-height: 0;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

a {
  color: var(--color-theme);
  cursor: pointer;
  text-decoration: none;
}
a:active, a:hover, a:focus {
  color: #000000;
  text-decoration: underline;
}

a.call-to-action,
button,
input[type=submit] {
  border-style: solid;
  border-width: 2px;
  border-radius: 3px;
  display: inline-block;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.875rem 3.25rem;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

a.more-tag {
  text-decoration: none;
}

button,
input[type="submit"] {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
  color: #ffffff;
  cursor: pointer;
}
button:active, button:hover, button:focus,
input[type="submit"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: var(--color-theme-120);
  border-color: var(--color-theme-120);
}

.entry-content {
  overflow-wrap: break-word;
}
.entry-content p a {
  text-decoration: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.6);
  color: inherit;
  transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1), border-bottom-color 80ms cubic-bezier(0.42, 0, 0.58, 1);
  border-bottom-color: var(--color-theme);
}
.entry-content p a:active, .entry-content p a:hover, .entry-content p a:focus {
  text-decoration: none;
  border-color: var(--color-theme);
  color: var(--color-theme);
}
.entry-content p a.footnote {
  border-bottom: none;
}

img {
  background: var(--color-theme-10);
}

p + blockquote {
  margin-top: 1.5em;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 2rem;
    margin-bottom: 24px;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  h3 {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  h4,
  h5,
  h6 {
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: 9px;
  }

  h2::before {
    margin-bottom: 2rem;
    width: 4.6875rem;
  }

  ol,
  p,
  ul,
  div,
  blockquote,
  td,
  th {
    font-size: 1.25rem;
  }

  h1 + p,
  h2 + p {
    margin-top: -6px;
    margin-bottom: 24px;
  }

  h3 + p,
  h4 + p,
  h5 + p,
  h6 + p {
    margin-top: -3px;
    margin-bottom: 24px;
  }
}
/* ----- header ----- */
header.header {
  font-family: "DINPro",helvetica,arial,sans-serif;
  padding: 3.5rem 1rem 1.5rem;
}
header.header .header__brand a svg {
  display: none;
}
header.header .header__brand a {
  display: block;
  width: 150px;
  height: 26px;
  background-image: url(./ethz_logo_black.svg);
  background-repeat: no-repeat;
  background-size: auto 39px;
  background-position: left center;
}
@media (min-width: 480px) and (max-width: 959.98px) {
  header.header .header__brand a {
    width: 185px;
    height: 32px;
    background-size: auto 48px;
  }
}
@media (min-width: 960px) {
  header.header .header__brand a {
    width: 240px;
    height: 36px;
    background-size: auto 57px;
  }
}
@media (min-width: 1440px) {
  header.header .header__brand a {
    width: 240px;
    height: 42px;
    background-size: auto 66px;
  }
}

.a11y-toolbar {
  font-family: "DINPro";
  font-style: normal;
  font-weight: normal;
}
.a11y-toolbar ul li {
  display: inline;
}
.a11y-toolbar ul li a {
  padding: 0.5rem 0.65rem 0.25rem;
  color: #000000;
  background: #ffffff;
  border-bottom: 2px solid #000000;
}
.a11y-toolbar ul li a:active, .a11y-toolbar ul li a:focus {
  color: #000000;
  background: #ffffff;
}
.a11y-toolbar ul li a:hover {
  color: #ffffff;
  background: var(--color-theme);
}
.a11y-toolbar ul li:first-child a {
  border-left: 2px solid #000000;
}
.a11y-toolbar ul li:first-child a:active, .a11y-toolbar ul li:first-child a:focus {
  border-color: #000000;
}
.a11y-toolbar ul li:first-child a:hover {
  border-color: var(--color-theme);
}
.a11y-toolbar ul li:last-child a {
  border-right: 2px solid #000000;
}
.a11y-toolbar ul li:last-child a:active, .a11y-toolbar ul li:last-child a:focus {
  border-color: #000000;
}
.a11y-toolbar ul li:last-child a:hover {
  border-color: var(--color-theme);
}

.is-touch .a11y-toolbar ul li a:hover {
  color: black;
  background: white;
  border-color: black;
}

.header__nav-icon .header__nav-icon__icon,
.header__nav-icon .header__nav-icon__icon::before,
.header__nav-icon .header__nav-icon__icon::after {
  background: #000000;
}
.header__nav-icon .header__nav--active .header__nav-icon__icon,
.header__nav-icon .header__nav--active .header__nav-icon__icon::before,
.header__nav-icon .header__nav--active .header__nav-icon__icon::after {
  background: #000000;
}

.header__nav {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
}
.header__nav .js-header-nav .nav--primary li {
  padding: 0;
}
.header__nav .js-header-nav .nav--primary li a {
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 1.25rem 0 0.25rem;
  font-size: 1.25rem;
  line-height: 1.3;
  text-decoration: none;
  color: #000000;
  border-bottom: 2px solid transparent;
}
.header__nav .js-header-nav .nav--primary li a:active, .header__nav .js-header-nav .nav--primary li a:hover, .header__nav .js-header-nav .nav--primary li a:focus {
  text-decoration: none;
  border-bottom-color: #000000;
}
.header__nav .js-header-nav .nav--primary li.header__search.js-search {
  padding-left: 2.5rem;
}
.header__nav .js-header-nav .nav--primary li.header__search.js-search input {
  padding-left: 0;
  font-size: 1.25rem;
  color: #000000;
  border-bottom-color: #000000;
}
.header__nav .js-header-nav .nav--primary li.header__search.js-search form button.search-submit {
  color: #000000;
  border-color: transparent;
}
.header__nav .js-header-nav .nav--primary li.header__search.js-search form button.search-submit:active, .header__nav .js-header-nav .nav--primary li.header__search.js-search form button.search-submit:focus {
  border-color: #000000;
}

@media screen and (max-width: 959.98px) {
  .header__nav--active .js-header-nav {
    background: #ffffff;
  }
  .header__nav--active .js-header-nav .nav--primary li {
    border-bottom: solid 1px #000000;
  }
  .header__nav--active .js-header-nav .nav--primary li.header__search.js-search {
    border-bottom: none;
  }
  .header__nav--active .js-header-nav .nav--primary li a {
    display: block;
    padding: 0;
    border-bottom: 0;
    width: 100%;
    font-family: "DINPro",helvetica,arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 3.33333333;
    color: #000000;
  }
  .header__nav--active .js-header-nav .nav--primary li a:hover, .header__nav--active .js-header-nav .nav--primary li a:active, .header__nav--active .js-header-nav .nav--primary li a:focus {
    text-decoration: none;
    border-bottom-color: transparent;
  }

  .header__nav--active .js-header-nav .nav--primary li.header__search.js-search {
    padding-left: 0;
  }
  .header__nav--active .js-header-nav .nav--primary li.header__search.js-search input {
    padding-left: 1rem;
    font-size: 1.5rem;
    line-height: 3.33333333;
  }
  .header__nav--active .js-header-nav .nav--primary li.header__search.js-search input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cccccc;
    opacity: 1;
    /* Firefox */
  }
  .header__nav--active .js-header-nav .nav--primary li.header__search.js-search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cccccc;
  }
  .header__nav--active .js-header-nav .nav--primary li.header__search.js-search input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #cccccc;
  }
}
/* ----- home dropdown ----- */
.home h2.block__title.block-toc__title {
  margin-bottom: 1.5em;
  padding: 0 1rem;
  text-align: center;
}
.home nav .toc__list {
  margin-bottom: 0;
  color: #000000;
  list-style: none;
  padding: 0;
}
.home nav .toc__list a {
  color: var(--color-theme);
}
.home nav .toc__list li {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: bold;
  margin-bottom: 0.125rem;
}
.home nav .toc__list li p.toc__front-matter__title,
.home nav .toc__list li p.toc__back-matter__title,
.home nav .toc__list li p.toc__part__title {
  font-size: 1.125rem;
}
.home nav .toc__list li p.toc__front-matter__title button,
.home nav .toc__list li p.toc__front-matter__title button[aria-expanded="false"],
.home nav .toc__list li p.toc__back-matter__title button,
.home nav .toc__list li p.toc__back-matter__title button[aria-expanded="false"],
.home nav .toc__list li p.toc__part__title button,
.home nav .toc__list li p.toc__part__title button[aria-expanded="false"] {
  padding: 1rem;
  font-size: 1.125rem;
  background: #f6f6f6;
  color: #000000;
  text-decoration: none;
}
.home nav .toc__list li p.toc__front-matter__title button:active, .home nav .toc__list li p.toc__front-matter__title button:hover,
.home nav .toc__list li p.toc__front-matter__title button[aria-expanded="false"]:active,
.home nav .toc__list li p.toc__front-matter__title button[aria-expanded="false"]:hover,
.home nav .toc__list li p.toc__back-matter__title button:active,
.home nav .toc__list li p.toc__back-matter__title button:hover,
.home nav .toc__list li p.toc__back-matter__title button[aria-expanded="false"]:active,
.home nav .toc__list li p.toc__back-matter__title button[aria-expanded="false"]:hover,
.home nav .toc__list li p.toc__part__title button:active,
.home nav .toc__list li p.toc__part__title button:hover,
.home nav .toc__list li p.toc__part__title button[aria-expanded="false"]:active,
.home nav .toc__list li p.toc__part__title button[aria-expanded="false"]:hover {
  color: #000000;
  text-decoration: none;
}
.home nav .toc__list li p.toc__front-matter__title button[aria-expanded="true"],
.home nav .toc__list li p.toc__back-matter__title button[aria-expanded="true"],
.home nav .toc__list li p.toc__part__title button[aria-expanded="true"] {
  background: #f1f1f1;
  color: #000000;
  text-decoration: none;
}
.home nav .toc__list li .inner-content {
  line-height: 1.25;
}
.home nav .toc__list li ol.toc__front-matter-list li .inner-content,
.home nav .toc__list li ol.toc__front-matter-list li,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content,
.home nav .toc__list li ol.toc__back-matter-list li,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content,
.home nav .toc__list li .inner-content ol.toc__chapters li {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.25;
}
.home nav .toc__list li ol.toc__front-matter-list li .inner-content a,
.home nav .toc__list li ol.toc__front-matter-list li a,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content a,
.home nav .toc__list li ol.toc__back-matter-list li a,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content a,
.home nav .toc__list li .inner-content ol.toc__chapters li a {
  color: var(--color-theme);
  line-height: 1.25;
}
.home nav .toc__list li ol.toc__front-matter-list li .inner-content a:active, .home nav .toc__list li ol.toc__front-matter-list li .inner-content a:hover, .home nav .toc__list li ol.toc__front-matter-list li .inner-content a:focus,
.home nav .toc__list li ol.toc__front-matter-list li a:active,
.home nav .toc__list li ol.toc__front-matter-list li a:hover,
.home nav .toc__list li ol.toc__front-matter-list li a:focus,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content a:active,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content a:hover,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content a:focus,
.home nav .toc__list li ol.toc__back-matter-list li a:active,
.home nav .toc__list li ol.toc__back-matter-list li a:hover,
.home nav .toc__list li ol.toc__back-matter-list li a:focus,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content a:active,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content a:hover,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content a:focus,
.home nav .toc__list li .inner-content ol.toc__chapters li a:active,
.home nav .toc__list li .inner-content ol.toc__chapters li a:hover,
.home nav .toc__list li .inner-content ol.toc__chapters li a:focus {
  color: #000000;
  text-decoration: none;
}
.home nav .toc__list li ol.toc__front-matter-list li .inner-content ol.toc__subsections li.toc__subsection,
.home nav .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content ol.toc__subsections li.toc__subsection,
.home nav .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content ol.toc__subsections li.toc__subsection,
.home nav .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
  padding: 0.5rem 0 0 1rem;
  line-height: 1.25;
}
.home nav .toc__list li ol.toc__front-matter-list li .inner-content ol.toc__subsections li.toc__subsection:last-child,
.home nav .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection:last-child,
.home nav .toc__list li ol.toc__back-matter-list li .inner-content ol.toc__subsections li.toc__subsection:last-child,
.home nav .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection:last-child,
.home nav .toc__list li .inner-content ol.toc__chapters li .inner-content ol.toc__subsections li.toc__subsection:last-child,
.home nav .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection:last-child {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 480px) {
  .home nav h2.block__title.block-toc__title {
    padding: 0 2rem;
  }
  .home nav .toc__list li p.toc__front-matter__title,
  .home nav .toc__list li p.toc__back-matter__title,
  .home nav .toc__list li p.toc__part__title {
    font-size: 1.25rem;
  }
  .home nav .toc__list li p.toc__front-matter__title button,
  .home nav .toc__list li p.toc__front-matter__title button[aria-expanded="false"],
  .home nav .toc__list li p.toc__front-matter__title button[aria-expanded="true"],
  .home nav .toc__list li p.toc__back-matter__title button,
  .home nav .toc__list li p.toc__back-matter__title button[aria-expanded="false"],
  .home nav .toc__list li p.toc__back-matter__title button[aria-expanded="true"],
  .home nav .toc__list li p.toc__part__title button,
  .home nav .toc__list li p.toc__part__title button[aria-expanded="false"],
  .home nav .toc__list li p.toc__part__title button[aria-expanded="true"] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
  }
  .home nav .toc__list li ol.toc__front-matter-list,
  .home nav .toc__list li ol.toc__back-matter-list,
  .home nav .toc__list li .inner-content ol.toc__chapters {
    padding: 1rem 2rem;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content,
  .home nav .toc__list li ol.toc__front-matter-list li,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content,
  .home nav .toc__list li ol.toc__back-matter-list li,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content,
  .home nav .toc__list li .inner-content ol.toc__chapters li {
    font-size: 1.125rem;
    line-height: 1.25;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
    padding: 0.75rem 0 0 1rem;
    font-size: 1.0625rem;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection:last-child {
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .home nav .toc__list li ol.toc__front-matter-list,
  .home nav .toc__list li ol.toc__back-matter-list,
  .home nav .toc__list li .inner-content ol.toc__chapters {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content,
  .home nav .toc__list li ol.toc__front-matter-list li,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content,
  .home nav .toc__list li ol.toc__back-matter-list li,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content,
  .home nav .toc__list li .inner-content ol.toc__chapters li {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .home nav .toc__list li p.toc__front-matter__title button,
  .home nav .toc__list li p.toc__front-matter__title button[aria-expanded="false"],
  .home nav .toc__list li p.toc__front-matter__title button[aria-expanded="true"],
  .home nav .toc__list li p.toc__back-matter__title button,
  .home nav .toc__list li p.toc__back-matter__title button[aria-expanded="false"],
  .home nav .toc__list li p.toc__back-matter__title button[aria-expanded="true"],
  .home nav .toc__list li p.toc__part__title button,
  .home nav .toc__list li p.toc__part__title button[aria-expanded="false"],
  .home nav .toc__list li p.toc__part__title button[aria-expanded="true"] {
    font-size: 1.375rem;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content,
  .home nav .toc__list li ol.toc__front-matter-list li,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content,
  .home nav .toc__list li ol.toc__back-matter-list li,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content,
  .home nav .toc__list li .inner-content ol.toc__chapters li {
    font-size: 1.25rem;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content ol.toc__subsections li.toc__subsection,
  .home nav .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
    padding: 0.75rem 0 0 1rem;
    font-size: 1.1875rem;
  }
  .home nav .toc__list li ol.toc__front-matter-list li .inner-content ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li ol.toc__back-matter-list li .inner-content ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li .inner-content ol.toc__chapters li .inner-content ol.toc__subsections li.toc__subsection:last-child,
  .home nav .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection:last-child {
    padding-bottom: 0.75rem;
  }
}

/* ----- content home ----- */
.book-header {
  padding: 2rem 1rem 6rem;
  background-color: var(--color-theme-120);
}

h1.section__title.book-header__title {
  margin-top: 24px;
  color: #ffffff;
  font-size: 1.875rem;
}

p.book-header__subtitle {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-size: 1.25rem;
}

p.book-header__author {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
}

.book-header__cover {
  margin-top: 24px;
}
.book-header__cover .book-header__cover__image img {
  background: var(--color-theme-20);
  border: var(--color-theme-20);
  padding: 5px;
  height: auto;
}

p.book-header__description {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
  font-size: inherit;
}

.book-header__license__text.license-text {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: 500;
}

.book-header__cta .call-to-action {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.book-header__cta .call-to-action:hover {
  background-color: var(--color-theme-20);
  border-color: var(--color-theme-20);
}
.book-header__cta .call-to-action:active, .book-header__cta .call-to-action:focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

@media screen and (min-width: 480px) {
  .book-header {
    padding: 3rem 1.25rem 6rem;
  }

  h1.section__title.book-header__title {
    font-size: 2rem;
  }

  p.book-header__subtitle {
    font-size: 1.375rem;
  }

  p.book-header__description {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .book-header {
    padding: 4rem 1rem 6rem;
  }

  h1.section__title.book-header__title {
    font-size: 2.25rem;
  }

  p.book-header__subtitle {
    font-size: 1.5rem;
  }

  p.book-header__description {
    font-size: 1.25rem;
  }

  .book-header__license__text.license-text {
    font-size: 1.125rem;
  }
}
a.block-toggle__cta__button {
  background: var(--color-theme);
  top: -48px;
}
a.block-toggle__cta__button:active, a.block-toggle__cta__button:hover, a.block-toggle__cta__button:focus {
  background: var(--color-theme-120);
}

.block-info__subsection.block-info__lead-author {
  margin-bottom: 2em;
  padding: 1rem;
  border-bottom: 1px solid rgba(34, 34, 34, 0.2);
}
.block-info__subsection.block-info__lead-author .block-info__authors {
  font-size: 1rem;
}
@media screen and (min-width: 480px) {
  .block-info__subsection.block-info__lead-author .block-info__authors {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .block-info__subsection.block-info__lead-author .block-info__authors {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 480px) {
  .block-info__subsection.block-info__lead-author {
    padding: 2rem 2rem 1rem;
  }
}

.block-info__subsection.block-info__license {
  padding: 1rem;
  border-bottom: 1px solid rgba(34, 34, 34, 0.2);
}
.block-info__subsection.block-info__license .license-attribution p {
  font-size: 1rem;
}
@media screen and (min-width: 480px) {
  .block-info__subsection.block-info__license .license-attribution p {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .block-info__subsection.block-info__license .license-attribution p {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 480px) {
  .block-info__subsection.block-info__license {
    padding: 2rem 2rem 1rem;
  }
}

.block.block-toggle.block-meta {
  padding: 2rem 0 6rem;
}
.block.block-toggle.block-meta .block-meta__content-box {
  background-color: #ffffff;
  margin: 0 auto;
  max-width: 72rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list {
  -webkit-column-rule: 1px rgba(34, 34, 34, 0.2);
  column-rule: 1px solid rgba(34, 34, 34, 0.2);
}
.block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list dt,
.block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list dd {
  font-family: "DINPro",helvetica,arial,sans-serif;
  color: #000000;
  font-size: 1rem;
}
@media screen and (min-width: 480px) {
  .block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list dt,
  .block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list dd {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    column-gap: 3em;
  }
}
@media screen and (min-width: 1024px) {
  .block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 3em;
    column-gap: 3em;
  }
  .block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list dt,
  .block.block-toggle.block-meta .block-meta__content-box dl.block-meta__list dd {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 480px) {
  .block.block-toggle.block-meta .block-meta__content-box {
    padding: 1rem 2rem 2rem;
  }
}

.block-toc .dropdown button {
  font-size: 1.25rem;
}
.block-toc .dropdown button:active, .block-toc .dropdown button:hover, .block-toc .dropdown button:focus {
  color: #000000;
}

.block-toc .dropdown button[aria-expanded="true"] {
  color: #000000;
}

h2.block__title.block-info__title,
h2.block__title.block-meta__title {
  text-align: center;
}

/* ----- header read ----- */
.reading-header {
  margin-top: 2rem;
  background: var(--color-theme);
  color: #ffffff;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
}
.reading-header h1.reading-header__title {
  padding: 6px 0;
  background: var(--color-theme-120);
  font-size: 1.25rem;
  text-transform: none;
}
.reading-header h1.reading-header__title a {
  padding: 0 1rem;
  color: #ffffff;
}
.reading-header h1.reading-header__title a:active, .reading-header h1.reading-header__title a:hover, .reading-header h1.reading-header__title a:focus {
  text-decoration: none;
}
@media screen and (min-width: 480px) {
  .reading-header h1.reading-header__title {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 768px) {
  .reading-header h1.reading-header__title {
    font-size: 1.5rem;
  }
  .reading-header h1.reading-header__title a {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 960px) {
  .reading-header h1.reading-header__title {
    min-height: 6rem;
    font-size: 1.375rem;
    border-top: 0;
    border-bottom: 0;
  }
  .reading-header h1.reading-header__title a {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .reading-header h1.reading-header__title {
    font-size: 1.5rem;
  }
}

/* ----- dropdown read ----- */
.reading-header__toc.dropdown {
  position: relative;
  padding: 0 1rem;
  background: var(--color-theme);
}
.reading-header__toc.dropdown h3.reading-header__toc__title button {
  background: transparent;
  font-size: 1.25rem;
  text-decoration: none;
  text-transform: none;
}
.reading-header__toc.dropdown h3.reading-header__toc__title button .arrow {
  display: block;
  float: right;
  margin-top: 0.5em;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list {
  background-color: #ffffff;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: 500;
  width: 100vw;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list a {
  color: var(--color-theme);
  text-decoration: none;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li {
  margin-bottom: 0.1875rem;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: 500;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title {
  padding: 0.65rem 1.5rem 0.65rem 0.65rem;
  font-size: 1.125rem;
  background: #f1f1f1;
  text-transform: none;
  color: #000000;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="false"],
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="false"],
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="false"] {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.25;
  background: #f1f1f1;
  color: #000000;
  text-decoration: none;
  text-transform: none;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="false"] .arrow,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="false"] .arrow,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="false"] .arrow {
  position: absolute;
  margin-top: 0;
  float: none;
  top: 50%;
  transform: translate(0, -50%);
  right: -16px;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="false"]:active, .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="false"]:hover,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="false"]:active,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="false"]:hover,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="false"]:active,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="false"]:hover {
  color: #000000;
  text-decoration: none;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="true"],
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="true"],
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="true"] {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.25;
  background: #f1f1f1;
  color: #000000;
  text-decoration: none;
  text-transform: none;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="true"] .arrow,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="true"] .arrow,
.reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="true"] .arrow {
  position: absolute;
  margin-top: -3px;
  float: none;
  top: 50%;
  transform: translate(0, -50%);
  right: -16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters {
  padding-bottom: 1em;
  font-size: 1rem;
  line-height: 1.25;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list a:active,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list a:hover,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list a:focus,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list a:active,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list a:hover,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list a:focus,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters a:active,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters a:hover,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters a:focus {
  color: #000000;
  text-decoration: none;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li {
  margin-bottom: 0;
  padding: 0.5rem 0.65rem;
  background: transparent;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li.toc__selected a,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li.toc__selected a,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li.toc__selected a {
  color: #000000;
  text-decoration: none;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li .inner-content,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li .inner-content,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li .inner-content {
  padding: 0;
  font-size: 1rem;
  line-height: 1.25;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections {
  margin-top: 0;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
  padding: 0.5rem 0 0 1rem;
  line-height: 1.25;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection:last-child,
.reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection:last-child,
.reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection:last-child {
  padding-bottom: 0.5rem;
}
.reading-header__toc.dropdown .block-reading-toc .toc__list li:last-child {
  margin-bottom: 0;
}

.reading-header__end-container {
  background: var(--color-theme);
}

@media screen and (min-width: 480px) {
  .reading-header__toc.dropdown h3.reading-header__toc__title button {
    font-size: 1.375rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list {
    font-size: 1.125rem;
    width: 100vw;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title {
    padding: 0.65rem 2rem 0.65rem 1rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li .inner-content,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li .inner-content,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li .inner-content {
    font-size: 1.125rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections {
    margin-top: 0;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
    padding: 0.75rem 0 0 1rem;
    font-size: 1.0625rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection:last-child,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection:last-child,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection:last-child {
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .reading-header__toc.dropdown {
    padding: 0 2rem;
  }
  .reading-header__toc.dropdown h3.reading-header__toc__title button {
    font-size: 1.5rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list {
    font-size: 1.25rem;
    width: 100vw;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title {
    padding: 0.65rem 3rem 0.65rem 2rem;
    font-size: 1.25rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="false"],
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title button[aria-expanded="true"],
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="false"],
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title button[aria-expanded="true"],
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="false"],
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title button[aria-expanded="true"] {
    font-size: 1.25rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li {
    padding: 0.5rem 2rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
    padding: 0.5rem 0 0 1rem;
  }
}
@media screen and (min-width: 960px) {
  .reading-header__toc.dropdown {
    position: relative;
    padding: 0 1rem;
    height: 6rem;
  }
  .reading-header__toc.dropdown h3.reading-header__toc__title {
    height: 6rem;
    width: 100%;
    max-width: 388px;
    line-height: 5;
  }
  .reading-header__toc.dropdown h3.reading-header__toc__title button {
    font-size: 1.375rem;
  }
  .reading-header__toc.dropdown .block-reading-toc {
    position: absolute;
    top: 6rem;
    right: 0;
    z-index: 100;
    width: 100%;
    max-width: 420px;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list {
    font-size: 1.25rem;
    width: 100%;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__part__title,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__front-matter__title,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li p.toc__back-matter__title {
    padding: 0.65rem 2rem 0.65rem 1rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
    font-size: 1.1875rem;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li {
    padding: 0.5rem 1rem;
    font-size: 1.1875rem;
    line-height: 1.25;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li .inner-content,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li .inner-content,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li .inner-content {
    font-size: 1.1875rem;
    line-height: 1.25;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections {
    margin-top: 0;
  }
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__front-matter-list li ol.toc__subsections li.toc__subsection,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li ol.toc__back-matter-list li ol.toc__subsections li.toc__subsection,
  .reading-header__toc.dropdown .block-reading-toc .toc__list li .inner-content ol.toc__chapters li ol.toc__subsections li.toc__subsection {
    padding: 0.75rem 0 0 1rem;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1440px) {
  .reading-header__toc.dropdown h3.reading-header__toc__title button {
    font-size: 1.5rem;
  }
}
/* ----- content ----- */
#content {
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  #content {
    width: 720px;
  }
}
.entry-content ul,
.entry-content ol,
.entry-content blockquote {
  margin-left: 24px;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .entry-content ul,
  .entry-content ol,
  .entry-content blockquote {
    margin-left: 30px;
  }
}

.entry-content a {
  color: var(--color-theme);
  text-decoration: none;
}
.entry-content a:active, .entry-content a:hover, .entry-content a:focus {
  color: #000000;
  text-decoration: underline;
}

#content table {
  display: table;
  border-collapse: collapse;
  border: 1px solid #000000;
  margin: 12px 0 24px 0;
  text-align: left;
  width: auto;
  min-width: 100%;
  font-weight: normal;
}
#content table tr th,
#content table tr td {
  border: 1px solid #000000;
  padding: 3px;
  line-height: 1.1;
}

.edit-link {
  margin: 3rem 0 0 0;
}
.edit-link a.call-to-action {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
  color: #ffffff;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
}
.edit-link a.call-to-action:active, .edit-link a.call-to-action:hover, .edit-link a.call-to-action:focus {
  background-color: var(--color-theme-120);
  color: #ffffff;
}
.edit-link.upper {
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .edit-link {
    margin: 5rem 0 0;
  }
  .edit-link:upper {
    margin: 0 0 5rem;
  }
}

h2.entry-title {
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  margin: 0 0 20px;
  padding-top: 5px;
  text-align: left;
}
h2.entry-title span {
  margin: 0;
  display: inline-block;
  padding-right: 12px;
}
@media screen and (min-width: 768px) {
  h2.entry-title {
    margin: 0 0 20px;
    font-size: 2.5rem;
  }
}

/* ----- all the textboxes ----- */
.textbox {
  margin: 12px 0 24px 0;
  padding: 9px;
  border-width: 1px;
  border-style: solid;
}
.textbox h1,
.textbox h2,
.textbox h3,
.textbox h4,
.textbox h5,
.textbox h6 {
  padding-top: 3px;
  margin-left: -9px;
  padding-left: 9px;
  margin-right: -9px;
  padding-right: 9px;
  color: #000000;
}
.textbox p:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 480px) {
  .textbox {
    margin: 18px 0 30px 0;
    padding: 12px;
  }
  .textbox h1,
  .textbox h2,
  .textbox h3,
  .textbox h4,
  .textbox h5,
  .textbox h6 {
    padding-top: 4px;
    margin-left: -12px;
    padding-left: 12px;
    margin-right: -12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 768px) {
  .textbox {
    margin: 24px 0 36px 0;
    padding: 15px;
  }
  .textbox h1,
  .textbox h2,
  .textbox h3,
  .textbox h4,
  .textbox h5,
  .textbox h6 {
    padding-top: 6px;
    margin-left: -15px;
    padding-left: 15px;
    margin-right: -15px;
    padding-right: 15px;
  }
}

.textbox.tbexkurs,
.textbox.tbverweis,
.PBPrivate.textbox.tbexkurs,
.PBPrivate.textbox.tbverweis {
  background-color: #f1f1f1;
  border-color: rgba(34, 34, 34, 0.48);
}
.textbox.tbexkurs h1,
.textbox.tbexkurs h2,
.textbox.tbexkurs h3,
.textbox.tbexkurs h4,
.textbox.tbexkurs h5,
.textbox.tbexkurs h6,
.textbox.tbverweis h1,
.textbox.tbverweis h2,
.textbox.tbverweis h3,
.textbox.tbverweis h4,
.textbox.tbverweis h5,
.textbox.tbverweis h6,
.PBPrivate.textbox.tbexkurs h1,
.PBPrivate.textbox.tbexkurs h2,
.PBPrivate.textbox.tbexkurs h3,
.PBPrivate.textbox.tbexkurs h4,
.PBPrivate.textbox.tbexkurs h5,
.PBPrivate.textbox.tbexkurs h6,
.PBPrivate.textbox.tbverweis h1,
.PBPrivate.textbox.tbverweis h2,
.PBPrivate.textbox.tbverweis h3,
.PBPrivate.textbox.tbverweis h4,
.PBPrivate.textbox.tbverweis h5,
.PBPrivate.textbox.tbverweis h6 {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.6);
}

.textbox.tbdefinition,
.textbox.tbbeispiel,
.PBPrivate.textbox.tbdefinition,
.PBPrivate.textbox.tbbeispiel {
  background-color: #eff1e7;
  /*ethgreen-10*/
  border-color: #c0c7a1;
  /*ethgreen-40*/
}
.textbox.tbdefinition h1,
.textbox.tbdefinition h2,
.textbox.tbdefinition h3,
.textbox.tbdefinition h4,
.textbox.tbdefinition h5,
.textbox.tbdefinition h6,
.textbox.tbbeispiel h1,
.textbox.tbbeispiel h2,
.textbox.tbbeispiel h3,
.textbox.tbbeispiel h4,
.textbox.tbbeispiel h5,
.textbox.tbbeispiel h6,
.PBPrivate.textbox.tbdefinition h1,
.PBPrivate.textbox.tbdefinition h2,
.PBPrivate.textbox.tbdefinition h3,
.PBPrivate.textbox.tbdefinition h4,
.PBPrivate.textbox.tbdefinition h5,
.PBPrivate.textbox.tbdefinition h6,
.PBPrivate.textbox.tbbeispiel h1,
.PBPrivate.textbox.tbbeispiel h2,
.PBPrivate.textbox.tbbeispiel h3,
.PBPrivate.textbox.tbbeispiel h4,
.PBPrivate.textbox.tbbeispiel h5,
.PBPrivate.textbox.tbbeispiel h6 {
  color: #ffffff;
  background-color: #818f42;
  /*ethgreen-80*/
}

.textbox.tbhowto,
.textbox.tbformel,
.PBPrivate.textbox.tbhowto,
.PBPrivate.textbox.tbformel {
  background: #d2c2a1;
  /*ethbronze-40*/
  border-color: #a58542;
  /*ethbronze-80*/
}
.textbox.tbhowto h1,
.textbox.tbhowto h2,
.textbox.tbhowto h3,
.textbox.tbhowto h4,
.textbox.tbhowto h5,
.textbox.tbhowto h6,
.textbox.tbformel h1,
.textbox.tbformel h2,
.textbox.tbformel h3,
.textbox.tbformel h4,
.textbox.tbformel h5,
.textbox.tbformel h6,
.PBPrivate.textbox.tbhowto h1,
.PBPrivate.textbox.tbhowto h2,
.PBPrivate.textbox.tbhowto h3,
.PBPrivate.textbox.tbhowto h4,
.PBPrivate.textbox.tbhowto h5,
.PBPrivate.textbox.tbhowto h6,
.PBPrivate.textbox.tbformel h1,
.PBPrivate.textbox.tbformel h2,
.PBPrivate.textbox.tbformel h3,
.PBPrivate.textbox.tbformel h4,
.PBPrivate.textbox.tbformel h5,
.PBPrivate.textbox.tbformel h6 {
  color: #ffffff;
  background-color: #8e6713;
  /*ethbronze*/
}

.textbox.tbfragen,
.PBPrivate.textbox.tbfragen {
  background: #f1d7d5;
  /*ethred-20*/
  border-color: #d48681;
  /*ethred-60*/
}
.textbox.tbfragen h1,
.textbox.tbfragen h2,
.textbox.tbfragen h3,
.textbox.tbfragen h4,
.textbox.tbfragen h5,
.textbox.tbfragen h6,
.PBPrivate.textbox.tbfragen h1,
.PBPrivate.textbox.tbfragen h2,
.PBPrivate.textbox.tbfragen h3,
.PBPrivate.textbox.tbfragen h4,
.PBPrivate.textbox.tbfragen h5,
.PBPrivate.textbox.tbfragen h6 {
  color: #ffffff;
  background-color: #b7352d;
  /*ethred*/
}

.textbox.tbklinik,
.PBPrivate.textbox.tbklinik {
  background: #a6bedf;
  /*ethblue-40*/
  border-color: #4d7dbf;
  /*ethblue-80*/
  color: #ffffff;
}
.textbox.tbklinik h1,
.textbox.tbklinik h2,
.textbox.tbklinik h3,
.textbox.tbklinik h4,
.textbox.tbklinik h5,
.textbox.tbklinik h6,
.PBPrivate.textbox.tbklinik h1,
.PBPrivate.textbox.tbklinik h2,
.PBPrivate.textbox.tbklinik h3,
.PBPrivate.textbox.tbklinik h4,
.PBPrivate.textbox.tbklinik h5,
.PBPrivate.textbox.tbklinik h6 {
  color: #ffffff;
  background-color: #215caf;
  /*ethblue*/
}

/* ----- PBPrivate ----- */
.PBPrivate {
  position: relative;
  margin: 20px 0;
  border-left: solid 20px rgba(34, 34, 34, 0.2);
  margin-left: -15px;
  padding-left: 15px;
}
@media (min-width: 480px) {
  .PBPrivate {
    padding-left: 25px;
  }
}
@media (min-width: 768px) {
  .PBPrivate {
    padding-left: 25px;
    margin-left: 0;
  }
}
.PBPrivate .dashicons.PBPrivate-header::before {
  display: block !important;
  background-color: transparent;
  width: auto;
  height: auto;
  margin-top: 0px;
}

small,
p.wp-caption-text {
  font-size: 81.25%;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  small,
  p.wp-caption-text {
    font-size: 75%;
  }
}

hr.before-footnotes.clear {
  margin-top: 1em;
}

.footnotes ol,
.footnotes ul {
  margin-left: 24px;
  line-height: 1.25;
}
.footnotes ol li,
.footnotes ul li {
  font-size: 80%;
  margin-bottom: 0.375em;
}

button.nav-reading__up {
  color: #ffffff;
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
button.nav-reading__up:active, button.nav-reading__up:focus, button.nav-reading__up:hover {
  background-color: var(--color-theme-120);
  border-color: var(--color-theme-120);
}

.nav-reading {
  background: var(--color-theme);
}
.nav-reading .nav-reading__next,
.nav-reading .nav-reading__previous {
  color: #ffffff;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
  font-size: .875rem;
  height: 2.5rem;
  padding: 0 1rem;
}
@media screen and (min-width: 480px) {
  .nav-reading .nav-reading__next,
  .nav-reading .nav-reading__previous {
    font-size: 1rem;
  }
}
.nav-reading .nav-reading__previous {
  border-right: 1px solid #ffffff;
}
.nav-reading .nav-reading__next {
  border-left: 1px solid #ffffff;
}
@media screen and (min-width: 1330px) {
  .nav-reading {
    background: #ffffff;
  }
  .nav-reading .nav-reading__next a,
  .nav-reading .nav-reading__previous a {
    color: var(--color-theme);
    text-decoration: none;
    font-size: 1.25rem;
    height: auto;
    border: none;
  }
  .nav-reading .nav-reading__next a:active, .nav-reading .nav-reading__next a:hover, .nav-reading .nav-reading__next a:focus,
  .nav-reading .nav-reading__previous a:active,
  .nav-reading .nav-reading__previous a:hover,
  .nav-reading .nav-reading__previous a:focus {
    color: #000000;
  }
}

@media screen and (min-width: 1330px) {
  .fontsize .nav-reading {
    background: var(--color-theme);
  }
  .fontsize .nav-reading .nav-reading__next a,
  .fontsize .nav-reading .nav-reading__previous a {
    color: #ffffff;
    text-decoration: none;
  }
  .fontsize .nav-reading .nav-reading__next a:active, .fontsize .nav-reading .nav-reading__next a:hover, .fontsize .nav-reading .nav-reading__next a:focus,
  .fontsize .nav-reading .nav-reading__previous a:active,
  .fontsize .nav-reading .nav-reading__previous a:hover,
  .fontsize .nav-reading .nav-reading__previous a:focus {
    text-decoration: underline;
  }
}
.block.block-reading-meta {
  background-color: #f6f6f6;
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-weight: normal;
  padding: 2rem 1rem 3rem;
}
.block.block-reading-meta .block-reading-meta__inner {
  max-width: 720px;
}
.block.block-reading-meta .block-reading-meta__inner .block-reading-meta__subsection {
  padding: 0;
}
.block.block-reading-meta .block-reading-meta__inner .block-reading-meta__subsection .block-reading-meta__subtitle {
  font-size: 1.25rem;
  text-transform: none;
  text-align: left;
  color: #000000;
  margin-bottom: 1rem;
}

/* ----- search results ----- */
#content h2.page-title,
body.page:not(.home) #content h2,
body:not(.home) #content h2.denied-title {
  font-family: "DINPro",helvetica,arial,sans-serif;
  font-size: 1.25rem;
  text-align: center;
  margin: 1rem 0 2rem;
}

ul.search-results .back-matter h2.section-title,
ul.search-results .front-matter h2.section-title,
ul.search-results .part h2.section-title,
ul.search-results .chapter h2.section-title {
  font-family: "DINPro",helvetica,arial,sans-serif;
  margin-bottom: 0.5em;
}
ul.search-results .back-matter h2.section-title a,
ul.search-results .front-matter h2.section-title a,
ul.search-results .part h2.section-title a,
ul.search-results .chapter h2.section-title a {
  color: inherit;
  text-decoration: none;
}
ul.search-results .back-matter h2.section-title a:hover,
ul.search-results .front-matter h2.section-title a:hover,
ul.search-results .part h2.section-title a:hover,
ul.search-results .chapter h2.section-title a:hover {
  color: var(--color-theme);
}
ul.search-results .back-matter h2.section-title,
ul.search-results .front-matter h2.section-title,
ul.search-results .part h2.section-title {
  font-size: 1.5rem;
}
ul.search-results .chapter h2.section-title {
  font-size: 1.375rem;
}
ul.search-results .entry-summary {
  margin-bottom: 1.5em;
}

@media screen and (min-width: 480px) {
  #content h2.page-title,
  body.page:not(.home) #content h2,
  body:not(.home) #content h2.denied-title {
    font-size: 1.375rem;
    margin: 1.5rem 0 3rem;
  }

  ul.search-results .part h2.section-title {
    font-size: 1.75rem;
  }
  ul.search-results .chapter h2.section-title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1330px) {
  #content h2.page-title,
  body.page:not(.home) #content h2,
  body:not(.home) #content h2.denied-title {
    font-size: 1.5rem;
    margin: 2rem 0 4rem;
  }

  ul.search-results .part h2.section-title {
    font-size: 2rem;
  }
  ul.search-results .chapter h2.section-title {
    font-size: 1.75rem;
  }
}
.search.search-results #content,
.search.search-no-results #content {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .search.search-results #content,
  .search.search-no-results #content {
    padding: 0;
  }
}

.search.search-no-results #page.site #main {
  height: calc(100vh - 390px);
}

/* ----- metadata license img ----- */
.license-attribution p img {
  display: none;
}
.license-attribution p:nth-child(2) {
  margin-top: 0;
}

/* ----- footer ----- */
footer {
  background-color: #222222 !important;
}
footer .footer__pressbooks a {
  color: #ffffff;
  text-decoration: none;
}
footer .footer__pressbooks a:active, footer .footer__pressbooks a:hover, footer .footer__pressbooks a:focus {
  color: #ffffff;
  text-decoration: underline;
}
footer .footer__pressbooks__social > a {
  display: none;
}

/* *************************************** */
/* ----- things from peach's style-sfr ----- */
.bcc-highlight {
  background-color: #f7f7f9;
}

.bcc-box.bcc-highlight h3 {
  background-color: #111111;
}

.bcc-success {
  background-color: #eaf5ea;
}

.bcc-box.bcc-success h3 {
  background-color: #3a7a33;
}

.bcc-info {
  background-color: #e3eff6;
}

.bcc-box.bcc-info h3 {
  background-color: #0b6396;
}

.bcc-warning {
  background-color: #fcf8e3;
}

.bcc-box.bcc-warning h3 {
  background-color: #c09853;
}

span.export-file-icon {
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  display: inline-block;
  margin: 0 5px 0 0;
}

span.small.epub {
  background: url(../../../pressbooks/assets/dist/images/epub-36.png) 0 0 no-repeat;
}

span.small.epub3 {
  background: url(../../../pressbooks/assets/dist/images/epub3-36.png) 0 0 no-repeat;
}

span.small.icml {
  background: url(../../../pressbooks/assets/dist/images/icml-36.png) 0 0 no-repeat;
}

span.small.mobi {
  background: url(../../../pressbooks/assets/dist/images/mobi-36.png) 0 0 no-repeat;
}

span.small.pdf, span.small.mpdf {
  background: url(../../../pressbooks/assets/dist/images/pdf-36.png) 0 0 no-repeat;
}

span.small.wxr {
  background: url(images/wxr-36-red.png) 0 0 no-repeat;
}

span.small.vanillawxr {
  background: url(../../../pressbooks/assets/dist/images/wxr-36.png) 0 0 no-repeat;
}

span.small.xhtml {
  background: url(../../../pressbooks/assets/dist/images/xhtml-36.png) 0 0 no-repeat;
}

span.small.odt {
  background: url(../../../pressbooks/assets/dist/images/odt-36.png) 0 0 no-repeat;
}

/* ----- tight and loose tracking from style.css ----- */
.tight {
  letter-spacing: -0.25px;
  word-spacing: -0.075em;
}

.very-tight {
  letter-spacing: -0.5px;
  word-spacing: -0.09em;
}

.loose {
  letter-spacing: 0.25px;
  word-spacing: 0.075em;
}

.very-loose {
  letter-spacing: 0.5px;
  word-spacing: 0.09em;
}

/* ----- HTML FONTSIZE ----- */
html.fontsize .header__nav .js-header-nav .nav--primary li a {
  margin-left: .5rem;
  margin-right: .5rem;
}
html.fontsize .header__nav .js-header-nav .nav--primary li.header__search.js-search {
  padding-left: 1rem;
}
html.fontsize .header__nav .js-header-nav .nav--primary li.header__search.js-search .header__search__form {
  width: 11.9rem;
}
@media (min-width: 960px) and (max-width: 1439.98px) {
  html.fontsize .reading-header__end-container {
    display: none;
  }
}