@charset "UTF-8";
/* Reset CSS */
@font-face {
  font-family: 'TimesNewArial';
  src: url(../fonts/TimesNewArialVF.woff2);
}

html,
body {
  background: #fff;
  z-index: 1;
  font-size: 16px;
  font-size: 100%;
  padding: 0;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'TimesNewArial';
  font-size: 1.5vw;
  font-variation-settings: 'srff' 0, 'ital' 0, 'wght' 0;
}

a,
button,
input,
label {
  cursor: pointer;
}

*,
*:after,
*:before {
  font-family: 'TimesNewArial';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: lighter;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

*::-webkit-scrollbar {
  display: none;
}

.video,
.audio {
  font-size: 0;
}

audio,
video {
  width: 100%;
  display: inline-block;
  margin-bottom: 0.25vw;
}

.block-type-image,
.block-type-gallery,
.block-type-text,
.block-type-video,
.block-type-audio,
.block-type-image {
  margin-bottom: .25vw;
}

video {
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  background-color: black;
}

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

ul p,
li p,
ol p {
  background-color: transparent !important;
}

li p {
  display: inline-block;
  margin-bottom: 0 !important;
  padding-top: 0vw !important;
  padding-bottom: 0vw !important;
}

p em {
  font-variation-settings: 'srff' 100, 'ital' 100, 'wght' 0;
}

p strong em {
  font-variation-settings: 'srff' 0, 'ital' 100, 'wght' 40;
}

li::before {
  content: '';
  display: inline-block;
  width: .35vw;
  height: .35vw;
  vertical-align: middle;
  margin-bottom: 0.25vw;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: black;
}

a {
  color: black;
}

a:hover {
  color: blue;
}

nav a {
  text-decoration: none;
}

nav a:hover {
  color: black;
}

.charging {
  display: none;
}

.rangeslider {
  width: 90vw;
  position: fixed;
  bottom: 1vw;
  left: 5vw;
  z-index: 2;
}

.bg {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 0;
  position: fixed;
  padding-left: 0.5vw;
  padding-top: 0.5vw;
  font-size: 0;
}

.bg .cc {
  width: calc(94.5vw / 10);
  margin-right: 0.5vw;
  height: calc(100dvh - 1vw);
  background: red;
  display: inline-block;
}

nav {
  position: absolute;
  right: 0.5vw;
  top: 0.5vw;
  padding: 0.25vw;
  height: calc(100dvh - 1vw);
  width: calc((97vw / 10) * 2);
  position: fixed;
  overflow: scroll;
  overflow-x: visible;
}

nav .nav_cta,
nav .menubutton {
  text-align: center;
  margin-bottom: 0.25vw;
  border-radius: .5vw;
  max-height: 2.25vw;
  background: white;
  width: calc((90vw / 10) * 1);
  margin-left: 9.95vw;
}

nav .nav_cta a,
nav .menubutton a {
  display: block;
  width: 100%;
  line-height: 2.5vw;
}

nav .nav_cta.battery, nav .nav_cta.data, nav .nav_cta.legal,
nav .menubutton.battery,
nav .menubutton.data,
nav .menubutton.legal {
  font-size: 0.9vw;
}

nav .nav_cta.data, nav .nav_cta.pppproject,
nav .menubutton.data,
nav .menubutton.pppproject {
  margin-top: 2.5vw;
}

nav .nav_cta.legal,
nav .menubutton.legal {
  margin-bottom: 0vw;
}

nav .nav_cta:hover, nav .nav_cta.active,
nav .menubutton:hover,
nav .menubutton.active {
  background: rgba(255, 255, 255, 0.7);
}

nav .projectinner {
  text-align: right;
}

nav .projectinner .project {
  display: inline-block;
  min-width: calc((90vw / 10) * 1);
  font-family: serif;
  text-align: center;
  width: calc(100%);
  margin-bottom: 0.25vw;
  border-radius: .5vw;
  max-height: auto;
  background: rgba(255, 255, 255, 0.9);
  line-height: 1.25vw;
  padding: 0.5vw;
  padding-bottom: 0.5vw;
  text-align: left;
  width: auto;
}

nav .projectinner .project a {
  line-height: 1vw;
}

nav .projectinner .project:hover, nav .projectinner .project.active {
  background: rgba(255, 255, 255, 0.7);
}

.content {
  padding-top: 0.75vw;
  padding-bottom: 0.5vw;
}

.content h1 {
  padding: 0.5vw;
  padding-left: 0.25vw;
  padding-bottom: 0vw;
  font-size: 3vw;
  line-height: 3vw;
  border-radius: .5vw;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.25vw;
}

.content h2 {
  padding: 0.5vw;
  padding-left: 0.35vw;
  padding-bottom: 0.15vw;
  font-size: 2vw;
  line-height: 1.95vw;
  border-radius: .5vw;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.25vw;
}

.content p,
.content ul,
.content ol,
.content .slidecontrols,
.content .video figcaption,
.content .audio figcaption {
  padding: 0.5vw;
  padding-left: 0.35vw;
  padding-bottom: 0.5vw;
  font-size: 1.25vw;
  line-height: 1.35vw;
  border-radius: .5vw;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.25vw;
  font-family: serif;
}

.content p {
  margin-bottom: 0.5vw;
}

.content .slidecontrols span {
  font-family: "TimesNewArial";
  text-decoration: underline;
  cursor: pointer;
  margin-left: 0.25vw;
}

.content .slidecontrols span:hover {
  color: blue;
}

.content .block-type-image figure,
.content .block-type-gallery figure {
  position: relative;
  border-radius: .5vw;
  padding: 0.25vw;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: calc(75dvh - 3vw);
  margin-bottom: 0.25vw;
}

.content .block-type-image figure img,
.content .block-type-gallery figure img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: calc(100% - 1vw);
  max-height: calc(75dvh - 4vw);
}

.content .block-type-image figure figcaption,
.content .block-type-gallery figure figcaption {
  color: black;
  display: block;
  padding: 0.5vw;
  padding-left: 0.35vw;
  padding-bottom: 0.25vw;
  font-size: 1vw;
  line-height: 1.05vw;
  margin-bottom: 0vw;
  position: absolute;
  bottom: 0;
  font-family: 'TimesNewArial';
  text-shadow: -.3vw -.3vw .3vw white, 0   -.3vw .3vw white, .3vw -.3vw .3vw white, .3vw  0   .3vw white, .3vw  .3vw .3vw white, 0    .3vw .3vw white, -.3vw  .3vw .3vw white, -.3vw  0   .3vw white;
}

.content .block-type-image figure:hover figcaption,
.content .block-type-gallery figure:hover figcaption {
  display: block;
}

.slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.slider .slide {
  cursor: e-resize;
  display: none;
}

.slider .slide.slide1 {
  display: block;
}

.slider .slick-next,
.slider .slick-prev {
  display: none !important;
}

.battery100 .cc {
  border-radius: .75vw;
  background: linear-gradient(to bottom, #08e302 0%, #7fff7e 50%, #08e302 100%, #7db9e8 100%);
}

@media screen and (min-width: 800px) {
  .battery100 .content {
    width: calc((98.25vw / 10) * 8);
    margin-left: 0.75vw;
  }
}

.battery090 .cc {
  border-radius: .75vw;
  background: linear-gradient(to bottom, #08e302 0%, #7fff7e 50%, #08e302 100%, #7db9e8 100%);
}

.battery090 .cc:nth-child(n+10) {
  background: linear-gradient(to bottom, #d7d7d7 0%, #f1f1f1 50%, #d7d7d7 100%, #d7d7d7 100%);
}

@media screen and (min-width: 800px) {
  .battery090 .content {
    width: calc((98.25vw / 10) * 8);
    margin-left: 0.75vw;
  }
}

.battery080 .cc {
  border-radius: .75vw;
  background: linear-gradient(to bottom, #08e302 0%, #7fff7e 50%, #08e302 100%, #7db9e8 100%);
}

.battery080 .cc:nth-child(n+9) {
  background: linear-gradient(to bottom, #d7d7d7 0%, #f1f1f1 50%, #d7d7d7 100%, #d7d7d7 100%);
}

@media screen and (min-width: 800px) {
  .battery080 .content {
    width: calc((98.25vw / 10) * 8);
    margin-left: 0.75vw;
  }
  .battery080 .nav_cta[data-target="home"],
  .battery080 .nav_cta[data-target="battery"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: .25vw;
    position: absolute;
  }
  .battery080 .nav_cta[data-target="home"].nav_cta[data-target="battery"],
  .battery080 .nav_cta[data-target="battery"].nav_cta[data-target="battery"] {
    margin-top: 2.5vw;
  }
}

.battery070 .cc {
  border-radius: .75vw;
  background: linear-gradient(to bottom, #08e302 0%, #7fff7e 50%, #08e302 100%, #7db9e8 100%);
}

.battery070 .cc:nth-child(n+8) {
  background: linear-gradient(to bottom, #d7d7d7 0%, #f1f1f1 50%, #d7d7d7 100%, #d7d7d7 100%);
}

@media screen and (min-width: 800px) {
  .battery070 .content {
    width: calc((98vw / 10) * 7);
    margin-left: 0.75vw;
  }
  .battery070 nav {
    width: calc((97vw / 10) * 3);
  }
  .battery070 nav .nav_cta {
    margin-left: 19.6vw;
  }
  .battery070 nav .nav_cta.data {
    margin-top: 0;
  }
  .battery070 .nav_cta[data-target="home"],
  .battery070 .nav_cta[data-target="battery"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 0vw;
    position: absolute;
  }
  .battery070 .nav_cta[data-target="home"].nav_cta[data-target="battery"],
  .battery070 .nav_cta[data-target="battery"].nav_cta[data-target="battery"] {
    margin-top: 2.5vw;
  }
  .battery070 .nav_cta[data-target="about"],
  .battery070 .nav_cta[data-target="contact"],
  .battery070 .nav_cta[data-target="projects"],
  .battery070 .projectinner {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 9.9vw;
    position: absolute;
  }
  .battery070 .nav_cta[data-target="about"].nav_cta[data-target="contact"],
  .battery070 .nav_cta[data-target="contact"].nav_cta[data-target="contact"],
  .battery070 .nav_cta[data-target="projects"].nav_cta[data-target="contact"],
  .battery070 .projectinner.nav_cta[data-target="contact"] {
    margin-top: 2.5vw;
  }
  .battery070 .nav_cta[data-target="about"].nav_cta[data-target="projects"],
  .battery070 .nav_cta[data-target="contact"].nav_cta[data-target="projects"],
  .battery070 .nav_cta[data-target="projects"].nav_cta[data-target="projects"],
  .battery070 .projectinner.nav_cta[data-target="projects"] {
    margin-top: 7.5vw;
  }
  .battery070 .nav_cta[data-target="about"].projectinner,
  .battery070 .nav_cta[data-target="contact"].projectinner,
  .battery070 .nav_cta[data-target="projects"].projectinner,
  .battery070 .projectinner.projectinner {
    text-align: left;
    margin-top: 10vw;
    width: auto;
  }
}

.battery060 .cc {
  border-radius: .75vw;
  background: linear-gradient(to bottom, #08e302 0%, #7fff7e 50%, #08e302 100%, #7db9e8 100%);
}

.battery060 .cc:nth-child(n+7) {
  background: linear-gradient(to bottom, #d7d7d7 0%, #f1f1f1 50%, #d7d7d7 100%, #d7d7d7 100%);
}

@media screen and (min-width: 800px) {
  .battery060 .content {
    width: calc((97.75vw / 10) * 6);
    margin-left: 0.75vw;
  }
  .battery060 .content .imgwrap {
    height: calc((92.5vw / 10) * 6);
  }
  .battery060 nav {
    width: calc((97.75vw / 10) * 4);
  }
  .battery060 nav .nav_cta {
    margin-left: 19.6vw;
  }
  .battery060 nav .nav_cta.data {
    margin-top: 0;
  }
  .battery060 .nav_cta[data-target="home"],
  .battery060 .nav_cta[data-target="battery"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 0vw;
    position: absolute;
  }
  .battery060 .nav_cta[data-target="home"].nav_cta[data-target="battery"],
  .battery060 .nav_cta[data-target="battery"].nav_cta[data-target="battery"] {
    margin-top: 2.5vw;
  }
  .battery060 .nav_cta[data-target="about"],
  .battery060 .nav_cta[data-target="contact"],
  .battery060 .nav_cta[data-target="projects"],
  .battery060 .projectinner {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 10vw;
    position: absolute;
  }
  .battery060 .nav_cta[data-target="about"].nav_cta[data-target="contact"],
  .battery060 .nav_cta[data-target="contact"].nav_cta[data-target="contact"],
  .battery060 .nav_cta[data-target="projects"].nav_cta[data-target="contact"],
  .battery060 .projectinner.nav_cta[data-target="contact"] {
    margin-top: 2.5vw;
  }
  .battery060 .nav_cta[data-target="about"].nav_cta[data-target="projects"],
  .battery060 .nav_cta[data-target="contact"].nav_cta[data-target="projects"],
  .battery060 .nav_cta[data-target="projects"].nav_cta[data-target="projects"],
  .battery060 .projectinner.nav_cta[data-target="projects"] {
    margin-top: 7.5vw;
  }
  .battery060 .nav_cta[data-target="about"].projectinner,
  .battery060 .nav_cta[data-target="contact"].projectinner,
  .battery060 .nav_cta[data-target="projects"].projectinner,
  .battery060 .projectinner.projectinner {
    text-align: left;
    margin-top: 10vw;
    width: auto;
  }
  .battery060 .nav_cta[data-target="data"],
  .battery060 .nav_cta[data-target="imprint"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 29.85vw;
    position: absolute;
  }
  .battery060 .nav_cta[data-target="data"].nav_cta[data-target="data"],
  .battery060 .nav_cta[data-target="imprint"].nav_cta[data-target="data"] {
    margin-top: 2.5vw;
  }
}

.battery050 .cc {
  border-radius: .75vw;
  background: linear-gradient(to bottom, #08e302 0%, #7fff7e 50%, #08e302 100%, #7db9e8 100%);
}

.battery050 .cc:nth-child(n+6) {
  background: linear-gradient(to bottom, #d7d7d7 0%, #f1f1f1 50%, #d7d7d7 100%, #d7d7d7 100%);
}

@media screen and (min-width: 800px) {
  .battery050 .content {
    width: calc((97.55vw / 10) * 5);
    margin-left: 0.75vw;
  }
  .battery050 .content .imgwrap {
    height: calc((92vw / 10) * 5);
  }
  .battery050 nav {
    width: calc((98.1vw / 10) * 5);
  }
  .battery050 nav .nav_cta {
    margin-left: 19.6vw;
  }
  .battery050 nav .nav_cta.data {
    margin-top: 0;
  }
  .battery050 .nav_cta[data-target="home"],
  .battery050 .nav_cta[data-target="battery"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 0vw;
    position: absolute;
  }
  .battery050 .nav_cta[data-target="home"].nav_cta[data-target="battery"],
  .battery050 .nav_cta[data-target="battery"].nav_cta[data-target="battery"] {
    margin-top: 2.5vw;
  }
  .battery050 .nav_cta[data-target="about"],
  .battery050 .nav_cta[data-target="contact"],
  .battery050 .projectinner {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 9.95vw;
    position: absolute;
  }
  .battery050 .nav_cta[data-target="about"].nav_cta[data-target="contact"],
  .battery050 .nav_cta[data-target="contact"].nav_cta[data-target="contact"],
  .battery050 .projectinner.nav_cta[data-target="contact"] {
    margin-top: 2.5vw;
  }
  .battery050 .nav_cta[data-target="projects"] {
    margin-top: 0vw;
    margin-left: 19.65vw;
  }
  .battery050 .projectinner {
    text-align: left;
    margin-top: 0vw;
    margin-left: 19.9vw;
    width: auto;
  }
  .battery050 .nav_cta[data-target="data"],
  .battery050 .nav_cta[data-target="imprint"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 39.85vw;
    position: absolute;
  }
  .battery050 .nav_cta[data-target="data"].nav_cta[data-target="data"],
  .battery050 .nav_cta[data-target="imprint"].nav_cta[data-target="data"] {
    margin-top: -2.5vw;
  }
}

.battery040 .cc {
  background: #ffeb00;
}

.battery040 .cc:nth-child(n+5) {
  background: #d7d7d7;
}

@media screen and (min-width: 800px) {
  .battery040 .content {
    width: calc((97.25vw / 10) * 4);
    margin-left: 0.75vw;
  }
  .battery040 .content .imgwrap {
    height: calc((91.5vw / 10) * 4);
  }
  .battery040 video {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  }
  .battery040 nav {
    width: calc((98.25vw / 10) * 6);
  }
  .battery040 nav .nav_cta,
  .battery040 nav .menubutton {
    background: none;
    margin-left: 19.6vw;
    text-align: left;
    padding-left: 0.5vw;
  }
  .battery040 nav .nav_cta.data,
  .battery040 nav .menubutton.data {
    margin-top: 0;
  }
  .battery040 nav .nav_cta.active, .battery040 nav .nav_cta:hover,
  .battery040 nav .menubutton.active,
  .battery040 nav .menubutton:hover {
    text-decoration: underline;
  }
  .battery040 .nav_cta[data-target="home"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 0vw;
    position: absolute;
  }
  .battery040 .nav_cta[data-target="battery"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 9.95vw;
    position: absolute;
  }
  .battery040 .nav_cta[data-target="about"],
  .battery040 .nav_cta[data-target="contact"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 19.85vw;
    position: absolute;
  }
  .battery040 .nav_cta[data-target="about"].nav_cta[data-target="contact"],
  .battery040 .nav_cta[data-target="contact"].nav_cta[data-target="contact"] {
    margin-top: 2.15vw;
  }
  .battery040 .nav_cta[data-target="projects"],
  .battery040 .projectinner {
    left: 0;
    margin-top: 0vw;
    width: calc((90vw / 10) * 1);
    margin-left: 29.8vw;
    position: absolute;
  }
  .battery040 .nav_cta[data-target="projects"].projectinner,
  .battery040 .projectinner.projectinner {
    text-align: left;
    margin-top: 2.5vw;
    margin-left: 29.8vw;
    width: auto;
  }
  .battery040 .nav_cta[data-target="projects"].projectinner .project,
  .battery040 .projectinner.projectinner .project {
    background: none;
  }
  .battery040 .nav_cta[data-target="projects"].projectinner .project.active, .battery040 .nav_cta[data-target="projects"].projectinner .project:hover,
  .battery040 .projectinner.projectinner .project.active,
  .battery040 .projectinner.projectinner .project:hover {
    text-decoration: underline;
  }
  .battery040 .nav_cta[data-target="data"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 39.75vw;
    top: 0.25vw;
    position: absolute;
  }
  .battery040 .nav_cta[data-target="imprint"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 49.75vw;
    top: 0.25vw;
    position: absolute;
  }
}

.battery030 .cc {
  background: #ffeb00;
}

.battery030 .cc:nth-child(n+4) {
  background: #d7d7d7;
}

.battery030 video {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

@media screen and (min-width: 800px) {
  .battery030 .content {
    width: calc((96.25vw / 10) * 3);
    margin-left: 0.75vw;
  }
  .battery030 .content .imgwrap {
    height: calc((91vw / 10) * 3);
  }
  .battery030 nav {
    width: calc((98.45vw / 10) * 7);
  }
  .battery030 nav .nav_cta {
    background: none;
    margin-left: 19.6vw;
    text-align: left;
    padding-left: 0.5vw;
  }
  .battery030 nav .nav_cta.data {
    margin-top: 0;
  }
  .battery030 nav .nav_cta.active, .battery030 nav .nav_cta:hover {
    text-decoration: underline;
  }
  .battery030 .nav_cta[data-target="home"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 0vw;
    position: absolute;
  }
  .battery030 .nav_cta[data-target="battery"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 9.95vw;
    position: absolute;
  }
  .battery030 .nav_cta[data-target="about"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 19.85vw;
    position: absolute;
  }
  .battery030 .nav_cta[data-target="contact"] {
    margin-left: 29.5vw;
  }
  .battery030 .nav_cta[data-target="projects"],
  .battery030 .projectinner {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 39.8vw;
    margin-top: -2.5vw;
    position: absolute;
  }
  .battery030 .nav_cta[data-target="projects"].projectinner,
  .battery030 .projectinner.projectinner {
    text-align: left;
    margin-left: 39.8vw;
    margin-top: 0vw;
    width: auto;
  }
  .battery030 .nav_cta[data-target="projects"].projectinner .project,
  .battery030 .projectinner.projectinner .project {
    background: none;
  }
  .battery030 .nav_cta[data-target="projects"].projectinner .project.active, .battery030 .nav_cta[data-target="projects"].projectinner .project:hover,
  .battery030 .projectinner.projectinner .project.active,
  .battery030 .projectinner.projectinner .project:hover {
    text-decoration: underline;
  }
  .battery030 .nav_cta[data-target="data"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 49.75vw;
    top: 0.25vw;
    position: absolute;
  }
  .battery030 .nav_cta[data-target="imprint"] {
    left: 0;
    width: calc((90vw / 10) * 1);
    margin-left: 59.7vw;
    top: 0.25vw;
    position: absolute;
  }
}

.battery040 .projectinner .project,
.battery030 .projectinner .project {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0.25vw;
}

.battery040 h1,
.battery040 h2,
.battery040 p,
.battery040 ul,
.battery040 ol,
.battery040 .imgwrap,
.battery040 .block-type-image,
.battery040 .block-type-gallery figure,
.battery040 .slidecontrols,
.battery040 .video figcaption,
.battery040 .audio figcaption,
.battery030 h1,
.battery030 h2,
.battery030 p,
.battery030 ul,
.battery030 ol,
.battery030 .imgwrap,
.battery030 .block-type-image,
.battery030 .block-type-gallery figure,
.battery030 .slidecontrols,
.battery030 .video figcaption,
.battery030 .audio figcaption {
  background: white;
  border-radius: 0;
}

.battery040 figure.video2,
.battery030 figure.video2 {
  width: calc(100% - 0.2vw);
  margin: 0.1vw;
  height: 20vw;
  background: black;
  color: white;
  font-size: 1.25vw;
  padding: 1vw;
  line-height: 1.35vw;
  text-align: center;
  position: relative;
}

.battery040 figure.video2 .inner,
.battery030 figure.video2 .inner {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.battery020 .charging,
.battery010 .charging,
.battery000 .charging {
  display: inline-block;
}

.battery020 .cc,
.battery010 .cc,
.battery000 .cc {
  margin-right: 0;
  width: calc(98.5vw / 10);
  background: red;
}

.battery020 .cc:nth-child(n+3),
.battery010 .cc:nth-child(n+3),
.battery000 .cc:nth-child(n+3) {
  background: #d7d7d7;
}

.battery020 .cc:nth-child(2),
.battery010 .cc:nth-child(2),
.battery000 .cc:nth-child(2) {
  margin-right: 0.5vw;
}

.battery020 figure.video2,
.battery010 figure.video2,
.battery000 figure.video2 {
  width: calc(100% - 0.5vw);
  margin: 0.25vw;
  height: 14vw;
  background: black;
  color: white;
  font-size: 1.25vw;
  padding: 1vw;
  line-height: 1.35vw;
  text-align: center;
  position: relative;
}

.battery020 figure.video2 .inner,
.battery010 figure.video2 .inner,
.battery000 figure.video2 .inner {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 800px) {
  .battery020 .content,
  .battery010 .content,
  .battery000 .content {
    width: calc((99vw / 10) * 2);
    margin-left: 0.5vw;
  }
  .battery020 nav,
  .battery010 nav,
  .battery000 nav {
    width: calc((99vw / 10) * 8);
    padding-top: 0.5vw;
    padding-left: 0.5vw;
  }
  .battery020 nav .nav_cta,
  .battery010 nav .nav_cta,
  .battery000 nav .nav_cta {
    background: none;
    text-align: left;
    padding-left: 0.25vw;
    margin-left: 0;
    font-size: 1.5vw !important;
    width: auto;
    line-height: 1.5vw;
  }
  .battery020 nav .nav_cta a,
  .battery010 nav .nav_cta a,
  .battery000 nav .nav_cta a {
    line-height: 1.5vw;
  }
  .battery020 nav .nav_cta.battery,
  .battery010 nav .nav_cta.battery,
  .battery000 nav .nav_cta.battery {
    margin-bottom: 2.5vw;
  }
  .battery020 nav .nav_cta.active, .battery020 nav .nav_cta:hover,
  .battery010 nav .nav_cta.active,
  .battery010 nav .nav_cta:hover,
  .battery000 nav .nav_cta.active,
  .battery000 nav .nav_cta:hover {
    background: none;
    text-decoration: underline;
  }
  .battery020 nav .projectinner,
  .battery010 nav .projectinner,
  .battery000 nav .projectinner {
    text-align: left;
    margin-left: 0.25vw;
    line-height: 1.5vw;
    width: auto;
  }
  .battery020 nav .projectinner .project,
  .battery010 nav .projectinner .project,
  .battery000 nav .projectinner .project {
    padding: 0;
    line-height: 1.5vw;
    background: none;
    text-decoration: none;
  }
  .battery020 nav .projectinner .project:before,
  .battery010 nav .projectinner .project:before,
  .battery000 nav .projectinner .project:before {
    content: '•';
    margin-right: 0.5vw;
  }
  .battery020 nav .projectinner .project.active a, .battery020 nav .projectinner .project:hover a,
  .battery010 nav .projectinner .project.active a,
  .battery010 nav .projectinner .project:hover a,
  .battery000 nav .projectinner .project.active a,
  .battery000 nav .projectinner .project:hover a {
    background: none;
    text-decoration: underline;
  }
}

.battery020 h1,
.battery020 h2,
.battery020 p,
.battery020 ul,
.battery020 ol,
.battery020 .imgwrap,
.battery020 .block-type-image,
.battery020 .block-type-image figure,
.battery020 .block-type-gallery figure,
.battery020 .slidecontrols,
.battery020 .video figcaption,
.battery020 .audio figcaption,
.battery010 h1,
.battery010 h2,
.battery010 p,
.battery010 ul,
.battery010 ol,
.battery010 .imgwrap,
.battery010 .block-type-image,
.battery010 .block-type-image figure,
.battery010 .block-type-gallery figure,
.battery010 .slidecontrols,
.battery010 .video figcaption,
.battery010 .audio figcaption,
.battery000 h1,
.battery000 h2,
.battery000 p,
.battery000 ul,
.battery000 ol,
.battery000 .imgwrap,
.battery000 .block-type-image,
.battery000 .block-type-image figure,
.battery000 .block-type-gallery figure,
.battery000 .slidecontrols,
.battery000 .video figcaption,
.battery000 .audio figcaption {
  margin: 0;
  margin-bottom: 1vw;
  background: none;
}

.battery020 .block-type-image figure,
.battery020 .block-type-image figcaption,
.battery020 .block-type-gallery figcaption,
.battery020 .block-type-gallery figure,
.battery020 .slidecontrols,
.battery020 .video figcaption,
.battery020 .audio figcaption,
.battery010 .block-type-image figure,
.battery010 .block-type-image figcaption,
.battery010 .block-type-gallery figcaption,
.battery010 .block-type-gallery figure,
.battery010 .slidecontrols,
.battery010 .video figcaption,
.battery010 .audio figcaption,
.battery000 .block-type-image figure,
.battery000 .block-type-image figcaption,
.battery000 .block-type-gallery figcaption,
.battery000 .block-type-gallery figure,
.battery000 .slidecontrols,
.battery000 .video figcaption,
.battery000 .audio figcaption {
  margin-bottom: 0 !important;
}

.battery020 .content .block-type-image figure figcaption, .battery020 .content .block-type-gallery figure figcaption,
.battery010 .content .block-type-image figure figcaption,
.battery010 .content .block-type-gallery figure figcaption,
.battery000 .content .block-type-image figure figcaption,
.battery000 .content .block-type-gallery figure figcaption {
  position: relative;
  color: black;
  padding: 0;
  margin-top: 0.5vw;
}

.battery020 .block-type-image figure,
.battery020 .block-type-gallery figure,
.battery010 .block-type-image figure,
.battery010 .block-type-gallery figure,
.battery000 .block-type-image figure,
.battery000 .block-type-gallery figure {
  height: auto;
  max-height: auto;
  padding: 0.25vw;
  margin-bottom: 0;
  font-size: 0;
}

.battery020 .block-type-image figure img,
.battery020 .block-type-gallery figure img,
.battery010 .block-type-image figure img,
.battery010 .block-type-gallery figure img,
.battery000 .block-type-image figure img,
.battery000 .block-type-gallery figure img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  position: relative;
}

main {
  z-index: 1;
  position: relative;
}

.hidden {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
}

.menubutton {
  display: none;
}

/* Media Queries */
@media screen and (max-width: 800px) {
  .menubutton {
    display: block;
  }
  .battery010 .cc:nth-child(n+2),
  .battery000 .cc:nth-child(n+2) {
    background: #d7d7d7;
  }
  .content {
    padding: 1vw;
    position: absolute;
    padding-top: calc((((100dvh - 5.5vw) / 10)) + 1.5vw);
    height: 100dvh;
    overflow: scroll;
    transition: margin-top .5s linear;
    margin-top: 0;
    width: 100%;
  }
  .content.active {
    display: none;
  }
  nav {
    z-index: 99999;
    position: fixed;
    left: 0.5vw;
    width: 99vw;
    padding: 0;
    max-height: calc(((100dvh - 5.5vw) / 10));
    overflow: hidden;
    font-size: 0;
  }
  nav.active {
    max-height: 100dvh;
    overflow: scroll;
  }
  nav.active .menuwrapper {
    display: block;
  }
  nav .menuwrapper {
    height: 100dvh;
    position: absolute;
    display: none;
    z-index: -1;
    top: 0;
    left: 0;
    padding-top: 18.5vw;
    overflow: scroll;
    margin-top: -0.5vw;
  }
  nav .nav_cta,
  nav .projectinner .project {
    margin-left: 0;
    max-height: calc(((100dvh - 5.5vw) / 10) / 2);
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 4vw !important;
    margin-bottom: .5vw;
  }
  nav .projectinner {
    width: 78vw;
    margin-left: 9vw;
  }
  nav .project {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
    width: 100% !important;
  }
  nav .project.active a {
    text-decoration: underline;
    text-decoration-thickness: 0.5vw;
  }
  nav .nav_cta,
  nav .menubutton,
  nav .projectinner .project {
    margin-left: 0;
    max-height: calc(((100dvh - 5.5vw) / 10) / 2);
    display: inline-block;
    vertical-align: top;
    font-size: 4vw;
    height: calc((100dvh - 5.5vw) / 10) !important;
    max-height: calc((100dvh - 5.5vw) / 10) !important;
    max-height: auto !important;
    background: transparent;
  }
  nav .nav_cta.nav_cta[data-target="home"],
  nav .menubutton.nav_cta[data-target="home"],
  nav .projectinner .project.nav_cta[data-target="home"] {
    text-decoration: none !important;
  }
  nav .nav_cta.project,
  nav .menubutton.project,
  nav .projectinner .project.project {
    position: relative;
    height: calc((100dvh - 5.5vw) / 10) !important;
  }
  nav .nav_cta.project a,
  nav .menubutton.project a,
  nav .projectinner .project.project a {
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-table;
  }
  nav .nav_cta a,
  nav .menubutton a,
  nav .projectinner .project a {
    font-size: 8vw !important;
    line-height: calc((100dvh) / 10) !important;
  }
  nav .nav_cta.nav_cta.active,
  nav .menubutton.nav_cta.active,
  nav .projectinner .project.nav_cta.active {
    text-decoration: underline;
    text-decoration-thickness: 0.5vw;
  }
  nav .nav_cta.nav_cta[data-target="projects"],
  nav .menubutton.nav_cta[data-target="projects"],
  nav .projectinner .project.nav_cta[data-target="projects"] {
    margin-top: 0;
  }
  nav .nav_cta.nav_cta[data-target="home"], nav .nav_cta.menubutton,
  nav .menubutton.nav_cta[data-target="home"],
  nav .menubutton.menubutton,
  nav .projectinner .project.nav_cta[data-target="home"],
  nav .projectinner .project.menubutton {
    width: calc(98.5vw / 2);
    position: sticky;
    top: 0;
  }
  nav .nav_cta.nav_cta[data-target="home"],
  nav .menubutton.nav_cta[data-target="home"],
  nav .projectinner .project.nav_cta[data-target="home"] {
    margin-right: 0.5vw;
  }
  nav .nav_cta.data,
  nav .menubutton.data,
  nav .projectinner .project.data {
    margin-top: 0;
  }
  nav .nav_cta:hover,
  nav .menubutton:hover,
  nav .projectinner .project:hover {
    background: transparent;
  }
  nav .nav_cta.active,
  nav .menubutton.active,
  nav .projectinner .project.active {
    background: transparent;
  }
/*  nav .projectinner .project a {
    line-height: calc(((100dvh - 50vw) / 9) / 2) !important;
  }*/
  .bg {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 0;
    position: fixed;
    padding-left: 0.5vw;
    padding-top: 0.5vw;
    font-size: 0;
    transform: rotate(180deg);
    transform-origin: center;
    transition: top .5s linear;
  }
  .bg .cc {
    width: calc(99vw);
    margin-bottom: 0.5vw;
    height: calc((100dvh - 5.5vw) / 10);
    display: inline-block;
  }
  .content .block-type-image figure,
  .content .block-type-gallery figure {
    height: auto;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
  }
  .content .block-type-image figure img,
  .content .block-type-gallery figure img {
    display: block;
    height: auto;
    float: inherit;
    position: relative;
  }
  .content h1 {
    padding: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    font-size: 8vw !important;
    line-height: 8vw;
    border-radius: .5vw;
    margin-bottom: 0.5vw;
  }
  .content h2 {
    padding: 2vw;
    padding-left: 1vw;
    padding-bottom: 0.5vw;
    font-size: 6vw;
    line-height: 6vw;
    border-radius: .5vw;
    margin-bottom: 0.5vw;
  }
  .content p,
  .content ul,
  .content ol,
  .content .slidecontrols,
  .content .video figcaption,
  .content .audio figcaption {
    padding: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 5vw;
    line-height: 5.25vw;
    border-radius: .5vw;
    margin-bottom: 0.5vw;
    font-family: serif;
  }
  .content li::before {
    content: '';
    display: inline-block;
    width: 1vw;
    height: 1vw;
    vertical-align: middle;
    margin-bottom: 0.25vw;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: black;
  }
  .slide figcaption,
  .block-type-image figure figcaption {
    display: none !important;
  }
}

.debug {
  position: fixed;
  z-index: 10;
  background: hotpink;
  font-size: 2vw;
  margin: 1vw;
  padding: 1vw;
  right: 0;
  display: none;
}

.mobile2 {
  display: none;
}

@media screen and (max-width: 800px) {
  .mobile2 {
    display: block;
    font-size: 8vw !important;
    line-height: calc((100dvh) / 10) !important;
    text-align: center;
  }
  .mobile2 a {
    text-decoration: none;
  }
}

@media screen and (max-width: 800px) {
  .desktop {
    display: none !important;
  }
}

@media screen and (min-width: 800px) {
  .battery030 figcaption, .battery040 figcaption, .battery050 figcaption, .battery060 figcaption, .battery070 figcaption, .battery080 figcaption, .battery090 figcaption, .battery100 figcaption {
    display: none !important;
  }
  .battery030 figure:hover figcaption, .battery040 figure:hover figcaption, .battery050 figure:hover figcaption, .battery060 figure:hover figcaption, .battery070 figure:hover figcaption, .battery080 figure:hover figcaption, .battery090 figure:hover figcaption, .battery100 figure:hover figcaption {
    display: block !important;
  }
  .battery030 .audio figcaption, .battery030 .video figcaption, .battery040 .audio figcaption, .battery040 .video figcaption, .battery050 .audio figcaption, .battery050 .video figcaption, .battery060 .audio figcaption, .battery060 .video figcaption, .battery070 .audio figcaption, .battery070 .video figcaption, .battery080 .audio figcaption, .battery080 .video figcaption, .battery090 .audio figcaption, .battery090 .video figcaption, .battery100 .audio figcaption, .battery100 .video figcaption {
    display: block !important;
    font-family: "TimesNewArial";
    font-variation-settings: 'srff' 0, 'ital' 0, 'wght' 0;
  }
}

.battery000 figcaption, .battery010 figcaption, .battery020 figcaption {
  text-shadow: none !important;
}

.battery000 video, .battery000 audio, .battery010 video, .battery010 audio, .battery020 video, .battery020 audio {
  -webkit-border-radius: 0 !important;
  width: calc(100% - .5vw);
  margin-left: 0.25vw;
}

@media screen and (max-width: 800px) {
  .battery000 figcaption, .battery010 figcaption, .battery020 figcaption, .battery030 figcaption, .battery040 figcaption, .battery050 figcaption, .battery060 figcaption, .battery070 figcaption, .battery080 figcaption, .battery090 figcaption, .battery100 figcaption {
    margin-top: 1vw !important;
    position: relative !important;
    display: block !important;
    font-size: 4vw !important;
    line-height: 4.25vw !important;
  }
}

strong {
  font-variation-settings: 'srff' 0, 'ital' 0, 'wght' 40;
}