.image {
  margin: 0px;
  width: 100%;
  height: 300px;
  --bs-gutter-x: 0px;
  padding: 0px;
}

.image-start {
  margin: 0px;
  width: 100%;
  height: 600px;
  --bs-gutter-x: 0px;
  padding: 0px;
}

.image-big {
  margin: 0px;
  width: 100%;
  height: 500px;
  --bs-gutter-x: 0px;
  padding: 0px;
}

.image-frontpage-small {
  margin: 0px;
  width: 100%;
  height: 350px;
  /*--bs-gutter-x: 0px;*/
  padding: 0px;
}

.image-frontpage {
  width: 100%;
  height: 400px;
  border-radius: 12px;
}

.card {
  border: none;
  border-radius: 0;
}

.projects {
  --bs-gutter-x: 1rem;
}

.projects-column {
  --bs-gutter-y: 0.5rem;
}

.projects-row {
  --bs-gutter-x: 0.5rem;
}

.change-project {
  margin-bottom: 50px;
  margin-top: 20px;
}

h6 {
  margin-bottom: 1px;
  font-size: 14px;
  /*font-weight: 400;*/
}

.nav-link {
  padding: 9px;
  color: black;
  font-size: 14px;
  font-weight: 400;
  display: inline;
}

.information-text {
  margin-top: 50px;
}

@media (min-width: 992px) {
  #project-text {
    margin-top: 70px;
    margin-bottom: 50px;
  }
}

#detail-project-text {
  font-size: 14px;
}

#prev-next-project-nav {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .detail-project-text {
    margin-left: 70px;
  }
}

#detail-project-text {
  font-size: 14px;
  font-weight: 300;
}

@media (min-width: 1200px) {
  #detail-project-text {
    margin-left: 85px;
  }
}

.funiture-waste {
  /*max-width: 320px;*/
  height: 50%;
  width: 50%;
  border-radius: 50%;
}

.funiture-waste-text {
  max-width: 130px;
  font-size: 12px;
}

.about-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .about-text {
    max-width: 600px;
  }
}

.text-badge {
  padding: .1rem .4rem;
  background: yellow;
  color: var(--bs-gray-900);
}

.front-gutter-row {
  --bs-gutter-x: 1rem;
}

.front-gutter-column {
  --bs-gutter-y: 1rem;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

h1 {
}

body {
  font-family: 'Readex Pro', sans-serif !important;
}

.project-text-paragraph {
  font-size: 20px;
  font-weight: 300;
  /*max-width: 630px;*/
}

.about-text-paragraph {
  font-size: 16px;
  font-weight: 300;
  max-width: 660px;
  line-height: 30px;
}

.behind-text-paragraph {
  font-size: 20px;
  font-weight: 300;
  /*max-width: 500px;*/
}

a:hover.next {
  background-color: white;
  color: black;
  border: solid;
  border-color: black;
  border-radius: 20px;
  padding: 9px;
  /*font-size: 14px;*/
  font-weight: 400;
  /*line-height: 1;*/
  /*margin-bottom: 5px;*/
  /*border-radius: 50px;*/
}

.nav-link:focus, .nav-link:hover {
  color: black;
}

.navbar-light .navbar-nav .nav-link {
  color: black;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: black;
  background-color: white;
  border: solid;
  border-color: black;
  border-radius: 20px;
  cursor: pointer;
  /*display: inline-block;*/
  padding: 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  /*text-transform: uppercase;*/
  color: #313030;
  margin-bottom: 5px;
  /*transition: all 0.3s ease-in-out;*/
  border-radius: 50px;
}

.active {
  background-color: yellow;
}

@media (min-width: 300px) {
  .image-behind {
    width: 100%;
    height: 250px;
  }
}

@media (min-width: 992px) {
  .image-behind {
    width: 100%;
    height: 550px;
  }
}

.behind-column {
  margin-top: 20px;
}

.behind-the-scene-badge {
  /*height: 80px;*/
  background-color: yellow;
  padding: 9px;
}

.image-persona {
  height: 531px;
  width: 100%;
}

.next {
  /*background-color: lightgray;*/
  border: solid;
  border-width: 1px;
}

.next-yellow {
  background-color: yellow;
  /*border: solid;*/
  /*border-width: 1px;*/
}

.next-big {
  background-color: yellow;
  font-size: 20px;
}

#next-up-footer {
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 0;
}

#categories-brand {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.btn-primary {
  color: black;
  background-color: yellow;
  border-color: Transparent;
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn {
  display: inline-block;
  font-weight: 300;
  line-height: 1.5;
  color: white;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: black;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.next-up-nav {
}

.back-to-top {
  /*margin-bottom: 40px;*/
}

@media (min-width: 992px) {
  .back-to-top {
    margin-bottom: 0px;
  }
}

.footer-button {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .footer-button {
    margin-top: 0px;
  }
}

#next-up-footer {
}

.introduction-text-paragraph {
  margin-top: 30px;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .introduction-text-paragraph {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.informationtext-credit {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .informationtext-credit {
    margin-bottom: 0px;
  }
}

small {
  font-weight: 200;
}

.link-info {
  color: black;
}

.link-info:focus, .link-info:hover {
  color: black;
  background-color: yellow;
}

.image-behind {
}

.behind-text-paragraph-max {
  color: black;
  margin-top: 0;
}

@media (min-width: 992px) {
  .behind-text-paragraph.behind-text-paragraph-max {
    margin-top: 85px;
  }
}

@media (min-width: 768px) {
  .behind-row.comment {
    --bs-gutter-x: 0px;
  }
}

@media (min-width: 992px) {
  .nav-fill .nav-item, .nav-fill > .nav-link {
    flex: initial;
    text-align: left;
  }
}

.footer-name-title {
  text-align: center;
}

@media (min-width: 992px) {
  .footer-name-title {
    text-align: left;
  }
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: black;
  border-color: black;
  box-shadow: none;
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn:hover {
  background-color: black;
  color: white;
  border: solid;
  border-color: white;
  border-radius: 20px;
  /*margin-left: 10px;*/
}

.btn-secondary {
  color: black;
  background-color: yellow;
  /*border-color: black;*/
}

@media (min-width: 300px) {
  .about-text {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .about-text {
    margin-top: 0px;
  }
}

@media (min-width: 1400px) {
  .about-text {
    max-width: 740px;
  }
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: black;
  background-color: #ffff00;
}

.front-header:hover {
  color: black;
}

.front-header {
  text-decoration: none;
}

.navbar-brand:hover {
}

.Product_description {
  font-weight: 300;
}

.IBbehind {
  padding-top: 80px;
  padding-bottom: 80px;
}

.explain-p-big {
  font-size: 18pt;
  font-weight: 350;
}

.sub-heading {
  font-size: 22pt;
}

.subtitlebox-impulse {
  background-color: white;
  padding: 10px;
  color: black;
  font-size: 12pt;
}

.h1-impulse {
  font-size: 80pt;
}

.image.header-image-imp {
  /*position: relative;*/
  /*left: 140px;*/
  /*top: -80px;*/
  width: 520px;
}

.imagetext {
  font-size: 8pt;
  margin-top: 5px;
}

.Impulse-image-prototype {
  height: 664px;
  max-width: 1149px;
}

.Impulse-image {
  height: 672px;
  max-width: 1076px;
}

.explain-p-small {
  font-weight: 300;
}

.small {
  font-weight: 300;
}