:root {
  --slate-blue: #626292;
  --medium-slate-blue: #6673ff;
  --white: white;
  --blue-bg: #f6faff;
  --dim-grey: #4b4343;
  --orange: #ffae00;
  --white-shade: #f1f3ff;
  --light-sky-blue: #9dd1ff;
  --lavender: #d7deff;
  --gold: #ffc800;
}

.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;
}

.featured-paragraph {
  color: var(--slate-blue);
  text-align: center;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7em;
}

.content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-wrapper.services-top, .content-wrapper.services-bottom, .content-wrapper.story-top {
  margin-bottom: 100px;
}

.content-wrapper.story-top.no-spacing {
  margin-bottom: 10px;
}

.content-wrapper.story-bottom.spacing {
  margin-bottom: 140px;
}

.content-wrapper.story-2 {
  margin-bottom: 130px;
}

.slider {
  background-color: var(--medium-slate-blue);
  height: 100%;
}

.slide-1 {
  background-image: linear-gradient(127deg, #5974ffb8, #ffc07d87), url('../images/chimney.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.container {
  max-width: 1250px;
  padding-left: 20px;
  padding-right: 20px;
}

.container.small {
  max-width: 900px;
}

.wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hero-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 70px;
}

.hero-subtitle {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
}

.hero-subtitle.author-page {
  margin-bottom: 20px;
}

.hero-subtitle.home-page {
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
}

.hero-subtitle.utility {
  margin-bottom: 40px;
}

.hero-subtitle.small-subtitle {
  max-width: 600px;
}

.primary-button {
  transform: scale3d(1none, 1none, 1none);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  transform-style: preserve-3d;
  background-image: linear-gradient(278deg, #ff437f, #ffc800);
  border-radius: 100px;
  padding: 20px 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: transform .5s;
}

.primary-button:hover {
  transform: scale(1.08);
}

.primary-button._2-buttons {
  margin-right: 30px;
}

.home-hero-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.navigation-wrapper {
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.links {
  align-items: center;
  display: flex;
}

.navigation-container {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.link {
  color: #fff;
  border-bottom: 3px solid #fff0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.link:hover {
  color: #fff;
  border-bottom: 3px solid #fff;
}

.link.w--current {
  border-bottom: 3px solid var(--white);
  color: #fff;
}

.navbar {
  background-color: #0000;
  position: absolute;
  inset: 0% 0% auto;
}

.right-arrow {
  background-image: linear-gradient(130deg, #5d78ff, #55e8ff);
  border-radius: 20px;
  width: 75px;
  height: 75px;
  margin-right: 10px;
}

.left-arrow {
  background-image: linear-gradient(210deg, #5d78ff, #55e8ff);
  border-radius: 20px;
  width: 75px;
  height: 75px;
  margin-left: 10px;
}

.slide-3 {
  background-image: linear-gradient(136deg, #5064ff91, #ff963399), url('../images/bilde3.JPG');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.slide-2 {
  background-image: linear-gradient(157deg, #6824c2a3, #001df65c), url('../images/chimney2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.slide-4 {
  background-image: linear-gradient(147deg, #9d00ff8c, #28ffd0ba), url('../images/Roof.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.blue-bg {
  background-color: var(--blue-bg);
}

.section.extra-margin, .section.about-section {
  padding-bottom: 140px;
  overflow: hidden;
}

.section.about-section.bg-blue {
  background-color: var(--blue-bg);
}

.section.contact-section {
  background-color: var(--blue-bg);
  padding-bottom: 140px;
  overflow: hidden;
}

.section.why-us-section {
  background-color: var(--blue-bg);
  overflow: hidden;
}

.cards-grid {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 40px;
}

.cards-grid.services {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
}

.cards-grid.team-members {
  grid-template-columns: 1fr 1fr;
}

.cards-grid.kontakt {
  margin-bottom: 0;
}

.card {
  background-color: var(--white);
  box-shadow: 2px 0 15px #e0e4ff;
}

.image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrapper.blog-post {
  margin-bottom: 40px;
}

.image-wrapper.card-image {
  margin-bottom: 20px;
}

.image-wrapper.companies {
  max-width: 180px;
  margin-left: 10px;
  margin-right: 10px;
}

.image-wrapper.round-image {
  margin-bottom: 20px;
}

.image-wrapper.special {
  display: block;
}

.small-divider {
  background-image: linear-gradient(to right, #6673ff, #ff5fca 100%, #ff8400);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 4px;
  margin-bottom: 20px;
}

.small-title {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
}

.small-title.left-aligned {
  text-align: left;
}

.small-card-image {
  object-fit: cover;
  height: 280px;
}

.title {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.title.center-aligned {
  text-align: center;
}

.title.left-aligned {
  text-align: left;
}

.divider {
  background-image: linear-gradient(to right, #6673ff, #ff5fca 100%, #ff8400);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 5px;
  margin-bottom: 20px;
}

.paragraph {
  color: var(--slate-blue);
  text-align: left;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

.paragraph.extra-spacing {
  margin-bottom: 40px;
}

.paragraph.center-aligned {
  text-align: center;
}

.paragraph.article {
  margin-bottom: 40px;
}

.paragraph.left-aligned {
  text-align: left;
}

.bold-text {
  color: var(--orange);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 25px;
}

.bold-text.message {
  margin-top: 20px;
}

.bold-text.team-card {
  text-align: center;
  margin-bottom: 10px;
}

.bold-text.credit {
  text-align: left;
}

.bold-text.contact {
  align-self: center;
  margin-bottom: 0;
}

.secondary-button {
  border: 2px solid var(--medium-slate-blue);
  transform: scale3d(1none, 1none, 1none);
  color: var(--slate-blue);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff0;
  border-radius: 50px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: transform .5s;
}

.secondary-button:hover {
  transform: scale(1.08);
}

.secondary-button.white {
  border-color: var(--white);
  color: var(--white);
}

.secondary-button._2-buttons {
  margin-right: 30px;
}

.image {
  z-index: 1;
}

.image.small-card-image {
  height: 200px;
}

.image.thumbnail-image {
  object-fit: cover;
  width: 100%;
  height: 350px;
}

.image.team-card {
  object-fit: cover;
  width: 300px;
  height: 300px;
}

.image.services {
  object-fit: cover;
  height: 250px;
}

.image.blog-post {
  object-fit: cover;
  height: 100%;
}

.image.round-avatar {
  object-fit: cover;
  border-radius: 100px;
  width: 200px;
  height: 200px;
}

.image.license {
  object-fit: cover;
  width: 100%;
  height: 200px;
}

.image.relative {
  position: relative;
}

.image.special {
  width: 100%;
  margin-bottom: 20px;
}

.project {
  border: 1px solid var(--white-shade);
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  text-decoration: none;
  transition: border-color .5s;
  display: flex;
  box-shadow: 2px 0 15px #e0e4ff;
}

.project:hover {
  border-width: 1px;
  border-color: var(--light-sky-blue);
}

.post-title {
  color: var(--dim-grey);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  transition: color .5s;
}

.post-title:hover {
  color: var(--orange);
}

.post-title.team-card {
  text-align: center;
  margin-bottom: 10px;
  transition-property: none;
}

.post-title.team-card:hover {
  color: var(--dim-grey);
}

.post-title.author-name {
  display: block;
}

.post-title.review:hover {
  color: var(--dim-grey);
}

.projects-grid {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  place-items: stretch stretch;
  display: grid;
}

.link-text {
  color: var(--orange);
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 900;
}

.projects-list-wrapper {
  margin-bottom: 60px;
}

.testimonial-wrapper {
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  display: flex;
}

.credit-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.slide-nav-2 {
  display: none;
}

.arrow {
  background-color: var(--orange);
  border-radius: 100px;
  width: 60px;
  height: 60px;
  padding: 10px;
  transition: background-color .5s;
}

.arrow:hover {
  background-color: var(--medium-slate-blue);
}

.arrow.right {
  inset: 0% 0% 0% auto;
}

.arrow.left {
  inset: 0% auto 0% 0%;
}

.testimonial {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  max-width: 925px;
  display: flex;
  box-shadow: 2px 0 15px #e0e4ff;
}

.testimonial-review {
  max-width: 65%;
  padding: 20px 50px 20px 20px;
}

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

.testimonial-image-wrapper {
  width: 33%;
  height: 380px;
}

.testimonials-slider {
  background-color: #fff0;
  height: auto;
}

.testimonial-small-image {
  object-fit: cover;
  border-radius: 100px;
  margin-right: 20px;
}

.msg-box {
  border: 1px solid var(--lavender);
  color: var(--slate-blue);
  border-radius: 20px;
  min-height: 120px;
  margin-bottom: 30px;
  padding: 20px 30px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  transition: border-color .5s;
  box-shadow: 0 0 10px 1px #e0e4ff;
}

.msg-box:hover {
  border-color: var(--orange);
}

.text-input {
  border: 1px solid var(--lavender);
  color: var(--slate-blue);
  border-radius: 50px;
  min-height: 70px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  transition: border-color .5s;
  box-shadow: 2px 0 15px #e0e4ff;
}

.text-input:hover {
  border-color: var(--orange);
}

.error-message-text {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 20px;
}

.contact-grid {
  grid-template-rows: auto;
  margin-bottom: 20px;
}

.success-message-text {
  color: #fff;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.contact-form {
  background-color: #fff;
  min-height: 500px;
  padding: 40px 30px 20px;
  position: relative;
  box-shadow: -2px 0 15px #e0e4ff;
}

.error-message {
  text-align: center;
  background-color: #ff4d4d;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.error-message.password-page {
  padding-top: 10px;
  padding-bottom: 10px;
}

.success-message {
  background-color: var(--medium-slate-blue);
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footer {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 -1px 20px 1px #e0e4ff;
}

.footer-title {
  color: var(--orange);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.social-icon {
  padding: 10px;
}

.footer-links {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-links.social {
  max-width: 100px;
}

.footer-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
}

.footer-about {
  width: 35%;
  margin-right: 40px;
}

.footer-link-item {
  margin-bottom: 10px;
  display: flex;
}

.footer-main-content-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.nav-link {
  color: var(--slate-blue);
  font-family: Lato, sans-serif;
  font-size: 18px;
  text-decoration: none;
  transition: color .5s;
}

.nav-link:hover {
  color: var(--medium-slate-blue);
}

.social-wrapper {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 100px;
  width: 43px;
  height: 43px;
  transition: transform .5s;
  box-shadow: 0 1px 5px #7181ff5c;
}

.social-wrapper:hover {
  transform: scale(1.1);
}

.social-wrapper.team-card, .social-wrapper.author-link {
  margin-left: 5px;
  margin-right: 5px;
}

.social-wrapper.author-social-link {
  margin-right: 10px;
}

.bottom-wrapper {
  border-top: 1px solid var(--medium-slate-blue);
  padding-top: 10px;
  padding-bottom: 10px;
}

.orange-line {
  background-color: var(--orange);
  width: 100px;
  height: 3px;
}

.milestone {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
}

.numbers-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.number {
  color: var(--dim-grey);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.featured-text {
  color: var(--orange);
  font-weight: 600;
}

.icon-wrapper {
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.icon {
  object-fit: cover;
  width: 50px;
  height: auto;
}

.author-card {
  justify-content: flex-start;
  align-items: center;
  max-width: 1000px;
  margin-bottom: 100px;
  display: flex;
  box-shadow: 1px 0 15px #e0e4ff;
}

.empty-state {
  text-align: center;
  background-color: #fff0;
}

.text-block {
  color: var(--slate-blue);
  font-family: Lato, sans-serif;
  font-size: 20px;
}

.utility-page-wrap {
  background-color: var(--medium-slate-blue);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 540px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

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

.text-field.utility {
  border-radius: 50px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Lato, sans-serif;
}

.license-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.standard-link {
  color: var(--slate-blue);
}

.brand.footer-logo {
  margin-bottom: 20px;
}

.logo {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 190px;
  transition: transform .5s;
}

.logo:hover {
  transform: scale(1.1);
}

.brand-logo {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 230px;
  transition: transform .5s;
}

.brand-logo:hover {
  transform: scale(1.05);
}

.author-image {
  width: 33%;
  height: 410px;
}

.hero-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-content {
  flex-direction: column;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

._2-buttons-wrapper {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.split-content {
  max-width: 550px;
  position: relative;
}

.split-content.home-about-left {
  max-width: 47%;
  margin-right: 60px;
}

.split-content.contact-left {
  max-width: 45%;
  margin-right: 40px;
}

.split-content.why-us-top-left {
  max-width: 47%;
  margin-right: 60px;
}

.split-content.why-us-bottom-left {
  margin-right: 60px;
}

.split-content.about-right {
  max-width: 47%;
  margin-left: 60px;
}

.split-content.about-left {
  max-width: 47%;
  margin-right: 60px;
}

.split-content.why-us-bottom-right {
  max-width: 47%;
}

.home-hero-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 860px;
  padding: 20px;
  display: flex;
}

.heading-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.project-wrapper {
  padding: 20px 40px 40px;
}

.button-wrapper {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.bg {
  z-index: 0;
  background-color: var(--gold);
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: -30px;
  right: -30px;
}

.bg.secondary {
  top: 30px;
  right: 30px;
}

.list-wrapper {
  align-items: center;
}

.milestones-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-media-wrapper {
  justify-content: center;
  align-items: center;
}

.author-wrapper {
  max-width: 65%;
  padding: 20px 40px;
}

.buttons-wrapper {
  justify-content: space-between;
  display: flex;
}

.heading-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-section {
  background-color: var(--medium-slate-blue);
  padding-top: 200px;
  padding-bottom: 120px;
}

.hero-section.services {
  background-image: linear-gradient(120deg, #6673ffb3, #ff9f2aa3), url('../images/Living-Room_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.hero-section.about-us {
  background-image: linear-gradient(120deg, #315fbbb0, #ffb3b3a3), url('../images/ovn3.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.hero-section.contact-us {
  background-image: linear-gradient(#6673ffd1, #6673ffd1), url('../images/chimney.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.hero-section.our-projects {
  background-image: linear-gradient(120deg, #6673ffde, #ff85f3b0), url('../images/chimney.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.hero-section._100vh {
  background-image: linear-gradient(#0000, #a8a8a8a8 94%, #ffffff47), linear-gradient(#2d46ffc2, #e928cf87), url('../images/chimney.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  min-height: 100vh;
}

.logos-wrapper {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.credit-link {
  color: var(--slate-blue);
}

.home-hero-section {
  height: 100vh;
}

.footer-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: start center;
  width: 40%;
}

.gallery-overview {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.gallery-content {
  width: 100%;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 40px;
  display: grid;
}

.gallery-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gallery-features-block {
  margin-top: 16px;
  margin-bottom: 24px;
}

.gallery-feature {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 8px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.gallery-grid {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-image {
  width: 100%;
}

.image-2 {
  object-fit: cover;
  position: relative;
}

.image-2.contact-icon {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.paragraph-2 {
  color: #171f58;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.contact-link {
  text-decoration: none;
  display: flex;
}

.featured-text-2 {
  color: #ff7072;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}

.featured-text-2.contact {
  text-align: left;
  align-self: center;
  margin-bottom: 0;
  line-height: 30px;
}

.contact-links {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 20px;
}

.contact-info {
  background-color: #fff;
  padding: 40px 40px 20px;
  box-shadow: 2px 0 15px #e0e4ff;
}

.small-title-2 {
  color: #3f56a3;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
}

.send {
  color: var(--slate-blue);
  text-decoration: none;
}

.send:hover {
  color: var(--medium-slate-blue);
}

.cards-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.lenke {
  color: var(--slate-blue);
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .content-wrapper {
    flex-direction: column;
  }

  .content-wrapper.services-top {
    margin-bottom: 60px;
  }

  .content-wrapper.services-bottom {
    flex-direction: column-reverse;
  }

  .content-wrapper.story-top {
    margin-bottom: 60px;
  }

  .content-wrapper.story-bottom {
    flex-direction: column-reverse;
  }

  .content-wrapper.story-bottom.spacing {
    margin-bottom: 85px;
  }

  .wrapper {
    flex: 0 auto;
  }

  .hero-title {
    font-size: 48px;
    line-height: 60px;
  }

  .primary-button {
    align-items: center;
  }

  .nav-menu {
    background-color: var(--medium-slate-blue);
    padding-bottom: 10px;
  }

  .menu-icon {
    color: #fff;
  }

  .menu.w--open {
    background-color: #00000021;
    border-radius: 100px;
  }

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

  .cards-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cards-grid.services {
    grid-template-rows: auto auto auto auto auto auto;
  }

  .cards-grid.team-members {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    flex-flow: column;
    grid-template-columns: 1fr;
    place-items: stretch end;
    display: flex;
  }

  .card {
    max-width: 550px;
  }

  .card.contact-card {
    width: 100%;
  }

  .card.member {
    width: 550px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .title {
    text-align: center;
    font-size: 35px;
    line-height: 40px;
  }

  .paragraph, .paragraph.why-us {
    text-align: center;
  }

  .project {
    max-width: 550px;
  }

  .post-title.review {
    text-align: center;
  }

  .projects-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .credit-wrapper {
    justify-content: center;
    align-items: center;
  }

  .testimonial {
    flex-direction: column;
    max-width: 550px;
  }

  .testimonial-review {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
    padding: 0 30px 30px;
  }

  .testimonial-image {
    border-radius: 50px;
  }

  .testimonial-image-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
  }

  .numbers-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .utility-page-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo {
    width: 150px;
  }

  .split-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .split-content.home-about-left {
    max-width: 550px;
    margin-bottom: 45px;
    margin-right: 0;
  }

  .split-content.contact-left {
    max-width: 550px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .split-content.why-us-top-left {
    max-width: 550px;
    margin-bottom: 45px;
    margin-right: 0;
  }

  .split-content.why-us-bottom-left {
    margin-right: 0;
  }

  .split-content.about-right {
    max-width: 550px;
    margin-bottom: 25px;
    margin-left: 0;
  }

  .split-content.about-left {
    max-width: 550px;
    margin-bottom: 45px;
    margin-right: 0;
  }

  .split-content.why-us-bottom-right {
    max-width: 550px;
    margin-bottom: 20px;
  }

  .bg {
    top: -25px;
    right: -25px;
  }

  .bg.secondary {
    top: 25px;
    right: 25px;
  }

  .hero-section {
    padding-top: 180px;
    padding-bottom: 100px;
  }

  .footer-grid {
    width: 55%;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-2.kontakt, .featured-text-2 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .featured-paragraph {
    font-size: 18px;
  }

  .content-wrapper.services-top {
    margin-bottom: 40px;
  }

  .content-wrapper.services-bottom {
    margin-bottom: 60px;
  }

  .content-wrapper.story-top {
    margin-bottom: 40px;
  }

  .content-wrapper.story-bottom.spacing {
    margin-bottom: 65px;
  }

  .slide-1 {
    min-height: 620px;
  }

  .hero-title {
    font-size: 40px;
    line-height: 50px;
  }

  .hero-subtitle {
    font-size: 24px;
  }

  .home-hero-wrapper {
    margin-top: 140px;
    margin-bottom: 100px;
  }

  .slide-3, .slide-2, .slide-4 {
    min-height: 620px;
  }

  .card.member {
    width: 400px;
  }

  .small-title, .title {
    font-size: 30px;
  }

  .image.thumbnail-image {
    height: 300px;
  }

  .post-title {
    font-size: 30px;
  }

  .post-title.review {
    text-align: center;
  }

  .credit-wrapper {
    justify-content: center;
    align-items: center;
  }

  .arrow.right {
    right: -2%;
  }

  .arrow.left {
    left: -2%;
  }

  .testimonial {
    box-shadow: 0 0 9px #e0e4ff;
  }

  .testimonial-review {
    max-width: 90%;
  }

  .contact-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-form {
    padding-bottom: 40px;
  }

  .footer-about {
    width: 100%;
    margin-right: 0;
  }

  .footer-main-content-wrapper {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .number {
    font-size: 40px;
  }

  .author-card {
    flex-direction: column;
  }

  .license-grid {
    grid-template-columns: 1fr 1fr;
  }

  .author-image {
    width: 100%;
    height: 300px;
  }

  .hero-wrapper {
    align-self: center;
  }

  .split-content.contact-right {
    align-items: stretch;
    min-width: 400px;
  }

  .split-content.why-us-top-left, .split-content.about-left {
    margin-bottom: 40px;
  }

  .bg {
    top: -20px;
    right: -20px;
  }

  .bg.secondary {
    top: 20px;
    right: 20px;
  }

  .author-wrapper {
    max-width: none;
    padding-bottom: 40px;
  }

  .hero-section {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .logos-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .home-hero-section {
    height: auto;
  }

  .footer-grid {
    width: 100%;
  }

  .gallery-overview {
    padding: 60px 15px;
  }

  .gallery-wrapper {
    grid-column-gap: 21px;
  }

  .gallery-grid {
    grid-row-gap: 20px;
  }

  .paragraph-2 {
    text-align: center;
  }

  .small-title-2 {
    text-align: center;
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  .slide-1 {
    min-height: 100%;
  }

  .hero-title {
    font-size: 38px;
    line-height: 45px;
  }

  .hero-subtitle {
    font-size: 22px;
    line-height: 30px;
  }

  .primary-button._2-buttons {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .primary-button.contact {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-hero-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .branding {
    margin-right: 20px;
  }

  .slide-3, .slide-2, .slide-4 {
    min-height: 100%;
  }

  .card.member {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .small-divider {
    width: 130px;
  }

  .small-title {
    font-size: 28px;
  }

  .small-title.left-aligned {
    text-align: center;
  }

  .title {
    font-size: 28px;
  }

  .bold-text.credit {
    text-align: center;
  }

  .secondary-button._2-buttons {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .image.thumbnail-image {
    height: 250px;
  }

  .post-title {
    font-size: 28px;
    line-height: 35px;
  }

  .post-title.review {
    text-align: center;
  }

  .credit-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .arrow.right {
    inset: auto 0% 0% 35%;
  }

  .arrow.left {
    inset: auto 35% 0% 0%;
  }

  .testimonial-review {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-slider {
    padding-bottom: 80px;
  }

  .testimonial-small-image {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .msg-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-input {
    padding-left: 20px;
    padding-right: 20px;
    transition: border-color .5s;
  }

  .contact-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .social-wrapper.team-card {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }

  .social-wrapper.author-link {
    margin-bottom: 5px;
  }

  .social-wrapper.author-social-link {
    margin-bottom: 10px;
  }

  .milestone {
    padding: 0;
  }

  .numbers-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .number {
    font-size: 35px;
  }

  .license-grid {
    grid-template-columns: 1fr;
  }

  .author-image {
    height: 200px;
  }

  ._2-buttons-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .split-content.contact-right {
    align-self: stretch;
    min-width: auto;
  }

  .project-wrapper, .author-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buttons-wrapper {
    flex-direction: column;
  }

  .home-hero-section {
    height: 100vh;
    position: sticky;
  }

  .footer-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .gallery-content {
    max-width: none;
  }

  .gallery-wrapper {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .contact-info {
    padding-left: 10px;
    padding-right: 10px;
  }

  .small-title-2 {
    font-size: 26px;
  }
}

#w-node-_771a2a38-dcd3-2a1f-b46f-1f19c153a000-90b45176, #w-node-_771a2a38-dcd3-2a1f-b46f-1f19c153a005-90b45176, #w-node-bf75cc8e-ecc8-842a-c6c0-64954e6ef0f3-90b45176, #w-node-bf75cc8e-ecc8-842a-c6c0-64954e6ef0f7-90b45176 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf75cc8e-ecc8-842a-c6c0-64954e6ef0fb-90b45176 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-dbb9f41f-6797-8be3-db6d-c4143cbff396-90b4517a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dbb9f41f-6797-8be3-db6d-c4143cbff398-90b4517a, #w-node-_8bfac785-8428-f150-4688-d297dab0fdfa-90b4517b {
  place-self: auto;
}

#w-node-_28311c18-dd2f-10f8-a732-17733d71b5e0-90b4517c, #w-node-_28311c18-dd2f-10f8-a732-17733d71b5e7-90b4517c, #w-node-_10ce8ed3-beb3-fd7a-d57e-81add5b5ae4d-90b4517f, #w-node-fc6962ef-12d4-8e31-5b65-aff0069ffc8e-90b4517f, #w-node-_1a91bc1a-ca15-8bc4-9555-eca620a3dbe5-90b4517f, #w-node-_0f03a2f9-d07a-2d05-4c8f-76a14d0b2dd9-90b4517f, #w-node-_5a216966-4d4d-081a-eb37-bfb3fa934fa3-90b4517f, #w-node-_2e674205-5e99-c1c0-1724-b35d89fd7da2-90b4517f, #w-node-_13ddf01d-ca8e-a7f9-a590-211f0cc7e822-90b4517f, #w-node-_1be4a452-35c5-ef68-cd80-e656b5b3d49a-90b4517f, #w-node-ffebce50-4129-0e04-9416-32dd2ada2f2b-90b4517f, #w-node-c1e049bc-93ea-26e3-9ef5-decdd2f22725-90b4517f, #w-node-_0e60f599-3b71-c123-80e4-e09ed374d86f-90b4517f, #w-node-bc893c37-1955-ee97-a333-dadbb180a272-90b4517f, #w-node-_47bc1710-7aec-1a3b-f873-c95057683dfa-90b4517f, #w-node-e8f23dbc-d1c4-9353-7601-b86599d09c45-90b4517f, #w-node-cce00c9d-a5c9-3253-50b6-dca3ab22204c-90b4517f, #w-node-bc71bef2-e071-8736-8af8-8ff07dcf3627-90b4517f, #w-node-_90ee0f5e-b4e4-fbdb-8dd4-576545baf2ee-90b4517f, #w-node-_651976c2-db07-095f-48bc-6b3444737f56-90b4517f, #w-node-_62043649-99be-7155-010b-a98288592a73-90b4517f, #w-node-_771a2a38-dcd3-2a1f-b46f-1f19c153a000-90b45180, #w-node-_771a2a38-dcd3-2a1f-b46f-1f19c153a005-90b45180 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_56eea1bd-8389-a96e-9e99-09450dc1b7d3-90b45176, #w-node-_56eea1bd-8389-a96e-9e99-09450dc1b7dc-90b45176, #w-node-_56eea1bd-8389-a96e-9e99-09450dc1b7e5-90b45176, #w-node-ce10ccdf-60ec-88d2-1f95-f0b53b4775d8-90b45179, #w-node-ce10ccdf-60ec-88d2-1f95-f0b53b4775e2-90b45179, #w-node-ce10ccdf-60ec-88d2-1f95-f0b53b4775ec-90b45179, #w-node-dbb9f41f-6797-8be3-db6d-c4143cbff398-90b4517a, #w-node-_8bfac785-8428-f150-4688-d297dab0fdfa-90b4517b, #w-node-f802e9b7-fe2f-7131-af06-6f6d368f4fec-90b4517d, #w-node-f802e9b7-fe2f-7131-af06-6f6d368f4ff6-90b4517d, #w-node-f802e9b7-fe2f-7131-af06-6f6d368f5000-90b4517d, #w-node-_36e1be2d-4649-2286-0db5-fd10b157024a-90b4517d, #w-node-_4685c4c4-4ec3-6100-5acc-dcaf936f96a7-90b4517d, #w-node-_2afc9e9a-0448-b922-5b99-39d07c07f27f-90b4517d, #w-node-_56eea1bd-8389-a96e-9e99-09450dc1b7d3-90b45180, #w-node-_56eea1bd-8389-a96e-9e99-09450dc1b7dc-90b45180, #w-node-_56eea1bd-8389-a96e-9e99-09450dc1b7e5-90b45180, #w-node-ce10ccdf-60ec-88d2-1f95-f0b53b4775d8-90b45181, #w-node-ce10ccdf-60ec-88d2-1f95-f0b53b4775e2-90b45181, #w-node-ce10ccdf-60ec-88d2-1f95-f0b53b4775ec-90b45181 {
    place-self: center;
  }
}