/*----------  base float
------------------------------------------------------------------------------*/
/*----------  Text Overflow
------------------------------------------------------------------------------*/
/*---------- horizontal align
------------------------------------------------------------------------------*/
/* Button styles  gradients & shadows */
@-webkit-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em);
  }
  60% {
    -webkit-transform: translateY(-0.15em);
    -ms-transform: translateY(-0.15em);
    transform: translateY(-0.15em);
  }
}
@-moz-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em);
  }
  60% {
    -webkit-transform: translateY(-0.15em);
    -ms-transform: translateY(-0.15em);
    transform: translateY(-0.15em);
  }
}
@-o-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em);
  }
  60% {
    -webkit-transform: translateY(-0.15em);
    -ms-transform: translateY(-0.15em);
    transform: translateY(-0.15em);
  }
}
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-0.3em);
    -ms-transform: translateY(-0.3em);
    transform: translateY(-0.3em);
  }
  60% {
    -webkit-transform: translateY(-0.15em);
    -ms-transform: translateY(-0.15em);
    transform: translateY(-0.15em);
  }
}
@-o-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: #fff;
    -webkit-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-moz-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: #fff;
    -moz-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: #fff;
    transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-webkit-keyframes checkbox-check-orange {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    -webkit-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-moz-keyframes checkbox-check-orange {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    -moz-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check-orange {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-webkit-keyframes checkbox-check-green {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    -webkit-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-moz-keyframes checkbox-check-green {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    -moz-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check-green {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-webkit-keyframes checkbox-check-green-b2b {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    -webkit-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@-moz-keyframes checkbox-check-green-b2b {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    -moz-transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check-green-b2b {
  0% {
    width: 0;
    height: 0;
    border-color: var(--brand-color-1);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: var(--brand-color-1);
    transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check-white {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.5em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.9em;
    border-color: #fff;
    transform: translate3d(0, -0.9em, 0) rotate(45deg);
  }
}
#bubbles {
  text-align: center;
}
#bubbles .content-wrapper {
  padding: 0;
}
#bubbles .mod_article {
  float: none;
}
#bubbles li {
  display: inline-block;
}
#bubbles li a.icon {
  display: inline-block;
  text-align: center;
  padding: 0 2.5em;
  text-transform: lowercase;
  font-weight: var(--font-base-light-weight);
  font-size: 0.95em;
}
#bubbles li a.icon:before {
  color: #999;
  font-size: 4em;
  display: block;
  overflow: visible;
  margin: 0 auto 0.15em auto;
  font-weight: normal;
  -webkit-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
#bubbles li a.icon:hover:before {
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  -ms-animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@media screen and (min-width: 851px) and (max-width: 1100px) {
  #bubbles li {
    max-width: 19.5%;
    vertical-align: top;
  }
  #bubbles li a.icon {
    padding: 0 2.5em;
  }
}
@media screen and (min-width: 851px) {
  #bubbles ul {
    margin-bottom: 0;
    padding: 2em 0;
  }
}
@media screen and (max-width: 850px) {
  #bubbles .content-wrapper {
    padding-top: 2em;
  }
  #bubbles li a.icon {
    padding: 0 2em;
  }
}
@media screen and (max-width: 410px) {
  #bubbles li a.icon {
    padding: 0 1em;
  }
  #bubbles li a.icon:before {
    font-size: 4em;
  }
}
@media (max-width: 850px) {
  #bubbles {
    display: none;
  }
}
@media (max-width: 850px) {
  body.showIconOnMobile #bubbles {
    display: block;
  }
  body.showIconOnMobile #bubbles .mod_navigation ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2em 0 0;
  }
  body.showIconOnMobile #bubbles .mod_navigation ul li {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 481px) and (max-width: 850px) {
  body.showIconOnMobile #bubbles .mod_navigation li {
    width: 33.33%;
  }
}
@media (max-width: 480px) {
  body.showIconOnMobile #bubbles .mod_navigation li {
    width: 50%;
  }
  body.showIconOnMobile #bubbles .mod_navigation li a {
    padding: 0 1em;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvirtual%2Fgu.abnahme-server.de%2Fhtdocs%2Fvendor%2Fmagmell-agentur%2Fzeag-quartiersentwicklung%2Fsrc%2FResources%2Fpublic%2Fcss%2Fbubbles-custom.scss%22%2C%22var%2Fwww%2Fvirtual%2Fgu.abnahme-server.de%2Fhtdocs%2Fvendor%2Fmagmell-agentur%2Fzeag-quartiersentwicklung%2Fsrc%2FResources%2Fpublic%2Fcss%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC6SA%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACI%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAEJ%3BAACI%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAEJ%3BAACI%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAEJ%3BAACI%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOD%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADtnBF%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAqBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASF%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAACC%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAEE%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAMH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASC%3BAAAA%3BAAAA%3BAAAA%3BAAIK%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAON%3BAAEK%3BAAAA%3BAAAA%3BAAAA%3BAAML%3BAAEK%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%22%7D */