@font-face {
  font-family: Tactic;
  src: url('../font/Tactic-Regular.woff2') format('woff2'), 
    url('../font/Tactic-Regular.woff') format('woff'),
    url('../font/Tactic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: FK Grotesk Mono;
  src: url('../font/FKGroteskMono-Regular.woff2') format('woff2'), 
    url('../font/FKGroteskMono-Regular.woff') format('woff'),
    url('../font/FKGroteskMono-Regular.ttf') format('truetype');
}

:root {
  --bg-color: #EDEBEA;
  --color-main: #000;
  --color-second: rgba(0,0,0,0.87);
  --color-third:  rgba(0,0,0,0.5);
  /* --bg-color: #0f0f0f; */
  /* --color-second: #DEDEDE; */
  /* --color-third:  #808080; */
}

html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #EDEBEA;
}
body {
  position: relative;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #EDEBEA;
  background-color: var(--bg-color, #EDEBEA);
  color: #ffffff;
  color: var(--color-main, #ffffff);
  font-family: Tactic, sans-serif;
  font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
  line-height: 1.2;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
/*   scroll-behavior: smooth; */
  overflow-x: hidden;
}
body:before:not('.page-template-widget-template') {
    content: "";
    position: fixed;
    z-index: 4;
    width: 100vw;
    height: 120px;
    bottom: 0;
    background: linear-gradient(0deg, rgba(237, 235, 234, 1) 20%, rgba(237, 235, 234, 0) 100%);
}
body, img, a {
  -webkit-user-drag: none;
  user-drag: none;
}
body.no-scroll{
  overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Tactic, sans-serif;
  font-weight: 400;
  color: #ffffff;
  color: var(--color-main, #ffffff);
}
h1 {
  min-height: 0vw;
  margin: 0;
  font-size: calc(40px + 80 * ((100vw - 320px) / 1120));
  line-height: 0.94em;
  letter-spacing: -0.05em;
}
h2 {
  min-height: 0vw;
  margin-bottom: 50px;
  margin-bottom: calc(25px + 25 * ((100vw - 320px) / 1120));
  font-size: calc(22px + 14 * ((100vw - 320px) / 1120));
  line-height: 0.94em;
}
h3 {
  min-height: 0vw;
  margin-bottom: 2px;
  font-size: calc(15px + 5 * ((100vw - 320px) / 1120));
  line-height: 1.2;
  letter-spacing: 0.02em;
}

p, pre, li {
  margin-bottom: 1.2em;
  font-family: FK Grotesk Mono, monospace;
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
}
li {
  margin-bottom: 0;
}

a {
  color: rgba(255,255,255,0.5);
  color: var(--color-third, rgba(255,255,255,0.5));
  text-decoration: none;
}
a:hover{
  color: #ffffff;
  color: var(--color-main, #ffffff);
}

.ws-nowrap {
  white-space: nowrap;
}

.ff-tactic {
  font-family: Tactic, sans-serif;
}
.ff-grotesk {
  font-family: FK Grotesk Mono, monospace;
}

.hr {
  height: 1px;
  background-color: rgba(255,255,255,0.5);
  background-color: var(--color-third, rgba(255,255,255,0.5));
}
footer,
.module:not(.block-hero){
  background-color: #EDEBEA;
  background-color: var(--bg-color, #EDEBEA);
  z-index: 2;
  position: relative;
}
.space-big.module,
.space-big .module {
  min-height: 0vw;
  padding: 150px 0;
  padding-top: calc(100px + 50 * ((100vw - 320px) / 1120));
  padding-bottom: calc(100px + 50 * ((100vw - 320px) / 1120));
}
.module,
.space-medium.module,
.space-medium .module {
  min-height: 0vw;
  padding: 100px 0;
  padding-top: calc(50px + 50 * ((100vw - 320px) / 1120));
  padding-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
}
.space-small.module,
.space-small .module {
  min-height: 0vw;
  padding: 50px 0;
  padding-top: calc(25px + 25 * ((100vw - 320px) / 1120));
  padding-bottom: calc(25px + 25 * ((100vw - 320px) / 1120));
}

.bttn {
  display: inline-block;
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
  border-bottom: 2px solid;
}
.bttn.glitch,
.bttn.glitch-hover {
  padding-right: 1px;
}

.mt-20 {
  margin-top: 20px;
}

/*#####     Grid     #####*/

.container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns:  repeat( 12, 1fr );
  padding-left: 10px;
  padding-right: 10px;
}
.container > * {
  margin-left: 10px;
  margin-right: 10px;
}
.content {
  -ms-grid-column: 3;
  -ms-grid-column-span: 8;
  grid-column: 3 / 11;
}

@media (max-width: 767.9px){
  .container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .container > * {
    margin-left: 5px;
    margin-right: 5px;
  }
  .content {
    -ms-grid-column: 3;
    -ms-grid-column-span: 10;
    grid-column: 3 / 13;
  }
}

/*#####     Glitch     #####*/

.glitch[data-text],
.glitch [data-text],
.glitch-hover[data-text],
.glitch-hover [data-text] {
  position: relative;
}
@keyframes noise-anim {
  0% { clip: rect( 0.85em 9999px 0.83em 0); }
  5% { clip: rect( 0.21em 9999px 0.54em 0); }
  10% { clip: rect( 0.35em 9999px 0.81em 0); }
  15% { clip: rect( 0.02em 9999px 0.79em 0); }
  20% { clip: rect( 0.21em 9999px 0.40em 0); }
  25% { clip: rect( 0.52em 9999px 0.73em 0); }
  30% { clip: rect( 0.23em 9999px 0.62em 0); }
  35% { clip: rect( 0.34em 9999px 0.04em 0); }
  40% { clip: rect( 0.24em 9999px 0.30em 0); }
  45% { clip: rect( 0.46em 9999px 0.86em 0); }
  50% { clip: rect( 0.66em 9999px 0.65em 0); }
  55% { clip: rect( 0.17em 9999px 0.62em 0); }
  60% { clip: rect( 0.42em 9999px 0.73em 0); }
  65% { clip: rect( 0.19em 9999px 0.30em 0); }
  70% { clip: rect( 0.52em 9999px 0.01em 0); }
  75% { clip: rect( 0.09em 9999px 0.28em 0); }
  80% { clip: rect( 0.83em 9999px 0.02em 0); }
  85% { clip: rect( 0.61em 9999px 0.58em 0); }
  90% { clip: rect( 0.52em 9999px 0.34em 0); }
  95% { clip: rect( 0.98em 9999px 0.17em 0); }
  100% { clip: rect( 0.58em 9999px 1.00em 0); }
}
.glitch[data-text]::after,
.glitch [data-text]::after,
.glitch-hover[data-text]:hover::after,
.glitch-hover:hover [data-text]::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 1px;
  background-color: #0f0f0f;
  background-color: var(--bg-color, #0f0f0f);
  text-shadow: -1px 0 #bb0000;
  overflow: hidden;
  clip: rect(0, 9999px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}
@keyframes noise-anim-2 {
  0% { clip: rect( 0.06em 9999px 0.49em 0); }
  5% { clip: rect( 0.79em 9999px 0.19em 0); }
  10% { clip: rect( 0.02em 9999px 0.24em 0); }
  15% { clip: rect( 0.17em 9999px 0.96em 0); }
  20% { clip: rect( 0.71em 9999px 0.70em 0); }
  25% { clip: rect( 0.87em 9999px 0.38em 0); }
  30% { clip: rect( 0.11em 9999px 0.13em 0); }
  35% { clip: rect( 0.30em 9999px 0.01em 0); }
  40% { clip: rect( 0.59em 9999px 0.21em 0); }
  45% { clip: rect( 0.47em 9999px 0.67em 0); }
  50% { clip: rect( 0.87em 9999px 0.62em 0); }
  55% { clip: rect( 0.02em 9999px 0.90em 0); }
  60% { clip: rect( 0.61em 9999px 0.98em 0); }
  65% { clip: rect( 0.75em 9999px 0.57em 0); }
  70% { clip: rect( 0.68em 9999px 0.45em 0); }
  75% { clip: rect( 0.79em 9999px 0.17em 0); }
  80% { clip: rect( 0.61em 9999px 1.00em 0); }
  85% { clip: rect( 0.30em 9999px 0.60em 0); }
  90% { clip: rect( 0.91em 9999px 0.09em 0); }
  95% { clip: rect( 0.57em 9999px 0.93em 0); }
  100% { clip: rect( 0.08em 9999px 0.37em 0); }
}
.glitch[data-text]::before,
.glitch [data-text]::before,
.glitch-hover:hover[data-text]::before,
.glitch-hover:hover [data-text]::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: -1px;
  background-color: #0f0f0f;
  background-color: var(--bg-color, #0f0f0f);
  text-shadow: 1px 0 blue;
  overflow: hidden;
  clip: rect(0, 2000px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}
.glitch.big[data-text]::after,
.glitch.big [data-text]::after,
.glitch-hover.big[data-text]:hover::after,
.glitch-hover.big:hover [data-text]::after {
  left: 2px;
  text-shadow: -1px 0 red;
}
.glitch.big[data-text]:before,
.glitch.big [data-text]:before,
.glitch-hover.big[data-text]:hover:before,
.glitch-hover.big:hover [data-text]::before {
  left: -2px;
}


/*#####     Main     #####*/

#main {
  position: relative;
}


/*#####     PageLoader     #####*/

#pageloader {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  contain: content;
  cursor: none;
}
#pageloader > div {
  position: relative;
}
#pageloader.done {
  display: none;
}
#pageloader + #pagebody {
  min-height: 0vw;
  opacity: 0;
  -webkit-transition: opacity 1s ease .2s ;
  -moz-transition: opacity 1s ease .2s ;
  -o-transition: opacity 1s ease .2s ;
  transition: opacity 1s ease .2s ;
}
#pageloader .skipping {
  min-height: 0vw;
  margin-top: -5px;
  font-family: Tactic, sans-serif;
  font-size: calc(22px + 10 * (100vw - 320px) / 1120);
  color: #ffffff;
  color: var(--color-main, #ffffff);
  letter-spacing: -0.2px;
}
#pageloader-underscore.skipping {
  margin-top: 0;
}
#pageloader.skipped {
  opacity: 0;
  -webkit-transition: opacity .5s ease .5s ;
  -moz-transition: opacity .5s ease .5s ;
  -o-transition: opacity .5s ease .5s ;
  transition: opacity .5s ease .5s ;
}
#pageloader.done + #pagebody,
#pageloader.skipped + #pagebody {
  opacity: 1;
}
@keyframes char-noise {
  0% { opacity: 0.1; }
  2% { opacity: 1;   }
  8% { opacity: 0.1; }
  9% { opacity: 1;   }
  12% { opacity: 0.1; }
  20% { opacity: 1;   }
  25% { opacity: 0.3; }
  30% { opacity: 1;   }
  70% { opacity: 0.7; }
  72% { opacity: 0.2; }
  77% { opacity: 0.9; }
  100% { opacity: 1;  }
}
.char-noise-1 {
  -webkit-animation: char-noise 0.8s steps(12, end);
  animation: char-noise 0.8s steps(12, end);
}
.char-noise-2 {
  -webkit-animation: char-noise 0.4s steps(6, end);
  animation: char-noise 0.4s steps(6, end);
}
@keyframes underscore-blink {
  from, to { opacity: 0; }
  50% { opacity: 1; }
}
#pageloader-underscore {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: underscore-blink 0.4s step-end infinite;
  animation: underscore-blink 0.4s step-end infinite;
}



/*#####     Header     #####*/

header {
  position: fixed;
  z-index: 1200;
  /* width: 100%; */
  top: 0;
  left: 0;
}
header .main-nav {
  position: fixed;
  z-index: -1;
  top: -100vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  -webkit-transition: transform .3s linear .1s;
  -moz-transition: transform .3s linear .1s;
  -o-transition: transform .3s linear .1s;
  transition: transform .3s linear .1s;
}
header .main-nav::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f0f0f;
  background-color: var(--bg-color, #0f0f0f);
}
header.menu-open .main-nav {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  transform: translateY(100%);
}
header .menu-top a {
  display: inline-block;
  min-height: 0vw;
  margin-top: 20px;
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
  font-size: calc(14px + 10 * (100vw - 320px) / 1120);
}
header .menu-top,
header .menu-middle,
header .menu-bottom {
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
}
header.menu-open .menu-top,
header.menu-open .menu-middle,
header.menu-open .menu-bottom {
  opacity: 1;
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}
header .menu-middle {
  position: absolute;
  width: 100%;
  top: 50vh;
  margin-top: 9vw;
}
header #menu-main {
  display: inline-block;
  padding: 0;
  list-style: none;
}
header #menu-main a {
  display: inline-block;
  margin: 3px 0;
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
}
header .menu-item-type-post_type.current-menu-item::after {
  content: '\005F';
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
}

header .menu-bottom {
  position: absolute;
  width: 100%;
  bottom: 20px;
}
header .menu-bottom p {
  margin-bottom: 0;
}

header .logo {
  position: absolute;
  min-height: 0vw;
  top: 0;
  left: 0;
  padding: 15px 20px;
  font-size: calc(22px + 10 * (100vw - 320px) / 1120);
  color: #ffffff;
  color: var(--color-main, #ffffff);
  -webkit-transition: font-size .3s linear, top .3s linear;
  -moz-transition: font-size .3s linear, top .3s linear;
  -o-transition: font-size .3s linear, top .3s linear;
  transition: font-size .3s linear, top .3s linear;
  width: 600px;
}
    @media (max-width: 767.9px) {
      header .logo {
        width: calc(100vw - 60px);
      }
    }
body.home .block-hero h1,
body.home .block-hero p{
  opacity: 0;
}

header .logo:after {
  content: attr(data-intro);
  opacity: 0.5;
}
body{
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}
body.saipien-open.saipien-fullscreen {
  overflow: hidden;
  height: 100vh;
}
body.saipien-open:not(.saipien-fullscreen) {
	width: 60vw;
}
@media screen and (max-width: 768px) {
	body.saipien-open {
		width: 100vw !important;
	}
}

body.saipien-open.saipien-fullscreen header .logo{
  color: black;
}
@media (max-width: 767.9px) {
  body.saipien-open header .logo{
    color: black;
  }
}
body.saipien-open #mouse-cursor.saipien-side::after,
body.saipien-open.saipien-fullscreen #mouse-cursor::after {
  background-color: black;
}

header.menu-open .logo {
  font-size: calc(12vw - 6px);
  top: calc(50vh - 0.6em - 15px);
}
header .burger {
  float: right;
  padding: 15px 20px;
}
header .line-top,
header .line-bottom {
  height: 2px;
  background-color: #ffffff;
  background-color: var(--color-main, #ffffff);
  -webkit-transition: width .2s linear, color .2s linear;
  -moz-transition: width .2s linear, color .2s linear;
  -o-transition: width .2s linear, color .2s linear;
  transition: width .2s linear, color .2s linear;
}
header .line-top {
  display: inline-block;
  width: calc(32px + 32 * (100vw - 320px) / 1120);
  vertical-align: middle;
}
header.menu-open .line-top{
  width: 0px;
}
header .line-bottom {
  width: calc(16px + 16 * (100vw - 320px) / 1120);
  margin-left: auto;
}
header.menu-open .line-bottom {
  width: calc(35px + 27 * (100vw - 320px) / 1120);
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
}
header .burger .close {
  display: inline-block;
  min-height: 0vw;
  width: 0;
  margin-bottom: -5px;
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
  font-size: calc(14px + 10 * (100vw - 320px) / 1120);
  line-height: 1;
  text-align: right;
  overflow: hidden;
  -webkit-transition: width .2s linear, color .2s linear;
  -moz-transition: width .2s linear, color .2s linear;
  -o-transition: width .2s linear, color .2s linear;
  transition: width .2s linear, color .2s linear;
}
header.menu-open .close {
  width: calc(36px + 28 * (100vw - 320px) / 1120);
  margin-top: 5px;
}

/*#####     Footer     #####*/

footer {
  min-height: 0vw;
  margin-top: 0;

  padding: 20px 0 100px;
  margin-bottom: 100vh;
}
footer .container {
  position: relative;
}
footer .logo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
}
footer .logo a {
  min-height: 0vw;
  margin-right: 0;
  font-family: Tactic, sans-serif;
  font-size: calc(21px + 11 * ((100vw - 320px) / 1120));
  color: #ffffff;
  color: var(--color-main, #ffffff);
}
footer .logo a::after {

}
footer a {
  display: inline-block;
  margin-right: 25px;
  font-family: FK Grotesk Mono, monospace;
}
footer .contact,
footer .social {
  min-height: 0vw;
  padding-top: 5px;
  margin-bottom: 100px;
  margin-bottom: calc(25px + 75 * ((100vw - 320px) / 1120));
}

footer .title,
footer .back-to-top .text {
  color: rgba(255,255,255,0.87);
  color: var(--color-second, rgba(255,255,255,0.87));
}
footer .contact p {
  margin: 50px 0 0;
}

footer .contact,
footer .privacy,
footer .copy-right {
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  grid-column: 6 / 9;
}
footer .copy-right {
  -ms-grid-column-span: 7;
  grid-column-end: 13;
  margin-bottom: 0;
}
footer .social,
footer .imprint {
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  grid-column: 9 / 12;
}

footer .back-to-top {
  position: absolute;
  top: 5px;
  right: 20px;
}
footer .back-to-top .text {
  padding-right: 1px;
}
footer .back-to-top .arrow {
  display: none;
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
}
body{
  /* container-type: size; */
}
@container (max-width: 1250px){
  footer .contact,
  footer .privacy,
  footer .copy-right {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5 / 8;
  }
  footer .copy-right {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
}
@media (max-width: 1250px){
  footer .contact,
  footer .privacy,
  footer .copy-right {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5 / 8;
  }
  footer .copy-right {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
}
@container (max-width: 1120px){
  footer .logo {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
    margin-bottom: 25px;
  }
  footer .contact,
  footer .privacy,
  footer .copy-right {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / 6;
  }
  footer .copy-right {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
  footer .social,
  footer .imprint {
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    grid-column: 6 / 12;
  }
}
@media (max-width: 1120px){
  footer .logo {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
    margin-bottom: 25px;
  }
  footer .contact,
  footer .privacy,
  footer .copy-right {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / 6;
  }
  footer .copy-right {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
  footer .social,
  footer .imprint {
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    grid-column: 6 / 12;
  }
}
@container (max-width: 767.9px){
  footer {
    padding-bottom: 38px;
  }
  footer .logo {
    margin-bottom: 50px;
  }
  footer .contact p {
    margin-top: 25px;
  }
  footer .contact {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
  footer .social {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
  }
  footer .imprint {
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    grid-column: 6 / 13;
  }
  footer .back-to-top {
    right: 10px;
  }
}
@media (max-width: 767.9px) {
  footer {
    padding-bottom: 38px;
  }
  footer .logo {
    margin-bottom: 50px;
  }
  footer .contact p {
    margin-top: 25px;
  }
  footer .contact {
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
  footer .social {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
  }
  footer .imprint {
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    grid-column: 6 / 13;
  }
  footer .back-to-top {
    right: 10px;
  }
}
@media (max-width: 575.9px){
  footer .back-to-top .text {
    display: none;
  }
  footer .back-to-top .arrow {
    display: block;
  }
}

/* 404 */

.page-404 h1 {
  font-size: 36vw;
  margin-left: -0.02em;
  margin-bottom: calc(-6.2vw + 35px);
}
.page-404 .glitch::before,
.page-404 .glitch::after {
  min-height: 0vw;
  background-color: #0f0f0f;
}
.page-404 .glitch::before {
  left: calc(-2px - 3 * (100vw - 320px) / 1120);
  text-shadow: 2px 0 blue;
  color: #fff5f5;
  animation: noise-anim 3s infinite linear alternate-reverse;
}
.page-404 .glitch::after {
  left: calc(2px + 3 * (100vw - 320px) / 1120);
  text-shadow: -2px 0 #bb0000;
  color: #f5f5ff;
  animation: noise-anim-2 4s infinite linear alternate-reverse;
}
.page-404 .bttn {
  position: relative;
  z-index: 1;
}
.page-404 p {
  margin: 0;
}
.page-404 .flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 99.9vh;
  padding-top: 15px;
  padding-bottom: 20px;
}

@media (max-width: 767.9px){
  .page-404 .top {
    opacity: 0;
  }
}

/* Screensaver */

#screensaver {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: -100vw;
  width: 100vw;
  height: 100vh;
  background-color: #0f0f0f;
  opacity: 0;
  transition: opacity .3s linear;
}
#screensaver.show{
  left: 0;
  opacity: 1;
}
#screensaver #h-logo {
  position: absolute;
  min-height: 0vw;
  margin-left: -0.06em;
  font-size: calc(82px + 78 * (100vw - 320px) / 1120);
  line-height: 0.9;
}
#screensaver .color-1 {color: #ffbbbb;}
#screensaver .color-2 {color: #bbffbb;}
#screensaver .color-3 {color: #bbbbff;}
#screensaver .color-4 {color: #ffffbb;}
#screensaver .color-5 {color: #ffbbff;}
#screensaver .color-6 {color: #bbffff;}


/* page contact */

.page-contact .left{
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
}
.page-contact .middle{
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  grid-column: 6 / 9;
}
.page-contact .right{
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / 13;
}

@media (max-width: 1250px){
  .page-contact .middle{
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5 / 9;
  }
}
@media (max-width: 1120px){
  .page-contact .left{
    -ms-grid-column-span: 5;
    grid-column-end: 6;
  }
  .page-contact .middle,
  .page-contact .right {
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    grid-column: 6 / 13;
  }
}
@media (max-width: 767.9px){
  .page-contact .left{
    -ms-grid-column-span: 12;
    grid-column-end: 13;
    margin-bottom: 35px;
  }
  .page-contact .middle,
  .page-contact .right {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
  }
  .page-contact .right a + br {
    display: none
  }
}

/* Borlabs cookies */

#BorlabsCookieBox ._brlbs-bar .cookie-box .container {
  max-width: 100%;
}
#BorlabsCookieBox .show-cookie-box > div {
  cursor: auto;
}
#BorlabsCookieBox a {
  cursor: pointer;
}

#BorlabsCookieBox.BorlabsCookie ._brlbs-bar {
  padding: 21px 0;
}
#BorlabsCookieBox.BorlabsCookie .container {
  padding: 0 20px;
}
#BorlabsCookieBox ._brlbs-bar-slim .cookie-box .col-12.col-sm-9 {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: initial;
  padding-right: 35px;
}
#BorlabsCookieBox ._brlbs-bar-slim .cookie-box .col-12.col-sm-3 {
  flex: none;
  max-width: initial;
  width: calc(100px + 7%);
}
#CookieBoxTextDescription {
  flex: 1;
  padding-right: calc( 25% - 90px );
}
#CookieBoxTextDescription span {
  background-color: #0f0f0f !important;
}
#BorlabsCookieBox ._brlbs-actions {
  width: calc(105px + 8%);
}

._brlbs-block-content a {
  cursor: pointer;
  color: #808080;
}
.show-cookie-box a:hover {
  color: #ffffff;
}
#BorlabsCookieBox th {
  font-weight: 400;
}
#BorlabsCookieBox.BorlabsCookie h3,
#BorlabsCookieBox.BorlabsCookie ._brlbs-h3,
#BorlabsCookieBox.BorlabsCookie h4,
#BorlabsCookieBox.BorlabsCookie ._brlbs-h4 {
  display: inline-block;
  min-height: 0vw;
  font-family: Tactic, sans-serif;
  color: #ffffff;
  color: var(--color-main, #ffffff);
  text-transform: lowercase;
}
#BorlabsCookieBox ._brlbs-h3::before,
#BorlabsCookieBox ._brlbs-h4::before {
  content: '\005F';
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-block-content ._brlbs-h3 {
  margin-bottom: calc(25px + 11 * (100vw - 320px) / 1120);
  font-size: calc(22px + 14 * ((100vw - 320px) / 1120));
  line-height: 0.94em;
}
#BorlabsCookieBox.BorlabsCookie .cookie-box h3::before,
#BorlabsCookieBox.BorlabsCookie .cookie-box ._brlbs-h3::before {
  margin-right: -6px;
}

#BorlabsCookieBox.BorlabsCookie ._brlbs-block-content ._brlbs-h4 {
  margin-bottom: 2px;
  font-size: calc(15px + 5 * ((100vw - 320px) / 1120));
  letter-spacing: 0.02em;
}
#BorlabsCookieBox.BorlabsCookie p {
  margin-top: 0;
}
#BorlabsCookieBox.BorlabsCookie p,
#BorlabsCookieBox.BorlabsCookie .bcac-item p,
#BorlabsCookieBox.BorlabsCookie ul li,
#BorlabsCookieBox.BorlabsCookie .cookie-preference table td, 
#BorlabsCookieBox.BorlabsCookie .cookie-preference table th {
  font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
}

#BorlabsCookieBox.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
  width: 16px;
  height: 16px;
  top: 1px;
  border-width: 1px;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator::after {
  height: 12px;
  top: 0;
  left: 4px;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-manage a,
#BorlabsCookieBox.BorlabsCookie ._brlbs-btn {
  min-height: 0vw;
  padding: 15px 0;
  color: #dedede;
  font-family: Tactic, sans-serif;
  font-size: calc(14px + 10 * (100vw - 320px) / 1120);
  text-decoration: underline;
}
#BorlabsCookieBox.BorlabsCookie .cookie-box ._brlbs-manage a{
  display: block;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-bar-advanced ul, 
#BorlabsCookieBox.BorlabsCookie ._brlbs-box-advanced ul {
  justify-content: center;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-bar-advanced ul li,
#BorlabsCookieBox.BorlabsCookie ._brlbs-box-advanced ul li {
  margin-right: 3vw;
  margin-left: 3vw;
}

@media (max-width: 767.9px) {
  #BorlabsCookieBox.BorlabsCookie .container {
    padding: 0 15px;
  }
  #BorlabsCookieBox ._brlbs-bar-slim .cookie-box .col-12.col-sm-9,
  #BorlabsCookieBox ._brlbs-bar-slim .cookie-box .col-12.col-sm-3 {
    padding: 0 10px;
  }
  #BorlabsCookieBox ._brlbs-bar-slim .cookie-box .col-12.col-sm-3 {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
    width: auto;
  }
  #CookieBoxTextDescription {
    padding-right: 0;
  }
  #BorlabsCookieBox ._brlbs-bar._brlbs-bar-slim .cookie-box ._brlbs-actions-mobile {
    margin-right: 25px;
  }
}