/* Add here all your css styles (customizations) */

/* Default highlight color */
::-moz-selection {
  color: #fff;
  background: #008fcf
    ;
}

::selection {
  color: #fff;
  background: #008fcf
    ;
}

/*Pace loader*/
.pace .pace-progress {
	background: #008fcf
    ;
}

.pace .pace-progress-inner {
 	box-shadow: 0 0 10px #008fcf
    , 0 0 5px #008fcf
    ;
}

.pace .pace-activity {
	border-top-color: #008fcf
    ;
	border-left-color: #008fcf
    ;
}

.construction-header.one-page-header .navbar-nav > li > a:hover {
	color: #777
    ;
}

/*active*/
.construction-header.one-page-header .navbar-nav > .active > a,
.construction-header.one-page-header .navbar-nav > .active > a:hover,
.construction-header.one-page-header .navbar-nav > .active > a:focus {
  z-index: 1;
	color: #777 !important;
}
.promo__title:after {
	position: absolute;
	width: 0px;
  height: 124px;
  background: #008fcf;
  top: 50%;
  margin-top: -62px;
  content: "";
}

.promo__pretitle {
	color: #008fcf;
	font-weight: bold;
	font-size: 20px;
}
.acc-v1 .panel-heading a {
  font-size: 14px;
  padding: 5px 0px 5px;
  background: #f4f4f4;
  color: #000;
  border-bottom: 1px solid #a7a7a7; 
  text-transform: uppercase;
  font-weight: bold;
  text-align:left;
  padding-left:20px;
}
.acc-v1 .panel-heading a:hover {
  text-decoration: none;
  color: #000;
}
.impressum_grp {
  border-bottom:1px #ccc dashed; 
  padding-bottom:10px; 
  padding-top:10px;
  font-size:14px;
}

.impressum_grp_last {
  padding-top:10px;
}
.panel-body {
  padding: 20px 0 0;
  text-align:left;
  padding-left:54px;
  margin-bottom:10px;
  padding-bottom:15px;
  padding-top:15px;
  font-size: 14px;
}
.panel-body p {
  line-height: 1.7;
  font-size: 14px;
  color: #000;
  margin-bottom: 0;
	background-color:  #f4f4f4;

}

.tab__icon {
	font-size: 23px;
	color: #008fcf
    ;
	vertical-align: middle;
}
/* Plus Toggle */
.acc-v1.plus-toggle .panel-heading a:before {
  color: #008fcf
    ;
  font-size: 12px;
  content: "\f078";
  line-height: 12px;
  position: absolute;
  right: 0;
  top: 10px;
  background: transparent;
  font-family: FontAwesome;
  padding-right:20px;
}
.acc-v1.plus-toggle .panel-heading a.collapsed:before {
  content: "\f054";

}


.tab__fa{
	color: #008fcf
    ;
	font-size: 14px;
}
/*hover and active*/
.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
  color: #008fcf
    ;
  background: transparent;
  border: 1px solid #efefef;
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.icon-custom.testi__fa {
	color: #fff;
	background: #008fcf
    ;
	border: none;
	margin-bottom: 30px;
	font-size: 12px;
}
/*.cube-portfolio .cbp-l-filters-text .cbp-filter-item:hover,
.cube-portfolio .cbp-l-filters-text .cbp-filter-item:focus,
.cube-portfolio #filters-container .cbp-filter-item-active {
  color: #008fcf
    ;
  border-color: #f1f1f1;
  border-top: 1px solid #008fcf
    ;
  background: transparent !important;*/

/*Owl controls*/
.controls-v3.owl-theme .owl-controls .owl-buttons div {
  padding: 15px 19px;
  width: 49px;
  height: 49px;
  color: #008fcf
    ;
  background: #111;
  font-size: 13px;
  cursor: pointer;
  /*border: 3px solid #111;*/
}
.contact-list__icon {
	font-size: 20px;
	color: #008fcf
    ;
}
.sky-form .message i {
  border-color: #008fcf
    ;
}
.sky-form .message {
  color: #008fcf
    ;
}
.icon-custom.footer__fa:hover {
	background: #fff;
	color: #008fcf
    ;
}
/*global button*/
.btn-u__fa {
	color: #008fcf
    ;
}
.btn-u--construction.trim::before {
  border: 2px solid #008fcf
    ;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
}
/*bar*/
.heading-v14:after {
	width: 70px;
  height: 10px;
  position: absolute;
  background: #008fcf
    ;
  content: "";
  top: 100px;
  left: 50%;
  margin-left: -35px;
}
.heading-v14__block-name {
	color: #008fcf
    ;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.heading-v14__text {
	color: #000;
	font-size: 14px;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.heading-v14__texth6 {
	color: #000;
	font-size: 14px;
	font-weight:bold;
	max-width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}



/* heading-v15 dunkelgrauer hg mit weißer / roter schrift */
.heading-v15 {
	position: relative;
}

/*bar*/
.heading-v15:after {
	width: 70px;
  height: 10px;
  position: absolute;
  background: #008fcf
    ;
  content: "";
  top: 100px;
  left: 50%;
  margin-left: -35px;
}

.heading-v15__block-name {
	color: #008fcf
    ;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.heading-v15__title {
	color: #FFF;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
}

.heading-v15__text {
	color: #fff;
	font-size: 14px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.heading-v15__texth6 {
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	max-width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*different color*/
.heading-v15--diff:after {
	background: #fff;
}

.heading-v15--diff .heading-v15__block-name,
.heading-v15--diff .heading-v15__title,
.heading-v15--diff .heading-v15__text {
 color: #fff;
}

.heading-v15--diff .heading-v15__block-name {
	opacity: 0.8;
}



/* heading-v16 hellgrauer hg mit schwarzer / grauer / roter schrift ffcc00 */
.heading-v16 {
	position: relative;
}

/*bar*/
.heading-v16:after {
	width: 70px;
  height: 10px;
  position: absolute;
  background: #008fcf
    ;
  content: "";
  top: 100px;
  left: 50%;
  margin-left: -35px;
}

.heading-v16__block-name {
	color: #008fcf
    ;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.heading-v16__title {
	color: #000;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
}

.heading-v16__text {
	color: #333;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.heading-v16__texth6 {
	color: #333;
	font-size: 16px;
	font-weight:bold;
	max-width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

/*different color*/
.heading-v16--diff:after {
	background: #fff;
}

.heading-v16--diff .heading-v16__block-name,
.heading-v16--diff .heading-v16__title,
.heading-v16--diff .heading-v16__text {
 color: #fff;
}

.heading-v16--diff .heading-v16__block-name {
	opacity: 0.8;
}



/* heading-v17 roter hg mit schwarzer / weißer */
.heading-v17 {
	position: relative;
}

/*bar*/
.heading-v17:after {
	width: 70px;
  height: 10px;
  position: absolute;
  background: #000;
  content: "";
  top: 100px;
  left: 50%;
  margin-left: -35px;
}

.heading-v17__block-name {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.heading-v17__title {
	color: #FFF;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
}

.heading-v17__text {
	color: #333;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.heading-v17__texth6 {
	color: #333;
	font-size: 16px;
	font-weight:bold;
	max-width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

/*different color*/
.heading-v17--diff:after {
	background: #fff;
}

.heading-v17--diff .heading-v17__block-name,
.heading-v17--diff .heading-v17__title,
.heading-v17--diff .heading-v17__text {
 color: #fff;
}

.heading-v17--diff .heading-v17__block-name {
	opacity: 0.8;
}










/*Portfolio caption
.cbp-l-caption-alignLeft .cbp-l-caption-body {
  background:rgba(0,0,0,0.9);
	padding: 30px 10px 0 30px;
	height: 100%;
}
.color-overlay {
	position: absolute;
	background: rgba(0,0,0,0.9);
	top: -1px;
	left: 5px;
	width: 100%;
	height: 100%;
	z-index: -1;
}*/
@media (min-width: 1025px){
.twocolumns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	line-height:1.6;

    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
	line-height:1.6;
} 
.threecolumns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	line-height:normal;

    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
	line-height:normal;
} 
.fourcolumns {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	line-height:normal;

    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
	line-height:normal;
} 
}
/*Top Bar (login, search etc.)
------------------------------------*/
.header .topbar {
	z-index: 12;
	padding: 8px 0;
	position: relative;
}

@media (max-width: 991px) {
	.header .topbar {
		margin-bottom: 20px;
	}
}

.header .topbar ul.loginbar {
	margin: 0;
}

.header .topbar ul.loginbar > li {
	display: inline;
	list-style: none;
	position: relative;
	padding-bottom: 15px;
}

.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover {
	color: #7c8082;
	font-size: 12px;
	text-transform: uppercase;
}

.header .topbar ul.loginbar li i.fa {
	color: #777;
}

.header .topbar ul.loginbar li.topbar-devider {
	top: -1px;
	padding: 0;
	font-size: 8px;
	position: relative;
	margin: 0 9px 0 5px;
	font-family: Tahoma;
	border-right: solid 1px #bbb;
}

/*languages*/
.header .topbar ul.languages {
	top: 25px;
	left: -5px;
	display: none;
	padding: 4px 0;
	padding-left: 0;
	list-style: none;
	min-width: 100px;
	position: absolute;
	background: #f0f0f0;
}

.header .topbar li:hover ul.languages {
	display: block;
}

.header .topbar ul.languages:after {
	top: -4px;
	width: 0;
	height: 0;
	left: 8px;
	content: " ";
	display: block;
	position: absolute;
	border-bottom: 6px solid #f0f0f0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

.header .topbar ul.languages li a {
	color: #555;
	display: block;
	font-size: 10px;
	padding: 2px 12px;
	margin-bottom: 1px;
	text-transform: uppercase;
}

.header .topbar ul.languages li.active a i {
	color: #999;
	float: right;
	margin-top: 2px;
}

.header .topbar ul.languages li a:hover,
.header .topbar ul.languages li.active a {
	background: #fafafa;
}

.header .topbar ul.languages li a:hover {
	text-decoration: none;
}

/* Designing the a links */
.construction-header.one-page-header .navbar-nav > li > a,
.construction-header.one-page-header .navbar-nav > li > a:focus {
	padding: 8px 5px;
	margin: 0 3px;
	font-size: 13px;
	font-weight: normal;
  text-transform: uppercase;
  color: #777;
}

/*Services tab*/
.tab-v3 .nav-pills li a {
  color: #000;
  font-size: 14px;
  padding: 20px 0 15px;
  margin-bottom: 3px;
  background: transparent;
  border: 1px solid #efefef;
  border-right: none;
  border-left: none;
  border-bottom: none;
  text-transform: uppercase;
  font-weight: normal;
}
.container-fluid.with-bg-lightgray {background: #f4f4f4;}
.container-fluid.with-bg-darkgray {background: #424242;}
.container-fluid.with-bg-red {background: #008fcf
    ;}

.text-col-fff {
  color: #FFF;
}
.contact__cell {
	padding: 27px 15px;
	float: left;
	width: 33%;
	margin: 0;
	background: transparent;
	/*border: 1px solid #f1f1f1;*/
}
.copyright-section i.back-to-top {
  left: 50%;
  top: -35px;
  color: #000;
  font-size: 30px;
  background: #008fcf
    ;
  padding: 2px 10px;
  margin-left: -15px;
  position: absolute;
}
.copyright-section i.back-to-top p {
  color: #000;
  font-size: 14px;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.copyright-section i.back-to-top:hover {
  color: #000;
  background: #008fcf
    ;
}
/*Copyright Section*/
.copyright-section {
  z-index: 1;
  background: #fff;
  position: relative;
  text-align: center;
  padding: 25px 0 20px;
}

.copyright-section p {
  font-size: 14px;
}

.copyright-section p a {
  color: #555;
  text-decoration: underline;
}

.copyright-section p a:hover {
  text-decoration: none;
}

.copyright-section ul.social-icons li {
  margin-bottom: 0;
  padding: 0;
}

.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-35 {margin-top: 35px;}
.margin-top-40 {margin-top: 40px;}

.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-25 {padding-top: 25px;}
.padding-top-30 {padding-top: 30px;}
.padding-top-35 {padding-top: 35px;}
.padding-top-40 {padding-top: 40px;}
.padding-top-45 {padding-top: 45px;}
.padding-top-50 {padding-top: 50px;}

.default_text_gray14 {
	color: #999;
	font-size: 14px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.default_text_gray16 {
	color: #999;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.default_title_gray16 {
	color: #999;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-weight:bold;
	text-transform:uppercase;
}
.default_text_white14 {
	color: #FFF;
	font-size: 14px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.default_text_white16 {
	color: #FFF;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.default_title_white16 {
	color: #FFF;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-weight:bold;
	text-transform:uppercase;	
}

.career__text {
	color: #fff;
	opacity: 0.8;
	font-size: 14px;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
dl {
	margin-top: 0;
	margin-bottom:0px
}
dt, dd {
	line-height: 0.8;
	text-align:left;
}
dt {
	font-weight: 700
}
dd {
	margin-left: 0;
	font-size:14px;
}
/*@media (min-width:768px) {*/
.dl-horizontal dt {
	float: left;
	width: auto;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top:5px
}
.dl-horizontal dd {
	margin-left: 20px;
	line-height: 1.6;
	margin-top: 5px;
	margin-bottom: 5px;
}
.construction-header.one-page-header .navbar-brand img {
	max-height: 250px;
}
.zentrierterdiv {
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 }
 
 .bg-color-com {
	background: #424242;
}

/* heading-v17 roter hg mit schwarzer / weißer */
.heading-thanks {
	position: relative;
}

/*bar*/
.heading-thanks:after {
	width: 70px;
  height: 10px;
  position: absolute;
  background: #008fcf
    ;
  content: "";
  top: 150px;
  left: 50%;
  margin-left: -35px;
}

.heading-thanks__block-name {
	color: #008fcf
    ;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.heading-thanks__title {
	color: #FFF;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
}

.heading-thanks__text {
	color: #333;
	font-size: 16px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.heading-thanks__texth6 {
	color: #333;
	font-size: 16px;
	font-weight:bold;
	max-width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

/*different color*/
.heading-thanks--diff:after {
	background: #fff;
}

.heading-thanks--diff .heading-thanks__block-name,
.heading-thanks--diff .heading-thanks__title,
.heading-thanks--diff .heading-thanks__text {
 color: #fff;
}

.heading-thanks--diff .heading-thanks__block-name {
	opacity: 0.8;
}

.btn {
	box-shadow: none;
	border-radius: 0;
	background-color: #008fcf;
	
}
btn-lw1 {
	color: #fff;
	background-color: #008fcf;
	font: lighter "Roboto", Arial, sans-serif;
	margin-top: 25px;
	text-align:left;	
}
.btn-lw1:hover, .btn-lw1:focus, .btn-lw1:active, .btn-lw1.active, .open>.dropdown-toggle.btn-lw1 {
	color: #000;
	background-color: #008fcf;
}


.asp {
	justify-content: center;
		text-align: center;
	margin-right: auto;
		margin-left: auto
}

.address {
	list-style: none;
	padding: 0;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-align: left;

	li {
		display: flex;
		align-items: start;
		gap: 8px;
	}
}

a.link {
	color: #008fcf;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	
}

.contact__title {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6;
}

h2.contact__title {
	font-size: 35px;
}

h3.contact__title {
	font-size: 18px;
}

.contact__text {
	font-size: 16px;
	color: #999;
	text-align:left;
}


.address__hero {
	text-align: center;
	justify-content: center;

	li {
		justify-content: center;
		align-items: center;
	}

	a.link {
		color: #fff;
	}
}

.color-white {
	color: #fff;
}

.flex-align-center {
	display: flex;
	align-items: center;
}

.promo-section h2.promo__title {
	font-weight: bold;
	border-top: none;
	border-bottom: none;
	margin-bottom: 10px;
}

.promo-section h2.promo__title:before {
	content:"";
}

.promo-section h2.promo__title:after {
	content:"";
}

.fullscreen-static-image3.promo-block:after {
	background: rgba(0,0,0,0.35);
}