/*GLOBALES CSS*/
body{
    font-family: 'Lora', serif;    
    padding-top: 50px; //Für Navbar Abstand
    position: relative; //Für Scrollspy
    color: rgba(0,0,0,0.87);    
    font-weight: 300;    
}

/*BESCHRÄNKUNG FÜR TEXTFELD BEI GROSSEN AUFLÖSUNGEN*/
@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}

strong {
    font-weight: bold;
}




/*ÜBERSCHRIFTEN*/
h1,h2,h3,h4,h5,h6 {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 300;     

}
        
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small,
.h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, 
.h4 .small, .h5 .small, .h6 .small {
    color: rgba(0,0,0,0.54);
    font-weight: 300;
    line-height: 1;
}











.neutralwell {
    background: rgba(207, 216, 220,0.4);
    
}

.ch1well {
    background: #b3e5fc;  /*100er Material Design*/
   }

.ch2well {
    background: #ffecb3  /*100er Material Design*/
   }
   
.ch3well {
    background: #b2ebf2;  /*100er Material Design*/
   }   
   
.ch4well {
    background: #dcedc8;  /*100er Material Design*/
   }   

.ch5well {
    background: #d1c4e9;  /*100er Material Design*/
   }

.progress {background: rgba(255, 255, 255, 1); border: 0px solid rgba(255, 255, 255, 1); border-radius: 4px; height: 25px;}
.progress:hover {       border: 1px solid rgba(25, 25, 25, 0.1);}

.progress-bar-custom {    background: rgba(222, 222, 222, 0.53);}
.progress-bar-custom:hover {    color: white;    background: rgba(122, 122, 122, 0.33);}











/*ERHOLUNG - SÄULE    */

.greencontent {
    width:100%;
    color: rgba(0,0,20,0.84);
    background:  rgba(241,248,233,0.13);	
    padding-bottom: 4.6em;
    font-weight: 300;   
}





.ambercontent {
    width:100%;
    color: rgba(0,0,20,0.84);
    background:  rgba(255,248,225,0.13);	
    padding-bottom: 4.6em;
    font-weight: 300;   
}



.cyancontent {
    width:100%;
    color: rgba(0,0,20,0.84);
    background:  rgba(237,231,246,0.15);	
    padding-bottom: 4.6em;
    font-weight: 300;   
}



.purplecontent {
    width:100%;
    color: rgba(0,0,20,0.84);
    background:  rgba(224,247,250,0.2);	
    padding-bottom: 4.6em;
    font-weight: 300;   
}




.einführungcontent {
    width:100%;
    color: rgba(0,0,20,0.84);
    background:  rgba(225,245,254,0.2);	
    padding-bottom: 4.6em;
    font-weight: 300;   
}

















/*BUTTON EDITS  / SUCCESS = GRÜN*/
.btn-success {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-color: transparent; 
    background-color:  #8bc34a;  /* = Light Green 500*/
}

.btn-success:hover {
    background-color: #558b2f;  /* = Light Green 800*/
    border-color: transparent;
    
}

/*BUTTON EDITS  / WARNING = GELB*/
.btn-warning {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-color: transparent; 
    background-color:   #ffc107;  /* = Light Green 500*/
}

.btn-warning:hover {
    background-color: #ff8f00;  /* = Light Green 800*/
    border-color: transparent;
    
}


/*BUTTON EDITS  / WARNING = GELB*/
.btn-danger {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-color: transparent; 
    background-color:   #673ab7;  /* = Light Green 500*/
}

.btn-danger:hover {
    background-color: #4527a0;  /* = Light Green 800*/
    border-color: transparent;
    
}




/*BUTTON EDITS  / INFO = BLAU*/
.btn-info {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-color: transparent; 
    background-color:   #03a9f4;  /* = Light Green 500*/
}

.btn-info:hover {
    background-color: #0277bd;  /* = Light Green 800*/
    border-color: transparent;
    
}



/*BUTTON EDITS  / INFO = CYAN*/
.btn-primary {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-color: transparent; 
    background-color:    #00bcd4;  /* = Light Green 500*/
}

.btn-primary:hover {
    background-color: #00838f;  /* = Light Green 800*/
    border-color: transparent;
    
}



.btn-default {
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-color:  rgba(0, 0, 0, 0.1); 
    background-color:     rgba(0, 0, 0, 0.05);  /* = Light Green 500*/
}

.btn-default:hover {
    background-color: rgba(0, 0, 0, 0.17);  /* = Light Green 800*/
    border-color: transparent;
    
}




.btn-grey{
     font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-color:  rgba(0, 0, 0, 0.1); 
    
    
}


.btn-grey:hover{
    font-weight: bold; 
    background-color: #b2dfdb;
}




.list-group-item-danger {
  color: #673ab7;
  background-color: #ede7f6;
}





/*NEUTRALE EINGABE-FORM*/
.form-control:focus {
  border-color: rgba(100, 100, 100, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px  rgba(100, 100, 100, 0.2);
  outline: 0 none;
}
   

/*TRENNLINIE*/
hr {
    margin-bottom: 13px;
    margin-top: 1px;
}


/*PAGER EINSTELLUNGEN*/
.pager li > a, .pager li > span {
      background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    display: inline-block;
    padding: 0px ; 
}



       




.botnav {
    
/*   margin-left: 1em;
   margin-right: 1em;*/
    
    
    
}

.botnav a {
    color: rgba(0,0,0,0.4); 

        height: auto;
        width: 100%;
        padding: 0.1em;
        text-decoration:none;
        text-decoration-color: rgba(20,20,20,1.0)
}

.botnav:hover {
   
    background: rgba(0,0,0, 0.05);
    text-decoration: none;
    
}

.botnav a:hover {
    color: rgba(0,0,0, 0.87);
    
}


















.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#ececec;}












.authorpics {
	float: left; padding-right:0.5em; padding-bottom:0.2em;
	}













/*EINSTELLUNGEN FÜR DIE NAVBAR*/        
        



.robfont { 
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-weight: 300;
}

.navbar-nav > li{
  padding-left:10px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #BBBBBB;
    color: #FFFFFF;
   font-weight: 500;
   }


.navbar #nav > .active > a {
    background-color: #ba3924;
    color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #ba3924;
    color: #FFFFFF;}
   
   
.navbar {
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  
}

.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
        font-size: 1.2em;
    }
    


.dropdown-menu > li > a {
  clear: both;
  color: #333333;
  display: block;
  line-height: 1.6;
  padding: 3px 20px;
  white-space: nowrap;
  font-weight: 400;
} 
    
    
    

.dropdown-menu > li > a {
  clear: both;
  color: #444444;
  display: block;
  font-weight: 400;
  line-height: 1.6;
  padding: 3px 20px;
  white-space: nowrap;
}

    
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
background-color: #BBBBBB;
    color: #FFFFFF;
 
}   
    
    
    
    
    
    
    
    
    
    


    
    
    
// AB HIER CSS FÜR LANDINGPAGE RUBRIKEN

textarea { 
    resize: none; }    


.lpwhite {
    width: 100%;    
    padding-top: 3em; 
    padding-bottom: 3em;
    background-color: white;
}


.lpgrey{
    background-color: rgba(249,249,249,1.0);  
    width: 100%;
    padding-top: 3em;
    padding-bottom: 3em;
    
}


.lpblue  {
    width: 100%;    
    padding-top: 3em; 
    padding-bottom: 3em;
    color: white; 
    background-color: #01579b; }


    
.lpgreen  {
    width: 100%;    
    padding-top: 3em; 
    padding-bottom: 3em;
    color: white; 
    background-color: #2e7d32;
}

.lpred  {
    width: 100%;    
    padding-top: 3em; 
    padding-bottom: 3em;
    color: white; 
    background-color:#b71c1c;
}



.lpteal  {
    width: 100%;    
    padding-top: 3em; 
    padding-bottom: 3em;
    color: white; 
    background-color:#00838f;
}




.lpteal  {
    width: 100%;    
    padding-top: 3em; 
    padding-bottom: 3em;
    color: white; 
    background-color:#00838f;
}



.lpteal2  {
    width: 100%;    

    color: white; 
    background-color:#00838f;
}

  



























    
/*LANDINGPAGE CSS - TIMELINE */	

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #388e3c !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }