/*!
 * LIHAS CUSTOM-CSS FILE
 * Copyright 2017 by WASABII - WEBSERVICE
 *
 */
:root {
  --lihasCI: #ff8b00;
  --lihasCItrans: rgba(255,139,0,0.30);
  --lihasRandom: #FFF000;
}

pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}


.lihascolor, .text-muted{color:var(--lihasCI, #ee9a14);}
.dropdown-menu{background-color:white; z-index:99; border: 1px solid var(--lihasCI, #ee9a14);  }
.dropdown-menu > li > a {color:#606060;}
.dropdown-header {color:var(--lihasCI, #ee9a14);}
.navbar-left {height: 50px;}
.navbar {
  background-color: rgba(255,255,255,1);
  border-bottom: 1px solid var(--lihasCI, #ee9a14);
  box-shadow: 0px 5px 5px var(--lihasCItrans, rgba(238,154,20,0.30));
}
.navbar-toggle {
  color:white; background-color: var(--lihasCI, #ee9a14);
}
.icon-bar {background-color:black; }
li.active {border-left: 2px solid var(--lihasCI, #ee9a14);}
li.active {border-right: 2px solid var(--lihasCI, #ee9a14);}
.nav > li > a:hover {background-color: var(--lihasCItrans, rgba(238,154,20,0.30));}

.logo {padding:5px; max-width:95px;}

.osm {
  background-color: var(--lihasCItrans, rgba(238,154,20,0.30));
  width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

#LihasHeaderCarousel {
  height: 600px;
}

#first-slide {
  height: 600px;
  background-image: url(/img/images/shutterstock_437002504.jpg);
  background-position: center center;
  background-size: cover;
}

#second-slide {
  height: 600px;
  background-image: url(/img/images/shutterstock_313779428.jpg);
  background-position: center center;
  background-size: cover;
}

#third-slide {
  height: 600px;
  background-image: url(/img/images/shutterstock_598993493.jpg);
  background-position: center center;
  background-size: cover;
}
.carousel-caption h1 {background: rgba(255,139,0,0.8); padding:10px;}
.carousel-caption #detail {background: rgba(255,255,255,1); padding:10px; color: var(--lihasCI, #ee9a14); text-shadow: none; }

/*!
*
*  END CSS CAROUSEL
*/
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, var(--lihasCI, #ee9a14), rgba(255, 255, 255, 0.75), var(--lihasCI, #ee9a14)) !important;}

.parallax {
    /* The image used */
    background-image: url("./img/coding.jpg");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-primary {
background-color: var(--lihasCI, #ee9a14);
border: 2px solid #606060;

}
.btn-primary:hover {
background-color: var(--lihasCItrans, rgba(238,154,20,0.8));
	border: 2px solid #606060;}

.btn-secondary{border:1px dotted var(--lihasCI, #ee9a14); }
.btn-info{width: 100%; background-color: var(--lihasCItrans, rgba(238,154,20,0.8)); color:#5a5a5a; text-align: left;}
.btn-info:hover { width: 100%; background-color: var(--lihasCI, #ee9a14); color:black; text-align: left;}

.LihasBox {border: 1px solid var(--lihasCI, #ee9a14); background: var(--lihasCItrans, rgba(238,154,20,0.30)); padding:10px; margin-top:60px; margin-bottom: 60px;}
.LihasBox2 {border: 1px solid var(--lihasCI, #ee9a14); background:white; padding:10px; margin-top:60px; margin-bottom: 60px;}

.featurette-divider {border: 2px dotted var(--lihasCI, #ee9a14); color: var(--lihasCI, #ee9a14);}

.jumbotron {background-color: var(--lihasCItrans, rgba(238,154,20,0.8)); }

.myhover{border-left: 5px solid white;}
.lihasselectedborder{border: none; color:lightgrey;}

.lihasContent {
    width: 100%;
    column-count: 3;
    column-gap: 40px;
	text-align: justify;
	font-size: 12pt !important;
}
.progressbarContainer{
  margin-left: auto;
  margin-right:auto;
  width: 200px;
  height: 200px;
}
.teamPhoto {box-shadow: -5px 5px 25px 5px var(--lihasCItrans, rgba(238,154,20,0.20));}
.ReferenzenPhoto {padding:5x; margin:5px; border: 1px solid var(--lihasCI, #ee9a14); box-shadow: -5px 5px 25px 5px var(--lihasCItrans, rgba(238,154,20,0.20));}
.PersonalReihe{margin-top:50px;}

li.download-row.even {background-color: rgba(0,0,0,0.03); margin:10px;}
li.download-row{background-color: rgba(0,0,0,0.08);  margin:10px;}
footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 30px;
  border-top: 1px solid white; box-shadow: 0px -5px 5px var(--lihasCItrans, rgba(255,139,0,0.30)); background-color:white; padding: 5px 20px 20px;
}

.myinvisible {color: #606060; background-color: var(--lihasCItrans, rgba(255,139,0,0.30)); min-height: 217px;}
.myinvisible .btn {display:none;}
/*
*
*
*    RESPONSIVE SETTINGS
*
*
*/

/* and (min-width: 765px) */
@media screen and (max-width: 1225px)  {
    body {
        margin-top: 100px;
    }
	.lihasContent {
    width: 100%;
    column-count: 1;
    column-gap: 40px;
	text-align: justify;
	font-size: 12pt !important;
}
}