/* here you can put your own css to customize and override the theme */

.ab-cirle-gray {
  background: #afb7be;
  bottom: 2px;
  left: 5%;
}
.ab-cirle-red {
  background:  #ee930e;
  bottom: 61%;
  left: 37%;
}
.ab-cirle-dark {
  background: #8695a1;
  bottom: 34%;
  right: 9%;
}

.testimonials-name {
    font: italic 300 23px/1.3 "Open Sans", Arial, sans-serif;
    color: #ee930e;
}
.content h1, .content h2 {
font: 400 2.5em  "Open Sans", Arial, sans-serif;}

@media (max-width: 800px) {
.content h1, .content h2 {
font: 400 1.5em  "Open Sans", Arial, sans-serif;}
}

.content h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 7px;
}
/* Dropdown Button */
.dropbtn {
    background-color: #f1f1f1;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
}
.carousel-slider .promo-like-text {
    color: #fff;
    text-align: left;
    display: inline-block;
    font: 400 20px/1.4 "PT Sans Narrow", Arial, sans-serif;
    background: rgba(0,0,0,0.47);
    padding: 25px;
}
.carousel-slider .carousel-position-one {
    position: absolute;
    top: 15%;
    left: 5%;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.facts-block .item {
    background: rgba(0,0,0,0.49);
}
.facts-block h2 {
   background: rgba(0,0,0,0.49);
}

.contact-block {
    background: #f6f6f6;
    padding-top: 110px;
}

.checkout-block {
	background:  #8695a1;
	    color: #e4e5e6;
}
.ab-trio {
  padding-top: 5px;
  position: relative;
}
.pricing-head {
  background: #afb7be;
  color: #fff;
  font: 400 17px/1.2 "PT Sans Narrow", Arial, sans-serif;
  padding: 13px 15px 9px;
  margin-bottom: 26px;
}
/* Portfolio block */
.portfolio-block {
  background: #f6f6f6;
  padding-top: 110px;
}
.portfolio-block .row {  
  margin: 10px 5px 30px 5px;
}
.portfolio-block .item {
  position: relative;
  padding: 10px 10px 10px 10px;
  margin: 0;
  overflow: hidden;
}
.portfolio-block .item > a {
  background: rgba(175, 183, 190,0.85);
  position: absolute;
  left: 0;  
  bottom: -100%;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  color: #fff;
}
.portfolio-block .item:hover > a {
  bottom: 0;
}
.portfolio-block .item > a:hover {
  text-decoration: none;
}
.ie8 .portfolio-block .item > a {
  background: #e54a1a;
}

.portfolio-block .item strong {
  font: 400 25px/1.2 "Open Sans", Arial, sans-serif;
  display: block;
  margin-bottom: 4px;
   margin-top: 104px;
}
.portfolio-block .item em {
  font: 300 13px "Open Sans", Arial, sans-serif;
  display: block;
  margin-bottom: 100px;
}
.portfolio-block .item b {
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  border: solid 1px #fff;
  padding: 8px 15px 7px;
}
.portfolio-block .item b:hover {
  background: #fff;
  color: #E85425;
  border-color: #fff;
}
.choose-us-block .panel-default h5 {
    font: 400 19px "Open Sans", Arial, sans-serif;
    padding: 0;
    margin: 0 0 5px;
}
.testimonials-block .carousel {
    width: 98%;
    margin: 0 auto;
}

.dunkel {
  background: #8695a1; 
}
/* slideshow  */
#slideshow2 {
  overflow: hidden;
  
  width: 100%;
  margin: 0 auto;
}

.slide-wrapper2 {
  width: 1650px;
  -webkit-animation: slide 10s ease infinite;
}

.slide2 {
  float: left;
  height: 327px;
  width: 550px;
}
@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -550px;}
  50% {margin-left: -550px;}
  60% {margin-left: -1100px;}
  70% {margin-left: -1100px;}
  80% {margin-left: -1100px;}
  90% {margin-left: -1100px;}
}
/* end slideshow */

.margin-bottom-200 {
    margin-bottom: 200px !important;
}

.team-block{
    padding-top: 110px;
}
.prices-block {    
    padding: 110px 0 40px;
}
/* css für verschiedene Endgeräte  */
@media (max-width: 991px)  {
.carousel-slider .carousel-title-v1 {
    font-size: 40px;
}
.carousel-slider .carousel-title-v2 {
    font-size: 22px;
}
}
/* Artikel auf großen Endgeräten nicht anzeigen */
@media screen and (min-width: 991px) {
.smart {    display:none !important;   }  
}
/* Zeile in kleinen Endgeräten nicht anzeigen */
@media screen and (max-width:991px)  {
.long {    display:none !important;   }  
}