/* HEADER IMAGES und Background Images */
.Agence							{background-image:url(../images/bgimages/head_creer.jpg);}
.Réalisations					{background-image:url(../images/bgimages/head_realisation.jpg);}
.Advertising					{background-image:url(../images/bgimages/head_communiquer.jpg);}
.Appsfire						{background-image:url(../images/bgimages/head_appsfire.jpg);}
.Monétisation					{background-image:url(../images/bgimages/head_monetisation.jpg);}
.Editeurs						{background-image:url(../images/bgimages/head_editeurs.jpg);}
.Investisseurs					{background-image:url(../images/bgimages/head_investisseurs.jpg);}
.News							{background-image:url(../images/bgimages/head_news.jpg);}
.Rejoignez-nous					{background-image:url(../images/bgimages/head_jobs.jpg);}
.Contactez-nous					{background-image:url(../images/bgimages/head_kontakt.jpg);}
.L’équipe						{background-image:url(../images/bgimages/head_equipe.jpg);}

#testimonials 	{color:#fff;}

.grey
	{
	background-color:#f5f5f5;
	padding-top: 50px;
	padding-bottom: 55px;
	/*
	-webkit-box-shadow: inset 0px 3px 6px -5px rgba(0,0,0,0.6), inset 0px -3px 6px -5px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 3px 6px -5px rgba(0,0,0,0.6), inset 0px -3px 6px -5px rgba(0,0,0,0.6);
	box-shadow: inset 0px 3px 6px -5px rgba(0,0,0,0.6), inset 0px -3px 6px -5px rgba(0,0,0,0.6);
	background-image:url(../images/greybg.jpg);
background-attachment: fixed;	

*/

background-color:#f9f9f9;
}


.gradient 
	{
		padding-top: 30px;
		padding-bottom: 30px;
background: #3d6eff;
background: -moz-linear-gradient(115deg,  #3d6eff 0%, #0dbaff 100%);
background: -webkit-linear-gradient(115deg,  #3d6eff 0%,#0dbaff 100%);
background: linear-gradient(115deg,  #3d6eff 0%,#0dbaff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6eff', endColorstr='#0dbaff',GradientType=1 );
color:white !important;
	}

.blue	{background-color:none;color:#fff;
	background-size:cover;
	background-attachment:fixed;
	background-image:url(../images/bgimages/phonebg.jpg);}

.home-section
	{
	padding-top: 50px;
    padding-bottom: 60px;
	}

.serviceboxen
	{margin-bottom:40px;}

.imgsection, .intropic
    {
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
	min-height:350px;
	margin-bottom: 14px;
    }

.intropic {
    background-position: 50% -135px;
	padding: 210px 0 210px;
	/* z-index:-999 */
	color:#fff;
	}
#subhead
	{margin-top:50px;}
#subhead * {margin:0;}
.smallintropic
	{
	background-color:#f1f1f1;
	height:340px;
	padding-top:130px;
	padding-bottom:150px;
	color:#fff;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
.introtxt 
	{font-size:20px;line-height:30px;margin:0;font-weight: 400;}
.divider
	{
		margin:auto;
		margin-top:30px;
		margin-bottom:50px;
		width:80px;
	}
.divider-inner	{height:3px;background-color:#3d6eff;margin:auto;}

.social {color:#3d6eff;}

/* NAVIGATION BAR */

#logo		{width:200px;margin:7px 0 0 0px;}
#navigationbar, .navbar-default
	{
	width:100%;
	background-color:#fff;
	font-family: klavika_lightlight, Arial, sans-serif;
	border-bottom:1px solid #e7e7e7;
	}
.navbar-brand
	{padding:0;height:auto;width:auto;}
	

.navbar-nav > li 
	{position: inherit;}

.navbar-nav > li > a
	{border-bottom: 3px solid #fff;font-size:18px;line-height:16px;}
.navbar-nav > li.current-menu-item > a, .current-menu-parent > a
	{border-bottom: 3px solid #3d6eff !important;}
.navbar-nav > li > a:hover
	{border-bottom: 3px solid #3d6eff;}

.navbar-nav > li > a:hover; .sub-menu .current-menu-item a:hover
	{background-color:#aaa !important;}
	
#navbar a 
	{color:#555;}
	
#navbar li:hover
	{background-color:#f6f6f6;} /* Hover-Color*/

#navbar li.current-item:hover
	{background-color:#3d6eff;}
.current-menu-item > a, .current-menu-parent > a, .sub-menu .current-menu-item a
	{color:#fff !important;}
	
.navbar-nav .sub-menu li a
	{	
		display:block;
		padding: 15px 20px 15px 15px;
		font-size:18px;line-height:16px;
	}

.sub-menu
	{
		display:none;
		position: absolute;
	    margin: 0;
		padding: 0;		
		background-color:#fff;
	}

#navbar .sub-menu li
	{border-bottom:1px solid #eee;}
#navbar .sub-menu li:last-child /*  kleines display = LInie!!! */
	{border-bottom:none;}
.menu-item-has-children:hover .sub-menu
	{display:block;}
.navbar-fixed-top .navbar-collapse
	{max-height:450px;} /*small screen = max height nav*/
.current-menu-item, .current-menu-parent, .sub-menu .current-menu-item
	{background-color:#3d6eff !important;}

/* VCards */ 
.vcard {text-align:center;}
.img-box	{max-width: 80%;margin: auto;position: relative;}
.img-box a	{display:inline-block;}
.img-overlay	{
	background: #3d6eff;
	background: -moz-linear-gradient(115deg,  #3d6eff 0%, #0dbaff 100%);
	background: -webkit-linear-gradient(115deg,  #3d6eff 0%,#0dbaff 100%);
	background: linear-gradient(115deg,  #3d6eff 0%,#0dbaff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6eff', endColorstr='#0dbaff',GradientType=1 );

				position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    opacity:0;
				}
.img-overlay:hover	{opacity:1;}
.img-overlay-container	{display:table;height:100%;width:100%;}
.img-overlay-content	{display:table-cell;vertical-align:middle;}
.img-overlay-content i 	{color: #fff; font-size: 30px;}
h3.person-name			{margin: 15px 0 5px;}	
h4.person-title	{
				font-size: 14px;
				line-height: 1.1em;
				margin: 0px 0 12px;
				color:#a0a0a0;
				font-weight:300;
				}
h4.person-title:after {
			    display: block;
			    margin: 10px auto;
			    width: 80px;
			    height: 2px;
			    background-color: #3d6eff;
			    content: "";
				}

.person-desc	{font-size:12px;line-height:18px;}
#ppl1, #ppl2, #ppl3, #ppl4, #ppl5
	{visibility:hidden;}

/* FRONT Page */
#unserservice, #kontakt
	{/*padding-top: 35px;padding-bottom: 50px;*/}
#unserservice .serviceboxen > img
	{margin:auto;margin-bottom:10px;}



/* Testimonials */
#testimonials .container .row .col-md-4
	{display:table;height:100%;}
#testimonials .container .row .col-md-4 .testimonial-box
	{display:table-row;height:100%;}
.testimonial-vcard	{margin-top:15px;}
.testimonial-quote	{position: relative;padding: 10px 0 0 35px;font-style:italic;}
.testimonial-quote:before	{
	content: "\f10d";
    display: block;
    font: normal normal normal 30px/1 FontAwesome;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    opacity:0.4;
	}
.testimonial-content	{margin-bottom:80px;}
.testimonial-vcard		{position:absolute;bottom:0;}
.testimonial-vcard h4 	{display:inline-block;margin:0;margin-top:10px;}
.testimonial-avatar		{float:left;margin-right:15px;height:60px;}
.name 					{text-transform: uppercase;}
h4.name span.title	{
	font-family: 'Roboto',Arial, sans-serif;
	font-weight: 300;
	font-style: italic;
    font-size: 13px;
    line-height: 13px;
    display: block;
    color: #ccc;
    letter-spacing: 0px;
    margin-top: 0px;
	display:inline-block;
	text-transform: none;
	}


/* Seiten Styles PAGES */

/* News Overview Page */
.feature-img	{width:100%;max-height:250px;display:block;max-width:360px;}
.article-img a 	{display:block;position:relative;}
h3.article-headline
	{
	font-family: klavika_regularregular, Arial, sans-serif;
	font-size: 26px;
	color: #3d6eff;
	}
.article-meta	{display:block;margin-bottom:10px;}

/* NewsPage */
#news_overview article	{padding-top:40px;padding-bottom:60px;border-bottom:1px solid #efefef;}
#news_overview article:last-child	{border-bottom:none;}
#news_overview article h2 	{margin-top:30px;}
.post_img	{display:block;margin-top:25px;width:100%;}

.pagenavigation	{min-height: 54px;border-top: 1px solid #efefef; padding-top: 10px;padding-bottom:10px;}
.pagination, 
.pagination li a, 
.pagination > li:first-child > a, 
.pagination > li:last-child > a 	{margin:0;border-radius: 0px;border:0;}

/* PostPage */
.postfooter .btn {margin-top:10px;}
.postfooter h3	{font-size:18px;margin-top:0px; margin-bottom:0;}
#sharings		{line-height:40px;}

/* ProgrammaticPage */

.companylogo .row div a img
	{margin-bottom:55px;width:90%;height:90%;opacity:0;}
.companylogo .row div a 
	{
	display:block;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(resources.svg#desaturate); 
    filter: gray; 
    -webkit-filter: grayscale(1); 
	}

.companylogo .row div a:hover
	{
	background-size:100%;
	filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: url(resources.svg#desaturate); 
    filter: gray; 
    -webkit-filter: grayscale(0); 
	}

/* Performance Page */
#nutzeraufbau	
	{}
#nutzeraufbau p 
	{font-size:16px;line-height:22px;}
#performancelist ul.list li
	{		font-size:18px; line-height:31px;	}
#performancelist h2 {margin-top:55px;margin-bottom:30px;}

#performancelist ul.list li:before 	{  color:#fff;}
#performancelist img {max-height:430px;}
#effnutzer .col-md-3 	{margin-bottom:20px;}
#effnutzer i {float:left; margin-right:20px;padding-bottom:10px;}


/* Publisher Page */
#pubslider	{	height:300px;background-color:#aaa;	}
.popover	{	max-width:800px;min-width:400px;}
.popover h3 {	margin-top:10px;}
.popover ul.list {margin-bottom:20px;}
.popover ul li 	{margin-bottom:5px;}
.pubbadge img	{height:35px;}

.publicon	{border-radius:10px;border:1px solid #ccc;max-width:80px;height:80px;}
.publcontent	{ display:none;}

.publisher 	{margin-bottom:30px;}


/*Showroom Page */
#showroom
	{padding-top:40px;}
.showthumb
	{ margin-bottom:30px;}

.showthumb a 
	{
	height:260px;
	display:block;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;
	-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease; 
		transition: all 0.4s ease;
	}

.showthumb > img
	{visibility:hidden;}
.modal-body img {visibility:visible;}

.adoverlay
	{
	background-color:#3d6eff;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	opacity:1;
	width: calc(100% - 30px);
	margin-left:15px;
	padding:15px;
	text-align:left;
		}
.showname
	{font-size:22px;margin-bottom:0;margin-top:0;}
p.showformat
	{font-weight:300;font-size:14px;line-height:18px;margin:5px 0 0 0;}
.showthumb a:hover
	{background-size:105%;}
.modal-footer	{background-color:#3d6eff;color:#fff;}
.modal-title	{line-height:1;}
.modal-productname 	{margin:0;color:#ddd}
.modal-content {border-radius:0;}
.close	{position:absolute;right:7px;top:2px;}
.modal-footer	{text-align:left;border:0;}

/* Team page */
#cont_team	{padding-top:80px;}
#cont_team .row {margin-bottom:30px;}
#cont_team h4 { margin: 15px 0 25px; line-height: 1.1em;}
#cont_team .title 	{font-size:14px;line-height:14px;color:#aaa;font-family: klavika_lightlight, Arial, sans-serif;}
.teambild 	{height:250px;border:1px solid #eee;}

/* Jobs Page */
.bluebar, .bluebar_sm
	{
	background-color:#3d6eff;
	color:#fff;
	padding:20px;
	}
.bluebar_sm	{padding:10px;}
.panel-title	
	{				
	font-family: 'Roboto',Arial, sans-serif;
	color:#555;
	}
.mypanel
	{
	border: 1px solid #eee;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
	}
.panel-heading
	{
	border-radius: 0px;
	padding:0;
	}
.panel-heading a 	{display:block;padding:10px 15px;}

.panel-group .panel
	{border-radius:0;}


/*Download Page */
.downloadsection
	{padding-bottom:40px;}

#downloads ul 	{
	list-style-image:none;
	list-style-type: none;	
	list-style-position: outside;    
	margin-left: 0;}

#downloads ul li
	{
	background-color:#f5f5f5;
	border-bottom:5px solid #fff;
	}
#downloads ul li a
	{display:block;padding:10px 20px;}

#downloads ul li a:after
	{content:'\f019';
	float:right;
	font-family: FontAwesome;
	display: inline-block;}


/*BUtoons*/

.btn {	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 100px;border:none;	font-family: klavika_regularregular, Arial, sans-serif;
	padding: 9px 42px 11px 42px;
}
.btn:hover {
    color: #fff;
	background-color: #3d6eff;

	transform:scale(1.03);
	transform-origin:center center;
}

.btn-primary	{background-color: #3d6eff;    /*font-size: 18px;*/    font-weight: 400;    }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus 	{ border:none; opacity:0.9;}
/* Listen */

ul.list, ul.greybars
	{
	list-style-position: inside;
    margin-left: 0;
	list-style-image:none;
	list-style-type: none;
	margin-bottom:50px;
	}

ul.list li:before, ul.greybars li:before{
  content: "\f054"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#3d6eff;
  height:100%;
  position:absolute;
}
ul.list li {padding:5px 0 5px 0;margin-left: 1.3em;font-weight: 300;
    font-size: 16px;
    line-height: 23px;}
ul.greybars li
	{background-color:#f6f6f6;
	border:1px solid #fff;
	padding:10px;
	}


/*sidebar*/
#sidebar ul 
	{
		list-style-type: none;
		list-style-position: outside;
		padding-left:0px;
	}
#sidebar ul li 	{line-height:20px;margin-bottom:15px;}
.sidebarblock	{margin-bottom:60px;}



/* Footer */
#footer {
	background: #3d6eff;
	padding:20px 0 25px 0;
	color:#cce4ed;
	background: #3d6eff;
background: -moz-linear-gradient(115deg,  #3d6eff 0%, #0dbaff 100%);
background: -webkit-linear-gradient(115deg,  #3d6eff 0%,#0dbaff 100%);
background: linear-gradient(115deg,  #3d6eff 0%,#0dbaff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6eff', endColorstr='#0dbaff',GradientType=1 );
color:white !important;
	}
#footer a, 
#footer p, 
#footer h4, 
#subfooter, 
#subfooter a
		{
		font-family: klavika_lightlight, Arial, sans-serif; 
		color:#cce4ed !important;	
		font-size: 16px;
		line-height:20px;
		margin:0;
		}

#footer h4, #footer h4 a {font-family: klavika_regularregular, Arial, sans-serif;font-size: 16px;
	line-height:20px;}

#subfooter
	{background-color:#3d6eff;color:#7BADC7;}
#footer a:hover, #subfooter a:hover	{color:#3d6eff;text-decoration: none;}
#footer a {	color: #fff; }
#footer a:hover	{color:#efefef;}

.footer_logos
	{text-align:center;}

.footer_logos img 
	{
		height:50px;
		width:auto;
		margin:0 20px 0 20px;
	}
.footer_kontakt
	{text-align:left;padding-top:20px;padding-bottom:20px;}

ul.footer-sns {
	display: inline-block;
	font-size: 20px;
	margin-top:10px;
	margin-left: 0;
	margin-bottom: 0px;
	}

.footer-sns li {
	float: left;
	list-style-type: none;
	margin: 0 5px;
}
.footer-sns li a {
	display: block;
	width: 50px;
    height: 20px;
    line-height: 40px; 
    color:#80b5c8;
	}
.footer-sns li a:hover
	{color:#80b5c8;}

#subfootercontent, #subfootercontent a	{color:rgba(255,255,255,0.5) !important;font-size:14px;line-height:14px;}
#footer hr 
	{
		background-color:rgba(255,255,255,0.0);
	}

/* responivness olé */

@media(max-width:767px){
	#logo		{width:210px;margin:5px 0 0 10px;}	
	
	.sub-menu 				{display:block;position:relative;}
	#navbar .sub-menu li a	{padding-left:30px;font-size:16px;}
	#navbar .sub-menu > li > a:before 	{content:'\f105  ';font-family: "Font Awesome 5 Free";		font-weight: 900;}
	
	.navbar-nav li, 
	.navbar-nav > li > a:hover, 
	.navbar-nav > li > a, .navbar-nav > li.current-menu-item > a 
 	{border:0px !important;border-bottom:1px solid #eee !important;}
	
	.navbar-nav > .current-menu-item > a, 
	.navbar-nav .current-menu-parent > a, .navbar-nav > li > a	{font-family:klavika_regularregular;padding:15px;}
	
	.article_thumb	{margin-bottom:50px;}
	.popover	{	max-width:800px;min-width:300px;}


	.divider  		{	margin: auto;margin-top: 10px;margin-bottom: 40px;width: 80px;	}
	#unserservice	{padding:30px 0 50px 0;}
	
	.intropic	{    padding: 170px 0 210px;}
	p#frontpagesubhead	{font-size:1.5em;line-height: 1.0em;font-family:klavika_lightlight;padding:0 10px 5px 10px;}
	.serviceboxen, #testimonials .container .row .col-md-4  		{margin-bottom:50px;}
	.serviceboxen h2	{margin: 20px 0 0px;}

	.feature-img {height:auto;}

	#effnutzer .col-md-3 	{text-align:center;}
	#effnutzer i {float:none; display:block; margin-right:auto;margin-left:auto; text-align:center;margin-bottom:10px;}

	#downloads ul li a {display: block; padding: 5px 10px;}

	#downloadsintro .row .col-md-4	{margin-bottom:50px;}
	#downloadsintro .row .col-md-4 h3	{margin-bottom:10px;}

	.postfooter h3	{margin-top:20px;}
	.teambild 	{height:auto;}

	.social 	{font-size: 10px;}
	.social i 	{margin-top: 15px;}

	/* typo */
	p, p a 				{font-size:1.3em;line-height:1.4em;}	
	h1#frontpagehead 	{font-size: 5.768em;line-height:0.8em;}
	h2#smallintrohead 	{font-size: 3em;line-height:1em; margin-top:30px;}
	h4.showname			{font-size:18px;font-weight:500;}
	h5.publishertitle 	{font-size:14px;}

	#footer 			{padding:20px 0 0px 0;}
	.footer_logos		{text-align:center;padding-top:0;padding-bottom:20px;}
	.footer_logos img 	{height:40px;}
	.footer_kontakt		{text-align:center;border-top:1px solid #7BADC7;}
	.footer-sns li a 	{width:35px;}
	}


@media(min-width:768px){
	#testimonials .container .row .col-md-4 { margin-bottom: 50px; }

	#footer 		{padding-top:0;padding-bottom:0;}
	.footer_logos, .footer_kontakt 	{}
	.footer_logos 	{}
	.footer_kontakt {border-top:1px solid #7BADC7;}
	.postfooter h3	{margin-top:20px;}

	}

@media(min-width:992px){
	#footer 	{padding-top:30px;padding-bottom:35px;}
	#testimonials .container .row .col-md-4 { margin-bottom: 50px; }
	.footer_logos 		{}
	.footer_kontakt 	{border:none;}
	.postfooter h3	{margin-top:0px;}
}

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


/* vertical align modal windows*/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/*modal padding right*/
body.modal-open {
  overflow: inherit;
  padding-right: 0 !important;
}

/* 5er bootrstrap grid */
.col-lg-15,.col-md-15,.col-sm-15,.col-xs-15{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-15{width:20%;float:left}@media (min-width:768px){.col-sm-15{width:20%;float:left}}@media (min-width:992px){.col-md-15{width:20%;float:left}}@media (min-width:1200px){.col-lg-15{width:20%;float:left}}

/* Animation Delays - used in myjs.js */
.serviceboxen,#spezdownload{visibility:hidden}.delay1{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;-ms-animation-delay:.2s;-vendor-animation-iteration-count:infinite}.delay2{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;-ms-animation-delay:.4s}.delay3{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s}.delay4{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;-ms-animation-delay:.8s}.delay5{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;-ms-animation-delay:1s}

@media print {
* {	font-family: klavika_lightlight, Arial, sans-serif;}
p{font-size:13px;}
#navigationbar {margin-bottom:30px;padding-bottom:10px;}
#logo {margin:0;padding:0;}
#sidebar, #navbartoggle, .navbar-toggle, #subhead, .postfooter, #footer, hr  {display:none;}
.container 	{margin:0;padding:0;}
}