/*  ----------- */
/*  AIS Custom  */
/*  ----------- */


.copyright { color: #eee ; background-color: #5d634b; padding: 15px 0 ; } 


.nav.fixed .logo {
    float: left;
    width: 200px;
    max-height: 95px;
    padding: 0 ;
	margin: 5px 15px 0 15px ;
}

.nav.fixed .slogan { display: none ; }

.nav.fixed .telundoeffnung { float: right; text-align: left; width: auto ; margin: 11px 0 0 0; padding: 0 ; border-radius: 0 ; position: relative; border-radius: 5px 0 0 5px ;} 

.nav.fixed .phone { float: left; position: relative; width: auto; margin: 3px; border: none ; }
.nav.fixed .phone span { margin-left: 5px ; }

.nav.fixed .oeffnungszeiten  { float: right ; margin: 3px ; position: relative ; width: 170px ;  } 

.nav.fixed .oeffnungszeiten span {  margin-left: 5px; }
.nav.fixed .oeffnungszeiten .text { opacity: 0 ; height: 0 ; display: none ; 
	transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
   }
.nav.fixed .oeffnungszeiten:hover > .text { opacity: 1 ; height: auto ; width: auto ; display: block ; margin: 0 0 0 -50% ; 
	font-size: 12px ;     
	position: absolute ;
	top: 35px ;
	right: -3px ;
	background-color: #8dc057 ; 
	padding: 15px ;
	border-radius: 0 0 0 5px ; 
	}

.nav.fixed .nav-bar { margin-top: 0 ; }

.nav.fixed .telundoeffnung .facebook { position: relative; float: right ; top:auto ; right:auto ; margin: 3px 10px 3px 0; }



/****** more CUSTOM STYLES  ******/

.bg-dark { background-color: #b7c97f ; }

.bg-dark h1, nav.bg-dark h1, footer.bg-dark h1, .bg-primary h1, .bg-dark h2, nav.bg-dark h2, footer.bg-dark h2, .bg-primary h2, .bg-dark h3, nav.bg-dark h3, footer.bg-dark h3, .bg-primary h3, .bg-dark h4, nav.bg-dark h4, footer.bg-dark h4, .bg-primary h4, .bg-dark h5, nav.bg-dark h5, footer.bg-dark h5, .bg-primary h5, .bg-dark h6, nav.bg-dark h6, footer.bg-dark h6, .bg-primary h6 { color: #393939 ; }

h6 { color: #47b475 ;}

/* Font für Überschriftren */
/*h1, h2, h3, h4, h5, h6 { font-family: 'Sriracha', cursive; } */
/*image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 { font-family: 'Kalam', cursive; } */
/* image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 { font-family: 'Sriracha', normal }*/
/*
h1, h2, h3, h4, h5, h6 { font-family: 'Kalam', cursive; }
image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 { font-family: 'Kalam', cursive; }
*/
.slides .lead { font-size: 24px ; }

.nav-top { background-color: #8dc057 ; color: white ; font-size: 12px;  border-bottom: 1px dotted #8dc057  ; padding-bottom: 2px ; }
.nav-utility {  border-bottom: 1px dotted white; }

.feature-ais i.large {
	float: left; 
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #8dc057;
    text-align: center;
    line-height: 50px;
    color: #8dc057;
	background-color: #8dc057;	
    border-radius: 50%;
    /* margin: 0 auto; */
    margin: 5px 15px 24px 0 ;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.feature-ais i.large:hover { color: white; background-color: #8dc057; } 

.feature-ais i.small  {
    width: auto;
    height: auto;
}


/* -------- */
/*   myTool */
/* -------- */
#mytool { display: none ; 
	position: fixed; top: 180px; left: 0 ;  width: 40px ; height: 50px ; z-index: 999 ; color: white ; background-color: #47b475 ;
  transition:  all 0.5s  ease ;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
 border-radius: 0 10px 10px 0; border: none ; min-width: 50px ; padding: 5px ;  font-size: 1.4em ;
} 
#mytool:hover { width: 200px; height: 200px; float: right ;  }
#mytool i {float: left; padding: 5px ;  width: 100%; }
#mytool a > i { position: absolute; top: 30px ; right: 10px ; opacity: 0 ; width: 40px ; height: 50px ; color: white ; margin-top: -20px } 
#mytool ul { margin: 30px 15px ; display: none ;  opacity: 0 ; } 
#mytool ul.show { display: block ; opacity: 1 ;} 
#mytool ul > li > a { color: white ; line-height: 24px ; font-size: 16px ; font-weight: normal ;   } 

/* ----------------------- */
/*   Thumbnail adjustments */
/* ----------------------- */
.thumbnail { padding: 0 ; border-radius: 15px; min-height: 420px ; }
.thumbnail img {  border-radius: 15px 15px 0 0 ; } 
.thumbnail .caption { padding: 15px ; } 
.thumbnail .btn-default { float: right ; }

.thumbnail .content img {  border-radius: 15px ; } 

.btn-juergl { float: right ;   
	width: 10%;
    height: 0;
    padding-bottom: 10%;
    border-radius: 50%;
    border: 2px solid #8dc057;
    overflow: hidden;
    background: white ;
    box-shadow: 0 0 3px gray; 
}

.nav-pills > li {   background: #f5f5f5;  border-radius: 4px ;    margin-bottom: 10px;} 
.nav-pills > li > a  {color: inherit ;  }
.nav-pills > li.active > a {   
    color: #fff;  }	
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus  { 
  background: #8dc057;
  letter-spacing: 1px;
} 	
	
.image-slider.height-32 .slides li {
  height: 32vh;
  /*min-height: 470px;*/
}
.image-slider.height-30 .slides li { height: 30vh; }
.image-slider.height-40 .slides li { height: 40vh; }
.image-slider.height-50 .slides li { height: 50vh; }
.image-slider.height-55 .slides li { height: 55vh; }
.image-slider.height-60 .slides li { height: 60vh; }

.bg-green {padding: 3px 15px ; border-radius: 15px ; background-color: #47b475  ; } 

.accordion-1 .title {
    border-radius: 4px ; 
}

.accordion-1 .title span .glyphicons {
    font-family: 'Glyphicons Halflings';
}


.fa { color: #8dc057 ; } 
.fa:hover, .active .fa { color: #ccc  ; } 
.modal-header .fa { margin: -15px 0 0 0 ; }
.modal-body { overflow-y: auto; width: 100% ; max-height: calc(100vh - 210px) ;}

.project { padding: 15px ; }
@media all and (max-width: 767px){ 
	.project { padding: 5px ; }
}
/*
.owl-carousel .owl-item { margin: 15px ;   } 
.owl-carousel .owl-item:first-child { margin: 15px 15px 15px 0;   } 
.owl-carousel .owl-item:last-child { margin: 15px 0 15px 15px ;   } 
*/
.team-list {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.team-list.owl-theme .owl-controls {
    color: #f57215;
    font-size: 50px;
}

.team-list.owl-theme .owl-controls .owl-prev {
    left: -30px;
    margin-top: -25px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 0.2s linear 0s;
}
.team-list.owl-theme .owl-controls .owl-next {
    margin-top: -25px;
    opacity: 0;
    position: absolute;
    right: -30px;
    top: 50%;
    transition: all 0.2s linear 0s;
}
.team .accordion li.active .content {
    max-height: inherit;
}

img.rounded { border-radius: 15px ;  }

.accordion li.active .content {
    max-height: 500px;
}



table.steckbrief { width: 100% ; padding-top: 15px; }
table.steckbrief tr { border-bottom: 1px solid #ccc; }
table.steckbrief td.left {width: 25% ; vertical-align: top ; padding: 5px 0; }
table.steckbrief td.right {width: 75% ; vertical-align: top ; padding: 5px 0; }

.lupe { position: absolute ; right: 20px ; bottom: 30px ; }

.lb-container { padding: 0 2px 0 2px; } 

/*  Tooltip (qtip)   */
.qtip-default {  
	font-size: 12px ; 
	border-radius: 5px;
	border: 1px dotted white ;
    background-color: #8dc057 ;
    color: white ;

	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
}	 

.qtip-default .qtip-titlebar {
    background-color: white ;
	color: #8dc057 ;
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 600;
    background-color: white ;
	color: #8dc057 ;
}


.floatleft {
    float: left ;    
    margin-right: 10px; 
}

.floatleft input {
    display: inline-block ;
    margin-right: 10px;
}