@font-face {
    font-family: 'SF UI Text';
    src: url('../font/SFUIText-HeavyItalic.woff') format('woff2'),
         url('../font/SFUIText-HeavyItalic.woff2') format('woff');
    font-weight: normal;
    font-style: normal;

}

    @font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('../font/Segoe UI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('../font/Segoe UI Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('../font/Segoe UI Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('../font/Segoe UI Bold Italic.woff') format('woff');
    }

body {
	font-family: 'Segoe UI Regular' !important;
	color:#000;
}

h1,h2 {
	background:#000;
	color:#fff!important;
	display: inline-block;
	padding: 0 7px 0 7px;
}


h1,h2,h3,h4,h5,h6 {
	font-family: 'SF UI Text';
	text-transform:uppercase;
	color:#000;
	word-break: keep-all;
	word-wrap: normal;
	font-weight:normal;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	margin-bottom: 15px;
}

h4,h5,h6 {
	font-family: 'Segoe UI Bold';
	font-size:1rem;

}

@-webkit-keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
@-moz-keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
@keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
 .scroll-btn {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 30px;
}
.scroll-btn > * {
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  color: #7f8c8d;
  color: #ffffff;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
  color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.scroll-btn .mouse {
  position: absolute;
  display: block;
  width: 35px;
  height: 55px;
  margin: 0 auto 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid white;
  border-radius: 23px;
      left: 0;
    right: 0;
    margin:0 auto;
    bottom:0;
}

.scroll-btn .mouse > * {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: white;
  border-radius: 50%;
  -webkit-animation: ani-mouse 2.5s linear infinite;
  -moz-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;


}




.header .mainmenu ul li a.highlight span {
    
    border-radius: 0;
}

#slider span.highlight {
    background: rgb(0,0,0);
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    font-family: 'SF UI Text';
}

#slider .ce_text_extented.lh-1-1 p {
/*	line-height:1.5!important;*/
}
[class*="label-"] {
    border-radius: 0;
    font-size: inherit;
    display: inherit;
}

.label-secondary {
    background: rgb(255,255,255);
    
}

#homeslider p, #homeslider span {
	hyphens:none;
}

.ce_video_background .video {
position: absolute;
top: 5%;
left: 11%;
z-index: 1;
min-width: 85%;
min-height: 90%;
width: auto;
height: auto;
-webkit-transform: translate(-10%, -0%);
-ms-transform: translate(-10%, -0%);
transform: translate(-10%, 0%);
width: 96.72%;
border-radius: 95px;
height: auto;
padding-left: 40px;
padding-right: 40px;
}

.sliderarrow {
    position: absolute;
    margin: 0 auto;
    bottom: 20px;
    left: 0;
    right: 0;
}

.ce_hyperlink-extended a.link-sec-color:hover,.ce_hyperlink-extended a.link-sec-color,.hyperlink_txt.link-sec-color  {
	border:0!important;
	color:#fff;
	background: #1778f2;
}

.ce_hyperlink-extended a {
	font-size:18px!important;
}

.ce_hyperlink-extended a.link-own-color-lighttxt {
	border:0;
}


.mmenu_trigger {
    
    right: 20px;
}

/***COUNTUP****/

.ce_countup .headline {
   /* font-size: 1.8rem;*/
    margin-bottom: 0;
}

body #wrapper .ce_divider_extended.version4 {
    text-align: center;
    background: none !important;
}


.ce_countup.block.style1 {
    background: #ce010c;
  
}
.ce_countup.block.style1 .headline {
    margin-top:30px;
  
}

.ce_countup.block.style1 h3{
    font-size:2.5rem;
    color:#fff;
}

.ce_countup.block.style1 h4{
    font-size:2rem;
    color:#fff;
}

.ce_countup.block.style1 i {
    color: #fff;
   
}
/**CASE STUDY COUNTERS***/

#casestudy.ce_countup.block.style1 {
    background: #f7f7f7;
	padding-top: 15px;
    
}

#casestudy.ce_countup.block.style1 i {
    background: #ce010c;
    border-radius:100%;
    width: 40px;
	line-height: 40px;
	font-size:1.5rem;
  
}

#casestudy.ce_countup.block.style1 .headline {
    margin-top: 0px;
    
}

#casestudy.ce_countup.block.style1 h3{
    font-size: 1.1rem;
	color: #000;
    
}

#casestudy.ce_countup.block.style1 p{
    font-size:1rem;
    line-height: 1rem;
    color:#555;
    
}


/***Fallstudie Kunde Count***/

.ce_countup.casestudy.count .headline {
    display: inline-block;
}



/***Agentur Masonry Portfolio***/

.mod_portfoliolist_v8 .item:hover .content {
	opacity:1!important;
}

.mod_portfoliolist_v8 .item figure .content {
	opacity:1!important;
}

.mod_portfoliolist_v8 .item figure a.more {
    top: 0!important;
    opacity:1!important;
}

.mod_portfoliolist_v8 .item figure:hover a.more {
    top: 0!important;
    opacity:1!important;
}

.mod_portfoliolist_v8 .item figure a.zoom {
    top: 47px!important;
}

.mod_portfoliolist_v8 .item figure:hover a.zoom {
    top: 47px!important;
}


.back {
    background: #000;
    margin-bottom: 0;
    color: #fff;
    padding: 10px;
}


.back a {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'SF UI Text';
}

/***Get in Touch***/

input.submit[type="submit"], button.submit[type="submit"] {
    background: rgb(30,136,210)!important;
    font-size: 18px;
    border-radius: 0;
}

input.submit[type="submit"]:hover, button.submit[type="submit"]:hover {
    background: #000!important;
    
}

.ce_form.color-white.tableless.block {
    margin-top: -20px;
}

#bottom .inside .right a {
    margin-left: 0px;
}


.image_container img {
	width:auto;
}

/***Get in Touch Farbe weiss***/

#ctrl_785 {
    color: #fff;
    border-color: #fff;
}

form span.mandatory {
    color: #f00;
    display: inline;
}

input, textarea, input:hover, input:hover:not([type="submit"]), button:hover:not([type="submit"]), textarea:hover,input:focus, textarea:focus {
	border:none;
}

/***Teambox Kontakt***/
.ce_teambox .function {
    color: #fff!important;
    margin-bottom:5px;
    font-size:11px;
    line-height: 1.1rem;
}

.ce_teambox .name {
    font-weight: bold;
    margin: 15px 0 0 0;
}

.ce_teambox .socials {
	margin-top:2px;
	display: none;
}

form div.placeholderlabel {
	z-index:-1;
}

form div.placeholderlabel.active {
	z-index:5;
	background:#000;
}



/***ICONBOX Aufzählung Service***/

.ce_iconbox_outside.padding {
    opacity: 1;
    box-shadow: 0 20px 40px rgba(0,0,0,.2);
    padding: 15px!important;
}



.ce_iconbox .ce_iconbox_outside.padding .content {
    opacity: 1;
}

.ce_iconbox.version2 i {
    font-size: 1.2rem;
    border-radius: 100%;
    text-align: center;
    width: 35px;
    max-width: 35px;
    height: 35px;
    line-height: 32px;
    color: #ce000c;
    background:none;
    border: 2px solid #ce000c;
  
}

.ce_iconbox.version2 .ce_iconbox_icon {
    flex: 0 0 50px;
    
}

.ce_iconbox.version2 .image_container img {
    width: auto;
}

.ce_iconbox.version2 .content {
    margin-top: 0;
}


.ce_iconbox.version3 .headline{
    font-size: 1rem;
    line-height: 1.4;
}

.ce_iconbox.version3 i {
font-size: 1rem;
border-radius: 100%;
text-align: center;
width: 25px;
max-width: 25px;
height: 25px;
line-height: 22px;
color: #000;
background: none;
border: 2px solid #000;
  
}

.ce_iconbox.version3 .ce_iconbox_icon {
    flex: 0 0 35px;
    align-self: flex-start;
}

/****Services und AgenturPics in S/W****/

.services .ce_image_extended img, .agentur img {
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(..files/cto_layout/desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

/***ICONBOX ICONS HOME****/
.ce_iconbox.default .image_container, .ce_iconbox.default i {
	
	color: #ce010c!important;
}

.home .ce_iconbox_cwrapper h2.headline {
    background: #ce010c;
}

/***Zeitleiste Projektablauf***/


.ce_timeline .timeline-item i.timeline-icon {
    box-shadow: 0 0 0 4px #000;
    
   
}

.ce_timeline .timeline-item .timeline-item-title {
    background: #000!important;
	border-radius: 0;
	font-size: 1.5rem;
}

 .ce_timeline:before { 
    background: #000;
}

.ce_timeline .timeline-item .timeline-item-title:before,.ce_timeline i.last-point, .ce_timeline .timeline-item i {
	background:#ce010c;
}
.timeline-item-text p{
	margin-bottom:0;
}

.timeline-item .ce_hyperlink{
	margin-top:10px;
}



/***Featurelist Casestudy***/

.ce_featurelist li {
    
    width: 100%;
   
}

/***Formular***/

/**Form - Potenzialanalyse**/

form.style3 label {
	font-weight:bold;
	color:#fff;
}

form.style1 fieldset, .ce_form.color-white form fieldset {
border: 1px solid #fff!important;
}


/***FOOTER***/

#footer, #footer a, #footer i {
    background-color: #000000;
    color: #fff;
}

#footer i {
    height:20px;
}
#bottom p {
	margin-bottom:0px;
}
#bottom {
	border-top: 1px solid #333;
}
@media only screen and (min-width: 767px) {

.home .header {
	position:absolute;
}

.ce_countup .headline {
    font-size: 1.6rem;
   
}
}

@media only screen and (max-width: 767px) {


table {
    font-size: 1rem;
}


/***COUNTUP**/

.ce_countup.block.style1 h3 {
    font-size: 1.5rem;
    
}

.ce_countup.block.style1 h4 {
    font-size: 1rem;
   
}

.ce_countup.casestudy.count .headline {
    font-size: 1.667rem;
}

/***CONTENT ORDER ON MOBILE***/


.container .mobileorder { display: flex; flex-flow: column; }
    .order2 { order: 2; }
    .order1 { order: 1; }
   
/*******/

#casestudy.m-r {
	margin-right:12px!important;
}
#casestudy.m-l {
	margin-left:12px!important;
}


#homeslider .container {
	padding-left:20px;
	padding-right:20px;
}
.ce_video_background .video {

padding-left: 0px;
padding-right: 5px;
border-radius:85px;
}

.smartphone_video .ce_video_background_inside{
    
   padding-left:0px!important;
   padding-right:0px!important;
    
}
}

@media only screen and (max-width: 520px) {

.ce_video_background .video {

padding-left: 0px;
padding-right: 2px;
border-radius:82px;
}

.smartphone_video .ce_video_background_inside{
    
   padding-left:0px!important;
   padding-right:0px!important;
    
}
}