/* --- Global --- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/OpenSans-Regular.ttf) format('truetype');
}

html {
	height: 100%;
}
body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;

	padding-top: 3rem;
	padding-bottom: 0rem;
	color: #5a5a5a;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	color:#333;
	line-height:1.1em;
	padding-top:0.4em;
}

a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#336699;
}
a:hover {
	text-decoration: none;
	color:#336699;	
}


/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 400px;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
/*  min-width: 100%;
  height: 400px;*/
}


/* --- Content --- */
/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.navbar-brand h1 {
	float: left;	
	font-size: 25px;	
	color:#336699;	
	text-transform:uppercase;
	font-weight:400;
}

.nav-tabs {
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 0;
	font-weight:700;	
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#333;
	padding:30px;
}

.nav-tabs > li > a:hover {	
	color: #336699;
	border-color: #fff #fff #fff;
	border-radius:0;
	background-color:#fff; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.nav-tabs > li > a.active {
	color: #336699;
	border-radius:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

/* --- Index --- */
#home {
	width: 100%;
	height: 100vh;
	background: url(../images/intro6.jpg) no-repeat fixed top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}



/*--- Projekte --- */

.headprojekt {
	/*width: 100%;
	height: 50vh;*/
	padding-bottom: 20%;
	
	background: url(../images/intro1.jpg) no-repeat fixed top center;
	background-position-y: -250px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.project-widget {
  padding: 20px 15px 0 15px;
  margin: 0 0 30px 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --- Services --- */

.services {
	color: #333;
	padding:50px;
	/*background:#f6f6f6;	*/
}

.services a.services-icon {
	font-size: 2.25rem;
}


/* --- Projekte --- */
.projekte {
	text-align: justify;
}


/*--- Download --- */

.headdownload {
	/*width: 100%;
	height: 50vh;*/
	padding-bottom: 20%;
	
	background: url(../images/download.jpg) no-repeat fixed center top;
	/*background-position-y: -375px;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.download {
  min-height: 28.5rem;
  height:auto !important;
  height:100%;
}


/*--- Support --- */

.headsupport {
/*	width: 100%;
	height: 50vh;*/
	padding-bottom: 20%;
	
	background: url(../images/meetingroom.jpg) no-repeat fixed top center;
	background-position-y: -425px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.support {
	/*color: #333;
	padding:50px;*/
	/*background:#f6f6f6;	*/
	min-height: 28.5rem;
}

.faq-nav  {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;    
    border: 1px solid #ddd;
    /*box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);*/

    .nav-link {
        position: relative;
        display: block;
        margin: 0;
        padding: 13px 16px;
        background-color: #fff;
        border: 0;
        border-bottom: 1px solid #f6f6f6;
        border-radius: 0;
        color: #616161;
        transition: background-color .2s ease;
        
        &:hover {
            background-color: #d6d6d6;
        }
        
        &.active {
            background-color: #d6d6d6;
            font-weight: 700;
            color: rgba(0,0,0,.87);        
        }
        
        &:last-of-type {
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom: 0;
        }
        
        i.mdi {
            margin-right: 5px;
            font-size: 18px;
            position: relative;
        }
    }

    
}



.nav-pills .nav-link.active {
            background-color: #eee;
            font-weight: 900;
            color: rgba(0,0,0,.87);        
        }

.nav-pills  a {
	color: #000;
}

.nav-pills  a:hover{
            background-color: #eee;
}



/* --- Datenschutz --- */
.datenschutz {
	text-align: justify;
}

/* --- Impressum --- */
.impressum {
	text-align: justify;
}


/* --- Footer --- */
.footer  {
	color: #bbb;
	background-color: #3a3a3a;;
}

.footer a {
	color: #fff;
	text-decoration: none;
}