
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
/**/



.breadcrumb {
    border-radius: 0;
    background-color: transparent;
    padding: 15px 0 10% 0;

}
.fa{
    color:#ffffff;
    padding:.5rem;
    font-weight: bold;
    font-size: 1.3rem;

}
.dispbox .fa{
    font-size:3em;
    border-radius: 50%;
    padding: 20px;

}

.panel-default{
    text-align: center;
}
.nav{
    font-weight: bold;
    font-size: 1.5rem;
    color:#000 !important;
}
h3{
    font-size: 2rem;
}
h2{
    font-size: 3rem;
}
.navbar-default, .navbar-default .navbar-nav > li > a{
    font-size: 1.5rem;
    background-color: #2c2c2c;
    color: #ffffff;
    margin-left: 0px !important;
    border-left: 0px;
}
.carousel-caption {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s; /* Firefox < 16 */
    -ms-animation: fadein 5s; /* Internet Explorer */
    -o-animation: fadein 5s; /* Opera < 12.1 */
    animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    background-color: #2c2c2c;
    text-decoration: underline;
    color: #DBD5D4;
    /*  border-bottom:1px solid black;
  padding-bottom:2px;*/
}
.navbar-default .navbar-nav :hover, .navbar-default .navbar-nav  :focus{
    background-color: #2c2c2c!important;
}



/* .carousel-caption {
     top:45%;
     bottom: auto;
     left: 65% !important;
     width: 25%;
     font-size: 1rem;    

 }*/


.panel-title{
    padding-top: 1rem;
}



.background-imageMob {
    width: 100%;
    height: auto;
    background-image: url("../bilder/main/bodenM.jpg");

}
.background-image {
    width: 100%;
    height: auto;
    background-image: url("../bilder/main/boden.jpg");

}
.infoBar{
    display:flex; height: 40px; background-color: #000; align-items: center; justify-content: center;text-align: center; color: #ffffff; font-weight: bold;
}
/*Bootstrap Media Queries*/
/* Info bar */
#infobar-desk {
    display: block !important;
}

#infobar-mob {
    display: none !important;
}

/* Carousel */
.desk-img {
    display: block !important;
}

.mobile-img {
    display: none !important;
}

/* Footer  */
#footer-desk {
    display: block !important;
}

#footer-mob {
    display: none !important;
}
#labelHeader{
    padding: 3rem; 
    border-radius: 3px;
    font-size:1.8rem;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* Carousel  */
    .desk-img {
        display: none !important;
    }
    .mobile-img {
        display: block !important;

    }
    /* Infobar  */
    #infobar-desk {
        display: none !important;
    }

    #infobar-mob {
        display: block !important;
    }


    /* Footer  */
    #footer-desk {
        display: none  !important;
    }

    #footer-mob {
        display: block !important;
    }

    #formPadding{
        padding: 0px !important;
    }


    h2{
        font-size: 1.6rem !important;
        font-weight: 700 !important;
    }
}

