@media screen and (min-width:1024px){.reference-projects{margin:0 auto;max-width:48.75rem;padding:1rem 0}}.reference-projects__header{display:flex;flex-direction:column;margin:0 1rem;max-width:42.75rem}@media screen and (min-width:1024px){.reference-projects__header{display:block;margin:0 auto}}.reference-projects__heading{align-self:start;padding-bottom:2.1875rem}@media screen and (min-width:1024px){.reference-projects__heading{padding-bottom:1.5rem}}.reference-projects__btn-add-project{align-self:center;color:var(--color-white);display:inline-flex;justify-content:space-between;width:15rem}@media screen and (min-width:1024px){.reference-projects__btn-add-project{align-self:start;width:21.875rem}}.reference-projects__list[data-loading]{opacity:.25;position:relative}.reference-projects__list[data-loading]:after{bottom:0;content:"";cursor:progress;left:0;position:absolute;right:0;top:0}.reference-projects__btn-container{background:var(--color-gray-5);margin:1rem;padding:1rem}.reference-projects__btn-container:first-of-type [data-list-item=moveUp]{display:none}.reference-projects__btn-container:first-of-type[data-new-item=true]{animation:customer-quote__fade-in 5s ease;-webkit-animation:customer-quote__fade-in 5s ease;-moz-animation:customer-quote__fade-in 5s ease}@keyframes customer-quote__fade-in{0%{background:var(--color-tertiary-80)}40%{background:var(--color-tertiary-40)}70%{background:--color-tertiary-20}to{background:initial}}@media screen and (min-width:1024px){.reference-projects__btn-container{margin:1.5rem 0;padding:1.5rem 3rem}}.reference-projects__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media screen and (min-width:1024px){.reference-projects__actions{gap:1.5rem;justify-content:unset;padding:1rem 0 0}}.reference-projects__actions svg{height:1.125rem;margin-right:.5rem;width:1.125rem}.reference-projects__btn-move-wrapper{display:flex;flex-direction:row;gap:1rem}@media screen and (min-width:1024px){.reference-projects__btn-move-wrapper{gap:1.5rem;margin-left:auto;padding:0}}.reference-project-teaser__content{display:grid;gap:0 .875rem;grid-template-areas:"image title" "text text" "count count";grid-template-columns:7.5rem auto;padding-bottom:1.5rem}@media screen and (min-width:1024px){.reference-project-teaser__content{display:grid;gap:0 1.5rem;grid-template-areas:"image title" "image text" "image count";grid-template-columns:13.25rem auto;grid-template-rows:auto auto 1fr}}.reference-project-teaser__content img{border-radius:4px;display:block;grid-area:image;height:5.75rem;width:7.5rem}@media screen and (min-width:1024px){.reference-project-teaser__content img{height:10.125rem;width:13.25rem}}.reference-project-teaser__content h3{grid-area:title;justify-self:top}.reference-project-teaser__content p{color:var(--color-secondary);grid-area:text}.reference-project-teaser__content b{grid-area:count}.reference-project-teaser__title{color:var(--color-secondary);font-size:1.5rem;font-weight:600;padding-bottom:.75rem;padding-top:1.875rem}@media screen and (min-width:1024px){.reference-project-teaser__title{padding-top:0}}.reference-project-teaser__text{color:var(--color-secondary);font-size:1.125rem;padding-bottom:.75rem;padding-top:.75rem}@media screen and (min-width:1024px){.reference-project-teaser__text{padding-top:0}}.reference-project-teaser__images-count{color:var(--color-secondary)}.reference-project-add{padding:1rem;width:100%}@media screen and (min-width:1024px){.reference-project-add{margin:0 auto;max-width:42.75rem;padding:0}}.reference-project-add__header{display:flex;flex-direction:column;margin:0 1rem;max-width:42.75rem}@media screen and (min-width:1024px){.reference-project-add__header{display:block;margin:0 auto}}.reference-project-add__heading{margin:1.5rem 0}.reference-project-add__form-input-section{background:var(--color-gray-5);border:1px solid var(--color-gray-20);margin-bottom:2.875rem;padding:2.1875rem 1.75rem .875rem}.reference-project-add__textarea{border:1px solid var(--color-secondary);border-radius:2px;font-family:Roboto,sans-serif;font-size:1rem;margin-bottom:.875rem;min-height:8.125rem;padding:.3125rem;resize:none;width:100%}.reference-project-add__label{padding-bottom:.25rem}.reference-project-add__text{font-family:Roboto,sans-serif;font-size:.875rem}.reference-project-add__form-input-section input{border:1px solid var(--color-secondary);border-radius:.125rem;font-family:Roboto,sans-serif;font-size:1rem;height:2.8125rem;margin-bottom:1rem;padding:.5rem;width:100%}.reference-project-add__text{padding-bottom:1rem}.reference-project-add__link-quote-title{font-size:1.125rem;font-weight:600;padding-bottom:1rem}.reference-project-add__required:after{content:"*";font-size:1.125rem;font-weight:300;margin-left:.625rem;vertical-align:-10%}.reference-project-add__title-project-pictures{font-size:1.5rem;font-weight:600;padding-bottom:1.5rem}.reference-project-add__form-file-section{margin-bottom:4.0625rem}.reference-project-add__info{border-radius:.25rem;display:flex;margin-bottom:1rem}.reference-project-add__info svg{color:var(--color-blue-80);height:1rem;width:1rem}.reference-project-add__file{align-items:center;border:2px dashed var(--color-secondary);display:flex;flex-direction:column;height:11.875rem;justify-content:center}.reference-project-add__file-title{color:var(--color-secondary);font-size:1.125rem;font-weight:600}@media screen and (min-width:1024px){.reference-project-add__file-title{font-size:2.25rem}}.reference-project-add__info{border:1px solid var(--color-gray-20);border-radius:4px;display:grid;gap:1rem;grid-template-columns:1.125rem 1fr;margin-bottom:1.5rem;margin-top:.5rem;padding:1.125rem}.reference-project-add__info>svg{color:var(--color-secondary)}.reference-project-add__file-upload-icon{height:1.125rem;width:1.125rem}.reference-project-add__file-description{display:none}@media screen and (min-width:1024px){.reference-project-add__file-description{display:block}}.reference-project-add__error-message{margin-bottom:1rem}.reference-project-add button{display:flex;flex-direction:column;width:100%}.reference-project-edit{padding:1rem;width:100%}@media screen and (min-width:1024px){.reference-project-edit{margin:0 auto;max-width:42.75rem;padding:0}}.reference-project-edit__form-heading{padding-bottom:1.25rem;padding-top:1.5rem}@media screen and (min-width:1024px){.reference-project-edit__form-heading{padding-bottom:1rem}}.reference-project-edit__project-title{padding-bottom:.75rem}.reference-project-edit__btn-submit{margin-top:1.5rem}.reference-project-file-tile{align-items:center;border:2px dashed var(--color-secondary);display:flex;flex-direction:column;height:11.875rem;justify-content:center;margin-top:1.5rem}.reference-project-file-tile__title{color:var(--color-secondary);font-size:1.125rem;font-weight:600;padding-bottom:1.5rem;z-index:1}@media screen and (min-width:1024px){.reference-project-file-tile__title{font-size:2.25rem}}.reference-project-file-tile__label-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.reference-project-file-tile__label{margin-bottom:.5rem}@media screen and (min-width:1024px){.reference-project-file-tile__label{margin-bottom:0}}.reference-project-file-tile__input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.reference-project-file-tile__label-icon{height:1.125rem;margin-right:.5rem;order:-1;width:1.125rem}.reference-project-file-tile__file-description{padding-left:1.5rem;z-index:1}