/*Farben*/
html, body {
    height: 100%;
    font-family: Verdana, Arial, sans-serif;
	font-size:15px;
}
p {
    line-height: 1.5em;
font-size:15px;
}
.inhalt{ /*umschließend ales wegen Sticky footer*/
    position: relative;
    min-height: 100%!important;
    padding-bottom: 70px; /*Höhe Fuß*/
}
body, p,h1,h2,h3,h4,h5,h6 {
    color:#696969;
}
.container-fluid {
    min-height:1024px;
    height: available;
}
.lila {
    color:#464496;
}
.lilahell {
    color:#A4A3D6;
}
.grau {
    color:#696969;
}
.okker {
    color:#F0C000;
}
.lilaHG {
    background-color:#464496;
}
.lilahellHG {
    background-color:#A4A3D6;
}
.grauHG {
    background-color:#696969;
}
.okkerHG {
    background-color:#F0C000;
}

/*Kopf mit Logo / Kontakt*/
.head {
    padding-top:15px;
    position:relative;
    height:160px;
}
.head > .logo, .head > .kontakt {
    position:absolute;
    z-index: 100;
}
/*Logo*/
.head > .logo{
    left:100px;
}
/*adresse*/
.head > .kontakt {
    right:100px;
    bottom:5px;
}
.kontakt p {
    font-size:1.4em;
    text-align: right;
}
.kontakt span {
    padding-right:10px;
}

/*Navi*/
.navbar-default {
    background-image: none!important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar {
    min-height: 50px;
    margin-bottom: 0;
    border: 0;
    background-color: #464496;
}
.navbar-default a {
    color:#fff!important;
    font-size:1.2em;
    font-weight: bold;
}
.navbar-default  a:hover {
    color:#fff!important;
    background-color:#A4A3D6!important;
}
.navbar-default .navbar-nav>.open> a, .navbar-default .navbar-nav>.active> a {
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#fff;
    background-color:#A4A3D6;
}
.navbar-nav >li >a {
    padding-left: 30px;
    padding-right: 30px;
}
.content {
    margin:25px;
}
.content > div {
    padding:20px;
    margin-top:30px;
font-size:15px;
}
.content > div h1, .content > div h2,.content > div h3 {
    margin-top:0;
    margin-bottom:25px;
}
.content > div p {
    margin-bottom:30px;
    line-height: 1.5em;
font-size:15px;
}
.content > div ul,.content > div ol {
    margin-left:20px;
    margin-bottom:8px;
    padding-left:0;
   font-size:15px;
}
.kf {
    margin-bottom:20px;
}
/* Bilder slider*/
.slider_voll {
    background-color: #464496;
}
/*Pfeile vor und zurück*/
.back,.next {
    position:absolute;
    top:40%!important;
    z-index:1010;
    cursor: pointer;
    width:46px;
    height: 86px;
}
.back:hover,.next:hover {
    background-color: black;
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}
.back{
    left:20px!important;
    background-image:url('../img/back.png');
    background-position:-1px 0;
}
.next{
    right:20px!important;
    background-image:url('../img/vor.png');
}

/*Inhalt*/
img.contentbildrechts{
    width:40%;
    margin-left:10%;
}
img.contentbildlinks{
    width:40%;
    margin-right:10%;
}
/*Footer*/
.fuss {
    position:absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    color:#fff!important;
    padding-top:20px;
}
.fuss a,.fuss div p {
    color:#fff;
}
/*Navigation zentrieren und Umsprungspunkte*/
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .navbar .navbar-collapse {
    }

}
@media (max-width: 1024px) {
    .head > .logo img {
        width:80%;
    }
}
@media (max-width: 425px) {
    /*Logo*/
    .head > .logo{
        left:20px;
    }
    /*adresse*/
    .head > .kontakt {
        right:20px;
    }
    .kontakt p {
        font-size:1.1em;
    }
    .kontakt span {
        padding-right:10px;
    }
    .fuss {
        height: 100px;
        padding-top:20px;
    }
    .fuss div, .fuss div p {
        text-align: center!important;
    }
    .fuss div p {
        padding-top:15px;
    }
    .inhalt{ /*umschließend ales wegen Sticky footer*/
        padding-bottom: 120px; /*Höhe Fuß*/
    }
}
@media (max-width: 330px) {
    /*Logo*/
    .head > .logo{
        left:10px;
    }
    /*adresse*/
    .head > .kontakt {
        right:20px;
    }
    .kontakt p {
        font-size:1.1em;
    }
    .kontakt span {
        padding-right:10px;
    }
}