/* LAYOUT */
html 
{
    position: relative;
    min-height: 100%;
    overflow-y:scroll;
}
body 
{
    padding-top:130px;
    margin-bottom: 60px; /* Margin bottom by footer height */
}

p{
    color:#838383;
}

small{
    color:#838383;
}

label{
    color:#838383;
}

.text-red {
    color:#8c2d46;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:300;
    color:#8c2d46;
}

h1 > small{
    font-size:12px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}


.btn-primary {
    color: #fff;
    background-color: #8c2d46;
    border-color: #8c2d46;
    border-radius:0;
    padding-top:2px; 
    padding-bottom:2px;
    font-size: 0.9em;
    font-weight: 300;
}

.btn-primary:hover {
    color: #fff;
    background-color: #8c2d46;
    border-color: #8c2d46;
    border-radius:0;
}

.btn-primary:visited {
    color: #fff;

}

a{
    color:#8c2d46;
}

a:hover{
    text-decoration:none;
    color:#8c2d46;
}

a:visited{
    color:#8c2d46;
}


.contentimage{
    position: relative;
}

.contentimagebox {
    position: absolute;
    top: 110px;
    right: 0;
    padding: 10px 50px;
    background: #8c2d46;
    color: #fff;
    font-size: 1.1em;
}

.contentimage-stripe{
    position: absolute;
    width:300px;
    height:60px;
    background:#8c2d46;
    color:#fff;
    font-size:1.5em;
    font-weight:300;
    bottom:30px;
    left:-20px;
    padding-left:30px;
    padding-top:10px;
    z-index:9999;
    cursor:arrow;
}


.logo {
    max-height:80px;
}

/* NAVBAR */
nav{
    background:#fff;
    z-index:9999;
}

.navbar-nav {
    margin-top: 70px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#8c2d46;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#8c2d46;
}






/* PROJEKTE */

.projekt{
    position: relative;
 
}

.projektname{
    position: absolute;
    bottom:30px;
    right:0px;
    width:285px;;
    height:23px;

    background:#8c2d46;
    color:#fff;
    font-size:0.9em;
    font-weight:300;
    padding-left:10px;
    padding-top:1px;
    z-index:9998;
    cursor:arrow;
}

  
/* TEAM */

.mitarbeiter{
    position: relative;
    margin-bottom:5px;
}

.nametag{
    position: absolute;
    bottom:30px;
    right:0px;
    width:165px;;
    height:23px;

    background:#8c2d46;
    color:#fff;
    font-size:0.9em;
    font-weight:300;
    padding-left:10px;
    padding-top:1px;
    z-index:9996;
    cursor:arrow;
}

.mitarbeiter .detail{
    position:absolute;
    bottom:-157px;
    right:0px;
    width:350px;
    height: 210px;
    background:#fff;
    border:1px solid #eee;

    font-size:0.8em;
    z-index:9995;
    display:none;
}

.mitarbeiter .detail p{
    font-size:1.1em;   
}

.detail .detailbtn{
    position:absolute;
    right:10px;
    bottom:10px;
}


.bildunterschrift {
    font-size:0.9em;  
}



/* Angebot */
.required:after { 
    color:red;
    content:" *"; 
}

.form-control[readonly] {
    background-color: #fff;
}



/* KONTAKT */

#maps{
    position: relative;;
}

#maps2click{
    position: absolute;
    top:45%;
    left:43%;
}


/* TIMELINE */


/* Timeline */
.timeline {
  border-left: 1px solid #333;

  position: relative;
  padding: 40px 50px 10px 50px;
  list-style: none;
  text-align: left;
  /* font-weight: 100; */
  
}

.timeline .event {
  position: relative;
}
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .event:after {
  left: -56px;
  background: #838383;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}




.timeline .eventred {
  position: relative;
}

.timeline .eventred:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.timeline .eventred:before,
.timeline .eventred:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .eventred:after {
  left: -56px;
  background: #8c2d46;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}

.timeline .eventredhell {
  position: relative;
}

.timeline .eventredhell:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.timeline .eventredhell:before,
.timeline .eventredhell:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .eventredhell:after {
  left: -56px;
  background: #b73557;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}



/* TIMELINE ENDE */





/* Sticky footer styles
-------------------------------------------------- */

.footer {
    position: absolute;
    background:#8c2d46;
    color:#fff;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
  }

/* FOOTER */
.footernav{
    list-style-type:none;
    text-align:right;
    float:right;
}

.footernav li {
    padding-left:10px;
    display:inline;
}

.footernav li a{ color:#fff; }
.footernav li a:active{ color:#fff;}
.footernav li a:hover{ color:#fff; text-decoration:none;}


#companyname_footer{
    float:left;
}


@media (max-width: 575.98px) {  



    .footer{height:100px;}

    .footernav{
        padding-top:10px;
        list-style-type:none;
        text-align:center;
        float:none;
        padding-left:0;
    }

    #companyname_footer{
        float:none;
        text-align:center;
    }
}