@charset "UTF-8";
#col-main-content.content-referenzen .row-referenzen {
  margin-left: -3px;
  margin-right: -3px;
  margin-bottom: 60px;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner {
  position: relative;
  transform: scale(1);
  transition: 0.25s;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner:before, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner:before {
  content: "";
  border: 1px solid #eee;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: none;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /* background:rgba(0,0,0,0.75); */
  transform: scale(1);
  opacity: 1;
  transition: 0.25s;
  overflow: hidden;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-inner, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-inner {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 20px;
  margin-top: -15px;
  color: #fff;
  /* font: 30px/38px "Niveau Grotesk W01 Bold", Arial, sans-serif; */
  font: 28px/34px "IBM Plex Serif", serif;
  font-weight: 600;
  transition: 0.25s;
  /* text-shadow: 0px 0px 5px rgba(0,0,0,0.5); */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-inner.rotate-left, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-inner.rotate-left {
  -webkit-transform: translateY(-50%) rotate(-18deg);
  -ms-transform: translateY(-50%) rotate(-18deg);
  transform: translateY(-50%) rotate(-18deg);
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-inner.rotate-right, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-inner.rotate-right {
  -webkit-transform: translateY(-50%) rotate(18deg);
  -ms-transform: translateY(-50%) rotate(18deg);
  transform: translateY(-50%) rotate(18deg);
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  color: #fff;
  font: 20px/30px "Niveau Grotesk W01 Medium", Arial, sans-serif;
  text-transform: uppercase;
  background: #f88f23;
  box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.35);
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-tourismus, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-tourismus {
  /* #DD529D - rgba(221, 82, 157, 1)
  background:rgba(221,82,157,1);*/
  /* #2D9E9D text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #2d9e9d, 0px 0px 10px #2d9e9d; */
  background: #2d9e9d;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-handel, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-handel {
  /* #84C9D6 - rgba(132, 201, 214, 1)
  background:rgba(132,201,214,1); */
  /* #0a82c8 - rgba(10, 130, 200, 1) text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #0a82c8, 0px 0px 10px #0a82c8;*/
  background: #0a82c8;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-handwerk, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-handwerk {
  /* #2D9E9D
  background:rgba(45,158,157,1); */
  /* #DD529D - rgba(221, 82, 157, 1) text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #DD529D, 0px 0px 10px #DD529D;*/
  background: #dd529d;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-gesundheit, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-gesundheit {
  /* #A84079 - rgba(168, 64, 121, 1)
  background:rgba(168,64,121,1); */
  /* #A3C539 - rgba(163, 197, 57, 1) text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #A3C539, 0px 0px 10px #A3C539;*/
  background: #a3c539;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-kultur, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-kultur {
  /* #F9F82D - rgba(249, 248, 45, 1)
  background:rgba(249,248,45,1); */
  /* #84C9D6 - rgba(132, 201, 214, 1) text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #84C9D6, 0px 0px 10px #84C9D6;*/
  background: #84c9d6;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-dienstleitungen, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-dienstleitungen {
  /* #EC963F - rgba(236, 150, 63, 1)
  background:rgba(236,150,63,1);
  background: #DD0078; */
  /* #EC963F - rgba(236, 150, 63, 1) text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #EC963F, 0px 0px 10px #EC963F;*/
  background: #ec963f;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-industrie, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-industrie {
  /* #A3C539 - rgba(163, 197, 57, 1)
  background:rgba(163,197,57,1); */
  /* #A84079 - rgba(168, 64, 121, 1) text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85), 0px 0px 1px #A84079, 0px 0px 10px #A84079;*/
  background: #a84079;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-bildung, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text .rbq-text-cat-inner.rbq-text-cat-bildung {
  background: #ffc800;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-tourismus, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-tourismus {
  /* #2D9E9D */
  background: rgba(45, 158, 157, 0.85);
  /*
  .rbq-text-inner {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #2d9e9d, 0px 0px 15px #2d9e9d;
    color: #2d9e9d;
  }
   */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-handel, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-handel {
  /* #F9F82D - rgba(249, 248, 45, 1)
  background:rgba(249,248,45,0.75); */
  /* #0a82c8 - rgba(10, 130, 200, 1) */
  background: rgba(10, 130, 200, 0.85);
  /*
  .rbq-text-inner {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #0a82c8, 0px 0px 15px #0a82c8;
  }
   */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-handwerk, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-handwerk {
  /* #DD529D - rgba(221, 82, 157, 1)*/
  background: rgba(221, 82, 157, 0.85);
  /*
  .rbq-text-inner {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #DD529D, 0px 0px 15px #DD529D;
    color: #dd529d;
  }
  */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-gesundheit, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-gesundheit {
  /* #A3C539 - rgba(163, 197, 57, 1) */
  background: rgba(163, 197, 57, 0.85);
  /*
  .rbq-text-inner {
     text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #A3C539, 0px 0px 15px #A3C539;
   }
   */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-kultur, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-kultur {
  /* #84C9D6 - rgba(132, 201, 214, 1) */
  background: rgba(132, 201, 214, 0.85);
  /*
  .rbq-text-inner {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #84C9D6, 0px 0px 15px #84C9D6;
  }
   */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-dienstleitungen, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-dienstleitungen {
  /* #EC963F - rgba(236, 150, 63, 1) */
  background: rgba(236, 150, 63, 0.85);
  /*
  .rbq-text-inner {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #EC963F, 0px 0px 15px #EC963F;
  }
   */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-industrie, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-industrie {
  /* #A84079 - rgba(168, 64, 121, 1) */
  background: rgba(168, 64, 121, 0.85);
  /*
  .rbq-text-inner {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85), 0px 0px 3px #A84079, 0px 0px 15px #A84079;
  }
   */
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .rbq-text.rbq-text-bildung, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .rbq-text.rbq-text-bildung {
  background: rgba(255, 200, 0, 0.85);
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner img, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner img.rbq-image, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner img, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner img.rbq-image {
  position: relative;
  z-index: 1;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .cta-button, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .cta-button {
  font: 15px/24px "Niveau Grotesk W01 Regular", Arial, sans-serif;
  padding-left: 15px;
  padding-right: 10px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  position: absolute;
  /* top: 50%; */
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  transform: scale(0);
  opacity: 0;
  transition: 0.25s;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .cta-button:after, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .cta-button:after {
  content: "";
}
@media (min-width: 768px) {
  #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .cta-button, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .cta-button {
    font: 15px/24px "Niveau Grotesk W01 Regular", Arial, sans-serif;
    padding-left: 15px;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .cta-button, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .cta-button {
    font: 20px/35px "Niveau Grotesk W01 Regular", Arial, sans-serif;
    padding-left: 35px;
    padding-right: 30px;
  }
  #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .cta-button i, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .cta-button i {
    font-size: 28px;
    vertical-align: middle;
    margin-top: -4px;
  }
}
@media (min-width: 1600px) {
  #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a .rbq-inner .cta-button, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link .rbq-inner .cta-button {
    font: 20px/35px "Niveau Grotesk W01 Regular", Arial, sans-serif;
    padding-left: 35px;
    padding-right: 30px;
  }
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a:hover .rbq-inner, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link:hover .rbq-inner {
  position: relative;
  transform: scale(1.1);
  z-index: 22;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a:hover .rbq-inner .rbq-text, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link:hover .rbq-inner .rbq-text {
  transform: scale(0);
  opacity: 0;
}
#col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a:hover .rbq-inner .cta-button, #col-main-content.content-referenzen .row-referenzen .ref-box-quadratic-main a.rbq-link:hover .rbq-inner .cta-button {
  transform: scale(1);
  opacity: 0.75;
}

/*# sourceMappingURL=ref-box-quadratic-leistungen.css.map */