/*----------  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);
  }
}
/* ===============
   Logo
================== */
/*
#logo {
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	max-width: 17.5em;
	min-height: 8.4em;	
	max-height: none;
	@media all and (max-width: 1150px) {
		min-height: 100%;
	}
	@media all and (max-width: 850px) {
		min-height: 6.2em;
		
		svg, img {
			height: 100%;
		}
	}
}
#header {
	@media all and (min-width: 851px) {
		.icon-links {
			margin-left: 18.5em;
		}
		.main_menu:after, .main_menu:before {
			left: 18.5em;
		}
	}
	@media all and (max-width: 1150px) {
		.icon-links {
			margin-left: 18.5em;
		}
		.main_menu {
			padding-left: 14.2em;
		}
		.main_menu:after, .main_menu:before {
			left: 18.5em;
		}
	}

	@media all and (max-width: 850px) {
		.icon-links {
		    margin-left: 20.5em;
		}
	}
	@media all and (max-width: 450px) {
		#logo {
			min-height: 4.2em;
		}
		.icon-links {
		    margin-left: 15em;
		}
	}
}
*/
@media (max-width: 471px) {
  .icon-links {
    margin-left: 13.6em;
  }
}
.mod_customnav {
  overflow: visible;
}
.mod_customnav .level_1 {
  text-align: right;
  position: relative;
  top: 0.5em;
  margin-bottom: 0;
}
.mod_customnav .level_1 li {
  display: inline;
  font-size: 0.8em;
  margin-right: 2em;
}
.mod_customnav .level_1 li:last-child {
  margin-right: 0;
}
.mod_customnav .level_1 li a {
  color: #767676;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mod_customnav .level_1 li.active a {
  font-weight: 700;
}
.mod_customnav .level_1 li:hover a {
  color: #333;
}
@media (max-width: 850px) {
  .mod_customnav {
    display: none;
  }
}
li.service-nav {
  border-bottom: 1px solid #D9D9D9;
  text-align: center !important;
}
li.service-nav ul {
  width: auto;
  display: inline-block;
  padding-bottom: 0.4em;
  padding-top: 0.65em;
}
li.service-nav ul:after {
  content: "";
  display: table;
  clear: both;
}
li.service-nav li {
  float: left;
  font-size: 1.4em;
  margin-right: 2em;
}
li.service-nav li:last-child {
  margin-right: 0;
}
li.service-nav li a {
  color: #999;
  padding: 0 !important;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
li.service-nav li.active a {
  font-weight: 700;
}
li.service-nav li:hover a {
  color: #333;
}
@media (max-width: 500px) {
  li.service-nav li {
    margin-right: 1em;
  }
}
@media (max-width: 340px) {
  li.service-nav {
    padding-top: 0.7em;
  }
  li.service-nav li {
    font-size: 14px;
  }
}
@media screen and (min-width: 851px) {
  #bubbles ul {
    top: 1em;
    position: relative;
  }
}
@media (min-width: 851px) {
  .button-area {
    display: none;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvirtual%2Fgu.abnahme-server.de%2Fhtdocs%2Fprivate-packages%2Fvonheldenundgestalten%2Fgu-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Fheader-main.scss%22%2C%22var%2Fwww%2Fvirtual%2Fgu.abnahme-server.de%2Fhtdocs%2Fprivate-packages%2Fvonheldenundgestalten%2Fgu-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2F..%2F..%2F..%2F..%2F..%2F..%2F..%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%3BAD1nBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA%2BDC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAOH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAMF%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */