@font-face {
  font-family: Bellcentennialstd subcapt;
  src: url('../fonts/BellCentennialStd-SubCapt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Bellcentennialstd address;
  src: url('../fonts/BellCentennialStd-Address.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --red: #ff4802;
  --white: white;
  --overline: #a0a0a0;
  --outlines: #0000001a;
  --dark-grey: #302d2b;
  --white-smoke: #f4f4f4;
  --dark-grey-2: #aaa29e;
  --gainsboro: #bcb7b4;
}

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

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode {
    font-size: 16px;
  }
}

body {
  color: var(--black);
  font-family: Bellcentennialstd subcapt, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  letter-spacing: -.03125rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  margin-left: -.109375rem;
  font-size: 2.9rem;
  font-weight: 500;
  line-height: 3.1rem;
}

h2 {
  letter-spacing: -.03125rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  margin-left: -.03125rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.25rem;
}

h3 {
  letter-spacing: -.03125rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2rem;
}

h4 {
  letter-spacing: -.025rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
}

h5 {
  letter-spacing: -.01875rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

h6 {
  z-index: 1;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  position: relative;
}

p {
  z-index: 1;
  margin-bottom: 1.2rem;
  font-size: .955rem;
  position: relative;
}

a {
  color: var(--black);
  text-decoration: none;
  transition: color .2s;
}

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

ul {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

li {
  padding-top: 4px;
  padding-bottom: 4px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: 5px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.375;
  display: block;
}

blockquote {
  background-image: url('../images/quote-sign-05.svg'), url('../images/quote-sign-04.svg');
  background-position: 100% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 36px, 36px;
  border-left: 5px #e2e2e2;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 8px 48px;
  font-family: Ovo, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
}

.all-content {
  z-index: 1;
  position: relative;
}

.section {
  z-index: 2;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.section.overflow-hidden {
  overflow: hidden;
}

.section.no-bottom {
  padding-bottom: 0;
}

.section.without-padding {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.without-padding.z-index {
  z-index: 1;
}

.section.without-padding.overflow-hidden.full-height {
  height: 100%;
}

.section.without-padding.background-fader {
  width: 200%;
  position: absolute;
}

.section.without-padding.z-3 {
  z-index: 3;
}

.section.without-padding.unit {
  background-color: #0e0c0d;
  padding-top: 20vh;
}

.section.without-padding.unit-slim {
  background-color: #a49a98;
  padding-top: 20vh;
}

.section.just-navi {
  padding-top: 72px;
}

.section.no-top {
  padding-top: 0;
}

.section.padding-bottom-md {
  padding-bottom: 3.5rem;
}

.section._100vh {
  height: 100vh;
}

.section._100vh.nopadding {
  padding-top: 38px;
  padding-bottom: 0;
}

.section._100vh.nopadding._90vh {
  height: 90vh;
}

.section.middle {
  align-items: center;
  display: flex;
}

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

.section.middle.bg-white.ov-hidden {
  overflow: hidden;
}

.section.no-padding.search {
  background-color: #302d2b;
  flex-direction: column;
  justify-content: space-around;
  height: auto;
  min-height: 100vh;
  padding-top: 12rem;
  padding-left: 10rem;
  padding-right: 10rem;
}

.container {
  z-index: 2;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1376px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.container.horizontal {
  flex-direction: row;
  width: 100%;
}

.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.container.text-center {
  text-align: center;
}

.overline {
  z-index: 1;
  color: var(--overline);
  letter-spacing: .09375rem;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.overline.scroll {
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.overline.scroll.scroll-more-orange {
  color: #ff572f;
  font-size: .825rem;
}

.overline.font-white.no-styles.overline-grey {
  color: #707070;
}

.overline.font-white.no-styles.overline-grey.projekt-overline {
  color: #a3a3a3;
  font-size: .925rem;
}

.overline.line {
  border-top: 1px solid var(--outlines);
  width: 100%;
  padding-top: .75rem;
}

.overline.black {
  color: var(--dark-grey);
}

.overline.no-styles.ov-big {
  font-size: .725rem;
}

.overline.display {
  margin-bottom: 1.5rem;
}

.overline.display.overline-big {
  font-size: .725rem;
}

.overline.margin-top-sm {
  margin-top: 1.3rem;
}

.overline.font-md {
  font-size: .925rem;
}

.overline.font-md.product-overlay-plus {
  margin-bottom: 0;
  font-size: 1.1rem;
}

.overline.font-md.product-overlay-minus {
  margin-bottom: 0;
  font-size: 1.1rem;
  display: none;
}

.overline.font-md.no-margin {
  margin-bottom: 0;
}

.overline.font-md.no-margin.font-white {
  color: #ccc;
}

.overline.home-o {
  padding-top: 8px;
  padding-left: 10px;
  font-family: bell-centennial-std-address, sans-serif;
  font-size: .875rem;
}

.overline.home-o.home-o-2 {
  font-family: Georgia, Times, Times New Roman, serif;
}

.overline.home-o-2 {
  color: #000;
  font-family: Bai Jamjuree, sans-serif;
}

.overline.home-o-2.mg-bt {
  letter-spacing: .19375rem;
  margin-bottom: 1.225rem;
}

.overline.overline-konzept {
  text-transform: lowercase;
  font-size: .75rem;
}

.overline.scroll-more-orange {
  color: #ff572f;
}

.overline.scroll-more-orange.no-mg-bt {
  margin-bottom: 0;
}

.overline.overline-big {
  font-size: .825rem;
}

.overline.contact-ov {
  color: #000;
  letter-spacing: .10375rem;
  margin-bottom: 1.425rem;
  font-family: Bellcentennialstd subcapt, sans-serif;
  font-size: .895rem;
}

.overline.cap-auto {
  text-transform: none;
}

.caption {
  color: var(--overline);
  margin-bottom: 8px;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.375;
}

.button {
  background-color: var(--black);
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 4px 24px;
  font-size: .625rem;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.button:hover {
  background-color: var(--red);
  color: var(--dark-grey);
}

.button.white {
  background-color: var(--white);
  color: var(--dark-grey);
}

.button.white:hover {
  background-color: var(--red);
  color: var(--dark-grey);
}

.introduction {
  letter-spacing: .01em;
  margin-bottom: 1.25rem;
  font-family: Bellcentennialstd subcapt, sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6rem;
}

.introduction.big {
  letter-spacing: -.02em;
  font-size: 2vw;
  font-weight: 400;
}

.introduction.big-margin-bottom.intro-sm {
  font-size: 1.3rem;
  line-height: 1.3;
}

.introduction.intro-sm {
  margin-bottom: 3.45rem;
  font-size: 1.1rem;
  line-height: 1.4;
}

.introduction.overlay {
  margin-top: .3rem;
  margin-bottom: .5rem;
}

.introduction.introduction-unit-slim {
  text-align: left;
}

.horizontal-rule {
  z-index: 1;
  background-color: var(--outlines);
  height: 1px;
  margin-left: 24px;
  margin-right: 24px;
  position: relative;
}

.horizontal-rule.white {
  background-color: #ffffff1a;
}

.horizontal-rule.fullwidth.shrink {
  flex: 0 auto;
}

.horizontal-rule.fill {
  width: 100%;
}

.horizontal-rule.history-line {
  width: 100%;
  margin-bottom: 49px;
  margin-left: 0;
  margin-right: 0;
}

.title {
  z-index: 1;
  margin-bottom: 1.6rem;
  font-family: bell-centennial-std-address, sans-serif;
  font-weight: 400;
  position: relative;
}

.title.no-bottom {
  margin-bottom: 0;
}

.title.middle-margin-bottom {
  margin-bottom: 10vh;
}

.title.home-title {
  padding-left: 10px;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.title.p-title {
  font-size: 1.85rem;
}

.title.t-sm-pd {
  margin-bottom: 1.25rem;
}

.title.small-mg-bt {
  margin-bottom: 1.15rem;
}

.title.offset-left {
  padding-left: 11px;
  font-family: bell-centennial-std-address, sans-serif;
  font-weight: 400;
}

.content {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content.horizontal {
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.content.horizontal.space {
  justify-content: space-between;
}

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

.content.centered.top {
  justify-content: flex-start;
}

.content.top-bottom {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.content.bottom {
  justify-content: flex-end;
}

.content.bottom.center {
  align-items: center;
}

.content.bottom.pd-big-left {
  padding-left: 3vw;
}

.content.middle {
  align-self: center;
}

.content.middle.height-8 {
  height: 8vh;
}

.content.middle.product-detail-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 5vh;
  padding-top: 16px;
  padding-bottom: 16px;
}

.content.stretch {
  align-items: stretch;
}

.content.wrap {
  flex-wrap: wrap;
}

.content.absolute {
  padding-top: 15px;
  padding-left: 20px;
}

.content.margin-top-mini {
  max-height: 78vh;
  margin-top: 1rem;
  overflow: visible;
}

.content.padding-sm {
  padding-left: 36px;
  padding-right: 36px;
}

.display-1 {
  color: var(--black);
  letter-spacing: -.03em;
  margin-bottom: 3.9rem;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1em;
}

.display-1.left-side {
  margin-bottom: 30vh;
}

.display-1.font-white.no-style {
  margin-bottom: 0;
}

.display-1.product-display {
  margin-bottom: 1.3rem;
}

.display-1.product-display.font-white.hidden {
  display: none;
}

.display-1.small-ma {
  margin-bottom: 1.9rem;
}

.display-1.sm-mg-bt {
  margin-bottom: 1.3rem;
}

.card-container {
  flex-flow: wrap;
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.card-container.space {
  margin-left: -.5px;
  margin-right: -.5px;
}

.card-container.space.top {
  align-items: flex-start;
}

.card-container.space._100p {
  height: 100%;
}

.card-container.space.padding-pro {
  padding-bottom: 46px;
  padding-left: 0;
  padding-right: 0;
}

.card-container.centered {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.card-container._100 {
  flex: 0 auto;
}

.card-container.line-top {
  border-top: 1px solid #0000001a;
}

.section-fullwidth {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column wrap;
  grid-template: ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utility-page-wrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 35vh 6rem 6rem;
  display: flex;
  position: relative;
}

.utility-page-wrap.password {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 6rem;
}

.utility-page-content {
  flex-direction: column;
  align-items: flex-start;
  width: 260px;
}

.promo-popup {
  z-index: 10;
  background-color: var(--black);
  color: var(--white);
  border-radius: 100px;
  align-items: center;
  max-width: 256px;
  padding: 10px;
  font-weight: 500;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 24px;
  box-shadow: 0 4px 16px #0000001f;
}

.promo-image {
  background-image: url('../images/avatar.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  flex: none;
  width: 34px;
  height: 34px;
  margin-right: 8px;
}

.promo-info {
  flex: 1;
  font-size: .6875rem;
}

.promo-close {
  background-color: var(--black);
  cursor: pointer;
  background-image: url('../images/Orion_close_4px.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 0 -12px auto auto;
}

.promo-close:hover {
  background-color: var(--red);
}

.accordion-label-wrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.accordion-label {
  position: absolute;
  left: 160px;
}

.numbers-accordion {
  direction: ltr;
  color: var(--dark-grey);
  margin-right: 45px;
  font-family: Merriweather, serif;
  font-weight: 300;
  position: absolute;
  left: 100px;
}

.line-accordion {
  background-color: #000;
  width: 30px;
  height: 1px;
  margin-right: 45px;
  position: relative;
}

.accordion-item-trigger {
  cursor: pointer;
  border-bottom-style: none;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 24px;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  transition: color .2s;
  display: flex;
  position: relative;
}

.accordion-item-trigger:hover {
  color: var(--red);
}

.accordion-item-trigger.top {
  align-items: flex-start;
}

.accordion-item-content {
  text-align: left;
  padding-left: 160px;
  overflow: hidden;
}

.accordion-item-content.no-styles {
  padding-left: 0;
}

.post-info {
  color: var(--dark-grey);
  letter-spacing: .03em;
  align-items: center;
  margin-bottom: 32px;
  font-size: .825rem;
  display: flex;
}

.post-info.no-styles.m-b-2 {
  margin-top: 33px;
  margin-bottom: 4.8rem;
}

.post-info.font-white {
  margin-bottom: 10px;
}

.post-card-author-link {
  color: var(--dark-grey);
  text-transform: uppercase;
  border-radius: 100px;
  align-items: center;
  padding: 4px 12px 4px 4px;
  font-size: .625rem;
  font-weight: 600;
  transition: background-color .2s, color .2s;
  display: flex;
}

.post-card-author-link:hover {
  background-color: var(--dark-grey);
  color: var(--white);
}

.post-card-avatar {
  border-radius: 100px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: block;
}

.image-wrapper {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 20vw;
  max-height: 256px;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper.big {
  height: 36vw;
  max-height: none;
}

.image-wrapper._3x {
  height: 14vw;
}

.image-wrapper.medium {
  height: 344px;
  max-height: none;
}

.image {
  z-index: 0;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  transform: scale(1.03);
}

.image.projekte-1 {
  background-image: url('../images/50-Hertz---Motortisch.jpg');
  background-position: 50%;
}

.image.projekte-2 {
  background-image: url('../images/Projekte.jpg');
}

.image.projekte-2._2 {
  background-image: url('../images/Woods-Bagot-Studio-Nr.3-WEB.jpg');
}

.image.image-08 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-59.jpg'), none;
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

.image.image-08.sp-2 {
  background-image: url('../images/SR_2001110377_send_web.jpg'), url('../images/ecommerce-webflow-template-by-fouroom-59.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 70%, 50%, 50%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: cover, contain, cover;
}

.contact-button-wrapper {
  z-index: 8;
  background-color: var(--white-smoke);
  box-shadow: none;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: flex-end;
  min-width: 64px;
  min-height: 64px;
  padding: 16px 16px 36px;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.contact-button {
  z-index: 99;
  background-color: var(--dark-grey);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 4px 16px #0000001f;
}

.contact-button:hover {
  background-color: var(--red);
  border-color: #878a8f80;
}

.contact-button-close-icon {
  opacity: 0;
  width: 32px;
  height: 32px;
  position: absolute;
}

.contact-button-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .625rem;
  font-weight: 600;
  display: flex;
}

.contact-button-list {
  width: auto;
  height: auto;
  padding-bottom: 28px;
}

.contact-link {
  color: var(--dark-grey);
  background-color: #878a8f00;
  align-items: center;
  height: 40px;
  padding-left: 12px;
  padding-right: 32px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
  overflow: hidden;
}

.contact-link:hover {
  color: var(--dark-grey);
  background-color: #ffffff3d;
}

.contact-link-icon {
  width: 24px;
  margin-right: 10px;
}

.progress-bar {
  z-index: 11;
  background-color: var(--red);
  height: 4px;
  position: fixed;
  inset: 0 0% auto;
}

.price-wrapper {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.price {
  color: var(--overline);
  font-size: .6875rem;
  font-weight: 500;
}

.price.sale {
  margin-right: 5px;
  display: flex;
}

.price.detail {
  color: var(--white);
}

.old-price {
  margin-right: 10px;
  text-decoration: line-through;
}

.old-price.detail {
  color: var(--white);
}

.new-price {
  color: var(--red);
}

.badge {
  z-index: 3;
  background-color: var(--overline);
  color: var(--white);
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  font-size: .5rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 12px 12px auto auto;
}

.badge.bottom {
  inset: auto auto 16px 16px;
}

.collection-list {
  flex-flow: wrap;
  display: flex;
}

.collection-list.centered {
  flex-direction: row;
}

.collection-list.vertical {
  flex-direction: column;
}

.collection-item {
  flex-direction: row;
  flex: 25%;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.collection-item._2x {
  flex-grow: 0;
  flex-basis: 50%;
}

.collection-item._1x {
  flex-basis: 100%;
}

.collection-item._3x {
  flex-grow: 0;
  flex-basis: 33.3%;
}

.empty-state {
  background-color: var(--white);
}

.left-section {
  flex-direction: column;
  width: 50%;
  display: flex;
  position: relative;
}

.left-section._2of3 {
  width: 50%;
  display: flex;
}

.left-section._2of3.m-r {
  margin-right: .5em;
}

.left-section._3of4 {
  width: 75%;
}

.left-section._1of3 {
  width: 33.3%;
}

.left-section.middle {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-section.middle.dark-bg {
  background-color: #0e0c0d;
}

.left-section.z-index {
  z-index: 3;
  flex-direction: column;
}

.left-section.z-index.about-pm {
  padding-left: 20px;
}

.left-section.vertical {
  flex-direction: column;
}

.left-section.z-index-4 {
  z-index: 4;
}

.right-section {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  width: 50%;
  display: flex;
  position: relative;
}

.right-section.overflow-hidden {
  overflow: hidden;
}

.right-section.white {
  background-color: var(--white);
}

.right-section.z-index-4 {
  z-index: 4;
}

.right-section.stan2 {
  height: 95vh;
  position: sticky;
  top: 72px;
}

.sticky {
  text-align: left;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.sticky.category {
  padding-top: 72px;
}

.sticky.auto-height {
  text-align: left;
  height: auto;
}

.sticky.stretch {
  align-items: stretch;
}

.sticky.overflow-hidden {
  overflow: hidden;
}

.sticky.overflow-hidden._90vh {
  height: 90vh;
}

.sticky.overflow-hidden._95vh {
  height: 95vh;
}

.sticky.overflow-hidden._95vh.stan1 {
  top: 72px;
}

.sticky.overflow-hidden.mg-bt {
  margin-bottom: 48px;
}

.tabs-content {
  z-index: 0;
  flex: 1;
  overflow: visible;
}

.footer {
  z-index: 4;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--dark-grey);
  color: var(--white);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-areas: ". ."
                       ". .";
  padding-top: 3rem;
  font-size: .75rem;
  display: block;
  position: relative;
  inset: auto 0% 0%;
}

.splitscreen {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.splitscreen.blog-post {
  min-height: auto;
}

.splitscreen.reverse.stickyanim {
  height: 250vh;
}

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

.tabs-menu {
  z-index: 1;
  display: flex;
}

.thumb-image-hover {
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.thumb-image-hover._3of4 {
  width: 75vw;
}

.navbar {
  z-index: 9;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  height: 78px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  position: fixed;
  inset: 0% 0% auto 0;
}

.newsletter-modal-wrapper {
  z-index: 99;
  background-color: #1a1a1abf;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.newsletter-modal {
  background-color: var(--white);
  max-width: 800px;
  min-height: 384px;
  display: flex;
  position: relative;
}

.newsletter-modal-image {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-47.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 400px;
}

.newsletter-modal-info {
  flex-direction: column;
  justify-content: space-between;
  width: 400px;
  padding: 32px;
  display: flex;
}

.form-block {
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
}

.form-horizontal {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.text-field-wrapper {
  flex: 1;
  margin-right: 4px;
  position: relative;
}

.text-field-wrapper.no-styles {
  margin-right: 0;
}

.text-field-label {
  color: #1a1a1a99;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 400;
  line-height: 11px;
  position: absolute;
  top: 4px;
  left: 8px;
}

.text-field-label.white {
  color: #fff9;
}

.text-field {
  background-color: #0000;
  border: 1px solid #1a1a1a33;
  border-radius: 2px;
  height: 48px;
  padding: 12px 8px 0;
}

.text-field:focus {
  border-color: #1a1a1a66;
}

.text-field.in-the-row {
  margin-bottom: 0;
}

.submit-button {
  background-color: var(--black);
  color: var(--white);
  justify-content: center;
  height: 48px;
  padding: 4px 24px;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
}

.submit-button:hover {
  background-color: var(--red);
  color: var(--white);
}

.form-stretch-vert {
  flex-direction: column;
  display: flex;
}

.close-button-modal {
  z-index: 2;
  background-color: var(--black);
  color: var(--white);
  background-image: url('../images/baseline-close-24px.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button-modal:hover {
  background-color: var(--red);
}

.success-message {
  color: #f8f8f6;
  text-align: left;
  background-color: #272727;
}

.error-message {
  background-color: var(--red);
  color: var(--dark-grey);
  text-align: left;
  padding: 16px;
}

.nav-column {
  margin-bottom: 1rem;
  margin-right: 2rem;
}

.nav-column.last {
  margin-right: 0;
}

.nav-column.stretch {
  flex: 1;
}

.nav-column.stretch.margin-right-ft {
  margin-right: .1rem;
}

.nav-column.stretch.ft-last {
  margin-right: 0;
  overflow: hidden;
}

.nav-column.stretch.ft-first {
  padding-left: 60px;
}

.horizontal {
  border-bottom-style: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  display: flex;
}

.horizontal.space-between {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.horizontal.middle {
  align-items: center;
}

.horizontal._100 {
  width: 100%;
}

.icons-payment {
  background-color: var(--outlines);
  color: var(--black);
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 132px;
  display: flex;
}

.icons-payment.stripe {
  color: var(--white);
  background-image: url('../images/Stripe-PayPal_white.svg');
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: 120px;
}

.footer-link {
  color: var(--dark-grey-2);
  background-image: url('../images/Orion_indicator-right.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: .87rem;
  text-decoration: none;
}

.footer-link.font-white.footer-link-no-orion {
  background-image: none;
}

.margin-bottom {
  width: 100%;
}

.icon-social-square {
  background-color: var(--dark-grey);
  border-bottom-style: none;
  border-radius: 2px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  transition: background-color .2s;
}

.icon-social-square:hover {
  background-color: var(--red);
  color: var(--white);
}

.icon-social-square.facebook {
  background-image: url('../images/facebook-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.twitter {
  background-image: url('../images/twitter-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.pinterest {
  background-image: url('../images/pinterest-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.instagram {
  background-image: url('../images/instagram-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.linkedin {
  background-image: url('../images/linkedin-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.xing {
  background-image: url('../images/xing-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.behance {
  background-image: url('../images/behance-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.vimeo {
  background-image: url('../images/vimeo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square.whatsapp {
  background-image: url('../images/whatsapp-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.text-field-white {
  background-color: var(--outlines);
  color: #fff;
  border: 1px #000;
  border-radius: 2px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 8px 0;
}

.text-field-white:focus {
  border-color: #1a1a1a66;
}

.footer-section {
  z-index: 1;
  flex-direction: column;
  flex: none;
  align-items: stretch;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.heroscreen {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 78px 0 0;
  display: flex;
  position: relative;
}

.heroscreen.reverse._80vh {
  min-height: 80vh;
}

.heroscreen.mobile.no-pd-bt {
  padding-bottom: 0;
}

.heroscreen.mobile.anim-hero {
  width: 50%;
  min-height: 45vh;
  margin-left: 50%;
}

.heroscreen.mobile.anim-hero.inverted {
  margin-left: 0%;
  margin-right: 50%;
}

.heroscreen.mobile.anim-hero.sticky {
  position: sticky;
}

.heroscreen.mobile.no-top, .heroscreen.no-pd-top {
  padding-top: 0;
}

.heroscreen._100vh {
  height: 100vh;
}

.heroscreen._100vh.pd-bt-20 {
  padding-bottom: 20px;
}

.heroscreen._100vh.pd-bt-20.fluid-hero {
  height: auto;
  min-height: 100vh;
  display: block;
}

.heroscreen.z-auto {
  z-index: auto;
}

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

.heroscreen.white-bg {
  background-color: #fff;
}

.parallax-image {
  z-index: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  inset: 0%;
}

.parallax-image.image-02 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-25.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-image.image-04 {
  background-image: url('../images/LabTwin_13_08.jpg');
  background-position: 50% 28%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 65vh;
}

.parallax-image.about-2 {
  background-image: url('../images/call-bilddatenbank.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-image.about-2.productimg4 {
  background-image: url('../images/Bildschirmfoto-2020-01-31-um-18.33.40.png');
}

.parallax-image.about-2.h75 {
  height: 75vh;
}

.parallax-image.about-2.h75.unit-paralax-img {
  background-image: url('../images/WH1538-1670.jpg');
}

.parallax-image.about-2.h75.unit-paralax-img.corpus-c-img-11 {
  background-image: url('../images/planmoebel_Sideboard_petrol_3er.jpg');
}

.parallax-image.about-2.h75.unit-paralax-img.corpus-c-img-11.corpus-c-img-11-new {
  background-image: url('../images/planmoebel_Sideboard_corpus-c_Detail_buendigeEcke_6-web.jpg');
  background-position: 50% 0;
}

.parallax-image.about-2.h75.unit-paralax-img.m-pur-img-11 {
  background-image: url('../images/planmoebel_6_schwarzes-Gestell_Container1_Auflage-schwarz.jpg');
}

.parallax-image.about-2.h75.unit-paralax-img.m-pur-img-11.m-pur-img-11-2 {
  background-image: url('../images/Plan_ausstellung_02.jpg');
}

.parallax-image.about-2.h75.unit-paralax-img.dm-parallax-img {
  background-image: url('../images/direction-m-2-Nr.1-WEB2x.png');
}

.parallax-image.about-2.h75.unit-paralax-img.dm-parallax-img.dm-parallax-img-2 {
  background-image: url('../images/NQ82d3cQ.jpeg');
  background-position: 50% 100%;
}

.parallax-image.konzept-2 {
  background-image: url('../images/LabTwin_14_09.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 70vh;
}

.parallax-image.konzept-2._3-sauelen {
  background-image: url('../images/IMG_7409.jpg');
}

.parallax-image.konzept-2._3-sauelen._2 {
  background-image: url('../images/DMYN5KwA.jpeg');
  background-position: 50%;
}

.parallax-image.produkte-2 {
  background-image: url('../images/Screen-Shot--38.png');
  background-position: 50%;
  background-size: cover;
  height: 70vh;
}

.display-2 {
  letter-spacing: -.01em;
  font-size: 1.45rem;
  font-weight: 400;
}

.display-2.font-white {
  text-align: left;
}

.font-white {
  z-index: 1;
  color: var(--white);
  text-align: center;
  position: relative;
}

.font-white.link-grey {
  color: #dcdcdc;
}

.font-white.link-grey:hover {
  color: #ff4802;
}

.font-white.link-grey.z-auto {
  z-index: auto;
}

.content-xs {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-xs.centered {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.content-xs.centered.justify-center {
  justify-content: center;
}

.content-xs.centered.margin-bt {
  margin-bottom: 20px;
}

.content-xs.top-bottom {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.content-xs.middle {
  justify-content: center;
}

.content-xs.middle.max-500 {
  max-width: 400px;
}

.content-xs.align-left {
  text-align: left;
  margin-left: 0;
}

.content-xs.align-left.padding-top {
  padding-top: 13px;
}

.content-xs.paddin-left-50 {
  padding-left: 50%;
}

.content-xs.xs-mod {
  max-width: 600px;
}

.content-xs.xs-mod.centered {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10vh;
}

.grid-fullwidth {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template: ". . . ."
                 ". . . ."
                 / 1fr 1.75fr 1.75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.grid-fullwidth._4x4 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-areas: ". . . ."
                       ". . . ."
                       ". . . ."
                       ". . . .";
}

.grid-fullwidth._4x4._100height {
  height: 100%;
}

.card {
  z-index: 1;
  flex-flow: wrap;
  flex-grow: 1;
  flex-basis: 25%;
  align-self: stretch;
  width: 100%;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.xs-bg-image {
  min-height: 256px;
}

.card.l-bg-image {
  height: 60vh;
  max-height: 540px;
  padding: 2rem;
}

.card.xl {
  flex-basis: 25%;
  padding: 6rem;
}

.card.xl.no-top {
  padding-top: 0;
}

.card.xl.no-top.border-bt {
  border-bottom: 1px solid #e2e2e2;
  transition: color .2s, background-color .2s;
}

.card.xl.card-contact-d-none {
  display: none;
}

.card.xl.card-impressum {
  padding-top: 8rem;
}

.card.xl.no-pd-top.z-3 {
  z-index: 3;
}

.card.xl.no-pd-top.z-3.npdt {
  flex: 0 auto;
  align-self: center;
  width: 750px;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: block;
  position: absolute;
}

.card.xl.white-bg {
  background-color: #fff;
}

.card.xl.min-62vh {
  min-height: 62vh;
}

.card.l2 {
  padding: 2rem;
}

.card.xl-space {
  flex-basis: 24%;
  margin: .5px;
  padding: 6rem;
}

.card.xl-space.full {
  flex-basis: 100%;
}

.card.xl-space.full.sm-padding-top {
  padding-top: 1.9rem;
}

.card.xs-space {
  flex-grow: 1;
  flex-basis: 23%;
  margin: .5px;
}

.card.l {
  padding: 2rem;
}

.card.xl-bg-image {
  flex-basis: 33.3%;
  height: 75vh;
  max-height: 800px;
  padding: 3rem;
}

.card.xl-bg-image.small-pd {
  height: 30vw;
  padding: 1.5rem 2rem;
}

.card.xl-bg-image.small-pd.project-card {
  height: 30vw;
}

.card.xs-space-bg-image {
  flex-basis: 24%;
  min-height: 256px;
  margin: .5px;
}

.card.xs-space-bg-image.no-margin {
  margin: 0;
}

.card.l-space {
  flex-basis: 24%;
  margin: .5px;
  padding: 2rem;
}

.card.l-space.big-margin-top {
  margin-top: 86.5px;
}

.card.l-space-bg-image {
  flex-basis: 24%;
  height: 75vh;
  max-height: 740px;
  margin: .5px;
  padding: 2rem;
}

.card.l-space-bg-image.nomargin {
  margin: 0;
}

.card.xl-space-bg-image {
  flex-basis: 32%;
  height: 75vh;
  max-height: 800px;
  margin: .5px;
  padding: 3rem;
}

.card.centered.padding-bt-large {
  width: 40%;
  min-height: 80vh;
  padding-bottom: 3rem;
}

.card.no-pd-bt {
  padding-bottom: 0;
}

.card.no-pd-top {
  padding-top: 0;
}

.card.height-mb-40 {
  height: auto;
}

.card.height-mb-40.h75 {
  height: 80vh;
}

.card.padding-top {
  padding-top: 22px;
}

.card.mb-center {
  justify-content: center;
}

.card.pimg2h {
  height: 70vh;
}

.card.project-card {
  padding: 0;
}

.card.project-card.m-l {
  margin-left: .5em;
}

.card._100height, .card._80vh {
  height: 100%;
}

.icon-64 {
  width: 64px;
  height: 64px;
}

.icon-48 {
  width: 48px;
  height: 48px;
  display: block;
}

.icon-48.margin-bottom {
  align-self: auto;
  margin-bottom: 13px;
}

.background-image {
  z-index: 1;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-image.image-04 {
  background-image: url('../images/image-dummy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.image-02 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-30.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.image-01 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-33.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.image-07 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-39.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.image-08 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-59.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.background-image.image-09 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-58.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.background-image.map-2 {
  background-image: url('../images/map.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.new-arrivals {
  background-image: url('../images/product-big-02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.background-image.huts {
  background-image: url('../images/product-big-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.background-image.team-01 {
  background-image: url('../images/5bf5e97250bb78d6ca5_Planmoebel_Showroom_saeule1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.team-01.home-bg-s3-1 {
  background-image: url('../images/SET03_PRO_Planmoebel_M-PUR_wraped_01_upscaled_image_x4.jpg');
  background-position: 40% 60%;
}

.background-image.team-02 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-77.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.team-03 {
  background-image: url('../images/5e409abf483f82c69_Planmoebel_Showroom_saeule2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.team-03.home-bg-s3-2 {
  background-image: url('../images/_MG_6118.jpg');
  background-position: 50%;
}

.background-image.team-04 {
  background-image: url('../images/5e409abfs3de0388_Planmoebel_Showroom_saeule3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.team-04.home-bg-s3-3 {
  background-image: url('../images/Bueltmann_adidas_009.jpg');
}

.background-image.team-08 {
  background-image: url('../images/team-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.quote-1 {
  background-image: url('../images/2Planmoebel_Showroom_02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.background-image.quote-1.quote-2 {
  background-image: url('../images/coprus-c-raum.jpg');
}

.background-image.team-parallax-1 {
  background-image: url('../images/5e4098bc3dd2ddfb00_Planmoebel_Showroom_28.jpg'), url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  height: 100vh;
}

.background-image.team-parallax-1.konzept-3 {
  background-image: url('../images/WH1523-1185.jpg');
  background-position: 60% 40%;
  background-size: cover;
}

.background-image.team-parallax-1.konzept-3.corpus-c-img-5 {
  background-image: url('../images/corpus-c_005_Seite13.jpg');
  background-position: 60% 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.team-parallax-1.konzept-3.m-pur-img-5 {
  background-image: url('../images/planmoebel_Beraterplatz_schwPlatte_Halbperspektive__0004.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.background-image.team-parallax-1.konzept-3.ks1 {
  background-image: url('../images/SET03_PRO_Planmoebel_M-PUR_wraped_01_upscaled_image_x4_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.team-parallax-1.produkte-3 {
  background-image: url('../images/2Planmoebel_Showroom_02.jpg');
  background-position: 100%;
  background-size: cover;
}

.background-image.team-parallax-1.bg-h-1 {
  background-image: url('../images/Planmoebel_Showroom_01.jpg'), url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 0%, 50%;
}

.background-image.team-parallax-1.bg-h-1.impressum-bg {
  background-image: url('../images/Planmoebel-showroom-minden-29603.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.background-image.team-parallax-1.bg-h-1.datenschutz-bg {
  background-image: url('../images/Seite7_fact4_container.jpg'), url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%, 50%;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.background-image.why-we-ii {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-05.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.why-we-i {
  background-image: url('../images/jean-philippe-delberghe--s2l2e5b86Q-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.customer-services {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-33.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.footer-01 {
  background-image: url('../images/Bueltmann_adidas_009.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.footer-02 {
  background-image: url('../images/Planmöbel_Showroom_11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.footer-03 {
  background-image: url('../images/unit.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.footer-04 {
  background-image: url('../images/Projekte.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 130%;
}

.background-image.portfolio-5 {
  background-image: url('../images/Screen-Shot--37.png');
  justify-content: center;
}

.background-image.portfolio-5.sp-1 {
  background-image: url('../images/SR_2001110359_send_web.jpg');
}

.background-image.portfolio-5.sp-3 {
  background-image: url('../images/SR_2001110469_send_web.jpg');
  background-position: 50% 70%;
}

.background-image.portfolio-5.sp-4 {
  background-image: url('../images/SR_2001110490_send_web.jpg');
  background-position: 50% 80%;
}

.background-image.portfolio-5.sp-5 {
  background-image: url('../images/SR_2001110514_send_web.jpg');
  background-position: 50% 70%;
}

.background-image.portfolio-5.sp-6 {
  background-image: url('../images/SR_2001110537_send_web.jpg');
  background-position: 50% 70%;
}

.background-image.portfolio-5.sp-7 {
  background-image: url('../images/SR_2001110761_send_web.jpg');
}

.background-image.portfolio-5.sp-8 {
  background-image: url('../images/SR_2001120281_send_web.jpg');
  background-position: 50% 90%;
}

.background-image.portfolio-5.sp-9 {
  background-image: url('../images/SR_2001120291_send_web.jpg');
  background-position: 50% 100%;
}

.background-image.portfolio-5.sp-10 {
  background-image: url('../images/SR2001110414_send_web.jpg');
  background-position: 50% 100%;
}

.background-image.portfolio-5.sp-11 {
  background-image: url('../images/SR2001110744_send_web.jpg');
  background-position: 100% 70%;
}

.background-image.portfolio-5.vgh-1 {
  background-image: url('../images/VGH-Versicherungen-Nr.7-WEB.jpg');
  background-position: 50%;
}

.background-image.portfolio-5.vgh-2 {
  background-image: url('../images/VGH-Versicherungen-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.vgh-3 {
  background-image: url('../images/VGH-Versicherungen-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.vgh-4 {
  background-image: url('../images/VGH-Versicherungen-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.vgh-5 {
  background-image: url('../images/VGH-Versicherungen-Nr.4-WEB.jpg');
  background-position: 50%;
}

.background-image.portfolio-5.vgh-6 {
  background-image: url('../images/VGH-Versicherungen-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.vgh-7 {
  background-image: url('../images/VGH-Versicherungen-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.frb-1 {
  background-image: url('../images/Fraunhofer-Forum-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.adi-1 {
  background-image: url('../images/adidas-AG-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.adi-2 {
  background-image: url('../images/adidas-AG-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.adi-3 {
  background-image: url('../images/adidas-AG-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.adi-4, .background-image.portfolio-5.adi-4-copy {
  background-image: url('../images/adidas-AG-Nr.9-WEB.jpg');
}

.background-image.portfolio-5.adi-5 {
  background-image: url('../images/adidas-AG-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.adi-6 {
  background-image: url('../images/adidas-AG-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.adi-7 {
  background-image: url('../images/adidas-AG-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.adi-8 {
  background-image: url('../images/adidas-AG-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.adi-9 {
  background-image: url('../images/adidas-AG-Nr.10-WEB.jpg');
}

.background-image.portfolio-5.z-1 {
  background-image: url('../images/Zalando-GmBG-Nr.6-WEB.jpg');
  background-position: 0%;
  background-size: auto;
}

.background-image.portfolio-5.z-2 {
  background-image: url('../images/Zalando-GmBG-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.z-3 {
  background-image: url('../images/Zalando-GmBG-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.z-4 {
  background-image: url('../images/Zalando-GmBG-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.z-5 {
  background-image: url('../images/Zalando-GmBG-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.z-7 {
  background-image: url('../images/Zalando-GmBG-Nr.3-WEB.jpg');
  background-position: 50% 100%;
}

.background-image.portfolio-5.z-8 {
  background-image: url('../images/Zalando-GmBG-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.col-1 {
  background-image: url('../images/Collins-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.col-2 {
  background-image: url('../images/Collins-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.col-3 {
  background-image: url('../images/Collins-Nr.3-WEB.jpg');
}

.background-image.portfolio-5._49-1 {
  background-image: url('../images/49-med-GmbH-Nr.4-WEB.jpg');
}

.background-image.portfolio-5._49-2 {
  background-image: url('../images/49-med-GmbH-Nr.1-WEB.jpg');
}

.background-image.portfolio-5._49-3 {
  background-image: url('../images/49-med-GmbH-Nr.2-WEB.jpg');
}

.background-image.portfolio-5._49-4 {
  background-image: url('../images/49-med-GmbH-Nr.3-WEB.jpg');
}

.background-image.portfolio-5._49-5 {
  background-image: url('../images/49-med-GmbH-Nr.5-WEB.jpg');
  background-position: 50%;
}

.background-image.portfolio-5._49-6 {
  background-image: url('../images/49-med-GmbH-Nr.6-WEB.jpg');
}

.background-image.portfolio-5._49-7 {
  background-image: url('../images/49-med-GmbH-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.wo-1 {
  background-image: url('../images/Woods-Bagot-Studio-Nr.1-WEB.jpg');
}

.background-image.portfolio-5._w-2 {
  background-image: url('../images/Woods-Bagot-Studio-Nr.5-WEB.jpg');
}

.background-image.portfolio-5._w-3 {
  background-image: url('../images/Woods-Bagot-Studio-Nr.3-WEB.jpg');
}

.background-image.portfolio-5._w-4 {
  background-image: url('../images/Woods-Bagot-Studio-Nr.2-WEB.jpg');
}

.background-image.portfolio-5._w-5 {
  background-image: url('../images/Woods-Bagot-Studio-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.lu-1 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.lu-2 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.lu-3 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.lu-4 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.lu-5 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.lu-6 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.lu-7 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.lu-8 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.9-WEB.jpg');
}

.background-image.portfolio-5.lu-9 {
  background-image: url('../images/DIAL-Luedenscheid-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.eh-1 {
  background-image: url('../images/Eickhoff-Bochum-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.eh-2 {
  background-image: url('../images/Eickhoff-Bochum-Nr.10-WEB.jpg');
}

.background-image.portfolio-5.eh-3 {
  background-image: url('../images/Eickhoff-Bochum-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.eh-4 {
  background-image: url('../images/Eickhoff-Bochum-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.eh-5 {
  background-image: url('../images/Eickhoff-Bochum-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.eh-6 {
  background-image: url('../images/Eickhoff-Bochum-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.eh7 {
  background-image: url('../images/Eickhoff-Bochum-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.eh7._8 {
  background-image: url('../images/Eickhoff-Bochum-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.betreut-bg-1 {
  background-image: url('../images/Betreut.de-Berlin-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.betreut-bg-1._2 {
  background-image: url('../images/Betreut.de-Berlin-Nr.2-WEB.jpg');
  background-position: 50%;
}

.background-image.portfolio-5.betreut-bg-1._2._3 {
  background-image: url('../images/Betreut.de-Berlin-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1._2 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1._2._4 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1._2._4._5 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1._2._4._5._6 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1._2._4._5._6._7 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.uni-fr-bg-1._2._4._5._6._7._8 {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.7-WEB.jpg');
  background-position: 50% 30%;
}

.background-image.portfolio-5._50-bg-1 {
  background-image: url('../images/50Hertz-Berlin-Nr.5-WEB.jpg');
}

.background-image.portfolio-5._50-bg-1._2 {
  background-image: url('../images/50Hertz-Berlin-Nr.6-WEB.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.background-image.portfolio-5._50-bg-1._2._3 {
  background-image: url('../images/50Hertz-Berlin-Nr.7-WEB.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.background-image.portfolio-5._50-bg-1._2._3._4 {
  background-image: url('../images/50Hertz-Berlin-Nr.8-WEB.jpg');
  background-position: 50% 75%;
  background-size: cover;
}

.background-image.portfolio-5._50-bg-1._2._3._4._5 {
  background-image: url('../images/50Hertz-Berlin-Nr.9-WEB.jpg');
  background-position: 50%;
  background-size: contain;
}

.background-image.portfolio-5._50-bg-1._2._3._4._5._6 {
  background-image: url('../images/50Hertz-Berlin-Nr.10-WEB.jpg');
  background-position: 50% 45%;
  background-size: cover;
}

.background-image.portfolio-5._50-bg-1._2._3._4._5._6._7 {
  background-image: url('../images/50Hertz-Berlin-Nr.11-WEB.jpg');
  background-position: 50%;
  background-size: contain;
}

.background-image.portfolio-5._50-bg-1._2._3._4._5._6._7._8 {
  background-image: url('../images/50Hertz-Berlin-Nr.4-WEB.jpg');
  background-size: cover;
}

.background-image.portfolio-5._50-bg-1._2._3._4._5._6._7._8._9 {
  background-image: url('../images/50Hertz-Berlin-Nr.3-WEB.jpg');
}

.background-image.portfolio-5._50-bg-1._2._3._4._5._6._7._8._9._10 {
  background-image: url('../images/50Hertz-Berlin-Nr.1-WEB.jpg');
  background-position: 50%;
  background-size: contain;
}

.background-image.portfolio-5.we-ef-1 {
  background-image: url('../images/We-Ef-Leuchten-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2 {
  background-image: url('../images/We-Ef-Leuchten-Nr.10-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3 {
  background-image: url('../images/We-Ef-Leuchten-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3._4 {
  background-image: url('../images/We-Ef-Leuchten-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3._4._5 {
  background-image: url('../images/We-Ef-Leuchten-Nr.9-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3._4._5._6 {
  background-image: url('../images/We-Ef-Leuchten-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3._4._5._6._7 {
  background-image: url('../images/We-Ef-Leuchten-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3._4._5._6._7._8 {
  background-image: url('../images/We-Ef-Leuchten-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.we-ef-1._2._3._4._5._6._7._8._9 {
  background-image: url('../images/We-Ef-Leuchten-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.mci-1 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.11-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6 {
  background-image: url('../images/planmoebel_MCI_00115.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.12-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7._8 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.14-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7._8._9 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.10-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7._8._9._10 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7._8._9._10._11 {
  background-image: url('../images/planmoebel_MCI_0059.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7._8._9._10._11._12 {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.17-WEB.jpg');
}

.background-image.portfolio-5.mci-1._2._3._4._5._6._7._8._9._10._11._12._13 {
  background-image: url('../images/planmoebel_MCI_0211.jpg');
}

.background-image.portfolio-5.ra-er-1 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.ra-er-1._2 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.2-WEB.jpg');
  background-position: 50%;
}

.background-image.portfolio-5.ra-er-1._2._3 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.910-WEB.jpg');
}

.background-image.portfolio-5.ra-er-1._2._3._4 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.ra-er-1._2._3._4._5 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.ra-er-1._2._3._4._5._6 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.ra-er-1._2._3._4._5._6._7 {
  background-image: url('../images/Raiffeisenbank-Erlenbach-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.sou-1 {
  background-image: url('../images/Soundcloud-Berlin-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.sou-1._2 {
  background-image: url('../images/Soundcloud-Berlin-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.sou-1._3 {
  background-image: url('../images/Soundcloud-Berlin-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.sou-1._3._4 {
  background-image: url('../images/Soundcloud-Berlin-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.sou-1._3._4._5 {
  background-image: url('../images/Soundcloud-Berlin-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.sou-1._3._4._5._6 {
  background-image: url('../images/Soundcloud-Berlin-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.sou-1._3._4._5._6._7 {
  background-image: url('../images/Soundcloud-Berlin-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.sou-1._3._4._5._6._7._8 {
  background-image: url('../images/Soundcloud-Berlin-Nr.9-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1 {
  background-image: url('../images/MHPLab-Berlin-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1._3 {
  background-image: url('../images/MHPLab-Berlin-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1._3._4 {
  background-image: url('../images/MHPLab-Berlin-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1._3._4._5 {
  background-image: url('../images/MHPLab-Berlin-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1._3._4._6 {
  background-image: url('../images/MHPLab-Berlin-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1._3._4._6._7 {
  background-image: url('../images/MHPLab-Berlin-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.mhp-lap-1._2 {
  background-image: url('../images/MHPLab-Berlin-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.asp-1 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.asp-1._2 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.asp-1._2._3 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.asp-1._2._3._4 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.asp-1._2._3._4._5 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.asp-1._2._3._4._5._6 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.asp-1._2._3._4._5._6._7 {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.aug-1 {
  background-image: url('../images/Augusta-Bank-Augsburg-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.aug-1._2 {
  background-image: url('../images/slider-augusta1.jpg');
}

.background-image.portfolio-5.aug-1._2._3 {
  background-image: url('../images/Augusta-Bank-Augsburg-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.aug-1._2._3._4 {
  background-image: url('../images/slider-augusta2.jpg');
}

.background-image.portfolio-5.aug-1._2._3._4._5 {
  background-image: url('../images/Augusta-Bank-Augsburg-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.lzo-1 {
  background-image: url('../images/LzO-Oldenburg-Nr.8-WEB.jpg');
}

.background-image.portfolio-5.lzo2 {
  background-image: url('../images/LzO-Oldenburg-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.lzo2._3 {
  background-image: url('../images/LzO-Oldenburg-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.lzo2._3._4 {
  background-image: url('../images/LzO-Oldenburg-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.lzo2._3._4._5 {
  background-image: url('../images/LzO-Oldenburg-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.lzo2._3._4._5._6 {
  background-image: url('../images/LzO-Oldenburg-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.lzo2._3._4._5._6._7 {
  background-image: url('../images/LzO-Oldenburg-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.lzo2._3._4._5._6._7._8 {
  background-image: url('../images/LzO-Oldenburg-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.ino-1 {
  background-image: url('../images/Inometa-Herford-Nr.3-WEB..jpg');
}

.background-image.portfolio-5.ino-1._2 {
  background-image: url('../images/Inometa-Herford-Nr.1-WEB..jpg');
}

.background-image.portfolio-5.ino-1._2._3 {
  background-image: url('../images/Inometa-Herford-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.ino-1._2._3._4 {
  background-image: url('../images/Inometa-Herford-Nr.5-WEB..jpg');
}

.background-image.portfolio-5.ino-1._2._3._4._5 {
  background-image: url('../images/Inometa-Herford-Nr.2-WEB..jpg');
}

.background-image.portfolio-5.ino-1._2._3._4._5._6 {
  background-image: url('../images/Inometa-Herford-Nr.4-WEB..jpg');
}

.background-image.portfolio-5.rav-bg-1 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.rav-bg-1.arrow-2, .background-image.portfolio-5.rav-bg-1._2 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.rav-bg-1._2._3 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.rav-bg-1._2._3._4 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.rav-bg-1._2._3._4._5 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.rav-bg-1._2._3._4._5._6 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.6-WEB.jpg');
}

.background-image.portfolio-5.rav-bg-1._2._3._4._5._6._7 {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.7-WEB.jpg');
}

.background-image.portfolio-5.ber-1 {
  background-image: url('../images/Berner-Group-Rheinauhafen-Koeln-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.ber-1._2 {
  background-image: url('../images/Berner-Group-Rheinauhafen-Koeln-Nr.2-WEB.jpg');
}

.background-image.portfolio-5.ber-1._2._3 {
  background-image: url('../images/Berner-Group-Rheinauhafen-Koeln-Nr.4-WEB.jpg');
}

.background-image.portfolio-5.ber-1._2._3._4 {
  background-image: url('../images/Berner-Group-Rheinauhafen-Koeln-Nr.3-WEB.jpg');
}

.background-image.portfolio-5.ber-1._2._3._4._5 {
  background-image: url('../images/Berner-Group-Rheinauhafen-Koeln-Nr.5-WEB.jpg');
}

.background-image.portfolio-5.c-1 {
  background-image: url('../images/corpus-c-2-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.c-2 {
  background-image: url('../images/corpus-c-5-Nr.1-WEB.jpg');
  background-position: 50% 75%;
}

.background-image.portfolio-5.dm-1 {
  background-image: url('../images/direction-m-2-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-1 {
  background-image: url('../images/m-pur-25-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.c-3 {
  background-image: url('../images/corpus-c-22-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.f4-c-1 {
  background-image: url('../images/fact-4-corpus-c-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-2 {
  background-image: url('../images/m-purcorpus-c-Nr.1_photos_v2_x4_neu.jpg');
}

.background-image.portfolio-5.c-4 {
  background-image: url('../images/corpus-c-7-Nr.1-WEB.jpg');
}

.background-image.portfolio-5._w-1 {
  background-image: url('../images/workout-7-Nr.1_photos_v2_x4_neu.jpg');
  background-position: 50%;
  background-size: cover;
}

.background-image.portfolio-5.c-6 {
  background-image: url('../images/corpus-c-14-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-1 {
  background-image: url('../images/unit-6-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-4 {
  background-image: url('../images/m-pur-44-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.c-7 {
  background-image: url('../images/m-pur-11-Nr.1-WEB.jpg');
  background-position: 50% 85%;
}

.background-image.portfolio-5.c-8 {
  background-image: url('../images/corpus-c-6-Nr.1-WEB.jpg');
  background-position: 50% 70%;
}

.background-image.portfolio-5.c-9 {
  background-image: url('../images/corpus-c-21-Nr.1-WEB.jpg');
  background-position: 50% 100%;
}

.background-image.portfolio-5.m-5 {
  background-image: url('../images/m-pur-47-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-c-2 {
  background-image: url('../images/pf32.jpg');
}

.background-image.portfolio-5.dm-2 {
  background-image: url('../images/direction-m-9-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-6 {
  background-image: url('../images/m-pur-19-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-3 {
  background-image: url('../images/direction-m-18-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-7 {
  background-image: url('../images/m-pur-6-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-8 {
  background-image: url('../images/m-pur-46-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-c-3 {
  background-image: url('../images/m-purcorpus-c-4-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-c-4 {
  background-image: url('../images/m-purcorpus-c-9-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-10 {
  background-image: url('../images/m-pur-34-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-4 {
  background-image: url('../images/unit-5-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-11 {
  background-image: url('../images/m-pur-24-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-6 {
  background-image: url('../images/unit-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-c-5 {
  background-image: url('../images/fact-4-corpus-c-4-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-c-6 {
  background-image: url('../images/m-purcorpus-c-3-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.c-5 {
  background-image: url('../images/corpus-c-13-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-4 {
  background-image: url('../images/direction-m-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.c-10 {
  background-image: url('../images/corpus-c-9-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-5 {
  background-image: url('../images/xirection-m-3-Nr.1-neu.jpg');
}

.background-image.portfolio-5.u-5 {
  background-image: url('../images/unit-3-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-6 {
  background-image: url('../images/direction-m-6-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-7 {
  background-image: url('../images/unit-7-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-9 {
  background-image: url('../images/m-pur-37-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-7 {
  background-image: url('../images/direction-m-4-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-12 {
  background-image: url('../images/m-pur-20-Nr.1-WEB.jpg');
  background-position: 50% 0;
}

.background-image.portfolio-5.m-13 {
  background-image: url('../images/m-pur-26-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-14 {
  background-image: url('../images/m-pur-18-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-8 {
  background-image: url('../images/unit-4-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-15 {
  background-image: url('../images/m-pur-8-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-16 {
  background-image: url('../images/m-pur-10-Nr.1-WEB.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.background-image.portfolio-5.f4-c-3 {
  background-image: url('../images/fact-4-corpus-c-2-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-c-7 {
  background-image: url('../images/m-purcorpus-c-12-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-17 {
  background-image: url('../images/m-pur-36-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-8 {
  background-image: url('../images/direction-m-20-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-18 {
  background-image: url('../images/m-pur-5-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.dm-19 {
  background-image: url('../images/direction-m-16-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-9 {
  background-image: url('../images/unit-2-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.m-20 {
  background-image: url('../images/m-pur-9-Nr.1-WEB.jpg');
  background-position: 50% 100%;
}

.background-image.portfolio-5.dm-9 {
  background-image: url('../images/direction-m-5-Nr.1-WEB.jpg');
}

.background-image.portfolio-5.u-15 {
  background-image: url('../images/unit-planmoebel-showroom-minden-29591.jpg');
}

.background-image.portfolio-5.frb-2 {
  background-image: url('../images/Fraunhofer_02.jpg');
}

.background-image.portfolio-5.frb-3 {
  background-image: url('../images/Fraunhofer_03.jpg');
}

.background-image.portfolio-5.frb-4 {
  background-image: url('../images/Fraunhofer_04.jpg');
}

.background-image.portfolio-5.frb-5 {
  background-image: url('../images/KU_FH_3_012.jpg');
}

.background-image.portfolio-5.frb-6 {
  background-image: url('../images/KU_FH_17_004.jpg');
}

.background-image.portfolio-5.mol-1 {
  background-image: url('../images/230523_10_Web-min.jpg');
  background-position: 0 0;
}

.background-image.portfolio-5.mol-2 {
  background-image: url('../images/230523_11_Web-min.jpg');
}

.background-image.portfolio-5.mol-3 {
  background-image: url('../images/230523_12_Web-min.jpg');
}

.background-image.portfolio-5.mol-4 {
  background-image: url('../images/230511_08_Web.jpg');
}

.background-image.portfolio-5.mol-5 {
  background-image: url('../images/MOL_230523_04_Web_16-9.jpg');
}

.background-image.portfolio-5.mol-6 {
  background-image: url('../images/230523_01_Web.jpg');
}

.background-image.portfolio-5.mol-7 {
  background-image: url('../images/230523_02_Web.jpg');
}

.background-image.portfolio-5.mol-8 {
  background-image: url('../images/230523_03_Web.jpg');
}

.background-image.portfolio-5.mol-9 {
  background-image: url('../images/230523_04_Web.jpg');
}

.background-image.portfolio-5.mol-10 {
  background-image: url('../images/230523_05_Web.jpg');
}

.background-image.portfolio-5.mol-11 {
  background-image: url('../images/230523_06_Web.jpg');
}

.background-image.portfolio-5.mol-12 {
  background-image: url('../images/230523_07_Web.jpg');
}

.background-image.portfolio-5.ngo-1 {
  background-image: url('../images/NTF_2212210004_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-2 {
  background-image: url('../images/NTF_221221005070_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-3 {
  background-image: url('../images/NTF_2212210090_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-4 {
  background-image: url('../images/NTF_221221010525_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-5 {
  background-image: url('../images/NTF_221221017180_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-6 {
  background-image: url('../images/NTF_2212210194_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-7 {
  background-image: url('../images/NTF_221221038499_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-8 {
  background-image: url('../images/NTF_2212210606_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-9 {
  background-image: url('../images/NTF_221221064454_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-10 {
  background-image: url('../images/NTF_221221075661_send_web_klein.jpg');
}

.background-image.portfolio-5.ngo-11 {
  background-image: url('../images/NGO_NTF_221221005070_send_web_klein_16-9.jpg');
}

.background-image.portfolio-5.ngo-12 {
  background-image: url('../images/NGO_NTF_2212210194_send_web_klein_16-9.jpg');
}

.background-image.portfolio-5.ngo-13 {
  background-image: url('../images/NGO_NTF_2212210606_send_web_klein_16-9.jpg');
}

.background-image.portfolio-5.ngo-14 {
  background-image: url('../images/NGO_NTF_221221064454_send_web_klein_16-9.jpg');
}

.background-image.productimg2 {
  background-image: url('../images/31---Planmoebel_Showroom_31.jpg');
}

.background-image.productimg2.dm-2 {
  background-image: url('../images/direction-m-16-Nr.1-WEB2x.png');
  background-position: 40%;
}

.background-image.productimg2.unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_2110_0857.jpg');
}

.background-image.productimg3 {
  background-image: url('../images/Julia-Maria-Max-Unit-300dpi-6.jpg');
}

.background-image.productimg3.dm-3 {
  background-image: url('../images/direction-m-18-Nr.1-WEB2x.png');
}

.background-image.productimg3.unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_2110_0864.jpg');
}

.background-image.corpus-c-img-2 {
  background-image: url('../images/8---Planmoebel_Showroom_08.jpg');
}

.background-image.corpus-c-img-2.corpus-c-img-2-new {
  background-image: url('../images/corpus-c_010_Seite5-web.jpg');
}

.background-image.corpus-c-img-3 {
  background-image: url('../images/10---Planmoebel_Showroom_10.jpg');
}

.background-image.corpus-c-img-3.corpus-c-img-3-new {
  background-image: url('../images/planmoebel_Sideboard_petrol_3er-web.jpg');
}

.background-image.corpus-c-img-4 {
  background-image: url('../images/11---Planmoebel_Showroom_11.jpg');
}

.background-image.corpus-c-img-4.corpus-c-img-4-new {
  background-image: url('../images/planmoebel_SchieSchweSchrank_gesamt_FS_1.jpg');
}

.background-image.corpus-c-raum-img-2 {
  background-image: url('../images/20---Planmoebel_Showroom_20.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: scroll;
}

.background-image.corpus-c-raum-img-3 {
  background-image: url('../images/24---Planmoebel_Showroom_24.jpg');
}

.background-image.corpus-c-raum-img-4 {
  background-image: url('../images/21---Planmoebel_Showroom_21.jpg');
}

.background-image.corpus-c-raum-img-4.corpus-c-raum-img-4-2 {
  background-image: url('../images/TpXTSsbA.jpeg');
}

.background-image.m-pur-img-2 {
  background-image: url('../images/25---Planmoebel_Showroom_25.jpg');
}

.background-image.m-pur-img-3 {
  background-image: url('../images/SET03_PRO_Planmoebel_M-PUR_wraped_01_upscaled_image_x4_1.jpg');
  background-position: 50% 80%;
  background-size: cover;
}

.background-image.m-pur-img-4 {
  background-image: url('../images/26---Planmoebel_Showroom_26.jpg');
}

.background-image.oute-2 {
  background-image: url('../images/corpus-c_011_Seite4.jpg');
  position: relative;
}

.background-image.oute-3 {
  background-image: url('../images/unit_2.jpg');
  position: relative;
}

.background-image.oute-4 {
  background-image: url('../images/m-pur_1.jpg');
  position: relative;
}

.background-image.oute-4.dm {
  background-image: url('../images/direction-m-Nr.1-WEB2x.png');
}

.background-image.konzept-1 {
  background-image: url('../images/6---Planmoebel_Showroom_06.jpg');
}

.background-image.produkte-2 {
  background-image: url('../images/Screen-Shot--38.png');
}

.background-image.produkte-2.produkte-3 {
  background-image: url('../images/produkt_projekt_collage.jpg');
}

.background-image.oute-unit-slim {
  background-image: url('../images/Planmoebel_Unit_02.jpg');
  position: relative;
}

.submit-button-absolute {
  background-color: var(--black);
  color: var(--white);
  border-radius: 2px;
  height: 40px;
  margin: 4px;
  padding: 4px 24px;
  transition: background-color .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.submit-button-absolute:hover {
  background-color: var(--red);
  color: var(--dark-grey);
}

.submit-button-absolute.black-ii {
  background-color: var(--black);
}

.submit-button-absolute.black-ii:hover {
  background-color: var(--red);
}

.submit-button-absolute.grey {
  background-color: var(--dark-grey);
}

.submit-button-absolute.grey:hover {
  background-color: var(--red);
  color: var(--white);
}

.background-color {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-color.gainsboro {
  background-color: var(--gainsboro);
}

.background-color.red {
  background-color: var(--red);
}

.background-color.white {
  background-color: var(--white);
}

.background-color.blue-light {
  background-color: var(--white-smoke);
}

.background-color.black {
  background-color: var(--black);
}

.background-color.intro {
  background-color: #e9e9e9;
}

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

.background-color.white-smoke {
  background-color: #f4f4f4;
}

.background-color.dark-grey {
  background-color: #302d2b;
}

.background-color.grey {
  background-color: #aaa29e;
}

.background-color.s3gb {
  z-index: 1;
  opacity: 0;
  background-color: #000;
}

.background-color.background-nav-only {
  background-color: #fff;
  height: 72px;
  display: none;
}

.background-color.z-1 {
  z-index: 457687;
}

.background-color.home-slider {
  background-color: #ffffffb8;
}

.menu-button {
  z-index: 101;
  float: none;
  color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 18px;
  transition: background-color .2s;
  display: flex;
  position: relative;
  top: 10px;
}

.menu-button.w--open {
  z-index: 103;
  background-color: #0000;
}

.hover {
  flex: 1;
}

.nav-menu {
  z-index: 100;
  color: var(--white);
  text-align: left;
  background-color: #0000;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  display: block;
}

.nav-link {
  color: var(--gainsboro);
  margin-left: 0;
  margin-right: 0;
  padding: 8px 0;
  font-size: 1.5rem;
  font-weight: 400;
  transition: letter-spacing 1s, color .2s;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--red);
}

.nav-link.navfullw {
  width: 100%;
}

.nav-link.nav-link-img {
  z-index: 101;
  width: 100%;
}

.nav-link.nostyle.w--current {
  color: var(--dark-grey-2);
}

.nav-link.no-cursor {
  cursor: default;
}

.menu-block-right {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 34px;
  padding-right: 0;
  display: flex;
}

.menu-block-left {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.menu-wrapper {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #35363a;
  flex-direction: column;
  grid-template: ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around flex-start;
  align-items: center;
  width: 33.4%;
  height: 100vh;
  padding-top: 69px;
  padding-bottom: 32px;
  display: flex;
}

.menu-wrapper.menu-right {
  left: 33.33vw;
}

.subnavi {
  color: var(--gainsboro);
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  font-size: .75rem;
  transition: color .2s;
}

.subnavi:hover {
  color: var(--red);
}

.slider {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: auto;
}

.slider.margin-bottom {
  width: 50%;
  height: 60vh;
  margin-bottom: 2.5rem;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 2px;
  position: absolute;
  inset: 20vh 3% 0% auto;
}

.slider._2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.slider._2.middle {
  align-items: center;
  display: flex;
}

.slider._100-vertical {
  flex: 1;
}

.slide-nav {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding-top: 0;
  font-size: 6px;
  display: none;
}

.slide-nav.down {
  margin-bottom: -20px;
  display: block;
}

.slide-nav.left-half {
  width: 50%;
  margin-left: 0;
}

.slide-nav.left-half.hero {
  justify-content: flex-start;
  height: 64px;
  padding-left: 160px;
  padding-right: 6rem;
  left: 6rem;
}

.slide-nav.left-half.hero.hidden {
  display: block;
}

.slide-nav.abs-sl-nav {
  display: none;
  inset: 371px 0% auto;
}

.arrow {
  font-size: 10px;
}

.arrow.black {
  color: var(--dark-grey);
}

.arrow.xl-left {
  color: var(--dark-grey);
  width: 12.5vw;
  margin-left: -12.5vw;
}

.arrow.xl-right {
  color: var(--dark-grey);
  width: 12.5vw;
  margin-right: -12.5vw;
  inset: 0% 0% 0% auto;
}

.arrow.v2-hero {
  background-color: var(--white-smoke);
  color: var(--dark-grey);
  width: 64px;
  height: 64px;
  margin-bottom: 0;
}

.arrow.v2-hero:hover {
  background-color: var(--dark-grey);
  color: var(--white);
}

.arrow.v2-hero.left {
  left: 6rem;
}

.arrow.v2-hero.left.arrow-portfolio {
  background-color: #ff572f;
  display: block;
}

.arrow.v2-hero.right {
  margin-left: 65px;
  left: 6rem;
}

.arrow.v2-hero.right.arrow-portfolio {
  background-color: #ff572f;
  display: block;
}

.arrow.xl-left {
  color: #302d2b;
  justify-content: center;
  align-items: center;
  width: 12.5vw;
  margin-left: -12.5vw;
  display: flex;
}

.arrow.xl-right {
  color: #302d2b;
  justify-content: center;
  align-items: center;
  width: 12.5vw;
  margin-right: -12.5vw;
  display: flex;
  inset: 0% 0% 0% auto;
}

.arrow.black {
  color: #302d2b;
  justify-content: center;
  align-items: center;
  display: flex;
}

.phone-link {
  color: #f8f8f6;
  padding-left: 0;
  font-size: 1.65rem;
  text-decoration: none;
}

.background-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.icon-16 {
  width: 16px;
  height: 16px;
}

.icon-16.margin-left {
  margin-right: 4px;
}

.breadcrumb-wrapper {
  z-index: 10;
  background-color: #fff0;
  align-items: center;
  width: 85%;
  height: 72px;
  font-size: .625rem;
  position: fixed;
  top: 0;
  left: 0;
}

.breadcrumb-link-icon {
  color: var(--overline);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url('../images/arrow-right-5px.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  margin-right: 8px;
  padding-left: 10px;
  font-size: .625rem;
  font-weight: 500;
  text-decoration: none;
}

.breadcrumb-link-icon:hover {
  color: var(--red);
}

.breadcrumb-link-icon.w--current {
  color: var(--red);
  background-image: url('../images/arrow-down-5px.svg');
  background-position: 0%;
  padding-left: 10px;
  font-weight: 700;
}

.breadcrumb-link-icon.w--current:hover {
  color: var(--red);
}

.breadcrumb-link {
  color: var(--overline);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 8px;
  font-size: .625rem;
  font-weight: 500;
  text-decoration: none;
}

.breadcrumb-link:hover {
  color: var(--red);
}

.breadcrumb-link.w--current {
  color: var(--red);
  background-image: url('../images/Orion_arrow-down-1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  padding-left: 8px;
  font-weight: 700;
}

.breadcrumb {
  z-index: 0;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.section-first-screen {
  z-index: 1;
  width: 100%;
  padding: 10rem 6rem 3rem;
  position: relative;
}

.product-description {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-description.bg-white {
  background-color: var(--white);
  padding: 16px;
}

.product-description.bottom {
  padding-top: 16px;
}

.product-description.top {
  padding-bottom: 16px;
}

.post-info-top {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 160px;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.no-styles {
  margin-bottom: 0;
}

.collection-list-wrapper {
  object-fit: fill;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

._404 {
  font-size: 10vw;
  font-weight: 200;
  line-height: .75;
}

._404-line {
  background-color: #88888840;
  height: 1px;
  position: absolute;
  inset: 30vh 6rem auto;
}

._404-list {
  margin-top: 16px;
  margin-bottom: 0;
}

._404-list-item {
  color: var(--dark-grey);
  border-bottom: 1px solid #88888840;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: color .2s;
}

._404-list-item:hover {
  color: var(--red);
}

.header-section {
  text-align: center;
  flex-grow: 1;
  flex-basis: 25%;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 6rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-section.no-slide.margin-10 {
  margin-left: 20px;
  margin-right: 20px;
}

.header-section.no-slide.margin-10.header-background {
  background-color: var(--dark-grey);
}

.header-section.no-slide.margin-10.fluid-header {
  flex: 1;
  max-height: 90vh;
  padding: 0;
}

.display-none {
  display: none;
}

.disable-swipe-slider {
  z-index: 2;
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0% 0% 3rem;
}

.slideshow-wrapper {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.link-slideshow {
  color: var(--dark-grey);
  background-image: url('../images/Orion_maximize-window.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 24px;
}

.link-slideshow:hover {
  color: var(--red);
}

.lightbox-link {
  width: 100%;
  overflow: hidden;
}

.margin-top {
  width: 100%;
  margin-top: 3rem;
}

.margin-top.mg-top-sm {
  margin-top: 2.4rem;
  margin-bottom: 1.4rem;
}

.header-content {
  z-index: 2;
  width: 100%;
  max-width: 1176px;
  display: block;
  position: relative;
}

.header-content.hidden {
  display: none;
}

.arrow-2 {
  color: #000;
  background-color: #ffffffbf;
  width: 54px;
  height: 100px;
  margin-left: 12px;
  margin-right: 12px;
  font-size: 14px;
  line-height: 14px;
  transition: background-color .2s;
  display: block;
  position: absolute;
}

.arrow-2:hover {
  background-color: var(--white);
  transform: translate(0);
}

.mask {
  height: 100%;
}

.mask.white-smoke {
  background-color: var(--white-smoke);
}

.mask.white {
  background-color: var(--white);
}

.slide {
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.slide-content-1 {
  flex: 1;
}

.title-link {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 300;
}

.absolute {
  z-index: 1;
  display: flex;
  position: absolute;
  inset: 0%;
}

.absolute.middle {
  align-items: center;
}

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

.absolute.slider-overlay {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 35px;
  padding-left: 35px;
}

.absolute.slider-overlay.right {
  z-index: 5;
  padding-top: 20px;
  bottom: auto;
  left: auto;
}

.sup {
  font-size: .875rem;
  display: inline-block;
  position: relative;
  bottom: 12px;
  left: auto;
  right: 0%;
}

.direction-link {
  letter-spacing: .09375rem;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.section-space {
  z-index: 2;
  flex-wrap: wrap;
  width: 100%;
  padding: 6rem 24px;
  display: flex;
  position: relative;
}

.section-space.no-pd-bottom {
  padding-bottom: 0;
}

.section-space.small-pd-bt {
  padding-bottom: 3.2rem;
}

.overlay-card {
  z-index: 2;
  opacity: 1;
  display: none;
  position: absolute;
  inset: 0%;
}

.item-bordered {
  border-top: 1px solid var(--outlines);
  border-right: 1px solid var(--outlines);
  flex: 1;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
}

.item-bordered.last {
  border-right-style: none;
  padding-left: 24px;
  padding-right: 0;
}

.item-bordered.one {
  border-right-style: none;
  padding-right: 0;
}

.item-bordered.one.last {
  border-bottom: 1px solid var(--outlines);
  margin-bottom: 24px;
  padding-left: 0;
}

.item-bordered.one.border-orange {
  border-top-color: #ff572f;
  padding-top: 14px;
}

.item-bordered.one.border-orange.border-bottom {
  border-bottom: 1px solid #ff572f;
}

.item-bordered.one.border-orange.hidden {
  display: none;
}

.text-field-2 {
  background-color: #0000;
  border: 1px #000;
  border-bottom-color: #1a1a1a33;
  height: 48px;
  padding-left: 0;
  padding-right: 0;
}

.mask-visible {
  overflow: visible;
}

.fullwidth {
  flex: 1;
  width: 100%;
}

.product-title {
  letter-spacing: .01rem;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
  overflow: hidden;
}

.product-link {
  flex-direction: row;
  flex: 1;
  display: flex;
  position: relative;
}

.product-link.absolute {
  z-index: 0;
  position: absolute;
}

.tab-link-title {
  color: #535456;
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #0000;
  align-items: center;
  margin-bottom: 32px;
  margin-right: 12px;
  padding: 8px 0;
  font-weight: 500;
  display: flex;
}

.tab-link-title:hover {
  color: var(--red);
}

.tab-link-title.w--current {
  border-bottom: 2px solid var(--dark-grey);
  color: var(--dark-grey);
  background-color: #0000;
  font-weight: 700;
}

.button-icon {
  width: 32px;
  height: 16px;
  margin-right: 8px;
  position: absolute;
  left: 0;
}

.button-label {
  line-height: 1;
  position: relative;
}

.link-in-text {
  background-color: var(--gainsboro);
  color: var(--black);
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .2s, color .2s;
  display: inline-block;
}

.link-in-text:hover {
  background-color: var(--red);
  color: var(--white);
}

.progess-slider-wrapper {
  background-color: #1111111a;
  height: 1px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.progress-bar-slider {
  z-index: 10;
  background-color: var(--dark-grey);
  height: 1px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-ghost {
  border: 1px solid var(--outlines);
  color: var(--dark-grey);
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 4px 24px;
  font-size: .625rem;
  font-weight: 500;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.button-ghost:hover {
  border-color: var(--dark-grey);
  color: var(--dark-grey);
}

.button-ghost.white {
  color: var(--white);
  border-color: #ffffff3d;
}

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

.button-small {
  background-color: var(--black);
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 8px 24px;
  font-size: .625rem;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.button-small:hover {
  background-color: var(--red);
  color: var(--dark-grey);
}

.button-small.white {
  background-color: var(--white);
  color: var(--dark-grey);
}

.button-small.white:hover {
  background-color: var(--red);
  color: var(--dark-grey);
}

.button-small-ghost {
  border: 1px solid var(--outlines);
  color: var(--dark-grey);
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 8px 24px;
  font-size: .625rem;
  font-weight: 500;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.button-small-ghost:hover {
  border-color: var(--dark-grey);
  color: var(--dark-grey);
}

.button-small-ghost.white {
  color: var(--white);
  border-color: #ffffff3d;
}

.button-small-ghost.white:hover {
  border-color: var(--white);
}

.button-small-ghost.btn-clr-orange {
  color: #ff572f;
  border-color: #ff572f;
  height: 35px;
  margin-top: 30px;
  padding-top: 9px;
  font-size: .875rem;
  transition: background-color .2s, color .2s, border-color .2s;
}

.button-small-ghost.btn-clr-orange:hover {
  color: #fff;
  background-color: #ff572f;
}

.button-small-ghost.btn-clr-orange.btn-portfolio {
  margin-top: 30px;
}

.button-small-ghost.btn-clr-orange.btn-clr-white {
  color: #fff;
  border-color: #fff;
}

.button-small-ghost.btn-clr-orange.btn-clr-white:hover {
  color: #000;
  background-color: #fff;
}

.button-small-ghost.button-home-slider {
  background-color: #fff;
  height: 34px;
  margin-top: 20px;
  font-size: .825rem;
  line-height: .9rem;
}

.button-small-ghost.button-home-slider.invert {
  color: #000;
  background-color: #0000;
  border-color: #000;
}

.button-small-ghost.button-home-slider.invert.btn-orange {
  border-color: var(--red);
  color: var(--red);
  background-color: #0000;
}

.button-small-ghost.button-home-slider.invert.btn-orange.nav-contact-button {
  z-index: 109;
  margin-top: 0;
  margin-right: 10px;
  display: block;
  position: relative;
  right: 25px;
}

.button-small-ghost.button-home-slider.invert.btn-orange.centered {
  margin-left: auto;
  margin-right: auto;
}

.button-small-ghost.btn-clr-black {
  border-color: #00000054;
  height: 35px;
  margin-top: 15px;
  padding-top: 9px;
  font-size: .875rem;
}

.button-small-ghost.btn-clr-black:hover {
  border-color: #000;
}

.button-small-ghost.btn-clr-orange-2 {
  color: #eb6100;
  border-color: #eb6100;
  height: 35px;
  margin-top: 30px;
  padding-top: 9px;
  font-size: .875rem;
  transition: background-color .2s, color .2s, border-color .2s;
}

.button-small-ghost.btn-clr-orange-2:hover {
  color: #fff;
  background-color: #eb6100;
}

.button-small-ghost.btn-clr-orange-2.btn-portfolio {
  margin-top: 30px;
}

.button-small-ghost.btn-clr-orange-2.btn-clr-white {
  color: #fff;
  border-color: #fff;
}

.button-small-ghost.btn-clr-orange-2.btn-clr-white:hover {
  color: #000;
  background-color: #fff;
}

.notice-box {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.brand {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 156px;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

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

.centered.h2-produkte {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.centered.product-text-sm {
  font-size: .975rem;
}

.number-line-1x {
  background-color: var(--dark-grey);
  flex: 1;
  height: 1px;
  margin-left: 8px;
}

.number-line-1x.both-sides {
  width: 30%;
  margin-right: 8px;
}

.timeline-years {
  align-items: center;
  width: 100%;
  margin-bottom: 2.25rem;
  display: flex;
}

.timeline-years.no-styles {
  margin-bottom: 0;
}

.timeline-years.centered {
  flex-direction: row;
  justify-content: center;
}

.parallax-image-zoom {
  z-index: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  inset: 0%;
}

.parallax-image-zoom.about-1 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-05.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.parallax-image-zoom.about-1.konzept-1 {
  background-image: url('../images/6---Planmoebel_Showroom_06.jpg');
  background-position: 50%;
}

.parallax-image-zoom.about-1.paralax-material-btm {
  background-image: url('../images/0729_PRO_PLANMOEBEL_M-PUR_wrapmeup.jpg');
  background-position: 50%;
}

.arrow-full {
  opacity: 0;
  width: 50%;
}

.arrow-full.right {
  z-index: 4;
  opacity: 1;
  cursor: e-resize;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 275px;
  display: flex;
  inset: 0% 0% 0% 50%;
}

.arrow-full.left {
  z-index: 4;
  opacity: 1;
  cursor: w-resize;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  margin-right: 275px;
  display: flex;
  inset: 0% 50% 0% 0%;
}

.overlay-card-space {
  z-index: 2;
  opacity: 0;
  padding: 36px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.overlay-card-space.no-padding {
  padding: 0;
}

.overlay-card-space.s3 {
  opacity: 0;
  padding: 0;
}

.card-with-space-overlay {
  display: flex;
  position: absolute;
  inset: 0%;
}

.content-hero {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

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

.hotline {
  margin-bottom: 0;
  font-weight: 400;
}

.line-left {
  z-index: 0;
  border-left: 1px solid var(--outlines);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.tags {
  background-color: var(--white);
  color: var(--dark-grey);
  text-transform: none;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 12px;
  padding: 10px 12px;
  font-size: .975rem;
  font-weight: 400;
  transition: border-color .2s, background-color .2s, color .2s;
  display: inline-block;
}

.tags:hover {
  border-color: var(--dark-grey);
  background-color: var(--red);
  color: var(--white);
}

.tags.w--current {
  background-color: var(--black);
  color: var(--white);
}

.tags.w--current:hover {
  color: var(--white);
}

.tags.active {
  color: #fff;
  background-color: #ff4802;
}

.tags.ref {
  color: #ff4802;
  background-color: #0000;
  border: 1px solid #ff4802;
}

.tags.ref:hover {
  color: #fff;
  background-color: #ff4802;
  border-color: #fff;
}

.tags.ref.active {
  color: #fff;
  background-color: #ff4802;
}

.icon-social-circle {
  background-color: var(--dark-grey);
  border-bottom-style: none;
  border-radius: 100px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  transition: background-color .3s;
}

.icon-social-circle:hover {
  background-color: var(--red);
  color: var(--white);
}

.icon-social-circle.facebook {
  background-image: url('../images/facebook-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.twitter {
  background-image: url('../images/twitter-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.pinterest {
  background-image: url('../images/pinterest-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.instagram {
  background-image: url('../images/instagram-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.linkedin {
  background-image: url('../images/linkedin-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.xing {
  background-image: url('../images/xing-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.behance {
  background-image: url('../images/behance-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.vimeo {
  background-image: url('../images/vimeo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle.whatsapp {
  background-image: url('../images/whatsapp-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline {
  border: 1px solid var(--outlines);
  background-color: #0000;
  border-radius: 100px;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 8px;
  transition: border-color .2s, background-color .2s;
}

.icon-social-circle-outline:hover {
  border: 1px solid var(--red);
  background-color: var(--red);
  color: var(--white);
}

.icon-social-circle-outline.facebook {
  background-image: url('../images/facebook-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.twitter {
  background-image: url('../images/twitter-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.pinterest {
  background-image: url('../images/pinterest-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.instagram {
  background-image: url('../images/instagram-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.xing {
  background-image: url('../images/xing-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.linkedin {
  background-image: url('../images/linkedin-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.behance {
  background-image: url('../images/behance-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.vimeo {
  background-image: url('../images/vimeo-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-circle-outline.whatsapp {
  background-image: url('../images/whatsapp-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.tabs {
  z-index: 1;
  width: 100%;
}

.line-bottom {
  z-index: 0;
  border-bottom: 1px solid var(--outlines);
  position: absolute;
  inset: auto 0% 0%;
}

.breadcrumb-category {
  border-bottom-style: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  display: flex;
}

.number {
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Ovo, sans-serif;
  font-weight: 400;
}

.number.red {
  color: var(--red);
}

.font-black {
  z-index: 1;
  color: var(--dark-grey);
  position: relative;
}

.quote-small {
  background-image: url('../images/quote-sign-05.svg'), url('../images/quote-sign-04.svg');
  background-size: 24px, 24px;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.category-journal {
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.number-line-2x {
  background-color: var(--dark-grey);
  width: 100%;
  height: 2px;
  margin-left: 8px;
}

.gradient {
  z-index: 1;
  background-image: linear-gradient(to top, #201f1c80, #fff0);
  position: absolute;
  inset: 0%;
}

.gradient.top {
  background-image: linear-gradient(#201f1c80, #fff0);
}

.margin-right {
  margin-right: 8px;
}

.margin-right.grey {
  color: var(--overline);
}

.team-parallax-2 {
  z-index: 100;
  background-image: url('../images/jean-philippe-delberghe-Ry9WBo3qmoc-unsplash.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto 0% 100%;
}

.team-parallax-2.produkte-4 {
  background-image: url('../images/coprus-c-raum.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.team-parallax-2.produkte-5 {
  background-image: url('../images/5bf5e97250bb78d6ca5_Planmoebel_Showroom_saeule1.jpg');
  background-position: 100%;
  background-size: cover;
}

.team-parallax-2.produkte-7 {
  background-image: url('../images/unit.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-2.produkte-8 {
  background-image: url('../images/Bildschirmfoto--3.png');
}

.background-color-navi {
  z-index: 0;
  background-color: #fff0;
  position: absolute;
  inset: 0%;
}

.card-with-hover {
  flex: 1;
  display: flex;
  position: relative;
  inset: 0%;
}

.icon-social-square-outline {
  border: 1px solid var(--outlines);
  border-radius: 2px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  transition: border-color .2s, background-color .2s;
}

.icon-social-square-outline:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--white);
}

.icon-social-square-outline.facebook {
  background-image: url('../images/facebook-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.twitter {
  background-image: url('../images/twitter-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.pinterest {
  background-image: url('../images/pinterest-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.instagram {
  background-image: url('../images/instagram-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.linkedin {
  background-image: url('../images/linkedin-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.xing {
  background-image: url('../images/xing-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.behance {
  background-image: url('../images/behance-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.vimeo {
  background-image: url('../images/vimeo-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-outline.whatsapp {
  background-image: url('../images/whatsapp-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.thumb-image-hover-card {
  z-index: 2;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  position: absolute;
  inset: 0%;
}

.card-with-overlay {
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: block;
  position: absolute;
  inset: 0%;
}

.slide-content-3 {
  width: 100%;
}

.content-header {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-header.horizontal {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.content-header.horizontal.no-styles {
  margin-bottom: 0;
}

.content-header.horizontal.left {
  justify-content: flex-start;
}

.content-header.no-styles {
  margin-bottom: 0;
}

.content-header.centered {
  justify-content: center;
  align-items: center;
}

.show-all-link {
  color: var(--overline);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url('../images/arrow-right-5px.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  padding-left: 10px;
  font-size: .625rem;
  font-weight: 600;
  text-decoration: none;
}

.show-all-link:hover {
  color: var(--red);
}

.show-all-link.w--current {
  color: var(--dark-grey);
  background-image: url('../images/Orion_arrow-down-1.svg');
  background-position: 0%;
  padding-left: 8px;
  font-weight: 700;
}

.show-all-link.w--current:hover {
  color: var(--red);
}

.columns {
  width: 100%;
  display: flex;
  overflow: visible;
}

.columns.bg-margin {
  margin-bottom: 19px;
}

.column {
  padding-left: 0;
  padding-right: 0;
}

.column.details {
  border-bottom: 1px solid var(--outlines);
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.column.details.border-white {
  border: 1px solid #dfdfdf;
}

.column.details.border-product-white {
  border-bottom-color: #ffffff1a;
}

.column.details.border-product-white.download-title.no-border, .column.details.border-product-white.download-file-info.no-border, .column.details.border-product-white.download-digital.no-border, .column.details.border-product-white.no-border {
  border-bottom-width: 0;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.heroscreen-v2 {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 20vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heroscreen-v2.padding-bottom {
  padding-bottom: 34px;
}

.heroscreen-v2.margin-bottom {
  margin-bottom: 32px;
}

.heroscreen-fill {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 78px 12px 12px;
  display: flex;
  position: relative;
}

.heroscreen-fill.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.heroscreen-fill.no-padding.full-height {
  align-items: stretch;
  height: 100vh;
  padding-bottom: 0;
}

.heroscreen-fill.no-padding.full-height.padding-l-r-b {
  background-color: #fff;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.headline-half {
  width: 75%;
}

.heroscreen-product {
  z-index: 4;
  background-color: #f4f4f4;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding-top: 20vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heroscreen-product.smoke-bg {
  background-color: #f4f4f4;
}

.heroscreen-product.dark-bg {
  background-color: #0f0d0d;
}

.heroscreen-product.unit {
  padding-top: 0;
}

.sku {
  letter-spacing: .05em;
  text-transform: uppercase;
  border-bottom-style: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  font-size: .625rem;
  font-weight: 500;
  display: flex;
}

.product-buttons {
  z-index: 10;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 78px;
}

.product-buttons-detail {
  z-index: 4;
  flex-direction: row;
  flex-grow: 1;
  flex-basis: 50%;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.product-buttons-detail.share {
  border-top: 1px solid #ffffff3d;
  border-bottom: 1px #ffffff3d;
}

.add-to-cart {
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.add-to-cart-field {
  background-color: var(--white);
  border-radius: 0;
  width: 72px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 8px 0;
}

.add-to-cart-field:focus {
  border-style: none;
}

.add-to-cart-button {
  background-color: var(--black);
  color: var(--white);
  height: 48px;
  padding: 4px 24px;
  font-weight: 500;
  transition: background-color .2s;
}

.add-to-cart-button:hover {
  background-color: var(--red);
}

.product-meta-measurement, .product-measurement {
  display: flex;
}

.product-measurement-seperator {
  margin-left: .25rem;
  margin-right: .25rem;
}

.category-background-image {
  z-index: 0;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.category-background-image.shop {
  background-image: url('../images/jean-philippe-delberghe--s2l2e5b86Q-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.category-background-image.home {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-41.jpg');
  background-size: cover;
}

.checkout-form {
  z-index: 1;
  background-color: #0000;
  position: relative;
}

.block-header {
  background-color: var(--gainsboro);
  border-style: none;
  padding: 8px 24px;
}

.block-content {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  padding: 24px;
}

.shipping-method-list {
  border-left-style: none;
  border-right-style: none;
}

.post-background-image {
  z-index: 0;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.post-background-image.ph1 {
  background-image: url('../images/Bildschirmfoto-2020-03-27-um-17.19.32.jpg');
  background-size: cover;
}

.post-background-image.productimg5 {
  background-image: url('../images/Bildschirmfoto-2020-02-06-um-20.54.49.png');
}

.category-image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.search {
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.background-image-hero {
  z-index: 1;
  background-image: url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-image-hero.image-10 {
  background-image: url('../images/titelbild_pm.jpg');
  background-position: 50% 90%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image-hero.image-10.color {
  filter: brightness(90%);
}

.background-image-hero.image-10.color.home-img-hero-2 {
  background-image: url('../images/img_home.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.background-image-hero.image-12 {
  background-image: url('../images/5e4098095e972553888d50f9_Planmoebel_Showroom_08.jpg');
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image-hero.home-2-3 {
  background-image: url('../images/corpus-c.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  inset: auto 0% 0%;
}

.background-image-hero.home-2-2 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-59.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  inset: auto 0% 0%;
}

.background-image-hero.home-2-1 {
  background-image: url('../images/unit_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  inset: auto 0% 0%;
}

.background-image-hero.home-2-1.home-3-1 {
  background-image: url('../images/directon-m.jpg');
  background-position: 100%;
}

.background-image-hero.contact-1 {
  background-image: url('../images/jean-philippe-delberghe-Ry9WBo3qmoc-unsplash.jpg'), url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.background-image-hero.map-2 {
  background-image: url('../images/map.jpg'), url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
}

.background-image-hero.map-2.contact-bg-img-hero {
  background-image: url('../images/Planmöbel_Showroom_11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image-hero.founder {
  background-image: url('../images/team-01.jpg');
  background-position: 50%;
  background-size: cover;
}

.background-image-hero.intro-01 {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-41.jpg'), url('../images/image-placeholder-transparent_1image-placeholder-transparent.gif');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
}

.background-image-hero.team-01 {
  background-image: url('../images/team-01.jpg');
  background-size: cover;
}

.background-image-hero.team-02 {
  background-image: url('../images/team-03.jpg');
  background-size: cover;
}

.background-image-hero.team-03 {
  background-image: url('../images/team-02.jpg');
  background-size: cover;
}

.background-image-hero.team-04 {
  background-image: url('../images/team-04.jpg');
  background-size: cover;
}

.background-image-hero.produkte-1 {
  background-image: url('../images/MHP_Lab_R6A9602.jpg');
}

.background-image-hero.produkte-1.produkte-2 {
  background-image: url('../images/skyline.jpg');
}

.background-image-hero.portfolio-1 {
  background-image: url('../images/m-pur.jpg');
  background-position: 100%;
}

.background-image-hero.productimg-1 {
  background-image: url('../images/unit.jpg');
  background-position: 100% 0;
}

.background-image-hero.productimg-1.dm-1 {
  background-image: url('../images/direction-m-Nr.1-WEB2x.png');
  background-position: 0%;
}

.background-image-hero.productimg-1.unit {
  background-image: url('../images/Y-fuss-header.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.background-image-hero.productimg-1.unit-slim {
  background-image: url('../images/Tisch-1-weiß.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  left: 13%;
}

.background-image-hero.corpus-c-img-1 {
  background-image: url('../images/2Planmoebel_Showroom_02.jpg');
}

.background-image-hero.corpus-c-raum-img-1 {
  background-image: url('../images/19---Planmoebel_Showroom_19.jpg');
  background-size: cover;
}

.background-image-hero.m-pur-img-1 {
  background-image: url('../images/28---Planmoebel_Showroom_28.jpg');
  background-position: 50%;
}

.cart-absolute {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 72px 0% auto;
}

.cart-button {
  color: var(--black);
  background-color: #0000;
  height: 60px;
  transition: background-color .2s, color .2s;
}

.cart-button:hover {
  background-color: var(--outlines);
  color: var(--dark-grey);
}

.cart-quantity {
  background-color: var(--red);
  color: var(--white);
}

.icon-65 {
  margin-right: 0;
}

.div-block {
  top: 72px;
}

.image-licensing {
  width: 100%;
  height: 24vw;
  margin-bottom: 2.25rem;
}

.image-licensing.clickonfurniture {
  background-image: url('../images/chair-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-licensing.rawpixel {
  background-image: url('../images/team-01_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-licensing.unsplash {
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-33.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-licensing.pngmart {
  background-image: url('../images/chair-04.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.line-paragraph {
  background-color: var(--outlines);
  width: 64px;
  height: 1px;
  margin-top: .5rem;
  margin-right: 32px;
}

.line-paragraph.line-p-transparent {
  background-color: #0000;
}

.line-paragraph.p-border-orange {
  background-color: #ff572f;
}

.line-paragraph.p-border-orange.contact {
  margin-top: 1.05rem;
}

.big-margin-bottom {
  margin-bottom: 24vh;
}

.logo-intro {
  width: 50%;
  margin-bottom: 4.5rem;
}

.intro-parallax-02 {
  z-index: 100;
  background-image: url('../images/ecommerce-webflow-template-by-fouroom-30.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto;
}

.search-2 {
  margin-bottom: 0;
}

.link {
  border-bottom: 1px solid var(--outlines);
}

.link:hover {
  border-bottom-color: #0000;
}

.slide-zoom-wrapper {
  flex-direction: row;
  align-items: center;
  height: 100%;
  display: flex;
}

.tabs-horizontal {
  flex-direction: row;
  flex: 1;
  display: flex;
}

.tabs-menu-vertical {
  flex-direction: column;
  display: flex;
}

.tab-link-vertical {
  color: var(--overline);
  background-color: #0000;
  padding: 0 24px 24px;
}

.tab-link-vertical.w--current {
  color: var(--black);
  background-color: #0000;
}

.tab-pane-tab-1 {
  width: 100%;
}

.text-field-white-2 {
  background-color: #0000001a;
  border: 1px #000;
  border-radius: 2px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 8px 0;
}

.text-field-white-2:focus {
  border-color: #1a1a1a66;
}

.submit-button-2 {
  color: #fff;
  background-color: #000;
  justify-content: center;
  height: 48px;
  padding: 4px 24px;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
}

.submit-button-2:hover, .cart-quantity-2 {
  color: #fff;
  background-color: #ff4802;
}

.error-message-2 {
  color: #302d2b;
  text-align: left;
  background-color: #ff4802;
  padding: 16px;
}

.nav-menu-2 {
  z-index: 100;
  color: #fff;
  text-align: left;
  background-color: #302d2b;
  flex-direction: row;
  align-items: flex-end;
  width: 50%;
  margin-left: 50%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: block;
  overflow: scroll;
}

.background-color-navi-2 {
  z-index: 0;
  background-color: #fff0;
  position: absolute;
  inset: 0%;
}

.cart-button-2 {
  color: #000;
  background-color: #0000;
  height: 60px;
  transition: background-color .2s, color .2s;
}

.cart-button-2:hover {
  color: #302d2b;
  background-color: #0000001a;
}

.empty-state-2 {
  background-color: #fff;
}

.nav-link-2 {
  color: #bcb7b4;
  align-self: flex-end;
  width: 100%;
  padding: 8px 0;
  font-size: 1.5rem;
  font-weight: 400;
  transition: letter-spacing 1s, color .2s;
}

.nav-link-2:hover, .nav-link-2.w--current {
  color: #ff4802;
}

.breadcrumb-link-icon-2 {
  color: #a0a0a0;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url('../images/arrow-right-5px.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  margin-right: 8px;
  padding-left: 10px;
  font-size: .625rem;
  font-weight: 500;
  text-decoration: none;
}

.breadcrumb-link-icon-2:hover {
  color: #ff4802;
}

.breadcrumb-link-icon-2.w--current {
  color: #ff4802;
  background-image: url('../images/arrow-down-5px.svg');
  background-position: 0%;
  padding-left: 10px;
  font-weight: 700;
}

.breadcrumb-link-icon-2.w--current:hover {
  color: #ff4802;
}

.subnavi-2 {
  color: #bcb7b4;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  font-size: .75rem;
  transition: color .2s;
}

.subnavi-2:hover {
  color: #ff4802;
}

.menu-button-2 {
  z-index: 2;
  color: #000;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 18px;
  transition: background-color .2s;
  display: flex;
  top: 6px;
}

.menu-button-2:hover {
  background-color: #0000001a;
}

.menu-button-2.w--open {
  background-color: #000;
}

.submit-button-absolute-2 {
  color: #fff;
  background-color: #000;
  border-radius: 2px;
  height: 40px;
  margin: 4px;
  padding: 4px 24px;
  transition: background-color .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.submit-button-absolute-2:hover {
  color: #302d2b;
  background-color: #ff4802;
}

.submit-button-absolute-2.black-ii {
  background-color: #000;
}

.submit-button-absolute-2.black-ii:hover {
  background-color: #ff4802;
}

.font-white-2 {
  z-index: 1;
  color: #fff;
  position: relative;
}

.font-white-2.mobile-no-styles.h2-3s {
  text-align: left;
}

.font-white-2.mobile-no-styles.h3big {
  font-size: 2.7rem;
  line-height: 3.1rem;
  position: relative;
}

.item-bordered-2 {
  border-top: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  flex: 1;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
}

.item-bordered-2.one {
  border-right-style: none;
  padding-right: 0;
}

.item-bordered-2.one.last {
  border-bottom: 1px solid #0000001a;
  margin-bottom: 24px;
  padding-left: 0;
}

.horizontal-rule-2 {
  z-index: 1;
  background-color: #0000001a;
  height: 1px;
  margin-left: 24px;
  margin-right: 24px;
  position: relative;
}

.horizontal-rule-2.fullwidth {
  margin-left: 0;
}

.horizontal-rule-2.fullwidth.shrink {
  flex: 0 auto;
}

.display-3 {
  color: #000;
  letter-spacing: -.04em;
  margin-bottom: 6rem;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1em;
}

.display-3.no-styles.font-white {
  color: var(--white);
}

.show-all-link-2 {
  color: #a0a0a0;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url('../images/arrow-right-5px.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 8px;
  padding-left: 10px;
  font-size: .625rem;
  font-weight: 600;
  text-decoration: none;
}

.show-all-link-2:hover {
  color: #ff4802;
}

.show-all-link-2.w--current {
  color: #302d2b;
  background-image: url('../images/Orion_arrow-down-1.svg');
  background-position: 0%;
  padding-left: 8px;
  font-weight: 700;
}

.show-all-link-2.w--current:hover {
  color: #ff4802;
}

.progress-bar-slider-2 {
  z-index: 10;
  background-color: #302d2b;
  height: 1px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.disable-swipe-slider-2 {
  z-index: 2;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0% 0% 3rem;
}

.overline-2 {
  z-index: 1;
  color: #a0a0a0;
  letter-spacing: .09375rem;
  text-transform: uppercase;
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.overline-2.scroll {
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.link-slideshow-2 {
  color: #302d2b;
  background-image: url('../images/Orion_maximize-window.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 24px;
}

.link-slideshow-2:hover {
  color: #ff4802;
}

.icon-social-square-2 {
  background-color: #302d2b;
  border-bottom-style: none;
  border-radius: 2px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  transition: background-color .2s;
}

.icon-social-square-2:hover {
  color: #fff;
  background-color: #ff4802;
}

.icon-social-square-2.instagram {
  background-image: url('../images/instagram-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-2.pinterest {
  background-image: url('../images/pinterest-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-2.facebook {
  background-image: url('../images/facebook-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.icon-social-square-2.twitter {
  background-image: url('../images/twitter-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.button-ghost-2 {
  color: #302d2b;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 4px 24px;
  font-size: .625rem;
  font-weight: 500;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.button-ghost-2:hover {
  color: #302d2b;
  border-color: #302d2b;
}

.line-left-2 {
  z-index: 0;
  border-left: 1px solid #0000001a;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.team-parallax-3 {
  z-index: 100;
  background-image: url('../images/loewe-technologies-nUrnx3SnDlM-unsplash.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-attachment: fixed;
  width: 50vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto 0% 50vw;
}

.team-parallax-4 {
  z-index: 100;
  background-image: url('../images/loewe-technologies-nUrnx3SnDlM-unsplash.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-attachment: fixed;
  width: 50vw;
  height: 100vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -50vw;
}

.team-parallax-4.parallax-auto {
  background-image: url('../images/Bildschirmfoto--25.png');
  background-size: contain;
  height: 100%;
}

.team-parallax-4.parallax-auto.ph2 {
  background-image: url('../images/Bildschirmfoto-2020-03-27-um-17.11.38.jpg');
  background-size: cover;
  height: 100%;
}

.team-parallax-4.parallax-auto.ph3 {
  background-image: url('../images/old-pictures.jpg');
  background-position: 0%;
  background-size: cover;
}

.team-parallax-4.konzept-4 {
  background-image: url('../images/video_thumb_kinzo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.team-parallax-4.konzept-4.corpus-c-img-8 {
  background-image: url('../images/corpus-c_032_Seite7.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.team-parallax-4.konzept-4.m-pur-img-5 {
  background-image: url('../images/planmoebel_6_Chromgestell-Detail.jpg');
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-4.ks2 {
  background-image: url('../images/_MG_6118.jpg');
  background-position: 50%;
  background-size: cover;
}

.team-parallax-4.konzept-5 {
  background-image: url('../images/PlanmAbel_Minden-26.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-parallax-4.konzept-5.corpus-c-img-9 {
  background-image: url('../images/corpus-c_014_Seite11.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-5.m-pur-img-6 {
  background-image: url('../images/planmoebel_Funktionspaneel1_ohne-Schrauben.jpg');
  background-position: 100%;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-5.ks3 {
  background-image: url('../images/Bueltmann_adidas_009.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.team-parallax-4.konzept-6 {
  background-image: url('../images/unit-bench-13.jpg');
  background-position: 100%;
  background-size: cover;
}

.team-parallax-4.konzept-6.corpus-c-img-10 {
  background-image: url('../images/corpus-c_009_Seite17.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-6.m-pur-img-7 {
  background-image: url('../images/planmoebel_Beraterplatz_Detail_Druckerauszug_8.jpg');
  background-position: 80% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-6.m-pur-img-8 {
  background-image: url('../images/SET02_PRO_PLANMOEBEL_M-PUR_wrapmeup_wraped_02_upscaled_image_x4.jpg');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-6.m-pur-img-9 {
  background-image: url('../images/pure_eiche_2800.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.team-parallax-4.konzept-6.m-pur-img-10 {
  background-image: url('../images/SET_05_PRO_PLANMOEBEL_M-PUR_wrapmeup_wraped_upscaled_image_x4.jpg');
  background-position: 50%;
  background-attachment: scroll;
}

.team-parallax-4.konzept-7 {
  background-image: url('../images/unit-backbone-10.jpg');
  background-position: 100%;
  background-size: cover;
}

.team-parallax-4.konzept-8 {
  background-image: url('../images/unit-Einzeltisch-1.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

.team-parallax-4.konzept-9 {
  background-image: url('../images/unit-wall-concentrate-4.jpg');
  background-position: 100%;
  background-size: cover;
  background-attachment: fixed;
}

.team-parallax-4.konzept-10 {
  background-image: url('../images/unit-stauraum-36.jpg');
  background-size: cover;
}

.team-parallax-4.bg-video-unit {
  flex: 0 auto;
  padding-left: 5px;
}

.image-13 {
  width: 11%;
  display: block;
}

.logo {
  max-width: 114px;
  padding-top: 19px;
}

.image-14 {
  max-width: 180px;
}

.link-block {
  z-index: 8;
  align-items: center;
  height: 78px;
  display: flex;
  position: relative;
}

.image-list-container {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-list-item {
  cursor: pointer;
  width: 33.3%;
  padding: 1px;
  position: relative;
}

.image-list-item.ili-2-grid {
  width: 50%;
}

.image-list-content {
  width: 100%;
  display: block;
  position: relative;
}

.image-list-bg {
  background-image: url('../images/49-med-GmbH-Nr.5-WEB.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 20vw;
}

.image-list-bg.ilgb-2-grid {
  height: 40vh;
}

.image-list-bg.bg-sparkasse {
  background-image: url('../images/SR_2001110469_send_web.jpg');
  background-position: 0 68%;
}

.image-list-bg.vgh-th-1 {
  background-image: url('../images/VGH-Versicherungen-Nr.7-WEB.jpg');
}

.image-list-bg.fhb-th {
  background-image: url('../images/Fraunhofer-Forum-Nr.1-WEB.jpg');
}

.image-list-bg.adi-th-1 {
  background-image: url('../images/adidas-AG-Nr.6-WEB.jpg');
}

.image-list-bg.z-th {
  background-image: url('../images/Zalando-GmBG-Nr.6-WEB.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.image-list-bg.co-th {
  background-image: url('../images/Collins-Nr.1-WEB.jpg');
}

.image-list-bg._45-th-bg {
  background-image: url('../images/49-med-GmbH-Nr.3-WEB.jpg');
}

.image-list-bg._w-th {
  background-image: url('../images/Woods-Bagot-Studio-Nr.3-WEB.jpg');
  background-position: 50% 60%;
}

.image-list-bg.lu-th {
  background-image: url('../images/DIAL-Luedenscheid-Nr.9-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.ei-th {
  background-image: url('../images/Eickhoff-Bochum-Nr.1-WEB.jpg');
}

.image-list-bg.bet-th {
  background-image: url('../images/5eb82cf50e0bc8024346bee18_Betreut.de-Berlin-Nr.3-WEB.png');
  background-position: 0%;
}

.image-list-bg.bet-th.d {
  background-repeat: repeat;
  background-size: 800px;
}

.image-list-bg.uni-fre-th {
  background-image: url('../images/Universitaetsbibliothek-Freiburg-Nr.1-WEB.jpg');
  background-position: 50% 0;
}

.image-list-bg._50h-th {
  background-image: url('../images/50Hertz-Berlin-Nr.1-WEB.jpg');
  background-position: 50%;
  background-repeat: repeat;
}

.image-list-bg.we-ef-th {
  background-image: url('../images/We-Ef-Leuchten-Nr.2-WEB.jpg');
}

.image-list-bg.mci-th {
  background-image: url('../images/MCI-Miritz-Citrus-GmBH-Nr.11-WEB.jpg');
}

.image-list-bg.ra-er {
  background-image: url('../images/5eb83632ccd7e7393e5af743_Raiffeisenbank-Erlenbach-N2r.1-WEB.png');
  background-position: 70%;
}

.image-list-bg.sound-th {
  background-image: url('../images/Soundcloud-Berlin-Nr.2-WEB.jpg');
  background-position: 50% 90%;
}

.image-list-bg.mhp-th {
  background-image: url('../images/MHPLab-Berlin-Nr.3-WEB.jpg');
  background-position: 50% 55%;
}

.image-list-bg.asp-th {
  background-image: url('../images/Apellasbauwert-Berlin-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.augu-th {
  background-image: url('../images/5eb82cf50e0bc802436belke18_augusta-Nr.3-WEB.png');
  background-position: 50%;
}

.image-list-bg.lzo-th {
  background-image: url('../images/LzO-Oldenburg-Nr.8-WEB.jpg');
}

.image-list-bg.ino-bg {
  background-image: url('../images/Inometa-Herford-Nr.3-WEB..jpg');
}

.image-list-bg.rav-th {
  background-image: url('../images/Ravago-Plastics-Belgien-Nr.5-WEB.jpg');
}

.image-list-bg.ber-th {
  background-image: url('../images/Berner-Group-Rheinauhafen-Koeln-Nr.3-WEB.jpg');
}

.image-list-bg.c-1 {
  background-image: url('../images/corpus-c-2-Nr.1-WEB.jpg');
}

.image-list-bg.c-2 {
  background-image: url('../images/corpus-c-5-Nr.1-WEB.jpg');
  background-position: 50% 70%;
}

.image-list-bg.dm-1 {
  background-image: url('../images/direction-m-2-Nr.1-WEB.jpg');
}

.image-list-bg.m-1 {
  background-image: url('../images/m-pur-25-Nr.1-WEB.jpg');
}

.image-list-bg.c-3 {
  background-image: url('../images/corpus-c-22-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.f4-c-1 {
  background-image: url('../images/fact-4-corpus-c-Nr.1-WEB.jpg');
}

.image-list-bg.m-2 {
  background-image: url('../images/m-purcorpus-c-Nr.1_photos_v2_x4_neu.jpg');
}

.image-list-bg.c-4 {
  background-image: url('../images/corpus-c-7-Nr.1-WEB.jpg');
}

.image-list-bg._w-1 {
  background-image: url('../images/workout-7-Nr.1_photos_v2_x4_neu.jpg');
  background-position: 50%;
}

.image-list-bg.c-5 {
  background-image: url('../images/corpus-c-14-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.u-1 {
  background-image: url('../images/unit-6-Nr.1-WEB.jpg');
}

.image-list-bg.m-3 {
  background-image: url('../images/m-pur-44-Nr.1-WEB.jpg');
}

.image-list-bg.m-4-th {
  background-image: url('../images/m-pur-11-Nr.1-WEB.jpg');
  background-position: 50% 80%;
}

.image-list-bg.c-6 {
  background-image: url('../images/corpus-c-6-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.c-7 {
  background-image: url('../images/corpus-c-21-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-5-th {
  background-image: url('../images/m-pur-47-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-c-th-1 {
  background-image: url('../images/pf32.jpg');
  background-position: 50%;
}

.image-list-bg.m-6-th {
  background-image: url('../images/direction-m-9-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-7-th {
  background-image: url('../images/m-pur-19-Nr.1-WEB.jpg');
  background-position: 0%;
}

.image-list-bg.dm-2 {
  background-image: url('../images/direction-m-18-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-8-th {
  background-image: url('../images/m-pur-6-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-3-th {
  background-image: url('../images/m-pur-46-Nr.1-WEB.jpg');
}

.image-list-bg.m-c-2 {
  background-image: url('../images/m-purcorpus-c-4-Nr.1-WEB.jpg');
}

.image-list-bg.m-c-th-2 {
  background-image: url('../images/m-purcorpus-c-9-Nr.1-WEB.jpg');
}

.image-list-bg.m-9-th {
  background-image: url('../images/m-pur-34-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.u-th-2 {
  background-image: url('../images/unit-5-Nr.1-WEB.jpg');
  background-position: 0%;
}

.image-list-bg.m-10-th {
  background-image: url('../images/m-pur-24-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.u-3-th {
  background-image: url('../images/unit-Nr.1-WEB.jpg');
}

.image-list-bg.f4c-c-2-th {
  background-image: url('../images/fact-4-corpus-c-4-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-c-th-3 {
  background-image: url('../images/m-purcorpus-c-3-Nr.1-WEB.jpg');
}

.image-list-bg.c-7-th {
  background-image: url('../images/corpus-c-13-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.c-8-th {
  background-image: url('../images/corpus-c-9-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.dm-3-th._1 {
  background-image: url('../images/direction-m-Nr.1-WEB.jpg');
}

.image-list-bg.dm-4 {
  background-image: url('../images/xirection-m-3-Nr.1-neu.jpg');
}

.image-list-bg.u-5 {
  background-image: url('../images/unit-3-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.dm-5 {
  background-image: url('../images/direction-m-6-Nr.1-WEB.jpg');
}

.image-list-bg.u-6 {
  background-image: url('../images/unit-7-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-7 {
  background-image: url('../images/m-pur-37-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.dm-6 {
  background-image: url('../images/direction-m-4-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-8 {
  background-image: url('../images/m-pur-20-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-9 {
  background-image: url('../images/m-pur-26-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-10 {
  background-image: url('../images/m-pur-18-Nr.1-WEB.jpg');
}

.image-list-bg.u-7 {
  background-image: url('../images/unit-4-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-13 {
  background-image: url('../images/m-pur-8-Nr.1-WEB.jpg');
}

.image-list-bg.m-14 {
  background-image: url('../images/m-pur-10-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.f4-c-4 {
  background-image: url('../images/fact-4-corpus-c-2-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-c-4 {
  background-image: url('../images/m-purcorpus-c-12-Nr.1-WEB.jpg');
}

.image-list-bg.m-15 {
  background-image: url('../images/m-pur-36-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.dm-7 {
  background-image: url('../images/direction-m-20-Nr.1-WEB.jpg');
  background-position: 25%;
}

.image-list-bg.m-16 {
  background-image: url('../images/m-pur-5-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.dm-8 {
  background-image: url('../images/direction-m-16-Nr.1-WEB.jpg');
  background-position: 0%;
}

.image-list-bg.u-9 {
  background-image: url('../images/unit-2-Nr.1-WEB.jpg');
  background-position: 50%;
}

.image-list-bg.m-17 {
  background-image: url('../images/m-pur-9-Nr.1-WEB.jpg');
  background-position: 50% 0;
}

.image-list-bg.dm-9 {
  background-image: url('../images/direction-m-5-Nr.1-WEB.jpg');
}

.image-list-bg.dm-19 {
  background-image: url('../images/direction-m-19-Nr.1-WEB.jpg');
}

.image-list-bg.u-15 {
  background-image: url('../images/unit-planmoebel-showroom-minden-29591.jpg');
}

.image-list-bg.mol-bg {
  background-image: url('../images/230523_01_Web.jpg');
}

.image-list-bg.ngo-bg {
  background-image: url('../images/NTF_2212210004_send_web_klein.jpg');
  background-position: 50%;
}

.image-description {
  text-align: center;
  align-self: center;
  width: 60%;
  margin-top: 9px;
  font-style: italic;
}

.paragraph {
  margin-top: 20px;
}

.paragraph-margin {
  margin-top: 2.25rem;
}

.font-full-black {
  color: #000;
}

.text-block {
  margin-right: 10px;
}

.image-container {
  margin-left: 10%;
  margin-right: 10%;
}

.div-block-2 {
  background-image: url('../images/Bildschirmfoto--4.png');
  background-position: 100%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}

.slider-icon-big {
  color: #fff;
}

.margin-top-sm {
  margin-top: 2rem;
}

.slider-text-sm {
  z-index: 2147483647;
  color: #fff;
}

.slider-head {
  color: #fff;
}

.item-header {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 400;
}

.item-header.no-padding-bt {
  opacity: .64;
  margin-bottom: 0;
  font-size: 1.22rem;
}

.content-tags {
  margin-bottom: 40px;
}

.content-tag {
  color: #ff0015;
}

.image-list-wrapper {
  flex: 1;
}

.pm-bar {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 24px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.pm-bar-back {
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  height: 5px;
  position: absolute;
}

.div-block-3 {
  background-color: #fff;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  padding-top: 1px;
  font-size: .725rem;
  position: absolute;
}

.nav-link-wrapper {
  float: right;
  justify-content: flex-end;
  align-items: center;
  width: 185px;
  margin-right: 10px;
  display: flex;
}

.nav-overlay-link {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 12px;
  display: flex;
}

.nav-overlay-container {
  z-index: -1;
  background-color: #35363a;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 33.4vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  right: auto;
}

.nav-overlay-container.nav-o2 {
  z-index: 1;
}

.nav-overlay-container.editable {
  left: 34%;
}

.nav-overlay-links {
  width: 100%;
  padding-top: 68px;
  padding-left: 30px;
}

.nav-overlay-links.offset-1 {
  padding-top: 122px;
}

.nav-overlay-links.offset-2 {
  padding-top: 426px;
}

.div-block-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-16 {
  margin-right: 10px;
}

.nav-overlay-img-container {
  z-index: -3;
  width: 33.4vw;
  height: 100vh;
  position: absolute;
  top: 0%;
  left: 0%;
}

.nav-overlay-img-container.noi1 {
  background-image: url('../images/Bildschirmfoto--3.png');
  background-position: 50%;
  background-size: cover;
  display: block;
}

.nav-overlay-img-container.noi1.nav-bg-1 {
  background-image: url('../images/Start.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.nav-overlay-img-container.noi1.nav-bg-2 {
  background-image: url('../images/Marke.jpg');
}

.nav-overlay-img-container.noi1.nav-bg-3 {
  background-image: url('../images/Maßanfertigungn.jpg');
}

.nav-overlay-img-container.noi1.nav-bg-4 {
  background-image: url('../images/portfolio.jpg');
  background-repeat: repeat;
  background-attachment: fixed;
}

.nav-overlay-img-container.noi1.nav-bg-5 {
  background-image: url('../images/2Planmoebel_Showroom_02.jpg');
}

.nav-overlay-img-container.noi1.nav-bg-6 {
  background-image: url('../images/20---Planmoebel_Showroom_20.jpg');
}

.nav-overlay-img-container.noi1.nav-bg-7 {
  background-image: url('../images/m-pur_1.jpg');
}

.nav-overlay-img-container.noi1.nav-bg-8 {
  background-image: url('../images/unit_2.jpg');
  background-position: 100%;
}

.nav-overlay-img-container.noi1.nav-bg-9 {
  background-image: url('../images/kontakt.jpg');
  background-attachment: fixed;
}

.nav-overlay-img-container.noi1.nav-bg-4-copy {
  background-image: url('../images/portfolio.jpg');
  background-repeat: no-repeat;
}

.nav-overlay-img-container.noi1.nav-bg-11 {
  background-image: url('../images/bilddatenbank.jpg');
  background-repeat: repeat;
  background-attachment: fixed;
}

.nav-overlay-img-container.noi1.nav-bg-12 {
  background-image: url('../images/Projekte.jpg');
  background-attachment: fixed;
}

.nav-overlay-img-container.noi1.nav-bg-13 {
  background-image: url('../images/direction-m-122-Nr.1-WEB2x.png');
}

.nav-overlay-img-container.noi1.nav-bg-9 {
  background-image: url('../images/Planmöbel_Showroom_12.jpg');
  background-position: 100%;
}

.nav-overlay-img-container.noi1.nav-bg-14 {
  background-image: url('../images/Banner-1080-x-1920.jpg');
}

.div-block-5 {
  background-image: url('../images/Bildschirmfoto--3.png');
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.nav-background {
  z-index: -3;
  background-color: #35363a;
  width: 33.45vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nav-close {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  margin-left: 10px;
  display: none;
}

.link-block-2 {
  width: 36px;
  height: 36px;
}

.nav-overlay-back {
  display: none;
}

.pm-image {
  position: relative;
}

.product-detail-overlay {
  z-index: 5;
  width: 100%;
  padding-left: 21px;
  position: absolute;
  inset: 5vh 0% 0%;
  overflow: hidden;
}

.product-detail-overlay.font-white {
  overflow: hidden;
}

.product-detail-overlay.font-white.open {
  height: 100vh;
  overflow: visible;
}

.product-detail-overlay.open {
  height: auto;
}

.product-content {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.product-open {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.index-link {
  font-size: .975rem;
}

.image-19 {
  object-fit: cover;
  background-color: #0000;
  height: 100vh;
}

.section-2 {
  padding-top: 72px;
}

.div-block-7 {
  position: relative;
  inset: auto 10% 0%;
}

.bd-container {
  height: 100%;
  padding-top: 72px;
  position: relative;
}

.bilderdb-h1-2 {
  padding-top: 363px;
}

.bd-bottom-nav {
  float: none;
  object-fit: fill;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 80px;
  margin-bottom: 20px;
  margin-left: 3vw;
  margin-right: 3vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.bd-splash-section {
  z-index: 2;
  height: 100vh;
  position: relative;
}

.bd-splash-bg {
  background-image: url('../images/5e409dd55e20dee451_Planmoebel_Showroom_10.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 72px 0% 0%;
}

.bd-splash-bg-grey {
  background-color: #302d2b9e;
  position: absolute;
  inset: 0%;
}

.bilderdb-h1-3 {
  margin-left: 0;
  display: inline-block;
}

.bilderdb-h1-3.font-white {
  float: none;
  text-align: center;
  display: inline-block;
}

.bilderdb-h1-3.font-white.no-margin {
  clear: none;
  margin-bottom: 0;
}

.bd-btn {
  text-transform: uppercase;
  margin-left: 10em;
}

.div-block-10 {
  text-align: left;
  width: 280px;
  height: 68px;
  margin-left: .6em;
  margin-right: .6em;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-10.bd-btn-bg {
  cursor: pointer;
  background-color: #f4f4f4a6;
  display: block;
  position: relative;
}

.div-block-10.bd-btn-bg.bd-btn-last {
  margin-left: 1.5em;
  margin-right: 2em;
}

.div-block-10.bd-btn-bg.bd-btn-first {
  margin-left: 0;
  margin-right: 1.5em;
}

.div-block-10.bd-btn-bg.bd-btn-sec {
  margin-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div-block-10.bd-btn-bg.bd-dropdown {
  display: none;
}

.div-block-10.bd-btn-bg.bd-overlay-bg {
  background-color: #f4f4f4eb;
}

.bd-splash-text {
  color: var(--red);
  text-transform: uppercase;
  padding-bottom: 6px;
  padding-left: 6px;
  font-size: 1rem;
  display: inline-block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bd-splash-text.bd-t-2 {
  padding-bottom: 6px;
}

.image-20 {
  float: right;
  width: 2rem;
}

.text-block-2 {
  float: right;
  background-image: url('../images/Orion_menu.svg');
  background-position: 50%;
  background-size: cover;
  width: 2rem;
  display: inline-block;
}

.div-block-11 {
  background-image: url('../images/Orion_menu.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-11.bd-btn-img {
  inset: auto 0% 0% auto;
}

.div-block-11.bd-btn-img.bd-btn-search {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding-right: 0;
  display: flex;
  bottom: 4px;
  right: 2%;
}

.div-block-11.bd-btn-img.bd-btn-ham {
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
  inset: auto 2% 10px auto;
}

.div-block-11.bd-btn-img.bd-btn-add {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  bottom: 6%;
  right: 2%;
}

.div-block-12 {
  background-image: url('../images/Orion_menu.svg');
  background-position: 0 0;
  background-size: 125px;
}

.div-block-12.bd-btn-img {
  background-image: url('../images/Pfad-142.png');
  background-position: 0 0;
  background-size: cover;
  width: 1.3em;
  height: 1.3em;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-12.bd-btn-img.bd-btn-search {
  inset: auto 0% 0% auto;
}

.div-block-12.bd-btn-img.bd-btn-ham {
  background-image: url('../images/Gruppe-395.png');
  background-position: 50%;
  background-size: cover;
}

.div-block-12.bd-btn-img.bd-btn-add {
  background-image: url('../images/Gruppe-398.png');
  inset: auto 0% 0% auto;
}

.div-block-13 {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.div-block-14 {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-14.bd-in-gallery-menu {
  object-fit: contain;
  display: flex;
}

.div-block-14.bd-in-gallery-menu.bd-menu-btn {
  width: 100%;
  max-width: 100%;
  display: flex;
}

.div-block-14.bd-in-gallery-menu.bd-menu-bottom {
  margin-right: -4vw;
  position: fixed;
  inset: 5em 14% 0% auto;
}

.div-block-14.bd-in-gallery-menu.bd-top-menu {
  justify-content: flex-end;
  display: flex;
  inset: auto 0% 0% auto;
}

.div-block-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 / minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  width: 82%;
  margin-top: 6em;
  margin-bottom: 6em;
  display: grid;
}

.image-21 {
  width: 150em;
  height: 24.75em;
  display: block;
}

.image-21.bd-gallary-img {
  object-fit: cover;
  height: auto;
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 38px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-16.bd-g-btn-dl {
  cursor: pointer;
  background-color: #f4f4f4bf;
  margin-bottom: 1em;
  margin-right: 1em;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-16.bd-g-btn-dl:hover {
  background-color: #f4f4f4f7;
}

.div-block-17 {
  cursor: pointer;
  width: 100%;
  min-height: 20vw;
  position: relative;
}

.div-block-18 {
  position: relative;
}

.image-22 {
  float: none;
  text-align: left;
  object-fit: scale-down;
  display: block;
  position: static;
}

.bd-btn-search-menu {
  background-color: #f4f4f4a6;
  width: 880px;
  min-width: 65em;
  max-width: 100%;
  height: 4em;
  margin-top: 0;
  display: none;
  position: static;
}

.div-block-19 {
  clear: none;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 15px;
  display: flex;
}

.div-block-20 {
  background-image: url('../images/Pfad-142.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  order: -1;
  align-self: flex-start;
  width: 2em;
  max-width: 100%;
  height: 2em;
  margin-top: 3px;
  overflow: visible;
}

.div-block-21 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-self: flex-end;
  display: flex;
}

.div-block-22 {
  align-self: center;
}

.text-field-3 {
  background-color: #0000;
  border: 1px solid #0000;
  border-bottom-color: #302d2b;
  align-self: flex-start;
  width: 70%;
  max-width: 70%;
  margin-left: 15px;
  margin-right: 15px;
}

.submit-button-3 {
  clear: right;
  background-color: #ff572f;
  border-radius: 4px;
  width: 7em;
  display: inline-block;
}

.div-block-23 {
  order: 0;
  align-self: flex-start;
  margin-left: auto;
  margin-right: 15px;
}

.div-block-24 {
  clear: right;
  cursor: pointer;
  background-image: url('../images/Gruppe-398_1.png');
  background-position: 50%;
  background-size: cover;
  order: 1;
  align-self: flex-start;
  width: 1.5em;
  height: 1.5em;
  margin-top: 8px;
  margin-left: auto;
}

.bd-img-gallary {
  width: 150em;
  height: auto;
  display: block;
}

.lightbox-link-2 {
  object-fit: cover;
  display: block;
}

.bd-gallary-img.image-21 {
  object-fit: cover;
  width: 34.5em;
  height: 24.75em;
  display: block;
}

.sticky-nav {
  z-index: 9;
  background-color: #f4f4f4;
  padding: 20px;
  position: fixed;
  inset: 72px 0% 0% auto;
}

.sticky-nav.bd-filter-side-nav {
  background-color: #f4f4f4;
  width: 460px;
  padding: 0;
  display: block;
  top: 0%;
  overflow: auto;
}

.nav-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: minmax(auto, 1fr) auto auto auto auto;
  grid-template-columns: minmax(250px, 1.75fr);
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
}

.nav-grid.bd-nav-grid {
  padding-left: 16px;
}

.nav-logo-link {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-logo {
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  height: 100%;
}

.nav-link-3 {
  color: #444;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  text-decoration: none;
  display: block;
}

.nav-link-3:hover {
  text-decoration: underline;
}

.heading {
  margin-bottom: .5rem;
}

.bd-filter-side-nav-title {
  text-transform: uppercase;
  margin-bottom: 1.18rem;
}

.checkbox-label {
  margin-left: 0;
  font-size: 1.05rem;
}

.checkbox {
  display: block;
}

.checkbox.filter-checkbox {
  background-color: #aaa29e;
  border-style: solid;
  border-width: 0;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  margin-right: 16px;
}

.checkbox.filter-checkbox:hover {
  background-color: #bdb2ad;
}

.button-2 {
  border: 1px solid var(--red);
  color: var(--red);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  width: 120px;
  margin-left: 25px;
}

.button-3 {
  background-color: var(--red);
  text-align: center;
  border-radius: 4px;
  width: 120px;
}

.button-3:hover {
  color: var(--white);
}

.list-item {
  margin-right: 31px;
  padding-bottom: 15px;
}

.div-block-25 {
  position: relative;
}

.button-4 {
  background-color: var(--red);
  opacity: 1;
  background-image: url('../images/Orion_close_4px.svg');
  background-position: 50%;
  background-repeat: repeat;
  background-attachment: scroll;
  border-radius: 50%;
  order: 1;
  width: 4em;
  height: 4em;
  margin-left: 2em;
  margin-right: -9.5em;
  transform: rotate(45deg);
}

.button-4.button-5 {
  background-color: var(--red);
  opacity: 1;
  backface-visibility: visible;
  perspective: none;
  background-image: url('../images/Gruppe-401.png');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: 10px 5px;
  background-attachment: scroll;
  display: block;
  transform: rotate(90deg);
}

.div-block-26 {
  position: relative;
}

.div-block-27, .div-block-28 {
  position: static;
}

.bd-splash-text-2 {
  color: #ff4802;
  text-transform: uppercase;
  padding-bottom: 6px;
  padding-left: 9px;
  font-size: .96rem;
  display: inline-block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bd-splash-text-2.bd-t-2 {
  padding-bottom: 6px;
}

.bd-nav-overlay {
  z-index: 3;
  display: block;
  position: fixed;
  inset: auto 20px 30px auto;
}

.bd-filter-nav-close {
  z-index: 9;
  cursor: pointer;
  position: absolute;
  inset: 21px 28px auto auto;
}

.image-23 {
  border: 10px solid var(--red);
  background-color: var(--red);
  object-fit: cover;
  border-radius: 20px;
  width: 3.5em;
  height: 3.5em;
  margin-left: 16px;
}

.div-block-29 {
  background-color: var(--red);
  cursor: pointer;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  width: 3.5em;
  height: 3.5em;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: static;
}

.image-24 {
  position: static;
  inset: -25px auto auto;
}

.div-block-30 {
  background-color: var(--red);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: none;
}

.image-25 {
  transform: rotate(45deg);
}

.bd-fullscreen-modal {
  z-index: 9;
  background-color: #00000069;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-31 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 87vw;
  height: 87vh;
  padding: 15px 20px;
  position: relative;
}

.image-26 {
  z-index: 2;
  cursor: pointer;
  align-self: center;
  position: relative;
  transform: rotate(45deg);
}

.div-block-32 {
  flex-direction: row;
  align-self: flex-start;
  align-items: stretch;
  margin: 2em;
  display: flex;
  position: relative;
}

.div-block-33 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.div-block-34 {
  flex-direction: row;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
}

.button-6 {
  z-index: 2;
  border: 1px solid var(--red);
  background-color: var(--white);
  color: var(--red);
  border-radius: 0;
  align-self: flex-start;
  position: relative;
}

.button-6:hover {
  background-color: var(--red);
  color: var(--white);
}

.div-block-35 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-2 {
  align-self: center;
}

.text-block-3 {
  align-self: center;
  margin-left: 10px;
  display: block;
}

.div-block-36 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.div-block-37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 70px 40px 40px;
}

.image-27 {
  max-height: 100%;
}

.form-block-3.bd-filter-form {
  margin-top: 37px;
}

.div-block-38 {
  position: absolute;
  inset: 0%;
}

.bd-image-block {
  background-image: url('../images/jean-philippe-delberghe-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.modal-left {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 15px;
}

.modal-left-link {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 70px;
  display: flex;
  transform: rotate(180deg);
}

.modal-right {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 15px 0% auto;
}

.modal-right-link {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 70px;
  display: flex;
}

.modal-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bd-head-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-3 {
  justify-content: center;
  display: flex;
}

.no-margin {
  margin-bottom: 0;
}

.filter-item {
  padding-top: 2px;
  padding-bottom: 2px;
}

.filter-line {
  border-bottom: 1px solid #302d2b;
  width: 240px;
  height: 1px;
  margin-top: 30px;
}

.nav-bg {
  z-index: 10;
  clear: none;
  background-color: #fff;
  width: 460px;
  height: 72px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bd-nav-content {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 0%;
}

.body, .body-2 {
  font-family: Bellcentennialstd subcapt, sans-serif;
}

.colors-wrapper {
  width: 100%;
  margin-top: 20px;
}

.colors-head {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.colors-content {
  padding-top: 18px;
  overflow: hidden;
}

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

.text-nav-bg-img {
  text-transform: uppercase;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.7rem;
  position: absolute;
  inset: auto auto 2em 1em;
}

.text-home-heroscreen {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  align-self: center;
  font-weight: 400;
  position: absolute;
  inset: auto 0% 2em;
}

.text-home-heroscreen.hidden {
  display: none;
}

.home-p {
  padding-left: 10px;
  font-family: bell-centennial-std-address, sans-serif;
  font-size: 1.075rem;
  font-weight: 400;
  line-height: 1.4;
}

.home-p.sanim-2 {
  opacity: 0;
}

.home-p.sanim-1 {
  padding-top: 62px;
  position: absolute;
}

.home-p.font-white.search {
  text-align: left;
  padding-left: 0;
}

.home-h1 {
  font-size: 3rem;
}

.home-p-2 {
  margin-bottom: 3.7rem;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: .975rem;
}

.p-serien {
  color: #000;
  font-family: bell-centennial-std-address, sans-serif;
  font-size: 1.075rem;
  line-height: 1.5;
}

.link-home-digital {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.img-old-history-1 {
  align-self: center;
  width: 70%;
  margin-bottom: 8px;
}

.img-old-history-2 {
  align-self: center;
  width: 70%;
}

.image-28 {
  align-self: center;
  padding-left: 25px;
  padding-right: 25px;
}

.div-block-39 {
  flex: 1;
}

.text-portfolio-img-desc {
  z-index: 2;
  color: #fff;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: .775rem;
  font-weight: 400;
  line-height: 1.7;
  position: absolute;
  inset: auto auto 2em 1em;
}

.div-block-40, .div-block-41 {
  align-self: flex-start;
}

.text-title-download {
  text-align: left;
  text-transform: uppercase;
}

.p-serie-text-left {
  text-align: left;
}

.impressum-p {
  font-size: 1.1rem;
  font-weight: 400;
}

.impressum-p.border-orange {
  border-top: 1px solid #ff572f;
  padding-top: 3.1rem;
  line-height: 1.8;
}

.nav-background-image.nav-bg-portfolio {
  background-image: url('../images/portfolio.jpg');
  background-position: 0 0;
  background-size: 125px;
}

.list-lang {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.selected-lang {
  color: var(--red);
  font-weight: 400;
}

.button-small-ghost-2 {
  color: #302d2b;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 8px 24px;
  font-size: .625rem;
  font-weight: 500;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.button-small-ghost-2:hover {
  color: #302d2b;
  border-color: #302d2b;
}

.button-small-ghost-2.btn-clr-orange {
  color: #ff572f;
  border-color: #ff572f;
  height: 35px;
  margin-top: 50px;
  font-size: .875rem;
}

.button-small-ghost-2.btn-clr-orange.btn-portfolio {
  margin-top: 30px;
}

.overlay-text {
  z-index: 2;
  color: #fff;
  width: auto;
  position: absolute;
  inset: auto auto 30px 40px;
}

.p2 {
  font-family: bell-centennial-std-address, sans-serif;
  font-size: 1.075rem;
}

.p2.font-white.search {
  text-align: left;
  text-transform: uppercase;
}

.p2.mb-centered {
  text-align: left;
}

.footer-color {
  color: #aaa29e;
}

.icon-portfolio {
  color: #fff;
}

.portfolio-text {
  font-size: .975rem;
}

.product-p, .product-text {
  font-size: 1.175rem;
}

.product-overlay {
  z-index: 1;
  opacity: .77;
  color: #fff;
  font-family: Bai Jamjuree, sans-serif;
  position: absolute;
  inset: auto auto 26px 26px;
}

.p-md {
  font-size: 1.075rem;
}

.item-overlay {
  z-index: 10;
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 72px 0% 0;
  overflow: visible;
}

.upper {
  text-transform: uppercase;
}

.upper.left {
  text-align: left;
}

.upper.left.hide {
  display: none;
}

.smaller-p {
  font-size: 1.075rem;
  line-height: 1.5rem;
}

.sticky-anim-wrapper {
  width: 100%;
  height: 95vh;
  display: flex;
  position: sticky;
  top: 78px;
}

.arrow-right {
  transform: rotate(180deg);
}

.full-slider {
  background-color: #0000;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.slider-abs {
  width: 100%;
  height: 100vh;
}

.slider-abs-wrapper {
  width: 100%;
  height: 100%;
}

.font-orange {
  color: #ff4802;
}

.font-orange:hover {
  color: #fff;
}

.contact-t {
  padding-top: 5px;
  font-size: .985rem;
}

.anim-split {
  width: 100%;
  position: relative;
}

.anim-split-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.anim-split-section.first {
  margin-top: 91px;
}

.anim-split-section.last {
  margin-bottom: 130px;
}

.anim-split-image {
  opacity: 0;
  background-image: url('../images/corpus-c_005_Seite13.jpg');
  background-position: 50%;
  background-size: cover;
  position: fixed;
  inset: 78px 50% 0% 0%;
}

.anim-split-image.img1 {
  background-image: url('../images/corpus-c_032_Seite7.jpg');
}

.anim-split-image.img2 {
  background-image: url('../images/corpus-c-5-Nr.1-WEB.jpg');
}

.anim-split-image.img3 {
  background-image: url('../images/corpus-c-6-Nr.1-WEB.jpg');
}

.anim-split-image.shown {
  opacity: 1;
}

.anim-split-image.img4 {
  background-image: url('../images/WH1523-1185.jpg');
}

.anim-split-image.img4.shown-anim.dm-5 {
  background-image: url('../images/d-m_Milieu_002_Ak2.jpg');
}

.anim-split-image.img4.shown-anim.dm-5.ccr-1 {
  background-image: url('../images/8---Planmöbel_Showroom_08.jpg');
}

.anim-split-image.img4.shown-anim.dm-6 {
  background-image: url('../images/direction-m-9-Nr.1-WEB_1.jpg');
}

.anim-split-image.img4.shown-anim.dm-6.ccr-2 {
  background-image: url('../images/12---Planmöbel_Showroom_12.jpg');
}

.anim-split-image.noimg {
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.anim-split-image.img5 {
  background-image: url('../images/PlanmAbel_Minden-26.jpg');
}

.anim-split-image.img5.dm-7 {
  background-image: url('../images/direction-m-122-Nr.1-WEB.jpg');
}

.anim-split-image.img5.dm-7.ccr-3 {
  background-image: url('../images/10---Planmöbel_Showroom_10.jpg');
}

.anim-split-image.img6 {
  background-image: url('../images/unit-bench-13.jpg');
}

.anim-split-image.img6.dm-8 {
  background-image: url('../images/planmoebel_MCI_0100.jpg');
}

.anim-split-image.img6.dm-8.ccr-1 {
  background-image: url('../images/8---Planmöbel_Showroom_08.jpg');
}

.anim-split-image.img6.dm-8.ccr-4 {
  background-image: url('../images/18---Planmöbel_Showroom_18.jpg');
}

.anim-split-image.img6.dm-8.ccr-5 {
  background-image: url('../images/13---Planmöbel_Showroom_13.jpg');
}

.anim-split-image.img7 {
  background-image: url('../images/unit-backbone-10.jpg');
}

.anim-split-image.img8 {
  background-image: url('../images/unit-Einzeltisch-1.jpg');
}

.anim-split-image.img9 {
  background-image: url('../images/unit-wall-concentrate-4.jpg');
}

.anim-split-image.img10 {
  background-image: url('../images/unit-stauraum-36.jpg');
}

.anim-split-image.img10.dn-4 {
  background-image: url('../images/direction-m-4-Nr.1-WEB2x.png');
}

.anim-split-image.img11 {
  background-image: url('../images/planmoebel_Beraterplatz_schwPlatte_Halbperspektive__0004.jpg');
}

.anim-split-image.img12 {
  background-image: url('../images/planmoebel_6_Chromgestell-Detail.jpg');
}

.anim-split-image.img13 {
  background-image: url('../images/planmoebel_Funktionspaneel1_ohne-Schrauben.jpg');
}

.anim-split-image.img14 {
  background-image: url('../images/planmoebel_Beraterplatz_Detail_Druckerauszug_8.jpg');
}

.anim-split-image.img15 {
  background-image: url('../images/SET02_PRO_PLANMOEBEL_M-PUR_wrapmeup_wraped_02_upscaled_image_x4.jpg');
}

.anim-split-image.img16 {
  background-image: url('../images/Motortisch.jpg');
}

.anim-split-image.img16.im16-2 {
  background-image: url('../images/8nrNUGXg.jpeg');
}

.anim-split-image.img17 {
  background-image: url('../images/SET_05_PRO_PLANMOEBEL_M-PUR_wrapmeup_wraped_upscaled_image_x4.jpg');
}

.anim-split-image.img18 {
  background-image: url('../images/SET03_PRO_Planmoebel_M-PUR_wraped_01_upscaled_image_x4_1.jpg');
}

.anim-split-image.img19 {
  background-image: url('../images/_MG_6118.jpg');
}

.anim-split-image.img20 {
  background-image: url('../images/Bueltmann_adidas_009.jpg');
}

.anim-split-image.img21 {
  background-image: url('../images/Bildschirmfoto-2020-03-27-um-17.19.32.jpg');
}

.anim-split-image.img22 {
  background-image: url('../images/Bildschirmfoto-2020-03-27-um-17.11.38.jpg');
}

.anim-split-image.img23 {
  background-image: url('../images/10---Planmoebel_Showroom_11.jpg');
}

.anim-split-image.inverted {
  left: 50%;
  right: 0%;
}

.anim-split-image.inverted.imgi1 {
  background-image: url('../images/corpus-c_011_Seite4.jpg');
}

.anim-split-image.inverted.imgi2 {
  background-image: url('../images/coprus-c-raum.jpg');
}

.anim-split-image.inverted.imgi3 {
  background-image: url('../images/5bf5e97250bb78d6ca5_Planmoebel_Showroom_saeule1.jpg');
}

.anim-split-image.inverted.imgi4 {
  background-image: url('../images/unit_detailed.jpg');
}

.anim-split-image.inverted.imgi4.dm {
  background-image: url('../images/planmoebel_Sideboard_Kubanit_Gesamtaufn_frontal.jpg');
}

.anim-split-image.inverted.imgi4.dm.dm2 {
  background-image: url('../images/NQ82d3cQ.jpeg');
  background-position: 20%;
}

.anim-split-image.anim-img-1.a2img1 {
  background-image: url('../images/12---Planmöbel_Showroom_12.jpg');
}

.anim-split-image.anim-img-1.a2img3 {
  background-image: url('../images/corpus-c-raum-3.jpg');
}

.anim-split-image.anim-img-1.a2img5 {
  background-image: url('../images/corpus-c-raum-7.jpg');
}

.anim-split-image.anim-img-1.a2img7 {
  background-image: url('../images/corpus-c-raum-9.jpg');
}

.anim-split-image.anim-img-1.a2img10 {
  background-image: url('../images/corpus-c-raum-1.jpg');
}

.anim-split-image.anim-img-2 {
  display: block;
}

.anim-split-image.anim-img-2.a2img2 {
  background-image: url('../images/corpus-c-raum-6.jpg');
}

.anim-split-image.anim-img-2.a2img4 {
  background-image: url('../images/corpus-c-raum-4.jpg');
}

.anim-split-image.anim-img-2.a2img6 {
  background-image: url('../images/corpus-c-raum-8.jpg');
}

.anim-split-image.anim-img-2.a2img8 {
  background-image: url('../images/corpus-c-raum-10.jpg');
}

.anim-split-image.anim-img-2.a2img11 {
  background-image: url('../images/corpus-c-raum-2.jpg');
}

.anim-split-image.img1-unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_2110_0940.jpg');
}

.anim-split-image.img1-unit-slim.shown-anim.dm-5 {
  background-image: url('../images/d-m_Milieu_002_Ak2.jpg');
}

.anim-split-image.img1-unit-slim.shown-anim.dm-5.ccr-1 {
  background-image: url('../images/8---Planmöbel_Showroom_08.jpg');
}

.anim-split-image.img1-unit-slim.shown-anim.dm-6 {
  background-image: url('../images/direction-m-9-Nr.1-WEB_1.jpg');
}

.anim-split-image.img1-unit-slim.shown-anim.dm-6.ccr-2 {
  background-image: url('../images/12---Planmöbel_Showroom_12.jpg');
}

.anim-split-image.img2-unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_-1.jpg');
}

.anim-split-image.img2-unit-slim.dm-7 {
  background-image: url('../images/direction-m-122-Nr.1-WEB.jpg');
}

.anim-split-image.img2-unit-slim.dm-7.ccr-3 {
  background-image: url('../images/10---Planmöbel_Showroom_10.jpg');
}

.anim-split-image.img3-unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_2110_0837.jpg');
}

.anim-split-image.img3-unit-slim.dm-7 {
  background-image: url('../images/direction-m-122-Nr.1-WEB.jpg');
}

.anim-split-image.img3-unit-slim.dm-7.ccr-3 {
  background-image: url('../images/10---Planmöbel_Showroom_10.jpg');
}

.anim-split-image.img4-unit-slim {
  background-image: url('../images/1K4A8355-Edit.jpg');
}

.anim-split-image.img4-unit-slim.dm-8 {
  background-image: url('../images/planmoebel_MCI_0100.jpg');
}

.anim-split-image.img4-unit-slim.dm-8.ccr-1 {
  background-image: url('../images/8---Planmöbel_Showroom_08.jpg');
}

.anim-split-image.img4-unit-slim.dm-8.ccr-4 {
  background-image: url('../images/18---Planmöbel_Showroom_18.jpg');
}

.anim-split-image.img4-unit-slim.dm-8.ccr-5 {
  background-image: url('../images/13---Planmöbel_Showroom_13.jpg');
}

.anim-split-image.img5-unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_2110_0845.jpg');
}

.anim-split-image.img6-unit-slim {
  background-image: url('../images/ChrisAbatzis_planmöbel_2110_0851.jpg');
}

.unit-vd {
  object-fit: cover;
  width: auto;
  height: 100%;
  top: 0;
}

.image-list-gradient {
  background-image: linear-gradient(#0009, #0000);
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  position: absolute;
  inset: 0% 0% 50%;
}

.content-overlay-close {
  z-index: 102;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 76px;
  transition: opacity .5s ease-in-out;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
}

.anim-split-section-none {
  margin-top: 92px;
}

.anim-split-section-none.pd-top-lg {
  margin-top: 242px;
}

.shown-anim {
  opacity: 1;
  display: block;
}

.overlay-p {
  max-width: 450px;
  margin-top: .5rem;
  margin-bottom: 1.3rem;
  font-size: 1.075rem;
}

.img-old-history-3 {
  align-self: center;
  width: 60%;
}

.big-mg-p, .h1-overlay {
  margin-bottom: 2.25rem;
}

.link-scroll-for-more {
  color: #a0a0a0;
}

.link-scroll-for-more:hover {
  color: var(--red);
}

.div-block-42 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-around;
  align-self: stretch;
  display: flex;
}

.div-block-43 {
  margin-right: 10px;
}

.div-block-44 {
  margin-left: 10px;
}

.icon-67 {
  color: #000;
  transition: color .2s;
}

.icon-67:hover {
  color: #ff4802;
}

.nav-top-close {
  display: block;
}

.nav-close-wrapper {
  flex: 0 auto;
  align-self: center;
  padding-top: 2px;
  padding-left: 2px;
  display: block;
}

.next-section {
  z-index: 3;
  justify-content: center;
  display: flex;
  position: fixed;
  inset: auto 0% 86px;
}

.next-section-icon-rotate {
  transform: rotate(90deg);
}

.color-image-wrapper {
  position: relative;
  overflow: hidden;
}

.div-block-45 {
  position: absolute;
}

.color-image-text {
  opacity: .95;
  background-color: #ffffff7a;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-color-fur-surface {
  text-align: center;
  line-height: 1.2;
}

.home-slide-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.rotate-180 {
  transform: rotate(180deg);
}

.head-slide {
  color: #000;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: bell-centennial-std-address, sans-serif;
  font-size: 3.2rem;
  line-height: 3.6rem;
}

.head-slide.hidden {
  display: none;
}

.head-slide.img-logo {
  height: 48px;
}

.home-arrow {
  filter: invert(0%);
}

.sticky-nav-2 {
  z-index: 1;
  background-color: #f4f4f4;
  padding: 20px;
  position: sticky;
  top: 0;
}

.nav-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
}

.search-form {
  margin-top: 5rem;
}

.form {
  border-bottom: 2px solid #fff;
  justify-content: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.search-input {
  opacity: .5;
  color: #fff;
  background-image: linear-gradient(#302d2b, #302d2b);
  border: 0 solid #000;
  height: 1.5em;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 2.65rem;
}

.search-input:active, .search-input:focus {
  opacity: 1;
  color: #fff;
}

.submit-button-4 {
  z-index: 1;
  filter: invert();
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url('../images/slide-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.8em 1.8em;
  background-attachment: scroll;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.submit-button-4.discard {
  z-index: 2;
  background-image: url('../images/close-button.svg');
  background-size: 3.5em 3.5em;
  display: none;
}

.search-terms-title {
  margin-bottom: 3rem;
}

.search-terms {
  grid-column-gap: 5em;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-link {
  opacity: .8;
  color: #fff;
  font-size: 1.8rem;
  text-decoration: underline;
}

.div-block-46 {
  width: 2em;
  position: relative;
}

.search-result-wrapper, .hide {
  display: none;
}

.cookie-overlay {
  z-index: 20;
  justify-content: center;
  display: none;
  position: fixed;
  inset: auto auto 75px 75px;
}

.link-white {
  color: #fff;
}

.link-white:hover {
  color: #d0d0d0;
}

.underlined {
  text-decoration: underline;
}

.btn {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-radius: 40px;
  padding-bottom: 12px;
  font-size: 28px;
  line-height: 37px;
  transition: color .4s ease-in-out, border .4s ease-in-out;
}

.btn.btn-white {
  color: #fff;
  border-color: #fff;
}

.btn.btn-white.btn-cookie {
  display: none;
}

.btn.btn-white.btn-sm {
  border-width: 1px;
  padding-top: 0;
  padding-bottom: 2px;
  font-size: 18px;
}

.btn.btn-white.btn-sm.mb-none {
  color: #1c1b1b;
}

.btn.btn-white.btn-sm.mb-none.btn-pm {
  color: #000;
  background-color: #fff;
  border-style: none;
  border-width: 0;
  border-radius: 0;
}

.btn.btn-white.btn-sm.btn-pm {
  color: #000;
  text-transform: none;
  background-color: #fff;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  padding-bottom: 0;
}

.btn.btn-white.btn-sm.btn-pm.btn-mg-lg {
  background-color: #0000;
  margin-left: 18px;
}

.btn.btn-white.btn-sm.btn-pm.btn-c {
  transition: background-color .2s ease-in-out, color .4s ease-in-out, border .4s ease-in-out;
}

.btn.btn-white.btn-sm.btn-pm.btn-c:hover {
  background-color: #ffffff75;
}

.cookie-text {
  color: #1c1b1b;
  padding-bottom: 21px;
  font-size: 16px;
}

.cookie-box {
  background-color: #ebebeb;
  width: 580px;
  padding: 25px;
  box-shadow: 1px 4px 12px -3px #00000012;
}

.cookie-link {
  text-decoration: underline;
}

.anim-split-section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.anim-trigger-1 {
  position: absolute;
  top: 0;
  bottom: 50%;
}

.anim-trigger-2 {
  position: absolute;
  top: 50%;
  bottom: 0%;
}

.cookie-buttons {
  justify-content: flex-start;
  display: flex;
}

.landing-video {
  width: 100%;
  padding-bottom: 56.25%;
  position: absolute;
  inset: auto 0%;
}

.landing-video.hidden {
  display: none;
}

.landing-video.bg {
  background-image: url('../images/Banner-1920-x-1080.jpg');
  background-position: 50%;
  background-size: cover;
}

.landing-video.bg.hidden {
  display: none;
}

.landing-video-mb {
  width: 100%;
  padding-bottom: 177.78%;
  display: none;
  position: absolute;
  inset: auto 0%;
}

.landing-video-mb.hidden {
  display: none;
}

.landing-video-mb.bg {
  background-image: url('../images/Banner-1080-x-1920.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.landing-video-mb.bg.hidden {
  display: none;
}

.download-card {
  background-color: #f1f1f1;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  max-height: 500px;
  padding: 20px;
  display: flex;
  position: relative;
}

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

.download-line {
  background-color: #c9c9c9;
  width: 2px;
  height: 55%;
  position: absolute;
}

.download-head {
  font-size: 2.2rem;
}

.anim-split-section-multi {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.anim-split-section-multi.first {
  margin-top: 91px;
}

.anim-split-section-multi.last {
  margin-bottom: 130px;
}

.anim-split-section-multi-child {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.anim-split-section-multi-child.first {
  margin-top: 91px;
}

.anim-split-section-multi-child.last {
  margin-bottom: 130px;
}

.hero-text {
  color: #fff;
  mix-blend-mode: difference;
  font-family: Bellcentennialstd address, sans-serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 6rem;
  position: absolute;
}

.hero-text.hidden {
  display: none;
}

.hero-text-large {
  font-size: 7.5rem;
  line-height: 7rem;
}

.hero-text-small {
  z-index: 2;
  color: var(--black);
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1rem;
}

.hero-text-small.temp-offset {
  bottom: 28px;
}

.hero-text-small.hero-footnote-text {
  top: auto;
  bottom: 28px;
}

.hero-text-small.hero-footnote-text.smaller {
  color: var(--black);
  mix-blend-mode: normal;
  position: static;
  top: auto;
}

.hero-text-small.hero-footnote-text.smaller.center {
  text-align: center;
}

.hero-text-small.pt-1 {
  margin-top: .8rem;
}

.hero-text-small.pt-1.center {
  text-align: center;
}

.hero-small-number {
  padding-left: 14px;
  font-size: 1.25rem;
  display: inline;
  position: absolute;
  bottom: 32px;
}

.number-sm {
  padding-right: 16px;
  font-size: .66rem;
  position: relative;
  top: -.275rem;
}

.hero-footnote-text {
  color: var(--white);
  letter-spacing: .16px;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.375rem;
  top: 1rem;
}

.hero-footnote-text.smaller {
  mix-blend-mode: difference;
  font-family: Bellcentennialstd address, sans-serif;
  font-size: .75rem;
  top: 1.25rem;
}

.hero-footnote-text.smaller.hidden {
  display: none;
}

.hero-footnote-text-link {
  font-size: 1em;
  line-height: 1rem;
}

.hero-footnote {
  z-index: 2;
  color: #fff;
  flex: none;
  max-width: 455px;
  position: absolute;
  inset: auto auto 38px 80px;
}

.super-skript-hero-footnote {
  padding-right: 16px;
  font-size: .66rem;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: -.275rem;
}

.background-video-wrapper {
  width: 100%;
  max-height: 100%;
  padding-bottom: 56.25%;
  position: relative;
  top: auto;
  bottom: auto;
}

.hero-text-overlay-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-text-overlay {
  width: 100%;
  max-height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 56.25%;
  position: relative;
  left: 0;
  right: 0;
}

.hero-badge {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.hero-badge-wrapper {
  width: 100%;
  height: 100%;
  max-height: 90vh;
  position: absolute;
  left: 0;
  right: 0;
}

@media screen and (min-width: 1920px) {
  .hero-footnote-text {
    letter-spacing: .18px;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .hero-footnote {
    max-width: 455px;
  }

  .super-skript-hero-footnote {
    font-size: .5625rem;
    line-height: 1;
    top: -.375rem;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding: 5rem 0;
  }

  .section.without-padding.background-fader {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .section.without-padding.unit, .section.without-padding.unit-slim {
    padding-top: 60px;
  }

  .section.just-navi {
    padding-top: 5rem;
  }

  .section._100vh.nopadding {
    height: auto;
  }

  .section.no-padding.search {
    padding-top: 8rem;
  }

  .overline.scroll {
    display: none;
  }

  .introduction {
    font-size: 1.2rem;
  }

  .introduction.introduction-unit-slim {
    text-align: center;
  }

  .horizontal-rule {
    margin-left: 0;
    margin-right: 0;
  }

  .title.mb-pd-bt-n {
    margin-bottom: 0;
  }

  .content {
    display: block;
  }

  .content.bottom {
    display: flex;
  }

  .content.bottom.pd-big-left {
    align-items: center;
    padding-left: 0;
  }

  .content.middle {
    display: flex;
  }

  .content.middle.product-detail-wrapper {
    height: 60px;
  }

  .content.middle.mb-center {
    align-items: center;
  }

  .display-1 {
    margin-bottom: 2rem;
    font-size: 3rem;
  }

  .display-1.left-side {
    margin-bottom: 10vh;
  }

  .card-container.space._100p, .card-container.space.mb-norm {
    display: block;
  }

  .card-container.reverse {
    flex-direction: row-reverse;
  }

  .card-container.tb-hidden {
    display: none;
  }

  .section-fullwidth {
    flex-direction: column;
  }

  .utility-page-wrap {
    padding-bottom: 5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .accordion-label-wrapper {
    align-items: flex-start;
  }

  .accordion-label {
    position: relative;
    left: 0;
  }

  .numbers-accordion {
    margin-right: 8px;
    position: relative;
    left: 0;
  }

  .line-accordion {
    display: none;
  }

  .accordion-item-content {
    padding-left: 0;
  }

  .post-info.no-styles.m-b-2 {
    margin-top: 4.8rem;
  }

  .image-wrapper, .image-wrapper._3x {
    height: 256px;
  }

  .collection-item, .collection-item._1x, .collection-item._3x {
    flex-basis: 50%;
  }

  .empty-state {
    color: var(--dark-grey);
  }

  .left-section, .left-section._2of3 {
    width: 100%;
  }

  .left-section._2of3.m-r {
    margin-right: 0;
  }

  .left-section._3of4, .left-section._1of3 {
    width: 100%;
  }

  .left-section.z-index.about-pm {
    padding-left: 0;
  }

  .left-section.z-index.mb-hidden {
    display: none;
  }

  .right-section {
    width: 100%;
  }

  .right-section.tb-vh {
    flex: none;
    height: 50vh;
  }

  .right-section.tb-hidden {
    display: none;
  }

  .sticky {
    height: auto;
  }

  .sticky.category, .sticky.stretch.first {
    padding-top: 60px;
  }

  .sticky.overflow-hidden.mg-bt {
    margin-bottom: 0;
  }

  .sticky.overflow-hidden.mg-bt.pd-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sticky.relative-mb {
    height: 40vh;
    position: relative;
  }

  .footer {
    height: auto;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .splitscreen {
    margin-bottom: 0;
    display: block;
  }

  .splitscreen.reverse {
    flex-direction: column-reverse;
    display: flex;
  }

  .splitscreen.reverse.stickyanim {
    justify-content: flex-end;
  }

  .tabs-menu {
    overflow: auto;
  }

  .thumb-image-hover {
    width: 0;
    height: 0;
  }

  .navbar {
    width: 100vw;
    height: 78px;
    padding-right: 0;
  }

  .newsletter-modal {
    width: 90%;
  }

  .newsletter-modal-image, .newsletter-modal-info {
    width: 50%;
  }

  .form-block {
    max-width: 100%;
  }

  .nav-column.stretch {
    flex: 40%;
  }

  .nav-column.stretch.ft-last {
    margin-right: 2rem;
  }

  .nav-column.stretch.ft-first {
    padding-left: 0;
  }

  .nav-column.no-mg-mb {
    margin-bottom: 0;
    margin-right: 0;
  }

  .heroscreen {
    flex-direction: column;
    min-height: 50vh;
    padding-top: 60px;
  }

  .heroscreen.reverse {
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heroscreen.mobile {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heroscreen.mobile.anim-hero {
    width: 100%;
    min-height: auto;
    margin-left: 0%;
  }

  .heroscreen.mobile.anim-hero.inverted {
    margin-right: 0%;
  }

  .heroscreen.mobile.anim-hero.sticky {
    order: 1;
    position: relative;
  }

  .heroscreen.mobile-none {
    display: none;
  }

  .parallax-image, .parallax-image.image-04 {
    height: 50vh;
  }

  .parallax-image.about-2 {
    height: 65vh;
  }

  .parallax-image.about-2.h75 {
    height: 60vh;
  }

  .parallax-image.about-2.h75.unit-paralax-img.dm-parallax-img.dm-parallax-img-2 {
    background-position: 50% 110%;
  }

  .parallax-image.konzept-2 {
    width: 100%;
    height: 50vh;
  }

  .content-xs {
    max-width: 800px;
  }

  .content-xs.centered.tb-min-h {
    justify-content: center;
    min-height: 150px;
  }

  .content-xs.middle.max-500 {
    text-align: center;
    align-items: center;
    max-width: 600px;
  }

  .content-xs.middle.max-500.tb-left {
    text-align: left;
    align-items: flex-start;
  }

  .content-xs.middle.max-500.tb-no-max {
    max-width: 600px;
  }

  .content-xs.paddin-left-50 {
    padding-left: 0%;
  }

  .content-xs.xs-mod.centered {
    padding-top: 20px;
  }

  .content-xs.mb-center {
    align-items: center;
  }

  .grid-fullwidth._4x4 {
    display: block;
  }

  .grid-fullwidth.mb-norm {
    width: 70%;
    display: block;
  }

  .card {
    flex-basis: 50%;
    padding: 2rem;
  }

  .card.l-bg-image {
    height: 50vh;
  }

  .card.xl {
    flex-basis: 50%;
    padding: 2rem;
  }

  .card.xl.no-top {
    padding-top: 3rem;
  }

  .card.xl.card-impressum {
    padding-top: 2rem;
  }

  .card.xl.no-pd-top.z-3.npdt {
    width: 90%;
  }

  .card.xl.min-62vh {
    flex: none;
    align-self: center;
    min-height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .card.xl-space {
    flex-basis: 49%;
    padding: 2rem;
  }

  .card.xs-space {
    flex-grow: 1;
    flex-basis: 49%;
    padding: 2rem;
  }

  .card.xl-bg-image {
    flex-basis: 50%;
    height: 50vh;
    padding: 2rem;
  }

  .card.xl-bg-image.small-pd {
    height: 30vh;
  }

  .card.xs-space-bg-image {
    flex-basis: 49%;
    padding: 2rem;
  }

  .card.xs-space-bg-image.no-margin.mb-mg-bt {
    margin-bottom: 0;
  }

  .card.l-space {
    flex-basis: 49%;
    padding: 2rem;
  }

  .card.l-space-bg-image {
    flex-basis: 49%;
    height: 50vh;
    padding: 2rem;
  }

  .card.l-space-bg-image.nomargin {
    flex-basis: 52%;
    margin-bottom: 8px;
  }

  .card.xl-space-bg-image {
    flex-basis: 49%;
    height: 50vh;
    padding: 2rem;
  }

  .card.centered.padding-bt-large {
    width: 100%;
    min-height: auto;
  }

  .card.pimg2h {
    height: 50vh;
  }

  .card.project-card {
    padding: 10px 20px;
  }

  .card.project-card.m-l {
    margin-left: 0;
  }

  .background-image.image-02 {
    height: 50vh;
    position: relative;
  }

  .background-image.image-01 {
    position: relative;
  }

  .background-image.map-2, .background-image.team-parallax-1 {
    height: 50vh;
    position: relative;
  }

  .background-image.team-parallax-1.bg-h-1 {
    height: 40vh;
  }

  .background-image.why-we-ii, .background-image.why-we-i {
    height: 50vh;
    position: relative;
  }

  .background-image.footer-01 {
    position: relative;
  }

  .background-image.footer-03 {
    height: 100%;
    position: relative;
  }

  .background-image.footer-04 {
    background-position: 50%;
  }

  .background-color.s3gb {
    opacity: .32;
  }

  .menu-button {
    width: 60px;
    height: 60px;
    top: 10px;
  }

  .nav-menu {
    width: 100%;
    margin-left: 0%;
  }

  .menu-block-right {
    padding-top: 50px;
  }

  .menu-block-left {
    padding-left: 34px;
  }

  .menu-wrapper {
    width: 100%;
    overflow: auto;
  }

  .slider.margin-bottom {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    inset: auto;
  }

  .slide-nav.left-half.hero {
    left: 3rem;
  }

  .slide-nav.abs-sl-nav {
    top: 273px;
  }

  .arrow.v2-hero.left, .arrow.v2-hero.right {
    left: 3rem;
  }

  .breadcrumb-wrapper {
    background-color: var(--white);
    width: auto;
    height: 60px;
    display: flex;
  }

  .breadcrumb-link-icon, .breadcrumb-link {
    display: none;
  }

  .breadcrumb {
    overflow: auto;
  }

  .section-first-screen {
    padding: 9rem 3rem 3rem;
  }

  .section-first-screen.second {
    padding-top: 3rem;
  }

  .post-info-top {
    min-height: 128px;
  }

  ._404-line {
    left: 5rem;
    right: 5rem;
  }

  .header-section {
    flex-basis: 50%;
    padding: 3rem;
  }

  .header-section.intro {
    flex: 0 auto;
    height: 50vh;
  }

  .header-section.no-slide.margin-10.fluid-header {
    max-height: 91vh;
  }

  .header-content {
    max-width: 350px;
  }

  .slide-content-2, .slide-content-1 {
    width: auto;
  }

  .absolute.middle.relative-tb {
    position: relative;
  }

  .section-space {
    padding: 3rem;
  }

  .overlay-card {
    width: 100%;
    display: block;
    position: relative;
  }

  .button-small-ghost.btn-clr-orange, .button-small-ghost.btn-clr-orange-2 {
    height: 30px;
    margin-top: 25px;
    font-size: .795rem;
  }

  .notice-box {
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding-left: 20%;
  }

  .notice-box.mb-no-pd {
    padding-left: 0%;
  }

  .brand {
    width: 128px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .parallax-image-zoom, .parallax-image-zoom.about-1 {
    height: 50vh;
  }

  .overlay-card-space {
    opacity: 1;
    width: 100%;
    padding: 4px;
    display: block;
    position: relative;
  }

  .overlay-card-space.s3 {
    opacity: 1;
    align-self: center;
  }

  .card-with-space-overlay {
    align-items: flex-end;
  }

  .content-hero {
    display: block;
  }

  .line-left, .line-bottom {
    display: none;
  }

  .breadcrumb-category {
    overflow: auto;
  }

  .team-parallax-2 {
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
    height: 50vh;
    position: relative;
    left: 0;
  }

  .background-color-navi {
    background-color: var(--white);
  }

  .card-with-overlay {
    flex: 1;
    align-items: flex-end;
    display: flex;
    position: relative;
  }

  .content-header {
    display: block;
  }

  .content-header.horizontal.no-styles.centered {
    flex-wrap: wrap;
  }

  .column.details {
    border-bottom-color: var(--outlines);
  }

  .heroscreen-v2 {
    min-height: 75vh;
    padding-top: 60px;
  }

  .slider-horizontal-parallax {
    height: 50vh;
  }

  .heroscreen-fill {
    padding-top: 60px;
  }

  .heroscreen-fill.no-padding.full-height {
    height: 60vh;
  }

  .headline-half {
    width: 100%;
  }

  .heroscreen-product {
    height: auto;
    padding-top: 60px;
  }

  .product-buttons {
    flex-direction: column;
    height: auto;
    position: relative;
    top: 0;
  }

  .product-buttons-detail {
    flex-basis: 50%;
  }

  .category-background-image, .category-background-image.shop, .post-background-image {
    height: 50vh;
    position: relative;
  }

  .category-image-wrapper {
    position: relative;
  }

  .background-image-hero.home-2-3, .background-image-hero.home-2-2, .background-image-hero.home-2-1, .background-image-hero.contact-1, .background-image-hero.map-2 {
    height: 50vh;
    position: relative;
  }

  .background-image-hero.founder {
    height: 75vh;
    position: relative;
  }

  .background-image-hero.productimg-1.unit-slim {
    left: 0%;
  }

  .cart-absolute {
    right: 60px;
  }

  .intro-parallax-02 {
    width: 100%;
    height: 50vh;
    position: relative;
    left: 0;
  }

  .tabs-horizontal {
    flex-direction: column;
  }

  .tabs-menu-vertical {
    flex-flow: wrap;
  }

  .tab-link-vertical {
    padding-bottom: 12px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav-menu-2 {
    width: 100%;
    margin-left: 0%;
    overflow: scroll;
  }

  .background-color-navi-2 {
    background-color: #fff;
  }

  .empty-state-2 {
    color: #302d2b;
  }

  .breadcrumb-link-icon-2 {
    display: none;
  }

  .menu-button-2 {
    width: 60px;
    height: 60px;
    top: 0;
  }

  .horizontal-rule-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .display-3 {
    margin-bottom: 2rem;
    font-size: 3rem;
  }

  .overline-2.scroll, .line-left-2 {
    display: none;
  }

  .team-parallax-3, .team-parallax-4 {
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
    height: 50vh;
    position: relative;
    left: 0;
  }

  .image-list-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .image-list-item.ili-2-grid {
    width: 100%;
  }

  .image-list-bg {
    height: 44vw;
  }

  .content-close {
    width: 30px;
  }

  .item-header {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5rem;
  }

  .item-header.no-padding-bt {
    font-size: .9rem;
    line-height: 1.1rem;
  }

  .nav-link-wrapper {
    margin-right: 25px;
  }

  .nav-overlay-container {
    z-index: 1;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    display: none;
  }

  .nav-overlay-container.show {
    display: block;
  }

  .nav-overlay-links, .nav-overlay-links.offset-1, .nav-overlay-links.offset-2 {
    padding-top: 15px;
  }

  .nav-overlay-img-container.noi1 {
    display: none;
  }

  .nav-background {
    width: 100%;
  }

  .nav-close {
    display: none;
  }

  .nav-overlay-back {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    cursor: pointer;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 80px;
    margin-left: 16px;
    display: flex;
  }

  .image-17, .image-18 {
    transform: rotate(180deg);
  }

  .product-detail-overlay {
    height: auto;
    position: relative;
    top: 0;
  }

  .bd-bottom-nav {
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .bilderdb-h1-3.font-white {
    margin-left: 0;
    display: block;
  }

  .bilderdb-h1-3.font-white.no-margin {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    position: static;
    inset: 0% auto auto 0%;
  }

  .div-block-10.bd-btn-bg {
    margin-top: .6em;
  }

  .div-block-10.bd-btn-bg.bd-btn-last {
    text-align: left;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-10.bd-btn-bg.bd-btn-first {
    margin: 1em auto;
    display: block;
  }

  .div-block-10.bd-btn-bg.bd-btn-sec {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: block;
  }

  .div-block-10.bd-btn-bg.bd-dropdown {
    align-self: auto;
  }

  .div-block-13, .div-block-14 {
    flex-direction: column;
  }

  .div-block-14.bd-in-gallery-menu.bd-menu-bottom {
    z-index: 1;
    align-items: flex-end;
    margin-right: 4vw;
    position: fixed;
    inset: 5em 0% 0% auto;
  }

  .div-block-14.bd-in-gallery-menu.bd-top-menu {
    flex-direction: column;
  }

  .div-block-15 {
    grid-template: "."
                   "."
                   "."
                   / minmax(200px, 1fr) minmax(200px, 1fr);
    margin-top: 4em;
    position: relative;
  }

  .div-block-17 {
    min-height: 30vw;
  }

  .bd-btn-search-menu {
    width: 100%;
    min-width: 35em;
    margin-top: 15px;
  }

  .button-4 {
    margin-top: 16px;
    margin-right: 0;
  }

  .div-block-29 {
    align-self: flex-end;
  }

  .div-block-31 {
    width: 80vw;
    height: 80vh;
  }

  .bd-head-content {
    height: 80%;
  }

  .colors-wrapper {
    margin-top: 20px;
    padding-bottom: 8px;
  }

  .color-image {
    width: 100%;
  }

  .home-p.sanim-2, .home-p.sanim-1 {
    text-align: left;
  }

  .img-old-history-1 {
    align-self: center;
    padding-left: 0;
    padding-right: 0;
  }

  .button-small-ghost-2.btn-clr-orange {
    height: 25px;
    margin-top: 25px;
    font-size: .675rem;
  }

  .overlay-text {
    padding-bottom: 15px;
  }

  .p2.mb-centered, .p-md.tb-center {
    text-align: center;
  }

  .item-overlay {
    display: none;
    top: 60px;
  }

  .smaller-p {
    font-size: 1.2rem;
  }

  .sticky-anim-wrapper {
    flex-direction: column;
  }

  .anim-split-section {
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .anim-split-section.first {
    margin-top: 0;
    padding-top: 78px;
    display: block;
  }

  .anim-split-section.last {
    margin-bottom: 20px;
  }

  .anim-split-image {
    opacity: 1;
    width: 100%;
    height: 50vh;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 0;
    right: 0%;
  }

  .anim-split-image.img21 {
    margin-top: 0;
  }

  .anim-split-image.inverted {
    margin-top: 20px;
    left: 0%;
  }

  .anim-split-image.inverted.imgi4.dm.dm2 {
    background-position: 50% 100%;
  }

  .anim-split-image.anim-img-2 {
    display: none;
  }

  .unit-vd {
    width: 100%;
  }

  .content-overlay-close {
    opacity: 0;
    width: 90px;
    height: 80px;
  }

  .anim-split-section-none {
    padding-left: 0;
    padding-right: 0;
  }

  .next-section {
    display: none;
  }

  .tb-self-center {
    align-self: center;
  }

  .h-max-width {
    max-width: 250px;
  }

  .search-form {
    margin-top: 2.5rem;
  }

  .form.search {
    border-bottom-width: 3px;
    padding-bottom: 10px;
  }

  .search-input {
    font-size: 1.75rem;
  }

  .search-terms {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .search-link {
    font-size: 1.3rem;
  }

  .btn {
    text-align: center;
  }

  .btn.btn-white.btn-cookie {
    color: #000;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 29px;
    display: flex;
  }

  .btn.btn-white.btn-sm.mb-none {
    display: none;
  }

  .cookie-box {
    flex-direction: column;
    align-items: center;
    width: 430px;
    display: flex;
  }

  .anim-split-section-2 {
    min-height: auto;
  }

  .landing-video {
    display: none;
  }

  .landing-video.bg, .landing-video-mb {
    display: block;
  }

  .landing-video-mb.bg {
    display: none;
  }

  .anim-split-section-multi {
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .anim-split-section-multi.first {
    margin-top: 0;
    padding-top: 78px;
    display: block;
  }

  .anim-split-section-multi.last {
    margin-bottom: 20px;
  }

  .anim-split-section-multi-child {
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .anim-split-section-multi-child.first {
    margin-top: 0;
    padding-top: 78px;
    display: block;
  }

  .anim-split-section-multi-child.last {
    margin-bottom: 20px;
  }

  .hero-text-small {
    bottom: 57px;
  }

  .hero-text-small.hero-footnote-text.smaller {
    bottom: 37px;
  }

  .hero-footnote-text {
    letter-spacing: .15px;
    font-size: .938rem;
    line-height: 1.25rem;
  }

  .hero-footnote {
    max-width: 287px;
    bottom: 30px;
    left: 32px;
    right: 66px;
  }

  .super-skript-hero-footnote {
    padding-right: 12px;
    font-size: .625rem;
    top: -.175rem;
  }

  .background-video-wrapper, .hero-text-overlay {
    padding-bottom: 177.78%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  h3, h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  li {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  blockquote {
    background-size: 32px, 32px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .all-content {
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.without-padding.background-fader {
    height: 40vh;
    overflow: hidden;
  }

  .section.without-padding.mb-none {
    display: none;
  }

  .section.just-navi {
    padding-top: 4rem;
  }

  .section._100vh.nopadding._90vh {
    height: auto;
  }

  .section.reference-section {
    padding-top: 0;
  }

  .section.no-padding.search {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .overline.font-white.no-styles.overline-grey.projekt-overline {
    opacity: .64;
    color: #fff;
    text-align: left;
    font-size: .9rem;
    line-height: 1.1;
  }

  .overline.overline-konzept {
    margin-bottom: .325rem;
  }

  .introduction {
    margin-bottom: .75rem;
    font-size: 1.04rem;
    line-height: 1.4rem;
  }

  .introduction.big {
    font-size: 1.25rem;
  }

  .introduction.intro-sm.mb-center {
    text-align: center;
  }

  .title {
    margin-bottom: 1rem;
  }

  .title.t-sm-pd {
    margin-bottom: .65rem;
  }

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

  .display-1 {
    font-size: 2rem;
  }

  .display-1.product-display {
    margin-bottom: .5rem;
  }

  .card-container {
    display: block;
  }

  .card-container.centered {
    text-align: left;
  }

  .card-container.reverse {
    flex-direction: column-reverse;
    justify-content: flex-end;
    display: flex;
  }

  .utility-page-wrap {
    padding-top: 80px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .utility-page-content {
    width: 100%;
  }

  .accordion-label {
    position: relative;
    left: 0;
  }

  .numbers-accordion {
    margin-right: 8px;
    position: relative;
    left: 0;
  }

  .numbers-accordion.icon-16 {
    display: none;
  }

  .line-accordion {
    margin-right: 8px;
    display: none;
  }

  .accordion-item-trigger, .accordion-item-content {
    padding-left: 0;
    padding-right: 0;
  }

  .post-info.no-styles.m-b-2 {
    height: 26px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .image-wrapper.big, .image-wrapper.medium {
    height: 256px;
  }

  .collection-list {
    display: block;
  }

  .collection-list.wrap, .collection-list.centered {
    display: flex;
  }

  .collection-item._3x {
    flex: none;
    width: 100%;
  }

  .right-section.tb-vh {
    height: 55vh;
  }

  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
  }

  .thumb-image-hover {
    width: 0;
    height: 0;
  }

  .navbar {
    height: 70px;
  }

  .newsletter-modal {
    flex-direction: column;
  }

  .newsletter-modal-image {
    width: 100%;
    height: 300px;
    display: none;
  }

  .newsletter-modal-info {
    width: 100%;
  }

  .form-horizontal {
    display: block;
  }

  .text-field-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .text-field.in-the-row {
    margin-bottom: 10px;
  }

  .submit-button {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-column {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .horizontal._100.h-last {
    margin-top: 0;
  }

  .margin-bottom {
    margin-bottom: 0;
  }

  .heroscreen {
    padding-bottom: 0;
  }

  .heroscreen.mobile.anim-hero {
    width: 100%;
    min-height: auto;
    margin-left: 0%;
  }

  .heroscreen.mobile.anim-hero.inverted {
    margin-right: 0%;
  }

  .parallax-image.image-04 {
    height: 60vh;
  }

  .parallax-image.about-2 {
    height: 100vh;
  }

  .parallax-image.about-2.h75 {
    height: 50vh;
  }

  .parallax-image.konzept-2 {
    height: 60vh;
  }

  .display-2 {
    font-size: 1.4rem;
  }

  .content-xs.centered.margin-bt {
    margin-bottom: 0;
  }

  .content-xs.middle.max-500.tb-left.mb-center, .content-xs.middle.middle-mb {
    align-items: center;
  }

  .grid-fullwidth {
    display: block;
  }

  .grid-fullwidth.mb-norm {
    width: 100%;
  }

  .card {
    padding: 2rem;
  }

  .card.xs-bg-image {
    min-height: 256px;
  }

  .card.l-bg-image {
    height: 40vh;
    padding: 2rem;
  }

  .card.xl {
    padding: 2rem;
  }

  .card.xl.no-top, .card.xl.card-impressum {
    padding-top: 2rem;
  }

  .card.xl.no-pd-top.z-3.npdt {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .card.xl.min-62vh {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
  }

  .card.xl-space {
    padding: 2rem;
  }

  .card.xl-space.full.sm-padding-top {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card.xs-space, .card.l {
    padding: 2rem;
  }

  .card.xl-bg-image {
    height: 40vh;
    max-height: 540px;
    padding: 2rem;
  }

  .card.xs-space-bg-image {
    min-height: 256px;
    padding: 2rem;
  }

  .card.xs-space-bg-image.no-margin.mb-mg-bt {
    margin-bottom: 10px;
  }

  .card.l-space {
    padding: 2rem;
  }

  .card.l-space.mb-no-pd {
    margin-top: 0;
    padding-left: .7rem;
    padding-right: 0;
  }

  .card.l-space-bg-image {
    height: 40vh;
    max-height: 540px;
    padding: 2rem;
  }

  .card.l-space-bg-image.nomargin {
    height: 45vh;
  }

  .card.xl-space-bg-image {
    height: 40vh;
    max-height: 540px;
    padding: 2rem;
  }

  .card.height-mb-40 {
    height: 40vh;
  }

  .card.padding-top.mb-center, .card.mb-center {
    justify-content: center;
  }

  .card.mb-center.mb-pd-top-none {
    padding-top: 0;
  }

  .card.pimg2h {
    height: 40vh;
  }

  .card._80vh {
    padding-left: 0;
    padding-right: 0;
  }

  .card.pd-sm-mb {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card.mb-reference {
    padding-top: 4.2rem;
    padding-bottom: 0;
  }

  .background-image.image-07 {
    height: 50vh;
    position: relative;
  }

  .background-image.team-parallax-1.bg-h-1.anim-bg1 {
    width: 200vw;
    position: absolute;
  }

  .background-image.why-we-ii, .background-image.why-we-i, .background-image.customer-services {
    height: 50vh;
    position: relative;
  }

  .background-image.footer-04 {
    background-position: 100% 0;
    background-size: cover;
    justify-content: flex-start;
    align-items: stretch;
    height: 50vh;
    position: relative;
  }

  .background-color.white.grey-mb {
    background-color: #f4f4f4;
  }

  .menu-button {
    top: 5px;
  }

  .nav-menu {
    height: 100vh;
    padding-bottom: 92px;
  }

  .nav-link {
    font-size: 1.5rem;
  }

  .menu-block-right {
    display: block;
  }

  .menu-block-left {
    align-self: auto;
  }

  .menu-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-end;
    display: block;
  }

  .subnavi {
    padding-left: 0;
  }

  .subnavi.subnav-mb {
    padding-left: 2px;
  }

  .slider.margin-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .slide-nav.left-half.hero {
    justify-content: center;
    width: 100%;
    height: 48px;
    padding-left: 6rem;
    left: auto;
  }

  .slide-nav.abs-sl-nav {
    top: 266px;
  }

  .arrow.v2-hero {
    width: 48px;
    height: 48px;
    margin-bottom: auto;
  }

  .arrow.v2-hero.left {
    left: 2rem;
  }

  .arrow.v2-hero.right {
    margin-left: auto;
    margin-right: 2rem;
    left: 2rem;
  }

  .icon-16.margin-left {
    margin-bottom: 0;
  }

  .breadcrumb-link-icon, .breadcrumb-link {
    display: none;
  }

  .section-first-screen {
    padding: 7rem 2rem 2rem;
  }

  .section-first-screen.second {
    padding-top: 2rem;
  }

  .product-description {
    margin-top: 0;
  }

  ._404 {
    line-height: 1.5;
  }

  ._404-line {
    top: 80px;
    left: 16px;
    right: 16px;
  }

  .header-section {
    padding: 2rem;
  }

  .header-content {
    max-width: 300px;
  }

  .arrow-2 {
    display: none;
  }

  .title-link {
    font-size: 1.25rem;
  }

  .absolute.middle.mb-relative {
    position: absolute;
  }

  .section-space {
    padding: 2rem 16px;
    display: block;
  }

  .section-space.small-pd-bt {
    padding-top: 3.2rem;
  }

  .section-space.small-pd-bt.mb-sm-pd {
    padding-bottom: 0;
  }

  .overlay-card {
    opacity: 1;
    width: 100%;
    margin-top: 1.5rem;
    display: block;
    position: relative;
    transform: none;
  }

  .mask-visible {
    width: 100%;
  }

  .tab-link-title {
    font-size: .875rem;
  }

  .button-small-ghost.button-home-slider.invert.btn-orange.nav-contact-button {
    display: none;
  }

  .notice-box {
    padding-left: 0%;
  }

  .mobile-none {
    display: none;
  }

  .arrow-full.right {
    margin-left: 0;
    left: 85%;
  }

  .arrow-full.left {
    margin-right: 0;
    right: 85%;
  }

  .overlay-card-space {
    margin-top: 1.5rem;
  }

  .tags.ref {
    padding: 8px 10px;
    font-size: .9rem;
    line-height: 1.1;
  }

  .margin-right {
    margin-bottom: 8px;
  }

  .margin-right.grey {
    margin-bottom: 0;
  }

  .team-parallax-2 {
    position: relative;
  }

  .card-with-overlay {
    flex: 1;
    align-items: flex-end;
    display: flex;
    position: relative;
  }

  .content-header {
    margin-bottom: 1rem;
  }

  .content-header.horizontal {
    align-items: center;
  }

  .content-header.horizontal.no-styles.centered {
    flex-wrap: wrap;
  }

  .heroscreen-v2, .heroscreen-fill {
    padding-bottom: 0;
  }

  .heroscreen-fill.no-padding.full-height.padding-l-r-b {
    height: 85vh;
  }

  .heroscreen-product {
    padding-bottom: 0;
  }

  .product-buttons-detail.add-to-cart {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .product-buttons-detail.share {
    display: none;
  }

  .add-to-cart-field {
    height: 36px;
  }

  .add-to-cart-button {
    height: 36px;
    margin-left: 0;
    margin-right: 0;
  }

  .background-image-hero.founder {
    height: 50vh;
  }

  .image-licensing {
    height: 256px;
  }

  .big-margin-bottom {
    margin-bottom: 12vh;
  }

  .intro-parallax-02 {
    position: relative;
  }

  .mobile-no-styles {
    margin-bottom: 0;
  }

  .submit-button-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-menu-2 {
    height: 100vh;
    padding-bottom: 92px;
    overflow: scroll;
  }

  .nav-link-2 {
    font-size: 1.5rem;
  }

  .breadcrumb-link-icon-2 {
    display: none;
  }

  .font-white-2.mobile-no-styles.h3big {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .display-3 {
    font-size: 2rem;
  }

  .team-parallax-3, .team-parallax-4 {
    position: relative;
  }

  .link-block {
    height: 70px;
  }

  .image-list-item {
    width: 100%;
  }

  .image-list-item.ili-2-grid {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }

  .image-list-bg {
    height: 300px;
  }

  .image-description {
    width: 80%;
  }

  .image-15 {
    width: 40px;
    height: 40px;
  }

  .pm-bar {
    width: 40%;
  }

  .bd-bottom-nav {
    height: auto;
  }

  .div-block-14.bd-in-gallery-menu.bd-top-menu {
    flex-direction: column;
  }

  .div-block-15 {
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: row;
  }

  .sticky-nav {
    position: relative;
  }

  .sticky-nav.bd-filter-side-nav {
    width: 100vw;
    position: fixed;
    inset: 0%;
  }

  .nav-grid {
    text-align: center;
  }

  .div-block-31 {
    width: 78vw;
  }

  .bd-head-content {
    justify-content: flex-start;
    height: 85%;
    padding-top: 20vh;
    padding-left: 16px;
    padding-right: 16px;
  }

  .filter-item {
    text-align: left;
  }

  .home-p.sanim-2, .home-p.sanim-1 {
    text-align: center;
  }

  .img-old-history-2 {
    width: 100%;
  }

  .image-28 {
    padding-left: 0;
    padding-right: 0;
  }

  .impressum-p.border-orange {
    font-size: 1rem;
    line-height: 1.7;
  }

  .overlay-text {
    bottom: 1.2rem;
    left: 20px;
  }

  .product-p.p-mb-sm {
    font-size: .97rem;
    line-height: 1.3rem;
  }

  .product-overlay {
    bottom: 16px;
    left: 16px;
  }

  .p-md {
    text-align: center;
  }

  .item-overlay {
    margin-top: 0;
  }

  .upper.font-black.mb-white {
    color: #fff;
  }

  .contact-t {
    padding-top: 5px;
  }

  .anim-split-section {
    min-height: auto;
  }

  .anim-split-section.first {
    margin-top: 0;
  }

  .anim-split-section.last {
    margin-bottom: 0;
  }

  .anim-split-image {
    opacity: 1;
    height: 30vh;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    top: 0;
    right: 0%;
  }

  .anim-split-image.img18.shown-anim {
    margin-bottom: 0;
  }

  .anim-split-image.inverted {
    left: 0%;
  }

  .image-list-gradient {
    margin-left: 2px;
    margin-right: 2px;
  }

  .content-overlay-close {
    height: 70px;
  }

  .mb-hidden {
    display: none;
  }

  .list.mb-no-pd {
    padding-left: 0;
  }

  .language-mb {
    padding-top: 20px;
  }

  .head-slide {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }

  .sticky-nav-2 {
    position: relative;
  }

  .nav-grid-2 {
    text-align: center;
  }

  .search-input {
    font-size: 1.75rem;
  }

  .search-terms-wrapper {
    margin-top: 7em;
  }

  .search-terms {
    grid-template-columns: 1fr;
  }

  .cookie-overlay {
    justify-content: center;
    inset: auto 0% 40px;
  }

  .btn {
    font-size: 28px;
    line-height: 36px;
  }

  .cookie-box {
    text-align: center;
  }

  .landing-video.bg {
    display: none;
  }

  .landing-video-mb.bg {
    display: block;
  }

  .download-card {
    flex-direction: column;
    justify-content: space-around;
    max-width: 90vw;
    max-height: 700px;
  }

  .download-line {
    width: 90%;
    height: 2px;
    margin-top: 16px;
  }

  .download-head {
    font-size: 1.9rem;
  }

  .anim-split-section-multi {
    min-height: auto;
  }

  .anim-split-section-multi.first {
    margin-top: 0;
  }

  .anim-split-section-multi.last {
    margin-bottom: 0;
  }

  .anim-split-section-multi-child {
    min-height: auto;
  }

  .anim-split-section-multi-child.first {
    margin-top: 0;
  }

  .anim-split-section-multi-child.last {
    margin-bottom: 0;
  }

  .hero-text {
    font-size: 4rem;
  }

  .hero-text-large {
    font-size: 5rem;
  }

  .hero-small-number {
    padding-left: 7px;
    bottom: 23px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.without-padding.mb-none {
    display: none;
  }

  .section.just-navi {
    padding-top: 3rem;
  }

  .content.horizontal {
    display: block;
  }

  .content.horizontal.space {
    flex-wrap: wrap;
    display: flex;
  }

  .content.margin-top-mini {
    margin-top: 0;
    padding-bottom: 26px;
  }

  .content.padding-sm {
    padding-left: 4px;
    padding-right: 4px;
  }

  .card-container.mb-20pd {
    padding: 20px;
  }

  .price-wrapper.detail {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .newsletter-modal-image, .text-field-label.quantity {
    display: none;
  }

  .horizontal, .horizontal.space-between {
    display: block;
  }

  .horizontal.mobile-none {
    display: none;
  }

  .icons-payment {
    margin-top: 8px;
  }

  .parallax-image.about-2 {
    height: 110vh;
  }

  .parallax-image.about-2.h75 {
    height: 50vh;
  }

  .content-xs.middle.max-500.tb-left.mb-center {
    text-align: center;
  }

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

  .card.l-bg-image, .card.xl {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card.xl.card-impressum {
    padding-top: 2rem;
  }

  .card.l2, .card.xl-space, .card.xs-space, .card.l, .card.xl-bg-image, .card.xs-space-bg-image, .card.l-space, .card.l-space-bg-image, .card.xl-space-bg-image {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card.height-mb-40.h75 {
    height: 40vh;
  }

  .card.pimg2h {
    height: 36vh;
  }

  .background-image.team-parallax-1.bg-h-1 {
    height: 30vh;
  }

  .submit-button-absolute {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .menu-block-right {
    overflow: scroll;
  }

  .arrow.v2-hero.left {
    left: 0;
  }

  .arrow.v2-hero.left.arrow-portfolio {
    margin-top: 104.875px;
  }

  .arrow.v2-hero.right {
    margin-right: 0;
  }

  .arrow.v2-hero.right.arrow-portfolio {
    margin-top: 104.875px;
  }

  .section-first-screen {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-section {
    padding: 16px;
  }

  .header-content {
    max-width: 200px;
  }

  .slide-content-1 {
    align-self: center;
    font-size: .7rem;
  }

  .absolute.slider-overlay.right {
    width: 50px;
    padding-top: 10px;
    padding-left: 0;
  }

  .item-bordered {
    border-right-style: none;
    padding-right: 0;
  }

  .item-bordered.last {
    padding-left: 0;
  }

  .mask-visible {
    width: 100%;
  }

  .arrow-full.right, .arrow-full.left {
    align-items: flex-start;
    padding-top: 80vh;
  }

  .slide-zoom {
    width: 100%;
  }

  .content-header.horizontal.no-styles.centered {
    flex-wrap: wrap;
    place-content: stretch center;
  }

  .columns {
    display: block;
  }

  .column.details {
    border-bottom-width: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  .column.details.border-product-white {
    text-align: left;
  }

  .column.details.border-product-white.download-title {
    border-bottom-width: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  .column.details.border-product-white.download-title.no-border {
    padding-bottom: 0;
  }

  .column.details.border-product-white.download-file-info {
    text-align: left;
    border-bottom-width: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  .column.details.border-product-white.download-file-info.no-border {
    text-align: left;
    padding-bottom: 0;
  }

  .column.details.border-product-white.download-digital {
    text-align: left;
    border-bottom-width: 0;
    padding-bottom: 0;
    font-size: .825rem;
  }

  .column.details.border-product-white.download-digital.no-border {
    text-align: left;
    padding-bottom: 0;
  }

  .column.details.border-product-white.download-digital.no-border.mb-hidden {
    display: none;
  }

  .column.details.border-product-white.no-border {
    text-align: left;
    margin-bottom: 0;
  }

  .product-buttons-detail {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .add-to-cart-field {
    width: 40px;
    padding-top: 0;
  }

  .add-to-cart-button {
    padding-left: 8px;
    padding-right: 8px;
  }

  .background-image-hero.image-10.color.home-img-hero-2 {
    background-position: 50%;
  }

  .line-paragraph {
    width: 16px;
    margin-bottom: 16px;
  }

  .mobile-no-styles {
    margin-bottom: 0;
  }

  .slide-zoom-wrapper {
    width: 100%;
  }

  .tabs-menu-vertical {
    flex-flow: column;
    display: block;
  }

  .tab-link-vertical {
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .submit-button-absolute-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .item-bordered-2 {
    border-right-style: none;
    padding-right: 0;
  }

  .image-list-bg {
    height: 220px;
  }

  .image-description {
    width: 90%;
  }

  .pm-bar {
    width: 50%;
  }

  .product-detail-overlay {
    padding-left: 0;
  }

  .index-link {
    border-bottom: 1px solid #0000001a;
    width: 100%;
    padding-bottom: 18px;
  }

  .index-link.last {
    border-bottom-width: 0;
  }

  .bilderdb-h1-3.font-white {
    margin-left: 0;
    display: block;
  }

  .div-block-10.bd-btn-bg.bd-dropdown {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-15 {
    grid-template-columns: 1fr;
    margin-top: 4em;
  }

  .div-block-17 {
    min-height: 60vw;
  }

  .bd-btn-search-menu {
    width: auto;
    min-width: 20em;
    margin-left: .6em;
    margin-right: .6em;
    display: none;
  }

  .text-field-3 {
    width: 45%;
  }

  .form-block-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .sticky-nav {
    padding: 0;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link-3 {
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .list-item {
    margin-left: 20px;
    margin-right: 40px;
  }

  .button-4 {
    display: block;
  }

  .button-4.button-5 {
    display: none;
  }

  .div-block-31 {
    width: 80vw;
  }

  .image-26 {
    align-self: flex-start;
    position: absolute;
    inset: 20px 20px auto auto;
  }

  .div-block-34 {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 350px;
    position: absolute;
    inset: auto 0% 20px;
  }

  .button-6 {
    align-self: center;
  }

  .div-block-35 {
    justify-content: center;
  }

  .text-block-3 {
    align-self: flex-end;
    margin-left: 0;
    position: absolute;
    inset: auto 18px 80px;
  }

  .div-block-37 {
    flex: 0 auto;
    align-self: flex-start;
    bottom: 140px;
    left: 10px;
    right: 10px;
  }

  .modal-left {
    left: 0;
  }

  .modal-left-link {
    width: 30px;
  }

  .modal-right {
    right: 0;
  }

  .modal-right-link {
    width: 30px;
  }

  .bd-head-content {
    padding-top: 2vh;
  }

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

  .product-overlay {
    bottom: 12px;
  }

  .anim-split-image {
    margin-top: 0;
  }

  .head-slide {
    font-size: 35px;
    line-height: 45px;
  }

  .sticky-nav-2 {
    padding: 0;
  }

  .nav-grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .search-result-wrapper {
    padding-top: 5em;
  }

  .btn {
    font-size: 20px;
    line-height: 24px;
  }

  .btn.btn-white.btn-cookie {
    padding-bottom: 15px;
  }

  .btn.btn-white.btn-sm {
    padding-top: 3px;
    padding-bottom: 5px;
  }

  .btn.btn-white.btn-sm.btn-pm {
    padding-top: 0;
    line-height: 36px;
  }

  .btn.btn-white.btn-sm.btn-pm.btn-mg-lg {
    margin-top: 10px;
    margin-left: 0;
  }

  .cookie-box {
    width: 300px;
  }

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

  .download-head {
    font-size: 1.8rem;
  }

  .hero-text {
    font-size: 3rem;
  }

  .hero-text-large {
    font-size: 4rem;
  }

  .hero-text-small {
    text-align: center;
    left: 10px;
    right: 10px;
  }

  .hero-small-number {
    bottom: 15px;
  }

  .hero-footnote-text.smaller {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-footnote {
    left: 16px;
  }
}

#w-node-d254a747-059b-a14a-d9ca-99c45b61a3ce-eba81acf {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_61550bf0-1dbf-f9cd-00ef-80eb9a7a42a1-fb187f2e, #w-node-_48dd6dea-cf5d-027c-b031-5a0870bf1cee-fb187f2e {
  grid-column: 1 / 2;
  grid-row-start: 0;
  grid-row-end: 1;
}

#w-node-_02a9a20f-a5a2-a6c9-9602-36416163980d-4ba81b75 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-bd115b0d-afd2-3ba4-07e7-54e92e5a4afb-1da81b78 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-e229884a-9836-9f15-3f88-e4ac09c6f663-34a81b7e, #w-node-b344618c-b64d-47e0-7abb-645f40ec418f-34a81b7e, #w-node-e7d32003-94b0-ef22-e777-e2a89e850e32-34a81b7e, #w-node-_72c7292a-9ebe-c781-315a-b98209bce8ce-34a81b7e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d254a747-059b-a14a-d9ca-99c45b61a3ce-8c0fc1dd {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-f6eca73b-5634-2bb9-84b6-56392985e72e-2985e72d, #w-node-f6eca73b-5634-2bb9-84b6-56392985e739-2985e72d {
  grid-column: 1 / 2;
  grid-row-start: 0;
  grid-row-end: 1;
}

#w-node-_02a9a20f-a5a2-a6c9-9602-36416163980d-5810135d {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-bd115b0d-afd2-3ba4-07e7-54e92e5a4afb-63df8bf2 {
  grid-area: 1 / 1 / 3 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-d254a747-059b-a14a-d9ca-99c45b61a3ce-eba81acf, #w-node-_02a9a20f-a5a2-a6c9-9602-36416163980d-4ba81b75 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-bd115b0d-afd2-3ba4-07e7-54e92e5a4afb-1da81b78 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-d254a747-059b-a14a-d9ca-99c45b61a3ce-8c0fc1dd, #w-node-_02a9a20f-a5a2-a6c9-9602-36416163980d-5810135d {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-bd115b0d-afd2-3ba4-07e7-54e92e5a4afb-63df8bf2 {
    grid-area: 1 / 1 / 3 / 3;
  }
}


@font-face {
  font-family: 'Bellcentennialstd subcapt';
  src: url('../fonts/BellCentennialStd-SubCapt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Bellcentennialstd address';
  src: url('../fonts/BellCentennialStd-Address.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}