/* @override 
	http://5614578115849.hostingkunde.de/css/style.css
	http://www.innovationsberatung-weihenstephan.de/css/style.css */

/* GLOBAL STYLES
-------------------------------------------------- */

body {
    color: #5a5a5a;
    font: 13px/20px Arial, Helvetica, sans-serif;
    background: url(../images/hg.jpg) 0 -25px repeat-x fixed;
}

h1 {
    color: #000099;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
}

/* BOOTSTRAP RESET
-------------------------------------------------- */

.col-10.offset-2 {
    padding: 0;
}

.col-md-2 {
    padding: 0;
}

/* HEAD
-------------------------------------------------- */

.head {
    background-image: url(../images/blau_head.jpg);
}

.logo {
    z-index: 100;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 370px;
}

.fluid {
    overflow: hidden;
}

.img-fluid {

}

/* NAVIGATION
-------------------------------------------------- */

ul.rex-navi1 {
    padding: 0;
    list-style: none;
    background-color: #fff;
}

nav.navbar {
    padding: 0;
    margin-top: 10px;
}

ul.rex-navi1 a {
    color: #5a5a5a;
}

ul.rex-navi1 a:hover {
    color: #FFF;
    text-decoration: none;
}

ul.rex-navi1 li {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px;
}

ul.rex-navi1 li:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #00028e;
}

li.rex-current {
    border-left: 2px solid #00008e;
    background-color: #edebeb;
    border-right: 2px solid #FFF;
}


/* CONTENT
-------------------------------------------------- */

.pictext h1 {
    left: -14px;
    position: relative;
}

.pictext h3 {
    left: -14px;
    position: relative;
}

.grau {
    background-color: #efeeee;
    padding-top: 10px;
    padding-bottom: 20px;
}


footer.container .col-md-10 {
    padding: 10px 0;
}

.hline {
    border-bottom: 1px solid #c0c0c0;
    width: 100%;
    left: -14px;
    position: relative;
}

.mtb {
    margin-top: 20px;
    margin-bottom: 20px;
}

img.content {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.pictext p {
    float: left;
    display: block;
    width: 75%;
}

.tab-hg {
    background-color: #d0d0d0;
}

.pictext table tbody {
    display: block;
    width: 75%;
}

.pictext table tbody td {
    padding: 5px;
}

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

@media (max-width: 992px) {
 
    body {
        background: url(../images/hg.jpg) 0 -75px repeat-x fixed;
    }
    
    .logo {
        z-index: 100;
        display: block;
        position: absolute;
        bottom: 15px;
        width: 70%;
        left: 160px;
    }
    
   .rex-navi1 {
        margin-top: 50px;        
    }
    
    .pictext p {
        float: left;
        display: block;
        width: 65%;
    }
    
}


@media (max-width: 768px) {
 
    body {
        background: url(../images/hg.jpg) 0 -165px repeat-x fixed;
    }
    
    h1 {
        font-size: 25px;
    }
    
    .logo {
        z-index: 100;
        display: block;
        position: absolute;
        bottom: 15px;
        width: 70%;
        left: 110px;
    }
    
    
    .img-fluid{
        width: 100%;
    }
    
    
    a.href-img {
        display: block;
        bottom: 0;
        position: relative;
        width: 100%;
        padding: 0;
        float: left;
    }
    
    nav.navbar {
        padding: 0;
        margin-top: 10px;
        height: 50px;
        z-index: 100;
    }
    
    .pictext p {
        float: left;
        display: block;
        width: 100%;
    }
    
    footer.container .col-md-10 {
        padding: 10px;
    }
    
    ul.rex-navi1 li {
        border-bottom: 1px solid #d2d2d2;
        padding: 10px 5px;
    }
  
}