@font-face {
  font-family: "univers_lt_pro";
  src: url("../fonts/universltpro-55roman-webfont.woff2") format("woff2"), url("../fonts/universltpro-55roman-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sabon";
  src: url("../fonts/sabon-webfont.woff2") format("woff2"), url("../fonts/sabon-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sabon";
  src: url("../fonts/sabonbold-webfont.woff2") format("woff2"), url("../fonts/sabonbold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "sabon";
  src: url("../fonts/sabonbolditalic-webfont.woff2") format("woff2"), url("../fonts/sabonbolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "sabon";
  src: url("../fonts/sabonitalic-webfont.woff2") format("woff2"), url("../fonts/sabonitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
:root {
  --gutter: 0.2vw;
  --unit: calc( ( 100vw - var(--gutter) * 37 ) / 36 );
  --line-height: 1.25em;
}

* {
  box-sizing: border-box;
}

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

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  scroll-behavior: smooth;
  height: 100%;
  font-size: 0.698vw;
}

body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  font-family: "univers_lt_pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: var(--line-height);
  padding: 0 var(--gutter) var(--gutter);
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover .hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5 {
  font-size: inherit;
  font-weight: inherit;
  margin-block-start: 0;
  margin-block-end: 0;
}

ul {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  list-style: none;
}

ol {
  margin-block-start: 0;
  margin-block-end: 0;
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
}

img {
  width: 100%;
  height: auto;
}

article {
  position: relative;
}

figure {
  margin: 0;
}
figure.w-50 {
  height: 100%;
}

blockquote {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.d-b {
  display: block;
}

.d-i-b {
  display: block;
}

.d-f {
  display: flex;
  flex-wrap: wrap;
}

.d-f-c {
  flex-direction: column;
}

.j-s-b {
  justify-content: space-between;
}

.j-e {
  justify-content: flex-end;
}

.j-c {
  justify-content: center;
}

.a-b {
  align-items: baseline;
}

.a-s {
  align-items: flex-start;
}

.a-e {
  align-items: flex-end;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.sticky {
  position: sticky;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.s-1 {
  width: calc(var(--unit) * 1 + var(--gutter) * 0);
}

.s-2 {
  width: calc(var(--unit) * 2 + var(--gutter) * 1);
}

.s-3 {
  width: calc(var(--unit) * 3 + var(--gutter) * 2);
}

.s-4 {
  width: calc(var(--unit) * 4 + var(--gutter) * 3);
}

.s-5 {
  width: calc(var(--unit) * 5 + var(--gutter) * 4);
}

.s-6 {
  width: calc(var(--unit) * 6 + var(--gutter) * 5);
}

.s-7 {
  width: calc(var(--unit) * 7 + var(--gutter) * 6);
}

.s-8 {
  width: calc(var(--unit) * 8 + var(--gutter) * 7);
}

.s-9 {
  width: calc(var(--unit) * 9 + var(--gutter) * 8);
}

.s-10 {
  width: calc(var(--unit) * 10 + var(--gutter) * 9);
}

.s-11 {
  width: calc(var(--unit) * 11 + var(--gutter) * 10);
}

.s-12 {
  width: calc(var(--unit) * 12 + var(--gutter) * 11);
}

.s-13 {
  width: calc(var(--unit) * 13 + var(--gutter) * 12);
}

.s-14 {
  width: calc(var(--unit) * 14 + var(--gutter) * 13);
}

.s-15 {
  width: calc(var(--unit) * 15 + var(--gutter) * 14);
}

.s-16 {
  width: calc(var(--unit) * 16 + var(--gutter) * 15);
}

.s-17 {
  width: calc(var(--unit) * 17 + var(--gutter) * 16);
}

.s-18 {
  width: calc(var(--unit) * 18 + var(--gutter) * 17);
}

.s-19 {
  width: calc(var(--unit) * 19 + var(--gutter) * 18);
}

.s-20 {
  width: calc(var(--unit) * 20 + var(--gutter) * 19);
}

.s-21 {
  width: calc(var(--unit) * 21 + var(--gutter) * 20);
}

.s-22 {
  width: calc(var(--unit) * 22 + var(--gutter) * 21);
}

.s-23 {
  width: calc(var(--unit) * 23 + var(--gutter) * 22);
}

.s-24 {
  width: calc(var(--unit) * 24 + var(--gutter) * 23);
}

.s-25 {
  width: calc(var(--unit) * 25 + var(--gutter) * 24);
}

.s-26 {
  width: calc(var(--unit) * 26 + var(--gutter) * 25);
}

.s-27 {
  width: calc(var(--unit) * 27 + var(--gutter) * 26);
}

.s-28 {
  width: calc(var(--unit) * 28 + var(--gutter) * 27);
}

.s-29 {
  width: calc(var(--unit) * 29 + var(--gutter) * 28);
}

.s-30 {
  width: calc(var(--unit) * 30 + var(--gutter) * 29);
}

.s-31 {
  width: calc(var(--unit) * 31 + var(--gutter) * 30);
}

.s-32 {
  width: calc(var(--unit) * 32 + var(--gutter) * 31);
}

.s-33 {
  width: calc(var(--unit) * 33 + var(--gutter) * 32);
}

.s-34 {
  width: calc(var(--unit) * 34 + var(--gutter) * 33);
}

.s-35 {
  width: calc(var(--unit) * 35 + var(--gutter) * 34);
}

.s-36 {
  width: calc(var(--unit) * 36 + var(--gutter) * 35);
}

.p-1 {
  padding: calc(var(--gutter) * 1);
}

.p-2 {
  padding: calc(var(--gutter) * 2);
}

.p-3 {
  padding: calc(var(--gutter) * 3);
}

.p-4 {
  padding: calc(var(--gutter) * 4);
}

.p-5 {
  padding: calc(var(--gutter) * 5);
}

.p-6 {
  padding: calc(var(--gutter) * 6);
}

.p-7 {
  padding: calc(var(--gutter) * 7);
}

.p-8 {
  padding: calc(var(--gutter) * 8);
}

.p-9 {
  padding: calc(var(--gutter) * 9);
}

.p-10 {
  padding: calc(var(--gutter) * 10);
}

.p-11 {
  padding: calc(var(--gutter) * 11);
}

.p-12 {
  padding: calc(var(--gutter) * 12);
}

.p-13 {
  padding: calc(var(--gutter) * 13);
}

.p-14 {
  padding: calc(var(--gutter) * 14);
}

.p-15 {
  padding: calc(var(--gutter) * 15);
}

.p-16 {
  padding: calc(var(--gutter) * 16);
}

.p-17 {
  padding: calc(var(--gutter) * 17);
}

.p-18 {
  padding: calc(var(--gutter) * 18);
}

.p-19 {
  padding: calc(var(--gutter) * 19);
}

.p-20 {
  padding: calc(var(--gutter) * 20);
}

.p-21 {
  padding: calc(var(--gutter) * 21);
}

.p-22 {
  padding: calc(var(--gutter) * 22);
}

.p-23 {
  padding: calc(var(--gutter) * 23);
}

.p-24 {
  padding: calc(var(--gutter) * 24);
}

.p-25 {
  padding: calc(var(--gutter) * 25);
}

.p-26 {
  padding: calc(var(--gutter) * 26);
}

.p-27 {
  padding: calc(var(--gutter) * 27);
}

.p-28 {
  padding: calc(var(--gutter) * 28);
}

.p-29 {
  padding: calc(var(--gutter) * 29);
}

.p-30 {
  padding: calc(var(--gutter) * 30);
}

.p-31 {
  padding: calc(var(--gutter) * 31);
}

.p-32 {
  padding: calc(var(--gutter) * 32);
}

.p-33 {
  padding: calc(var(--gutter) * 33);
}

.p-34 {
  padding: calc(var(--gutter) * 34);
}

.p-35 {
  padding: calc(var(--gutter) * 35);
}

.p-36 {
  padding: calc(var(--gutter) * 36);
}

.m-l-1 {
  margin-left: calc(var(--unit) * 1 + var(--gutter) * 1);
}

.m-l-2 {
  margin-left: calc(var(--unit) * 2 + var(--gutter) * 2);
}

.m-l-3 {
  margin-left: calc(var(--unit) * 3 + var(--gutter) * 3);
}

.m-l-4 {
  margin-left: calc(var(--unit) * 4 + var(--gutter) * 4);
}

.m-l-5 {
  margin-left: calc(var(--unit) * 5 + var(--gutter) * 5);
}

.m-l-6 {
  margin-left: calc(var(--unit) * 6 + var(--gutter) * 6);
}

.m-l-7 {
  margin-left: calc(var(--unit) * 7 + var(--gutter) * 7);
}

.m-l-8 {
  margin-left: calc(var(--unit) * 8 + var(--gutter) * 8);
}

.m-l-9 {
  margin-left: calc(var(--unit) * 9 + var(--gutter) * 9);
}

.m-l-10 {
  margin-left: calc(var(--unit) * 10 + var(--gutter) * 10);
}

.m-l-11 {
  margin-left: calc(var(--unit) * 11 + var(--gutter) * 11);
}

.m-l-12 {
  margin-left: calc(var(--unit) * 12 + var(--gutter) * 12);
}

.m-l-13 {
  margin-left: calc(var(--unit) * 13 + var(--gutter) * 13);
}

.m-l-14 {
  margin-left: calc(var(--unit) * 14 + var(--gutter) * 14);
}

.m-l-15 {
  margin-left: calc(var(--unit) * 15 + var(--gutter) * 15);
}

.m-l-16 {
  margin-left: calc(var(--unit) * 16 + var(--gutter) * 16);
}

.m-l-17 {
  margin-left: calc(var(--unit) * 17 + var(--gutter) * 17);
}

.m-l-18 {
  margin-left: calc(var(--unit) * 18 + var(--gutter) * 18);
}

.m-l-19 {
  margin-left: calc(var(--unit) * 19 + var(--gutter) * 19);
}

.m-l-20 {
  margin-left: calc(var(--unit) * 20 + var(--gutter) * 20);
}

.m-l-21 {
  margin-left: calc(var(--unit) * 21 + var(--gutter) * 21);
}

.m-l-22 {
  margin-left: calc(var(--unit) * 22 + var(--gutter) * 22);
}

.m-l-23 {
  margin-left: calc(var(--unit) * 23 + var(--gutter) * 23);
}

.m-l-24 {
  margin-left: calc(var(--unit) * 24 + var(--gutter) * 24);
}

.m-l-9--g {
  margin-left: calc(var(--unit) * 9 + var(--gutter) * 8);
}

.m-r-1 {
  margin-right: calc(var(--unit) * 1 + var(--gutter) * 1);
}

.m-r-2 {
  margin-right: calc(var(--unit) * 2 + var(--gutter) * 2);
}

.m-r-3 {
  margin-right: calc(var(--unit) * 3 + var(--gutter) * 3);
}

.m-r-4 {
  margin-right: calc(var(--unit) * 4 + var(--gutter) * 4);
}

.m-r-5 {
  margin-right: calc(var(--unit) * 5 + var(--gutter) * 5);
}

.m-r-6 {
  margin-right: calc(var(--unit) * 6 + var(--gutter) * 6);
}

.m-r-7 {
  margin-right: calc(var(--unit) * 7 + var(--gutter) * 7);
}

.m-r-8 {
  margin-right: calc(var(--unit) * 8 + var(--gutter) * 8);
}

.m-r-9 {
  margin-right: calc(var(--unit) * 9 + var(--gutter) * 9);
}

.m-r-10 {
  margin-right: calc(var(--unit) * 10 + var(--gutter) * 10);
}

.m-r-11 {
  margin-right: calc(var(--unit) * 11 + var(--gutter) * 11);
}

.m-r-12 {
  margin-right: calc(var(--unit) * 12 + var(--gutter) * 12);
}

.m-r-13 {
  margin-right: calc(var(--unit) * 13 + var(--gutter) * 13);
}

.m-r-14 {
  margin-right: calc(var(--unit) * 14 + var(--gutter) * 14);
}

.m-r-15 {
  margin-right: calc(var(--unit) * 15 + var(--gutter) * 15);
}

.m-r-16 {
  margin-right: calc(var(--unit) * 16 + var(--gutter) * 16);
}

.m-r-17 {
  margin-right: calc(var(--unit) * 17 + var(--gutter) * 17);
}

.m-r-18 {
  margin-right: calc(var(--unit) * 18 + var(--gutter) * 18);
}

.m-r-19 {
  margin-right: calc(var(--unit) * 19 + var(--gutter) * 19);
}

.m-r-20 {
  margin-right: calc(var(--unit) * 20 + var(--gutter) * 20);
}

.m-r-21 {
  margin-right: calc(var(--unit) * 21 + var(--gutter) * 21);
}

.m-r-22 {
  margin-right: calc(var(--unit) * 22 + var(--gutter) * 22);
}

.m-r-23 {
  margin-right: calc(var(--unit) * 23 + var(--gutter) * 23);
}

.m-r-24 {
  margin-right: calc(var(--unit) * 24 + var(--gutter) * 24);
}

.m-t-1 {
  margin-top: calc(var(--gutter) * 1);
}

.m-t-2 {
  margin-top: calc(var(--gutter) * 2);
}

.m-t-3 {
  margin-top: calc(var(--gutter) * 3);
}

.m-t-4 {
  margin-top: calc(var(--gutter) * 4);
}

.m-t-5 {
  margin-top: calc(var(--gutter) * 5);
}

.m-t-6 {
  margin-top: calc(var(--gutter) * 6);
}

.m-t-7 {
  margin-top: calc(var(--gutter) * 7);
}

.m-t-8 {
  margin-top: calc(var(--gutter) * 8);
}

.m-t-9 {
  margin-top: calc(var(--gutter) * 9);
}

.m-t-10 {
  margin-top: calc(var(--gutter) * 10);
}

.m-t-11 {
  margin-top: calc(var(--gutter) * 11);
}

.m-t-12 {
  margin-top: calc(var(--gutter) * 12);
}

.m-t-13 {
  margin-top: calc(var(--gutter) * 13);
}

.m-t-14 {
  margin-top: calc(var(--gutter) * 14);
}

.m-t-15 {
  margin-top: calc(var(--gutter) * 15);
}

.m-t-16 {
  margin-top: calc(var(--gutter) * 16);
}

.m-t-17 {
  margin-top: calc(var(--gutter) * 17);
}

.m-t-18 {
  margin-top: calc(var(--gutter) * 18);
}

.m-t-19 {
  margin-top: calc(var(--gutter) * 19);
}

.m-t-20 {
  margin-top: calc(var(--gutter) * 20);
}

.m-t-21 {
  margin-top: calc(var(--gutter) * 21);
}

.m-t-22 {
  margin-top: calc(var(--gutter) * 22);
}

.m-t-23 {
  margin-top: calc(var(--gutter) * 23);
}

.m-t-24 {
  margin-top: calc(var(--gutter) * 24);
}

.m-t-25 {
  margin-top: calc(var(--gutter) * 25);
}

.m-t-26 {
  margin-top: calc(var(--gutter) * 26);
}

.m-t-27 {
  margin-top: calc(var(--gutter) * 27);
}

.m-t-28 {
  margin-top: calc(var(--gutter) * 28);
}

.m-t-29 {
  margin-top: calc(var(--gutter) * 29);
}

.m-t-30 {
  margin-top: calc(var(--gutter) * 30);
}

.m-t-31 {
  margin-top: calc(var(--gutter) * 31);
}

.m-t-32 {
  margin-top: calc(var(--gutter) * 32);
}

.m-t-33 {
  margin-top: calc(var(--gutter) * 33);
}

.m-t-34 {
  margin-top: calc(var(--gutter) * 34);
}

.m-t-35 {
  margin-top: calc(var(--gutter) * 35);
}

.m-t-36 {
  margin-top: calc(var(--gutter) * 36);
}

.m-b-1 {
  margin-bottom: calc(var(--gutter) * 1);
}

.m-b-2, .wp-block-columns h2 {
  margin-bottom: calc(var(--gutter) * 2);
}

.m-b-3 {
  margin-bottom: calc(var(--gutter) * 3);
}

.m-b-4 {
  margin-bottom: calc(var(--gutter) * 4);
}

.m-b-5 {
  margin-bottom: calc(var(--gutter) * 5);
}

.m-b-6 {
  margin-bottom: calc(var(--gutter) * 6);
}

.m-b-7 {
  margin-bottom: calc(var(--gutter) * 7);
}

.m-b-8, .wp-block-columns {
  margin-bottom: calc(var(--gutter) * 8);
}

.m-b-9 {
  margin-bottom: calc(var(--gutter) * 9);
}

.m-b-10 {
  margin-bottom: calc(var(--gutter) * 10);
}

.m-b-11 {
  margin-bottom: calc(var(--gutter) * 11);
}

.m-b-12 {
  margin-bottom: calc(var(--gutter) * 12);
}

.m-b-13 {
  margin-bottom: calc(var(--gutter) * 13);
}

.m-b-14 {
  margin-bottom: calc(var(--gutter) * 14);
}

.m-b-15 {
  margin-bottom: calc(var(--gutter) * 15);
}

.m-b-16 {
  margin-bottom: calc(var(--gutter) * 16);
}

.m-b-17 {
  margin-bottom: calc(var(--gutter) * 17);
}

.m-b-18 {
  margin-bottom: calc(var(--gutter) * 18);
}

.m-b-19 {
  margin-bottom: calc(var(--gutter) * 19);
}

.m-b-20 {
  margin-bottom: calc(var(--gutter) * 20);
}

.m-b-21 {
  margin-bottom: calc(var(--gutter) * 21);
}

.m-b-22 {
  margin-bottom: calc(var(--gutter) * 22);
}

.m-b-23 {
  margin-bottom: calc(var(--gutter) * 23);
}

.m-b-24 {
  margin-bottom: calc(var(--gutter) * 24);
}

.m-b-25 {
  margin-bottom: calc(var(--gutter) * 25);
}

.m-b-26 {
  margin-bottom: calc(var(--gutter) * 26);
}

.m-b-27 {
  margin-bottom: calc(var(--gutter) * 27);
}

.m-b-28 {
  margin-bottom: calc(var(--gutter) * 28);
}

.m-b-29 {
  margin-bottom: calc(var(--gutter) * 29);
}

.m-b-30 {
  margin-bottom: calc(var(--gutter) * 30);
}

.m-b-31 {
  margin-bottom: calc(var(--gutter) * 31);
}

.m-b-32 {
  margin-bottom: calc(var(--gutter) * 32);
}

.m-b-33 {
  margin-bottom: calc(var(--gutter) * 33);
}

.m-b-34 {
  margin-bottom: calc(var(--gutter) * 34);
}

.m-b-35 {
  margin-bottom: calc(var(--gutter) * 35);
}

.m-b-36 {
  margin-bottom: calc(var(--gutter) * 36);
}

.p-t-1 {
  padding-top: calc(var(--gutter) * 1);
}

.p-t-2 {
  padding-top: calc(var(--gutter) * 2);
}

.p-t-3 {
  padding-top: calc(var(--gutter) * 3);
}

.p-t-4 {
  padding-top: calc(var(--gutter) * 4);
}

.p-t-5 {
  padding-top: calc(var(--gutter) * 5);
}

.p-t-6 {
  padding-top: calc(var(--gutter) * 6);
}

.p-t-7 {
  padding-top: calc(var(--gutter) * 7);
}

.p-t-8 {
  padding-top: calc(var(--gutter) * 8);
}

.p-t-9 {
  padding-top: calc(var(--gutter) * 9);
}

.p-t-10 {
  padding-top: calc(var(--gutter) * 10);
}

.p-t-11 {
  padding-top: calc(var(--gutter) * 11);
}

.p-t-12 {
  padding-top: calc(var(--gutter) * 12);
}

.p-b-1 {
  padding-bottom: calc(var(--gutter) * 1);
}

.p-b-2 {
  padding-bottom: calc(var(--gutter) * 2);
}

.p-b-3 {
  padding-bottom: calc(var(--gutter) * 3);
}

.p-b-4 {
  padding-bottom: calc(var(--gutter) * 4);
}

.p-b-5 {
  padding-bottom: calc(var(--gutter) * 5);
}

.p-b-6 {
  padding-bottom: calc(var(--gutter) * 6);
}

.p-b-7 {
  padding-bottom: calc(var(--gutter) * 7);
}

.p-b-8 {
  padding-bottom: calc(var(--gutter) * 8);
}

.p-b-9 {
  padding-bottom: calc(var(--gutter) * 9);
}

.p-b-10 {
  padding-bottom: calc(var(--gutter) * 10);
}

.p-b-11 {
  padding-bottom: calc(var(--gutter) * 11);
}

.p-b-12 {
  padding-bottom: calc(var(--gutter) * 12);
}

.m-t-a {
  margin-top: auto;
}

.m-r-a {
  margin-right: auto;
}

.m-l-a {
  margin-left: auto;
}

.m-r-g {
  margin-right: var(--gutter);
}

.m-t-lh {
  margin-top: var(--line-height);
}

.m-b-lh {
  margin-bottom: var(--line-height);
}

.m-r-lh {
  margin-right: var(--line-height);
}

.p-l-g {
  padding-left: var(--gutter);
}

.p-l-1 {
  padding-left: calc(var(--gutter) * 1);
}

.p-l-2 {
  padding-left: calc(var(--gutter) * 2);
}

.p-l-3 {
  padding-left: calc(var(--gutter) * 3);
}

.p-l-4 {
  padding-left: calc(var(--gutter) * 4);
}

.p-l-5 {
  padding-left: calc(var(--gutter) * 5);
}

.p-l-6 {
  padding-left: calc(var(--gutter) * 6);
}

.p-l-7 {
  padding-left: calc(var(--gutter) * 7);
}

.p-l-8 {
  padding-left: calc(var(--gutter) * 8);
}

.p-l-9 {
  padding-left: calc(var(--gutter) * 9);
}

.p-l-10 {
  padding-left: calc(var(--gutter) * 10);
}

.p-l-11 {
  padding-left: calc(var(--gutter) * 11);
}

.p-l-12 {
  padding-left: calc(var(--gutter) * 12);
}

.p-l-13 {
  padding-left: calc(var(--gutter) * 13);
}

.p-l-14 {
  padding-left: calc(var(--gutter) * 14);
}

.p-l-15 {
  padding-left: calc(var(--gutter) * 15);
}

.p-l-16 {
  padding-left: calc(var(--gutter) * 16);
}

.p-l-17 {
  padding-left: calc(var(--gutter) * 17);
}

.p-l-18 {
  padding-left: calc(var(--gutter) * 18);
}

.p-l-19 {
  padding-left: calc(var(--gutter) * 19);
}

.p-l-20 {
  padding-left: calc(var(--gutter) * 20);
}

.p-l-21 {
  padding-left: calc(var(--gutter) * 21);
}

.p-l-22 {
  padding-left: calc(var(--gutter) * 22);
}

.p-l-23 {
  padding-left: calc(var(--gutter) * 23);
}

.p-l-24 {
  padding-left: calc(var(--gutter) * 24);
}

.p-l-25 {
  padding-left: calc(var(--gutter) * 25);
}

.p-l-26 {
  padding-left: calc(var(--gutter) * 26);
}

.p-l-27 {
  padding-left: calc(var(--gutter) * 27);
}

.p-l-28 {
  padding-left: calc(var(--gutter) * 28);
}

.p-l-29 {
  padding-left: calc(var(--gutter) * 29);
}

.p-l-30 {
  padding-left: calc(var(--gutter) * 30);
}

.p-l-31 {
  padding-left: calc(var(--gutter) * 31);
}

.p-l-32 {
  padding-left: calc(var(--gutter) * 32);
}

.p-l-33 {
  padding-left: calc(var(--gutter) * 33);
}

.p-l-34 {
  padding-left: calc(var(--gutter) * 34);
}

.p-l-35 {
  padding-left: calc(var(--gutter) * 35);
}

.p-l-36 {
  padding-left: calc(var(--gutter) * 36);
}

.invert {
  color: white;
}

.f-m, .wp-block-columns h2, .wp-block-columns:first-child {
  font-size: 2rem;
  line-height: 1.12em;
  letter-spacing: -0.01em;
}

.f-sm, input[type=submit],
button[type=submit] {
  font-size: 1.7rem;
  line-height: 1.3;
}

.f-l {
  font-size: 3rem;
  line-height: 1em;
  letter-spacing: -0.01em;
}

.f-s {
  font-size: 0.9rem;
}

.serif {
  font-family: "sabon", sans-serif;
  font-weight: normal;
  font-style: normal;
}
.serif.bold {
  font-family: "sabon", sans-serif;
  font-weight: bold;
  font-style: normal;
}
.serif.bold em {
  font-family: "sabon", sans-serif;
  font-weight: bold;
  font-style: normal;
}
.serif strong, .serif b, .serif .bold {
  font-family: "sabon", sans-serif;
  font-weight: bold;
  font-style: normal;
}
.serif em {
  font-family: "sabon", sans-serif;
  font-weight: normal;
  font-style: italic;
}

figcaption.wp-element-caption {
  font-size: 1.24rem;
}

.t-c {
  text-align: center;
}

.underline {
  text-decoration: underline;
}

.text iframe {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  margin-left: calc((var(--unit) + var(--gutter)) * 2);
  width: calc(var(--unit) * 22 + var(--gutter) * 21);
}
.text iframe[title="YouTube video player"] {
  height: auto;
   aspect-ratio: 16 / 9;
   width: 100%;
   padding-right: 1.5rem;
}
.text .wp-block-embed-youtube iframe {
 height: auto;
 aspect-ratio: 16 / 9;
 width: 100%;
}
.text iframe + p:empty {
  min-height: 0;
}
.text hr.wp-block-separator {
  display: none;
}
.text figure img {
  max-height: 57rem;
  width: auto;
  height: auto;
  max-width: 100%;
}
.text figure + p {
  text-indent: 0;
}
.text p {
  text-indent: calc((var(--unit) + var(--gutter)) * 2);
  min-height: 1.3em;
}
.text p:first-of-type {
  text-indent: 0;
}
.text p.project-link {
  text-indent: unset;
}
.text p.m-b-lh + p {
  text-indent: 0;
}
.text p:empty + iframe {
  margin-top: 0;
}
.text p:empty + p {
  text-indent: 0;
}
.text a {
  text-decoration: underline;
}
.text ul {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  list-style: disc;
  margin-left: var(--margin);
  margin-left: calc((var(--unit) + var(--gutter)) * 2);
}
.text h2, .text h4 {
  text-transform: uppercase;
  margin-top: 1.2em;
  font-weight: bold;
  text-indent: calc((var(--unit) + var(--gutter)) * 2);
}
.text .quote + p, .text .quote + h2 {
  margin-top: 6rem;
}
.text blockquote {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  font-style: italic;
  text-align: center;
  padding: 0 calc((var(--unit) + var(--gutter)) * 4);
}
.text blockquote p {
  text-indent: 0;
}

.cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.contain img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

#nav-primary a + a {
  margin-left: 1.65em;
}

#nav-secondary a:nth-child(2) {
  margin-left: 1.65em;
}

#nav-tertiary div {
  height: var(--line-height);
}

#nav-mobile {
  display: none;
  pointer-events: none;
}

#header {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 3;
}
#header.p-4 {
  padding-top: 1vw;
  padding-bottom: 0;
}
#header svg {
  overflow: visible;
}
#header a.active {
  text-decoration: underline;
}

.hamburger {
  width: 2rem;
  padding: 0 0;
  display: flex;
  margin-left: auto;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hamburger:focus {
  outline: none;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: black;
}

.hamburger-box {
  width: 2rem;
  height: 1.33rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.085rem;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 2rem;
  height: 0.17rem;
  background-color: black;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -0.58rem;
}
.hamburger-inner::after {
  bottom: -0.58rem;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner, #termin-close .hamburger-inner {
  top: 0.085rem;
}
.hamburger--slider .hamburger-inner::before, #termin-close .hamburger-inner::before {
  top: 0.58rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transform: translateX(-0.3rem);
}
.hamburger--slider .hamburger-inner::after, #termin-close .hamburger-inner::after {
  top: 1.16rem;
}
.hamburger--slider.is-active .hamburger-inner, #termin-close.is-active .hamburger-inner {
  transform: translate3d(0, 0.58rem, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before, #termin-close.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-0.2857142857rem, -0.41rem, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after, #termin-close.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.16rem, 0) rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -1.16rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -0.58rem, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.grid article {
  margin-bottom: var(--gutter);
}
.grid article h2.f-m, .grid article .wp-block-columns h2, .wp-block-columns .grid article h2, .grid article h2.wp-block-columns:first-child {
  margin-top: 0.3em;
}
.grid article h2.f-l {
  margin-top: 0.3em;
}
.grid article.s-9 {
  height: 45rem;
}
.grid article.s-18 {
  height: 30rem;
}
.grid article.s-18 > a {
  height: inherit;
}
.grid article.s-36 {
  position: relative;
  height: 60rem;
}
.grid article.s-36 .f-m, .grid article.s-36 .wp-block-columns h2, .wp-block-columns .grid article.s-36 h2, .grid article.s-36 .wp-block-columns:first-child {
  width: 68%;
}
.grid article.s-36 > a {
  position: relative;
}
.grid article.s-36 > a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
}
.grid article p.f-m + a, .grid article p.wp-block-columns:first-child + a, .grid article p.f-m + span, .grid article p.wp-block-columns:first-child + span {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  display: block;
}
.grid a:hover {
  text-decoration: none;
}
.grid a:hover .read-more {
  border-bottom: 1px solid;
}

article[data-bg="#5a5e48"] {
  color: white;
}
article[data-bg="#987841"] {
  color: white;
}
article[data-bg="#8f353d"] {
  color: white;
}
article[data-bg="#8f353c"] {
  color: white;
}
article[data-bg="#48659c"] {
  color: white;
}
article[data-bg="#395384"] {
  color: white;
}
article[data-bg="#36011d"] {
  color: white;
}

.has-bg {
  transition: box-shadow 0.25s;
}

.dark:hover.has-bg, .dark:hover .has-bg {
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.12);
}

.light:hover.has-bg, .light:hover .has-bg {
  box-shadow: inset 0 0 0 100vw rgba(255, 255, 255, 0.1);
}

#search {
  border: 0;
  padding: 0;
  font-size: inherit;
}
#search::placeholder {
  color: black;
  opacity: 1; /* Firefox */
}
#search::-ms-input-placeholder { /* Edge 12 -18 */
  color: black;
}

#tags, #mix-controls {
  display: flex;
}
#tags a, #mix-controls a {
  margin-right: 0.75em;
  cursor: pointer;
}

.single-hero {
  height: 53rem;
}

.events-grid > div:first-of-type {
  margin-top: 3.5rem;
}
.events-grid .journal-links__element a {
  padding-left: 0;
}
.events-grid + .events-grid {
  margin-top: 4rem;
}
.events-grid article:nth-of-type(4n+4) span.w-50,
.events-grid article:nth-of-type(4n+3) span.w-50 {
  left: 50%;
}
.events-grid article:nth-of-type(4n+4) a,
.events-grid article:nth-of-type(4n+3) a {
  flex-direction: row-reverse;
}

.wp-block-image {
  margin: 1.3em 0;
}
.wp-block-image.m-b-10 {
  margin-bottom: calc(var(--gutter) * 10);
}
.wp-block-image.m-t-10 {
  margin-top: calc(var(--gutter) * 10);
}
.wp-block-image.m-l-5 {
  margin-left: calc(var(--unit) * 5 + var(--gutter) * 5);
}

footer span + span, footer a + a {
  margin-left: 1.65em;
}
footer nav {
  margin-left: 6.8rem;
}

.col1-logo {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.col1-logo img {
  max-width: 27rem;
  max-height: 6rem;
  height: auto;
  width: auto;
}

.team_slider {
  height: 100%;
}
.team_slider .splide__track {
  height: 100%;
}

#team-grid {
  margin-top: 7.6rem;
}

.team-group {
  margin-bottom: 4.5rem;
}
.team-group > a {
  margin-bottom: 0.5rem;
}
.team-group > a:hover {
  text-decoration: none;
}

.team-member figure {
  aspect-ratio: 30/29;
  margin-bottom: 0.2em;
}
.team-member img {
  height: 100%;
  object-fit: cover;
}
.team-member h4 {
  padding-left: 0.3em;
}
.team-member h5 {
  padding-left: 0.7em;
}

.events-grid article > a {
  height: 100%;
}

.lang-toggle {
  position: absolute;
  right: calc(var(--gutter) * 4);
}
.lang-toggle li:first-of-type {
  margin-right: 0.4em;
}
.lang-toggle a.active {
  text-decoration: underline;
}

#contact-images div,
.contact-images div {
  height: 45rem;
}
#contact-images div img,
.contact-images div img {
  height: 100%;
  object-fit: cover;
}

.report img {
  height: 26rem;
  width: auto;
  filter: drop-shadow(0em 0em 0.25em rgba(0, 0, 0, 0.2));
}

.page-template-foundation #nav_foundation {
  text-decoration: underline;
}

.page-portfolio #nav_portfolio, .post-type-archive-erste_projects #nav_portfolio {
  text-decoration: underline;
}

.post-type-archive-erste_events #nav_events, .single-erste_events #nav_events {
  text-decoration: underline;
}

.blog #nav_journal, .single-post #nav_journal {
  text-decoration: underline;
}

.page-template-team #nav_team, .single-erste_team #nav_team {
  text-decoration: underline;
}

.page-template-contact #nav_contact {
  text-decoration: underline;
}
.page-contact #nav_contact, .page-kontakt #nav_contact {
  text-decoration: underline;
}

.page-template-library #nav_library, .parent-library #nav_library {
  text-decoration: underline;
}

.page-newsletter #nav_newsletter {
  text-decoration: underline;
}

.post-type-archive-erste_publications #nav_publications, .single-erste_publications #nav_publications {
  text-decoration: underline;
}

#rule {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.page-template-team #rule, .blog #rule, .single-post #rule, .single-erste_events #rule, .page-template-contact #rule, .page-template-foundation #rule, .post-type-archive-erste_events #rule, .single-erste_projects #rule, .parent-library #rule, .page-imprint #rule, .page-impressum #rule, .page-newsletter #rule, .post-type-archive-erste_publications #rule, .single-erste_team #rule, .page-contact #rule, .page-kontakt #rule {
  visibility: visible;
}

.scrolled.page-template-team #header:after, .scrolled.blog #header:after, .scrolled.single-post #header:after, .scrolled.single-erste_events #header:after, .scrolled.page-template-contact #header:after, .scrolled.page-template-foundation #header:after, .scrolled.post-type-archive-erste_events #header:after, .scrolled.single-erste_projects #header:after, .scrolled.parent-library #header:after, .scrolled .page-imprint #header:after, .scrolled .page-impressum #header:after, .scrolled .page-newsletter #header:after, .scrolled .post-type-archive-erste_publications #header:after, .scrolled .single-erste_team #header:after, .scrolled .page-contact #header:after, .scrolled .page-kontakt #header:after {
  opacity: 1;
}

.w-75 {
  width: 75%;
}

.w-25 {
  width: 25%;
}

.journal-slider {
  position: relative;
}

.splide .splide__arrow {
  position: absolute;
  top: 25.5%;
  left: 1rem;
  background: none;
  border: 0;
  z-index: 2;
  cursor: pointer;
  mix-blend-mode: difference;
}

.splide .splide__arrow--next {
  left: unset;
  right: 1rem;
}

.splide .splide__arrow svg {
  width: 2.5rem;
  fill: white;
}

.journal-slider__element a {
  width: 100%;
}

.journal-slider__element.is-visible {
  border-right: 0.5px solid #ccc;
}

.journal-slider__element .content {
  margin-top: 1em;
}

.journal-slider__element .title {
  margin-bottom: 1em;
}

.journal-slider__element .cover {
  display: flex;
  aspect-ratio: 19/9;
  overflow: hidden;
  background: #ccc;
}

.journal-slider__element .cover img {
  object-fit: cover;
  object-position: center center;
}

.journal-featured__element {
  border-top: 0.25px solid #ccc;
}

.journal-featured__element a {
  margin: 3rem 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.journal-featured__element .cover {
  width: 25%;
  display: block;
  aspect-ratio: 1/1;
  background: #ccc;
  display: flex;
}

.journal-featured__element .cover-video {
  width: 50%;
  display: flex;
  aspect-ratio: 16/9;
  background: #ccc;
}

.journal-featured__element .cover-video iframe {
  width: 100%;
  height: 100%;
}



.journal-featured__element .content {
  width: 75%;
  margin-left: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  align-self: stretch;
}

.journal-featured__element .content.content-video {
  width: 50%;
}

.journal-featured__element .content .excerpt {
  margin-top: 1rem;
  margin-bottom: -0.23em;
}

.journal-links__element {
  transition: background-color 0.3s;
}

.journal-links__element:hover {
  background-color: #ccc;
}

.journal-links__element {
  border-top: 1px solid #ccc;
  padding-bottom: 2.5em;
  width: calc(100% - var(--gutter) * 8);
  margin-left: calc(var(--gutter) * 4);
}

.journal-links__element:last-child {
  border-bottom: 1px solid #ccc;
}

.journal-slider .splide__slide {
  width: calc(50% + 1px);
}

.journal-featured__element {
  width: calc(100% - var(--gutter) * 8);
  margin-left: calc(var(--gutter) * 4);
}

.journal-slider {
  padding-bottom: 4rem;
}
.journal-slider .title {
  width: 77%;
}
.journal-slider .content {
  padding-bottom: 0;
}

.team-anchor {
  height: 1px;
  width: 1px;
  display: block;
  position: absolute;
  top: -13rem;
}

#library-book-open {
  padding-left: 45%;
  padding-right: 11%;
}

.page-template-library .grid article.s-36 .f-m, .page-template-library .grid article.s-36 .wp-block-columns h2, .wp-block-columns .page-template-library .grid article.s-36 h2, .page-template-library .grid article.s-36 .wp-block-columns:first-child {
  width: 50%;
}

.parent-library #related {
  z-index: 2;
  margin-top: -26rem;
  background-color: white;
  will-change: transform;
}

.parent-library.page-contact-library-tours #related {
  margin-top: -2rem;
}

.parent-library main h1 {
  margin-bottom: var(--line-height);
}

.library-recs {
  background-color: rgb(242, 242, 242);
  padding: 4rem;
}

.library-hero {
  height: 47rem;
  display: block;
}
.library-hero img {
  display: block;
}

.library-text p {
  margin-bottom: var(--line-height);
}
.library-text p img {
  margin-top: var(--line-height);
  display: block;
  width: 50%;
}
.library-text p img:first-child {
  margin-top: 0;
  margin-bottom: var(--line-height);
}

.grid article.s-36.marquee {
  height: auto;
}
.grid article.s-36.marquee:after {
  content: unset;
}

.marquee {
  --gap: 1rem;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  flex-wrap: nowrap;
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(--gap);
  animation: scroll 30s linear infinite;
}
.marquee__content li {
  margin-top: -0.1em;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.sans, input[type=submit],
button[type=submit] {
  font-family: "univers_lt_pro", sans-serif;
}

.library-text .s-18 {
  position: relative;
}
.library-text .s-18 a {
  text-decoration: underline;
}
.library-text .s-18 > a {
  display: block;
}
.library-text .s-18 a:last-child {
  margin-bottom: var(--line-height);
}
.library-text .s-18 h3 {
  font-weight: bold;
}
.library-text .s-18 ul {
  list-style-type: disc;
}
.library-text .s-18 ul li {
  margin-bottom: var(--line-height);
}

.scroll-target {
  display: block;
  position: absolute;
  top: -13rem;
  width: 1px;
  height: 1px;
}

.is-sticky {
  text-decoration: underline;
}

.page-portfolio .grid article:nth-of-type(n+2) + article {
  margin-top: unset;
}
.page-portfolio .home-grid {
  display: block;
  justify-content: flex-start;
  width: 100%;
}
.page-portfolio .home-grid .main-link {
  position: relative;
  height: 100%;
}
.page-portfolio .home-grid .subtitle {
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-portfolio .home-grid article {
  margin-bottom: 0;
}
.page-portfolio .home-grid article {
  float: left;
  display: inline-block;
}
.page-portfolio .home-grid .s-9 {
  width: 24.84%;
}
.page-portfolio .home-grid .s-18 {
  width: 49.9%;
}
.page-portfolio .home-grid .s-36 {
  width: 100%;
}

.library-slider {
  width: 100%;
}
.library-slider article {
  margin-right: var(--gutter);
}
.library-slider .splide__arrow {
  top: 43%;
}
.library-slider .splide__arrow--prev {
  transform: rotate(180deg);
}

.gutter-sizer {
  width: 0.22%;
  height: 1px;
  position: absolute;
  pointer-events: none;
}

.column-sizer {
  width: 24.84%;
  height: 1px;
  position: absolute;
  pointer-events: none;
}

.single-erste_team h1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.hover-border:hover {
  box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.6);
  cursor: pointer;
}

.publications article.s-18 {
  height: 55rem;
}
.publications.grid article {
  margin-bottom: unset;
}
.publications article.s-18 h2 {
  max-width: 33rem;
}
.publications .tags {
  z-index: 2;
}
.publications .col1-logo img {
  max-height: 25rem;
  margin-top: -1rem;
  width: auto;
}
.publications .col2-logo {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}
.publications .col2-logo img {
  height: 36rem;
  margin-top: -1rem;
  width: auto;
}
.publications .col2-logo.cover img {
  width: 100%;
  height: 100%;
  margin-top: unset;
}

.publications-info p + p {
  margin-top: 1.3em;
}

.single-publications article.s-18 {
  width: 100%;
}

.partners h2, .partners h4, .partners p {
  text-indent: 0;
}

.search-active main {
  opacity: 0;
  height: 100svh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#search[contenteditable]:empty:before {
  content: attr(data-placeholder);
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: rgb(188, 189, 192) !important;
  color: black !important;
  border-radius: 0 !important;
}
//end of _erstestiftung.scss



.block-editor .quote {
  width: unset !important;
}

/* wordpress core blocks */
.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.wp-block-columns p + p {
  margin-top: 1em;
}
.wp-block-columns .wp-block-column {
  padding: calc(var(--gutter) * 4);
  width: 25%;
}
@media (max-width: 1170px) {
  .wp-block-columns .wp-block-column {
    width: 50%;
  }
}
@media (max-width: 820px) {
  .wp-block-columns .wp-block-column {
    width: 100%;
  }
}

/* STICKY SECTIONS */
.sticky-sections p + p {
  margin-top: 1em;
}
.sticky-sections .columns-1 {
  width: 25%;
}
.sticky-sections .columns-2 {
  width: 50%;
}
.sticky-sections .columns-3 {
  width: 75%;
}
.sticky-sections .columns-4 {
  width: 100%;
}
@media (max-width: 820px) {
  .sticky-sections .column {
    width: 100%;
  }
}

/* MEDIA TEMPLATE */
.media-team-list {
  justify-content: space-between;
  gap: 0.35%;
  
}
.media-team-list li:last-child {
  margin-right: auto;
}
.media-team-list figure {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 100%;
  background: #ddd;
}
.media-team-list figure img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.download-list {
  margin-left: calc(-2 * var(--gutter));
  margin-right: calc(-2 * var(--gutter));
}
.download-list li {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
}
.download-list figure {
  aspect-ratio: 4/3;
  overflow: unset; 
  width: 100%;
  margin-bottom: 0.5em;
}
.download-list figure img {
  object-fit: contain;
  object-position: top left;
  height: 100%;
  width: auto;
  filter: drop-shadow(0em 0em 0.25em rgba(0, 0, 0, 0.2));
}
.download-list span {
  text-decoration: underline;
}
/* hide search terms on default */
/* to do: animation */
#tags.hidden, #mix-controls.hidden {
  display: none;
}
.press-releases-list li {
  border-top: 1px solid;
}
.press-releases-list li:last-of-type {
  border-bottom: 1px solid;
}

#search-results {
  justify-content: flex-start;
}
#search-results.hidden {
  display: none;
}

#swup {
  min-height: 100vh;
}
iframe[src^="https://e.issuu.com/"] {
 margin-top: unset;
 margin-left: unset;
 margin-bottom: unset;
}
.publications-content .serif div + a {
  margin-top: 1.3em;
  display: block;
}


/* swup theme options */
body {
  --swup-overlay-theme-color: #333;
  --swup-overlay-theme-duration: .4s;
  --swup-overlay-theme-delay: .1s;
  --swup-overlay-theme-scale: 1;
  --swup-overlay-theme-skew: 0deg;
}

@media (min-width: 1920px) {
  .library-text > div:last-of-type {
    padding-bottom: 10rem;
  }
  .library-text p {
    margin-bottom: var(--line-height);
  }
  .library-text a.sticky {
    position: sticky;
  }
  .library-text a.sticky:nth-of-type(1) {
    margin-top: calc(var(--line-height) * (1 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(2) {
    margin-top: calc(var(--line-height) * (2 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(3) {
    margin-top: calc(var(--line-height) * (3 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(4) {
    margin-top: calc(var(--line-height) * (4 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(5) {
    margin-top: calc(var(--line-height) * (5 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(6) {
    margin-top: calc(var(--line-height) * (6 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(7) {
    margin-top: calc(var(--line-height) * (7 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(8) {
    margin-top: calc(var(--line-height) * (8 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(9) {
    margin-top: calc(var(--line-height) * (9 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(10) {
    margin-top: calc(var(--line-height) * (10 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(11) {
    margin-top: calc(var(--line-height) * (11 - 1) + 12rem);
  }
  .library-text a.sticky:nth-of-type(12) {
    margin-top: calc(var(--line-height) * (12 - 1) + 12rem);
  }
}
@media (min-width: 1580px) and (max-width: 1920px) {
  html, body {
    font-size: 0.82vw;
  }
  .single-hero {
    height: 48rem;
  }
}
@media (min-width: 1360px) and (max-width: 1580px) {
  html, body {
    font-size: 1vw;
  }
  #nav-primary {
    flex-wrap: nowrap;
  }
  #nav-primary a + a {
    margin-left: 1.55em;
  }
  html[lang=en-GB] #nav-primary a + a {
    margin-left: 1.3em;
  }
  .grid article.s-18 {
    height: 25rem;
  }
  .grid article.s-36 {
    height: 45rem;
  }
  .grid article.s-9 {
    height: 39rem;
  }
  .single-hero {
    height: 45rem;
  }
  .f-m, .wp-block-columns:first-child, .wp-block-columns h2 {
    font-size: 1.9rem;
  }
  .publications .col1-logo img {
    max-height: 18rem;
    max-width: 85%;
    width: auto;
    height: auto;
  }
  .publications .col2-logo img {
    height: 26rem;
  }
  .publications.grid article.s-9 {
    height: 34rem;
  }
  .publications.grid article.s-18 {
    height: 38.5rem;
  }
}
@media (max-width: 1920px) {
  .page-welcome-to-the-library .sticky-nav:nth-of-type(1) {
    top: calc(var(--line-height) * (1 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(2) {
    top: calc(var(--line-height) * (2 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(3) {
    top: calc(var(--line-height) * (3 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(4) {
    top: calc(var(--line-height) * (4 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(5) {
    top: calc(var(--line-height) * (5 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(6) {
    top: calc(var(--line-height) * (6 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(7) {
    top: calc(var(--line-height) * (7 - 1) + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(8) {
    top: calc(var(--line-height) * 8 + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(9) {
    top: calc(var(--line-height) * 9 + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(10) {
    top: calc(var(--line-height) * 10 + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(11) {
    top: calc(var(--line-height) * 11 + 16rem);
  }
  .page-welcome-to-the-library .sticky-nav:nth-of-type(12) {
    top: calc(var(--line-height) * 12 + 16rem);
  }
  .page-special-collections .sticky-nav:nth-of-type(3) {
    top: calc(var(--line-height) * 4 + 15.5rem);
  }
  .page-special-collections .sticky-nav:nth-of-type(4) {
    top: calc(var(--line-height) * 6 + 15.5rem);
  }
  .page-special-collections .sticky-nav:nth-of-type(5) {
    top: calc(var(--line-height) * 7 + 15.5rem);
  }
}
@media (min-width: 1170px) and (max-width: 1360px) {
  html, body {
    font-size: 1.1vw;
  }
  header h1.s-6 {
    width: calc(var(--unit) * 7 + var(--gutter) * 6);
  }
  #nav {
    margin-left: 5rem;
  }
  #nav-primary {
    flex-wrap: nowrap;
    margin-left: 0;
  }
  #nav-primary a + a {
    margin-left: 1.68em;
  }
  #nav-secondary {
    margin-left: 6.3rem;
  }
  #nav-tertiary {
    margin-left: 3rem;
  }
  .grid article.s-18 {
    height: 22rem;
  }
  .grid article.s-36 {
    height: 39rem;
  }
  .grid article.s-9 {
    height: 34rem;
  }
  .single-hero {
    height: 39rem;
  }
  .f-m, .wp-block-columns:first-child, .wp-block-columns h2 {
    font-size: 1.75rem;
    line-height: 1.14em;
    letter-spacing: -0.01em;
  }
  .f-l {
    font-size: 2.9rem;
  }
  .publications.grid article.s-18 {
    height: 36rem;
  }
  .publications .col2-logo img {
    height: 25rem;
  }
  .publications .col1-logo img {
    max-height: 20rem;
    max-width: 85%;
    width: auto;
    height: auto;
  }
  
}
@media (min-width: 950px) and (max-width: 1170px) {
  :root {
    --gutter: 0.25vw;
  }
  html, body {
    font-size: 1.4vw;
  }
  header h1.s-6 {
    width: calc(var(--unit) * 7 + var(--gutter) * 6);
  }
  #nav {
    margin-left: 4.2rem;
  }
  #nav-primary {
    margin-left: 0;
    width: auto;
    margin-right: 0;
  }
  #nav-primary a + a { 
    margin-left: 0.8em;
  }
  #nav-secondary a:nth-child(2) {
    margin-left: 0.8em;
    width: auto;
  }
  #nav-secondary {
   margin-left: 0.8em;
   width: auto;
  }
  #nav-secondary a:nth-child(3) {
    width: auto;
    margin-left: 1.1em;
  }
  #nav-tertiary {
    margin-left: 2.5em;
  }
  .grid article.s-18 {
    height: 35rem;
    width: 100%;
  }
  .grid article.s-36 {
    height: 45rem;
  }
  .grid article.s-9 {
    height: 35rem;
    width: calc(50% - var(--gutter) / 2);
  }
  .single-hero {
    height: 36rem;
  }
  .page-template-contact main .s-9 {
    width: 50%;
    margin-bottom: 1.12em;
  }
  .publications .col1-logo img {
    max-height: 21rem;
    max-width: 85%;
    width: auto;
    height: auto;
  }
  .publications .col2-logo img {
    height: 30rem;
  }
  .publications .col2-logo img {
    height: 31rem;
  }
  .publications.grid article.s-18 {
    height: 45rem;
  }
}
@media (min-width: 950px) {
  .hide-desktop {
    display: none;
  }
  .grid article h2.f-m, .grid article h2.wp-block-columns:first-child, .grid article .wp-block-columns h2, .wp-block-columns .grid article h2 {
    padding-right: 1em;
  }
  #team-grid {
    margin-top: 7.6rem;
  }
  #team-grid h3:nth-of-type(1) {
    top: 10.6em;
  }
  #team-grid h3:nth-of-type(2) {
    top: 11.8em;
  }
  #team-grid h3:nth-of-type(3) {
    top: 13em;
  }
  .team-group {
    margin-bottom: 4.5rem;
  }
  .team-group > a {
    width: 33.33%;
    margin-bottom: 0.5rem;
  }
  .team-group > a:hover {
    text-decoration: none;
  }
  .team-group > a:nth-child(3n+1) {
    margin-right: 33%;
  }
  .team-group > a:nth-child(3n+3) {
    margin-left: 33%;
    margin-right: 33%;
  }
  .page-imprint .sticky-sections .columns-1, .page-impressum .sticky-sections .columns-1 {
    width: 33.2%;
  }
  .page-imprint .sticky-sections .columns-1:nth-of-type(2), .page-imprint .sticky-sections .columns-1:nth-of-type(3), .page-impressum .sticky-sections .columns-1:nth-of-type(2), .page-impressum .sticky-sections .columns-1:nth-of-type(3) {
    padding-left: calc(var(--gutter) * 5);
  }
  
  .media-template .s-27 {
    padding-right: calc(var(--gutter) * 4);
    padding-left: calc(var(--gutter) * 2);
    margin-right: calc(var(--gutter) * 0);
  }
  .media-team-list .s-9 {
    width: 33.1%;
  }
  .media-template .sticky {
    padding-right: 1em;
  }
  .press-releases-list .w-75 {
    width: 67%;
    padding-right: 1em;
  }
  .publications-content h2 {
    padding-right: 1em;
  }
}
@media (max-width: 950px) {
  .hide-desktop {
    display: flex;
  }
  .hide-mobile {
    display: none;
  }
  .hamburger {
    align-items: flex-start;
    position: absolute;
    right: calc(var(--gutter) * 4);
  }
  #nav {
    display: none;
  }
  #search-container {
    width: calc(50% - var(--gutter) / 2);
    margin-left: 50%;
  }
  header {
    transition: max-height 1s ease;
    will-change: max-height;
    overflow-y: hidden;
    align-items: flex-start;
    height: auto;
    max-height: 9rem;
  }
  .search-active header {
    max-height: 15.5rem;
  }
  #nav-mobile {
    opacity: 0;
    transition: opacity 1s;
    display: flex;
    flex-direction: column;
    margin-top: 7.8vw;
    width: 50%;
    line-height: 1.5;
  }
  .nav-active header {
    max-height: 28.5rem;
  }
  .nav-active #nav-mobile {
    pointer-events: auto;
    opacity: 1;
  }
  #search-container {
    margin-top: 7.8vw !important;
    margin-left: unset;
  }
  #tags, #mix-controls {
    margin-top: 0.9em;
  }
  .publications .col1-logo img {
    max-height: 16rem;
    max-width: 85%;
    width: auto;
    height: auto;
  }
  .publications .col2-logo img {
    height: 30rem;
  }
  .publications .col2-logo img {
    height: 31rem;
  }
  .publications.grid article.s-18 {
    height: 45rem;
  }
  footer nav, footer div {
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-left: unset;
  }
  footer span + span, footer a + a {
    margin-left: unset;
  }
  footer div span:first-child {
    margin-bottom: 1.25em;
  }
  .journal-slider .splide__slide {
    width: calc(100% + 1px);
  }
  .page-portfolio header {
    max-height: 15.5rem;
  }
  .nav-active header {
    max-height: 28.5rem;
  }
  .journal-slider .title {
    width: 100%;
  }
  .journal-slider .title.f-sm, .journal-slider input.title[type=submit],
  .journal-slider button.title[type=submit] {
    font-size: 2.5rem;
    line-height: 1;
    margin-top: 0.04em;
  }
  .journal-featured__element a {
    flex-direction: column;
  }
  .journal-featured__element h3 {
    margin-top: 0.04em;
  }
  .journal-featured__element .cover {
    width: 100%;
    background: transparent;
    height: unset;
    aspect-ratio: unset;
  }
  .journal-featured__element .cover img {
    width: 100%;
    min-height: unset;
    min-width: unset;
    object-fit: contain;
  }
  .journal-featured__element .content {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
    position: relative;
    padding-top: 1.25em;
  }
  .journal-featured__element .cover-video {
    width: 100%;
  }
  .journal-featured__element .content.content-video {
    width: 100%;
  }
  .journal-featured__element .content .category {
    margin-right: calc(var(--gutter) * -4);
    left: 50%;
    width: calc(50% + var(--gutter) * 4);
  }
  .journal-links__element {
    padding-bottom: 0;
  }
  .journal-links__element a {
    flex-direction: column-reverse;
  }
  .journal-links__element .w-75, .journal-links__element .w-25 {
    width: 100%;
  }
  .journal-links__element .w-75 {
    margin-top: 2em;
  }
  .journal-links__element .date, .journal-links__element .category {
    width: 50%;
  }
  .sticky-sections .s-27, .sticky-sections .s-8, .sticky-sections .columns-1 {
    width: 100%;
  }
  .sticky-sections .columns-1 + .columns-1 {
    margin-top: 1.14em;
  }
  .sticky-sections .p-l-3 {
    padding-left: unset;
  }
  .library-text .s-18 {
    width: 100%;
  }
  .library-text .sticky-sections .p-l-3 {
    padding-left: 7rem;
  }
  .library-text .s-27 {
    width: 100%;
  }
  .library-text .s-27 > div:last-of-type {
    padding-bottom: 0;
  }
  .library-text .m-l-9 {
    margin-left: unset;
  }
  .library-text .s-8 {
    width: 8rem;
  }
  #team-grid {
    margin-top: 3rem;
  }
  #team-grid h3 {
    padding-top: 0;
    position: relative;
    margin-bottom: 0.85rem;
  }
  #team-grid .f-m, #team-grid .wp-block-columns:first-child, #team-grid .wp-block-columns h2, .wp-block-columns #team-grid h2 {
    margin-left: -0.05em;
  }
  .team-group {
    width: 100%;
    padding-right: calc(var(--gutter) * 4);
  }
  .team-group > a {
    width: 48.67%;
    margin-bottom: 2.5rem;
  }
  .team-member h4, .team-member h5 {
    padding-left: 0;
  }
  .splide .splide__arrow {
    top: unset;
    bottom: 0.7rem;
  }
  
  .team-content {
    width: 100%;
    padding-right: calc(var(--gutter) * 4);
  }
  .team-content .s-16 {
    width: 100%;
  }
  .single-erste_team h1 {
    margin-bottom: 0;
  }
  .single-erste_team h2 {
    margin-bottom: 0.9em;
  }
  #contact-images div, .contact-images div {
    height: 20rem;
    width: 100%;
  }
  .page-template-foundation article .s-24 {
      width: 100%;
      padding-left: calc(var(--gutter) * 5);
      padding-right: calc(var(--gutter) * 5);
      margin-left: unset;
      margin-right: unset;
  }
  .page-template-foundation p:empty + h2, .page-template-foundation .text h2 + p, .page-template-foundation .text h3 + p, .page-template-foundation p:empty + p {
    text-indent: 0;
  }
  .page-template-foundation .text .s-24 {
    padding: 0;
    justify-content: space-between;
  }
  .report {
    width: 50%;
  }
  .report img {
    height: 15rem;
  }
  .media-template .sticky {
    margin-left: -0.05em;
    margin-bottom: 0.85rem;
    width: 10em;
  }
  .media-template .s-27 {
    width: 100%;
    padding-right: calc(var(--gutter) * 4);
    padding-left: calc(var(--gutter) * 4);
  }
  .media-team-list li {
      width: 48.67%;
      margin-bottom: 2.5rem;
  }
  .media-team-list li:last-child {
    margin-left: auto;
  }
  .press-releases-list a {
    flex-direction: column-reverse;
  }
  .press-releases-list .w-75 {
    width: 100%;
    margin-top: 2em;
  }
  #photographs + .media-team-list li:last-child {
    margin-right: auto;
    margin-left: unset;
  }
  .media-template .download-list {
    margin: 0;
  }
  .media-template .download-list li {
    width: 50%;
    margin: 0;
  }
  .media-template .download-list a {
    display: flex;
    flex-direction: column;
  }
  .media-template .download-list figure {
    aspect-ratio: unset;
    width: 100%;
    margin-bottom: 0.5em;
  }
  .media-template .download-list figure img {
    margin-bottom: 0;
  }
  .media-template .download-list span {
    padding-right: 1em;
  }
  #header.p-4 {
    padding-top: 0.75rem;
  }
  header h1.s-6 {
    padding-left: 0;
  }
  .journal-featured__element {
    border-top: 0;
  }
  #nav-mobile .lang-toggle {
    top: 3.25rem;
  }
  .publications.grid article {
    margin-bottom: 1px;
  } 
  .home-grid article.s-9 .f-m {
    font-size: inherit;
  }
}
@media (min-width: 820px) and (max-width: 950px) {
  :root {
    --gutter: 0.3vw;
  }
  html, body {
    font-size: 1.8vw;
  }
  header h1.s-6 {
    width: 20rem;
  }
  .grid article.s-18 {
    height: 30rem;
    width: 100%;
  }
  .grid article.s-36 {
    height: 45rem;
  }
  .grid article.s-9 {
    height: 32rem;
    width: calc(50% - var(--gutter) / 2);
  }
  
}
@media (max-width: 820px) {
  :root {
    --gutter: 0.5vw;
  }
  html, body {
    font-size: 3.65vw;
  }
  .f-m, .wp-block-columns:first-child, .wp-block-columns h2 {
    font-size: 1.5rem;
    line-height: 1.12em;
  }
  .f-sm, input[type=submit],
  button[type=submit] {
    font-size: 1.45rem;
    line-height: 1.3;
  }
  .f-l {
    font-size: 2.4rem;
    line-height: 1em;
  }
  header {
    margin-bottom: 1.5em;
  }
  .single article header, .page article header {
    margin-bottom: 0.5em;
  }
  .single article header .s-8, .page article header .s-8 {
    display: none;
  }
  .single article header .s-14, .page article header .s-14 {
    width: calc(50% - var(--gutter) * 3 );
  }
  header h1.s-6 {
    width: 20rem;
  }
  .single-hero, .library-hero {
    height: 19rem;
    width: 100%;
  }
  .main-content {
    width: 100%;
    margin-left: 0;
    padding: calc(var(--gutter) * 4);
  }
  .main-content h2.f-l {
    margin-left: 0;
    margin-top: 0.5em;
  }
  .home-grid article.s-18, .events-grid article.s-18, .library-grid article.s-18 {
    width: 100%;
    height: auto;
  }
  .home-grid article.s-18 .tags, .events-grid article.s-18 .tags, .library-grid article.s-18 .tags {
    width: 50%;
    text-align: right;
  }
  .home-grid article.s-18 span.abs:first-child, .events-grid article.s-18 span.abs:first-child, .library-grid article.s-18 span.abs:first-child {
    top: 15rem;
  }
  .home-grid article.s-18.home-library, .events-grid article.s-18.home-library, .library-grid article.s-18.home-library {
    height: 15rem;
  }
  .home-grid article.s-18.home-library span.abs:first-child, .events-grid article.s-18.home-library span.abs:first-child, .library-grid article.s-18.home-library span.abs:first-child {
    top: 0;
  }
  .home-grid article.s-18.home-library .tags, .events-grid article.s-18.home-library .tags, .library-grid article.s-18.home-library .tags {
    text-align: left;
  }
  .home-grid article.s-18 > a, .events-grid article.s-18 > a, .library-grid article.s-18 > a {
    display: flex;
    flex-direction: column-reverse;
  }
  .home-grid article.s-18 > a > div.has-bg, .events-grid article.s-18 > a > div.has-bg, .library-grid article.s-18 > a > div.has-bg {
    min-height: 15rem;
  }
  .home-grid article.s-18 > a figure, .events-grid article.s-18 > a figure, .library-grid article.s-18 > a figure {
    height: 15rem;
    margin-bottom: -1px;
  }
  .home-grid article.s-18 .w-50, .events-grid article.s-18 .w-50, .library-grid article.s-18 .w-50 {
    width: 100%;
  }
  .home-grid article.s-36, .events-grid article.s-36, .library-grid article.s-36 {
    height: 38rem;
  }
  .home-grid article.s-36 .f-m, .home-grid article.s-36 .wp-block-columns:first-child, .home-grid article.s-36 .wp-block-columns h2, .wp-block-columns .home-grid article.s-36 h2, .events-grid article.s-36 .f-m, .events-grid article.s-36 .wp-block-columns:first-child, .events-grid article.s-36 .wp-block-columns h2, .wp-block-columns .events-grid article.s-36 h2, .library-grid article.s-36 .f-m, .library-grid article.s-36 .wp-block-columns:first-child, .library-grid article.s-36 .wp-block-columns h2, .wp-block-columns .library-grid article.s-36 h2 {
    width: 95%;
  }
  .home-grid article.s-9, .events-grid article.s-9, .library-grid article.s-9 {
    height: 28rem;
    width: calc(50% - var(--gutter) / 2);
  }
  #search-results .grid article.s-18, .related-grid.grid article.s-18 {
    height: 18rem;
    width: 100%;
  }
  .home-grid article.s-18.home-team > a {
    flex-direction: row;
  }
  .home-grid article.s-18.home-team span.abs:first-child {
    top: unset;
  }
  .home-grid article.s-18.home-team .w-50 {
    width: 50%;
  }
  .events-grid article:nth-of-type(4n+4) span.w-50, .events-grid article:nth-of-type(4n+3) span.w-50 {
    left: 0;
  }
  .col1-logo img {
    max-width: 13rem;
    max-height: 6rem;
    height: auto;
    width: auto;
  }
  .single article header .s-8 {
    width: 8rem;
  }
  .page-portfolio .home-grid .s-18 {
    width: 100%;
  }
  .page-portfolio .home-grid .s-9 {
    width: 49.5%;
  }
  .page-portfolio .home-grid article {
    margin-bottom: 0.1em;
  }
  #mix-controls a, #tags a {
    margin-right: 0;
  }
  #mix-controls li, #tags li {
    white-space: nowrap;
  }
  #rule {
    position: absolute;
    bottom: 0;
  }
  .page-template-library .grid article.s-36 .f-m, .page-template-library .grid article.s-36 .wp-block-columns:first-child, .page-template-library .grid article.s-36 .wp-block-columns h2, .wp-block-columns .page-template-library .grid article.s-36 h2 {
    width: 95%;
  }
}
form p + p {
  margin-top: 1em;
}

input[type=text],
input[type=email] {
  width: 100%;
  border: none;
  border-bottom: 1px solid currentcolor;
  padding: 0.25em;
  font-size: 1em;
}

input[type=submit],
button[type=submit] {
  background: none;
  border: none;
  border-bottom: 1px solid currentcolor;
  color: black;
}

fieldset {
  border: none;
}

.checkbox-wrapper {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.25em;
}
.checkbox-wrapper input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  color: currentColor;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid currentColor;
  border-radius: 0.15em;
  transform: translateY(50%);
  display: grid;
  place-content: center;
}
.checkbox-wrapper input[type=checkbox]::before {
  content: "";
  width: 1em;
  height: 1em;
  transform: scale(0);
  transition: 100ms transform ease-in-out;
  box-shadow: inset 1em 1em currentcolor;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.checkbox-wrapper input[type=checkbox]:checked::before {
  transform: scale(1);
}

.select-wrapper {
  width: 100%;
  border: 1px solid currentcolor;
  border-radius: 0;
  padding: 0.5em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
}
.select-wrapper select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  grid-area: select;
}
.select-wrapper::after {
  grid-area: select;
  content: "";
  width: 0.8em;
  height: 0.5em;
  background-color: currentcolor;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  justify-self: end;
}
#mce-responses {
  display: none;
}
.wp-block-column a {
  text-decoration: underline;
}
.sticky-sections .column a {
  text-decoration: underline;
}
/*# sourceMappingURL=app.css.map */