.col-verkauf{ background-color:rgba(77 77 77 / 100%)!important;}
.col-vermietung{ background-color:rgb(93 111 129/ 100%)!important;}
.col-verwaltung{ background-color:rgb(139 152 156/ 100%)!important;}
.col-projekte{ background-color:rgb(118 133 94 / 100%)!important;}   
.col-entwicklung{ background-color:rgb(74 84 59 /100%)!important;}
.col-service{ background-color:rgb(80 80 69 / 100%)!important;}   

.verkauf{ background-color:rgba(77 77 77 / 100%);}
.verkauf:hover{ background-color:rgba(77 77 77 / 80%);}
.vermietung{ background-color:rgb(93 111 129/ 100%);}
.vermietung:hover{ background-color:rgb(93 111 129/ 80%);}  
.verwaltung{ background-color:rgb(139 152 156/ 100%);}
.verwaltung:hover{ background-color:rgb(139 152 156/ 80%);}    
.projekte{ background-color:rgb(118 133 94 / 100%);}    
.projekte:hover{ background-color:rgb(118 133 94 / 80%);}    

.entwicklung{ background-color:rgb(74 84 59 /100%);}
.entwicklung:hover{ background-color:rgb(74 84 59 /80%);}

.service{ background-color:rgb(80 80 69 / 100%);}      
.service:hover{ background-color:rgb(80 80 69 / 80%);}  

.bg_dark_blue{ background-color:#193058;}
.txt-white, .txt-white>p, .txt-white>h1, .txt-white>h2 {color:#fff !important;}
.txt-light { font-weight: 100; font-size: 2.5rem;}

/* CARD HOME */


.card-home {
	position: relative;
	height: 280px;
	box-shadow: 5px 5px 20px;
	overflow: hidden;
	border-radius:0px;
  	border:0px;
	cursor: pointer;
}

.intro {
	position: absolute;
	height: 80px;
	width: 350px;
	bottom: 0;
	overflow: hidden;
    text-align: center;

	padding: 10px;
	color: #fff;
	

	transition: .4s ease-in-out;
}

.card-home:hover .intro {
	height: 280px;
	bottom: 0;
}

.card-home:hover .text-p {
	opacity: 1;
	visibility: visible;
}

.card-home:hover img {
	transform: scale(1.1) rotate(-3deg);
}

.card-home img {
	height: 340px;
	width: 320px;
	object-fit: cover;
	border-radius: 0px;
	transition: transform .4s ease-in-out;
}

.text-h1 {
	margin: 10px;
	text-transform: uppercase;
	font-size: 28px;
}

.text-p {
	font-size: 16px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
}
  .cat_motiv_new{
    background-size: 120%;
    background-repeat: no-repeat;
    min-height: 280px !important;
   transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;-moz-transition: 0.3s;
  }


@font-face {
  font-family: 'Open Sans';
 src: local('/assets/fonts/OpenSans-Bold.ttf');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  
}


#team .card {
    border: none;
    background: #ffffff;
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}


.frontside .card,
.backside .card {
    min-height: 120px;
}

.caller-card li a{   color: #193058 !important; font-size:16pt;}
.backside .card a {
    font-size: 18px;
    color: #193058 !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #193058 !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

/* FILTER */
.bb1{ opacity:0;}

.selected-1 a,
.selected-2 a,
.selected-3 a,
.selected-4 a,
.selected-5 a,
.selected-6 a,
.selected-7 a,
.selected-8 a,
.selected-9 a,
.selected-10 a{
	
background-color:#76855e !important;
color:#fff !important;
	
}
.splitter {text-align: center;

}

.splitter:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.splitter ul {
    margin-right: 0;
    margin-top: 0
}

.splitter > li {
    padding-left: 8px
}

.splitter > li ul {
    margin-left: 8px
}

.splitter ul li a {
    border-bottom: 0;
    position: static;

}

.splitter li,
.splitter ul,
.splitter ul li a {
    display: inline;
    display: inline-block;
    line-height: 1
}

.splitter ul,
.splitter ul li,
.splitter ul li a {

}

.splitter ul {

}

.splitter ul li {
    margin-left: 1px
}

.splitter ul li:first-child {
    margin-left: 0;
}

.splitter ul li a {
    padding: 5px;
    color: #070708;
    text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
    text-decoration: none;
	margin-bottom: 10px;
	margin-right: 0px;
}



.demo p,
.demo ul {
    margin-right: 0
}


#performance-toggle {
    text-align: center;
    margin-right: 0;
    font-size: 11px;
    opacity: .5;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear
}

#performance-toggle:hover {
    opacity: .999
}

.image-grid {
    margin: -20px 0 0 -40px;

}

.image-grid:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.image-grid li {
    _off_width: 270px;
    _off_margin: 20px 10px 0 35px;

    text-align: center;
    line-height: 12pt;
	letter-spacing:1px;
    color: #686f74;
    height: 270px;
	max-width: 510px;
    overflow: hidden
}

.image-grid li figure{
	display:block;

    overflow: hidden;
	margin-bottom:10px;

	
}
.image-grid li figure img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.image-grid li figure:before { 
background:rgba(0,0,255, 0.5); 

}
.image-grid li figure:hover img{

	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	cursor:pointer;
	-webkit-filter: sepia(30%);

}

.image-grid li div:hover{
	
	opacity:0.8;
bottom: 20px;

}
.image-grid li div{
    position:relative;
	bottom: 40px;
	left: 0;
	z-index: 10;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

	background-color:#76855e;
	opacity:0;
	color:#fff;

}




.image-grid li span{
	
	display: block;
    margin-top: 110px;
opacity:1;
color:#fff;

}

figure:hover + span{
		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	bottom:40px;
	z-index: +1;
	opacity: 1;
	padding:5px;
	text-align:center;
	
}

.image-grid li img,
.image-grid li strong {
    display: block
}

.image-grid li strong {
    color: #000000;
}

/* Blur */
.hover07 {

	-webkit-filter: blur(0);
	filter: blur(0);
}
.hover07:hover  {
		-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:0.6;
	background-color: #1abc9c;
}


/* FADE */
@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}

.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}





.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #000!important;
    background-color: #f1f1f1!important;
}

.w3-blue, .w3-hover-blue:hover {
    color: #fff!important;
    background-color: #0b2665!important;
}

.w3-center {
    text-align: center!important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}


.box2{margin-top:54px;}
#BOX_holder ul {
  list-style: none !important;
  padding: 0;
}
#BOX_holder li {
  padding-left: 1.3em;
  color:#193058 !important;
}
#BOX_holder li:before {
  content: "\f00c"; /* 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:#193058 !important;
}



#box_header{
	border: 0px solid #ff0000;
	min-height:100px;
	position:absolute;
	width:auto;
	display: table-cell;
	vertical-align: middle;

}

#box_header > .txt{ margin-top:150px; margin-left:120px; color:#fff; font-size:12pt; max-width:300px; 	transition: all 0.7s ease-in;

}

#box_header > .txt > h2{ color:#fff; margin:0px; font-weight:600; letter-spacing:1px; }
#box_header > .txt > .subline{ color:#fff; margin:0px; font-style:italic; font-size:10pt; }
figure{margin: 0px;}


.box_grey{ background-color:#76855e6e;}
.box_center {margin: 0 auto; text-align: center; display: table; }

.arrow_down{ margin: 0 auto; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 30px 35px 0 35px;border-color: #ffffff transparent transparent transparent;}




.headerbild{ height:auto; max-width:1000px;
transition: all 0.7s ease-in;
}

@media screen and (max-width:3200px){
.stars{ position:absolute; top:90px; left: -32px;z-index: 100; height:100px;}		
.stars img{ height:200px;}		
.headerbild{ height:auto; max-width:1200px;}
#box_header > .txt{ margin-top:120px; max-width:450px;     padding: 20px; }
#box_header > .txt > h2{ font-size:23pt;}
#box_header > .txt{  background: #193058de; }
}	

@media screen and (max-width:1920px){
.headerbild{ height:auto; max-width:800px;}
#box_header > .txt{ margin-top:120px; border-bottom-right-radius: 30px;}
#box_header > .txt > h2{ font-size:23pt;}
}	

@media screen and (max-width:1720px){
.headerbild{ height:auto; max-width:700px;}
#box_header > .txt{ margin-top:100px; border-bottom-right-radius: 30px; }
}	


@media screen and (max-width:1024px){
.stars{ position:absolute; top:-10px; left: -32px;z-index: 100; height:100px;}	
.headerbild{ height:auto; max-width:600px;}
#box_header > .txt{ margin-top:90px; margin-left:50px;}
#box_header > .txt > h2{ font-size:18pt;}
}	

@media screen and (max-width:820px){
.headerbild{ height:auto; max-width:460px;}
#box_header > .txt{ margin-top:40px; margin-left:50px;}
#box_header > .txt > h2{ font-size:18pt;}
}	

@media screen and (max-width:620px){
.stars{ position:absolute; top:20px; left: -32px;z-index: 100; height:100px;}		
.stars img{ height:150px;}		
.headerbild{ height:auto; max-width:460px;}
#box_header > .txt{ margin:30px;}
#box_header > .txt > h2{ font-size:16pt;}
}	

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

.headerbild{ height:auto; max-width:360px;}
#box_header > .txt{ margin:20px; font-size:11pt;}
#box_header > .txt > h2{ font-size:15pt;}
}	

@media screen and (max-width:320px){
.headerbild{ height:auto; max-width:100%;}
#box_header > .txt{ margin:10px; padding-right:50px;}
#box_header > .txt > h2{ font-size:12pt;}
}	
	
div.dreieck {
margin-left:250px;
width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 250px 250px 0 0;
border-color: #193058 transparent transparent transparent;
opacity:0.8;
}

div.rechteck { width:100%; max-height:auto;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover;    /* Mozilla*/
-o-background-size: cover;      /* Opera*/
background-size: cover;         /* Generic*/
}



.open_times  li:before {   content: "\f017" !important; }


.btn-kunde{
min-width: 219px;
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    background: transparent;
    letter-spacing: .5px;
    font-weight: bold;
    border-radius: 0;	
	 border-color: #f8f9fa;
}

.btn-kunde:hover{
	 background: #fff;
}


.testimonial-three .testimonial-image {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    overflow: hidden;
}

.testimonial-three .testimonial-content {
    overflow: hidden;
}

.testimonial-three .testimonial-meta {
    position: relative;
    overflow: hidden;
    margin-left: 100px;
}


.testimonial-three .testimonial-name {
    display: block; color:#193058;
}


.testimonial-three .testimonial-three-col {
    padding-bottom: 35px;
}

.testimonial-three .testimonial-three-col {
    border-right-style: dashed;
    border-right-width: 1px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    padding: 25px;
}

.testimonial-three .testimonial-three-col:hover {
   background-color:#f7f7f7;
}

.alternate-color .testimonial-three .testimonial-three-col:hover {
   background-color:white;
}

.testimonial-three.testimonial-three--col-two .testimonial-three-col:nth-child(2n) {
    border-right: none;
}

.testimonial-three.testimonial-three--col-two .testimonial-three-col:nth-last-child(-n+2),
.testimonial-three.testimonial-three--col-two .testimonial-three-col:last-child {
    border-bottom: none;
}

.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-child(3n) {
    border-right: none;
}

.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n+3),
.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n+2),
.testimonial-three.testimonial-three--col-three .testimonial-three-col:last-child {
    border-bottom: none;
}


img {
    max-width: 100%;
    height: auto;
}

/* KUNDEN FEEDBACK */





nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#8f8f8f;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -55px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #193058 ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #193058;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}



.downloads li:before {
    content: "\f019" !important;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #193058 !important;
}

.downloads li, .downloads li a { text-transform:none!important; color: #193058 !important; margin-bottom:10px !important;}



/* reasonAct css */
.reasonAct{
	padding: 71px 0 39px;
}
.reasonAct h2{
	margin-bottom: 24px;
}
.accordion-block .card{
    border: none;
    margin-bottom: 22px;
    border-radius: unset;
   
}
.accordion-block .card .card-header {
    padding: 0;
    border-radius: unset;
    border-bottom: none;
	max-width:100%;
	
}
.accordion-block .card .card-header a{
	
    display: block;
    color: #fff;
    padding: 6px 24px 12px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    
    line-height: 32px;
    font-family:'Open Sans', sans-serif;
	    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 6px;
    border-radius: 3px;
    border-top-right-radius: 26px;	
    border-bottom: 1px solid #ffffff;
    background: rgb(64,111,181);
    background: linear-gradient(180deg, rgb(80 80 69) 0%, rgb(111 111 101) 93%, rgb(80 80 69) 100%);
	 
	
	
}
.accordion-block .card .card-header a img{
	float: right;
	margin-top: 3px;
	transition: 0.3s;
}
.accordion-block .card .card-header a.collapsed img {
    transform: rotate(180deg);
}
.accordion-block .card .card-body{
	padding: 20px 24px;
	text-align: center;
}
.accordion-block .card .card-body p {
    text-align: left;
}
.reasonAct.governance-wrap {
    padding-bottom: 0;
}

.dropdown-menu {
    color: #212529;
    text-align: left;
    list-style: none;
    background: rgb(255 255 255);
    border-radius: 0px;
    border-bottom-right-radius: 30px;
    top: 101px;
    left: 10px;
}

.dropdown-item .active { color:#193058;}


/* RIBBON */
.ribbon {
  height: 188px;
  position: relative;
  margin-bottom: 30px;

  background-size: cover;
  text-transform: uppercase;
  color: white;
}
.ribbon1 {
  position: absolute;
  top: 0px;
  right: 10px;
}

.sold{  margin-top: 0px !important; z-index:10;}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #F8463F;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  min-width: 90px;
 
}
.ribbon1 span:before, .ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #F8463F;
}
.ribbon1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #C02031;
}


/* TESTEMONIALS */
.figure_projekte
{
	
	 height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-clip: border-box;
    box-sizing: border-box;
    overflow: hidden;
}


.figure_projekte_sanierung
{
	
	 height: 100%;
	 width:50%;
	 float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-clip: border-box;
    box-sizing: border-box;
    overflow: hidden;
}


.projektbild {opacity: 0.1;}


.bg-testimonials{
	background: rgb(64,111,181);
    background: linear-gradient(180deg, rgb(25 48 88) 0%, rgb(44 61 92) 93%, rgb(25 48 88) 100%); 
	padding:10px;
	
	
}
.bg-testimonials h2{color:#fff; }
/* ******* Testimonials ******* */
#testimonials .hr-testimonials {
	border: 0px solid #222;
	width: 50%;
	margin: 0 auto 35px auto;
  font-family: 'Helvetica';
}

#testimonials h3 {
	color: #353535;
	margin: 40px auto;
font-family: 'Helvetica';
}

#testimonials .carousel {
	float: none;
  margin: auto;
  min-height:240px;
}

#testimonials .carousel  .active{
	border:0px !important;
}

#testimonials .carousel-indicators li {
	border: 0px solid #182c39;
	background-color: #fff;
	height: 10px;
	width: 10px;
	border-radius: 50%;

}

#testimonials .carousel-indicators li.active {
	border-color: #fff;
	background-color: #182c39;
	
}



#testimonials .carousel-item h4 {
	font-size: 14pt;
	line-height: 1.2em;
	font-weight: 500;
	padding-bottom: 20px;
 
  color:#fff;
}

#testimonials .carousel-item h5 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 80px;
	font-style: italic;

  color:#c3c3c3;
}




/* CARDS* /

/* card details start  */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:400,400i,700,700i');

.details-card {
	background: #ecf0f1;
}

.card-content {
	background: #ffffff;
	border: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	margin-top: 25px;
}

.card-img {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	z-index: 1;
}

.card-img img {
	width: 100%;
	height: auto;
	display: block;
}

.card-img span {
	position: absolute;
    top: 15%;
    left: 12%;
    background: #193058;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transform: translate(-50%,-50%);
}
.card-img span h4{
        font-size: 12px;
        margin:0;
        padding:10px 5px;
         line-height: 0;
}
.card-desc {
	padding: 1.25rem;
	min-height: 250px;
}

.card-desc h3 {
	
    font-weight: 600;
    font-size: 15pt;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;

}

.card-desc p {
	color: #747373;
    font-size: 10.5pt;	
	line-height: 16pt;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0;
	

}
.btn-card{
	background-color: #505045;
	color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: 0;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}
.btn-card:hover {
    background: orange;
}
a.btn-card {
    text-decoration: none;
    color: #fff;
	 position: absolute;
    bottom: 10px;

}
/* End card section */

/* SIDEBAR */

.cms-block-banner {
    color: #fff;

    height: 100%;
	width:100%;
    position: relative;
}

.cms-element-button {
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

.cms-element-button a {
    min-width: 219px;
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    background: transparent;
    letter-spacing: .5px;
    font-weight: bold;
    border-radius: 0;
}
.cms-element-button a:hover{ color:#000 !important;}
.cat_motiv {background-size:100%; background-repeat:no-repeat; min-height:480px !important; border: 10px solid #ffffff; }



/* End extract */
.bild{
webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
	
}

.bild:hover{
webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
	cursor:pointer;
}


.w3-sidebar{height:100%;width:210px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}

.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 38px;
    padding-left: 10px !important;
    color: #555;
    text-align: center;

    border-radius: 0px !important;
    border: 0px solid #bbb !important;
	margin-bottom:0px !important;

}

@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}







.header_motiv { max-width:100%;}
/** Reset css **/
* {  margin: 0;  padding: 0;  outline: 0;  box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;}
body { -webkit-text-size-adjust: none; margin: 0;  padding: 0;font-size:17px;line-height:26px;color:#2b2b2b;font-family: arial;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul {  display: block;}
img, fieldset {  max-width: 100%;  height: auto;  border: 0;}
ul {  list-style-type: none;}
ul, li, p, h1, h2, h3, h4, h5, h6, address { margin: 0;  padding: 0;  font-weight: 400; }
a {  text-decoration: none;  border: 0;  outline: none; 
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
button{transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;}
a:hover ,a:focus { text-decoration: none;  border: 0;  outline: none;color:#4a4a4a;}
a img{  text-decoration: none;  border: 0;  outline: none;}
input { height: 38px;}
input::-webkit-input-placeholder {  color: #3c4043;    font-size: 14px;  opacity: 1;}
input:-moz-placeholder {  color: #3c4043;    font-size: 14px;  opacity: 1;}
input::-moz-placeholder {  color: #3c4043;    font-size: 14px;  opacity: 1;}
input:-ms-input-placeholder { color: #3c4043;    font-size: 14px;  opacity: 1;}

input[type='checkbox']{ height: 10pt; margin-top:10px;}

/****** ANI */
.meter { 
	height: auto;  /* Can be anything */
	position: relative;
	background: #555;

	padding: 10px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
  display: block;
  

  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

div.fadeShow-container{ background:#ffffff !important;}
.projektbild{ height:100%;}



 .portfolio_images_overlay{
                width: 95%;
                height: 90%;
                background: rgba(0, 0, 0, .5);
                padding: 10px;
                margin: 0 auto;
                top:-105%;
                left: 0%;
                position: absolute;
                transition:.6s;
				opacity:0;
            }
          


			

.animate > span:after {
			display: none;
		}

		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}

		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}

		
		

.vermarktung a { color:#193058; font-size: 12pt;}
.vermarktung a:hover { color:#000000; font-size: 12pt;}



.statsbar {  background:#193058; opacity:0;}
.stat-one { height: 130px; }
.stat-two { height: 130px;}
.stat-three { height: 100px;}

.stat-four { 

width: 25%;
height: 100px;
}

.stat-number { 

width: 100%;
height: 50px;

text-align:center;
color:#FFF;
font-size: 80px;
font-weight: 100;
text-transform: uppercase;
color:#FFF;

}

.stat-title { 

width: 100%;
height: 50px;

text-align:center;
color:#FFF;
font-size: 24px;
font-weight: 100;
text-transform: uppercase;
color:#FFF;
}
   


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

.top_section  {    margin-top: -25px;}
.col-ask{ color:#fff; font-size:18pt;}
.contact{
	background-color:#193058;
	min-height:150px;
	padding:40px;
	 background-size: 100%;
}
	

.test{
	background-color: #fff;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 622px;
	top: 0;
	left: 0;
	z-index: -1;
}

.rechteck_home
{
	width: 80%;
	margin: -551px 0;
	clear:both;
	margin-bottom:50px;
}

.imprint h3,h2 {margin-bottom:20px;}
/* LISTING */ 

.liste-arrow li { margin-left:20px;}
.liste-arrow li:before {
	
  content: "\f061"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -19px; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/* TZ GALLERY */

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'FontAwesome';

    content: '\f00e';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}


@font-face {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
}

/*common css*/

body{position:relative;color:#4a4a4a; }
p{font-size: 14pt;color:#9b9b9b; margin-bottom: 15px;}
a{font-size: 14pt;color:#9b9b9b;}
.no-padding{padding:0 !important;}

.team_titel{font-size:10pt !important; line-height:12pt!important; color:#fff;}
.team_email{font-size:9pt !important; line-height:12pt!important; color:#fff; margin-top:10px !important;}
.padding-top0{ padding-top:0px !important;}
.padding-top50{ padding-top:50px !important;}
.min-height0{ min-height:0px !important;}
.image_gallery{    margin-top: 40px;}

.datenschutz p  { font-size:9pt; line-height:12pt; margin-bottom:10px; }
.datenschutz h1 { font-size:20px;}
.datenschutz h2 { font-size:18px; padding-top:20px; }
.datenschutz h3 { font-size:16px; padding-top:30px;}
.datenschutz h4 { font-size:14px; }

.datenschutz strong {line-height:22pt;}
.active {color:#ffffff; border-bottom: 2px solid #ffffff;}
.footer-list{margin-top:20px;}
.formtitel {display:block; text-align:left; font-size:14pt; padding:10px;  margin-top:20px;}

.footer-list_small { font-size:10pt;}
.footer-list_small li a { font-size:10pt;}
.footer-list_small li {line-height:14pt;}
.footer-list_small h3 { font-size:16pt; color:white; text-align: left;}
.footer-list_hdl h3 { font-size:16pt; color:white;}
.offline{display:none;}

#box_header .txt p { color:#fff; line-height:14pt;}

#BOX_holder h1, h2, h3, h4 {	color:#193058;}
.container .row h1, h2, h3, h4 {	color:#193058;      font-weight: 600; }

.element_label{font-size:9pt;position: relative; background-color:rgba(0,0,0,0.8);
text-align:center;width:100%; height:auto;padding:5px;top:0px;left:0px;visibility:hidden;transition: all 0.3s ease-in-out;}	

.tab-content .tab_gallery_content ul li:hover .element_label{top:-50%;visibility:visible;left:0; transition: all 0.3s ease-in-out;}



#logo{margin-top:2px;}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.subseiten a{ color:#193058;  word-wrap: break-word;}
.imprint a{ font-size:9pt;  word-wrap: break-word;}
.imprint{overflow:hidden;}

.hovering{ transition: all .2s ease-in-out; }
.hovering:hover {
    -webkit-animation-name: hovering;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: hovering;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: hovering;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes hovering {
    from {-webkit-transform:translate(0, 0px);}
    50% {-webkit-transform:translate(0, -25px);}
    to {-webkit-transform: translate(0, -0px);}
}

@-moz-keyframes hovering {
    from {-moz-transform:translate(0, 0px);}
    50% {-moz-transform:translate(0, -25px);}
    to {-moz-transform: translate(0, -0px);}
}

@keyframes hovering {
    from {transform:translate(0, 0px);}
    50% {transform:translate(0, -25px);}
    to {transform: translate(0, -0px);}
}

/* FADE */


.fadefirst{

    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */

}

@keyframes fadefirst {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadefirst { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadefirst { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadefirst { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


.fadein{

-webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
  
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */

}

  
.fadein_second{


}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*common css*/



/*header css starts here*/



header .navbar{padding:0;background-color:rgba(255,255,255,1); border-bottom:1px solid #ffffff;  
background-color:#193058;
/* background: rgb(64,111,181);
background: linear-gradient(180deg, rgba(64,111,181,1) 0%, rgba(33,82,156,1) 93%, rgba(5,52,124,1) 100%); */
height: 150px;

}

header .navbar .navbar-brand{position:absolute;top:6px;right:.5rem;}
header .navbar .nav-link{padding: 1.0rem 0.7rem !important;  color:rgb(202 202 202) !important;   font-weight: 300;}
header .navbar .nav-link.active, header .navbar .nav-link:hover, header .navbar .nav-link:focus{ color:rgba(255, 255, 255,1) !important;   transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; }

.navbar-dark .navbar-toggler{background-color:transparent;border:none; padding: 18px;}
.navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:active{outline:0;border:none;}
.navbar-dark .navbar-toggler-icon{ }

.fixed-header{background-color:rgba(0,0,0,1); position: fixed; width: 100%; top: 0px; z-index: 999;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}

section.top_banner_content{position: relative;min-height:560px;}
.top_banner_content .heading_text{background-color:rgba(255,255,255,0.8);padding:15px 30px;margin:-66px auto auto;}
.top_banner_content .heading_text h1{font-size:44px;}
.top_banner_content .heading_text h3{font-size:26px;}
.top_banner_content .heading_text p{padding:20px 30px;line-height:22px;}

/*header css ends here*/



/* custom tabbing css starts here, left and below tabs */

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {border-bottom: 0; }
.tab-content > .tab-pane, .pill-content > .pill-pane {display: none; }
.tab-content > .active, .pill-content > .active {display: block; }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {float: none; width:100%; }
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {margin-right: 0; margin-bottom: 3px; padding-bottom:3px; display:block; text-align: right; }
.tabs-left > .nav-tabs {float: left; width:28%; margin-right:30px; margin-left:15px; word-wrap: break-word;}

.tabs-left > .tab-content {float: left; width:65%;}
.tabs-left > .nav-tabs > li > a.active{font-size:30px;color:#4a4a4a;padding-bottom:10px;line-height:40px;}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus{color:#4a4a4a; font-size:38px;}

.tabbable.tabs-left{float: left;width:100%;}
.tab-content .tab_gallery_content{padding-top: 0px;}
.tab-content .tab_gallery_content ul li{float: left;width:126px;height:116px;margin:5px; overflow: hidden;}
.tab-content .tab_gallery_content ul li img{width:100%;opacity:0.3; -webkit-transition: .6s ease-in-out;}
.tab-content .tab_gallery_content ul li.active img{width:100%;opacity:1;}

.tab-content .tab_gallery_content ul li img:hover{
    -webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:1;
	
	
}
/* custom tabbing css ends here */



/*image_main_gallery css starts here*/


.image_main_gallery.row {display: flex; flex-wrap: wrap; padding: 0; margin:0 auto; position:relative; background-color:#efefef; }
.image_main_gallery .overlay_text{position:absolute;width:580px;min-height:150px;background-color:#f9f7f3;padding:20px;top:25%;left:10%;overflow-y:auto}
.image_main_gallery .overlay_text h3{font-size:26px;}
.image_main_gallery .overlay_text h4{font-size:17px;}
.image_main_gallery .overlay_text p{font-size:14px; padding:20px 0 15px 15px;line-height:22px;color:#4a4a4a;}



/* Create four equal columns that sits next to each other */
.image_main_gallery .column {
    flex: 25%;
    max-width: 25%;
    padding: 0 6px 0 0;
    float: left;
    overflow:hidden; 
}

.image_main_gallery .column.col_100{
    flex:100%;
    max-width:100%; 
}

.image_main_gallery .column.col_30{
    flex:30%;
    max-width:30%; 
}

.image_main_gallery .column.col_25{
    flex:25%;
    max-width:25%; 
}

.image_main_gallery .column.col_15{
    flex:15%;
    max-width:15%; 
}

.image_main_gallery .column.col_15 .col_7{
    flex:50%;
    max-width:50%;
    width:50%;
    float: left;
    padding-right:2px;
}


.image_main_gallery .column.col_15 .col_7.last_child_element{
    padding-left:2px;padding-right:0;
}


.image_main_gallery .column img {
    margin-top:6px;
    vertical-align: middle;
    width:100%; 
    -webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;-ms-transition: 0.5s ease;transition: 0.5s ease;
}


.image_main_gallery .column img:hover{transform: scale(1.2);-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;-ms-transition: 0.5s ease;transition: 0.5s ease;}


/*image_main_gallery css ends here*/



/*Hunger sec form css starts here*/ 

.hunger_sec{padding:30px 0 80px;}
.hunger_sec .hunger_box{float:left;width:100%;padding:10px 180px;}
.hunger_sec .hunger_box h2{font-size:64px;}
.hunger_sec .hunger_box h3{font-size:48px;color:#9b9b9b;}
.hunger_sec .hunger_box p{text-align:justify;font-size:14px;line-height:36px;color:#4a4a4a;}

.hunger_form {padding:35px 0 5px;}
input, textarea, select{background-color:#f7f7f7;}
.form-group{margin-bottom:0;line-height:10px;}
.form-group .form-control{height:46px;}
.form-control:focus, form-control:active{outline:0;box-shadow: 0 0 3px #9b9b9b;border:1px solid #9b9b9b;background-color:#fefefe;}


checkboxes_div{padding:25px 0px 0 40px}
.checkboxes_div .form-check{width:45%;display:inline-block;padding-bottom:0.8rem;margin: 0 0 0 0.2rem;}
.checkboxes_div .form-check input{display: none;}
.checkboxes_div .form-check label{display: block; cursor:pointer;}
.checkboxes_div .form-check span{padding-left:20px;display:block;}
.checkboxes_div .form-check span:before{content: ''; position: absolute; left:0; width:25px; height:25px; border-radius:15%; border:1px solid #9b9b9b;background-color:#f7f7f7;}
.checkboxes_div .form-check input:checked + span:after{content: ''; position: absolute; left:2px; top:4px; text-align: center; width:22px; height:18px; background: url(../images/tick.png) no-repeat center;}
button.form_submit{outline:0;border:none;background-color:#9b9b9b;cursor:pointer; color:#ffffff;font-size:16px;margin:25px auto 10px;width:300px;}
button.form_submit:hover{background-color:#4a4a4a;}

/*Hunger sec form css ends here*/ 


/*Bottom background sec css starts here*/

.bottom_banner_sec{background:url(../images/bottom_banner.png) no-repeat fixed center ;background-size: cover; min-height:110px;}

/*Bottom background sec css ends here*/


/*Elemente best sec css starts here*/

section.about_best{padding:0px 0 50px;}
.about_best .best_together{padding:0 15px;position:relative;border-left:1px solid #9c9898;}
.about_best .best_together:before{content:'';position:absolute;display:block;width:25px;height:25px;background-color:#9c9898;top:0;left:-25px;}
.about_best .best_together h3{font-size:21px;line-height:20px;padding-bottom:20px;}
.about_best .best_together p{font-size:14px;padding-left:25px;}

.about_best .our_people{float: left;width:100%;padding:40px 5px 60px;}
.about_best .our_people ul{width:100%;height:auto;text-align:center; }

.about_best .our_people ul li{float:left;width:220px;height:130px;margin:1px;position:relative;overflow:hidden;text-align: center;}

.img_overlay{position: absolute;background-color:rgba(0,0,0,0.8);text-align: center;width:100%;height:100%;padding:2% 0;top:0;left:-220px;visibility:hidden;transition: all 0.3s ease-in-out;}

.img_overlay a i{color:#ffffff;font-size:18px; margin-bottom: 9px;}

.about_best .our_people ul li:hover .img_overlay{visibility:visible;left:0;}
.about_best .our_people ul li img{width:100%;}
.about_best .our_people ul li span{line-height:140px;vertical-align:middle;text-align: center; font-size: 17px;}

.about_best .contact_sec{float:left;width:100%;}
.about_best .contact_sec p {font-size:22px;}
.about_best .contact_sec h3 p{font-size:22px; color:#4a4a4a;}
.about_best .contact_sec .add_sec{float:left;width:100%; padding:20px 0px; padding-top:40px;}
.about_best .contact_sec .add_sec h4{font-size:24px }
.about_best .contact_sec .contact_options{float:left; width:100%;padding:20px 0;}
.about_best .contact_sec .contact_options li{padding:0 25px;font-size:24px;}
.about_best .contact_sec .contact_options li span{padding-right:10px;}
.about_best .contact_sec .contact_options li a{color:#4a4a4a;font-size:24px;}


/*Elemente best sec css ends here*/


/*footer css starts here*/

footer{background-color:#193058;border-top:5px solid #000000;padding:50px 15px 5px;}
footer figure{margin:auto;}
footer figure img{margin-right:15%;}
footer .social_list{float: right;width:100%;padding:0;} 
footer .social_list ul{float: right;}
footer .social_list ul li{float:left;}
footer .footer_bottom_text{float:left;width:100%;padding:10px 15px 5px;}
footer .footer_bottom_text p{text-align:right;}
footer .footer_bottom_text p a{font-family:'Roboto', sans-serif;font-size:14px;font-weight:300;color:#9b9b9b;}
footer .footer-list_small li a, footer .footer-list_small li a:active,footer .footer-list_small li a:focus{color:#c3c3c3;}
footer .footer-list_small li a:hover{color:#ffffff;}
/*footer css ends here*/

 @media (max-width:391px) {
 .testimonial-image {display:none!important;}
 .testimonial-three .testimonial-meta {margin-left: 0px;
}
 }


.navbar{ z-index:99999;}
.projektinfos{border:2px solid #ebebeb; background-color:#0B2665; color:#fff !important; padding:51px;}
.header_motiv { margin-top: 100px; }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	

    
	#logo{ height:90px!important; margin-top:10px;}	

}	


/*Large devices (desktops, more than 1200px)*/
@media (min-width:1366px){
#logo{ height:90px!important; margin-top:10px;}	
.top_banner_content .heading_text p {line-height: 24px;}
.top_section .container #collapsibleNavbar{padding-left:35px;}

}



/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem !important; padding-left: 0.5rem !important; font-size:14px; }
 section.top_banner_content{padding-bottom:10px;}
.checkboxes_div .form-check span{display:inline-block;}
.about_best .our_people {padding: 100px 35px 60px;}
.about_best .our_people ul li.onlytext{-webkit-box-shadow:inset 0px 0px 0.3px 0px #000;-moz-box-shadow:inset 0px 0px 1px 0px #000;
	-ms-box-shadow:inset 0px 0px 0.3px 0px #000;box-shadow:inset 0px 0px 0.3px 0px #000;}

 }
.nav_caller { position:absolute; top:0px; padding:5px; left:250px; background-color:#fff; padding-right:15px;     padding-right: 15px;
    padding-left: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
transition: position 0.7s, left 0.7s; }

@media (max-width:1024px) { 
	#logo{ height:90px!important; margin-top:10px;}	
 section.top_section {background-size: 125% 70%; background-position: 50% 0%; padding-top: 0; }
.top_banner_content .heading_text {margin: -240px auto auto; }

}

#logo {height: 120px; }
/*Medium devices (tablets, less than 992px)*/


.nav_caller a, .nav_caller a span{ color:#193058; }


@media (max-width: 1600px) { 
.nav_caller {left:50px;}
}


@media (max-width: 1400px) { 
.nav_caller {left:50px;}
}


@media (max-width: 991px) { 

.accordion-block .card .card-header a { font-size: 18px; }
	
.header_motiv {

    margin-top: 60px;
}

.cat_motiv {   min-height: 350px !important; }
.cms-element-button { bottom: 10px;}
.frontside {   float: none; }

p{font-size: 12px; line-height: 17px;}
.image_main_gallery .overlay_text p {font-size: 12px; line-height: 17px;}
    
header .navbar {padding: 0; z-index: 9999;  height: auto; min-height:60px;}
.navbar-dark .navbar-toggler { padding:2px; }
#logo {height: 50px !important; margin-top:-5px; }
.nav_caller { left:50px; top:13px; right: auto; width:220px!important; background-color:unset; }
.nav_caller a, .nav_caller a > span{ color:#fff; }

.top_section .container{width:100%;max-width:100%;}
.navbar-expand-lg .navbar-nav .nav-link {padding-left: 1.5rem ! important; }
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a{font-size:18px;}
.tabs-left > .nav-tabs > li > a.active{font-size:22px;}

.image_main_gallery .overlay_text{top:10%;}
.image_main_gallery .column.col_30{max-width:65%;flex:65%;}
.image_main_gallery .column.col_25.common_width_1{max-width:62%;flex:62%;}
.image_main_gallery .column.col_15.common_width_1{max-width:38%;flex:38%;}
.image_main_gallery .column.col_15.common_width_2{max-width:40%;flex:40%;}
.image_main_gallery .column.col_15.common_width_2_copy{max-width:60%;flex:60%;}

.image_main_gallery .column.col_7{max-width:50%;flex:50%;}
.image_main_gallery .column.col_15 .col_7{max-width:100%;flex:100%;width:50%;}


.hunger_sec .hunger_box{padding:10px 50px;}
.about_best .our_people {padding: 100px 25px 60px;}

.about_best .contact_sec .contact_options li{font-size:20px;padding:0 10px;}
.about_best .contact_sec .contact_options li a{font-size:20px;}


 }




/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
 	
   .image_main_gallery .column {flex: 50%; max-width: 50%; }
   .top_banner_content .heading_text {padding-left:20px;}
   .container h1 {    font-size: 26pt;}
   .container h2 {    font-size: 22pt; text-align: left;}
   
   .footer-list_small h3 {font-size: 12pt;}
   .txt_subline{    max-width: 210px;}
   .image-grid li{float:none;}


.contact a {font-size:11pt;}

p {
    font-size: 16px;
    line-height: 20px;
}


 } 

.container .row h2{	font-size:13pt; font-weight: 500; color:#3e6db3; }
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) { 


.test{ height:420px;}

.box2 {   margin-top: 10px; }
.txt_sub{width:220px; padding:0; line-height: 15pt;}
.txt_subline {width:180px;}

    .element_label{visibility:visible; top:-50%; font-size:8pt; padding:0px; display:inline-block;}
	.tab-content .tab_gallery_content ul li img { opacity:1;}

	section.top_section {background-size: 150% 75%; background-position: 0% 48%;}
	.top_banner_content .heading_text{margin-top:-177px;}

.container .row h1{font-size:26px;}
.container .row h2{	font-size:13pt; font-weight: 500; color:#3e6db3; }

	.tabs-left > .nav-tabs{width:100%;padding: 0 35px;}
	.tabs-left > .tab-content{width:100%;}
	.tab-content .tab_gallery_content ul li {float: left; width:33%; max-height:104px; overflow:hidden; margin:0 auto; padding:3px; }

	.hunger_sec .hunger_box{padding:10px 25px;}
	section.about_best{padding-left:35px;padding-right:35px;}


	.image_main_gallery .column.col_30{width:100%;max-width:100%;flex:100%;}
	.image_main_gallery .overlay_text{width:100%;left:0;}


	.hunger_sec .hunger_box h2{font-size:42px;}
	.hunger_sec .hunger_box h3{font-size:28px;}
	.hunger_sec .hunger_box p{text-align:left;line-height:24px;padding-top:25px;}
	.hunger_sec .hunger_box .checkboxes_div{padding-left:10px;}


	.about_best .best_together{padding:0;padding-bottom:25px;border-left:0;border-top:1px solid #9c9898;}
	.about_best .best_together:before{top:-1px;}
	.about_best .best_together h3{padding: 5px 0 25px 15px;}
	.about_best .best_together p{padding-left:0;}
	.about_best .contact_sec{ padding:10px;}
	.about_best .contact_sec .add_sec{padding:40px 0;}
	.about_best .contact_sec h3 p{ font-size:19px;}
	
	

}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
.home_select{  flex-direction: column; align-items: center;}
    .image_main_gallery .column {flex: 100%; max-width: 100%; }

   }


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
.txt-light{ font-size: 16pt;}
.home_select{  flex-direction: column; align-items: center;}
.cat_motiv {
    min-height: 430px !important;
}

.carousel-control-prev { left: -20px; transition: all 0.5s ease; transition: transform .6s ease,-webkit-transform .6s ease;}
.carousel-control-next { right: -20px; transition: all 0.5s ease;  transition: transform .6s ease,-webkit-transform .6s ease;}
#testimonials .carousel-item h4 {
    font-size: 13pt;
    padding-left: 30px;
	padding-right: 30px;
    line-height: 13pt;
    font-weight: 200;
}	
.contact { padding: 20px; }
.contact a {   font-size: 16pt; }
	
.test{ height:320px;}
.projektinfos{border:2px solid #ebebeb; background-color:#0B2665; color:#fff !important; padding:20px;}
.tz-gallery{ padding:0px;}
.splitter > li ul {    margin-left: -7px;}
.container h1 { font-size: 16pt;}
.Ximage-grid li {    width: 100%;  max-height:170px;}}
.Xprojektbild{ height:auto;}

 .btn-sm{ margin-bottom:30px; width:100%;}
 section.top_section {background-size: 150% 50%; background-position: 0% 24%; }
 section.top_banner_content {padding-bottom: 55px;}
 
 .top_banner_content .heading_text{margin-top:-210px;}
 .top_banner_content .heading_text p{padding:20px 5px; line-height: 23px;}

.image_main_gallery .overlay_text h3{font-size:20px;}
.image_main_gallery .overlay_text h4{font-size:14px;}

.image_main_gallery .column.col_25.common_width_1{max-width:100%;flex:100%;}
.image_main_gallery .column.col_15.common_width_1{max-width:100%;flex:100%;}
.image_main_gallery .column.col_15.common_width_2{max-width:100%;flex:100%;}
.image_main_gallery .column.col_15.common_width_2_copy{max-width:100%;flex:100%;}


.hunger_sec{padding-bottom:40px;}
.checkboxes_div .form-check{width:47%;}
.checkboxes_div .form-check span{padding-left: 10px;font-size: 14px;}
.hunger_form button.form_submit{margin-top:30px;}


 section.about_best {padding:0px 15px 25px;}
.about_best .contact_sec .contact_options li{font-size:19px; line-height: 41px;}
.about_best .contact_sec .contact_options li a{font-size:19px;}
.about_best .our_people{padding:25px 15px 60px;}

.about_best .contact_sec h3{font-size:20px;}
.about_best .contact_sec .add_sec h4{font-size:18px;}
.about_best .best_together h3{line-height:30px;font-size:20px;}
.about_best .our_people ul li{float:none;margin:0px auto;}
.padding-top50 { padding-top:0px!important;}
 }