/*
 Materialize defines these breakpoints (we copy the variables because we use a CDN):
 - Small screens are defined as having a max-width of 600px
 - Medium screens are defined as having a max-width of 992px
 - Large screen are defined as having a min-width of 993px
 - Extra Large screen are defined as having a min-width of 1200px
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,600");
@font-face {
  font-family: "Herzensbilder";
  src: url("../font/Herzensbilder-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: "normal";
}
@font-face {
  font-family: "Herzensbilder-Bold";
  src: url("../font/Herzensbilder-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: "normal";
}
@font-face {
  font-family: "Herzensbilder-Script";
  src: url("../font/Herzensbilder-Script.otf") format("truetype");
  font-weight: normal;
  font-style: "normal";
}
@font-face {
  font-family: "Herzensbilder-Italic";
  src: url("../font/Herzensbilder-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: "italic";
}
h2,
h3 {
  color: #8FCCE2;
  font-size: 1.5rem;
  font-weight: bold;
}
h2.gray,
h3.gray {
  color: #84bbc5;
}

.bold {
  font-weight: bold;
}

body {
  font-family: "Herzensbilder", sans-serif !important;
}
body h1 {
  font-size: 46px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #101010;
}
body h1.head {
  font-size: 60px;
  line-height: 1.07;
}
@media only screen and (max-width: 600px) {
  body h1 {
    font-size: 36px;
  }
}
body h2 {
  font-size: 34px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: 0.001em;
  color: #101010;
}
@media only screen and (max-width: 600px) {
  body h2 {
    font-size: 28px;
  }
}
body h3 {
  color: #101010;
}
body p {
  font-family: Herzensbilder;
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: 0.001em;
  color: #101010;
}
body p.legend {
  font-size: 18px;
  letter-spacing: 0.002em;
}
body p.script {
  font-family: Herzensbilder-Script;
}
@media only screen and (max-width: 992px) {
  body p.script {
    font-size: 48px;
  }
}
body button {
  font-family: Herzensbilder;
  font-size: 23px;
}
@media only screen and (max-width: 600px) {
  body button {
    font-size: 18px;
  }
}
body .italic {
  font-family: Herzensbilder-Italic;
  letter-spacing: 0.0025em;
}
body .bolditalic {
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.0025em;
}

html {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -ms-hyphens: manual;
  -webkit-hyphens: manual;
  hyphens: manual;
}

main {
  min-height: calc(100vh - 220px);
  margin-top: 60px;
}
main.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.mb-0 {
  margin-bottom: 0px;
}

.container-margin {
  margin-top: 32px;
  margin-bottom: 32px;
}

.bg-color-BROWNISH_GREY {
  background-color: #707070;
}

.bg-color-LIGHT_PEACH {
  background-color: #ECDFCC;
}

.bg-color-SEAFOAM_BLUE {
  background-color: #5ECCE5;
}

.bg-color-SPRING_RAIN {
  background-color: #A6C6B0;
}

.bg-color-GLACIER {
  background-color: #8BB7C9;
}

.bg-color-ZINNWALDITE {
  background-color: #EDB5B1;
}

.bg-color-SHAKESPEARE {
  background-color: #5BBBD1;
}

.bg-color-BROWNISH_GREY-opacity-25 {
  background-color: rgba(112, 112, 112, 0.25);
}

.bg-color-LIGHT_PEACH-opacity-25 {
  background-color: rgba(236, 223, 204, 0.25);
}

.bg-color-SEAFOAM_BLUE-opacity-25 {
  background-color: rgba(94, 204, 229, 0.25);
}

.bg-color-SPRING_RAIN-opacity-25 {
  background-color: rgba(166, 198, 176, 0.25);
}

.bg-color-GLACIER-opacity-25 {
  background-color: rgba(139, 183, 201, 0.25);
}

.bg-color-ZINNWALDITE-opacity-25 {
  background-color: rgba(237, 181, 177, 0.25);
}

.bg-color-SHAKESPEARE-opacity-25 {
  background-color: rgba(91, 187, 209, 0.25);
}

.color-BROWNISH_GREY {
  color: #707070 !important;
}

.color-LIGHT_PEACH {
  color: #ECDFCC !important;
}

.color-SEAFOAM_BLUE {
  color: #5ECCE5 !important;
}

.color-SPRING_RAIN {
  color: #A6C6B0 !important;
}

.color-GLACIER {
  color: #8BB7C9 !important;
}

.color-ZINNWALDITE {
  color: #EDB5B1 !important;
}

.color-SHAKESPEARE {
  color: #5BBBD1 !important;
}

.container.full-width {
  width: 100%;
}

body {
  background-color: #ffffff;
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
body input[type=number] {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
body .datepicker-container {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
body .datepicker-container .datepicker-date-display {
  background-color: #5BBBD1;
}
body .datepicker-container .datepicker-day-button {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
body .datepicker-container .datepicker-day-button input[type=number] {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
body .datepicker-container .datepicker-footer button {
  color: #5BBBD1;
}
body .datepicker-container td.is-today {
  color: #5BBBD1;
}
body .datepicker-container td.is-selected {
  background-color: #5BBBD1;
}
body .timepicker-container {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
body .timepicker-container .timepicker-digital-display {
  background-color: #5BBBD1;
}
body .timepicker-container .timepicker-canvas line {
  stroke: #5BBBD1;
}
body .timepicker-container .timepicker-canvas-bearing {
  fill: #5BBBD1;
}
body .timepicker-container .timepicker-canvas-bg {
  fill: rgba(91, 187, 209, 0.25);
}
body .timepicker-container .timepicker-tick {
  color: #5BBBD1;
}
body .timepicker-container .timepicker-tick:hover {
  background-color: rgba(91, 187, 209, 0.25);
}
body .timepicker-container .timepicker-footer button {
  color: #5BBBD1;
}
body .timepicker-container td.is-today {
  color: #5BBBD1;
}
body .timepicker-container td.is-selected {
  background-color: #5BBBD1;
}
body .fc-day-number {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}

.cms.no-overflow-x {
  overflow-x: hidden;
}
.cms main {
  margin-top: 0px;
  margin-bottom: 0px;
}
.cms .row {
  margin-bottom: 0px;
}
.cms .number {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
.cms .number input[type=number] {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
.cms .cms-plugin a {
  word-break: break-all;
}

.preloader-wrapper {
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 10px) !important;
}
.preloader-wrapper .spinner-layer {
  border-color: #8FCCE2;
}

.container {
  width: 90%;
}

#input-custom-donation::placeholder {
  color: #5BBBD1;
}

#input-custom-donation {
  height: 75px;
  width: 150px;
  padding-left: 0px;
  font-size: 48px;
  padding-top: 10px;
}

.input-custom-donation-container {
  display: flex;
  box-shadow: 6px 10px 0px rgba(0, 0, 0, 0.05), -4px 4px 15px 0px rgba(0, 0, 0, 0.05), -2px 2px 10px 0px rgba(0, 0, 0, 0.05), -1px 1px 24px 0px rgba(0, 0, 0, 0.05);
  align-items: center;
}

.donation-custom-label {
  color: #5BBBD1;
  font-size: 36px;
  margin-right: 20px;
}

.custom-donation-button-wrapper {
  margin-bottom: 20px;
  margin-left: 30px;
}

@media (max-width: 500px) {
  .custom-donation-button-wrapper {
    margin-left: 0px;
  }
  #input-custom-donation-outer-container {
    padding: 0px 20px;
  }
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination .step-links {
  display: flex;
  align-items: center;
}
.pagination .step-links .current {
  font-size: 20px;
  display: flex;
  text-align: center;
}
.pagination .step-links i {
  display: flex;
  font-size: 55px;
}
.pagination .step-links .first-last-icon {
  font-size: 35px;
}

nav .nav-wrapper {
  height: 100px;
  background-color: #ffffff;
}
@media screen and (max-width: 1200px) {
  nav .nav-wrapper #nav-desktop,
  nav .nav-wrapper #nav-right {
    display: none;
  }
}
nav .nav-wrapper .sidenav-trigger {
  display: none;
  margin-top: 18px;
  float: right;
}
@media screen and (max-width: 1200px) {
  nav .nav-wrapper .sidenav-trigger {
    display: block;
  }
}
nav .nav-wrapper .sidenav-trigger i {
  color: #b0b2b2;
}
nav .nav-wrapper ul {
  margin-top: 20px;
  margin-right: 20px;
  float: right !important;
}
nav .nav-wrapper ul li a {
  color: #212121;
  font-size: 23px;
  height: 55px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px 13px;
}
nav .nav-wrapper ul li a:hover {
  background-color: transparent;
}
nav .nav-wrapper ul li.active {
  background-color: transparent;
}
nav .nav-wrapper ul li.active a {
  border-bottom: 1px solid #212121;
}
nav .nav-wrapper ul li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
nav .nav-wrapper ul li.no-hover-class:hover {
  background-color: transparent;
}
nav .nav-wrapper .brand-logo,
nav .nav-wrapper .brand-logo img {
  height: 64px;
  margin-left: 8px;
}
nav .nav-wrapper .brand-logo {
  bottom: 18px;
}
@media only screen and (max-width: 1200px) {
  nav .nav-wrapper .brand-logo {
    left: calc(50% - 97px);
  }
}
@media only screen and (max-width: 992px) {
  nav .nav-wrapper .brand-logo {
    left: 50%;
  }
}
@media only screen and (max-width: 600px) {
  nav .nav-wrapper .brand-logo {
    left: 80px;
  }
}
@media only screen and (max-width: 600px) {
  nav .nav-wrapper .brand-logo {
    height: 50px;
  }
}

.cms .nav-wrapper .sidenav-trigger {
  float: right;
}
.cms .nav-wrapper ul li a {
  height: 55px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px 13px;
}
.cms .nav-wrapper ul li a:hover {
  background-color: transparent;
}
.cms .nav-wrapper ul li.selected a {
  border-bottom: 1px solid #212121;
}
.cms .nav-wrapper ul li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.cms .nav-wrapper .mobile-nav-icon {
  cursor: pointer;
  height: 25px;
  margin-top: 18px;
}

footer.page-footer {
  margin-top: 100px;
  background-color: transparent;
  color: #212121;
  height: 96px;
}

.cms footer {
  min-height: 250px;
}
.cms footer.mt-150 {
  margin-top: 150px;
}
.cms footer.mt-250 {
  margin-top: 250px;
}
.cms footer .footer {
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 601px) {
  .cms footer .footer.container {
    width: 95%;
  }
}
.cms footer .footer .first-row,
.cms footer .footer .second-row {
  padding: 24px 62px 40px 62px;
}
@media screen and (max-width: 600px) {
  .cms footer .footer .first-row,
  .cms footer .footer .second-row {
    padding: 24px 10px 40px 10px;
  }
}
@media screen and (max-width: 900px) {
  .cms footer .footer .first-row,
  .cms footer .footer .second-row {
    padding: 24px 0px 40px 0px;
  }
}
.cms footer .footer .second-row {
  position: relative;
  height: 80%;
  padding-top: 70px;
}
.cms footer .footer .second-row a span {
  color: #ffffff;
}
.cms footer .footer .second-row .social-icons a {
  margin-right: 15px;
}
.cms footer .footer .second-row .social-icons a:last-child {
  margin-right: 0;
}
.cms footer .footer .second-row .social-icon {
  height: 28px;
  opacity: 0.75;
}
.cms footer .footer .second-row .social-icon:hover {
  opacity: 1;
}
.cms footer .footer .second-row .info {
  font-size: 23px;
  margin-bottom: 28px;
}
@media screen and (max-width: 600px) {
  .cms footer .footer .second-row .info {
    margin-top: 45px;
    font-size: 18px;
  }
}
.cms footer .footer .second-row .info p {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .cms footer .footer .second-row .info p {
    font-size: 18px;
  }
}
.cms footer .footer .second-row .info a {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .cms footer .footer .second-row .info a {
    font-size: 18px;
  }
}
.cms footer .footer .second-row .nav-small-devices {
  margin-top: 24px;
  font-size: 16px;
}
.cms footer .footer .second-row .nav-small-devices .social-icons {
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  .cms footer .footer .second-row .nav-small-devices {
    display: none;
  }
}
.cms footer .footer .first-row {
  position: relative;
  height: 20%;
}
.cms footer .footer .first-row a span {
  color: #000000;
}
.cms footer .footer-icon {
  height: 200px;
  position: absolute;
  left: calc(50% - 25px);
  bottom: 0px;
}
@media screen and (max-width: 900px) {
  .cms footer .footer-icon {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .cms footer .footer-icon {
    width: calc(25% - 25px);
    height: auto;
    display: block;
    left: auto;
    right: 25px;
  }
}
.cms footer .scroll-up-wrapper {
  padding: 45px 75px 0px 0px;
}
@media screen and (max-width: 900px) {
  .cms footer .scroll-up-wrapper {
    padding: 45px 15px 0px 0px;
  }
}
@media screen and (max-width: 600px) {
  .cms footer .scroll-up-wrapper {
    padding: 45px -10px 0px 0px;
  }
}
.cms footer .scroll-up-wrapper .scroll-up-icon {
  z-index: 1;
  position: relative;
  float: right;
  cursor: pointer;
  height: 25px;
  transform: rotate(-90deg);
}
.cms footer .left-col {
  padding-left: 0px !important;
}
.cms footer .left-col p {
  color: #fff;
  font-size: 18px;
}
.cms footer .left-col .donation-info {
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .cms footer .left-col .donation-info {
    font-size: 16px;
  }
}
.cms footer .right-col {
  position: relative;
  top: -44px;
  text-align: right;
}
@media screen and (min-width: 1200px) {
  .cms footer .right-col {
    top: 10px;
  }
}
@media screen and (max-width: 600px) {
  .cms footer .right-col {
    display: none;
  }
}
.cms footer .right-col .nav {
  font-size: 18px;
  margin-top: 24px;
}
.cms footer .right-col .nav a {
  margin-right: 15px;
}
.cms footer .right-col .nav a:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .cms footer .right-col .nav a {
    margin-right: 0px;
  }
}
.cms footer .right-col .nav .nav-br {
  display: none;
}
@media screen and (max-width: 1200px) {
  .cms footer .right-col .nav .nav-br {
    display: block;
  }
}
.cms footer a.fancy-underline {
  position: relative;
}
.cms footer a.fancy-underline:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -2px;
  left: 0%;
  background-color: rgba(255, 255, 255, 0.45);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.cms footer a.fancy-underline:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn {
  text-transform: none;
  padding: 0px 20px 10px 20px;
  color: #ffffff;
  cursor: pointer;
  background-color: #5BBBD1;
  transition: margin 0.5s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .btn {
    padding: 0px 16px 8px 16px;
  }
}
@media only screen and (max-width: 600px) {
  .btn {
    padding: 0px 12px 6px 12px;
  }
}
.btn.active {
  color: #5BBBD1;
  background-color: #707070;
}
.btn:hover {
  margin-left: 10px;
  background-color: #5BBBD1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn:focus {
  background-color: #5BBBD1;
}

.btn-floating {
  background-color: #5BBBD1;
}
.btn-floating:hover {
  background-color: #5BBBD1;
}

.cms button {
  padding: 12.5px 20px 10px 20px;
  color: #707070;
  cursor: pointer;
  background-color: white;
  border: solid 1px #707070;
  transition: margin 0.5s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .cms button {
    padding: 10px 16px 8px 16px;
  }
}
@media only screen and (max-width: 600px) {
  .cms button {
    padding: 7.5px 12px 6px 12px;
  }
}
.cms button.active {
  color: white;
  background-color: #707070;
}
.cms button:hover {
  margin-left: 10px;
}

.hb-modal {
  height: 270px;
  top: -webkit-calc( 50% - 270px ) !important;
  top: -moz-calc(50% - 270px) !important;
  top: calc(50% - 270px) !important;
}
.hb-modal .modal-footer {
  padding: 25px;
}
.hb-modal.ck-modal {
  height: 520px;
}
@media screen and (max-width: 600px) {
  .hb-modal.ck-modal {
    padding-top: 50px;
    top: 0px !important;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.hb-modal.ck-modal #cke_id_note_text,
.hb-modal.ck-modal #cke_id_report_text {
  width: auto !important;
}
.hb-modal.ck-modal .django-ckeditor-widget {
  width: 100% !important;
}
.hb-modal.ck-modal #cke_id_dossier_text {
  width: 100% !important;
}
.hb-modal.ck-modal .icon-down {
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media screen and (min-width: 600px) {
  .hb-modal.ck-modal .icon-down {
    display: none;
  }
}

#work-today .modal-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#work-today .modal-content img {
  max-width: 80%;
  max-height: 300px;
  margin: 0 auto;
}
#work-today .modal-content img.first {
  margin-bottom: 20px;
}
#work-today .modal-content p {
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  #work-today .modal-content p {
    font-size: 20px;
  }
}
@media screen and (min-width: 600px) {
  #work-today .icon-down {
    display: block;
  }
}

#image-clear_id {
  position: static !important;
  opacity: 1 !important;
  pointer-events: initial;
}

.input-field {
  color: #101010 !important;
  padding-left: 5px;
}
.input-field label {
  color: #101010 !important;
  left: 5px;
  letter-spacing: 0.0025em;
  font-size: 16px;
}
.input-field label.active {
  top: -5px;
}
.input-field .helper-text.error {
  color: #F44336;
}
.input-field input[type=text],
.input-field input[type=number],
.input-field input[type=email],
.input-field input[type=date],
.input-field input[type=tel],
.input-field textarea {
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 23px;
  font-family: Herzensbilder;
}
.input-field input[type=text].center,
.input-field input[type=number].center,
.input-field input[type=email].center,
.input-field input[type=date].center,
.input-field input[type=tel].center,
.input-field textarea.center {
  text-align: center;
}
.input-field input[type=text]:focus,
.input-field input[type=number]:focus,
.input-field input[type=email]:focus,
.input-field input[type=date]:focus,
.input-field input[type=tel]:focus,
.input-field textarea:focus {
  background-color: rgba(139, 183, 201, 0.15) !important;
  border-bottom: 1px solid #9e9e9e !important;
  box-shadow: none !important;
}
.input-field input[type=text]:disabled,
.input-field input[type=number]:disabled,
.input-field input[type=email]:disabled,
.input-field input[type=date]:disabled,
.input-field input[type=tel]:disabled,
.input-field textarea:disabled {
  color: #000000;
  opacity: 1; /* required on iOS */
}
.input-field input[type=text],
.input-field input[type=number],
.input-field input[type=email],
.input-field input[type=date] {
  height: 36px;
  font-variant-numeric: lining-nums tabular-nums;
}
.input-field input.valid[type=text]:not(.browser-default),
.input-field input.valid [type=number]:not(.browser-default),
.input-field input.valid [type=email]:not(.browser-default),
.input-field input.valid [type=date]:not(.browser-default) {
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
}
.input-field textarea {
  font-family: Herzensbilder;
  height: 200px;
}

.select-wrapper ul li span {
  color: #5BBBD1;
}
.select-wrapper + label {
  top: -36px;
}

input[type=checkbox]:checked + span:not(.lever):before {
  border-right: 2px solid #5BBBD1;
  border-bottom: 2px solid #5BBBD1;
}

#contact-form {
  margin-top: 50px;
}

.toast.success {
  background-color: #81C784;
}
.toast.error {
  background-color: #E57373;
}

.wrapper {
  position: relative;
}
.wrapper.full-width {
  width: 100%;
  max-width: 100%;
}
.wrapper.full-width.indented {
  padding: 0 10%;
}
.wrapper.brownish_grey {
  background-color: #707070;
}
.wrapper.light_peach {
  background-color: #ECDFCC;
}
.wrapper.seafoam_blue {
  background-color: #5ECCE5;
}

.row.flex {
  display: flex;
}

@media only screen and (max-width: 992px) {
  .row.flex {
    display: block;
  }
}
.facts-box .facts-box-content {
  margin-bottom: 25px;
  min-height: 490px;
  background: url("../img/bg_facts.png") repeat;
  padding: 64px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.facts-box .facts-box-content img {
  max-width: 100px;
  align-self: center;
  margin-bottom: 32px;
}
.facts-box .facts-box-content img.special {
  width: 120px;
  max-width: 120px;
  margin-top: -15px;
  margin-bottom: 35px;
}
.facts-box .facts-box-content .fact-number {
  color: #dc807b;
  font-size: 48px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.fact-image {
  max-width: 100px;
}

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

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .row .col .facts-box:nth-child(even) {
    margin-bottom: 16px;
    padding-left: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .row .col .facts-box:not(:first-child) {
    margin-top: 16px;
  }
}
.echos.brownish_grey {
  background-color: #707070;
}
.echos.light_peach {
  background-color: #ECDFCC;
}
.echos.seafoam_blue {
  background-color: #5ECCE5;
}
.echos .row {
  display: flex;
}
.echos .row .slides {
  background-color: transparent;
}
.echos .row .indicator {
  cursor: pointer;
}
.echos .row .indicator p {
  margin: 0 auto;
  font-size: 5rem;
}
.echos .row .echo {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  max-height: 100%;
}
.echos .row .echo .text {
  font-size: 34px;
  line-height: 1.18;
}
.echos .row .echo .name {
  margin-top: 48px;
  font-size: 23px;
}
.echos .row .echo .role {
  font-size: 18px;
}
.echos .indicator-left,
.echos .indicator-right {
  position: relative;
}
.echos .echo-icon-left,
.echos .echo-icon-right {
  height: 45px;
}
.echos .echo-icon-left {
  position: absolute;
  right: 0px;
}
.echos .echo-icon-right {
  position: absolute;
  left: 0px;
  transform: rotate(180deg);
}

@media only screen and (max-width: 992px) {
  .echos .row .indicator p {
    font-size: 3rem;
  }
  .echos .row .echo {
    padding: 16px;
    width: 100%;
  }
  .echos .row .echo .text {
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: 0.23px;
  }
  .echos .row .echo .name {
    margin-top: 16px;
  }
}
.faq-accordion.brownish_grey .collapsible-header, .faq-accordion.brownish_grey .collapsible-body {
  background-color: #707070;
}
.faq-accordion.light_peach .collapsible-header, .faq-accordion.light_peach .collapsible-body {
  background-color: #ECDFCC;
}
.faq-accordion.seafoam_blue .collapsible-header, .faq-accordion.seafoam_blue .collapsible-body {
  background-color: #5ECCE5;
}
.faq-accordion .collapsible {
  border: none;
  box-shadow: none;
}
.faq-accordion .collapsible .collapsible-header, .faq-accordion .collapsible .collapsible-body {
  padding: 0px 56px 0px 0px;
  border: none;
  word-break: break-word;
  position: relative;
}
.faq-accordion .collapsible .collapsible-body p {
  margin-bottom: 39px;
}
.faq-accordion .collapsible .collapsible-header .collapsible-indicator {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
}
.faq-accordion .collapsible .collapsible-header .collapsible-indicator i {
  margin-right: 0;
  font-size: 2rem;
}
.faq-accordion li {
  border-top: 1px solid #101010;
}
.faq-accordion li.last {
  border-bottom: 1px solid #101010;
}
.faq-page .clear-filter {
  cursor: pointer;
  display: none;
}
.faq-page .clear-filter.active {
  display: inline;
}
.faq-page .clear-faq-filter {
  position: relative;
  bottom: -6px;
}
.faq-page .faq-type-button {
  margin-right: 15px;
}

.collapsible li .faq-dropdown-icon {
  transition: all 0.5s ease-out;
  height: 35px;
  transform: rotate(270deg);
  margin-right: 10px;
}
.collapsible li.active .faq-dropdown-icon {
  transform: rotate(90deg);
}

.postcard-wrapper .row {
  margin: 0;
}
.postcard-wrapper .postcard-row {
  padding: 152px 0px 120px 0px;
}
.postcard-wrapper .postcard-row .postcard-image-col {
  text-align: center;
}

.card-wrapper {
  padding: 145px 0px;
}
.card-wrapper h1 {
  text-align: center;
}
.card-wrapper h2 {
  text-align: center;
}

.team .team-name {
  font-weight: normal;
  margin-left: 5px;
}
.team .team-name.with-image {
  margin-left: 12px;
}
.team .team-container {
  display: flex;
  flex-wrap: wrap;
}
.team .member {
  text-align: left;
  width: 100%;
  padding: 0px 10px;
}
.team .member.with-image {
  width: 33.33%;
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .team .member.with-image {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .team .member.with-image {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .team .member {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .team .member {
    width: 100%;
  }
}
.team .member img {
  max-width: 100%;
  display: inherit;
}
.team .member .member-name {
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 22px;
}
.team .member .member-description {
  margin-top: -4px;
}
.team .member .member-border-div {
  border-bottom: 1px solid;
}

.portrait-wrapper {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .portrait-wrapper {
    padding: 0px;
  }
}
.portrait-wrapper p {
  text-align: center;
}
.portrait-wrapper .portrait-image {
  display: inline;
  height: 270px;
}
.portrait-wrapper .portrait-signature {
  font-size: 58px;
  margin-bottom: 10px;
}
.portrait-wrapper .portrait-subtitle {
  margin-top: 0px;
}

.donation-wrapper {
  padding: 50px 0px;
}
.donation-wrapper p {
  font-size: 18px;
}
.donation-wrapper h1,
.donation-wrapper h5.donation-text,
.donation-wrapper p.donation-custom-amount-p {
  text-align: center;
  color: white;
}
.donation-wrapper .donation-amount {
  padding: 10px;
  min-height: 367px;
  text-align: center;
  font-size: 50px;
  box-shadow: 6px 10px 0px rgba(0, 0, 0, 0.05), -4px 4px 15px 0px rgba(0, 0, 0, 0.05), -2px 2px 10px 0px rgba(0, 0, 0, 0.05), -1px 1px 24px 0px rgba(0, 0, 0, 0.05);
}
.donation-wrapper .donation-amount .amount-number {
  font-size: 80px;
}
.donation-wrapper .donation-amount .amount-chf {
  color: #101010;
  font-size: 12px;
  margin-top: -20px;
}
.donation-wrapper .row {
  margin-bottom: 50px;
}
.donation-wrapper .button-wrapper {
  text-align: center;
}
.donation-wrapper #donation_send {
  border: none;
  color: #000000;
  margin-top: 15px;
  padding: 13px 15px;
}
.donation-wrapper .donate-box {
  margin-top: 24px;
  cursor: pointer;
}
.donation-wrapper .chf-placeholder {
  position: absolute;
  top: 16px;
  font-size: 35px;
  color: white;
  right: -66px;
}

.donation-page-wrapper input::-webkit-outer-spin-button,
.donation-page-wrapper input::-webkit-inner-spin-button,
.donation-wrapper input::-webkit-outer-spin-button,
.donation-wrapper input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.donation-page-wrapper input[type=number],
.donation-wrapper input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.donation-page-wrapper .donation-custom-amount-action-wrapper,
.donation-wrapper .donation-custom-amount-action-wrapper {
  position: relative;
}
.donation-page-wrapper .chf-placeholder-wrapper,
.donation-wrapper .chf-placeholder-wrapper {
  padding-right: 90px;
}
@media screen and (max-width: 600px) {
  .donation-page-wrapper .chf-placeholder-wrapper,
  .donation-wrapper .chf-placeholder-wrapper {
    padding-right: 12px;
  }
}
.donation-page-wrapper #donation,
.donation-page-wrapper #id_amount,
.donation-wrapper #donation,
.donation-wrapper #id_amount {
  color: white;
  text-align: right;
  font-size: 80px;
  padding: 10px 0px;
  border-bottom: 1px solid #ffffff !important;
  width: 100%;
  height: 62px;
}
.donation-page-wrapper #donation::placeholder,
.donation-wrapper #donation::placeholder {
  color: #ffffff;
  opacity: 1;
  font-size: 36px;
  text-align: left;
}
@media screen and (max-width: 968px) {
  .donation-page-wrapper #donation::placeholder,
  .donation-wrapper #donation::placeholder {
    text-align: center;
    font-size: 26px;
  }
}
.donation-page-wrapper #donation:-ms-input-placeholder,
.donation-wrapper #donation:-ms-input-placeholder {
  color: #ffffff;
  font-size: 36px;
  text-align: left;
}
@media screen and (max-width: 968px) {
  .donation-page-wrapper #donation:-ms-input-placeholder,
  .donation-wrapper #donation:-ms-input-placeholder {
    text-align: center;
    font-size: 26px;
  }
}
.donation-page-wrapper #donation::-ms-input-placeholder,
.donation-wrapper #donation::-ms-input-placeholder {
  color: #ffffff;
  font-size: 36px;
  text-align: left;
}
@media screen and (max-width: 968px) {
  .donation-page-wrapper #donation::-ms-input-placeholder,
  .donation-wrapper #donation::-ms-input-placeholder {
    text-align: center;
    font-size: 26px;
  }
}
@media screen and (max-width: 600px) {
  .donation-page-wrapper #donation,
  .donation-wrapper #donation {
    text-align: center;
  }
}
.donation-page-wrapper #id_amount,
.donation-wrapper #id_amount {
  color: #000000;
  border-bottom: 1px solid #000000 !important;
}

.draggable-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 17vh;
}
.draggable-section i {
  font-size: x-large;
}

.bg-color-donation-page {
  background-color: rgba(91, 187, 209, 0.25);
}

.donation-page-wrapper .chf-placeholder {
  z-index: 1;
  position: absolute;
  top: 32px;
  font-size: 35px;
  color: #000000;
}
@media screen and (max-width: 600px) {
  .donation-page-wrapper .chf-placeholder {
    font-size: 30px;
    right: -15px;
  }
}
.donation-page-wrapper .chf-placeholder.hide {
  display: none;
}
.donation-page-wrapper .donation-custom-amount-action-wrapper label {
  display: none;
}
.donation-page-wrapper #id_amount {
  z-index: 2;
}
.donation-page-wrapper #lema-container.lema-container {
  max-width: 100%;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-step-header,
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-step-content {
  background-color: #f5f5f5;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-step-header .lema-step-header-text {
  font-size: 23px;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-step-header .lema-step-number-text {
  margin-left: 5px;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-amount-box {
  background-color: #f5f5f5;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-amount-box .lema-amount-box-currency {
  text-align: right;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-amount-box .lema-amount-box-custom-input {
  background-color: #f5f5f5;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-step-header {
  border-bottom: #fff 1px solid;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-step-header .lema-step-number-text {
  margin-right: 5px;
}
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-accordion-header,
.donation-page-wrapper #lema-container.lema-container .lema-step .lema-accordion-content {
  background-color: #f5f5f5 !important;
}
.donation-page-wrapper #lema-container.lema-container .lema-button-donate {
  border-radius: 0px;
  background-color: #f5f5f5;
  border: none;
  color: #000000 !important;
  margin-top: 15px;
  padding: 13px 15px;
}
.donation-page-wrapper #lema-container.lema-container .lema-button-donate:hover {
  opacity: inherit;
}
.donation-page-wrapper #lema-container.lema-container .lema-radio-label,
.donation-page-wrapper #lema-container.lema-container .lema-step-header-text,
.donation-page-wrapper #lema-container.lema-container .lema-amount-box-amount,
.donation-page-wrapper #lema-container.lema-container .lema-amount-box-custom-input,
.donation-page-wrapper #lema-container.lema-container .lema-choose-payment-method,
.donation-page-wrapper #lema-container.lema-container .lema-accordion-item-title,
.donation-page-wrapper #lema-container.lema-container .lema-step-row-text,
.donation-page-wrapper #lema-container.lema-container .lema-input-text,
.donation-page-wrapper #lema-container.lema-container .lema-input-text::-webkit-input-placeholder,
.donation-page-wrapper #lema-container.lema-container .lema-input-textarea::-webkit-input-placeholder,
.donation-page-wrapper #lema-container.lema-container .lema-checkbox-label,
.donation-page-wrapper #lema-container.lema-container .lema-summary-check,
.donation-page-wrapper #lema-container.lema-container .lema-button,
.donation-page-wrapper #lema-container.lema-container .select2-container.select2-container .select2-choice {
  font-family: Herzensbilder !important;
  font-variant-numeric: lining-nums tabular-nums;
}

.select2-results li .select2-result-label {
  font-family: Herzensbilder !important;
}

.contact-wrapper {
  padding: 1px 0px 20px 0px;
}
.contact-wrapper h1 {
  margin-left: -10px;
}
.contact-wrapper #contact_send {
  margin-left: -10px;
}
.contact-wrapper .recaptcha-row {
  margin-bottom: 50px;
}
.contact-wrapper .recaptcha-row .recaptcha-message {
  position: absolute;
  color: #E57373;
  display: none;
}

.header {
  position: relative;
  min-height: 720px;
  padding-bottom: 32px;
}
.header .header-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.header.small {
  min-height: auto;
}
.header.brownish_grey {
  background-image: linear-gradient(167deg, #707070, rgba(255, 255, 255, 0) 75%);
}
.header.light_peach {
  background-image: linear-gradient(167deg, #ECDFCC, rgba(255, 255, 255, 0) 75%);
}
.header.seafoam_blue {
  background-image: linear-gradient(167deg, #5ECCE5, rgba(255, 255, 255, 0) 75%);
}
.header.spring_rain {
  background-image: linear-gradient(167deg, #A6C6B0, rgba(255, 255, 255, 0) 75%);
}
.header.glacier {
  background-image: linear-gradient(167deg, #8BB7C9, rgba(255, 255, 255, 0) 75%);
}
.header.zinnwaldite {
  background-image: linear-gradient(167deg, #EDB5B1, rgba(255, 255, 255, 0) 75%);
}
.header .header-title {
  margin-bottom: 32px;
}
.header .image-description {
  font-size: 1rem;
}

.cms .brand {
  padding-left: 64px;
}
.cms nav {
  position: absolute;
  background-color: transparent;
  box-shadow: none;
}
.cms nav .nav-wrapper {
  background-color: transparent;
}
.cms nav .nav-wrapper ul {
  margin-right: 100px;
}
.cms nav .nav-wrapper ul li a {
  font-size: 21px;
  color: #212121;
}
.cms #nav-mobile li a {
  font-size: 21px;
}
.cms #nav-mobile li.selected a {
  font-weight: bold;
}
.cms .brand {
  height: 128px;
  padding-left: 50px;
  padding-top: 50px;
  display: flex;
  flex-direction: row;
  margin-bottom: 64px;
}
.cms .brand .brand-logo {
  max-height: 100%;
}
.cms .brand .brand-title {
  font-size: 2rem;
  align-self: flex-end;
}

.mobile-navigation-li-style {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
  width: 100%;
  text-align: start;
  letter-spacing: 0.64px;
}
.mobile-navigation-li-style:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 600px) and (max-width: 992px) {
  .video-wrapper {
    padding: 50px 50px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .video-wrapper {
    padding: 50px 150px;
  }
}
@media screen and (min-width: 1200px) {
  .video-wrapper {
    padding: 150px 250px;
  }
}
.video-wrapper .iframe-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper .label {
  height: 50px;
  position: absolute;
  bottom: -86px;
}

.image-wrapper img {
  width: 100%;
}

img {
  display: inherit;
}

#auth-container {
  width: 50%;
  margin: 64px auto;
  margin-top: 0px;
  text-align: center;
}
#auth-container .brand-logo {
  max-height: 64px;
  max-width: 100%;
}
#auth-container #auth-form {
  margin-top: 32px;
  text-align: center;
}
#auth-container #auth-form .text-secondary {
  color: #8FCCE2;
  opacity: 0.75;
}
#auth-container #auth-form .login-secondary-button {
  color: #8FCCE2;
  font-weight: bold;
}
#auth-container #auth-form button[type=submit] {
  margin-top: 32px;
  background-color: #8FCCE2;
}

.error-message {
  font-size: 14px;
  color: red;
}

@media only screen and (max-width: 992px) {
  #auth-container {
    width: 80%;
    margin: 32px auto;
  }
}
#registration-container {
  margin: 64px;
  width: 60%;
}
#registration-container .brand-logo {
  max-height: 64px;
  max-width: 100%;
}
#registration-container #registration-form {
  margin-top: 32px;
}
#registration-container #registration-form button[type=submit] {
  background-color: #8FCCE2;
}

@media only screen and (max-width: 992px) {
  #auth-container {
    width: 80%;
    margin: 32px auto;
  }
}
.back-link {
  margin-left: 10px;
  color: grey;
}

.arrow-back-icon {
  position: relative;
  margin-right: 12px;
  top: 5px;
}

.back-wrapper {
  padding-top: 32px;
}

#register-complete {
  margin: 64px;
  width: calc(100% - 128px);
  text-align: left;
}
#register-complete .brand-logo {
  max-height: 64px;
  max-width: 100%;
}
#register-complete .message {
  text-align: center;
}

#agb img {
  height: 100px;
  margin-bottom: 50px;
}
#agb h1,
#agb h2 {
  font-weight: bold3;
}
#agb ul li {
  list-style-type: square;
}

#calendar-container {
  height: calc(100% - 64px);
  margin: 32px;
}
#calendar-container #calendar .fc-toolbar button {
  font-size: 14px;
  padding: 8px 15px 8px 15px;
  color: #ffffff;
  background-color: #5BBBD1;
  border: 0px;
  border-radius: 2px;
  margin-top: 10.5px;
}
#calendar-container #calendar .fc-toolbar button:focus {
  outline: none;
  box-shadow: none;
}
#calendar-container #calendar .fc-toolbar .fc-left,
#calendar-container #calendar .fc-toolbar .fc-center,
#calendar-container #calendar .fc-toolbar .fc-right {
  flex: 1 0 0;
}
#calendar-container #calendar .fc-toolbar .fc-center {
  text-align: center;
}
#calendar-container #calendar .fc-toolbar .fc-right {
  text-align: right;
}
#calendar-container .fc-content {
  color: #000000;
  letter-spacing: 0.04em;
  font-variant-numeric: lining-nums tabular-nums;
}
#calendar-container .fc-event-container {
  cursor: pointer;
}
#calendar-container .fc-unthemed th,
#calendar-container .fc-unthemed td {
  border-color: #8a8a8a;
}
#calendar-container .fc-unthemed th.fc-today,
#calendar-container .fc-unthemed td.fc-today {
  background-color: #fff6c4;
}
#calendar-container .fc-row .fc-content-skeleton tbody td {
  border-top: 1px solid #8a8a8a;
}
#calendar-container .fc-day-top {
  background-color: #eee;
}

#event-modal {
  word-break: break-word;
}
#event-modal p {
  margin: 0;
}
#event-modal #event-title {
  margin-top: 7px;
}
#event-modal #event-type {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#event-modal #event-type.SHIFT {
  background-color: #64b5f6;
}
#event-modal #event-type.EVENT {
  background-color: #81c784;
}
#event-modal #event-type.INQUIRY {
  background-color: #e57373;
}
#event-modal #event-type.VACATION {
  background-color: #ffb74d;
}
#event-modal #event-type.INTERN {
  background-color: #fff176;
}
#event-modal .no-padding-l {
  padding-left: 0px;
}
#event-modal #delete-event {
  float: left;
}

.tooltip {
  background: #333;
  color: white;
  padding: 4px 8px;
  opacity: 1;
  z-index: 100;
  margin: 15px;
}

#shifts-container #shifts-date-bar {
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#shifts-container #shifts-date-bar .shifts-navigation {
  width: 48px;
  height: 100%;
  flex: 0 0 auto;
}
#shifts-container #shifts-date-bar .shifts-navigation i {
  font-size: 3rem;
  color: black;
}
#shifts-container #shifts-date-bar #shifts-week {
  flex: 1 1 auto;
  color: #8FCCE2;
  font-size: 1.5rem;
}

#inquiries,
#inquiry {
  min-height: calc(100vh - 250px);
  padding-top: 25px;
  position: relative;
}
#inquiries .emergency-checkbox label span,
#inquiry .emergency-checkbox label span {
  color: red;
}
#inquiries .image-processing-wrapper,
#inquiry .image-processing-wrapper {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
  color: red;
}

.no-inquiries a {
  display: inline-block;
  color: #212121;
  font-size: 23px;
  height: 55px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px 13px;
}
.no-inquiries a:hover {
  background-color: transparent;
}
.no-inquiries a i {
  font-size: 24px;
}

.tabs {
  background-color: inherit;
  height: auto;
  margin-top: 60px;
}
.tabs .tab {
  height: 100%;
}
.tabs .tab.checklist {
  float: right;
}
.tabs .tab.checklist a {
  color: inherit;
}
.tabs .tab a:focus.active {
  background-color: transparent;
}
.tabs .tab a img {
  margin: 0 auto;
  height: 50px;
  opacity: 0.2;
}
.tabs .tab a.active img {
  opacity: 1;
}
.tabs .tab p {
  font-size: 16px;
  text-transform: none;
}

.ml--12 {
  margin-left: -12px;
}

.tabs .indicator {
  background-color: transparent;
}

#notification-modal-inquiry {
  height: 255px;
}

#notification-modal-inquiries {
  height: 375px;
}

#document-modal {
  height: 305px;
}

.inquiry-item {
  min-height: 80px;
  position: relative;
  font-size: 23px;
  background-color: #ffffff;
  color: #212121;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.inquiry-item .row {
  margin-bottom: 0px;
}
.inquiry-item .badge {
  margin-right: -15px;
  font-size: 23px;
  margin-top: 8px;
}
.inquiry-item .badge.mr-10 {
  margin-right: 10px;
}
.inquiry-item .badge.mr-20 {
  margin-right: 20px;
}
.inquiry-item .badge.mr-45 {
  margin-right: 45px;
}
.inquiry-item .icon-wrapper {
  position: absolute;
  top: 44px;
  right: 10px;
}
.inquiry-item .no-photographer {
  color: red;
}
.inquiry-item .image-processing {
  color: red;
}

.inquiry-item-status {
  float: right;
}

#inquiry {
  padding-top: 25px;
  padding-bottom: 50px;
}

.text-underline {
  text-decoration: underline;
}

.inquiry-data-1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.inquiry-btn-save {
  z-index: 1000;
  float: right;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.tab-content,
.collapsible {
  margin-top: 25px;
}
.tab-content.mt-150,
.collapsible.mt-150 {
  margin-top: 150px;
}

.collapsible-li {
  position: relative;
  margin: 0px !important;
}
.collapsible-li .collapsible-header {
  border-bottom: none;
}
.collapsible-li .collapsible-header p {
  margin: 0;
}
.collapsible-li .collapsible-body {
  padding: 16px;
  background-color: #ffffff;
}
.collapsible-li .collapsible-body .input-field.no-padding-r {
  padding-right: 0px;
}
.collapsible-li .collapsible-body .input-field.m4 {
  padding-right: 12px;
}
.collapsible-li .collapsible-body .input-field.no-padding-l {
  padding-left: 0px;
}
@media screen and (max-width: 600px) {
  .collapsible-li .collapsible-body .input-field.no-padding-l {
    padding-right: 0px;
  }
}
.collapsible-li .collapsible-body .input-field label {
  left: 0px;
}

.no-padding-rl {
  padding-left: 0px;
  padding-right: 0px;
}

.collapsible-li-icon-arrow {
  position: absolute;
  right: 0px;
}

.collapsible li.active i {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  transition-duration: 0.5s;
}

.inquiries-filter {
  margin-top: 25px;
}

.inquiries-order-icon {
  cursor: pointer;
}

.inquiries-order-icon.active {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  transition-duration: 0.5s;
}

.share-wrapper {
  position: relative;
}

.collapsible-li-icon-share {
  cursor: pointer;
  position: absolute;
  top: 16px;
  left: 120px;
}

#filter-from {
  color: inherit;
  border-bottom: 1px solid #9e9e9e;
}

#filter-to {
  color: inherit;
  border-bottom: 1px solid #9e9e9e;
}

.filter-clear-icon {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
}

#create-inquiry {
  position: fixed;
  right: 6%;
  bottom: 15%;
}
@media screen and (max-width: 600px) {
  #create-inquiry {
    right: 5%;
    bottom: 15%;
  }
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  #create-inquiry {
    right: 7.5%;
    bottom: 15%;
  }
}

.web-inquiry-preview {
  overflow: hidden;
  padding: 40px 0px;
}
.web-inquiry-preview .couvert-open {
  display: none;
  position: fixed;
  transition: 0.3s;
  transform-origin: center;
  transform: rotate(15deg);
  max-width: 900px;
  max-height: 80vh;
  margin-top: -8vh;
  margin-left: -15vw;
  z-index: -1;
}
.web-inquiry-preview .couvert-open.show {
  display: block;
}
.web-inquiry-preview .report-wrapper {
  text-align: center;
  font-family: Herzensbilder;
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: 0.001em;
  color: #101010;
  padding: 37.5px 95px 95px 95px;
  display: none;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 150px;
}
@media screen and (max-width: 600px) {
  .web-inquiry-preview .report-wrapper {
    padding: 15px;
    margin: 150px 15px 0px 15px;
  }
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  .web-inquiry-preview .report-wrapper {
    margin: 150px 45px 0px 45px;
  }
}
.web-inquiry-preview .report-wrapper.show {
  display: block;
}
.web-inquiry-preview .report-wrapper .web-inquiry-number {
  margin-top: 0px;
}
.web-inquiry-preview .report-wrapper .web-inquiry-title {
  margin: 67.5px 0px;
  font-size: 90px;
}
@media only screen and (max-width: 600px) {
  .web-inquiry-preview .report-wrapper .web-inquiry-title {
    font-size: 35px;
  }
}
.web-inquiry-preview .report-wrapper .web-inquiry-lead-text {
  margin-bottom: 46px;
}
.web-inquiry-preview .report-wrapper .web-inquiry-lead-text .text-indent {
  padding-left: 50px;
  text-align: left;
}
.web-inquiry-preview .report-wrapper .web-inquiry-lead-text .text-indent p {
  font-style: italic;
}
@media screen and (max-width: 600px) {
  .web-inquiry-preview .report-wrapper .web-inquiry-lead-text .text-indent {
    padding-left: 25px;
  }
}
.web-inquiry-preview .report-wrapper .web-inquiry-lead-text a {
  color: inherit;
  border-bottom: 1px solid #212121;
}
.web-inquiry-preview .report-wrapper .icon-down {
  height: 25px;
  transition: all 0.5s ease-out;
  transform: rotate(270deg);
  cursor: pointer;
}
.web-inquiry-preview .report-wrapper .icon-down.active {
  transform: rotate(90deg);
}
.web-inquiry-preview .report-wrapper .web-inquiry-report {
  transition: max-height 0.7s ease-in-out;
  max-height: 0px;
  overflow: hidden;
  text-align: left;
}
.web-inquiry-preview .report-wrapper .web-inquiry-report.show {
  max-height: 10000px;
}
.web-inquiry-preview .report-wrapper .web-inquiry-report .text-indent {
  padding-left: 50px;
  text-align: left;
}
.web-inquiry-preview .report-wrapper .web-inquiry-report .text-indent p {
  font-style: italic;
}
@media screen and (max-width: 600px) {
  .web-inquiry-preview .report-wrapper .web-inquiry-report .text-indent {
    padding-left: 25px;
  }
}
.web-inquiry-preview .report-wrapper .web-inquiry-report a {
  color: inherit;
  border-bottom: 1px solid #212121;
}
.web-inquiry-preview .report-wrapper .web-inquiry-photographers-and-stylists {
  padding: 0px 0px 70px 0px;
}
.web-inquiry-preview .report-wrapper .web-inquiry-photographers-and-stylists p {
  margin: 0px;
}
.web-inquiry-preview .report-wrapper .web-inquiry-photographers-and-stylists p.photographers {
  margin-bottom: 10px;
}
.web-inquiry-preview .report-wrapper .web-inquiry-photographers-and-stylists p.photographers a {
  cursor: pointer;
  color: #101010;
}
.web-inquiry-preview .report-wrapper .web-inquiry-photographers-and-stylists p.stylists a {
  cursor: pointer;
  color: #101010;
}
.web-inquiry-preview .report-wrapper .web-inquiry-photographers-and-stylists a {
  border-bottom: 1px solid #212121;
}
.web-inquiry-preview .web-inquiry-images {
  margin: 0 auto;
  display: none;
}
@media screen and (max-width: 600px) {
  .web-inquiry-preview .web-inquiry-images {
    margin: 10px 20px 0px 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  .web-inquiry-preview .web-inquiry-images {
    margin: 10px 20px 0px 40px;
  }
}
.web-inquiry-preview .web-inquiry-images.show {
  display: block;
}
.web-inquiry-preview .couvert-wrapper {
  position: relative;
  transition: all 0.5s ease 0s;
  top: 0px;
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .web-inquiry-preview .couvert-wrapper {
    width: 100%;
  }
}
.web-inquiry-preview .couvert-wrapper.hide {
  display: none;
}
.web-inquiry-preview .couvert-wrapper.hovered {
  top: -15px;
}
.web-inquiry-preview .couvert-wrapper .first-couvert,
.web-inquiry-preview .couvert-wrapper .second-couvert {
  cursor: pointer;
  height: 600px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.web-inquiry-preview .couvert-wrapper .first-couvert.opacity-0,
.web-inquiry-preview .couvert-wrapper .second-couvert.opacity-0 {
  opacity: 0;
}
.web-inquiry-preview .couvert-wrapper .first-couvert {
  z-index: 2;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .web-inquiry-preview .couvert-wrapper .first-couvert {
    width: 100%;
  }
}
.web-inquiry-preview .couvert-wrapper .second-couvert {
  z-index: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}
.web-inquiry-preview .couvert-wrapper img {
  position: absolute;
}
.web-inquiry-preview .couvert-name {
  text-align: center;
  cursor: pointer;
  z-index: 3;
  width: 300px;
  position: absolute;
  bottom: 45%;
  left: calc(50% - 150px);
  font-size: 55px;
}
@media only screen and (max-width: 600px) {
  .web-inquiry-preview .couvert-name {
    font-size: 35px;
  }
}
.web-inquiry-preview .inquiry-image {
  width: 100%;
}
.web-inquiry-preview .back-icon {
  z-index: 100;
  position: fixed;
  top: 25px;
  right: 10px;
}
.web-inquiry-preview .back-icon img {
  width: 25px;
}
.web-inquiry-preview .grid {
  margin-top: 60px;
  max-width: 1000px;
}
.web-inquiry-preview .grid-item {
  margin-top: 25px;
}
.web-inquiry-preview .grid-item.web-inquiry-image {
  padding: 10px 10px 0px 10px;
  background-color: white;
}
.web-inquiry-preview .grid-sizer {
  margin-left: 12.5px;
  margin-right: 12.5px;
}
@media only screen and (max-width: 600px) {
  .web-inquiry-preview .grid-sizer,
  .web-inquiry-preview .grid-item {
    width: calc(100% - 25px);
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .web-inquiry-preview .grid-sizer,
  .web-inquiry-preview .grid-item {
    width: calc(50% - 25px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .web-inquiry-preview .grid-sizer,
  .web-inquiry-preview .grid-item {
    width: calc(25% - 25px);
  }
}
@media only screen and (min-width: 1200px) {
  .web-inquiry-preview .grid-sizer,
  .web-inquiry-preview .grid-item {
    width: calc(25% - 25px);
  }
}
.web-inquiry-preview .grid-item {
  float: left;
}

.slick-lightbox {
  background: rgba(0, 0, 0, 0.9) !important;
}
.slick-lightbox .back-icon {
  z-index: 100;
  position: fixed;
  top: 25px;
  right: 10px;
}
.slick-lightbox .back-icon img {
  width: 25px;
}
.slick-lightbox .slick-next,
.slick-lightbox .slick-prev {
  background-color: transparent;
  border: 0;
}
.slick-lightbox .slick-next img,
.slick-lightbox .slick-prev img {
  height: 25px;
}

#notes .note-div {
  position: relative;
}
#notes .note-div .note-by-span {
  color: #212121;
}
#notes .note-delete {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: #E57373;
}
#notes .note-edit {
  position: absolute;
  right: 35px;
  cursor: pointer;
  color: #5BBBD1;
}
#notes .note-by-span {
  color: #8FCCE2;
}
#notes .note-text-span {
  word-break: break-word;
  white-space: break-spaces;
}
#notes .note-text-span p {
  font-size: 16px;
}
#notes .note-text-span p strong {
  font-weight: 900;
}
#notes .add-note {
  margin-right: -12px;
  margin-top: 50px;
}

#reports .report-div {
  position: relative;
}
#reports .report-div .report-by-span {
  color: #212121;
}
#reports .report-delete {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: #E57373;
}
#reports .report-edit {
  position: absolute;
  right: 35px;
  cursor: pointer;
  color: #5BBBD1;
}
#reports .report-by-span {
  color: #8FCCE2;
}
#reports .report-text-span {
  word-break: break-word;
  white-space: break-spaces;
}
#reports .report-text-span p {
  font-size: 16px;
}
#reports .report-text-span p strong {
  font-weight: 900;
}
#reports .add-report {
  margin-right: -12px;
  margin-top: 50px;
}

#report h5 a {
  color: inherit;
  text-decoration: underline;
}
#report #cke_id_dossier_text {
  width: 100% !important;
}
#report #cke_id_report_text {
  width: 100% !important;
}
#report .states #id_states {
  margin-top: -20px;
}
#report .states #id_states ul li {
  margin-top: 48px;
}
#report .report-save {
  z-index: 1000;
  float: right;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}
#report .dossier-delete {
  background-color: #f44336;
}

#report-history i {
  position: relative;
  top: 5px;
  margin-right: 20px;
}
#report-history i.checked {
  color: green;
}
#report-history i.unchecked {
  color: red;
}

#profile-form textarea {
  height: 160px;
  max-height: 160px;
  overflow: auto;
}
#profile-form #cke_id_description2 {
  max-width: 800px !important;
  width: auto !important;
}
#profile-form .separate-correspondence-address {
  transition: all 0.7s ease-in-out;
  max-height: 0;
  overflow: hidden;
}
#profile-form .separate-correspondence-address.show {
  margin-bottom: 50px;
  max-height: 250px;
}

#photographers-portfolio {
  position: relative;
  margin-top: 150px;
  padding-bottom: 50px;
}
#photographers-portfolio #portfolio-photo-modal {
  height: 300px;
}
#photographers-portfolio #portfolio-photo-modal input[type=file].invalid {
  border-bottom: 1px solid #f44336;
  -webkit-box-shadow: 0 1px 0 0 #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}
#photographers-portfolio #portfolio-photo-modal .helper-text {
  margin-left: 78px;
  color: #f44336;
}
#photographers-portfolio .image-size-text {
  font-size: 16px;
}
#photographers-portfolio .photo-img {
  height: 100%;
  width: 100%;
}
#photographers-portfolio .photo-overlay {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 7px;
}
#photographers-portfolio .photo-overlay:hover {
  opacity: 0.7;
  transition: 0.5s ease;
  background-color: #5BBBD1;
}
#photographers-portfolio .photo-delete {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  color: #E57373;
}
#photographers-portfolio #add-portfolio-photo {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

#documents .document-div {
  position: relative;
}
#documents .document-div .document-by-span {
  color: #212121;
}
#documents .document-delete {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: #E57373;
}
#documents .document-edit {
  position: absolute;
  right: 35px;
  cursor: pointer;
  color: #5BBBD1;
}
#documents .document-by-span {
  color: #8FCCE2;
}
#documents .document-title-span {
  cursor: pointer;
  word-break: break-word;
}
#documents .document-title-span:hover {
  color: #8FCCE2;
}
#documents .add-document {
  margin-right: -12px;
  margin-top: 50px;
}

#photos .photo-img {
  height: 100%;
  width: 100%;
}
#photos .add-photo {
  margin-right: -12px;
  margin-top: 50px;
}

#photos-collection .photo-overlay {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 7px;
}
#photos-collection .photo-overlay:hover {
  opacity: 0.7;
  transition: 0.5s ease;
  background-color: #5BBBD1;
}
#photos-collection .photo-delete,
#photos-collection .photo-open {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 32px);
  color: #E57373;
}
#photos-collection .photo-open {
  left: calc(50% + 8px);
}

#web_inquiries .card-action {
  height: 55px;
}
#web_inquiries .card-action a {
  color: #8FCCE2 !important;
}
#web_inquiries .card-action a.edit {
  position: absolute;
  right: 0px;
}
#web_inquiries .card-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 75px;
}
#web_inquiries .add-new-web-inquiry-button {
  position: fixed;
  right: calc(6% + 12.5px);
  bottom: 15%;
}
@media screen and (max-width: 600px) {
  #web_inquiries .add-new-web-inquiry-button {
    right: calc(5% + 12.5px);
    bottom: 15%;
  }
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  #web_inquiries .add-new-web-inquiry-button {
    right: calc(7.5% + 12.5px);
    bottom: 15%;
  }
}

.inquiries-gallery {
  background-color: #c1ccc5;
}
.inquiries-gallery h1,
.inquiries-gallery p.info-text {
  margin-left: 20px;
}
.inquiries-gallery p.info-text {
  margin-right: 20px;
}
.inquiries-gallery h5 {
  color: #000000;
}
.inquiries-gallery .inquiry-number {
  color: #8a998f;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 18px;
}
.inquiries-gallery .inquiry-title {
  margin: 0px;
}
.inquiries-gallery .inquiry-title.mb {
  margin-bottom: 10px;
}
.inquiries-gallery .input-field {
  padding-left: 0px;
  width: 500px;
  max-width: 80%;
  max-width: calc(100% - 46px);
  margin-left: 25px;
}
@media only screen and (min-width: 1200px) {
  .inquiries-gallery .input-field {
    margin-left: 170px;
  }
}
.inquiries-gallery .input-field label {
  left: 0px;
}
.inquiries-gallery .grid {
  margin-right: 20px;
  transition: opacity 1s ease-out;
  opacity: 1;
}
.inquiries-gallery .grid.hidden {
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  .inquiries-gallery .grid-sizer,
  .inquiries-gallery .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(100% - 25px);
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .inquiries-gallery .grid-sizer,
  .inquiries-gallery .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(33.33% - 25px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inquiries-gallery .grid-sizer,
  .inquiries-gallery .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(25% - 25px);
  }
}
@media only screen and (min-width: 1200px) {
  .inquiries-gallery h1,
  .inquiries-gallery p.info-text {
    margin-left: 170px;
  }
  .inquiries-gallery p.info-text {
    margin-right: 170px;
  }
  .inquiries-gallery .grid {
    margin-left: 150px;
    margin-right: 130px;
  }
  .inquiries-gallery .grid-sizer,
  .inquiries-gallery .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(20% - 25px);
  }
}
.inquiries-gallery .grid-item {
  float: left;
}
.inquiries-gallery .web-inquiry {
  cursor: pointer;
  background-color: white;
  padding: 15px;
  margin: 12.5px;
  width: 100%;
  -webkit-transition: margin-top 500ms ease-out 0.1s;
  -moz-transition: margin-top 500ms ease-out 0.1s;
  -o-transition: margin-top 500ms ease-out 0.1s;
  transition: margin-top 500ms ease-out 0.1s;
}
.inquiries-gallery .web-inquiry:hover {
  box-shadow: -6px 6px 10px 0px rgba(0, 0, 0, 0.05), -4px 4px 15px 0px rgba(0, 0, 0, 0.05), -2px 2px 10px 0px rgba(0, 0, 0, 0.05), -1px 1px 24px 0px rgba(0, 0, 0, 0.05);
  margin-top: -10px;
}
.inquiries-gallery .web-inquiry-info {
  overflow-wrap: break-word;
}
.inquiries-gallery .web-inquiry-image {
  width: 100%;
}
.inquiries-gallery .web-inquiry-image.default-image {
  height: 165px;
  width: auto;
  margin-bottom: -15px;
  position: relative;
  left: calc(50% - 82.5px);
}

.main-website-bg-color {
  background-color: #c1ccc5;
}

.preloader-wrapper {
  position: fixed;
  top: calc(50% - 31.5px);
  left: calc(50% - 32.5px);
  transition: opacity 1s ease-out;
  opacity: 1;
}
.preloader-wrapper.hidden {
  opacity: 0;
}

#coworker img {
  max-width: 100%;
}

#templates a {
  color: #8FCCE2 !important;
}
#templates .template-item {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#templates .template-item .row {
  margin-bottom: 0px;
}
#templates .template-item .download {
  cursor: pointer;
}
#templates .template-item i {
  transform: none;
}

.brand.coworkers {
  margin-bottom: 19px;
}

.coworkers footer {
  background-color: #707070;
}

#coworkers {
  overflow: auto;
  padding-top: 120px;
  padding-bottom: 250px;
  background-color: rgba(176, 178, 178, 0.062745098);
}
#coworkers .search-actions {
  margin-top: 100px;
  margin-bottom: 150px;
}
@media only screen and (max-width: 600px) {
  #coworkers .search-actions {
    margin-bottom: 50px;
  }
}
#coworkers .search-actions button {
  width: 150px;
  text-align: left;
  margin-right: 25px;
}
@media only screen and (max-width: 600px) {
  #coworkers .search-actions button {
    margin-top: 12.5px;
  }
}
#coworkers .search-actions button.active {
  background-color: rgba(91, 187, 209, 0.25);
}
#coworkers .search-actions .cantons-filter {
  width: 300px;
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  #coworkers .search-actions .cantons-filter {
    width: 100%;
  }
}
#coworkers .search-actions .cantons-filter .select-dropdown.dropdown-trigger ::-webkit-input-placeholder {
  text-align: left;
}
#coworkers .group-start-letter {
  margin: 0px;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 22px;
}
#coworkers .members {
  min-height: 500px;
}
#coworkers .members .member {
  min-height: 70px;
  float: left;
  text-align: left;
  padding: 0px 10px;
}
@media only screen and (max-width: 600px) {
  #coworkers .members .member {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  #coworkers .members .member {
    width: 33.33%;
  }
}
@media only screen and (min-width: 992px) {
  #coworkers .members .member {
    width: 25%;
  }
}
#coworkers .members .member img {
  max-width: 100%;
  display: inherit;
}
#coworkers .members .member .member-name {
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 22px;
}
#coworkers .members .member .member-description {
  margin-top: -4px;
}
#coworkers .members .member .member-border-div {
  border-bottom: 1px solid;
}
@media only screen and (max-width: 600px) {
  #coworkers .members .member.start-letter {
    margin-top: 20px;
  }
}
#coworkers .no-profiles {
  margin-top: 100px;
}

#profile-modal,
.profile-modal {
  padding-top: 75px;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0 !important;
}
#profile-modal.no-overflow,
.profile-modal.no-overflow {
  overflow: hidden;
}
#profile-modal .loader,
.profile-modal .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  z-index: 1;
}
#profile-modal .loader .preloader-wrapper,
.profile-modal .loader .preloader-wrapper {
  position: absolute !important;
  width: 80px !important;
  height: 80px !important;
  top: calc(50% - 40px) !important;
  left: calc(50% - 40px) !important;
}
#profile-modal .loader .preloader-wrapper .spinner-layer,
.profile-modal .loader .preloader-wrapper .spinner-layer {
  border-color: #8FCCE2;
}
#profile-modal img,
.profile-modal img {
  width: 100%;
  max-width: 100%;
}
#profile-modal .close-wrapper,
.profile-modal .close-wrapper {
  position: relative;
}
#profile-modal .close-wrapper .close-dialog,
.profile-modal .close-wrapper .close-dialog {
  position: absolute;
  top: -50px;
  right: 30px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  #profile-modal .close-wrapper .close-dialog,
  .profile-modal .close-wrapper .close-dialog {
    right: 0px;
    height: 35px;
  }
}
@media only screen and (max-width: 992px) {
  #profile-modal .close-wrapper .close-dialog,
  .profile-modal .close-wrapper .close-dialog {
    right: 10px;
    height: 25px;
  }
}
#profile-modal .profile-social-networks,
.profile-modal .profile-social-networks {
  margin-top: 32px;
  margin-bottom: 70px;
}
#profile-modal .profile-social-networks a,
.profile-modal .profile-social-networks a {
  float: left;
  margin-right: 15px;
}
#profile-modal .profile-social-networks img,
.profile-modal .profile-social-networks img {
  height: 32px;
  width: 32px;
}
#profile-modal .profile-description,
.profile-modal .profile-description {
  margin-top: -23px;
  word-break: break-word;
  clear: both;
}
#profile-modal .no-padding-l,
.profile-modal .no-padding-l {
  padding-left: 0px !important;
}
#profile-modal .info,
.profile-modal .info {
  margin-bottom: 75px;
}
#profile-modal .profile-info,
.profile-modal .profile-info {
  padding-left: 50px;
}
@media only screen and (max-width: 1200px) {
  #profile-modal .profile-info,
  .profile-modal .profile-info {
    margin-top: 50px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 600px) {
  #profile-modal .profile-info,
  .profile-modal .profile-info {
    margin-top: 25px;
    padding-left: 0px;
  }
}
#profile-modal .profile-info .website,
.profile-modal .profile-info .website {
  margin-top: 20px;
}
#profile-modal .profile-info a,
.profile-modal .profile-info a {
  color: inherit;
  text-decoration: underline;
}
#profile-modal .profile-info a.email,
.profile-modal .profile-info a.email {
  margin-bottom: 10px;
}
#profile-modal .profile-info .telephone,
.profile-modal .profile-info .telephone {
  font-size: 16px;
  margin-bottom: -5px;
}
#profile-modal .profile-inquiries,
.profile-modal .profile-inquiries {
  position: relative;
  background-color: #c1ccc5;
  padding: 75px 0px 75px 0px;
  overflow: auto;
}
#profile-modal .profile-inquiries .logo,
.profile-modal .profile-inquiries .logo {
  height: 100px;
  width: auto;
  margin-bottom: 30px;
}
#profile-modal .portfolio,
.profile-modal .portfolio {
  position: relative;
  padding: 75px 0px;
}
#profile-modal .portfolio .portfolio-from,
.profile-modal .portfolio .portfolio-from {
  margin-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  #profile-modal .portfolio .container,
  .profile-modal .portfolio .container {
    width: 80%;
  }
}
#profile-modal .portfolio .portfolio-icon-left,
.profile-modal .portfolio .portfolio-icon-left {
  cursor: pointer;
  height: 45px;
  width: auto;
  position: absolute;
  top: calc(50% - 22.5px);
  right: -45px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 600px) {
  #profile-modal .portfolio .portfolio-icon-left,
  .profile-modal .portfolio .portfolio-icon-left {
    height: 25px;
    right: -25px;
  }
}
#profile-modal .portfolio .portfolio-icon-right,
.profile-modal .portfolio .portfolio-icon-right {
  cursor: pointer;
  height: 45px;
  width: auto;
  position: absolute;
  top: calc(50% - 22.5px);
  left: -45px;
}
@media only screen and (max-width: 600px) {
  #profile-modal .portfolio .portfolio-icon-right,
  .profile-modal .portfolio .portfolio-icon-right {
    height: 25px;
    left: -25px;
  }
}
#profile-modal .portfolio .slider,
.profile-modal .portfolio .slider {
  position: relative;
}
#profile-modal .portfolio .slider .slides .valign-wrapper,
.profile-modal .portfolio .slider .slides .valign-wrapper {
  opacity: inherit;
  overflow: visible;
}
#profile-modal .portfolio .slider .slides .valign-wrapper img,
.profile-modal .portfolio .slider .slides .valign-wrapper img {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fafafa;
}
#profile-modal .portfolio .slider .slides .valign-wrapper .title,
.profile-modal .portfolio .slider .slides .valign-wrapper .title {
  height: 40px;
  position: absolute;
  bottom: -85px;
}
@media only screen and (max-width: 600px) {
  #profile-modal .portfolio .slider .slides .valign-wrapper .title,
  .profile-modal .portfolio .slider .slides .valign-wrapper .title {
    bottom: -65px;
  }
}
@media only screen and (max-width: 992px) {
  #profile-modal .portfolio .slider .slides .valign-wrapper .title,
  .profile-modal .portfolio .slider .slides .valign-wrapper .title {
    bottom: -75px;
  }
}
#profile-modal .inquiries,
.profile-modal .inquiries {
  background-color: #c1ccc5;
}
#profile-modal .inquiries h1,
.profile-modal .inquiries h1 {
  margin-left: 20px;
}
#profile-modal .inquiries h5,
.profile-modal .inquiries h5 {
  color: #000000;
}
#profile-modal .inquiries .inquiry-number,
.profile-modal .inquiries .inquiry-number {
  color: #8a998f;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 18px;
}
#profile-modal .inquiries .inquiry-title,
.profile-modal .inquiries .inquiry-title {
  margin: 0px;
}
#profile-modal .inquiries .inquiry-title.mb,
.profile-modal .inquiries .inquiry-title.mb {
  margin-bottom: 10px;
}
#profile-modal .inquiries .grid,
.profile-modal .inquiries .grid {
  transition: opacity 1s ease-out;
  opacity: 1;
}
#profile-modal .inquiries .grid.hidden,
.profile-modal .inquiries .grid.hidden {
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #profile-modal .inquiries .grid-sizer,
  #profile-modal .inquiries .grid-item,
  .profile-modal .inquiries .grid-sizer,
  .profile-modal .inquiries .grid-item {
    margin: 12.5px;
    width: calc(100% - 25px);
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  #profile-modal .inquiries .grid-sizer,
  #profile-modal .inquiries .grid-item,
  .profile-modal .inquiries .grid-sizer,
  .profile-modal .inquiries .grid-item {
    margin: 12.5px;
    width: calc(50% - 25px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #profile-modal .inquiries .grid-sizer,
  #profile-modal .inquiries .grid-item,
  .profile-modal .inquiries .grid-sizer,
  .profile-modal .inquiries .grid-item {
    margin: 12.5px;
    width: calc(33.33% - 25px);
  }
}
@media only screen and (min-width: 1200px) {
  #profile-modal .inquiries h1,
  .profile-modal .inquiries h1 {
    margin-left: 170px;
  }
  #profile-modal .inquiries .grid-sizer,
  #profile-modal .inquiries .grid-item,
  .profile-modal .inquiries .grid-sizer,
  .profile-modal .inquiries .grid-item {
    margin: 12.5px;
    width: calc(25% - 25px);
  }
}
#profile-modal .inquiries .grid-item,
.profile-modal .inquiries .grid-item {
  float: left;
}
#profile-modal .inquiries .web_inquiry,
.profile-modal .inquiries .web_inquiry {
  cursor: pointer;
  background-color: white;
  padding: 15px;
  width: 100%;
  -webkit-transition: margin-top 500ms ease-out 0.1s;
  -moz-transition: margin-top 500ms ease-out 0.1s;
  -o-transition: margin-top 500ms ease-out 0.1s;
  transition: margin-top 500ms ease-out 0.1s;
}
#profile-modal .inquiries .web_inquiry:hover,
.profile-modal .inquiries .web_inquiry:hover {
  box-shadow: -6px 6px 10px 0px rgba(0, 0, 0, 0.05), -4px 4px 15px 0px rgba(0, 0, 0, 0.05), -2px 2px 10px 0px rgba(0, 0, 0, 0.05), -1px 1px 24px 0px rgba(0, 0, 0, 0.05);
  margin-top: -10px;
}
#profile-modal .inquiries .web-inquiry-info,
.profile-modal .inquiries .web-inquiry-info {
  overflow-wrap: break-word;
}
#profile-modal .inquiries .web-inquiry-image,
.profile-modal .inquiries .web-inquiry-image {
  width: 100%;
}
#profile-modal .inquiries .web-inquiry-image.default-image,
.profile-modal .inquiries .web-inquiry-image.default-image {
  height: 165px;
  width: auto;
  margin-bottom: -15px;
  position: relative;
  left: calc(50% - 82.5px);
}
#profile-modal .mt-50,
.profile-modal .mt-50 {
  margin-top: 50px;
}
#profile-modal .ml-50,
.profile-modal .ml-50 {
  margin-left: 50px;
}
#profile-modal .no-margin-b,
.profile-modal .no-margin-b {
  margin-bottom: 0px;
}
#profile-modal .no-margin-t,
.profile-modal .no-margin-t {
  margin-top: 0px;
}
#profile-modal .clear,
.profile-modal .clear {
  clear: both;
}

#state-messages .asked {
  height: 150px;
}
#state-messages .state-message-div {
  position: relative;
}
#state-messages .state-message-div .state-message-by-span {
  color: #212121;
}
#state-messages .state-message-delete {
  position: absolute;
  right: 0px;
  cursor: pointer;
  color: #E57373;
}
#state-messages .state-message-by-span {
  color: #8FCCE2;
}
#state-messages .state-message-text-span {
  word-break: break-word;
}
#state-messages .add-state-message {
  margin-right: -12px;
  margin-top: 50px;
}

#dossier .django-ckeditor-widget {
  width: 100% !important;
}
#dossier #cke_id_dossier_text {
  width: 100% !important;
}

#donations .grid-item {
  float: left;
}
@media only screen and (max-width: 600px) {
  #donations .grid-sizer,
  #donations .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(100% - 25px);
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  #donations .grid-sizer,
  #donations .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(33.33% - 25px);
  }
  #donations .grid-sizer.double,
  #donations .grid-item.double {
    width: calc(66.66% - 25px);
  }
}
@media only screen and (min-width: 992px) {
  #donations .grid-sizer,
  #donations .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(25% - 25px);
  }
  #donations .grid-sizer.double,
  #donations .grid-item.double {
    width: calc(50% - 25px);
  }
}
@media only screen and (min-width: 1200px) {
  #donations .grid-sizer,
  #donations .grid-item {
    margin-left: 12.5px;
    margin-right: 12.5px;
    width: calc(20% - 25px);
  }
  #donations .grid-sizer.double,
  #donations .grid-item.double {
    width: calc(40% - 25px);
  }
}
#donations .card-action {
  position: relative;
  text-align: right;
}
#donations .card-action .assign-checkbox-wrapper {
  position: absolute;
  left: 0;
  margin-left: 24px;
}
#donations .card-action i {
  cursor: pointer;
  color: red;
}
#donations .card-action i.sent {
  color: green;
}
#donations .card-action .chip {
  max-width: calc(100% - 48px);
  position: absolute;
  right: 0;
  top: 56px;
  margin-right: 24px;
}
#donations .card-action .chip span {
  display: block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#donations .card-action .chip i {
  position: absolute;
  right: 8px;
  top: 0;
}
#donations #selected-donations-wrapper {
  display: none;
}
#donations #selected-donations-wrapper.show {
  display: block;
}
#donations #selected-donations-wrapper .selected-count-label {
  margin-top: 7px;
}

/*# sourceMappingURL=main.css.map */