/*
  Theme Name: K-TEC 2
  Author: Rainer Falkenroth
  Version: 2.1
*/
@font-face {
  font-family: "Satoshi-Variable";
  src: url("fonts/Satoshi-Variable.woff2") format("woff2"),
    url("fonts/Satoshi-Variable.woff") format("woff"),
    url("fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
b,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
head,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}
body,
html {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
  font-family: "Satoshi-Variable", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.33vw;
  line-height: 110%;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.head .logo,
.coating > .logo,
.imprint > .logo,
.policy > .logo,
.samples > .logo {
  position: absolute;
  background: url(../../uploads/K-TEC-Logo.svg) 50% 50% no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: -999px;
}
.no-scroll .head .logo {
  display: none;
}
.menubtn {
  display: block;
  position: fixed;
  z-index: 102;
  top: 3.2vw;
  right: 6vw;
  width: 4vw;
  height: 4vw;
  cursor: pointer;
}
.menu {
  list-style: none;
}
.langwrapper {
  display: block;
  position: fixed;
  z-index: 102;
  top: 4.4vw;
  right: 2vw;
  width: 3vw;
}
.pll-parent-menu-item > a {
  display: block;
  width: 1.8vw;
  height: 1.8vw;
  background: url(svg/language.svg) 50% 50% no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: -999px;
  margin-bottom: 1rem;
  cursor: pointer;
}
.pll-parent-menu-item > a.weiss {
  filter: saturate(0%) brightness(500%);
}
.head .menu li a.weiss {
  color: #fff;
}
.langwrapper .sub-menu {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s;
}
.head .langwrapper .menu li {
  display: block;
  margin: 0 0 0.5rem 0;
  color: #eb6f06;
}
body.no-scroll .menubtn {
  display: none;
}
.menubtn span {
  position: absolute;
  display: block;
  width: 3vw;
  height: 0.15vw;
  background-color: #eb6f06;
  top: 50%;
  margin-top: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.menubtn span.weiss {
  background-color: #fff;
}
.menubtn .l1 {
  margin-top: -0.8vw;
}
.menubtn .l2 {
  margin-top: 0.8vw;
}
.menu_active .menubtn span {
  margin-top: 0;
}
.menu_active .menubtn .l1 {
  margin-left: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu_active .menubtn .l2 {
  margin-left: 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu_active .menubtn .l3 {
  opacity: 0;
}
.foot .logo {
  background: url(../../uploads/K-TEC-Logo-w.svg) 50% 50% no-repeat;
  background-size: contain;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}
.coating.closing,
.samples.closing,
.imprint.closing,
.policy.closing {
  animation: fadeOut 0.3s ease;
}
body.no-scroll {
  overflow: hidden;
}
.scrollwrap.layer-active {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.roll .slick-slide {
  float: left;
  padding-right: 17vw;
}
.roll figure img {
  height: 100vh;
  width: auto !important;
  max-width: unset !important;
  margin: 0;
}
.exhibition {
  width: 100vw;
  height: 20rem;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  overflow-y: auto;
  pointer-events: none;
  transition: opacity 0.5s;
}
.exhibition .slick-slide {
  float: left;
  padding: 0 0.6vw 0.6vw 6vw;
  opacity: 1;
}
.exhibition .slick-slide.invisible {
  opacity: 0;
}
.exhibition .slick-prev {
  display: none !important;
}
.exhibition .slick-next {
  font-size: 0;
  line-height: 0;
  border: none;
  outline: none;
  position: absolute;
  appearance: none;
  top: 7rem;
  right: 0;
  width: 6vw;
  height: 14vw;
  background: rgba(255, 255, 255, 0.8) url(svg/arrow.svg) 50% 50% no-repeat;
  background-size: 2.2vw 4.4vw;
  cursor: pointer;
  z-index: 100;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none;
  margin: 0;
  padding: 0;
  z-index: 50;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none;
  margin: 0;
  padding: 0;
  z-index: 50;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.coating,
.samples,
.imprint,
.policy {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  overflow-y: auto;
  animation: fadeIn 0.3s ease;
  transition: background-color 0.3s, color 0.3s;
}
.samples .wp-block-group__inner-container {
  padding-bottom: 10vw;
}
.imprint .wp-block-group__inner-container,
.policy .wp-block-group__inner-container {
  padding: 10vw 6vw;
}
.coating.active,
.samples.active,
.imprint.active,
.policy.active {
  display: block;
}
.exhibition.active {
  opacity: 1;
  pointer-events: all;
}
.samples.darkmode {
  background-color: #000;
  color: #fff;
}
.toggle,
.btn,
.roll figure,
.roll figure img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 2rem;
  height: 1rem;
  text-align: center;
  background-color: #eb6f06;
  border: 0.3rem solid #eb6f06;
  border-radius: 1rem;
  transition: all 0.3s;
  margin: 1rem 0 -2rem 44vw;
}
.toggle::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background-color: #fff;
  transition: all 0.2s;
}
.darkmode .toggle {
  background-color: #fff;
  border: 0.3rem solid #fff;
}
.darkmode .toggle::before {
  left: 1rem;
  background-color: #000;
}
h2 {
  font-size: 2.74rem;
  line-height: 110%;
}
.map h2,
.st4 h2 {
  font-size: 2.5rem;
  margin-bottom: 0.5em;
  line-height: 110%;
}
h3,
.st1 strong,
.events strong,
.events h2,
.samples strong,
.imprint h2,
.policy h2 {
  font-size: 1.75rem;
  line-height: 110%;
}
.btn,
.hero figcaption,
.map figcaption,
.map strong,
.st4 strong,
.st6 strong,
.p38 strong,
.events .event h3,
.events .event h3 strong,
.events .event p,
.imgcols.three strong,
.imprint h3,
.imprint h3 strong {
  font-size: 1.25rem;
  line-height: 110%;
}
.coating .p38 {
  max-width: 35rem;
}
.head div .menu a,
.coating .p38 strong {
  font-size: 1rem;
  line-height: 110%;
}
p,
.policy h2,
.imprint h2,
.imprint h3 {
  margin-bottom: 1em;
}
p:not(.btn):last-child {
  margin-bottom: 0;
}
.imprint h3 {
  font-weight: 400;
}
b,
strong,
h2,
h3,
.langwrapper a,
.imprint h3 strong {
  font-family: "Satoshi-Variable", Arial, sans-serif;
  font-weight: 700;
}
a {
  text-decoration: none;
  color: inherit;
}
.mobile {
  display: none;
}
.scale {
  pointer-events: none;
  width: 0;
  height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
}
.hero {
  position: relative;
}
.hero figcaption {
  margin: 0;
  position: absolute;
  color: #eb6f06;
  line-height: 125%;
}
.or,
.foot {
  color: #fff;
  background-color: #eb6f06;
}
.head {
  position: absolute;
  z-index: 999;
}
.foot {
  position: relative;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.foot .grid {
  grid-area: 1 / 1 / 2 / 2;
  padding-left: 0.5em;
  margin-left: -0.5em;
}
.foot .grid:nth-child(2) {
  grid-area: 1 / 2 / 2 / 3;
}
.foot .grid:nth-child(3) {
  grid-area: 1 / 4 / 2 / 5;
}
.foot .grid:nth-child(4) {
  grid-area: 2 / 1 / 3 / 4;
}
.foot .menu {
  margin-top: 6.2em;
  list-style: none;
}
.btn {
  cursor: pointer;
  display: inline-block;
  color: #eb6f06;
  background: #fff;
  border: 1.5px solid #eb6f06;
  border-radius: 999px;
  padding: 0.2em 1em;
  margin-bottom: 0;
  min-width: 4.4em;
  text-align: center;
}
.policy ul {
  margin: 0 0 1em 1em;
}
.policy ul li {
  margin-bottom: 0.5em;
}
.post-edit-link {
  position: fixed;
  top: 0.5vw;
  right: 5vw;
  color: #eb6f06;
  z-index: 5000;
}
@media all and (max-width: 770px) {
  body,
  html {
    font-size: 5vw;
    line-height: 110%;
  }
  .st1 strong {
    font-family: "Satoshi-Variable", Arial, sans-serif;
    font-weight: 400;
    margin-top: -5vw;
    display: inline-block;
  }
  .scrollwrap {
    overflow-x: hidden;
  }
  .head .logo,
  .coating > .logo,
  .imprint > .logo,
  .policy > .logo,
  .samples > .logo {
    position: absolute;
    width: 38vw;
    height: 11vw;
    top: 11vw;
    left: 5vw;
  }
  h2,
  .st4 h2,
  .coating h3,
  .map strong,
  .head div .menu a {
    font-size: 1.8rem;
    line-height: 110%;
    font-weight: 800;
  }
  h3,
  .events strong,
  .events h2,
  .map h2,
  .samples strong {
    font-size: 1.2rem;
    line-height: 110%;
    font-weight: 800;
  }
  .hero figcaption,
  .map figcaption,
  .st1 strong,
  .p38 strong,
  .head .langwrapper .menu a {
    font-size: 1rem;
    line-height: 110%;
  }
  .menubtn {
    top: 10vw;
    right: 14vw;
    width: 11vw;
    height: 11vw;
  }
  .menubtn span {
    width: 11vw;
    height: 0.5vw;
  }
  .menubtn .l1 {
    margin-top: -3.7vw;
  }
  .menubtn .l2 {
    margin-top: 3.7vw;
  }
  .menuwrapper {
    position: fixed;
    top: 0;
    left: -120vw;
    width: 100%;
    height: 100vh;
    background-color: #eb6f06;
    transition: left 0.6s ease-in-out;
  }
  .menuwrapper div .menu {
    margin: 30vw 15vw 15vw 15vw;
    color: #fff;
  }
  .menuwrapper > .menu {
    margin: 15vw 15vw 15vw 15vw;
    color: #fff;
    line-height: 150%;
  }
  .menuwrapper div .menu a {
    font-family: "Satoshi-Variable", sans-serif;
    font-weight: 700;
    line-height: 150%;
  }
  .menu_active .menuwrapper {
    left: 0;
  }
  .menu_active.no-scroll .menuwrapper {
    left: -120vw;
  }
  .menu_active .menubtn span {
    background-color: #fff;
  }
  .menu_active .pll-parent-menu-item > a {
    filter: saturate(0%) brightness(500%);
  }
  .menu_active .head .langwrapper .menu a {
    color: #fff;
  }
  .langwrapper {
    top: 12vw;
    right: 2vw;
    width: 8vw;
  }
  .pll-parent-menu-item > a {
    width: 8vw;
    height: 8vw;
    margin-bottom: 1rem;
  }
  .langwrapper.active .sub-menu {
    max-height: 6em;
  }
  .closesamples.btn,
  .closecoating.btn,
  .closeimprint.btn,
  .closepolicy.btn {
    position: fixed;
    top: 11.5vw;
    right: 12vw;
    padding: 0.2em 0.4em;
  }
  .closesamples.btn {
    background-color: #000;
  }
  .coating,
  .samples,
  .imprint,
  .policy {
    padding-top: 35vw;
  }
  .events {
    padding: 10vw 0 25vw 0;
    position: relative;
  }
  .events p:not(.btn) {
    padding: 0 5vw;
  }
  .events .exhibition p:not(.btn) {
    padding: 0;
  }
  .events .btn {
    position: absolute;
    top: calc(100% - 15vw);
    right: auto;
    left: 5vw;
    z-index: 101;
  }
  .exhibition {
    position: absolute;
    top: 0;
    bottom: unset;
  }
  .toggle {
    display: none;
    /* margin: 0 5vw 5vw 5vw;*/
  }
  .st1 {
    padding: 15vw 8vw 15vw 5vw;
  }
  .team + .st1 {
    margin-top: 15vw;
  }
  .st1.or .wp-block-columns {
    flex-direction: column-reverse;
    padding-right: 5vw;
  }
  .rev {
    flex-direction: column-reverse;
  }
  .st2 {
    padding: 10vw 5vw 35vw 42vw;
  }
  html[lang*="ru-RU"] .st2 {
    padding: 10vw 5vw 35vw 25vw;
  }
  .st3 {
    padding: 15vw 10vw;
  }
  .st6 {
    padding: 0 5vw 10vw 5vw;
    flex-direction: column-reverse;
  }
  .st6 h2 {
    margin: 15vw -5vw 5vw 10vw;
  }
  .st6 strong {
    font-size: 1rem;
    line-height: 110%;
  }
  .exhibition h2,
  .imgcols h2,
  .coating h2,
  .coating h3,
  .map figcaption,
  .p38 {
    padding: 5vw;
  }
  .samples h2 {
    padding: 5vw 5vw 15vw 5vw;
  }
  .team h2 {
    padding: 5vw 5vw 15vw 10vw;
  }
  .team figcaption {
    padding: 4vw 10vw 5vw 10vw;
  }
  .st4 h2 {
    padding: 10vw 5vw 15vw 15vw;
  }
  .st4 strong {
    display: inline-block;
    max-width: 14em;
    margin-bottom: 10vw;
  }
  .st5 h2 {
    padding: 10vw 5vw 0 20vw;
  }
  .imgcols.three h2 {
    padding: 5vw 5vw 15vw 15vw;
  }
  .imgcols.three strong {
    display: inline-block;
    margin-bottom: 10vw;
  }
  .imgcols.three figure {
    width: 90vw;
    padding: 30vw 0 15vw 10vw;
  }
  .imgcols.three figure.w19 {
    width: 70vw;
    padding: 15vw 0 5vw 0;
  }
  .p13 .btn {
    width: 8em;
    margin: 0 5vw 30vw 50vw !important;
    white-space: nowrap;
    transform: translateX(-50%);
  }
  .st6 .btn {
    width: 8em;
    white-space: nowrap;
    margin: 5vw 5vw 15vw 10vw !important;
  }
  .p38 strong {
    display: inline-block;
    margin-bottom: 10vw;
  }
  .map {
    position: relative;
    max-height: 170vw;
    overflow-y: hidden;
    transition: max-height 1s ease-in;
  }
  .map.show {
    max-height: 400vw;
  }
  .map .more {
    position: absolute;
    top: 154.5vw;
    left: 0;
    width: 100%;
    height: 16vw;
    background: #eb6f06 url(svg/more.svg) 10vw 50% no-repeat;
    cursor: pointer;
  }
  .map.show .more {
    display: none;
  }
  .map h2 {
    padding: 7.5vw 10vw 5vw 10vw;
    width: 10em;
  }
  .map img {
    display: none;
  }
  .map figcaption {
    padding: 0 10vw 10vw 10vw;
    margin: 0 !important;
  }
  .map p {
    padding: 0 10vw;
  }
  .st4 p,
  .imgcols p,
  .coating p:not(.btn) {
    padding: 0 5vw;
  }
  .st3 .wp-block-columns,
  .st4 p:last-child,
  .imgcols p:last-child,
  .coating p:last-child,
  .st1 h3,
  .samples img,
  .coating img,
  .policy h2 {
    margin-bottom: 5vw;
  }
  .map p:last-child,
  .st1 h2,
  .st3 h3 {
    margin-bottom: 15vw;
  }
  .coating h3 {
    margin-bottom: 20vw;
  }
  .st3 h3 {
    width: 10em;
  }
  .st3 .wp-block-columns {
    gap: 5vw;
  }
  .st4 img {
    width: 85vw;
    margin-left: 15vw;
  }
  .rv {
    position: relative;
  }
  .partner2,
  .partner3,
  .partner4,
  .partner5 {
    overflow: hidden;
  }
  .partner1 img {
    transform: scale(0.95);
  }
  .partner2 img {
    margin: 2% 0 0 -12%;
    transform: scale(1.17);
  }
  .partner3 img {
    margin: 5% 0 0 9.5%;
  }
  .partner4 img {
    margin: 2% 0 2vw -4%;
    transform: scale(1.33);
  }
  .partner5 img {
    transform: scale(1.07);
    margin: 5% 0 5vw -15.3%;
  }
  .exhibition .slick-list {
    height: 80vw !important;
  }
  .exhibition .slick-slide {
    padding-left: 5vw;
    padding-bottom: 15vw;
  }
  .roll .slick-slide {
    float: left;
    padding-right: 29vw;
  }
  .hero figcaption {
    bottom: unset;
    top: 165vw;
    left: 5vw;
  }
  .hero picture {
    display: inline-block;
    max-height: 160vw;
    margin-bottom: 15vw;
    overflow-y: hidden;
  }
  .roll figure img {
    height: 89vw;
    width: auto !important;
    max-width: unset !important;
    margin: 0;
  }
  .roll figure.roll1 img {
    height: calc(89vw - 37vw);
  }
  .roll figure.roll2 img {
    height: calc(89vw - 24vw);
    margin-top: 24vw;
  }
  .roll figure.roll3 img {
    height: calc(89vw - 44vw);
    margin-top: 4vw;
  }
  .roll figure.roll4 img {
    height: calc(89vw - 51vw);
    margin-top: 9vw;
  }
  .roll figure.roll5 img {
    height: calc(89vw - 31vw);
  }
  .roll figure.roll6 img {
    height: calc(89vw - 37vw);
    margin-top: 37vw;
  }
  .showsamples.btn {
    margin-top: 0;
    position: absolute;
    top: 40vw;
    left: 5vw;
    white-space: nowrap;
  }
  html[lang*="ru-RU"] .showsamples.btn {
    top: 55vw;
  }
  .showcoating.btn {
    margin: 15vw 0 0 0;
    white-space: nowrap;
  }
  .w44 {
    width: 79vw;
  }
  .w75,
  .coating .w37 {
    width: 84vw;
  }
  .coating .w37 {
    padding: 25vw 0;
  }
  .coating .w37.t-14 {
    width: 68vw;
    padding: 20vw 5vw 20vw 0;
  }
  .coating .b9.t10 .w37 {
    width: 100%;
    padding-bottom: 0;
  }
  .coating .w57.l6 {
    width: 90vw;
    padding: 0 0 15vw 10vw;
  }
  .coating .t10.b9 {
    flex-direction: column-reverse;
    width: 100vw;
    overflow: hidden;
  }
  .coating .t14 h3 {
    padding-left: 10vw;
  }
  .coating .p38 strong {
    padding-top: 15vw;
  }
  .b14 img {
    margin: 15vw 0;
  }
  .t-22 {
    width: 50vw;
    padding: 10vw 5vw 20vw 5vw;
  }
  .l26 {
    width: 48vw;
    padding: 10vw 0 0 52vw;
  }
  .foot {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: 10vw 5vw;
  }
  .foot .grid {
    grid-area: 1 / 1 / 2 / 2;
  }
  .foot .grid:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
  }
  .foot .grid:nth-child(3) {
    grid-area: 3 / 1 / 4 / 2;
  }
  .foot .logo {
    width: 38vw;
    height: 11vw;
    margin-bottom: 15vw;
  }
  .foot .menu {
    margin-top: 14vw;
    line-height: 150%;
  }
  .download {
    margin-bottom: 14vw;
  }
}
@media all and (min-width: 771px) {
  .btn:hover {
    color: #fff;
    background: #eb6f06;
    border: 1.5px solid #fff;
  }
  .head .logo,
  .coating > .logo,
  .imprint > .logo,
  .policy > .logo,
  .samples > .logo {
    position: absolute;
    width: 12vw;
    height: 4vw;
    top: 4vw;
    left: 6vw;
  }
  .foot .logo {
    width: 12vw;
    height: 4vw;
  }
  .foot .menu {
    float: right;
  }
  .hero figcaption {
    bottom: 8vw;
    left: 6vw;
    width: 15em;
  }
  .menuwrapper {
    position: fixed;
    top: 4vw;
    right: 12vw;
    opacity: 0;
    pointer-events: none;
    background-color: #eb6f06;
    border: 1.5px solid #eb6f06;
    border-radius: 999px;
    padding: 0.38em 0.9em;
    transition: opacity 0.3s;
  }
  .menuwrapper div + .menu {
    display: none;
  }
  .head .menu li {
    display: inline-block;
    margin: 0 0.3em;
  }
  .foot .menu li a,
  .head .menuwrapper .menu li a {
    color: #fff;
    transition: font-weight 0.3s;
  }
  .foot .menu li a:hover,
  .head .menu li a:hover {
    font-weight: 700;
  }
  .langwrapper:hover .sub-menu {
    max-height: 6em;
  }
  .menu_active:not(.no-scroll) .menuwrapper {
    opacity: 1;
    pointer-events: all;
  }
  .foot {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    padding: 6vw 3vw 3vw 6vw;
  }
  .foot .grid {
    grid-area: 1 / 1 / 2 / 2;
    padding-left: 0.5em;
    margin-left: -0.5em;
  }
  .foot .grid:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3;
    margin-left: -4vw;
  }
  .foot .grid:nth-child(3) {
    grid-area: 1 / 4 / 2 / 5;
  }
  .roll figure.roll1 img {
    height: calc(100vh - 22vw);
  }
  .roll figure.roll2 img {
    height: calc(100vh - 14vw);
    margin-top: 14vw;
  }
  .roll figure.roll3 img {
    height: calc(100vh - 26vw);
    margin-top: 26vw;
  }
  .roll figure.roll4 img {
    height: calc(100vh - 30vw);
    margin-top: 5vw;
  }
  .roll figure.roll5 img {
    height: calc(100vh - 18vw);
  }
  .roll figure.roll6 img {
    height: calc(100vh - 22vw);
    margin-top: 22vw;
  }
  .imgcols {
    padding-top: 7.5vw;
  }
  .events + .imgcols,
  .toggle + .imgcols {
    padding-top: 0;
  }
  .imgcols .wp-block-column:last-child .wp-block-image {
    margin-left: auto;
  }
  .imgcols.three .wp-block-column:last-child .wp-block-image {
    margin-top: 12.5vw;
  }
  .imgcols.three p {
    max-width: 22em;
  }
  .events {
    position: relative;
    padding: 4vw 0;
  }
  .events p:not(.btn) {
    padding: 0 25vw 0 6vw;
  }
  .events .event p {
    padding: 0;
  }
  .events .btn {
    position: absolute;
    top: 2vw;
    right: 1vw;
    z-index: 101;
  }
  .events h2 {
    padding: 4vw 6vw;
  }
  .samples h2 {
    padding: 12vw 0 0 44vw;
  }
  .samples strong {
    display: inline-block;
    padding-left: 6vw;
  }
  .coating .closecoating + h2 {
    padding: 12vw 0 0 6vw;
  }
  .closesamples.btn,
  .closecoating.btn,
  .closeimprint.btn,
  .closepolicy.btn {
    position: fixed;
    top: 4vw;
    right: 6vw;
  }
  .darkmode .closesamples.btn {
    background-color: #000;
  }
  .st1,
  .map {
    padding: 4vw 6vw;
  }
  .st6 {
    padding: 0 8vw 6vw 6vw;
  }
  html[lang*="es-ES"] .st6,
  html[lang*="ru-RU"] .st6 {
    padding-right: 6vw;
  }
  .st2 {
    padding: 4vw 6vw 4vw 20vw;
  }
  .st1 h2 {
    margin-bottom: 4vw;
    max-width: 18em;
  }
  .team {
    gap: 1em;
    margin-bottom: 4vw;
  }
  .team .wp-block-columns {
    gap: 1em;
  }
  .team h2 {
    margin: 1.5em 1em 1.5em 3.5em;
  }
  .team figcaption {
    padding-left: 2em;
  }
  .team + .st1 h2 {
    margin-bottom: 5vw;
  }
  .st1 h3 {
    margin: 4.55em 0 1em 0;
  }
  .st1 strong {
    display: inline-block;
    margin: 2em 0 4em 0;
  }
  .st3 {
    padding: 4vw 13vw;
  }
  .st3 h3 {
    margin-bottom: 1em;
  }
  .st3 .wp-block-column {
    padding: 2vw 0;
  }
  .st4 {
    padding-bottom: 6vw;
  }
  .st4 .wp-block-column + .wp-block-column p,
  .st4 .wp-block-column + .wp-block-column h2 {
    padding: 0 6vw 0 14vw;
  }
  .st4 h2 {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
  .st4 strong {
    max-width: 18em;
  }
  .imgcols.three h2 {
    margin-bottom: 6vw;
  }
  .l6 {
    margin-left: 6vw;
  }
  .l8 {
    margin-left: 8vw;
  }
  .l13,
  .p13 .btn {
    margin-left: 13vw;
  }
  .p13 .btn,
  .st6 .btn {
    margin-top: 1.1em;
    margin-bottom: 3em;
  }
  html[lang*="ru-RU"] .st6 .btn,
  html[lang*="es-ES"] .st6 .btn {
    margin-bottom: 4em;
  }
  .l26 {
    margin-left: 26vw;
  }
  .r5 {
    margin-right: 5vw;
  }
  .r13 {
    margin-right: 13vw;
  }
  .p6 p,
  .p6 h3,
  .p6 h2 {
    padding-left: 6vw;
  }
  .p13 p:not(.btn),
  .p13 h3,
  .p13 h2 {
    padding-left: 13vw;
  }
  .p38 {
    padding: 7.5vw 13vw 7.5vw 38vw;
  }
  .w18 {
    width: 18vw;
  }
  .w19 {
    width: 19vw;
  }
  .w24 {
    width: 24vw;
  }
  .w24 p {
    width: 24vw;
  }
  .w28 {
    width: 28vw;
  }
  .w36 {
    width: 36vw;
  }
  .w37 {
    width: 37vw;
  }
  .w38 {
    width: 38vw;
  }
  .w39 {
    width: 39vw;
  }
  .w44 {
    width: 44vw;
  }
  .w48 p {
    width: 48vw;
  }
  .w49 {
    width: 49vw;
  }
  .w55 {
    width: 55vw;
  }
  .w57 {
    width: 57vw;
  }
  .w62 {
    width: 62vw;
  }
  .w63 {
    width: 63vw;
  }
  .w75 {
    width: 75vw;
  }
  .t2 {
    margin-top: 2vw;
  }
  .t5 {
    margin-top: 5vw;
  }
  .t6 {
    margin-top: 6vw;
  }
  .t9 {
    margin-top: 9vw;
  }
  .t10 {
    margin-top: 10vw;
  }
  .t14 {
    margin-top: 14vw;
  }
  .t15 {
    margin-top: 15vw;
  }
  .t18 {
    margin-top: 18vw;
  }
  .t23 {
    margin-top: 23vw;
  }
  .t49 {
    margin-top: 49vw;
  }
  .t-7 {
    margin-top: -7vw;
  }
  .t-11 {
    margin-top: -11vw;
  }
  .t-14 {
    margin-top: -14vw;
  }
  .t-17 {
    margin-top: -17vw;
  }
  .t-22 {
    margin-top: -22vw;
  }
  .b9 {
    margin-bottom: 9vw;
  }
  .b10 {
    margin-bottom: 10vw;
  }
  .b14 {
    margin-bottom: 14vw;
  }
  .wp-block-column + .wp-block-column h2 {
    max-width: 8em;
  }
  .wp-block-column + .wp-block-column .btn {
    margin-left: 1em;
  }
  .map .wp-block-column + .wp-block-column p {
    margin-left: 6vw;
  }
  .wp-block-image :where(figcaption) {
    margin-top: 1em;
    margin-bottom: 0;
  }
  .map .more {
    display: none;
  }
  .download {
    position: absolute;
    right: calc(3vw + 8rem);
    bottom: 3vw;
  }
  html[lang*="ru-RU"] .download {
    position: absolute;
    right: calc(3vw + 18rem);
    bottom: 3vw;
  }
  html[lang*="es-ES"] .download {
    position: absolute;
    right: calc(3vw + 12rem);
    bottom: 3vw;
  }
}
@media all and (min-width: 1920px) {
  body,
  html {
    font-size: 26px;
    line-height: 110%;
  }
  .events h2 {
    padding: 0 6vw 2vw 6vw;
  }
  .exhibition .slick-next {
    right: 1vw;
  }
}