.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helveticaltstd, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2em;
}

a {
  color: inherit;
  text-decoration: underline;
}

.body {
  font-size: 1vw;
}

.navbar {
  z-index: 100;
  width: 100vw;
  height: 50px;
  display: none;
  position: fixed;
}

.navigation {
  z-index: 90;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: relative;
}

.transition {
  z-index: 70;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  overflow: hidden;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto 40em 6em 10em auto auto auto auto auto;
  grid-template-columns: 1fr 80em 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  display: grid;
}

.heading-1 {
  text-align: center;
  width: 15em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .2em;
  font-family: Helveticaltstd, sans-serif;
  font-size: 2.5em;
  line-height: 1.2em;
}

.logo {
  width: 16em;
}

.line {
  background-color: #cbcccd;
  width: 100%;
  height: 1px;
}

._1 {
  width: 100%;
}

.heading-2 {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Minion web, sans-serif;
  font-size: 3em;
  font-weight: 400;
}

.hero-3 {
  background-color: #869d93;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.heading-4 {
  text-align: left;
  letter-spacing: normal;
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4em;
}

.heading-4.under {
  margin-bottom: 1.4em;
}

.hero-5 {
  flex-direction: row;
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.hero-1 {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.hero-2 {
  display: none;
  overflow: hidden;
}

.hero-4 {
  padding: 5em 7em;
}

.hero-5-info {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #c9cfc9;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 15em auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 100%;
  padding-top: 6em;
  padding-bottom: 5em;
  padding-right: 1em;
  display: grid;
}

.hero-5-right {
  background-color: #c9cfc9;
  width: 48%;
  height: 100%;
  display: none;
}

.paragraph {
  cursor: pointer;
  margin-bottom: 1em;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: none;
  display: block;
}

.paragraph.right {
  text-align: right;
}

.hero-6 {
  padding: 5em 9em 4em;
}

.hero-7 {
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.hero-7-left, .hero-7-center, .hero-7-right {
  width: 33.33%;
  height: 100%;
}

.hero-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 7.5em;
  padding-bottom: 15em;
  display: flex;
}

.hero-9 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.hero-10 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-11 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.image, .image-2, .image-3 {
  width: 100%;
}

.text-span {
  text-align: left;
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-2 {
  font-size: 1.6em;
}

.text-span-3 {
  font-family: Helveticaltstd, sans-serif;
  font-weight: 700;
  position: relative;
  top: -.1em;
}

.text-span-4 {
  font-family: Helveticaltstd, sans-serif;
  font-weight: 700;
  position: relative;
  top: -.2em;
}

.text-span-5 {
  font-family: Helveticaltstd, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  position: relative;
  top: -1em;
}

.paragraph-2 {
  margin-bottom: 0;
  font-size: 1.6em;
  line-height: 1.4em;
  position: static;
}

.text-span-6 {
  padding-left: 1.86em;
}

.text-span-7 {
  text-align: left;
  white-space: normal;
  padding-left: 2.275em;
}

.text-span-8 {
  padding-left: 2em;
}

.text-span-9 {
  padding-left: 2.03em;
}

.text-span-10 {
  text-align: left;
  padding-left: 5.6em;
}

.text-span-11 {
  padding-left: 5.45em;
}

.heading-3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: .5em;
  font-family: Helveticaltstd, sans-serif;
  font-size: 2.5em;
  line-height: 1.4em;
}

.text-span-12 {
  font-weight: 700;
  position: relative;
  top: -.25em;
}

.paragraph-3 {
  margin-bottom: 0;
  padding-top: 4em;
  padding-bottom: 4em;
  padding-left: 4.5em;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
}

.text-span-13 {
  font-family: Helveticaltstd, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  position: relative;
  top: -1em;
}

.text-span-14 {
  font-family: Helveticaltstd, sans-serif;
  font-weight: 700;
  position: relative;
  top: -.1em;
}

.text-span-15 {
  padding-left: 5.475em;
}

.text-span-16 {
  padding-left: 8em;
}

.text-span-17 {
  padding-left: 5.3em;
}

.text-span-18 {
  padding-left: 5.25em;
}

.text-span-19 {
  padding-left: 5.65em;
}

.text-span-20 {
  padding-left: 5.5em;
}

.text-span-21 {
  font-family: Helveticaltstd, sans-serif;
  font-weight: 700;
  position: relative;
  top: -.2em;
}

.text-span-22 {
  font-weight: 700;
}

.dfi {
  width: 15%;
}

.loreal {
  width: 30%;
  margin-bottom: -.2em;
  margin-left: 10em;
}

.hero-8-logo {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: static;
}

.heading-8 {
  margin-top: 0;
  margin-bottom: 1.5em;
  font-size: 2.5em;
  line-height: 1.4em;
}

.line-2 {
  background-color: #999;
  width: 100%;
  height: 7px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.hero-0 {
  padding-top: 5em;
  padding-bottom: 4em;
}

.html-embed {
  width: 0;
  height: 0;
}

.text-span-23, .text-span-24, .text-span-25 {
  padding-left: 1.2em;
}

.text-span-26, .text-span-27, .text-span-28 {
  padding-left: .2em;
}

.paragraph-4 {
  margin-bottom: 0;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4em;
  position: static;
}

.paragraph-5 {
  margin-bottom: 0;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
}

.bold-text {
  font-family: Helveticaltstd, sans-serif;
  line-height: 1.4em;
}

.paragraph-6 {
  margin-bottom: 0;
  font-family: Helveticaltstd, sans-serif;
  font-size: 1.5vw;
}

.text-span-29 {
  font-family: Helveticaltstd, sans-serif;
  line-height: 3em;
}

.text-span-30, .text-span-31, .bold-text-2 {
  font-family: Helveticaltstd, sans-serif;
}

.hero-7-bg {
  background-color: #c9cfc9;
}

.text-span-32 {
  padding-left: 1em;
}

.text-span-33 {
  padding-left: 2.44em;
}

.image-6 {
  width: 3.5em;
}

.slideshow {
  flex-direction: row;
  display: block;
}

.div-block {
  background-color: #000;
  width: 200px;
  height: 2px;
}

.div-block-2 {
  background-color: #e52a23;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40em;
  display: flex;
  overflow: hidden;
}

.div-block-3 {
  width: 60em;
  height: 40em;
  display: block;
  overflow: visible;
}

.image-7 {
  object-fit: cover;
  width: auto;
  position: relative;
}

.image-8 {
  width: 100%;
  height: 100%;
}

.text-span-34 {
  padding-left: 2em;
}

.paragraph-7 {
  text-align: left;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
  display: block;
  position: absolute;
}

.paragraph-7.left {
  padding-left: 11.5em;
  display: block;
}

.paragraph-7.center {
  padding-left: 0;
}

.text-span-35 {
  letter-spacing: 1px;
}

.text-span-36 {
  letter-spacing: 0;
}

.heading-9 {
  margin-top: 0;
  margin-bottom: 1em;
  font-family: Helveticaltstd, sans-serif;
  font-size: 2em;
  line-height: 1.4em;
}

.subheading {
  margin-bottom: .25em;
  font-family: Helveticaltstd, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.4em;
}

.text-span-37, .paragraph-8 {
  font-family: Helveticaltstd, sans-serif;
}

.link-block {
  z-index: 100;
  cursor: pointer;
  width: 14em;
  height: 3.5em;
  margin-top: -1.9em;
  position: absolute;
}

.text-span-38 {
  padding-left: 3em;
  position: absolute;
}

.paragraph-9 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Minion web, sans-serif;
  font-size: 3.5em;
  line-height: 1em;
}

.text-span-39 {
  font-family: Minion web, sans-serif;
  font-size: 1.7em;
}

.text-span-40 {
  font-size: .5em;
  position: relative;
  top: -1.25em;
}

.text-span-41 {
  font-size: .5em;
  position: relative;
  top: -.75em;
}

.bold-text-3 {
  color: #fff;
  font-family: Helveticaltstd, sans-serif;
  font-size: 1.9em;
}

.paragraph-10 {
  color: #fff;
  margin-bottom: 1em;
  font-family: Helveticaltstd, sans-serif;
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1.4em;
}

.paragraph-11 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Helveticaltstd roman, sans-serif;
  font-size: 1.5em;
  line-height: 1.4em;
}

.text-span-51 {
  font-family: Helveticaltstd, sans-serif;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5em 50em;
  padding-left: 2em;
}

.slider {
  background-color: #fff;
  height: 100%;
}

.slide-1 {
  background-image: url('../images/frisør-elgaard-pernille-lars.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slide-2 {
  background-image: url('../images/frisør-elgaard-salon.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-nav {
  display: none;
}

.slide-3 {
  background-image: url('../images/frisør-elgaard-pernille.jpg');
  background-position: 0 0;
  background-size: cover;
}

.icon {
  margin-left: .3em;
}

.icon-2 {
  margin-right: .3em;
}

.left-arrow, .right-arrow {
  display: none;
}

@media screen and (max-width: 991px) {
  .line-2 {
    height: 5px;
  }

  .text-span-51 {
    font-family: Helveticaltstd, sans-serif;
  }
}

@media screen and (max-width: 767px) {
  .grid {
    grid-template-rows: auto auto 60em 7em 12em auto auto auto auto auto;
  }

  .heading-1 {
    font-size: 3.5em;
  }

  .logo {
    width: 28em;
  }

  .line {
    height: 1px;
  }

  .heading-2 {
    font-size: 3.7em;
  }

  .heading-4 {
    flex-direction: column;
    font-size: 2.5em;
    display: block;
  }

  .hero-5 {
    height: 100%;
  }

  .hero-1 {
    padding-top: 4.5em;
    padding-bottom: 4.5em;
  }

  .hero-5-info {
    grid-template-columns: 20em auto;
    width: 100%;
    height: 100%;
    padding-top: 10em;
    padding-bottom: 10em;
    padding-right: 3em;
  }

  .hero-5-right {
    width: 100%;
    margin-top: 2em;
  }

  .paragraph {
    font-size: 2.5em;
  }

  .hero-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-7 {
    flex-direction: column;
    align-items: center;
    padding-top: 7em;
    padding-bottom: 14em;
  }

  .hero-7-left {
    width: 50%;
  }

  .hero-7-center {
    width: 50%;
    margin-top: 2.5em;
  }

  .hero-7-right {
    width: 50%;
    margin-top: 5em;
  }

  .hero-10 {
    flex-direction: column;
    overflow: hidden;
  }

  .heading-3 {
    font-size: 3.5em;
  }

  .paragraph-3 {
    padding-left: 7em;
    font-size: 2.5em;
  }

  .text-span-13 {
    object-fit: fill;
  }

  .dfi {
    width: 25%;
  }

  .loreal {
    width: 50%;
  }

  .heading-8 {
    font-size: 3.5em;
  }

  .line-2 {
    height: 3px;
  }

  .hero-0 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .text-span-25 {
    padding-left: 1.2em;
  }

  .paragraph-4, .paragraph-5 {
    font-size: 2.5em;
  }

  .bold-text {
    font-size: 2.5vw;
  }

  .image-6 {
    width: 5em;
  }

  .div-block-2 {
    width: 80em;
    height: 60em;
  }

  .div-block-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80em;
    height: 80em;
    display: none;
  }

  .heading-9 {
    font-size: 3.5em;
  }

  .subheading {
    font-size: 2.5em;
  }

  .link-block {
    width: 23em;
    height: 5em;
    margin-top: -2.4em;
  }

  .paragraph-9 {
    font-size: 7em;
    line-height: .7em;
  }

  .paragraph-10 {
    font-size: 3.8em;
  }

  .paragraph-11 {
    font-size: 2.5em;
  }

  .text-span-42, .text-span-43, .text-span-47, .text-span-48 {
    padding-left: 2em;
  }

  .text-span-49, .text-span-50 {
    padding-left: .2em;
  }

  .text-span-51 {
    font-family: Helveticaltstd, sans-serif;
    font-weight: 400;
  }

  .grid-2 {
    grid-template-columns: 3em auto;
    padding-left: 3em;
  }

  .icon {
    margin-left: .2em;
  }

  .icon-2 {
    margin-right: .2em;
  }
}

@media screen and (max-width: 479px) {
  .grid {
    grid-template-rows: auto auto 60em 7em 14em auto auto auto auto auto;
  }

  .heading-1 {
    font-size: 5em;
  }

  .logo {
    width: 35em;
  }

  .heading-2 {
    font-size: 5em;
  }

  .heading-4 {
    font-size: 3.7em;
  }

  .hero-4 {
    padding: 10em 0;
  }

  .hero-5-info {
    justify-items: stretch;
  }

  .paragraph {
    font-size: 3.7em;
  }

  .hero-6 {
    padding: 10em 0;
  }

  .hero-7 {
    padding-top: 10em;
    padding-bottom: 20em;
  }

  .hero-7-left {
    width: 100%;
  }

  .hero-7-center {
    width: 100%;
    margin-top: 5em;
  }

  .hero-7-right {
    width: 100%;
    margin-top: 10em;
  }

  .heading-3 {
    text-align: left;
    font-size: 5em;
  }

  .paragraph-3 {
    padding-left: 3em;
    font-size: 3.7em;
  }

  .paragraph-4, .paragraph-5 {
    font-size: 3.7em;
  }

  .bold-text {
    font-size: 3.7vw;
  }

  .image-6 {
    width: 7em;
    padding-top: 0;
  }

  .heading-9 {
    font-size: 4.2em;
  }

  .subheading {
    font-size: 3.7em;
  }

  .link-block {
    width: 35em;
    height: 7em;
    margin-top: -3em;
  }

  .text-span-44, .text-span-45, .text-span-46 {
    padding-left: 2em;
  }

  .grid-2 {
    grid-template-columns: 3em auto;
  }
}

#w-node-fe0cf7df-a112-9dbd-dcbc-0a4882315fbe-6b4c57f6 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: end center;
}

#w-node-a3439f01-c2d0-7fb1-b1a4-5d6a7dbfb95d-6b4c57f6 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_604a1dce-43d2-34e6-b1b9-bdd4d0365f56-6b4c57f6 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: center;
}

#w-node-d756d539-ea7c-6cd6-afd6-4f4f2c4935d0-6b4c57f6, #w-node-b4f4b574-89cb-d5e1-c733-588603426467-6b4c57f6 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_010d3d5f-5337-0a68-baca-97d1485f4d2e-6b4c57f6 {
  grid-area: 5 / 1 / 6 / 4;
  place-self: center;
}

#w-node-d098be3e-dd4f-6a9b-5da5-d8d402cd9322-6b4c57f6 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_6fe923b9-d25b-bdca-f53f-3b689223047b-6b4c57f6 {
  grid-area: 7 / 2 / 8 / 3;
  place-self: auto;
}

#w-node-_268289a1-8f51-09d7-152d-96fdb8427d38-6b4c57f6 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_3ed96b6a-3e5c-1e9f-f069-af21d0110e30-6b4c57f6 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-f76e95f8-d676-95ce-0f92-e9f5af3d03cf-6b4c57f6 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-f18c1ab9-1761-63a2-11fb-45b562f49ba7-6b4c57f6 {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-_2c64b844-9052-2fd1-ae74-61fa9558ee11-6b4c57f6 {
  grid-area: 3 / 2 / 4 / 3;
  justify-self: start;
}

#w-node-_5cd7266b-e6c9-f0de-a671-7da3a16c06db-6b4c57f6 {
  grid-area: 8 / 2 / 9 / 3;
  place-self: auto;
}

#w-node-_67ae6c3d-56e8-fa3f-d8ca-504f60222f3f-6b4c57f6 {
  grid-area: 9 / 1 / 10 / 4;
}

#w-node-_8bed69b7-aed2-605b-0cec-f596efe38660-6b4c57f6 {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_3d162b47-401a-bb42-f1d0-2c82f04f5df3-6b4c57f6 {
  grid-area: 10 / 2 / 11 / 3;
}

@media screen and (max-width: 479px) {
  #w-node-_6abcd0b1-a1bb-a956-68aa-2177dfcb3d44-6b4c57f6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Minion web';
  src: url('../fonts/Minion-Web.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaltstd';
  src: url('../fonts/HelveticaLTStd-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaltstd roman';
  src: url('../fonts/HelveticaLTStd-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}