@font-face {
  font-family: "Gedau Gothic";
  src:
    url("../fonts/GedauGothic-Medium.woff2") format("woff2"),
    url("../fonts/GedauGothic-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gedau Gothic";
  src:
    url("../fonts/GedauGothic-Roman.woff2") format("woff2"),
    url("../fonts/GedauGothic-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-1: #1a3885;
  --color-2: #a9e85b;
  --color-3: #ff772a;
  --min-dist: 8px;
  --max-dist: 32px;

  /* Typografisches System */
  --fs-body: clamp(1rem, 1.4vw, 1.7rem);
  --fs-small: clamp(0.9rem, 1.39vw, 1.35rem);
  --fs-meta: clamp(1rem, 1.7vw, 1.8rem);
  --fs-program-head: clamp(1.25rem, 1.95vw, 2.3rem);

  --fs-h-main: clamp(2.75rem, 4.5vw, 5.75rem);
  --fs-section: clamp(1.8rem, 3.7vw, 4.7rem);
  --fs-display: clamp(2.8rem, 4.675vw, 6rem);
  --fs-opening: clamp(1.8rem, 3.35vw, 4rem);
  --fs-address: clamp(1.8rem, 3.15vw, 3.75rem);

  --lh-body: 1.55;
}

::-webkit-scrollbar {
  -webkit-display: none;
  -moz-display: none;
  -ms-display: none;
  display: none;
  width: 0px; /* remove scrollbar space */
  background: transparent; /* optional: just make scrollbar invisible */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: "Gedau Gothic", Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: 500;
  font-style: normal;
  color: var(--color-1);
  background-color: var(--color-1);
  text-transform: uppercase;
  scroll-behavior: smooth;
}

#wrapper {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--max-dist) * 4);
  overflow: hidden;
}

#logo {
  width: 12.5vw;
  min-width: 120px;
  height: auto;
  position: fixed;
  top: calc(var(--min-dist) * 4);
  right: 3.05555555556vw;
}

h1,
h2 {
  font-size: var(--fs-h-main);
  font-weight: 500;
  line-height: 1;
}

h3 {
  font-weight: 500;
}

footer h3 {
  font-size: var(--fs-small);
  text-transform: none;
  margin-bottom: 0.5rem;
}

p {
  font-size: var(--fs-body);
  hyphens: auto;
  line-height: var(--lh-body);
  font-feature-settings: "ss03";
}

footer p {
  font-weight: 400;
  max-width: 90ch;
  color: var(--color-3);
  text-transform: none;
  margin-bottom: 1rem;
}

p + p {
  text-indent: 4rem;
}

footer p + p {
  text-indent: 0;
}

ul {
  list-style: none;
}

a {
  color: var(--color-1);
  text-underline-offset: calc(var(--min-dist) / 2);
}

a:link {
  color: var(--color-1);
}

a:visited {
  color: var(--color-1);
}

a:hover {
  color: var(--color-1);
}

a:active {
  color: var(--color-1);
}

p a:link {
  color: var(--color-2);
}

p a:visited {
  color: var(--color-2);
}

p a:hover {
  color: var(--color-2);
}

p a:active {
  color: var(--color-2);
}

.directional-hover-heading {
  --heading-hover-shift: 0px;
  display: inline-block;
  transform: translate3d(var(--heading-hover-shift), 0, 0);
  will-change: transform;
}

.layout-group-02 .inner-group p.directional-hover-heading {
  display: block;
}

/*Group 1 – Header*/

.layout-group-01 h1,
.layout-group-01 h2 {
  color: var(--color-1);
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5) 0
    calc(var(--min-dist) * 1.5);
  display: inline-block;
}

.layout-group-01 h1 {
  padding: var(--min-dist);
  /* text-decoration: underline;
  text-underline-offset: var(--min-dist); */
}

.layout-group-01 h1 span {
  text-decoration: underline;
  text-underline-offset: var(--min-dist);
}

.layout-group-01 h1 {
  background-color: var(--color-2);
  margin-top: calc(var(--min-dist) * 4);
  margin-left: 6.25vw;
}

.layout-group-01 h1::after {
  content: "▼";
  font-size: 75%;
  text-decoration: none;
  text-underline-offset: var(--min-dist);
}

.layout-group-01 h2 {
  background-color: var(--color-3);
  margin-top: -0.5px;
}

.layout-group-01 .inner-group {
  display: flex;
  color: var(--color-2);
}

.layout-group-01 .inner-group p {
  font-size: var(--fs-small);
  margin: calc(var(--min-dist) * 1.5) 0 0 calc(var(--min-dist) * 1.5);
}

.layout-group-01 .teaser {
  /* height: 0px; */
  color: var(--color-2);
  font-weight: 400;
  text-transform: none;
  /* width: 90ch; */
  width: 50vw;
  padding-left: 1rem;
  margin-left: 23.5vw;
}

/*Group 2 – Opening hours*/

.layout-group-02 {
  width: 100%;
  display: flex;
  justify-content: right;
}

.layout-group-02 .exhibition-date {
  font-size: var(--fs-display);
  color: var(--color-3);
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 19.2vw;
  position: relative;
  top: -4.5vw;
  left: 7vw;
}

.layout-group-02 .inner-group h2,
.layout-group-02 .inner-group p {
  color: var(--color-1);
  background-color: var(--color-2);
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5) 0
    calc(var(--min-dist) * 1.5);
}

.layout-group-02 .inner-group h2 {
  font-size: var(--fs-section);
  width: 53.4vw;
}

.layout-group-02 .inner-group span {
  display: inline-block;
}

.layout-group-02 p:first-of-type span {
  transform: rotate(180deg) translateY(0.7rem);
}

.layout-group-02 .inner-group p {
  font-size: var(--fs-opening);
  color: var(--color-1);
  background-color: var(--color-2);
  width: 33.9vw;
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5) 0
    calc(var(--min-dist) * 1.5);
  position: relative;
  left: 3vw;
}

.layout-group-02 .inner-group p + p {
  width: 48vw;
  position: relative;
  left: -3.2vw;
  text-indent: 0;
}

.layout-group-02 .inner-group p + p .opening-hours-unit {
  transform: rotate(180deg) translateX(-0.7rem) translateY(0.65vw);
}

/*Group 2 – Directions*/

.layout-group-03 {
  display: flex;
  flex-direction: column;
}

.layout-group-03 .inner-group {
  width: 85vw;
  position: relative;
}

.layout-group-03 h2 {
  font-size: var(--fs-section);
  color: var(--color-1);
  background-color: var(--color-2);
  width: 29vw;
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5) 0
    calc(var(--min-dist) * 1.5);
}

.layout-group-03 .inner-group p {
  margin-left: 15.9vw;
  line-height: 1;
}

.layout-group-03 .inner-group p:first-of-type {
  font-size: var(--fs-address);
  color: var(--color-3);
  padding: 0 calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5)
    calc(var(--min-dist) * 1.5);
}

.layout-group-03 p:first-of-type a span {
  font-size: var(--fs-section);
  text-decoration: underline;
  color: var(--color-1);
  background-color: var(--color-3);
  display: inline-block;
  padding: calc(var(--min-dist) * 1) calc(var(--min-dist) * 1.5)
    calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5);
}

.layout-group-03 p:first-of-type a span:first-of-type {
  width: 35vw;
  margin-left: -3vw;
}

.layout-group-03 p:first-of-type a span:last-of-type {
  width: 22vw;
}

.layout-group-03 .inner-group .address {
  margin-left: calc(var(--min-dist) * 2.5);
}

.layout-group-03 .inner-group .city {
  display: inline-block;
  position: absolute;
  right: 0;
  transform: rotate(180deg) translateX(-1.5vw) translateY(0.65vw);
}

.layout-group-03 p.insta-link {
  margin-top: var(--min-dist);
  margin-left: 28.96vw;
}

.layout-group-03 p.insta-link a:first-of-type {
  font-size: var(--fs-meta);
  text-transform: none;
  text-decoration: none;
  color: var(--color-2);
  background-color: transparent;
}

/* Layout Group 4 – Program*/

.layout-group-04 h2 {
  font-size: var(--fs-section);
  color: var(--color-3);
  background-color: transparent;
  transform: rotate(180deg);
  margin-right: 37.8vw;
  margin-bottom: var(--min-dist);
}

.layout-group-04 .schedule {
  margin-top: calc(var(--min-dist) * 1.5);
}

.layout-group-04 ul:first-of-type {
  list-style: none;
}

.layout-group-04 ul li {
  list-style: none;
  padding: 0 calc(var(--min-dist) * 2) 0 calc(var(--min-dist) * 2);
}

.layout-group-04 ul:first-of-type > li {
  font-size: var(--fs-program-head);
}

.layout-group-04 h3 {
  background-color: var(--color-2);
  display: flex;
  justify-content: space-between;
  padding: calc(var(--min-dist) * 2) calc(var(--min-dist) * 2)
    calc(var(--min-dist)) calc(var(--min-dist) * 2);
}

.layout-group-04 h3 span {
  display: inline-block;
}

.layout-group-04 ul:first-of-type li:first-of-type h3 span:last-of-type {
  transform: rotate(180deg) translateX(-0.25vw) translateY(0.4vw);
}

.layout-group-04 h3 + ul {
  /* display: none; */
}

.teaser,
.day-schedule,
.description,
.description-box {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.description p {
  color: var(--color-2);
}

.description-box p {
  color: var(--color-3);
}

.layout-group-04 ul.schedule > li:first-child {
  width: 52.43vw;
  margin-left: 46.57vw;
}
.layout-group-04 ul.schedule > li:nth-child(2) {
  width: 45.21vw;
  margin-left: 40.26vw;
}
.layout-group-04 ul.schedule > li:nth-child(3) {
  width: 52.28vw;
  margin-left: 45.28vw;
}
.layout-group-04 ul.schedule > li:nth-child(4) {
  width: 49.93vw;
  margin-left: 43.26vw;
}

.layout-group-04 .day-schedule {
  background-color: transparent;
  color: var(--color-3);
  text-transform: none;
}

.layout-group-04 .program-item {
  border-bottom: 1px solid;
  margin: var(--min-dist) 0;
  padding: var(--min-dist) 0;
}

.layout-group-04 .program-item:last-of-type {
  border-bottom: none;
}

.layout-group-04 .program-item h4 {
  font-weight: 500;
  font-size: calc(var(--fs-body) * 0.9);
  letter-spacing: 0.005rem;
}

.layout-group-04 .program-item p {
  font-size: calc(var(--fs-body) * 0.9);
  font-weight: 400;
  text-transform: none;
  max-width: 80%; /* margin-top: 1rem;
  margin-bottom: 1rem; */
  text-indent: 0;
}

.item-heading-group {
  font-size: calc(var(--fs-meta) * 0.9);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-heading {
  display: flex;
  gap: 1rem;
  margin: 0.5rem 0;
  align-items: center;
}

/* Layout Group 5 – Study programs*/

.layout-group-05 h2,
.layout-group-05 h3 {
  font-size: var(--fs-section);
}

.layout-group-05 h2 {
  background-color: transparent;
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5) 0
    calc(var(--min-dist) * 1.5);
}

/* .layout-group-05 h2 a {
} */

.layout-group-05 h2 span {
  display: inline-block;
  background-color: var(--color-3);
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5) 0
    calc(var(--min-dist) * 1.5);
}

.layout-group-05 h2 span:first-of-type {
  width: 23vw;
  margin-left: -2vw;
  color: var(--color-3);
  background-color: transparent;
}
.layout-group-05 h2 span:nth-of-type(2) {
  width: 22vw;
  margin-left: 0.5vw;
  margin-top: -1px;
}
.layout-group-05 h2 span:last-of-type {
  width: 22vw;
  margin-left: 7.5vw;
}

.layout-group-05 h3 {
  color: var(--color-2);
  padding: 0 calc(var(--min-dist) * 2) calc(var(--min-dist))
    calc(var(--min-dist) * 2);
}

.layout-group-05 h3::after {
  content: "▼";
  font-size: 60%;
}

.layout-group-05 h3 span {
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}

.layout-group-05 .description {
  color: var(--color-2);
  font-weight: 400;
  text-transform: none;
  /* padding-top: 1rem; */
  /* margin-bottom: 1rem; */
}

.layout-group-05 li {
  margin-bottom: 1vw;
}

.layout-group-05 p {
  padding: 0.5vw 0 2vw 2vw;
}

.layout-group-05 p a:link {
  color: var(--color-2);
}

.layout-group-05 p a:visited {
  color: var(--color-2);
}

.layout-group-05 p a:hover {
  color: var(--color-2);
  text-decoration: none;
}

.layout-group-05 p a:active {
  color: var(--color-2);
}

.layout-group-05 p + p {
  text-indent: 5rem;
}

.layout-group-05 ul li:nth-of-type(1) {
  margin-left: 33vw;
  width: 50vw;
  margin-top: -3.8vw;
}

.layout-group-05 ul li:nth-of-type(1) h3 {
  /* margin-left: 38vw; */
  width: 25vw;
  margin-top: -3.8vw;
}

.layout-group-05 ul li:nth-of-type(2) {
  margin-left: 18.7vw;
  width: 50vw;
}

.layout-group-05 ul li:nth-of-type(2) h3 {
  /* margin-left: 18.7vw; */
  width: 37vw;
}

.layout-group-05 ul li:nth-of-type(3) {
  margin-left: 30.5vw;
  width: 50vw;
}

.layout-group-05 ul li:nth-of-type(3) h3 {
  /* margin-left: 30.5vw; */
  width: 24.1vw;
}
/* .layout-group-05 h3:last-of-type span:first-of-type {
  width: 39.93vw; 
}*/
.layout-group-05 h3:last-of-type span:nth-of-type(2) {
  margin-left: -7.74vw;
  /* width: 39.93vw; */
}

/* footer */

footer {
  display: flex;
  justify-content: right;
}

footer ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

footer h2 {
  font-size: var(--fs-meta);
  background-color: var(--color-3);
  padding: calc(var(--min-dist) * 1.5) calc(var(--min-dist) * 1.5)
    var(--min-dist) calc(var(--min-dist) * 1.5);
}

footer li a {
  text-decoration: none;
}

footer .description-box {
  width: 60vw;
  max-width: 60vw;
  margin-left: calc(100% - 100vw);
  margin-right: 0;
  /* padding: calc(var(--min-dist) * 4); */
}

footer .description-box p,
footer .description-box h3 {
  font-size: calc(var(--fs-body) * 0.8);
}

footer li:first-of-type {
  width: 16vw;
  margin-right: -5vw;
}
footer li:last-of-type {
  width: 16vw;
  margin-top: calc(var(--min-dist) * -0.75);
}

.transform-180 {
  display: block;
}

.arrow-down {
  font-size: 60%;
  padding-bottom: 5px;
  text-decoration: none;
}

@media only screen and (max-width: 948px) {
  p {
    font-size: var(--fs-body);
  }
  a {
    color: var(--color-1);
    text-underline-offset: 2px;
  }
}

@media only screen and (max-width: 800px) {
  p {
    font-size: var(--fs-body);
  }
  a {
    color: var(--color-1);
    text-underline-offset: 2px;
  }
}

@media only screen and (max-width: 768px) {
  :root {
    /* --fs-body: clamp(1rem, 3.8vw, 1.45rem);
    --fs-small: clamp(1rem, 3.8vw, 1.35rem);
    --fs-meta: clamp(0.95rem, 3vw, 1.2rem);
    --fs-program-head: clamp(1.25rem, 4vw, 2.1rem);

    --fs-h-main: clamp(2.35rem, 8vw, 4.5rem);
    --fs-section: clamp(1.7rem, 6.7vw, 3.8rem);
    --fs-display: clamp(2.2rem, 7.675vw, 4.2rem);
    --fs-opening: clamp(1.5rem, 4.35vw, 2.6rem);
    --fs-address: clamp(1rem, 3vw, 3.8rem); */

    --fs-body: clamp(1rem, 3.8vw, 1.45rem);
    --fs-small: clamp(1rem, 3.8vw, 1.35rem);
    --fs-meta: clamp(0.95rem, 3vw, 1.2rem);
    --fs-program-head: clamp(1.25rem, 4vw, 2.1rem);

    --fs-h-main: clamp(2.35rem, 8vw, 4.5rem);
    --fs-section: clamp(1.7rem, 6.7vw, 3.8rem);
    --fs-display: clamp(2.2rem, 7.675vw, 4.2rem);
    --fs-opening: clamp(1.5rem, 4.35vw, 2.6rem);
    --fs-address: clamp(1rem, 3vw, 3.8rem);
  }

  /* --fs-body: clamp(1rem, 1.6vw, 1.7rem);
  --fs-small: clamp(0.9rem, 1.39vw, 1.35rem);
  --fs-meta: clamp(1rem, 1.7vw, 1.8rem);
  --fs-program-head: clamp(1.25rem, 1.95vw, 2.3rem);

  --fs-h-main: clamp(2.75rem, 4.5vw, 5.75rem);
  --fs-section: clamp(1.8rem, 3.7vw, 4.7rem);
  --fs-display: clamp(2.8rem, 4.675vw, 6rem);
  --fs-opening: clamp(1.8rem, 3.35vw, 4rem);
  --fs-address: clamp(1.8rem, 3.15vw, 3.75rem);

  --lh-body: 1.5; */

  #wrapper {
    row-gap: calc(var(--max-dist) * 3);
  }
  .layout-group-01 h1 {
    margin-top: 15vh;
  }
  h1,
  h2 {
    font-size: var(--fs-h-main);
  }
  .layout-group-01 .inner-group p {
    font-size: var(--fs-body);
    margin: var(--min-dist) 0 0 var(--min-dist);
  }
  .layout-group-02 .exhibition-date {
    font-size: var(--fs-display);
    width: 19.2vw;
    top: -9.8vw;
    left: 0;
    line-height: 1.15;
  }
  .layout-group-02 .inner-group h2 {
    font-size: var(--fs-section);
    width: 65vw;
  }

  .layout-group-02 .inner-group p {
    font-size: var(--fs-opening);
    width: 48vw;
  }
  .layout-group-02 .inner-group p + p {
    width: 65vw;
    position: relative;
    left: -3.2vw;
    text-indent: 0;
  }
  .layout-group-02 p:first-of-type span {
    transform: rotate(180deg) translateY(0.3rem);
  }
  .layout-group-02 .inner-group p + p .opening-hours-unit {
    transform: rotate(180deg) translateX(-0.4rem) translateY(1vw);
  }
  .layout-group-02 .inner-group h2,
  .layout-group-02 .inner-group p {
    padding: calc(var(--min-dist) * 1) calc(var(--min-dist) * 1) 0
      calc(var(--min-dist) * 1);
  }
  .layout-group-02 .inner-group p {
    padding: calc(var(--min-dist) * 1) calc(var(--min-dist) * 1) 0
      calc(var(--min-dist) * 1);
  }
  .layout-group-03 h2 {
    font-size: var(--fs-section);
    width: 40vw;
    padding: calc(var(--min-dist) * 1) calc(var(--min-dist) * 1.5)
      calc(var(--min-dist) * 0.25) calc(var(--min-dist) * 1.5);
  }

  .layout-group-03 p:first-of-type a span:first-of-type {
    width: 65vw;
  }
  .layout-group-03 p:first-of-type a span {
    font-size: var(--fs-section);
    padding: calc(var(--min-dist) * 1) calc(var(--min-dist) * 1.5)
      calc(var(--min-dist) * 1) calc(var(--min-dist) * 1.5);
  }
  .layout-group-03 p:first-of-type a span:last-of-type {
    width: 50vw;
    margin-left: -20vw;
    text-align: right;
  }
  .layout-group-03 .inner-group {
    width: 100vw;
  }
  .layout-group-03 .inner-group .address {
    position: relative;
    left: 2vw;
    top: -1.5vw;
  }
  .layout-group-03 .inner-group .address {
    margin-left: 0;
  }
  .layout-group-03 .inner-group .city {
    transform: rotate(180deg) translateX(7vw) translateY(4.65vw);
  }
  .layout-group-03 p.insta-link a:first-of-type {
    font-size: var(--fs-meta);
  }
  .layout-group-03 p.insta-link {
    margin-left: 4vw;
    margin-top: -1.5vw;
  }
  .layout-group-04 h2 {
    font-size: var(--fs-section);
    margin-right: 37.8vw;
    margin-bottom: var(--min-dist);
  }
  .layout-group-04 ul:first-of-type > li {
    font-size: var(--fs-program-head);
  }
  .layout-group-04 ul.schedule > li:first-child {
    width: 90vw;
    margin-left: 7.57vw;
  }
  .layout-group-04 ul.schedule > li:nth-child(2) {
    width: 78.21vw;
    margin-left: 13.26vw;
  }
  .layout-group-04 ul.schedule > li:nth-child(3) {
    width: 82.28vw;
    margin-left: 2.28vw;
  }
  .layout-group-04 ul.schedule > li:nth-child(4) {
    width: 88.93vw;
    margin-left: 13.26vw;
  }
  .layout-group-04 ul li {
    list-style: none;
    padding: 0 var(--min-dist) 0 var(--min-dist);
  }
  .layout-group-04 h3 {
    padding: calc(var(--min-dist) * 1) calc(var(--min-dist) * 1)
      calc(var(--min-dist)) calc(var(--min-dist) * 1);
  }
  .layout-group-05 h2,
  .layout-group-05 h3 {
    font-size: var(--fs-section);
  }
  layout-group-05 p {
    padding-left: 4vw;
  }

  .layout-group-05 h2 span:first-of-type {
    width: 53vw;
    margin-left: -3vw;
  }
  .layout-group-05 h2 span:nth-of-type(2) {
    width: 50vw;
    margin-left: 0.5vw;
  }
  .layout-group-05 h2 span:last-of-type {
    width: 52vw;
    margin-left: 10.5vw;
  }
  .layout-group-05 ul li:nth-of-type(1) {
    margin-left: 2vw;
    width: 90vw;
    margin-top: 6vw;
  }
  .layout-group-05 ul li:nth-of-type(2) {
    margin-left: 0vw;
    width: 90vw;
  }
  .layout-group-05 ul li:nth-of-type(1) h3 {
    width: 50vw;
  }
  .layout-group-05 ul li:nth-of-type(2) h3 {
    /* margin-left: 18.7vw; */
    width: 75vw;
  }

  .layout-group-05 ul li:nth-of-type(3) h3 {
    width: 75vw;
  }

  .layout-group-05 ul li:nth-of-type(3) {
    margin-left: 7vw;
    width: 90vw;
  }
  .layout-group-05 h3:last-of-type span:nth-of-type(2) {
    margin-left: 10vw;
    width: 37vw;
  }
  .layout-group-04 .program-item p {
    font-size: var(--fs-meta);
    max-width: 60vw;
  }

  footer li {
    font-size: var(--fs-meta);
  }
  footer .description-box p,
  footer .description-box h3 {
    font-size: calc(var(--fs-body) * 0.9);
    color: var(--color-2);
  }
  footer li:first-of-type {
    width: 20vw;
    margin-left: 15vw;
    margin-right: 0;
  }
  footer li:last-of-type {
    width: 22vw;
    margin-left: 0.1vw;
  }
  footer .description-box {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(100% - 100vw);
    padding: 0 32px 0 32px;
  }
  .layout-group-01 .teaser {
    width: 90vw;
    padding-left: 0;
    margin-left: 5vw;
    margin-top: 5vw;
  }
  p {
    font-size: var(--fs-body);
    hyphens: auto;
    /* text-align: justify; */
    line-height: var(--lh-body);
  }
}