/*
    Theme Name: Tempo
    Theme URL: https://bootstrapmade.com/tempo-free-onepage-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

/**************************************
link & button
**************************************/

/*****from knight, contact*****/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}


.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}

.contact-info-box {
    font-size: 15px;
    margin: 0 0 14px 68px;
    padding-left: 0;
}

.contact-info-box h3 {
font-family: 'Montserrat', sans-serif;	
    font-size: 15px;
    font-weight: 400;
    float: left;
    width: 175px;
    margin-right: 12px;
    line-height: 28px;
text-transform: uppercase;	
}

.contact-info-box h3 i {
    font-style: normal;
    font-size: 18px;
    color: #222222;
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-right: 7px;
}

.contact-info-box span {
    line-height: 28px;
    display: block;
    overflow: hidden;
}

.social-link {
    padding: 35px 0;
    margin: 0 0 0 68px;
    display: block;
    overflow: hidden;
    list-style: none;
}

.form-group {
    margin-bottom: 15px;
}

.input-text {
    padding: 15px 16px;
    border: 1px solid #ccc;
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 4px;
    font-size: 15px;
    color: #aaa;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 15px 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

.input-btn {
    width: 175px;
    height: 50px;
    background: #007acc;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    border: 0px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.input-btn a {
color :#fff;
}

.input-btn:hover {
    background: #64c0ff;
	/*border:1px;
	 border-radius: 4px;
    border-color: #007acc;*/
    color: #ffffff;

}

/***********ENDE knigh contactt******************/

body {
	/*font-family:'Open Sans', Arial, sans-serif;*/
	font-family:'Helvetica', Segoe UI, Arial, sans-serif;	
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	/*color:#656565;*/
	color:#414141;
	
		/*color:#2d2d2d; dunkle Grau*/
}
.white
{
	color:#fff !important;
}
h1.cta-title
{
	font-size: 43px;
}
h1
{
	font-size: 36px;
}
#spezialheader{
	margin-top:0;
	padding:0px;
	font-family: Segoe UI; 
	color:#007acc;
	font-size: 43px;
font-weight: bold;
}

#spezialheader:after {
	padding:0;
	font-size: 12px;
    content: ' \00AE';
	color:#007acc;
}
/********Accordion Header from eBusiness 11.07.2018*************/
h1, h2, h3, h4, h5, h6 {
  /*font-family: 'Raleway', sans-serif;*/
	/*font-family:'Open Sans', Arial, sans-serif;*/
	/*font-family:'Segoe UI', Arial, sans-serif;	*/
	font-family:'Helvetica', Segoe UI, Arial, sans-serif;	
  margin: 0 0 15px;
  color: #444;
  font-weight: 500;
}
h4 {
  font-size: 24px;
  line-height: 26px;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}


.containerX {
  position: relative;
  width: 90%;
}

.imageX {
  display: block;
  width: 100%;
  height: auto;
	border: 1px solid #ddd;
	border-radius: 4px;
    padding: 10px;
   opacity:0.55;
}

.overlay {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  background-color: #007acc;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
  opacity:0.75;
 
}

.containerX:hover .overlay {
  bottom: 0;
  height: 20%;

}

.textX {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  font-weight:bold;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*.textX h4 {
  font-weight:bold;
  font-size: 16px;
}*/


.faq-details h4.check-title {
  color: #444;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
  color: #007acc;
}
.faq-details h4.check-title a {
  color: #007acc;
  display: block;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 40px;
  padding: 6px 10px;
  text-decoration: none;
}
a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
/*.faq-details a span.acc-icons {
  position: relative;
}*/
.faq-details a span.acc-iconsX {
  position: relative;
}
.faq-details a.active span.acc-icons::before {  
 content: "\f105";    
 /*content: "";*/
  font-family: "Font Awesome 5 Free";
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.panel-body {
  padding: 15px 15px 0px 50px;
}

/* Panel*/
.faq-details .panel-heading {
  padding: 0;
}

.panel-default>.panel-heading {
  background-color: transparent;
  border: medium none;
  color: #333;
}
/********Ende Accordion Header from eBusiness*************/

img.svg { fill: #007acc; }

ul {
    list-style: square outside;
}

.service-text ul li  {
	color:#007acc;
}
.service-text ul li span {
	color:#2d2d2d;
}


#menu {
	font-size:14px;
	position:absolute;
}

#menu ul {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

#menu li.topmenu {
	float:left;
}

.topmenu a {
	float:left;
	width:120px;
	text-align:center;
}

.topmenu ul{
	display:none;
}

.topmenu a, .submenu a{
	padding:15px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	background-color:#985905;
	margin:0;
}

.submenu a{
	font-size:12px;
	width:120px;
	position:relative;
	clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
	color:white;
	background-color:#BF7818 !important;
}

.topmenu:hover ul {
	display:block;
	z-index:500;
}

/*li.dropdown ul {
position: absolute; left: 100%; top:0;	
    display: none;
}*/
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    width: 200px;
    z-index: 1;
}

.dropdown-content a {
	background-color: #007acc;	
	color: white;
     padding: 8px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 0px solid #007acc;
}

.dropdown-content a:hover {
	/*background-color: #f1f1f1*/
    background-color: white;
    color: #007acc;	
	}

.dropdown:hover  .dropdown-content {
    display: block;
}


li.headermenu  lu{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;	
display:none;
}

li.headermenu XXXX {
	display:none;	
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}
li.headermenu:hover {
	    display: block;
    background-color: #555;
    color: white;
}

/*
ul.headermenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;	
}

ul.headermenu li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}
ul.headermenu li a:hover {
    background-color: #555;
    color: white;
}*/

/*ul {
  list-style: none;
  padding: 0;
}*/

/****** styled list from Plato*******/

ul.list {
  list-style: none;
  padding: 0;	
   /* list-style-type: none outside;
	display: block;
	overflow: hidden;
	
    margin: 0 0 20px 0;
    padding: 0;	*/
}

/*ul.list, ol.list {
    margin: 0 0 20px 0;
    padding: 0;
}*/

ul.list li {
  padding-left: 1.3em;	
  line-height: 23px;  

    /*position: relative;
    left: 0;
    top: 1px;
	    line-height: 21px;*/
}

ul.list li::before {
 content: '\f00c';	
    font-family: FontAwesome;
    font-size: 13px;
	color:#007acc;
	
display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */	
    /*position: absolute;
    left: 0;
    top: 1px;*/
}
/*
ul.list-ok li::before {
    content: "\f00c";
}*/

/*ul.list li, ul.list li {
    line-height: 21px;
}*/

/*******Ende styled list from Plato********************/

/*Slider Caption*/

#bannerix  {
	margin:0;
	padding:0;
	position: relative;  
}
#bannerix .caption {
	position: absolute;  
	width: 800px;
	/*top: 50%;*/
	
	margin-top: 100px;
	background-color: #007acc;	
	opacity:0.60;
}

#bannerix .caption h2 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 48px;
	/*text-transform: uppercase;*/
}

#bannerix .caption span {
	padding: 0 10px;
	/*background-color: #007acc;*/

	color: #fff;
}

#bannerix .caption p {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 24px;
	/*font-style: italic;*/
	margin-top: 30px;
	/*color: #01b1d7;*/
	color: #fff;
	padding-left: 10px ;	
}

#bannerix .caption button {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 17px;
	margin-top: 20px;
	background-color: #01b1d7;

	color: #fff;
	border: 1px solid #fff;
}

#bannerix .caption button:hover {
	background-color: #fff;
    border: 1px solid #01b1d7;
    transition: 0.3s;
    color: #01b1d7;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
	#bannerix .caption {
		position: absolute;
		width: 400px;
		top: 55%;
	}

	#bannerix .caption h2 {
		font-size: 15px;
	}

	#bannerix .caption p {
		font-size: 10px;
		font-style: italic;
		margin: 0;
		padding: 0;
		color: #fff;
	}

	#bannerix .caption .btn {
		width: 80px;
	    height: 20px;
		font-size: 10px;
		margin-top: 5px;
		padding: 0;
	}
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
	#bannerix .caption {
		position: absolute;
		width: 450px;
		top: 50%;
	}

	#bannerix .caption h2 {
		font-size: 24px;
	}

	#bannerix .caption p {
		font-size: 16px;
		font-style: italic;
		margin-top: 15px;
		color: #fff;
	}

	#bannerix .caption .btn {
		width: 110px;
	    height: 30px;
		font-size: 12px;
		margin-top: 15px;

	}
}


/* --- services FROM COMPANY --- */
.services {
	padding:50px;
}

.services h3 {
	margin-bottom:30px;
	font-weight:800;
}

.services img {
	border-radius:6px;
}

.sub-services img {
	border-radius:6px;
}

.services p {
	margin-top:30px;
	font-size:14px;
}

.sub-services {
	padding:50px;
	background:#ddd;
}

.sub-services p {
	margin-top:30px;
	font-size:13px;
}

.media-body p {
	margin-top:10px;
	margin-bottom:30px;
	font-size:14px;
}

.media ul li {
	list-style:none;
}

.media i {
	color:#007acc;
	font-size:32px;
}

.media h4 {
	/*font-size:20px;*/
	/*font-weight:600;*/
	/*color:#1BBD36;*/
}


/***********SERVICE ENDE FROM COMPANY****************/



/************mybit footer ******************/
#footer .footer-heading {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    padding: 0 20px;
    color: #fff;
}
#footer .footer-heading h3 {
    font-size: 20px;
    text-transform: capitalize;
}

#footer .footer-heading span {
    border-bottom: 2px solid #64c0ff;
    padding-bottom: 8px;
}

#footer .footer-heading p {
    font-family: 'Open Sans', sans-serif;
    word-spacing: 3px;
    font-weight: 300;
    margin-top: 40px;
    color: #7e7e7e;
}

#footer .footer-heading ul {
    list-style: none;
    margin: 0;
        margin-top: 0px;
    padding: 0;
    margin-top: 30px;
	
font-family: 'Raleway', sans-serif;	
}

#footer .footer-heading ul {
    list-style: none;
}

#footer .footer-heading ul > li > a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: #7e7e7e;
}

#footer .footer-heading li {
    border-bottom: 1px solid #8b8b8b;
    padding: 10px 0;
}

#footer .footer-heading ul > li > a::before {
    content: "\f10c";
    font-family: 'FontAwesome';
    padding-right: 10px;
}



#footer .footer-heading ul > li > a:hover {

	color:#64c0ff;
}


#bottom-footer {
    background-color: #282828;
    padding: 20px 0;
    color: #8e8e8e;
}


/*********************************************/


.icon-list ul {
    margin-left: 0;
    list-style: none outside;
	/*list-style-position: outside;*/
	list-style-image: none;
    /*list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);*/
    /*list-style-position: outside;*/
    overflow: hidden;
	
	margin-top:0px;
	margin-left:0px;	
}


.icon-list .icon.small {
    width: 25px ;
    padding-bottom: 0px;
	/*list-style:none outside;	*/
}

.icon-list ul li .icon {
    position: relative;
}

.icon-list .icon {
    display: table-cell;
    line-height: 1;
    padding-bottom: 50px;
    text-align: center;
    vertical-align: top;
    width: 60px;
}


.icon-list ul li .icon .icon_container.white {
    background-color: #ffffff ;
    color: #80b724 ;
    font-size: 20px ;
}

.icon-list ul li .icon .icon_container {
    font-size: 16px ;
    width: 25px ;
    height: 25px ;
    line-height: 25px ;
}

.icon-list ul li .leistung {
    display: table-cell;
    padding-top: 0;
    padding-left: 10px;
    vertical-align: top;
    text-align: left;
}


/*

ul.list {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	list-style:none outside;	
}
ul.list li:before {
	content: '\f00c';	
	font-family: "Font Awesome 5 Free";
	font-size: 13px;
	position: absolute;
	left: 0;
	top: 1px;
}

ul.list-ok li:before {
	content: '\f00c';
}
*/
/* list */
	/*ul.list, ol.list						{ margin:0 0 20px 0;padding:0; }
	ul.list 							{ list-style:none outside; }
	ol.list 							{ padding:0 0 0 15px; }
    ol.alpha-upper li				{ list-style:upper-alpha; }
	ol.alpha-lower li				{ list-style:lower-alpha; }
	ol.decimal li					{ list-style:decimal; }
	ol.roman li					{ list-style:upper-roman; }
	ul.diamond li					{ padding:0 0 0 15px; background:transparent url('../img/list/diamond.png') no-repeat 0 6px; }
	ul.arrow li					{ padding:0 0 0 20px; background:transparent url('../img/list/arrow.png') no-repeat 0 6px; }
	ul.check li					{ padding:0 0 0 18px; background:transparent url('../img/list/check.png') no-repeat 0 6px; }
	ul.circle li					{ padding:0 0 0 15px; background:transparent url('../img/list/circle.png') no-repeat 0 8px; }
    ul.list ul, ul.list ol, ol.list ol, ol.list ul 		{ margin:4px 0 5px 30px; font-size:90%;  }
	ul.list ul li, ul ol li,	ol.list ol li, ol.list ul li 	 { margin-bottom:6px; }
	ul.list li , ul.list li							{ line-height:21px; margin: 0 0 12px 5px; }
	ul.list li p 							{ line-height:21px; }
	ol.alpha-upper li	 a, ol.alpha-lower li	a, ol.decimal li	a, ol.roman li a, ul.diamond li	a, ul.arrow li a, ul.check li a, ul.circle li a{ color:#3c4249;}*/



/**************************************
Header
**************************************/
.section-padding
{
	padding: 40px 0px;
}
.main-navigation
{
    border-bottom: 1px solid #eee;
}
.navbar-default {
    background-color: #fff;
    border-color: rgba(231, 231, 231, 0.33);
    padding: 20px 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #354242;
    background-color: #fff;
}
.navbar-nav {
    padding-top: 5px;
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
	border-bottom: 2px solid #007acc;
    outline: none;
}
.navbar {
	min-height: inherit;
	margin-bottom: 0px;
}
.navbar-brand {
	height: inherit;
	font-family: 'Josefin Slab', serif;
	font-weight: 700;
	/*text-transform: uppercase;*/
	padding: 5px;
    font-size: 42px;
    margin-top: 5px;
}

.navbar-default .navbar-brand {
    color: #e43c5c;
}

.navbar-default .navbar-nav > li > a {
	color: #354242;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0px 10px;
	padding-bottom: 5px;
	font-size: 14px;
}
.nav > li > a
{
	padding: 0px;
}

/*from Eterna, 10.07.2018*/
.navbar .nav>li>.dropdown-menu:before {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-bottom-color: none;
  content: none;
}
.navbar .nav>li>.dropdown-menu:after {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  content: '';
}
/*DropDown Menu, 10.07.2018*/
/*from Eterna->bootstrap.css*/
.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 180px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
	background: #343434;
  border: none;
  border: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
border:2px solid #302f2f;
border-top:none;
  -webkit-background-clip: none;
     -moz-background-clip: none;
          background-clip: none;

}

.dropup,
.dropdown {
  position: relative;
}

/*ENDE DROPDOWN MENU 10.07.2018*/



.jumbotron
{
    background-color: transparent;
    padding-top: 90px;
}
.jumbotron p.big
{
    line-height: 21px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 6px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    -moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    -ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    padding-top: 10px;
}
a.btn-banner {
    border: 1px solid #cdcdcd;
    padding: 12px 22px;
    line-height: 0px;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 95px;
}
a.btn-banner i
{
    padding-left: 10px;
}
a.btn-banner:hover, a.btn-banner:focus
{
    background-color: #e43c5c;
    color: #fff;
    border-color: #E74C3C;
    display: inline-block;
}
.bold
{
    font-weight: bold;
}
.bold-drop
{
  font-weight: 900;
}

.bor-btm
{
    width: 100px;
    height: 1px;
    background-color: #ddd;
    margin-bottom: 85px;
}
.jumbotron h1.small
{
    line-height: 88px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 62px;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    -moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    -ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
}
.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 0px;
}
.bgblue-dark
{
    background-color: #2C3E50;
}
.bgblue-light
{
    background-color: #3498DB;
}
.bgred
{
    background-color: #E74C3C;
}
.wrk-title
{
    cursor: pointer;
}

/*from Moderna*/
.box {
	width: 100%;
	height:325px;
/* erweiterung zur Box-Schattierung, 20.07.2018*/	
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

}
.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}

.aligncenter {
	text-align:center;
}

/* box */
.box-bottom {
	background:#007acc;
}

.box-gray  h4 {
	margin-bottom: 20px;
}

.box-gray  i {
	margin-bottom: 20px;
	color:#007acc;
}
.box-bottom {
	/*padding: 20px 0;*/
	text-align: center;
	border-bottom:20px;
    border-bottom-style: solid;
    border-bottom-color: #f8f8f8;

}
.box-bottom a {
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}

/*Ende from Moderna*/

.cta-1, .cta2
{
	/*background-color: #e43c5c;*/
	background-color: #007acc;	
	padding: 20px 0px;
}
p.cta-sub-title
{
	font-size: 28px;
}
.pg-titl-bdr-btm
{
	width: 100px;
	height: 3px;
	background-color: #e43c5c;
}
.service-box {
    /*margin: 0 0 60px;*/
	margin: 0 ;
    display: inline-block;
}

/*small icon 16.07.2018*/
/*.icon-list .icon.small {
    width: 25px ;
    padding-bottom: 0px ;
}

.icon-list ul li .icon .icon_container.white {
    background-color: #ffffff ;
    color: #80b724 ;
    font-size: 20px ;
}
.icon-list ul li .icon .icon_container.small {
    font-size: 16px;
    width: 25px ;
    height: 25px ;
    line-height: 25px ;
}

.icon-list ul li .leistung {
    display: table-cell;
    padding-top: 0;
    padding-left: 10px;
    vertical-align: top;
    text-align: left;
}
*/
/*ENDE small icon 16.07.2018*/

.service-box .service-iconXXX {
    width: 75px;
    height: 75px;
    border-radius: 50px;
    overflow: hidden;
	    border: 1px solid #007acc;
    /*border: 1px solid #e9e9e9;*/
    line-height: 75px;
    text-align: center;
    color: #007acc;
    font-size: 42px;
    margin-right: 23px;
    float: left;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.service-box .technologie-icon {
    width: 25px;
    height: 25px;
    /*border-radius: 50px;*/
    overflow: hidden;
	    /*border: 1px solid #007acc;*/
    /*border: 1px solid #e9e9e9;*/
    line-height: 25px;
    text-align: center;
    color: #007acc;
    font-size: 16px;
    margin-right: 10px;
    float: left;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.service-box .technologie-text {
    width: 70%;
    float: left;
    margin-bottom: 5px;
}

.service-box .technologie-text h3 {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: 400;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


.service-box .service-icon {
    width: 75px;
    height: 75px;
    border-radius: 50px;
    overflow: hidden;
	    border: 1px solid #007acc;
    /*border: 1px solid #e9e9e9;*/
    line-height: 75px;
    text-align: center;
    color: #007acc;
    font-size: 42px;
    margin-right: 23px;
    float: left;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.service-box .service-text {
    width: 70%;
    float: left;
    margin-bottom: 20px;
}
.service-box .service-text h3 {
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: 400;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.page-title
{
	margin-bottom: 40px;
}



.fil-btn .active
{
	background-color: #e43c5c;
}
.img-sec, .fig-caption
{
	width: 50%;
	float: left;
}
.team-info
{
	border: 1px solid rgba(204, 204, 204, 0.33);
	float: left;
	width: 100%;
	border-radius: 3px;
}
.fig-caption
{
	padding: 56px 20px 0px;
}
.fig-caption h3
{
	font-size: 20px;
	font-family: 'Josefin Slab', serif;
}
.fig-caption p
{
	font-size: 14px;
}
.team-social li
{
	display: inline-block;
}
.team-social li
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.team-social li a
{
	color: #fff;
}
.blue-light{
	background-color: #3498DB;
}
.blue-dark
{
	background-color: #2C3E50;
}
.red
{
	background-color: #E74C3C;
}
.marb-20
{
	margin-bottom: 20px;
}
.wd75
{
	width: 75%;
	float: left;
}
.cta2 a
{
margin-top: 5px;
}
.fnt-24
{
	font-size: 24px;
}

/* Portfolio */
#portfolio {
  background: #fff;
  padding: 80px 0;
}

#portfolio #portfolio-wrapper {
  padding-right: 15px;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 45px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 10px;
  display: inline-block;
  padding: 10px 22px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #f7f7f7;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
  background: #E43C5C;
  color: #fff;
}

#portfolio .portfolio-item {
  position: relative;
  height: 200px;
  overflow: hidden !important;
  margin-bottom: 15px;
  transition: all 350ms ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#portfolio .portfolio-item a {
  display: block;
  margin-right: 15px;
}

#portfolio .portfolio-item img {
  position: relative;
  top: 0;
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#portfolio .portfolio-item .details {
  height: 50px;
  background: #007acc;
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: -50px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity:0.75;
}

#portfolio .portfolio-item .details h4 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding-left: 15px;  
  /*padding: 8px 0 2px 8px;*/
  margin: 0;
}

#portfolio .portfolio-item .details span {
  display: block;
  color: #fff;
  font-size: 13px;
  padding-left: 15px;
}

#portfolio .portfolio-item:hover .details {
  bottom: 0;
}

#portfolio .portfolio-item:hover img {
  top: -30px;
}

/* Contact Form */
.text-field-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 40px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    color: #666;
    font-size: 14px;
    padding: 0 35px;
    margin-bottom: 30px;
    width: 100%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}
.form-sec textarea {
    height: 220px;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

.button-medium {
    background: #e43c5c;
    border-radius: 40px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e43c5c;
    box-shadow: none;
    outline: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.footer {
    background-color: #040E18;
}
.footer h3 {
    color: #fff;
    padding-bottom: 30px;
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    margin: 2px;
    display: inline-block;
}
.footer_social ul li a {
    background: #2e3537 none repeat scroll 0 0;
    border: 1px solid #2e3537;
    box-shadow: 0 0 0 7px transparent;
    color: #aaa;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 21px;
    padding: 9px 13px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 40px;
}
.footer-bottom {
    background: #09121B;
    padding: 20px 0;
}
.footer_copyright {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}
.footer_copyright a {
    color: #e43c5c;
}
#banner
{
    /*background: url('../img/banner-bg.jpg') no-repeat;*/
    background: url('../img/banner-bg.png') no-repeat;	
    background-size: cover;
    min-height: 500px;
	 }
.cta2 .btn-default,.cta2 .btn-default:hover,.cta2 .btn-default:focus
{
    padding: 10px 25px;
    background-color: #fff;
    border: 0px;
}
/**************************************
cta
**************************************/
/** media queries**/
@media (min-width: 480px) and (max-width: 1023px) {
    .img-sec, .fig-caption {
    width: 100%;
    float: left;
}
.fig-caption {
    padding: 56px 20px 20px;
}
}
@media (min-width: 451px) and (max-width: 768px) {
.filter {
    padding: 5px 18px;
    margin-bottom: 3px;
}
.wd75
{
    width: 100%;
}
.fig-caption {
    padding: 56px 20px 20px;
}
}
@media (min-width: 301px) and (max-width: 450px) {
.filter {
    padding: 3px 14px;
    margin-bottom: 3px;
}
.jumbotron
{
    padding-right: 30px;
    padding-left: 30px;
}
.fig-caption {
    padding: 13px 20px 0px;
}
.team-social li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.fig-caption h3 {
    font-size: 19px;
    font-family: 'Josefin Slab', serif;
}
.wd75
{
    width: 100%;
}
.service-box .service-text h3
{
    padding-top: 15px;
}
.jumbotron h1.small {
    font-size: 44px;
}
h1.cta-title {
    font-size: 30px;
}
p.cta-sub-title {
    font-size: 20px;
}
.button-medium {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    width: 150px;
}
.jumbotron
{
    padding: 90px 0px 0px 20px !important;
}
}
.footer_copyright a
{
    text-decoration: none;
}
@media (min-width: 100px) and (max-width: 300px) {
.filter {
    padding: 3px 14px;
    margin-bottom: 3px;
}
.img-sec, .fig-caption {
    width: 100%;
    float: left;
}
.fig-caption {
    padding: 56px 20px 20px;
}
.jumbotron h1.small {
    font-size: 44px;
}
h1.cta-title {
    font-size: 30px;
}
p.cta-sub-title {
    font-size: 20px;
}
.button-medium {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    width: 150px;
}
.jumbotron
{
    padding: 90px 0px 0px 20px !important;
}
.service-box .service-text h3 {
    padding-top: 15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a{
    text-align: center;
}

@media (min-width: 300px) and (max-width: 768px) {
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a{
    text-align: center;
    border: 0px;
}
.navbar-default .navbar-nav > li > a:hover
{
    border: 0px;
}

/**************************************
form element
**************************************/
/* Animation Timers
---------------------------------*/
.delay-02s { 
	animation-delay: 0.2s; 
	-webkit-animation-delay: 0.2s; 
}
.delay-03s { 
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s; 
}
.delay-04s { 
	animation-delay: 0.4s; 
	-webkit-animation-delay: 0.4s; 
}

.delay-05s { 
	animation-delay: 0.5s; 
	-webkit-animation-delay: 0.5s; 
}
.delay-06s { 
	animation-delay: 0.6s; 
	-webkit-animation-delay: 0.6s; 
}

.delay-07s { 
	animation-delay: 0.7s; 
	-webkit-animation-delay: 0.7s; 
}
.delay-08s { 
	animation-delay: 0.8s; 
	-webkit-animation-delay: 0.8s; 
}

.delay-09s { 
	animation-delay: 0.9s; 
	-webkit-animation-delay: 0.9s; 
}
.delay-1s { 
	animation-delay: 1s; 
	-webkit-animation-delay: 1s; 
}
.delay-12s { 
	animation-delay: 1.2s; 
	-webkit-animation-delay: 1.2s; 
}