body {
  font-family: Arial,Sans-Serif;
  font-size: 14px;
  letter-spacing: 1.2px;
  line-height: 1.42857143;
  color: #222;
  padding: 0 !important;
  background-color: #FFFFFF;
}
html, body {height: 100%;}
a, a:focus,a:active {font-weight: normal; /* color:#8c8c8c; */ color:#002F5E; text-decoration: none; }
a:hover {font-weight: normal; color:#FF8040; text-decoration: none; }
.gift a:hover { color:#222 !important;}
img {max-width: 100%;}

.boxpanel {
 background: #F5EAA5;
 border: 1px solid #E9CD32;
 padding: 6px;
}
#tarea a { color:#004080; }
.highlight {
    background: #f9d7d7;
    border: 1px solid #FF0000;
}

/*Start arrow animation*/
@-webkit-keyframes alternate {
  0%   {bottom: -50px;}
  50%  {bottom: -60px;}
  100% {bottom: -50px;}
}

@keyframes alternate {
  0%   {bottom: -50px;}
  50%  {bottom: -60px;}
  100% {bottom: -50px;}
}
/*End arrow animation*/

/*Useful classes*/
.overlay {top: 0px;bottom: 0px;left: 0px;right: 0px;position: absolute;opacity: 0.4;background-color: #000000;z-index: 3;}
.section-name {font-weight: lighter;color: #000000;/*text-transform: uppercase;*/text-align: center;padding: 2%;}
.section-name::after {content: "";display: block;height: 1px;background-color: #8c8c8c;width: 100px;margin: 1% auto;}
.section-name h2 {font-size: 40px;}
.lead {text-align: center;color: #8c8c8c;font-size:16px;margin-bottom:60px;}
.square-box {position: relative;overflow: hidden;}
.square-box:before {content:"";display: block;padding-top: 100%;}
.square-content {position: absolute;top: 5px;left: 5px;bottom: 5px;right: 5px;color:  #000000;background-color: #FFFFFF;}
.square-content div.content-box {display: table;width: 100%;height: 100%;}
.square-content div.content-box div {display: table-cell;text-align: center;vertical-align: middle;color: #000000;font-weight: lighter;text-transform: capitalize;padding: 1em;overflow: hidden;}
.parallax {background-repeat: no-repeat;background-attachment: fixed;background-position: 50% 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.not-visible{opacity: 0;}
.visible{opacity: 1;}

.vorteile {font-size:24px; font-weight: bold; background-color:#DEDEDE; padding: 10px; }
.vorteile2 {font-size:24px; font-weight: bold; padding: 10px 10px 10px 110px; }
@media (max-width: 1800px) { .vorteile2 {padding: 10px 10px 10px 70px; } }
@media (max-width: 1400px) { .vorteile2 {padding: 10px 10px 10px 40px; } }
@media (max-width: 1200px) { .vorteile2 {padding: 10px 10px 10px 20px; } }
@media (max-width: 1000px) { .vorteile2 {padding: 10px 10px 10px 10px; } }
@media (max-width: 767px) { .vorteile2 {padding: 10px 10px 10px 10px; } }
@media (max-width: 480px) { .vorteile2 {padding: 10px 10px 10px 10px; } }
.rot { color: #C12127; }

.imgidea {
    padding: 40px;
}
@media (max-width: 767px) {
    .imgidea2 { padding: 4px; }
}
@media (min-width: 992px) {
    .wkpole { margin: 0 0 0 -15px; }
}
@media (max-width: 991px) {
    .wkpole { margin: 0 0 13px 0; }
}
@media (max-width: 767px) {
    .lapole { margin-left: 0; }
}
/*Start header style*/
/* header nav.shadow {-webkit-box-shadow: 0px 9px 23px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 9px 23px 0px rgba(0,0,0,0.75);box-shadow: 0px 9px 23px 0px rgba(0,0,0,0.75);} */
header nav.navbar-fixed-top {transition: 0.6s all in-out; /* top: -100px; */}
header nav.navbar-inverse {
	background-color: #FFFFFF;
	/* background-color: rgba(34,34,34,0.95); */
	height: 70 px;
	/*padding-top: 6px; */

}
header nav.navbar .navbar-brand {color: #222;}
header nav.navbar .navbar-brand img { /* max-width: 20px;max-height: 20px; */ width: auto;display: inline-block;vertical-align:middle;margin: -3px 6px 0 0;}
header nav.navbar #navigation ul li a { transition: 0.3s all ease-in-out; color:#222; text-transform: uppercase; /* font-size:14px; */ }
header nav.navbar #navigation ul li li a { padding-bottom:12px; }
header nav.navbar li a.hormenu:hover {background-color: #C12127; color:#FFFFFF !important; width: 100%; }
header nav.navbar div.hormenu:hover {background-color: #C12127 !important; color:#FFFFFF !important; width: 100%; }
/* header nav.navbar #navigation li {border-bottom:2px solid transparent;} */
header nav.navbar #navigation li.active  {border-bottom:2px solid #FFFFFF;}
section {background-color: #FFFFFF;overflow-x: hidden;}
#login_gr  {margin:17px 0 0 30px; text-transform: uppercase; /* font-size:14px; */ }
#login_kl  {
	/* margin-top:15px; */
	text-transform: none;
	/* font-size:14px; */
	}
#language  {margin:16px 20px 0 10px; }
#language .dropdown-menu li a {color:#EEEEEE !important; background-color: #555; text-transform: none; }
#language .dropdown-menu li a:hover {background-color: #777; color:#FFFFFF; }
   #sprachbereich  {
	margin:30px 0 0 -65px;
	background-color:#555;
	color:#FFFFFF;
	}
   #kl_sprachbereich  {
	margin:-24px -20px 0 -25px;
	}
   #kl_sprachbereich-akk  {
	margin:-24px -20px 0 -15px;
	}
	.navbar-brand {
	  font-size: 18px;
	}
    #logotip {
        padding-top: 15px;
    }
    @media (max-width: 991px) {
        #logotip { padding-top: 7px; margin: 0 auto; }
    }
	#logotip_gast {
	  padding-top: 10px;
	}
	@media (max-width: 991px) {
		#hamburger_start {
		position: absolute;
		top: 7px;
		margin-top: -42px;
		background-color:transparent;
		}
		#hamburger_start_gast {
		position: absolute;
		top: 0px;
		margin-top: -42px;
		margin-left: -15px;
		}
	}
    @media (min-width: 768px) and (max-width: 991px) {
        #logotip, #logotip_gast { padding-left: 80px; }
		#login_kl {
		margin-right: 20px;
		}
	}
	@media (max-width: 767px) {
        #hamburger_start { margin-left: -15px; }
	}

	#hamburger {
	margin-left: -15px;
	margin-top: 10px;
    background-color:transparent;
	}
	.navbar-toggle {
	  position: relative;
	  clear: both;
	  padding: 9px 10px;
	  margin: 8px;
	  /* background-color: #C12127;
	  background-color: #222; */
	  background-color:transparent;
	  background-image: none;
	  /* border: 1px solid #222; */
	  border: 0;
	  border-radius: 0;
	  color: #222;
	}
	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #222;
	}
	.navbar-toggle:hover, .navbar-toggle:focus {
	  background-color: #fff !important;
	}
	.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
		background-color: #C12127;

	 /* background-color: #C12127 !important; */
	 /* background-color: #C12127 !important; */
	}

.dropdown-menu {
    padding: 0 0 !important;
    left: -2px !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #333 !important;
}
#login a { color: #CCCCCC;padding:3px;}
/* #login a:hover {background-color: #C12127;color: #FFFFFF;padding:3px; }   */

.loadMore {
display: inline-block;
padding: 15px 30px;
color: #FFFFFF;
background-color:  #C12127;/*rgba(2, 2, 2, 0.7);*/
font-weight: normal;
font-size:16px;
text-decoration: none;
/* text-transform: uppercase; */
/* transition: 0.3s all ease-in-out; */
}
.load-container a:hover {background-color: #222; color:#fff;}
/*End header style*/

/*Start section #home style*/
#home {
	height: 100%;
	padding-top: 50px;
	overflow: hidden;
	background-color: #FFFFFF;
	position: relative;
	z-index: 2;
}

#home .container-caption {z-index: 4;position: relative;display: table;width: 100%;height: 100%;}
#home .container-caption .caption {color: #FFFFFF;text-align: center;display: table-cell;vertical-align: middle;position: relative; letter-spacing: 1.8px; }
#home .container-caption .caption .title {font-size: 46px;font-weight: 700; color: #FFFFFF;}
#home .container-caption .caption .description {font-size: 30px;font-weight: lighter;}
#home .container-caption .caption ul.social {letter-spacing: 0px;margin-top: 40px;margin-left: 0px;margin-bottom: 0px;}
#home .container-caption .caption ul.social li.list-item a {color: #FFFFFF;font-size: 25px;background-color:#000000;background-color: rgba(0, 0, 0, 0.5);width: 40px;height: 40px;display: inline-block;border-radius: 20px;transition: ease 0.6s background-color;}
#home .container-caption .caption ul.social li.list-item a i {vertical-align: middle;}
#home .container-caption .caption ul.social li.list-item a:hover,
#home .container-caption .caption ul.social li.list-item a:focus {background-color:#000000;background-color: rgba(0, 0, 0, 1);}
#home .container-caption .arrow-down {position: relative;display: inline-block;bottom: -50px;text-align: center;font-size: 52px;-webkit-animation-name: alternate;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;animation-name: alternate;animation-duration: 1s;animation-iteration-count: infinite;}
#home .container-caption .arrow-down a {color: #FFFFFF;}
/*End section #home style*/

/*Start section #home0 style*/
#home0 {min-height: 250px; padding-bottom: 40px; width: 100%; overflow: hidden;
background-color: #FFFFFF;background-color: #fff; color:#222; position: relative;
}
#home0 h1 {color:#222; margin: 0 0 20px 0; text-align: left; font-weight:normal; font-size:30px;line-height:1.3; }
#home0 h2 {color:#222; font-weight:normal; }
#home0 h4 {color:#222; font-weight:normal; }
#home0 h3 {color:#222; font-weight:normal; font-size:16px; margin:0px; }

#home0 .row div{
	/* margin-left:15px; */
	/* margin-right:15px; */
	/* padding-bottom:10px; */
}
/*End section #home0 style*/

/*Start section #home1 style*/
#home1 {min-height: 250px;padding-top: 30px; padding-bottom: 30px; width: 100%; overflow: hidden;
background-color: #FFFFFF;background-color: #C12127; color:#fff; position: relative;
}
#home1 h1 {color:#fff; margin-top: 0px; font-size:42px; font-weight:normal; }
#home1 h2 {color:#fff; text-align: center; font-size:34px; margin-top:10px; font-weight:normal; }
#home1 h4 {color:#fff; padding-top:10px; text-align: left; font-size:14px; font-weight:normal; }
#home1 h5 {color:#fff; padding-top:10px; text-align: left; font-weight:normal; }
#home1 h3 {color:#fff; text-align: left; font-size:28px; margin-top:10px; font-weight:normal; }

#home1 .row div{
	/* margin-left:15px; */
	/* margin-right:15px; */
	/* padding-bottom:10px; */
}
/*End section #home1 style*/

/*Start section #home2 style*/
#home2 {min-height: 250px;padding-top: 50px; width: 100%; overflow: hidden;
background-color: #FFFFFF;background-color: #fff; color:#222; position: relative;
}
#home2 h1 {color:#222; margin-top: 0px; font-size:42px;  }
#home2 h2 {color:#222; font-weight:normal; }
#home2 h4 {color:#222; }
#home2 h5 {color:#222; padding-top:10px; text-align: center; font-weight:normal; }
#home2 h3 {color:#222;margin-top:10px;}

#home2 .row h1{
	color:#C12127;
}
#home2 .row div{
	/* margin-left:15px; */
	/* margin-right:15px; */
	/* padding-bottom:10px; */
}
/*End section #home2 style*/

#about,#services,#portfolio,#brand,#features,#contact
{background-color: #FFFFFF;padding-top: 50px;position: relative;z-index: 2;}

/*Start section #about style*/
#about .content-box {padding: 6%;}
#about .staff-info {text-align: center;}
#about .staff-info img {max-width: 100%;height: auto;}
#about .staff-info h3 {font-weight: 700;}
#about .staff-info button.show-info {margin:20px auto 10px auto;transition: 0.3s all ease-in-out;}
#about .staff-info p {padding: 10px 5px;}
#about .staff-info span {font-style: italic;color: #8c8c8c;}
#about .staff-info ul.social {letter-spacing: 0px;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;}
#about .staff-info ul.social li.list-item a {color: #FFFFFF;font-size: 18px;background-color:#000000;background-color: rgba(0, 0, 0, 0.5);width: 30px;height: 30px;display: inline-block;border-radius: 15px;transition: ease 0.6s background-color;}
#about .staff-info ul.social li.list-item a i {vertical-align: middle;}
#about .staff-info ul.social li.list-item a:hover,#about .staff-info ul.social li.list-item a:focus {background-color:#000000;background-color: rgba(0, 0, 0, 1);}
#info {padding-top: 100px;}
#about #timeLine h3,#about #choose h3,#about #skills h3 {text-align: left;padding-bottom: 40px;text-transform: uppercase;font-weight: 700;}
#about #timeLine h3 i:after,#about #choose h3 i:after,#about #skills h3 i:after{content: "";display: block; width: 40px;}
#about #timeLine ul {padding:0px;list-style-type: none;position:relative;}
#about #timeLine ul:before {content:"";width:1px;background-color: #000000;display:block;position:absolute;top: 0%;left: 0%;bottom:0%; margin-right: -0.5px;}
#about #timeLine ul li {width:80%;padding:0% 0% 5% 0%;margin:0%;position:relative;color:#8c8c8c;}
#about #timeLine ul li h4 {padding-top: 0px;margin-top:0px;text-transform: uppercase;font-weight: 700;color: #8c8c8c;}
#about #timeLine ul li span.date {font-weight: 700;color: #8c8c8c;}
#about #timeLine ul li p {padding-top:5%;position:relative;z-index: 2;}
#about #timeLine ul li i {position: absolute;z-index: 1;top :0%;left: 0%;font-size: 50px;color: #8c8c8c;opacity: 0.2;}
#about #timeLine ul li {text-align: left;padding-left: 40px;}
#about #timeLine ul li:before {content: "";display:block;width: 40px;height: 1px;background-color: #000000;position: absolute;top: 60px;left: 0px;}
#about #choose p {color: #8c8c8c;}
#about #skills {padding-top: 30px;}
#about #skills .skill-container p {text-transform: capitalize;}
#about #skills .progress {height:10px;}
#about #skills .progress-bar {background-color: #000000;}
/*End section #about style*/

/*Start section #cta style*/
#ctaPortfolio {background-image: url('../img/cta-background.jpg');}
#ctaContact {background-image: url('../img/cta2-background.jpg');}
.cta {padding: 10% 0;text-align: center;color: #FFFFFF;background-color: #F9F9F9;position: relative;z-index: 2;}
.cta .overlay {opacity: 0.2;}
.cta .container {position: relative;z-index: 4;}
.cta h2 {font-weight: 700;font-size: 50px;margin: 0px;letter-spacing: 3px; text-transform: uppercase;}
.cta a.action {display: inline-block;padding: 15px 30px;border:3px solid #000000;margin-top:40px;color: #000000;background-color: rgba(255, 255, 255, 0.7);font-weight: 700;text-decoration: none;text-transform: uppercase;transition: 0.3s all ease-in-out;}
.cta a.action:hover {background-color: rgba(255, 255, 255, 0.9);}
/*End section #cta style*/

/*Start section brand and carousel*/
#brand {color: #000000;background-color: #FFFFFF;border-bottom: 1px solid #000000;border-top: 1px solid #000000;}
#brand #brandCarousel img {opacity: 0.5;transition: all 0.3s ease-in-out;}
#brand #brandCarousel img:hover {opacity: 1;}
#brand #brandCarousel a {opacity: 0.5;transition: all 0.3s ease-in-out;}
#brand #brandCarousel a:hover {opacity: 1;}
#brand #brandCarousel .owl-prev, #brand #brandCarousel .owl-next {transition: all 0.3s ease-in-out;background-color: transparent;border:1px solid #8c8c8c;color:#8c8c8c;width: 40px;height: 40px;padding: 0px;text-align: center;line-height: 36px;font-size: 20px;}
#brand #brandCarousel .owl-prev:hover, #brand #brandCarousel .owl-next:hover {background-color: rgba(34,34,34,0.2);color: rgb(34,34,34);}
/*End section brand and carousel*/


/*Start section #services style*/
#services .square-box {transition: 0.4s all ease-in-out;}
#services .square-content {padding: 3%;}
#services .content-box {border: 1px solid #000000;}
#services .square-content div.content-box div i {font-size: 60px;}
#services .square-content div.content-box div p {font-size: 13px;color:#8c8c8c;}
/*End section #services style*/

/*Start section #facts style*/
#facts{text-align: center;padding:10% 0;background-color:#222222;overflow: hidden;}
#facts div.fact-container div {padding: 20% 0%;border: 1px solid #EFEFEF;color:#EFEFEF;}
#facts div.fact-container div i {font-size:70px; opacity: 0.5;}
#facts div.fact-container div span {color:#FFFFFF; font-weight: 700;font-size:40px;display: block;}
#facts div.fact-container div p {color:#FFFFFF; font-weight: 300;font-size:12px;text-transform: uppercase;letter-spacing: 2px;}
/*End section #facts style*/

/*Start section #features style*/
#features img {max-width: 100%;text-align: center;}
#features h4 {font-weight: 700;text-transform: uppercase;}
#features .features-list-right {text-align: left;padding-left: 30px;}
#features .features-list-left {text-align: right;padding-right: 30px;}
#features ul {list-style: none;letter-spacing: 1px;padding-left: 0px;}
#features li {font-size: 10px;margin-top:30px;text-transform: uppercase;}
#features i {font-size: 25px;vertical-align: middle;}
#features i:after {content: "";display: block;width: 40px;}
/*End section #features style*/

/*Start section #contact style*/
#contact {text-align: center;}
#contact .lead p {width: 80%;margin:0 auto;}
#contact .contact-container {position: relative;padding: 0px;}
#contact .contact-container #form-container,#contact .contact-container #info-container {position: absolute;width: 100%;height: 100%;bottom: 0px;left: 0px;z-index: 3;padding: 0px;}
#contact .contact-container #info-container {color: #FFFFFF;}
#contact .contact-container #info-container ul {margin:0px;display: table;width: 100%;margin: 0 auto;padding: 0px;height: 100%;}
#contact .contact-container #info-container ul li {display: table-cell;vertical-align: middle;text-align: center;width: 33.33%;}
#contact .contact-container #info-container ul li i {font-size: 50px;display: block;}
#contact .contact-container #info-container ul li i::after {content:"";display: block;height: 20px;width: 100%;opacity: 0;}
#contact .contact-container #form-container .form-overlay,#contact .contact-container #info-container .form-overlay {background-color: #000000;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;padding-top: 25px;padding-bottom: 25px;}
#contact .contact-container #form-container .form-overlay form {width: 30%;margin-left: auto;margin-right: auto;margin-top: 20px;}
#contact .contact-container #form-container .form-overlay form input,#contact .contact-container #form-container .form-overlay form textarea {background-color: transparent;color:#FFFFFF;font-weight: bolder;border: none;border-bottom: 3px solid #FFFFFF;}
#contact .contact-container #form-container .form-overlay form textarea {border: 3px solid #FFFFFF;resize: none;}
#contact .contact-container #form-container .form-overlay form .contact-btn {background-color: #FFFFFF;border: 4px solid #000000;color: #000000;}
#contact .contact-container #map-container {z-index: 2;position: relative;padding: 0px;}
#contact .contact-container #map-container iframe {width: 100% !important;height: 500px !important;}
#contact .contact-menu {z-index: 10;position: relative;top: -40px;display: inline-block;margin-left: 0px;}
#contact .contact-menu li {width: 80px;height: 80px;border-radius: 40px;border: 3px solid #000000;font-size: 30px;background-color: #FFFFFF;line-height: 70px;}
#contact .contact-menu li:hover {cursor: pointer;}
/*End section #contact style*/

.transparent {background-color: transparent;opacity: 0;margin-bottom: 200px; height: 1px;}

.wel-grid{
	padding:0;
	margin-top:15px;
}
.wel-grid .icon {
  width: 100px;
  height: 100px;
  border:2px solid #ccc;
  background: #FFFFFF;
  margin: 0 auto;
  text-align: center;
  position: relative;
  margin-top:50px;
}
.wel-grid .icon img {
  /*padding: 23px 0 0 0;  */
  position: relative;
  z-index: 100;
  transition: all 0.3s ease 0s;
}
.wel-grid .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#ccc;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.wel-grid:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.wel-grid:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.wel-grid.btm-gre  .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #020202;
  margin: 0 auto;
  text-align: center;
  position: relative;
  margin-top:50px;
}
.wel-grid.btm-gre .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#fd9e02;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.wel-grid.btm-gre:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.wel-grid.btm-gre:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.wel-grid h4 {
    color: #000;
	font-size:26px;
	margin-top:25px;
}
/*
.wel-grid:nth-child(2) h4,.wel-grid:nth-child(4) h4  {
color:#fd9e02;
}  */
.btm-clr4 span,.btm-clr1 span ,.btm-clr3 span {
    padding: 0px 9px;
    background: #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-background-size: cover;
	position:relative;
    text-align: center;
}
.btm-clr4 span:after {
    border: 1px solid #c2c2c2;
    width: 200px;
    display: inline-block;
    content: "";
    margin: 0 0px 0;
    position: absolute;
    left: 18px;
    top: 8px;
}
.btm-clr1 span:before {
    border: 1px solid #c2c2c2;
    width: 200px;
    display: inline-block;
    content: "";
    margin: 0 0px 0;
    position: absolute;
    right: 18px;
    top: 8px;
}
.btm-clr3 span:before {
    border: 1px solid #c2c2c2;
    width: 200px;
    display: inline-block;
    content: "";
    margin: 0 0px 0;
    position: absolute;
    right: 18px;
    top: 8px;
}

#upbild {
    background:#222;
    color:#fff;
}
#upbild:hover {
    background:#C12127;
}
.uploadButton {
    display: block;
    width: 100px;
    background: #3df;
    padding: 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    font-family: Tahoma;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
.uploadButton:hover {
    background: #3ce;
}


@media (max-width: 992px) {
  #home .container-caption .caption .title {font-size: 40px;}
  #home .container-caption .caption .description {font-size: 28px;}
  #home .container-caption .caption ul.social {display: none;}
  .lead {font-size:18px;}
  .section-name h2 {font-size: 40px;}
  .cta h2 {font-size: 30px;}
  #portfolio .square-content div.content-box div.project-info{opacity: 0.7;}
  #contact .contact-container #info-container ul {width: 100%; text-align: center;display: block;}
  #contact .contact-container #info-container ul li {display: block; width: 100%; margin-top: 40px;}
  #contact .contact-container #info-container ul li i {font-size: 30px}
  #contact .contact-container #form-container .form-overlay form {width: 95%;}
  #contact .contact-menu li {border-radius: 30px;font-size: 20px;height: 60px;line-height: 53px;width: 60px;}
  #topFooter {padding-top: 0px;}
  #topFooter p, #bottomFooter p {text-align: center !important; font-size: 10px;}
}

@media (max-width: 480px) {
  #services .square-content div.content-box div i {font-size:40px;}
  #services .square-content div.content-box div h3 {font-size: 20px;}
  #mainFooter #topFooter ul.social li.list-item a {font-size: 15px;height: 25px;opacity: 0.7;transition: all 0.6s ease 0s;width: 25px;}
  #home .container-caption .caption .title {font-size: 30px;}
  #home .container-caption .caption .description {font-size: 20px;}
}

@media (max-height: 580px) {
  #home .container-caption .caption .title {font-size: 30px;}
  #home .container-caption .caption .description {font-size: 20px;}
}

@media (max-height: 420px) {
  #home .container-caption .caption ul.social {display: none;}
}
@media (max-width: 768px) {
  #about, #services
  {padding-top: 65px;}
}
@media (max-width: 991px) {
 #tmenu { display: none; }
}
#tmenu {
  background-color: #C12127;
  border: 0;
  border-radius: 0px;
}
#menu_kl ul.nav {
 /* background-color: rgba (2, 2, 2, 0.7);
   margin-left: -45px !important;
  margin-right: -45px !important;  */
}

.imgtitle {
	background-position: center center; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
	color: #FFFFFF;
}
.imgtitle h2 {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 140px;
	font-size:40px;
    letter-spacing: 5px;
}
#img-Einladung { background-image: url('../img/seitenbilder/Einladung.jpg'); }
#img-BoxDaten { background-image: url('../img/seitenbilder/BoxDaten.jpg'); }
#img-MeineBoxen { background-image: url('../img/seitenbilder/MeineBoxen.jpg'); }
#img-MeineFreunde { background-image: url('../img/seitenbilder/MeineFreunde_992x200.jpg'); }
#img-MeinProfil { background-image: url('../img/seitenbilder/MeinProfil.jpg'); }
.bild-text, .bild-text2 {
    position:relative;
}
.bild { padding: 0 15px 0 15px; }
/*.bild-text:after { position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity: 0.6; } */
.bild-text h2 {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color:#FFFFFF !important;
    font-family: Arial,Sans-Serif;
    font-size:28px;
    font-weight: bold;
    padding: 0 8px 0 8px;
    opacity: 1;
}
@media (max-width: 680px) {
  .bild-text h2 {font-weight: normal; }
}

@media (max-width: 480px) {
  .bild-text h2 {font-size:20px; }
}

/*
.bild-text h2 {
    display:inline-block;
    position:absolute;
    top: 40%;
    left: 40%;
    color:#FFF;
    font-family: Arial,Sans-Serif;
    font-weight: bold;
} */
.bild-text2 h3 {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color:#FFF;
    font-family: Arial,Sans-Serif;
    font-size:28px;
    font-weight: bold;
}

#eu_cookiebox {
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 0px;
	min-height: 20px;
	font-size:11px;
	padding: 3px;
	margin: 0 0 0 -15px;
	width: 100%;
	color: #000000;
	border: 1px solid black;
	border: none;
	background: #aaa;
}
#eu_cookiebox button {
	color: #FFFFFF;
    background: #222;
    border: 0;
	padding: 5px;
}
#eu_cookiebox button:hover {
	background-color: #C12127;
}

 textarea, select, button,input[type="text"],input[type="button"],input[type="email"],input[type="password"],input[type="submit"],input[type="file"],input[name="upbild"],button[type="submit"],optgroup {
 -webkit-border-radius:0 !important;
  border-radius: 0 !important;
}
 textarea, button,input[type="text"],input[type="button"],input[type="email"],input[type="password"],input[type="submit"],input[type="file"],input[name="upbild"],button[type="submit"],optgroup {
  -webkit-appearance: none;
}
/*Start footer style*/
#mainFooter {  width: 100%;z-index: 199; padding-top:33px; }
#mainFooter.index {z-index: 0;}
#topFooter, #bottomFooter {padding-top: 30px;padding-bottom: 0px;}
#mainFooter #topFooter{text-align: center; text-transform: uppercase;background-color:#222;color:#8c8c8c;/*text-transform:capitalize;*/font-weight: bold;}
#mainFooter #topFooter ul.social {letter-spacing: 0px;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;text-align: center;}
#mainFooter #topFooter ul.social li.list-item a {color: #FFFFFF;font-size: 18px;opacity: 0.7;width: 30px;height: 30px;display: inline-block;transition: ease 0.6s all;}
#mainFooter #topFooter ul.social li.list-item a i {vertical-align: middle;}
#mainFooter #topFooter ul.social li.list-item a:hover,#about .staff-info ul.social li.list-item a:focus {opacity: 1;}
#mainFooter #bottomFooter {background-color:#222;color: #FFFFFF; padding-bottom:0px; }
#mainFooter #bottomFooter a {color: #FFFFFF;}
#subFooter {  padding-bottom:10px; }
.warnung {
    color: #C12127;
}
.warnung-t {
    color: #1b83c8;
    font-weight: bold;
}
.disabled {
    color: #999 !important;
}

/*End footer style*/

.row2 { margin: 0 -8px 4px -8px; }
.row3 {
    margin-right: -15px;
    margin-left: -15px;
}
.knopfform {
	padding-bottom: 6px;
}
.navbar-inverse .navbar-nav > li > a {
  color: #222;
}
.logout_mob {
	margin-top: 17px;
}

#rechnbild { width:100%; }
@media (max-width: 767px) {
  #rechnbild { height:0px; }
  #aktbild { margin-top:80px; }
}
@media (max-width: 360px) {
  #lgt a { font-size: 10px; }
}

#banner1 { margin-top: 11px; }
#banner1 a:hover { background-color:#FFFFFF !important; }
#ban3, #ban4  { margin-top: 40px; }
@media (min-width: 768px) {
  #ideenknopki ul { text-align: right; }
}
.vertical-align {
    display: flex;
    align-items: center;
    min-height: 10em;
    vertical-align: middle
}
.vertical-align a {
   margin: 0;
   position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%) }

button:active, .btn:active{
   outline: none;
   border: none;
   border-radius:0;
   -webkit-appearance:none;
}
button:focus {outline:0;}
.btn-success {
    color: #fff;
    background-color: #00356A;
    padding-right: 20px;
    padding-left: 20px;
}
.btn-primary {
    color: #FFFFFF;
    background-color: #FF9122;
    padding: 1px 6px 1px 6px;
    font-size: 14px;
}
.btn-success:hover, .btn-primary:hover {
    color: #fff;
    background-color: #FB7D00;
}
.erfolg { color: #006600; font-weight:bold; }
.warnung { color: #FB0000; font-weight:bold; }
.col-form-label { font-weight:bold; }
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	padding: 3px 6px 3px 8px;
}
.alert-danger {
    color: #c12127;
    background-color: #f2dede;
    border-color: #ebccd1;
	padding: 3px 6px 3px 8px;
}
.projekte_liste {
    padding:5px 8px 5px 8px;
    border: 1px solid #bbbbbb;
    background:#EEEEEE;
	width: 100%;
	height: 300px;
	overflow: auto;
}
.gewerke_liste {
    padding:5px 0 5px 0;
    border: 1px solid #bbbbbb;
    background:#EEEEEE;
	width: 100%;
	height: 170px;
	overflow: auto;
}
.handwerke_liste {
    padding:5px 8px 5px 8px;
    border: 1px solid #bbbbbb;
    background:#EEEEEE;
	width: 100%;
	height: 300px;
	overflow: auto;
}
.handwerke_liste label {cursor: pointer;}
#projekt-box, #handwerke-box { margin-top: -15px; }
#zuweisung fieldset { background:#F6F6F6; }
#seltender  { padding:6px; width:100%; border:1px solid #bbbbbb; }
#uberschrift  { background-image: url(../img/logop.jpg); }
#leistungsbeschreibung .panel-default {
    margin-bottom:6px;
    border-radius: 8px;
	height: 160px;
}
#leistungsbeschreibung .panel-body {
    padding:4px 7px 4px 7px;
    font-size:13px;
}
@media (min-width: 992px) and (max-width: 1500px) {
    #leistungsbeschreibung .panel-default {
        height: 190px;
    }
}
.ausschrebungsportal h1{
        background:#F6F6F6;
        color: #8B8B8B;
        border:3px solid #E6E6E6;
        padding:3px 0 3px 0
}
#abgegebene-gebote .handwerke_liste ul { list-style-image: url(../img/icons/project.png); }
.modal-header {
    background-color: darkorange;
    height: 60px;
    font-size: 18px;
}
@media (max-width: 767px) {
	.modal-header {
	    height: 100px;
	}
}

/* custom tabs */
@media only screen and (min-width:1200px) {
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 27%; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 73%;}
}
.ui-tabs .ui-tabs-nav li {
    white-space: normal;
}
.ui-widget-content {
    border: 1px solid #efec9f;
    background: #FEF8D6;
    color: #222;
}
.ui-widget-header {
    border: 1px solid #baaa5a;
    background: #FFFFFF;
    color: #222;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #362917;
    background: #f7f1a4;
    font-weight: bold;
    color: #222;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #efec9f;
        border-right-width: 1px;
        border-bottom-width: 1px;
    background: #FEF8D6;
    font-weight: bold;
    color: #222;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #222;
}
.lv-ast {
    font-weight: bold;
}
.ui-widget {
    font-size: 1em;
}
.zumErgebnis, .pos-navi {
    cursor: pointer;
}
.strelki {
    padding: 20px 8px 12px 30px;
}
.strelki a.zumErgebnis {
    font-size: 14px;
    border: 1px solid #CCC;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-color: #B3B3B3;
    outline: none;
    background: linear-gradient(#0d2235, #305c8a);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
    text-shadow: 1px 1px #FFF;
    text-align: center;
    color: #FFFFFF;
    text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    padding: 8px 15px;
    border-radius: 30px;
    position: relative;
}
.modal-dialog .btn {
    width: 100px;
    background: #333;
    margin: 0 auto;
    text-align: center;
}