:root {
  --font-family: fakt, sans-serif;
  --font-size: 1.05vw;
}
@media (max-width: 1140px) {
  :root {
    --font-size: 1.65vw;
  }
}
@media (max-width: 720px) {
  :root {
    --font-size: 4vw;
  }
}

* {
  position: relative;
  box-sizing: border-box;
  text-underline-offset: 0.125em;
  text-decoration-thickness: 0.06em;
}
@media (max-width: 720px) {
  * {
    text-decoration-thickness: 0.05em;
  }
}

body {
  margin: 0;
}

figure {
  margin: 0;
}

img,
video,
svg {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

img,
svg {
  pointer-events: none;
}

button,
input {
  all: unset;
  box-sizing: border-box;
  position: relative;
  font-family: var(--font-family);
}
button::-moz-placeholder, input::-moz-placeholder {
  line-height: inherit;
  color: inherit;
}
button::placeholder,
input::placeholder {
  line-height: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

label {
  display: none;
}

p, h1, h2, h3, h4, h5, h6 {
  font-size: unset;
  font-weight: unset;
}
p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}

html {
  font-family: var(--font-family);
  font-size: var(--font-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "fakt", sans-serif;
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/Graphik-Regular-Web.woff2") format("woff2");
}
@font-face {
  font-family: "fakt";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/Fakt-Blond.woff2") format("woff2"), url("./fonts/Fakt-Blond.woff") format("woff");
}
#header {
  position: sticky;
  top: 0;
  font-size: 1.5rem;
  line-height: 1.25em;
  padding: 0.75rem 6rem;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
@media (max-width: 720px) {
  #header {
    padding: 1rem;
    flex-direction: column;
  }
}
#header .hide-on-desktop {
  display: none;
}
@media (max-width: 1140px) {
  #header .hide-on-desktop {
    display: block;
  }
}
#header > * {
  pointer-events: all;
}
#header a, #header button {
  text-decoration: unset;
  color: unset;
}
#header a.active, #header button.active {
  text-decoration: underline;
  pointer-events: none;
}
#header a:hover, #header button:hover {
  text-decoration: underline;
  text-decoration-color: black;
}
#header > a,
#header h1 {
  margin: 0 auto 0 0;
}

#footer {
  font-size: 0.8rem;
  line-height: 120%;
  letter-spacing: 0.015em;
  padding: 12rem 6rem 0.25rem calc(50% + 3rem);
}
@media (max-width: 720px) {
  #footer {
    padding: 8rem 1rem 1rem;
  }
}
#footer a {
  color: unset;
  text-underline-offset: 0.1em;
  text-decoration: unset;
}
#footer a:hover {
  text-decoration: underline;
}

#navigation {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  width: 50%;
  font-size: 1.5rem;
  z-index: 1;
  padding-left: 3rem;
}
@media (max-width: 720px) {
  #navigation {
    padding-left: unset;
    width: 100%;
  }
}
#navigation ul {
  list-style: none;
  margin: unset;
  padding: unset;
  display: flex;
  gap: 0.5em;
}
#navigation a, #navigation button {
  display: inline;
  color: unset;
  text-decoration: unset;
}
#navigation a:hover, #navigation button:hover {
  text-decoration: underline;
  text-decoration-color: black;
}

body.lightbox-visible {
  overflow: hidden;
}
body.lightbox-visible #lightbox {
  visibility: visible;
}

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  visibility: hidden;
  cursor: pointer;
}
#lightbox[data-index="0"] figure:nth-child(1) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="0"] figure:nth-child(1) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="0"] figure:nth-child(1) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="1"] figure:nth-child(2) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="1"] figure:nth-child(2) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="1"] figure:nth-child(2) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="2"] figure:nth-child(3) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="2"] figure:nth-child(3) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="2"] figure:nth-child(3) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="3"] figure:nth-child(4) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="3"] figure:nth-child(4) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="3"] figure:nth-child(4) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="4"] figure:nth-child(5) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="4"] figure:nth-child(5) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="4"] figure:nth-child(5) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="5"] figure:nth-child(6) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="5"] figure:nth-child(6) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="5"] figure:nth-child(6) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="6"] figure:nth-child(7) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="6"] figure:nth-child(7) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="6"] figure:nth-child(7) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="7"] figure:nth-child(8) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="7"] figure:nth-child(8) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="7"] figure:nth-child(8) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="8"] figure:nth-child(9) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="8"] figure:nth-child(9) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="8"] figure:nth-child(9) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="9"] figure:nth-child(10) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="9"] figure:nth-child(10) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="9"] figure:nth-child(10) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="10"] figure:nth-child(11) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="10"] figure:nth-child(11) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="10"] figure:nth-child(11) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="11"] figure:nth-child(12) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="11"] figure:nth-child(12) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="11"] figure:nth-child(12) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="12"] figure:nth-child(13) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="12"] figure:nth-child(13) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="12"] figure:nth-child(13) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="13"] figure:nth-child(14) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="13"] figure:nth-child(14) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="13"] figure:nth-child(14) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="14"] figure:nth-child(15) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="14"] figure:nth-child(15) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="14"] figure:nth-child(15) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="15"] figure:nth-child(16) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="15"] figure:nth-child(16) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="15"] figure:nth-child(16) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="16"] figure:nth-child(17) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="16"] figure:nth-child(17) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="16"] figure:nth-child(17) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="17"] figure:nth-child(18) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="17"] figure:nth-child(18) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="17"] figure:nth-child(18) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="18"] figure:nth-child(19) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="18"] figure:nth-child(19) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="18"] figure:nth-child(19) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="19"] figure:nth-child(20) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="19"] figure:nth-child(20) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="19"] figure:nth-child(20) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="20"] figure:nth-child(21) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="20"] figure:nth-child(21) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="20"] figure:nth-child(21) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="21"] figure:nth-child(22) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="21"] figure:nth-child(22) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="21"] figure:nth-child(22) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="22"] figure:nth-child(23) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="22"] figure:nth-child(23) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="22"] figure:nth-child(23) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="23"] figure:nth-child(24) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="23"] figure:nth-child(24) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="23"] figure:nth-child(24) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="24"] figure:nth-child(25) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="24"] figure:nth-child(25) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="24"] figure:nth-child(25) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="25"] figure:nth-child(26) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="25"] figure:nth-child(26) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="25"] figure:nth-child(26) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="26"] figure:nth-child(27) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="26"] figure:nth-child(27) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="26"] figure:nth-child(27) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="27"] figure:nth-child(28) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="27"] figure:nth-child(28) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="27"] figure:nth-child(28) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="28"] figure:nth-child(29) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="28"] figure:nth-child(29) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="28"] figure:nth-child(29) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="29"] figure:nth-child(30) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="29"] figure:nth-child(30) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="29"] figure:nth-child(30) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="30"] figure:nth-child(31) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="30"] figure:nth-child(31) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="30"] figure:nth-child(31) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="31"] figure:nth-child(32) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="31"] figure:nth-child(32) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="31"] figure:nth-child(32) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="32"] figure:nth-child(33) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="32"] figure:nth-child(33) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="32"] figure:nth-child(33) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="33"] figure:nth-child(34) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="33"] figure:nth-child(34) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="33"] figure:nth-child(34) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="34"] figure:nth-child(35) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="34"] figure:nth-child(35) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="34"] figure:nth-child(35) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="35"] figure:nth-child(36) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="35"] figure:nth-child(36) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="35"] figure:nth-child(36) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="36"] figure:nth-child(37) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="36"] figure:nth-child(37) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="36"] figure:nth-child(37) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="37"] figure:nth-child(38) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="37"] figure:nth-child(38) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="37"] figure:nth-child(38) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="38"] figure:nth-child(39) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="38"] figure:nth-child(39) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="38"] figure:nth-child(39) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="39"] figure:nth-child(40) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="39"] figure:nth-child(40) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="39"] figure:nth-child(40) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="40"] figure:nth-child(41) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="40"] figure:nth-child(41) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="40"] figure:nth-child(41) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="41"] figure:nth-child(42) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="41"] figure:nth-child(42) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="41"] figure:nth-child(42) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="42"] figure:nth-child(43) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="42"] figure:nth-child(43) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="42"] figure:nth-child(43) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="43"] figure:nth-child(44) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="43"] figure:nth-child(44) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="43"] figure:nth-child(44) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="44"] figure:nth-child(45) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="44"] figure:nth-child(45) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="44"] figure:nth-child(45) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="45"] figure:nth-child(46) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="45"] figure:nth-child(46) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="45"] figure:nth-child(46) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="46"] figure:nth-child(47) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="46"] figure:nth-child(47) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="46"] figure:nth-child(47) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="47"] figure:nth-child(48) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="47"] figure:nth-child(48) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="47"] figure:nth-child(48) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="48"] figure:nth-child(49) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="48"] figure:nth-child(49) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="48"] figure:nth-child(49) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="49"] figure:nth-child(50) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="49"] figure:nth-child(50) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="49"] figure:nth-child(50) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="50"] figure:nth-child(51) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="50"] figure:nth-child(51) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="50"] figure:nth-child(51) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="51"] figure:nth-child(52) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="51"] figure:nth-child(52) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="51"] figure:nth-child(52) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="52"] figure:nth-child(53) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="52"] figure:nth-child(53) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="52"] figure:nth-child(53) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="53"] figure:nth-child(54) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="53"] figure:nth-child(54) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="53"] figure:nth-child(54) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="54"] figure:nth-child(55) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="54"] figure:nth-child(55) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="54"] figure:nth-child(55) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="55"] figure:nth-child(56) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="55"] figure:nth-child(56) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="55"] figure:nth-child(56) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="56"] figure:nth-child(57) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="56"] figure:nth-child(57) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="56"] figure:nth-child(57) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="57"] figure:nth-child(58) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="57"] figure:nth-child(58) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="57"] figure:nth-child(58) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="58"] figure:nth-child(59) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="58"] figure:nth-child(59) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="58"] figure:nth-child(59) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="59"] figure:nth-child(60) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="59"] figure:nth-child(60) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="59"] figure:nth-child(60) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="60"] figure:nth-child(61) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="60"] figure:nth-child(61) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="60"] figure:nth-child(61) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="61"] figure:nth-child(62) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="61"] figure:nth-child(62) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="61"] figure:nth-child(62) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="62"] figure:nth-child(63) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="62"] figure:nth-child(63) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="62"] figure:nth-child(63) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="63"] figure:nth-child(64) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="63"] figure:nth-child(64) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="63"] figure:nth-child(64) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="64"] figure:nth-child(65) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="64"] figure:nth-child(65) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="64"] figure:nth-child(65) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="65"] figure:nth-child(66) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="65"] figure:nth-child(66) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="65"] figure:nth-child(66) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="66"] figure:nth-child(67) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="66"] figure:nth-child(67) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="66"] figure:nth-child(67) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="67"] figure:nth-child(68) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="67"] figure:nth-child(68) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="67"] figure:nth-child(68) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="68"] figure:nth-child(69) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="68"] figure:nth-child(69) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="68"] figure:nth-child(69) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="69"] figure:nth-child(70) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="69"] figure:nth-child(70) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="69"] figure:nth-child(70) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="70"] figure:nth-child(71) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="70"] figure:nth-child(71) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="70"] figure:nth-child(71) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="71"] figure:nth-child(72) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="71"] figure:nth-child(72) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="71"] figure:nth-child(72) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="72"] figure:nth-child(73) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="72"] figure:nth-child(73) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="72"] figure:nth-child(73) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="73"] figure:nth-child(74) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="73"] figure:nth-child(74) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="73"] figure:nth-child(74) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="74"] figure:nth-child(75) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="74"] figure:nth-child(75) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="74"] figure:nth-child(75) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="75"] figure:nth-child(76) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="75"] figure:nth-child(76) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="75"] figure:nth-child(76) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="76"] figure:nth-child(77) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="76"] figure:nth-child(77) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="76"] figure:nth-child(77) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="77"] figure:nth-child(78) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="77"] figure:nth-child(78) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="77"] figure:nth-child(78) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="78"] figure:nth-child(79) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="78"] figure:nth-child(79) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="78"] figure:nth-child(79) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="79"] figure:nth-child(80) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="79"] figure:nth-child(80) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="79"] figure:nth-child(80) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="80"] figure:nth-child(81) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="80"] figure:nth-child(81) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="80"] figure:nth-child(81) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="81"] figure:nth-child(82) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="81"] figure:nth-child(82) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="81"] figure:nth-child(82) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="82"] figure:nth-child(83) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="82"] figure:nth-child(83) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="82"] figure:nth-child(83) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="83"] figure:nth-child(84) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="83"] figure:nth-child(84) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="83"] figure:nth-child(84) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="84"] figure:nth-child(85) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="84"] figure:nth-child(85) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="84"] figure:nth-child(85) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="85"] figure:nth-child(86) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="85"] figure:nth-child(86) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="85"] figure:nth-child(86) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="86"] figure:nth-child(87) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="86"] figure:nth-child(87) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="86"] figure:nth-child(87) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="87"] figure:nth-child(88) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="87"] figure:nth-child(88) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="87"] figure:nth-child(88) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="88"] figure:nth-child(89) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="88"] figure:nth-child(89) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="88"] figure:nth-child(89) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="89"] figure:nth-child(90) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="89"] figure:nth-child(90) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="89"] figure:nth-child(90) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="90"] figure:nth-child(91) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="90"] figure:nth-child(91) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="90"] figure:nth-child(91) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="91"] figure:nth-child(92) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="91"] figure:nth-child(92) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="91"] figure:nth-child(92) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="92"] figure:nth-child(93) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="92"] figure:nth-child(93) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="92"] figure:nth-child(93) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="93"] figure:nth-child(94) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="93"] figure:nth-child(94) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="93"] figure:nth-child(94) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="94"] figure:nth-child(95) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="94"] figure:nth-child(95) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="94"] figure:nth-child(95) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="95"] figure:nth-child(96) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="95"] figure:nth-child(96) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="95"] figure:nth-child(96) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="96"] figure:nth-child(97) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="96"] figure:nth-child(97) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="96"] figure:nth-child(97) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="97"] figure:nth-child(98) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="97"] figure:nth-child(98) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="97"] figure:nth-child(98) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="98"] figure:nth-child(99) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="98"] figure:nth-child(99) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="98"] figure:nth-child(99) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="99"] figure:nth-child(100) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="99"] figure:nth-child(100) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="99"] figure:nth-child(100) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="100"] figure:nth-child(101) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="100"] figure:nth-child(101) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="100"] figure:nth-child(101) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="101"] figure:nth-child(102) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="101"] figure:nth-child(102) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="101"] figure:nth-child(102) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="102"] figure:nth-child(103) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="102"] figure:nth-child(103) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="102"] figure:nth-child(103) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="103"] figure:nth-child(104) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="103"] figure:nth-child(104) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="103"] figure:nth-child(104) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="104"] figure:nth-child(105) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="104"] figure:nth-child(105) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="104"] figure:nth-child(105) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="105"] figure:nth-child(106) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="105"] figure:nth-child(106) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="105"] figure:nth-child(106) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="106"] figure:nth-child(107) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="106"] figure:nth-child(107) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="106"] figure:nth-child(107) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="107"] figure:nth-child(108) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="107"] figure:nth-child(108) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="107"] figure:nth-child(108) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="108"] figure:nth-child(109) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="108"] figure:nth-child(109) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="108"] figure:nth-child(109) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="109"] figure:nth-child(110) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="109"] figure:nth-child(110) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="109"] figure:nth-child(110) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="110"] figure:nth-child(111) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="110"] figure:nth-child(111) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="110"] figure:nth-child(111) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="111"] figure:nth-child(112) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="111"] figure:nth-child(112) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="111"] figure:nth-child(112) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="112"] figure:nth-child(113) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="112"] figure:nth-child(113) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="112"] figure:nth-child(113) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="113"] figure:nth-child(114) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="113"] figure:nth-child(114) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="113"] figure:nth-child(114) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="114"] figure:nth-child(115) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="114"] figure:nth-child(115) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="114"] figure:nth-child(115) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="115"] figure:nth-child(116) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="115"] figure:nth-child(116) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="115"] figure:nth-child(116) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="116"] figure:nth-child(117) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="116"] figure:nth-child(117) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="116"] figure:nth-child(117) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="117"] figure:nth-child(118) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="117"] figure:nth-child(118) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="117"] figure:nth-child(118) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="118"] figure:nth-child(119) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="118"] figure:nth-child(119) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="118"] figure:nth-child(119) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="119"] figure:nth-child(120) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="119"] figure:nth-child(120) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="119"] figure:nth-child(120) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="120"] figure:nth-child(121) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="120"] figure:nth-child(121) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="120"] figure:nth-child(121) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="121"] figure:nth-child(122) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="121"] figure:nth-child(122) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="121"] figure:nth-child(122) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="122"] figure:nth-child(123) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="122"] figure:nth-child(123) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="122"] figure:nth-child(123) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="123"] figure:nth-child(124) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="123"] figure:nth-child(124) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="123"] figure:nth-child(124) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="124"] figure:nth-child(125) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="124"] figure:nth-child(125) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="124"] figure:nth-child(125) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="125"] figure:nth-child(126) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="125"] figure:nth-child(126) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="125"] figure:nth-child(126) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="126"] figure:nth-child(127) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="126"] figure:nth-child(127) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="126"] figure:nth-child(127) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="127"] figure:nth-child(128) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="127"] figure:nth-child(128) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="127"] figure:nth-child(128) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="128"] figure:nth-child(129) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="128"] figure:nth-child(129) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="128"] figure:nth-child(129) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="129"] figure:nth-child(130) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="129"] figure:nth-child(130) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="129"] figure:nth-child(130) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="130"] figure:nth-child(131) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="130"] figure:nth-child(131) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="130"] figure:nth-child(131) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="131"] figure:nth-child(132) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="131"] figure:nth-child(132) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="131"] figure:nth-child(132) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="132"] figure:nth-child(133) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="132"] figure:nth-child(133) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="132"] figure:nth-child(133) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="133"] figure:nth-child(134) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="133"] figure:nth-child(134) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="133"] figure:nth-child(134) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="134"] figure:nth-child(135) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="134"] figure:nth-child(135) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="134"] figure:nth-child(135) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="135"] figure:nth-child(136) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="135"] figure:nth-child(136) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="135"] figure:nth-child(136) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="136"] figure:nth-child(137) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="136"] figure:nth-child(137) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="136"] figure:nth-child(137) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="137"] figure:nth-child(138) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="137"] figure:nth-child(138) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="137"] figure:nth-child(138) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="138"] figure:nth-child(139) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="138"] figure:nth-child(139) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="138"] figure:nth-child(139) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="139"] figure:nth-child(140) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="139"] figure:nth-child(140) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="139"] figure:nth-child(140) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="140"] figure:nth-child(141) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="140"] figure:nth-child(141) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="140"] figure:nth-child(141) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="141"] figure:nth-child(142) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="141"] figure:nth-child(142) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="141"] figure:nth-child(142) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="142"] figure:nth-child(143) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="142"] figure:nth-child(143) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="142"] figure:nth-child(143) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="143"] figure:nth-child(144) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="143"] figure:nth-child(144) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="143"] figure:nth-child(144) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="144"] figure:nth-child(145) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="144"] figure:nth-child(145) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="144"] figure:nth-child(145) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="145"] figure:nth-child(146) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="145"] figure:nth-child(146) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="145"] figure:nth-child(146) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="146"] figure:nth-child(147) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="146"] figure:nth-child(147) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="146"] figure:nth-child(147) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="147"] figure:nth-child(148) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="147"] figure:nth-child(148) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="147"] figure:nth-child(148) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="148"] figure:nth-child(149) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="148"] figure:nth-child(149) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="148"] figure:nth-child(149) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="149"] figure:nth-child(150) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="149"] figure:nth-child(150) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="149"] figure:nth-child(150) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="150"] figure:nth-child(151) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="150"] figure:nth-child(151) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="150"] figure:nth-child(151) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="151"] figure:nth-child(152) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="151"] figure:nth-child(152) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="151"] figure:nth-child(152) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="152"] figure:nth-child(153) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="152"] figure:nth-child(153) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="152"] figure:nth-child(153) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="153"] figure:nth-child(154) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="153"] figure:nth-child(154) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="153"] figure:nth-child(154) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="154"] figure:nth-child(155) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="154"] figure:nth-child(155) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="154"] figure:nth-child(155) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="155"] figure:nth-child(156) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="155"] figure:nth-child(156) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="155"] figure:nth-child(156) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="156"] figure:nth-child(157) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="156"] figure:nth-child(157) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="156"] figure:nth-child(157) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="157"] figure:nth-child(158) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="157"] figure:nth-child(158) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="157"] figure:nth-child(158) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="158"] figure:nth-child(159) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="158"] figure:nth-child(159) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="158"] figure:nth-child(159) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="159"] figure:nth-child(160) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="159"] figure:nth-child(160) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="159"] figure:nth-child(160) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="160"] figure:nth-child(161) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="160"] figure:nth-child(161) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="160"] figure:nth-child(161) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="161"] figure:nth-child(162) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="161"] figure:nth-child(162) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="161"] figure:nth-child(162) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="162"] figure:nth-child(163) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="162"] figure:nth-child(163) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="162"] figure:nth-child(163) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="163"] figure:nth-child(164) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="163"] figure:nth-child(164) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="163"] figure:nth-child(164) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="164"] figure:nth-child(165) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="164"] figure:nth-child(165) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="164"] figure:nth-child(165) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="165"] figure:nth-child(166) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="165"] figure:nth-child(166) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="165"] figure:nth-child(166) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="166"] figure:nth-child(167) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="166"] figure:nth-child(167) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="166"] figure:nth-child(167) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="167"] figure:nth-child(168) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="167"] figure:nth-child(168) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="167"] figure:nth-child(168) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="168"] figure:nth-child(169) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="168"] figure:nth-child(169) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="168"] figure:nth-child(169) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="169"] figure:nth-child(170) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="169"] figure:nth-child(170) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="169"] figure:nth-child(170) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="170"] figure:nth-child(171) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="170"] figure:nth-child(171) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="170"] figure:nth-child(171) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="171"] figure:nth-child(172) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="171"] figure:nth-child(172) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="171"] figure:nth-child(172) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="172"] figure:nth-child(173) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="172"] figure:nth-child(173) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="172"] figure:nth-child(173) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="173"] figure:nth-child(174) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="173"] figure:nth-child(174) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="173"] figure:nth-child(174) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="174"] figure:nth-child(175) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="174"] figure:nth-child(175) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="174"] figure:nth-child(175) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="175"] figure:nth-child(176) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="175"] figure:nth-child(176) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="175"] figure:nth-child(176) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="176"] figure:nth-child(177) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="176"] figure:nth-child(177) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="176"] figure:nth-child(177) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="177"] figure:nth-child(178) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="177"] figure:nth-child(178) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="177"] figure:nth-child(178) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="178"] figure:nth-child(179) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="178"] figure:nth-child(179) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="178"] figure:nth-child(179) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="179"] figure:nth-child(180) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="179"] figure:nth-child(180) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="179"] figure:nth-child(180) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="180"] figure:nth-child(181) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="180"] figure:nth-child(181) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="180"] figure:nth-child(181) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="181"] figure:nth-child(182) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="181"] figure:nth-child(182) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="181"] figure:nth-child(182) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="182"] figure:nth-child(183) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="182"] figure:nth-child(183) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="182"] figure:nth-child(183) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="183"] figure:nth-child(184) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="183"] figure:nth-child(184) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="183"] figure:nth-child(184) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="184"] figure:nth-child(185) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="184"] figure:nth-child(185) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="184"] figure:nth-child(185) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="185"] figure:nth-child(186) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="185"] figure:nth-child(186) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="185"] figure:nth-child(186) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="186"] figure:nth-child(187) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="186"] figure:nth-child(187) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="186"] figure:nth-child(187) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="187"] figure:nth-child(188) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="187"] figure:nth-child(188) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="187"] figure:nth-child(188) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="188"] figure:nth-child(189) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="188"] figure:nth-child(189) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="188"] figure:nth-child(189) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="189"] figure:nth-child(190) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="189"] figure:nth-child(190) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="189"] figure:nth-child(190) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="190"] figure:nth-child(191) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="190"] figure:nth-child(191) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="190"] figure:nth-child(191) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="191"] figure:nth-child(192) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="191"] figure:nth-child(192) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="191"] figure:nth-child(192) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="192"] figure:nth-child(193) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="192"] figure:nth-child(193) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="192"] figure:nth-child(193) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="193"] figure:nth-child(194) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="193"] figure:nth-child(194) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="193"] figure:nth-child(194) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="194"] figure:nth-child(195) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="194"] figure:nth-child(195) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="194"] figure:nth-child(195) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="195"] figure:nth-child(196) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="195"] figure:nth-child(196) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="195"] figure:nth-child(196) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="196"] figure:nth-child(197) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="196"] figure:nth-child(197) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="196"] figure:nth-child(197) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="197"] figure:nth-child(198) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="197"] figure:nth-child(198) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="197"] figure:nth-child(198) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="198"] figure:nth-child(199) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="198"] figure:nth-child(199) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="198"] figure:nth-child(199) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="199"] figure:nth-child(200) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="199"] figure:nth-child(200) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="199"] figure:nth-child(200) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="200"] figure:nth-child(201) {
  display: block;
  z-index: 1;
}
#lightbox[data-index="200"] figure:nth-child(201) + figure {
  display: block;
  opacity: 0;
}
#lightbox[data-index="200"] figure:nth-child(201) + figure + figure {
  display: block;
  opacity: 0;
}
#lightbox #lightboxBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: grid;
  place-items: center;
}
@keyframes loading {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
#lightbox #lightboxBackground span::after {
  position: absolute;
  left: 100%;
  animation: loading 2s infinite linear;
}
#lightbox #lightboxContent {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  pointer-events: none;
}
#lightbox #lightboxButtonLeft,
#lightbox #lightboxButtonRight {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  opacity: 0.25;
}
@media (max-width: 720px) {
  #lightbox #lightboxButtonLeft,
  #lightbox #lightboxButtonRight {
    padding: 1.5rem 0.6rem 1.5rem 1.5rem;
    font-size: 1.25rem;
  }
}
#lightbox #lightboxButtonLeft:hover,
#lightbox #lightboxButtonRight:hover {
  opacity: 1;
}
#lightbox #lightboxButtonLeft {
  right: unset;
  left: 0;
}
@media (max-width: 720px) {
  #lightbox #lightboxButtonLeft {
    padding: 1.5rem 1.5rem 1.5rem 0.6rem;
  }
}
#lightbox figure {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  cursor: default;
  pointer-events: all;
}
@media (max-aspect-ratio: 4/5) {
  #lightbox figure {
    width: 100%;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
#lightbox figure img, #lightbox figure video {
  width: auto;
  height: 100%;
  max-width: unset;
}
@media (max-aspect-ratio: 4/5) {
  #lightbox figure img, #lightbox figure video {
    width: 100%;
    height: auto;
  }
}

article {
  padding: 6rem 6rem 0.75rem;
  font-size: 1.5em;
  line-height: 120%;
}
@media (max-width: 720px) {
  article {
    padding: 1rem;
  }
}
article.arbeit-header {
  display: grid;
  align-items: end;
  grid-template-columns: 1fr auto;
  padding-left: calc(50% + 3rem);
}
@media (max-width: 720px) {
  article.arbeit-header {
    padding-left: 1rem;
    padding-top: 6rem;
  }
}
article.arbeit-header svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 0.06em;
  pointer-events: none;
}
@media (max-width: 720px) {
  article.arbeit-header svg {
    width: 2rem;
    height: 2rem;
  }
}
article .container-buttons {
  font-size: 0.8rem;
  line-height: 100%;
  display: flex;
}
article .container-buttons button + button {
  margin-left: 0.5em;
}
article ul {
  list-style: none;
  margin: unset;
  padding: unset;
}
article li {
  display: flex;
}
article li span {
  flex: 1;
}
article li span:last-child {
  display: flex;
  align-items: flex-end;
}
article h1 {
  text-decoration: underline;
  margin: unset;
}

.arbeit-footer {
  padding-left: calc(50% + 3rem);
}
@media (max-width: 720px) {
  .arbeit-footer {
    padding: 1rem 1rem 6rem;
    font-size: 0.8rem;
  }
}

body:not([data-view=grid]) .arbeit-content.grid {
  display: none;
}
body:not([data-view=grid]) .arbeit-content.grid img {
  display: none;
}
body:not([data-view=grid]) .container-buttons [data-view=grid] {
  opacity: 0.1;
}
body:not([data-view=grid]) section:first-child,
body:not([data-view=grid]) section.video:first-child {
  padding-top: 1rem;
}
body:not([data-view=grid]) section:last-child,
body:not([data-view=grid]) section.video:last-child {
  padding-bottom: unset;
}
@media (max-width: 720px) {
  body:not([data-view=grid]) section:last-child.gap,
  body:not([data-view=grid]) section.video:last-child.gap {
    padding-bottom: 4rem;
  }
}
body:not([data-view=grid]) section.video {
  padding: 12rem;
}
@media (max-width: 720px) {
  body:not([data-view=grid]) section.video {
    padding: 1rem;
  }
}
body:not([data-view=grid]) .gap {
  padding: 12rem;
}
@media (max-width: 720px) {
  body:not([data-view=grid]) .gap {
    padding: 6rem;
  }
}
@media (max-width: 720px) {
  body:not([data-view=grid]) .gap.vertical:first-child {
    padding-top: 4rem;
  }
}
body:not([data-view=grid]) .gap.vertical figure + figure {
  margin-top: 12rem;
}
@media (max-width: 720px) {
  body:not([data-view=grid]) .gap.vertical figure + figure {
    margin-top: 6rem;
  }
}
body:not([data-view=grid]) .gap + .arbeit-footer {
  padding-top: unset;
}
body:not([data-view=grid]) .gap + .gap, body:not([data-view=grid]) .gap + section.video {
  padding-top: unset;
}
body:not([data-view=grid]) .horizontal {
  display: flex;
}
body:not([data-view=grid]) .horizontal.gap {
  gap: 6rem;
}
@media (max-width: 720px) {
  body:not([data-view=grid]) .horizontal.gap:not(.smartphone_vertical) {
    gap: 3rem;
    padding: 3rem;
  }
  body:not([data-view=grid]) .horizontal.gap.smartphone_vertical {
    gap: 6rem;
  }
}
@media (max-width: 720px) {
  body:not([data-view=grid]) .smartphone_vertical {
    flex-direction: column;
    padding: 6rem;
  }
  body:not([data-view=grid]) .smartphone_vertical:first-child {
    padding-top: 4rem;
  }
}

.arbeit-content figure {
  cursor: pointer;
}

body[data-view=grid] .arbeit-content.layout {
  display: none;
}
body[data-view=grid] .container-buttons [data-view=layout] {
  opacity: 0.1;
}
body[data-view=grid] .arbeit-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem 6rem;
  padding: 1rem 6rem 0;
}
@media (max-width: 1140px) {
  body[data-view=grid] .arbeit-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  body[data-view=grid] .arbeit-content {
    gap: 3rem;
    padding: 0 3rem 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
  body[data-view=grid] .arbeit-content.grid {
    padding-top: 2rem;
  }
}
body[data-view=grid] .horizontal {
  display: flex;
  gap: 1rem;
}
body[data-view=grid] .vertical figure + figure {
  margin-top: 1rem;
}

.arbeit-content.grid {
  padding: 6rem 6rem;
  list-style: none;
  margin: unset;
  padding: unset;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem 6rem;
}
.arbeit-content.grid figure {
  width: 100%;
  padding-bottom: 100%;
}
.arbeit-content.grid figure.is-portrait img, .arbeit-content.grid figure.is-portrait video {
  height: 100%;
  width: auto;
}
.arbeit-content.grid figure img, .arbeit-content.grid figure video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.arbeit-content.grid figure video {
  pointer-events: none;
}

#arbeiten {
  list-style: none;
  margin: unset;
  padding: unset;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem 6rem;
}
@media (max-width: 1140px) {
  #arbeiten {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  #arbeiten {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
}

.arbeit-thumbnail {
  color: unset;
  text-decoration: unset;
}
.arbeit-thumbnail:hover {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.arbeit-thumbnail:hover .arbeit-thumbnail-title {
  visibility: visible;
  text-decoration-thickness: 0.06em;
  text-decoration-color: red;
}
.arbeit-thumbnail figure {
  width: 100%;
  padding-bottom: 100%;
}
.arbeit-thumbnail figure.is-portrait img {
  height: 100%;
  width: auto;
}
@media (max-width: 720px) {
  .arbeit-thumbnail figure.is-landscape {
    padding-bottom: unset;
  }
}
.arbeit-thumbnail figure.is-landscape img {
  height: auto;
  width: 100%;
}
@media (max-width: 720px) {
  .arbeit-thumbnail figure.is-landscape img {
    position: relative;
  }
}
.arbeit-thumbnail figure.empty {
  background-color: #f2f2f2;
}
.arbeit-thumbnail figure img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.arbeit-thumbnail-title {
  font-size: 0.8rem;
  margin-top: 0.2em;
}
.arbeit-thumbnail-title svg {
  width: 0.9em;
  height: 0.9em;
  stroke-width: 0.1em;
  top: 0.15em;
  position: absolute;
  right: 0.1em;
}

@media (max-width: 1140px) {
  body[data-slug=information] #header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6rem;
    background-image: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0));
    z-index: -1;
  }
}
@media (max-width: 1140px) and (max-width: 720px) {
  body[data-slug=information] #header::after {
    height: 9rem;
  }
}

body[data-slug=information] main {
  display: flex;
  padding: 0.75rem 6rem 8rem 6rem;
}
@media (max-width: 1140px) {
  body[data-slug=information] main {
    flex-direction: column-reverse;
    padding: 6rem 6rem 1rem;
  }
}
@media (max-width: 720px) {
  body[data-slug=information] main {
    padding: 6rem 1rem 1rem;
  }
}

article#information {
  flex: 1;
  padding: 0 6rem 0 0;
  padding-right: 3rem;
  max-width: 50%;
  font-size: 1.5rem;
  line-height: 1.25em;
  margin-top: -3.35rem;
}
@media (max-width: 1140px) {
  article#information {
    margin-top: unset;
    max-width: unset;
    padding-right: unset;
  }
}
article#information h3 {
  margin: unset;
  margin-top: 1.25em;
}
article#information p {
  margin: unset;
  margin-left: 3rem;
}
article#information p:first-child {
  margin-left: unset;
}
article#information p:first-child + p, article#information p:first-child + p + p {
  text-indent: 3rem;
  margin-left: unset;
}
article#information ul {
  list-style: none;
  margin: unset;
  margin-left: 3rem;
  padding: unset;
}
article#information a {
  color: unset;
  text-decoration: none;
}
article#information a:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
}

figure#portrait {
  width: 25%;
  padding-left: 3rem;
}
@media (max-width: 1140px) {
  figure#portrait {
    width: 38.2%;
  }
}
@media (max-width: 720px) {
  figure#portrait {
    width: 61.8%;
  }
}
figure#portrait figcaption {
  padding: 0.25rem 0;
  font-size: 0.8rem;
  line-height: 120%;
  letter-spacing: 0.015em;
}
@media (max-width: 1140px) {
  figure#portrait {
    padding-left: unset;
    padding-bottom: 1rem;
  }
}

#main {
  padding: 6rem 6rem;
}
@media (max-width: 720px) {
  #main {
    padding: 3rem;
  }
}