#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		border-bottom: 1px solid #f7f7f7;
		color: #777;
		font-size: 0.99em;
		font-weight: 400;
		padding: 6px 18px 6px 18px;
		position: relative;
		text-transform: none;
		text-decoration: none;
		letter-spacing: -0.5px;
	}
	
	#header .header-nav-main nav > ul > li > a {
		display: inline-flex;
		align-items: center;
		white-space: normal;
		border-radius: 4px;
		color: #0088CC;
		font-size: 13px;
		font-style: normal;
		font-weight: 600;
		padding: 0.5rem 1rem;
		letter-spacing: -0.5px;
		text-transform: none;
		text-decoration: none;
	}	
/* gruen */
.custom-element-wrapper {
 position:absolute
}
.custom-element-wrapper.custom-element-9 {
 width:160px;
 height:160px;
 top:5%;
 left:7%
}
.custom-element-wrapper.custom-element-10 {
 width:160px;
 height:160px;
 top:65%;
 right:10%
}
.custom-element-wrapper.custom-element-11 {
 display:inline-block
}
.custom-element-wrapper.custom-element-11 img {
 border-radius:25px
}
.custom-element-wrapper.custom-element-11:before {
 display:block;
 content:"";
 position:absolute;
 top:30px;
 left:-30px;
 background:var(--primary);
 border-radius:25px;
 width:100%;
 height:100%;
 z-index:-1
}
/*voher*/
@keyframes customDiamondsLineAnim {
 from {
  stroke-dasharray:1330;
  stroke-dashoffset:0
 }
 to {
  stroke-dasharray:1330;
  stroke-dashoffset:-1300
 }
}
.customDiamondsLineAnim {
 animation-name:customDiamondsLineAnim
}
.diamonds {
 font-size:0;
 margin:40px auto 85px;
 position:relative;
 text-align:center;
 padding:50px 0 0 57px
}
.diamonds>li {
 display:inline-block;
 font-size:18px;
 margin-right:135px
}
.diamonds .diamond {
 background:0 0;
 display:block;
 height:243px;
 overflow:hidden;
 position:relative;
 text-decoration:none;
 width:245px;
 overflow:hidden;
 transform:rotate(-45deg)
}
.diamonds .diamond:after {
 transition:all .2s ease;
 content:" ";
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 background:#000;
 opacity:0;
 transform:scale(0);
 z-index:100
}
.diamonds .diamond:before {
 transition:all .2s ease;
 color:#fff;
 content:"\e091";
 font-family:simple-line-icons;
 font-size:28px;
 position:absolute;
 left:50%;
 top:50%;
 opacity:0;
 z-index:1000;
 transform-origin:50% 50%;
 transform:translate3d(-50%,-50%,0) rotate(45deg) scale(2)
}
.diamonds .diamond:hover:after {
 opacity:.3;
 transform:scale(1)
}
.diamonds .diamond:hover:before {
 opacity:1;
 transform:translate3d(-50%,-50%,0) rotate(45deg) scale(1)
}
.diamonds .content {
 display:table-cell;
 height:255px;
 padding:0 8px 0 6px;
 transform:rotate(45deg);
 text-align:center;
 vertical-align:middle;
 width:255px;
 position:relative
}
.diamonds .content img {
 max-width:375px;
 margin-left:-50%
}
.diamonds .diamond-sm {
 height:123px;
 width:123px
}
.diamonds .diamond-sm .content {
 height:123px;
 width:123px
}
.diamonds .diamond-sm .content:after {
 left:24%;
 top:48%
}
@media(min-width:1199px) {
 .diamonds>li:nth-child(3) {
  margin-right:0
 }
 .diamonds>li:nth-child(4) {
  right:143px;
  top:9px;
  position:absolute
 }
 .diamonds>li:nth-child(5) {
  margin-left:516px;
  margin-top:-70px
 }
 .diamonds>li:nth-child(6) {
  position:absolute;
  margin:-8px 0 0 -27px;
  right:-14px
 }
 .diamonds>li:nth-child(7) {
  position:absolute;
  margin:93px 0 0 -133px;
  right:90px
 }
 .diamonds .diamond-sm {
  height:123px;
  width:123px
 }
 .diamonds .diamond-sm .content {
  height:123px;
  width:123px
 }
 .diamonds .diamond-sm .content img {
  max-width:195px
 }
}
@media(max-width:1198px) {
 .diamonds {
  text-align:center;
  width:748px;
  margin:0 auto;
  padding:75px 0 0 75px
 }
 .diamonds::after {
  clear:both;
  content:"";
  display:block
 }
 .diamonds>li {
  margin:0;
  position:static;
  float:left
 }
 .diamonds>li:nth-child(2n+2) {
  margin-bottom:-50px;
  margin-left:55px;
  margin-top:200px
 }
 .diamonds>li:nth-child(2n+1) {
  clear:both
 }
 .diamonds>li:nth-child(4) {
  float:left
 }
 .diamonds>li:nth-child(5),
 .diamonds>li:nth-child(6),
 .diamonds>li:nth-child(7) {
  float:right
 }
 .diamonds>li:nth-child(7) {
  margin-top:40px
 }
}
@media(max-width:748px) {
 .diamonds {
  margin:0 auto;
  padding:25px 0 0;
  text-align:center;
  width:445px
 }
 .diamonds>li {
  float:none!important;
  clear:both!important;
  margin:45px 0 115px 95px!important;
  display:block
 }
 .diamonds>li:nth-child(4),
 .diamonds>li:nth-child(6),
 .diamonds>li:nth-child(7) {
  margin-left:158px!important
 }
}
@media(max-width:575px) {
 .diamonds-wrapper {
  min-height:2290px
 }
 .diamonds-wrapper .diamonds {
  margin:0 auto;
  padding:25px 0 0;
  text-align:center;
  width:445px;
  position:absolute;
  left:50%;
  margin-left:-222px
 }
 .diamonds-wrapper .diamonds .diamond {
  margin:130px auto 0
 }
 .diamonds-wrapper .diamonds>li {
  text-align:center;
  margin:0!important
 }
 .diamonds-wrapper .diamonds>li:first-child .diamond {
  margin-top:60px
 }
}


/* Home Concept SVG Animations */
@keyframes animatedLineBg {
	from {
		stroke-dasharray: 1000;
	}

	to {
		stroke-dasharray: 1360;
	}
}

@keyframes animatedLineSmallCircle {
	from {
		stroke-dasharray: 1000;
	}

	to {
		stroke-dasharray: 1120;
	}
}

@keyframes animatedLineBigCircle {
	from {
		stroke-dasharray: 1000;
	}

	to {
		stroke-dasharray: 1266;
	}
}

@keyframes animatedInitialPin {
	0% {
		transform: translate(2px, 69px) scale(0.23);
	}

	33% {
		transform: translate(2px, 79px) scale(0.23);
	}

	66% {
		transform: translate(2px, 74px) scale(0.23);
	}

	100% {
		transform: translate(2px, 79px) scale(0.23);
	}
}

@keyframes animatedFinalPin {
	0% {
		transform: translate(325px, -19px) scale(0.23) rotate(36deg);
	}

	33% {
		transform: translate(325px, -13px) scale(0.23) rotate(36deg);
	}

	66% {
		transform: translate(325px, -16px) scale(0.23) rotate(36deg);
	}

	100% {
		transform: translate(325px, -13px) scale(0.23) rotate(36deg);
	}
}

/* Firefox Final Pin Animation */
@keyframes animatedFinalPinFirefox {
	0% {
		transform: translate(193px, -16px) scale(0.23) rotate(36deg);
	}

	33% {
		transform: translate(193px, -10px) scale(0.23) rotate(36deg);
	}

	66% {
		transform: translate(193px, -13px) scale(0.23) rotate(36deg);
	}

	100% {
		transform: translate(193px, -10px) scale(0.23) rotate(36deg);
	}
}

/* Home Concept */
.home-concept {
	background: transparent url(/files/assets/img/home/home-concept.png) no-repeat center 0;
	width: 100%;
	overflow: hidden;
}

.home-concept strong {
	display: block;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.8em;
	font-weight: normal !important;
	position: relative;
	margin-top: 30px;
}

.home-concept .row {
	position: relative;
}

.home-concept .process-image {
	background: transparent url(/files/assets/img/home/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	margin: 120px auto 0 auto;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

.home-concept .process-image img {
	border-radius: 150px;
	margin: 7px 8px;
	width: auto;
	height: auto;
	max-width: 145px;
	max-height: 145px;
}

@media (min-width: 992px) {
	.home-concept .process-image.process-image-on-middle {
		margin-top: 95px;
	}
}

.home-concept .our-work {
	margin-top: 52px;
	font-size: 2.2em;
}

.home-concept .project-image {
	background: transparent url(/files/assets/img/home/home-concept-item.png) no-repeat 100% 0;
	width: 350px;
	margin: 20px 0 0 -30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}

.home-concept .sun {
	background: transparent url(/files/assets/img/home/home-concept-icons.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 0;
	top: 65px;
}

.home-concept .cloud {
	background: transparent url(/files/assets/img/home/home-concept-icons.png) no-repeat 100% 0;
	width: 116px;
	height: 56px;
	display: block;
	position: absolute;
	left: 53%;
	top: 35px;
}
	.gruen {
		top: -100px !important;
		
	}
@media (max-width: 991px) {
	.home-concept {
		background-image: none;
	}

	.home-concept .project-image {
		margin: 20px auto 0 auto;
	}

	.home-concept .process-image {
		margin-top: 0;
		padding-bottom: 25px;
	}
	.gruen {
		top: -50px !important;
		
	}
}

@media (max-width: 479px) {
	.home-concept .project-image {
		background-position: 0 0;
		margin-left: auto;
		max-width: 160px;
	}

	.home-concept .fc-slideshow {
		max-width: 145px;
		height: 145px;
	}

	.home-concept .fc-slideshow img {
		max-height: 145px;
		max-width: 145px;
	}
	.gruen {
		top: 0px !important;
		
	}
}



.spotlight-cursor-text {
		position: relative;
		height: 100vh;
		width: 100vw;
		background: #0088CC;
		overflow: hidden;
}

.spotlight-cursor-text .shape {
		will-change: transform;
		position: absolute;
		border-radius: 50%;
}

.spotlight-cursor-text .shape.shape-1 {
		background: #1EA6EA;
		width: 650px;
		height: 650px;
		margin: -325px 0 0 -325px;
}

.spotlight-cursor-text .shape.shape-2 {
		background: #3CC4FF;
		width: 440px;
		height: 440px;
		margin: -220px 0 0 -220px;
}

.spotlight-cursor-text .shape.shape-3 {
		background: #5AE2FF;
		width: 270px;
		height: 270px;
		margin: -135px 0 0 -135px;
}

.spotlight-cursor-text .content {
		top: 0;
		left: 0;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100vw;
		background: #fff;
		mix-blend-mode: screen;
}

.spotlight-cursor-text .title {
		font-size: 150px;
		line-height: 150px;
		font-weight: bolder;
		color: #000;
		margin: 0;
		text-align: center;
}

@media (max-width: 1200px) {
		.spotlight-cursor-text .title {
				font-size: 75px;
				line-height: 75px;
		}
}
	

.text-bg-clip-animation {
    font-size: 150px;
    line-height: 200px;
    font-weight: bolder;
    color: #000;
    margin: 0;
    text-align: center;
    background-size: 40%;
    background-position: 50% 50%;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0.08);
}

@media (max-width: 1200px) {
    .text-bg-clip-animation {
        font-size: 75px;
        line-height: 100px;
    }
}

.text-bg-clip-animation.appear-animation-visible {
    animation: textBgZoom 10s ease 500ms forwards;
}

@keyframes textBgZoom {
    from {
        background-size: 40%;
    }
    to {
        background-size: 10%;
    }
}
	
.custom-text-1 {
 font-size:200px;
 position:relative;
 top:100px
}
.custom-text-1 em {
 font-size:.7em;
 font-style:normal
}
@media(min-width:992px) {
 .custom-text-1 {
  font-size:180px
 }
}
@media(min-width:1400px) {
 .custom-text-1 {
  font-size:180px
 }
}	
.custom-text-2 {
  position: relative;
  top: 130px;
  
}
.vergleich {
	background-color: #009FE3;
}
.vergleich p {
	color: #fff;
}
.vergleich h2 {
	color: #fff;
}
.vergleich h3 {
	color: #fff;
}
.vergleich .image_container {
  padding-top: 10%;
}
#footer {
  background: #eee;
  border-top: 4px solid #eee;
  font-size: 0.9em;
  margin-top: 50px;
  padding: 0;
  position: relative;
  clear: both;
}
#footer p {
  color: #4f4f4f !important;
}
#footer .footer-copyright.footer-copyright-style-2 {
  background: #eee;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.shop .summary .price {
  color: #444;
  font-size: 2em;
  letter-spacing: -1px;
  line-height: 30px;
  margin-top: 10px;
  clear: both;
}

.price {
  display: flex;
  align-items: center;
  min-height: 28px;
}

.price .sale {
  order: 2;
  font-size: .9em;
  font-weight: 600;
}