/* Put your custom styles here */

.breadcrumb { margin-bottom: 0; padding-bottom: 0 }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-default { border-color: #fff }

.langmenux { position: absolute; top: 0; right: 10px; height: 50px }
.langmenu { float: right; height: 50px; width: 50%; text-align: right }
.content-1-5 img { max-width: 100%; height: auto }

.carousel { height: 400px; }
.item,.active,.carousel-inner { height: 100%; }
/* Background images are set within the HTML using inline CSS, not here */
.fill { width: 100%; height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.carousel-caption h1,.carousel-caption h2 { color: #e2001a; font-family: 'Fredoka One', cursive; }

.row-eq-height {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

#gallery { float: left; width: 100%; margin: 20px 0 }
.galerie { float: left; width: 224px; height: 180px; padding: 2px; margin: 2px; line-height: 180px; text-align: center; border: 1px solid #000 }
.galerie img { max-width: 200px; max-height: 160px; overflow: hidden }
.bg-danger { padding: 10px }
.crop { float: left; width: 200px; height: 120px; overflow: hidden }
.crop img { ; padding: 0 10px 10px 0 }
.imgb  { margin: 0 0 20px 0 }
.imgr { margin-right: 10px }
.imgl { margin-left: 10px }
p.umbruch { clear: both; line-height: 2px; margin: 0 }

.asmall a { color: #666 }

a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #00296A url("/js/images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }

/* Small Devices */

@media only screen and (max-width : 1024px){

.carousel { height: 200px; }
#header-2 .brand-img { float: left; margin: 10px auto; max-width: 200px }
#header-2 .main-nav .navbar-nav > li a { font-size: 12px }

}