@-webkit-keyframes scaling {

    0% {
        transform: scale(1.0);
    }
	
    25% {
        transform: scale(1.7);
    }
		
    50% {
        transform: scale(1.0);

      }

    75% {
        transform: scale(1.7);
    }
	
    100% {
        transform: scale(1);
				opacity: 1;
      } 	  
	  
}


/* Fade in up
------------------------------------ */
@-webkit-keyframes slideUp {
    0% {
      -webkit-transform: translateY(66px);
      transform: translateY(66px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes slideUp {
    0% {
      -webkit-transform: translateY(66px);
      -ms-transform: translateY(66px);
      transform: translateY(66px);
    }
    100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }


  @-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }



    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
} 



@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }


    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }



    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }



    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }




    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}



  
.sliderbox-start {
	background: url(../../../../../../../fileadmin/templates/basics/titel-top.gif) 0 0 no-repeat #ededee;

}
.sliderbox-referenzen {
    background-size: cover; 
}




.sliderbox-start {
	width:100%;
	/* max-width:1460px; */
    max-width:1280px;
	height:430px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/titel-top.gif) 0px -20px no-repeat #ededee;
	background-size: contain;
	overflow:hidden;
	z-index:3;
}

.sliderbox-start.landingkopf {
	width:100%;
	max-width:1460px;
	height:430px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/titel-top.gif) -160px 0 no-repeat #ededee;
	background-size:100% contain;
	overflow:hidden;
	z-index:3;
}

.sliderbox-text-start {
    padding: 200px 20px;
    text-align: right;
}
.sliderbox-text-start ul {
    margin-right: 10px;
    margin-top: 10px;
    text-align: left;
    font-size: 1.675em;
    font-weight: 300;
    text-transform: uppercase;
    float: right;
    animation: fadein 3s ease-in-out both 1s 1;
    right: 0;
}
 





.sliderbox-text-start .slider-head {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
		
}
.sliderbox-text-start h1 {
	
	
	
	    font-family: 'Source Sans Pro', sans-serif;
      text-transform: uppercase;
    font-weight: 300;
 
	
	
	} 



    .sliderbox-text-start h1 {
        font-size: 1.375em !important;
        text-align: left;
    }



.sliderbox-text-start ul {
	margin-right:0;
	margin-top:0.675em;
	text-align:left; 
	font-size:1.675em;
	font-weight:300;
	text-transform:uppercase;
	float:left;
    padding:0;
	
	 animation: fadein 3s ease-in-out both 1s 1;
}
 .sliderbox-text-start li {
 color:inherit;
background:none;
font-size:0.675em;
padding: 0 !important;
margin:0px;
display: inherit;
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight:300;
}
 
 .sliderbox-text-start ul li:nth-child(3) {

		-webkit-animation-delay: .2s;
		animation-delay: .2s;
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;


		-webkit-animation-delay: 2.4s;
-moz-animation-delay: 2.4s;
animation-delay: 2.4s;


}
 

 .sliderbox-text-start ul li:nth-child(2) {
		-webkit-animation-delay: .2s;
		animation-delay: .2s;
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		
		-webkit-animation-delay: 1.8s;
-moz-animation-delay: 1.8s;
animation-delay: 1.8s;		
}
 
 .sliderbox-text-start ul li:nth-child(1) {
		-webkit-animation-delay: .2s;
		animation-delay: .2s;
		-webkit-animation-duration: .4s;
		animation-duration: .4;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		
		-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
animation-delay: 1.2s;
}
 
 
 










 
 .sliderbox-referenzen {
	width:100%;
	max-width:1460px;
	height:280px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/titel-referenzen.png) 20% 70% no-repeat #ededee;
	background-size:cover;
	overflow:hidden;
	z-index:3;
}
 
 .sliderbox-text-referenzen {
	padding:50px 20px;
	text-align:center;
}
  .sliderbox-text-referenzen h3 { text-align:center;margin-left:20px; padding:0.5em; }
 
 
 
 
 
.red {
    color:#c00519;
}
 
.sliderbox-agentur {
	width:100%;
	max-width:1280px;
	height:410px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/slider-agentur.jpg) 70% 50% no-repeat #ededee;
 	overflow:hidden;
	z-index:3;
}
 
 .sliderbox-text-agentur {
	padding:140px 0;
	padding-right:40px;
	text-align:right;
}
.sliderbox-text-agentur h3 { 
text-align:right;
margin-left:170px; 
padding:0.5em 0;
font-size:1.675em !important;
 }
 
 
.sliderbox-text-agentur h1 {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2.375em !important;
    letter-spacing: -0.02em;
}



.sliderbox-text-agentur .slider-head {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
		
}





 .sliderbox-text-agentur h3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
 .sliderbox-text-referenzen h3 {
    text-align: center;

    padding: 0.5em;
}

.sliderbox-text-referenzen {
    padding: 100px 20px;
    text-align: center;
}

.sliderbox-referenzen {
    width: 100%;
    /*
    max-width: 1300px;
    height: 280px;
    */
    position: relative;
    margin: auto;
    background: url(../../../../../../../fileadmin/templates/basics/titel-referenzen.png) 50% 50% no-repeat #ededee;
    background-size: 100%;
    overflow: hidden;
    z-index: 3;
}


 
.sliderbox-text-agentur i {
 		-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;

 
	-webkit-animation: scaling 3s 3s linear;
	
 
	
}









.sliderbox-webites-portale {
	width:100%;
	max-width:1140px;
	height:410px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/slider-websites-portale.png) 50% 50% no-repeat #ededee;
	background-size:100% contain;
	overflow:hidden;
	z-index:3;
}
 
 .sliderbox-text-webites-portale {
	padding:140px 0;
	padding-left:1em;
	text-align:left;
}
.sliderbox-text-webites-portale h3 { text-align:right;margin-left:170px; padding:0.5em 0; }
  .sliderbox-text-webites-portale figure { margin-left:100px; } 
  .sliderbox-text-webites-portale figure img{
	  max-width:200px;
	  padding:0.5em;  
	  }
 
.sliderbox-online-shops {
	width:100%;
	max-width:1140px;
	height:410px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/slider-online-shops.jpg) 50% 50% no-repeat #ededee;
	background-size:100% contain;
	overflow:hidden;
	z-index:3;
}
 
 .sliderbox-text-online-shops {
	padding:140px 0;
	padding-left:1em;
	text-align:left;
}
.sliderbox-text-online-shops figure { margin-left:100px; } 

.sliderbox-text-online-shops h3 { text-align:left;margin-left:0px; padding:0.5em 0; }
 
 
.sliderbox-text-online-shops h3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
 


.sliderbox-text-online-shops .slider-head {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
		
}

 

.sliderbox-text-online-shops > figure > img {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
		
}

 

.sliderbox-webites-portale.relaunch {
	max-width:1280px;
}











.relaunch i {
	font-size:3.175em;
	margin:0 0.25em;
	color:#738d9a;
	float:left;
	
	
			-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
}




.relaunch > figure > img {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
		
}


.relaunch h3 {
    text-align: left;
    margin-left: 70px !important;
    padding: 0.5em 0;
 
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
 


.relaunch .slider-head {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
		
}












.sliderbox-local-seo {
	width:100%;
	max-width:1300px;
	height:350px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/slider-local-seo.jpg) 90% 50% no-repeat #ededee;
	background-size:100% contain;
	overflow:hidden;
	z-index:3;
}
 
 .sliderbox-text-local-seo {
	padding:140px 60px;
	text-align:right;
}

.sliderbox-text-local-seo div { }
.sliderbox-text-local-seo h3 { 



text-align:right;
margin-left:0;  
padding:0.5em; 
 


}





.sliderbox-text-local-seo h3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
 


.sliderbox-text-local-seo .slider-head {
		
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		width:inherit;
		
		-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
		
}




#frage1 { 
	max-width: 310px;
    width: 100%;
    float: left;
    margin-right: 20px;
	padding-left:15px;
	text-align:left;
}
#frage1 h3 {
	font-size:1.375em;
	font-weight:inherit;
}
#frage2 { 
	max-width: 320px;
    width: 100%;
	padding-left:0px;
    float: left;
    margin:auto;
	font-size:0.875em;
}
#frage2 a { color:#4c4c4c; }
#frage3 { 
	max-width: 300px;
    width: 100%;
    float: right;
	text-align:right;
	padding-right:5px;
 
}
a.internal-link.download {
  display: inline-block;
  width: 280px;
  font-weight: bold;
  padding: 8px;
  color: #fff !important;
  font-color:#fff !important;
  border: 1px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.1s ease-out,
      color 0.1s ease-out;

}






	
.x960x {
	max-width:1280px;
	margin:auto;
	text-align:left;
}

.x960x .cbox2{
	text-align:left;
	width:48%;
	margin-right:2%;
}

.x960x .cbox3{
	text-align:left;
		width:48%;
	margin-left:2%;
}


.x960x header:after {
    content: " ";
    width: 25%;
    height: 0em !important;
    display: table;
    margin: auto;
    border-top: 0px solid #d4d4d4 !important;
}




.cbox1 {
	display:block;
}

.cbox2 {
	width:50%;
	float:left;
}

.cbox3 {
	float:left;
	width:50%;
}

#frage1 {
    max-width: 340px;
    width: 100%;
    float: left;
    margin-right: 30px;
    padding-left: 0;

}
#frage2 {
    max-width: 320px;
    width: 100%;
    padding-left: 20px;
    float: left;
    margin-right: 0px;
    text-align: left;
    left: 50%;
    margin-left: -160px;
    position: relative;
}
#frage3 {
    max-width: 330px;
    width: 100%;
    float: right;
    text-align: right;
    margin-right: 0;
    padding-right: 0;
	padding-top:1em;
}


.sliderbox-text-start ul li:before {
    font-family: 'Font Awesome 5 Free';
  content: "\f00c";
  padding-right:0.5em;
  font-weight: 900;
}


@media (min-width:600px) {
    .sliderbox-text-start ul {
        float:right;
    }


    .sliderbox-start {
        width: 100%;
        /* max-width: 1460px; */
        max-width: 1280px;
        height: 340px;
        position: relative;
        margin: auto;
        background: url(../../../../../../../fileadmin/templates/basics/titel-top.gif) -79px 0px no-repeat #ededee;
        background-size: contain;
        overflow: hidden;
        z-index: 3;
    }

    .sliderbox-text-start {
        padding: 130px 40px;
        text-align: right;
    }

}
@media (min-width: 1023px) {
    .sliderbox-text-start {
        padding: 100px 20px;
        text-align: right;
    }

    .sliderbox-start {
 
        height: 430px;
    }

}
@media (min-width: 1100px) {


    .sliderbox-start {
        width:100%;
        /* max-width:1460px; */
        max-width:1280px;
        height:430px;
        position:relative;
        margin:auto;
        background: url(../../../../../../../fileadmin/templates/basics/titel-top.gif) 0px -20px no-repeat #ededee;
        background-size: contain;
        overflow:hidden;
        z-index:3;
    }


    .sliderbox-text-start ul {
        margin-right: 60px;
            float: right;
        display: block;
        clear: both;
    }
    .sliderbox-text-start {
        padding:120px 40px;
        text-align:right;
    }
        
    .sliderbox-text-start.landing{
        padding:80px 90px;
        text-align:right;
    }
    

 

.sliderbox-start {
	width:100%;
	/* max-width:1460px; */
    max-width:1280px;
	height:430px;
	position:relative;
	margin:auto;
	background: url(../../../../../../../fileadmin/templates/basics/titel-top.gif) 0px 0 no-repeat #ededee;
	background-size:100% contain;
	overflow:hidden;
	z-index:3;
}

  
  .sliderbox-agentur {
 
	background: url(../../../../../../../fileadmin/templates/basics/slider-agentur.jpg) 25% 50% no-repeat #ededee;
 
}
  
  



}



.arrowdown {
    text-align: center;
     display: block;
    /* width: 100%; */
    clear: both;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    right: 50%;
    margin-left: -20px;
}


@media screen and (min-width:990px) {

    .sliderbox-text-start h1 {
        font-size: 2.375em !important;	
	} 

    .sliderbox-text-start li {
        font-size:1em;
    }


    .arrowdown {
        text-align: center;
         display: block;
        /* width: 100%; */
        clear: both;
        position: absolute;
        bottom: 0.5rem;
        left: 50%;
        right: 50%;
        margin-left: -20px;
    }



}