/* Global */
.bg-blue {
  background: #154889;
}
.bg-asphalt {
  background: url('/user/pages/01.home/images/bg_asphalt.png') left top repeat ;
}
.bg-street {
  background: url('/user/pages/01.home/images/bg_street.gif') 90% 10% no-repeat, url('/user/pages/01.home/images/bg_asphalt.png') left top repeat ;
}
.b-3px-wht {
  border: 3px solid white;
}
.b-5px-wht {
  border: 5px solid white;
}
#header .logo img {
  height: 80px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 20px;
}
.modular-block {
  padding-top: 1rem;
  padding-bottom: 0;
}

.table-bordered, th, tr, td {
  border-collapse: collapse;
  border: 1px solid lightgray;
  
}
.table-responsive {
  overflow-x: auto;
}

.table-condensed {

}

/* Home */
.info-box {
float: right;
padding-top: 0.5rem;
border-radius: 1rem;
color: white;
background-color: #ed1c24;
transform: rotate(15deg);
}
.hero #to-start { 
  color: white;
}

/* Ausbildung: accordion and tabs */
.bg-ausbildung {
  background: url('/user/pages/01.home/02._ausbildung/fs_r-2014.png') left top no-repeat ;
  background-size: 25%;
}
.accordion-wrapper label:before, .accordion-wrapper input:checked + label:before {
  font-family: "FontAwesome";
  font-weight: bold;
  content: "\f0c9";
  margin-right: 5px;
}
.accordion-wrapper input:checked + label:before {
  font-family: "FontAwesome";
  font-weight: bold;
  content: "\f147";
  margin-right: 5px;
}
#Tab1:before {
  font-family: "FontAwesome";
  content: "\f05a";
  margin-right: 5px;
}

.fs-box {
  background-color: rgba(255, 255, 255, 0.66);
  border-radius: 20px;
  xwidth: 80%;
  margin: 0 auto;
  padding: 5px 20px;
}



/* Kontakt */
.label-norm { 
  text-transform: none !important;
  font-size: 0.8rem !important;
  border-radius:2rem !important;
}

/* Team - FlexGrid via "columns"*/
.imgages-frame {
  width: 80%;
  margin: auto; /*centered*/
}
.image-box {
  position: relative;
  height: 200px;
  width: 195px;
  overflow: hidden;
  margin: 3px;
}
.image-box:hover .image-caption {
  opacity: 1;
  z-index: 100;
}
.image-style {}
.image-caption {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  xfont-size: 1rem;
  padding: 5px;
  text-align: center;
}

/* Fahrzeuge - css only Caroussel */
.carousel {
  position: relative;
  xheight: 500px; /* höhe der box in px*/
  xpadding-bottom: 45%; /* höhe der box in %*/
  width: 75%;    
  aspect-ratio: 16 / 9;
  margin: auto;  /* centered */
  overflow: hidden;
}
.carousel-item {
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  animation: 48s autoplay infinite ease-in-out;
}
.carousel-item img {
  xposition: relative; /* ? for psitioning in img tag (bottom: xpx)*/
  width: 100%;
  height: auto;
}
@keyframes autoplay {
  0% {left: 100%}
  3% {left: 0%}
  16.66667% {left: 0%}
  19.66667% {left: -100%}
  100% {left: -100%}
}
.carousel-item:nth-child(1) {animation-delay: 0s}
.carousel-item:nth-child(2) {animation-delay: 8s}
.carousel-item:nth-child(3) {animation-delay: 16s}
.carousel-item:nth-child(4) {animation-delay: 24s}
.carousel-item:nth-child(5) {animation-delay: 32s}
.carousel-item:nth-child(6) {animation-delay: 40s}

/* Zeugs
@keyframes slidy {
    0%  { left: 0%; }
    20% { left: 0%; }
    22% { left: -100%; }
    40% { left: -100%; }
    42% { left: -200%; }
    60% { left: -200%; }
    62% { left: -300%; }
    80% { left: -300%; }
    82% { left: -400%; }
    100% { left: -400%; }
     
}
body { margin: 0; }
div#slider-images {
  margin: auto;
  overflow: hidden;
  margin: -3rem auto auto;
  max-height: 30rem;
}
div#slider-images figure img { width: 20%; float: left; }
div#slider-images figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 50s slidy infinite;
}
div#slider-content {
}
.bgslider {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 50s slidy infinite;
}
*/